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

*{
margin:0px auto;
padding:0px;

}

body{
	background-image: url(images/fond_head.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#main{
	width: 851px;
	/*height: 1450px;*/
	
}

#header{
	background-image: url(images/bandeau.jpg);
	background-repeat: no-repeat;
	width: 851px;
	height: 251px;
}
.caps{
text-transform:uppercase;
}
/*Navigation haut et bas*/
				
	#navigation_haut{
		padding-top: 18px;
		padding-left: 2px;
	}
	
		#navigation_haut li {
			display: block;
			float: left;
			padding-left: 26px;
			padding-right: 5px;
		}
			.spec0{
			padding-left:5px;
			}
			
			.spec{
			padding-left:5px;
			}
			
			.spec2{
			/*padding-left:5px;*/
			}
			
			.spec3{
			padding-left:15px;
			}
			
			.spec5{
			padding-left:13px;
			}
			
			
		
	#navigation_bas{
		margin-top: 213px;
		margin-left: 470px;
	}
	
		#navigation_bas li {
			display: block;
			float: left;
			text-align: left;
			padding-left: 40px;
		}
		
		.decalage{
		padding-right:6px;
		}


		li a{
		  font-size:13px;
		  font-family: Arial, Helvetica, sans-serif;
		  color:#f05a24;
		  text-decoration: none;
		}
		
		li a:link, li a:visited, li a:active {
		  color: #f05a24;
		}
		  
		li a:hover{
		color: #0071bb;
		}
		  
		.lien_actif{
		color: #0071bb;
		}
	
		
/*Corps de contenu*/

#corps{
	background-image: url(images/bords_corps.jpg);
	background-repeat: repeat-y;
	}

	#gauche{
		padding-top:45px;
		padding-left: 50px;
		float: left;
	}
	
	#bloc_haut{
		width: 402px;
		height: 20px;
	}
	
	#bloc_centre{
		width: 402px;
		background-image: url(images/home_centre_bloc.jpg);
		background-repeat: repeat;
	}
	
	#bloc_bas{
		width: 402px;
		height: 18px;
		padding-bottom: 50px;
	}

		#textes_home{
			padding-left: 32px;
			padding-right: 32px;
		}
		
		#textes_home p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align:justify;
			color: #0071bb;
		}
		
		#droiteBis{
			float: left;
			margin-top: 50px;
			width: 374px;
			min-height: 650px;
			/*background-image: url(images/Tetra_pak_wfp.jpg);
			background-repeat: no-repeat;
			background-position: 40px 30px;*/
			margin-bottom:15px;
			padding-left:20px;
		}
		
		#droiteBis2{
			float: left;
			margin-top: 50px;
			width: 374px;
			min-height: 650px;
			/*background-image: url(images/Tetra_pak_wfp.jpg);
			background-repeat: no-repeat;
			background-position: 40px 30px;*/
			margin-bottom:15px;
			padding-left:15px;
		}
		
		
			#droiteContact{
			float: left;
			margin-top: 20px;
			width: 374px;
			height: 800px;
			/*background-image: url(images/Tetra_pak_wfp.jpg);
			background-repeat: no-repeat;
			background-position: 30px 93px;*/
		}
		
		#droiteAction{
			float: left;
			margin-top: 20px;
			width: 374px;
			height: 800px;
			/*background-image: url(images/Tetra_pak_wfp.jpg);
			background-repeat: no-repeat;
			background-position: 30px 93px;*/
		}
		
		#logo_WFP{
			float: left;
			margin-top: 590px;
			margin-left: 20px;
		}
		
		#logo_buvez{
			float: left;
			margin-top: 6px;
			margin-left: 20px;
		}
		
		#logo_WFP_index{
			float: left;
			margin-top: 20px;
			margin-left: 20px;
		}
		
		#logo_buvez_index{
			float: left;
			margin-top: 6px;
			margin-left: 20px;
		}
		
		#clear {
			clear: both;
		}
		
		
		/*TEXTES ACCUEIL*/
		
		h1{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			text-align: left;
			color: #0071bb;
		}
		
		.orange{
			color: #f05a24;
		}
		
		.bold_bleu{
			font-weight: bold;
		}
		
		#historique{
			margin-top: 20px;
			width: 301px;
			height: 202px;
			background-image: url(images/fond_bloc_bleu_home.jpg);
			background-repeat: repeat-x;
			padding-left: 19px;
			padding-right: 19px;
			padding-top: 10px;
		}
		
		h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #005D91;
		}
		
		#historique p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #005D91;
		}
		
		#dossier_presse{
			margin-top: 20px;
			margin-left: 30px;
			padding-bottom: 10px;
		}
		
