html,body
{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS",tahoma,verdana,arial;
}

body { background:url('../images/bg.jpg') repeat-x; }
.body_court { background:url('../images/bg_court.jpg') repeat-x; }


/*** Structure du site ***/

#center{ width:982px; margin:0 auto; }
#container{ width:982px; float:left; }
#banniere{ width:982px; float:left; height:290px; }
#banniere_petit{ width:982px; float:left; height:175px; }
#contenu{ width:982px; float:left; padding-bottom:20px; position:relative; z-index:5; }
#bottom { background:url('../images/fond_pied.png'); bottom:0; width:100%; height:145px; float:left; z-index:10;}

#sign { width:100%; text-align:center; color:#fff; font-size:0.9em; float:left; margin-top:125px; }
#sign a{ text-decoration:none; color:#fff; }


/*** Bannière ***/

#informations {width:962px; float:left; text-align:right; font-size:0.95em; font-weight:bold; color:#57789D; padding-right:20px; margin-top:10px; }

#picto { background:url('../images/picto.png') no-repeat; width:314px; height:303px; position:absolute; *top:0; margin-top:30px; z-index:5;  }
#picto_petit { background:url('../images/picto_petit.png') no-repeat; width:188px; height:181px; position:absolute; *top:0; margin-top:20px; margin-left:85px; z-index:5;  }

#nom_slogan { position:absolute; margin-left:325px; *top:0; margin-top:93px; width:500px; }
#nom_slogan .nom { display:block; background:url('../images/nom.png') no-repeat; width:126px; height:36px; }
#nom_slogan .slogan { font-size:1.1em; color:#fff; font-weight:bold; font-style:italic; margin-left:10px; margin-top:5px; float:left; }

