@charset "UTF-8";
/* CSS Document */
/* FRAME */
html,body{
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;	
	background-image:url(../img/img_textureFond.jpg);
	background-position:top;
	background-repeat:repeat-x;
  background-color:#40300C;
}
#boxTotal{
	text-align:center;
	margin:auto;
	padding:0px;
	width:1048px;
	height:100%;
	background-image:url(../img/img_fondTop.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#boxPrincipal{
	text-align:left;
	height:auto;
	margin:auto;
	padding:0px;
	width:820px;
	background-image:url(../img/img_bgRepeat.jpg);
	background-repeat:repeat-y;
}
* html #boxPrincipal {


}
#boxArianeIndex{
	text-align:right;
	margin-left:237px;
	padding:0px;
	width:583px;
	height:86px;
	background-image:url(../img/img_bgAriane.jpg);
}
* html #boxArianeIndex {
  width:583px;
  margin-left:0px;
}
#boxAriane{
	text-align:right;
	margin-left:237px;
	padding:0px;
	width:583px;
	height:86px;
	background-image:url(../img/img_bgArianeVide.jpg);
	background-position:top;
}
* html #boxAriane {
  width:583px;
  margin-left:0px;
}
#boxContenu{
	margin-left:237px;
	padding:0px;
	width:600px;
	height:auto;
	background-image:url(../img/img_textureDroite.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
* html #boxContenu {
  width:600px;
}
#ligneGauche{
	float:left;
	clear:right;
	margin:0px;
}
#ligneDroite{
	position:absolute;
	top:0px;
	left:1000px;
}
.imgGauche{
	float:left;
	clear:right;
	margin-right:-3px;
}
#spacer{
	height:1px;
	clear:both;
}
#boxPlanSite{
	position:absolute;
	margin-left:650px;
	width:110px;
	height:34px;
	background-image:url(../img/imgFond_plan.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
a.planSite:link{
	position:absolute;
	top:13px;
	margin-left:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:700;
	color:#B3EFE1;
}
a.planSite:visited{
	position:absolute;
	top:13px;
	margin-left:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:700;
	color:#B3EFE1;
}
a.planSite:hover{
	position:absolute;
	top:13px;
	margin-left:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:700;
	color:#FFFFFF;
}
a.planSite:active{
	position:absolute;
	top:13px;
	margin-left:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:700;
	color:#B3EFE1;
}

/* BAS DE PAGE*/
#boxBasPage{
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
	width:819px;
	height:29px;
	background-image:url(../img/img_basPage.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#boxBasPage p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	font-size:9px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#boxBasPage img{
	padding:3px 5px 0px 5px;
}
#boxBasPage .premierA{
	padding-left:98px;
}
*:first-child+html #boxBasPage .premierA{
	padding-left:83px;
}
* html #boxBasPage .premierA{
	padding-left:83px;
}
#boxBasPage a:link{
	color:#363942;
	text-decoration:none;
}
#boxBasPage a:visited{
	color:#363942;
	text-decoration:none;
}
#boxBasPage a:hover{
	color:#7c5415;
	text-decoration:none;
}
#boxBasPage a:active{
	color:#363942;
	text-decoration:none;
}


/* BALISES GÉNÉRALES */
h1{
	display:none;
}
h2{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#382e14;
	margin:0px 10px 5px 10px;
	width:487px;
	padding-top:30px;
	border-bottom-color:#e5e0d6;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#382e14;
	margin:15px 0px 0px 10px;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#382e14;
	margin:0px 0px 0px 35px;
	padding-top:8px;
}
p{
	color:#382e14;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	margin:0px 80px 10px 10px;
}
img.top{
	margin-left:10px;
}
p.petitscaracteres{
	font-size:9px;
	font-style:italic;
	line-height:normal;
}
p.ariane{
	padding-top:25px;
	font-size:11px;
}
a:link{
	border:0;
	color:#248661;
	font-weight:bold;
}
a:visited{
	border:0;
	color:#248661;
	font-weight:bold;
}

a:hover{
	border:0;
	color:#135638;
	font-weight:bold;
}
a:active{
	border:0;
	color:#248661;
	font-weight:bold;
}

a img{
	border:0px;
}
ol{
	color:#382e14;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 30px;
	width:480px;
}
ul{
	color:#382e14;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 30px;
	width:480px;
	list-style-image:url(../img/img_puce.jpg);
}
ul ul{
	padding: 0px 0px 0px 30px;
	list-style-image:url(../img/img_puceOR.jpg);
}
ul li{
	margin:5px 0px;
}

