body 
{
	background-color:#e5e5e5;
	font-family:arial,verdana;
	
}

a img
{
border : none;
}
#container
{
	width:998px;
	margin:0 auto 0 auto;
	padding:0;
	position: absolute;
	left: 50%;
	margin-left: -499px;
}

#header {
	height:240px;
	width:998px;
	background-image:url(images/headerfr.png);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	border:none:
	border:1px solid black;
}


#content {
	height:241px;
	width:998px;
	background-image:url(images/body.png);
	background-repeat:repeat-y;
	padding:0 55px 0 55px;
	margin:0;
	border:none;
}

html>body #content {
	height:auto;
	min-height:241px;
}  


#footer {
	clear:both;
	height:68px;
	width:998px;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	border:none;
}


#accessibilite
{
	text-align:right;
	margin:0 10px 0 0;
	padding:0;
	background-color:transparent;
	border:none;
}

#accessibilite li
{
	display: inline;
	border-left:1px solid #5e78a9;
	padding : 0 2px 0 2px;
	font-size:0.8em;
	margin:0;
}

#accessibilite #first
{
	border-left:none;
}

#accessibilite li a
{
	color:#5e78a9;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}

#accessibilite li a:hover
{
	color:#fcb800;
}

#slogan {

	height:200px;
	margin:0;
	padding:0;
	text-align:right;
}

#slogan p
{
	color:#fcb800;
	float:right;
	width:400px;
	margin:130px 50px 0 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}

#menu
{
	text-align:center;
	margin:0 0px 0 5px;
	padding:0px 0px 0 0px;
}

#copyright ul
{
	text-align:center;
	margin:0 0 0 0;
	padding:25px 0 0 0;
	background-color:transparent;
	border:none;

}


#copyright ul li
{
	display: inline;
	padding : 0 5px 0 5px;
	font-size:0.8em;
	margin:0;
}


#copyright ul li a
{
	color:#5e78a9;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}


#nav2 {
	margin: 0px 10px 0 40px;
	padding:10px 0 0 0px;
	text-align:center;
}


#nav2 li {
	position: relative;
	display: inline;
	margin: 0 10px 0 10px;
	padding:0;
	}

#nav2 li a {
	color:#5e78a9;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
	
#nav2 li div {
    display: none;
    position: absolute;
    top: 50px;
    margin-left: 50%;
    left: -125px;
    width: 250px;
    padding-top: 30px; 
    background-color:#c2c3c3;
    background: url(images/menu/submenu-top.png) no-repeat 0 0;
    }

#nav2 li div ul {
    width: 248px;
    padding: 0 0 23px;
    background: url(images/menu/submenu-bottom.png) no-repeat 0 100%;
    background-color: #dddddd;
    border: 1px #c2c3c3;
    border-style: none solid;
    }
#nav2 li div ul li {
    float: none;
    position: relative;
    width: 228px;
    padding: 4px 10px;
    }
#nav2 li ul li a {
    height: auto;
    width: auto !important;
    text-align: center;
    background: none;
    color: #666;
		font-size:11px;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px 1px #eee;
    } 
#nav2 li div ul li a { display: inline-block; }
#nav2 li div ul li a { display: block; }
#nav2 li ul li a:hover {
    color: #1c9bcf;
    }



#bandeau2
{
	margin: 0 0 10px 3px;
	width: 880px;
	background-color: white;
	border : none:
	height:200px;
	background-color: white;
	padding:0px 5px 5px 5px;
	height:200px;
}
#bandeau2 #slider1
{
	border:5px solid #ddd;
	background-color: #ddd;
	width:570px;
	float: left;
	height:200px;
	margin:0px;
	margin-right:10px;
    position: relative; /* important */
	overflow: hidden; /* important */	
}

#bandeau2 #droiteHaut, #content #droiteHaut
{
	border:5px solid #ddd;
	background-color: #ddd;
	width:275px;
	float: left;
	height:200px;
	margin:0px;
	text-align:center;
}

#content #droiteHaut {
	margin-bottom:20px;
}

.form {
	text-align:left;
	background-color:white;
	margin:10px 5px 10px 5px;
	padding:5px;
	border:1px solid gray;
}

.form span
{
	font-size:18px;
}

.phrasealeatoire
{
	text-align:center;
	margin:5px;
	padding : 2px;
	color:gray;
	font-size:12px;
}
#bandeau3
{
	margin-left: 3px;
	width: 880px;
	border : none:
	height:800px;
	padding:5px;
	height:400px;
}
#bandeau3 #gauche
{

	float: left;
	padding:0;
	margin:5px 3px 5px 0;
	
}
#bandeau3 #milieu
{
	float: left;
	margin:5px 3px 5px 5px;
}

#bandeau3 #droite
{
	float: right;
	margin:5px 0px 5px 6px;
	width:290px;
}
#ecusson 
{
	background-image:url(images/ecusson.png);
	background-repeat:no-repeat;
	background-color:#fff;
	height:375px;
	padding:0;
	margin: 20px 0 0 0;
	color:white;
	padding:35px;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}




#ecusson div
{
	margin:0px;
	margin-top:65px;
	font-size:24px;
}

#ecusson div a
{
	color:orange;
	text-decoration:none;
}
#ecusson div a:hover { 	color:orange; }
#ecusson div a:focus { 	color:orange; }
#ecusson div a:visited { 	color:orange; }

