@charset "UTF-8";
*{margin:0; padding:0px}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F6F6F;
}

h1{
	font-size:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-transform:uppercase; font-weight:normal;
}

h2{
	font-size:13px;
	font-family:" Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;font-weight:normal;
}

a{
	color:#005167;
	background:url(../images/lien.gif) no-repeat left center;
	padding-left:12px;
}

div,p{
	margin:0;padding:0
}

input{
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	color:#005167;
	width:175px;
}

ul{
	padding:0;
	margin:15px 0 15px 25px;
}

.button{
	background:url(../images/bg_bout-petit.png) no-repeat center center;
	line-height:22px;
	height:22px;
	width:91px;
	color:#fff;
	font-size:11px;
	border:0;
	cursor:pointer;
	padding:0 0 4px 5px;
	text-align:left;
}
.bigbutton{
	background:url(../images/form-bg_bout-grand.png) no-repeat center center;
	line-height:22px;
	height:22px;
	width:178px;
	color:#fff;
	font-size:11px;
	border:0;
	cursor:pointer;
	padding:0 0 4px 5px;
	text-align:left;
	float:right;
	margin-right:30px
}
label{
	display:inline-block;	
}
.width-libre{
	width:auto !important;
	padding-left:0 !important;
}

#general {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
}
#header {
	background-image: url(../images/visuel-header.jpg);
	height: 126px;
	width: 881px;
	background-repeat: no-repeat;
	background-position: right top;
}
#header th {
	font-size: 22px;
	color: #0DA2B8;
	font-weight:normal;	
}
#header td{ font-size:18px; font-weight:lighter}
#header a {
	font-size: 11px;
	color: #999;
	text-decoration:none;
	background:none;
	padding:0
}

#general .titresite {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	line-height: 50px;
	color: #b8278e;
	text-align: right;
	vertical-align: middle;
	display: block;
	height: 50px;
}

img{
	border:0;	
}

/* left */

#left{
	float:left;
	margin-right:19px;
	background:url(../images/bg-gauche.png) no-repeat;
	padding:12px 17px 22px 17px;
	width:183px;
	height:242px;
	color:#6F6F6F;
	line-height:20px;
	font-size:14px
}

#left h1{
	font-weight:normal;
	font-size: 18px;
	white-space:nowrap;
}

#left a{ font-size:12px}

#left input{ margin-top:5px;}
#left input.button{ margin-top:15px; margin-bottom:10px}


/*index */
.index #contenu{
	background:url(../images/barre-1.png) no-repeat;
	margin-top:12px;
	padding-top:0;
	margin-bottom:20px;
	min-height:245px;
}

.index{
	margin-left:250px;
	background:url(../images/bg-droite-index.png) no-repeat !important;
}

.indexAide{
	margin-left:250px;
	background:none;
}


/* right */

#right
{
	background:url(../images/bg-droite.jpg) no-repeat right top;
	padding:12px 0 18px 39px; 
	
	width:606px!important;
	min-height:246px;
	margin-bottom:23px;
	display:block;
}

#right h1{
	text-align:right;
	position:absolute;
	width:586px;
	display: none;
}

#right h2 , legend{
	font-size:20px;
	color:#333;
	margin-bottom:15px;
}
#right h2 em{
	font-size:12px;
	font-style:normal;
	line-height:13px;
}

#right .orange{
	color:#ff6600;
	font-size:18px;
}

#right a.bouton{ padding:0px; background:none; padding-left:20px}

#poucet a{
	padding:0 5px 0 0;
	background:none;
	color:#a6a6a6;
	text-decoration:none;
	font-size:10px;
}

	/* contenu */
	#contenu{
		padding:37px 35px 0 15px;
		background:url(../images/barre-2.png) no-repeat;;
		line-height:20px;margin-top:12px;
	}
	
	#bas_contenu{
		background:url(../images/bas_right.jpg)	no-repeat right bottom;
		height:24px;
		width:100%;
		margin-bottom:15px;
	}
	
	#contenu .texte{
	font-size:12px;
	color:#333;
	padding:0 30px 10px 30px;
	line-height:16px;
	margin-top:10px;
	text-align:justify;
	}
	
	
	#contenu label{
		width:120px;
	}
	
	#login-form .button{
		float:right; margin-right:3px	
	}
	
	#login-form{
		margin-bottom:25px;	
		width:314px;
	}
	
	#memory{
		vertical-align:middle;
	}
	
	/* visuel */
	#visuel{
		margin-left:446px;
		margin-top:117px;
		position:absolute;
	}

