@import url(common.css);

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

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#5471cf !important}
.vert {color:#a7c956 !important}
.gris {color:#6b6b6b !important}
.rouge{color:#c01020 !important}
.vert{color:#dbdb33 !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#e0414f !important}


img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#eee;padding:20px 0 10px 10px;color:#555}
.liste li {margin:0px 0px 10px 15px}

body{background:#fff}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{height:1%}



/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/


#page{text-align:center;padding-bottom:30px}

#header{background:url(../img/squelette/bg_head.gif) no-repeat;padding:5px 0 0 25px}

.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

#basColG{background:url(../img/squelette/bas_menu.gif) no-repeat;height:65px}

h1{width:873px;height:102px;overflow:hidden;}

#gammes{float:left;width:290px;height:235px;background:url(../img/accueil/bg_gamme.jpg) no-repeat; overflow:hidden;color:#fff}
#gammes h2{margin:50px 0 15px 15px;}
#gammes a.gammeLink{zoom:1;font-size:12px;margin-left:10px;width:115px;display:block;float:left;color:#fff;border-bottom:1px solid #fff;padding:7px;}
#gammes a.gammeLink:hover{zoom:1;text-decoration:none;background:#fff !important;color:#c01020}
#gammes a{font-size:11px;color:#DBDB33;text-decoration:none}
#gammes a:hover{text-decoration:underline}
.rose{color:#dd4250 !important}

#gammes .contentActu{padding:0 15px 0 12px}
#gammes .contentActu p{padding-bottom:4px;}
#gammes .contentActu img{border:#fff 3px solid}
#gammes .contentActu a.suite{display:block;clear:both}


#contenu{background:#c01020 url(../img/squelette/bg_rouge.jpg) center repeat-y;padding-bottom:20px}
#bande_verte{height:10px;background:url(../img/squelette/bande_verte.gif) no-repeat top center;}
#contenuAccueil{padding-top:10px;background:url(../img/accueil/bg_contenu.gif) no-repeat top center;}

#flashAccueil{float:right;width:652px;background:url(../img/flash/fond.jpg) no-repeat;width:652px;height:225px;}

#topProdA{height:12px;background:url(../img/accueil/top_prod_a.jpg) no-repeat}
#prodAccueil{min-height:240px;height:auto !important;height:240px;float:left;width:547px;background:#ad071b url(../img/accueil/bas_prod_a.jpg) no-repeat bottom center;color:#fff;}
#prodAccueil h3{font-size:16px;font-weight:normal}
#prodAccueil h4{font-weight:normal}
#prodAccueil ul{margin-left:35px;}
#plansA{margin:10px 0 0 35px;margin-bottom:20px}
#plansA a{padding:10px 10px 10px 30px;color:#dbdb33;background:url(../img/accueil/plan.jpg) no-repeat;}
#plansA a:hover{color:#fff}
#bigs{margin-top:8px;}
#bigs img{border:5px #dbdb33 solid}
#vignettes{position:relative;top:-3px;}
#visuProdA{float:left;margin-left:10px}
#descProdA{float:left;margin:10px 0 0 15px;width:273px;text-align:justify}/* PASCAL : Fixé largeur(base 233px) et text-align */

#actuAccueil{float:right;width:400px;background:url(../img/accueil/bg_actu.jpg) no-repeat;height:240px}
#actuAccueil h3{font-weight:normal;font-size:16px;margin-bottom:8px;}
#contenuActuA{float:right;width:180px;margin:10px 20px 0 0}
#contenuActuA .texte{color:#878717;font-size:12px;}

#agauche{margin-top:18px;margin-bottom:20px;padding-bottom:6px;float:left;width:230px;background:#dbdb33 url(../img/squelette/bas_gauche.jpg) no-repeat bottom center;}
#agauche #zetop{height:17px;background:url(../img/squelette/top_gauche.jpg) no-repeat bottom center;}
#agauche ul{margin:0 4px;}
#agauche ul li{list-style:none;margin-bottom:3px;}
#agauche ul li a{text-transform:uppercase;display:block;color:#fff;font-size:12px;font-weight:bold;background:#c6c629;text-align:center;padding:8px 0;}
#agauche ul li a:hover,#agauche ul li a.actif{background:#097635}
#agauche ul.dev{z-index:10;background:#fff url(../img/contenu/bas_dev.gif) no-repeat bottom center;padding:5px 5px 16px 5px;margin:0 4px 0 4px}
#agauche #hautDev{padding-top:10px;background:#097635 url(../img/contenu/haut_dev.gif) no-repeat top center}

#agauche ul.dev li a{text-transform:none;padding:4px 0;background:#e8e8e8;color:#097635;font-weight:normal;font-size:11px}
#agauche ul.dev li a:hover,#agauche ul.dev li a.actif{background:#097635;color:#fff}

#encarts_gauche{margin:10px 0 0 8px;}

.padding5{padding:5px}

#leContenu{width:715px;float:right;}

#leContenu h2{color:#dbdb33;font-size:16px;border-bottom:1px #dbdb33 solid;padding:30px 0 5px 15px}

div.paragraphe{text-align:justify;color:#fff;}
div.paragraphe a{color:#dbdb33;text-decoration:underline}
div.paragraphe a:hover{text-decoration:none}

img.visu{border:5px #dbdb33 solid}

a.celluleGamme{margin-top:5px;display:block;width:350px;padding:6px 0 1px 3px;background:#9a0916;}
a.celluleGamme:hover{background:#f0192d;}
span.blo{display:block}
a.celluleGamme img{border-color:#fff;}

div.gaucheActu{width:294px;}
div.gaucheActu a{margin-left:20px;padding:20px 30px 20px 40px;color:#db999f;background:#ae0b1a url(../img/contenu/doc.jpg) no-repeat 5px 10px;}
div.gaucheActu a:hover{color:#fff}

div.gaucheProduit{width:470px;}

.wproduit{width:235px;}
.wproduit ul{margin-left:20px}
.wproduit ul,.wproduit p{margin-top:1em}

a.produitBtn{color:#fff;display:block;float:left;width:220px;padding:5px;background:#dbdb33;text-align:center;}
a.produitBtn:hover{background:#fff;color:#dbdb33}

div.gaucheProduit a.planProduit{margin-top:5px;display:block;width:200px;padding:7px 0;background:#9a0916 url(../img/contenu/doc_produit.jpg) no-repeat 131px 10px;}
div.gaucheProduit a.planProduit:hover{background:#f0192d url(../img/contenu/doc_produit.jpg) no-repeat 131px -143px;}


/**********************************************************************************************
 *************************** MENU *************************
 **********************************************************************************************/

#menu{background:#dbdb33;color:#fff}
#menu ul li{display:inline;list-style:none;}
#menu ul li a{font-size:12px;font-weight:bold;display:block;float:left;padding:13px 15px 8px;color:#fff;}
#menu ul li a:hover,#menu ul li a.actif{background:#c9c928 url(../img/squelette/ergot_menu.gif) no-repeat top center;}

/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/




/* footer */
#footer{text-align:center;color:#878717;margin-top:10px}
#contentFoot{text-align:left;padding-bottom:15px;background:#dbdb33 url(../img/squelette/bas_foot.jpg) no-repeat bottom}
#topFoot{background:url(../img/squelette/top_foot.jpg) no-repeat;height:13px;margin-bottom:5px}
#contentFoot ul li{list-style:none}
#contentFoot ul li a{font-weight:normal;color:#6b6b6d;text-decoration:none}
#contentFoot p a{color:#cd003a;text-decoration:none}
#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}
.marge1{margin-left:25px}
.marge2{margin-right:25px}


div.celluleActu{color:#fff;background:#b70034;padding:6px;}
div.celluleActu div.texte{margin:0 6px;float:left;width:160px;}
div.celluleActu a{color:#fff;text-decoration:none}



/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/




/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}
.erreur{background:#fff !important;color:#666 !important}

/*** EXTRAS ***/

div.extras .widthExtras{width:675px;}
#contenuExtras{margin-left:16px;width:673px;padding:10px 0 6px}

div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras{padding:20px}
div.extras h4{margin:5px 0}
div.extras p{color:#fff;}
div.extras p a{color:#dbdb33;text-decoration:underline}
div.extras a:hover{text-decoration:none}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#fff;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#fff;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#dbdb33; color:#878717; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#cb1828; margin:5px 0px; padding:5px 0px 5px 20px; width:400px}
div.extras .bg1{background-color:#cb1828}
div.extras .credits2,div.extras .bg2{background-color:#b81120}
div.extras td{padding:5px 0;color:#fff;font-size:11px}


#plan ul{background:#eee;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#fff}
#plan a:hover {background-color:#fff; color:#cd003a;text-decoration:none}
#plan a.titre{font-weight:bold;background:#cd003a;color:#fff}
#plan a.titre:hover{background:#AE0030;color:#fff}
#plan h4 a{background:#940b17;}
#plan h5 a{background:#aa1320;font-weight:normal}
#plan h3{margin-top:15px;color:#fff;margin-bottom:5px}

/***************************************
************ FORMULAIRES ***
***************************************************************/


#formContact label.normal{float:left;width:210px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input,#formContact p.textuel select{color:#fff;width:380px;background:#9a0916;border:none;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact textarea{color:#fff;width:380px;border:none;background:#9a0916;font-size:11px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{font-size:11px;border:none;background:#dbdb33;color:#878717;padding:3px;display:block;width:386px;text-align:center;margin-left:217px;}

#formContact label.normal2{float:left;width:130px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
input.send2{font-size:11px;border:none;background:#dbdb33;color:#878717;padding:3px;display:block;width:386px;text-align:center;margin-left:137px;}