* {
	color: #A8A8A8;
	font-family: sans-serif;/*Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}

.spacer {
	clear: both;
}

body {
	font-size: 12px; /*11px;*/
}
img {
	border: 0;
}

#conteneur {
	width: 970px;
	height: 568px;
	background-image: url(../images/bck.jpg);
	background-repeat: no-repeat;
	margin: auto;
}

#header {
	width: 100%;
	height: 40px;
	text-align: right;
}
#header p {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
} 
#header a {
	text-decoration: none;
	margin: 0 0 0 7px;
}

#menu {
	width: 474px;
	height: 151px;
	position: relative;
	float: left;
	margin: 0; padding: 0;
}
#menu ul {
	
	position: relative;
	width: 135px;
	padding: 0;
	margin: 80px 0 0 325px;
	line-height: 1.5em;
}
#menu li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menu li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #FFF;
	font-size: 0.9em;
	padding: 0 0 0 10px;
}
#menu li a:hover {
	background-color: #861B00;
}
#accueilGauche, #formulaireGauche, #suptemGauche, #actuGauche, #planGauche, #formationGauche, #etudiantGauche, #entrepriseGauche, #agendaGauche {
	position: relative;
	/*background-color: aqua;*/
	width: 322px;
	height: 283px;
	float: left;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 62px 0 0 0;

}
#formulaireGauche {
	background-image: url(../images/bck_formulaire_gauche.gif);	

}
#agendaGauche {
	background-image: url(../images/bck_agenda_gauche.gif);	
}
#accueilCentre, #formulaireCentre, #suptemCentre, #actuCentre, #planCentre, #formationCentre, #etudiantCentre, #entrepriseCentre, #agendaCentre {
	position: relative;
	width: 643px;
	height: 341px;
	float: left;
	font-size: 0.9em;
	margin: 71px 0 0 5px;
	left: 1px;
	top: -61px;
	/*overflow: hidden;*/

}
#suptemCentre, #actuCentre, #planCentre, #formationCentre, #etudiantCentre, #agendaCentre   {
	background-image: url(../images/bck_commun_centre.jpg);
	background-repeat: no-repeat;
}

#accueilGauche a, #accueilCentre a {
	text-decoration: none;
}
#accueilGauche div p { padding: 0; margin: 0;}
#accueilCentre ul, #accueilCentre  li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: Arial;
}
#accueilCentre li a .gras {
	font-weight: bold;
}

#accueilGauche div .lire, #accueilCentre div .lire{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #65CFE9;
	font-size: 0.9em;
	font-style: oblique;
	text-align: right;	
	padding: 0; margin: 0;
}
#accueilCentre  div  .lienAgenda {
	display: block;
	width: 300px;
	height: 155px;
	margin: 30px 0 0 10px;
}
#formulaireGauche a, #suptemGauche a, #formationGauche a, #etudiantGauche a, #entrepriseGauche a{
	text-decoration: none;
}
#suptemGauche a:hover {
	color: #00397F;
}
#formationGauche a:hover {
	color: #65CFE9;
}
#etudiantGauche a:hover {
	color: #92D400;
}
#suptemCentre h2, #actuCentre h2, #formationCentre h2, #agendaCentre h2 {
	font-size: 1em;
	color: #00397F;
	font-weight: bold;
}
#formationCentre h2 {
	color: #131275;	
}
#actuCentre hr, #planCentre hr, #agendaCentre hr {
	width: 598px;
	line-height: 5px;
	height: 5px;
	border: 0;
	color: #FFF;
	background-color: #FFF;
}
#planCentre h1, #formationCentre h1 {
	font-size: 1.1em;
	color: #B12300;
}
#formationCentre h1, #suptemCentre h2, #etudiantCentre h2 {
	display: -moz-inline-stack;
	display: -moz-inline-box;
	display: inline-block;

}
#planCentre h1, #planCentre p {
	width: 598px;
	margin: 5px 0 0 20px;	
}
#entrepriseCentre p {
	font-size: 1em;
	text-align: center;
}
#footer {
	position: relative;
	width: 972px;
	margin-left: auto;
	font-family: Verdana;
	margin: 2px 0 0 0;
	left: 1px;
	top: -59px;
}
#footer h4 {
	font-size: 0.6em;
	color: #B12300; 
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer p {
	position: relative;
	float: left;
	text-align: center;
	margin: 0;
	left: 5px;
	top: 2px;
	width: 33%;
}
#footer a {
	text-decoration: none;
	font-size: 0.7em;
	background-color: #FFFFFF;
}

/****************************formulaire*******************************/


#formulaireCentre div h2, #formulaireCentre form h1 {
	color: #B12300;
	margin: 0;
	padding: 0;
}
#formulaireCentre div h2 {
	margin: 7px 0 0 15px;
	font-size: 1em;
}

#formulaireCentre form h1 {
	font-size: 1.1em;
	margin: 7px 0 30px 80px;
}

#formulaireCentre .adresse {
	margin: 0 0 0 15px;
	padding: 0;
	font-family: Arial;
	font-size: 0.9em;
}
#formSuptem {
	width: 48%;
	position: relative;
	float: left;
}

#formSuptem .asterix {
	color: #FF7900;
	font-size: 8px;
}
#formSuptem .bouton {
	width: 25%;
	color:#FFF;
	font-size: 0.8em;
	padding: 2px;
	color: #FFF;
	background-color: #B12300; 
	cursor:pointer;
	border:none;
}
#formSuptem p {
	display: block;
	position: relative;
	font-size: 0.9em;
	margin-bottom: 3px;
	margin-left: 5px;
}
#formSuptem label {
	display: block;
	width: 27%;
	float: left;
	text-align: right;
	color:  #B12300;
	padding-right: 1%;
	padding-top: 2px;
}
#formSuptem input, #formSuptem textarea {
	background-color: #FCFCF8;
	border: 0;
	width: 60%;
	margin: 0; padding: 0;
	margin-left: 1%;
}

#formSuptem input.validation-failed, textarea.validation-failed {
	/*border: 0.5px solid #FF3300;*/
	/*color : #FFC0B0;  #FF3300 */
	background-color: #FFE1E1;
}
.validation-advice {
	/*margin: 5px 0;*/
	/*padding: 5px;*/
	color : #FF4500;
	font-size: 8px;/* lighter;*/
}

/*SLIDERS*/
#contenuSuptem, #contenuEtudiant, #contenuFormation, #contenuActu, #contenuAgenda, #contenuPlan, #contenuActu, #contenuAgenda {
	float: left; width: 598px; height: 341px; 
	overflow: hidden;
}
#wrapSuptem, #wrapEtudiant, #wrapFormation, #wrapActu, #wrapAgenda, #wrapPlan, #wrapActu, #wrapAgenda {
	float: left; width: 15px; height: 341px; background: transparent url(scrollbar-track-bottom.png) bottom left; 
}
			
#trackSuptem, #trackEtudiant, #trackFormation, #trackActu, #trackAgenda, #trackPlan, #trackActu, #trackAgenda {
		width: 15px; height: 341px;
}

#handleSuptem, #handleEtudiant, #handleFormation, #handleActu, #handleAgenda, #handlePlan, #handleActu, #handleAgenda {
		width: 15px; height: 37px;
}