/* footer */

#footer{
	clear:both;	
	background:url(../images/petale-signat.gif) no-repeat right top;
	height:37px;
	line-height:37px;
	text-align:right;
	padding:10px 39px 0 0;
	
}

#footer a{
	background:none;
	border-right:1px solid #999999;
	font-size:11px;
	line-height:11px;
	padding:0 3px;
	text-decoration:none;
	color:#999;
}

#footer span{
	border-right:1px solid #999999;
	color:#999999;
	font-size:11px;
	line-height:11px;
	padding:0 3px;
	cursor:pointer;
}

#spanOublis{
	color:#999999;
	font-size:11px;
	line-height:11px;
	padding:0 3px;
	cursor:pointer;	
}

#footer a.last{
	border:0;	
}
#general #left em {
	font-size: 12px;
	font-style: normal;
	color: #666;
}
#general #left .code_user {
	font-weight: bold;
	letter-spacing: 2px;
	font-size:14px;
}
#general #left .exergue {
	background-color: #FFF;
	padding: 10px 5px 15px 5px;
	color:#666;
	font-size: 11px;
	line-height:11px;
	margin-top:10px;margin-bottom:10px
	
}
#general #left .exergue a {
	color: #666;
	padding-left: 0px;
	background:none;
	
}
#general #left .exergue h3 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 14px; color:#005a71; margin-bottom:9px
}
a.docbutton{
	background:url(../images/form-bg_bout-grand.png) no-repeat center center;
	line-height:22px;
	height:22px;
	width:170px;
	color:#fff;
	font-size:11px;
	border:0;
	cursor:pointer;
	padding:0 0 4px 5px;
	text-align:left;
	display:block;
	text-decoration:none;
}
a.docbutton.prev{
	background:url(../images/form-bg_bout-grand-retour.png) no-repeat center center;
	line-height:22px;
	height:22px;
	width:170px;
	color:#fff;
	font-size:11px;
	border:0;
	cursor:pointer;
	padding:0 5px 4px 0px;
	text-align:left;
	display:block;
	text-decoration:none;
	text-align:right;
	margin-right:5px
}

