.{
margin		: 0;
padding		: 0;
}

p, img, hr, ul, li{
padding		: 0;
margin		: 0;
}

body,td,th {
font-family	: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
font-size	: 13px;
color		: #112438;
padding		: 0;
margin		: 0;
}

body {
background	: #fff url(../img/fond.gif) repeat-y center;
}

#global{
margin		: 0px auto;
padding		: 0px;
width		: 860px;
text-align	: left; /* on rétablit l'alignement normal du texte */
position	: relative;
}

/* TOP */
#top{
position	: relative;
margin		: 0 auto;
padding		: 0;
text-align	: left; /* on rétablit l'alignement normal du texte */
height		: 130px;
}

#logo {
padding		: 10px 0 0 35px;
margin		: 0 50px 0 0;
float		: left;
}

.tel-im{
margin		: 40px 0 0 12px;
}

/* MENU */

#fond-menu{
height		: 38px;
background	: #fff url(../img/sous-menu.gif) repeat-x;
width		: 861px;
}

#content-menu{
position	: relative;
margin		: 0 auto;
padding		: 0;
text-align	: left; /* on rétablit l'alignement normal du texte */
}

/* SCROLLER */

#navigation{
float		: left;
}

#container {
position		: relative;
overflow		: hidden; 
width			: 861px;
height			: 204px; 
}

#content {
width			: 861px;
height			: 408px;
position		: relative;
}

.scrolling-content {
width			: 861px;
height			: 204px; 
text-align		: left;
position		: absolute;
}
 
#content1 {
left		: 0px; 
top			: 0px;
background	: #fff url(../img/fond-bleu-index3.jpg) no-repeat center;
}
 
#content2 {
left		: 0px; 
top			: 204px;
background	: #fff url(../img/fond-bleu-form.jpg) no-repeat center;
}

#menu{
text-align	: right;
font-size	: 13px;
padding		: 16px 0 0 0;
margin		: 0;
/*border		: 1px solid red;*/
}

#menu li {
display			: inline;
padding			: 0;
margin			: 0;
padding-left 	: 7px;
padding-right 	: 8px;
}

#menu a:link, #menu a:visited {
text-decoration	: none;
font-weight		: 100;
}

/* ACCES CLIENT */
ul#navlist {
position:relative;
	height: 24px;
	width: 244px;
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	padding:0;
	padding-top: 14px;
	clear: both;
	/* border-bottom: 1px solid #ccc;	*/
	float:left;
	}
	
#navlist li {
	float: left;
	}
	
#navlist li a {
	height: 24px;
	display: block;
	}
	

#depannage {
position	: relative;
height		: 24px;
width		: 122px;
border		: none !important;
margin		: auto !important;
text-decoration : none;
background	: url("../img/btn-depannage.jpg") bottom no-repeat;
}

#depannage a {
position	: absolute;
top			: 0px;
left		: 0px;
height		: 24px;
width		: 122px;
background	: url("../img/btn-depannage.jpg") bottom no-repeat;
text-indent	: -9999px;
border		: 0;
}

#depannage a:hover {background-position: top; 	border		: 0;}

#client {
position	: relative;
height		: 24px;
width		: 122px;
border		: none !important;
margin		: auto !important;
text-decoration : none;
background	: url("../img/btn-client.jpg") bottom no-repeat;
}

#client a {
position	: absolute;
top			: 0px;
left		: 0px;
height		: 24px;
width		: 122px;
background	: url("../img/btn-client.jpg") bottom no-repeat;
text-indent	: -9999px;
border		: 0;
}

#client a:hover {background-position: top; 	border		: 0;}

#navlist li a.selected{
background-position: top;}


/* CENTRE */

#content-centre{
position	: relative;
margin		: 0 auto;
padding		: 0;
text-align	: left; /* on rétablit l'alignement normal du texte */
width		: 850px;
height		: 204px;
}

.left{
position	: relative;
float		: left;
text-align	: left;
width		: 400px;
padding		: 15px 0px 10px 30px;
margin		: 0px;
color		: #fff;
}

.right{
position	: relative;
float		: right;
text-align	: left;
width		: 400px;
padding		: 40px 0px 0px 0px;
margin		: 0px;
color		: #fff;
}

.simple-im{
text-align	: left;
width		: 200px;
}

