@charset "utf-8";
/* CSS Document */

body{
	background-color:#C4DA97;
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_background.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

#global{
	width:845px;
	margin-left:auto;
	margin-right:auto;
	padding-top:70px;
}


#header{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_header.png);
	width:845px;
	height:38px;
}


#contenu{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_contenu.png);
	width:845px;
}



#footer{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_footer.png);
	width:845px;
	height:64px;
}




#logo{
	position:relative;
	margin-left:30px;
}

#dessin_milieu{
	position:absolute;
	top:79px;
	margin-left:304px;
	/margin-left :279px;
}



#dessin_milieu_enjeux{
	position:absolute;
	top:79px;
	margin-left:304px;
}



#enfant{
	position:absolute;
	top:40px;
	margin-left:535px;
	/margin-left :510px;
}

#enfant_enjeux{
	position:absolute;
	top:40px;
	margin-left:535px;
}










#menu{
	position:relative;
	margin-top:20px;
	margin-left:25px;
}


#header_menu{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_header_menu.jpg);
	width:272px;
	height:30px;
}


#contenu_menu{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_contenu_menu.jpg);
	width:272px;
	background-repeat:repeat-y;
}


#footer_menu{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_footer_menu.jpg);
	width:272px;
	height:49px;
}

#contenu_menu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px; 
	color:#FFF;
	text-decoration:none;
	padding-left:10px;
	font-weight:bold;
}

#contenu_menu a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px; 
	color:#333;
	text-decoration:none;
	font-weight:bold;
}







#photo_daniel{
	position:absolute;
	top:288px;
	margin-left:535px;
	/margin-left :510px;
}




#texte_daniel1{
	background-color:#F4F4F4;
	position:absolute;
	top:288px;
	padding:5px;
	margin-left:620px;
	/margin-left :595px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4A590E;
	width:175px;
	text-align:justify;
}




#texte_daniel2{
	background-color:#F4F4F4;
	position:absolute;
	top:405px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-left:535px;
	/margin-left :510px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4A590E;
	width:260px;
	text-align:justify;
}






#nos_produits{
	position:relative;
	margin-top:20px;
	margin-left:24px;
}





#actualites{
	position:relative;
	margin-top:20px;
	margin-left:24px;	
}


#titre_actualite{
	width:240px;
}


#titre_actualite a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4A590E;
	text-decoration:none;
}

#titre_actualite a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4A590E;
	text-decoration:underline;
}

#date_actualite{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
}

#desc_actualite{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	width:175px;
}

#desc_actualite a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:none;
}


#desc_actualite a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:underline;
}













#dernier_dossier{
	position:absolute;
	top:650px;
	margin-left:535px;
	/margin-left :510px;
}














#produit_coupe_de_coeur{
	position:absolute;
	top:499px;
	margin-left:304px;
	/margin-left :279px;
}


#header_produit_coupe_de_coeur{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_header_coup_de_coeur.jpg);
	width:225px;
	height:16px;
}


#footer_produit_coupe_de_coeur{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_footer_coup_de_coeur.jpg);
	width:225px;
	height:25px;
}

#contenu_produit_coupe_de_coeur{
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_contenu_coup_de_coeur.jpg);
	width:225px;
}









#nos_valeurs{
	position:relative;
	margin-top:20px;
	margin-left:25px;
}

.titre_nos_valeurs{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#848484;
	font-weight:bold;
	padding-bottom:5px;
}

.texte_nos_valeurs{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#538396;
	width:245px;
	padding-top:5px;
}














#nos_partenaires{
	position:relative;
	margin-top:20px;
	margin-left:25px;	
}











#nom_produit{
	width:240px;
}


#nom_produit a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4A590E;
	text-decoration:none;
}

#nom_produit a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4A590E;
	text-decoration:underline;
}











#desc_produit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	width:175px;
}

#desc_produit a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:none;
}


#desc_produit a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:underline;
}





















#nom_dossier{
	width:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4A590E;
	text-decoration:none;
}


#nom_dossier a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4A590E;
	text-decoration:none;
}

#nom_dossier a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4A590E;
	text-decoration:underline;
}











#desc_dossier{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	width:205px;
}

#desc_dossier a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:none;
}


