@charset "utf-8";
/* CSS Document */

* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
*html a, *html input
{
position: relative;
z-index: 1;
}

#linkVideo.hide{ display:none; }
#boxVideo.hide{ display:none; }
#linkVideo{ padding-left:370px; padding-top:100px; clear:both;  display:block;  padding-right:10px; }
#linkVideo a{ line-height:23px; font-size:12px; color:#FFF; text-decoration:none; text-align:right; font-weight:bold; height:23px; display:block; background:transparent url(../../img/btnPlay.gif) top left no-repeat; }
#linkVideo a:hover{ background:transparent url(../../img/btnPlay_over.gif) top left no-repeat; }
#boxVideo{ width:587px; height:327px; overflow:hidden; background-color:#000; }

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #333; background:#2a5577;}


/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0px 0px; padding:0; color:#333;}

/* =Frame-----------------------------------------------------------------------------*/

#wrap{ width:950px; background:#2a5577 url("../../img/bgAll.jpg") top left no-repeat; margin:0 auto; padding-bottom:15px; }

#header{ width:950px; height:125px; background: transparent url("../../img/bgHeader.png") top left no-repeat; }
*html #header{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=../../img/bgHeader.png);
background-image: none; }
#header #headerLeft{ display:block; width:192px; height:125px; float:left; }
#header #headerRight{ width:758px; height:125px; float:left; }
#header #headerRight #slogan{ height:50px; text-align:left; padding-left:20px; color:#fff; font-size:12px; letter-spacing:2px; text-transform:uppercase; font-weight:bold; overflow:hidden; line-height:80px; }

#header #headerRight #helpNav{ height:19px; line-height:19px; color:#7293bb; padding:0px 140px 0px 444px; font-size:10px; font-weight:bold; text-align:center; }
#header #headerRight #helpNav a{ color:#7293bb; text-decoration:none; padding:0px 5px; border-right:1px #7293bb solid; text-transform:uppercase; }
#header #headerRight #helpNav a.noborder{ border:0px; }
#header #headerRight #mainNav{ height:26px; line-height:26px; color:#fff; margin:0px 130px 0px 20px; font-size:11px; font-weight:bold; text-align:left; border-bottom:1px #666 dashed; }
#header #headerRight #mainNav a{ color:#fff; text-decoration:none; padding:0px 16px; border-right:1px #fff solid; text-transform:uppercase; }
#header #headerRight #mainNav a.active{ color:#333; }
#header #headerRight #mainNav a.noborder{ border:0px; padding-right:0px; }
#header #headerRight #mainNav a.start{ padding-left:0px; }

#header #headerRight #secnav{ height:26px; line-height:26px; color:#000; margin:0px 130px 0px 20px; font-size:11px; font-weight:bold; text-align:left; }
#header #headerRight #secnav a{ color:#000; text-decoration:none; padding:0px 16px; border-right:1px #000 solid; }
#header #headerRight #secnav a.active{ color:#FFF; }
#header #headerRight #secnav a.noborder{ border:0px; padding-right:0px; }
#header #headerRight #secnav a.start{ padding-left:0px; }

