body { font-family:Tahoma; background-color: RGB(236,237,237); }
.offscreen { overflow: hidden; position: absolute; white-space: nowrap; width: 1px; height: 1px; }
.logo {  padding-left:5%; z-index:2;  }
.logo img { position:relative;  z-index:3; }
.im{ text-align:center; }
.im img{ position:absolute; }
.immarque img{ position:absolute; }
/* 1er fond*/ 
.menu1 { position:absolute; left:0px; right:0px; top:0px; float:left; background-color:#0099FF; z-index:1;  } 
/* 1er onglets*/
.pagination ol { list-style:none; z-index:20;  }
.pagination li a { cursor:pointer; background-color:#ddd ; color: black; float:left; text-decoration: none; transition: background-color .8s; border: 2px solid #FFF; }
/* 2e onglets*/
.pagination .cmenu { position:absolute; z-index:50; }
.pagination .cmenu ol { padding:0px; margin:0px; list-style:none; float:left; }
.pagination .cmenu li a { cursor:pointer; background-color:#EEE ; color: black; text-decoration: none; transition: background-color .8s;  float:left; }

.acceuil{ position:absolute; }

/* smartphone OK*/
@media all and (min-width: 0px) and (max-width: 500px){
body{ font-size:12px; }
.aria a { font-size:12px; }
.acceuil{ left:20px; top:260px; width:160px; }
h1 { font-size:15px; margin-top:320px; }
h2 { font-size:14px; color:#063;  margin-top:20px; }
.pagination li a { font-size:13px; }
/* logo unique */
.logo img { padding-left:10%; top:0px; width:250px; }
/* premiere image cote 2e menu */
.im img{ top:250px; width:150px; }
.immarque img{ top:330px; width:180px; }
/* 1er fond*/ 
.menu1 { height:170px; }
/* 1er menu position*/
.pagination ol { padding-top:110px;  padding-left:3%; }
/* 1er onglets espacement*/
.pagination li a { padding: 4px; }
/* zone texte*/
.zone_de_texte { padding: 10px; margin:85px 5px 20px 5px; }
.zone_d_texte { padding: 10px; margin:85px 5px 20px 5px;  }
/* 2e menu position*/
.pagination .cmenu { top:250px; left:15px; }
/* 2e onglets border-left: 5px solid #096; */
.pagination .cmenu li a { width:135px;  padding:4px; margin: 3px 5px; border-radius:6px; }
.dernieremargetexteblanc {  height:15px; line-height:14px; }
.imgjour { height:150px; }
.imgbas { height:60px; }
.imgcentre { height:75px ; }
.imgjourd { height:100px; }
.imgjourg { height:100px; }
}
/* mini ordi OK */

/* OK */
@media all and (min-width: 501px) and (max-width: 667px){
body{ font-size:12px; }
.aria a { font-size:12px; }
.acceuil{ left:35px; top:235px; width:300px; }
h1 { font-size:15px; margin-top:265px; }
h2 { font-size:14px; color:#063;  margin-top:20px; }
.pagination li a { font-size:13px; }
/* logo unique */

.logo img { padding-left:28%; top:0px; width:250px; }
/* premiere image cote 2e menu */
.im img{ top:235px; width:220px; right:35px; }
.immarque img{ top:335px; width:220px; }
/* 1er fond*/ 
.menu1 { height:180px; }
/* 1er menu position*/
.pagination ol { padding-top:115px;  padding-left:20%; }
/* 1er onglets espacement*/
.pagination li a { padding: 8px; }
/* zone texte*/
.zone_de_texte { padding: 10px; margin:90px 5px 20px 5px; }
.zone_d_texte { padding: 10px; margin:90px 5px 20px 5px; }
/* 2e menu position*/
.pagination .cmenu { top:250px; left:30px; }
/* 2e onglets border-left: 5px solid #096; */
.pagination .cmenu li a { width:150px;  padding:6px; margin: 3px 7px; border-radius:6px; }
.dernieremargetexteblanc { height:15px; line-height:14px; }
.imgjour { height:150px; }
.imgbas { height:60px; }
.imgcentre { height:75px; }
.imgjourd { height:100px; }
.imgjourg { height:100px; }
}
/* OK tel horizontal */
@media all and (min-width: 668px) and (max-width: 759px){
body{ font-size:12px; }
.aria a { font-size:12px; }
.acceuil{ left:50px; top:150px; width:300px; }
h1 { font-size:15px; margin-top:290px; }
h2 { font-size:14px; color:#063;  margin-top:20px; }
.pagination li a { font-size:13px; }
/* logo unique */
.logo img { top:0px; width:200px; }
/* premiere image cote 2e menu */
.im img{ top:150px; width:210px; }
.immarque img{ top:245px; width:290px; }
/* 1er fond*/ 
.menu1 { height:82px; }
/* 1er menu position*/
.pagination ol { padding-top:5px;  padding-left:38%; }
/* 1er onglets espacement*/
.pagination li a { padding: 10px; }
/* zone texte*/
.zone_de_texte { padding: 10px; margin:10px 5px 20px 5px; }
.zone_d_texte { padding: 10px; margin:10px 5px 20px 5px; }
/* 2e menu position*/
.pagination .cmenu { top:250px; left:30px; }
/* 2e onglets border-left: 5px solid #096; */
.pagination .cmenu li a { width:160px;  padding:7px; margin: 4px 7px; border-radius:6px; }
.dernieremargetexteblanc { height:16px; line-height:15px; }
.imgjour { height:150px; }
.imgbas { height:60px; }
.imgcentre { height:75px; }
.imgjourd { height:100px; }
.imgjourg { height:100px; }
}
/* OK */
@media all and (min-width: 760px) and (max-width: 899px){
body{ font-size:12px; }
.aria a { font-size:12px; }
.acceuil{ left:50px; top:150px; width:330px; }
h1 { font-size:15px; margin-top:320px; }
h2 { font-size:14px; color:#063;  margin-top:20px; }
.pagination li a { font-size:13px; }
/* logo unique */
.logo img { top:0px; width:220px; }
/* premiere image cote 2e menu */
.im img{ top:150px; width:230px; }
.immarque img{ top:260px; width:350px; }
/* 1er fond*/ 
.menu1 { height:90px; }
/* 1er menu position*/
.pagination ol { padding-top:8px;  padding-left:44%; }
/* 1er onglets espacement*/
.pagination li a { padding: 10px; }
/* zone texte*/
.zone_de_texte { padding: 10px; margin:10px 5px 20px 5px; }
.zone_d_texte { padding: 10px; margin:10px 5px 20px 5px; }
/* 2e menu position*/
.pagination .cmenu { top:260px; left:60px; }
/* 2e onglets border-left: 5px solid #096; */
.pagination .cmenu li a { width:160px;  padding:7px; margin: 4px 7px; border-radius:6px; }
.dernieremargetexteblanc { height:16px; line-height:15px; }
.imgjour { height:150px; }
.imgbas { height:60px; }
.imgcentre { height:75px; }
.imgjourd { height:100px; }
.imgjourg { height:100px; }
}

/* OK */
@media all and (min-width: 900px) and (max-width: 1099px){
body{ font-size:13px; }
.aria a { font-size:13px; }
.acceuil{ left:60px; top:160px; width:360px; }
h1 { font-size:16px; margin-top:360px; }
h2 { font-size:15px; color:#063;  margin-top:20px; }
.pagination li a { font-size:14px; }
/* logo unique */
.logo img { top:0px; width:250px; }
/* premiere image cote 2e menu */
.im img{ top:160px; width:270px; }
.immarque img{ top:275px; width:400px; }
/* 1er fond*/ 
.menu1 { height:100px; }
/* 1er menu position*/
.pagination ol { padding-top:10px;  padding-left:50%; }
/* 1er onglets espacement*/
.pagination li a { padding: 10px; }
/* zone texte*/
.zone_de_texte { padding: 10px; margin:10px 5px 20px 5px; }
.zone_d_texte { padding: 10px; margin:10px 5px 20px 5px;  }
/* 2e menu position*/
.pagination .cmenu { top:270px; left:70px; }
/* 2e onglets border-left: 5px solid #096; */
.pagination .cmenu li a { width:160px;  padding:7px; margin: 4px 7px; border-radius:6px; }
.dernieremargetexteblanc { height:16px; line-height:15px; }
.imgjour { height:150px; }
.imgbas { height:60px; }
.imgcentre { height:75px; }
.imgjourd { height:100px; }
.imgjourg { height:100px; }
}

/* OK */
@media all and (min-width: 1100px) and (max-width: 1299px){
body{ font-size:14px; }
.aria a { font-size:14px; }
.acceuil{ left:60px; top:200px;  }
h1 { font-size:17px; margin-top:360px; }
h2 { font-size:16px; color:#063;  margin-top:20px; }
.pagination li a { font-size:15px; }
/* logo unique */
.logo img { top:0px; width:280px; }
/* premiere image cote 2e menu */
.im img{ top:200px; width:280px; }
.immarque img{ top:285px; width:500px; }
/* 1er fond*/ 
.menu1 { height:115px; }
/* 1er menu position*/
.pagination ol { padding-top:15px;  padding-left:55%; }
/* 1er onglets espacement*/
.pagination li a { padding: 11px; }
/* zone texte*/
.zone_de_texte { padding: 10px; margin:15px 5px 20px 5px; }
.zone_d_texte { padding: 10px; margin:15px 5px 20px 5px; }
/* 2e menu position*/
.pagination .cmenu { top:290px; left:70px; }
/* 2e onglets border-left: 5px solid #096; */
.pagination .cmenu li a { width:160px;  padding:9px; margin: 4px 7px; border-radius:6px; }
.dernieremargetexteblanc { height:17px; line-height:16px; }
.imgjour { height:150px; }
.imgbas { height:60px; }
.imgcentre { height:75px; }
.imgjourd { height:100px; }
.imgjourg { height:100px; }
}
/* OK */
@media all and (min-width: 1300px) and (max-width: 1469px){
body{ font-size:15px; }
.aria a { font-size:15px; }
.acceuil{ left:60px; top:225px;  }
h1 { font-size:18px; margin-top:360px; }
h2 { font-size:17px; color:#063;  margin-top:20px; }
.pagination li a { font-size:16px; }
/* logo unique */
.logo img { top:0px; width:320px; }
/* premiere image cote 2e menu */
.im img{ top:215px; width:300px; }
.immarque img{ top:285px; width:600px; }
/* 1er fond*/ 
.menu1 { height:135px; }
/* 1er menu position*/
.pagination ol { padding-top:25px;  padding-left:55%; }
/* 1er onglets espacement*/
.pagination li a { padding: 11px; }
/* zone texte*/
.zone_de_texte { padding: 10px; margin:20px 5px 20px 5px; }
.zone_d_texte { padding: 10px; margin:20px 5px 20px 5px; }
/* 2e menu position*/
.pagination .cmenu { top:290px; left:70px; }
/* 2e onglets border-left: 5px solid #096; */
.pagination .cmenu li a { width:160px;  padding:9px; margin: 4px 7px; border-radius:6px; }
.dernieremargetexteblanc { height:18px; line-height:17px; }
.imgjour { height:150px; }
.imgbas { height:60px; }
.imgcentre { height:75px; }
.imgjourd { height:100px; }
.imgjourg { height:100px; }
}
/* OK */
@media all and (min-width: 1470px){
body{ font-size:16px; }
.aria a { font-size:16px; }
.acceuil{ left:60px; top:230px;  }
h1 { font-size:19px; margin-top:400px; }
h2 { font-size:18px; color:#063;  margin-top:20px; }
.pagination li a { font-size:17px; }
/* logo unique */
.logo img { top:0px; width:360px; }
/* premiere image cote 2e menu */
.im img{ top:215px; width:330px; }
.immarque img{ top:295px; width:660px; }
/* 1er fond*/ 
.menu1 { height:135px; }
/* 1er menu position*/
.pagination ol { padding-top:35px; padding-left:55%; }
/* 1er onglets espacement*/
.pagination li a { padding: 11px; }
/* zone texte*/
.zone_de_texte { padding: 10px; margin:15px 5px 20px 5px; }
.zone_d_texte { padding: 10px; margin:15px 5px 20px 5px; }
/* 2e menu position*/
.pagination .cmenu { top:310px; left:70px; }
/* 2e onglets border-left: 5px solid #096; */
.pagination .cmenu li a { width:160px;  padding:9px; margin: 4px 7px; border-radius:6px; }
.dernieremargetexteblanc { height:18px; line-height:17px; }
.imgjour { height:150px; }
.imgbas { height:60px; }
.imgcentre { height:75px; }
.imgjourd { height:100px; }
.imgjourg { height:100px; }
}
/*menu*/
/*1er onglet*/
.pagination li.current#acc a { background-color:#C6C ; }
.pagination li.current#ram a { background-color:#3C6 ; }
.pagination li.current#des a { background-color:#F93 ; }
.pagination li.current#cli a { background-color:#69F ; }
.pagination li#acc a:hover { background-color:#C6C ; }
.pagination li#ram a:hover { background-color:#3C6 ; }
.pagination li#des a:hover { background-color:#F93 ; }
.pagination li#cli a:hover { background-color:#69F ; }
/*2e onglet*/
.pagination .cmenu li.current a { background-color:#fff ; }
/*2e menu position*/
.pagination .cmenu#cr li{ background-color:#3C6; }
.pagination .cmenu#cde li{ background-color:#F93; }
.pagination .cmenu#ccl li{ background-color:#69F; }
.pagination .cmenu .cr li a{ border: 2px solid #3C6; text-shadow: 0px 0px 1px grey;  }
.pagination .cmenu .cd li a{ border: 2px solid #F93;  }
.pagination .cmenu .cc li a{ border: 2px solid #69F; }

.pagination .cmenu .cr li.current a{ text-shadow: 0px 1px 1px grey; border: 2px double #FFF;  background-color:#3C6 ;}
.pagination .cmenu .cd li.current a{ border: 2px double #FFF; background-color:#F93 ; }
.pagination .cmenu .cc li.current a{ border: 2px double #FFF; background-color:#69F ;}
.pagination .cmenu li a:hover { background-color:#69F ; }
.pagination .cmenu .cr li a:hover{ background-color:#3C6 ; border: 2px solid #3C6;}
.pagination .cmenu .cd li a:hover{ background-color:#F93 ; border: 2px solid #F93; }
.pagination .cmenu .cc li a:hover{ background-color:#69F ; border: 2px solid #69F; }

.pagination .cmenu .cr li.current a:hover { background-color:#3C6 ; transition: background-color .8s;  border-radius:8px;  border: 2px solid #3C6; }
.pagination .cmenu .cd li.current a:hover { background-color:#F93 ; transition: background-color .8s;  border-radius:8px;  border: 2px solid #F93; }
.pagination .cmenu .cc li.current a:hover { background-color:#69F ; transition: background-color .8s;  border-radius:8px;  border: 2px solid #69F; }


/*fin menu*/
.a { color:#09C; }

/* detail des prix */
.table { padding:15px 15px 15px 15px ; border: 5px double #666; }
.tdr { padding-left:10px;}
/*partie gauche corp*/
.main_review { text-align:left; width:250px; height:300px; position:absolute; top:255px; left:25px; }
.main_review li a { color:#010; }
.main_review li.active a { color:#063; }
.main_review a { text-decoration:none; }
/*cadre corp de texte*/
.zone_de_texte { height:auto; overflow:auto; border: 1px solid black; border-radius:12px; text-align:left; letter-spacing:0.8px }
.zone_d_texte { height:auto; overflow:auto; border: 1px solid black; border-radius:12px; text-align:left; letter-spacing:0.8px }



.aria { background-color:#ddd ; }
.aria a { cursor:pointer; text-decoration: none; color:black; }
.aria ol { list-style:none; padding:0px ; background-color:#ddd ; margin:0px; display:table-cell;  }
.aria li { float:left; }


h1 { font-weight:500; text-align:center;  }
h2 { font-weight:500; color:#063;  }
h3 { font-weight:500; display:inline; }
h4 { font-weight:500; display:inline; }
h5 { font-weight:500; display:inline; }
/* aside */
.p3 { text-align:start;  letter-spacing: 1.1px; font-weight:500; }
/* span { font-size:14px; color:#000; font-weight:500; }
h2 span { font-size:14px; color:#063; font-weight:500; } */
/* ramonage corp pg.php*/
.artisan { height:95px; width:auto; margin-top:20px; padding-bottom:25px; }
hr { width:85%; }
.espace { margin-left:20px; }
.espace a { color:#093; font-weight:bold; }
ul { padding-left:16px; list-style:url(https://www.chauffalex.fr/include/img/mini/li.gif); }
.ul2 { padding-left:28px; list-style:none; }
.imgjour { width:auto;  border:1px groove black; margin-left:25%; }
/* mail */
.formcols { width:220px; }
.formsaisie { width:220px; height:250px; }
/* r faq faq.php*/
.picto { width:28px; height:28px; }
.plan { height:auto ; width:95% ; }
.imgbas {  width:auto ; }
.imgcentre { width:auto ; }
.imgdroite { width:auto; float:right; margin-right:20px; }
.imgjourd { width:auto; float:right; margin-right:20px; }
.imgjourg { width:auto; float:left; margin-left:20px; }
/* peu utilisé*/
/*vert*/.cont { border-width:1px; border-style:solid; border-color:#096; border-radius:11px; width:auto;  padding:28px; }
.cont a { color:#093; text-decoration:none; }
/*vide*/.conti { width:auto; padding:14px; }
.conti a { color:#093; text-decoration:none; }
/*entouré*/
/*bleu c*/.cont2 { border-width: 1px;	border-style: solid; border-color: #09F; border-radius: 11px; width: auto; padding: 28px; }
/*orange*/.cont3 { border-width: 1px; border-style: solid; border-color: #F96; border-radius: 11px; width: auto; padding: 28px; }
/*barre*/
/*vert*/.info {	border-left: 5px solid #096; width: auto; padding-left: 18px; }
/*bleu c*/.info1 { border-left: 5px solid #6CF; width: auto; padding-left: 18px; }
/*bleu f*/.info2 { border-left: 5px solid #36F; width: auto; padding-left: 18px; }
/*orange*/.info3 { border-left: 5px solid #F96; width: auto; padding-left: 18px; }
/*cyan*/.info4 { border-left: 5px solid #09C; width: auto; padding-left: 18px; }
/*violet*/.info5 { border-left: 5px solid #63C; width: auto; padding-left: 18px; }
.dernieremargetexteblanc { position:fixed; left:0px; bottom:0px; color:#FFF; background-color:#444; width:100%; text-align:center; z-index:40; }