/* CSS Document */
html, body{
width: 100%;height: 100%;
}
body {
	margin:0;background-color:#FFFDE6;
	text-align: center; /* pour corriger le bug de centrage IE */

}
body, p {
	margin: 0;padding: 0;font-family:Arial, Helvetica, sans-serif;font-size: 12px; color:#7EAE19;

}
#conteneur {
	position: relative;margin-left: auto;margin-right: auto;width: 980px; text-align:left; 
	background-color:white;
	 height:auto;
	}

#header{ width:100%;background-image:url(../img/header.jpg);background-repeat:no-repeat;background-position:left top; height:298px;
background-image:url(../img/header.jpg);background-repeat:no-repeat;background-position:center top; position:relative; 
}
#logo{height:80px; width:350px; position:absolute; top:120px; left:135px;}

#menu_haut{ position:absolute; top:0; right:0;}
#menu_haut ul{list-style-type: none;padding:0; margin:0;}
#menu_haut li {
margin:0; padding:0; float:right;
background-image:url(../img/barre_menu_haut.png);background-repeat:no-repeat;background-position:right 6px; 
}
#menu_haut a {
margin: 0px; display: block; text-align:left; padding:5px 10px 1px 10px; 
color:#FFF; text-decoration:none; font-size:11px;
}
#menu_haut a:hover { text-decoration:underline;}

#cadre_client{ position:absolute; top:206px; right:10px; width:331px; border-bottom:1px solid #3A701C; padding-bottom:5px;}

#cadre_client p{background-image:url(../img/picto_client.png);background-repeat:no-repeat;background-position:left top; 
color:#3A701C; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:left; padding:5px 0 10px 40px;
}
#cadre_client table, #cadre_client form{ color:#000; font-size:11px; margin:0; padding:0;}
#cadre_client a{ text-decoration:none; color:#3A701C;}
#cadre_client a:hover{ text-decoration:underline;}

#cadre_langue{ position:absolute; top:160px; right:10px; width:331px; text-align:right;}



