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

body {
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #666666;
    background: #fff; }

a {color: #dd0037; text-decoration: none;}

a img {border: 0;}

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

#mainContent {
width: 982px;}

#content {
position: relative;
width: 982px;}

#navV {
float: left;
width: 203px;}

#contenu {
float: left;
width: 779px;}

#contenu h1 {
padding: 4px 0 0 6px;
background: transparent url(../../images/recVertical.gif) no-repeat 0 3px;
margin: 20px 0 5px 0;
font-size: 22px;
color: #666666;}

#contenu h2 {
margin: 0 0 10px 0;
font-size: 18px;
color: #666666;}

#contenu h3 {
font-size: 14px;
color: #666666;}

#ariane {
margin: 5px 0 0 20px;
display: block;
float: left;
width: 750px;}

#ariane a {
font-size: 11px;
color: #666666;}

#ariane a:hover {
text-decoration: underline;
font-size: 11px;
color: #dd0037;}

ul {list-style: none;}

.zoneText ul li,
.zoneText ol li,
.zoneTexte ul li,
.zoneTexte ol li {
padding: 0 !important;
list-style-position: inside;
list-style: disc;}

.zoneTexte p img {float: right;}





.validation-advice {
clear: both;
width: 350px;
color: #dd0037; 
font-weight: bold; 
text-align: left; 
padding-top: 3px;
font-size: 11px; 
float: left;}

.noBackground {background: none !important;}

/******************************************************************************/
/*                                                                      Entête*/
/******************************************************************************/
#entete{
position: relative;
float: left;
display: block;
width: 982px;
height: 149px;}

.logoBelm {
float: left;
display: block;
width: 203px;}

.accroche{
position: absolute;
top: 60px;
left: 203px;
float: left;
display: block;
width: 337px;}


.btnEspacePro {
overflow: hidden;
text-indent: -7000px;
position: absolute;
top: 0;
right: 0;
width: 217px;
height: 40px;
background:  url(../../images/btnEspacePro.gif) no-repeat;}


#blocNewsEntete{
padding: 4px;
border: 1px #999999 dashed;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
position: absolute;
top: 40px;
right: 0;
float: left;
display: block;
width: 408px;}

#blocNewsEntete img{
margin: 0 5px 0 0;
float: left;}

#blocNewsEntete .titre{
display: block;
padding: 0 0 3px 0;
font-size: 14px;}

#blocNewsEntete .detail a{
color: #666666;
text-decoration: none;}

#blocNewsEntete .detail a:hover{
text-decoration: underline;}

#blocNewsEntete .savoirPlus a {
display: block;
padding: 3px 0 0 0;
}
/******************************************************************************/
/*                                                      Navigation horizontale*/
/******************************************************************************/
#navH {
clear: both;
position: relative;
display: block;
float: left;
width: 982px;
height: 26px;}

#navHorizontale {
position: relative;
padding: 0 0 1px 0;
display: block;
float: left;
width: 982px;
border-bottom: 1px #dd0037 dashed;}

#navHorizontale ul {
list-style: none;}

#navHorizontale li {float: left;}
#navHorizontale li a {display: block;}
#navHorizontale li a span {display: none;}

#navHorizontale li#btn2navh  a {
background:  url(../../images/imgNavH/btn2navh.gif) no-repeat;
height: 23px;
width: 178px;}

#navHorizontale li#btn3navh  a {
background: transparent url(../../images/imgNavH/btn3navh.gif) no-repeat;
height: 23px;
width: 182px;}

#navHorizontale li#btn4navh  a {
background: transparent url(../../images/imgNavH/btn4navh.gif) no-repeat;
height: 23px;
width: 79px;}

#navHorizontale li#btn5navh  a {
background: transparent url(../../images/imgNavH/btn5navh.gif) no-repeat;
height: 23px;
width: 120px;}

#navHorizontale li#btn6navh  a {
background: transparent url(../../images/imgNavH/btn6navh.gif) no-repeat;
height: 23px;
width: 116px;}

#navHorizontale li#btn7navh  a {
background: transparent url(../../images/imgNavH/btn7navh.gif) no-repeat;
height: 23px;
width: 99px;}

#navHorizontale li#search {
height: 23px;
width: 205px;}

.searchInput {
width: 156px;
display: block;
height: 18px;
float: left;
margin: 0 6px 0 8px;}

.btnOk {
display: block;
float: right;
border: 0;
font-size: 12px;
font-weight: bold;
color: #fff;
width: 27px;
height: 22px;
background: transparent url(../../images/btnOk.gif);}

#navHorizontale li span{
display: none;}


#rowbtnModele {
width: 768px;
height: 16px;
}

#btnModele a {
padding: 0 0 0 5px;
display: block;
float: right;
width: 82px;
height: 16px;
background: transparent url(../../images/btnModeles.gif) no-repeat;
color: #fff;
}

#btnModele a  {
text-decoration: none;}

#panierDoc {
overflow: hidden;
padding: 10px;
z-index: 1000 !important;
border: 1px red solid;
background: #fff;
position: absolute;
top: 195px;
right: 115px;
width: 250px;}

#panierDoc .btnFermerLayer a {
display: block;
width: 240px;
height: 18px;
background: transparent url(../../images/pictoFermerLayer.gif) no-repeat 220px 2px;}

#panierDoc .btnFermerLayer a span {
display: none;}

#panierDoc .panierProduit{
padding: 0 0 3px 0;
margin: 5px 0 0 0;
display: block;
border-bottom: 1px #999999 dashed;}

#panierDoc .panierProduit img {
display: block;
margin: 0 5px 0 0;
float: left;}

#panierDoc .panierProduit .blocPanierProduit {
font-size: 11px;
display: block;
width: 140px;
float: left;}

#panierDoc .blocPanierProduit p.telecharger {
background: transparent url(../../images/pictoTelecharger.gif) no-repeat 0 3px;}

#panierDoc .blocPanierProduit p.supprimer {
background: transparent url(../../images/pictoSupprimer.gif) no-repeat 0 3px;}

#panierDoc .blocPanierProduit p.telecharger,
#panierDoc .blocPanierProduit p.supprimer {
text-align: left;
width: 140px !important; 
color: #000000;
font-size: 11px;
float: left;
margin: 3px 0 0 0;
padding: 0 0 0 15px;
display: block;
height: 15px;}


#panierDoc .blocPanierProduit p.telecharger a,
#panierDoc .blocPanierProduit p.supprimer a {
text-align: left;
color: #666666;}


#panierDoc .blocPanierProduit p.telecharger a:hover,
#panierDoc .blocPanierProduit p.supprimer a:hover {
text-align: left;
text-decoration: underline;
color: #dd0037;}

#panierDoc .btnDemInfos {
margin: 10px 0 10px 20px;
display: block;
width: 208px;
height: 26px;
background: transparent url(../../images/btnDemInfos.gif);}

.btnDemInfos span {
display: none;}

#panierDoc .btnComparer{
padding: 2px 0 0 14px;
margin: 5px 0 2px 20px;
display: block;
width: 194px;
height: 20px;
background: transparent url(../../images/btnComparer.gif);}

.btnComparerPortes {
padding: 2px 0 0 14px;
margin: 5px 0 2px 100px;
display: block;
width: 194px;
height: 20px;
background: transparent url(../../images/btnComparer.gif);}

#panierDoc .btnImprimer {
padding: 2px 0 0 7px;
margin: 15px 0 2px 20px;
display: block;
width: 201px;
height: 20px;
background: transparent url(../../images/btnComparer.gif);}


/*/******************************************************************************/
/*                                                      Navigation verticale*/
/******************************************************************************/
#navVerticale {
/*position: absolute;*/
/*z-index: 1000;*/
/*top: -50px;*/
/*left: 0;*/
display: block;
float: left;
width: 197px;}

ul#navVerticale  {
list-style: none;}

#navVerticale li a {display: block;}
#navVerticale li a span {display: none;}

