@charset "utf-8";
/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:arial;
		font-size:10px;
		background-color:#fff;
		background-image:url(/img/fond-page.jpg);
		background-repeat:no-repeat;
		background-position:center 0;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	.clear{
		clear:both;
		height:0;
	}
	
	.visible{
		display:block;
	}
	
	.invisible{
		display:none;
	}
	
	#global{
		width:962px;
		margin:auto;
		padding:0 0 0 33px;
	}
	
	#logo{
		float:left;
		width:369px;
		height:65px;
		padding:21px 290px 0 21px;
	}
	
	#espaceMembre{
		float:left;
		width:282px;
		height:89px;
	}
	
	#homeAccroche{
		margin:37px 0 25px 0;
	}
	
	#contenuHaut{
		width:929px;
		height:1px;
		background-color:#fff;
	}
	
	#contenu{
		width:933px;
		background-image:url(/img/fond-contenu.png);
		background-repeat:repeat-y;
	}
	
	#contenuFond1{
		width:933px;
		background-image:url(/img/arbres-page.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
  	#contenuFond1-2{
		width:933px;
		background-image:url(/img/arbres2-page.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	#contenuFond2{
		width:933px;
		padding:0 0 105px 0;
		background-image:url(/img/fond-arrondi.gif);
		background-repeat:no-repeat;
		background-position:11px 10px;
	}
	
	#contenuBas{
		width:933px;
		height:3px;
		background-image:url(/img/bas-contenu.png);
		background-repeat:no-repeat;
	}
	
	#pied{
		width:933px;
		height:47px;
		margin:6px 0 0 0;
		background-image:url(/img/fond-pied.png);
		background-repeat:no-repeat;
	}
	
	#contactsCollectif{
		float:left;
		width:181px;
		padding:11px 0 0 19px;
	}
	
	#contactsCollectif a{
		display:block;
		width:173px;
		height:22px;
		padding:3px 0 0 8px;
		background-image:url(/img/btn-contacts-collectif.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		font-weight:bold;
		color:#84bc17;
	}
	
	#contactsCollectif a:hover, #contactsCollectif a.contactsActif{
		background-position:0 -25px;
		color:#fff;
	}
	
 	#piedfaq{
		float:left;
		width:181px;
		padding:11px 134px 0 5px;
	}
	
	#piedfaq a{
		display:block;
		width:173px;
		height:22px;
		padding:3px 0 0 8px;
		background-image:url(/img/btn-contacts-collectif.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		font-weight:bold;
		color:#84bc17;
	}
	
	#piedfaq a:hover, #piedfaq a.piedfaq{
		background-position:0 -25px;
		color:#fff;
	}
  
  	#contactsListe {
  	float:left;
    width:393px;
	}
	
  	.contactsTD {
		padding:2px 18px 0 2px; 
	}
	
	#piedLogoUfolep{
		display:block;
		float:left;
		width:44px;
		height:22px;
		margin:13px 20px 0 0; 
	}
	
	#piedLogoMountain{
		display:block;
		float:left;
		width:50px;
		height:32px;
		margin:5px 20px 0 0;
	}
	
	#piedLogoMeduli{
		display:block;
		float:left;
		width:65px;
		height:32px;
		margin:4px 21px 0 0;
	}
	
	#piedLogoHulot{
		display:block;
		float:left;
		width:32px;
		height:32px;
		margin:4px 21px 0 0;
	}
	
	#piedLogoAnae{
		display:block;
		float:left;
		width:47px;
		height:31px;
		margin:4px 21px 0 0;
	}
	
	#piedLogoAdeme{
		display:block;
		float:left;
		width:35px;
		height:39px;
		margin:2px 0 0 0;
	}
	
	
/* ====================================== ESPACE MEMBRE */
	#espaceMembreConnexion, #espaceMembreMdpOublie, #espaceMembreEmailEnvoye, #espaceMembreConnecte{
		margin:21px 0 0 0;
	}
	
	#espaceMembreConnexion h2, #espaceMembreMdpOublie h2, #espaceMembreEmailEnvoye h2{
		margin:0 0 5px 0;
	}
	
	#espaceMembreConnecte h2{
		float:left;
		width:114px;
		margin:0 22px 5px 0;
	}
	
	#seDeconnecte{
		float:left;
		display:block;
		width:94px;
		height:16px;
		margin:0;
		padding:1px 0 0 6px;
		text-decoration:none;
		font-size:110%;
		color:#6b6b6b;
		background-image:url(/img/btn-se-deconnecte.gif);
		background-repeat:no-repeat;
	}
	
	#espaceMembreIdentifiant, #espaceMembreMdp, #mdpOublieChamp{
		float:left;
		display:block;
		width:92px;
		margin:0 7px 0 0;
		padding:2px 2px 2px 6px;
		border:1px solid #ddd;
		font-family:arial;
		font-size:10px;
		color:#6b6b6b;
	}
	
	#connexionOk{
		float:left;
		width:32px;
		margin:-2px 0 0 0;
	}
	
	#connexionMdpOublie{
	  float:left;
    width:100px;
		margin:4px 0 0 0;
		padding:0 0 0 19px;
		background-image:url(/img/picto-mdp-oublie.gif);
		background-repeat:no-repeat;
		font-size:110%;
	}
  
  #connexionError {
  	float:left;
    text-align:right;
    width:120px;
    font-size:110%;
    color:#db3919;
    margin:4px 0 0 0;
  }
	
	#mdpOublieRetour{
  	float:left;
    width:65px;
		margin:4px 0 0 0;
		padding:0 0 0 19px;
		background-image:url(/img/picto-retour.gif);
		background-repeat:no-repeat;
		font-size:110%;
	}
  #mdpOublieError{
  	float:left;
  	width:160px;
		margin:4px 0 0 0;   
    color:#db3919;
    font-size:110%;
    text-align:right;
	}
	
	#mdpOublieRetour2{
		margin:10px 0 0 0;
		padding:0 0 0 19px;
		background-image:url(/img/picto-retour.gif);
		background-repeat:no-repeat;
		font-size:110%;
	}
	
	#connexionMdpOublie a, #mdpOublieRetour a, #mdpOublieRetour2 a, #espaceMembreConnecte ul li a{
		text-decoration:underline;
		color:#6b6b6b;
	}
	
	#connexionMdpOublie a:hover, #mdpOublieRetour a:hover, #mdpOublieRetour2 a:hover, #espaceMembreConnecte ul li a:hover{
		color:#84bc17;
	}
	
	#espaceMembreConnecte ul li a.lienConnecteActif{
		text-decoration:underline;
		color:#84bc17;
	}
	
	#mdpOublieLabel{
		float:left;
		display:block;
		width:108px;
		padding:3px 0 0 0;
		font-size:100%;
		color:#6d6d6d;
	}
	
	#espaceMembreEmailEnvoye p{
		height:17px;
		margin:0;
		font-size:120%;
		color:#84bc17;
	}
	
	#espaceMembreConnecte ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#espaceMembreConnecte ul li{
		height:15px;
		margin:0 0 1px 0;
		padding:0 0 0 19px;
		font-size:110%;
		background-repeat:no-repeat;
	}
	
	#espaceMembreConnecte ul li#voirMesEvenements{
		background-image:url(/img/picto-mes-evenements.gif);
	}
	
	#espaceMembreConnecte ul li#voirMesDonneesPersonnelles{
		background-image:url(/img/picto-mes-donnees.gif);
	}
