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


/* ------  Corps Principal ------*/
body {
margin: 0;
padding: 0;
font: 67%  arial, verdana, sans-serif;
background-color:#e5e5e5;
}

h1 { 
display: none; 
}

h2 {
font-size:2.2em;
color: #8C6D67;
margin:0 15px 20px 0;
font-weight:normal;
}

h2 span {
	font-size: 0.6em;
}

h3 {
font-size:1.5em;
color:#A39675;
margin:20px 0 8px 15px;
font-weight:normal;
}

h3.nomargin { margin: 0; }

h4 {
font-size:1.1em;
color:#8C6D67;
margin:5px 0 5px 30px;
font-weight:normal;
}

h5, h6 {
	margin:0;
	padding:0;
	text-indent: -3000px;
	background-repeat:no-repeat;
}

h5 {
	color:#F5F5F5;
	width:500px;	
	height:60px;
	background-position:top left;	
}

h5 a {
	display:block;
	width:500px;	
	height:60px;
}

h6 {
	color:#A0854E;
	height:65px;
	background-position:top left;	
}
p {	
word-spacing:2px; 
line-height:22px;
color:#000000;
font-size:12px;
margin:0;
}

img { 
border: none;
margin:0 0 0 0;
padding:0 0 0 0;
 }

a {	
color: #B4AE5D; 
text-decoration:underline;
font-weight: 600;
}

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

ul {
margin:0 0 20px;
padding:0;
}

div#site {
margin:0 auto;
width: 800px;
}

/* ------  Header ------*/

#header {
padding:0;
margin:0 auto;
width:800px;
height:61px;
background: transparent url(img/bg_header1.jpg) no-repeat top left;
}

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu_cat {
background: url(img/bg_header2.jpg);
width:800px;
height:41px;
margin:0px;
padding:0px;
text-align:right;
}

#menu_cat li {
list-style-type:none;
margin:0 26px -2px 0;
padding:0;

}

#menu_cat img {
broder:0;
margin:0;
padding:0;
}

#menu_liste {
background-image:url(img/bg_header3.jpg);
width:800px;
height:96px;

}

#menu_liste2 {
background-image:url(img/bg_header4.jpg);
width:800px;
height:96px;
}

#menu_liste3 {
background-image:url(img/bg_header5.jpg);
width:800px;
height:96px;
}

#menu {
margin:0 0 0 60px;
padding:5px 0 0 0;
font-weight: 600;

}

#menu .ssmenu {
	position: absolute;
	margin: 0 auto;
}

#menu_liste2 #menu .ssmenu ul {
	width: 13em;
	margin: 0 auto;
}

#menu_liste #menu .ssmenu ul {
	width: 11em;
	margin: 0 auto;
}

#menu dl {
float: left;
color:#FFFFFF;
width:11em;
}
#menu_liste2 dl {
float: left;
color:#FFFFFF;
width:13em;
}

#menu_liste3 dl {
float: left;
color:#FFFFFF;
width:13em;
}
#menu dt {
cursor: pointer;
text-align: center;
margin: 1px;
}
#menu dd {
display: none;
}
#menu li {
text-align: center;
font-size:10px;
height:2em;
padding:3px 0 0 5px;
margin: 0;
list-style-type: none;
}
#menu li a, #menu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
text-decoration:underline;
}

#smenu2, #smenu1 {
background:#3E7E97;
}
#smenu2 a, #smenu1 a, #smenu3 a, #smenu4 a {
font-weight:normal;
}

#smenu3, #smenu4{
background:#B5AE5D;
font-weight:normal;
}


#menu_intro {
	background:url(img/bg_menu.jpg) no-repeat;
	height:339px;
	margin:35px auto 0;
	padding:20px 0 0 30px;
	width:636px;
}

#menu_intro2 {
margin:35px auto 0 auto;
padding:0 0 0 10px;
background-image:url(img/bg_menu2.jpg);
width:835px;
height:309px;
padding: 18px 0 0 26px;
}

