* {margin: 0; padding: 0;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px;}

body {
    background: #DFD3BB url(../../images/bgBody.gif) repeat-x;
    font-family: "Arial", sans-serif; font-size: 12px; color: #6d0101;}

a {color: #688c1a; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}

input, textarea, select {font-family: "Arial", sans-serif; font-size: 11px;}

#allContent {width: 970px; margin: 0 auto;}

#enTete {
    width: 970px; height: 140px;
    position: relative;}
#enTete #logo {position: absolute; left: 16px; top: 16px;}
#enTete #logo img {border: 0;}    
#enTete h2 {
    width: 425px; height: 25px; position: absolute; right: 0; top: 0;
    background: transparent url(../../images/baseline.gif) no-repeat;}
#enTete h2 span {display: none;}
    
#btnBoutique {
   display: block; width: 159px; height: 21px;
   background: transparent url(../../images/btnBoutique.gif) no-repeat;
   text-indent: -5000px; overflow: hidden; position: absolute; right: 5px; top: 55px;}
    
#navigation {list-style: none; height: 30px; position: absolute; left: 45px; bottom: 0;}
#navigation li {float: left;}
#navigation li a {
    display: block; height: 30px; 
    background-repeat: no-repeat; background-position: 19px 0; 
    padding: 0 19px;}
#navigation li a span {display: none;}
#navigation li#btnNavA a {width: 53px; background-image: url(../../images/btnNavA.gif);}
#navigation li#btnNavB a {width: 80px; background-image: url(../../images/btnNavB.gif);}
#navigation li#btnNavC a {width: 70px; background-image: url(../../images/btnNavC.gif);}
#navigation li#btnNavD a {width: 71px; background-image: url(../../images/btnNavD.gif);}
#navigation li#btnNavE a {width: 67px; background-image: url(../../images/btnNavE.gif);}
#navigation li#btnNavF a {width: 92px; background-image: url(../../images/btnNavF.gif);}
#navigation li#btnNavG a {width: 56px; background-image: url(../../images/btnNavG.gif);}
#navigation li#btnNavH a {width: 92px; background-image: url(../../images/btnNavH.gif);}

h1, h2, h3, h4, legend {font-family: "Georgia", serif;}

#mainContent {
    width: 940px; margin: 0 5px; padding: 5px 10px 10px 10px;
    background: #fff url(../../images/ombreMainContent.gif) no-repeat;}

#pageAccueil #mainContent {
    background: #fff url(../../images/bgMainContentHome.gif) repeat-y; 
    width: 960px; margin: 0 5px 0 5px; padding: 0 0 2px 0; }

#bgMainContent {background: transparent url(../../images/ombreMainContentHome.gif) no-repeat; padding: 10px 10px 0 10px;}

#mainContent h1 {width: 60px; height: 290px; float: left; }
#mainContent h1 span {display: none;}

#pageGlossaire #mainContent h1 {background: transparent url(../../images/titreGlossaire.gif) no-repeat;}
#pageContact #mainContent h1 {background: transparent url(../../images/titreContact.gif) no-repeat;}
#pageFaq #mainContent h1 {background: transparent url(../../images/titreAstuces.gif) no-repeat;}
#pageCheletBois #mainContent h1 {background: transparent url(../../images/titreCheletBois.gif) no-repeat;}
#pageMentions #mainContent h1 {background: transparent url(../../images/titreMentions.gif) no-repeat;}
#pageMagasin #mainContent h1 {background: transparent url(../../images/titreMagasin.gif) no-repeat;}
#pageFournisseurs #mainContent h1 {background: transparent url(../../images/titreFournisseurs.gif) no-repeat;}
#pageEquipe #mainContent h1 {background: transparent url(../../images/titreEquipe.gif) no-repeat;}
.pageActualites #mainContent h1 {background: transparent url(../../images/titreActualites.gif) no-repeat;}
#pagePlanSite #mainContent h1 {background: transparent url(../../images/titrePlanSite.gif) no-repeat;}
.pageCatalogue #mainContent h1 {background: transparent url(../../images/titreCatalogue.gif) no-repeat; height: 340px;}