.boutespace { background:url(../images/icone-compte.gif) no-repeat; padding-left:45px; width:250px }
.boutespace a{ background:none; padding:0px; color:#666; font-size:16px;text-decoration:none}
.boutespace a strong{ background:none; padding:0px; color:#ff6600; font-size:16px; text-transform:uppercase; text-decoration:none}

/* criteres */

.crit_titre{ margin-bottom:15px}

.criteres{ background:url(../images/bg_critere-top.png) no-repeat; margin-top:10px; display:none}
.criteres_bas{ background:url(../images/bg_critere-bas.png) bottom no-repeat; height:35px; margin-top:10px}
#criteres-form{margin-bottom:25px;	
		width:auto; line-height:30px}
		
form select.big { width:340px}
form input.big { width:331px}

form .date { width:82px}

.criteres .fermer{float:right; padding-right:5px; padding-top:5px}
.criteres .fermer a{ background:none; padding-left:0px;}
/* tableau */
.resultat table th {
	font-size: 11px;
	color: #ff6600;
	text-align: left;
	font-weight:bold;
	background-color:#FFF;
	background-image:url(../images/bg-th.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-left:4px;
	padding-bottom:8px;
}
.resultat table { background:url(../images/bg-l2.jpg) repeat-y}
.resultat table td { border-bottom:dotted 1px #666;border-top:solid 1px #FFF; font-size:10px; padding:4px;background-image: url(../images/bg-righttd.png);
	background-repeat: no-repeat;
	background-position: right;}
.resultat table td.dossiers {
	font-size: 11px;
	color: #ff6600;
	text-align: left;
	font-weight:bold;
	background:#FFF;
	border:none;
}
.resultat table tr.L1 td{ height:38px; background-color:#FFF}
.resultat table tr.L2 {height:38px;}
.resultat table td.dossiers {
	font-size: 11px;
	color: #ff6600;
	text-align: left;
	font-weight:bold;
	background:#FFF;
	border-bottom:none;
}
.resultat table td.etat { border-bottom:dotted 1px #666;border-top:solid 1px #FFF; font-size:10px; padding:4px;background-image: none; font-weight:bold}

.resultat table td.demandeur {
	font-weight: bold;
}
.resultat table .date {
	text-align: center;
}
.resultat table .montant {
	text-align: right;
}
.resultat table .tri {
	background-image: url(../images/bg-righttd.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	height: 20px;
	width: 10px;
	display:table-cell;
	vertical-align:bottom
}
.resultat table .tri a{ background:none; padding:0px}
#general #right #contenu .texte .resultat table tr .etat .tri {
	background-image: none;
}
.resultat table .etat.encours {
	color: #0fa1b8;
}
.resultat table .etat.refuse {
	color: #f7433b;
}
.resultat table .etat.valide {
	color: #69810f;
}
.resultat table .etat.valide a {
	color: #69810f; background-position:right; padding-left:0px; padding-right:10px; background-image:url(../images/lien-etat.png)
}
.resultat table .etat.finalise {
	color: #888;
}

/* champs général */

.form #poucet { margin-top:30px;margin-top:40px!important;}
.form #right{
	background:url(../images/bg-droite-form.jpg) no-repeat;
	padding:12px 0 18px 39px;
	float:left;
	width:606px;
	min-height:246px;
	margin-bottom:23px;
}
#SignupForm{ clear:both; text-align:right; font-size:11px;padding-top:50px}

#SignupForm h2{ text-align:left}
#SignupForm fieldset label {
	width: auto; padding-left:10px; float:left; 
}
#SignupForm fieldset input {
}
fieldset{/* text-align:right; padding:30px; margin:10px; width:65%; clear:both; margin-left:auto; margin-right:auto;*/ border:none; }

.case{display:none; background:url(../images/bg_critere-top.png) no-repeat; margin-top:10px; padding-top:10px; padding-right:40px; margin-left:15px; clear:both}
#civilite, #civilite2,#departement,#departement2,#marie,#marie2{display:none;}

.etapes{ clear:both; width:560px; margin-top:-75px}
.etapes li { float:left; list-style:none; font-size:14px; color:#a09f9f; background:url(../images/puce-etape-off.png) no-repeat; padding-left:10px;font-weight:bold; margin-left:6px;margin-right:6px }
.etapes li span {  color:#979797;  top:12px;  font-weight:bold;white-space:nowrap; padding-left:10px; font-size:11px}
.etapes li.current{  color:#fff; background:url(../images/puce-etape.png) no-repeat;}
.etapes li.current span {  color:#4B4B4B;  top:12px;  font-weight:bold;white-space:nowrap; padding-left:10px}


input.datepicker{ background-position:right}
input.medium { width:271px}
input.small{  width:30px; color:#ff3300}
input.radio{  color:#ff3300; width:auto; background:none ; border:none; vertical-align:middle; width:20px}
input.check{  color:#ff3300; width:auto; background:none ; border:none}
#SignupForm  br{ clear:both; }

.tab{ display:table; width:560px;}
.row{ display:table-row; clear:both}
.thead{  display:table-cell}
.galign{ text-align:left}

.navig{ margin-top:10px}
.navig a{ float:right}

.groupe .medium{ width:150px}

.groupe.g { border-right:1px solid #888;
float:left; white-space:nowrap; width:55%;
padding-right:19px;}
.groupe.d { float:left; text-align:left; padding-left:19px}
.groupe.d label, .groupe.d .titre {display:none}


.titre {float:left; color:#FF6600}
.groupe.d .simul label, .groupe.d .simul .titre{ display:block}
#general #right #contenu .texte h3 {
	font-size: 14px;
	color: #005167;
}


#contenu .texte li{
	margin-bottom:15px;
	color:#666;
}
#contenu .texte li li{
	margin-bottom:6px;
	color:#666;
}
#contenu .texte .morinfo {
	background-color: #f8f8f8;
	border: 1px dashed #CCC;
	padding-right:15px;
	margin-left:-13px;
	margin-top:8px;
}
#contenu .texte a.more {
	background:none;
	padding-left:0px;
	color:#000;
}

#left .outils{ 
	list-style:none;
	margin:0px;
	padding:0px;}
	#left .outils li{ clear:both; padding:6px 4px}
#left .outils a{
		color:#666666;
		font-size:10px;
		padding:0px; 
		text-decoration:none;
		line-height:12px;
		background:none; display:block; margin-left:10px; position:relative; left:8px; font-weight:bold}
	#left .outils a.docs{
		padding-top:2px; }

#contenu .texte  .info .morinfo{
	margin-left:1px; display:block
}
#contenu .texte .morinfo {
	padding: 14px;
}
#contenu .morinfo,#contenu .texte  .info .morinfo{ display:none}
.morinfo em {
	font-size: 14px;
	text-transform: uppercase;
	color: #005167;
	font-weight: bold;
}
#contenu .morinfo ol{ padding:5px 0px 0px 35px}


