@charset "utf-8";

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

body {
	margin: 0;
	padding:0;
    font-size: 11px;
  	color: #555;
    font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	background:#CCC url(../img/page_so.png) repeat-x;
}

html, body {
	scrollbar-face-color: #880000;
    scrollbar-track-color: #770000;
    scrollbar-arrow-color: #dd0000;
	scrollbar-shadow-color: #660000;
    scrollbar-highlight-color: #990000;
    scrollbar-3dlight-color: #880000;
    scrollbar-darkshadow-color: #660000;
}

ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

a{
	color: #ffaa11;
	text-decoration: none;
}

a:hover{
	color: #ead589;
	text-decoration: underline;
}

hr {
  color: #444444;
  background-color: #444444;
  height: 1px;
  border: 0;
}

h1 {
	text-align:left;
	color:#900;
	margin: 0 0 10px 0;
	padding : 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
}

h2 {
	margin: 0 0 -5px 0;
	font-size:13px;
}

.titre {
	text-align:right;
	color:#900;
	margin: 0px 30px 20px 30px;
	padding : 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:25px;
}

p { text-align:left; }

/***********************************************/
/* Blocs */
/***********************************************/

#blocPage {
	margin: auto;
	width: 970px;
}

#header, #footer, #arrondi, #corpsPage {
	margin: 0px;
	width: 970px;
	padding: 0px;
}

#header {
	padding: 20px 0 20px 20px;
	text-align:left;
}

#arrondi {
	height:7px;
	background-image:url(../img/arrondi970.png);
	background-repeat:no-repeat;
}

#corpsPage {
	background-color:#FFF;
	padding: 13px 0 20px 0;
}
#corpsPage a {color:#600;}

#footer {
	background-color:#500;
	color:#ffaa11;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-top: 9.5px;
	padding-bottom: 10px;
	clear:both;
}

#footer a{
	color: #ffaa11;
	text-decoration: none;
}

#footer a:hover{
	color: #ead589;
	text-decoration: none;
}

.colGauche {
	width: 495px;
	margin-right: 475px;
	padding: 0 20px 0 20px;
}

.colDroit {
	float:right;
	width: 475px;
	padding: 0;
}


/***********************************************/
/* Cartouches */
/***********************************************/

.cartouche, .cartoucheLg {
	background:#EEE url(../img/fond_cartouche.png) repeat-x;
	border: #DDD solid 1px;
	overflow:hidden;
	margin-bottom: 20px;
}

.cartouche{
	padding: 20px;
	width:415px;
	text-align:left;
}

.cartoucheLg {
	width:930px;
	clear:both;
	margin:auto;	
	margin-bottom: 20px;
}

.cartoucheMetiers {
	width:910px;	
	overflow:hidden;
	margin:auto;	
	margin-bottom: 20px;
	padding: 0 20px 0 40px;	
}
.cartoucheMetiers h1 { font-size:18px; margin-bottom:0px;}
.cartoucheMetiers h2 { font-size:11px; margin-bottom:0px;}
.cartoucheMetiers ul { margin-top: 2px;}
.cartoucheMetiers ul li { margin-left:-25px;}

.cartoucheRouge {
	background-color:#500;
	border: #300 solid 1px;
	color:#CCC;
	overflow:hidden;
	width:930px;
	margin:auto;
	margin-bottom: 20px;
}
.cartoucheRouge h1{color:#ffaa11; font-size:18px; margin: 10px 0 0 20px;}
.cartoucheRouge h2{color:#ddd; font-size:14px; margin: 0 0 2px 10px; text-align:left;}
.cartoucheRouge p{font-size:12px; margin: 2px 0 0 10px; text-align:justify;}
.etapes{
	float:left;
	width: 212px;
	padding: 14px 0;
}

.cartoucheRougeMini {
	background-color:#500;
	border: #300 solid 1px;
	color:#CCC;
	overflow:hidden;
	width:408px;
	padding:20px;
	margin-bottom: 20px;
}
.cartoucheRougeMini h1{color:#ffaa11; font-size:18px; margin: 0 0 20px 0;}
.cartoucheRougeMini h2{color:#ddd; font-size:16px; margin: 10px 0 0 0; text-align:left;}
.cartoucheRougeMini p{font-size:12px; margin: -10px 0 0 54px; text-align:justify;}

#cadreMenu{
	position:absolute;
	overflow:hidden;
	top: 30px;
	left: 50%;
	width: 380px;
	padding-left: 50px;
}

#nbDisponibilites{
	width:343px;
	height:28px;
	background: url(../img/disponibilite.png) no-repeat;
	clear:left;
	padding : 5px 0 0 280px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#fa0;
}

.cadrePresentation {
	float:left;
	width:470px; 
	padding: 20px;
	font-size:17px;
	font-weight:bold;
}

.cadrePresentation h1 {
	font-size:25px;
	margin-bottom:-5px;
}

.cadreFade {
	float:left;
	margin: 10px 0 10px 0;
}

.cadreFade ul {list-style:none; padding:0}

ul#imgFade li img{
	border: 1px solid #333;
	/*padding: 4px;*/
}

#cadreBtInscrivezvous{
	padding-top: 10px;
	padding-bottom: 40px;
}

#cadreBtRetourAccueil{
	padding-top: 0px;
	padding-bottom: 20px;
}

/***********************************************/
/* Boutons */
/***********************************************/

a.btAccueil {
	display: block ;
	float:left;
	margin: 0 20px 20px 0;
	width: 91px ;
	height: 28px ;
	background-image: url(../img/bt_accueil.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.btAccueil:hover {
	background-position: 0 -28px;
}

a.btInscription {
	display: block ;
	float:left;
	margin: 0 20px 20px 0;
	width: 121px ;
	height: 28px ;
	background-image: url(../img/bt_inscription.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.btInscription:hover {
	background-position: 0 -28px;
}

a.btContact {
	display: block ;
	float:left;
	margin: 0 20px 20px 0;
	width: 91px ;
	height: 28px ;
	background-image: url(../img/bt_contact.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.btContact:hover {
	background-position: 0 -28px;
}

a.btInscrivezvous {
	display: block ;
	margin:auto;
	width: 450px ;
	height: 28px ;
	background-image: url(../img/bt_inscrivezvous.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.btInscrivezvous:hover {
	background-position: 0 -28px;
}

a.btRendezvous {
	display: block ;
	margin:auto;
	width: 450px ;
	height: 28px ;
	background-image: url(../img/bt_rendezvous.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.btRendezvous:hover {
	background-position: 0 -28px;
}

/***********************************************/
/* Admin */
/***********************************************/

#adminMenu{
	margin: 20px 0 20px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FA1;
}

.adminCel{
	background-color:#ddd;
	color:#000;
	text-align:left;
	padding: 2px;
}

.adminCel a{ color:#000;}

.adminMetiers{
	background-color:#eee;
	color:#000;
	text-align:left;
	padding: 2px;
}

.adminNom{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	padding: 2px;
}

.adminPaginateur{
	text-align:center;
	color:#000;
	font-size:13px;
}

/***********************************************/
/* Divers */
/***********************************************/

.mbottom0 { margin-bottom:0;}

.titreChamp{
	font-size:12px;
	font-weight:bold;
	color:#900;
	margin : 10px 0 5px 0;
}
.optionnel{color:#333;}

label{font-size:12px; color:#333;}

.labelMetiers{margin: 4px 0 4px 0}

.verif{ color:#600;}