#ariane {list-style: none; background-color: #fff; width: 850px; height: 20px;}
#ariane li {float: left; padding-right: 4px; font-size: 11px;}

#content {
    width: 850px; float: left; position: relative;
    background-color: #F6EBCD; margin: 20px 0 0 20px;}

#marges {padding: 10px;}
   
#footer {
    height: 17px; background-color: #fff; position: relative; top: -2px;
    width: 950px; margin: 0 5px; font-size: 10px; clear: both;
    text-align: right; padding: 13px 10px 0 0;}
    
#pageAccueil #footer {border-top: 5px #fff solid; top: -4px;}

#footer a {font-weight: normal; color: #6D0101;}
   
#footer p {position: absolute; left: 10px; top: 0; text-align: left;}
   
#colHomeA,
#colHomeB {float: left; width: 460px;}
    
#colHomeA {margin-right: 10px;}
#colHomeB {width: 470px;}

#zoneFlash {margin-bottom: 10px;}

.zoneTexte {font-size: 12px;}
.zoneTexte p {margin-bottom: 10px;}

.blocActu {margin: 10px;}
.blocActu h2 {
    font-size: 16px; 
    margin-bottom: 5px; color: #688c1a;}
.blocActu h2 a {color: #688c1a;}
.blocActu img {float: left; margin: 0 10px 5px 0; border: 0;}
.blocActu .btnSuite {text-align: right;}
.blocActu .btnSuite a {color: #6d0101;}

#colHomeB h3 {
    width: 422px; height: 22px; margin: 23px 0 23px 23px;
    background: transparent url(../../images/titreGammes.gif) no-repeat;}
#colHomeB h3 span {display: none;}

#gammes {list-style: none; margin-bottom: 20px;}
#gammes li {margin-bottom: 5px;}
#gammes li a {display: block; width: 470px; height: 40px; background-repeat: no-repeat;}
#gammes li a span {display: none;}
#gammes li#gammeA a {background-image: url(../../images/gammeA.gif);}
#gammes li#gammeB a {background-image: url(../../images/gammeB.gif);}
#gammes li#gammeC a {background-image: url(../../images/gammeC.gif);}
#gammes li#gammeD a {background-image: url(../../images/gammeD.gif);}
#gammes li#gammeE a {background-image: url(../../images/gammeE.gif);}

.blocPromo {
    background-color: #6D0101;
    margin-left: 20px; padding-left: 18px;
    color: #fff; width: 415px; margin-bottom: 15px;}
.blocPromo img {float: right; border: 0; margin-left: 10px;}
.blocPromo a {font-weight: normal; color: #fff; display: block;}
.blocPromo h2 {
    padding-top: 15px; font-size: 22px; 
    font-weight: normal; margin-bottom: 5px;}

#modules {
    clear: both; background: #E7D7AA url(../../images/bgModules.gif) no-repeat; 
    width: 920px; height: 113px; padding: 10px;}

#blocMagasin,
#blocNewsletter,
#blocGuides,
#blocGlossaire {width: 215px; float: left;}

#blocMagasin,
#blocNewsletter,
#blocGuides {margin-right: 10px;}

#blocNewsletter,
#blocGuides,
#blocGlossaire {margin-left: 10px;}

#blocMagasin span,
#blocNewsletter span,
#blocGuides span,
#blocGlossaire span {display: none;}

#blocMagasin h4,
#blocNewsletter h4,
#blocGuides h4,
#blocGlossaire h4,
#blocMagasin p,
#blocNewsletter p,
#blocGuides p,
#blocGlossaire p {margin-left: 10px;}

#blocMagasin h4 a,
#blocNewsletter h4 a,
#blocGuides h4 a,
#blocGlossaire h4 a {display: block;}

.plusInfos {
    display: block; width: 207px; height: 20px; color: #fff; 
    line-height: 20px; text-align: right; font-size: 11px;
    background: transparent url(../../images/bgPlusInfos.gif) repeat-x; 
    padding-right: 8px; margin-left: 0 !important;}
.plusInfos a,
input#btnSubmit {color: #fff;}

.plusInfos a {display: block; width: 207px; height: 20px;}

input#btnSubmit {
    font-weight: bold; border: 0; 
    position: relative; top: 2px;
    background-color: transparent;
    cursor: pointer;}

#blocMagasin h4 a {
    width: 92px; height: 41px; margin-bottom: 13px;
    background: transparent url(../../images/titreBlocMagasin.gif) no-repeat;}
#blocNewsletter h4 a {
    width: 98px; height: 40px; margin-bottom: 15px;
    background: transparent url(../../images/titreBlocNewsletter.gif) no-repeat;}
