/* CSS Document */

BODY{
background-color:#dedfe0;
}


#page{
position:relative;
height:548px;
width:950px;
text-align:left;

}



/* partie de gauche  */
#gauche{
float:left;
width:128px;
height:548px;
background-image:url(images/menu-g.gif);
background-position:0px 128px;
background-repeat:no-repeat;
}
#menu-g{
position:relative;
margin:5px 0px 0px 0px;
height:121px;
}
#menu-g a{
position:relative;
color:#162077;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px;
font-weight:bold;
}


#g-tarif{
position:relative;
margin:5px 0px 0px 0px;

}
#g-tarif a{
position:relative;
color:#162077;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
#g-web{
background-image:url(images/web.gif);
background-repeat:no-repeat;
width:128px;
height:121px;
}

/* partie de droite  */
#droite{
float:left;
width:812px;
height:548px;
background-color:#FFFFFF;
}
#bandeau{
position:relative;
width:812px;
height:85px;
background-image:url(images/bandeau.jpg);
background-repeat:no-repeat;
}
#bandeau object{
margin-top:7px;
}
#bandeau div{
	position:absolute;
	bottom:0px;
	left:565px;
	height:21px;
}
#bandeau div a { float:left; display:block; margin:0 4px 0 0; padding:0;}
#bandeau img{
margin:0;
}



/* Menu principale  */
#menu{
background-color:#CECFD1;
width:803px;
height:83px;
text-align:right;
}
#menu ul{
margin:0px 0px 0px 0px;
padding:0px;
}
#menu li{
margin:3px 0px 0px 0px;
padding:3px 0px 0px 0px;
display:inline;
}
.logo{
margin:0px 5px 0px 0px;
}

/* menu droit */

#menu-droite{
position:absolute;
right:10px;
top:169px;
width:132px;
height:379px;
background-image:url(images/fond-d.gif);
background-repeat:no-repeat;
}



/* Contenu */
#contenu{
width:780px;
height:347px;


}
/* DEBUT Structure Contact */


#contenu1{ float:left;;    width:120px; height:347px;  background-color:#cecece;}
#contenu1 a{ margin:0px; padding:0px;}
#contenu1 .img1{ margin:10px 0 0 10px; padding:0px; }
#contenu1 .img2{ margin:33px 0 0 10px; padding:0px; }
	
#contenu2{ float:left; width:390px; height:347px;font-size:10px ;color:#545358 ; font-family:Arial, Helvetica, sans-serif; background-color:#cecece; z-index:50;}
#contenu2 a {color:#545358 ; text-decoration:none ; }

#backoffice { width:540px; height:347px;display:none; padding-left:2px; padding-top:2px; position:absolute;}
	#backoffice-cartouche { width:540px; height:300px; margin-top:20px ; margin-left:10px ;  font-size:10px ;
	position:absolute; top:20px ; left:5px ;}
#commander { width:550px; height:347px; display:none;  margin-left:20px; position:absolute;}
	#commander-cartouche {width:200px; height:200px; margin-left:20px; font-size:10px ;
	position:absolute; top:5px ; left:160px ;  }
	
#supportproduits { width:550px; height:347px;display:none; margin-left:20px; position:absolute;}
	#supportproduits-cartouche {  width:500px; height:300px; font-size:10px ;
	position:absolute; top:50px ; left:50px ;}
#grandcomptes {  width:550px; height:347px;;display:none; margin-left:20px; position:absolute;}	
	#grandcomptes-cartouche { width:550px; height:347px;font-size:10px ;
	position:absolute; top:80px ; left:160px ; }
	
#contenu3{  float:left; width:190px; height:347px; 
background-color:#cecece; z-index:40; } 
#contenu3 a {color:#545358 ; text-decoration:none ; }


/* FIN Structure Contact */

