/*------------------------------------------------*
 *---  CSS HOMEPERF  ------------------------------*
 *------------------------------------------------*/
	
html {
 margin: 0;
 padding: 0;
}

/* Normalise les marges et le remplissage */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, select, p, blockquote, th, td {
 margin: 0;
 padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color:#fff;
	background:#fff;
	color: #333;
}


/* Normalise les tailles de polices pour les en-têtes */

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}


/*  Supprime list-style pour les listes*/

ol, ul{
	list-style:none;
}

/* Supprime les bordures dans éléments fieldset et img*/

fieldset, img{
	border:0;
}

/* clear */

.clear{
	clear:both;
}

strong{
	color:#1f7dbc;
}

 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto 20px auto;
	padding:0;
	width:950px;
}

/*Haut de page  HEADER*/

#header_top{
	margin:0 auto;
	padding:0;
	width:950px;
	height:73px;
	background:#fff url(../images/deco/bg_header_top.gif) top no-repeat;
	position:relative;
}
#logo img {
	border: none;
}	

#header_diaporama{
	margin:0 auto;
	padding:0;
	width:950px;
	height:301px;
	background:#fff url(../images/deco/bg_diaporama.jpg) top no-repeat;
}

#header{
	margin:0 auto;
	padding:0;
	width:950px;
	height:359px;
	background:#fff url(../images/deco/header.jpg) top no-repeat;
	position:relative;
}

#header h1, #header h1 a, #header h1 a:hover{
	top:2px;
	left:10px;
	margin:0;
	padding:0;
	width:279px;
	height:51px;
	font-size:.9em;
	color:#007071;
	text-decoration:none;
	text-indent:-9999px;
	position:absolute;
	z-index:5;
}

#menu_content{top:18px; left:324px; background:url(../images/menu/bg_menu.gif) no-repeat; position:absolute; width:580px; height:41px;}

#menu {list-style-type:none; margin:0; padding:0; width:575px; height:36px; position:absolute; top:3px; left:3px;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:114px; height:41px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;  display:block; width:100%;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:0.9em;}
#menu dl {width:150px; margin:0; padding: 0; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size:0.9em; color: #fff; line-height:40px; text-indent:-30px; text-align:center;}
#menu dd {margin:0; padding:3px 0 3px 0; color: #fff; font-size:0.8em; background: #F6F6F6; text-align:left; border:#fafafa solid 1px;}

.menu dt a, .menu dt a:visited {display:block; color:#fff;}
.menu dd a, .menu dd a:visited {color:#2683c1; text-decoration:none; display:block; padding:4px; width:100%;}
.menu dd a:hover {text-decoration:underline; width:100%; display:block;}
.menu dt a.menu_actif{background:url(../images/menu/picto_actif.gif) no-repeat 60px 29px ;}


#header p{
	padding:130px 180px 0 0;
	text-align:right;
	font-size:2em;
	color:#2885c2;
	font-style:italic;
}

/* HEADER RUBRIQUE */

#header_rubrique{
	margin:0 auto;
	padding:0;
	width:950px;
	height:359px;
	background:#fff url(../images/deco/header_rubrique.jpg) top no-repeat;
	position:relative;
}

#header_rubrique h1, #heade_rubriquer h1 a, #header_rubrique h1 a:hover{
	top:2px;
	left:10px;
	margin:0;
	padding:0;
	width:279px;
	height:51px;
	font-size:.9em;
	color:#007071;
	text-decoration:none;
	text-indent:-9999px;
	position:absolute;
	z-index:5;
}

#header_rubrique p{
	padding:130px 180px 0 0;
	text-align:right;
	font-size:2em;
	color:#2885c2;
	font-style:italic;
}

/*content de page  CONTENT */

#content {
	margin:0 auto;
	padding:0 0 30px 0;
	width:870px;
	background:#fff;
}

#authinfos {
	margin-bottom: 10px;
	text-align: right;
	font-size:0.8em;
	color:#2885c2;	
}

ul.division{
	margin:0;
	padding:0;
	width:870px;
}

ul.division li{
	display:inline;
	float:left;
}

ul.division li .picto{
	height:88px;
	float:right;
	clear:both;
}

ul.division li span{
	top:166px;
	left:10px;
	position:absolute;
	z-index:10;
}

ul.division li a{
	color:#fff;
	font-size:.8em;
	text-decoration:underline;
	font-style:italic;
}

ul.division li a:hover{
	text-decoration:none;
}

