@charset "utf-8";
/* CSS Document */
body{
	font-family:					Arial, Helvetica, sans-serif;
	background-image:				url(/images/background.png);
	background-repeat:				repeat-x;
	background-color:				#E6FA9F;
	font-size:						12px;
	color:							#000;
	margin:							0px;
	padding:						0px;
	overflow-x:hidden;
}
#page{
	width:							1004px;
}
ul{
	margin:							0px;
	padding:						0px;
	text-align:						justify;
}
ol{
	margin:							0px;
	padding:						0px;
	text-align:						justify;
}
li{
	margin-left:					20px;
	margin-bottom:					5px;
	margin-top:						5px;
}
hr{
	border:							0px;
	border-bottom:					#090 1px dotted;
}
#content .contenu .text .desc li{
	margin-left:					20px;
	margin-bottom:					0px;
	margin-top:						0px;
}
a{
	font-family:					Arial, Helvetica, sans-serif;
	color:							#000;
	text-decoration:				none;
}
.mandatory{
	color:							#F00;
}
form{
	margin:0px;
	padding:0px;
}
.clear{
	clear:							both;
}
input, textarea, select{
	border:							1px solid #009FBD;
	background-color:				#F6FFD5;
	color:							#98AA61;
}
/* -------------------------------------------------------------------------------------- */
/* 								MENU HEADER 											  */
/* -------------------------------------------------------------------------------------- */
#menuH{
	width:							900px;
	height:							30px;
	margin-top: 					10px;
}
#menuH .item{
	padding-top: 					8px;
	list-style:						none;
	float: 							right;	
}
#menuH .search {
	padding-left:					15px;
	float: 							right;	
}
#menuH .search input{
	background-image:				url(/images/formSearch.jpg);
	width:							140px;
	height:							19px;
	border:							0px;
	padding-top:					4px;
	padding-left:					15px;
	color:							#98AA61;
}
#menuH .search input.button{
	background-image:				url(/images/formButtonSearch.jpg);
	background-color:				#AED72C;
	background-repeat:				no-repeat;
	width:							13px;
	height:							24px;
	border:							0px;
	cursor:							pointer;
}