/* Début mise en page Contact */
#contenu3 td { padding-left:2px ; } 
#contenu3 .infos-regions td { padding:0;}
.infos-regions { color:#545358; font-size:10px ; font-family:Arial, Helvetica, sans-serif; font-size:11px;
width:190px;  position:relative; left:0; top:20px; }

.titre-infos { margin:4px 0px 0px 4px; }
.titre_bleu_fonce { color:#162077 ; font-weight:bold ; font-size:12px; font-family:Arial, Helvetica, sans-serif; display:block; margin:10px 0px 2px 0px;}
.titre_bleu_fonce2 { color:#162077 ; font-weight:bold ; font-size:12px; font-family:Arial, Helvetica, sans-serif; display:block; margin:0px 0px 2px 0px; padding-top:2px;}
.indications_bleues {color:#162077 ; font-style:italic ; font-size:10px; font-family:Arial, Helvetica, sans-serif;  }
.nom_gras { font-weight: bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; }

/* FIN  mise en page Contact */

#contenu-form{
width:680px;
background-color:#d6d7d8;
}
#contenu-form h1{
color:#162077;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:0px;
}
#contenu-form p{
color:#6d6c71;
font-size:12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenu-form a{
color:#6d6c71;
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenu-form input{
color:#6d6c71;
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}





#contenu-gris{
width:680px;
height:347px;
overflow:auto;
background-color:#d6d7d8;
text-align:center;
}
#contenu-gris h1{
color:#162077;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:0px;
margin-top:0px;
}
#contenu-gris p{
color:#6d6c71;
font-size:12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenu-gris a{
color:#6d6c71;
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenu-gris input{
color:#6d6c71;
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenu-gris select{
color:#6d6c71;
font-size:11px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* fiche marques   */
#sous-contenu{
float:left;
width:543px;
margin:0px 0px 0px 0px;
height:347px;
overflow:auto;
}
#sous-contenu h1{
color:#162077;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 15px 0px 15px;
padding:0px 0px 5px 0px;
border-bottom:solid 1px #162077;
}
#sous-contenu h2{
color:#6d6c71;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 15px 0px 25px;
padding:0px 0px 5px 0px;
border-bottom:solid 1px #6d6c71;
}
#sous-contenu h3{
color:#6d6c71;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 15px 0px 25px;
padding:0px 0px 5px 0px;
text-decoration:underline;
}
#sous-contenu p{
color:#6d6c71;
font-size:12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 15px 0px 15px;
}
#sous-contenu a{
color:#6d6c71;
font-size:12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 15px 0px 15px;
text-decoration:none;
}
#sous-contenu table{
color:#6d6c71;
font-size:12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 15px 0px 15px;
text-decoration:none;
}


#sous-menu{
float:left;
width:137px;
height:347px;
}
#sous-menu a{
color:#162077;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
margin:1px 0px 1px 0px;
}
#sous-menu hr{
margin:0px;
}

/*  Tarifs  */
#tarifs p{
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#tarifs td{
text-align:center;
}
#tarifs div{
padding:0px 5px 5px 5px;
text-align:left;
}
#tarifs a{
line-height:10px;
height: 10px;
}
#tarifs ul{
padding:5px 0px 5px 0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
hr{
color:#EDEDEE;
}

#menu-bas{
background-image:url(images/bas.gif);
background-repeat:no-repeat;
width:681px;
text-align:center;
color:#CCCCCC;
font-size:10px;
padding:10px 0px 5px 0px;
}
#menu-bas a{
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#menu-bas a:hover{
color:#FF9966;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

/* Ombre du site */
#ombre-d{
float:right;
width:10px;
height:548px;
background-image:url(images/ombre_d.gif);
background-repeat:repeat-y;
}
#ombre-bas{
width:950px;
height:8px;
background-image:url(images/ombre_b.gif);
background-repeat:repeat-x;
}



/*  Footer  */
#footer{
width:950px;
text-align:left;
height:20px;
line-height:20px;
}
#footer a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
height:20px;
line-height:20px;
}
#footer a:hover{
color:#000066;

}