/*html { overflow-y: scroll; }*/
/* html, * html body { height: 100%;  }*/
html, body, form { /*min-height: 100%;*/ padding: 0; margin: 0;  }

body { background: #fff url(../images/background.gif) repeat-x; font-size: 100%; font-family: Arial, Sans-Serif; color: #1c1c1a }
textarea, input, select { color: #503829; font-size: 90%; }
.textAlignDroit { display: block; text-align: right; }
.textAlignCentre { display: block; text-align: center; }
.textAlignGauche { display: block; text-align: left; }
.fr {}
.en {}
p {margin-bottom:1.4em}

.nodisplay{ display:none;}

.floatGauche, .float { float: left; }
.floatDroit { float: right; }

.bleu { color: #0082c8; }
.bleuPale { color: #00a3db; }
.rouge { color: #ed1d25; }
.orange { color: #f58026; }
.vert { color: #639330;  }
.vertGauche { color: #a2b427; }
.mauve { color: #3f133f; }
.jaune { color: #f8c620; }

a img, img { border: 0; }

div.hr { border: 0; width: 100%; height: 1px; background: url(../images/ligne.gif) ; background-repeat: repeat; margin: 15px 0px; clear: both; }
div.hr1 { border: 0; width: 100%; height: 1px; background: url(../medias/communs.gif) ; background-repeat: repeat; margin: 15px 0px; clear: both; }


.clearfix { clear: both; height: 1px; line-height: 1px; }
ul { margin: 2em 20px; padding: 0;}
ul ul { margin: 1em 20px; padding: 0;}
ul li { list-style-type: none; background: url(../images/puce.gif) no-repeat;  background-position: left 3px; padding-left: 15px; padding-top: 0px; margin-bottom:0.3em; }
ul.sansPuce li { background-image: none; padding: 0; }
ul li.iconePDF { background: url(../images/iconePDF.gif) no-repeat; background-position: center left; padding-left: 22px; }

a.iconePDF { background: url(../images/iconePDF.gif) no-repeat; background-position: center left; padding-left: 22px; }
h1, h2, h4, h5, h6 { margin: 0 0 0.8em 0; position: relative; z-index: 3;  }

h1 { font-size: 230%; font-weight: normal; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 100%; margin-bottom:-10px;}
h4 { font-size: 125%; }
h4 span { font-size: 120%; }
a { color: #0080cc; text-decoration: underline; }
a:hover { text-decoration: none; }

#conteneur { width: 1002px; margin: 0 auto; position: relative; z-index: 1; }

#haut { width: 1002px; height: 202px; position: relative; background: url(../images/backgroundHaut.gif) no-repeat; z-index:5; }

#haut a.boutonAccueil { display: block; position: absolute; width: 171px; height: 73px; left: 120px; top: 64px; text-indent: -5000px; background: url(../images/boutonAccueil.gif); outline: none; }
#haut img.logo {display:none;}
#menuHaut {  font-size: 70%; margin: 0; padding: 0; position: absolute; left: 120px; top: 17px; z-index: 100;}
#menuHaut li { display: inline; font-weight: bold; margin: 0; padding: 0 0.5em 0 0; background-image: none; background-color: #fff;}
#menuHaut li a { color: #1c1c1a; text-decoration: none; }
#menuHaut li a:hover { color: #0080cc; }
#banniereWrap div { position: absolute; z-index: 10; }
#banniereWrap .membrane { width: 434px; height: 207px; top: 0px; left: 535px; background: url(../images/banniere_Membranes.gif); }
.en #banniereWrap .membrane { width: 434px; height: 207px; top: 0px; left: 535px; background: url(../images/en/banniere_Membranes.gif); }

#banniereWrap .resistoseal { width: 386px; height: 175px; top: 0px; left:495px; background: url(../images/banniere_Resistoseal.gif); }
#banniereWrap .isolants { width: 432px; height: 199px; top: 0px; left:490px; background: url(../images/banniere_Isolants.gif); }
.en #banniereWrap .isolants { width: 432px; height: 199px; top: 0px; left:490px; background: url(../images/en/banniere_Isolants.gif); }

#banniereWrap .insonorisation { width: 457px; height: 199px; top: 0px; left:485px; background: url(../images/banniere_Insonorisation.gif); }
#banniereWrap .accueil {width: 304px; height: 175px; top: 0px; left:416px; background: url(../images/banniere_Accueil.gif) repeat; }
#banniereWrap  .membrane img, #banniereWrap  .isolants img, #banniereWrap  .resistoseal img, #banniereWrap  .insonorisation img { display: none; }
#banniereWrap .accueil img { display: block; position: absolute; left: 275px; }

/* menu principal*/
#menu { position: absolute; left: 102px; top: 175px; margin: 0; padding: 1px 0px 0px 0px; /*height: 28px;*/ z-index: 200; }
#menu li { float: left; padding-right: 12px; background: url(../images/puceMenu.gif) no-repeat; background-position: 100% 50%; }
#menu li a { display: block; color: #fff; text-decoration: none; font-weight: bold; font-size: 75%; padding: 3px; }
#menu li:hover a, #menu li.over a { background-color: #590f09; overflow: visible; }
#menu li a.selectionne { background-color: #590f09; }

#menu li.dernier { background: none; }
/* 2e palier*/
#menu li div { z-index: 200; position: absolute; left: -999em; background: url(../images/blank.gif); margin-left: -30px; padding: 5px 30px 30px; }
#menu li ul { margin: 0; background: #242021; width: 158px; padding: 15px; }
#menu li li { margin: 0; padding: 0; position: relative; float: none; display: block; font-size: 95%; background: url(../images/separateurSousMenu.gif) no-repeat; z-index:100; }
#menu li li:first-child { background-image: none; }
#menu li li.dernier { background-image: none; }
#menu li li a, #menu li:hover li a, #menu li.over li a { font-weight: normal; display: block; padding: 5px 0px; height: 1%; background-color: transparent; }
#menu li li:hover a, #menu li li.over a, #menu li li:hover li a:hover, #menu li li.over li a:hover { color: #50aae7; }
#menu li li a.SousMenu { background: url(../images/flecheBlanche.gif) no-repeat 148px 10px; }
#menu li:hover li div, #menu li.over li div { left: -999em; }
#menu li:hover div, #menu li.over div, #menu li li:hover div, #menu li li.over div { left: auto; }
/*3e palier*/
#menu li li div { margin: -45px 0 0 158px; top: 0; padding: 30px 30px 30px 15px; }
#menu li li:hover li a, #menu li li.over li a { background: none; color: #FFF; }


#conteneurPrincipal { z-index: 2; background: url(../images/backgroundConteneur.gif) repeat-y; width: 1002px; font-size: 75%; position: relative;}


/* 
#bgContenu { position: absolute; background: url(../images/backgroundContenu.gif); width: 488px; height: 388px; top: 0; left: 30px; } 
*/
#boiteOutils { z-index: 6; height: 36px; position: relative; margin-left: 120px;}

#boiteOutils .boutonTaille, #boiteOutils .boutonReferer, #boiteOutils .boutonImprimer { display: block; height: 20px; position:absolute; text-indent: -5000px; outline: none; top: 13px; } 
#boiteOutils .boutonTaille  { text-indent: 0px; }
#boiteOutils .boutonTaille { width: 57px; left: 383px;  background: url(../images/fr/boutonTaille.gif); text-indent: -5000px; outline: none; }

#boiteOutils .boutonReferer { width: 55px; left: 456px;  background: url(../images/fr/boutonReferer.gif); }
#boiteOutils .boutonImprimer { width: 58px; left: 527px;  background: url(../images/fr/boutonImprimer.gif); }

.promo{ position:absolute; width:590px; margin-left:-13px; padding:17px 0px 0px 3px;}
.btnpromo{ float:left;}
.lienpromo{ float:left; width:361px; height:17px; background:url(/medias/communs/bg_promo.jpg) left top no-repeat; padding:5px 13px 5px 16px;}
.lienpromo a{ font-size:93.8%; display:block; float:left; padding-top:1px;}
.flechepromo { margin-top:-5px;}

.en #boiteOutils .boutonTaille, .boiteOutils .boutonReferer, .boiteOutils .boutonImprimer { display: block; height: 20px; position:absolute; text-indent: -5000px; outline: none; top: 13px; } 
.en #boiteOutils .boutonTaille  { text-indent: 0px; }
.en #boiteOutils .boutonTaille { width: 53px; left: 420px;  background: url(../images/en/boutonTaille.gif); text-indent: -5000px; outline: none; }
.en #boiteOutils .boutonReferer { width: 51px; left: 476px;  background: url(../images/en/boutonReferer.gif); }
.en #boiteOutils .boutonImprimer { width: 48px; left: 527px;  background: url(../images/en/boutonImprimer.gif); }

.zoneaccueil { width:789px; height:355px; background:url(/medias/communs/bg_colonedroite.jpg) right top repeat-y;}
.colgauche{ width:209px; float:left;}
.colgauche ul { margin:0px; padding:0px;}
.colgauche li { margin:0px; padding:0px 0px 5px 0px; text-align:right; list-style:none; list-style-image:none; height:67px;}
.fr .colgauche li.btn1 { background:url(/medias/fr/btn1.jpg) right top no-repeat;}
.en .colgauche li.btn1 { background:url(/medias/en/btn1.jpg) right top no-repeat;}
.fr .colgauche li.btn2 { background:url(/medias/fr/btn2.jpg) right top no-repeat;}
.en .colgauche li.btn2 { background:url(/medias/en/btn2.jpg) right top no-repeat;}
.fr .colgauche li.btn3 { background:url(/medias/fr/btn3.jpg) right top no-repeat;}
.en .colgauche li.btn3 { background:url(/medias/en/btn3.jpg) right top no-repeat;}
.fr .colgauche li.btn4 { background:url(/medias/fr/btn4.jpg) right top no-repeat;}
.en .colgauche li.btn4 { background:url(/medias/en/btn4.jpg) right top no-repeat;}
.fr .colgauche li.btn5 { background:url(/medias/fr/btn5.jpg) right top no-repeat;}
.en .colgauche li.btn5 { background:url(/medias/en/btn5.jpg) right top no-repeat;}
.colgauche li a { display:block; width:185px; height:67px;}

.colcentre{ width:380px; float:left; height:355px; background:url(/medias/communs/bg_center.jpg) left top no-repeat; padding:2px 2px 0px 8px;}
.coldroite{ width:190px; height:355px; float:left; font-size:11px;}
.marchands { background:url(/medias/communs/bg_marchand2.jpg) right top no-repeat; height:160px; padding:18px 0px 0px 19px;}
.imgMarchands { float:right; padding:3px 15px 0px 0px;}
.ph4 { padding:20px 0 2px 0; width:65px; background:url(/medias/communs/fleche_coldroite.jpg) right bottom no-repeat;}
.ph4 a { text-decoration:none; color:#898989; }
.ph4 a strong { color:#1c1c1a; }
.installateurs { background:url(/medias/communs/bg_installateurs.jpg) right top no-repeat; height:50px; padding:23px 0px 0px 19px;}
.installateurs img { float:right; padding:17px 15px 0px 0px;}
.infolettre { background:url(/medias/communs/bg_infolettre.jpg) right top no-repeat; height:117px; padding:27px 0px 0px 19px;}
.infolettre img { float:right; padding:3px 15px 0px 0px;}
.coldroite h1 { font-size:14px; font-weight:bold; color:#1c1c1a; padding:0px 0px 8px 0px; margin:0px;}
.coldroite p { color:#646463; padding:0px 0px 12px 0px; margin:0px;}
.coldroite input.text { width: 123px; height: 16px; border: 0; background: url(../images/backgroundRecherche.gif); color: #1c1c1a; padding: 4px 6px 0px 6px; font-size: 95%; }

.recherche {width:280px; float:left; font-size:11px; background:none;}
.marchands2 { background:url(/medias/communs/bgrecherche.jpg) left top no-repeat; height:159px; padding:18px 0px 0px 19px;}
.recherche h1 { font-size:14px; font-weight:bold; color:#1c1c1a; padding:0px 0px 8px 0px; margin:0px;}
.recherche p { color:#646463; padding:0px 0px 12px 0px; margin:0px;}
.recherche input.text { width: 123px; height: 16px; border: 0; background: url(../images/backgroundRecherche.gif); color: #1c1c1a; padding: 4px 6px 0px 6px; font-size: 95%; }
.recherche div.champ { width:170px; padding-bottom:10px;}

#zoneRecherche { position: absolute; left: 601px; top: 21px; }
#zoneRecherche form { display: inline; }
#zoneRecherche input.text { width: 137px; height: 16px; border: 0; background: url(../images/backgroundRecherche.gif); color: #1c1c1a; padding: 4px 6px 0px 6px; font-size: 95%; }
#zoneRecherche a.submit { background: url(../images/flecheNoire.gif) no-repeat; text-indent: -5000px; outline: none; display: block; width: 7px; height: 5px; position: absolute; left: 155px; top: 9px; }

h1.enteteAccueil { text-indent: -5000px; width: 500px; height: 49px; margin-top: 35px; float: left; margin-left: 120px; }

h1.enteteAccueil.fr { background: url(../images/fr/enteteAccueil.gif) no-repeat; margin-top:30px;}
h1.enteteAccueil.en { background: url(../images/en/enteteAccueil.gif) no-repeat; margin-top:20px; }

p.enteteAccueil { float: left; width: 220px; margin-left: 30px; margin-top: 25px; background: url(/images/flecheNoire.gif) no-repeat 0% 10%; padding-left: 15px; font-size: 100%;}

.noshow {display:none}
#boitesAccueil { margin-left: 96px; clear: both; position: relative; clear: both; width: 813px; padding:27px 0px 6px 0px;}
#boitesAccueil a span { display: block; background: url(/images/boitesAccueil/flechesBoitesAccueil.gif); width: 15px; height: 15px; position: absolute; }

.boiteSolutionEtancheite  { width: 145px;  float: left; font-size: 130%; color: #0082c8; text-decoration: none; display: block; height: 42px; padding-top: 250px; padding-right: 35px; padding-left: 29px; position: relative; line-height: 110%; }

.boiteSolutionEtancheite span {  top: 262px; left: 165px; }
.boiteSolutionEtancheite:hover span { border: 1px solid #e9eaeb; background-position: 15px -15px; }

.boiteProtectionAsphalte { width: 128px; float: left; font-size: 130%; color: #ed1c24; text-decoration: none; display: block; height: 42px; padding-top: 250px; padding-right: 35px; padding-left: 11px; position: relative; line-height: 110%;  }
.boiteProtectionAsphalte span {  top: 262px; left: 140px;  }
.boiteProtectionAsphalte:hover span { border: 1px solid #e9eaeb; background-position: 15px -30px; }


.boiteIsolants { width: 138px;  float: left; font-size: 130%; color: #f58026; text-decoration: none; display: block; height: 42px; padding-top: 250px; padding-right: 35px; padding-left: 24px; position: relative; line-height: 110%; }
.boiteIsolants span {  top: 262px; left: 153px; }
.boiteIsolants:hover span { border: 1px solid #e9eaeb; background-position: 15px -45px; }


.boiteInsonorisation { width: 164px; float: left; font-size: 130%; color: #a2b427; text-decoration: none; display: block; height: 34px; padding-top: 258px; padding-right: 35px; padding-left: 24px; position: relative; line-height: 110%; }
.boiteInsonorisation span {  top: 262px; left: 153px; }
.boiteInsonorisation:hover span { border: 1px solid #e9eaeb; background-position: 15px -60px; }

.boiteSolutionEtancheite div, .boiteProtectionAsphalte div, .boiteIsolants div, .boiteInsonorisation div {width:120px;} 

#basDePage { clear: both; background: #fff url(../images/bgBasDePage.gif) top center; background-repeat: no-repeat; position: relative; margin-left: 0px; width: 762px; padding: 15px 120px 15px 120px; font-size: 90%;}

#basAccueil { clear: both;  position: relative; margin-left: 0px; width: 762px; height: 120px; padding: 15px 120px 0px 120px; font-size: 90%; margin-bottom: -50px; }

#logo100ans { display: block; width: 57px; height: 58px; text-indent: -5000px; outline: none; float: left; background: url(../images/logoBasPage.gif); }

#basAccueil p { float: left; width: 620px; margin: 15px 0px 0px 5px; }

#soprema { float: left; display: block; width: 88px; height: 58px; text-indent: -5000px; outline: none; background: url(../images/logoBasPageSoprema.gif); }

#copyright { position: relative; top: 20px; text-align: center; padding-bottom: 15px; clear: both; }

#copyright a { color: #1c1c1a; text-decoration: none; }
#copyright a:hover { color: #0080cc; }
#bgContenu { position: absolute; background: url(../images/backgroundContenu.gif); width: 488px; height: 388px; top: -56px; left: -301px; z-index:-1; }
#separateurContenu { width: 9px; height: 315px; background: url(../images/separateurContenu.gif); position: absolute; top: -56px; left: -35px; z-index: 101; }
#menuGauche { width: 186px; margin-top: 55px; float: left; position: relative;  margin-left: 90px; z-index: 100; margin-right: 30px;}
#menuGauche h2 { margin: 0px; padding: 0px; font-size: 1.2em; text-align: left; padding-left: 26px; font-weight:bold}
#menuGauche ul {  width: 173px; }
#menuGauche ul li { padding: 0; margin: 0; padding-bottom: 5px;  padding-top: 5px; background:url(../images/backgroundMenuGaucheItem.gif) no-repeat bottom center; }
#menuGauche div.info {  margin:30px 0 0 21px; padding:0; height:150px; width:170px; background:url(/medias/communs/dinfo.gif) right bottom no-repeat; }
#menuGauche div.info h3 { margin-left:7px; font-size:14px; font-weight:bold; color:#1c1c1a; padding:0px 0px 8px 0px; }
#menuGauche div.info .ph4 { padding:30px 0 0 8px; margin:0 0 20px 0; background:none; width:67px; }
#menuGauche div.info .ph4 a { padding-right:20px; width:100px; text-decoration:none; color:#898989; background:none;}
#menuGauche div.info .ph4 a strong { color:#1c1c1a; }

#menuGauche ul li:last-child { background-image: none; }
#menuGauche ul li a { font-size: 100%; padding: 5px 30px 5px 8px; position: relative; display: block; color: #000;  text-decoration: none; width: 135px; }
#menuGauche ul li a.On {background:#e8e8e8;}
#menuGauche ul li a.selectionne { font-weight: bold; }
#menuGauche ul li a.parentSelectionne {background:url(../images/bg_parent.gif) no-repeat;}
#menuGauche ul li a.parentSelectionne:hover {background:url(../images/bg_parent.gif) no-repeat;}
#menuGauche ul li a { background-repeat: no-repeat; background-position: 150px 5px}
#menuGauche ul li a:hover, #menuGauche ul li a.selectionne { background-image: url(../images/flecheGaucheNoire.gif); }
#menuGauche ul li a.boutonCouleur:hover, #menuGauche ul li a.boutonCouleur.selectionne { background-image: url(../images/flecheGaucheBlanche.gif); }

#menuGauche ul li a.toitures { background-color: #00a3e6; color: #fff; }
#menuGauche ul li a.fondations { background-color: #5eaf36; color: #fff; }
#menuGauche ul li a.applications { background-color: #f4a110; color: #fff; }
#menuGauche ul li a.details { background-color: #ed1c24; color: #fff; }
#menuGauche ul li a.complements { background-color: #3f3f3f; color: #fff; }

#menuGauche ul li ul { margin-top: 0px; margin-bottom: 0px; }
#menuGauche ul li ul li  { background: none; padding-top: 0px; padding-bottom: 0px; }
#menuGauche ul li ul li a { background-position: 130px 5px; }


#contenu { position: relative; margin-top: 20px; margin-left: 25px; float: left; width: 555px; min-height: 288px; line-height:1.5em; z-index:3; padding-top:29px;}
#printfooter { display: none; }

* html #contenu { height: 368px; }

.blocGris { background: url(../images/backgroundToitures.gif) repeat-y;   width: 508px; padding: 30px 0px 30px 40px; }
.blocGris span { line-height:1.2em;  font-size:90%; display:block; }
.blocGris h2 { width: 375px; }
.photoToiture { display: block; float: left; width: 155px; height:16.5em; /*border:1px solid #000;*/ margin:0 13px 0px 0; text-align: center; text-decoration: none; color: #1c1c1a; }
.photoToiture img { margin-bottom: 10px; }
.blocGris div.hr { position: relative; left: -40px; margin:20px 40px 20px; width:92%; height:10px; border-bottom:1px solid #d4d5d6; background:none }
.blocGris .blocGrisBas { background: url(../images/backgroundToituresBas.gif); height: 17px; width: 548px; clear: both; position: relative; left: -40px; top: 30px; }

div.infoProduit {  }
img.infoProduit, div.infoProduitImg { float: right; margin: 0 0 20px 10px; }

div.boiteProduit { margin: 20px 0px; border-bottom:1px solid #d4d5d6 }
div.boiteProduit2 { margin: 20px 0px 40px;}
div.boiteProduit div.hr {visibility:hidden; clear: both; }


div.boiteProduit img.photoProduit { float: left; margin-right: 20px; }
div.boiteProduit div.boiteProduitInfo { float: left; width: 410px;  }
div.boiteProduit div.boiteProduitInfo h4 {font-size:150%}
div.boiteProduit div.boiteProduitInfo h4 span {font-size:100%}

#maisonResisto { margin-top:20px; position: relative; width: 548px; /*height: 449px; background: url(../images/imageInterieureMaisonResisto.gif) no-repeat;*/}

#maisonResisto a { text-indent: -5000px; outline: none; position: absolute; display: block; width: 19px; height: 19px; }

#maisonResisto a.bleu { left: 157px; top: 97px; }

#maisonResisto a.rouge { left: 211px; top: 232px; }

#maisonResisto a.jaune { left: 114px; top: 143px; }

#maisonResisto a.vert { left: 263px; top: 313px; }

/*#protectionAsphalte { position: relative; width: 550px; height: 191px; }*/

#protectionAsphalte a { position: absolute; display: block; text-indent: -5000px; outline: none; top: 41px; height: 150px; }

#protectionAsphalte a.nettoyage { width: 143px; left: 0px; }

#protectionAsphalte a.preparation { width: 108px; left: 143px; }

#protectionAsphalte a.reparation { width: 153px; left: 251px; }

#protectionAsphalte a.protection { width: 149px; left: 404px; }

#protectionAsphalten { position: relative; background: url(../images/imageProtectionAsphalten.gif) no-repeat; width: 550px; height: 191px; }
#protectionAsphalten a.protection { width: 149px; left: 404px; }
#protectionAsphalten a { position: absolute; display: block; text-indent: -5000px; outline: none; top: 41px; height: 150px; }
#protectionAsphalten a.nettoyage { width: 143px; left: 0px; }
#protectionAsphalten a.preparation { width: 108px; left: 143px; }
#protectionAsphalten a.reparation { width: 153px; left: 251px; }
#protectionAsphalten a.protection { width: 149px; left: 404px; }

.resistosound { width: 182px; text-align: center; float: left; display: inline; margin-left: 3px;}
.resistosound a { text-align: center; text-decoration: none; font-weight: bold; color: #000; font-size:13px; }

.resistosound .img { width: 181px; height: 126px; background: url(../images/backgroundImageResistosound.gif) no-repeat; padding-left: 1px; padding-top: 14px; margin-top: 10px;  }

a#ctl00_cphContenu_ucSidemenu_boutonVideosMenu { display: block; width: 162px; height: 60px; background: url(../images/boutonVideosMenu.gif) no-repeat; position: relative; left: 25px; display: none; }
.en a#ctl00_cphContenu_ucSidemenu_boutonVideosMenu { display: block; width: 162px; height: 60px; background: url(../images/en/boutonVideosMenu.gif) no-repeat; position: relative; left: 25px; display: none; }
a#ctl00_cphContenu_ucSidemenu_boutonVideosMenu.boutonVisible { display: block; margin-top:30px; /*border:1px solid #000*/}

a#ctl00_cphContenu_ucSidemenu_boutonGarantieEnergyStarMenu { display: block; width: 109px; height: 108px; background: url(../images/boutonGarantieEnergyStarMenu.gif) no-repeat; position: relative; left: 25px; display: none; }
.en a#ctl00_cphContenu_ucSidemenu_boutonGarantieEnergyStarMenu { display: block; width: 109px; height: 108px; background: url(../images/en/boutonGarantieEnergyStarMenu.gif) no-repeat; position: relative; left: 25px; display: none; }
a#ctl00_cphContenu_ucSidemenu_boutonGarantieEnergyStarMenu.boutonVisible { display: block; margin-top:30px; /*border:1px solid #000*/}


#modalOverlay  {position:fixed; left:0; width:100%; margin:0; height:100%; z-index:199; background:url(/medias/communs/bg_modal_overlay.png); /*#000; filter:alpha(opacity=70); -moz-opacity: 0.70;*/  }
#modalContainer {height:520px; margin:100px auto 0; margin:0; position:fixed; z-index:200;}
#modalBox {background:url(/medias/communs/bg_message.gif) no-repeat; margin:10px 200px 0; padding:10px 10px 30px 30px;}

* html #menuGauche { display: inline; }

.ayrfoil { width: 272px; text-align: center; float: left; margin-left: 5px; font-size:13px; }
.ayrfoil a { text-align: center; text-decoration: none; font-weight: bold; color: #000; }
.ayrfoil .img { width: 272px; height: 202px; position: relative;  padding-left: 1px; padding-top: 14px; margin-top: 0px; }


.attLinkpdf, .attLinkdoc, .attLinkdocx, .attLinkxls, .attLinkxlsx, .attLinkeps, .attLinkzip, .attLinkjpg, .attLinkgif, .attLinkpng { display: inline-block; padding: 2px 0px 2px 24px; line-height: 18px; min-height: 18px; overflow: visible; background: url(/medias/communs/DocIcone/default.gif) center left no-repeat; }
.attLinkpdf { background-image: url(/medias/communs/DocIcone/pdf.gif); }
.attLinkdoc, .attLinkdocx { background-image: url(/medias/communs/DocIcone/doc.gif); }
.attLinkxls, .attLinkxlsx { background-image: url(/medias/communs/DocIcone/xls.gif); }
.attLinkjpg, .attLinkgif, .attLinkpng { background-image: url(/medias/communs/DocIcone/jpg.png); }
.attLinkeps { background-image: url(/medias/communs/DocIcone/eps.png); }
.attLinkzip { background-image: url(/medias/communs/DocIcone/zip.png); }


.documentation h3 {font-size:140%; margin:20px 0 0;padding:0.3em 0 0 }


.documentation h4 {font-size:110%; padding:0.7em; margin:1em 0 ; background:#f0f0f0;}

.documentation h4.invisible {background:#fff; height:13px; overflow:hidden; margin:0 0; padding:0;  }

.documentation .MainCat .SousCat {/*background:#000;*/ }

.documentation h2 { font-weight:bold}

.documentation .cat {height:1%;}
.documentation .SousCat {clear:both; padding:0; margin-bottom:5px; }
.documentation .SousSousCat {float:left; width:220px; padding:0.2em 1em 1em 2em; font-size:90%}
.documentation .list {float:left; padding:0; border:none; width:300px; /*border-left:1px solid #ccc*/}
.documentation .list ul {margin:0 0 0; padding:0 0 0; }
.documentation .list ul li {background:none; font-size:90%}

#dVideos {padding-left:100px}

#SelectDoc {float:right; margin-right:22px;}

/* popup référer */
#popup { color: #767676; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-image: url(../medias/communs/popup_bg.gif); background-repeat: repeat-x; background-position: left top; }
#popup body, #popup form { background: none; }
#popupCtnr { width: 558px; font-size: 85%; margin: 14px 0 0 14px; }
#popupCtnr .formBox { padding: 0 0 0.1em; }
.textfield1 { color: #1c1c1a; font-family: Tahoma, Verdana, sans-serif; font-size: 13px; }
.textfield2 { border: #5c8727 1px solid; font-weight: bold; font-size: 11px; margin: 2px; color: #ffffff; cursor: pointer; background-color: #dd823d; }

/* validator callout */

.vceHighlight { background-color: #eaeae8; z-index: 10; }
.vcePopup { margin: -2px 0 0 -40px; z-index: 10}
.vcePopup div, .vcePopup td { border: 1px solid #76654A; background-color: #f2f2f2; }
.vcePopup .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0 0; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0; }
.vcePopup .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0; margin-left: auto; }
.vcePopup .ajax__validatorcallout_error_message_cell { font-family: Verdana; font-size: 10px; padding: 10px 5px; border-right: none; width: 100%; }
.vcePopup .ajax__validatorcallout_icon_cell { display: none; width: 20px; padding: 5px; border-right: none; }
.vcePopup .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0; border-left: none; }
.vcePopup .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 13px; padding: 2px; cursor: pointer; }


.pageContact img {float:right; clear:both; border:1px solid #CCCCCC}
.pageContact h3 {margin:1em 0 0em; font-size:120%}
.pageContact p {margin-top:0;}
.boitecontact {float:left; margin:1.5em 15px 0em 0px; width:14em; height:5em;}

/* clearfix pour floats */
.fixclear:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.fixclear { display: inline-block; }
/*\*/
* html .fixclear { height: 1%; }
.fixclear { display: block; }
/* */

.separateur {height:1px; background:#e9e9e9; margin:0.5em 0 0.5em 0}
.separateur2 {height:1px; background:#ccc; margin:0.5em 0 0 0;}
.separateur3 {height:1px; background:#ccc; margin:2.5em 0 0 0; overflow:hidden}

ul ul li {background:url(/images/puce_sous.gif) no-repeat left top;}
ul ul ul li {background:url(/images/puce_soussous.gif) no-repeat left top;}

h2.referer {color:#fff; margin-bottom:0.3em}
.refererBox {float:left; width:100%; margin-bottom:-1.4em;}

.referConfirm {margin-top:100px;}







h3 a.expandInactif , h3 a.expandActif  {font-size:0.85em; color:#000; text-decoration:none}
h3 a:hover.expandInactif , h3 a:hover.expandActif  {color:#CC0000}


hr {display:none}

.logo_resisto_fiche, .logo_membrane_fiche, .logo_ayrfoil_fiche {display:none}

.showScrollbar { overflow: auto; }

.hideScrollbar { overflow: hidden; }

.maison{}
.bulle{ position:absolute;}
.desc{ position:absolute; padding:39px 0px 0px 147px; color:#FFFFFF;}

.bAfficher, .bMasquer {float:right; padding-right:20px; margin-right:20px; background:url(/medias/communs/down.jpg) no-repeat right center;}
.bMasquer {background:url(/medias/communs/up.jpg) no-repeat right center;}

.blocGris .titreProdAyrfoil {width:300px;}

.bAfficherdoc, .bMasquerdoc {position:absolute; top:50px; padding-right:20px; right:0px; background:url(/medias/communs/down.jpg) no-repeat right center;}
.bMasquerdoc {background:url(/medias/communs/up.jpg) no-repeat right center;}

.document{ margin:0px 0px 0px -11px; padding:0px;}
.document li {position:relative; background:none; list-style:none; list-style-image:none; margin:0px; padding:0px;}
.document li div.afficher { float:right; padding-top:49px; padding:49px 0px 0px 0px}
.document li div.afficher a img { position:absolute;} 
.document li a {}
.document li div.hr { border: 0; width: 100%; height: 1px; background: url(../images/ligne.gif) repeat; margin:6px 0px 17px 0px; clear: both; }
.padleft { padding-left:13px;}
.document li ul { margin:0px; padding:0px 0px 0px 15px;}
.document li ul li { margin:0px; padding:0px 0px 4px 0px ;}
.document li ul li h3 {font-size:140%; margin:0px 0px 10px 0px; padding:0px;}
.bgtableau{ background:url(/medias/communs/bg_tableau.jpg) left top no-repeat; padding-left:5px; margin-top:25px;}
.tableau td { padding:7px 2px;}

.col1, .col2, .col3, .col4, .col5 {font-size:11px; padding-top:2px;}

.space{ padding-bottom:25px; clear:both; display:block; height:10px;}

.spec1, .spec2, .spec3, .spec4, .spec5 { font-size:10px;}
.spec1 a, .spec2 a, .spec3 a, .spec4 a, .spec5 a { display:block; margin:0 0 4px;}
.spec1{font-size:11px; width:160px;}
.tableau td.category { padding:2px 2px;}
.tableau .texteNA { color:#ccc }

.spec1 { width:150px;}
.spec2 { width:112px;}
.spec3 { width:76px;}
.spec4 { width:140px;}
.spec5 { width:60px;} 


.expandInactif { display:block;	padding-left:15px; background-image:url(/medias/communs/ico-plus.gif); background-repeat:no-repeat;}
.expandActif {display:block; padding-left:15px; background-image:url(/medias/communs/ico-moins.gif); background-repeat:no-repeat;}
#dSousCategory{ margin-top:-15px; padding-bottom:33px;}
.displayNone {display:none}
.displayPlease {display:block}

/*-------HOME DIAPO---------*/
#promo { background-color:#363636; height:353px;}
ul#promoNum { text-align:center; padding:4px 0; margin:2px 0 0; list-style-type:none}
ul#promoNum li {display:inline; padding:2px 5px; background:none;}
ul#promoNum li a {text-decoration:none; color:#e9eaeb;}
ul#promoNum li a:hover {color:#00a0f6;}
ul#promoNum li .On {font-weight:bold; color:#ef4035;}

.google{ float:right; width:180px; text-align:right;}
.google a { background:url(/medias/communs/globe.jpg) left top no-repeat; padding:3px 0px 0px 30px;  display:block; height:27px; text-align:left;}
.bleu { color:#0e85c7; font-weight:bold;}

.formInfos { padding-left: 0px; /*font-size:1.1em;*/}
.formInfos li, div.ajax { /*border:1px solid red;*/ margin:0 10px 0 0; width: 239px; display: inline; float: left; padding:0 0 0.5em 0; background:none; }
.formInfos .extraspace { padding-top: 0.5em; }
.formInfos li span, .formInfos div.ajax span { display: block; }
.formInfos .txtfield label, .formInfos span { display: block; margin-bottom: 3px; /*background:#ccc*/ }
.formInfos .txtfield input { width: 234px; }
.formInfos select { font-family: Arial, Sans-Serif; }
.formInfos .radiobtn * { width: auto !important; vertical-align: middle; }
.formInfos .width14 { width: 108px; }
.formInfos .width14 input, .width14select { width: 103px; }
.formInfos .width13 { width: 150px; }
.formInfos .width13 input, .width13select { width: 145px; }
.formInfos .width34 { width: 370px; }
.formInfos .width34 input { width: 365px; }
.formInfos .width34 select { width: 370px; }
.formInfos .fullwidth { width: 489px;}
.formInfos .fullwidth input, .formInfos .fullwidth textarea { width: 484px; }
.formInfos .fullwidth2 { clear:both; width: 489px;}
.formInfos .fullwidth2 input { width:auto; }
.formSend { margin: 1.3em 0 3em;}
.important, .formInfos label em, .formInfos span em { color: #B83916; font-style: normal; }
.formInfos li.block {float:none; display:block}
.premierTitre { margin-top:15px; clear:both;}

div.desinscription{background-color:#FFFFFF; border:1px #999999 solid; display:block; clear:both; position:static;}
div.desinscription li{ clear:both; float:none; position:static;}
div.desinscription h2{ clear:both; float:none; position:static;}
div.formBox{ clear:both; float:none; position:static;}