/* -------------------------------------------------------------------------------------- */
/* 								   MENU JOB 											  */
/* -------------------------------------------------------------------------------------- */
#menuJ{
	margin-left:					300px;
	margin-top:						-110px;
	position:absolute;
}
#menuJ .item{
	list-style:						none;
	text-align:						center;
	float: 							left;	
}
#menuJ li.item:hover ul{
	display:						block;
}
#menuJ .item li{
}
#menuJ .sitem {
	background-color:				#FFF;
	background-image:				url(../images/formation1.jpg);
	background-repeat:				no-repeat;
	padding-top:					10px;
	/*padding-left:					200px;*/ 
	margin-top:						-25px;
	border:							3px solid #007D5B;
	width:							633px;
	height:							154px;
	text-align:						left;
	left:							20px;
	position:						absolute;
	display:						none;
	z-index:						1;
}
#menuJ .sitem.bg10 {
	background-image:				url(../images/formation.jpg);
}
#menuJ .sitem.bg11 {
	background-image:				url(../images/accompagnement.jpg);
}
#menuJ .sitem.bg12 {
	background-image:				url(../images/recherche.jpg);
}
#menuJ .sitem.bg13 {
	background-image:				url(../images/hebergement.jpg);
}
#menuJ .sitem.bg14 {
	background-image:				url(../images/sensibilisation.jpg);
}
#menuJ .sitem .text{
	padding-left:					200px;
	color:							#999;
	margin-bottom:					10px;
}
#menuJ .sitem .button{
	width:							78px;
	height:							86px;
	margin-left:					-200px;
	margin-top:						-10px;
	position:						absolute;
}
#menuJ .sitem .text li{
	width:							160px;
	float:							left;
}
/* -------------------------------------------------------------------------------------- */
/* 										HEADER 											  */
/* -------------------------------------------------------------------------------------- */
#header{
	margin-top:						10px;
	background-image:				url(/images/header.jpg);
	background-position:			top;
	background-repeat:				no-repeat;
	height:							155px;
	text-align:						left;
}
#header .logo{
	margin-left:					50px;
	padding-top:					30px;
	width:							266px;
	height:							109px;
}
/* -------------------------------------------------------------------------------------- */
/* 										MENU 											  */
/* ---------------------------------------------D----------------------------------------- */
#menu{
	background-image:				url(../images/menuBG.jpg);	
	height:							29px;
	text-align:						center;
	padding-top:					15px;
}
#menu .item{
	padding-left:					25px;
	padding-right:					25px;
	color:							#FFF;
	font-size:						14px;
}
#menu .item a{
	color:							#FFF;
	text-decoration:				none;
}
/* -------------------------------------------------------------------------------------- */
/* 									CONTENU 											  */
/* -------------------------------------------------------------------------------------- */
#content{
	background-image:				url(/images/contentBG.jpg);	
	text-align:						left;
}
#content .tree{
	width:							530px;
	margin-left:					240px;
	margin-top:						15px;
	position:						absolute;	
}
#content .infos p{
	padding:						0px;
	margin: 						0px;
	margin-left: 					220px;
	color:							#666;
}
#content .infos2 p{
	padding:						0px;
	margin: 						0px;
	margin-left: 					220px;
	color:							#666;
}
#content .infos a{
	color:							#666;
	text-decoration:				underline;
}
#content .infos2 a{
	color:							#666;
	text-decoration:				underline;
}
#content .tree a{
	color:							#009FBD;
	text-decoration:				underline;
	font-style:						italic;
}
#content .news{
	background-image:				url(/images/newsBG.jpg);
	background-repeat:				repeat-x;
	background-color:				#FFF;
	width:							197px;
	border:							1px solid #DFDFDF;
	border-bottom:					1px solid #999;
	top:							-10px;
	left:							20px;
	position:						relative;
	float:							left;
}
#content .news .titre{
	margin-top:						28px;
	color:							#009FBD;
	font-size:						16px;
	text-align:						center;
}
#content .news .item{
	padding:						15px;
	padding-bottom:					0px;
	font-size:						10px;
}
#content .news .item .date{
	font-weight:					bold;	
}
#content .news .item .title{
	font-weight: 					bold;
	color:							#009FBD;
}
#content .news .item .text{
	color:							#666;
}
#content .news .item .links{
	color:							#666;
	text-align:						right;
	padding-bottom:					15px;
}
#content .news .item .links a{
	color:							#009FBD;
	text-decoration:				underline;
}
#content .news .item .line{
	background-image:				url(/images/newsLine.jpg);
	text-align:						center;
	height:							1px;
}
#content .contenu{
	width:							530px;
	margin-top:						40px;
	margin-left:					40px;
	float:							left;
}
#content .contenu h1{
	color:							#009FBD;
	font-size:						20px;
	font-weight:					bold;
}
#content .contenu h2{
	color:							#009FBD;
	font-size:						16px;
	font-weight:					normal;
}
#content .contenu h2 a{
	color:							#009FBD;
	font-size:						16px;
	font-weight:					normal;
}
#content .contenu h3{
	color:							#03C316;
	font-size:						14px;
	font-weight:					normal;
	margin:							0px;
	padding:						0px;
}
#content .contenu h3 a{
	color:							#03C316;
	font-size:						14px;
	font-weight:					normal;
	margin:							0px;
	padding:						0px;
	text-decoration:				underline;
}
#content .contenu p{
	text-align:						justify;
}
#content .team p{
	margin:							0px;
	padding:						0px;
	padding-bottom:					10px;
	text-align:						justify;
}
#content .contenu .text .date{
	text-align:						right;
	font-style:						italic;
	color:							#666;
}
#content .contenu .text .links{
	color:							#666;
	text-align:						right;
	padding-bottom:					15px;
}
#content .contenu .text .links a{
	color:							#009FBD;
	text-decoration:				underline;
}
#content .contenu .text .line{
	background-image:				url(/images/newsLine2.jpg);
	text-align:						center;
	height:							1px;
}
#content .contenu .text .sitemap{
	width:							350px;
	padding-left:					10px;
	padding-top:					5px;
	list-style:						circle;
}
#content .form .label{
	width:							150px;
	padding-bottom:					3px;
	float:							left;
}
#content .form .field{
	padding-bottom:					3px;
	float:							left;
}
#content .form .field input{
	width:							358px;
}
#content .form .check textarea{
	width:							508px;
	height:							220px;
}
#content .form .button{
	padding-top:					20px;
	text-align:						center;
}
#content .form .button input{
	background-image:				url(/images/formButton.jpg);
	width:							84px;
	height:							24px;
	border:							0px;
	font-size:						10px;
	font-weight:					bold;
	color:							#333;
	cursor:							pointer;
}

