
/* ________________________________________________________________________________________ */
/* --------- General Settings ------------------------------------------------------------- */
  				
	html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
		border : 0;
		font-size : 12px;
		outline:none;
	}
	
	body {
		background-color:#f7f5f5;
		color:#2d2d2d;
	}
	
	.total {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	
	.pied{
		clear:both;
	}
	
	
	a {
		color: #333;
		text-decoration:none;
	}
	
	a:hover { 
		text-decoration: underline;
		color: #888888;
	}
	
	.btm_form{
		font-size: 14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		text-shadow: #09385c 0 -1px 2px;
		color: #fff;
		padding: 0px 15px;
		padding-bottom:1px;
		border: solid 1px #cacaca;
		margin:10px;
		position: relative;
		cursor: pointer;
		background:url(../images/fond_bouton.jpg) repeat-x top;
		height: 22px;
		text-decoration: none;
		-moz-border-radius:5px 5px 5px 5px;
		-khtml-border-radius:5px 5px 5px 5px;
		-webkit-border-radius:5px 5px 5px 5px;
	}
	  
	.btm_form:hover{
		color: #cacaca;
		text-shadow: none;
	}



	
	
/* ________________________________________________________________________________________ */
/* --------- information headers ---------------------------------------------------------- */
	
	.header{
		margin:auto;
		width:100%;
		height:800px;
		background:url(../images/header.jpg) repeat-x top;
		
	}
	
	.header-little{
		margin:auto;
		width:100%;
		height:165px;
		background:url(../images/header_little.jpg) repeat-x top;
	}
	
	.cont_header{
		margin:auto;
		width:100%;
		height:800px;
	}
	
	.cont_header-little{
		margin:auto;
		width:100%;
		height:165px;
	}
	
	.cont_header_back_menu{
		margin:auto;
		width:100%;
		height:165px;
		background:url(../images/back_menu.jpg) no-repeat top;
	}
	
	
/* ________________________________________________________________________________________ */
/* --------- cont_header_back_first ------------------------------------------------------- */
	
	.cont_header_back_first{
		margin:auto;
		width:100%;
		height:635px;
		background:url(../images/back_first.jpg) no-repeat top;
	}
	
	
	.cont_header_back_first .slogan2{
		margin:auto;
		width:100%;
		height:20px;
	}
	
	.cont_header_back_first .slogan2 h2{
		text-align:left;
		color:#d1e26a;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
	}
	
	.cont_header_back_first .cont_imc{
		margin:auto;
		min-height:435px;
	}
	
	
	.cont_header_back_first .cont_information{
		margin-left:28px;
		margin-top:39px;
		width:216px;
		height:224px;
		padding:5px;
	}
	
	.cont_header_back_first .cont_information h2{
		font-size:14px;
		text-align:center;
		font-weight:bold;
		
		color:#490a4d;
	}
	
	.cont_header_back_first .cont_information p{
		font-size:12px;
		text-align:justify;
		color:#333;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10px;
	}	
	
/* ____________________________________________________________________________ */
/* --------- back_story ------------------------------------------------------- */

	.cont_header_back_story{
		margin:auto;
		width:348px;
		margin-left:77px;
		height:131px;
		background:url(../images/back_story.jpg) no-repeat top;
	}
	
	.cont_header_back_story .cont_story{
		margin:auto;
		float:left;
		width:358px;
		height:89px;
		margin:0px 10px;
		margin-top:11px;
		padding:5px;
		line-height:13px;
	}
	
	.cont_header_back_story .cont_story .image{
		margin:auto;
		float:left;
		margin-left:2px;
		margin-top:-2px;
		margin-right:5px;
		width:90px;
		height:90px;
		border:1px #78247f solid;
	}
	
	.cont_header_back_story .cont_story .text{
		font-size:12px;
		text-align:justify;
		
		
		color:#490a4d;
	}

	.cont_menu{
		margin:auto;
		width:100%;
		height:118px;
		margin-left:30px;
	}
	
	.cont_slogan1{
		margin:auto;
		width:100%;
		height:19px;
		margin-top:1px;
	}
	
	.cont_slogan1 h1{
		text-align:right;
		color:#fcfbfb;
		font-size:14px;
		font-weight:bold;
	}
	
	
	.logo{
		margin:auto;
		width:160px;
		height:148px;
		background:url(../images/logo.png) no-repeat top;
		
	}
	
	.header .cont_slogan{
		margin:auto;
		float:left;
		width:480px;
	}
	
	
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information top menu --------------------------------------------------------- */
		
		.cont_menu ul {
			list-style: none;
			float: left;
			clear: left;
			height: 118px;
		}
		
		.cont_menu ul li { 
			margin: 0;
			border: 0 none;
			padding: 0;
			float: left; /*For Gecko*/
			display: inline;
			list-style: none;
			position: relative;
			height: 118px;
		}
		
		.cont_menu ul li a.current_1{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_1_current.png) no-repeat;
		}

		.cont_menu ul li a.menu_1{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_1.png) no-repeat;
		}
		
		.cont_menu ul li a.menu_1:hover{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_1_hover.png) no-repeat;
		}

		
		.cont_menu ul li a.current_2{
			display:block;
			width:116px;
			height:118px;
			background: url(../images/menu_2_current.png) no-repeat;
		}

		
		.cont_menu ul li a.menu_2{
			display:block;
			width:116px;
			height:118px;
			background: url(../images/menu_2.png) no-repeat;
		}
		
		.cont_menu ul li a.menu_2:hover{
			display:block;
			width:116px;
			height:118px;
			background: url(../images/menu_2_hover.png) no-repeat;
		}
		
		
		.cont_menu ul li a.current_3{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_3_current.png) no-repeat;
		}

		.cont_menu ul li a.menu_3{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_3.png) no-repeat;
		}
		
		.cont_menu ul li a.menu_3:hover{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_3_hover.png) no-repeat;
		}
		
		.cont_menu ul li a.current_4{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_4_current.png) no-repeat;
		}

		.cont_menu ul li a.menu_4{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_4.png) no-repeat;
		}
		
		.cont_menu ul li a.menu_4:hover{
			display:block;
			width:104px;
			height:118px;
			background: url(../images/menu_4_hover.png) no-repeat;
		}


	/* ________________________________________________________________________________________ */
	/* --------- information conteneur blanc -------------------------------------------------- */
	
		.cont_header_blanc{
			margin:auto;
			width:620px;
			height:22px;
			background: url(../images/header_blanc.jpg) no-repeat bottom;
		}
		
		.cont_center_blanc{
			margin:auto;
			width:620px;
			background: url(../images/center_blanc.jpg) repeat-y center;
		}
		
		.cont_footer_blanc{
			margin:auto;
			width:620px;
			height:40px;
			margin-left:1px;
			background: url(../images/footer_blanc.jpg) no-repeat top;
		}
		
	/* ________________________________________________________________________________________ */
	/* --------- information conteneur resultat imc ------------------------------------------- */
	
		.cont_score{
			margin:auto;
			width:620px;
			height:156px;
			background: url(../images/fond_score.jpg) no-repeat center;
		}
		
		.aff_score{
			margin:auto;
			width:385px;
			height:37px;
			padding-left:235px;
			padding-top:25px;
		}
		
		.fleche1,.fleche2,.fleche3,.fleche4,.fleche5,
		.fleche6,.fleche7,.fleche8,.fleche9,.fleche10,
		.fleche11,.fleche12,.fleche13,.fleche14,.fleche15,
		.fleche16,.fleche17,.fleche18,.fleche19,.fleche20,
		.fleche21{
			margin:auto;
			width:14px;
			height:23px;
			background: url(../images/fleche.png) no-repeat center;
		}
		
		.fleche1{ margin-left:35px; }
		.fleche2{ margin-left:57px; }
		.fleche3{ margin-left:81px; }
		.fleche4{ margin-left:105px; }
		.fleche5{ margin-left:129px; }
		.fleche6{ margin-left:152px; }
		.fleche7{ margin-left:171px; }
		.fleche8{ margin-left:200px; }
		.fleche9{ margin-left:225px; }
		.fleche10{ margin-left:251px; }
		.fleche11{ margin-left:278px; }
		.fleche12{ margin-left:306px; }
		.fleche13{ margin-left:335px; }
		.fleche14{ margin-left:363px; }
		.fleche15{ margin-left:392px; }
		.fleche16{ margin-left:421px; }
		.fleche17{ margin-left:450px; }
		.fleche18{ margin-left:478px; }
		.fleche19{ margin-left:507px; }
		.fleche20{ margin-left:538px; }
		.fleche21{ margin-left:569px; }
		
		
		
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information conteneur resultat imc ------------------------------------------- */
	
		.cont_result_imc{
			margin:auto;
			width:276px;
			height:76px;
			padding-left:347px;
			padding-top:80px;
			background: url(../images/resultat_imc.jpg) no-repeat center;
		}
		
		.cont_aff_imc{
			font-size:30px;
			font-family:Arial, Helvetica, sans-serif;
			
			color:#893b99;
			font-style:italic;
			font-weight:bold;
			
		}
		
	
	
	/* ________________________________________________________________________________________ */
	/* --------- information blocs n°1 -------------------------------------------------------- */

		.header_blocs{
			 margin:auto;
			 background:url(../images/header_bloc.jpg) no-repeat top;
			 width:267px;
			 height:26px;
			 margin-bottom:5px;
			 margin-left:-1px;
			 margin-top:-1px;
		}
		
		.header_blocs .titre_blocs, .header_blocs .titre_blocs_coul{
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			padding-left:8px;
			padding-right:8px;
			padding-top:5px;
		}

		.header_blocs .titre_blocs_coul{
			color:#d4e82b;
			padding-left:0px;
			padding-right:0px;
		}
		
		.img_blocs{
		  margin:auto;
		  border:2px #d4e82b ridge;
		  margin:5px;
	  	}
		
		




		/* ________________________________________________________________________________________ */
		/* --------- information blocs gris ------------------------------------------------------- */
		
			.body_blocs{
				 margin:auto;
				 width:265px;
				 background-color:#e4e1f2;
				 border:1px #721c75 solid;
				 -moz-border-radius:8px;
				 -khtml-border-radius:8px;
				 -webkit-border-radius:8px;
			}
			
			.footer_blocs{
				margin:auto;
				background:url(../images/footer_bloc.jpg) no-repeat top;
				width:267px;
				height:20px;
			}
			
			.body_blocs .cont_blocs{
				padding-left:8px;
				padding-right:8px;
				padding-bottom:5px;
				text-align:justify;
				font-size:10px;
				line-height:13px;
			}
			
			a.lien_blocs{
				color:#dc6c1a;
				text-decoration:none;
				font-size:10px;
			}
		
			a.lien_blocs:hover{
				text-decoration:underline;
				
			}
			
			.body_blocs .total_imc{
				font-size:20px;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
				font-style:italic;
				color:#8b3a9c;
				text-align:center;
				
			
			}
		
		
	
		
	/* ________________________________________________________________________________________ */
	/* --------- information footer ----------------------------------------------------------- */
		
		
		.footer{
			margin:auto;
			width:100%;
			background-color:#252525;
			color:#282828;
			height:100%;
		}
		
		.footer a { 
			font-size:10px;
			color:#888888;
			
		}
		
		.footer a:hover { 
			color:#000;
			
		}
		

		.haut_footer{
			margin:auto;
			width:100%;
			background:url(../images/haut_footer.jpg) repeat-x top;
			height:32px;
		}
		
		
		.footer .copyright {
			margin:auto;
			width:100%;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-align:center;
			color: #e3e7ed; 
		}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information texte ------------------------------------------------------------ */
	
		.post, .post_2 {
			float:left;
			width:100%;
			margin-bottom:10px;
			min-height:120px;
			-moz-border-radius:8px;
			-khtml-border-radius:8px;
			-webkit-border-radius:8px;
		}
		
		.post {  }
		.post_2 { background: url(../images/layout_2.jpg) repeat-x left top; background-color:#dcdaef; border:1px #771d7b solid; }
		
		.lyt_spe_1, .lyt_spe_2{
			margin:auto;
			width:100%;
			height:26px;
			-moz-border-radius:0px 0px 8px 8px;
			-khtml-border-radius:0px 0px 8px 8px;
			-webkit-border-radius:0px 0px 8px 8px;
		}
		
		.lyt_spe_1{  }
		.lyt_spe_2{ background: url(../images/layout_2_f.jpg) repeat-x left bottom; }

		
		.entry{
			padding:10px;
			min-height:120px;
		}
		
		.entry .titre{
			display:block;
			width:100%;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
			border-bottom:1px #000000 dotted;
			padding-bottom:5px;
		}
		
		.entry .titre2{
			display:block;
			font-size:16px;
			font-weight:bold;
			padding-bottom:5px;
			padding-top:5px;
		}
		
		.entry .titre_coul{
			color:#f07a24;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
	
		}
		
		.entry p{
			
			font-size:12px;
			padding-bottom:5px;
			color:#333;
			padding-top:5px;
			text-align:justify;
			line-height:14px;
		}
		.entry ul{
			list-style:inside;
			margin:10px;
			padding:0;
			line-height:20px;
			font-size:12px;
		}
		
		.entry ul ul{
			list-style:inside;
			margin:0;
			padding:0;
			margin-left:10px;
		}

			
		.entry .entry-image {
			float: left;
			padding:0;
			margin: 10px 20px;
		}
			
		.entry .entry-image-r {
			float: right;
			padding:0;
			margin: 10px 20px;
		}
		
		.entry .entry-image-r img, .entry .entry-image img, .entry .entry-image-l img {
			border:2px #340b19 solid;
		}
		
		
		.entry a.lien_page {
			border: solid 1px #000;
			position: relative;
			text-shadow: #000 0 -1px 1px;
			cursor: pointer;
			display: inline-block;
			background:url(../images/fond_bouton.jpg) repeat-x top;
			font-size: 11px;
			height: 17px;
			padding: 0px 20px;
			padding-top:4px;
			text-decoration: none;
			color: #fff;
			-moz-border-radius:7px 7px 7px 7px;
			-khtml-border-radius:7px 7px 7px 7px;
			-webkit-border-radius:7px 7px 7px 7px;
		}
		
		.entry a.lien_page:hover {
			text-decoration:underline;
			color:#c8db1f;
		}
	
	
	

