/* éléments basic */
body {
font: 9px/9px verdana;
color:#666;
background: #d1d4d5 url(../images/fond.gif) repeat-x;
margin:0;
padding:0;
}


#container {
width:780px;
margin:auto;
padding:auto;
padding-top:20px;
}


form, input, textarea, select, fieldset, option {
margin: 0px;
padding: 0px;
font-size: 9px;
line-height: 9px;
color: #485458;
border-bottom-width: 00px;
}


marquee {
color: #485458;
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;

}


.nouveaute {
color: #ff850d;
font: bold 9px arial;
}
.nouveaute_obesite {
color: #3fa6cc;
font: bold 9px arial;
}

.bleu {
color: #3fa6cc;
}


.vert {
color: #95cb43;
}


.orange {
color: #ff850d;
}


.redacBoldVert {
color: #95cb43;
font-weight: bolder;
}


.redacBoldBleu {
font-weight: bolder;
color: #3fa6cc;
}


.redacBoldOrange {
font-weight: bolder;
color: #ff850d;
}


.redacBold {
font-weight: bolder;
}


.fond_vert {
background: #95cb43;
}


.fond_orange {
background: #ff850d;
}


.fond_bleu {
background: #3fa6cc;
}


.fond_gris {
background: #485458;
}


a {
color : white;
text-decoration : none;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}


a:hover {
color : black;
}


a.lien_redac, a.lien_orange, a.lien_bleu  {
color: #000000;
font-size: 10px;
}


a.lien_redac:hover {
color: #95cb43;
font-size: 10px;
}


a.lien_orange:hover {
color: #ff850d;
}


a.lien_bleu:hover  {
color: #3fa6cc;
font-size: 10px;
}


/* habillage */


/* @group haut */


#header {
background: url(../images/header.gif) left center  repeat-x;
border: 01px solid #485458;
height: 22px;
width: 100%;
color: white;
text-align: right;
font: 10px verdana;
display: inline;
margin: 0px;
margin-bottom: 7px;
float: left;
}


#header a {
padding-top: 4px;
padding-right: 50px;
float: right;
display: inline;
}


#cadre_intro {
border: 01px solid white;
background: left center  url(../images/logo.gif) white no-repeat;
height: 121px;
width: 100%;
float: left;
display: inline;
text-align: right;
border-bottom-width: 05px;
border-right-width: 01px;
border-left-width: 01px;
border-top: 05px solid white;
margin-bottom: 7px;
}

/* @end */


/* @group menu */


#menu {
width: 100%;
background: url(../images/menu.gif) repeat-y left #c8cccd;
border: 01px solid #485458;
color: white;
margin-bottom: 7px;
display: inline;
float: left;
font-size: inherit;
line-height: inherit;
padding-top: 3px;
height: 16px;
}


#menu ul {
display: inline;
padding: 0px;
margin-left: 40px;
height: 16px;
}


#menu li {
color: #485458;
border-spacing: 0px 0px;
font: 12px/12px 12px Verdana, Arial, Helvetica, sans-serif;
display: inline;
}


#menu li a {
color: white;
font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
border-bottom: solid #95cb43 5px;
padding-bottom: 8px;
position: relative;
}


#menu li a:hover {
color: black;
font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 5px solid #aae74c;
border-collapse: collapse;
border-spacing: 0px;
padding-bottom: 8px;
position: relative;
}

/* @end */


/* @group encadrement page */


#carregauche_haut {
width: 30px;
height: 14px;
display: inline;
float: left;
font: 10px/10px Arial, Helvetica, sans-serif;
color: black;
background: white;
margin: 0px;
padding: 0px;
}


#carredroit_haut {
color: black;
float: right;
width: 170px;
height: 14px;
background: white right;
font: 10px/10px Arial, Helvetica, sans-serif;
display: inline;
margin: 0px;
padding: 0px;
}


#page {
color: #485458;
font: 10px Verdana, Arial, Helvetica, sans-serif;
width: 100%;
float: left;
margin: 0px;
padding: 0px;
height: 100%;
}


#bordgauche {
background: white;
height: 50px;
float: left;
width: 10px;
margin: 0px;
padding: 0px;
}


#borddroit {
width: 10px;
background: white;
height: 150px;
float: right;
margin: 0px;
padding: 0px;

}


#carregauche_bas {
display: inline;
float: left;
background: white;
height: 14px;
width: 250px;
font-size: 10px;
line-height: 10px;
padding: 0px;
margin: 0px;
}


#carredroit_bas {
display: inline;
float: right;
background: white;
height: 14px;
width: 280px;
font-size: 10px;
line-height: 10px;
padding: 0px;
margin: 0px;
}

/* @end */


/* @group contenu */


#contenu {
background: white;
width: 760px;
padding: 0px;
margin: 0px;
display: inline;
float: left;
height: auto;
}


#gauche {
float: left;
padding: 0px;
margin: 0px;
margin-top: 10px;
width: 72%;
padding-left: 10px;
}


#fleche {
margin: 0px;
padding: 0px;
margin-bottom: 8px;
}


#droite {
float: right;
background: white;
padding: 0px;
margin: 15px 0 0 0;
}


#bonus {
float: left;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
}

/* @end */


/* @group mini menu doite */


#case {
width: 161px;
padding: 0px;
background: white;
margin: 0px;
margin-bottom: 10px;
margin-right: 10px;
text-align: center;
font-size: 10px;
line-height: 10px;
}


#sous_case a {
color: #485458;
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
}


#case a:hover {
text-decoration: none;
color: #000000;
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
}

#case a.rouge:hover {
text-decoration: none;
color: red;
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
}

#case a.vert:hover {
text-decoration: none;
color: #95cb43;
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
}


#img_case {
background: transparent;
margin: 0px;
padding: 0px;
width: 161px;
}


#sous_case {
border-right:01px solid #485458;
border-bottom:01px solid #485458;
border-left:01px solid #485458;
text-align: center;
padding: 0px;
background: white;
margin: 0px;
line-height: 9px;
height: auto;
vertical-align: baseline;
padding-top: 5px;
padding-bottom: 5px;
}
#sous_case_boite {
border-right: 01px solid #485458;
border-bottom: 01px solid #485458;
border-left: 01px solid #485458;
text-align: center;
padding: 0px;
background: white;
margin: 0px;
line-height: 9px;
height: auto;
vertical-align: baseline;
padding-top: 5px;
}

/* @end */


/* @group bas */


#footer {
border: 01px solid #485458;
background: repeat url(../images/footer.gif) left center;
height: 17px;
width: 100%;
color: white;
position: inherit;
float: left;
display: inline;
margin-top: 7px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#footer img {
float: left;
padding-left: 35px;
}


#footer a {
padding-left: 5px;
display: inline;
float: left;
padding-top: 2px;
}


#info_legal {
display: inline;
width: 100%;
margin-top:7px;
float:left;
color: #485458;
font-size: 9px;
background: transparent;
text-align: center;
padding-bottom: 7px;
}

/* @end */


.class {

}