/* INDEX */
p.accueil{
	font-size:14px;
	line-height:23px;
	padding-top:20px;
	margin-bottom:0;
}
p.engagements{
	padding-top:3px;
	background-image:url(../img/img_signatureGuy.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	line-height:16px;
}
.emphase{
	font-weight:bold;
	color:#248661;
	font-size:16px;
	line-height:23px;
}

/* NOS RESSOURCES */
#boxRessources{
	background-color:#e5e4e3;
	margin-left:10px;
	width:475px;
	height:auto;
	margin-bottom:35px;
}
#boxRessources img{
	margin:1px;
}
#boxBottom{
	height:52px;
	background-image:url(../img/img_ress_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#boxBottom p{
	line-height:14px;
	color:#706b6b;
	font-size:10px;
	padding-left:0px;
	font-weight:bold;
	padding-top:5px;
	/*width:470px;*/
}
#boxBottom a:link{
	color:#a9a4a0;
	text-decoration:underline;
}
#boxBottom a:visited{
	color:#a9a4a0;
	text-decoration:underline;
}
#boxBottom a:hover{
	color:#ebe7e0;
	text-decoration:underline;
}
#boxBottom a:active{
	color:#a9a4a0;
	text-decoration:underline;
}
.ressTitre{
	border:0;
}
.ressSTitre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	color:#a7a39a;
}


/* NOS RESSOURCES - PERSO */
#boxPerso{
	background-image:url(../img/img_perso_fond.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:40px;
	margin-bottom:10px;
	margin-left:10px;
	padding-top:17px;
}
#coteGauche{
	float:left;
	width:285px;
	padding:0px;
}
#coteGauche p{
	width:260px;
	margin-right:0px;
}
#coteDroit{
	padding:0px;
	margin-left:20px;
	height:300px;
	float:left;
}
.occupationPerso{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a7a39a;
	margin:0px 0px 0px 35px;
	padding:0px;
}
.bordurePerso{
	margin-top:0px;
}
.malette{
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	float:left;
	clear:right;
}
.telephone{
	padding-top:6px;
	padding-bottom:8px;
	color:#382e14;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:10px;
	display:block;
	margin:0px 0px 5px 20px;
}

/* POUR NOUS JOINDRE*/
#boxEnglobeur{
	background-color:#e9e8e4;
	padding:1px 0px 4px 0px;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
}
#boxEnglobeur2{
	background-color:#e9e8e4;
	padding:1px 0px 20px 0px;
	margin-bottom:10px;
	border:1px solid #CCCCCC;
	height:157px;
}
#boxEnglobeur3{
	text-align:center;
	background-color:#bcbbb5;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
	border:1px solid #AAAAAA;
	width:212px;
	height:158px;
}
#boxEnglobeur4{
	background-color:#e9e8e4;
	padding:0px 0px 0px 0px;
	margin-bottom:5px;
	margin-left:10px;
	border:1px solid #CCCCCC;
	width:485px;
}
* html #boxEnglobeur3{
	text-align:center;
	background-color:#bcbbb5;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
	border:1px solid #AAAAAA;
	width:212px;
	height:158px;
}
*:first-child+html #boxEnglobeur3{
	text-align:center;
	background-color:#bcbbb5;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
	border:1px solid #AAAAAA;
	width:212px;
	height:158px;
}
html>/**/body #boxEnglobeur3, x:-moz-any-link, x:default {
	text-align:center;
	background-color:#bcbbb5;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
	border:1px solid #AAAAAA;
	width:212px;
	height:158px;
}
#contact p{
	font-size:11px;
	line-height:normal;
	padding-top:4px;
	width:265px;
}
.occupation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#88857d;
	width:243px;
	margin:3px 0px 0px 10px;
}
.telecopieur{
	font-size:10px;
}
.bordure{
	margin-left:10px;
}
img.lettres{
	float:left;
	margin:0px 4px 8px 10px;
}
img.lettresBas{
	float:left;
	margin:0px 4px 3px 10px;
}
.float{
	display:block;
	float:left;
	clear:right;
	margin:0px 15px 15px 5px;
	width:200px;
	
}
#colonneGauche{
	margin:0px;
	padding:0px;
	float:left;
	clear:right;
	width:265px;
}
#colonneDroite{
	margin-left:270px;
	width:265px;
}
#colonneGauche2{
	margin:0px;
	padding:0px;
	float:left;
	clear:right;
	width:315px;
}
#colonneDroite2{
	margin-left:320px;
	width:215px;
}
#colonneGauche p{
	width:220px;
	margin:5px 0px 5px 20px;
	padding:1px 0px 0px 4px;
}
#colonneDroite p{
	width:200px;
	margin:5px 0px 5px 20px;
	padding:1px 0px 0px 4px;
}
#colonneGauche2 p{
	width:200px;
	margin:5px 0px 5px 30px;
	padding:1px 0px 0px 4px;
}
#colonneDroite2 p{
	width:200px;
	margin:5px 0px 5px 6px;
	padding:1px 0px 0px 0px;
}


/* SESSION PUBLIQUE */
h2.sessionPublique{
	font-variant:small-caps;
	border:0;
	margin:0px 0px 0px 10px;
	font-size:18px;
	padding:0;
}
.stsessionPublique{
	font-size:13px;
	color:#a7a39a;
	margin:-4px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
}
.bordurePublique{
	margin:2px 0px 10px 10px;
}
.reduireEspace{
	margin-top:0;
}

