/* --- POSITIONNEMENT --- */

/* Page */
body {
	
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
}
h1 { font-size: 14px; font-weight : 600;  margin-left:0px }
p  { font-size: 10px; font-weight : 500;  margin-left:0px }

/* En-tete */
#coin_gauche {position:absolute; background-color:#8E9295;width:253px; height:196px;}
#diamant {position:absolute; top:25px; border: 0px; left:50px;  z-index: 2; }
#drapeau { position:absolute; top:155px; left:220px; width:20; border:0px; z-index: 3 ; }
#centre_haut {position:absolute;left:253px; width:571px; height:196px; background-color:#dee2e4; }

#menu_catalogue { position:absolute; left:21px; top:30px; height:14px;  
                 font-size:10px; width=400px; z-index: 2; }

#menu_catal_gauche { background-image:url('../images/charte/bouton_menu_catal_gauche.png'); z-index: 3; padding-left:10px; font-size:10px;} 
#menu_catal_inter { background-image:url('../images/charte/bouton_menu_catal_inter.png');  }
#menu_catal_droite { background-image:url('../images/charte/bouton_menu_catal_droite.png'); }
#menu_catalogue a { color: white; font-size:10px; text-decoration: none; height:14px;  }
#menu_catalogue a:hover { color:red; font-size:10px; }

#coin_droite { position:absolute;left:824px; width:200px; height:196px; background-color:#889096; }
#coin_droite_clair { position:absolute;left:824px; width:200px; height:196px; background-color:#dee2e4; }
#coin_droite_porte { position:absolute;left:824px; width:200px; height:196px; background-image:url('../images/charte/coin_droite_porte.jpg'); }

#camera { position:absolute; top:25px; left:50px; width: 92px; height: 28px; z-index: 2;}
#caddy { position:absolute; top:25px; left:75px; width:37px; height: 25px; z-index: 2;}
#espace_client {position:absolute; top:60px; left:22px; background-image:url('../images/charte/bouton_bleu_client.png');
                width:148px; text-align:center;}
a.espace_client {font-family:Verdana;  font-size:medium; color:white; font-weight:600; text-align:center; text-decoration: none }
a.espace_client.hover {color:red; }

#logo_adler {position:absolute; top:30px;  left:430px; z-index=2}
#reception {position:absolute; bottom:0px; left:0px; width:571px; z-index: 1; }



/* Bloc central */
#bandeau_vert_pale { width: 571px; height: 24px; background-color:#d5e380;  }
#bandeau_vert_pale_2 { position:relative; width: 571px; height: 16px; background-color:#e7f0be;z-index: 2;  }

#onglets {      font-size: 11px;
	BORDER-RIGHT: gray 1px; PADDING-RIGHT: 3px; BORDER-TOP: gray 1px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: gray 1px; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: gray 1px solid; WHITE-SPACE: nowrap; BORDER-COLLAPSE: collapse; HEIGHT: auto; BACKGROUND-COLOR: transparent
}
#onglets DIV {
	PADDING-RIGHT: 3px; DISPLAY: inline; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
}
#onglets DIV A {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: gray 1px solid; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: gray 1px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#onglets DIV.selected A {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: gray 1px solid; COLOR: #ffffff; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #A8BC34
}
#onglets DIV A:hover {
	BORDER-LEFT-COLOR: gray; BORDER-BOTTOM-COLOR: gray; COLOR: gray; BORDER-TOP-COLOR: gray; BACKGROUND-COLOR: #eeeeee; BORDER-RIGHT-COLOR: gray
}
#partie_gauche { float:left; margin-left:5px; width:280px}
#partie_droite { float:right; text-align:right; margin-right:5px; width:280px }

#centre_bas { position:relative;  width: 571px; background-color:#d5e380; z-index: 2;  }
#espace_vertical { height:25px; }
#cgv { position:absolute; clear:both; bottom:3px;font-size:9px; color: gray; font-weight:500; text-align:center; width:571px }
#cgv a { color: black; text-decoration: none;}
#cgv a:hover { color:red }
				
/* colonne de gauche */
#col_gauche_menu {width: 253px;background-color:#c3d941; height:364px; margin-top:0px; }
#col_gauche_unie {width: 253px;background-color:#c3d941; margin-top:0px; }

#col_gauche_vig {margin-left:30px;border:none; }
#col_gauche_bas{width: 253px;background-color:#434a4f; height:100% ; }
#col_gauche_menu ul { float:right;
	margin-top: 48px;
	margin-right:10px;
	list-style: none;  
	 }
#col_gauche_menu li {
	margin-bottom:6px;
	margin-left:0px;	
	text-indent:12px;
	list-style: none;   
        height: 15px;
	line-height: 15px;
	background-image:url('../images/charte/bouton_sommaire_noir.png');
	font-size: 12px; font-weight:600; color:#ffffff;
	text-decoration: none;
	width:186px ;   
	         }
#col_gauche_menu a {
	display: block;     
	margin-left:0px;
	height: 15px;
	line-height: 15px;
	background-image:url('../images/charte/bouton_sommaire_gris.png');
	font-size: 12px; font-weight:600; color:#555E64;
	text-decoration: none; 
	width:186px ;
	z-index: 3;
} 

