body{
width: 100%;
margin: 0px;
}
h1{
background: url(../images/h1.gif) no-repeat;
color: #f19500;
height: 26px;
font: 14pt georgia;
text-transform: uppercase;
margin: 15px 0px 15px 0px;
padding-left: 50px;
display: block;
}
h2{
color: #0054a0;
font: 13pt arial;
margin: 20px 0px 15px 50px;
}
h3{
font: bold 9pt arial;
text-transform: uppercase;
margin: 0px 0px 8px 0px;
}
ul{
font: 9pt arial;
padding: 0px 0px 0px 12px;
}
a{
color: #0054a0;
text-decoration: none;
}
a:hover{
color: gray;
}
a:visited{
color: #0054a0;
}
p{
font: 9pt arial;
text-align: justify;
margin: 0px 0px 8px 0px;
}
table{
font: 9pt arial;
}
img{
border: 0px;
}

/*STRUCTURE*/

#principal{
background: #e7e7e7 url(../images/background.gif) top repeat-x;
width: 100%;
}
#conteneur{
background: url(../images/haut.gif) top no-repeat;
width: 941px;
margin: 0px auto;
padding: 25px 0px 37px 0px;
}
#gauche{
width: 336px;
float: left;
position: relative;
z-index: 2;
}
#droit{
width: 666px;
margin-left: -61px;
float: left;
position: relative;
z-index: 1;
}
#header{
text-align: center;
}
#header p{
font: 600 13pt georgia;
letter-spacing: 4pt;
line-height: 0.9em;
text-align: center;
margin: 0px;
}
#header span{
font: 0.7em century gothic;
letter-spacing: 0pt;
line-height: 1.8em;
}
#centre{
min-height: 580px;
margin: 0px 8px 0px 53px;
}
#footer{
background: #959595;
width: 100%;
}

/*MENU*/

#menu{
width: 336px;
}
#menuHaut{
background: url(../images/backgroundMenuHaut.png);
width: 100%;
height: 16px;
}
#menuCentre{
background: url(../images/backgroundMenuCentre.png);
padding: 15px 0px 15px 18px;
}
#menuBas{
background: url(../images/backgroundMenuBas.png);
width: 100%;
height: 20px;
}
#navigation {
width: 238px;
height: auto;
list-style: none;
margin:0px;
padding: 0px 0px 0px 61px;
}
#navigation a, #navigation span {
text-decoration: none;
display: block;
cursor: pointer;
}
#navigation li a:hover{
color: #f3debd;
}
#navigation .toggleSubMenu a, #navigation li a { /*Lien principal avec sous menu*/
color: white;
font: bold 11pt arial;
text-transform: uppercase;
line-height: 26px;
display: block;
margin-bottom: 0 0 4px 0;
height: 26px;
}
#navigation .open a{
color: white;
}
#navigation .toggleSubMenu a:hover{
color: #f3debd;
}
#navigation .subMenu {
list-style-type: none;
margin: 5px 0;
padding: 0px;
display: none;
}
#navigation ul.subMenu a{
background: none;
height: auto;
}
#navigation .subMenu1 {
list-style-type: none;
margin: 4px 0;
padding: 0px;
display: none;
}
#navigation .toggleSubMenu ul.subMenu li a{ /*sous menu second niveau*/
color: black;
font: 9pt arial;
text-transform: uppercase;
margin: 0px;
padding: 0px;
clear: both;
display: block;
}
#navigation .toggleSubMenu ul.subMenu li a:hover{ /*hover sous menu second niveau*/
color: white;
}
#navigation .toggleSubMenu ul.subMenu li.toggleSubMenu1 ul.subMenu1 li a{ /*sous menu troisieme niveau*/
color: #0054a0;
text-transform: none;
margin: 0px 0px 0px 5px;
padding: 0px;
clear: both;
display: block;
}
#navigation .toggleSubMenu ul.subMenu li.toggleSubMenu1 ul.subMenu1 li a:hover{ /* hover sous menu troisieme niveau*/
color: white;
}

/*Liens PDF*/

