body {

	margin: 0;

	padding: 0;

	font-family: arial, verdana,  helvetica, sans-serif;

	font-size: 12px;

	background-color: #FFFFFF;

	overflow : auto;

	line-height:1.2em;

	color:#CE6629;

}

/*styles corps de texte*/

.boldblack { font-weight: bold; color: #000000; }

.boldblue { font-weight: bold; color: #3399cc; }

.boldorange {

	font-weight: bold;

	color: #E1592C;

}

.boldviolet { font-weight: bold; color: #752563; }



.italicblack { font-style: italic; color: #000000; }

.italicblue { font-style: italic; color: #3399cc; }

.italicorange { font-style: italic; color: #FD9148; }

.italicoranges { font-style: italic; color: #CE6629; }



.italicblack_small { font-style: italic; color: #000000; font-size: 0.8em;}









.clear-both {clear:both;}

.clear-left {clear:left;}



.conteneur {

	margin:1em auto 1em auto;

	position:relative;

	width: 97%;

	text-align:left;

	border:10px #99CDFF solid;

	border-right-width:0;

	background:url(../images/fond_col.gif) repeat-y right top;

}



.droite {

	float:right;

	width:260px;

	/* Pour modifier la largeur de la colonne :

	mettre la valeur en px ici (width:260px;)

	dans la classe "gauche" mettre le padding right à 260px

	et redimensionner l'image fond_col.gif à 260px de large

	

	Remplacer 260 par la valeur désirée

	*/

}



.page {}



#header {

	height: 181px;

}



.gauche {

	padding-right:260px;

}



#texte_hd {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight:bold;

	color:#CE6629;

	margin-left: 5px;

	text-align:left;

	width: 270px;

}

#texte_carte {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight:bold;

	color:#CE6629;

	margin-left: 5px;

	text-align:left;

	width: 220px;

	margin-top: 10px;

}

#texte_bg {

	font-size: 12px;

	color:#000;

	text-align:left;

	width: 325px;

}

.img1 {

	float:left;

	margin:6px;

}

.img2 {

	float:left;

	margin:36px 6px 6px 6px;

}

.img3 {

	float:right;

}

.img4 {

	background: transparent url(../images/bas_gauche.jpg) no-repeat;

	width: 398px;

	height: 146px; /* 214 - pad */

	padding-left:10px;

	padding-top:68px;

}

.img5 {

	margin:3em auto 3em auto;

	width:230px;

	height:280px;

	background-color:#FFFFFF;

}

.img6 {
	width:230px;
	margin-right: auto;
	margin-bottom: 3em;
	margin-left: auto;

}

.img7 {

	background: transparent url(../images/3chevrons.jpg) no-repeat;

	width: 399px;

	height: 92px;

}

.parcours1, .parcours1 a {

	position:absolute;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 1em;

	color:#fff;

	margin-left: 3px;

	margin-top: 3px;

	width: 100px;

	font-weight:bold;

}

.ps1 {

	font-family:Arial, Helvetica, sans-serif;

	font-size: .1em;

	color:#000;

	margin-left: 3px;

	margin-top: 65px;

	width: 120px;

	line-height: 0.8em;

}

.parcours2, .parcours2 a {

	position:absolute;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 1em;

	color:#fff;

	margin-left: 66px;

	margin-top: 3px;

	width: 100px;

	font-weight:bold;

}

.ps2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size: .1em;

	color:#000;

	margin-left: 72px;

	margin-top: 65px;

	width: 159px;

	line-height: 0.8em;

}

.parcours3, .parcours3 a {

	position:absolute;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 1em;

	color:#fff;

	margin-left: 136px;

	margin-top: 3px;

	width: 100px;

	font-weight:bold;

}

.ps3 {

	font-family:Arial, Helvetica, sans-serif;

	font-size: .1em;

	color:#000;

	margin-left: 139px;

	margin-top: 76px;

	width: 159px;

	line-height: 0.8em;

}

.texte_bd { /* 267 caracteres ni plus ni moins */

	font-size: 12px;

	color:#000;

	text-align:left;

}

.texte_centre {

	padding-left: 184px;

	padding-top:9px;

	color:#000;

	text-align:left;

	line-height: 1.3em;

}

.texte_centre img {border:0px;}

.img ul li {

	position:relative;

	margin-left: 10px;

	margin-right:10px;

	display: inline;

}



.vignette {

	display: inline;

}

/*	menu */

#menu {

	float:left;

	width:170px;

	line-height: 30px;

	background:#fff;

}

div#menu ul {

	margin:0;

	padding:0;

	list-style:none;

	text-align:right;

}

#menu ul li {

	color: #99ccff;

}