#menu_info {
text-align:center;
color: #333333;
font-size:9px;
}
#menu_info a, #menu_info a:hover {
text-decoration:none;
color:#333333;
font-weight:normal;
}

div.menu_entrer a {
	position: relative;
	color:#FFFFFF;
	display:block;
	float:left;
	height:280px;
	letter-spacing:1px;
	margin:0 10px 0 0;
	position:relative;
	text-decoration:none;
	width:190px;
}

div.menu_entrer a span {
	position: absolute;
	bottom: 0;
	right: 2px;
	display: block;
	width: 185px;
	text-align: right;
}

div.menu_entrer .points_lien span {
	color: #c07744;
	background: none;
}

div.menu_entrer .pro_lien span {
	color: #3e7e96;
	background: none;
}

div.menu_entrer .particulier_lien span {
	color: #b5ae5d;
	background: none;
}

a.menu_entrer {
position: relative;
width:267px;
height: 290px;
display:block;
float:left;
margin: 0 10px 0 0;
letter-spacing:1px;
text-decoration: none;
color: #FFFFFF;
}

.points_lien span {
	background: #c07744;
}

.pro_lien span {
	background: #3e7e96;
}

.particulier_lien span {
	background: #b5ae5d;
}

a.menu_entrer span {
	bottom:2px;
	display:block;
	padding:4px;
	position:absolute;
	right:3px;
	text-align:right;
	width:254px;
}

/* ------  Footer ------*/

#footer {
background-image:url(img/bg_footer.jpg);
background-repeat: no-repeat;
margin:0 auto;
padding:0;
width: 800px;
voice-family: "\"}\""; 
voice-family:inherit;
text-align:center;
}

#footer li {
display:inline;
margin:1px;
}

#footer ul {
margin:0 0 0 20px;
}

/* ------  Contenu ------*/

#barre {
background-image:url(img/bg_barre.jpg);
background-repeat:repeat-x;
height:65px;
padding:2px 0 0 10px;
}

#barre_lien{
float:left;
width:140px;
margin:5px 0 0 0;
}
#barre_lien3{
float:left;
width:190px;
margin:5px 0 0 0;
}

#barre_lien2{
color:#999999;
float:left;
margin:20px 0 0 100px;
}

#barre_select{
float:right;
margin:13px 50px 0 0;
}

#barre_select select{
color:#999999;
height:16px;
width:140px;
font-size:10px;
}

#barre_logo{
float:left;
width:150px;
}

.particulier_lien {
font-weight:normal;
color:#B5AE5D;
text-decoration:none;
}

.pro_lien {
font-weight:normal;
color:#3E7E96;
text-decoration:none;
}

.points_lien {
font-weight:normal;
color:#C07744;
text-decoration:none;
}


div#contenu {
margin:0 auto;
width:680px;
background-image:url(img/bg_contenu.jpg);
background-repeat:repeat-y;
padding:2px 52px 50px 67px;
}

div#contenu div#cgu p {
	padding: 10px 0 10px 40px;
	width: 600px;
}

div#contenu2 {
margin:0 auto;
width:800px;
background-image:url(img/bg_contenu.jpg);
background-repeat:repeat-y;
text-align:center;
}

.separateur {
margin:15px 0 0 0;
}

html>body #contenu {
height: auto;
min-height:450px;
} 

div#contenu p {
	padding:0px 10px 10px 10px;
	text-align:justify;
	width:670px;
}

div#contenu form p,
div#contenu #fakeForm p {
	width: auto;
}

div#contenu form .row p,
div#contenu #fakeForm .row span,
div#contenu #fakeForm .row p {
	display: block;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0 0 10px;
	width:180px;
	border: 1px solid #8C6D67;
	padding: 2px;
}

#contenu li {
	color:#000000;
	font-size:12px;
	list-style-position: inside;
	list-style-image:url(img/arrow-forward_16.gif);
	margin: 5px 0 5px 25px;
}

#contenu #cgu li {
	margin: 5px 0 5px 40px;
}

.date {
	font-size:14px;
	color:#333366;
}

#forfait {
	width:330px;
	float:left;
}

