﻿
	.wrapper.pageAdhesion {background:url(/Images/adhesion/bg-wrapperIntern-adhesion.jpg) right 0 no-repeat}
    /*.wrapper.pageAdhesion #mainNav {display:none}*/
	
	.wrapper.pageAdhesion #content {padding-top:30px;}
	
	
    /* common all forms */
    
    /* Mise en forme pour les erreurs */
    .adhesion fieldset p .TextBox-error, .adhesion.etape2 fieldset .votreBebe p .TextBox-error{ border-color:#EE0062; }
    .adhesion fieldset p .Label-error, 	.adhesion.etape2 fieldset .votreBebe p .Label-error{ color:#EE0062; }
    .MessageErreur {position:absolute; top:125px; left:50%; margin-left:-110px; z-index:98; width:350px; text-align:center; font-weight:bold; color:#ee0062; border:1px solid #ee0062; padding:5px; background-color:#fff;}
    .MessageErreurInvit {position:absolute; top:115px; left:50%; margin-left:-110px; z-index:98; width:350px; text-align:center; font-weight:bold; color:#ee0062; border:1px solid #ee0062; padding:5px; background-color:#fff;}
    
	.adhesion {width:580px; height:520px; margin:0 0 0 60px; position:relative}
	.adhesion h2 {width:580px; height:122px; position:absolute;}
	.adhesion h2 img.etape {position:absolute; right:0; bottom:0}
	
	.adhesion .intro {padding-top:120px}
	.adhesion fieldset {width:600px; height:270px; position:relative; border:0}
	.adhesion fieldset h4 {font-size:1.7em; font-weight:bold; color:#ee0062;}
	.adhesion fieldset .champs-obligatoires {position:absolute; top:6px; right:15px; color:#a5a5a5; font-size:.9em;}	
	.adhesion fieldset p {position:absolute; bottom:0; right:0;}
	
	.adhesion fieldset p label {width:80px; float:left; padding-top:2px; .padding-top:4px; _padding-top:4px;}
	.adhesion fieldset p input {border:1px solid #abdff5;}
	.adhesion fieldset p span input {border:0}
	.adhesion fieldset p .RadioButtonList label { float:none; padding:0 30px 0 5px; }

    .adhesion .btnModif {position:absolute; right:110px; .right:110px; _right:120px; bottom:15px;}
    .adhesion .bouton-suivant {position:absolute; right:0; .right:0; _right:10px; bottom:15px;}
    .adhesion .mention {position:absolute; left:0; bottom:10px; width:350px; color:#aeaeae; font-size:.9em;}
		
    /* etape1 */
	/* position */
	.etape1 fieldset .field1 {left:0; top:25px;}
	.etape1 fieldset .field2 {left:0; top:50px;}
	.etape1 fieldset .field3 {left:0; top:75px;}
	.etape1 fieldset .field4 {left:0; top:100px;}
	.etape1 fieldset .field5 {left:115px; top:100px;}

	.etape1 fieldset .field6 {left:0; top:125px;}
	.etape1 fieldset .field7 {left:0; top:150px;}
	.etape1 fieldset .field8 {left:115px; top:150px;}

	.etape1 fieldset .field9 {left:0; top:175px;}

	.etape1 fieldset .field10 {left:295px; top:50px;}
	.etape1 fieldset .field11 {left:295px; top:75px;}
	.etape1 fieldset .field12 {left:295px; top:100px;}
	.etape1 fieldset .field13 {left:295px; top:125px;}
	.etape1 fieldset .field14 {left:295px; top:150px;}

	.etape1 fieldset .field16 {left:0; top:200px;}
    .etape1 fieldset .field17 {left:0; top:240px;}	
	
	
	/* labels */
	.etape1 fieldset .field10 label, 
	.etape1 fieldset .field11 label,
	.etape1 fieldset .field12 label,
	.etape1 fieldset .field13 label,
	.etape1 fieldset .field14 label  {width:125px;}
	
	.etape1 fieldset .field5 label,
	.etape1 fieldset .field8 label {width:42px;}
	.etape1 fieldset .field9 label {width:145px;}
	
	
	/* input */
	.etape1 fieldset .field2 .TextBox,
	.etape1 fieldset .field3 .TextBox,
	.etape1 fieldset .field6 .TextBox {width:185px;}
	
	.etape1 fieldset .field4 .TextBox,
	.etape1 fieldset .field7 .TextBox {width:25px;}
	
	.etape1 fieldset .field8 .TextBox {width:50px;}
	
	.etape1 fieldset .field5 .TextBox {width:108px}
	.etape1 fieldset .field9 .TextBox {width:120px; .width:119px; _width:119px;}
	.etape1 fieldset .field10 .TextBox {width:60px;}
	
	.etape1 fieldset .field11 .TextBox,
	.etape1 fieldset .field12 .TextBox,
	.etape1 fieldset .field13 .TextBox,
	.etape1 fieldset .field14 .TextBox  {width:160px; }
	
	* html .etape1 fieldset .field11 .TextBox,
	* html .etape1 fieldset .field12 .TextBox,
	* html .etape1 fieldset .field13 .TextBox,
	* html .etape1 fieldset .field14 .TextBox  {width:155px;}
	
	/**/		
	.etape1 fieldset .field15 label,
	.etape1 fieldset .field16 label,
	.etape1 fieldset .field17 label {width:485px; padding-top:0; .padding-top:3px; _padding-top:3px;}
	.etape1 fieldset .field16 .RadioButtonList {}
	.etape1 fieldset p.field15 .RadioButtonList label,
	.etape1 fieldset p.field16 .RadioButtonList label,
	.etape1 fieldset p.field17 .RadioButtonList label 
	{
		float:none; padding:0 8px 0 5px;
		.padding:0;
		_padding:0;
	}
    


        
    /*etape2*/
	.adhesion.etape2 fieldset {height:350px; top:120px}
	.adhesion.etape2 fieldset h4 {font-size:1.2em; padding-bottom:3px}
	.adhesion.etape2 fieldset p {clear:both; position:static; margin-bottom:5px; .margin-bottom:2px;}
	
	.adhesion.etape2 fieldset p .mentions {color:#aeaeae; font-size:11px;}
	
	.adhesion.etape2 fieldset p label {width:280px; float:left; padding-top:2px; .padding-top:4px; _padding-top:4px;}
	
	.adhesion.etape2 fieldset p .TextBox {width:30px}
	
	.adhesion.etape2 fieldset .votreBebe {clear:both; padding-top:15px; display:table; width:100%; background:url(/Images/adhesion/persoNuage.gif) 450px bottom no-repeat}
	
	.adhesion.etape2 fieldset .votreBebe p label {width:170px;}
	.adhesion.etape2 fieldset .votreBebe p input {width:150px;}
	.adhesion.etape2 fieldset .votreBebe p .RadioButtonList {float:left}
	.adhesion.etape2 fieldset .votreBebe p .RadioButtonList span {float:left}
	.adhesion.etape2 fieldset .votreBebe p .RadioButtonList label {width:60px; margin-bottom:5px; float:left}
	.adhesion.etape2 fieldset .votreBebe p .RadioButtonList input {float:left; width:auto; margin-right:5px}
	.adhesion.etape2 fieldset .votreBebe p .TextBox.babyBirthDayMonth {width:25px;} 	
	.adhesion.etape2 fieldset .votreBebe p .TextBox.babyBirthYear {width:40px;} 
	
	.adhesion.etape2 fieldset .accesContenus {clear:both; padding-top:20px}
	.adhesion.etape2 fieldset .accesContenus p label {width:200px;}
	.adhesion.etape2 fieldset .accesContenus p input {width:100px;}
    

    
    /* etape3 */	
	.adhesion.etape3 {}
	.adhesion.etape3 fieldset {height:350px; top:120px; position:absolute;}
	.adhesion.etape3 p {min-height:25px; _height:25px; padding-bottom:5px;}
	.adhesion.etape3 p.mention {position:absolute;}
	.adhesion.etape3 p label {float:left; padding-top:2px; .padding-top:4px; _padding-top:4px;}
	.adhesion.etape3 p input {float:left;}
	.adhesion.etape3 p .RadioButtonList label {width:50px;}

	.adhesion.etape3 .magasin {top:0; left:0}
	.adhesion.etape3 .magasin label {padding-right:10px}
	.adhesion.etape3 .magasin .RadioButtonList input {margin-right:5px}
	
	.adhesion.etape3 .localisation {top:25px; left:0;}
	.adhesion.etape3 .enseigne {top:50px; left:0;}
	.adhesion.etape3 .localisation label,
	.adhesion.etape3 .enseigne label {width:90px}
	.adhesion.etape3 .enseigne input {width:172px}
	.adhesion.etape3 .localisation input {width:40px}
	.adhesion.etape3 .localisation label.city {width:45px; padding-left:5px}
	.adhesion.etape3 .localisation input.city {width:80px}
	
	.adhesion.etape3 .frequence {top:85px; left:0; padding-bottom:15px}
	.adhesion.etape3 .frequence label {float:none; width:auto; display:block; padding-bottom:5px}
	.adhesion.etape3 .frequence .RadioButtonList label, .adhesion.etape3 .frequence .RadioButtonList input {float:none; display:inline; clear:none }
	.adhesion.etape3 .frequence .RadioButtonList label {padding-right:10px}
	.adhesion.etape3 .frequence .RadioButtonList input {margin-right:5px}
	
	.adhesion.etape3 .adoucissant {top:150px; left:0; }
	.adhesion.etape3 .chatBebe {top:175px; left:0;}
	.adhesion.etape3 .laveVaisselle {top:200px; left:0;}
	.adhesion.etape3 .adoucissant label,
	.adhesion.etape3 .chatBebe label,
	.adhesion.etape3 .laveVaisselle label {width:200px}
	.adhesion.etape3 .adoucissant .RadioButtonList label,
	.adhesion.etape3 .chatBebe .RadioButtonList label,
	.adhesion.etape3 .laveVaisselle .RadioButtonList label {padding-right:20px; padding-left:5px; float:left}

	.backgroundContainer {background:url(/Images/adhesion/persoOiseau.gif) 380px bottom no-repeat}
        
        
        
        
	.remerciements {width:600px; height:400px; top:120px; position:relative; background:url(/Images/adhesion/perso-bg-Merci.gif) right 120px no-repeat}      
	.remerciements h4 {padding:100px 0 10px 0; color:#ee0062; font-size:1.7em; font-weight:bold;}
	.remerciements p {font-size:1.2em; font-weight:bold;}
	.remerciements a {position:absolute; right:15px; bottom:15px}
	  
	  
	.adhesion.passOublie {width:600px; height:524px; background:url(/Images/adhesion/perso-bg-PassOublie.gif) right bottom no-repeat}
	.adhesion.passOublie h2 img {margin-top:-15px}
	.adhesion.passOublie h2 img.etape {margin-top:0}
	.adhesion.passOublie .intro {padding-bottom:25px}
	
	.adhesion.passOublie img.etape {position:absolute; right:40px; bottom:20px}  
	/*.adhesion.passOublie p {position:relative; border:1px solid red; clear:both;}*/
	.adhesion.passOublie fieldset p {position:static; clear:both;}
	.adhesion.passOublie fieldset {width:328px; height:175px; padding:0 20px; margin:0 0 0 100px;}
	.adhesion.passOublie fieldset .champs-obligatoires {float:right; clear:both; position:static; margin:20px 0 20px 0; color:#a5a5a5; font-size:.9em;}	
	.adhesion.passOublie fieldset input {margin-bottom:15px; width:200px;}
	.adhesion.passOublie fieldset input.submitPassOublie {width:auto; display:block; clear:both; float:right; margin:-15px 0 0 0}
	
	.adhesion.passOublie p.confirmMessage {margin-left: 120px; width:350px; margin-top:55px; text-align:center}
	.adhesion.passOublie input.submitRetour {margin:30px 0 0 320px}
	.adhesion.passOublie p.errorfields {position:absolute;margin-top:150px;left:120px;width:200px; color:#EE0062;}

	
	
	