#menu ul li a {

	padding:5px;

	margin:0;

	font-size: 1em;

	font-family:Arial, Helvetica, sans-serif;

	color: #3399cc;

	text-decoration:none;

	font-weight: bold;

}



#menu ul li a.accordeon {

	padding:5px;

	margin:0;

	font-size: 1em;

	font-family:Arial, Helvetica, sans-serif;

	color: #3399cc;

	text-decoration:none;

	font-weight: normal;

}

#menu ul li a:hover {

	color:#3399cc;

	

}

#menu ul li a.active {

	padding:5px;

	margin:0;

	font-size: 0.9em;

	font-family:Arial, Helvetica, sans-serif;

	color: #3399cc;

	text-decoration:none;

	

}

#menu ul li a:hover {

	color:#3399cc;

}



#menu ul ul {line-height:18px;}







.sousmenu {

	position:relative;

	left: 0px !important;

	left: 0px;

	width:170px !important;

	line-height: 1.2em;

	width: 185px;

	background:#fff;

}

.sousmenu ul {

	margin:0;

	padding:0;

	list-style:none;

	text-align:right;

}

.sousmenu ul li {

	color: #99ccff;

}

.sousmenu ul li a {

	padding:5px;

	margin:0;

	font-size: 1em;

	font-family:Arial, Helvetica, sans-serif;

	color: #3399cc;

	text-decoration:none;

}

.sousmenu ul li a:hover {

	color:#3399cc;

}



p {

	margin : 0 ;

	padding :0 10px 0 0;

}





h1, h1 a, h1 a:hover {

	margin : 0 0 15px 0 !important;

	margin: 5px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:lighter;

	padding : 0;

	font-size : 29px;

	color:#FFF;

}



h2 {

	margin: 1.2em 0 1.2em 0;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#3399cc;

	font-size : 12px;

}

h2 a:hover {

	color:#8D6C47;

}

#moteur {

	position:relative;

	top:50px;

	left:0px;

	margin:0;

	padding:0;

	background:#fff;

	width: 100px;

}

.ok {

	position:absolute;

	top:-1px;

	left:110px;

	margin:0;

	padding:0;

	width: 25px;

}

/*	Typographies 

h2, h3, h4, h5, h6 {

	

}*/



h3 {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight:bold;

	color:#E1592C;

	margin-top: 1.7em;

	margin-bottom: 1.1em;

	text-align:left;

	line-height: 0.3em;

}

h3.accroche {

	font-size: 16px;

	text-align:center;

	padding-left:180px;

	line-height:normal;

	margin-top: 0;

	margin-bottom:0.5em;

}



h3.accroche2 {

	font-size: 14px;

	text-align:center;

	padding-left:180px;

	line-height:normal;

	margin-top: 0;

	margin-bottom:0.5em;

}



.expo {

	float : right;

	margin-right : 40px;

	border: 1px #fff solid;

}

.expo2 {

	float : right;

	margin-right : 0;

	border: 1px #fff solid;

}



div.hr {

	float : left;

	height: 5px;

	background: #eee scroll center;

	margin : 5px 0 15px 0  ;

	padding : 0;

	width : 530px;

}

div.hr hr {

  display: none;  padding :0;

}



p {	

	margin: 0 0 10px 0;

}

.notop {

	margin: 0 0 0 0;

}

#bas {

	font-size: .8em;

	text-align:center;

	color:#000;

	background-color:#99CDFF;

	font-weight:bold;

	border: 10px #99CDFF solid;

	clear:both;

}

#bas ul {

	margin:0;

	padding:0;

	list-style:none;

	text-align:right;

	color:#fff;

}

#bas ul li {

	display:inline;

	padding:5px;

	border-left:1px solid #FFF;

}

#bas a {

	text-decoration:none;

	color:#000;

}

#bas a:hover {

	color:#E88B00;

	font-weight:bold;

}

#hierarchie {

	position:absolute;

	clear: both;

	height: 29px !important;

	padding-left: 0;

	margin-top: -16px !important;

	margin-top: -16px;

	margin-left: 206px  !important;

	margin-left: 6px;

	margin-bottom: 0 !important;

	margin-bottom: 0.2em;

	font-size: 11px;

	color:#7E7468;

	width: 400px !important;

	width: 760px;

}

#hierarchie a {

	padding-top: 5px !important;

}

/*** Mise en forme du formulaire ***/



.formulaire_spip {

	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;

}



/*.formulaire_recherche {

	margin-top : -60px !important;

	margin-top: -60px;

	margin-left : 5px;

	float: left; 

	background : #fff;

}*/

