/* CSS Document */

.body {
margin:0px; padding:0px; background-image:url(images/logoFond.gif); background-position:center; background-repeat:no-repeat;}

.bandeau{
margin:0px;
padding:0px; 
background-image:url(images/rondHaut.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.bandeau2{
margin:0px;
padding:0px; 
background-image:url(images/rondHaut2.gif);
background-repeat:no-repeat;
background-position:bottom left;
}


.rondBas{
margin:0px; 
background-image:url(images/rondBas.gif);
background-repeat:no-repeat;
}

.infoBas{
position:relative;
left:150px;
bottom:0px;
}

.tabul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:justify;
padding-left:15px;
}

.savoirplus{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:justify;
}

.droitPhoto{
background-color:#FFFFFF;
color:#959494;
font-family:"Times New Roman", Times, serif;
font-size:10px;
font-style:italic;
}


.texteBas{	/*mise en forme des infos en bas de page*/
background-color:#FFFFFF;
color:#959494;
font-family:"Times New Roman", Times, serif;
font-size:10px;
text-align:center;
}

.texte {	/*mise en forme des textes*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:justify;
}

.texteConseil {	/*mise en forme des noms des élus*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:right;
}

.texteCentrer{	/*mise en forme des textes centrer*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
}

.texteContact {	/*mise en forme des textes de contact*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:center;
}

.texteContact b {
font-size:12px;
font-weight:bold;
}

.texteActu{
color:#8DC73F;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.encadre{
background-color:#89E48B;
}

a.texte, a.texte:link{	/*mise en forme des liens dans un texte*/
text-decoration : underline ;
color: #00AEF0;
font-size:12px;
}

a.texte:active{	/*mise en forme des liens dans un texte quand on clique dessus*/
text-decoration : underline ;
color : #00A9DC;
font-size:12px;
}

a.texteContact, a.texteContact:link {	
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00AEF0;
text-align:center;
}

a.texteContact:active{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00A9DC;
text-align:center;
}


a.image, a.image:visited, a.image:active{
border-color:#00AEF0;
color:#00AEF0;
}

a.image :hover{
border-color:#8DC73F;
}

a.menuDroit, a.menuDroit:visited, a.menuDroit:active{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#00A9DC;
text-decoration:none;
font-weight:bold;
}

a.menuDroit:hover{
color:#8DC73F;
text-decoration:none;
font-weight:bold;
}

.titre {	/*mise en forme des titres dans un texte*/
font-size : 18px ;
color : #EB0E6E ;
font-family:Arial, Helvetica, sans-serif;
font-weight : bold ;
}

/*-------------------- STYLE DU MENU ---------------------------------------------------*/

dt{
margin: 0;
padding-top:5px;
list-style-type: none;
}

dl, dd, ul, li {
margin: 0;
padding:1px;
list-style-type: none;
}

.logo {
margin: 0;
padding-top:0px;
list-style-type: none;
}

#menu {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
z-index:100;
width: 760px; /* correction pour Opera */
}

#menu dl {
float: left;
width: 90px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color:#00A9DC;
background: #FFFFFF;
border: none;
top:5px;
}

#menu dt a.img:active, #menu dt a.img:hover, #menu dt a.img:visited{
text-decoration:none;
color:#FFFFFF;
}

#menu dt a:active, #menu dt a:hover, #menu dt a:visited{
text-decoration:none;
color:#00AEF0;
border:none;
}

#menu dd {
position:absolute;
top:45px;
display: none;
border: 1px solid #00A9DC;
z-index:200;
background:#00A9DC;
}

#menu li {
text-align: left; /*position du nom du sous-menu dans sa case */
padding:2px;
height:20px;
}

#menu li.separ{ /*format du séparateur entre chaque sous-menu */
border-bottom: thin inset #33CCFF;
}

/* =============== définition de la largeur des différents sous-menus =============== */

#menu ul.ssmenu1{
width:130px;
}

#menu ul.ssmenu2{
width:130px;
}

#menu ul.ssmenu3{
width:180px;
}

#menu ul.ssmenu4{
width:180px;
}

#menu ul.ssmenu5{
width:160px;
}

#menu ul.ssmenu6{
width:180px;
}

/*  ================= fin de la définition de la largeur des sous-menus ================== */

#menu li a{ 
color: #FFFFFF; /*couleur des noms des sous-menus */
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus{ /*couleur de fond au survol des sous-menus */
background: #66CCFF;
}