*
{
padding: 0px;
margin: 0px;
}

body
{
background: #FFFFFF url('images/logo-haut.png') no-repeat center 0;
font-size: 12px;
font-family: arial, verdana, sans-serif;
color: #000000;
}

#contenant {
font:12px verdana;
color: #000000;
}

#menu {
float: left;
padding:0;
width: 200px;
margin: 50 auto 0 auto;
background-color: #FFFFFF;
}

#nouveautes {
float: left;
margin: 0;
padding: 0;
width: 200px;
height: 190px;
background-color: #FFFFFF;
background: url(images/menu-nouveautes.gif) no-repeat;
overflow: hidden;
}

#themes {
float: left;
margin: 15px 0 0 0;
padding: 0;
width: 200px;
height: 190px;
background-color: #FFFFFF;
background: url(images/menu-theme.gif) no-repeat;
overflow: hidden;
}

#themes ul li {
margin: 0;
padding-left: 20px;
font: verdana;
list-style-type: none;
line-height:27px;
}

#ages {
float: left;
margin: 15px 0 0 0;
padding: 0;
width: 200px;
height: 190px;
background-color: #FFFFFF;
background: url(images/menu-age.gif) no-repeat;
overflow: hidden;
}

#ages ul li {
margin: 0;
padding-left: 20px;
font: verdana;
list-style-type: none;
line-height:35px;
}

#newsletter {
float: left;
margin: 15px 0 0 0;
padding: 0;
width: 200px;
height: 190px;
background-color: #FFFFFF;
background: url(images/menu-newsletter.gif) no-repeat;
overflow: hidden;
}

#milieu {
float: left;
padding: 0;
width: 730px;
margin-left: 20px;
background-color: #FFFFFF;
overflow: hidden;
}

#milieu h1 {

        color:#FFFFFF;

        font-family:Arial;

        font-size:16px;

        font-weight:bold;

        text-align: center;

        margin: 5px 0 0 0;

}

#menuhaut {
float: left;
padding: 0;
width: 730px;
height: 40px;
margin: 0 0 15px 0;
background-color: #FFFFFF;
overflow: hidden;
}

#rb{
float: left;
padding: 0;
width: 167px;
height: 40px;
margin: 0 20px 0 0;
background: url(images/menu-haut-bleu.gif) no-repeat;
}

#milieu a
{
text-decoration: none;
color: #FFF;
}

#milieu a:hover
{
color: #FFF;
text-decoration: underline;
}

#coll{
float: left;
padding: 0;
width: 167px;
height: 40px;
margin: 0 20px 0 0;
background: url(images/menu-haut-rose.gif) no-repeat;
}

#faq{
float: left;
padding: 0;
width: 167px;
height: 40px;
margin: 0 20px 0 0;
background: url(images/menu-haut-orange.gif) no-repeat;
}

#contact{
float: left;
padding: 0;
width: 167px;
height: 40px;
margin: 0;
background: url(images/menu-haut-vert.gif) no-repeat;
}

#moteur {
float: left;
padding: 0;
width: 354px;
height: 210px;
margin: 0;
background-color: #cccccc;
}

#video {
float: left;
padding: 0;
width: 354px;
height: 210px;
margin: 0 0 0 20px;
background-color: #cccccc;
}

#nouv {
float: left;
padding: 0;
width: 728px;
height: 230px;
margin: 20px 0 20px 0;
background-color: #cccccc;
}

#coeur {
float: left;
padding: 0;
width: 354px;
height: 318px;
margin: 0;
background-color: #cccccc;
}

#vie {
float: left;
padding: 0;
width: 354px;
height: 318px;
margin: 0 0 0 20px;
background-color: #cccccc;
}

.interieur {
margin: 10px 10px 10px 10px;
background-color: #FFFFFF;
}

#foot {
padding: 0;
margin: 0;
}

#footer {
position: absolute;
padding: 25px 0 0 0;
width: 730px;
height: 60px;
margin: 20px 0 25px 220px;
background: url(images/bas.gif) no-repeat;
overflow: hidden;
text-align: center;
font-size: 12px;
font-family: arial, verdana, sans-serif;
color: #000000;
}

#footer a
{
text-decoration: underline;
color: #000000;
font-weight: bold;
}

#footer a:hover
{
color: #000000;
text-decoration: none;
font-weight: bold;
}

          A.lien1:link {text-decoration: none; color:#003399; font:12px arial; font-weight:bolder}
          A.lien1:visited {text-decoration: none; color:#003399; font:12px arial; font-weight:bolder}
          A.lien1:active {text-decoration: none; color:#003399; font:12px arial; font-weight:bolder}
          A.lien1:hover {text-decoration: underline; color:#FFFFFF; font:12px arial; font-weight:bolder}

          A.lien2:link {text-decoration: underline; color:#003399; font:12px arial;}
          A.lien2:visited {text-decoration: underline; color:#003399; font:12px arial;}
          A.lien2:active {text-decoration: underline; color:#003399; font:12px arial;}
          A.lien2:hover {text-decoration: underline; color:#FFFFFF; font:12px arial;}

          A.lien3:link {text-decoration: none; color:#666633; font:12px arial; font-weight:bolder}
          A.lien3:visited {text-decoration: none; color:#666633; font:12px arial; font-weight:bolder}
          A.lien3:active {text-decoration: none; color:#666633; font:12px arial; font-weight:bolder}
          A.lien3:hover {text-decoration: underline; color:#000000; font:12px arial; font-weight:bolder}

          A.lien4:link {text-decoration: underline; color:#664433; font:12px arial;}
          A.lien4:visited {text-decoration: underline; color:#664433; font:12px arial;}
          A.lien4:active {text-decoration: underline; color:#664433; font:12px arial;}
          A.lien4:hover {text-decoration: underline; color:#664433; font:12px arial;}

          A.lien5:link {text-decoration: none; color:#990099; font:12px arial; font-weight:bolder}
          A.lien5:visited {text-decoration: none; color:#990099; font:12px arial; font-weight:bolder}
          A.lien5:active {text-decoration: none; color:#990099; font:12px arial; font-weight:bolder}
          A.lien5:hover {text-decoration: underline; color:#000000; font:12px arial; font-weight:bolder}