/* ====================================== ESPACE MEMBRE */


/* ====================================== MENU PRINCIPAL */
	#menuPrincipal{
		float:left;
		width:184px;
		margin:0;
		padding:45px 54px 0 18px;
		list-style:none;
	}
	
	#menuPrincipal li{
		width:184px;
		height:34px;
		margin:0 0 5px 0;
	}
	
	#menuPrincipal li a{
		display:block;
		width:169px;
		height:25px;
		padding:9px 0 0 15px;
		background-image:url(/img/btn-menu1.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		color:#808080;
	}
	
	#menuPrincipal li a:hover{
		color:#84bc17;
	}
  #menuPrincipal li a.lienMenuPrincipalActif{
    color:#84bc17;
	}
/* ====================================== MENU PRINCIPAL */


/* ====================================== ACCUEIL */
	#contenuAccueil{
		float:left;
		width:417px;
		padding:48px 58px 0 0;
	}
	
	#contenuAccueil h2{
		margin:0 0 15px 0;
	}
	
	#contenuAccueil p{
		margin:0 0 15px 0;
		padding:0 7px 0 7px;
		font-size:120%;
		color:#6b6b6b;
	}
  
 	#contenuAccueil p a{
		text-decoration:underline;
		color:#6b6b6b;
	}
	
	#contenuAccueil p a:hover{
		color:#84bc17;
	}
	
	
	#accueilCommencez{
		padding:30px 0 0 0;
		text-align:center;
	}
	
	#accueilBtnInfos{
		float:left;
		width:182px;
		margin:0;
		padding:34px 0 0 0;
		list-style:none;
	}
	
	#accueilBtnInfos li{
		margin:0 0 3px 0;
	}
/* ====================================== ACCUEIL */


