body {
	text-align: center;
	background-image: url(img/fond_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #AEAEAE;
	margin: 0 auto;
    padding: 0px;
	z-index: 100;

	}

#page {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;

	font-size: 10px; /* blindage IE pour les sauts de lignes entre div*/
	
	border: 1px #666666 solid;
	border-width: 0 1px 0 1px;
}

/* chapeau : logo + banière */
#chapeau {
	width: 950px;
	
	margin: 0px auto;
	background-color: #99CC33;

	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
	
	border: 1px #666666 solid;
	border-width: 0 1px 0 1px;
}

	#chapeau_logo{
		width: 950px!important;
		width: 948px;
		height: 112px;
		
		background-color: #99CC33;
		
		background-image: url(img/baniere.jpg);
		background-repeat: no-repeat;
	}
	
	#chapeau_slogan{
		width: 950px!important;
		width: 948px;
		height: 11px;
		background-color: #99CC33;	
	}
/* fin chapeau : logo + banière */


/* bande sites */
#bande-sites {
	width: 950px;
	height: 29px;
	
	margin: 0px auto;
	padding: 0px;
	
	background: #ffffee url(img/fond_titres.png) repeat-x top center;
	
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
	
	border: 1px #666666 solid;
	border-width: 0 1px 0 1px;
}

#bande-sites ul {
	margin: 0 0 50px 0;
	}

/*&&&&&>> Navigation <<&&&&&*/

ul.one {
	padding: 1px; /* 50 - 28 */
	}

ul.one li {
	background: url(img/utm_li.png) no-repeat top right;
	display: block;
	float: left;
	padding: 0 5px 0 0; /* width of utm_li */
	height: 28px; /* height of 1 unit */
	width: auto;
	}

ul.one li a:link,ul.one li a:visited {
	background: url(img/utm_a.png) no-repeat left 0;
	color: #000;
	display: block;
	font: 12px "Trebuchet MS",verdana,sans-serif;
	text-decoration: none;
	padding: 0;
	height: 28px;
	}

ul.one li a:link span,ul.one li a:visited span {
	background: url(img/utm_span.png) no-repeat right 0;
	display: block;
	padding: 7px 25px 0 25px;
	height: 21px;
	}

/*&&>> Hover <<&&*/

ul.one li a:hover {
	background-position: left -56px;
	}

ul.one li a:hover span {
	background-position: right -56px;
	cursor: pointer;
	}

/*&&>> Current State <<&&*/

.home .one .home {
	background-position: left -28px !important;
	}

.home .one .home span {
	background-position: right -28px !important;
	}

/*&&>> IE <<&&*/

* html ul li a {
	width: 152px;
	}

/*&&>> IE5 Mac Hack <<&&*/
.menu ul li a {
	display: inline;
	white-space: nowrap;
	width: 1px;
	}
.menu ul {
	padding-bottom: 0;
	margin-bottom: -1px;
	}


/* fin bande sites */

.barre-orange{
	width: 950px;
	height: 10px;
	
	margin: 0 auto;
	margin-top: 0px!important;
	margin-top: -50px;
	
	background-color: #99C333;
	
	border: 1px #666666 solid;
	border-width: 0 1px 0 1px;
	
	font: 2px normal Geneva, Arial, Helvetica, sans-serif;
}


/* barre latérale droite */
	
#sidebarright {
	position: relative;
    float: right;
    width: 193px;
	padding-left:5px;
	padding-right:5px;

	border: 1px solid #99CC33;
	border-style: dashed;
	border-width: 0 0 0 1px;

	background-color: #EEEEEE;
	
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
}

#sidebarright a{
	font: 13px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #99CC33;
}
#sidebarright a:hover{
	text-decoration: underline overline;
}

#sidebarright h3{
	font: 12px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px auto;
	color: #000000;
}	

#sidebarright ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
		
	/* news */
	.hidden {
	display: none;
	overflow: hidden;
	}
	
	#news {
		margin: 0px;
		line-height: 1.2;
		/* //defilement automatique//
		width: 150px;
		height: 75px;
		*/
		width: 183px;
		height: 100px;
	}
	
	#news a{
		font: 11px normal Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	#news a:hover{
		text-decoration: underline;
	}
	
	.tickLink {
		float: left;
		width: 150px;
		margin: 0px 3px 0px 0px;
		font-size: 11px;
		font-weight: bold;
	}
	
	.tickContent {
		float: left;
		width: 150px;
		font-size: 11px;
		font-weight: bold;
		margin: 0px 2px 0px 4px;
		position: relative;
	}
	
	.tickButton {
		margin: 1px;
		position: relative;
	}
	
	#cursor {
		margin-top: 20px!important;
		background-color: #EEEEEE; 
		height: 8px;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 93px!important;
		top: 100px;
		padding: 5px 0px 4px 0px;
		z-index: 10;
	}
	/* fin news */
/* fin barre latérale droite */




