html {
	padding:0;
	margin:0;
	background: #12446B url('img2010/fd.gif') repeat-y;
}

body {
	font: 16px "Lucida Grande",Arial,Verdana,sans-serif;
	padding:0;
	margin:0;
	font-weight: normal;
}

img {
	border:0;
	margin:0;
	padding:0;
}



a {text-decoration:none; color:inherit; }
a:hover {text-decoration:underline; }



/* outer : div englobant l'ensemble de la page*/

#outer {
	margin: 0px auto 12px auto;
	position: relative;
	width: 950px;
}

/* css de haut de page : langues, bandeau, le menu a sa propre css*/

#masthead {
	
}

#langues {
	margin:0;
	padding:0;
	width: 950px;
	height: 24px;
	background-color: #99ACB0;
}

#langues ul{
	margin:0;
	padding:0;
	position: absolute;
	right:0px;
	top:2px;
	width: 320px;
	list-style-type: none;
	height: 13px;
	font-size: 13px;
	
}

#langues ul li{
	float: left;
	padding: 0 4px;
	margin: 0;
	display: inline;
	text-align: center;
	border-right: 1px solid #fff;
	height: 19px;
}

#langues ul li.last{
	float: left;
	width: 91px;
	margin-right: 3px;
	border-right: 0px;
}

#langues ul li.last img{
	float: left;
	margin-right: 1px;	
	width: 16px;
	height: 16px;
}

#langues ul li.last a{
	font-weight: bold;
	color:#003B67; 
}

#langues ul li a{
	line-height: 16px;
	color: #fff;
}

#bandeau {
	position: relative;
	width: 950px;
	height: 100px;
	background: url('img2010/fd-header.jpg') no-repeat;
}

#bandeau #carnum{
	height:45px; 
	position: absolute; 
	top: 316px;
	padding: 0; 
	right: 4px; 
}

#bandeau #carnum div, #bandeau #carnum .bouton, #bandeau #carnum .actif
{ 
	display: inline;
}

#bandeau #carnum div a{ 
	margin:0;
	padding:0;
	border:0;
	text-decoration: none;
}

#bandeau #carnum .bouton a,#bandeau #carnum .bouton a:hover,#bandeau #carnum .bouton a:active,#bandeau #carnum .bouton a:focus{
	background: #52788F ;
	color: #1A6296; 
	width:25px; 
	height:25px;
	margin:5px; 
	padding: 0;
	float:left;
	font: bold 20px 'Trebuchet MS',Arial,sans-serif; 
	text-align:center;
	text-decoration: none;
}

#bandeau #carnum .actif a,#bandeau #carnum .actif a:hover,#bandeau #carnum .actif a:active,#bandeau #carnum .actif a:focus {
	background: #96ABB0; 
	color: #003B66; 
	width:25px; 
	height:25px; 
	margin:5px; 
	padding: 0;
	font: bold 20px 'Trebuchet MS',Arial,sans-serif; 
	text-align:center;
	text-decoration: none;
}


#search {
	position: absolute;
	background: url('img2010/fd-search.gif') no-repeat;
	bottom:25px;
	left:776px;
	width: 150px;
	height: 21px;
}

#search input {
	width: 109px;
	height: 14px;
	border: 0px;
	font-size: 14px;
	line-height: 14px;
	margin: 2px 1px 0 25px;
	padding-left: 1px;
	color: #cecece;
	background-color: transparent;
	outline:none;
}

/* Ajouté par fpoli le 23/07/2010 */

#search_titre  a{
	font-size:12px;
	position: absolute;
	bottom:6px;
	left:798px;
	width: 113px;
	height: 16px;
	color:#ffffff;
	text-decoration:none;
	outline:none;
}

#search_bouton {
	position: absolute;
	bottom:24px;
	left:928px;
	width: 38px;
	height: 21px;
}

#search_bouton a
{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	font-weight:bold;
}

/* css du lead page accueil rajoutée le 26/11/2010 suite au demimensionnement des images*/

#lead_acc {
	/*background: url('img/fd-lead.gif') repeat-x;*/
	background-color: #003B67;
	clear:both;
	width: 950px;
	height: 221px;
	padding: 0;
	margin:0;
	z-index:0;
}

#lead_acc img {

	float: left;
	width: 334px; 
	height: 221px;
	margin: 0;
}


/* css du "lead" article*/

#lead {
	/*background: url('img/fd-lead.gif') repeat-x;*/
	background-color: #003B67;
	clear:both;
	width: 950px;
	height: 245px;
	padding: 0;
	margin:0;
	z-index:0;
}

/** html #lead { height: 17.11em;}*/

