body {
   font-family: Arial, sans-serif;
   font-size: 0.8em;
   margin: 0;
   padding: 0;
   background-color: #c0c0c0;
}
a {
   color: #990000;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
a img {
   border: none;
}
h1, h2, h3 {
   font-family: verdana;
}
h1 {
   color: #990000;
   font-size: 18px;
   margin: 0;
   padding: 0px 0px 26px 0px;
}
h2 {
   color: white;
   
   font-size: 16px;
   margin-top: 0;
   padding: 4px;
   background-color: #f7911d;
   margin-left:-5px;
}
h3 {
   color: #990000;
   font-size: 12px;
   margin-top: 0;
}
hr {
   display : block;
   height: 1px;
   padding: 0;
   color: transparent;
   background-color: transparent;
   border: none;
   border-top : 1px dashed grey;
   margin : 0px auto;
   /*marges sous ie*/
   _margin: -7px auto;
}

.separateur {
   clear: both;
}
.imgGauche {
   float: left;
   margin-right: 20px;
   margin-top: 3px;
}
.imgDroite {
   float: right;
   margin-left: 20px;
   margin-top: 3px;
}
.littleBR {
   height: 6px;
}
.depotRecette tr{
   vertical-align: top;
}
input.bouton{
	border:1px solid #ffffff;
	background-color:#9a0000;
	color:#ffd987;
	padding-left:1px;
	padding-right:1px;
	font-weight:bold;
}
.switchlanguage{
	float:right;
	color:#666666;
}
/***************************   structure générale   ***************************/

#conteneur, #conteneur_bien_etre {
   position: relative;
   width: 900px;
   margin: 0 auto;
   color: black;
   background: white url(../images/personnages.png) no-repeat bottom left;
   border: 1px solid black;
}
#conteneur_bien_etre {
    background: white url(../images/personnages_bien_etre.jpg) no-repeat bottom left;
}
#header {
   height: 122px;
   color: white;
   background: #990000 url(../images/header.jpg) no-repeat;
   margin-bottom: 10px;
}
#header-print {
	display:none;
}
#barreMenu {
   position: absolute;
   top : 116px;
   left:160px;
   width: 750px;
   padding-left: 0px;
}
#corps, #corpsAccueil {
   margin-left: 205px;
   margin-bottom: 5px;
   height: 600px;
   padding: 30px;
   padding-top: 0;
   padding-bottom: 0;
   text-align: justify;
   color: black;
   /*background-color: white;*/
   border-left: 1px solid #f7911d;
}
html>body #corps, #corpsAccueil {
   height: auto;
   min-height: 600px;
}
#corpsAccueil {
   width: 434px;
   border-right: 1px solid #f7911d;
}
#corpsAccueil .titre{
   position: relative;
   left: -25px;
}
#corpsAccueil h2 {
   
}
#corpsAccueil p {
   margin-top: 3px;
}
#gauche {
   position: absolute;
   top: 160px;
   left: 0px;
   width: 195px;
   padding-left:10px;
}
#gauche img{
	padding-left:0px;
	margin-bottom:2px;
}
#gauche_bas {
   position: absolute;
   top: 220px;
   left: 10px;
   width: 195px;
	padding-left:5px;
}
#gauche .panierRecap{
	border-top:1px solid #9A0000;
	border-bottom:1px solid #9A0000;
	background-color:#F5F5F5;
	margin-bottom:10px;
	margin-left:-10px;
}
#accueil_produit {
   
   width: 380px;
   margin-top: 0px;
   padding: 5px;
   
}
#accueil_produit .image{
	/*max-width: 300px;
    width: expression(this.width > 300 ? 300: true);*/

    max-width: 300px;
    width: expression((this.width > 300 && this.width>=this.height) ? 300: true);
    max-height: 300px;
    height: expression((this.height > 300 && this.height>this.width) ? 300: true);
    margin:5px 0px;
}
#accueil_produit h1{
	padding-bottom:10px;
}
#accueil_produit h2{
   color: #f7911d;
   width: 100%;
   font-size: 16px;
   margin: 0;
   padding: 0;
   padding-bottom:5px;
   background-color: transparent;
}
#accueil_produit hr{
	border-top:1px solid #9A0000;
	width:380px;
	/*margin:0px;
	text-align:center;*/
}
#accueil_recette{
   float : right;
   background-color:#ffda8b;
   width: 235px;
   margin-top: 0px;
   padding: 5px;
   margin-right:-20px;
}
#footer {
   color: white;
   text-align: center;
   padding-top: 3px;
   height: 21px;
   clear: both;
   background: #990000 url(../images/personnages.png) no-repeat bottom left;