/* vous êtes ici */
#vei{
	font: 9px normal Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	padding-top: 5px;
	border-bottom: 1px solid #ccc;
}

#vei a{
	font: 9px normal Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}

#vei a:hover{
	text-decoration: underline;
}
/* fin êtes ici */

.separateur{
	height: 10px;
	border-bottom: 1px solid #99CC33;
	margin-bottom: 10px;

}
/* aller à */
.elementdroit {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #99CC33;
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

.elementdroit a{
	font: 13px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #99CC33;
}
.elementdroit a:hover{
	text-decoration: underline overline;
}

.elementdroit h3{
	font: 12px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px auto;
	color: #000000;
}
/* fin aller à */


/* content : corps de texte */

#content{
    margin: 0px 210px 0px 5px;
	background-color:#FFFFFF;
	text-align:left;
	color: #000000;
	font: 12px normal Geneva, Arial, Helvetica, sans-serif;
}

#content p{
	text-align: justify;
}

.encadre{
	margin: 5px 30px 5px 30px;
	padding: 10px;
	
	background-color: #DAE4DB;
	border: 1px solid #99CC33;
}

.dotted{
	margin: 0px 0 10px 0;
	padding: 5px;

	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

ul.dotted a{
	color: #99CC33;
	font: 12px normal Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none
}
ul.dotted a:hover{
	text-decoration: underline;
}

#content p a{
	font: 12px normal Geneva, Arial, Helvetica, sans-serif;
	color: #99CC33;
	text-decoration: none;
}
#content p a:hover{
	text-decoration: underline;
}

#content h1{
	color: #444444;
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	padding-top: 5px;
}

#content h2{
	margin: 0px auto;
	padding: 0px;
	font: 15px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#content h3{
	color: #333;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px;
}


/* fin content : corps de texte */



#partenaires2{
	float: right;
	width: 193px;
	margin-top: -30px;
	padding-left:5px;
	padding-right:5px;
	text-align: right;	
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}
#partenaires2 a{
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
}
#partenaires2 a:hover{
	text-decoration: underline;
}


#pre-footer{
	width: 950px;
	height: 30px;
	
	margin: 0px auto;
	
	border: 1px #666666 solid;
	border-width: 0 1px 0px 1px;
	
	background-image: url(img/pre-footer.jpg);
	background-repeat: repeat-x;

}
#pre-footer h2{
	color: #333;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	
	margin: 0px auto;
	padding: 0px;
	padding-top: 13px;

}

#footer{
	width:950px;
	height: 15px;
	
	background-image: url(img/fond_titres.png);
	background-repeat: repeat-x;
	
	padding-top: 3px;
	margin: 0px auto;
	padding-bottom: 0px!important;
	padding-bottom: 5px;
	
	border: 1px #666666 solid;
	border-width: 0 1px 0px 1px;
	
	text-align: center;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.5px;
	font-size: 9px;
}

#footer a{text-decoration:none; color:#ffffff; font-size:10px}
#footer a:hover{text-decoration:underline; color:#ffffff; font-size:10px}

#post-footer{
	width:950px;
	height: 15px;
	
	padding-top: 7px;
	margin: 0px auto;
	padding-bottom: 10px!important;
	
	
	text-align: center;
	color:#515151;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#post-footer a{text-decoration:none; color:#515151; font-size:10px}
#post-footer a:hover{text-decoration:underline;}


#part-footer{
	width:550px;
	height: 15px;
	
	padding-top: 3px;
	margin: 0px auto;
	padding-bottom: 10px!important;
	
	border-top: 1px dotted #CCC;
	
	
	text-align: center;
	color: #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#part-footer a{text-decoration:none; color:#CCCCCC; font-size:10px}
#part-footer a:hover{text-decoration:underline;}




.plus{
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(img/plus.jpg);
	background-repeat: no-repeat;
	text-indent: 2px;
}
.plus a{
	color: #99CC33;
	text-decoration: none;
}
.plus a:hover{
	text-decoration: underline;
}

.float-left{
	float: left;
	margin: 0 5px 0 0;
}
.float-right{
	float: right;
	clear: left;
}


/* form */
form {
	padding: 0px;
	margin: 0px auto;
}






/* blocs dynamiques */

	/* index */
.bloc-cont-index
  {
  	position: absolute;
	width: 725px;
	padding: 5px;
	display : block;
	border: 1px dashed #ccc;
	border-width: 1px 0 1px 0;
  }
  
  
.bloc-ongl-index{
    display: inline;
	font-weight: bold;
	padding: 0px 5px;
	border: 1px dashed #ccc;
	border-width: 1px 1px 0 1px;
	background-color: #eeeeee;
	}
.bloc-ongl-index a{
	font:13px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	cursor: default;
}
.bloc-ongl-index a:hover{
	color: #99cc33;
}

	/* fin index */

	/* offres de formation */

#cont-bloc-contenants{
	float: left;
	width: 550px;

}