.encadre_ps {

	width: 530px;

	text-align:justify;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	margin: 5px;

}



#inscription {

	border: none;

	margin: 0;

	padding: 0;

	width: 50em;	/*** Largeur du formulaire ***/

}



#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/

	font: bold 1.1em arial, hevetica, sans-serif;

	color: white;

	background: #ff9900;

	margin-left: 0px !important;

	margin-left: 0px;

	padding: .5em;

	width: 546px !important;

	width: 546px;

}



#piedForm {

	text-align: right; /*** Les boutons sont alignés à droite ***/

}



#piedForm input {

	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/

	margin-left: 1em;

}

form {

	margin :  32px 10px 0 208px !important;

	margin-right: 10px !important;

	padding : 0 !important;

}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/

	border: 1px solid #ff7f00;

	color: black;

	background: #fff;

	margin: 0 !important;

	padding-left: 0.48em !important;

	padding-left: 0.20em;

	margin-left: 0 !important;

	margin: 0;

	width: 552px !important;

	width: 546px;

}

#corpForm fieldset {

	border: 1px solid #ff7f00;	/*** Mise en forme des cadres ***/

	margin: 11px !important;

	margin-right: -15px;

	font-style: normal;

	padding: 0 1em 1em 15px;

}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/

	font-weight: bold;

	color: black;

	background: transparent;

}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/

	padding: .2em 0;

	margin: 0 0 .2em 0;

}

#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/

	float: left;	/*** Très important, ne pas suprimer ! ***/

	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/

	text-align: left;	/*** ... et ils sont alignés à droite... ***/

	margin: 1px;

	padding: 0 .5em 10px 0;

	line-height: 1.8;	/*** ... et centrés verticalement. ***/

}

#corpForm label:hover, #piedForm input {

	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/

}

#corpForm label.oblig {

	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/

	margin-left: 0px;

}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/

	font-style: italic;

	color: #666;

	background: transparent;

	margin: 0;

	padding: 0;

}



/* Mise en forme des bulles d'aide */

/*#corpForm a.aide {	

	text-decoration: #ff0000;

}/*



/*** Mise en forme de l'image des bulles d'aide ***/

#corpForm a.aide .img {	

	margin: 0;

	padding: 0;

	border: 0;

}

#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/

	cursor: help;

}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/

	background:#FEB00E;

}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/

	background: white;

	color: black;

}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/

	border: 1px solid red;

}

#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/

	display: block;

	margin: 0 0 .3em .3em;

	padding-left: 2em;

	color: red;

	font-weight: bold;

	background:#fff url("../squelettes-dist/icon_help.gif") no-repeat left center;

}



/* puces */

#encadrement_articles {

	width: 601px;

	height: 87px !important;

	height: 87px;

	margin-left: -50px !important;

	margin-left: -50px;

	margin-bottom: 23px !important;

	margin-bottom: 10px;

	margin-top: 0px !important;

	margin-top: 0px;

}

a {

	color : #FF9900;

	text-decoration : underline;

}

a:hover {

	color : #CE6629;

	text-decoration : none;

}



.spacer {

	clear : both ;

	height : 13px;

}



ul, li {

	margin :0;

	padding : 0 ;

	list-style : none ;

}



.menu {	

	margin :20px 0 0 18px ;

	text-transform : uppercase ;

	font-size : 12px ;

	font-weight : bold;

}

.menu li {

	float : left;

}



.menu li a {

	color : #0099CC;

	text-decoration : none ;

	padding-right : 5px ;

	padding-left : 5px ;

}

.menu li a:hover {

	/*color : #E3BC30 ;*/

	text-decoration : none;

}





li.menuexept  a {

	color : #fff ;

	text-decoration : none ;

	padding-right : 5px ;

	padding-left : 5px ;

}

li.menuexept a:hover {

	color : #E3BC30 ;

	text-decoration : none;

}



.copy {	

	border : none;

}



.signature {

	text-align : center ;

	width : 300px;

	font-size: 10px;

	margin-left : 5px ;

	margin-top : 0;

}



.telecharger {

	margin:200px auto 0 auto;

	width:220px;

	background-color:#fff;

	padding:0.5em;

}

.telecharger h2 {

	color:#3399CC;

	letter-spacing:2px;



}

.telecharger ul {

}



.display-none {display:none;}





.parcours span.titre {

	margin: 1.2em 0 1.2em 0;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	color:#3399cc;

	font-size : 12px;

}

.img-autoent {

	margin:3em auto 3em auto;

	width:230px;

}