li#bloc1, li#bloc2, li#bloc3{
	padding:10px 10px 34px 10px;
	width:265px;
	height:150px;
	background:#fcfdf7 url(../images/deco/bottom_bloc.gif) no-repeat bottom scroll;
	position:relative;
}

li#bloc1 h2, li#bloc2 h2, li#bloc3 h2{
	width:220px;
	color:#1f7dbc;
	font-size:12px;
	height:40px;
	position:relative;
}

li#bloc1 p, li#bloc2 p, li#bloc3 p{
	margin:10px 0 0 0;
	padding:0;
	font-size:.7em;
}

li#bloc2{
	left:7px;
}

li#bloc3{
	float:right;
}

#content p.accueil{
	margin:20px 0 0 0;
	padding:0 0 15px 0;
	color:#0e71b4;
	font-size:.9em;
	text-align:justify;
	font-weight:normal;
}

#content .img_deco{
	margin:10px auto 10px auto;
	border:#ccc solid 1px;
}

ul.division_bottom{
	margin:0;
	padding:25px 0 0 0;
	width:870px;
	border-top:#eaeaea solid 1px;
}

ul.division_bottom li{
	display:inline;
	float:left;
}


ul.division_bottom li a{
	color:#fff;
	text-decoration:underline;
	font-style:italic;
}

ul.division_bottom li a:hover{
	text-decoration:none;
}

li#bloc4{
	left:0;
	padding:10px 10px 34px 10px;
	width:557px;
	height:183px;
	background:#fcfdf7 url(../images/deco/bottom_bloc_rose.gif) no-repeat bottom scroll;
	position:relative;
}

li#bloc4 h2{
	width:420px;
	color:#ef9dc5;
	font-size:.9em;
	font-weight:bold;
}

li#bloc4 .left{
	width:200px;
	float:left;
}

#bloc4 span{
	top:198px;
	left:10px;
	position:absolute;
	z-index:10;
	font-size:.8em;
}

li#bloc4 .left p.bleu{
	padding:15px 0 0 10px;
	color:#2280be;
	font-size:.9em;
}

li#bloc4 .left p{
	padding:15px 0 0 10px;
	font-size:.8em;
}

li#bloc4 .center{
	width:167px;
	height:164px;
	float:left;
}

li#bloc4 .right{
	width:180px;
	float:right;
}

li#bloc4 .right p.rose{
	padding:15px 0 0 10px;
	color:#f0a1c7;
	font-size:1em;
	text-align:center;
	font-weight:bold;
}

li#bloc4 .right .img{
		margin:5px 0 5px 0;
}

li#bloc4 .right p{
	padding:10px 0 0 10px;
	font-size:.8em;
	text-align:center;
}

li#bloc4 .right p a, li#bloc4 .right p a:hover{
	color:#333;
	text-decoration:underline;
}

li#bloc5_bis{
	padding:10px 0 0 10px;
	width:275px;
	float:right;
}

li.bloc5{
	padding:10px 0 0 10px;
	width:265px;
}

li.bloc5 h2{
	color:#1f7dbc;
	font-size:1em;
}

li.bloc5 .date{
	margin:10px 0 0 0;
	padding:8px 0 0 0;
	width:36px;
	height:53px;
	background:transparent url(../images/deco/bg_date.gif) top no-repeat;
	float:left;
	font-size:.9em;
	color:#fff;
	text-align:center;
}

li.bloc5 h3{
	margin:10px 0 0 0;
	padding:0 0 0 45px;
	color:#1f7dbc;
	font-size:.8em;
}

li.bloc5 p{
	margin:5px 0 0 0;
	padding:0 0 10px 45px;
	font-size:.7em;
}

li.bloc5 p a, li.bloc5 p a:hover{
	color:#198147;
	text-decoration:none;
}

/* ------ styles news -------- */
table.actus{
	width:90%;
}

table.actus td{
	vertical-align: top;
}

table.actus .date{
	width:36px;
	height:53px;
	background:transparent url(../images/deco/bg_date.gif) top no-repeat;
	font-size:.9em;
	color:#fff;
	text-align:center;
}

table.actus h3{
	color:#1f7dbc;
	font-size:.8em;
	margin-left: 10px;
	padding-top: 0px;
}

table.actus p{
	font-size:.7em;
	margin-left: 10px;
}

table.actus .fond{
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}

table.actus .fond{
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}