/* ====================================== QUESTION */
	#retourAccueil{
		float:left;
		width:41px;
		height:34px;
		margin:50px 0 0 0;
		padding:0 0 0 11px;
	}
	
	#evenementTitre{
		float:left;
		width:879px;
		margin:39px 0 0 0;
		text-align:center;
	}
	
	#menuThemes{
		margin:8px 0 0 0;
		padding:5px 0 0 36px;
		border-top:1px solid #c9e1eb;
		list-style:none;
	}
	
	#menuThemes li{
		float:left;
		margin:0;
		padding:0 1px 0 0;
	}
	
	#onglets{
		margin:0 0 0 0;
		padding:12px 0 0 11px;
		list-style:none;
	}
	
	#onglets li{
		float:left;
		height:29px;
		/*overflow-y:hidden;
    overflow-x:hidden;*/
		margin:0;
		padding:0;
	}
	
	#onglets li#ongletRetour{
		padding:0 2px 0 0;
	}
	
	#menuEvaluation{
		float:left;
		width:184px;
		padding:40px 11px 0 18px;
	}
	
	.menuEvaluation1ligne{
		width:184px;
		height:34px;
		margin:0 0 5px 0;
		position:relative;
	}
	
	.menuEvaluation2lignes{
		width:184px;
		height:49px;
		margin:0 0 5px 0;
		position:relative;
	}
	
	.menuEvaluation3lignes{
		width:184px;
		height:71px;
		margin:0 0 5px 0;
		position:relative;
	}
	
	.menuEvaluation4lignes{
		width:184px;
		height:85px;
		margin:0 0 5px 0;
		position:relative;
	}
  
	.menuEvaluation5lignes{
		width:184px;
		height:100px;
		margin:0 0 5px 0;
		position:relative;
	}
	
	.menuEvaluation1ligne a{
		display:block;
		width:152px;
		height:26px;
		padding:8px 16px 0 16px;
		background-image:url(/img/btn-menu2-s.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		color:#808080;
	}
  .menuEvaluation1ligne a.disabled{
		display:block;
		width:152px;
		height:26px;
		padding:8px 16px 0 16px;
		background-image:url(/img/btn-menu2-s.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		color:#c2c2c2;
    cursor:default;
	}
	
	.menuEvaluation2lignes a{
		display:block;
		width:152px;
		height:43px;
		padding:6px 16px 0 16px;
		background-image:url(/img/btn-menu2-b.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		color:#808080;
	}
	
	.menuEvaluation3lignes a{
		display:block;
		width:152px;
		height:65px;
		padding:6px 16px 0 16px;
		background-image:url(/img/bloc-3lignes.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		color:#808080;
	}
	
	.menuEvaluation4lignes a{
		display:block;
		width:152px;
		height:79px;
		padding:6px 16px 0 16px;
		background-image:url(/img/bloc-4lignes.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		color:#808080;
	}
  
  .menuEvaluation5lignes a{
		display:block;
		width:152px;
		height:94px;
		padding:6px 16px 0 16px;
		background-image:url(/img/bloc-5lignes.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		font-family:Trebuchet MS, arial;
		font-size:120%;
		color:#808080;
	}
	
	.menuEvaluation1ligne div.pictoEvaluation{
		position:absolute;
		z-index:13;
		top:-1px;
		left:170px;
	}
	
	.menuEvaluation1ligne a:hover, .menuEvaluation2lignes a:hover, .menuEvaluation3lignes a:hover, .menuEvaluation4lignes a:hover, .menuEvaluation5lignes a:hover, .menuEvaluation1ligne a.menuEvaluationActif, .menuEvaluation2lignes a.menuEvaluationActif, .menuEvaluation3lignes a.menuEvaluationActif, .menuEvaluation4lignes a.menuEvaluationActif, .menuEvaluation5lignes a.menuEvaluationActif{
		color:#84bc17;
	}
  .menuEvaluation1ligne a.disabled:hover {
  	color:#c2c2c2;
  }
	
	.menuEvaluation2lignes div.pictoEvaluation{
		position:absolute;
		z-index:13;
		top:6px;
		left:170px;
	}
	
	.menuEvaluation3lignes div.pictoEvaluation{
		position:absolute;
		z-index:13;
		top:17px;
		left:170px;
	}
	
	.menuEvaluation4lignes div.pictoEvaluation{
		position:absolute;
		z-index:13;
		top:23px;
		left:170px;
	}  
  
	.menuEvaluation5lignes div.pictoEvaluation{
		position:absolute;
		z-index:13;
		top:23px;
		left:170px;
	}

	#contenuEvaluation{
		float:left;
		width:541px;
		/*padding:85px 40px 0 0;*/
    padding:45px 40px 0 0;
	}
	
	#contenuEvaluation h2{
		margin:0 0 18px 43px;
    font-family:Trebuchet MS;
    color:#84bc17;
	}
	
	#contenuEvaluation h3{
		width:447px;
		margin:0 0 14px 43px;
		padding:0 0 0 6px;
		border-bottom:1px dotted #b4b4b4;
		font-size:180%;
		font-weight:normal;
		color:#6b6b6b;
	}
	
	#contenuEvaluation h3 span{
		font-size:80%;
	}
	
	#contenuEvaluation p{
		width:441px;
		margin:0 0 20px 49px;
		font-size:120%;
		color:#6b6b6b;
	}
	
	#oui{
		float:left;
		width:66px;
		padding:0 33px 0 49px;
	}
	
	#non{
		float:left;
		width:73px;
		padding:0 33px 0 0;
	}
	#nonConcerne{
		float:left;
		width:152px;
	}
	
	#questionPrecedente{
		float:left;
		width:183px;
		margin:29px 0 0 0;
		padding:0 103px 0 36px;
	}
	
	#questionSuivante{
		float:left;
		width:176px;
		margin:29px 0 0 0;
	}
  #phaseSuivante{
		float:left;
		width:148px;
		margin:29px 0 0 28px;
	}
	
	#evaluationInformations{
		width:497px;
		/*height:171px;*/
		margin:53px 0 0 0;
		padding:16px 0 0 44px;
		background-image:url(/img/fond-information-evaluation.gif);
		background-repeat:no-repeat;
    background-color:#a1cc1d;
	}
	
	#evaluationInformations h4{
		margin:0 0 4px 0;
	}
	
	#evaluationInformations ul{
		margin:0 0 22px 4px;
		padding:0;
		list-style:none;
	}
	
	#evaluationInformations ul li{
		margin:0 0 1px 0;
		padding:1px 30px 0 8px;
		background-image:url(/img/puce-informations.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		font-size:120%;
		color:#fff;
	}
  
  #evaluationInformations ul li a{
  	text-decoration:none;
		color:#fff;
	}
  #evaluationInformations ul li a:hover{
  	text-decoration:underline;
		color:#fff;
	}
	
	#jaugeEvaluation{
		float:left;
		width:126px;
		margin:44px 0 0 0;
	}
  
  #questionConseil {
		width:441px;
		margin:33px 0 20px 49px;
    padding:0 0 10px 28px;
  	background-image:url(/img/ampoule.gif);
		background-repeat:no-repeat;
		background-position:0 0;
    font-size:12px;
    color:#6b6b6b;
    font-style:italic;
  }  
/* ====================================== QUESTION */