/* FORMULAIRE */
#boxFormulaire{

}
#formGauche{
	float:left;
	width:160px;
	margin:0px 10px 10px 10px;
	text-align:right;
	padding-top:0;
	
}
#formGauche2{
	float:left;
	width:160px;
	margin:10px 10px 0px 10px;
	text-align:right;
	padding-top:0;
	
}
#formGauche p{
	margin:0;
	padding:0;
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:29px;
	color:#382e14;
}
#formGauche p, x:-moz-any-link, x:default{
	line-height:28px;
}
#formGauche2 p{
	margin:0;
	padding:0;
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	color:#382e14;
}
#formGauche2 p, x:-moz-any-link, x:default{
	line-height:28px;
}
#formDroite{
	text-align:left;
	line-height:26px;
	margin-left:126px;
	padding-top:10px;
	width:400px;
}
* html #formDroite{
	margin-left:10px;
	margin-bottom:0px;
}
*:first-child+html #formDroite{
	margin-left:10px;
	padding-top:10px;
	margin-bottom:0px;
}
#formDroite1{
	text-align:left;
	line-height:26px;
	margin-left:126px;
	padding-top:0px;
	width:400px;
}
* html #formDroite1{
	text-align:left;
	margin-left:10px;
	padding-top:0px;
	width:400px;
}
*:first-child+html #formDroite1{
	text-align:left;
	margin-left:10px;
	padding-top:0px;
	width:430px;
}
#formDroite input{
	margin:6px 0px 7px 0px;
	padding:0;
}
#formDroite1 input{
	margin:6px 0px 6px 0px;
	padding:0;
}
* html #formDroite input{
	padding-top:-3px;
	margin-top:4px;
	height:14px;
}
*:first-child+html #formDroite input{
	padding-top:-3px;
	height:14px;
}
* html #formDroite1 input{
	height:14px;
}
*:first-child+html #formDroite1 input{
	height:14px;
}
#formDroite input, x:-moz-any-link{
	margin:4px 0px;
}
#formDroite1 input, x:-moz-any-link{
	margin:4px 0px;
}
#formDroite select{
	padding:0;
	margin: 5px 0px 5px 0px;
}
* html #formDroite select{
	margin:3px 0px 5px 0px;
	padding:0;
}
*:first-child+html #formDroite select{
	margin:4px 100px 5px -150px;
	padding:0;
}
#formDroite select, x:-moz-any-link{
	margin:5px 0px;
}
.label{
	display:block;
	margin:10px 0px 4px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#382e14;
}
.boutonReset{
	margin:0px 15px 20px 110px;
}
.envoyer{
	margin:10px 0px 20px 0px;
}
textarea{
	margin:0px 0px 15px 10px;
}
.messageErreur6{
	float:right;
	color:#c91e1e;
	line-height:12px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:230px;
	text-align:left;
	margin:7px 20px 0px 10px;
}
.messageErreur5{
	float:right;
	color:#c91e1e;
	line-height:12px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:210px;
	text-align:left;
	margin-left:10px;
	margin-right:20px;
}
.messageErreur4{
	float:right;
	color:#c91e1e;
	line-height:12px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:250px;
	text-align:left;
	margin-left:10px;
	margin-right:20px;
}
.messageErreur3{
	float:right;
	color:#c91e1e;
	line-height:12px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:210px;
	text-align:left;
	margin-left:10px;
	padding-right:20px;
}
.messageErreur2{
	float:right;
	color:#c91e1e;
	line-height:12px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:180px;
	text-align:left;
	margin-left:10px;
	padding-right:20px;
}
*:first-child+html .messageErreur2{
	float:right;
	color:#c91e1e;
	line-height:12px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:180px;
	text-align:left;
	margin-left:10px;
	padding-right:20px;
}
.messageErreur{
	color:#c91e1e;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
}
#problemeEnvoi{
	background-color:#ac3d3d;
	width:470px;
	height:40px;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 10px;
}
#problemeEnvoi p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	width:450px;
}
#separateur{
	height:20px;
}
.calendrier{
	float:left;
	margin-left:15px;
	margin-bottom:4px;
}
/* CALENDRIER */
.calSTitre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#a7a39a;
}
.tabCalendrier{
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	color:#382e14;
	margin: 5px 0px 15px 8px;
	border:none;
}
.tabCalendrier th{
	display:none;
}
.tabCalendrier td{
	border:none;
	padding-top:8px;
}
span.dateCal{
	font-weight:bold;
	font-size:0.8em;
	color:#ff9900;
}
div.boxHeureCal{
	background-color:#ff9900;
	text-align:right;
	height:11px;
	width:190px;
}
span.heureCal{
	font-size:0.7em;
	background-color:#FFFFFF;
	padding:2px 0px 2px 6px;
}
td.colDate{
	width:225px;
	vertical-align:top;
	text-align:left;
}
td.colDescription{
vertical-align:top;
	width:275px;
	font-size:0.7em;
}
span.titreFormation{
	font-size:1.4em;
	font-weight:bold;
}
div.presentateurFormation{
margin-top:1px;
	color:#666666;
	font-size:1em;
}