/* En-tête */
#header 
{
	background-image: url("../img/Bg_logo.png");
	background-repeat: no-repeat;
	background-position: top left;
	padding-right: 20px;
	width:985px;
	height:124px;
}
#header .hleft 
{
	float: left;
    padding-top: 25px;
    padding-left:40px;
    padding-bottom:10px;
}

#header .hright
{
	width: 576px;
	height: 55px;
    float: right;
	padding: 0px 10px 0px 5px;
    margin-top: 45px;
	background-image: url("../img/header-hright-bg.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
#header .hright h2
{
    display: none;
}
#header .hright a
{
	font-weight: bold;
}

/* Contenu */
#content
{
	float:left;
}

/*Module Diaporama */
#content #diaporama
{
   margin-left: 30px;
}
#content div.baseline 
{
    font-size: 160%;
    color: #276e9c;
    margin-left: 30px;
}
#content #diaporama .evenementiel
{
	width:510px;
	padding-top: 15px;
	background-image: url("../img/cadre_t1.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
#content #diaporama .content
{
	width:510px;
	background-image: url("../img/cadre_t2.gif");
	background-repeat: repeat-y;
}
#content #diaporama .bottom
{
	width:510px;
	height:15px;
	background-image: url("../img/cadre_t4.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
#content #diaporama .diaporama
{
	width:500px;
	/*height:223px;*/
	margin:0px;
	padding:0px 0px 0px 5px;
}
#content #diaporama .diapoNavbarSeparateur
{
	height:5px;
	background-image: url("../img/cadre_t3.gif");
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px 0px 2px 0px;
	padding:0px;
}
#content #diaporama .diapoNavbar
{
	width:485px;
	height:30px;
	margin:0px;
	padding:0px;
	text-align:right;
}
#content #diaporama .diapoNavbarImg
{
	width:485px;
	height:50px;
	margin:0px;
	padding:0px;
	text-align:right;
}
/*Gestion du mode avec vignette*/
#content #diaporama .diapoNavbarBtn
{
	padding:12px 0px 0px 0px;
	margin:0px;
}
#content #diaporama .diapoNavbarBtnImg IMG
{
	padding-bottom:15px;
}
#content #diaporama h3
{
	display:none;
}
#content #diaporama .btnImg
{
	width:64px;
	height:42px;
	background-color: #FFFFFF;

}
#content #diaporama .btnImg IMG
{
	padding:10px;
}
#content #diaporama .btnImgOn
{
	width:64px;
	height:42px;

}

#content #diaporama .btnImgOn IMG
{
	padding:10px;
	background-image: url("../img/cadre_back.gif");
	background-repeat: no-repeat;
	background-position: center;
}
/*Gestion du mode sans vignette*/
#content #diaporama .btn
{
	font-size:170%;
	padding-top:9px;
	padding-left:10px;
	padding-right:10px;
}
#content #diaporama .btnOn
{
	font-size:200%;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}
/*Actualite*/
#actualites
{
	clear: left;
	margin-top: 10px;
	margin-left: 10px;
    width: 749px;
}
#actualites .noactu
{
	padding-left:20px;
}
#actualites div.top
{
    height: 29px;
	background-image: url("../img/actualites-top-bg.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}
#actualites div.content
{
	background-image: url("../img/actualites-main-bg.gif");
	background-repeat: repeat-y;
	background-position: top left;
	padding: 5px 0px 0px 0px;
}
#actualites div.bottom
{
    height: 34px;
	background-image: url("../img/actualites-bottom-bg.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}
#actualites h2
{
	padding-left: 10px;
	color: #ffffff;
	font-weight: bold;
}
#actualites h3 a
{
    background-image: url("../img/actualites-h3-bg.gif");
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	font-weight: bold;
	color:#276E9C;
}
#actualites ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#actualites li
{   
	padding-left:18px;	
	padding-right: 18px;	
    width: 208px;
    min-height:170px;
    float: left;
}
#actualites li.separateur_left
{
    border-left: solid 1px #d6d6d6;
}
#actualites li .separateur_top
{
	border-top: solid 1px #d6d6d6;
	padding-top: 18px;
}
#actualites li img
{
    padding: 5px;
}
#actualites div.all
{
	margin-right:18px;
    text-align: right;
}
#actualites div.all a
{
    background-image: url("../img/mright-all-bg.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
	font-weight: bold;
}