#navVerticale li#btn1navv {
background:  transparent url(../../images/imgNavV/btn1navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn2navv  a{
background:  transparent url(../../images/imgNavV/btn2navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn3navv  a {
background: transparent url(../../images/imgNavV/btn3navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn4navv  a {
background: transparent url(../../images/imgNavV/btn4navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn5navv  a {
background: transparent url(../../images/imgNavV/btn5navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn6navv  a {
background: transparent url(../../images/imgNavV/btn6navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn7navv  a {
margin: 10px 0 10px 0;
background: transparent url(../../images/imgNavV/btn7navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn8navv  {
background: transparent url(../../images/imgNavV/btn8navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn9navv  a {
background: transparent url(../../images/imgNavV/btn9navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn10navv  a {
background: transparent url(../../images/imgNavV/btn10navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn11navv  a {
background: transparent url(../../images/imgNavV/btn11navV.gif) no-repeat;
height: 32px;
width: 197px;}

#navVerticale li#btn12navv  a {
background:  transparent url(../../images/imgNavV/btn12navV.gif) no-repeat;
height: 32px;
width: 197px;}


#navVerticale li#btnGuideChoix {
margin: 5px 0 5px 0;}

#navVerticale li#btnGuideChoix a {
background: transparent url(../../images/imgNavV/btnGuideChoix.jpg) no-repeat left top;
height: 41px;
width: 197px;}

#navVerticale li#btnConfigurateur {
margin: 5px 0 5px 0;}

#navVerticale li#btnConfigurateur a {
background: transparent url(../../images/imgNavV/btnConfigurateur.gif) no-repeat left top;
height: 50px;
width: 197px;}


#navVerticale li#btnEcatalogue {
margin: 5px 0 7px 0;}

#navVerticale li#btnEcatalogue a {
background: transparent url(../../images/imgNavV/btnEcatalogue.jpg) no-repeat left top;
height: 41px;
width: 197px;}


#navVerticale li#prioriteBudget {
margin: 10px 0 10px 0;
background: transparent url(../../images/imgNavV/btnPrioriteBudget.gif) no-repeat left top;
height: 64px;
width: 197px;}


#navVerticale li#prioriteBudget ul#sousMenuBudget {
display: block;
padding: 32px 0 0 0;
list-style: none;
clear: both;}

#navVerticale ul#sousMenuBudget li {float: left;}
#navVerticale ul#sousMenuBudget li a {display: block;}
#navVerticale ul#sousMenuBudget li a span {display: none;}

#navVerticale ul#sousMenuBudget li#btnBudgetAlu a {
background: transparent url(../../images/imgNavV/btnAluBudget.gif) no-repeat;
height: 32px;
width: 93px;}

#navVerticale ul#sousMenuBudget li#btnBudgetBois a {
background: transparent url(../../images/imgNavV/btnBoisBudget.gif) no-repeat;
height: 32px;
width: 49px;}

#navVerticale ul#sousMenuBudget li#btnBudgetAcier a {
background: transparent url(../../images/imgNavV/btnAcierBudget.gif) no-repeat;
height: 32px;
width: 55px;}


#navVerticale ul#sousMenuBudget li#btnBudgetAlu a:hover,
#navVerticale ul#sousMenuBudget li#btnBudgetAlu a.active-tab,
#navVerticale ul#sousMenuBudget li#btnBudgetBois a:hover,
#navVerticale ul#sousMenuBudget li#btnBudgetBois a.active-tab,
#navVerticale ul#sousMenuBudget li#btnBudgetAcier a:hover,
#navVerticale ul#sousMenuBudget li#btnBudgetAcier a.active-tab
{background-position: 0 -32px;}



#navVerticale li span{
display: none;}

#navVerticale li#btn2navv a:hover,
#navVerticale li#btn2navv a.active-tab,
#navVerticale li#btn3navv a:hover,
#navVerticale li#btn3navv a.active-tab,
#navVerticale li#btn4navv a:hover,
#navVerticale li#btn4navv a.active-tab,
#navVerticale li#btn5navv a:hover,
#navVerticale li#btn5navv a.active-tab,
#navVerticale li#btn6navv a:hover,
#navVerticale li#btn6navv a.active-tab,
#navVerticale li#btn7navv a:hover,
#navVerticale li#btn9navv a:hover,
#navVerticale li#btn10navv a:hover,
#navVerticale li#btn11navv a:hover,
#navVerticale li#btn12navv a:hover,
#navVerticale li#btn12navv a.active-tab {
background-position: -197px 0;}


#blocInfos {
border-bottom: 1px red dashed;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
margin: 20px 0 0 0;
display: block;
float: left;
width: 197px;
padding: 0 0 5px 0; 
background: transparent url(../../images/pictoInfos.gif) no-repeat top left;
}

#blocInfos p {
width: 180px;
margin: 40px 0 0 10px;
}

.logoLucie {
margin: 10px 0 0 0;
background: transparent url(../../images/Logo_lucie_nav.jpg) no-repeat;
float: right;
display: block;
width: 197px; 
height: 102px;
}

.logoLucie span {
display: none;
}


/******************************************************************************/
/*                                                                Page Accueil*/
/******************************************************************************/

#pageAccueil h1 {
margin: 0;
padding: 0;
background: none !important;
font-size: 18px;}

#pageAccueil h2 {
margin: 0 0 10px 0;
font-size: 13px;}

.pageAccueil #blocGrandeImage {
float: left;
display: block;
width: 779px;
height: 545px;
border-bottom: 1px red dashed;
padding: 0 0 5px 0;
margin: 0 0 0 0;}

.pageAccueil .legendeHome {
font-size: 13px;
display: block;
width: 779px;
padding: 2px 0 2px 0;}


#colPorteHome {
margin: 10px 20px 0 0;
display: block;
float: left;
width: 270px;}

#colActuHome {
margin: 10px 0 0 0;
display: block;
float: left;
width: 270px;}

.pageAccueil .blocPorteHome,
.pageAccueil .blocActuHome {
display: block;
float: left;
width: 270px;}

.pageAccueil .blocPorteHome img,
.pageAccueil .blocActuHome img {
border: 0;
display: block;
float: left;
margin: 0 10px 10px 0;}

.pageAccueil .blocPorteHome h2 a,
.pageAccueil .blocActuHome h2 a {
display: block;
text-decoration: none;
color: #666666;
margin: 0 0 6px 0;}

.pageAccueil .blocPorteHome .suite a,
.pageAccueil .blocActuHome .suite a
{display: block;
float: right;
margin: 5px 0 0 0;}

.pageAccueil #blocEtiquette a {
margin: 20px 20px 0 0;
background: transparent url(../../images/etiquette.jpg) no-repeat;
display: block;
float: left;
height: 149px;
width: 263px;}

.pageAccueil #blocEtiquette span {
display: none;
}

.pageAccueil #blocBlog{
margin: 5px 0 0 0;
display: block;
float: left;
}

.pageAccueil #blocBlog a {
   margin: 5px 0 0 0;
   background: transparent url(../../images/bonnePorte.gif) no-repeat;
   display: block; float: left;
   height: 153px; width: 199px; text-indent: -5000px; overflow: hidden;}

/*/******************************************************************************/
/*                                                                 Page Corpo*/
/******************************************************************************/

.precSuiv {
padding: 0 10px 0 0;
display: block;
float: right;}

#introConseils #contenu {
position: relative;
text-align: justify;
width: 750px;
padding: 0 0 0 20px;}

#introConseils #colA {
margin: 20px 10px 0 0;
width: 332px;
display: block;
float: left;}

#introConseils #colB {
margin: 20px 0 0 0;
width: 381px;
display: block;
float: left;}

#introConseils #colB .con {
width: 380px;
margin: 0 0 0 20px;
padding: 0;}

#introConseils #colB .con li {
font-size: 13px;}

.pageCorpo #contenu {
position: relative;
text-align: justify;
width: 750px;
padding: 0 0 0 20px;}

#navCorpo {
margin: 10px 0 0 0;;
padding: 0;
width: 100%;
height: 24px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
display: block;
list-style: none;
background: transparent url(../../images/bkgNavCorpo.gif) repeat-x !important;
}

#navCorpo ul {
list-style: none;}


#navCorpo ul li {
background: none !important;
float: left;}

#navCorpo ul li a {
height: 24px;
margin: 0 5px 0 5px;
padding: 2px 5px 0 5px;
color: #ffffff;
display: block;}

