* {
margin : 0;
padding : 0;
}
img {
border : 0;
}
body {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #888888;
background : #818181;
}
#header {
width : 800px;
height : 150px;
margin : auto;
background : url(../images/header.png) no-repeat;
}
#header #logo {
margin-top : 35px;
margin-left : 10px;
}
#header #menu {
margin-top : 12px;
margin-left : 20px;
}
#header #menu li {
background : url(../images/menu_top.png) no-repeat;
width : 100px;
height : 25px;
list-style-type : none;
text-align : center;
line-height : 25px;
float : left;
margin-right : 5px;
}

#header #menu li a {
display : block;
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
#header #menu li a:hover {
display : block;
color : #000000;
text-decoration : none;
background : url(../images/menu_top_hover.png) no-repeat;
font-weight : bold;
}
#header #menu li a.active {
display : block;
color : #ffffff;
text-decoration : none;
background : url(../images/menu_top_active.png) no-repeat;
font-weight : bold;
}
#header #menu li ul {
 display:none;
 }
#header #menu li:hover ul {
 display:block;
 }
#header #menu li:hover ul li {
 float:none;
 }
#header #menu li ul {
 position:absolute;
 }
 #header #menu li ul a {
color : #000000;
text-decoration : none;
background-color:#888888;
font-weight : bold;
border-left:5px solid #3ebac4;
}
 #header #menu li ul a:hover {
color : #ffffff;
text-decoration : none;
background-color:#3ebac4;
font-weight : bold;
border-left:5px solid #ffffff;
}
 #header #menu li ul li ul {
display:none;
}

#header #langue {
float : right;
margin-right : 20px;
margin-top : 14px;
}

#conteneur {
width : 800px;
margin : auto;
background : url(../images/conteneur.png) repeat-y;
overflow : auto;
}
#conteneur #sous_menu {
background : url(../images/sous_menu.png) repeat-x;
width : 780px;
margin : auto;
height : 50px;
border-bottom : 1px solid #ffffff;
}
#conteneur #sous_menu #img_menu {
float : left;
margin-left : 30px;
margin-top : 5px;
}
#conteneur #sous_menu h3 {
color : #ffffff;
font-size : 14px;
font-weight : bold;
margin-bottom : 3px;
}
#conteneur #sous_menu p {
color : #ffffff;
font-weight : bolder;
font-size : 16px;
padding-top : 5px;
margin-left : 5px;
padding-left : 90px;
}
#conteneur #sous_menu p a {
color : #ffffff;
font-size : 12px;
text-decoration : underline;
}
#conteneur #sous_menu p a:hover {
color : #ffffff;
font-size : 12px;
text-decoration : none;
}

#conteneur #contenu {
margin-left : 20px;
margin-top : 11px;
margin-right : 20px;
margin-bottom : 15px;
}

#conteneur #contenu {
float : left;
margin-left : 10px;
margin-bottom : 10px;

}
#conteneur #contenu .titre {
background : url(../images/titre_colB.png) no-repeat;
width:740px;
height : 35px;
margin-left:20px;
margin-right:20px;
}
#conteneur #contenu .titre p {
color : #ffffff;
line-height : 50px;
margin-left : 20px;
font-weight : bold;
}
#conteneur #contenu .texte {
text-align : justify;
margin-left:20px;
margin-right:20px;
}
#conteneur #contenu h1 {
text-align:center;
color:#0099FF;

}
#conteneur #contenu h2 {
color:#666666;
margin-left:20px;
}
#conteneur #contenu p {
margin:10px;
text-align:justify;
color:#000;
}
#conteneur #contenu table {
margin:10px;
}
#conteneur #contenu ul {
margin-bottom : 10px;
margin-top : 10px;
}

#conteneur #contenu ul li {
color : black;
margin-left : 100px;
margin-bottom : 10px;
}
#conteneur #contenu .texte img {
display : block;
margin-left : auto;
margin-right : auto;
padding : 10px;
}
#conteneur #contenu .bas {
height : 5px;
}
#conteneur #contenu .texte p {
color : black;
text-indent : 10px;
margin:20px;
}
#conteneur #contenu .texte a {
color : #3ebac4;
text-decoration : none;
}
#conteneur #contenu .texte a:hover {
color : #f76bce;
text-decoration : none;
}
#footer {
background : url(../images/footer.png) no-repeat;
width : 800px;
height : 45px;
margin : auto;
}
#footer p {
text-align : center;
color : #ffffff;
padding-top : 7px;
font-size : 12px;
}