#middle{ width:795px; padding:0px 83px 0px 72px; }
.middleBeige{ background:transparent url("../../img/bgMiddle.png") top left repeat-y; }
*html .middleBeige{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=../../img/bgMiddle.png);
background-image: none; }
.middleBleu{ background:transparent url("../../img/bgMiddleBleu.png") top left repeat-y; }
*html .middleBleu{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=../../img/bgMiddleBleu.png);
background-image: none; }
#middle #middleLeft{ width:586px; float:left; }
#middle #middleLeft #homePic{ width:589px; height:327px; background:#fff url("../../img/homePic.jpg") top left no-repeat; }
#middle #middleLeft #homeCols{ padding:20px 0px 0px 18px; }
#middle #middleLeft #homeCols #col01{ width:124px; float:left; border-right:1px #ccc dashed; }
#middle #middleLeft #homeCols #col01 p{ margin:10px 10px 0px 0px; }
#middle #middleLeft #homeCols #col02{ width:189px; float:left; border-right:1px #ccc dashed; }
#middle #middleLeft #homeCols #col02 img{ position:relative; left:-10px; }
#middle #middleLeft #homeCols #col02 h1{ color:#000; font-size:18px; text-transform:uppercase; text-align:center; border:0px; }
#middle #middleLeft #homeCols #col02 h1 a{ text-decoration:none; color:#000; }
#middle #middleLeft #homeCols #col02 p{ margin:10px 10px 0px 10px; }
#middle #middleLeft #homeCols #col03{ width:100px; float:left; border-right:1px #ccc dashed; padding:0px 10px; }
#middle #middleLeft #homeCols #col03 p{ margin:10px 0px; }
#middle #middleLeft #homeCols #col03 h3{ color:#000; font-size:15px; text-align:left; }
#middle #middleLeft #homeCols #col03 h3 a{ text-decoration:none; color:#000; }
#middle #middleLeft #homeCols #col04{ width:130px; float:right; }
#middle #middleLeft #homeCols #col04 p{ margin:5px; }
#middle #middleLeft #homeCols #col04 a{ font-size:30px; color:#008ac9; text-transform:uppercase; padding-left:25px; text-decoration:none; font-weight:bold; }

#middle #middleLeft #intPic{ width:586px; height:268px; }
#middle #middleLeft #intContain{ padding:20px; text-align:justify; }
#middle #middleLeft h1{ padding:10px; border-bottom:1px #666 solid; font-family:Geneva, Arial, Helvetica, sans-serif; color:#333; font-size:30px; text-transform:uppercase; letter-spacing:2px; }
#middle #middleLeft #intContain p{ margin:10px 0px; }
#middle #middleLeft #intContain a{ color:#006699; }
#middle #middleLeft #intContain h2, #middle #middleLeft #intContain h3, #middle #middleLeft #intContain h4, #middle #middleLeft #intContain h5, #middle #middleLeft #intContain h6{ color:#2a5577; text-transform:uppercase; border-bottom:1px #2a5577 solid; margin:10px 0px; }

#middle #middleLeft div.produit{ background:#fff url("../../img/mainProduits.jpg") bottom left no-repeat; }
#middle #middleLeft div.manufacturier{ background:#fff url("../../img/mainManufacturier.jpg") top left no-repeat; }
#middle #middleLeft div.entreprise{ background:#fff url("../../img/mainEntreprise.jpg") top left no-repeat; }
#middle #middleLeft div.technique{ background:#fff url("../../img/mainTechnique.jpg") top left no-repeat; }
#middle #middleLeft div.procedes{ background:#fff url("../../img/mainProcedes.jpg") top left no-repeat; }
#middle #middleLeft div.mission{ background:#fff url("../../img/mainMission.jpg") top left no-repeat; }
#middle #middleLeft div.marche{ background:#fff url("../../img/mainMarche.jpg") top left no-repeat; }
#middle #middleLeft div.documentation{ background:#fff url("../../img/mainDocumentation.jpg") top left no-repeat; }
#middle #middleLeft div.coordonnees{ background:#fff url("../../img/mainCoordonnees.jpg") top left no-repeat; }
#middle #middleLeft div.association{ background:#fff url("../../img/mainAssociation.jpg") top left no-repeat; }
#middle #middleLeft div.analysethermique{ background:#fff url("../../img/mainAnalyseThermique.jpg") top left no-repeat; }
#middle #middleLeft div.huile{ background:#fff url("../../img/mainHuile.jpg") top left no-repeat; }
#middle #middleLeft div.avecintegration{ background:#fff url("../../img/mainAvecIntegration.jpg") top left no-repeat; }
#middle #middleLeft div.air{ background:#fff url("../../img/mainAir.jpg") top left no-repeat; }
#middle #middleLeft div.radiateur{ background:#fff url("../../img/mainRadiateur.jpg") top left no-repeat; }
#middle #middleLeft div.sansintegration{ background:#fff url("../../img/mainSansIntegration.jpg") top left no-repeat; }
#middle #middleLeft div.atelier{ background:#fff url("../../img/mainAtelier.jpg") top left no-repeat; }