#navCorpo ul li a:hover {
padding: 2px 5px 0 5px;
background: #e9e8e8;
color: #dd0037;
display: block;}

#navCorpo ul li a span
{display: none;}

#histoire #navCorpo ul li#navCorpo1 a,
#valeurs #navCorpo ul li#navCorpo2 a,
#rse #navCorpo ul li#navCorpo3 a,
#outils #navCorpo ul li#navCorpo4 a
{padding: 3px;
background: #e9e8e8;
color: #dd0037;
display: block;}


#navSecurite {
margin: 10px 0 0 0;;
padding: 0;
width: 100%;
height: 24px;
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
display: block;
list-style: none;
background: transparent url(../../images/bkgNavCorpo.gif) repeat-x !important;
}

#navSecurite ul {
list-style: none;}


#navSecurite ul li {
background: none !important;
float: left;}

#navSecurite ul li a {
height: 24px;
margin: 0 5px 0 5px;
padding: 2px 5px 0 5px;
color: #ffffff;
display: block;}

#navSecurite ul li a:hover {
padding: 2px 5px 0 5px;
background: #e9e8e8;
color: #dd0037;
display: block;}

#navSecurite ul li a span
{display: none;}

.pageCorpo #contenu h3 {
font-size: 16px;
margin: 10px 0 6px 0;}

.pageCorpo #contenu h4 {
font-size: 13px;
margin: 10px 0 6px 0;}

.pageCorpo #contenu h5 {
font-size: 12px;
margin: 5px 0 7px 0;}

.pageCorpo #contenu p {
margin: 0 0 5px 0;}

.pageCorpo #contenu img.left {
margin: 0 10px 0 0;
float: left;}

.pageCorpo #contenu img.right {
margin: 0 0 0 10px;
float: right;}

.pageCorpo #contenu .right {
float: right;}

.pageCorpo #contenu dl.table-display
{width: 570px;
display: block;
float: left;
}

.pageCorpo #contenu .table-display dt
{text-align: right;
width: 70px;
float: left;
margin: 0 0 0 0;
padding: .5em;
font-weight: bold;
color: red;
}

/* commented backslash hack for mac-ie5 \*/
.pageCorpo #contenu dt { clear: both; }
/* end hack */

.pageCorpo #contenu .table-display dd
{
float: left;
width: 460px;
margin: 0 0 0 0;
padding: .5em;
border-bottom: 1px solid #999;
}

.pageCorpo #contenu .conseils
{font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 14px;
display: block;
float: left;
list-style: none;
}

.pageCorpo #contenu .conseils li
{padding: 0 0 10px 8px;
background: transparent url(../../images/recVertical.gif) no-repeat 0 3px;}
}

.pageCorpo #contenu .conseils li a
{display: block;
float: left;}

.pageCorpo #contenu .conseils li a:hover
{text-decoration: underline;
}


.pageCorpo #contenu .visuelPorte
{display: block;
float: left;
width: 125px;
}

.pageCorpo #contenu .visuelPorteDroit
{display: block;
float: right;
width: 125px;
margin: 0 0 0 10px;
}

.pageCorpo #contenu .visuelMoulure
{display: block;
float: left;
width: 150px;
margin: 0 10px 0 0;
}

.pageCorpo #contenu .visuelEchCoul
{display: block;
float: left;
width: 221px;
height: 70px;
margin: 5px 10px 15px 10px;
}

.pageCorpo #contenu .visuelCarte
{display: block;
float: right;
width: 273px;
margin: 5px;
}



.pageCorpo #contenu .visuelPorte p,
.pageCorpo #contenu .visuelPorteDroit p,
.pageCorpo #contenu .visuelMoulure p,
.pageCorpo #contenu .visuelEchCoul p,
.pageCorpo #contenu .visuelCarte p
{text-align: center;
font-size: 11px;
}

.pageCorpo #contenu ul
{display: block;
float: left;
margin: 2px 0 0 20px;
list-style: none;
}

.pageCorpo #contenu ul li
{padding: 0 0 5px 8px;
background: transparent url(../../images/recVertical.gif) no-repeat 0 3px;}
}

.pageCorpo #contenu li a
{display: block;
float: left;
}

.pageCorpo #contenu .blocVitrage {
margin: 0 28px 5px 0;
display: block;
float: left;
width: 158px; }

.pageCorpo #contenu .blocVitrage p {
text-align: center;
width: 158px; }

.pageCorpo #contenu .feuillete {
margin: 0 20px 0 0;
display: block;
float: left;
width: 350px; }

#valeurs #contenu ul li,
#securite #contenu ul li {
margin: 0 0 5px 0;
}

.pageCorpo #contenu #colG {
width: 400px;
text-align: center;
display: block;
float: left;}

.pageCorpo #contenu #colD {
width: 320px;
text-align: center;
display: block;
float: left;}

.pageCorpo #contenu #colG {margin: 28px 12px 0 0;}

.pageCorpo #contenu #colD {
margin: 20px 0 0 0;}

#pageCorpo #rowVideos {
display: block;
margin: 25px 0;}

#pageCorpo #rowVideos .blocVideo {
width: 245px;
display: block;
float: left;
margin: 0 5px 0 0;}

#pageCorpo #rowVideos .blocVideo h3 {
font-size: 15px;
margin: 0;}

#pageCorpo #rowVideos .blocVideo h4 {
font-size: 13px;
margin: 0 0 5px 0;}

.pageCorpo #contenu #eco_colG {
width: 250px;
float: left;
}

.pageCorpo #contenu #eco_colD {
width: 490px;
float: right;
}

.pageCorpo #contenu #rse_colG {
width: 340px;
float: left;
}

.pageCorpo #contenu #rse_colD {
width: 400px;
float: right;
}

.pageCorpo #contenu h2 {
margin-top: 20px;
}

/*/******************************************************************************/
/*                                                         Page Mentions Légales/
/******************************************************************************/
.pageMentions #contenu {
width: 750px;
padding: 0 0 0 20px;}


/*/******************************************************************************/
/*                                                                 Page Contact*/
/******************************************************************************/

.demContactField 
{margin: 0;
padding: 20px;}

.demContactField legend 
{color: #dd0037;}


.demContact li {float: left;}
.demContact li a {
display: block;
margin : 0 30px 0 0;}



.btnParticulier a {
width: 197px; 
height: 42px; 
background: transparent url(../../images/imgStat/btnParticulier.gif) no-repeat;}

.btnProfessionnel a {
width: 197px; 
height: 42px; 
background: transparent url(../../images/imgStat/btnProfessionnel.gif) no-repeat;}

.btnJournaliste a {
width: 197px; 
height: 42px; 
background: transparent url(../../images/imgStat/btnJournaliste.gif) no-repeat;}



.btnParticulier a span,
.btnProfessionnel a span,
.btnJournaliste a span {
display: none;}



.pageContact #contenu {
width: 750px;
padding: 0 0 0 20px;}

.pageContact #contenu .colGauche {
display: block;
float: left;
width: 370px;}

.pageContact #contenu .colGauche {
padding: 0 10px 0 0;
border-right: 1px red solid;
margin: 0 10px 0 0;}

.pageContact #contenu .colDroite {
display: block;
float: left;
width: 330px;}

.pageContact #contenu .blocChoix {
display: block;
float: left;
width: 360px;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px red solid;}

.pageContact #contenu .blocChoix img {
float: right;}

.pageContact #contenu label {
width: 180px;}

.pageContact #contenu .colGauche label {
width: 160px;}

.pageContact #contenu .colDroite label {
width: 160px;}

input, textarea, select {
margin: 0 2px 0 0;
float: left;
padding: 2px;
border: 0;
background: #dddddd;
font-family: "Arial", Verdana, sans-serif; font-size: 11px; color: #666666;}

fieldset {border: 1px #999999 solid; padding: 5px 10px; margin-bottom: 5px;}
legend {font-weight: bold; font-size: 14px; padding: 0 10px; color: red; margin: 0 0 10px 0;}
label {display: block; float: left; text-align: right; padding-right: 5px;}

.pageContact #contenu .colDroite .questions,
.pageContact #contenu .colGauche .questions {
width: 160px;
display: block; 
float: left;}

.pageContact #contenu .colDroite .questions ul li,
.pageContact #contenu .colGauche .questions ul li {
width: 160px;
display: block; 
float: left;}