#desc_dossier a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:underline;
}





















#nom_coeur{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
}

#nom_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:none;
}


#nom_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:underline;
}


#desc_coeur{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
}

#desc_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:none;
}


#desc_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A590E;
	text-decoration:underline;
}



#desc_tarif_coeur{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6699B2;
}

#desc_tarif_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6699B2;
	text-decoration:none;
}


#desc_tarif_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6699B2;
	text-decoration:underline;
}



#tarif_coeur{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#282828;
}

#tarif_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	color:#282828;
	text-decoration:none;
}


#tarif_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	color:#282828;
	text-decoration:underline;
}





#promotion_coeur{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:line-through;
}

#promotion_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	text-decoration:line-through;
}


#promotion_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:underline;
	text-decoration:line-through;
}













#label_1_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

#label_1_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:underline;
}



#label_2_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

#label_2_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:underline;
}


#label_3_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

#label_3_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:underline;
}


#label_4_coeur a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

#label_4_coeur a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:underline;
}




.ecolabel a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

.ecolabel a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:underline;
}












#background_noir{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0px;
	background-color:#000;
	z-index:1;
}



#box_cadre{
	position:absolute;
	background-color:#FFF;
	z-index:2;
	overflow:auto;
}


#fermer_box{
	position:absolute;
	z-index:3;
	top:-100px;
	width:27px;
	height:27px;
}


#fermer_box a{
	position:absolute;
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_bouton_fermer.png);
	width:27px;
	height:27px;
	z-index:3;
}


#fermer_box a:hover{
	position:absolute;
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_bouton_fermer_over.png);
	width:27px;
	height:27px;
	z-index:3;
}
















.date_actualite_popup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	font-weight:bold;
}

.titre_actualite_popup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#004F8E;
	font-weight:bold;
}

.texte_actualite_popup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}

.texte_actualite_popup a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}

















.texte_desc_tarif_popup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#77ACCE;
	font-weight:bold;
}

.texte_tarif_popup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#333;
	font-weight:bold;
}














.titre_produit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
}


.titre_produit a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
	text-decoration:none;
}


.titre_produit a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
	text-decoration:underline;
}









#header_produit{
	position:absolute;
	background-image:url(../comptoir_ecologique_images/comptoir_ecologique_header_produit.png);
	width:506px;
	height:413px;
	top:79px;
	margin-left:309px;
}

#texte_header_produit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	width:480px;
	padding-left:10px;
	padding-top:45px;
	text-align:justify;
}






.titre_form_contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
}

.form_contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	border:solid 1px #555;
}

#formulaire_commande_produit{
	padding-left:8px;
	padding-top:7px;
}
	







.texte_enjeux_colonne_1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	padding-left:22px;
	text-align:justify;
}


.texte_enjeux_colonne_2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	text-align:justify;
}

.texte_enjeux_colonne_3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	text-align:justify;
}






.titre_lien a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#718a2b;
	text-decoration:none;
	font-weight:bold;
}

.titre_lien a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
	text-decoration:none;
	font-weight:bold;
}



.texte_lien a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A29D71;
	text-decoration:none
}




.explication_liens{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	text-align:justify;
}









.contact_texte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6B9AB8;
}

.contact_texte a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6B9AB8;
}

.contact_texte a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
}











.formulaire_de_contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9ABA3D;
	font-weight:bold;
	padding-left:25px;
}



.form_de_contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	border:solid 1px #9ABA3D;
	width:265px;
}












.desc_nos_produit a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	text-decoration:none;
}


.desc_nos_produit a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	text-decoration:underline;
}











.titre_partenaire a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#45590E;
	text-decoration:none;
}


.titre_partenaire a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#45590E;
	text-decoration:underline;
}


.desc_partenaire{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
}











.titre_parle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#45590E;
	font-weight:bold;
	text-decoration:none;
}


.titre_parle a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#45590E;
	font-weight:bold;
	text-decoration:underline;
}

.desc_parle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	text-decoration:none;
}

.desc_parle a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	text-decoration:underline;
}









#logo_72{
	position:relative;
	padding-top:20px;
	padding-left:720px;
}


#infos_coeur{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	font-weight:bold;
}