#middle #middleRight{ width:209px; float:right; }
#middle #middleRight #newsTitle{ height:55px; text-align:center; font-size:18px; color:#fff; text-transform:uppercase; line-height:55px; font-weight:bold; background-color:#cc2229; border-bottom:2px #333 dashed; }
#middle #middleRight #newsPic{ background:transparent url("../../img/homePicNews.jpg") top left no-repeat; border-bottom:2px #333 dashed; height:101px; }
#middle #middleRight #newsList{ padding:0px 10px;  }
#middle #middleRight #newsList div.newsItem{ padding:10px 0px; border-bottom:2px #333 dashed;  }
#middle #middleRight #newsList div.newsItem h4{ font-size:11px; }
#middle #middleRight #newsList div.newsItem p{ font-size:10px; line-height:14px; }
#middle #middleRight #newsList div.newsItem a.linkMore{ text-decoration:none; color:#cc2229; font-weight:bold; display:block; text-align:right; margin-top:10px; }
#middle #middleRight #newsList div.newsItem a.linkNewsList{ line-height:13px; text-decoration:none; color:#333; font-weight:bold; font-size:10px; }
#middle #middleRight #newsList div.newsItem a.linkNewsList strong{ font-size:13px; color:#cc2229; }
#middle #middleRight #newsList div.noborder{ border:0px; }

#middle #middleRight #intRightTitle{ height:55px; text-align:center; font-size:13px; color:#fff; text-transform:uppercase; line-height:55px; font-weight:bold; background-color:#224365; border-bottom:2px #333 dashed; }
#middle #middleRight #intRightPic{ height:150px; }
#middle #middleRight #intRightTxt{ padding:10px; }
#middle #middleRight #intRightTxt #menuRight a{ display:block; text-decoration:none; border-bottom:1px #224365 solid; padding:3px 5px; color:#224365; font-weight:bold; padding-left:5px; border-left:6px #224365 solid; }
#middle #middleRight #intRightTxt #menuRight a:hover{ background-color:#E0F3FE; }
#middle #middleRight #intRightTxt #menuRight a.title{ background-color:#E0F3FE; cursor:default; }
#middle #middleRight div.technique{ background:transparent url("../../img/rightTechnique.jpg") top left no-repeat; }

#footer{ width:950px; height:12px; }
.footerBeige{ background: transparent url("../../img/bgFooter.png") top left no-repeat; }
*html .footerBeige{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=../../img/bgFooter.png); background-image: none; }
.footerBleu{ background: transparent url("../../img/bgFooterBleu.png") top left no-repeat; }
*html .footerBleu{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=../../img/bgFooterBleu.png); background-image: none; }


/* ALBUM */
#middle #middleLeft #intContain #boxAlbum h3{ clear:both;font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:2px; margin:10px 0px 10px 0px; background:#2a5577; text-align:left; cursor:pointer; }
#middle #middleLeft #intContain #boxAlbum div.atStart{ padding-bottom:10px; }
#middle #middleLeft #intContain #boxAlbum a.itemAlbum{ display:block;height:85px; width:85px; margin:5px; border:1px #ccc solid; float:left;}