/* css ju */

.bloc{
	line-height:13px;
	margin:5px 0 0 0;
	
}

.bloc b,.bloc strong{
	color:#000;	
}

.bloc div{
	float:left;
	width:158px;
	padding:8px 10px;
	margin:0 10px 0 0;
}


.bloc div.rose{
	background:url(../images/bloc_rose.png)	 no-repeat;
	min-height:150px;
}

.bloc div.violet{
	background:url(../images/bloc_violet.png)	 no-repeat;
	min-height:150px;
}



.bloc div.last{
	margin:0;	
}

.bloc ul{
	margin:0 0 0 13px;
	padding:0;
}

.bloc ul li{
	margin-bottom:2px;	
}

.bloc div.mention{
	width:auto;
	font-size:10px;
	color:#333333;
}

.bloc .rose,.bloc .violet{
	color:#6f6f6f;	
}

.bloc .rose b,.bloc .violet b{
	color:#6F6F6F;	
}

#right .bloc h1{
	display:block;
	font-size:13px;
	font-weight:bold;
	color:#fafafa;
	text-transform:none;
	position:relative;
	width:auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 20px;
}

.demande{
	color:#FFFFFF;
	display:inline-block;
	font-size:14px;
	height:27px;
	line-height:30px;
	padding:0 0 0 10px;
	text-align:left;
	text-decoration:none;
	text-transform:lowercase;
	width:230px;
	float:right;
	margin:15px 0 0 0;
}

.loca .demande{
	margin:15px 45px 0 0;	
}

.readon{
	font-weight:bold;
	text-decoration:none;
	background:none;
	padding:0 0 0 5px;
}

a#rose{
	background:transparent url(../images/btn_rose.png) no-repeat scroll 0 0;	
}

a#violet{
	background:transparent url(../images/btn_violet.png) no-repeat scroll 0 0;	
}

.violet{
	color:#6a2c91;
	/*margin-left:-275px;*/
}

.violet b,.violet strong{
	color:#6A2C91;	
}

.rose{
	color:#eb2590;
}

.rose b,.rose strong{
	color:#EB2590;	
}

.loca{
	/*padding:0px 255px 0 15px !important;*/
	text-align:justify;
	line-height:15px !important;
}

#right .loca h1{
	display:block;	
	font-size:16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	height:25px;
	line-height:14px;
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
}

#right .loca .violet h1{
	color:#6a2c91;
}

#right .loca .rose h1{
	color:#eb2590;
}

.loca h1 b{
	font-weight:bolder;
}


.lien_contact,.supplement,.apopup{
	cursor:help;
}



.dialog
{
	display: none;
}

.info_sup{
	background:url(../images/info_sup.png) no-repeat;
	width:344px;
	height:296px;
	position:absolute;
	z-index:300;
	margin-left:40px;
	margin-right:auto;
	display:none;
	padding:15px;
	text-align:left;
	line-height:14px;
}

.info_sup b,.info_sup strong{
	color:#11657a;
}

.info_sup h1{
	font-size:9px !important;
	color:red !important;
	font-weight:normal !important;
	font-family:Arial, Helvetica, sans-serif;
	position:relative !important;
	text-align:left !important;
	padding-top:0px;
	line-height:17px;
	margin-bottom:14px;
	clear:right;
}

