/* 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;
position:relative;
}
#bandeau{
position:relative;
width:812px;
height:85px;
background-image:url(images/bandeau.gif);
background-repeat:no-repeat;
}
#bandeau object{
margin-top:7px;
}
#bandeau div{
	position:absolute;
	bottom:22px;
	left:0px;
}
#bandeau img{
margin:0px 4px 0px 0px;
}

#bandeau .sousbandeau{
	position:absolute;
	bottom:0px;
	left:300px;
}

/* 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{
float:right;
display:block;
position:relative;
width:132px;
height:379px;
background-image:url(images/fond-d.gif);
background-repeat:no-repeat;
}



/* Contenu */
#contenu{
position:relative;
width:680px;
height:347px;
float:left
}

.conteneur { width:680px; height:380px; float:left; position:relative;}
.blocnews1 { float:left; width:159px; height:334px; margin:7px 0 6px 6px; position:relative;}
.blocnews2 { float:left; width:165px; height:334px; margin:0 0 6px 6px; position:relative;}
.blocnews2 img { float:left;}
.shfla { float:left; width:165px; height:147px; background-image:url(news/news-patchsee/news-patchsee.jpg); background-repeat:repeat-y; position:relative; display:block;}
.shfla object { float:left; margin:0 9px 0 3px; width:147px; height:147px; padding:0; display:block;}

.blocnews338 { float:left; width:338px; position:relative; height:334px; margin:7px 0 0 6px;}
.ipad { float:left; width:338px; height:304px; background-image:url(news/news-ipad/azenn-brandrex-ipad.jpg); position:relative; margin:0; padding:0;}
.infoplus { float:left; margin:0; padding:0; border:none;}
.ipad h1 { float:right; padding:0; margin:6px 20px 0 10px; font-size:19px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:30px; color:#162077; text-align:right; width:308px; font-style:italic;}
.ipad h1 a { text-decoration:none; color:#162077; display:block;}
.ipad h1 a:hover { color:#333333;}

.dedfe0 { background-color:#dedfe0;}
/* 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:171px; 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 ; } 
.infos-regions { color:#545358; font-size:10px ; font-family:Arial, Helvetica, sans-serif; font-size:11px;
width:140px;  position:relative; left:2px; 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 */

/* debut page plan d'acces */
#acces-contenu { width:671px; overflow:auto; height:347px;}
#acces-contenu span{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:10px; display:block; margin-left:20px; width:286px;}
#contenu #acces-contenu h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#000; margin:3px 0px 4px 20px; font-weight:bold; width:286px;}
#contenu #acces-contenu a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#162077; text-decoration:none; display:block;}
#contenu #acces-contenu img{ display:block; padding-bottom:4px; padding-left:10px;}
#contenu .acces-left { float:left; width:316px;}
#contenu .acces-right { float:right; width:326px;}
/* FIN page plan d'acces */

#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:20px 15px 15px 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 10px 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-contenu img { margin:0px 15px 0px 15px;}


#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;
}



/* NEWS */
#newsipad {
float:left;
width:680px;
margin:0px 0px 0px 0px;
height:347px;
overflow:auto;
position:relative;
font-family:Arial, Helvetica, sans-serif;
}
.newstitle { float:left; width:640px; margin:20px 0 20px 10px; padding:0; background-image:url(news/soush1.gif); background-repeat:repeat-x; height:22px; position:relative;}
.newstitle h1 { float:left; line-height:22px; padding:0 10px 0 0; margin:0; background-color:#FFFFFF; display:block; font-size:18px; font-weight:bold; font-style:italic; color:#162077;}
.picleft170 { float:left; width:170px; margin:0 0 0 10px; padding:0; position:relative;}
.picleft170 img { float:left;}
.textright { float:left; width:460px; margin:0 0 0 10px; position:relative;}
.textright p { float:left; width:100%; padding:0 0 5px 0; margin:0; font-size:11px; color:#000000; text-align:left;}
.textright .bigblue { font-weight:bold; padding:15px 0 15px 0; color:#162077;}
.smallcell { float:left; width:230px; height:20px; margin:0 0 10px 0; position:relative;}
.smallcell label { float:left; width:90px; text-align:right; margin:0 5px 0 0; padding:0; display:block; height:20px; line-height:20px; color:#A8AAAE; font-size:12px;}
.smallcell .continput { float:left; width:133px; height:18px; border:1px solid #A8AAAE; background-color:#FFFFFF; display:block; position:relative;}
.smallcell .continput input { float:left; width:129px; height:16px; line-height:16px; margin:1px 2px 1px 2px; padding:0; font-size:12px; border:0;}
.largecell { float:left; width:460px; margin:0 0 10px 0; position:relative;}
.largecell label { float:left; width:90px; text-align:right; margin:0 5px 0 0; padding:0; display:block; height:20px; line-height:20px; color:#A8AAAE; font-size:12px;}
.largecell .continput { float:left; width:363px; height:18px; border:1px solid #A8AAAE; background-color:#FFFFFF; display:block; position:relative;}
.largecell .continput input { float:left; width:359px; height:16px; line-height:16px; margin:1px 2px 1px 2px; padding:0; font-size:12px; border:0;}
.sephnews { float:left; background-color:#A8AAAE; width:460px; padding:0; margin:5px 0 10px 0;}
.textright .gris { font-size:12px; color:#A8AAAE;}
.textright .gris a { color:#162077; text-decoration:none; cursor:pointer;}
.details { float:left; margin:0 0 0 95px; width:365px; color:#A8AAAE; font-size:10px;}
.textright .oblicham { float:left; width:310px; font-size:11px; font-style:italic; height:20px;}
.textright .envoyer { float:left; width:143px; height:20px; cursor:pointer; display:block; margin:0 0 10px 7px; background-image:url(news/envoyer.jpg);}
.font10 { font-size:10px;}
.textright ul { float:left; width:460px; margin:0 0 20px 0; font-size:10px; color:#000000; padding:0; position:relative;}
.textright ul li { float:left; list-style:outside decimal; width:440px; margin:0 0 0 20px; padding:0; font-size:10px;}

/*  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:680px;
height:33px;
text-align:center;
color:#CCCCCC;
font-size:10px;
float:left;
}
#menu-bas a{
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
line-height:33px;
}

#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;

}