.prix {
	font-size:16px;
	color: #8C6D67;
	font-weight:700;
}

/* ------  Lightbox ------*/
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:600px;
	height:400px;
	margin:-200px 0 0 -300px;
	border:1px solid #EEE;
	background:#09070C;
	color:#CCC;
	text-align:left;
}

#lightbox[id]{
	position:fixed;
}

#lightbox #imgAtelier {
	text-align:center;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#overlay[id]{
position:fixed;
}

#lightbox.done #lbLoadMessage{
display:none;
}
#lightbox.done #lbContent{
display:block;
}
#lightbox.loading #lbContent{
display:none;
}
#lightbox.loading #lbLoadMessage{
display:block;
margin:4px;
}

/* ------  contact ------*/

#contact {
margin:0 0 0 15px;
width:620px;
}

/* ------  divers ------*/

.spacer {
clear: both;
}
.petit {
font-size: 0.9em;
}
.moyen {
font-size: 1.3em;
}
.grand {
font-size: 2em;
}
.txt_gauche { 
text-align:left; 
}

.txt_centre { 
text-align:center; 
}

.txt_droite { 
text-align:right;
}


/* ------  Formulaires ------*/

.champ_date {
width:90px;
}

.champ_pts {
width:25px;
}


#form_inscription {
margin:0 0 0 6px;
text-align:left;
}

.checkbox, .radio {
width:20px;
margin:0;
padding:0;
}


form, #fakeForm {
padding-left: 0;
text-align:left;
font-size:12px;
}

.col_form {
float:left;
margin:0 20px 0 0;
}

form ul {
list-style: none;
margin: 0;
margin-left: 20px;
padding: 0;
}

form li {
margin-bottom: 5px;
list-style-type: none;
}

fieldset {
margin: 0 0 15px;
padding: 10px 15px 0;
border: 1px solid #8c6d67;
clear: both;
}

legend {
color:#8C6D67;
font-size:16px;
}

label {
font-size: 11px;
margin:0 0 5px 0;
display:block;
}

input {
font: 11px Verdana, Arial, Helvetica, sans-serif;
width:180px;
margin:0 0 10px 0;
}

div#paiement input {
	width: auto;
	margin: 0;
}

div#paiement input:hover {
	border: none;
	width: auto;
	margin: 0;
}

input.text,
input.file,
input.number,
textarea,
select {
	border: 1px solid #8c6d67;
}

input.file {
	width: auto;
}

input.hover,
select.hover  {
border: 1px solid #483936;
}


textarea {
border: 1px solid #8c6d67;
width: 500px;
height: 150px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

select {
font-size: 11px;
width:180px;
margin:0 0 10px 0;
}

select.jour,
select.mois,
select.annee,
select.minute,
select.heure {width: auto;}



.btn {
width: 202px;
background: #8c6d67;
font-family:Helvetica, Lucida, Verdana, Arial, sans-serif;
border:none;
color:#ffffff;
cursor:pointer;
margin:5px 2px 0 0;
height:20px;
}
.btn2 {
width: 202px;
background: #8c6d67;
font-family:Helvetica, Lucida, Verdana, Arial, sans-serif;
border:none;
color:#ffffff;
cursor:pointer;
margin:5px 0 0 5px;
height:20px;
}

#envoi_form {
width:600px;
text-align:right;
}

#envoi2_form {
margin:5px 0 0 0;
width:640px;
text-align:right;
}

/* ******************************* */

#doc {
width:680px;
padding:0 0 0 10px;
margin:0 0 10px 0;
}
#doc form {
margin:0;
}

#doc a {
margin:0;
padding:0;
text-decoration:none;
color:#3F7D94;
font-weight:normal;
}

#doc_contenu {
float:left;
width:200px;
margin:0 5px 0 0;
}

#doc_conseil {
font-size:12px;
margin:0 0 8px 0;
color:#8c6d67;
text-align:justify;
}

.accTitle {
font-size:12px;
border-bottom:1px solid #E2E2E2;
margin:0 0 5px 20px;
cursor:pointer;
}
.accContentBox { 
margin:0; 
padding:0 5px 0 25px;
color:#000000;
font-size:12px;
}

