/*----------------------General------------------------*/
/*-------------------<--  Benj -->---------------------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

body {
background-image:url(design/entete_background.jpg) ;
background-repeat: repeat-x;
background-color: #FFFFFF;
background-position: 0 40px;
text-align: center;
font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: #000;
height: 100%;
position: relative;
}
#conteneur {
width:800px;
position: absolute;
left: 5%;
text-align:left;
background: transparent url(design/gauche_background.gif) left bottom repeat-y;
}

/*---- Menu haut -------*/
#menu_haut {
position: absolute;
top: 0px;
right: 10px;
width: 145px;
list-style-type: none;
background: transparent url(design/drapeau-fond.gif) 0 0 no-repeat;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}
#menu_haut li{
display: inline;
padding-left: 2px;
padding-right: 2px;
}

/*----------------------------------------------*/
/*-----        panneau gauche   ----------------*/
/*----------------------------------------------*/
#panneau_gauche {
width: 314px;
float: left;
}
#panneau_gauche object#nuage{
position: absolute;
top: 40px;
left: 314px;
}
#panneau_gauche img, #panneau_gauche object#diaporama{
display: block;
}
#panneau_gauche object#diaporama {
margin-left: 1px;
}

/*---- Menu principal -------*/
#menu {
position: absolute;
top: 50px;
right: 65px;
list-style-type: none;
font-size: 1.1em;
}
#menu li{
background: transparent url(design/menu_background.gif) 0 2px no-repeat;
padding: 0 0 2px 0;
color: white;
border-bottom: 4px solid white;
position: relative;
}
#menu li#actif{
background: transparent url(design/menu_background_actif.gif) 0 2px no-repeat;
color: white;
}
#menu li a{
text-decoration: none;
color: white;
}
#menu li img{
border-bottom: 0 none;
position: absolute;
top: 5px;
left: -15px;
}
#menu li#actif a{
color: white;
}
#menu li a:hover, #menu li:hover{
color: #D3ECFE;
border-color: #D3ECFE;
}

/*----------------------------------------------*/
/*-----        panneau droit   ----------------*/
/*----------------------------------------------*/
#panneau_droit {
margin-left: 330px;
margin-top: 250px;                   
background: transparent url(design/texte_background_milieu.gif) 0 0 repeat-y;
width: 453px;
}
#panneau_droit_haut {
height: 10px;
font-size: 1px;
background: transparent url(design/texte_background_haut.gif) 0 0 no-repeat;
}
#panneau_droit_bas {
height: 10px;
font-size: 1px;
background: transparent url(design/texte_background_bas.gif) 0 0 no-repeat;
}
#texte {
background: transparent url(design/texte_background.gif) right bottom no-repeat;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 60px;
}
#panneau_droit h1{
color: white;
font-size: 1.2em;
margin-top: 10px;
margin-bottom: 20px;
padding-left: 10px;
font-weight: normal;
background: transparent url(design/h1_background.gif) top right repeat;
}
#panneau_droit h2{
font-size: 1em;
margin-top: 10px;
margin-bottom: 20px;
color: #004080;
}
#texte p{
padding-bottom: 10px;
}
#panneau_droit ul{
font-size: .8em;
margin: 10px 10px 20px 30px;
list-style-image: url(design/puce.gif);
}
#panneau_droit li{
}
#texte img {
border: 7px solid white;
}
#texte strong, #strong b {
font-weight: bold;
color: #004080;
}
#texte a, #texte a:hover {
color: black;
}
#texte a:hover {
color: black;
text-decoration: none;
}
.floatright {
float: right;
margin: .5em 0 .5em 1em;
}
.floatleft {
float: left;
margin: .5em 1em .5em 0;
}
.center {
text-align: center;
}
.clear {
clear: both;
}

/*----------------------------------------------*/
/*---- Pied de page -------*/
/*----------------------------------------------*/
#pied_page {
text-align: right;
padding-right: 60px;
background: transparent url(design/gauche_bas.jpg) 0 0 repeat-y;
height: 30px;
line-height: 30px;
font-style: italic;

}
#pied_page img{
position: relative;
top: 5px;
}