/*PIED DE PAGE*/

		#footer{
			width: 850px;
			height: 190px;
			background-image: url(images/footer.jpg);
			background-repeat: no-repeat;
		}
		
		#footerpresse{
			width: 850px;
			height: 190px;
			background-image: url(images/footer.jpg);
			background-repeat: no-repeat;
			clear:both;
		}
		
		#adresse{
			margin-left: 35px;
			margin-right: 35px;
			padding-top: 120px;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000;
		}
		
		
/*PAGE PROJETS*/


#gauche_realisations{
	padding-top:120px;
	padding-left: 43px;
	float: left;
}

#texte_1, #texte_2, #texte_3, #texte_4, #texte_5{
	padding-left: 32px;
	padding-right: 32px;
}

#texte_1 p, #texte_2 p, #texte_3 p, #texte_4 p, #texte_5 p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: justify;
		color: #0071bb;
}

#bloc_1, #bloc_2, #bloc_3, #bloc_4{
	padding-bottom: 20px;
}

#bloc_5{
	padding-bottom: 55px;
}


#bloc_haut_1, #bloc_haut_2, #bloc_haut_3, #bloc_haut_4, #bloc_haut_5{
	width: 409px;
	height: 19px;
}

#bloc_centre_1, #bloc_centre_2, #bloc_centre_3, #bloc_centre_4, #bloc_centre_5{
	width: 409px;
	background-image: url(images/realisation_centre_bloc.jpg);
	background-repeat: repeat-y;
}

#bloc_bas_1, #bloc_bas_2, #bloc_bas_3, #bloc_bas_4, #bloc_bas_5{
	width: 409px;
	height: 19px;
}

#droite_realisations{
	float: left;
	margin-top: 20px;
	width: 374px;
	/*background-image: url(images/bulles_droite.png);
	background-repeat: no-repeat;*/
}

#vrac{
	margin-top: 105px;
	margin-left: 25px;
	margin-bottom: 20px;
}

#logo_WFP2{
			float: left;
			/*margin-top: 30px;*/
			margin-left: 20px;
		}

#logo_ynda{
			float: left;
			/*margin-top: 30px;*/
			margin-left: 20px;
		}
		
/*PAGE  PARTENAIRES*/

/*Partie gauche Partenaires*/
#gauche_partenaires{
	padding-top:125px;
	padding-left: 60px;
	float: left;
	width: 168px;
}

#part_1{
	margin-bottom: 170px;
}

#part_2{
	margin-bottom: 75px;
}

#part_3{
	margin-bottom: 200px;
}

#part_4{
	margin-bottom: 40px;
}



/*Partie droite Partenaires*/
#droite_partenaires{
	padding-top:120px;
	float: left;
	width: 595px;
}

/*Blocs textes Partenaires*/
#texte_1_part, #texte_2_part, #texte_3_part, #texte_4_part{
	padding-left: 32px;
	padding-right: 32px;
}

#texte_1_part p, #texte_2_part p, #texte_3_part p, #texte_4_part p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: justify;
		color: #0071bb;
}

#bloc_1_part, #bloc_2_part, #bloc_3_part, bloc_4_part{
	padding-bottom: 20px;
}

#bloc_haut_1_part, #bloc_haut_2_part, #bloc_haut_3_part, #bloc_haut_4_part{
	width: 580px;
	height: 19px;
}