/* CATALOGUE */
#middle #middleLeft #intContain #boxCatalogue h3{ clear:both;font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:2px; margin:10px 0px 10px 0px; background:#2a5577; text-align:left; cursor:pointer; }
#middle #middleLeft #intContain #boxCatalogue div.atStart{ padding-bottom:10px; }
#middle #middleLeft #intContain #boxCatalogue div.atStart a{ padding:4px 10px 4px 10px; border-left:6px #666 solid; border-bottom:2px #666 solid; text-decoration:none; }
#middle #middleLeft #intContain #boxCatalogue div.atStart a:hover{ background-color:#E8FFF8;  }
#middle #middleLeft #intContain #boxCatalogue a.itemCat{ display:block;height:15px; padding-top:70px; text-align:center; font-weight:bold; text-decoration:none; width:85px; margin:5px; border:1px #ccc solid; float:left;}
#btnCatRetour{ float:right; color:#C00; font-weight:bold; border-left:6px #C00 solid; border-bottom:2px #C00 solid; text-decoration:none; padding:4px 10px 4px 10px; color:#333; margin-top:20px; margin-left:10px; }


/* =Forms----------------------------------------------------------------------------*/

fieldset{ background-color: #bdd5e5; padding:20px; border-top: 10px solid #2A5577; border-bottom:1px solid #2A5577; border-left: none; border-right: none;}
label{ font-size: 13px; font-weight: bold; padding-right: 10px; float: left; color:#2A5577;}
.reqfield{ padding: 5px 0; clear:both; text-align: left; }
.textbox{ width:250px; float: right; border:1px #2A5577 solid;}
select{ width:254px; float: right; border:1px #2A5577 solid;}
#search-bar select{ width: 146px; float:inherit;}
.optfield{ padding: 4px; width: 54px; float: left; margin: 0 auto;}
.checkbox{ margin-left: 20px;}
textarea{ float: right; width: 350px; height: 75px; border:1px #2A5577 solid;}
.browse{ float: right;}
.submit{ border:2px solid #2A5577; background-color: #2A5577; padding:4px; clear: both; margin: 10px 0 20px 0; float: right; font-size: 13px;; font-weight: bold; color:#fff;}

/* BOITE ERREUR */
#middle #middleLeft #intContain h5.msgError {
background:#FDF9BC url("error.gif") no-repeat 20px 5px;
border:2px solid #FF9F00;
color:#FF9F00;
display:block;
font-size:16px;
margin:5px;
padding:5px 5px 5px 90px;
text-align:left;
}
#middle #middleLeft #intContain h5.msgError div {
border-left:1px solid #FF9F00;
padding-bottom:10px;
padding-left:10px;
}
#middle #middleLeft #intContain h5.msgError div span {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
padding:4px 0px 0px;
}

/* PDF */
#middle #middleLeft #intContain  #boxStat{ margin-top:30px; text-align:justify; margin-top:10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
#middle #middleLeft #intContain  #boxStat h3{ clear:both;font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:2px; margin:10px 0px 10px 0px; background:#2A5577; text-align:left; }
#middle #middleLeft #intContain  #boxStat h4{ font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; padding:2px; margin:2px 0px 2px 10px; background:#BDD5E5; border-bottom:1px #d6d685 dashed; text-align:left; cursor:pointer; text-decoration:none; }
#middle #middleLeft #intContain  #boxStat ul{ margin:10px 0px 10px 20px; }
#middle #middleLeft #intContain  #boxStat ul li{ padding-left:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:18px; line-height:18px; color:#000; background:url(../../img/iconPDF.gif) 5px 0px no-repeat; border-bottom:1px #333 dotted;margin-bottom:3px; }
#middle #middleLeft #intContain  #boxStat ul li a{ text-decoration:none; color:#000; }
#middle #middleLeft #intContain  #boxStat ul li a:hover{ font-weight:bold; }
#middle #middleLeft #intContain  #boxStat div.statCol{  width:270px; float:left; }


#intContain ul{ padding-left:15px; color:#333; }
#intContain ul li{ padding-left:15px; background:url("../../img/puceUL.gif") 0px 4px no-repeat; margin-bottom:3px;  }
#intContain ol{ padding-left:15px; color:#333; }
#intContain ol li{ padding-left:15px; background:url("../../img/puceOL.gif") 0px 4px no-repeat;margin-bottom:3px;  }