/* CSS Document index.css a1 version FR
copyright 2007 Autovinyle.com  auteur: graphicwebpro.com
bleu officiel: #333399 	51 51 153 / 
vert officiel: #00cc99 	0 204 153 
vert menu entete: #00aa7c
vert txt bandeau sous-entete: #00e1a9 
vert Titre Col Dt: #00a279 */


/*-------- Ptes Generales -----------*/
table{ 	border: 0;	padding: 0; color:#000;}

p {font-size: 11px;	text-align: left; }
img {border: 0px;}	
body {
	background: #FFFFFF url(/img/fond_autovinyle.jpg) repeat;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	border: 0;
	margin: 0;
}

li{font: 12px/16px Verdana, Arial, Helvetica, sans-serif; padding: 0px 10px 7px 0px;}
li blockquote{color:#00cc99;margin: 5px 0 0 0;}

h1 {font: bold 20px/35px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.028em; 
	word-spacing: 0.10em;}

h2{	/*Titre Gen PAge*/
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #333399 ;
	margin: 0;}
	
h3{	/*Sous-Titre 1 Gen Page*/
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	color: #333399 ;
	margin: 20px 0 -15px 0;}

h4{/*Sous-Titre niv 2 (souligne) Gen Page*/
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	margin: 0 0 -17px 17px;
}
/*Corps de Texte Courant*/
h6{	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;}
h6.retrait {margin: 18px 0px 10px 17px; }

.autovinyle{color: #333399; font-weight: bold;}
.filet_chap_travaux{padding: 45px 0 0px 0; height:160px;background: url(/img/filet_chapitre_p02.gif) no-repeat -45px 25px;}

.vert {color: #00cc99;}
.vert_titre{color:#00a279;}
.bleu{color: #333399}
.mauve{	background: #6699FF;}
.orange{background-color:#FF9933;}
.magenta{background-color:#FF3399;}
.jaune{background-color:#FFCC33;font:bold 16px Arial, Helvetica, sans-serif;}

.retrait {margin-left: 3%;margin-right: 3%;}
.retrait2 {margin-left: 4%;margin-right: 3%;}
.retrait_neg {color:#000; margin: 10px 0 0 -25px; padding: 0 0 0 0px;}
.centre{text-align: center;}
.remarques{	color:#979797;	font: italic 10px Arial, Helvetica, sans-serif;}
.remarques2{color:#333399;	font: italic 10px Arial, Helvetica, sans-serif; text-align: center;}

table.p04 {width: 500px;border: 2px solid #333399;}
table.p04 th{color:#00cc99;}
table.p04 td{color:#333399; text-align: center;padding: 10px 0 10px 0;}
table.p06 {width: 450px;border: 1px solid #333399;margin: 10px 0 20px 0;}
table.p06 td{color:#333399; text-align: center;padding: 5px 15px 5px 15px;}
table.p08 {color:#333399; font: 10px/14px Verdana, Arial, Helvetica, sans-serif;}
table.p08 .gauche {text-align: right;}
table.p08 .droit {text-align: left;}

.lien_txt_noir a:link, .lien_txt_noir a:visited {/* Pour Lien General ds corps de texte */
	font:12px Arial, Verdana,  Helvetica, sans-serif;
	text-decoration : underline; 
	color:#000;
}
.lien_txt_noir a:hover, .lien_txt_noir a:active {text-decoration: underline;}

/* Pour Lien p09 Questions/Ręponses et p11 Article ligne   */
.vert_titre a:link, .vert_titre a:visited {text-decoration : underline; color:#00a279;}
.vert_titre a:hover, .vert_titre a:active {text-decoration: underline;}

/*-------- GLOBAUX -----------*/
#container_txt{margin: 30px 0px 0px 10px;}

#container{
	background: #FFFFFF url(/img/container_fond.gif);
	/*Ce fond permet d'afficher un bandeau bleu ds col gche, si col centre plus grande*/
	width: 988px;
	margin:0pt auto;
	padding:0; }

/*---  CONTENU CENTRAL (page index, p1, p2, p3 ) -----------*/
#contenu_col_gche{
	float:left;
	width:181px;
	left:0;
	padding: 0;
	margin:0; 
}

#contenu_main_col_dt{
	float:right;
	width:265px;
	margin: 15px 00px 0 0;
	padding: 0 10px 0 0; 
}

#contenu_main_centre{
/*Si peu de contenu => la colonne se replie, et le footer remonte.
Pour contrer cela, fixez la hauteur de la colonne, avec height: 533px;*/
/*	width:542px; */
	margin-left: 181px;
	margin-right: 265px;
	font: 12px Arial, Helvetica, sans-serif;
}

#contenu_main_centre2{
/*Si peu de contenu => la colonne se replie, et le footer remonte.
Pour contrer cela, fixez la hauteur de la colonne, avec height: 533px;*/
margin-left: 181px;
margin_right:0px;
	font: 12px Arial, Helvetica, sans-serif;
}

/*--HABILLAGE Contenu Central largeur normale (Fond light) pour Travaux (p00_en_travaux, en_p00_en_travaux ) ------------ */
#col_centre_head{
	width:526px; 
	background: #FFF url(/img/col_centre_fond_header.gif);
	height: 11px;
	margin: 50px 0 0 150px;
}
	
#col_centre{
	background: #FFF url(/img/col_centre_fond.gif);
	width:526px; 
	color:#333399;
	height: 210px;
	font:24px Verdana, Arial, Helvetica,  sans-serif;
	text-align: center;
	margin: 0 0 0 150px;
padding: 130px 0 0 0;
}

#col_centre_foot{
	background: #FFF url(/img/col_centre_fond_footer.gif);
	width:526px; 
	height: 11px;
	margin: 0 0 0 150px;
}

/*----HABILLAGE Contenu Central largeur normale avec Fond light (p03_objectifs ) ------------ */
#contenu_main_centre2{
/*Si peu de contenu => la colonne se replie, et le footer remonte.
Pour contrer cela, fixez la hauteur de la colonne, avec height: 533px;*/
	margin-left: 181px;
	font: 12px Arial, Helvetica, sans-serif;
}

#col_centre_light_head{
	height: 13px;
	margin: 20px 0 0px 10px;
	background: #FFF url(/img/col_centre_full_fd_head.gif) no-repeat;
	width:786px;
}
/*Note: pour que le fond en pied se positionne correctement sous FF2, il faut d'une part que les hauteurs soient renseignęes*/
#col_centre_light{
	margin: 0px 0px 0px 10px;
	width:786px;
	background: #FFF url(/img/col_centre_full_fd.gif) repeat-y;
}
.centre_h450{	height: 450px;} /*A modifier suivant les pages*/
.centre_h1000{	height: 1050px;} /*A modifier suivant les pages*/
#col_centre_light_foot{
	height: 13px;
	margin: 0 0 0px 11px;
	width:786px;
	background: #FFF url(/img/col_centre_full_fd_foot.gif) no-repeat;
}

/* ------- Contenu central Page Accueil ------------*/
#vign_autovinyle {
	width: 211px;
	height: 205px;
	margin: 48px 0 0 47px;
	padding: 0 0 0 0;
	background: #FFF url(/img/vign_autovinyle.jpg);
}

#vign_pvc_auto {
	position: relative;
	width: 211px;
	height: 205px;
	margin: -205px 0 0 288px;
	background: #FFF url(/img/vign_pvc_auto.jpg);
}

#vign_recyclage {
	position: relative;
	width: 211px;
	height: 205px;
	margin: 36px 0 0 47px;
	background: #FFF url(/img/vign_recyclage.jpg);
}

#vign_applications {
	position: relative;
	width: 211px;
	height: 205px;
	margin: -205px 0 0 288px;
	background: #FFF url(/img/vign_applications.jpg);
}

.vign_titre{
	font:17px Verdana, Arial, Helvetica,  sans-serif;
	color: #FFFFFF;
	top: 25px;
	padding:0px 0px 0px 5px;
	position: relative;
	letter-spacing: 1px;
	word-spacing: 3px;
}

.vign_line{
	list-style: none;
	margin: 50px 0px 10px 0px;
}

.puces{
	list-style: disc;
	color: #ffffff;
}	

.puces a:link, .puces a:visited {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration : none; 
}

.puces a:hover, .puces a:active {
	font: 13px Verdana, Arial, Verdana, Helvetica, sans-serif;	
	color:#ffffff;
	text-decoration: underline;}

/*-------- COLONNE DROITE (index-actus) ( index, p01_quest_ce_autovinyle )---------*/
/*  Les Div de ce chapitre ont un fond + fonce, convenant pour les actus et les images*/
.photo_col_dt{padding: 10px 0px 10px 13px; width:237px;}
.photo2_col_dt{padding: 50px 0px 230px 13px; width:237px;}
.photo3_col_dt{/*Col Dt page13 liens*/padding: 0px 0px 0px 0px; width:237px;}
#col_dt_actus_head{
	background: #FFF url(/img/col_dt_fond_img_header.gif);
	height: 11px;
}
#col_dt_actus{
	background: #FFF url(/img/col_dt_fond_img.gif);
	color:#333399;
	font:12px Verdana, Arial, Helvetica,  sans-serif;
	text-align: left;
}

.col_dt_actus_titre{
	font:24px Arial, Verdana, Helvetica, sans-serif;
	margin: 0 10px 0 20px;
	letter-spacing: 0.5px;
}

.news_titre{
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0 20px;
	padding: 20px 0 10px 0;
	text-align: justify;
}

.news_contenu{
	font:11px Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 10px 0 20px;
}

.news_link{
	text-align:right;
	margin: 0px 0px 0px 0px;
}

#col_dt_actus_foot{
	background: #FFF url(/img/col_dt_fond_img_footer.gif);
	height: 11px;
}

/*-------- COLONNE DROITE pourTexte panneau normal (p02_mission_et_politique ) ---------*/
#col_dt_head{
	background: #FFF url(/img/col_dt_fond_txt_header.gif);
	height: 11px;
}
#col_dt{
	background: #FFF url(/img/col_dt_fond_txt.gif);
	color:#333399;
	font:12px Verdana, Arial, Helvetica,  sans-serif;
	text-align:center;
}