.pageContact #contenu .questions {
width: 500px;
display: block; float: left;}

.pageContact #contenu .questions .dormant {
height: 20px;
width: 500px;
display: block; 
float: left;}

.pageContact #contenu .questions .dormantInfos {
width: 500px;
display: block; 
float: left;}

.obligatoire {font-size: 11px; font-weight: bold; margin-bottom: 15px;}
.mentions {font-size: 10px; line-height: 11px; margin-bottom: 15px;}
.lineText label {width: 190px;}
.pageContact #contenu .lineForm {
display: block; margin-bottom: 5px; float: left; width: 700px;}
.pageContact #contenu .colGauche .lineForm {display: block; margin-bottom: 5px; float: left; width: 370px;}
.pageContact #contenu .colDroite .lineForm {display: block; margin-bottom: 5px; float: left; width: 330px;}

.uneLigne {
height: 28px;
display: block;
float: right; }

.uneLigne input {
float: left; }

.lineText textarea {width: 394px;}

.petit {
display: block;
float: left;    
width: 30px;}

textarea {width: 340px;}

.btnValider {
margin: 10px 0 20px 0;
display: block;
float: right;
border: 0;
font-size: 12px;
color: #fff;
width: 111px;
height: 26px;
background: transparent url(../../images/btnValider.gif);}

.btnValiderRevendeur {
cursor: hand;
margin: 10px 0 20px 0;
display: block;
float: right;
border: 0;
font-size: 12px;
color: #fff;
width: 240px;
height: 26px;
background: transparent url(../../images/btnValiderRevendeur.gif);}
















.btnParcourir {
margin: 0 0 20px 5px;
display: block;
float: left;
border: 0;
font-size: 12px;
color: #fff;
width: 111px;
height: 26px;
background: transparent url(../../images/btnValider.gif);}

.btnRechercher {
margin: 0 0 0 10px;
display: block;
float: left;
border: 0;
font-size: 12px;
padding: 0 0 0 6px;
color: #fff;
width: 111px;
height: 26px;
background: transparent url(../../images/btnValider.gif);}

.btnInfos {
margin: 0 10px 0 0;
float: left;
background: transparent url(../../images/btnInfos.gif);
width: 18px;
height: 17px;
display: block;}

.btnInfos span {
display: none;}

/*/******************************************************************************/
/*                                                   Page Guide de choix simple*/
/******************************************************************************/
.pageGuideChoix #contenu {
width: 750px;
padding: 0 0 0 20px;}

.pageGuideChoix #colGauche {
width: 320px;
display: block;
float: left;}

#entreeA {
margin: 30px 30px 0 100px;
text-align: center;
display: block;
float: left;
width: 250px;}

#entreeB {
margin: 30px 0 0 0;
text-align: center;
float: left;
display: block;
width: 250px;}

.btnA {
margin: 0 0 20px 22px;
text-align: center;
display: block;
width: 216px;
height: 80px;
background: transparent url(../../images/imgStat/btnIntroGuideChoixA.jpg) no-repeat;}

.btnB {
margin: 0 0 20px 22px;
text-align: center;
display: block;
width: 216px;
height: 80px;
background: transparent url(../../images/imgStat/btnIntroGuideChoixB.jpg) no-repeat;}

.btnA span,
.btnB span {
display: none;}

.pageGuideChoix #colDroite {
margin: 0 0 0 5px;
width: 420px;
display: block;
float: left;}

.pageGuideChoix fieldset {
padding: 5px;
border: 1px red solid;}

.pageGuideChoix fieldset legend {
padding: 0 3px 0 3px;
font-size: 14px;
color: red;
margin: 0 0 2px 0;}

.pageGuideChoix fieldset .choix {
display: block;
float: left;}

.pageGuideChoix fieldset .resultat {
padding: 0 3px 0 3px;
font-size: 14px;
font-weight: bold;
color: #666666;
margin: 0 0 2px 0;}

.pageGuideChoix fieldset label {
text-align: left;
display: block;
width: 250px;
padding: 0 10px 3px 0;}

.pageGuideChoix fieldset .radioB {
margin: 0 5px 0 0;}

.pageGuideChoix fieldset p.filet {
padding: 0 0 5px 0;
margin: 5px 0 5px 0;
border-bottom: 1px #999999 solid;}

.pageGuideChoix fieldset p {
margin: 0 0 5px 0;}

.pageGuideChoix fieldset .conseil {
padding: 3px;
text-align: center;
background: #cc0000;
font-size: 14px;
font-weight: bold;
color: #fff;
margin: 0 0 2px 0;}

.pageGuideChoix #introReponse {
text-align: center;
font-size: 12px;
border: 1px #999999 solid;
text-align: center;
display: block;
width: 405px;
margin: 10px 0 0 5px;
padding: 5px;}


.pageGuideChoix .modeles {
padding-left: 5px;
text-align: center;
margin: 10px 0 0 0;}

.pageGuideChoix .modeles .blocModele {
float: left;
text-align: center;
margin: 0 2px 2px 0;
border: 1px #cccccc solid;
padding: 2px;
display: block;
/*width: 95px;*/}

.pageGuideChoix .modeles .blocModele img {
text-align: left;
border: 0;}

.pageGuideChoix .modeles .blocModele .nomModele {
font-size: 11px;
font-weight: bold;
text-align: center;
text-transform: uppercase;}

.pageGuideChoix .modeles .blocModele .nomModele a {
color: #000;}

.pageGuideChoix .modeles .blocModele .comparer {
font-size: 10px;
}

.pageGuideChoix .modeles .btnComparer {
float: right;
padding: 2px 0 0 14px;
margin: 20px 0 0 0;
display: block;
width: 194px;
height: 20px;
background: transparent url(../../images/btnComparer.gif);}

.pageGuideChoix .imgRight {
padding: 3px;
float: right}


/*/******************************************************************************/
/*                                                   Page Guide de choix avancé/
/******************************************************************************/
#aluminium,
#mixte,
#bois,
#boisBudget,
#acierBudget,
#pvc,
#detailLuminosite,
#detailPeformances,
#detailSecurite,
#detailChassis,
.classMateriel {
background: #e3e3e3;
padding: 5px;}

/*/******************************************************************************/
/*                                                             Page comparateur*/
/******************************************************************************/
.pageComparateur #contenu {
width: 750px;
padding: 0 0 0 20px;}

table {}
 
td.noborder {
border: 0;}

td.intitule {
 padding: 0 0 0 3px;
 text-align: left;
 border-width:1px;
 border-style:solid; 
 border-color: #999999;
 width:200px;}

td {
text-align: center;
 border-width:1px;
 border-style:solid; 
 border-color:red;
 width:150px;}
 
 /*/******************************************************************************/
/*                                                             Page Avant Apres*/
/******************************************************************************/

.pageAvantApres #contenu {
width: 750px;
padding: 0 0 0 20px;}

#navRenovation {
font-weight: bold;
background: transparent url(../../images/bkgNavCorpo.gif) repeat-x;
text-transform: uppercase;
font-size: 11px;
margin: 10px 18px 0 0;
display: block;
float: right;}

#navRenovation ul {
list-style: none;}

#navRenovation li {
border-right: 1px #fff solid;
float: left;}

#navRenovation li a {
margin: 0 5px 0 5px;
padding: 3px;
color: #ffffff;
display: block;}

#navRenovation li a:hover ,
#navRenovation li a.active-tab{
padding: 3px;
background: #e9e8e8;
color: #dd0037;
display: block;}

#navRenovation li a span {display: none;}

.pageAvantApres #contenu .intro {
width: 750px;
margin: 0 0 10px;}

.matiereBois,
.matiereAlu,
.matiereAcier {
display: block;
width: 732px;
height: 50px;
margin: 0 18px 10px 0;
}

.matiereBois{
background: #c2cd23 url(../../images/titreBoisReno.gif) no-repeat top right;
}
.matiereAlu {
background: #569bbe url(../../images/titreAluReno.gif) no-repeat top right;
}
.matiereAcier {
background: #c1739d url(../../images/titreAcierReno.gif) no-repeat top right;
}