#blocGuides h4 a {
    width: 105px; height: 41px; margin-bottom: 12px;
    background: transparent url(../../images/titreBlocGuides.gif) no-repeat;}
#blocGlossaire h4 a {
    width: 86px; height: 42px; margin-bottom: 12px; 
    background: transparent url(../../images/titreBlocGlossaire.gif) no-repeat;}

#blocMagasin p {margin-bottom: 11px;}
#blocNewsletter p {margin-bottom: 10px;}
#blocGuides p {margin-bottom: 12px;}
#blocGlossaire p {margin-bottom: 11px;}

#blocNewsletter .lineForm {margin-bottom: 9px;}
#blocNewsletter label {font-weight: bold; padding-left: 10px;}
#blocNewsletter .lineForm input {border: 1px #d9c796 solid; width: 117px;}

/************************************************* glossaire */

#alphabet {list-style: none; margin-bottom: 30px; height: 24px;}
#alphabet li {float: left; margin-right: 5px;}
#alphabet li a {
    display: block; height: 24px; line-height: 24px; color: #fff; padding: 0 4px;
    background: transparent url(../../images/bgLettre.gif) repeat-x;}

.definition {border-bottom: 2px #fff dotted; padding-bottom: 10px; margin-bottom: 10px;}
.definition h2 {font-size: 22px; font-weight: normal; color: #688c1a;}

/************************************************* infos astuces */

#pageFaq #marges p {margin-bottom: 10px;}

#colThemes,
#colFaq {float: left;}

#colThemes {width: 200px;}
#colFaq {width: 630px; }

#colFaq h2 {
    background-color: #fff; padding: 2px 5px; 
    margin-bottom: 10px; font-size: 22px; font-weight: normal;}

#colThemes ul {list-style: none; margin-right: 20px;}
#colThemes ul li {border-bottom: 2px dotted #fff; padding-bottom: 8px; margin-bottom: 8px;}
#colThemes h3 {font-size: 18px; font-weight: normal; margin-bottom: 10px;}

.question {
    border-bottom: 2px dotted #fff; padding-bottom: 10px; 
    margin-bottom: 10px;}
.question a {font-size: 12px; }

.reponse {padding-top: 10px;}
.reponse .btnFermer {
    float: right; font-size: 11px; padding-right: 15px;
    display: block; background: transparent url(../../images/btnFermer.gif) no-repeat 44px 1px;}

/************************************************* formulaire */

#blocSearchMail,
#emailFound {width: 370px; float: left;}
#blocSearchMail label {width: 95px; font-weight: bold;}
#blocSearchMail p {margin-bottom: 10px;}
#blocSearchMail input {margin-right: 5px;}

#emailFound {
    border: 2px dotted #fff; margin-top: 18px;
    padding: 15px; margin-bottom: 15px; width: 360px;
    text-align: center;}

#adresse {
    width: 405px; float: left; padding: 10px 0 0 10px;
    margin: 20px 0 0 20px; background-color: #fff; font-size: 11px;}

fieldset {
    border: 2px dotted #fff; 
    padding: 10px; margin-bottom: 15px;}