a.liensnavactus{
	display: block;
	text-align: right;
	color:#1f7dbc;
	font-size: 0.8em;
	font-style: italic;
}
/* --------------------------- */

/*bloc5 span.lien a{
	padding:0 0 0 130px;
	color:#217fbd;
	text-decoration:underline;
}

bloc5 span.lien a:hover{
	text-decoration:none;
}*/


/* CONTENT RUBRIQUE */

#content_rubrique{
	margin:0 auto;
	padding:0 30px 34px 30px;
	width:810px;
	background:#fcfdf7 url(../images/deco/bottom_bloc_rubrique.gif) center bottom no-repeat;
}

#content_rubrique h2{
	padding:0 0 5px 0;
	color:#1f7dbc;
	font-size:1em;
	font-weight:bold;
}

#content_rubrique h3{
	padding:10px 0 5px 0;
	color:#1f7dbc;
	font-size:.9em;
	/*font-style:italic;*/
}

#content_rubrique p{
	padding:5px 0 5px 0;
	font-size:.8em;
}

#content_rubrique a{
	color:#1f7dbc;
	text-decoration:underline;
}

#content_rubrique a:hover{
	text-decoration:none;
}

#content_rubrique ul.liste_rubrique{
	padding:5px 0 10px 10px;
	font-size:.8em;
}

#content_rubrique ul.liste_rubrique li{
	margin:5px 0 0 0;
}

#content_rubrique ul.liste_rubrique li a{
	color:#1f7dbc;
	text-decoration:underline;
}

#content_rubrique ul.liste_rubrique li a:hover{
	text-decoration:none;	
}

#content_rubrique p.haut_page{
	margin:15px 0 20px 0;
	text-align:right;
}

/* LET */

#left_content{
	margin:25px 0 20px 0;
	padding:0 10px 0 0;
	float:left;
	position:relative;
	width:448px;
	left:0px;
}

#left_content h4{
	padding:5px 0 5px 0;
	color:#1f7dbc;
	font-size:.8em;
}

#left_content p.rose{
	padding:15px 0 10px 0;
	color:#f0a1c7;
	font-size:1em;
	text-align:center;
}

#left_content .img{
	margin:15px 0 0 0;
}

#left_content ul.liste{
	margin:10px 0 15px 25px;
	font-size:.8em;
	list-style-type:disc;
}

#left_content ul.liste li{
	margin:5px 0 5px 0;
}

/* RIGHT */

#right_content{
	margin:25px 0 20px 0;
	padding:0 0 0 15px;
	float:right;
	position:relative;
	width:335px;
	border-left:#ccc dotted 1px;
	right:0px;
}

#right_content h3{
	padding:0 10px 5px 0;
	font-size:1.2em;
}

#right_content h4{
	padding:10px 10px 5px 0;
	font-size:1.1em;
	color:#008148;
	font-style:italic;
}

#right_content h4 a{
	color:#008148;
	text-decoration:none;
}

#right_content h4 a:hover{
	text-decoration:underline;
}

#right_content p{
	padding:10px 15px 15px 0;
}

#right_content .img_coordinateur{
	margin:0 10px 0 0;
	padding:2px;
	border:#ccc solid 1px;
	float:left;
}

#right_content ul.liste_offres_emploi{
	margin:0 0 15px 0;
	padding:0;
	font-size:.8em;
}

#right_content ul.liste_offres_emploi li{
	margin:5px 3px 0 0;
	padding:0 0 0 3px;
}

#right_content .bloc_annonces{
	background:#FAFAFA; padding:0 0 5px 5px; width:305px;	
}


/* RUBRIQUE */

/*ul.division_rubrique{
	margin:0;
	padding:25px 0 0 0;
	width:870px;
}

ul.division_rubrique li{
	display:block;
	float:left;
}

ul.division_rubrique li a{
	color:#fff;
	text-decoration:underline;
	font-style:italic;
}

ul.division_rubrique li a:hover{
	text-decoration:none;
}

li#bloc6{
	left:0;
	margin:0 0 20px 0;
	padding:0 10px 20px 0;
	width:450px;
	height:470px;
	border-right:#ccc dotted 1px;
	overflow:auto;
}

li#bloc6 h4{
	padding:5px 0 5px 0;
	color:#1f7dbc;
	font-size:.8em;
}

li#bloc6 p.rose{
	padding:15px 0 10px 0;
	color:#f0a1c7;
	font-size:1em;
	text-align:center;
}

li#bloc6 .img{
	margin:15px 0 0 0;
}

li#bloc7{
	padding:0 15px 20px 20px;
	width:365px;
	float:left;
}

li#bloc7 h3{
	padding:0 10px 5px 0;
	font-size:1.2em;
}

li#bloc7 p{
	padding:5px 15px 0 0;
}

li#bloc7 .img_coordinateur{
	margin:0 10px 0 0;
	padding:2px;
	border:#ccc solid 1px;
	float:left;
}
*/