.matiereBois span,
.matiereAlu span,
.matiereAcier span{
display: none;
}

.blocAvantApres {
border: 1px #999999 solid;
padding: 5px;
text-align: center;
display: block;
float: left;
width: 220px;
margin: 0 18px 0 0;}

.blocAvantApres p.titre {
font-size: 14px;
font-weight: bold;
margin: 0 0 5px 0;}

.blocAvantApres img {
/*border: 1px red solid;*/
display: block;
float: left;
width: 110px;}

.blocAvantApres .nomModelePorte {
display: block;
font-size: 14px;
margin: 5px 0 0 0;}

.zoomAvantApres .legende {
text-align: left;
display: block;
margin: 5px 0 10px 0;}

.zoomAvantApres {
width: 400px;
height: 620px;
display: block;
float: left;
margin: 0 3px 0 0;}

.detailAVAP {
display: block;
float: left;
width: 110px;
padding: 1px;}

#pageAvantApresDetail h2 {
font-size: 15px;
margin: 10px 0 10px 0;}

#pageAvantApresDetail h3 {margin: 10px 0 10px 0;}


#pageAvantApresDetail #contenu #colG,
#pageAvantApresDetail #contenu #colD
{display: block;
float: left;}

#pageAvantApresDetail #contenu #colD
{width: 340px;}

#pageAvantApresDetail #contenu #colD h2
{margin: 0;}

/*/******************************************************************************/
/*                                                               Page Actualites*/
/******************************************************************************/

.pageActualites #contenu {
width: 740px;
padding: 0 0 0 20px;}

.pageActualites .themeActu {
color: #fff;
width: 600px;
display: block;
background: #dd0037;
font-weight: bold;
font-size: 15px;
margin: 0 0 10px 0;
padding: 2px 0 2px 10px;}

.blocActu {
width: 740px;
border-bottom: 1px gray dashed;
margin: 0 0 10px 0;}

.pageActualites .blocActu img {
padding: 0 10px 10px 0;
display: block;
float: left;}

.blocActu h2 {
font-size: 14px;}

.blocActu .date {color: #000;}

.enSavoirPlus {
display: block;
float: right;}

.retour {
display: block;
float: right;}

#pageAvantApresDetail .retour {
margin: 0 18px 0 0;
display: block;
float: right;}

#zoneFlash {
padding: 20px 20px 20px 60px;}

.pageActualites .blocActu img .alignRight {
float: right !important;}


/*/******************************************************************************/
/*                                                               Page Faq*/
/******************************************************************************/

.pageFaq #contenu {
width: 720px;
padding: 0 0 0 20px;}

.intro {margin: 0 0 20px 0;}

.intro p {margin: 0 0 5px 0;}


.pageFaq #contenu #colThemes {

display: block;
float: left;
width: 220px;
margin: 0 10px 0 0;}

.pageFaq #contenu #colThemes ul li {
font-size: 14px;
border-bottom: 1px #dd0037 dashed;
display: block;
float: left;
width: 220px;
padding: 0 0 3px 0;
margin: 0 0 5px 0;}

.pageFaq #contenu #colFaq {
display: block;
float: left;
width: 470px;}

.pageFaq #contenu #colFaq h4 {
padding: 5px 0 5px 0;
font-size: 12px;
border-bottom: 1px #666666 dashed;}

.pageFaq #contenu #colFaq h2 {
padding: 0 0 3px 0;
margin: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
border-bottom: 1px #dd0037 dashed;}

.pageFaq #contenu #colFaq .zoneTexte img {
display: block;
float: left;
padding: 0 5px 5px 0;}

.pageFaq #contenu #colFaq .btnFermer {
display: block;
float: right;
clear: both;}

/*/******************************************************************************/
/*                                                                 Page Lexique*/
/******************************************************************************/

.pageLexique #contenu {
width: 750px;
padding: 0 0 0 20px;}

.pageLexique #contenu #navLexique{
display: block;
width: 750px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

.pageLexique #contenu #navLexique ul li{
margin: 0 2px 0 0;
padding: 3px 5px 3px 5px;
display: block;
float: left;}

.pageLexique #contenu #navLexique ul li a {
padding: 3px 5px 3px 5px;
font-size: 13px;
font-weight: bold;
color: #fff;
background: #dd0037;}

.pageLexique .motCle,
.pageLexique .motCle a {
margin: 2px 0 2px 0;
color: #dd0037;
font-weight: bold;
font-size: 15px;}

.pageLexique .blocDefinition {
padding: 0 10px 0 0;
float: left;
display: block;
width: 700px;}

.pageLexique .blocDefinition img {
display: block;
float: left;
padding: 0 5px 5px 0;}

.pageLexique .voirAussi {
border: 1px red solid;
width: 130px;
display: block;
float: left;
padding: 5px;}





/*/******************************************************************************/
/*                                                                   Page Gamme*/
/******************************************************************************/
.pageGamme #colGauche{
display: block;
float: left;
width: 420px; }

.pageGamme .visuelGamme {
border: 0;
display: block;
float: left;
width: 400px; }

.pageGamme #presentationGamme {
display: block;
float: left;
width: 350px; 
padding: 10px;}

.pageGamme #presentationGamme .titre {
text-transform: uppercase;}

.pageGamme #presentationGamme p.avantages {
margin: 0 0 10px 0;}

.pageGamme #colDroite{
display: block;
float: left;
width: 359px; }

.pageGamme .titreGammeAlu,
.pageGamme .titreGammeMixte,
.pageGamme .titreGammeBois,
.pageGamme .titreGammeAvantGarde,
.pageGamme .titreGammeAcier,
.pageGamme .titreGammePortesService,
.pageGamme .titreGammeSurMesure
{display: block;
float: right;
width: 359px;
height: 78px;
}

.pageGamme .coulGammeAlu,
.pageGamme .coulGammeMixte,
.pageGamme .coulGammeAvantGarde,
.pageGamme .coulGammeBois,
.pageGamme .coulGammeAcier,
.pageGamme .coulGammePortesService,
.pageGamme .coulGammeSurMesure {
display: block;
width: 359px;}