#lead h1,#lead_acc h1 {
	display: none;
}

#lead ul, #lead_acc ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#lead .leadart, #lead_acc .leadart {
	 display:none;
}

#lead div.leadarttxt, #lead_acc div.leadarttxt{
	
	float: left;
	margin: 5px 0 0 15px;
	width: 594px;
	
}

#lead div.visible {

}

#lead img {

	float: left;
	width: 334px; 
	height: 245px;
	margin: 0;
}

/** html #lead  img { height: 17.11em;}*/

/*#lead object {

	float: left;
	width: 20.875em; 
	height: 15.31em;
	margin: 0;
}*/

#lead div.rub, #lead_acc div.rub {
	color: #EB4C63;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	margin:0 0 4px 0;
	padding:0;
}

#lead h2, #lead_acc h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding:0;
	color: #fff;
}

#lead h2 a, #lead h1 a:visited, #lead_acc h2 a, #lead_acc h1 a:visited{
	color: #fff;
}

#lead div.texte, #lead_acc div.texte {
	color: #fff;
	font: 12px "Lucida Grande",Arial,Verdana,sans-serif;
	text-align: justify;
	margin-top: 5px;
}



#lead div.texte p, #lead_acc div.texte p{
	margin:0px;
}

#lead div.texte p.ere, #lead_acc div.texte p.ere{
	margin-top:10px;
}

#lead div.texte a,#lead div.texte a:visited, #lead_acc div.texte a, #lead_acc div.texte a:visited {
	color: white;
	font-weight: bold;
}

#lead div.texte a.plus,#lead div.texte a.plus:visited, #lead_acc div.texte a.plus, #lead_acc div.texte a.plus:visited {
	font-weight: bold;
	color: #eb4c63;
	display: inline;
	background: url('img2010/pucedlead.gif') no-repeat 0px;
	padding-left: 12px;
}

/* Css du corps de la page
/* <div inner>
		<div leftcol>
		<div midcol>
		<div rightcol2>
*/

div#inner {
	background: #fff url('img2010/fd-inner-220710.gif');
	margin: 0;
}

div#leftcol {
	
	float: left;
	width: 240px;
	margin-top: 0;
	border-right: 1px dotted #cfcfcf;
	font-size: 16px;
	
}

/*div#leftcol span.title {
	font: bold 0.6875em "Lucida Grande",Arial,Verdana,sans-serif;
	color: #8E2E3C;
	text-transform : uppercase;
}*/

div#leftcol div#direct {
	border-bottom: 1px dotted #ccc;
	background-color: #fff;
	padding: 10px 0 5px 0;
	font: 16px "Lucida Grande",Arial,Verdana,sans-serif;
	margin: 0 10px;
}

div#leftcol div#direct h1 {
	padding:0;
	margin:0;
	color:#8E2E3C;
	font-weight:bold;
	font-size: 11px;
	text-transform:uppercase;
}

div#leftcol div#direct ul {
	margin: 7px 0 0 19px;
	padding:0;
	font-size: 12px;
	list-style-image:url("img2010/puced.gif");
	
}

div#leftcol div#direct ul.red {
	list-style-image:url("img2010/pucedr.gif");
	margin-top:0;
	padding-top:0;
	
}

div#leftcol div#direct ul li a{
	color: #000;
	margin: 0;
	padding:0;
}

div#leftcol div#direct ul li.red {
	color: #8E2E3C;
}

div#leftcol div#events span.title {
	text-transform : none;
}

div#leftcol div#events {
	margin: 10px;
	padding: 10px 0 5px 0;
	font-size: 16px;
}

div#leftcol div#events ul {
	background-color: #F2F4F3;
	padding: 10px;
	margin: 10px auto;
	list-style-type: none;
}

div#leftcol div#events ul li img{
	border-bottom: 5px solid #8E3042;
	display:block;
	margin: 0 auto 3px auto;
	width:200px;
}


div#leftcol div#events  h1, div#rightcol2 h1,div#leftcol h1 {

	font: bold 11px "Lucida Grande",Arial,Verdana,sans-serif;
	color: #8E2E3C;
	margin:0;
	padding:0;
	text-transform:uppercase;

}

div#leftcol div#events ul li h2 {
	margin:0;
	padding:0;
	font-size: 12px;
	font-weight: bold;
	color: #365EB1;
}

div#leftcol div#events ul li h2 a{
	display: block;
	color: #365EB1;
}

div#leftcol div#events ul li span.texte, div#leftcol span.texte{
	font: 12px "Lucida Grande",Arial,Verdana,sans-serif;
	display:block;
	padding: 0 0 8px 0;
}