.bloc-contenant
  {
  	position: absolute;
	width: 545px;
	padding: 0px;
	display : block;	
	background-color: #DAE4DB;
	border: 1px solid #99CC33;
  }
  
#contG-bloc-onglets{
	float: left;
	font: 5px normal Geneva, Arial, Helvetica, sans-serif;
	width: 180px;
}
.bloc-onglet{
	font-weight: bold;
	padding: 0px 5px;
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
}
.bloc-onglet a{
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.bloc-onglet a:hover{
	color: #99CC33;
	cursor: default;

}



		/* zones clickables pour découvrir, parties sur le DIF */
.zone-click {
    display:block;
	padding-left:20px;
	background-image:url('img/plier.gif');
	background-repeat:no-repeat;
	background-position: left top;
	line-height:20px;
	height: 20px;
}
.zone-ouvre{
  display : block;
  }
			/* fin zones clickables pour découvrir, parties sur le DIF */
		
	/* fin offres de formation */
/* fin bloc dynamique */

/* plan du site */
.plan-titre{
	background-image: url(img/plan-titre.gif);
	background-repeat: no-repeat;
	
	font-weight: bold;
	
	padding-left: 10px;

}

.plan-contenu{
	background-color: #eeeeee;	
	padding: 5px 2px 5px 5px;
	border-bottom: 2px solid #999999;
}
.plan-contenu a{
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #99CC33;
}
.plan-contenu a:hover{
	text-decoration: underline;
	color: #666666;
}
/* fin plan du site */


/* AUTRES pour catalogue
/* -------------------------------------------------------------------------- */
/* CONTENU																	  */
/* -------------------------------------------------------------------------- */
#contenu {
	/*width: 875px;*/
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
	margin: 40px auto 20px auto;
	padding: 10px;
}

#contenu a {
	color: #333;
	text-decoration: underline;
	background-color: #F6F7F0;
}

#premiere h3 {
	font-size: 17px;
}

#premiere p {
	padding: 0 15px;
	border-left: 2px solid #CCC;
}

a:hover h3 {
	text-decoration: underline;
}

img {
	border: none;
}

/* FORMULAIRE																  */
/* -------------------------------------------------------------------------- */
fieldset {
	margin-bottom: 20px;
	border: 1px solid #90CF36;
	background-color: #F6F7F0;
}

legend {
	color: #FFF;
	background: #90CF36;
	border: 1px solid #781351;
	padding: 2px 6px;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: bold;
}

label {
}

input {
	color: #333;
	background: #FFF;
	border: 1px solid #90CF36;
}

/* Formulaire de contact  */
#contenant_formulaire{
	text-align: center;
	width: 650px;
	position: relative;
	margin: 0px 0px 0px 30px;
}
	/* Fin du formulaire de contact  */

/* TABLE																	  */
/* -------------------------------------------------------------------------- */
table {
	color: #FFF;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-right: 1px solid #90CF36;
	border-left: 1px solid #90CF36;
}

table, caption {
	margin: 0 auto;
}

caption {
	font-size: 14px;
	letter-spacing: 2px;
	border-top: 1px solid #90CF36;
	border-right: 1px solid #90CF36;
	border-left: 1px solid #90CF36;
}

caption,th,td {
	padding: 10px;
}

caption, thead th, tfoot th, tfoot td {
	background-color: #FFF;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}

#contenu thead th {
	background-color: #90CF36;
	color: #FFF;
	text-align: left;
	letter-spacing: 2px;
	border-top: 1px solid #90CF36;
	border-bottom: 1px solid #90CF36;
}

#contenu thead a {
	background-color: #90CF36;
	color: #FFF;
	text-decoration: underline overline;
	padding: 4px;
}

#contenu thead a:active, #contenu thead a:hover, #contenu thead a:focus, #contenu thead a:visited {
	background-color: #FFF;
	color: #666;
}

#contenu thead .selection {
	background-color: #DFEEC7;
	color: #90CF36;
}

#contenu thead .selection a {
	background-color: #F6F7F0;
	color: #90CF36;
	text-decoration: underline overline;
	padding: 4px;
}

#contenu thead .selection a:active, #contenu thead .selection a:hover, #contenu thead .selection a:focus {
	background-color: #F6F7F0;
	color: #666;
	text-decoration: underline overline;
	padding: 4px;
}

tbody {
	font-size: 13px;
	border-bottom: 1px solid #90CF36;
}

tbody tr.ligne0 {
	background-color: #FFF;
	color: #666;
}

tbody tr.ligne1 {
	background-color: #F6F7F0;
	color: #666;
}

#contenu tbody a {
	padding: 2px;
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

#contenu tbody a:active, #contenu tbody a:hover, #contenu tbody a:focus {
	text-decoration: underline;
	color: #333;
	background-color: #FFF;
}

tbody tr:hover {
	background-color: #DFEEC7;
	color: #333;
}

tbody tr:hover a {
	background-color: #FFF;
}

tbody a:visited:after {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	content: "\00A0\221A";
}