.pageGamme .coulGammeAlu {
background: #569bbe; }
.pageGamme .coulGammeMixte {
background: #183a65; }
.pageGamme .coulGammeAvantGarde {
background: #f8981e; } 
.pageGamme .coulGammeBois {
background: #c2cd23; } 
.pageGamme .coulGammeAcier {
background: #c1739d; } 
.pageGamme .coulGammePortesService {
background: #000; } 
.pageGamme .coulGammeSurMesure {
background: #dd0037; } 

.pageGamme .titreGammeAlu {
background: transparent url(../../images/titreAlu.gif) no-repeat;
}
.pageGamme .titreGammeMixte {
background: transparent url(../../images/titreMixte.gif) no-repeat;
}
.pageGamme .titreGammeBois {
background: transparent url(../../images/titreBois.gif) no-repeat;
}
.pageGamme .titreGammeAvantGarde {
background: transparent url(../../images/titreAvantGarde.gif) no-repeat;
}
.pageGamme .titreGammeAcier {
background: transparent url(../../images/titreAcier.gif) no-repeat;
}
.pageGamme .titreGammePortesService {
background: transparent url(../../images/titrePortesService.gif) no-repeat;
}
.pageGamme .titreGammeSurMesure {
background: transparent url(../../images/titreSurMesure.gif) no-repeat;
}


.pageGamme .titreGammeAlu span,
.pageGamme .titreGammeMixte span,
.pageGamme .titreGammeBois span,
.pageGamme .titreGammeAvantGarde span,
.pageGamme .titreGammeAcier span,
.pageGamme .titreGammePortesService span,
.pageGamme .titreGammeSurMesure span {
display: none;
}

.pageGamme .telecharger {
text-align: right;
width: 350px;
margin: 20px 18px 5px 0;
display: block;
float: right;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 14px;
color: #fff}

.pageGamme ul.docTech {
margin: 0 10px 0 0;
float: right;
display: block;
list-style: none;}

.pageGamme li.pictoPdf {
text-align: right;
margin: 0 0 3px 0;
display: block;
height: 18px;
line-height: 18px;
padding: 0 22px 0 0;
background: transparent url(../../images/pictoPdf.gif) no-repeat right top;
}

.pageGamme li.pictoPdf a {
color: #fff;}

.pageGamme #sousGammeAlu,
.pageGamme #sousGammeMixte,
.pageGamme #sousGammeAvantGarde,
.pageGamme #sousGammeBois,
.pageGamme #sousGammeAcier,
.pageGamme #sousGammePortesService,
.pageGamme #sousGammeSurMesure
{display: block;
float: left;
width: 359px;}

.pageGamme #sousGammeAlu h2,
.pageGamme #sousGammeMixte h2,
.pageGamme #sousGammeAvantGarde h2,
.pageGamme #sousGammeBois h2,
.pageGamme #sousGammeAcier h2,
.pageGamme #sousGammePortesService h2,
.pageGamme #sousGammeSurMesure h2 {
text-transform: uppercase;
margin: 10px 0 5px 0;
padding: 0 0 5px 0;
font-family: "Times", Trebuchet MS, Verdana, sans-serif;
font-size: 18px;}

.pageGamme #sousGammeAlu h2 {
color: #569bbe; 
border-bottom: 1px #569bbe dashed;}

.pageGamme #sousGammeMixte h2 {
color: #183a65; 
border-bottom: 1px #183a65 dashed;}

.pageGamme #sousGammeAvantGarde h2 {
color: #f8981e; 
border-bottom: 1px #f8981e dashed;}

.pageGamme #sousGammeBois h2 {
color: #c2cd23; 
border-bottom: 1px #c2cd23 dashed;}

.pageGamme #sousGammeAcier h2 {
color: #c1739d; 
border-bottom: 1px #c1739d dashed;}

.pageGamme #sousGammePortesService h2 {
color: #000; 
border-bottom: 1px #000 dashed;}

.pageGamme #sousGammeSurMesure h2 {
color: #dd0037; 
border-bottom: 1px #dd0037 dashed;}

.pageGamme .blocSousGammeAlu,
.pageGamme .blocSousGammeMixte,
.pageGamme .blocSousGammeAvantGarde,
.pageGamme .blocSousGammeBois,
.pageGamme .blocSousGammeAcier,
.pageGamme .blocSousGammePortesService,
.pageGamme .blocSousGammeSurMesure {
margin: 0 20px 0 0;
text-align: center;
display: block;
float: left;
width: 100px;
font-size: 17px;}

.pageGamme .blocSousGammeAlu {
background: #569bbe;}

.pageGamme .blocSousGammeMixte {
background: #183a65;}

.pageGamme .blocSousGammeAvantGarde {
background: #f8981e;}

.pageGamme .blocSousGammeBois {
background: #c2cd23;}

.pageGamme .blocSousGammeAcier {
background: #c1739d;}

.pageGamme .blocSousGammePortesService {
background: #000;}

.pageGamme .blocSousGammSurMesure {
background: #dd0037;}

.pageGamme .blocSousGammeAlu a,
.pageGamme .blocSousGammeMixte a,
.pageGamme .blocSousGammeAvantGarde a,
.pageGamme .blocSousGammeBois a,
.pageGamme .blocSousGammeAcier a,
.pageGamme .blocSousGammePortesService a,
.pageGamme .blocSousGammeSurMesure a {
color: #fff;
border: 0;}

.pageGamme .blocSousGammeAlu span a,
.pageGamme .blocSousGammeMixte span a,
.pageGamme .blocSousGammeAvantGarde span a,
.pageGamme .blocSousGammeBois span a,
.pageGamme .blocSousGammeAcier span a,
.pageGamme .blocSousGammePortesService span a,
.pageGamme .blocSousGammeSurMesure span a {
font-size: 17px;
padding: 0 20px 0 0;
color: #fff;
height: 22px;
width: 80px;}

#bandeau {
position: relative;
float: left;
display: block;
width: 779px; }

#pageSousGamme #bandeau h1.titre,
#pageFicheProduit #bandeau h2.titre  {
background: none !important;
position: absolute !important;
top: 10px !important;
left: 18px !important;
color: #fff;
font-family: "Times", Trebuchet MS, Verdana, sans-serif;
font-size: 20px;
float: left;
display: block;
width: 400px;}

#pageFicheProduit #bandeau h2.titre  {
position: absolute !important;
top: 35px !important;
left: 18px !important;}







#navImages {
margin: 10px 0 10px 0;
display: block;
width: 360px;}

.flecheGauche {
float: left;
display: block;
width: 7px;
height: 13px;
background: transparent url(../../images/flecheGauche.gif) no-repeat;
}

.legende {
text-align: center;
float: left;
width: 340px;}

.flecheDroite {
float: left;
display: block;
width: 7px;
height: 13px;
background: transparent url(../../images/flecheDroite.gif) no-repeat;
}

.flecheGauche span,
.flecheDroite span {display: none;}

.btnRetour {
margin: 0 0 5px 0;
float: right;
display: block;
width: 30px;
height: 16px;
padding: 0 10px; 0 10px;
background: transparent url(../../images/puceRetour.gif) no-repeat 0 4px ;}

.blocVignettePorte {
text-align: center;
margin: 0 10px 10px 0;
display: block;
float: left;
}

.blocVignettePorte p {
font-size: 11px;
text-align: center;
}

/*/******************************************************************************/
/*                                                                 Page Produit*/
/******************************************************************************/
.pageProduit #contenu{
position: relative;}

.pageProduit #colGauche {
display: block;
float: left;
width: 340px; }

.bkgImgAlu {
position: relative;
display: block;
float: left;
width: 340px;
height: 320px;
background: transparent url(../../images/bkgImgAlu.gif) no-repeat;}

.bkgImgAlu img {
float: right;
}

.bkgImgMixte {
position: relative;
display: block;
float: left;
width: 340px;
height: 320px;
background: transparent url(../../images/bkgImgMixte.gif) no-repeat;}

.bkgImgMixte img {
float: right;
}

.bkgImgAvantGarde {
position: relative;
display: block;
float: left;
width: 340px;
height: 320px;
background: transparent url(../../images/bkgImgAvantGarde.gif) no-repeat;}

.bkgImgAvantGarde img {
float: right;
}

.bkgImgBois {
position: relative;
display: block;
float: left;
width: 340px;
height: 320px;
background: transparent url(../../images/bkgImgBois.gif) no-repeat;}

.bkgImgBois img {
float: right;
}

.bkgImgAcier {
position: relative;
display: block;
float: left;
width: 340px;
height: 320px;
background: transparent url(../../images/bkgImgAcier.gif) no-repeat;}

.bkgImgAcier img {
float: right;
}

.bkgImgPortesService {
position: relative;
display: block;
float: left;
width: 340px;
height: 320px;
background: transparent url(../../images/bkgImgService.gif) no-repeat;}

.bkgImgPortesService img {
float: right;
}

.pictoZoom {
position: absolute;
left: 0;
top: 0;
z-index: 50;
display: block;
float: left;
width: 340px;
height: 320px;
background: transparent url(../../images/pictoLoupe.gif) no-repeat right bottom;}

.pictoZoom span {
display: none;}


.pictoZoom a {
display: block;
float: left;
width: 340px;
height: 320px;
}

.pageProduit p.legende {
text-align: left !important;
float: left;
width: 340px;
margin: 0 0 10px 0;}

.pageProduit #colGauche .blocVignetteAmbiance {
text-align: center;
margin: 0 5px 10px 0;
display: block;
float: left;
}

.pageProduit #colGauche .blocVignetteAmbiance p {
text-align: center;
font-size: 11px;
width:100px;
}

.pageProduit #colGauche .blocVignetteAmbiance img {
border: 0px;
}

.pageProduit #colDroite {
position: relative;
padding: 0 0 0 10px;
display: block;
float: left;
width: 429px; }

#navGamme {
display: block;
float: left;
height: 25px;
line-height: 25px;}

#navGamme ul {list-style: none;}

#navGamme ul li {
display: block;

float:left;
}

#navGamme ul li a {
color: #666666;
text-decoration: none;}

#navGamme ul li a:hover {
color: #000;
text-decoration: underline;}

.pageProduit #colDroite h1 {
background: none !important;
margin: 0 0 5px 0;
line-height: 80px;
font-size: 24px;
padding: 5px;
width: 414px;}

