@charset "utf-8";
/* CSS Document */

html,body{
		font-family:Verdana;
		font-weight:normal;
		background-color:#eaeaea;
		margin: 0;
		padding: 0;
		height: 100%;
}

a{
	color:#5491c2;
	text-decoration:underline;
}
a:hover{
	color:#5491c2;
	text-decoration:none;
}

h2{
font-size:16px;
font-weight:bold;
padding-top:20px;

}

h3{
font-size:12px;
font-weight:bold;
text-decoration:underline;
padding-top:5px;
padding-bottom:5px;
}

/* Layout  */
#site_center{
		width:778px;
		position: relative;
				/* permet au bloc de servir de référent pour
				   ses descendants positionnés en absolu */
		margin: 0 auto;
		min-height: 100%;
		text-align:left;
		font-family: Verdana;
		font-size:12px;
		font-weight:normal;
		
		width:778px;
		background-image:url(images/squel_bg.jpg);
		background-position:center;
		background-repeat:repeat-y;
		
		color:#444444;
}
	/* Ne pas oublier les styles suivants, à appliquer au premier élément
	   et au dernier élément (hors pied de page) du bloc conteneur */

	div#site_center #dernier-element {
		margin-bottom: 0; /* évite tout risque de fusion des marges */
		padding-bottom: 59px;
			/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
	}
	div#piedpage {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%;
			/* pour que le bloc prenne toute la largeur du bloc de référence
			   Note : le bloc de référence est le plus proche ancêtre positionné
			   en relatif ou en absolu */
		height: 3em;
	}		
#squel{
	text-align:left;
	font-family: Verdana;
	font-size:12px;
	font-weight:normal;
	
	width:778px;
	background-image:url(images/squel_bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	
	position:relative;
}

.clear_float{
	clear:both;
}



/*--------*/
/* Header */
/*--------*/
#header{
	margin:0px;
	padding:0px;
	background-image:url(images/header_01.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#header_pict{
	background-image:url(images/header_pict.jpg);
	background-repeat:no-repeat;
	width:778px;
	height:212px;
}
#header_title{
	height:20px;
	text-align:right;
	margin-right:20px;
	padding-top:3px;
	color:#7a7a7a;
	letter-spacing:2px;
	font-size:10px;
}
/


/*---------*/
/* Content */
/*---------*/
#content{
	/*padding-top:30px;*/
	padding-bottom: 2em;
	padding-top:48px;

}
#content #content_main{
	padding-left:30px;
	padding-top:20px;
	padding-right:30px;
}

#content_left{
	padding-left:30px;
	float:left;
	width:214px;

	font-size:10px;
	color:8a8a8a;
}
#content_left .title{
	padding-top:20px;
	padding-bottom:10px;
}

	#content_left a{
		text-align:right;
		color:#5491c2;
		text-decoration:underline;
	}
	#content_left a:hover{
		text-align:right;
		color:#5491c2;
		text-decoration:none;
	}

#content_right{
	margin-top:15px;
	margin-left:220px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	background-repeat:repeat-y;
	background-image:url(images/content_horizBreak.jpg);
}

	/* LEFT */
	/* Other */
	div.li_green{
		background-image:url(images/li_green.jpg);
		background-repeat:no-repeat;
		padding-left:10px;
		color:#444444;
		text-align:left;
		text-transform:uppercase;
		font-size:10px;
		background-position:center left;
		font-weight:bold;
	}
	
	div.button{
		cursor:pointer;
	}
	
	/* News */
	div.leftcontent_elt{
		width:175px;
	}
	div.leftcontent_elt h1{
		padding:0;
		margin:0;
		font-size:10px;
		font-weight:bold;
		color:#8a8a8a;
	}
	div.leftcontent_elt p{
		padding:0;
		margin:0;
		line-height:normal;
		font-size:10px
	}
	
	.pagetitle{
		background-image:url(images/prev_title.jpg);
		background-repeat:no-repeat;
		padding-left:20px;
		background-position:center left;
		height:35px;
	}
	.text_highlighted{
		width:100%;
		margin-top:15px;
		text-align:center; 
		background-color:#5491c2; 
		font-size:14px; 
		font-weight:bold;
		color:#ffffff;

	}
	/* RIGHT */
	
/*---------*/
/* Footer  */
/*---------*/
#footer{
	position:absolute;
	bottom:0;
	left:0;
	height:59px;
	background-image:url(images/footer_line.jpg);
	background-repeat:no-repeat;
	width:778px;
	margin-top:10px;
	padding-top:10px;
}

#footer_left{
	float:left;
	height:59px;
	width:320px;
	padding-left:15px;
	text-align:right;
	font-size:10px;
}
#footer_right{
	width:400px;;
	margin-left:360px;
	height:59px;
	text-align:right;
	font-size:10px;
}
	
	#footer_left a{
		text-decoration:underline;
		color:#939393;
	}
	#footer_left a:hover{
		text-decoration:none;
		color:#939393;
	}


.light_grey{
	color:#939393;
}
.dark_grey{
	color:#444444;

}
.blue{
	color:#5491c2;
}

.illu{
	padding:2px;
	border:1px solid #939393;
}

/* LINKS */
.dark_grey a{
	color:#444444;
	text-decoration:none
}
.dark_grey a:hover{
	color:#444444;
	text-decoration:underline;
}

/*----------*/
/* FORMS    */
/*----------*/

input, textarea
{
	font-family:Verdana;
	font-size:10px;
	border:solid 1px #7F9DB9;

}

form.formMulti{
	width: 536px;;
}
formMulti p{
	padding:0;
	margin:0;
}

.formMulti label{
	height:18px;
	background-color: #5491c2;
	display: block;
	width: 182px;;
	float: left;
	color:#FFFFFF;
	text-align: right;
	letter-spacing: 1px;

}
.formMulti input, .formMulti textarea{
	width:55%;
}

/* LIST*/
li {
	display: list-item;
	list-style-image: url(images/li_green.jpg);
	list-style-type: none;
	padding-left: 15px;
	padding-bottom:10px;
}
li.small {
	display: list-item;
	list-style-image: url(/images/li_green.jpg);
	list-style-type: none;
	padding-left: 0px;
	padding-bottom:2px;
}
li.norm{
	display: list-item;
	list-style-image: none;
	list-style-type: square;
	padding-left: 15px;
	padding-bottom:10px;
}
/* Site map */
ul.sitemap{
margin:0;
padding-left:10px;
padding-bottom:3px;
}
ul.sitemap li {
	display: list-item;
	list-style-image: url(/images/li_green.jpg);
	list-style-type: none;
	margin-left:15px;
	padding-left: 5px;
	padding-bottom:3px;
}
ul.sitemap li.norm{
	display: list-item;
	list-style-image: none;
	list-style-type: square;
	padding:0px;
	margin:0;
}

/*-------------------*/
/* Navigation Bar    */
/*-------------------*/

div.navig{
	padding-top:10px;
	padding-left:30px;
	font-size:10px;
	color:#939393;
}

#tableContent{
	width:600px; 
	text-align:left;
	margin-bottom:40px;
	margin-top:20px;
}
#tableContent a{
	padding-left:20px;
	display:block;
}

div.butLink{
float:right;
	text-transform: uppercase;
	border:1px solid #5391C2;
	width:200px;
	background-color:#c6e2f9;
	color:#444444;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}