/***********************************************************************************/
/************************ JANUS*****************************************************/
/***********************************************************************************/


body {
background: #999999;
margin: 0px;
}

div#conteneur {
width: 900px;
padding: 0px 0px 0px 0px;
margin: auto;
background: #FFFFFF;
font: 12px  Arial, Helvetica, sans-serif;
}

img {
border: 0;
}

#logovitaminet{

margin-left:103px;
margin-top:12px;
position:absolute;
}

form {
margin:0;
padding:0
}

h1.titre {
margin: 5px;
color:#333333;
font-size: 16px;

}

/*************/

p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

div#haut{
width: 900px;
height:203px;
}

div#banniere{
width:900px;
background: url('../../images/banniere.jpg') ;
height:180px;

}

a#logo1{
width: 285px;
height:134px;
margin-top:35px;
position:absolute;
margin-left:12px;
cursor:pointer;
}

#menu_haut {
margin: 0;
padding: 0;
list-style: none;
position:absolute;
margin: 1px 0 0 344px;
}

#menu_haut li {
float: left;
background: url('../../images/gauche.jpg') no-repeat left ;
height: 20px;
color: #ffffff;
background-color: #444444;
}

#menu_haut li a {
color: #ffffff;
text-decoration: none;
font-weight:bold;
margin-left: 15px;
margin-right: 13px
}

#menu_haut li a:hover {
color: #990000;
}

div#noir{
width:900px;
background-color:#000000;
height:25px;
}

div#news{
width:414px;
position:absolute;
margin-top: 1px;
background-color: #444444;
height:20px;
}

.champs3{
width:150px;
border-bottom: 1px solid #FF0000;
border-top: 1px solid #FF0000;
text-align:center;
color: #d60c16;
height: 15px;
border-right: 1px solid #FF0000;
margin-left: 10px;
border-left: 1px solid #FF0000;

}

td.b_ok{
padding-left:7px;
}

table#table_news td{
vertical-align: top;
}
#contenu {
width:900px;
background: url('../../images/bg_tableau.jpg') #bbbbbb repeat-x ;
}

table#contenu td {
vertical-align: top;
}

td#gauche {
width:162px;
border-right: 2px solid #db001b;
}

td#centre {
width:578px;
border-right: 2px solid #db001b;
}

td#droite {
width:160px;
/*	background:url('../../images/ombred.gif') no-repeat;
background-position:0px 16px*/
}


div#menu {
width: 162px;
/*	background-color: #CCCC00;*/

margin-top:40px;
}

html>body #menu {
height: auto;
min-height: 230px;
}
.image_ombreg{
margin-top: 16px;
margin-left:147px
}

.image_ombred{
margin-top: 16px;
}


div#page {

width:573px;
color:#000000;
margin-top: 16px;
height: 495px;
padding-left: 5px;
}

html>body #page {
height: auto;
min-height:495px;
}

#mot_directeur {
height:50px;
text-align:justify;
width:135px;
font-style:italic;
margin:20px 8px 10px 12px
}

*>#mot_directeur {
height:auto;
min-height:50px
}

#mot_directeur h1{
font-size:14px;
text-align:center
}

#mot_directeur a{
color:#D60D17;
text-decoration:underline
}


div#titre_flash{
background: url('../../images/bg_texte_flash.gif')  ;
color:#fcfcfc;
width:133px;
margin:10px auto 0;
height: 21px;
padding-left:5px;
padding-top: 3px;
font-size:14px
}


div#flash{
width:152px;
height:284px;
}

marquee{
position:absolute;
margin-top:24px;
height: 200px;
font-size:10px;
text-align:left;
margin-left: 5px;
width:140px;
}

marquee h1{
font-size:12px;
font-weight:bold
}

marquee h1 a{
color: #000000;
}


#contenu_bas {
width:900px;
background-color:#DDD;
}

#janus{
background: url('../../images/janus.jpg') 162px 0 no-repeat
}

div#ekinoxe{
width:150px;
float:left;
text-align:left;
display:inline;
padding:5px 0 0 10px
}

a.lien-ekinoxe {
text-decoration: none;
color:#000;
font-size:10px;
margin-right:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.lien-ekinoxe:hover{
color: #060;
}

#menu_bas {
padding: 0;
list-style: none;
float:left;
display:inline;
margin:3px 0 0 115px;
width:465px
}

#menu_bas li {
float: left;
height: 20px;
color: #222;
}

#menu_bas li a {
color: #222;
text-decoration: none;
margin-left: 10px;
margin-right: 10px
}

#menu_bas li a:hover {
color: #900;
}

#adia{
display:block;
float:right;
width:80px;
margin:5px 37px 0 0
}

/**********************MENU CATEGORIE GAUCHE***********************************/
#menu h2{
width:147px;
display:block;
font-size: 12px;
margin:0;
padding-left: 6px;
padding-top: 9px;
padding-bottom: 8px;
margin-left: 5px;
background: url('../../images/menubg.jpg') #bebebe no-repeat ;}

#menu h2 a{
color: #444444;
font-size: 12px;
text-decoration:none;
}

#menu h2 a:hover{
color: #000000;
}

h2.menutitre {

font-size:12px;
font-family: Tahoma;
color:#444444;
cursor:pointer;
text-decoration:none;
}


h2.menutitre:hover {
color:#000000;

}


#menu ul {
margin: 0 ;
padding: 0;
list-style: none;
}

#menu li {
margin: 5px 0 7px 0;
padding: 3px 0 0 15px;
}

#menu li a {
font-size:12px;
text-decoration: none;
color:#cc0000;
}

#menu li a:hover {
color: #000000;
}


#menu li a.decale {
font-size:12px;
text-decoration: none;
color:#330099
}

#menu li a.decale:hover {
color: #000000;
}

div#arbo{
/*margin-top:10px;*/
}

div#arbo a{
color: #000000;
text-decoration:none;
margin-left:5px;
}


div#arbo a:hover{
color:#999999;
}

a.retour{
text-decoration:none;
color:#000000;
font-weight: bold;
}

a.retour:hover{
color: #FF0000;
}

a.ami{
text-decoration:none;
color:#000000;
float:right;
font-size: 11px;
font-weight: bold;
}

a.ami:hover{
color: #003300;
}
h1{margin:0;padding:0;}
h1 span{display:none;}