div#leftcol div#events a.morevt 
{
	
	background: url('img2010/pucedr.gif') no-repeat left center;
	color: #A81425;
	font: bold 12px 'Lucida Grande',Arial,Verdana,sans-serif;
	padding: 0 0 0 20px;
	margin:0;
	
}

div#midcol {

	float: left;
	width: 448px;
	padding: 10px; 
}

div#midcol h1{
	display:none;
}

div#midcol ul.article {
	list-style-type: none;
	margin:0;
	padding:0;
}

div#midcol ul.article li{
	font-size: 16px;
	border-bottom: 1px dotted #ccc;
	padding:0;
	margin:0;
	margin-bottom: 3px;
	width:  448px;
}

div#midcol ul.article li h2 {
	color: #003B67;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0 7px 0;
	padding:0;
}

div#midcol ul.article li h2 a{
	color: #003B67;
}

div#midcol ul.article div.texte{
	margin: 5px 0 0 0;
	font-size: 12px;	
}

div#midcol ul.article div.texte p{
	margin:0px;
}

div#midcol ul.article img{
	float: left;
	margin: 5px 10px 0 0;
	width: 112px;
	height: 74px;
}

div#midcol ul.article li div.rub{
	font-size: 11px;
	font-weight: bold;
	color: #8E2E3C;
	text-transform : uppercase;
}

div#midcol ul.article li div.texte a {
	
	color: #A81425;
	display: inline;
	font-weight: bold;
	background: url('img2010/pucedr.gif') no-repeat 0px;
	padding-left: 12px;
}

div#midcol ul.article div.fill {
	clear: both;
	height: 10px;
}


div#rightcol {
	display:none;
	float: left;
	margin-left: 10px;
	text-align: center;
	width: 14.6875em;
	margin-top: 10px;
}

div#rightcol img{
	
	margin:0 auto 10px auto;
	text-align: center;
}

div#rightcol2 {
	
	float: left;
	margin-left: 19px;
	text-align: center;
	width: 219px;
	margin-top: 10px;
}

div#rightcol2 img{
	
	margin:0 auto 0 auto;
	text-align: center;
	width: 210px;
	height: 163px;
}

div#pagefooter {
        text-align: left;
        background: #fff;
        
}
div#pagefooter div.wrapper {
padding:20px 0 40px 32px;
background: #fff;
}
div#pagefooter div.cols {
width:910px;
margin:0 auto;
background: #fff;
}
div#pagefooter div.cols div.col1,
div#pagefooter div.cols div.col2,
div#pagefooter div.cols div.col3,
div#pagefooter div.cols div.col4,
div#pagefooter div.cols div.col5 {
width:167px;
float:left;
display:inline;
background: #fff;
}
div#pagefooter div.cols div.col1 { margin-right:16px; }
div#pagefooter div.cols div.col2 { margin-right:16px; }
div#pagefooter div.cols div.col3 { margin-right:16px; }
div#pagefooter div.cols div.col4 { margin-right:0; }
div#pagefooter div.cols div.col5 { display: inline; }
div#pagefooter ul {
padding:0;
margin:0;
}
div#pagefooter ul li {
padding:0;
margin:0 0 3px 0;
list-style:none;
font-size:12px;
}

div#pagefooter h6 {
	font: bold 11px "Lucida Grande",Arial,Verdana,sans-serif;
	color: #8E2E3C;
	text-transform : uppercase;
	margin-bottom:3px;
}

div#pagefooter a {
	color: #3a6cc3;
}

div#pagefooter div.lastlinks a{
	color: #999;
}


div#footer2 {
	background: #fff;
}

div#footer3 {
	background: #fff;
}

div#footer3 div.lastlinks
{
background: #fff;
padding: 10px 0 5px 0;
margin: 20px 20px 20px 20px;
border-top: 1px solid #E9E9E9;
font-size:12px; 
color:#999;
}

div#footer3 div.lastlinks a{
	color: #999;
}

/*Ajouté par fpoli le 21/12/2011 : icone facebook*/

div#leftcol img.facebook{
width:24px;
height:24px;
margin-top:0px;
margin-left:5px;

}

a.facebook{float:right;}

/*Ajouté par fpoli le 31/10/2012 : suivre actualité*/

a.actu{
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -o-border-radius: 5px; 
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    color: #FFFFFF;
    display: block;
    font-size:12px;
    background:#1884B5;
	padding:2px;
	font-weight:bold;}
	
a.actu:hover{background:#0C4D79;text-decoration:none;}	

p.pactu{margin:5px 0 5px 0;}