/* ====================================== CONCLUSION */
  #contenuConclusion{
		float:left;
		width:413px;
		/*padding:85px 0 0 30px;*/
  	padding:46px 0 0 30px;
	}
	
  #contenuConclusion2{
  	float:left;
		width:533px;
		/*padding:85px 0 0 30px;*/
  	padding:46px 0 0 30px;
	}
	
	#contenuConclusion h2{
    font-family:Trebuchet MS;
    color:#84bc17;
    margin:0 0 5px 16px;
	}
	#contenuConclusion p{
		width:383px;
		margin:17px 0 0 16px;
    padding:0 10px 0 0;
		font-size:120%;
		color:#6b6b6b;
	}
  #contenuConclusion2 h2{
    font-family:Trebuchet MS;
    color:#84bc17;
    margin:0 0 5px 16px;
	}
	#contenuConclusion2 p{
		width:533px;
		margin:17px 0 0 16px;
    padding:0 10px 0 0;
		font-size:120%;
		color:#6b6b6b;
	}
  #contenuConclusion ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#contenuConclusion ul li{
		margin:3px 0 1px 16px;
		padding:0 0 0 8px;
		font-size:12px;
    font-weight:bold;
    background-image:url(/img/objectif-list.gif);
    background-position:top left;
		background-repeat:no-repeat;
	}
  #contenuConclusion ul li a{
		text-decoration:none;
		color:#e95700;
	}
	
	#contenuConclusion ul li a:hover{
		text-decoration:underline;
		color:#e95700;
	}
  .conclusionlistQ li {
  	font-weight:normal;
    color:#6b6b6b;
  } 
	#jaugeFinale{
		float:left;
		width:221px;
	}
  #jaugefinaleswf {
  	padding:38px 0 0 89px;    
  }
  #jaugefinaleImpact {
  	padding:0 0 0 49px;    
  }
  #trameConclusion {
  	background-image:url(/img/trame-conclusion.gif);
		background-repeat:no-repeat;    
    width:393px;
    height:1px;    
		margin:0 0 0 10px;
  }
  #conclusionSave {
		margin:17px 0 0 10px;
  }
  #conclusionsBoutons {  	
		margin:28px 0 0 0;
  }
  #conclusionRetour {
  	float:left;
    width:100px;
  }
  #conclusionPhaseSuivante {
  	float:left;
    width:313px;
    text-align:right;
  }
  #conclusionContinuer {
  	float:left;
    width:393px;
    text-align:right;
  }
  #conclusionEvenementsACloturer {
  	margin:10px 0 32px 34px;
  }
  #conclusionCloturer {
  	/*margin:20px 0 0 183px;*/
    /*margin:20px 0 0 42px;*/
    margin:20px 0 0 125px;
  }
/* ====================================== CONCLUSION */


/* ====================================== INSCRIPTION / COMPTE */
	#contenuInscription{
		float:left;
		width:417px;
		padding:48px 58px 0 0;
	}
	
	#contenuInscription h2{
		margin:0 0 15px 0;
	}
	
	#contenuInscription p{
		margin:0 0 15px 0;
		padding:0 7px 0 7px;
		font-size:120%;
		color:#6b6b6b;
	}
  
	#inscriptionFormDiv {
  	margin:30px 0 0 20px;
  }
  
  .comboCivilite, .comboEntite, .comboEvenement{
  	z-index:11;
		float:left;
		position:relative;
		width:86px;
		height:19px;
		margin:0 0 7px 0;
	}
  .comboRegion{
  	z-index:08;
		float:left;
		position:relative;
		width:253px;
		height:19px;
		margin:0 0 7px 0;
	}
  
	
	.comboEntite{
		width:186px;
	}
	
	.comboEvenement{
		width:253px;
	}
	
	.comboCiviliteSelected, .comboEntiteSelected, .comboEvenementSelected{
  	z-index:10;
		display:block;
		float:left;
		width:64px;
		height:15px;
		margin:0;
		padding:2px 2px 0 2px;
		border:1px solid #cccccc;
		background-color:#fff;
		text-decoration:none;
		font-size:120%;
		color:#000;
	}
  .comboRegionSelected{
  	z-index:09;
		display:block;
		float:left;
		width:231px;
		height:15px;
		margin:0;
		padding:2px 2px 0 2px;
		border:1px solid #cccccc;
		background-color:#fff;
		text-decoration:none;
		font-size:120%;
		color:#000;
	}
	
	.comboEntiteSelected{
		width:164px;
	}
	
	.comboEvenementSelected{
		width:231px;
	}
	
	.comboFleche{
		float:left;
		display:block;
		width:16px;
		height:19px;
	}
	
	.comboCivilite ul, .comboEntite ul, .comboEvenement ul, .comboRegion ul{
		position:absolute;
		z-index:20;
		top:19px;
		left:0;
		width:83px;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		background-color:#fff;
		margin:0;
		padding:0;
		list-style:none;
    height:140px;
    overflow-y:auto;
    overflow-x:hidden;
	}
	
	.comboEntite ul{
		width:183px;
	}
	
	.comboEvenement ul{
		width:250px;
	}
	
	.comboRegion ul{
		width:250px;
	}
	
	.comboCivilite ul li, .comboEntite ul li, .comboEvenement ul li, .comboRegion ul li{
		margin:0;
		padding:0;
	}
	
	.comboCivilite ul li a, .comboEntite ul li a, .comboEvenement ul li a, .comboRegion ul li a{
		display:block;
		width:75px;
		padding:2px 6px 2px 2px;
		text-decoration:none;
		font-size:120%;
		color:#000;
	}
	
	.comboEntite ul li a{
		width:175px;
	}
	
	.comboEvenement ul li a{
		width:242px;
	}
	.comboRegion ul li a{
		width:242px;
	}
	
	.comboCivilite ul li a:hover, .comboEntite ul li a:hover, .comboEvenement ul li a:hover, .comboRegion ul li a:hover{
		background-color:#ddd;
	}
  
	.registerLabel1{
		display:block;
		float:left;
		width:120px;
		padding:3px 7px 0 0;
		text-align:left;
		font-size:120%;
		color:#6b6b6b;
	}
	.registerLabelCheckbox{
		display:block;
		float:left;
		width:354px;
		padding:3px 0 0 5px;
		text-align:left;
		font-size:120%;
		color:#6b6b6b;
	}
	.registerChamp1, .registerArea{
		display:block;
		float:left;
		width:244px;
  	height:13px;
  	margin:2px 0 7px 0;
		padding:2px;
		border:1px solid #cccccc;
		background-color:#fff;
		font-family:arial;
		font-size:12px;
		color:#000;
	}
  .registerCheckbox {
		width:11px;
   	height:11px;
		display:block;
	  float:left;
   	margin:3px 0 7px 0;
		padding:2px;
  }
	
	.registerArea{
		height:30px;
	}
  
  .registerSelect{
  	float:left;
		font-family:arial;
		font-size:12px;
    margin:2px 0 7px 0;
		border:1px solid #cccccc;
	}
  #registerChampsObligatoires {
  	padding:30px 0 0 20px;
  	float:left;    
		font-size:100%;
    color:#a6a6a6;
    width:120px;
  }
  #inscriptionValider{
  	float:left;   
    width:262px;
		padding:16px 14px 0 0;
		text-align:right;
	}
  #inscriptionRetour{
		padding:8px 14px 0 0;
		text-align:right;
	}
  #conteneurRegisterError{
		margin:5px 0 0 146px;
		padding:0 8px 0 0px;
		font-size:110%;
		color:#db3919;
    	height:17px;
	}
  