#col_dt_titre{
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.2px;
	word-spacing: 4px;
	text-align:center;
}

#col_dt li{
	color:#00a279;
	text-align:left;
	margin: 50px 0 30px 0;
	font-weight: bold;
}

#col_dt_foot{
	background: #FFF url(/img/col_dt_fond_txt_footer.gif);
	height: 11px;
}

/*-------- ENTETE -----------*/
#header {
	background-color: #FFFFFF;
	color:#00aa7c;
	margin: 0 auto;
	width: 988px;
	font:bold 13px Helvetica, Arial, sans-serif;
}

#head_centre{margin: -100px 0px 0px 250px;}

#head_gche{
position: relative;
width: 252px;
margin: 0;
background:#FFFFFF url(/img/puces_G_all.gif);
}

#head_dt{
position: relative;
margin: -100px 0px 0px 695px;
width: 293px;
background: #FFF url(/img/puces_D_all.gif);
}

.head_gche_1{padding: 5px 0 4px 55px;}
.head_gche_2{padding: 5px 0 4px 45px;}
.head_gche_3{padding: 5px 0 4px 95px;}
.head_gche_4{padding: 5px 0 4px 15px;}
.head_gche_1 a:link, .head_gche_2 a:link, .head_gche_3 a:link, .head_gche_4 a:link {color:#00aa7c;	text-decoration : none;}
.head_gche_1 a:visited, .head_gche_2 a:visited, .head_gche_3 a:visited, .head_gche_4 a:visited {color:#00aa7c;	text-decoration : none;}
.head_gche_1 a:hover{color:#333399; background: url(/img/puces_G1_01.gif) -55px;}
.head_gche_2 a:hover{color:#333399; background: url(/img/puces_G2_01.gif) -45px;}
.head_gche_3 a:hover{color:#333399; background: url(/img/puces_G3_01.gif) -95px;}
.head_gche_4 a:hover{color:#333399; background: url(/img/puces_G4_01.gif) -14.3px;}
.head_gche_1 a:active, .head_gche_2 a:active, .head_gche_3 a:active, .head_gche_4 a:active {color:#00aa7c;	text-decoration : none;}

.head_dt_1{padding: 5px 0 4px 15px;}
.head_dt_2{padding: 5px 0 4px 35px;}
.head_dt_3{padding: 5px 0 4px 60px;}
.head_dt_4{padding: 5px 0 4px 100px;}
.head_dt_1 a:link, .head_dt_2 a:link, .head_dt_3 a:link, .head_dt_4 a:link {color:#00aa7c;	text-decoration : none;}
.head_dt_1 a:visited, .head_dt_2 a:visited, .head_dt_3 a:visited, .head_dt_4 a:visited{color:#00aa7c;text-decoration : none;}
.head_dt_1 a:hover{color:#333399; background: url(/img/puces_D1_01.gif) -15px;}
.head_dt_2 a:hover{color:#333399; background: url(/img/puces_D2_01.gif) -35px;}
.head_dt_3 a:hover{color:#333399; background: url(/img/puces_D3_01.gif) -60px;}
.head_dt_4 a:hover{color:#333399; background: url(/img/puces_D4_01.gif) -100px;}
.head_dt_1 a:active, .head_dt_2 a:active, .head_dt_3 a:active, .head_dt_4 a:active {color:#00aa7c;	text-decoration : none;}

/*-------- Bandeau sous Entete: photo horizontale -----------*/
.sub_header {
	background: #FFF url(/img/sub_header.jpg);
	height:35px;
	color:#00e1a9;
	text-align: center;
	margin: 0;
	padding: 0;
}

#sub_header_txt {
	height: 35px;
	margin: 0px 0 0 0px;
	font-size:18px;	
}

#sub_header_fr {
	position: relative;
	height: 35px;
	margin: -35px 0px 0 830px;
}

#sub_header_en {
	position: relative;
	height: 35px;
	margin: -35px 0 0 920px;	
}

/* --------- FOOTER --------- */
#footer{
	clear:both;
	background: #FFF url(/img/footer.gif);
	height: 28px;
	margin: 0;
	padding: 0;
}

#footer ul {
	margin : 0px 0px 0 0px;
	padding : 0;
}
	  
#footer li {
	display : block;
	float : left;
	padding : 7px 25px 0 80px;
}

#footer a {
	font :  10px Verdana, Arial, Helvetica, sans-serif ;
	color : #fff;
	text-align : center ;
	width : 146px;
	text-decoration : none;
	margin : 0px;
	height: 28px;
	padding : 0px 0px 0px 0px;
}
	  
#footer a:hover,#footer a:active {
	cursor : pointer;
	color : #B7C532;
}