.btn_form{ 
background-image:url(../img/fond_btn.png);background-repeat:repeat-x;background-position:left top; color:#000; font-weight:bold;padding: 1px 5px;font-size:11px; border:0; height:20px; text-transform:uppercase;}

.btn_form_amex{color:#FFF; font-weight:bold;padding:2px;font-size:11px; border:0; height:20px; text-transform:uppercase; background-color:#007BC2;}
.pg_amex{color:#007BC2; font-size:13px; font-weight:bold;}
#contenu{ width:980px; padding:0;}

/*#contenu h1{
font-weight:bold; font-size:20px; text-transform:uppercase; padding:20px 0 20px 0px; margin:0px 0 0 0; color:#7EAE19;}

#contenu h2{
font-weight:bold; font-size:17px; padding:20px 0 2px 0px; margin:0px 0 10px 0;color:#3A701C;border-bottom:1px solid #EFE867;}
*/

#gauche{ position:absolute; left:15px; width:130px; }
#droite{ position:absolute; right:10px; width:331px;}
#centre{ margin:0 355px 0  160px; min-height:580px;}

#droite_transfert{ float:right; width:331px; margin:0 10px 10px 15px; }

#centre_2,#centre_resa{margin:0 15px 0  160px; min-height:580px;}

.img_transfert_g{ float:left; margin:0px 10px 5px 35px; border:1px solid #3A701C;}
.img_transfert_d{ float:right; margin:0px 15px 5px 10px; border:1px solid #3A701C;}

#centre h1, #centre_2 h1, #centre_resa h1{ 
background-image:url(../img/puce_terre.png);background-repeat:no-repeat;background-position:left top;
font-size:17px; text-transform:uppercase; padding:0px 0 20px 35px; margin:0px 0 0 0; color:#7EAE19;}

#centre_resa h1{background-image:url(../img/picto_panier.png); padding:5px 0 20px 38px;}
#centre_resa h1 span{color:#000;text-transform:none; font-size:13px; }

#centre h2, #centre_2 h2, #centre_resa h2{margin:15px 0 5px 35px; color:#000; text-transform:uppercase; font-size:13px;} 
#centre p, #centre_2 p{ margin-left:35px; font-size:13px;}
#centre_2 p{ margin-left:35px; font-size:12px;}
#centre_2 p.quest{margin:20px 0 5px 35px; color:#000;font-size:14px; font-weight:bold;cursor: hand;
cursor:pointer;
}

#centre_resa p{font-size:12px;}


.pg_1{ line-height:150%; margin-bottom:15px;}
.pg_2{ line-height:130%; margin-bottom:5px;}
.pg_acc{ line-height:130%; font-weight:bold;}

.liste_abo, .liste_eve{list-style-type: none;padding:0; margin:0;}
.liste_eve li{ background-image:url(../img/puce_titre_2.png);background-repeat:no-repeat;background-position:200px 3px; padding:0 0 4px 210px; }
.liste_abo li{ background-image:url(../img/puce_titre_2.png);background-repeat:no-repeat;background-position:35px 3px; padding:0 0 4px 45px; }

#menu{margin:0; padding:0; }
#menu dl{ margin:0; padding:0; width:130px;}
#menu dt{background-image:url(../img/fond_menu.png);background-repeat:repeat-x;background-position:left top; color:#000; font-weight:bold;padding: 1px 0; 
text-align:center; font-size:17px; border:0; font-variant:small-caps; font-style:italic; margin:0;
border-bottom:1px solid #3A701C; }

#menu dt a{color:#3A701C; text-decoration:none;}

#menu dd{color:#7EAE19;border-bottom:1px dotted #3A701C; padding:2px 0 3px 0; margin:0; font-size:11px;}

#menu dd a{color:#7EAE19; text-decoration:none; padding-left:5px; display:block;}
#menu dd a:hover{color:#3A701C; text-decoration:none;}


#picto_gauche{border-bottom:1px solid #3A701C;border-top:1px solid #3A701C; margin:15px 0; text-transform:uppercase; font-weight:bold; padding:7px 0 0 0;}

#picto_gauche img{ float:left; margin:0 10px 0 0}

#picto_gauche p{ height:40px;color:#3A701C; font-size:11px;}

.titre_nl{background-image:url(../img/picto_newsletter.png);background-repeat:no-repeat;background-position:left top; 
color:#3A701C; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:left; padding:8px 0 10px 40px;}

.champ_nl{ color:#000; font-size:11px;}

.produit,#produit_price{ width:331px; 
background-image:url(../img/fond_droit.png);background-repeat:no-repeat;background-position:left top; background-color:#FFF7AC; }
.produit h2, #produit_price h2{color:#3A701C; font-size:12px; padding:5px 5px 0 35px; margin:0; }
.img_gauche{ float:left; margin:5px 5px 5px 5px;}
.pg_produit_txt{ font-size:11px; color:#000; padding-right:5px; }
.pg_produit_txt2{ font-size:11px; color:#000; padding-right:5px; margin:5px; }

.pg_produit_book{ clear:both; font-size:11px; color:#FFF;background-color:#3A701C; text-align:right; border-top:2px solid #FFF; text-transform:uppercase; padding:2px 0; }
.pg_produit_book a{color:#FFF; text-decoration:none; font-weight:bold; margin-right:5px; }

.amex{ width:331px; 
background-image:url(../img/fond_feuille_amex.png);background-repeat:no-repeat;background-position:left top;
border-bottom:1px solid #007BC2;}
.to_a{ width:331px; margin-top:10px; }



#pied{width:100%; background-color:#FFF;font-size:10px; text-align:left; position:relative; height:60px;
background-image:url(../img/voiture_ecolo.jpg);background-repeat:no-repeat;background-position:right top;}

#menu_pied{position:absolute; left:160px; text-align:center; width:710px; top:25px; }
#menu_pied ul {list-style:none;padding:0; margin:0 0 0 300px; }

#menu_pied ul li {margin:0; padding:0; float:left;
background-image:url(../img/barre_menu_pied.png);background-repeat:no-repeat;background-position:right 3px; 
}

#menu_pied ul li  a {
margin: 0px; display: block; text-align:left; padding:0px 5px 1px 5px; 
color:#3A701C; text-decoration:none; font-size:11px;
}
#mention_legale{ clear:both; font-size:9px;color:#3A701C;}

#mention_legale_2{ margin-left:110px;}

#signature{position:absolute;color:#3A701C; top:25px; left:15px;}
#signature a{color:#3A701C;text-decoration:none;}
#signature a:hover{color:#3A701C;text-decoration:underline; }




.bord0{border:0px;}



#drapeau{ position:absolute; right:10px; padding-top:2px;}


.tab_price{  width:300px;   border-collapse: collapse; margin:15px 0 0 20px;
background-image:url(../img/fond_tablo_prix.png);background-repeat:repeat-x;background-position:left top;}
.tab_price th{font-size:11px; color:#3A701C; font-weight:bold; text-align:left; font-style:italic; border-bottom:1px solid #FFF; padding:3px 0}

.tab_price td{font-size:11px; color:#000; vertical-align:middle;  padding-top:0px;padding-bottom:0px; line-height:110%;height:35px; border-bottom:1px solid #FFF;}
.tab_price .p_euro{font-size:15px; font-weight:bold;text-align:center;color:#3A701C;}

.tab_price .fleche{ margin:0 5px;}

.tab_banlieue{ width:750px;   border-collapse: collapse; margin:15px 0 0 20px;}
.tab_banlieue th{font-size:11px; color:#000; font-weight:bold; text-align:center; font-style:italic; border-bottom:1px solid #000;border-right:1px solid #000; padding:3px 0}
.tab_banlieue td{font-size:11px; color:#000; vertical-align:middle;  padding-top:0px;padding-bottom:0px; line-height:110%;height:35px;border-bottom:1px solid #000;border-right:1px solid #000;}
.tab_banlieue .p_euro{font-size:13px; font-weight:bold;text-align:center;color:#3A701C;}
.tab_banlieue .p_ville{font-size:15px; font-weight:bold;text-align:left;color:#000;}

.tablo_resa{width:770px;   border-collapse: collapse; margin:5px 0 0 35px; color:#000; font-size:11px;
background-image:url(../img/fond_tablo_resa.png);background-repeat:repeat-x;background-position:left top; border-bottom:1px solid #3A701C; }

.tablo2{width:770px;   border-collapse: collapse; margin:0px 0 0 35px; color:#000; font-size:11px; 
background-image:url(../img/fond_tablo_2.png);background-repeat:repeat-x;background-position:left bottom;
}

#centre_2 h3{margin:25px 0 5px 35px; color:#FFF; text-transform:uppercase; font-size:13px; background-color:#3A701C; padding:3px 0; text-indent:5px;} 

.tab_panier, #tab_panier,.tab_panier_2{ width:600px; border-collapse: collapse; margin:0px auto; padding:0;}
.tab_panier p, #tab_panier p{margin-left:0px;}

.tab_panier th,#tab_panier th{color:#FFF; text-transform:uppercase; font-size:13px; background-color:#3A701C; padding:3px 0; text-indent:5px; font-weight:bold; margin-bottom:5px;}
.panier_titre{color:#000; text-transform:uppercase; font-size:13px; font-weight:bold; margin-bottom:5px;margin-top:5px;}
.panier_txt{ line-height:140%;}

.panier_ctt{ font-size:11px; margin:5px 0; background-color:#FFFFCC; border:3px solid #FFFFCC;}
.tab_panier_px{ color:#000; font-weight:bold;}
.tab_panier span,#tab_panier span{color:#3A701C;font-weight:bold; }
.tab_panier_2 td{ height:30px;}

.lien_book{ 
background-image:url(../img/fond_btn.png);background-repeat:repeat-x;background-position:left top; color:#000; font-weight:bold;padding:3px 10px;
font-size:11px; border:0; height:20px; text-transform:uppercase; text-decoration:none;}


.tab_client{width:600px; border-collapse: collapse; margin:0px auto; padding:0;}

.titre_client{background-color:#3A701C; padding:0; text-indent:5px; font-weight:bold; margin-bottom:5px; color:#FFF; text-transform:uppercase; font-size:13px; padding:3px 0;}
.tab_client td{ height:30px;}

.titre_gbf{color:#000; text-transform:uppercase; font-size:13px; font-weight:bold; margin-bottom:5px;}

.tab_ligne_1{ background-color:#FFFFCC; border-bottom:1px solid #3A701C;}
.tab_ligne_2{ background-color:#FFF;border-bottom:1px solid #3A701C;}


#tab{width:620px; border-collapse: collapse; margin:0px auto; padding:0;}



.lien{ color:#3A701C; text-decoration:underline;}
.lien:hover{ text-decoration:none;}




.labelErr{color:#841013;}
.inputForm, .inputErr{
	background-color:#FFF;
	padding: 2px;
	margin: 0 0 0px 0px;
	font-weight: normal;
	color: #000;
	font-size:12px;
}
.inputForm{border: 1px solid #3A701C;}
.inputErr{ border: 1px solid #FF0000;}

.labelform,.labelForm, .labelErr {font-weight:bold; color:#000; font-size:11px;}
.labelErr{ color:#FF0000;}

#mes_err_fieldset {
 display:none;
}

#mes_err ,#mes_err_fieldset,{width:750px;margin:0 0 0 35px; background: #none; border:1px solid red;}
legend{font-size:12px; font-weight:bold; font-style:italic; color:#FF0000;margin-left:10px;}
.erreur_txt{font-size:11px; font-weight:bold; font-style:italic; color:#FF0000;margin:0px 10px;}
.erreur_tab{font-size:11px;margin:0px 10px;color:#FF0000;}

.partie_form{
	margin:5px auto;
	border: 1px dashed #7EAE19;
	/*padding-left:10px;*/
	padding-bottom:10px;
	width:600px;
}

.partie_form legend{
color: #7EAE19; font-size:13px; font-style:italic; font-weight:bold; background-color:#FFF;
}


.accroche{color:#666; font-size:15px; font-weight:bold;}
.red{color:#FF0000;}



#navigationp{margin:0px; padding:0px; }
#navigationp ul{margin:10px 0 0 10px;list-style-type: none;padding:0;}
#navigationp li {
margin:0; padding:0;
}
#navigationp a {
margin: 0px; display: block; text-align:left; padding:0px 7px 1px 0px; 
color:#FFFF00; text-decoration:none;
}
#navigationp a:hover { text-decoration:underline;}

.partie{ clear:both; margin:0; padding:150px 0 0 0; }

.lien_haut{ margin:10px 100px 10px 0; text-align:right;}
.pagination{ color:#FF9900;}

.tab_price span.nota{font-size:10px; font-style:italic; }


/*----------------FAQ------------------------*/

#centre_2 p.openpet{ /*class added to contents of 1st demo when they are open*/
color:#3A701C;

}
.pbarre{ text-decoration:line-through; color:red; font-weight:normal; font-size:12px;}