.accContentBox ul {
margin:0;
padding:0 5px;
list-style-position:inside;
}

/* formulaire permis */
div.submit { clear: both; }
#contenu ul.error { margin: 20px 0;border: 1px dashed #FF0000;}
#contenu ul.error li {
	list-style: none; 
	background: none;
	color: #FF0000; 
	font-size: 12px;
	
}
fieldset.hover,
.focus {
	background: #EEEEEE;
}

div#contenu p.info { text-align: center;}

label.error,
label.error2 { color: #FF0000; }

/* affichage des dates de stage */
p.erreurDate {
	margin: 30px 0;
	color: #FF0000;
	font-size: 14px;
}
.rowDate {
	clear: both;
	padding: 10px 10px 10px 5px;
	border-bottom: 1px solid #BF7844;
	cursor: pointer;
	height: 44px;
}

.pair {
	background: #F5F8FA;
}

.left { float: left; }
.troisCols { width: 200px; padding: 0 12px 0 0; }
.fileCols { width: 256px; padding: 0; }

.hover {
	background: #f9f1ec;
}

.dateStage {
text-decoration:none;
}

div#contenu p.reste { 
	float: left;
	padding: 12px 0 0;
	margin: 0;
	width: 190px;
}

div#contenu p.prix {
	float: left; 
	padding: 14px 0 0;
	font-size: 1.8em;
	width: 130px;
	text-align: center;
}

.rouge { color: #FF0000; }
.orange { color: #FF6600; }
.vert { color: #00CC00; }

div#contenu p.center { text-align: center;}
div#contenu p.inscription {
	float: right;
	width: 110px;
	padding: 11px 0 0;
	margin: 0;
}

div#contenu p.inscription a {
	display: block;
 	background: url(img/inscription.gif) no-repeat left top;
	height: 27px;
	width: 110px;
	text-indent: -1000px;
	overflow: hidden;
}

div#contenu p.gauche { 
	float: left;
	width: 180px;
	margin: 0;
	padding: 0 0 0 25px;
	background: url('img/calendar_view_month.png') no-repeat left 50%;
}

hr.clear { 
	border: 0;
	margin: 0;
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

ul#pagination {margin: 20px auto; float: right; }

#contenu ul#pagination li {
list-style: none;
margin: 0;
padding: 0 2px;
float: left;
}

#contenu ul#pagination li a {
display: block;
padding: 4px 6px;
background-color:#B4AD5C;
text-decoration: none;
color:#FFFFFF;
font-weight:normal;
}
#contenu ul#pagination li a:hover {
background-color:#C07744;
}


#contenu ul#pagination li.active a{
color: #FFFFFF; background-color:#C07744;
}

#contenu ul#pagination li.next a:after { content: " »"; }
#contenu ul#pagination li.previous a:before { content: "« "; }

.backButton {
	font-size: 14px;
}

#modifier_date {
	display: block;
	background: url("img/mod_stage.gif" ) no-repeat left top;
	width: 198px;
	height: 24px;
	overflow: hidden;
	text-indent: -1000px;
	float: right;
}

#continuer {
	display: block;
	background: url("img/confirm.gif" ) no-repeat left top;
	width: 209px;
	height: 24px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 10px auto 0;
}

#modifier {
	display: block;
	background: url("img/modifier.gif") no-repeat left top;
	width: 210px;
	height: 24px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 10px auto 0;
}

#cgv {
	display: block;
	background: url("img/condition.gif") no-repeat left top;
	width: 264px;
	height: 36px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 10px auto 0;
}

#stage {
	display: block;
	background: url("img/stage.gif") no-repeat left top;
	width: 322px;
	height: 24px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 10px auto 0;
}

div.submit .button {
	display: block;
	background: url("img/continuer.gif" ) no-repeat left top;
	width: 92px;
	height: 24px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 10px auto 0;
	float: right;
	border: none;
	cursor: pointer;
}


.backButton:before {
	content: "« ";
}