.pageProduit #colDroite h1.Alu {
color: #569bbe; 
border-top: 1px #569bbe dashed;
border-right: 1px #569bbe dashed;
border-bottom: 1px #569bbe dashed;
border-left: 5px #569bbe solid;}

.pageProduit #colDroite h1.Mixte {
color: #183a65; 
border-top: 1px #183a65 dashed;
border-right: 1px #183a65 dashed;
border-bottom: 1px #183a65 dashed;
border-left: 5px #183a65 solid;}

.pageProduit #colDroite h1.AvantGarde {
color: #f8981e; 
border-top: 1px #f8981e dashed;
border-right: 1px #f8981e dashed;
border-bottom: 1px #f8981e dashed;
border-left: 5px #f8981e solid;}

.pageProduit #colDroite h1.Bois {
color: #c2cd23; 
border-top: 1px #c2cd23 dashed;
border-right: 1px #c2cd23 dashed;
border-bottom: 1px #c2cd23 dashed;
border-left: 5px #c2cd23 solid;}

.pageProduit #colDroite h1.Acier {
color: #c1739d; 
border-top: 1px #c1739d dashed;
border-right: 1px #c1739d dashed;
border-bottom: 1px #c1739d dashed;
border-left: 5px #c1739d solid;}

.pageProduit #colDroite h1.PortesService {
color: #000; 
border-top: 1px #000 dashed;
border-right: 1px #000 dashed;
border-bottom: 1px #000 dashed;
border-left: 5px #000 solid;}

.pageProduit #colDroite h1.SurMesure {
color: #dd0037; 
border-top: 1px #dd0037 dashed;
border-right: 1px #dd0037 dashed;
border-bottom: 1px #dd0037 dashed;
border-left: 5px #dd0037 solid;}

.pageProduit #colDroite h4 {
color: #999;
font-size: 20px;
padding: 5px 0 5px 0;}

.pageProduit ul#rowBtn {
margin: 0;
padding: 0;
list-style: none;}

.pageProduit ul#rowBtn li {
margin: 0;
padding: 0;
display: block;
float: left;}


.pageProduit ul#rowBtn li#btnDescription a {
display: block;
float: left;
width: 88px;
height: 42px;
background: transparent url(../../images/btnDescription.gif) no-repeat 0 19px;
}

.pageProduit ul#rowBtn li#btnNuancier a {
margin: 0 0 0 1px;
display: block;
float: left;
width: 107px;
height: 42px;
background: transparent url(../../images/btnNuancier.gif) no-repeat;
}

.pageProduit ul#rowBtn li#btnIsolation a {
margin: 0 0 0 1px;
padding: 19px 0 0 0;
display: block;
float: left;
width: 72px;
height: 23px;
background: transparent url(../../images/btnIsolation.gif) no-repeat 0 19px;
}

.pageProduit ul#rowBtn li#btnImpact a {
margin: 0 0 0 1px;
padding: 19px 0 0 0;
display: block;
float: left;
width: 155px;
height: 23px;
background: transparent url(../../images/btnImpact.gif) no-repeat 0 19px;
}

#btnImpact img {
margin: 3px 0 3px 110px;}

#infosPicto {
width: 130px;
padding: 5px;
display: block;
float: right;
position: absolute;
right: 0;
top: 50px;

}
.flocons {
text-align: right;
height: 17px;
line-height: 17px;
font-size: 11px;
display: block;
}

.cle {
text-align: right;
height: 20px;
line-height: 20px;
font-size: 11px;
display: block;
}

.etoiles {
font-size: 11px;
text-align: right;
display: block;
height: 15px;
padding: 2px 5px 0 0;
}

.situation {
margin: 3px 0 0 0;
text-align: right;
height: 17px;
line-height: 17px;
font-size: 11px;
display: block;
}

.etoiles a,
.cle a,
.flocons a,
.situation a {
color: #666666;
}

.etoiles a:hover,
.cle a:hover,
.flocons a:hover,
.situation a:hover {
text-decoration: underline;
color: #dd0037;
}

.pageProduit ul#rowBtn li#btnDescription a span,
.pageProduit ul#rowBtn li#btnNuancier a span,
.pageProduit ul#rowBtn li#btnIsolation a span,
.pageProduit ul#rowBtn li#btnBudget a span {
display: none;
}


.pageProduit ul#rowBtn li#btnDescription a:hover, 
.pageProduit ul#rowBtn li#btnDescription a.active-tab
{
   background: transparent url(../../images/btnDescription.gif) no-repeat 0 -23px;
}

.pageProduit ul#rowBtn li#btnNuancier a:hover,
.pageProduit ul#rowBtn li#btnNuancier a.active-tab
{
background: transparent url(../../images/btnNuancier.gif) no-repeat 0 -42px;
}

.pageProduit ul#rowBtn li#btnIsolation a:hover,
.pageProduit ul#rowBtn li#btnIsolation a.active-tab
{
background: transparent url(../../images/btnIsolation.gif) no-repeat 0 -23px;
}

.pageProduit ul#rowBtn li#btnImpact a:hover,
.pageProduit ul#rowBtn li#btnImpact a.active-tab
{
background: transparent url(../../images/btnImpact.gif) no-repeat 0 -23px;
}

.pageProduit #colDroite .layerDetail {
margin: 5px 0 0 0;
display:block;
float: left;
width: 423px;
border: 1px #949393 solid;
background: transparent url(../../images/bkgLayerDetail.gif) no-repeat right bottom;}

.pageProduit #colDroite .blocLayerDetail {
padding: 10px;
width: 403px;}

.blocLayerDetail ul {
list-style: none;}

.blocLayerDetail ul li.pdf,
.impact ul li.pdf,
.pageCorpo ul li.pdf {
margin: 0 0 5px 0;
display: block;
padding: 0 0 0 22px;
background: transparent url(../../images/pictoPdf.gif) no-repeat;}


.pdf {
margin: 0 0 5px 0;
display: block;
padding: 0 0 0 22px;
background: transparent url(../../images/pictoPdf.gif) no-repeat;}

.blocLayerDetail ul li.oeil  {
margin: 0 0 5px 0;
display: block;
padding: 0 0 0 22px;
background: transparent url(../../images/pictoEye.gif) no-repeat;}


.blocLayerDetail ul li.pdf a,
.blocLayerDetail ul li.oeil a,
.impact ul li.pdf a,
.pageCorpo ul li.pdf a {
color: #666666;}

.blocLayerDetail ul li.pdf a:hover,
.blocLayerDetail ul li.oeil a:hover,
.impact ul li.pdf a:hover,
.pageCorpo ul li.pdf a:hover  {
text-decoration: underline;
color: #000;}

.impact p a:hover {
text-decoration: underline;
color: #000;}


.boutons {
display: block;
width: 423px;
text-align: right;}
.boutons ul {list-style: none;}
.boutons ul li {float: right;}
.boutons ul li#btnAjoutSelection a {display: block;
width: 165px;
height: 27px;
background: transparent url(../../images/btnAjoutSelection.gif) no-repeat 0 -28px;}

.boutons ul li#btnDemandeDevis a {
margin: 0 10px 0 0;
display: block;
width: 123px;
height: 27px;
background: transparent url(../../images/btnDemandeDevis.gif) no-repeat 0 -28px; }

.boutons ul li#btnAjoutSelection a span,
.boutons ul li#btnDemandeDevis a span
{display: none;}

.boutons ul li#btnAjoutSelection a:hover {display: block;
width: 165px;
height: 27px;
background: transparent url(../../images/btnAjoutSelection.gif) no-repeat 0 0;}

.boutons ul li#btnDemandeDevis a:hover {
width: 123px;
height: 27px;
background: transparent url(../../images/btnDemandeDevis.gif) no-repeat 0 0; }


#produitsAssocies
{display: block;
float: left;
width: 429px;}

#produitsAssocies h3
{font-size: 16px;
border-bottom: 1px #666666 dashed;
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
}

#produitsAssocies .blocVignetteAssocie {
margin: 0 10px 10px 0;
font-size: 9px;
display: block;
float: left;
}

#produitsAssocies .blocVignetteAssocie p {
font-size: 11px;
text-align: center;
}

