/* ________________________________________________________________________________________________________________________________ */
/* Information général  : --------------------------------------------------------------------------------------------------------- */

	*{
		padding:0;
		margin:0;
	}
	
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background: #eaeade url(images/img_06.jpg) repeat-x center top;
		margin:auto;
	}
	
	#header{
		background:url(images/template.jpg) center top no-repeat;
		margin:auto;
		width:100%;
		height:748px;
	}
	
	#header_divers{
		background:url(images/template_divers.jpg) center top no-repeat;
		margin:auto;
		width:100%;
		height:748px;
	}
	
	#footer{
		background:url(images/bg_02.jpg) repeat-y center;  
		width:100%;
		margin:auto;
	}
	
	#footer .text_footer{
		width:60%;
		margin:auto;
		text-align:center;
	}
	
	
	
	
	a{
		color: #7b4004;
		font-weight:bold;
		text-decoration: none;
	}

	a:hover {
		color: #d97100;
	}
	
/* ________________________________________________________________________________________________________________________________ */
/* Information page  : ------------------------------------------------------------------------------------------------------------ */
	
	#page{
		margin:auto;
		width: 983px;
	}
	
	#page .cadre_haut{
		float:left;
		width:50%;
		margin:auto;
		height:195px;
	}
	
	#page .fond_imc{
		float:left;
		position:absolute;
		background:url(images/fond_result_imc.jpg) no-repeat center top;
		width:304px;
		height:281px;
		margin-left:9px;
		padding-top:70px;
	}
	
	.cadre_demi_2 .fond_imc .title{
		font-weight:bold;
		color:#de740a;
		font-size:16px;
		line-height:18px;
		font-style:italic;
		padding-bottom:5px;
		padding-left:20px;
	}

	
	.cadre_demi_2 .fond_imc p, .li_imc{
		font-size: 10px;
		font-style: normal;
		font-weight: bold;
		text-transform: normal;
		letter-spacing: normal;
		line-height: normal;
		text-align:justify;
		color:#517515;
		margin-bottom:5px;
		
	}
	
	.cadre_demi_2 .fond_imc .ul_imc{
		margin-left:30px;
		list-style:disc;
		color:#517515;
	}

	#page .cadre_demi{
		float:left;
		width:49%;
		margin:auto;
		height:403px;
		
	}
	
	#page .cadre_demi_2{
		float:left;
		width:49%;
		margin:auto;
		height:598px;
		
	}
	
	
	#page .cadre_vide{
		float:left;
		width:100px;
		height:10px;
	}
	
	#page .cadre_vide2{
		float:left;
		width:70px;
		height:10px;
	}
	
	#page .cadre_formulaire{
		float:left;
		width:330px;
		height:359px;
		padding-left:5px;
		padding-right:5px;
		margin-top:195px;
		overflow:auto;

	}
	
	#page .cadre_formulaire2{
		float:left;
		width:360px;
		height:450px;
		margin-top:175px;
		padding-left:5px;
		padding-right:5px;
	}

	
	#page .cadre_bas_text_vide{
		float:left;
		width:458px;
		height:118px;
		
	}
	
	#page .cadre_bas_text{
		float:left;
		width:522px;
		height:150px;
		
	}
	
	#page .cadre_bas_text .conteneur_demis{
		float:left;
		width:230px;
		height:150px;
		padding:0px 15px;
		text-align:justify;
	}
	
	


/* ________________________________________________________________________________________________________________________________ */
/* Information text  : ------------------------------------------------------------------------------------------------------------ */

	.cadre_formulaire2 .title{
		display:block;
		font-weight:bold;
		color:#de740a;
		font-size:16px;
		line-height:18px;
		border-bottom:2px #de740a solid; 
		font-style:italic;
	}
	
	.cadre_formulaire2 .imc_val{
		font-weight:bold;
		color:#de740a;
		font-size:14px;
		font-style:italic;
	}
	
	
	.cadre_formulaire2 p, li{
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		text-transform: normal;
		letter-spacing: normal;
		line-height: normal;
		text-align:justify;
		color:#517515;
		margin-bottom:5px;
	}
	
	.cadre_formulaire2 ul{
		margin-left:40px;
		list-style:disc;
	}
	
	.cadre_formulaire2 span{
		font-size: 10.4px;
		font-style: normal;
		font-weight: bold;
		color:#517515;
	}
	
	
	
	.conteneur_demis .title{
		font-family: Georgia, serif;
		font-size: 20px;
		font-style: italic;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.4em;
	}
	
	.conteneur_demis p {
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		text-transform: normal;
		letter-spacing: normal;
		line-height: normal;
		text-align:justify;
		margin-bottom:5px;
	}
	
	#footer .text_footer p{
		font-size: 10px;
		font-style: normal;
		font-weight: bold;
		text-transform: normal;
		letter-spacing: normal;
		line-height: normal;
		text-align:center;
		color:#3f5903;
	}
	
	
/* _________________________________________ */
/* Information tableau  : ------------------ */

.cadre_formulaire .tab{
	text-align:center;
	font-size:10px;
	
}

.tab th{
	background:url(images/th_tab.jpg) repeat-x center;
	height:29px;
	border:1px #FFF solid;
	color:#333;
	font-size:12px;
}

.tab .td_c{
	background-color:#f6ffed;
}

.tab td{
	color:#333;
	font-size:12px;
}

