@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(../images/index.jpg) top no-repeat;
}
.oneColFixCtr #container {
	width: 820px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 189px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:500px;
	
}
.oneColFixCtr #topindex {
	padding: 0 25px 0 208px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:222px;
}
.colgauche {
	float:left;
	padding: 13px 0px 0px 0px;

}
.colgauche img{
margin-left:20px;
clear:both;
}

.colgauche ul {
}
.colgauche li {
list-style:none;
background:url(../images/lipucecoleft.png) no-repeat left;
padding-left:30px;
line-height:2.1em;
margin-left:-32px;
}
.colgauche li a{
color:#FFFFFF;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
border-bottom:2px solid #a6ceef;
text-decoration:none;
}
.colgauche li a:hover{
color:#000;
font-weight:bold;
border-bottom:2px solid #000;
text-decoration:none;
}
.coldroite {
	float:right;
	margin-right:5px;
	margin-top:20px;
}

.oneColFixCtr #bottomindex {
	padding: 0 0 0 230px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:239px;
	background:url(../images/fond_actu_agenda.png) no-repeat top right;
	margin-right:20px;
}
.flashalternate {
	width:240px;
	height:188px;
	color:#FFFFFF;
	font-size:10px;
	background: url(../images/fond-diapo.png) no-repeat;
	text-align:center;
}
.flashalternate span {
	margin-top:25px;
}
.flashalternate span a {
	color:#FFFFFF;
	font-weight:bold;
	margin-top:5px;
}
.flashalternate span a:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
#titlesite {
	display:none;
}
#titlesite h1 {
	display:none;
}
#bottomindex {

}
#animations{
float:right;
border:0px solid #000;
margin-right:10px;
width:261px;
height:218px;
padding-top:23px;
}

#animations .titre{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
margin-left:5px;
text-transform:capitalize;
margin-bottom:15px;
}
#animations .titreitem{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#003366;
font-size:12px;
margin-left:10px;
margin-top:5px;
text-decoration:underline;
}
#animations .resumitem{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #562f1c;
font-size:10px;
line-height:1;
margin-left:10px;
}
#animations .dateitem{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #2f3220;
font-size:11px;
line-height:1;
margin-left:10px;
}
#animations .resumitem span{
display:block;
text-align:right;
margin-right:12px;
border:0px;

}



#animations .titreitem a{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#300;
font-size:1em;
margin-left:0px;
margin-top:5px;
margin-right:0px;
font-weight:bold;
line-height:1em;
text-decoration: none;

}
#animations .titreitem a:hover{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:1em;
margin-left:0px;
margin-top:5px;
margin-right:0px;
font-weight:bold;
line-height:1em;
text-decoration: underline;
}

#animationsplus{
background:url(../images/mini_plus.png) top left no-repeat;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:50px;
margin-top:10px;
}
#animationsplus a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#484a39;
}
#animationsplus a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}


#actualites{
/*float:left;*/
margin-left:0px;
border:0px solid #000;
width:260px;
height:220px;
padding-top:22px;
}

#actualites .titre{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
margin-left:15px;
text-transform:capitalize;
margin-bottom:15px;
}

#actualites .titreitem{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#003366;
font-size:11px;
margin-left:10px;
margin-top:0px;
margin-right:0px;
font-weight:bold;
line-height:1em;

}
#actualites .titreitem a{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#300;
font-size:1em;
margin-left:5px;
margin-top:0px;
margin-right:0px;
font-weight:bold;
line-height:1em;
text-decoration: none;

}
#actualites .titreitem a:hover{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:1em;
margin-left:5px;
margin-top:0px;
margin-right:0px;
font-weight:bold;
line-height:1em;
text-decoration: underline;
}

#actualites .titreitem span
{
text-decoration:underline;
}

#actualites .resumitem{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#562f1c;
font-size:10px;
line-height:1.1em;
margin-left:10px;
}
#actualites .resumitem span{
display:block;
text-align:right;
margin-right:0px;
border:0px;

}
#actualitesplus{
background:url(../images/mini_plus.png) top left no-repeat;
padding-left:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:65px;
margin-top:10px;
}
#actualitesplus a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#484a39;
}
#actualitesplus a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

.resumitem span img{
border:0px;
}



/* ------------------ */
#footer {
font-size:10px;
text-align:center;
float:right;
padding-right:45px;
}

#footer a{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration: none;
}
#footer a:hover{
font-family:Arial, Helvetica, sans-serif;
color: #FFFF99;
text-decoration:underline;
}
#footer span a{
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration: none;
}
#footer span a:hover{
font-family:Arial, Helvetica, sans-serif;
color: #000;
text-decoration:underline;
}