body { 
margin: 0;
background-color: #fff;
background-image: url(images/fond_site.jpg);
background-repeat: repeat-x;
background-position: top;
width: 100%;
height: 100%;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 10px;
color: #2a2a2a;
}

a img {
border : 0px;
}

a  {   
color: #4d4d4d;
text-decoration: none;
}

#site {
position: absolute;
left: 50%;
margin-left: -500px;
width: 1000px;
}

#conteneur_header {
height: 150px;
width: 1000px;
background-color: #fff;
border-bottom: #be0089 3px solid;
}

#haut_header {
height: 57px;
width: 1000px;
background-image: url(images/fond_haut_header.jpg);
background-color: #e500cf;
background-repeat: repeat-x;
}

#langue {
float: right;
width: 100px;
height: 15px;
text-align: center;
margin-top: 20px;
margin-right: 10px;
}

#bookmark {
color: #fff;
font-weight: bold;
float: right;
width: auto;
height: 15px;
text-align: center;
margin-top: 22px;
}

#bookmark a, #bookmark a:hover {
color: #fff;
font-weight: bold;
}

#description {
float: left;
width: auto;
height: 30px;
text-align: left;
margin-top: 25px;
margin-left: 20px;
color: #fff;
}

#description h1 {
color: #fff;
font-size: 11px;
font-weight: bold;
word-spacing: 3px;
letter-spacing: 1px;
}

#pub_header {
float: left;
}

#logo {
position: relative;
float: left;
width: 345px;
height: 93px;
}

#menu_conteneur {
text-align: center;
position: relative;
float: right;
height: 93px;
width: 600px;
margin-right: 50px;
}

#menu_conteneur li {
font-size: 11px;
display: inline;
float: left;
width: 100px;
height: 53px;
border-left: #dadada 1px solid;
border-right: #dadada 1px solid;
padding-top: 40px;
font-weight: bold;
}

#menu_conteneur ul {
margin-top: 0px;
list-style-type:none;
height: 93px;
}

#menu_conteneur li:hover {
background-color: #be0089;
}

#menu_conteneur li:hover a:hover {
font-size: 11px;
color: #fff;
}

#menu_conteneur li:hover a {
font-size: 11px;
color: #d8d8d8;
}

#conteneur_contenu {
margin: 10px;
}

#conteneur_footer {
width: 100%;
height: 57px;
background-image: url(images/fond_footer.jpg);
background-repeat: repeat-x;
position: absolute;
bottom: 0px;
margin-top: 100px;
text-align: center;
}

#cadregauche {
padding: 10px;
background-color: #eaeaea;
width: 170px;
height: auto;
position: relative;
float: left;
clear: both;
margin-bottom: 70px;
}

#cadregauche h1 {
font-weight: bold;
font-size: 12px;
color: #2a2a2a;
}

#cadremilieu {
padding: 10px;
position: relative;
float: left;
height: auto;
width: 600px;
margin-bottom: 100px;
}

#fil {
background-color: #eedfea;
padding: 5px;
position: relative;
float: left;
height: 10px;
width: 600px;
margin-left: 10px;
}

#cadredroite {
padding: 10px;
width: 140px;
height: auto;
position: relative;
float: right;
margin-top: -20px;
text-align: center;
margin-bottom: 70px;
vertical-align: middle;
}

#icra {
float: left;
width: 92px;
height: 40px;
text-align: left;
margin-top: 15px;
margin-left: 10px;
margin-right: -50px;
clear: both;
}

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

.rose {
font-weight: bold;
color: #e400a4;
}

#erreur {
text-align: center;
}

#erreur span {
font-weight: bold;
font-size: 40px;
color: #e400a4;
}

.listevideos {
position: relative;
float: left;
height: 225px;
width: 199px;
text-align: center;
}

.listevideos img {
border: 2px solid #c99bbc;
}

#cadremilieu h1 {
font-size: 11px;
color: #2a2a2a;
font-weight: bold;
}

#cadremilieu h2 {
font-size: 10px;
color: #e400a4;
font-weight: bold;
}

h1 {
font-size: 10px;
font-weight: bold;
color: #e400a4;
}

.listevideos a, .listevideos a:hover {
font-weight: bold;
color: #e400a4;
}

.pubaccueil {
text-align: center;
margin-bottom: 20px;
}

.easy_online td, .easy_last td {
padding: 5px;
}

.easy_online img, .easy_last img {
border: 1px solid #c99bbc;
}

.listepartenaires {
list-style: none;
list-style-type: none;
margin-left: -15px;
}

.voirpub {
margin-top: 40px;
width: 590px;
text-align: center;
}