.depannage{
margin		: 0 0 0 6px;
}

#client-left{
width		: 370px;
float		: left;
padding		: 20px 0 0 30px;
/*border		: 1px solid black;*/
}

#client-right{
width		: 370px;
float		: right;
padding		: 20px 30px 0 0px;
/*border		: 1px solid black;*/
}

#form-client{
margin-left	: 25px;
}

label {
display		: inline ;
float		: left;
width		: 120px;
margin-top	: 10px;
}

input{
width		: 150px;
border		: 0;
height		: 20px;
background	: #fff url(../img/fond-form.gif) top left;
padding		: 6px 0 0 5px;
margin-top	: 5px;
color		: #666;
font-family	: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
}

.bouton{
width		: 155px;
border		: 0px solid #fff;
height		: 25px;
padding		: 0px;
background	: #fff url(../img/btn-form.gif) top left;
color		: #fff;
font-family	: Lucida Grande, Lucida Sans Unicode, Bitstream Vera Sans, Geneva, Helvetica, Arial, sans-serif;
cursor		: pointer;
}

.bouton:hover{
background	: #fff url(../img/btn-form-over.gif) top left;
}

/* PIED CENTRE */

#pied-centre{
height		: 38px;
width		: 861px;
background	: #fff url(../img/sous-centre.gif) repeat-x;
}

/* MAIN */

#main{
position	: relative;
margin		: 0 auto;
padding		: 0;
text-align	: left; /* on rétablit l'alignement normal du texte */
}

.index-gauche{
float		: left;
margin-right: 48px;
}

/* ------------------------  */

#index-left {
position	: relative;
float		: left;
text-align	: left;
width		: 356px;
height		: 265px;
margin-left	: 40px;
text-decoration : none;
background	: url("../img/entreprises.jpg") top no-repeat;
}

#index-left a {
position	: absolute;
top			: 0px;
left		: 0px;
height		: 265px;
width		: 356px;
background	: url("../img/entreprises.jpg") top no-repeat;
border		: 0;
text-decoration:none;
color		: #112438;
cursor:pointer;
}

#index-left a:hover {background-position: bottom; 	border		: 0;}

#index-right2 {
position	: relative;
float		: left;
text-align	: left;
width		: 370px;
height		: 263px;
margin-left	: 60px;
text-decoration : none;
}

/* zone GRAND PUBLIC */
.content-gp ul{
position	: absolute;
bottom		: 25px;
left		: 30px;
}

.content-gp li{
padding		: 2px 0 2px 0px;
list-style	: none;
}

.content-gp li a{
text-decoration	: none;
font-size		: 13px;
color			: #fff;
border-bottom	: 1px dotted #fff;
}

.content-gp li a:hover{
text-decoration	: none;
font-size		: 13px;
color			: #112438;
border-bottom	: 1px dotted #356ea8;
}

/* zone PRO */
.content-pro ul{
position	: absolute;
bottom		: 22px;
left		: 22px;
}

.content-pro li{
color		: #fff;
padding		: 2px 0 2px 0px;
list-style	: none;
}

.content-pro li a{
text-decoration	: none;
font-size		: 13px;
color			: #fff;
border-bottom	: 1px dotted #fff;
}

.content-pro li a:hover{
text-decoration	: none;
font-size		: 13px;
color			: #4982bc;
border-bottom	: 1px dotted #2a496d;
}

#footer{
clear		: both;
height		: 130px;
width		: 861px;
padding		: 0;
margin		: 0;
border		: 0;
}

/* STYLES TEXTES */

h1{
padding		: 0 0 0 50px;
margin		: 5px 0 5px 0;
font-size	: 20px;
font-weight	: 100;
color		: #fff;
}

h2{
font-size	: 20px;
font-weight	: 100;
color		: #0086ba;
padding		: 0px;
margin		: 0px auto;
}

h4{
font-size	: 16px;
font-weight	: 100;
color		: #112438;
padding		: 3px 0 2px 0;
margin		: 0px auto;
}

h5{
font-size	: 14px;
font-weight	: bold;
font-family	: Arial, Helvetica, sans-serif;
color		: #172739;
padding		: 3px 0 3px 3px ;
margin		: 0px 0px 5px 0px;
text-align	: left;
background	: url(../img/h5.jpg) no-repeat bottom right;
}