#content .colonne{
	margin-left:					20px;
	width:							205px;
	float:							left;
}
#content .colonne .block .title{
	margin-top:						18px;
	color:							#009FBD;
	font-size:						16px;
	padding-bottom:					15px;
}
#content .colonne .block .form{
	margin-bottom:					15px;
}
#content .colonne .block .form input{
	background-image:				url(/images/formInputBG.jpg);
	width:							170px;
	height:							19px;
	border:							0px;
	padding-top:					4px;
	padding-left:					15px;
	color:							#98AA61;
}
#content .colonne .block .button input{
	background-image:				url(/images/formButton.jpg);
	width:							84px;
	height:							24px;
	border:							0px;
	font-size:						10px;
	font-weight:					bold;
	color:							#333;
	cursor:							pointer;
}
#content .colonne .block .text{
	margin-bottom:					10px;
	font-size:						11px;
}
#content .colonne .block .links{
	margin-top:						15px;
	padding-left:					15px;
}
#content .colonne .block .links li{
	margin:							0px;
}
#content .colonne .block .links a{
	font-size:						11px;
	color:							#007E62;
	text-decoration:				underline;
}
#content .colonne .line{
	height:							18px;
	border-bottom:					#11876C 1px dashed;
}
.team img{
	border:							1px #000 solid;
	margin-bottom:					5px;
}
.team .name{
	font-size:						10px;
	font-weight:					bold;
}
.team .fonction{
	font-size:						10px;
	font-style:						italic;
	margin-bottom:					10px;
}
/* -------------------------------------------------------------------------------------- */
/* 										FOOTER 											  */
/* -------------------------------------------------------------------------------------- */
#footer{
	background-image:				url(/images/footer.jpg);
	background-position:			top;
	background-repeat:				no-repeat;
	height:							150px;
	text-align:						left;
}
/* -------------------------------------------------------------------------------------- */
/* 										MENU FOOTER											  */
/* -------------------------------------------------------------------------------------- */
#footer .menu{
	text-align:						center;
	padding-top:					25px;
}
#footer .menu .item{
	padding-left:					25px;
	padding-right:					25px;
	color:							#FFF;
	font-size:						12px;
}
#footer .menu .item a{
	color:							#FFF;
	text-decoration:				underline;
}
.error{
	text-align:						center;
	margin:							10px;
	color:							#F00;
	font-weight:					bold;
}
.ok{
	text-align:						center;
	margin:							10px;
	color:							#090;
	font-weight:					bold;
}



.calendarNav 	{  font-family: Verdana, Arial, Helvetica; font-size: 9px; font-style: normal; background-color: #FFFFFF}
.calendarTop 	{  font-family: Verdana, Arial, Helvetica; font-size: 11px; font-style: normal; color: #000000; background-color: #FFFFFF}
.calendarToday {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #009FBD;}
.calendarDays 	{  width:25px; height:25px; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #000000; background-color: #FFFFFF; text-align: center}
.calendarHL 	{  width:25px; height:25px;font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #FF0000; background-color: #00FF00; text-align: center}
.calendarHeader{  font-family: Verdana, Arial, Helvetica; font-size: 9px; background-color: #009FBD; color: #FFFFFF;}
.calendarTable {  background-color: #FFFFFF; border: 1px #FFFFFF solid}
.prev{ width:20px; float:left; }
.next{ width:20px; float:left; }
.month{ width: 115px; float:left; }