/* --================================= [ Global ] =================================-- */
* {margin:0px; padding:0px}

html {
  background-image: url("../img/interface/fond-html.gif");
  background-color:#0058a0;
  width:100%;
  font:12px Arial, helvetica, sans-serif;
  padding-top:20px;
  color:#6f6f0f
}

img {border:none}
#conteneur p,b {text-align:justify}

h2{font-size:1.30em}
h3{font-size:1.10em}
h4{font-size:1.00em}
h5{font-size:1.30em}

h2 span,h1 span {display:none}
em {font-style:normal}

/* --================================= [ Classes Globales ] =================================-- */
.gris {color:#666 !important}
.vert {color:#6f6f0f !important}
.bleu2,.bleu {color:#0058a0 !important}

.left {float:left}
.right {float:right}
.clear {clear:both}

h5 {padding-left:20px; margin:15px 0px; background-repeat:no-repeat}
h5.bleu {background-image: url("../img/interface/fleche-bleu.gif")}
h5.vert {background-image: url("../img/interface/fleche-verte.gif")}

h5.bleu2 {background-image: url("../img/interface/fleche-bleu2.gif")}
h5.vert2 {background-image: url("../img/interface/fleche-verte2.gif")}

input.bouton {
  background-image: url("../img/interface/entete-bouton.gif");
  background-repeat:no-repeat;
  cursor:pointer;
  margin:1px 0px 0px 5px;
  width:14px !important;
  height:13px !important;
  border:none !important
}

.p1 {display:block; width:350px}

.cadran1,.cadran2 {
  background-repeat:no-repeat;
  background-color:#ecf3d6; 
  border:4px #d2dbb6 solid; 
  width:590px; 
  margin:10px 0px
}
.cadran2 {padding:10px; width:570px}

#cadran3-gauche {
  background-image: url("../img/interface/cadran3-gauche.gif");
  background-repeat:no-repeat;
  width:25px;
  height:33px
}
#cadran3-droite {
  background-image: url("../img/interface/cadran3-droite.gif");
  width:565px;
  height:33px;
  border-right:4px #d2dbb6 solid
}
#cadran3-droite2 {
  background-image: url("../img/interface/cadran3-droite2.gif");
  background-repeat:no-repeat;
  background-color:#d2dbb6; 
  height:26px;
  padding:7px 10px 0px 30px;
}
#cadran3-droite2 b{font-size:16px; color:#6f6f0f}

#cadran3-contenu {
  background-color:#ecf3d6; 
  border-right:4px #d2dbb6 solid; 
  border-left:4px #d2dbb6 solid;
  border-bottom:4px #d2dbb6 solid;
  width:586px;
}


/* --================================= [ Structure générale ] =================================-- */
#conteneur {width:864px; margin:0px auto 0px auto}
#page {background-image: url("../img/interface/page-fond.gif"); width:864px}

#colonne-gauche {display:none}
#contenu {
  background-image: url("../img/interface/contenu-coin.gif");
  background-repeat:no-repeat;
  background-position:top right;
  width:600px;
  padding:20px;
}

#contenu ul {margin:10px 0px; background-color:#ecf3d6; border:1px #d2dbb6 solid; padding:10px; color:#6f7c47}
#contenu li {margin-left:20px}
#contenu a {color:#0058a0; text-decoration:none}
#contenu a:hover {color:#114975}

#pied {
  background-image: url("../img/interface/fond-pied.gif"); 
  width:860px; 
  border-top:2px #d2dbb6 solid; 
  border-bottom:2px #fff solid; 
  margin:20px 0px 0px 2px;
  text-align:center;
  padding:10px 0px
}
#pied a {color:#a3b56c; text-decoration:none}


/* --================================= [ Menu gauche ] =================================-- */
#menu {
  background-image: url("../img/interface/menu-fond.gif");
  background-color:#c2c253; 
  width:196px;
  padding:20px 0px
}

#menu a {
  background-color:#6f6f0f;
  display:block;
  width:146px;
  height:23px;
  margin:1px 0px 0px 40px;
  color:#fff;
  text-decoration:none;
  padding:8px 0px 0px 10px;
}
#menu a:hover {background-color:#5c5c0a}
#menu a.actif {
  background-image: url("../img/interface/menu-poulet.gif");
  background-repeat:no-repeat;
  background-color:#5c5c0a;  
  width:146px;
  margin-left:10px;
  padding-left:40px;
}

#recettes-haut {background-color:#c2c253; width:196px; height:20px}
#recettes {background-image: url("../img/interface/recettes-fond.gif"); width:196px; height:137px}


/* --================================= [ entete ] =================================-- */
#entete-extranet,#entete-position {display:none}


/* --================================= [ pages ] =================================-- */
/* qualite */
#qualite-img1 {margin-left:20px}
#qualite-cadran img {margin:19px}

#qualite-boutons {background-image: url("../img/interface/fond-pied.gif"); width:590px; padding:10px 0px}
#qualite-boutons img{margin:0px 11px}


/* tracabilite */
#tracabilite-img1 {margin-bottom:10px}


/* sofral */
#sofral-img2 {margin:20px 0px 0px 70px}
#sofral-lg1 {margin-right:100px}


/* recettes */
#recettes-p {padding:20px}

#recettes-img {border:2px #fff solid; margin:20px 0px 0px 20px}
#recettes-infos {margin:25px 0px 0px 40px; width:220px}
#recettes-infos b {font-size:14px; margin-bottom:5px; display:block}
#recettes-horloge {margin:5px 10px 0px 0px}

#recettes-infos ul{border:none !important; margin:0px !important}
#recettes-infos li {list-style-image: url("../img/interface/recettes-puce.gif"); background-repeat:no-repeat}

#recettes-boutons {background-image: url("../img/interface/fond-pied.gif"); width:585px; padding:10px 0px}
#recettes-boutons img {margin-right:20px}


/* --================================= [ Credits ] =================================-- */
#lebarts-infos {width:330px}
#lebarts-infos p {width:250px !important}
#lebarts-infos a {text-decoration:none; font-weight:bold}
#lebarts-infos a:hover {text-decoration:underline}

.fond-infos {background-color:#ddf0f6; width:430px; margin:5px 0px; padding:5px 0px 5px 20px}


/* --[ Aides ]-- */

.ligne-bleue {background-color:#ddf0f6}

table td{padding:5px 0px}
table {margin-bottom:40px}
table a {text-decoration:none}
caption {background-color:#216382; color:#fff; padding:1px 0px; font-weight:bold}

hr {width:557px; color:#b0b0b0; background-color:#b0b0b0}


/* --[ Contact ]-- */
fieldset {border:none; margin-left:20px}
label {display:block; float:left; width:150px; margin:0px 10px 10px 0px; text-align:right}
input {float:left; width:310px}
textarea {margin-left:20px; width:470px; height:100px}
.input-vert {border:1px #b9c2a1 solid; padding:1px}

#contact-titre {margin-bottom:20px}

#envoyer {float:right; margin:0px 80px 20px 0px; width:102px; height:28px}

.ok {color:#F9A21A; font-weight:bold; background-color:#fff; width:215px; border:1px #F9A21A solid; padding:2px; margin-bottom:10px}
.error {color:#ff0000; font-weight:bold; background-color:#fff; width:295px; border:1px #ff0000 solid; padding:2px; margin-bottom:10px}
.obligatoire {margin-bottom:10px; display:block}