/* Vichy template */

/* Styles generaux */
*,html,body{margin:0;padding:0;}
a:link,a:active,a:visited{text-decoration:none;color:#454545;}
a:hover{text-decoration:underline;}
a img,a:hover img{border:0;}
input{font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#454545;}

/* Structure template */
div#tplSite{width:990px;margin:0 auto;}
	div#tplHead{width:100%;height:80px;background:transparent url(../img/template/head.jpg) no-repeat scroll left top;}
	/*div#tplFoot{width:100%;height:20px;clear:both;background:transparent url(../img/template/foot.jpg) no-repeat scroll left top;}*/

/* Vichy Cellumetric */

/* Structure principale */
div#cellSite{width:983px;margin:6px auto 0 auto;padding-left:7px;position:relative;overflow:hidden;font-family:Helvetica,Arial,sans-serif;font-size:1em;color:#454545;}
	/* Partie gauche (fixe) */
	div#cellLeft{position:relative;width:637px;height:471px;background:transparent url(../img/cell.metric.jpg) no-repeat scroll left top;}
		div#cellLeft h2{width:auto;padding:6px 0 0 8px;font-family:Helvetica,sans-serif;font-size:30px;text-transform:uppercase;font-weight:normal;}
			div#cellLeft h2 span.sp1{color:#9cc12b;padding:0 6px 0 20px;background:transparent url(../img/point.gif) no-repeat scroll left center;}
			div#cellLeft h2 span.sp2{font-size:14px;}
			div#cellLeft p{width:auto;margin:16px 0 0 350px;line-height:20px;font-size:16px;}
				div#cellLeft p span{font-weight:bold;}
			div#cellLeft p.sp1{line-height:14px;font-size:12px;}
				div#cellLeft p.sp1 span{color:#9cc12b;}
			div#cellLeft img{margin:28px 0 0 370px;}
	/* Partie droite (slide left) */
	div#cellRight{width:auto;height:471px;overflow:hidden;float:right;margin-top:-471px;/*margin-right:-352px;*/position:relative;background:transparent url(../img/gradation.png) no-repeat scroll left top;}
	.cellRightSurveyOver{width:auto;height:471px;overflow:hidden;float:right;margin-top:-471px;/*margin-right:-352px;*/position:relative;background:transparent url(../img/gradation.png) no-repeat scroll left top;}
	
	div#tplSite #cellSite .cellRightSondage{width:738px;height:471px;overflow:hidden;float:right;margin-top:-471px;/*margin-right:-352px;*/position:relative;background:transparent url(../img/gradation.png) no-repeat scroll left top;}
	
	
	/* ie6 */
	*html div#cellRight{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/gradation.png',sizingMethod='crop');}
	*html div#tplSite #cellSite .cellRightSondage{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/gradation.png',sizingMethod='crop');}
	
	*html div.cellRightSurveyOver{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/gradation.png',sizingMethod='crop');}
		
		/* Show : inscription, coaching 1 et 2 */
		div#cellShow{width:386px;height:471px;float:left;position:relative;background:transparent url(../img/show.jpg) no-repeat scroll right top;}		
		
		/* Show : sondage */
		#tplSite #cellSite #cellRight .cellShowSondage{width:386px;height:471px;float:left;position:relative;background:transparent url(../img/show_sondage.jpg) no-repeat scroll right top;}	
		
		
			div#cellShow h3{width:auto;margin:30px 0 76px 160px;font-size:16px;}
			/* sondage */
			div#cellShow .sondage h3{width:auto;margin:30px 0 62px 160px;font-size:16px;}
			
				div#cellShow h3 span{font-weight:normal;}
			div#cellShow p{width:auto;margin:12px 0 12px 204px;line-height:15px;font-size:12px;}
			/* Error */
			div#cellShow div.coaching p.error, div#cellShow div.sondage p.error{color:#ff0000;font-style:italic;font-size:11px;}
			div#cellShow div.coaching p input.error, div#cellShow div.sondage p input.error{border:1px solid #ff0000;}

			/* Inscription */
				div#cellShow p.sp1{font-size:13px;}
				div#cellShow p.sp2{margin:0 0 2px 204px;padding-left:10px;background:transparent url(../img/puce.gif) no-repeat scroll left bottom;}
				/* Bouton Open */
				a#cellBtOpen{display:block;width:150px;height:34px;margin-left:192px;font-family:Helvetica,sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;padding-top:14px;background:transparent url(../img/btOpen.jpg) no-repeat scroll left bottom;text-align:center;color:#404040;text-decoration:none;outline:0;}
				a#cellBtOpen:hover{text-decoration:underline;}
				.classCellBtOpen{display:block;width:150px;height:34px;margin-left:192px;font-family:Helvetica,sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;padding-top:14px;background:transparent url(../img/btOpen.jpg) no-repeat scroll left bottom;text-align:center;color:#404040;text-decoration:none;outline:0;cursor:pointer;}
				.classCellBtOpen:hover{text-decoration:underline;}
				/* Bouton Close */
				a#cellBtClose{display:none;/*opacity:0;*/width:33px;height:68px;position:absolute;bottom:15px;_bottom:16px;left:95px;background:#000;background:transparent url(../img/btClose.gif) no-repeat scroll left top;outline:0;}
				a#cellBtClose:hover{text-decoration:none;}
				/* Bouton Close (x) */
				a#cellBtX1{display:block;outline:0;}
				a#cellBtX2{display:block;outline:0;}
				.cellBtX{display:block;outline:0;}
				#cellBtXSondage{float:left; width:270px; margin:20px 0 50px 0; }
				
				
			/* Coaching 1,2 */
			div#cellShow div.coaching p.spe5{height:9px;;margin:23px 0 16px 115px;background:transparent url(../img/separator5.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			div#cellShow div.coaching p{width:auto;margin:8px 0 8px 204px;line-height:15px;font-size:13px;}
			div#cellShow div.coaching p span{font-size:14px;font-weight:bold;color:#9cc12b;}
			div#cellShow div.coaching p a.alerte{display:block;width:160px;padding-left:10px;background:transparent url(../img/icone.gif) no-repeat scroll left top;font-size:11px;text-decoration:underline;}
			div#cellShow div.coaching p.sp3{margin-left:125px;}
			div#cellShow div.coaching p.sp4{margin:12px 0 0 130px;}
			div#cellShow div.coaching p.sp5{margin:6px 0 6px 135px;}
			div#cellShow div.coaching p .input4{width:225px;padding:2px 8px;border:1px solid #9cc12b;}
			div#cellShow div.coaching p .input5{width:220px;padding:2px 8px;border:1px solid #9cc12b;}
			div#cellShow div.coaching p.error{margin:0 0 0 165px;}
			
			/* coaching 2 */
			div#cellShow div.coaching p.spe6{height:13px;margin:15px 0 8px 115px;background:transparent url(../img/separator5.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}




			/* sondage */
			div#cellShow div.sondage p.spe5{height:13px;margin:23px 0 16px 115px;background:transparent url(../img/separator5.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			div#cellShow div.sondage p{width:auto;margin:8px 0 8px 204px;line-height:15px;font-size:13px;}
			div#cellShow div.sondage p span{font-size:14px;font-weight:bold;color:#9cc12b;}
			div#cellShow div.sondage p a.alerte{display:block;width:160px;padding-left:10px;background:transparent url(../img/icone.gif) no-repeat scroll left top;font-size:11px;text-decoration:underline;}
			div#cellShow div.sondage p.sp3{margin-left:125px;}
			div#cellShow div.sondage p.sp4{margin:12px 0 0 130px;}
			div#cellShow div.sondage p.sp5{margin:6px 0 6px 135px;}
			div#cellShow div.sondage p .input4{width:225px;padding:2px 8px;border:1px solid #9cc12b;}
			div#cellShow div.sondage p .input5{width:220px;padding:2px 8px;border:1px solid #9cc12b;}
			div#cellShow div.sondage p.error{margin:0 0 0 165px;}
			
			/* sondage  */
			div#cellShow div.sondage p.spe6{height:13px;margin:15px 0 8px 115px;background:transparent url(../img/separator5.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}





		/* Hide : sondage */
		div#cellHideSondage{width:643px;height:471px;float:right;background:transparent url(../img/hide_sondage.jpg) no-repeat scroll left top;display:block;}
			div#cellHideSondage img{margin:0 0 0 263px;}
			/*div#cellHideSondage h4{margin:59px 0 15px 60px;_margin:64px 0 10px 60px;font-size:16px;}*/
			
			div#cellHideSondage h3{width:299px;margin:30px 0 20px 0; padding-left:65px;font-size:16px; float:left;}
			div#cellHideSondage h3 span{ font-weight:normal}
			
			/* Error */
			div#cellHideSondage p.error{color:#ff0000;font-style:italic;}
			div#cellHideSondage p input.error{border:1px solid #ff0000;}
			/* Separateur */
			div#cellHideSondage p.spe1{height:13px;background:transparent url(../img/separator1.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			div#cellHideSondage p.spe2{height:13px;background:transparent url(../img/separator2.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			div#cellHideSondage p.spe3{height:13px;background:transparent url(../img/separator3.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			div#cellHideSondage p.spe4{height:13px;background:transparent url(../img/separator4.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}


			/* question */
			div#cellHideSondage .question{ background-color:#; width:530px; height:225px; margin:10px 0 0 65px}
			div#cellHideSondage .question p { margin:0;}
			div#cellHideSondage .question .titre{ font-size:16px; margin-top:15px;} 
			div#cellHideSondage .question .titre span{ color:#9dc02f}
			div#cellHideSondage .question p.spe5 {background:transparent url(../img/separator5.gif) repeat-x scroll left center;font-size:1px;height:8px;line-height:1px;margin:8px 0 8px 0;}
			div#cellHideSondage .question .puce{ width:200px;font-size:12px; height:20px; margin:5px}
			div#cellHideSondage .question .puce input{ vertical-align:middle; }
			div#cellHideSondage .question .puce label{ margin-left:2px; vertical-align:middle;}



		/* Hide : inscription 1,2,3 */
		div#cellHide{width:351px;height:471px;float:left;background:transparent url(../img/hide.jpg) no-repeat scroll left top;display:none;}
			div#cellHide img{margin:24px 0 0 335px;}
			div#cellHide h4{margin:59px 0 15px 60px;_margin:64px 0 10px 60px;font-size:16px;}
			/* Error */
			div#cellHide p.error{color:#ff0000;font-style:italic;}
			div#cellHide p input.error{border:1px solid #ff0000;}
			/* Separateur */
			div#cellHide p.spe1{height:13px;background:transparent url(../img/separator1.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			div#cellHide p.spe2{height:13px;background:transparent url(../img/separator2.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			div#cellHide p.spe3{height:13px;background:transparent url(../img/separator3.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			div#cellHide p.spe4{height:13px;background:transparent url(../img/separator4.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			
		.cellHideClass{width:351px;height:471px;float:left;background:transparent url(../img/hide.jpg) no-repeat scroll left top;}
			.cellHideClass img{margin:24px 0 0 335px;}
			.cellHideClass h4{margin:59px 0 15px 60px;_margin:64px 0 10px 60px;font-size:16px;}
			/* Error */
			.cellHideClass p.error{color:#ff0000;font-style:italic;}
			.cellHideClass p input.error{border:1px solid #ff0000;}
			/* Separateur */
			.cellHideClass p.spe1{height:13px;background:transparent url(../img/separator1.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			.cellHideClass p.spe2{height:13px;background:transparent url(../img/separator2.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			.cellHideClass p.spe3{height:13px;background:transparent url(../img/separator3.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			.cellHideClass p.spe4{height:13px;background:transparent url(../img/separator4.gif) repeat-x scroll left center;font-size:1px;line-height:1px;}
			
			
			/* Bouton */
			a.bt{display:block;width:135px;height:25px;padding-top:7px;background:transparent url(../img/btValid.gif) no-repeat scroll left top;text-align:center;font-size:15px;text-decoration:none;}
			a.bt:hover{text-decoration:underline;}

				/* Inscription 1 */
				div.subscrib1{width:351px;height:471px;float:left;}
					div.subscrib1 p  a{text-decoration:underline;}
					div.subscrib1 p{margin:2px 0 3px 60px;font-size:11px;}
					div.subscrib1 p label{margin-left:2px;vertical-align:middle;_margin-left:0;}
					div.subscrib1 p input.input1{width:264px;padding:2px 8px;border:1px solid #fff;}
					div.subscrib1 p input.input2{width:122px;padding:2px 8px;border:1px solid #fff;}
					div.subscrib1 p input.input3{width:135px;margin-left:2px;padding:2px 8px;border:1px solid #fff;}		
					div.subscrib1 p a.bt{margin-top:10px;text-decoration:none;font-weight:bold;}
					div.subscrib1 p a.bt:hover{text-decoration:underline;}
					div.subscrib1 p.notifTime, span.notifTime{font-size:10px;font-style:italic;}
					/**/
					div.subscrib1 p.sp6{display:block;height:20px;position:relative;}
					div.subscrib1 p.sp6 input{position:absolute;top:3px;*top:0;}
					div.subscrib1 p.sp6 label{position:absolute;top:4px;*top:6px;left:13px;*left:20px;}
					div.subscrib1 p.sp6 input.input3{position:absolute;top:3px;left:68px;}
					
					div.subscrib1 p.hello span{font-size:14px;font-weight:bold;color:#9cc12b;}
					
				/* Inscription 2 */
				div.subscrib2{width:351px;height:471px;float:left;}
					div.subscrib2 p{margin:0 0 8px 60px;font-size:13px;}
					div.subscrib2 p span{font-size:14px;font-weight:bold;color:#9cc12b;}
					div.subscrib2 div.block{width:265px;margin-left:60px;background:#dce9b5 url(../img/blockTop.gif) no-repeat scroll left top;}
					div.subscrib2 div.block div{padding:6px 0 15px 15px;background:transparent url(../img/blockFoot.gif) no-repeat scroll left bottom;}
					div.subscrib2 div.block div p{margin:0 0 15px 0;}
					div.subscrib2 p a.bt{text-decoration:none;}
					div.subscrib2 p a.bt:hover{text-decoration:underline;}

				/* Sondage */
				div.subSondage{width:638px;height:471px;float:left;}
					
					div.subSondage p{margin:0 0 8px 70px;font-size:13px; clear:both}
					div.subSondage p span{font-size:16px;font-weight:bold;color:#9cc12b;}
					div.subSondage div.block{width:265px;margin-left:60px;background:#dce9b5 url(../img/blockTop.gif) no-repeat scroll left top;}
					div.subSondage div.block div{padding:6px 0 15px 15px;background:transparent url(../img/blockFoot.gif) no-repeat scroll left bottom;}
					div.subSondage div.block div p{margin:0 0 15px 0;}
					div.subSondage p a{text-decoration:underline;}
					div.subSondage p a.bt{text-decoration:none;}
					div.subSondage p a.bt:hover{text-decoration:underline;}



				/* Inscription 3 */
				div.subscrib3{width:351px;height:471px;float:left;}
					div.subscrib3 p{margin:0 0 8px 60px;font-size:11px;}
					div.subscrib3 p span{font-size:14px;font-weight:bold;color:#9cc12b;}
					div.subscrib3 p label{margin-left:2px;vertical-align:middle;_margin-left:0;}
					div.subscrib3 p input.input3{width:135px;margin-left:2px;padding:2px 8px;border:1px solid #fff;}		
					div.subscrib3 p  a{text-decoration:underline;}
					div.subscrib3 p a.bt{text-decoration:none;}
					div.subscrib3 p a.bt:hover{text-decoration:underline;}
			
.btnOpen{display:block;width:150px;height:34px;margin-left:192px;font-family:Helvetica,sans-serif;font-size:15px;font-weight:bold;text-transform:uppercase;/*padding-top:14px*/;background:transparent url(../img/btOpen.jpg) no-repeat scroll left bottom;text-align:center;color:#404040;text-decoration:none;outline:0;border:0;cursor:pointer;}
.btnOpen:hover{text-decoration:underline;}

.knowMoreAboutProduct a{display:block;position:absolute;left:342px;bottom:2px;text-decoration:underline;font-size:12px;color:#9FC230;font-weight:bold;width:auto;padding-left:15px;background:transparent url(../img/icone.gif) no-repeat scroll left top;}