/* ====================================== INSCRIPTION / COMPTE */

/* ====================================== CONFIDENTIALITE */
	#contenuConfidentialite{
		float:left;
		width:629px;
		padding:48px 0 0 0;
	}
	
	#contenuConfidentialite h2{
		margin:0 0 34px 0;
	}
	
	#contenuConfidentialite p{
		margin:0 0 15px 0;
		padding:0 7px 0 7px;
		font-size:120%;
		color:#6b6b6b;
	}
  #contenuConfidentialite p a {  	
		color:#6b6b6b;
    text-decoration:underline;
  }
  #contenuConfidentialite p a:hover{
		color:#84bc17;
	}
	
/* ====================================== CONFIDENTIALITE */

/* ====================================== COMMENT CA MARCHE */
	#contenuComment{
		float:left;
		width:629px;
		padding:48px 0 0 0;
	}
	
	#contenuComment h2{
		margin:0 0 0 0;
	}
	#animation {
  	margin:20px 0 0 0;
  }
	#contenuComment p{
		margin:0 0 15px 0;
		padding:0 7px 0 7px;
		font-size:12px;
		color:#6b6b6b;
	}
  .commentImg {
  	float:left;
    width:250px;
  }
  .commentTxt {
  	float:left;
    padding:30px 0 0 20px;
    font-size:120%;
		color:#6b6b6b;
    width:359px;
  }
  .commentTrame {
    margin:14px 0 0 0;
  	width:629px;
    height:1px;
    background-image:url(/img/trame.gif);
    background-repeat:no-repeat;
  }
/* ====================================== COMMENT CA MARCHE */
 
/* ====================================== CONTACTS FAQ*/
	#contactBackHome {  	
		float:left;
		width:45px;
  }
	#contactH2 {  	
		float:left;
		width:533px;
  }
	#contenuContacts{
		float:left;
		width:580px;
		padding:39px 0 0 154px;
	}
	
	#contactH2 h2{
		margin:0 0 17px 0;
	}
	
	#contenuTxt {
		margin:0 0 21px 44px;
		padding:0 7px 0 7px;
		font-size:120%;
		color:#6b6b6b;
	}
  #contactsList {
		margin:0 0 21px 44px;
  }
  .contactContaineur {    
    margin:0 0 15px 0;
  }
  .vignette132 {
  	float:left;
    width:132px;
  }
  .contactsTitle {
  	float:left;
    width:342px;
    padding:10px 0 0 20px;
  }
  .contactsTitle h3{  	
		font-family:Trebuchet MS, arial;
		font-size:18px;
		font-weight:bold;
		color:#6d6d6d;
    margin:0 0 0 0;
    padding:0 0 0 0;
  }  
	#contenuFaq{
		float:left;
		width:680px;
		padding:39px 0 0 154px;
	}
  #contenuFaq p {
		color:#6d6d6d;
  	font-size:12px;
  }
  .faqTitle {
    padding:10px 0 0 20px;
  }
  .faqTitle h3{  	
		font-family:Trebuchet MS, arial;
		font-size:16px;
		font-weight:bold;
		color:#6d6d6d;
    margin:0 0 0 0;
    padding:0 0 0 0;
  }
  .faqTitle h3 ul {
    margin:0 0 0 0;
    padding:0 0 0 0;  	
  }  	
  .faqTitle h3 ul li {
    margin:0 0 0 0;
    padding:0 0 0 0;  	
  }  	
  .contactsTitleLink {
  	text-decoration:none;
		font-size:120%;
		color:#6b6b6b;
  }
  .contactsTitleLink:hover {
  	text-decoration:underline;
  }
  .contactBtn {
  	margin:6px 0 0 0;
  }
  .enSavoirPlusInvisible {
  	padding:3px 10px 0 5px;
		font-size:11px;
		color:#6b6b6b;
    display:none;
    background-color:#f9f9f9;
    width:374px;
  }
  .enSavoirPlusVisible {
  	padding:3px 10px 0 5px;
		font-size:11px;
		color:#6b6b6b;
    display:block;
    background-color:#f6f6f6;
    width:374px;
  }
  .enSavoirPlusDesc {
  	float:left;
    width:330px;
    padding:11px 4px 0 10px;
  }
  .faqenSavoirPlusBtn {
  	margin:0px 0px 0px 0px;  
  }
  .faqenSavoirPlusInvisible {
  	margin:0px 0px 0px 0px;
  	padding:3px 10px 0 5px;
		font-size:11px;
		color:#6b6b6b;
    display:none;
    background-color:#f9f9f9;
    width:474px;
  }
  .faqenSavoirPlusVisible {
  	margin:0px 0px 0px 0px;
  	padding:3px 10px 0 5px;
		font-size:11px;
		color:#6b6b6b;
    display:block;
    background-color:#f6f6f6;
    width:484px;
  }
  .faqenSavoirPlusDesc {
  	float:left;
    width:430px;
    padding:11px 4px 0 10px;
  }
  .ensavoirPlusClose {
  	float:left;
    width:10px;
    padding:11px 10px 0 10px;
  }
