/* CSS Document */
.question {
	margin: 0;
	padding-top: 10px;
	font-size: 1.1em;
	color: #f9b200;
	font-weight: bold;
	background-color: #ECECEC;
	}



html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	background: url(../img/0fond.jpg) no-repeat #fff fixed;
	background-position:0 145px;
	width: 100%;
}

.webmaster:link, .webmaster:visited, .webmaster:hover { color:#FFFFFF;background-color: #0582A0; text-decoration:none;}
/**********************************************************/
a {
	color: #333;
	font-weight: bold;
	background-color: #ececec;
}
a:hover {
	color: #333;
	background-color: #ececec;
}
a img {
	border: none;
}

ul {
	list-style: square;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: normal;
	text-align: justify;
}
li {
	font-weight: normal;
}
li.list_stage {
	font-weight: bold;
}

.form {
	width: 300px;
}

/**********************************************************/
h1 {
	position: relative;
	margin: 0;
	padding-bottom: 4px;
	font-size: 1.2em;
	color: #f9b200;
	font-weight: bold;
	background-color: #ECECEC;
	border-bottom: 1px #f9b200 solid;
}
h2 {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 1em;
	color: #0582A0;
	font-weight: bold;
	background-color: #ECECEC;
}
h2 a {
	color: #0582A0;
}
h2 a:hover {
	color: #0582A0;
}
.plan h2 {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 5px;
	color: #0582A0;
	background-color: #ECECEC;
}
.plan a {
	font-size: 1.2em;
	text-decoration: underline;
}
.plan a:hover {
	font-size: 1.2em;
	text-decoration: underline;
}
.paraplan p {
	padding-left: 15px;
}
.paraplan a {
	padding-left: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #333;
	font-size: 0.9em;
}
.paraplan a:hover {
	padding-left: 15px;
	font-weight: normal;
	text-decoration: underline;
	color: #333;
	font-size: 0.9em;
}
h3 {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 1em;
	color: #0582A0;
	font-weight: bold;
	text-align: center;
	background-color: #ECECEC;
}
#titrebas { text-align:center; color:#ff9900; font-family:corbel, sans serif; font-size:1.5em; background:inherit; font-weight:normal; margin-top:0px;}

h4 {
	margin: 0;
	padding-top: 10px;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	background-color: #ECECEC;
}
p {
	margin: 0;
	padding-top: 0;
	text-align: justify;
}
.rouge {
	color: #C00;
}

/**********************************************************/
.identifiant {
	position: relative;
	left: 150px;
}
.mdp {
	position: relative;
	left: 129px;
}
.btn {
	position: relative;
	left: 230px;
}

/**********************************************************/
.surconteneur { width:1005px; margin:0 auto; position:relative; }/*pour mettre image de fond JPO 2010*/
.conteneur {
	position: relative;
	top: 10px;
	margin: 0 auto;
	padding: 0 0 60px;
	width: 758px;
	_height: 700px; /*pour IE*/
	min-height: 700px;
	max-height: 100%;
	background: url(../img/bande_fond.jpg) repeat-y;
	background-color:#ececec;
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-webkit-border-top-left-radius:10px; /*pour safari*/
		
}
.fin_conteneur {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 758px;
	height: 60px;
	font-size: 0.8em;
	color: #FFF;
	background : url(../img/bas.jpg) no-repeat #ececec;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-webkit-border-bottom-left-radius:10px; /*pour safari*/
}

a.mentions {color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	background-color: #0582A0; display:block; width:200Px; text-align:center}

/**********************************************************/
.logo_ssmenu {
	position: relative;
	margin: 0;
	padding: 0;
	width: 130px;
	height: 47px;
	top: 40px;
	left: 16px;
	text-align: center;
}

/**********************************************************/
.contenu {
	position: relative;
	margin: 0;
	padding: 0;
	width: 500px;
	left: 220px;
	top: 40px;
}

.formations {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 499px;
	height: 159px;
	background: url(../img/banniere_formation.jpg) no-repeat center;
}
.pointille {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 499px;
	height: 20px;
	background: url(../img/pointille.jpg) no-repeat center;
	border: 1px solid #ECECEC;
}

/**********************************************************/
.utilitaire {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 30px;
}
.utilitaire a {
	color: #333;
	text-decoration: none;
	background-color: #ECECEC;
}
.utilitaire a:hover {
	color: #333;
	text-decoration: underline;
	background-color: #ECECEC;
}
.util_menu {
	position: relative;
	float: right;
	margin-right: 10px;
	padding: 6px;
	font-size: 0.8em;
	color: #333;
	background-color: #ECECEC;
}

/**********************************************************/
.banniere {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 120px;
	color: #FFF;
	background-color: #fff;
	
	
}
.photo_batiment {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 550px;
	height: 120px;
	background: url(../img/banniere.jpg) no-repeat;
}
.logo {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	top: 16px;
	left: 25px;
}

/*************** ACCUEIL liste des formations *******************************************/
#accueilformations{border-top:dashed 1px #f9b200; padding-top:10px; margin-bottom:20px; margin-top:15px}
#accueilformations #listeaccueil { margin:0; padding:0; list-style-type:none; padding-left:15px;  }
#listeaccueil a:hover { color:#0582A0}
#accueilformations h1 { color:#f9b200; font-size:1.1em; border:none; }
#accueilformations #txth1 {  color:#333; font-size:0.8em; font-weight:normal }
#accueilformations a:link, #accueilformations a:visited  { font-weight:normal; text-decoration:none}

/*************** ACCUEIL actualités *******************************************/
#accueiltitreactualites{border-top:dashed 1px #f9b200; padding-top:10px; margin-bottom:0px}
#accueiltitreactualites h1 {color:#f9b200; font-size:1.2em; border:none;} 

/**********************************************************/
.menu {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 300px;
	top: 190px;
	color: #FFF;
	background-color: #0582A0;
}
ul.puces {
	list-style-image: url(../img/puce.jpg);
	font-weight: bold;
}
li.no-puces {
	padding-left: 8px;
	list-style: none;
	list-style-image: none;
}

.menu a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #0582A0;
}



.menu a:hover {
	color: #F1C745;
	background-color: #0582A0;
}

.no-puces a {
	font-size: 0.8em;
	font-weight: normal;
	color: #FFF;
	background-color: #0582A0;
}
.no-puces a:hover {
	font-size: 0.8em;
	font-weight: normal;
	background-color: #0582A0;
	color: #F1C745;
}

/**********************************************************/
.chemin {
	position: relative;
	margin: 0;
	padding-bottom: 15px;
	font-size: 0.9em;
	font-weight: normal;
	color: #999;
	background-color: #ECECEC;
}
.chemin a {
	font-weight: normal;
	color: #999;
	text-decoration: none;
	background-color: #ECECEC;
}
.chemin a:hover {
	font-weight: normal;
	color: #999;
	text-decoration: underline;
	background-color: #ECECEC;
}
.habilitation {
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #F00;
	background-color: #ECECEC;
}
.para_contact {
	font-weight: normal;
	text-align: center;
	color: #333;
}
.choix_contact {
	padding-top: 5px;
	text-align: left;
	color: #f9b200;
	background-color: #ECECEC;
}
.choix_contact a {
	
	color: #333;
	background-color: #ECECEC;
}
.choix_contact a:hover {
	text-decoration: none;
	color: #333;
	background-color: #ECECEC;
}

.bas_page { /*copyright*/
	font-size: 0.8em;
}
.haut_page {
	position: relative;
	float: right;
	padding-right: 20px;
}

.pdf {
	text-align: center;
}
.pdf a {
	background:url(../img/fleche_orange.jpg) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
	color: #f9b200;
	background-color: #ECECEC;
}
.pdf a:hover {
	text-decoration: none;
	color: #333;
}

.actualite {
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #FFF;
	-moz-border-radius: 10px 0 10px 0;
	-webkit-border-radius:  10px 0 0 0;
	-webkit-border-top-left-radius:10px; /*pour safari*/
	-webkit-border-bottom-left-radius:10px; /*pour safari*/
	
}
.bandeau_actu {
	position: relative;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	color: #333;
	background-color: #FFF;
}
.titre_actu {
	position: relative;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	color: #0582A0;
	background-color: #FFF;
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-webkit-border-top-left-radius:10px; /*pour safari*/
	-webkit-border-bottom-left-radius:10px; /*pour safari*/
}
.texte_actu {
	position: relative;
	margin: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 40px;
	font-size: 0.9em;
	font-weight: normal;
	text-align: justify;
	color: #333;
	background-color: #FFF;
}
.date_actu {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 0.8em;
	text-align: right;
	color: #999;
	background-color: #FFF;
	
}