.tab .btm_detail{
	border:0px;
	text-decoration:none;
	background:url(images/symbol_addition.gif) no-repeat center;
	width:18px;
	height:18px;
	cursor:pointer;
}

.tab label{
	font-size:12px;
	background-color:#e9e7e8;
}

.tab .inp_txt{
	background-color:#f9f9f1;
	border:2px solid #9bb70d;
	color:#de740a;
	font-size:12px;
	padding:2px;
}

.tab .inp_txt_2{
	background-color:#f9f9f1;
	border:1px solid #9bb70d;
	color:#de740a;
	font-size:10px;
}


.tab .inp_btm{
	font-family:Helvetica,Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	background:url(images/btm_form.jpg) no-repeat;
	width:115px;
	height:31px;
	border:none;
	color:#931b1b;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}



.tab .inp_btm:hover{
	color:#668d0c;
}


#page .cont_info_haut{
	float:left;
	height:70px;
	width:100%;
}

#page .cont_info{
	float:left;
	margin:auto;
	width:65%;
	overflow:auto;
	height:517px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
}

#page .cont_info .title{
	display:block;
	font-weight:bold;
	color:#de740a;
	font-size:16px;
	line-height:18px;
	border-bottom:2px #de740a solid; 
	font-style:italic;
	color:#517515;
}


#page .cont_info p, li, span{
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align:justify;
	color:#333;
	margin-bottom:5px;
}

	#page .cont_info span{
		color:#517515;	
	}


	#page .cont_info ul{
		margin-left:40px;
		font-weight:normal;
		list-style:disc;
	}
	
/* ________________________________________________________________________________________________________________________________ */
/* table qui defile horizontalement : ----------------------------------------------------------------------------------------------------------------------- */
	
		
		.pos_nav_form{
			margin:auto;
			height:75%;
		}
		

		.cross-link {
			display:block;
			font-family:Helvetica,Arial, sans-serif;
			font-size: 18px;
			font-style: italic;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 31px;
			background:url(images/btm_form.jpg) no-repeat;
			width:115px;
			
			border:none;
			color:#931b1b;
			font-size:14px;
			font-weight:bold;
			padding:0px;
			margin:0px;
		}
		
		.cross-link:hover {
			color:#063;
		}
		
		.inp_btm{
			font-family:Helvetica,Arial, sans-serif;
			font-size: 18px;
			font-style: italic;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.4em;
			background:url(images/btm_form.jpg) no-repeat;
			width:115px;
			height:31px;
			border:none;
			color:#931b1b;
			font-size:14px;
			font-weight:bold;
			padding:0px;
			margin:0px;
		}



		.inp_btm:hover{
			color:#668d0c;
		}

		
		
		noscript p, noscript ol { 
			color: #a00; 
			font-size: 11px; 
			line-height: 1.4em; 
			text-align: left;
		}
		noscript a { 
			color: #a00; 
			text-decoration: underline; 
		}
		noscript ol { 
			margin-left: 25px; 
		}
		
		a:focus { 
			outline:none; 
		}
		
		img { 
			border: 0; 
		}
		
		.titre_etape { 
			display:block;
			font-weight:bold;
			color:#de740a;
			font-size:16px;
			line-height:18px;
			border-bottom:2px #de740a solid; 
			font-style:italic;
		}
		
		.wrapper p, li{
			font-size: 12px;
			font-style: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: normal;
			text-align:justify;
			color:#333;
			margin-bottom:5px;
		}
	
		.wrapper ul{
			margin-left:40px;
			list-style:disc;
		}
	
		.wrapper span{
			font-size: 10.4px;
			font-style: normal;
			font-weight: bold;
			color:#517515;
		}

		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: auto;
			
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin:auto;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {
			width: 100%; 
			/* height: 460px; */
			overflow: scroll;

		}
		.csw .loading {
			margin: 200px 0 300px 0; 
			text-align: center;
		}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 450px;
			clear: both;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; 
			top: 0;
			width: 100%;
			list-style-type: none;
			
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 360px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			width:95%;
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			
		}
		
		.stripNav a { /* The nav links */
			display:none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			font-weight:bold;
			text-transform: none;
			letter-spacing: 1px;
			text-align:center;
			width:72px;
			color: #de740a;
			text-decoration: none;
			
			padding: 0 2px;
			text-decoration:underline ;
		}
		
		
		.stripNav li a:hover {
			width:72px;
			color:#582024;
			text-decoration:underline ;			
		}
		
		.stripNav li a.current {
			width:72px;
			color: #582024;
			text-decoration:none;
			
		}
		
		
		.stripNavL, .stripNavR { 
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: none;
			height: 40px;
			width: 40px;
		}
		

		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
	
/* ________________________________________________________________________________________________________________________________ */
/* cadre reponse : ----------------------------------------------------------------------------------------------------------------------- */

	.cadre_verif_reponse{
		float:left;
		margin-top:409px;
		width:201px;
		height:83px;
	}
	
	.cadre_resultat_imc{
		background:url(images/fond_resultat_imc.jpg) no-repeat center bottom;
		margin:auto;
		width:367px;
		height:307px;
		margin-top:6px;
	}
	
	
	.cadre_calculer_imc{
		background:url(images/calculer_imc.gif) no-repeat center top;
		margin:auto;
		width:367px;
		height:200px;
	}