h6{
font-size	: 13px;
font-weight	: bold;
color		: #000;
padding		: 5px 0 6px 29px ;
margin		: 0px 0px 5px 0px;
text-align	: left;
background	: transparent url(../img/h6.gif) no-repeat top left;
}

.sous-titre{
font-size	: 14px;
font-weight	: 100;
color		: #0086ba;
padding		: 0px auto;
margin		: 0px auto;
}

a:link, a:visited, a:active  {
color		: #112438;
}

a:hover {
color		: #4982bc;
}

.titre-centre{
text-align		: center;
font-size		: 24px;
font-weight		: 100;
padding			: 0 0 0 18px;
}

.info-simple{
text-align	: center;
font-size	: 24px;
font-weight	: 100;
}

.info-impot{
font-size	: 11px;
color		: #fff;
}

.acces-client{
float		: left;
margin		: 0 0 0 15px;
}

.acces-client a:hover{
color		: #339900;
}

.font28{
font-size	: 28px;
font-weight	: 100;
}

.clear{
clear		: both;
height		: 1px;
width		: 1px;
margin		: 0px;
padding		: 0px;
visibility	: hidden;
}

a.lien-borloo  {
margin-left		: 36px;
font-size		: 11px;
color			: #666;
text-decoration	: none;
}

a.lien-borloo:hover  {
font-size		: 11px;
color			: #333;
text-decoration	: underline;
}


/* BOUTONS INDEX */

.atelier{
position	: relative;
height		: 129px;
width		: 91px;
border		: none !important;
margin		: 10px 30px 0 5px;
padding		: 0 !important;
text-decoration : none;
float		: left;
background: url(../img/btn-atelier.gif) 0 0 no-repeat;
cursor:pointer;
}

.atelier a{
margin		: 0 !important;
padding		: 0 !important;
height		: 129px;
width		: 91px;
text-indent	: -9999px;
position: absolute;
background: url(../img/btn-atelier.gif) 0 0 no-repeat;
}

.atelier :hover {background-position: -91px 0;}

.distance{
position	: relative;
height		: 129px;
width		: 91px;
border		: none !important;
margin		: 10px 30px 0 5px;
padding		: 0 !important;
text-decoration : none;
float		: left;
background: url(../img/btn-distance.gif) 0 0 no-repeat;
cursor:pointer;
}

.distance a{
margin		: 0 !important;
padding		: 0 !important;
height		: 129px;
width		: 91px;
text-indent	: -9999px;
position: absolute;
background: url(../img/btn-distance.gif) 0 0 no-repeat;
}

.distance :hover {background-position: -91px 0;}

.site{
position	: relative;
height		: 129px;
width		: 91px;
border		: none !important;
margin		: 10px 0px 0 5px;
padding		: 0 !important;
text-decoration : none;
float		: left;
background: url(../img/btn-site.gif) 0 0 no-repeat;
cursor:pointer;
}

.site a{
margin		: 0 !important;
padding		: 0 !important;
height		: 129px;
width		: 91px;
text-indent	: -9999px;
position: absolute;
background: url(../img/btn-site.gif) 0 0 no-repeat;
}

.site :hover {background-position: -91px 0;}


/* CHEMIN */
.chemin{
padding		: 10px 30px 0px 30px;
text-align	: left;
font-size	: 11px;
color		: #999;
}

.chemin a {
color			: #555;
text-decoration	: none;
}

.chemin a:hover {
color			: #222;
text-decoration	: underline;
}


/* MISE EN FORME */

.img-floatl{
float		: left;
margin-right: 8px;
}

.left-main{
position	: relative;
float		: left;
text-align	: left;
width		: 420px;
padding		: 20px 0px 10px 30px;
margin		: 0px;
color		: #555;
}


.left h2 {
margin-bottom	: 5px;
}

.right-main{
position	: relative;
float		: right;
width		: 380px;
padding		: 0px;
margin		: 0 auto;
text-align	: right;
/* border		: 1px dotted #ccc; */
color		: #555;
}

.icon-img{
margin		: 4px;
border		: 0;
}

/* TIPS */

.tool-tip {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-family:Arial, Helvetica, sans-serif:
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}
 
.tool-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}