/* ====================================== CONTACTS */

/* ====================================== ESPACE MEMBRES */
	
	#espaceMembresTitre{
		float:left;
		width:879px;
		margin:39px 0 0 0;
		text-align:center;
	}
  #espaceMembresOnglets{
		margin:0 0 0 0;
		padding:24px 0 0 11px;
		list-style:none;
		border-top:1px solid #c9e1eb;
	}	
	#espaceMembresOnglets li{
		float:left;
		height:29px;
		/*overflow-y:hidden;
    overflow-x:hidden;*/
		margin:0;
		padding:0;
	}
  #contenuEvenements {
		width:533px;
		padding:48px 0 0 199px;
  }
  
  #contenuEvenements p{
		margin:17px 0 20px 0;
		padding:0 7px 0 7px;
		font-size:120%;
		color:#6b6b6b;
	}
  
	.evenementTrame {
  	width:533;
    height:1px;
    background-image:url(/img/tramepetite.gif);
    background-repeat:no-repeat;
  }
  .evenement {
  	width:506px;
		padding:10px 0 0 7px; 
  }
  
  .evenement h2 {  
		font-size:140%;
		color:#6b6b6b;  
    margin:0 0 0 21px;
    padding:0 0 5px 0;
    width:480px;
  }
  
  .evenementDetails {
  	width:523px;
    height:71px;
    background-image:url(/img/fond-evenement.jpg);
    background-repeat:no-repeat;
    padding:7px 0 0 21px;
    margin:0 0 0 0;
  }
  .evenementDate {
  	float:left;
    width:189px;
    font-size:110%;
    color:#6d6d6d;
  }
  .evenementType {
  	float:left;
    width:148px;
    font-size:110%;
    color:#6d6d6d;
  }
  .conteneurEvenementModifSuppr { 
  	float:left;
    padding:0 0 7px 4px;
    width:143px;
    height:16px; 
    border-bottom:1px solid #dbdbdb;
  }
  .evenementModifier {
  	float:left;
    width:15px;
    height:16px;
  	padding:1px 0 0 0;
  }
  .evenementModifierLink {
  	float:left;
    width:56px;
    font-size:110%;
    color:#6d6d6d;
    text-decoration:underline;
    padding:0 0 0 2px;
  }
  .evenementSupprimer {
  	float:left;
    width:15px;
    height:16px;
  	padding:1px 0 0 0;
  }
  .evenementSupprimerLink {
  	float:left;
    width:53px;
    font-size:110%;
    color:#6d6d6d;
    text-decoration:underline;
    padding:0 0 0 2px;
  }
  .conteneurEvenementBtn {
  	margin:2px 0 0 0;
    width:480px;
  }
  .btndiagnostic {
  	float:left;
    width:108px;
  }
  .btntelechargerbilan {
  	float:left;
    width:142px;
  }
  .btntelechargerbilanzip {
  	float:left;
    width:123px;
  }
  .evenementCheck {
  	float:left;
    width:85px;
    font-size:110%;
    color:#6d6d6d;
    margin:3px 0 0 20px;
  }
  .evenementCheckbox {
  	float:left;
    width:11px;
  	padding:4px 0 0 0;
    cursor:pointer;
  }
  .evenementCheckboxLabel a {
  	padding:3px 0 0 6px;
  	float:left;    
    width:65px;
    cursor:pointer;
    text-decoration:none;
    font-size:110%;    
    color:#6b6b6b;
  }
  .evenementCheckboxLabel a:hover {
    text-decoration:underline;
  }
  .evenementCheckboxLabelOff a {
  	padding:3px 0 0 6px;
  	float:left;    
    width:65px;
    cursor:pointer;
    text-decoration:none;
    font-size:110%;    
    color:#afafaf;
  }
  #evenementComparer {
		padding:8px 14px 0 0;
		text-align:right;
	}
  #evenementTxt {
  	font-weight:bold;
    font-size:12px;
    color:#6d6d6d;
  }
  
  #evenementBtnNouveau {
  	text-align:center;
  }
  #conteneurEvenementError{
  	float:left;
  	width:320px;
		margin:10px 0 0 0;
		padding:0 0 0 80px;
		font-size:110%;
		color:#db3919;
    height:17px;
    text-align:right;
	}
  .listeEvenementError {
		color:#db3919;
		padding:0px 0 5px 20px;
		font-size:110%;
	}
  .errorTable {
  }
  .tdErrorImg {
  	width:15px;
    vertical-align:top;
    
  }
  .tdErrorTxt {
  	padding:3px 0 0 2px;
    margin:0;
    text-align:left;
  }
/* ====================================== ESPACE MEMBRES */

/* ====================================== FICHE EVENEMENT */
#ficheEvenementBack {  	
  float:left;
  width:45px;
}
#ficheEvenementH2 {  	
  float:left;
  width:534px;
}
#ficheEvenementH2 h2 {
  margin:0 0 0 0;
}
#contenuFicheEvenement{
  width:580px;
  padding:39px 0 0 154px;
 }
