@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,html{background:#674d3f}

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%}

#fancybox-close{background:url('../img/fancybox/fancy_close_fermer.png') top left no-repeat !important;width:97px !important}

/**********************************************************************************************
 *************************** 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{c26/11/2010olor:#dd4250 !important}

#gammes .contentActu{padding:0 15px 0 12px}
#gammes .contentActu p{padding-bottom:4px;}
#gammes .contentActu img{border:#fff 3px solid;margin-bottom:15px;}
#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:#fff url(../img/accueil/bg_contenu.gif) no-repeat top center;}

#flashAccueil{position:relative;float:right;width:652px;background:url(../img/flash/fond.jpg) no-repeat;width:652px;height:225px;}
a#testGoog{position:absolute;width:180px;height:225px;right:0;top:0;z-index:50;background:#000;filter:alpha(opacity=0.1);opacity:0.01}
#flashAccueil #leflashe{position:absolute;z-index:40}

#topProdA{height:12px;background:url(../img/accueil/top_prod_a.jpg) no-repeat}
#prodAccueil{position:relative;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:15px;font-weight:normal}
#prodAccueil h4{font-weight:normal}
#prodAccueil ul{margin-left:35px;}
#plansA{padding-left:5px;margin:0 0 0 0;margin-bottom:10px;width:65px;border-left:1px #d12c3f solid}
#plansA a{display:block;margin-right:5px;padding:3px 0 5px 18px;color:#dbdb33;background:url(../img/accueil/plan2.jpg) no-repeat;}
#plansA a:hover{color:#fff}
#vignettes{position:absolute;bottom:10px;left:10px}
#bigs img{height:228px;vertical-align:middle}
#visuProdA{float:left;height:228px;}
#descProdA{float:left;margin:10px 0 0 10px;width:210px;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 p,#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,#agauche ul.dev2 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,#agauche ul.dev2 li a:hover,#agauche ul.dev2 li a.actif{background:#097635;color:#fff}

#agauche ul.dev2{z-index:10;background:#C6C629;padding:5px 5px 16px 5px;margin:0px}

#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{display:block;
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}
.vertfonce{color:#878717 !important}

.col1Foot{margin-left:150px}
.col2Foot{margin-left:180px}

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}

/* FOOTER 2016 */


#linksFooter{padding:0;text-align:center;color:#fff;}
#linksFooter a{color:#fff;font-size:12px;}
#linksFooter span.separateur{padding:0 10px;}

#footer-entreprise{width:28%;float:left;}
#footer-satellites{width:68%;float:right;}

.cell-satellite{display:block;float:right;border-radius:8px;padding:15px;box-sizing:border-box;color:#fff;
background: #44352e; /* Old browsers */
background: -moz-linear-gradient(top,  #44352e 0%, #674d3f 40%, #674d3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44352e), color-stop(40%,#674d3f), color-stop(100%,#674d3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #44352e 0%,#674d3f 40%,#674d3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #44352e 0%,#674d3f 40%,#674d3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #44352e 0%,#674d3f 40%,#674d3f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #44352e 0%,#674d3f 40%,#674d3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44352e', endColorstr='#674d3f',GradientType=0 ); /* IE6-9 */}
.cell-satellite a{color:#fff;font-size:12px;}
.cell-satellite a:hover span.titre{background:#f6a200}
.cell-satellite img{width:100%;margin-bottom:10px;}
.cell-satellite span.soustitre{font-size:15px;line-height:18px;display:block;text-align:center;padding:15px 10px 10px;border-top:1px #206082 solid;}
.cell-satellite span.titre{margin:10px 0;display:block;text-align:left;padding:5px 5px 5px 10px;background:#206082;border-radius:4px;}
.cell-satellite span.titre span.www{display:block;float:right;background:#f6a200;color:#fff;padding:4px;border-radius:4px;line-height:13px;margin-top:3px}
.cell-satellite p{margin-top:7px;padding:10px;font-size:15px;text-align:center;background:#0986b3;border-radius:10px;}

#footer-entreprise .cell-satellite{width:100%;}
#footer-satellites .cell-satellite{width:31%;margin:0 1%;}
#footer-satellites .cell-satellite:first-child{margin-right:0}
#footer-satellites .cell-satellite span.soustitre{line-height:20px;}



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

#creditsLeb p a.rouge,#creditsLeb h4.rouge{color:#DBDB33 !important}
#creditsLeb div.credits1 a{color:#fff !important}

#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;}
#formContact p.textuel input.radio{width:20px;margin:5px 0}
#formContact p.textuel span.chck{position:relative;top:-2px}