#bloc_centre_1_part, #bloc_centre_2_part, #bloc_centre_3_part, #bloc_centre_4_part{
	width: 580px;
	background-image: url(images/partenaire_centre_bloc.jpg);
	background-repeat: repeat-y;
}

#bloc_bas_1_part, #bloc_bas_2_part, #bloc_bas_3_part, #bloc_bas_4_part{
	width: 580px;
	height: 19px;
}

#logo_WFP_part{
			float: left;
			margin-top: 30px;
			margin-left: 240px;
			margin-bottom: 30px;
		}
		
		#logo_buvez_part{
			float: left;
			margin-top: 30px;
			margin-left: 20px;
			margin-bottom: 30px;
		}


/*PAGE PRODUITS*/

/*Partie gauche Produits*/

#gauche_produits{
	padding-top:120px;
	padding-left: 7px;
	float: left;
	/*background-image: url(images/Tetra_pak_wfp.jpg);
	background-repeat: no-repeat;
	background-position: 200px 150px;*/
}

#bloc_bouteille{
	padding-left: 30px;
}

#bloc_bio{
	padding-right:16px;
}

#bloc_tetra{
margin-top:0px;
}

#texte_bouteille, #texte_tetra, #texte_bio{
	padding-left: 32px;
	padding-right: 32px;
}

#texte_bouteille p, #texte_tetra p, #texte_bio p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: justify;
		color: #0071bb;
}

#bloc_haut_bouteille, #bloc_haut_tetra, #bloc_haut_bio{
	width: 388px;
	height: 20px;
}

#bloc_centre_bouteille, #bloc_centre_tetra,#bloc_centre_bio{
	width: 388px;
	background-image: url(images/produit_centre_bloc.jpg);
	background-repeat: repeat-y;
}

#bloc_bas_bouteille, #bloc_bas_tetra, #bloc_bas_bio{
	width: 388px;
	height: 20px;
}

#bloc_eau{
	width: 406px;
	height: 281px;
	background-image: url(images/grosse_bulle.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 10px;
}

#bloc_eau2{
	width: 406px;
	height: 281px;
	background-image: url(images/grosse_bulle.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 350px;
}

#bloc_eau3{
	width: 406px;
	height: 281px;
	background-image: url(images/grosse_bulle.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 350px;
}

#texte_eau{
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #006aa5;
	padding-top: 40px;
	padding-left: 60px;
	padding-right: 40px;
}

#texte_eau2{
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #006aa5;
	padding-top: 80px;
	padding-left: 60px;
	padding-right: 40px;
}

#texte_eau3{
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #006aa5;
	padding-top: 45px;
	padding-left: 60px;
	padding-right: 40px;
}

#bulles_gauche{
			float: left;
			width: 210px;
			padding-left:50px;
			margin-left:70px;
		}
		
#bulles_gauche_enso{
			float: left;
			width: 382px;
			padding-left: 45px;
	
		}

#droite_produits{
	float: left;
	margin-top: 20px;
	/*background-image: url(images/bulles_droite.png);
	background-repeat: no-repeat;
	background-position: 20px 0px;*/
}

#bouteille{
	margin-top: 90px;
	margin-left: 100px;
	margin-bottom: 100px;
}


#bloc_tetra{
	margin-right: 20px;
}

#logo_WFP_produits2, #logo_ENSO-Bottles{
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	margin-bottom:40px;
}

/*#logo_WFP_produits2 {
	float: left;
	margin-top: 590px;
	margin-left: 20px;
}*/

/*PAGE TROUVER*/

		/*#textes_trouver{
			
		}*/
		
		/*#textes_trouver p li{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align:left;
			color: #0071bb;
			margin-bottom:0px;
			 
		}*/

#toggle-view {
   list-style:none;   
    font-family:arial;
    font-size:12px;
    padding-left: 32px;
	padding-right: 32px;

}
 
    #toggle-view li {
       
	   font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align:left;
			color: #0071bb;
			margin-bottom:0px;
	   padding-top:10px;
        border-bottom:1px solid #ccc;
        position:relative;
        cursor:pointer;
    }
     
    #toggle-view h1{
        margin:0;
        /*font-size:14px;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: left;
		color: #f05a24;
    }
 
    #toggle-view span {
        position:absolute;
        right:5px; top:0;
        color:#000;
        font-size:13px;
		padding-top:10px;
    }
     
    #toggle-view p {
        margin:5px 0;
        display:none;
		
		font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align:left;
			color: #0071bb;
			margin-bottom:0px;
    }   
	

/*PAGE ACTIONS*/