legend {font-size: 18px; padding: 10px; background-color: #F6EBCD;}

.colForm {width: 370px; float: left; margin: 0 10px 15px 10px;}

.lineForm {margin-bottom: 5px;}

.lineForm label,
.lineText label {
    display: block;
    padding-right: 3px;
    text-align: right;
    float: left;}

.colForm .lineForm label {width: 120px;}
.colForm .lineForm input {width: 200px;}

.lineText label {width: 130px;}
.lineText textarea {width: 590px; height: 100px; margin-bottom: 10px;}

#pageMentions #marges p {margin-bottom: 10px;}
#pageMentions #marges h2 {font-size: 18px; font-weight: normal; margin-bottom: 5px;}

#pageMagasin #marges #colGuerande,
#pageMagasin #marges #colHilaire {width: 50%; float: left;}

#pageMagasin #marges h2 {font-size: 24px; font-weight: normal;}
#pageMagasin #marges img {margin-bottom: 15px;}

.intro {font-size: 12px; font-weight: bold; margin-bottom: 10px;}

.lineSubmit {text-align: right;}
#submitter,
#searchSubmitter {
    border: 0;
    background-color: #91B544;
    padding: 2px 5px; font-weight: bold;
    text-transform: uppercase;
    color: #fff; font-size: 12px;}

#searchSubmitter {font-size: 11px; padding: 1px 5px;}

.validation-advice {display: block; font-weight: bold; text-align: center; padding-top: 2px;}

/************************************************* chelet bois */

.pageCorporate #marges p {margin-bottom: 10px;}

#pageCheletBois #marges {padding: 30px 60px;}
#pageCheletBois #marges p {font-style: italic;}

ul#listeFournisseurs {list-style: none;}
ul#listeFournisseurs li {float: left; width: 270px; height: 120px; text-align: center; margin-bottom: 15px;}
ul#listeFournisseurs li img {display: block; border: 0; margin: 0 auto 10px auto;}
ul#listeFournisseurs li strong {font-size: 12px; display: block;}

#colEquipeA,
#colEquipeB {float: left; width: 400px;}

#colEquipeA {padding-right: 20px; width: 380px;}

#pageEquipe #marges h2 {margin-bottom: 15px; font-size: 16px;}
#pageEquipe #marges h3 {margin-bottom: 10px; color: #688C1A;}

#pageEquipe #marges img {margin-bottom: 10px;}

#pageEquipe #marges ul {list-style: none; padding-bottom: 25px;}
#pageEquipe #marges ul li {margin-bottom: 5px;}
#pageEquipe #marges ul li img {float: left; margin: 0 10px 10px 0;}

#pageEquipe #marges ul.floatLeft li {float: left; width: 190px; height: 70px;}
#pageEquipe #marges ul.floatLeft li strong,
#pageEquipe #marges ul.floatLeftTrois li strong {display: block;}

#pageEquipe #marges ul.floatLeftTrois li {float: left; width: 126px;}

.margeHaute {margin-top: 35px;}

#sousNavCorpo {list-style: none; position: absolute; right: 0; top: 0;}
#sousNavCorpo li {float: left;}
#sousNavCorpo li a {display: block; height: 20px;}
#sousNavCorpo li a span {display: none;}
#sousNavCorpo li#btnCorpoA a {width: 86px; background: transparent url(../../images/btnCorpoA.gif) no-repeat;}
#sousNavCorpo li#btnCorpoB a {width: 75px; background: transparent url(../../images/btnCorpoB.gif) no-repeat;}

/************************************************* catalogue */

.pageCatalogue #ariane {padding-bottom: 10px; background-color: #fff;}
.pageCatalogue #content h2 {
    width: 850px; height: 40px;
    background-repeat: no-repeat;
    margin-bottom: 20px; }
.pageCatalogue #content h2 span {display: none;}

#pageGammeA #content h2 {background-image: url(../../images/titreGammeA.gif);}
#pageGammeB #content h2 {background-image: url(../../images/titreGammeB.gif);}
#pageGammeC #content h2 {background-image: url(../../images/titreGammeC.gif);}
#pageGammeD #content h2 {background-image: url(../../images/titreGammeD.gif);}
#pageGammeE #content h2 {background-image: url(../../images/titreGammeE.gif);}

.pageCatalogue #content .partenaire {float: right;}

.pageCatalogue #content h3 {
    font-size: 22px; font-weight: normal; 
    margin-bottom: 15px;}

.pageCatalogue #marges {
    width: 620px; float: left; 
    margin-bottom: 20px;
    padding: 0 20px 10px 20px;}

