/* Default styles */

	* {margin:0; padding:0}
	
	html, body {width:100%; height:100%}
	
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#646666;
		/*background:#f6f5f2 url(../img/global/body-bg.jpg) repeat-x; */
		background:#f6f5f2;
	}


	ul, ul li {list-style-type:none;}

	a {text-decoration:none;cursor:pointer;}
	a:visited { text-decoration:none;color:inherit;} 
	a img {border:0}
	
	acronym {cursor:help;}	
	
	.small { font-size:9px; }
	
/* Personnalisation des liens de type bouton */
	a.bouton, a.bouton-multiline {
		text-align: center;
		vertical-align: middle;
  		display: inline-block;	
		background-color: #675C56;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
  		width: 100px;
  		height: 30px;
  		/* Obligatoire car la plupart des liens réactifs au onclick et pas de href, donc pas de pointeur... */
  		cursor:pointer;
  		margin-left: 5px;
	}	
	a.bouton {
		line-height: 30px;
	}
	.submit {
		text-align: center;
		vertical-align: middle;
  		display: inline-block;	
		background-color: #675C56;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
  		width: 100px;
  		height: 30px;
  		/* Obligatoire car la plupart des liens réactifs au onclick et pas de href, donc pas de pointeur... */
  		cursor:pointer;
	}	

/* Big containers */


	#wrapper {width:726px; margin:auto; display:table;}	
	#login .loader{
		 background-image:#fff url(../img/pics/ajax-loader.gif) 0 5px no-repeat;
		 padding-left:30px;
		 z-index:1000;
		 
	}
	
	#loading{
	   
	    z-index: 5000;
	    background-image:url(../img/pics/ajax-loader.gif);
		background-repeat:no-repeat;
	    font-size: 150%;
	    color: #675c56;
	    height:40px;
	    display:none;
	    text-align:middle;
	    padding-left: 30px;
	}
	
	.loading{
	   background-image:url(../img/pics/ajax-loader.gif);
		background-repeat:no-repeat;
	    font-size: 150%;
	    color: #675c56;
	    height:40px;
	    text-align:middle;
	    padding-left: 30px;
	}
	
	
	
	#navigation{
		position:absolute;
		color:white;
		top:95px;
		font-family: Arial;
		font-weight:bold;
		font-size:1.1em;
		text-transform:uppercase;	
		width:800px;		
	}
	
	/*popup login*/
	#login{width:456px; margin:0 auto; display:table; background:#f6f5f2 url(../img/global/petage.gif) repeat-x; }		
	#login p{padding:30px 20px 0px 30px}
	#login div{background-color:#FFFFFF;}
	#formu{background-color:#FFFFFF; border:none; width:456px}
	#formu li label{width:180px; padding-left:20px}
	#login .erreur{font-weight:bold; color:#e34000}
	.validation{float:right; padding-top:15px; margin-right:70px}
	.validation input{margin:15px 0 0 30px}
	.validation img{margin-top:-10px}
	.validation a{ margin-left:5px; font-size:.8em; vertical-align:baseline; color:#f9a602; text-decoration:underline}
	.validation a:hover{text-decoration:none}
	
	
	/*popup perdu identifiants*/
	#perdu{width:456px; height:354px; margin:0 auto; display:table; background:#f6f5f2 url(../img/global/petage.gif) repeat-x; }		
	#perdu p{padding:30px 40px 0px 40px; text-align:center}
	#perdu .num{padding:15px 40px 5px 40px; font-size:1.1em; }
	#perdu .numeros{color:#f69421; padding:0; font-size:1.2em; font-weight:bold; line-height:1.7em;}
	#perdu .retour{padding:10px 40px 10px 40px;}
	
	#header {height:127px; width:800px;} /* height:163px */

	#header h1 {height: 129px; background:url(../img/global/header-bg.PNG) no-repeat}
/*	 #header h1 img {margin-top:70px; margin-bottom:-15px} */
	#header h1 a img#logo {margin:27px 35px 0 22px; float:left}

	/* menu */
/*	#header ul { width:584px; margin-top:-32px; margin-left:140px }
	#header ul li {float:left}
	#header ul li a {display:block; cursor:pointer; height:29px; background-repeat:no-repeat}
	#header ul li#nav-dossier a {width:125px; cursor:pointer; background-image:url(../img/global/over-01.jpg);}
	#header ul li#nav-compte a {width:159px; background-image:url(../img/global/over-02.jpg);}
	#header ul li#nav-demande a {width:128px; background-image:url(../img/global/over-03.jpg);}*/
	
	#header ul { width:800px; margin-top:0px; margin-left:0px; }
	#header ul li {float:left;  padding: 0 0 5px 5px ;}
	#header ul li.separator {float:left; background:url(../img/global/separator.JPG) 0px -8px no-repeat;}
	
	#header ul li a {display:block; text-align:center; width:140px; padding:0 0 0 0 ;margin: 0 0 0 0;  cursor:pointer; height:29px; background-repeat:no-repeat}
	#header ul li a.current {color:#675c56; text-align:center; width:140px; padding:0 0 0 0 ;margin: 0 0 0 0;height:29px;}
	
	#header span#deconnexion {
		margin: 2px 5px 0 0;
		font-size: 11px;
		padding: 0 0 0 50em;
		float: left;
	}
	#header span#deconnexion a {
		vertical-align: 4px;
		color: white;
	}
	
	#header ul li a.current img {display:none;}
	
	.haut-de-page-ancre {display:block; position:absolute; top:-10px}
	
	#footer {float:left; clear:both; padding:10px 0 0px 0; width:726px; text-align:center; background-color:#f6f5f2;}
	#footer li {display:inline; padding:0 18px 0 16px;}
	#footer li.last {background:none}
	#footer li a {color:#aba097; font-size:.9em;}
	#footer li a:hover {color:#646466;}
	