ul.liste_coordination{
	margin:0 auto 0 auto;
	width:800px;
}

ul.liste_coordination li{
	display:inline;
	float:left;
}

li#coordination1 a, li#coordination2 a, li#coordination3 a, li#coordination4 a{
	width:200px;
	height:213px;
	color:#333;
	text-decoration:none;
	display:block;
	text-indent:-9999px;
}

li#coordination1 a{
	background:transparent url(../images/coordination/coord1.jpg) top scroll no-repeat;
}

li#coordination1 a:hover{
	background:transparent url(../images/coordination/coord1_over.jpg) top scroll no-repeat;
}

li#coordination2{
	background:transparent url(../images/coordination/coord2.jpg) top scroll no-repeat;
}

li#coordination2 a:hover{
	background:transparent url(../images/coordination/coord2_over.jpg) top scroll no-repeat;
}

li#coordination3{
	background:transparent url(../images/coordination/coord3.jpg) top scroll no-repeat;
}

li#coordination3 a:hover{
	background:transparent url(../images/coordination/coord3_over.jpg) top scroll no-repeat;
}

li#coordination4{
	background:transparent url(../images/coordination/coord4.jpg) top scroll no-repeat;
}

li#coordination4 a:hover{
	background:transparent url(../images/coordination/coord4_over.jpg) top scroll no-repeat;
}

/* FIN CONTENT RUBRIQUE */

/*Bas de page  FOOTER*/

#footer{
	margin:0 auto ;
	width:870px;
	border-top:#eaeaea solid 1px;
	font-size:0.8em;
}

#footer ul.left, #footer ul.right{
	padding:10px 0 0 0;
}

#footer ul.left{
	float:left;
}

#footer ul.right{
	float:right;
}

#footer ul.left li, #footer ul.right li{
	display:inline;
}

#footer ul.left li a, #footer ul.right li a{
	color:#2381bf;
	text-decoration:none;
}

#footer ul.left li a:hover, #footer ul.right li a:hover{
	text-decoration:underline;
}

/* VALIDATE */

.validate{
	padding:10px 0 0 0; 
	font-family:"Georgia", Times New Roman, serif;
	font-style:italic;
}

.validate a{
	color:#217fbd;
	text-decoration:none;
}

.validate a:hover{
	text-decoration:underline;
}

/* NEWS */
#NewsTicker{
	width:275px;
	height:200px;
}

#NewsTicker h2{
	color:#1f7dbc;
	font-size:1em;
}

#NewsVertical {
	width: 275px;
	height: 200px;
	display: block;
	overflow: hidden;
	position: relative;
}

#controller{
	padding:0;
	float:right;
}

#play_scroll_cont{display:none;}

.play{
	padding:0px 0px;
	color:#2381bf;
	font-size:10px;
}

.btn{
	margin:0 2px 0 0;
	float:left;
}

ul#TickerVertical {
		width: 275px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
}

ul#TickerVertical li {
		display: block;
		width: 275px;
		text-align: left;
		margin: 0;
		padding: 0px;
}
ul#TickerVertical li .NewsTitle{
		display: block;
		margin-bottom:6px;
}
ul#TickerVertical li .NewsTitle a:link,
ul#TickerVertical li .NewsTitle a:Visited {
		display: block;
		margin-bottom:6px;
		text-decoration:none;
}
ul#TickerVertical li .NewsTitle a:hover {
		text-decoration:underline;
}
		
ul#TickerVertical li .NewsImg{
		float:left;
		margin-right:0px;
}
ul#TickerVertical li .NewsFooter{
		display: block;
		margin:0px 0 14px 0;
}

#formulaire_login table {
	border: #ccc dotted 1px;
	font-size: 0.8em;
}

#formulaire_login table th{
	background: none;
	color:#1f7dbc;
	font-size: 1.4em;	
}

#coordinationdetail {
	margin-top: 40px;
	font-size: 0.8em;	
}

#coordinationdetail h4 {
	color:#1f7dbc;
}