.blocRSSindex  {
border : 1px solid #cccccc;
clear : both;
margin: 20px 0 5px 0;
border-left : 10px solid;
padding : 0;
width : 275px;
border-left-color : #aaa;
font-family:arial,verdana;
background-color:#f3f6fb;
height:170px;
}

.blocMenutitre {
font-weight : bold;
margin : 0;
padding : 2px 10px 0 5px;
background-color : inherit;
color:#5e78a9;
} 
 .blocMenubleu  {
border-left-color : #5e78a9;
}

.blocMenubleu .blocMenutitre  {
background-color : #d5e0f4;
}

div.floatright  {
float : right;
clear : right;
margin : 0;
position : relative;
bottom:10px;
border-width : 0.5em 0 0.8em 1.4em;
}

.specialfont2 {
	font-size:16px;
}

.liste
{
	padding: 0px;
	margin:0;
}

.liste ul
{
	padding: 5px 5px 5px 5px;
	margin:0;
	width : 260px;
	background-color:transparent;
	list-style-type : none;
}


.liste ul li a
{
	color : #5e78a9;
	text-decoration:none;
	font-size:14px;
}

.liste ul li a:hover
{
	color : #d5e0f4;
}


.liste ul ul
{
	margin:0;
	padding:0;
	padding-left:25px;
}


.allersur {
	text-align:right;
	padding:0;
	margin:0;
	position:relative;
	top:10px;
	margin-right:20px;
}


#slider1Content {
    width: 570px; /* important to be same as image width or wider */
    position: absolute;
		top: 0;
		margin-left: 0;
		padding:0;
}
.slider1Image {
    float: left;
    position: relative;
		display: none;
		padding:0;
		margin:0;
}
.slider1Image span {
    position: absolute;
		font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
		-khtml-opacity: 07;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.slideleft {
	top: 0;
   left: 0;
	width: 130px !important;
	height: 280px;
}
.slideright {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}


#middle {
	float:left;
	width:580px;
	padding:0px 5px 5px 5px;
	margin:0px 0px 5px 6px;
	background-color:transparent;
}

#sidebar{
	float:left;
	width:10em;
	background-color:transparent;
	padding:0px;
	margin:0px 5px 5px 6px;
	width:290px;
}

#pub
{
	margin:0;
	padding:0;
  clear: both; 	
  text-align:center;
  width:890px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#content h1
{
color:#5e78a9;
background-color:#d5e0f4;
margin:0px 0 25px 0;
padding:0;
font-size:36px;
}

#content h2
{
color:#5e78a9;
margin:5px 0 5px 0;
padding:0;
font-size:32px;
text-decoration:underline;
}

#content h3
{
color:#5e78a9;
margin:5px 0 5px 0;
padding:0;
font-size:28px;
}

#content h4
{
color:#5e78a9;
margin:5px 0 5px 0;
padding:0;
font-size:24px;
}

#content h5
{
color:#5e78a9;
margin:5px 0 5px 0;
padding:0;
font-size:20px;
}

#content h6
{
color:#5e78a9;
margin:5px 0 5px 0;
padding:0;
font-size:16px;
}

#content p
{
	font-size:14px;
	line-height:20px;
	text-align:justify;
	color:#333333;
	margin:0px 0px 25px 0px;
	line-height:1.2em;
}


#content a {
	color:#5e78a9;
	text-decoartion:none;
}
#content a:hover{
	color:#000000;
}
#content a:focus{
	color:#000000;
}
#content a:visited{
	color:#000000;
}

#tabs
{
	font-size:12px;
}


#accordion, #accordion h3
{
	font-size:12px;
}
#content ul
{
	font-size:14px;
	line-height:16px;
	text-align:justify;
	color:#333333;
	margin:5px 5px 5px 25px;
	padding:0;
}


.bandeau  {
border : 1px solid #cccccc;
clear : both;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 0px;
margin-right : 0px;
border-left : 10px solid;
padding : 0;
width : auto;
border-left-color : #aaa;
}
.bandeautitre {
font-weight : bold;
margin : 0;
padding : 2px 10px 0 25px;
background-color : inherit;
} 

.bandeauvert, .etiquettevert  {
border-left-color : #228b22;
}
.bandeauvert .bandeautitre {
background-color : #eeffee;
}
.bandeaurouge, .etiquetterouge {
border-left-color : #c22222;
}
.bandeaurouge .bandeautitre {
background-color : #ffeeee;
}
.bandeauorange, .etiquetteorange {
border-left-color : #fa0;
}
.bandeauorange .bandeautitre {
background-color : #ffefc6;
}
.bandeauviolet, .etiquetteviolet {
border-left-color : #9932cc;
}
.bandeauviolet .bandeautitre {
background-color : #f5d9ff;
}
.bandeaubleu, .etiquettebleu {
border-left-color : #1e90ff;
}
.bandeaubleu .bandeautitre {
background-color : #ccecff;
}
.bandeaujaune, .etiquettejaune {
border-left-color : #fbe80f;
}
.bandeaujaune .bandeautitre {
background-color : #ffffdd;
} 


.bandeaubleudefaut, .etiquettebleudefaut {
border-left-color : #5e78a9;
}
.bandeaubleudefaut .bandeautitre {
background-color : #d5e0f4;
}

#content p.lienDroite
{
	margin:5px 5px 5px 0;
	padding:0;
	text-align:right;
}
 
#content p.lienDroite a
{
font-weight:bold;
	color:black;
	text-decoration:none;
}