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

.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: 1;  }

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

#haut { width: 1002px; height: 202px; position: relative; background: url(../images/backgroundHaut.gif) no-repeat; border: 1px solid #F00; }

#haut a#boutonAccueil { display: block; position: absolute; width: 171px; height: 73px; left: 0; top: 64px; text-indent: -5000px; background: url(../images/boutonAccueil.gif); outline: none; }
#haut img.logo {display:block; position:absolute; top:0; left:110px; z-index:10; width:250px;}
#menuHaut {  display:none }

#banniereWrap { display: none }
 
#conteneur #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 .accueil img, .en #banniereWrap .accueil { display: none}
#banniereWrap .membrane img, .en #banniereWrap .membrane img { display: block; position: absolute; top:20px; left: 25px; width:300px; }
#banniereWrap .isolants img, .en #banniereWrap .isolants img { display: block; position: absolute; top:60px; left: 65px; width:300px; }
#banniereWrap .resistoseal img, .en #banniereWrap .resistoseal img { display: block; position: absolute; top:30px; left: 85px; width:250px; }
#banniereWrap .insonorisation img, .en #banniereWrap .insonorisation img{ display: block; position: absolute; top:40px; left: 85px; width:280px; }*/


/* menu principal*/
#menu { display:none }


#conteneurPrincipal { z-index: 1;  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: 1; 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); }


.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); }


#zoneRecherche { display:none}

h1.enteteAccueil { text-indent:0px; 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: 120px; clear: both; padding-top:45px; position: relative; clear: both; width: 813px; }
#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: 600px; text-align: center; 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 { display:none}

#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 { display:none}

#contenu { position: relative; margin-top: 20px; margin-left: 25px; float: left; width: 100%; min-height: 288px; line-height:1.5em  }

* html #contenu { height: 368px; }

.blocGris { background: url(../images/backgroundToitures.gif) repeat-y; width: 90%; 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: 146px; height:210px; /*border:1px solid #000;*/ margin:0 16px 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; width:100%; border-bottom:1px solid #d4d5d6 }
div.boiteProduit2 { margin: 20px 0px 40px;}
div.boiteProduit div.hr {visibility:hidden; clear: both; }


img.photoProduit { float:left; margin-right: 20px; }
div.boiteProduitInfo { float:left; width: 100%;  }
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; 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; background: url(../images/imageProtectionAsphalte.gif) no-repeat; 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; margin-left: 3px; }
.resistosound a { text-align: center; text-decoration: none; font-weight: bold; color: #000; }

.resistosound .img { width: 181px; height: 126px; position: relative; 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*/}


#modalOverlay  {position:fixed; left:0; background:#000; width:100%; margin:0; height:100%; z-index:199; 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; }
.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:100%;}
.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; }

.popupImprimer, .popupFermer, .noprint {display:none}
.popupPhoto img {border:1px solid #666}
/* 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 3em 0px; width:170px;}

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


.logo_resisto_fiche {display:block; margin-bottom:30px;}
.logo_membrane_fiche {float:right; margin:20px 40px 0 0; width:200px;}
.logo_ayrfoil_fiche {float:right; margin:40px 40px 0 0; width:300px;}

#protectionAsphalt, #protectionAsphalten {display:none;}

#printfooter {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top: 1px solid #000000;
	padding-bottom: 22px;
	float: left;
	display: block;
}

.displayNone {display:block}