/* main */	
	#main {padding:0 18px 20px 18px; background:#fff; height:460px; overflow-x:hidden; overflow-y:auto; float:left; width:752px; display:inline}
	
	
	/* real content - default styles */	
	#main h3 {padding:3px 5px; color:#fff; font-size:1.2em; background-color:#675c56}
	#main h3.closed {
		background:#675c56 url(../img/pics/arrow-white-down.gif) 720px 6px no-repeat ;
		cursor:pointer;
		padding-right:30px;
	}
	#main h3.opened {
		background:#675c56 url(../img/pics/arrow-white-up.gif) 720px 6px no-repeat ;
		cursor:pointer;
		padding-right:30px;
	}
	#main h4 {padding:3px 5px; color:#fff; font-size:1.0em; background-color:#b7aca6 }
	#main h4.closed {
		background:#b7aca6 url(../img/pics/arrow-white-down.gif) 720px 6px no-repeat ;
		cursor:pointer;
		padding-right:30px;
	}
	#main h4.opened {
		background:#b7aca6 url(../img/pics/arrow-white-up.gif) 720px 6px no-repeat ;
		cursor:pointer;
		padding-right:30px;
	}

	
	#main p.pre-intro {clear:both; font-size:1.1em; color:#675c55;}
	#main p.intro {clear:both; font-size:1.1em; color:#a1958d; text-align:center; padding-top:16px; padding-bottom:17px; padding-left:3px; padding-right:3px; text-transform:uppercase}
	
	#main .visuel {border:3px solid #a1958d}
	#main .bas-page {text-align:right; padding-top:20px; padding-bottom:20px}
	
	.liens-associes {display:block; margin-top:10px; padding-left:23px; color:#646666; font-weight:bold; background:url(../img/pics/arrow-red-left.gif) 0 1px no-repeat}
	.liens-associes:hover {text-decoration:underline}
	
	#main .pdf {padding:0 0 0 23px; margin-top:3px; color:#5b5d5d; clear:both; }
	#main .pdf:hover span {text-decoration:underline}
	#main .pdf img {margin:0 0 -6px 10px}
	

	#main .couleur{color:#f69421}
		

	/*Votre compte */
	
	#main .votre-compte .infos table{margin-top:15px; margin-bottom:40px; font-size:1.1em}
	#main .votre-compte .infos .titre{color:#f69421}
	#main .compte #table_avis table{margin-top:15px; margin-bottom:40px; font-size:1.1em}
	#main .compte #table_avis td{height:35px; padding-left:10px; border-right:2px solid white}
	#main .compte #table_avis tr{margin-left:2px}
	#main .compte .clair{ background:#f6f5f3}
	#main .compte .fonce{ background:#e7e4df}
	#main .compte .titre{padding:9px 5px; color:#fff; line-height:1.4em; font-size:1.1em; font-weight:bold;  padding-left:10px; background:#a2958d}
	div#boutons {
		text-align: center;
	}
	
	/*Vos demande */
	#main .demande .infos table{margin-top:15px; margin-bottom:40px; font-size:1.1em}
	#main .demande .infos .titre{color:#f69421}
	#main .demande .infos p{font-size:1.4em; padding-top:70px; padding-bottom:70px; text-align:left}
	#main .demande .infos img{margin-left:452px; margin-bottom:15px}
	
	#main .demande .encours table{margin-top:20px; margin-bottom:40px; font-size:1.1em}
	#main .demande .encours .titre{color:#f69421}
	
	#main .demande .saisir p{color:red; text-decoration:none; border:none; padding-left:8px; padding-top:6px}
	#main .demande .saisir .envoi{margin-left:570px; margin-top:-20px; margin-bottom:20px}
	#main .erreurTxt{color:red}
	
	#main .demande .cloturees{margin-bottom:40px}
	#main .demande .cloturees table{margin-top:0px; margin-bottom:0px; font-size:1.1em;} 
	#main .demande .cloturees td{ padding-left:10px;}
	#main .demande .cloturees div{ background: #e7e4df}
	#main .demande .cloturees .titre{color:#f69421}	
	
	/* retour paiement */
	#main .votre-dossier .dossier #retourPaiement p {margin-top: 15px; font-size:1.1em; text-align:center;}
	
	#fctOff {font-size:1.1em; text-align:center;}
	#fctOff p {margin-top: 15px}
	
	/* votre dossier */
	#main .votre-dossier .dossier a {
		font-weight: bold;
	}
	#main .votre-dossier .dossier p {
		margin-top: 5px;
		font-size: 1.1em;
		text-align: justify;
	}
	#main .votre-dossier .infos table{margin-top:15px; margin-bottom:40px; font-size:1.1em}
	#main .votre-dossier .infos .titre{color:#f69421}
	#main .votre-dossier .signataires p{font-weight:bold; text-transform:uppercase;  margin-top:15px; padding-left:3px;font-size:1.1em }
	#main .votre-dossier .signataires table{margin-top:3px; margin-bottom:10px; font-size:1.1em}
	#main .votre-dossier .signataires .titre{color:#f69421}
	#main .votre-dossier .avis{padding-bottom:30px; padding-top:30px}
	#main .votre-dossier .contact{padding-top:10px}
	#main .votre-dossier .contact table{margin-top:15px; margin-bottom:40px; font-size:1.1em; }
	#main .votre-dossier .contact .titre{color:#f69421}

	
	.errorLabel {font-style:italic; color:red; }
	.errorMessage {font-weight:bold; text-align: center; color:red; }
	.checkboxLabel {}
	.checkboxErrorLabel {color:red; }
	.tdLabel {text-align:right; vertical-align:top; } 
	
	p.erreur {font-size:1.1em; text-align:center;margin-top: 15px;color:red;}
		
	
/* le downloader de pdfs */
	#downloader-header {
		text-align: center;
		margin: 25px 0 25px 0;
	}
	#downloader-header .liens-associes {
		display: inline;
	}