/* --================================= [ 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}
.decalage20 {margin-left:20px}
.padding10 {padding:0px 10px 10px 10px}

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

.cadran-contact {
  background-repeat:no-repeat;
  background-color:#ecf3d6; 
  border:4px #d2dbb6 solid; 
  width:580px; 
  margin-bottom:10px;
  padding-left:10px;
}

#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;
  margin-bottom:20px
}


/* --================================= [ 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 {width:196px; border-left:2px #fff solid}
#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;
  margin:1px 0px 0px 40px;
  color:#fff;
  text-decoration:none;
  padding:8px 0px 8px 10px;
  font-weight:bold
}
#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;
}


/* =================== Sous menu =================== */
a.menu-lien2 {
  background-color:#a2ba1f !important;
  display:block;
  width:141px !important;
  height:18px !important;
  margin:1px 0px 0px 40px;
  text-decoration:none;
  padding:5px 0px 0px 15px !important;
  font-size:11px;
  font-weight:bold;
}
a:hover.menu-lien2 {background-color:#8ca11a !important}

a.menu-lien2-actif {
  background-color:#8ca11a !important;
  display:block;
  width:141px !important;
  height:18px !important;
  margin:1px 0px 0px 40px;
  text-decoration:none;
  padding:5px 0px 0px 15px !important;
  font-size:11px;
  font-weight:bold;
}


/* =================== Sous sous menu =================== */
a.menu-lien3 {
  background-color:#bad621 !important;
  display:block;
  width:141px !important;
  margin:1px 0px 0px 40px;
  color:#6f6f0f !important;
  text-decoration:none;
  padding:1px 0px 0px 15px !important;
  font-size:11px;
  letter-spacing:1px;
  font-weight:normal !important
}
a:hover.menu-lien3 {background-color:#cef016 !important}

a.menu-lien3-actif {
  background-color:#cef016 !important;
  display:block;
  width:141px !important;
  margin:1px 0px 0px 40px;
  color:#6f6f0f !important;
  text-decoration:none;
  padding:1px 0px 0px 15px !important;
  font-size:11px;
  letter-spacing:1px;
  font-weight:normal !important
}

/* --================================= [ entete ] =================================-- */
#entete-extranet {
  background-color:#88881d;
  height:20px;
  width:444px;
  border-right:2px #fff solid;
  padding:5px 0px 0px 220px;
  color:#fff;
  font-size:11px
}
#entete-extranet input {width:110px; height:13px; background-color:#f5fbe1; border:1px #63630e solid; font-size:11px; color:#6f6f0f}
#entete-extranet label {width:80px; text-align:right; margin:1px 3px 0px 10px}

#entete-position {
  background-image: url("../img/interface/entete-gauche.gif");
  background-repeat:no-repeat;
  background-color:#c2c253;
  height:19px;
  width:654px;
  border-right:2px #fff solid;
  padding:5px 0px 0px 10px;
}

#entete-position img{vertical-align:middle}
#entete-position a {color:#fff; text-decoration:none}


/* --================================= [ pages ] =================================-- */
/* =================== qualite, tracabilité, sofral =================== */
#qualite-ul {width:320px}
#brc {margin-left:20px}
#brc-p {width:370px; margin-right:20px}

#qualite-img1 {margin-left:20px}

#qualite-cadran-img1 {margin:19px 19px 19px 30px}
#qualite-cadran-img2 {margin:19px 19px 19px 40px}
#qualite-cadran-img3 {margin:19px 19px 19px 28px}
#qualite-cadran-img4 {margin:19px 0px 19px 10px}


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

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

#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:250px}
#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, #recettes-boutons,.recettes-boutons2 {
  background-image: url("../img/interface/fond-pied.gif"); 
  width:590px; 
  padding:10px 0px 0px 0px;
  margin-top:10px
}
.recettes-boutons2 {width:580px; padding:10px 10px 0px 0px}
div > .recettes-boutons2 {width:580px; padding:10px 10px 10px 0px}
div > .recettes-boutons {width:585px; padding:10px 0px}
div > #recettes-boutons {padding:10px 0px}
.recettes-boutons img, #recettes-boutons img {margin-right:10px}

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


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

#catalogue-label1 {margin:0px 0px 20px 60px}
#catalogue-infos b {display:block; width:223px; background-color:#d2dbb6; border:1px #b9c2a1 solid; padding:2px 2px 2px 5px}

#catalogue-vignettes img {margin:10px 0px}
#catalogue-vignettes a {color:#6f6f0f; font-size:11px}
.index-vignette-a {float:left; width:111px; height:190px; text-align:center; margin:0px 14px}

/* =================== actualites (&index) =================== */
.actu {padding:10px; width:570px}

.actu-article{padding:10px; text-align:justify}
a#actualites-plus,a#index-plus {
  margin:10px; 
  padding:2px 5px; 
  background-color:#88881c; 
  color:#fff;
  border:1px #d2dbb6 solid;
}

a:hover#actualites-plus,a:hover#index-plus {color:#fff; background-color:#8ca11a}


/* =================== Historique =================== */
#historique td {padding:0px 10px; background-color:#ECF3D6; border:1px #D2DBB6 solid}
.historique-date {background-color:#F8FAEF !important; width:110px}
#historique td ul {background-color:#fff !important}
#historique td .bleu {background-image:url(../img/interface/fleche-bleu3.gif) !important}


/* --================================= [ 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}

#leb-img {margin:5px 60px 0px 0px}

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


/* --[ Aides ]-- */

.ligne-bleue {background-color:#ecf3d6}
.ligne-blanche {background-color:#fff}

table td{padding:5px 0px}
table {margin-bottom:20px}
table a {text-decoration:none}
caption {background-color:#0058a0; 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}