.info_sup .close{
	background:transparent none repeat scroll 0 0;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	height:15px;
	margin-left:336px;
	padding:0;
	position:absolute;
	text-decoration:none;
	width:15px;
	z-index:500;	
}

.info_sup h1 span{
	color:#ff9c00 !important;
	font-weight:bold;
	margin-left:5px;
	padding-left:12px;
	background:url(../images/fleche_blanche.png) no-repeat left center;
}

#close2011
{
	text-decoration:none;
}

.contact_popup,.popup{
	background:url(../images/info_sup.png) no-repeat;
	width:520px;
	height:310px;
	position:absolute;
	z-index:300;
	margin:176px 262px 0;
	display:none;
	padding:15px;
	text-align:left;
	line-height:15px;
}


.popupAp01032011 h1
{
	font-size:18pt;
	text-transform: none;
	color:black;
	text-align:right;
	padding-top:-30px;
}

.popupAp01032011 p
{
	font-size:12pt;

}
.popupAp01032011 #floatLeft
{
	float:left;
	width:45%;
	padding-top:50px;

}
.popupAp01032011 #floatRight
{
	float:right;
	width:45%;
	margin-top:-40px;
}
.popupAp01032011 a
{
	text-decoration:underline;
	background:none;

}
.popupAp01032011 #logoPopup
{

}
.popupAp01032011 #impFermer
{
	float:right;
}

.popupAp01032011 #tabHeaderPopup
{
	margin-left:auto;
    margin-right:auto;
}

#tdIconeMOBPopup
{
	

}


.contact_popup b,.contact_popup strong,.info_sup b,.info_sup strong,.popup b,.popup strong{
	color:#333333;
}

.contact_popup h1,.info_sup h1,.popup h1{
	font-size:9px !important;
	color:#fff !important;
	font-weight:normal !important;
	font-family:Arial, Helvetica, sans-serif;
	position:relative !important;
	text-align:left !important;
	padding-top:0px;
	line-height:17px;
	margin-bottom:14px;
	clear:right;
}

.contact_popup li,.info_sup li,.popup li{
	color:#333333;
	margin-top:15px;
}

.contact_popup h2,.popup h2{
	margin:0;
	padding:0;
	color:#196276;
	font-weight:bold;
	font-size:14px;
}

.contact_popup .close,.info_sup .close,.popup .close{
	background:transparent none repeat scroll 0 0;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	height:15px;
	margin-left:336px;
	padding:0;
	position:absolute;
	text-decoration:none;
	width:15px;
	z-index:500;	
}

.contact_popup h1 span,.info_sup h1 span,.popup h1 span{
	color:#ff9c00 !important;
	font-weight:bold;
	margin-left:5px;
	padding-left:12px;
	background:url(../images/fleche_blanche.png) no-repeat left center;
}

.info{
	background:url("../images/bg_critere-top.png") no-repeat scroll 0 0 transparent; margin-top:10px; display:none}
.info .fermer{ text-align:right; padding-right:5px; padding-top:5px}
.info .fermer a{ background:none}
.info .criteres_bas{ height:9px}
#contenu .texte h3{ margin-top:20px}
#contenu .texte .more, #contenu .texte .infosup {cursor:pointer;}
#contenu .texte .more:hover, #contenu .texte .infosup a:hover{cursor:pointer; text-decoration:underline}
/* changement YG */
body{ overflow:auto}
.bouton.g{ float:left}
.contenu a#PopupspanOublis { cursor:pointer; color:#EB2590; background:none; padding:0px}
.spanMain{cursor:pointer}

#IE6 #right{	padding:12px 0 18px 34px;
	width:610px; overflow:hidden; height:auto;

}
#IE6 #contenu{clear:both }
#IE6 .index #footer{margin-top:55px }
#IE6 .bouton.g{ float:left; padding-left:10px}
#IE6 .violet{ padding-top:35px} 


/*Message réglementaire*/
#reglementaire {
	height : 40px;
	background-image:url(../images/attention_15.png);
	background-repeat:no-repeat;
}
#reglementaire h2{
	padding-left : 40px;
	padding-top : 10px;
	color: red;
	font-size: 12px;
}
#reglementaire a{
	color:black;
	text-decoration :none;
	text-decoration:underline;
	background : none;
}