#lienConseil{
color: white;
background: url(../images/lien_telechargement.gif) no-repeat;
width: 206px;
height: 69px;
font: 11pt arial;
margin: 0px 0px 0px 8px;
padding: 14px 10px 0px 104px;
float: left;
position: absolute;
}
#lienCAC{
color: white;
background: url(../images/lien_telechargement.gif) no-repeat;
width: 206px;
height: 69px;
font: 11pt arial;
margin: 0px 0px 0px 8px;
padding: 14px 10px 0px 104px;
float: left;
position: absolute;
}
.lienC1{
color: white;
width: 112px;
margin-right: 11px;
float: left;
}
.lienC1:visited{
color: white;
}
.lienC2{
font-size: 13pt;
text-align: center;
color: black;
width: 50px;
height: 54px;
float: left;
display: block;
}
.lienC2:visited{
color: black;
}
#lienGazette{
position: absolute;
background: url(../images/lienGazette2.gif) no-repeat;
width: 108px;
height: 71px;
font: 11pt arial;
margin: 0px 0px 0px 8px;
padding: 14px 108px 0px 104px;
float: left;
}
.lienC3{
color: white;
width: 80px;
}
#lienGazette a:visited{
color: white;
}
#gazette{
float: right;
margin: 0px;
}
.flecheG{
background: url(../images/fleche_left.png) no-repeat;
width: 18px;
height: 35px;
position: absolute;
top: 21px;
left: 5px;
}
.flecheG:hover{
background: url(../images/fleche_left_hover.png) no-repeat;
}
.flecheD{
background: url(../images/fleche_right.png) no-repeat;
width: 18px;
height: 35px;
position: absolute;
top: 21px;
right: 5px;
}
.flecheD:hover{
background: url(../images/fleche_right_hover.png) no-repeat;
}

.news{
color: #555555;
border-bottom: white solid 1px;
font: 0.8em arial;
text-align: right;
padding-bottom: 10px;
margin: 0px 0px 10px 0px;
display: block;
}
.dateNews{
color: #f19500;
font: bold 1em georgia;
margin-bottom: 4px;
display: block;
}


/*Diaporama*/

#diapo{
height: 337px;
}
/*Footer*/
#centreFooter{
width: 925px;
margin: 0px auto;
padding-top: 10px;
}
#coordonees{
color: white;
font: 10pt georgia;
letter-spacing: 3px;
text-align: center;
margin: 0px 5px 12px 5px;
}
#menuFooter{
background: #353535 url(../images/footer.gif) top no-repeat;
height: 119px;
padding: 25px 114px 0px 114px;
}
#menuFooter p{
color: #f19500;
font: 9pt arial;
margin-top: 17px;
line-height: 14pt;
}
#menuFooter a{
color: #f19500;
}
#menuFooter p span{
color: #558bc8;
}
#menuFooter p span a{
color: #558bc8;
}
#menuFooter ul{
font: 10pt arial;
list-style-type: none;
padding: 0px;
margin: 0px;
}
#menuFooter ul li{
float: left;
margin: 0px;
}
#liMenuFooter0{
border: 0px;
padding: 0px 10px 0px 0px;
}
#liMenuFooter1, #liMenuFooter2, #liMenuFooter3, #liMenuFooter4, #liMenuFooter5, #liMenuFooter6{
border-left: white solid 1px;
text-align: center;
padding: 0px 10px;
}
#liMenuFooter7{
border-left: white solid 1px;
text-align: right;
padding: 0px 0px 0px 10px;
}
#menuFooter ul li a{
color: white;
font: 0.9em arial;
text-transform: uppercase;
}
#langues{
margin: 25px 0px 0px 8px;
}
.drapeau{
width: 48px;
height: 48px;
}
#fleuris{
margin: -45px 0px 0px 8px;
height: 76px;
float: left;
}
#meteo{
margin: -60px 0px 0px 20px;
float: left;
}
.espace{
clear: both;
}
.bold{
font-weight: bold;
}
.decal{
margin: 0px 0px 25px 50px;
display: block;
}
/*Blocs texte*/
.bloc{
background: white;
margin-left: 50px;
padding: 10px;
}
.blocEspace{
margin-bottom: 20px;
}
.blocVignette{
background: white;
margin-left: 50px;
padding: 10px 6px;
}
.photo{
width: 505px;
height: 47px;
padding: 203px 15px 0px 15px;
}
.photo2{
width: 505px;
height: 118px;
padding: 203px 15px 0px 15px;
}
.text{
width: 100%;
}
.icone{
width: 140px;
float: left;
}
.icone a{
margin-left: 40px;
}
.vignette{
background: url(../images/vignette.png) no-repeat;
width: 235px;
height: 118px;
text-align: center;
margin: 4px 0px 0px 0px;
padding: 28px 18px 0px 18px;
float: left;
}
.vignette2{
background: url(../images/vignette2.png) no-repeat;
width: 235px;
height: 158px;
text-align: center;
margin: 4px 0px 0px 0px;
padding: 28px 18px 0px 18px;
float: left;
}
.vignette p, .vignette2 p{
color: #777777;
text-align: center;
margin-top: 15px;
}
.hautPage{
background: #999999;
height: 18px;
font: bold 9pt arial;
text-transform: uppercase;
letter-spacing: 10pt;
margin: 0px 0px 20px 50px;
padding: 6px 10px;
}
.hautPage a{
color: white;
vertical-align: middle;
}
.textHautPage{
color: white;
vertical-align: middle;
}
#retour{
float: left;
}
#deco{
float: right;
}