html, body{ width:100%; height:100%;}
body{
margin:0;
text-align:center;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:14px;
color:#000;
background:#3e1f45 url("../design/images/fond-2.png") repeat-x top;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#0078c1;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
}
img{border:0;}
a {color:#e74705;text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus {outline: none;}
.reset{ margin:0; padding:0;}
.clear{ clear:both;}
.right{ float:right}
.left{ float:left;}
.image-1{background:url("../design/images/image-1_100909.png") no-repeat;}
.image-2{background:url("../design/images/image-2_100831.jpg") no-repeat;}
.image-3{background:url("../design/images/image-3.gif") no-repeat;}
#fond{ position:absolute; left:0; top:0; width:100%; min-height:100%;background:url("../design/images/fondImage.jpg") no-repeat center top;}
#wrapper{ position:relative;margin:auto;width:1000px; min-height:650px;background:url("../design/images/fond_content-2.png") repeat-y center;}
/* === Header === */
#header{position:relative;width:1000px;height:103px; background-position:left top; text-align:left;}
#logo{ position:absolute; top:0; left:0;width:270px; height:85px;}
#promo{position:absolute;left:288px;top:3px;width:90px;height:90px;background-position:-18px -199px;}
#header .boutons{position:absolute; top:32px; left:394px;}
#header .boutons li{ float:left; margin:0 12px 0 0; padding:0;font-size:13px; background:none;}
#header .boutons li a{width:134px; height:29px; padding:8px 0 0 33px; display:block; text-decoration:none; color:#fff;font-weight:bold;background:url("../design/images/image-1_100909.png") no-repeat;}
#header .boutons li.simulateur a{ background-position:-124px -233px;}
#header .boutons li.simulateur a:hover{ background-position:-124px -196px;}
#header .boutons li.calculatrice a{ width:196px;background-position:-302px -233px;}
#header .boutons li.calculatrice a:hover{background-position:-302px -196px;}
#header .boutons li.devis a{background-position:-542px -233px;}
#header .boutons li.devis a:hover{background-position:-542px -196px;}
/* === Fil d'Arianne === */
#urlhere{font-size:12px;text-align:left;padding:5px 0 0 13px;}
#urlhere a{ text-decoration:none;color:#000; padding:0 8px;background:url("../design/images/image-3.gif") no-repeat left 6px;}
#urlhere a:hover{}
/* === Colonne de gauche === */
#aside{ width:190px;text-align:left; float:left;}
#chercher{width:190px; height:35px;}
#chercher .formText{width:140px;height:20px;padding:3px 2px 0 2px; border:1px solid #b5b5b5; position:absolute; top:0; left:8px;}
#chercher .formBouton{position:absolute; top:0; left:152px; width:30px;}
#chercher .formBoutonOver{position:absolute; top:0; left:152px;width:30px;}
.bt_suivi{ margin:0 0 7px 3px; padding:0;background-position:-810px -520px; }
.bt_suivi a{width:152px; height:25px; padding:6px 0 0 30px; display:block; text-decoration:none; font-weight:bold; color:#f95901; font-size:13px;}
.bt_suivi a:hover{opacity:0.8}
p#bt_agence{ margin:0; padding:0;}
ul#sns{ margin:0; padding:2px 0 0 0;}
ul#sns li{ margin:0; padding:0; text-indent:-9999px; background:none;}
ul#sns li a{ display:block; width:190px; height:37px;background:url("../design/images/image-1_100909.png") no-repeat;}
ul#sns li a:hover{opacity:0.8; filter:alpha(opacity=80);}
ul#sns li.twitter a{ background-position:-810px -280px;}
ul#sns li.facebook a{ background-position:-810px -317px;}
ul#sns li.rss a{height:38px; background-position:-810px -354px;}
/* === Main content === */
#contentWrap-1{position:relative;}
#contentWrap-2{ margin-left:205px;}
#contentWrap-3{ text-align:justify; padding:10px 27px 20px 13px;}
#bodyText{float:left; width:750px;}
#bodyText p{ margin:0; padding:5px 0;}
#bodyText p.puce-2{ background-position:-1080px -660px; min-height:22px; margin:0; padding:0;}
#bodyText p.puce-2 a{ padding:0 0 0 35px;}
/* === Suivi de la production === */
.suivi-wrapp{ width:750px; height:420px; margin-top:15px; position:relative;}
.suivi-image{ position:absolute; top:0; right:0; width:550px; height:420px; z-index:0;}
#loginBox-wrapp {
position:absolute; top:30px; left:0;
width: 261px;
height: 152px;
background: url("/design/images/image-1_100909.png") no-repeat -810px -600px;
color:#fff;
text-align:center;
z-index:1;
}
#loginBox-wrapp p.title {
font-weight:bold;
font-size:1.1em;
text-align:center;
margin:0;
padding:10px 0;
height:22px;
}
/* Lexique */
table.lexique{ width:100%;}
table.lexique td{ border:1px solid #ccc; vertical-align:top; padding:4px 8px;}
table.lexique td.mot{
font-weight:bold;
font-size:1em;
width:25%;
text-align:left;
background:#ffecac url(../design/images/fond_lexique.png) repeat-y left;
color:#fff;
border:1px solid #ffe48c;
}
/* Tabs */
.ui-tabs-hide { display:none;}
#tabListUl{ margin:0; padding:0; list-style:none; list-style-image:none; width:750px; float:left;}
#tabListUl li{ float:left; height:38px; margin:0 1px 0 0; padding:0; background:none; background-image:none; font-size:1.1em;background:url(../design/images/tabs_fond.png) repeat-x top;}
#tabListUl li span{background:url(../design/images/tabs_fond.png) no-repeat left -38px;padding:0; float:left;display:block;}
#tabListUl li a{height:30px; padding:8px 20px 0 20px;background:url(../design/images/tabs_fond.png) no-repeat right -76px; color:#000; font-weight:bold; display:block; text-align:center; text-decoration:none;float:left;}
#tabListUl li a:hover{
color:#4985C7;
}
#tabListUl li a:focus{ outline:none;}
#tabListUl li.ui-tabs-selected{background:url(../design/images/tabs_fond.png) repeat-x center -114px;}
#tabListUl li.ui-tabs-selected span{background:url(../design/images/tabs_fond.png) no-repeat left -152px;}
#tabListUl li.ui-tabs-selected a{background:url(../design/images/tabs_fond.png) no-repeat right -190px;color:#fff;}
.tabContent {padding-top:10px;}
/* === Liste d'articles === */
ul#articleList{ margin:10px 20px; padding:0 0 15px 0;border-bottom:2px dotted #e74705;}
ul#articleList li{margin:0 10px;}
ul#articleList li.title{color:#e74705; background:none; background-image:none; font-size:16px; font-weight:bold; padding:10px 0 10px 10px; margin:10px 0; border-top:2px dotted #e74705; border-bottom:1px dotted #e74705;}
ul#articleList h4{ padding:0 0 3px 0;}
/* === Liste des catégories === */
ul#categoryList{ padding:0; margin:0;}
ul#categoryList li{padding:10px 0; margin:0; border-bottom:1px solid #c7d3db; min-height:142px; background:none; background-image:none;}
ul#categoryList li .thumb{ float:left; margin:0; padding:0 10px 0 0;width:49px; height:150px;}
ul#categoryList li .fullImage{ float:right; margin:0 0 0 20px; padding:7px 7px 7px 13px;width:170px; height:138px;background:url(../design/realisations/fond_icon.png) no-repeat left top;}
ul#categoryList h3{padding:0 0 5px 0;}
/* === Footer === */
#footerContainer{position:relative;width:990px; margin:auto; height:27px; padding:14px 5px 0 5px;background-position:left -103px; text-align:left;}
#indigo{ margin:0; padding:0; position:absolute; top:11px; right:10px;width:206px; height:30px;}
.liensBas{ text-align:left; font-size:13px;}
.liensBas a{ padding:0 8px 0 6px; border-left:1px solid #d3d3d3; color:#4a4a4a; text-decoration:none;}
.liensBas a:hover{color:#666; }
#credits{position:relative;width:1000px; margin:auto;font-size:0.9em; padding:20px 0 10px 0;color:#b5a0b9;}
#credits a{ color:#b5a0b9;float:right; margin-left:15px; }
#credits a.left{ float:left; margin:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;color:#df1802;}
h1{font-size:26px;padding:4px 0 6px 10px; margin:0 0 20px 0;font-weight:normal; color:#fff; border:1px solid #ffe29d; background:url("../design/images/image-1_100909.png") no-repeat left -630px; text-align:left; line-height:1;}
h2{font-size:15px;padding:10px 0 5px 0; color:#202020;}
h3{font-size:18px;padding:12px 0 5px 0;font-weight:normal;}
h4{font-size:14px;padding:5px 0px;font-weight:bold;}
h5{font-size:12px;padding:3px 0px;}
h6{font-size:11px;padding:3px;font-weight:normal;font-style:italic; color:#666666;}
ul {list-style-image:none; list-style:none; text-align:left;}
ul ul{ list-style-type:square; margin:10px; padding:0;}
ul ul ul{list-style-type: none;}
ul li{list-style-image:none; list-style:none;background:url("../design/images/image-3.gif") no-repeat -290px -146px;padding:0 0 2px 15px; margin:0; text-align:left;}
ul li li{background:url("../design/images/image-3.gif") no-repeat -290px -317px; padding:0 0 2px 15px;}
/* === Menus === */
#menu{margin:0 0 15px 0; padding:0; list-style:none; list-style-image:none; background:none;border-top:1px solid #ebe7de;}
#menu ul,#menu li{ margin:0; padding:0; list-style:none; list-style-image:none; background:none;}
#menu a{display: block; text-decoration:none;}
#menu li { font-size:14px;}
#menu li a{padding:8px 0 8px 20px; width:170px;min-height:18px;color:#000;background:url("../design/images/image-1_100909.png") no-repeat -810px -144px; border-bottom:1px solid #ebe7de;}
#menu li a:hover{color:#e74705;}
#menu li.menuLevel0Active a,#menu li.menuLevel0Part a {color:#fff;background-position:-810px -210px;}
#menu ul { display:none;border-bottom:1px solid #ebe7de; padding:5px 0;}
#menu li.menuLevel0Active ul,#menu li.menuLevel0Part ul { display:block;}
#menu li li{font-size:13px; padding-left:7px;}
#menu li li a{padding:2px 5px 2px 13px; width:165px;min-height:5px;color:#000;background-position:-810px -451px; border-bottom:1px solid #fff;}
#menu li.menuLevel0Active li a,#menu li.menuLevel0Part li a {color:#000;background-position:-810px -451px;}
#menu li.menuLevel0Active li a:hover,#menu li.menuLevel0Part li a:hover{color:#e74705;}
#menu li li.menuLevel1Active a,#menu li li.menuLevel1Part a {color:#e74705;background-position:-810px -451px;}
#menu li ul ul{ display:none;}
#menu li.menuLevel0Active ul ul,#menu li.menuLevel0Part ul ul{ display:none;}
#menu li li.menuLevel1Active ul,#menu li li.menuLevel1Part ul { /*display:block;*/}
#menu li ul li li{font-size:13px;}
#menu li ul li li a{padding:1px 5px 1px 25px; width:160px;height:auto;color:#000; background:#ffc600 url(../design/images/menu2_over.gif) no-repeat left top; border-bottom:1px solid #fff;}
#menu li li.menuLevel1Active li a,#menu li li.menuLevel1Part li a {color:#000; background:#ffc600 url(../design/images/menu2_over.gif) no-repeat left top;}
#menu li ul li li a:hover{ color:#fff;background:#ff6600 url(../design/images/menu2.gif) no-repeat left top;}
#menu li ul li li.menuLevel2Active a{color:#fff;background:#ff6600 url(../design/images/menu2.gif) no-repeat left top;}
/*Form*/
form{ margin:0;}
.formBouton{background:url("../design/images/image-1_100909.png") no-repeat left -290px;color:#fff;height:25px; margin:0; padding:0 2px;font-size:12px; border:0; font-weight:bold;}
.formBoutonOver{background:url("../design/images/image-1_100909.png") no-repeat left -290px;color:#fff; height:25px;margin:0; padding:0 2px;font-size:12px;border:0; font-weight:bold;}
.formText{border: 1px solid #c7c2b7;padding:3px 2px;}
.formTextarea{border: 1px solid #c7c2b7; padding:3px 2px;}
.formLabel {background-color:#E4E4E4;text-align:right;padding: 4px 10px 4px 0px;}
.error {
border:1px solid red;
background-color: #FFEBDF;
color:#FF0000;
padding:10px;
}
/* === Contact Form Résultat === */
.formContactLabel{background-color:#e7eff5;text-align:right;padding: 4px 10px 4px 0px;}
.formContactValue{border: 1px solid #849dac;padding:3px 2px;}
/* ==== formTableLess === */
form#loginForm fieldset#loginFormFieldset legend{color:#666666;}
#shopLogin-divRegisterForm legend{color:#666666;}
form.tableLess{ width:100%; text-align:center; margin:auto;}
form.tableLess fieldset { width:70%; margin:auto;}
form.tableLess fieldset legend {color:#666666;}
/* Plan du site */
#siteMap a{ color:#2F3E33; text-decoration:none;}
#siteMap ul li{background:url(../design/images/dossier.gif) no-repeat left top; padding:3px 0px 3px 25px;}
#siteMap ul ul{ margin:5px 0 10px 15px; padding:0;}
#siteMap ul ul ul{ margin:5px 0 10px 15px;padding:0;}
/* Search */
ol#olResults h4{padding:0 0 3px 0;}
ol#olResults li{ margin:7px 0 0 0;}
/* Pour IE 6 */
body.msie6 {}
* html {}
/* ============== Message (www-data/styles/shop/message_1-16-2.css) ================= */
.errorMsg,.warningMsg,.infoMsg,.successMsg{ padding:5px 10px 5px 30px; width:450px; margin:1em auto;}
.errorMsg{
border:1px solid red;
background:#FFEBDF url(/appli-box-www-data/images/message/m_error.gif) no-repeat left top;
color:#FF0000;
}
.warningMsg{
border:1px solid #FF7E00;
background:#FFF3E2 url(/appli-box-www-data/images/message/m_warning.gif) no-repeat left top;
color:#FF7E00;
}
.infoMsg{
border:1px solid #3571CA;
background:#F7F9FD url(/appli-box-www-data/images/message/m_info.gif) no-repeat left top;
color:#3571CA;
}
.successMsg{
border:1px solid #48B500;
background:#F9FEF1 url(/appli-box-www-data/images/message/m_success.gif) no-repeat left top;
color:#48B500;
}
/* ============================================= */
/* ============== userEdit.css ================= */
.Grand{font-size:1.2em;}
.Grand-2{font-size:1.4em;}
.Gras{ font-weight:bold;}
.Grand-Gras{font-size:1.2em;font-weight:bold;}
.Noir{color:#000000;}
.Gras-Noir{ font-weight:bold;color:#000000;}
.Grand-Noir{ font-size:1.2em; color:#000000;}
.Grand-Gras-Noir{ font-size:1.2em; font-weight:bold; color:#000000;}
.Orange{color:#e74705;}
.Gras-Orange{font-weight:bold;color:#e74705; }
.Grand-Orange{font-size:1.2em;color:#e74705; }
.Grand-Orange-2{font-size:1.4em;color:#e74705; }
.Grand-Gras-Orange{font-size:1.2em;font-weight:bold;color:#e74705;}
.Bleu{color:#1a0070;}
.Gras-Bleu{font-weight:bold;color:#1a0070; }
.Grand-Bleu{font-size:1.2em;color:#1a0070; }
.Grand-Gras-Bleu{font-size:1.2em;font-weight:bold;color:#1a0070;}
.Violet{color:#6d137f;}
.Gras-Violet{font-weight:bold;color:#6d137f; }
.Grand-Violet{font-size:1.2em;color:#6d137f; }
.Grand-Violet-2{font-size:1.4em;color:#6d137f; }
.Grand-Gras-Violet{font-size:1.2em;font-weight:bold;color:#6d137f;}
.SolairePhotovoltaique{font-size:1.2em;color:#1a0070; }
.SolaireThermique {font-size:1.2em;color:#e74705; }
.ImageGaucheRealisation{ float:left; margin:0 20px 0 0;width:146px; height:110px; padding:15px 5px 5px 5px; text-align:center; background:url("../design/realisations/fond_icon-2.png") no-repeat left top;}
.ImageGauche{ float:left; margin:0 20px 10px 0; width:225px; height:150px; overflow:hidden;}
.ImageCadreRouge{ border:1px solid #d9531d; padding:5px;}
.ImageCadreOrange{ border:2px solid #de490d; padding:5px;margin:0 15px 0 50px;}
ul.Separation-Orange{margin-left:400px; width:220px;}
ul.Separation-Orange li{ margin:0; padding:15px 0; background:none; border-bottom:1px solid #de490d;}
.Gauche{ float:left; }
.Cadre-Orange{border:1px solid #E74705;padding:5px; margin:5px 15px 5px 0; float:left;}
.Bouton{width:420px; height:65px; padding:10px 0 0 80px; margin:30px auto;display:block; text-align:left; font-weight:bold; font-size:1.2em;background:url(/user-data/publish/files/promo_bouton.png) no-repeat left -75px; }
.Bouton:hover{ background-position:left top;}
.Bouton a{ color:#fff;text-decoration:none; }
.footerText p.Accueil-Texte-Title{ text-indent:40px; font-size:1.4em; margin:0; padding:0 0 20px 0;}
.Encart-Mise-en-avant{ background:#f48b1b url("../design/images/style-1.jpg") no-repeat left top; color:#fff; padding:15px;}
.Encart-Mise-en-avant h2{ font-size:1.4em; font-weight:bold; margin:0; padding:0 0 5px 50px; color:#fff; }
.Encart-Mise-en-avant h3{ font-size:1.4em; font-weight:normal; margin:0; padding:0 0 5px 50px; color:#000;}
.Encart-Mise-en-avant a{ color:#fff;}
.Encart-Mise-en-avant-Margin-Gauche{ background:#f48b1b url("../design/images/style-1.jpg") no-repeat left top; color:#fff; padding:15px;margin-left:245px;}
.Encart-Mise-en-avant-Margin-Gauche h2{ font-size:1.4em; font-weight:bold; margin:0; padding:0 0 5px 50px; color:#fff;}
.Encart-Mise-en-avant-Margin-Gauche h3{ font-size:1.4em; font-weight:normal; margin:0; padding:0 0 5px 50px; color:#000;}
.Encart-Mise-en-avant-Margin-Gauche a{ color:#fff;}
/* === Suivi de ma production === */
a.Savoir-plus{ float:right; width:133px; height:29px;background:url("../design/images/image-1_100909.png") no-repeat -810px -561px; display:block; text-indent:-9999px; clear:both;}
.Suivi-Cadre-orange{ position:relative;padding:0 15px;border-left:1px solid #ff6400;border-right:1px solid #ff6400;}
.Suivi-Cadre-orange ul{ margin:10px 0 0 10px; padding:0;}
.Suivi-Cadre-orange h2{ font-weight:normal;}
.Suivi-Cadre-orange-top{width:750px; height:10px;background:url("../design/images/image-1_100909.png") no-repeat left -710px;overflow:hidden;}
.Suivi-Cadre-orange-bottom{width:750px; height:10px;background:url("../design/images/image-1_100909.png") no-repeat left -730px;overflow:hidden;}
/* ============================= */
/*
.SolairePhotovoltaique{font-size:1.2em;color:#1a0070; }
.SolaireThermique {font-size:1.2em;color:#e74705; }
.ImageGaucheRealisation{ float:left; margin:0 20px 0 0;width:146px; height:110px; padding:15px 5px 5px 5px; text-align:center; background:url("../design/realisations/fond_icon-2.png") no-repeat left top;}
.EncartDroite{ float:right; width:208px; min-height:281px; padding:0 7px 10px 32px; margin:0 0 0 20px;background:url("../design/images/image-1_100909.png") no-repeat -1000px top; color:#fff;}
.EncartDroite h4{color:#fff; font-size:16px; font-weight:bold; height:29px; padding:10px 0 10px 12px; margin:0; overflow:hidden;}
.EncartDroite h5{ font-size:14px; color:#fff;}
.EncartDroite h5 a{ color:#fff;}
.EncartDroite ul{ margin:0; padding:0;}
.EncartDroite li{padding:0 0 1px 10px; margin:0; width:auto; background:url("../design/images/image-3.gif") no-repeat left -13px;}
.TitreTemoignage,#bodyText p.TitreTemoignage{background:url(../design/images/titreTemoignage.gif) no-repeat left top; border-bottom:2px dotted #ff7f00; font-size:22px; color:#ff7f00; padding:17px 0 15px 80px; margin:10px 0 15px 0;}
.accordion{ text-align:right;color:#e74705; text-decoration:underline; cursor:pointer;}
*/