#produitsAssocies .blocVignetteAssocie img {
border: 0;
margin: 0 0 5px 0;}



/*/******************************************************************************/
/*                                                               Layer Nuancier*/
/******************************************************************************/

.container {
padding: 10px;
display: block;
width: 403px;
border: 1px #999999 solid;
background: #fff;}

.pageProduit .btnFermerLayer a {
background: #fff;
padding: 3px 30px 0 0;
text-align: right;
position: relative;
display: block;
width: 390px;
background: transparent url(../../images/pictoFermerLayer.gif) no-repeat right 5px;}

.pageProduit .btnFermerLayer a span {
display: none;}

#container .nuancier {
padding: 0 0 20px 0;
margin: 0 0 10px 10px;
width: 390px;
display: block;
float: left;}

.blocCouleur {
height: 65px;
text-align: center;
margin: 5px 5px 5px 0;
float: left;
display: block;
width: 92px;}

.couleur a {
border: 1px #cccccc solid;
background: #258744;
display: block;
width: 92px;
height: 30px;}

.nonCouleur a {
color: #666666;
width: 86px;
padding: 2px;
font-size: 11px;}

.prefinition {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}

.imgNuancier {
   height: 30px;
   width: 90px;
}

/*/******************************************************************************/
/*                                                                  Layer Devis*/
/******************************************************************************/
.devis {
border: 1px #999999 solid;
padding: 10px;
margin: 20px 0 20px 0;
width: 380px;
display: none;
float: left;}

.devis legend {
color: #dd0037;
font-size: 16px;
padding: 3px;}

.devis label {display: block;
float: left;
width: 100px;}

.devis .lineForm {
margin: 0 0 5px 0;
display: block;
float: left;
width: 380px;}

.devis .lineForm .cp {width: 50px;}

.devis .btnSuiteDemande {
margin: 20px 0 0 0;
font-size: 12px;
color: #fff;
padding: 6px 0 0 30px;
float: right;
display: block;
width: 178px;
height: 26px;
background: transparent url(../../images/btnSuiteDemande.gif) no-repeat 0 0; }

/*/******************************************************************************/
/*                                                              Layer Isolation*/
/******************************************************************************/


.isolation {
padding: 10px;
width: 360px;
float: left;}

/*/******************************************************************************/
/*                                                              Layer Impact*/
/******************************************************************************/

.impact {
width: 390px;
float: left;}

.impact img {
margin: 0 0 10px 0;}




/*/******************************************************************************/
/*                                                            Layer Description*/
/******************************************************************************/
#containerDescription p {
margin: 0 0 2px 0;}



.description {
width: 403px;
float: left;}

.titreDescription {
font-style: italic;
font-size: 12px;
font-weight: bold;}

/*/******************************************************************************/
/*                                                                  Layer Budget*/
/******************************************************************************/

#layerBudget {
width: 380px;
background: #ffffff;
position: absolute;
top: 100px;
right: 0;
z-index: 100;
display: block;
border: 1px red solid;}

.fermerLayer {
display: block;
float: right;
padding: 3px;}

.budget {
padding: 10px;
float: left;}

/*/******************************************************************************/
/*                                                                       Footer*/
/******************************************************************************/
#footer {
margin: 20px 0 0 0;
font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
font-size: 11px;
text-align: right;
width: 982px;
background: transparent url(../../images/bkgFooter.gif) no-repeat;}

#footer p {
padding: 10px 10px 0 0;}

#footer p a {
color: #666666;}

#footer p a:hover {
text-decoration: underline;}
/******************************************************************************/
/*                                                               Lexique auto */
/******************************************************************************/
.jsLexiqueDefinitionLink {
   color: #333; text-decoration: none; 
   border-bottom: 1px #333 dotted; cursor: help;}

/*********************************************************************************/
/*                                                               Home            */
/*********************************************************************************/
#diaporama{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
width: 779px; 
height: 547px;
}

#diaporama li{
   position:absolute;
}

/*********************************************************************************/
/*                                                            Pose et entretien  */
/*********************************************************************************/
.guidePose {
margin: 0 18px 0 0;
display: block;
float: left;
width: 150px;
height: 212px;
background: transparent url(../../images/imgStat/guide_pose.jpg) no-repeat;
}

.guideEntretienAlu {
margin: 0 18px 0 0;
display: block;
float: left;
width: 150px;
height: 212px;
background: transparent url(../../images/imgStat/guide_entretien_alu.jpg) no-repeat;
}

.guideEntretienBois {
display: block;
float: left;
width: 150px;
height: 212px;
background: transparent url(../../images/imgStat/guide_entretien_bois.jpg) no-repeat;
}

.guidePose span,
.guideEntretienAlu span,
.guideEntretienBois span
{display: none;}

#outilsContenu ul li#lnkExtF a {
background-image:url("../../images/pictoFacebook.gif");
}
#outilsContenu ul#lnkExt li a {
margin-right:6px;
}

#outilsContenu ul li a {
display:block;
float:left;
height:24px;
overflow:hidden;
text-indent:-5000px;
width:24px;
}

/*/******************************************************************************/
/*                                                   Page Resultat de recherche*/
/******************************************************************************/

.pageResultat #contenu {
position: relative;
width: 750px;
padding: 0 0 0 20px;}

.alerteResult {
background: #efefef;
color: #666666;
position: absolute;
right: 0;
top: 30px;
width: 220px;
display: block;
float: right;
padding: 8px;
border: 1px red solid;}

.alerteResult a {
color: #dd0037;
text-decoration: underline;
}

.pageResultat #contenu .intro {
padding: 0 0 10px 0;
width: 540px;}

.pageResultat .modeles {
padding-left: 5px;
text-align: center;
margin: 10px 0 0 0;}

.pageResultat .modeles .blocModele {
height: 188px;
float: left;
text-align: center;
margin: 0 12px 8px 0;
border: 1px #cccccc solid;
padding: 5px;
display: block;
/*width: 95px;*/}

.pageResultat .modeles .produitCateg {
display: block;
width: 728px;
margin: 0 0 10px 0;
padding: 0 0 3px 0;
border-bottom: 1px red dashed;
font-size: 18px;
font-weight: bold;
text-align: left;}

.pageResultat .modeles .blocModele img {
padding: 0 0 5px 0;
border: 0;}

.pageResultat .modeles .blocModele p {
padding: 0;
margin: 0;}

.pageResultat .modeles .blocModele .produitName {
font-size: 12px;
font-weight: bold;
text-align: center;}

.pageResultat .modeles .blocModele .produitName a {
color: #000;}

.pageResultat .modeles .blocModele .produitName a:hover {
color: #dd0037;}


.pageResultat .modeles .blocModele .produitStyle {
font-size: 11px;
text-align: center;}

/*/******************************************************************************/
/*                                                              Page Plan du site/
/******************************************************************************/
.pagePlanSite #contenu {
position: relative;
width: 720px;
padding: 50px 0 0 50px;}

.pagePlanSite .colSiteMap h1{
font-size: 15px !important;}

.pagePlanSite .colSiteMap {
margin: 0 10px 0 0;
width: 230px;
display: block;
float: left;}

.pagePlanSite .colSiteMap ul {
list-style: none;}

.pagePlanSite .colSiteMap ul li {
color: #666666;
border-bottom: 1px red solid;}

.pagePlanSite .colSiteMap ul li a {
text-decoration: none;
color: #666666;}

.pagePlanSite .colSiteMap ul li a:hover {
text-decoration: none;
color: red;}

/*/******************************************************************************/
/*                                                              Page 404/
/******************************************************************************/
.page_404 #contenuError 
{margin: 80px 0 0 0;
float: right; 
display: block; 
width: 650px;}

.page_404 #contenuError h2
{font-size: 36px;
color: #dd0037;
margin: 0 0 10px 0;}

.page_404 #contenuError p
{margin: 0 0 10px 0;}



/******************** Style du Wysiwyg ****************/
.texte_rouge {color: #cc0000;}
.texte_bleu_alu {color: #569bbe;}
.texte_bleu_mixte {color: #183a65;}
.texte_orange {color: #f8981e;}
.texte_vert{color: #c2cd23;}
.texte_violet{color: #c1739d;}