body{
background-color: #336699;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, sans-serif;
text-align: justify;
font-size: 12px;
font-weight: normal;

}


.tetiere{
background-image:url(images/background_menu.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 174px;
}
#logo{
position : absolute;
top: 0px;
left: 0px
}
#top_menu{
position : absolute;
top: 0px;
left: 374px;

}
#title_menu{
position : absolute;
top: 68px;
left:374px ;
z-index: 0;

}
#basLogoLeft{
position : absolute;
top:137px;
left: 0px
}
#basLogoRight{
position : absolute;
top: 137px;
left: 150px;

}

#menuLeft{
position : absolute;
height: 100px;
top: 300px;
left: 30px;

}
#titre{
position : absolute;
background-color:#CCD9E5 ;
top: 137px;
left: 268px;
height: 37px;
width: 504px;
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: bold;
text-align: right;
color: #CC6600;

border-right: 5px outset #777777;
}

hr{
height: 1px;
text-align: left;
padding: 0;
margin: 10px 0px 10px 0px;
color:  #336699;
background-color:  #336699;
border: 0;
}
#meteo{
position: absolute;
left: 5px;
top: 250px;
width: 150px;
}

#centre{
background: #CCD9E5 url(images/photo_home.jpg) bottom left no-repeat;

margin: 0px 0px 0px 150px;
padding: 0;
padding-bottom: 40px;
width:622px;
height:auto;
border-right: 5px outset #777777;
}

.photoBas{
padding: 0;
margin: 0px 0px 0px 150px;
background-color: #336699;
width:622px;

}

.titre {
        font-family: Arial;
        font-size: 24px;
        font-weight: bold;
        text-align: right;
        color: #CC6600;
        margin:0px 0px 0px 0px;

}


#centre p {
        font-family: Arial, sans-serif;
        text-align: justify;
        font-size: 12px;
        font-weight: normal;
        margin:25px 15px 0px 15px;


}

.bold{
   font-weight: bold;
}

#footer {
        background-color: #336699;
        height: 40px;
        font-family: Arial;
        font-size: 10px;
        color: #FFFFFF;
        font-weight: normal;
        margin-left: 150px;
        text-align: center;
        width:622px;



}
.titreActu {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        color: #336699;
        margin:0px 15px 0px 15px;
   


}
.textcourantbold {

        font-family: Arial;
        text-align: justify;
        font-size: 12px;
        font-weight: bold;
}

.cadreleftmenurubriqueoff {
        padding: 5px;
        margin-top: 5px;
        border-top: 1px solid #CCD9E5;
        border-right: 1px none #CCD9E5;
        border-bottom: 1px solid #CCD9E5;
        border-left: 1px none #CCD9E5;


}

.cadreleftmenurubriqueon {
        padding: 5px;
        margin-top: 5px;
        background-color: #CCD9E5;
        border-top: 1px solid #CCD9E5;
        border-right: 1px none #CCD9E5;
        border-bottom: 1px solid #CCD9E5;
        border-left: 1px none #CCD9E5;


}

.cadreleftmenurubriqueover {
        padding: 5px;
        margin-top: 5px;
        background-color: #EE7900;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: none;
        border-top-color: #CCD9E5;
        border-right-color: #CCD9E5;
        border-bottom-color: #CCD9E5;
        border-left-color: #CCD9E5;

}

.leftmenurubriqueoff {
        color: #FFFFFF;
        font-family: Arial;
        text-decoration: none;
        font-weight: bold;
        font-size: 11px;
}

.leftmenurubriqueon {
        color: #336699;
        font-family: Arial;
        text-decoration: none;
        font-weight: bold;
        font-size: 11px;
}


#menuHaut{
background-color:#CCD9E5;
position : absolute;
height: 18px;
top: 105px;
left: 350px;
width: 421px;
border-left:1px solid #336699;
z-index: 1;

}
dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
height: 18px;
top: 105px;
left: 260px;
z-index:100;
width: 600px; /* correction pour Opera */
color: #336699;
font-size: 8pt;
font-family: arial;
font-weight: bold;
    
}
#menu dl {
float: left;
width: 8em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #CCD9E5;
border-left: 1px solid #336699;
margin: 0px;
padding: 0px;
height: 18px;
width: 8em;
}
#menu dd {

display: none;
border-bottom: 1px solid #336699;
width: 8em;
}
#menu li {

border-left: 1px solid #336699;
border-right: 2px solid #336699;
border-bottom: 1px solid #336699;
color: #336699;
font-weight: bold;
text-align: center;
background: #FFF300;
width: 11em;
height: 18px;

}
#menu li a {
color: #336699;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
 width: 11em;

}
#menu dt a {
 color: #336699;
text-decoration: none;
display: block;
  height: 100%;
border: 0 none;
 width: 8em;
}
#menu li a:hover, #menu li a:focus {
background: #EE7900;
color: white;
width: 11em;

}
#menu dt a:hover, #menu dt a:focus {

background: #336699;
color: white;
width: 8em;
}
.spip_forms {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-left: 2px solid #963;
}