#ficheEvenementTxt {
  margin:17px 0 21px 44px;
  padding:0 7px 0 7px;
  font-size:120%;
  color:#6b6b6b;
 }
 #ficheEvenementFormDiv {
  	margin:30px 0 0 92px;
  }
  
	.ficheEvenementLabel1{
		display:block;
		float:left;
		width:120px;
		padding:3px 7px 0 0;
		text-align:left;
		font-size:120%;
		color:#6b6b6b;
	}
  .ficheEvenementSpan {
  	display:block;
		float:left;
		width:120px;
		padding:3px 7px 3px 0;
		text-align:left;
		font-size:120%;
		color:#6b6b6b;
  }
	
	.ficheEvenementChamp1, .ficheEvenementArea{
		display:block;
		float:left;
		width:248px;
    height:15px;
    margin:2px 0 7px 0;
		border:1px solid #cccccc;
		background-color:#fff;
		font-family:arial;
		font-size:12px;
		color:#000;
	}
  .ficheEvenementInputDate {
		float:left;
		width:219px;
    height:15px;
		border:1px solid #cccccc;
    border-right:0;
		background-color:#fff;
		font-family:arial;
		font-size:12px;
		color:#000;
    margin:2px 0 7px 0;
	}
  .imgCalendrier {
		float:left;
    width:29px;
  	border:1px solid #acd21f;
    border-left:0;
    margin:2px 0 7px 0;
  }
  .imgCalendrierRed {
		float:left;
    width:29px;
  	border:1px solid #db3919;
    border-left:0;
    margin:2px 0 7px 0;
  }
	
	.ficheEvenementArea{
		height:30px;
	}
  .ficheEvenementSelect{
		float:left;
		font-family:arial;
		font-size:12px;
    margin:2px 0 7px 0;
		border:1px solid #cccccc;
	}
  #ficheEvenementChampsObligatoires {
  	padding:30px 0 0 92px;
  	float:left;    
		font-size:100%;
    color:#a6a6a6;
    width:120px;
  }
  #ficheEvenementValider{
  	float:left;
    width:262px;
		padding:16px 0 0 0;
		text-align:right;
	}
  #ficheEvenementBtnImpact{
		padding:36px 0 0 0;
		text-align:center;
	}
  #conteneurFicheEvenementError{
  	width:370px;
		margin:5px 0 0 0;
		padding:0 0 0 136px;
		font-size:110%;
		color:#db3919;
    height:17px;
    text-align:right;
	}
  .seBaserSurEdition{ 
		padding:3px 7px 3px 0;
		text-align:left;
		font-size:120%;
		color:#6b6b6b;
  }
  .comboPrecedenteEdition{
  	z-index:05;
		float:left;
		position:relative;
		width:253px;
		height:19px;
		margin:0 0 7px 0;
	}
  .comboPrecedenteEditionSelected{
  	z-index:08;
		display:block;
		float:left;
		width:231px;
		height:15px;
		margin:0;
		padding:2px 2px 0 2px;
		border:1px solid #cccccc;
		background-color:#fff;
		text-decoration:none;
		font-size:120%;
		color:#000;
	}
  .comboPrecedenteEdition ul{
		position:absolute;
		z-index:18;
		top:19px;
		left:0;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		background-color:#fff;
		margin:0;
		padding:0;
		list-style:none;
		width:250px;
    height:140px;
    overflow-y:auto;
    overflow-x:hidden;
	}
  .comboPrecedenteEdition ul li{
		margin:0;
		padding:0;
	}
	.comboPrecedenteEdition ul li a{
		display:block;
		width:75px;
		padding:2px 6px 2px 2px;
		text-decoration:none;
		font-size:120%;
		color:#000;
	}
	.comboPrecedenteEdition ul li a{
		width:242px;
	}
	.comboPrecedenteEdition ul li a:hover{
		background-color:#ddd;
	}
  
/* ====================================== FICHE EVENEMENT */


/* ====================================== MES DONNEES PERSONNELLES */
	#mesDonneesChampsObligatoires {
  	padding:30px 0 0 92px;
  	float:left;    
		font-size:100%;
    color:#a6a6a6;
    width:120px;
  }
  #mesDonneeValider{
  	float:left;
    width:262px;
		padding:16px 0 0 0;
		text-align:right;
	}
  #mesDonneesRetour{
		padding:8px 14px 0 0;
		text-align:right;
	}
  #conteneurMesDonneesError{
  	width:370px;
		margin:5px 0 0 0;
		padding:0 0 0 100px;
		font-size:110%;
		color:#db3919;
    height:17px;
    text-align:right;
	}
/* ====================================== MES DONNEES PERSONNELLES */

/* ====================================== THEMATIQUES */
#contenuThematiques {
		margin:5px 0 0 0;
		border-top:1px solid #c9e1eb;
}

#contenuThematiques h2 {
	padding:0 0 0 310px;
}
#thematiqueConteneur {
	margin:30px 0 45px 56px;
}
#thematiqueA {
	float:left;
  width:106px;
}
#thematiqueC {
	float:left;
  margin:0 0 0 22px;
  width:123px;
}
#thematiqueL {
	float:left;
  margin:0 0 0 21px;
  width:116px;
}
#thematiqueT {
	float:left;
  margin:0 0 0 40px;
  width:92px;
}
#thematiqueH {
	float:left;
  margin:0 0 0 47px;
  width:107px;
}
#thematiqueS {
	float:left;
  margin:0 0 0 29px;
  width:116px;
}
#thematiquePied {
		width:933px;
    height:100px;
		background-image:url(/img/arbres-page-milieu.png);
		background-repeat:no-repeat;
		background-position:left bottom;
}

/* ====================================== QUELS ENJEUX */
/*#contenuEnjeuxHaut{
	width:929px;
	height:1px;
	background-color:#fff;
  margin:10px 0 0 0;
}*/
#contenuQuelsEnjeux {
	padding:46px 0 0 199px;
  /*padding:46px 0 0 26px;*/
  width:621px;
  float:left;
}
#quelsEnjeuxDroite {
  float:left;
  width:182px;
  padding:46px 0 0 45px;
}
	
#contenuQuelsEnjeux h2{
margin:0 0 15px 0;
}