#tabs {
    list-style: none; float: left;
    margin-left: 20px; width: 150px;
    float: left; }
#tabs li {margin-bottom: 10px; color: #6d0101; font-weight: bold;}
#tabs li a {display: block; color: #6d0101; font-size: 12px; }
#tabs li a:hover {text-decoration: none; color: #91B544;}

#pageGammeA #tabs li {border-bottom: 3px #9A7857 solid;}
#pageGammeB #tabs li {border-bottom: 3px #A64596 solid;}
#pageGammeC #tabs li {border-bottom: 3px #A7C932 solid;}
#pageGammeD #tabs li {border-bottom: 3px #F19B2E solid;}
#pageGammeE #tabs li {border-bottom: 3px #45ABDA solid;}

.panel {display: none;  }
.panel ul {list-style: none; width: 620px;}
.panel ul li {
    background: transparent url(../../images/puce.gif) no-repeat 0 4px; 
    padding: 0 0 0 13px; width: 130px;
    float: left;
    font-size: 12px;}
#pageGammeC .panel ul li {width: 180px;}
#pageGammeC #tab4 ul li {width: 350px;}
.panel img {margin-top: 20px; margin-bottom: 10px; clear: both;}
.panel.active-tab-body {display: block;}

#pageGammeC #tab5 ul li {width: 170px;}
#pageGammeC #tab5 ul li.petitLi {width: 85px;}

#pageGammeE #tab2 ul li {width: 100px;}

#sousNavGammes {list-style: none; position: absolute; right: 0; top: 0;}
#sousNavGammes li {float: left;}
#sousNavGammes li a {display: block; height: 20px;}
#sousNavGammes li a span {display: none;}
#sousNavGammes li#btnGammeA a {width: 146px; background: transparent url(../../images/btnGammeA.gif) no-repeat;}
#sousNavGammes li#btnGammeB a {width: 165px; background: transparent url(../../images/btnGammeB.gif) no-repeat;}
#sousNavGammes li#btnGammeC a {width: 165px; background: transparent url(../../images/btnGammeC.gif) no-repeat;}
#sousNavGammes li#btnGammeD a {width: 73px; background: transparent url(../../images/btnGammeD.gif) no-repeat;}
#sousNavGammes li#btnGammeE a {width: 60px; background: transparent url(../../images/btnGammeE.gif) no-repeat;}

/************************************************* actualités */

#btnRetour {float: right;}

.pageActualites #marges img {float: left; margin-right: 20px;}
.pageActualites #marges h2 {font-size: 18px; margin: 10px 0 5px 0; color: #688c1a;}
.pageActualites #marges h3 {font-size: 14px; margin-bottom: 15px;}

#listeActus #marges h3 {background-color: #872f2f; color: #fff; padding: 2px 5px;}

#listeActus .blocActu {border-bottom: 1px #fff solid;}
#listeActus .blocActu .btnSuite {padding-bottom: 2px;}

/************************************************* plan du site */

#pagePlanSite #marges h2 {margin-bottom: 15px; color: #688c1a; font-size: 18px;}
#pagePlanSite #marges ul {list-style: none; width: 300px; float: left; margin-left: 30px;}
#pagePlanSite #marges ul li {margin-bottom: 5px; clear: both;}
#pagePlanSite #marges ul li a.btnTitre {
    background: transparent url(../../images/puce.gif) no-repeat 0 3px; 
    padding-left: 15px; width: 250px; display: block;
    color: #6D0101; clear: both;}
#pagePlanSite #marges ul li h2 a {background-image: none; padding-left: 0; color: #688c1a; }

#pagePlanSite #marges ul ul {padding-top: 5px; margin-bottom: 5px; width: 250px;}
#pagePlanSite #marges ul ul li {margin-bottom: 0; font-size: 11px;}
#pagePlanSite #marges ul ul li a {background-image: none; padding-left: 0; font-weight: normal;}



#errMsg {
    display: block; background-color: #fff; 
    text-align: center; font-size: 11px; font-weight: bold;
    padding: 5px 20px; margin-top: 10px;}