/******** Default Behavior Tags ********/
/***************************************/
* { font-family:Arial,Helvetica,Verdana,Geneva,sans-serif; font-size:11px; color:black; margin:0; padding:0; }
li { list-style-type:none; }
img, fieldset { border:0; }
img, div { behavior: url(css/iepngfix.htc); }
body { text-align:center; background:#d9b487 url(../images/bgd_body.jpg) 0 0 repeat-x; }
a, a:visited, a:hover { color:#00a8ec; font-weight:bold; text-decoration:none;  }
a:hover { text-decoration:underline; }
.clear { clear:both; }

/******** Common Structure (for all templates) ********/
/********************************************************/
#bandeau-des-marques{width:954px}
#main {width:954px; padding:0 10px; text-align:left; margin:auto; position:relative; z-index:99; }
#mainbgd {position:absolute; z-index:1;}
	#mast { width:100%; height:auto; }	
	
	#lev1 { width:180px; float:left;}
		#lev1 li { background:url(../images/bgd_nav.gif) top repeat-x; padding:8px 0 0 0; }
		#lev1 li li, #lev1 .first { background:none; padding:0; }
		#lev1 .navEspacePresse { background:none; padding:0; margin: 10px 0 0 0; }
			#lev1 .subNiv { background:none; }
			#lev1 li img { margin-top:1px; }
			
	#homeFlash { width:954px; height:601px; }

	#lev1Home { width:180px; float:left; position:absolute; left:0; top:204px; }
		#lev1Home li { background:url(../images/bgd_nav.gif) top repeat-x; padding:8px 0 0 0; }
		#lev1Home li li, #lev1Home .first { background:none; padding:0; }
		#lev1Home .navEspacePresseHome { background:none; padding:0; margin: 10px 0 0 0; }
				#lev1Home .subNiv { background:none; }
				#lev1Home li img { margin-top:1px; }
			
		
	#cont { width:774px; background:url(../images/bgd_cont.gif) top no-repeat; float:left; left:190px;}
	#cont2 { width:774px; background:url(../images/bgd_cont2.gif) top no-repeat; left:190px; float:left; }
	#cont3 { width:774px; height:619px; background:url(../images/bgd_cont3.gif) 0 100% no-repeat; margin-left:-2px; left:190px; float:left; }/*bottle*/
	#cont4 { width:774px; height:619px; background:url(../images/bgd_cont4.gif) 0 100% no-repeat; margin-left:-2px; left:190px; float:left; }
	#cont3 #context { margin:160px 0 0 0;}
	#contHome { width:774px; height:399px;  float:left;  }
	#partenaires { width:168px; height:110px; margin:3px 0 0 0; }
	#flashCounter { width:135px; height:105px; padding:65px 0 0 72px; /*background:url(../images/bgd_counter2.png);*/ position:absolute; left:709px; top:164px; }
	#flashCounter2 { width:133px; height:105px; padding:35px 0 30px 74px; background:url(../images/bgd_counter2.png); position:absolute; left:709px; top:164px; }
	#counter { width:120px; height:110px; }
	#counter2 { width:150px; height:110px; }
	#partenaires img { width:168px; height:65px; display:block; }
	html>body #cont, #cont3{ min-height:620px; height:auto;}
	* html #cont { width:774px; height:620px; background:transparent url(../images/bgd_cont.gif); float:left; margin-left:-2px; left:188px;}
	* html #cont2 { width:774px; background:transparent url(../images/bgd_cont2.gif); float:left; margin-left:-2px; left:188px;}
	* html #cont3 { width:774px; background:transparent url(../images/bgd_cont3.gif); float:left; margin-left:-2px; left:188px;}
		#cont a { background:url(../images/puce_arrow_link.gif) no-repeat left; padding:0 0 0 10px; }
		#context { width:186px; float:left; padding-top:20px; display:inline; }
		#context p { padding:0 0 5px 0; }
		#context h2 { padding:0 0 5px 0; }
		#context ul { padding:0 0 5px 0; }
		#context div { padding:10px 10px 10px 18px; background:url(../images/border_bottom_context.gif) bottom repeat-x; }
			#context #MEACompteur { width:122px; height:93px; background:url(../images/counterBkg.png) no-repeat; padding:20px 0 10px 60px; _margin:0 0 0 2px; }
			html>body #context #MEACompteur { padding:20px 0 24px 60px; }
			#context #MEACompteur div { padding:0; background:none; }
			#context .imgActus { float:left; }
			#cont .lineBreak{ background:url(../images/line_break.gif) repeat-x; margin:20px 20px 0 0; padding:20px 0;}
	
	#footer {width:954px; text-align:right; margin:auto; padding:0 10px 5px 10px; clear: both;}
	#footerCont { margin:0 0 0 -10px; }
	* html #footer {width:954px; text-align:right; margin:auto; padding:0 20px 5px 10px; }
		#footer li { display:inline; border-left:1px solid black; }
		#footer .first { border:none; }
		#footer a, #footer a:visited, #footer a:hover { text-decoration:none; color:#000; font-weight:normal; padding:0 7px; }
		#footer a:hover { text-decoration:none; background-color:#000; color:#fff; font-weight:normal; }

#seconadryBgd {background:url(../images/bgd_main.png); width:974px; z-index:0; position:relative; left:-10px;}
/******** Specifics Pages (grouped by template) ********/
/***********************************************************/

/************ COMMENT PARTICIPER ***************/
	#Contexte p, #Contexte ul {margin:0 10px 10px 0; }
	#contentCommentParticiper {width:526px; float:left; padding:0 0 10px 50px; position:relative }
	#contentOperation{padding:0 10px 0 0; }
		#contentOperation img {float:left; margin:10px 0 10px 0}
		#contentOperation a{background:none!important}
		#contentOperation .listbottle1 ul {margin:0 30px 0 0; float:left;}
		#contentOperation .listbottle1 li {display:inline;}
		#contentOperation .listbottle1 li img{float:none;}
		#contentOperation .listbottle1 li a{padding:0!important; margin:0!important}
		
		#contentOperation .OperationBottle {width:515px}
		#contentOperation .OperationBottle li {float:left}
		
	#AvecUnicefImg{position:absolute; top:370px!important; left:190px;}/*T:308*/
		*html #AvecUnicefImg{position:absolute; top:308px; top:318px; left:190px;}
		*+html #AvecUnicefImg{position:absolute; top:308px; top:318px; left:190px;}
	#FaireconnaitreImg{position:absolute; top:370px; width:308px; left:187px;}
		*html #FaireconnaitreImg{position:absolute; top:308px; top:320px; width:308px; left:187px;}
		*+html #FaireconnaitreImg{position:absolute; top:308px; top:320px; width:308px; left:187px;}
		#FaireconnaitreImg h3 {margin:0 0 10px 40px; }
		#contentCommentParticiper h2 {margin:45px 0 30px 0; }
		#contentCommentParticiper h3 {margin:0 0 10px 0; }
			#contentCommentParticiper #contentLeft {width:255px; float:left; margin:0 5px 0 0;}
			#contentCommentParticiper #contentRight {width:255px; float:right; margin:0 5px 0 0;}
			#contentTExtes { float:right; margin:20px 0 0 0; width:225px;}
			#contentCommentParticiper p { text-align:justify; padding:10px 10px 10px 0;}
		#contentCommentParticiper #meaOpVolvic { margin-top:16px; }
		#contentCommentParticiper #contentRight .lineBreak{ padding:10px 0;}
			#contentCommentParticiper .contentCourrier{ width:135px; float:left;}
			#contentCommentParticiper .contentInternet{ width:118px;float:left;}
			#contentCommentParticiper .contentInternet a{ background:url(../images/puce_arrow_link.gif) 0 5px no-repeat; padding:0 0 0 10px !important;}

/************ ESPACE PRESSE ***************/			
	#contEspacePresse{ width:724px; padding:0 0 50px 50px; position:relative}
		#contEspacePresse p,#contEspacePresse ul { width:650px; padding: 0 0 30px 0;}
		#contEspacePresse h2 { margin:45px 0 30px 0;}			
		#contEspacePresseLeft { width:370px; float:left; padding:0 20px 0 0;}
		#contEspacePresseLeft div { margin:0; padding:0 0 10px 0;}
		#contEspacePresse .note { color:#FF0000; width:280px; display:block; }
			#contEspacePresseLeft p, #contEspacePresseLeft ul {width:300px !important; padding:0 0 10px 0; }
			#contEspacePresseLeft form{ padding:0 0 10px 0;}
			#contEspacePresseLeft form p{clear:both; margin:0 0 10px 0; display:block; padding:0; overflow:hidden; padding:0;}
			#contEspacePresseLeft form label{ float:left; width:95px; margin:0 5px 0 0;}
			#contEspacePresseLeft form input{float:left; width:175px; border:1px solid #92d7f3; background:#fff; height:16px; padding:2px 0 0 2px;}		
			#contEspacePresseLeft form input.btnEnvoyer{width:auto; height:auto; border:none; background:none; padding:0; }
		#contEspacePresseright {float:right; text-align:right;}	
		
/************ PROGRAMME ***************/
	#contentProgramme { width:526px; float:left; padding:0 0 0 50px; position:relative }
		#contentProgramme h2 { margin:45px 0 30px 0; }
		#contentProgramme h3 { margin:0 0 8px 0; } 
			#contentProgramme .contentLeft, #contentProgramme .contentRight { width:240px; float:left; margin:0 5px 0 0; }
			#contentProgramme .contentLeft p, #contentProgramme .contentRight p { text-align:justify; padding-right:10px; }
			#contentProgramme .contentLeft p, #contentProgramme .contentRight p { padding-bottom:20px; }
		#enjeuxTextes { width:526px; float:left; margin:0; padding:0;}
		#enjeuxTextes img {
				margin:0 5px 0 0px;/*0 5px 20px 0px*/
				float:left; padding:0;
		}
		#enjeuxTextes span a{ background:none; font-weight:normal; text-decoration:underline; padding:0}
		#enjeuxTextes span a:hover{text-decoration: none}
			#enjeuxTextes h3 img { margin:0; float:none; padding:0; display:inline }  
			#enjeuxTextes h4 img { margin:20px 0 15px 20px; float: left; padding:0; display:inline } 
				*html #enjeuxTextes h4 img { margin:20px 0 0 20px; float: left; padding:0; display:inline } 
				*+html #enjeuxTextes h4 img { margin:20px 0 0 20px; float: left; padding:0; display:inline } 

			#enjeuxTextes p, #enjeuxTextes ul {text-align:justify; padding:0 20px 10px 0}
				#content .changePage { padding:40px 10px 0 0; }
				#content .changePage li { display:inline; }
				#content .changePage a { float:left; background:url(../images/puce_arrow_link1.gif) no-repeat left; padding:0 0 0 10px; }
				#content a.next {background:url(../images/puce_arrow_link.gif) no-repeat right; padding:0 10px 0 0; float:right !important;}
			#enjeuxTextes li p { padding:0 20px 0 0; }
			#enjeuxTextes .legend { float:left; margin: 20px 0 0 0;}
			#enjeuxTextes .legend  p { padding:20px 20px 0 0; font-style:italic;}
			#enjeuxTextes .legend2 { float:left; margin: 5px 0 0 0; }
			#enjeuxTextes .legend2  p { float:left;padding:30px 10px 0 0; font-style:italic; width:300px;}
			#enjeuxTextes .introText{width:200px;}
			#enjeuxTextes .mapcontent {padding:0 0 0 5px; float:left; width:260px; }
		
			
			#contentProgramme .Objectifs2007 { margin-right:20px; width:auto; overflow:hidden; }
			#contentProgramme .Objectifs2007 li { margin:5px 0 0 0; }
			#contentProgramme .Objectifs2007 li li { margin:5px 0 0 20px; }
			#contentProgramme .contentLeft h3 img { margin:0; float:none; } 
			#contentProgramme .Objectifs2007 img { float:left; margin:0 0 0 -10px; }
		#contentProgramme p span { font-size:9px; }
		#contentEspaceRight { padding:80px 0 0 0; }
		#mapAfica { width:510px; height:184px; float:left; margin:0 5px 5px 0; }
					
/************ LE TERRAIN ***************/
	#contentLeTerrain  { width:526px; float:left; padding:0 0 10px 50px;}
	#contLeTerrainImg{position:absolute; top:323px; left:201px;}
		#contentLeTerrain h2 { margin:45px 0 30px 0; }
		#contentLeTerrain h3 { margin:0 0 8px 0; }
			#contentLeTerrain .contentLeft, #contentLeTerrain .contentRight { width:240px; float:left; margin:0 5px 0 0; }
			#contentLeTerrain .contentLeft p, #contentLeTerrain .contentRight p { text-align:justify; padding-right:10px; }
			#contentLeTerrain .contentLeft p,  #contentLeTerrain .contentLeft ul, #contentLeTerrain .contentRight p { padding-bottom:10px; }
			#contentLeTerrain .Objectifs2007 { margin-right:20px; width:auto; overflow:hidden; }
			#contentLeTerrain .Objectifs2007 li { margin:5px 0 0 0; }
			#contentLeTerrain .Objectifs2007 li li { margin:5px 0 0 20px; }
			#contentLeTerrain .contentLeft h3 img { margin:0; float:none; } 
			#contentLeTerrain .Objectifs2007 img { float:left; margin:0 0 0 -10px; }
		#contentAvanceesTravaux  { width:300px; float:left; margin:0 5px 0 0; }
			#contentAvanceesTravaux h3 img { margin:0; float:none; } 
			#contentAvanceesTravaux p { text-align:justify; padding:0 10px 10px 0; }
			#contentAvanceesTravaux ul { padding-bottom:10px; }
			
/************ QUIZZ ***************/
	#contentQuizz {width:526px; float:left; padding:0 0 0 50px; /*background:url(../images/bgd_quizz1.gif) 26px 100% no-repeat;*/ position:relative; margin:0}
		#contentQuizz h2 { margin:45px 0 30px 0; }
		#contentQuizz p{ padding:0 5px;}
		#contentQuizz form {width:231px; background:url(../images/quizz_form_content.png) no-repeat; margin:0; padding:15px 30px 10px 11px; overflow:hidden}
		img#quizzFooter {float:none; margin:0; padding:0}
		/*img#quizzFooter {width:231px; float:left}*/
		#contentQuizz form p {width:225px; padding:5px 0 0 15px;}
		#contentQuizz form input {float:left; margin:0 5px 0 0; width:18px; height:18px; }
		#contentQuizz form label {float:left; }
		#contentQuizz form .btnValider{ padding:10px 0 0 0;  }
		#contentQuizz form .btnValider input { width:auto; height:auto; }
		.answerquizz {padding:0 1px 0 0!important}
#contentQuizz .visuBottom { position:absolute; left:26px; bottom:-55px;/*top:448px;*/ z-index:800}
*html  #contentQuizz .visuBottom { position:absolute; left:28px; bottom:-8px;/* top:400px;*/ z-index:800}
*+html #contentQuizz .visuBottom { position:absolute; left:26px; bottom:-8px;/*top:448px;*/ z-index:800}
	#contentQuizz .btnEnvoyer {margin:30px 40px 0 0; padding:0; float:right; display:inline}
	#contentQuizz .btnEnvoyer a { background:none}
/************ ACTUALITES  ***************/
	#contentActualites {width:526px; float:left; padding:0 0 10px 50px; display:block}
		#contentActualites h2 {margin:45px 0 30px 0;}
		#contentActualites h3 {font-size:16px; width:215px; font-weight:bold; margin:0;}
			.actualitesContent {width:507px; background:url(../images/line_break.gif) bottom repeat-x; padding:0 0 20px 0; margin:0 0 20px 0; overflow:hidden}
			.actualitesContent .div1 {float:left}
			.actualitesImg {width:265px; float:left}
			.actualitesText {width:240px; float:left; overflow:hidden}
			.actualitesText p {width:220px; text-align:justify; padding:10px 10px 10px 0;}
			.actualitesText ul {width:220px; text-align:justify; padding:10px 10px 10px 0}
		
		#contentActualitesNavigation {width:527px;}
			#previousPage {width:140px; float:left;}
			#previousPage a {background:url(../images/puce_arrow_link1.gif) no-repeat left;}
			#centerPagination {width:227px; float:left; text-align:center;}
			#centerPagination a {background:none; padding:0; margin:0;}
			#centerPagination li {display:inline; }
			#nextPage {width:140px; float:left; text-align:right;}
			#nextPage a {background:url(../images/puce_arrow_link.gif) no-repeat right; padding:0 10px 0 0;}

/************ ESPACE PRESSE ***************/			
	#contSiteMap {width:724px; padding:0 0 10px 50px;}
		#contSiteMap h2 {margin:45px 0 30px 0;}
		#contSiteMapListe1, #contSiteMapListe2 {width:300px; float:left; padding:0 20px 30px 20px;}	
		#contSiteMap .blockSitemap {margin:0 20px 30px 0;}
		#contSiteMap .blockSitemap h3 a {font-size:16px; color:#000; text-decoration:none;}
		#contSiteMap .blockSitemap h3 {padding:0 0 5px 0; background:url(../images/line_break.gif) bottom repeat-x; font-size:16px; }
		#contSiteMap .blockSitemap ul {padding:5px 0 0 10px;}
		#contSiteMap .blockSitemap li {margin:0 0 5px 0;}
		#contSiteMap .blockSitemap li a {margin:0; padding:0 0 0 10px; background:url(../images/puce_arrow_link.gif) no-repeat left 5px;}
		.thanks {font-size:14px; font-weight:bold;}

/******** Specifics Blocks (grouped by template) ********/
/********************************************************/

/************ COMMENT PARTICIPER ***************/
#frmFaireconnaitre {width:260px; float:right;display:inline;}
	#frmFaireconnaitre p{clear:both; margin:0 0 8px 0; width:242px; display:block; padding:0;}
	#frmFaireconnaitre p span{font-size:9px; font-style:italic; padding:7px 0 5px 0; float:left;}
	#frmFaireconnaitre label {width:246px; display:block; margin-bottom:5px;}
	#frmFaireconnaitre input {float:left; width:242px; border:1px solid #92d7f3; background:#fff; height:16px; padding:2px 0 0 2px;}
	#frmFaireconnaitre a {background:none;}
	#frmFaireconnaitre input.img {margin:7px 5px 0 0; display:block; width:96px; height:27px; border:none;}

#bandeau_menu li a {font-weight:normal; width:100%; background:gold}
* html #danone-inscription, * html #danone-warning-email {position:absolute; z-index:100; background:gold}
/*================================================================================================================
	ERROR CONTENT
================================================================================================================*/
	#error {position: absolute; top: 0; left: 0; width: 170px; visibility:hidden; background:url(../images/bgd_error.gif) no-repeat; border: 1px solid #a5acb2; z-index: 100; margin:3px 0 0 -213px } 
	#error img {float:right; padding:2px 3px 0 0 }
	.popUpText {padding: 20px 0 5px 5px; text-align:left } 
	.popUpText p {font-family:Tahoma; display:block; }
	.errorField {width:140px; border:1px solid #A5ACB2; background:#FFFFAD; padding:1px;}

/******** Free Templates Style (grouped by template) ********/
/********************************************************/

#popup { width:300px; background:url(../images/bgd_pop.gif) top; height:300px; margin:auto; padding:20px 0 0 0; text-align:left; }
#popup .contentPop { width:240px; margin:0 0 20px 20px; background:#FFFFFF; padding:10px; }
#popup .contentPop h2 { margin:5px 0 10px 0; }
#popup .contentPop p { margin:0 0 10px 0; }
/*********/
.blogEnjeux {margin:0 0 0 -20px; padding:0 0 100px 0;}
.blogEnjeux dl {width:178px; float:left; background:url(../images/bgd_threblog.jpg) no-repeat; height:194px; margin:0 0 4px 2px}
.blogEnjeux dt {margin:13px 0 9px 15px; color:#3e94be; font-size:12px; font-weight:bold; background:url(../images/bullet_01.gif) 0 3px no-repeat; padding:0 0 0 15px}
.blogEnjeux dl dt a {background:none!important; padding:0!important}
.blogEnjeux dd img {padding:5px 5px 5px 13px}


/*
	View images in full size
*/
.popuplayer {display: none; position: absolute; z-index: 900; left:245px; top:400px;}
		.popuplayer img {display:block; margin:0; padding:0}
		
.popuplayer1 {display: none; position: absolute; z-index: 900; left:140px; top:280px;}
.popuplayer1 img {display:block; margin:0; padding:0}

.popuplayer2 {display: none; position: absolute; z-index:900; left:185px; top:215px;}
.popuplayer2 img {display:block; margin:0; padding:0}

/***gallery***/
.btnEnvoyer1 {margin:30px 5px; padding:0; position:absolute; left:330px; top:18px; z-index:800}
.btnEnvoyer1 a { background:none!important}*/

.btnEnvoyer2 {margin:30px 5px; padding:0; float:right;}
.btnEnvoyer2 a {background:none!important}

.btnEnvoyer3 {margin:0 0 0 150px; position:absolute; left:330px; top:0px!important; z-index:800}
.btnEnvoyer3 a {background:none!important}

.btnEnvoyer4 {padding:0 60px 20px 0; float:right}
.btnEnvoyer4 a {background:none!important}

.btnEnvoyer6 {position:absolute; left:480px; top:45px; z-index:800}
.btnEnvoyer6 a {background:none!important}

.btnEnvoyer5 {padding:200px 30px 0 0; float:right;}
.btnEnvoyer5 a {background:none!important}

.blogVideo {margin:0 0 0 -16px; padding:0 0 100px 0;}
.blogVideo dl {width:267px; float:left; background:url(../images/bgd_video.gif) no-repeat; height:172px;}
.blogVideo dt {margin:10px 0 3px 15px; color:#3e94be; font-size:14px; font-weight:bold; background:url(../images/bullet_01.gif) 0 3px no-repeat; padding:0 0 0 12px}
.blogVideo dl dt a {background:none!important; }
.blogVideo dd img {padding:5px 5px 5px 13px}

.blogVideoProgramme {background:url(../images/bgd_video_programme.png) no-repeat; width:369px; height:286px; margin:0 auto; overflow:hidden}
.blogVideoProgramme div {margin:20px 22px 22px 22px}


/***gallery*/
.gallery {width:665px; background:url(../images/bgd_gallery.gif) 0 0 no-repeat; height:421px; overflow:hidden; }
.gallery .thumbList {width:219px; padding:8px 0 8px 11px; float:left}
.gallery .thumbList ul {width:219px!important; display:block; padding:0!important}
.gallery .thumbList li {float:left; margin:0 0 0 0!important}


.gallery .lagerImg {width:416px!important; float:left!important; padding:5px 9px 0 9px}
.gallery .lagerImg ul {margin:0 0 0 215px;}
.gallery .lagerImg li {float:left; padding:0 0 0 64px; }
.gallery .lagerImg img {padding:10px 0 15px 0}
.gallery .lagerImg p {width:416px!important;}

.btnnewsletter {padding:3px 5px 0 0; width:120px; border:1px solid #a4c49e; margin:2px 5px 0 0; float:left}

.quizzAnswer {width:510px; overflow:hidden; padding:15px 0 0 17px}
.quizzAnswer div {margin:0 0 0 140px}
.quizzAnswer div a {background:url(../images/puce_arrow_link.gif) 0 5px no-repeat!important; padding:0 0 0 10px!important;}
.quizzAnswer div form {background:none!important; padding:15px 0 15px 20px!important}
.quizzAnswer div p span {width:500px!important}

/*** addon ***/
#contentProgramme #enjeuxTextes .list_block{
	display:block;
	float:left;
	width:365px;	
}
.breaker{
	clear:both;
}
.chiffre_result img{
	float:right !important;
	display:inline;
	margin:0 5px 0 0 !important;
}
.chiffre_result blockquote{
	font-style:normal;
	padding:60px 0 0 0;
	text-align:right;
}
.chiffre_result .breaker{
	clear:both;
}