#contenuQuelsEnjeux p{
margin:0 0 15px 0;
padding:0 7px 0 7px;
font-size:120%;
color:#6b6b6b;
}
#imgEvaluezImpact {
	text-align:center;
  margin:33px 0 0 0;
}
#quelsEnjeuxconteneurTemps {
	text-align:center;
  margin:17px 0 43px 0;
  width:533px;
}
#quelsEnjeuxAvant {
	float:left;
  width:126px;
  padding:0 0 0 76px;
  margin:6px 0 0 0;
  /*margin:20px 0 0 0;*/
}
#quelsEnjeuxCommencez {
	float:left;
  width:201px;
  padding:0 0 0 176px;
  margin:6px 0 0 0;
  /*margin:20px 0 0 0;*/
}

#quelsEnjeuxPendant {
	float:left;
  width:133px;
  margin:6px 0 0 3px;
  /*margin:18px 0 0 0;*/
}
#quelsEnjeuxApres {
	float:left;
  width:116px;
  margin:6px 0 0 3px;
  /*margin:18px 0 0 0;*/
}
#quelsEnjeuxAbsolute {
	position:absolute;	
  width:533px;
  height:54px;
  padding:0 0 0 100px;
}
#quelsEnjeuxAvantOver {
	position:relative;
  display:none;
  background-image:url(/img/fond-avant-over.png);
	background-repeat:no-repeat;
  margin:-7px 0 0 0;
  width:349px;
  height:54px;
}
#quelsEnjeuxAvantOver p {
  color:#fff;
  font-size:120%;
  padding:14px 14px 0 14px;
}
#quelsEnjeuxPendantOver {
	position:relative;
  display:none;
  background-image:url(/img/fond-pendant-over.png);
	background-repeat:no-repeat;
  margin:-7px 0 0 0;
  width:349px;
  height:54px;
}
#quelsEnjeuxPendantOver p {
  color:#fff;
  font-size:120%;
  padding:14px 14px 0 14px;
}
#quelsEnjeuxApresOver {
	position:relative;
  display:none;
  background-image:url(/img/fond-apres-over.png);
	background-repeat:no-repeat;
  margin:-7px 0 0 0;
  width:349px;
  height:54px;
}
#quelsEnjeuxApresOver p {
  color:#fff;
  font-size:120%;
  padding:14px 14px 0 14px;
}
/* ====================================== QUELS ENJEUX */


/* ====================================== COMPARATIF*/

#contenuComparatif{
  width:925px;
  padding:39px 0 0 0;
 }
#comparatifBack {  	
  float:left;
  width:45px;
  padding:0 0 0 14px;
}
#comparatifH2 {  	
  float:left;
  width:813px;
}
#comparatifH2 h2 {
  margin:0 0 0 0;
}
#comparatifTxt {
  margin:17px 0 21px 44px;
  padding:0 7px 0 7px;
  font-size:120%;
  color:#6b6b6b;
}	
#menuThemesComparatif{
  margin:8px 0 0 5px;
  list-style:none;
}

#menuThemesComparatif li{
  float:left;
  margin:0;
  padding:0 1px 0 0;
}
#comparatifTableContaineur {
	width:925px;
  text-align:center;
}
.comparatifTableTh{
	font-size:180%;
  color:#6b6b6b;
  width:300px;
  height:70px;
  margin:16px 20px 0 20px; 
  text-align:center;
}
.comparatifSep {
	height:24px;
}
.comparatifTdInter {
	background-color:#f4f4f4;
  text-align:center;
}
.comparatifSepVerti {
	background-image:url(/img/separateur-vertical.gif);
  background-repeat:repeat-y;
  width:1px;
}
.comparatifSepHori {
	background-image:url(/img/separateur-horizontal.gif);
  background-repeat:repeat-x;
  height:1px;
}
.comparatifTd {
	text-align:left;
  vertical-align:top;
  width:260px;
  height:120px;
  padding:7px 0 0 7px;
  font-size:120%;
  color:#6b6b6b;
}
.comparatifTdImpact {
	padding-left:10px;
  padding-bottom:4px;
  width:250px;
}
.comparatifTdTxt {
	padding-left:10px;
	width:180px;
}
.comparatifTdVigilantSur {
	padding-left:30px;
  width:250px;
}

.comparatifTdVigilantSur ul {
	margin:3px 0 10px 4px;
	padding:0;
	list-style:none;
}
.comparatifTdVigilantSur ul li {
  margin:3px 0 1px 0;
  padding:0 0 0 8px;
  background-image:url(/img/puce-orange.gif);
  background-repeat:no-repeat;
  background-position:0 3px;
  color:#e95700;
  font-weight:bold;
}
#btnImprimer {
	text-align:center;
  margin:20px 0 0 0;
}
/* ====================================== COMPARATIF*/


/* ====================================== MES DONNEES PERSONNELLES*/
#contenuMesdonnees{
  width:580px;
  padding:39px 0 0 154px;
  /*padding:39px 0 0 200px;*/
 }
.mesdonneesTrame {
  	width:533px;
    height:1px;
    background-image:url(/img/tramepetite.gif);
    background-repeat:no-repeat;
    margin:0 0 0 44px;
  }
#mesdonneesTxt {
  margin:17px 0 21px 44px;
  padding:0 7px 0 7px;
  font-size:120%;
  color:#6b6b6b;
}
#mesdonneesModifier {
	/*margin:40px 0 0 0;*/
  margin:40px 0 0 92px;
	text-align:center;
}
#modificationFormDiv {
	margin:30px 0 0 92px;
}
#conteneurModifierError {
  margin:5px 0 0 219px;
  padding:0 8px 0 0px;
  font-size:110%;
  color:#db3919;
  height:17px;
}
#ModifierChampsObligatoires {
	padding:30px 0 0 92px;
	float:left;    
	font-size:100%;
  color:#a6a6a6;
  width:120px;
}
/* ====================================== MES DONNEES PERSONNELLES*/