#bloc_1_action,  #bloc_2_action, #bloc_3_action, #bloc_4_action, #bloc_5_action, #bloc_6_action, #bloc_7_action, #bloc_8_action, #bloc_9_action, #bloc_10_action{
	width: 402px;
	padding-bottom: 10px;
}

#bloc_11_action{
	width: 402px;
	padding-bottom: 50px;
}


#bloc_haut_1_action, #bloc_haut_2_action, #bloc_haut_3_action, #bloc_haut_4_action, #bloc_haut_5_action, #bloc_haut_6_action, #bloc_haut_7_action, #bloc_haut_8_action, #bloc_haut_9_action, #bloc_haut_10_action, #bloc_haut_11_action{
		width: 402px;
		height: 20px;
	}
	
	#bloc_centre_1_action, #bloc_centre_2_action, #bloc_centre_3_action, #bloc_centre_4_action, #bloc_centre_5_action, #bloc_centre_6_action, #bloc_centre_7_action, #bloc_centre_8_action, #bloc_centre_9_action, #bloc_centre_10_action, #bloc_centre_11_action{
		width: 402px;
		background-image:url(images/home_centre_bloc.jpg);
		background-repeat: repeat;
	}
	
	#bloc_bas_1_action, #bloc_bas_2_action, #bloc_bas_3_action, #bloc_bas_4_action, #bloc_bas_5_action, #bloc_bas_6_action, #bloc_bas_7_action, #bloc_bas_8_action, #bloc_bas_9_action, #bloc_bas_10_action, #bloc_bas_11_action{
		width: 402px;
		height: 18px;
	}

		#texte_1_action, #texte_2_action, #texte_3_action, #texte_4_action, #texte_5_action, #texte_6_action, #texte_7_action, #texte_8_action, #texte_9_action, #texte_10_action, #texte_11_action{
			padding-left: 32px;
			padding-right: 32px;
		}
		
		#texte_1_action p, #texte_2_action p, #texte_3_action p, #texte_4_action p, #texte_5_action p, #texte_6_action p, #texte_7_action p, #texte_8_action p, #texte_9_action p, #texte_10_action p, #texte_11_action p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align:justify;
			color: #0071bb;
		}
		
		#logo_rabobank{
			margin-left: 32px;
			margin-top: 10px;
		}
		
		#mosaic_event{
		padding-top:30px;
		padding-left:20px;
		}
		
/*PAGE LIENS*/

#bloc_1_lien, #bloc_2_lien, #bloc_3_lien, #bloc_4_lien, #bloc_5_lien{
	width: 402px;
	padding-bottom: 10px;
}

#bloc_6_lien{
	width: 402px;
	padding-bottom: 50px;
	
}