/*   border-top: 1px dashed grey;*/
}
#footer a {
   color: white;
}

@media print{
    #barreMenu {display:none;}
    #gauche {display:none;}
    #gauche_bas {display:none;}
    #conteneur {width:100%;border:0px;}
    #corps {border:0px;margin:0px;}
    #footer {display:none;}
    #header {display:none;}
    #header-print  {display:block;}
    #recherche_recette {display:none;}
}
/******************************************************************************/
#qualite {
	/*border:1px solid #F7911E;*/
	width:200px;
	/*background:white url(../images/fond_qualite.jpg) no-repeat;*/
}
#qualite_bas{
    /*background: url(../images/fond_qualite_bas.jpg) bottom no-repeat;*/
    padding-bottom:20px;
}
#gauche h1{
	font-size:14px;
	padding:5px;
	padding-left:0px;
    margin:0px;
}
#qualite ul{
	padding:0px;
    margin:0px;
    padding-left:0px;
    list-style-type:none;
}
#qualite ul li{
    padding:0px;
    margin:0px;
	margin-top:5px;
}
#qualite ul li img{
	/*height:17px;*/
	margin-left:0px;
	padding:0px;
	padding-right:5px;
	vertical-align:middle;
}
#raccourcis {
   /*border-left: 10px solid #990000;*/
   list-style: none;
   padding-left: 0px;
   padding-bottom: 2px;
   margin: 0;
   margin: 0px 10px 0 0px;
}
#raccourcis li{
	padding:5px 0 5px 5px;
	border:1px solid #c6c6c6;
	margin-bottom:2px;
}



/****************************   menus déroulants   ****************************/

#menu {
   list-style-type: none;
   margin: 0;
   padding: 0px 0 0 0;
}
#menu li {
   /*****************  menu vertical : commenter  */float: left;
   position:relative;
   margin: 0;
   padding: 5px 2px;
}
#menu li a {
   display: block;
   margin: 0;
   padding: 0;
   color : white;
   font-weight : bold;
   font-size : 12px;
   text-decoration : none;
   /*border:1px solid #990000;*/
   width:100px;
   height:20px;
   text-align:center;
   /*background-color:#F8901D;*/
   background : white url(../images/onglet.jpg) no-repeat bottom;
}
#menu li a:hover {
   text-decoration : none;
   background-color:#990000;
   color:#ffffff;
}
#menu .sousMenu, #menu .sousMenu .sousSousMenu{
   display: none;
   position: absolute;
   width: 150px;
   list-style-type: none;
   margin: 6px 0 0 0;
   /*****************  menu vertical : décommenter  *//*margin: -19px 0 0 100px;*/
   padding : 0px 0 0px 0;
}
#menu .sousMenu li, #menu .sousMenu .sousSousMenu li {
   margin: 0;
   padding: 0;
   width: 150px;
   background-color : #ffd98b;
   border-bottom: 1px dotted white;
   /*filter:alpha(opacity=90);*/
   /*opacity: 0.90;*/
}

#menu .sousMenu li a, #menu .sousMenu .sousSousMenu li a {
   display: block;
   color: black;
   font-size : 12px;
   padding: 5px 0px 5px 10px;
   border: 0;
   text-decoration: none;
   background:transparent;
   width:140px;
   height:100%;
   text-align:left;
}
#menu .sousMenu li a:hover, #menu .sousMenu .sousSousMenu li a:hover {
   background-color: #f7911d;
   color: white;
   text-decoration: none;
}
#menu .sousMenu .sousSousMenu {
   margin: -25px 0 0 151px;
}
/*remplace les javascript => ne fonctionne pas sous ie6 et <*/
/*#menu li:hover > .sousMenu { display: block; }*/

/******************************************************************************/
.captcha-form{
    border: 1px solid black;
    text-align: center;
    padding: 10px;
}

.tab-captcha{
    position: relative;
    width: 150px;
    margin: 0 auto;
}
.tab-captcha td{
    text-align: center;
    padding: 3px;
}