#col_gauche_sous_menu ul { float:right;
	margin-top: 6px;
	margin-right:-10px;
	list-style: none; 
	  }
#col_gauche_sous_menu li {
	margin-bottom:6px;
	margin-left:0px;	
	text-indent:12px;
	list-style: none;   
        height: 15px;
	line-height: 15px;
        background-image: url('../images/charte/bouton_sommaire_noir_120.png');
        font-size: 10px; font-weight:500; color:#ffffff;
	text-decoration: none;
	width:120px ;    
	      }
#col_gauche_sous_menu a {
	/* display: block;  */
	margin-left:0px;
	height: 15px;
	line-height: 15px;
	background-image: url('../images/charte/bouton_sommaire_gris_120.png');
	font-size: 10px; font-weight:500;
	text-decoration: none; 
	width:120px ;
	z-index: 3;
	    }

#col_gauche_menu a:hover { color:red; }


#col_gauche_bas img { border:0px; padding-left:40px;  padding-top:40px; }
#col_gauche_bas a:link {color: white; text-decoration:none}
#col_gauche_bas a:visited {color: blue;}
#col_gauche_bas a:hover {color: red;}
#col_gauche_bas a:active {color: red;}

			
#bouton_noir { background-image:url('../images/charte/bouton_noir_186.png');
			   font-size: 12px; font-weight:600;color:white; z-index: 3; 
			   margin-left:56px;line-height: 20px; width:176px; }
/* Contenu principal */

/* colonne droite */
#col_droite_haut  {background-color:#889096;  min-height:396px;   }
#col_droite_bas  {background-color:#c3d941;  height:100%;  }
#col_droite_gris  {background-color:#889096;  height:100%; margin-top:-10px; padding-top:50px; padding-left: 5px; padding-right:5px; }
#col_droite_gris_clair  {background-color:#dee2e4;  height:100%; margin-top:-10px; padding-top:50px; padding-left: 5px; padding-right:5px; }
#col_droite_video { margin-top:20px; height:150px;  }
#col_droite_article { padding-top:20px; padding-left:5px; padding-right:5px; text-align:justify; font-family: verdana, arial, helvetica; font-weight: normal; font-size: 10px; color: #FFFFFF; }
#col_droite_haut a:link {color: white; text-decoration:none}
#col_droite_haut a:visited {color: white;}
#col_droite_haut a:hover {color: red;}
#col_droite_haut a:active {color: red;}
#col_droite_bas a:link {color: blue; text-decoration:none}
#col_droite_bas a:visited {color: blue;}
#col_droite_bas a:hover {color: red;}
#col_droite_bas a:active {color: red;}



/* PARAGRAPHES */
.p8 { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 8px; color: #000000;  }
.p9 { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 9px; color: #000000;  }
.p10 { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 10px; color: #000000;  }
.p11 { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 11px; color: #000000;  }
.p12 { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 12px; color: #000000;  }
.p14 { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 14px; color: #000000;  }
.p18 { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 18px; color: #000000;  }
.p24 { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 24px; color: #000000;  }


.p8b { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 8px; color: #000080;  }
.p10b { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 10px; color: #000080;  }
.p12b { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 12px; color: #000080;  }
.p14b { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 14px; color: #000080;  }
.p24b { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 24px; color: #000080;  }

.p8r { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 8px; color: #FF0000;  }
.p10r { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 10px; color: #FF0000;  }
.p12r { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 12px; color: #FF0000;  }
.p14r { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 14px; color: #FF0000;  }
.p20r { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 20px; color: #FF0000;  }

.p8v { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 8px; color: #008000;  }
.p10v { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 10px; color: #008000;  }
.p12v { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 12px; color: #008000;  }
.p14v { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 14px; color: #008000;  }
.p20v { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 20px; color: #008000;  }

.p8w { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 8px; color: #FFFFFF;  }
.p9w { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 9px; color: #FFFFFF;  }
.p10w { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 10px; color: #FFFFFF;  }
.p11w { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 11px; color: #FFFFFF;  }
.p12w { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 12px; color: #FFFFFF;  }
.p14w { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 14px; color: #FFFFFF;  }
.p16w { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 16px; color: #FFFFFF;  }
.p20w { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 20px; color: #FFFFFF;  }

/* ARTICLE */

.article {font-family: verdana, arial, helvetica; font-weight: normal; font-size: 12px; color: white; text-decoration: none; background-color:gray}
.article a {color: white; text-decoration: none;}
.article a:hover { font-family: verdana, arial, helvetica; font-weight: normal; font-size: 12px; color:red }



/* BULLETS */
#bullet_verte ul { 
    list-style-position:outside;
	margin-top: 10px;
	list-style: none;  }
#bullet_verte li {
	margin-bottom:6px;
	margin-left:-20px;	
	text-indent:0px;
	list-style-image:url('../images/maquette/bullet_verte.gif');    
    font-size: 10px; font-weight:500; 
	text-decoration: none;	}

/* TABLEAUX */
.bordure1 {  border:1px solid black;  }.bordure1 {  border:1px solid black;  }
.bordure0  {  border-style:none; }