#bloc_haut_1_lien, #bloc_haut_2_lien, #bloc_haut_3_lien, #bloc_haut_4_lien, #bloc_haut_5_lien, #bloc_haut_6_lien{
		width: 402px;
		height: 20px;
	}
	
	#bloc_centre_1_lien, #bloc_centre_2_lien, #bloc_centre_3_lien, #bloc_centre_4_lien, #bloc_centre_5_lien, #bloc_centre_6_lien{
		width: 402px;
		background-image:url(images/home_centre_bloc.jpg);
		background-repeat: repeat;
	}
	
	#bloc_bas_1_lien, #bloc_bas_2_lien, #bloc_bas_3_lien, #bloc_bas_4_lien, #bloc_bas_5_lien, #bloc_bas_6_lien{
		width: 402px;
		height: 18px;
	}

		#texte_1_lien, #texte_2_lien, #texte_3_lien, #texte_4_lien, #texte_5_lien, #texte_6_lien{
			padding-left: 32px;
			padding-right: 32px;
		}
		
		#texte_1_lien p, #texte_2_lien p, #texte_3_lien p, #texte_4_lien p, #texte_5_lien p, #texte_6_lien p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align:justify;
			color: #0071bb;
		}
		
		#logo_anpcr{
			margin-left: 32px;
			margin-top: 10px;
		}
		
		#texte_1_lien a, #texte_2_lien a, #texte_3_lien a, #texte_4_lien a, #texte_5_lien a, #texte_6_lien a{
		  font-size:13px;
		  font-family: Arial, Helvetica, sans-serif;
		  color:#f05a24;
		  text-decoration: none;
		}
		
		#texte_1_lien a:link, #texte_2_lien a:link, #texte_3_lien a:link, #texte_4_lien a:link, #texte_5_lien a:link, #texte_6_lien a:link, #texte_1_lien a:visited, #texte_2_lien a:visited, #texte_3_lien a:visited,#texte_4_lien a:visited,#texte_5_lien a:visited,#texte_6_lien a:visited, #texte_1_lien a:active, #texte_2_lien a:active, #texte_3_lien a:active,#texte_4_lien a:active,#texte_5_lien a:active,#texte_6_lien a:active{
		  color: #f05a24;
		}
		  
		#texte_1_lien a:hover, #texte_2_lien a:hover, #texte_3_lien a:hover, #texte_4_lien a:hover, #texte_5_lien a:hover, #texte_6_lien a:hover{
		color: #0071bb;
		}
		
		
	#logo_earth_asso, #logo_anpcr, #logo_dpnews, #logo_vudici, #logo_vendome,#logo_tetrapak{
			margin-left: 0px;
			margin-top: 10px;
		}
		
		#mosaic_liens{
		
		
		}
		
/*PAGE PRESSE*/

#bloc_1_presse{
	width: 402px;
	padding-bottom: 10px;
}

/*#bloc_2_presse{
	width: 402px;
	padding-bottom: 50px;
}*/


#bloc_haut_1_presse{
		width: 402px;
		height: 20px;
	}
	
	#bloc_centre_1_presse{
		width: 402px;
		background-image:url(images/home_centre_bloc.jpg);
		background-repeat: repeat;
	}
	
	#bloc_bas_1_presse{
		width: 402px;
		height: 18px;
	}

		#texte_1_presse{
			padding-left: 32px;
			padding-right: 32px;
		}
		
		#texte_1_presse p{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-align:justify;
			color: #0071bb;
		}
		
		#logo_anpcr{
			margin-left: 32px;
			margin-top: 10px;
		}
		
		#texte_1_presse a{
		  font-size:13px;
		  font-family: Arial, Helvetica, sans-serif;
		  color:#f05a24;
		  text-decoration: none;
		}
		
		#texte_1_presse a:link, #texte_1_presse a:visited, #texte_1_presse a:active{
		  color: #f05a24;
		}
		  
		#texte_1_presse a:hover{
		color: #0071bb;
		}
		
		
	#logo_earth_asso{
			margin-left: 0px;
			margin-top: 10px;
		}		
		
		#logo_WFP_presse, #logo_buvez_presse{
	float: left;
	margin-top: 115px;
	margin-left: 20px;
	
}


		
/*PAGE DE CONTACT*/ 

#textes_contact{
		padding-left: 32px;
		padding-right: 32px;
		}
		
#textes_contact p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #0071bb;
}

.bt{
		
		color: #f05a24;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align:justify;
		}

#formulaire{
	padding-left: 32px;
	padding-right: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #0071bb;
}
		
		.calage{
			width: 170px;
			float: left;
		}
		
		.asterisque{
			color: #f05a24;
		}
		
	#bulles_droite_contact{
	padding-top:150px;
	padding-left:30px;
	
	
	}

/*Alignement des logos*/
#logo_WFP_contact, #logo_buvez_contact{
	float: left;
	margin-top:70px;
	margin-left: 20px;
}

#logo_WFP_liens, #logo_buvez_liens{
	float: left;
	
	margin-left: 20px;
}