.link_info{color:#fff; font-weight:bold;margin:10px;background-color:#95CBEF;padding:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color:#fff;text-decoration:none;}
.link_info:hover{color:#57789D;}

/*** Général ***/

fieldset { padding:15px; padding-top:15px; }
legend { padding-left:5px; padding-right:5px; }

/*** Utiles ***/

.cadre{	border:1px solid #000; padding:15px; margin:0 auto; background:#fff; }
.align_center{ width:100%; text-align:center; }
.align_left{ width:100%;text-align:left; }
.align_right { width:100%;text-align:right; }
.cBoth{clear:both;}
.fLeft{float:left;}
.fRight{float:right;}
.noBorder{border:0px;}
.hidden { display:none; }
.italic { font-style:italic; }
.gras { font-weight:bold; }
.souligne { text-decoration:underline; }
.msg_erreur { color:#ff0000; font-weight:bold; }
.code_inconnu { color:#ff0000; font-weight:bold; float:left; font-size:0.75em; text-align:right; width:256px; margin-top:-25px; margin-left:-490px; text-decoration:underline;}
.obligatoire { color:#ff0000; font-size:0.9em; font-style:italic; width:200px; }
#valid { background:url('../images/valid.png') no-repeat; width:20px; height:19px; float:left; margin-top:-1px; margin-left:-23px; }
.lien{font-size:0.75em; color:#004A99; }
.rouge {color:#ff0000;}
.bleuclair { color:#57789D; }
.nolink { text-decoration:none; }
.cnil{clear:both;font-size:0.8em;margin-top:30px;text-align:justify;}

h4 { text-decoration:underline; }
h3 { font-weight:bold; color:#57789D; }

#cadre_info, .cadre_info
{border:1px solid #3981af;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;float:left;padding:15px;-moz-box-shadow:1px 1px 12px #555;}
	
	
/*** CONNEXION ***/
		
#cadre_connexion
{
	background:url('../images/fond_connexion.png') no-repeat;
	width:287px;
	height:84px;
	float:right;
	margin-top:15px;
	margin-right:15px;
	text-align:center;
	color:#fff;
	position:relative;
	z-index:5;
}

#form_connexion
{
	margin-top:5px;
	margin-left:60px;
	*margin-left:12px;
}

.form_connexion{
	width:130px;
	border:none;
	float:left;
	background:#daedf9;
}

.form_valide{
	border:1px solid #3981af;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #3981af;
	background: -moz-linear-gradient(top, #b8dcf3 0%, #3981af 100%);
	background: -webkit-linear-gradient(top, #b8dcf3 0%, #3981af 100%);
	background: linear-gradient(top, #b8dcf3 0%, #3981af 100%);
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	padding:1px 2px 2px 2px;
	text-align:center;
}

.form_valide:hover{
	border:1px solid #3981af;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #0C365F;
	background: -moz-linear-gradient(top, #9FCFFF 0%, #0C365F 100%);
	background: -webkit-linear-gradient(top, #9FCFFF 0%, #0C365F 100%);
	background: linear-gradient(top, #9FCFFF 0%, #0C365F 100%);
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	padding:1px 2px 2px 2px;
	text-align:center;
}

.cadre_input { border:1px solid #ffffff; float:left; width:130px; height:18px; padding:1px 1px 1px 1px; margin-right:10px; }


/*** ETAPES ***/

#etapes { position:absolute; margin-top:165px; *top:0; }

.fond_etape { background:url('../images/fond_etape.png') no-repeat; width:457px; height:118px; position:absolute; color:#fff; font-weight:bold; font-size:1em; }
.titre_etape { font-size:1.1em; color:#eae8e8; }
.titre_etape_select { font-size:1.7em; color:#fff; }
.contenu_etape { font-size:1em; line-height:1em; color:#eae8e8; }
.contenu_etape_select { font-size:1.3em; line-height:1.1em; color:#fff; }

#suivi_etape1 { margin-left:100px; z-index:3; }
#suivi_etape1 .position_etape { float:right; text-align:right; margin-right:35px; margin-top:30px; }
#suivi_etape2 { margin-left:300px; z-index:2; }
#suivi_etape2 .position_etape { float:right; text-align:right; margin-right:35px; margin-top:30px; }
#suivi_etape3 { margin-left:500px; }
#suivi_etape3 .position_etape { float:right; text-align:right; margin-right:35px; margin-top:30px; }


/*** CONTENU ***/

/* Colonne centrale des pages de contenu */
#main_column {font-size:0.8em;width:650px;float:right;}
#main_column p{text-align:justify;clear:both;}
#main_column h1{font-size:1.2em;height:46px;margin-top:6px;padding-top:25px;font-weight:bold;color:#57789D;}
#main_column img{border:1px solid #2b6eba;}
#main_column .imgLeft{float:left;margin:0px 10px 10px 0px;}
#main_column .imgRight{float:right;margin:0px 0px 10px 10px;}

/* Cas de paragraphe en pleine page */
#main_column .fullWith{clear:both;width:650px;}
#main_column .fullWith h1{width:650px;background-image:url("../images/bg_Titre.png"); background-repeat:no-repeat;}

/* Cas de paragraphe en 1/2  page */
#main_column .halfWithLeft{width:300px;margin-right:50px;float:left;}
#main_column .halfWithLeft h1{background-image:url("../images/bg_TitreLEFT.png");width:300px;}
#main_column .halfWithRight{width:300px;float:right;}
#main_column .halfWithRight h1{background-image:url("../images/bg_TitreLEFT.png");}

#etape1 { display:block; width:570px; margin-left:280px; }
#etape2 { display:none; width:450px; margin:0 auto; margin-top:25px; }
#etape3 { display:none; width:450px; margin:0 auto; margin-top:25px; }

#prevention
{
	background-image:url("../images/bg_Prevention.png"); background-repeat:no-repeat;font-size:0.94em; color:#333333;;
	width:570px;height:71px;padding-top:11px;margin-left:-215px;
	
}
#prevention a{font-size:1em; color:#333333;}

#prevention .imgRight{float:right; margin:-25px 6px 0px 0px;}

#main_column .imgPrev { border:0px; float:right; margin:-25px 6px 0px -60px;}
#main_column .fullWith h1 a{padding-top:-105px;}

#autre_choix_dpt { font-size:0.9em; }
#autre_choix_etab { font-size:0.9em; }

#contenu_infos
{
	width:620px;
	margin-left:290px;
	margin-top:15px;
}

.contenu_inscription
{
	width:620px;
	margin-left:290px;
	margin-top:5px;
	clear:both;
}

#contenu_rub
{
	width:650px;
	margin-left:270px;
	margin-top:15px;
	text-align:justify;
	
}

#infosEtab
{
	margin-top:15px;
	float:left;
}
	
	
/*** Formulaires ***/

.libelle { float:left; overflow: hidden; }
.input { float:left; margin-left:10px; overflow: hidden; }

.info
{
	float:left;
	clear:both;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	color:#57789D;
}

p.double, p.doublelong
{
	padding:0;
	float:left;
	clear:both;
	margin:5px;
	width:100%;
}

p.double label 
{
	float: left;
	width: 175px;
	color:#004a99;
}

p.doublelong label 
{
	float: left;
	width: 250px;
	color:#004a99;
}

p.double .input, p.doublelong .input
{
	margin-left: 12px;
	width: 250px;
	border:1px solid #6c6c6c;
	
	background:#daedf9;
}

p.double .radio, p.doublelong .radio
{
	margin-left: 12px;
}



#formulaire_inscription
{
	display:block;
	margin-top:135px;
}


#form_inscription
{
	margin-left:35px;
	
}


#form_inscription_etab
{
	margin-left:35px;
}


#form_inscription_com
{
	font-size:0.9em;
}

#form_information
{
	width:650px;
}