<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">h1, h2, h3, h4, h5, li, ul, td, table, tr, th { margin: 0px; padding: 0px; }
strong { color: #000000; }
body { background-image: url(../../images/background.jpg); background-color: #fefefe; background-repeat: repeat-x; background-position: top; margin: 0; padding: 0; }
.first-wrapper { background-image: url(../../images/bg.png); background-repeat: no-repeat; background-position: top center; }
.wrapper { width: 940px; margin: 0 auto; }
.top { width: 940px; height: 329px; }
.logo { width: 185px; height: 147px; margin-top: 8px; float: left; position: relative; }
.menu { width: 595px; height: 77px; float: right; margin: 0px; padding: 0px; }
.menu_sel { background-image: url(../../images/btn-hover.png); width: 114px; height: 72px; text-align: center; float: left; margin-left: 5px; }
.menu_sel a { color: #dde7f0; font-size: 12px; font-family: arial; line-height: 40px; text-decoration: none; }
.menu_first { background-image: url(../../images/btn.png); width: 114px; height: 57px; text-align: center; float: left; margin-left: 5px; }
.menu_first a { color: #dde7f0; font-size: 12px; font-family: arial; line-height: 30px; text-decoration: none; }
.menu_first:hover { background-image: url(../../images/btn-hover.png); width: 114px; height: 67px; text-align: center; float: left; padding-top: 5px; }
#menu_s_4 { display: none; }
#menu_s_10 { display: block; font-weight: bold; }
.contact { width: 425px; height: 210px; clear: both; float: left; margin-top: -50px; }
.devis { color: #5a688b; float: right; font-size: 22px; font-weight: bold; height: 45px; margin-right: 55px; text-align: center; width: 186px; }
.tel1 { background-image: url("../../images/bg_tel.png"); background-position: left center; background-repeat: no-repeat; color: #546E93;
font-size: 35px;
font-weight: bold;
height: 88px;
line-height: 30px;
margin-top: 44px;
padding-left: 95px;
padding-top: 10px;
width: 220px;
float: left; }
.tel2 { background-image: url(../../images/numero.png); background-repeat: no-repeat; width: 313px; height: 35px;margin-top: 53px; }
.img { background-image: url("../../images/banner.png"); background-repeat: no-repeat; float: right; height: 236px; margin-top: -70px; position: relative; width: 513px; }
.content { width: 940px; }
.contenu { background-image: url("../../images/content.png"); background-repeat: no-repeat; border: 1px solid #FFFFFF; float: left; margin-top: -32px; width: 812px; padding-top: 22px; padding-left: 22px; }
.text h2 { color: #12428f; margin-top: 10px; margin-bottom: 10px; }
.text h3 { color: #a80d5d; text-align: left; }
.box_left { width: 221px; float: left; }
.title_1 { background-image: url(../../images/title1.png); width: 221px; height: 39px;color: #dde7f0;
font-family: arial;
font-size: 14px;
font-weight: bold;
line-height: 41px;text-indent: 11px; }
.title_1 h2, .title_2 h1 { height: 39px; color: #dde7f0; font-family: arial; font-size: 14px; line-height: 39px; padding-left: 20px;  width: auto;}
.title_1 h2, .title_2 h1 { color: #dde7f0; font-family: arial; font-size: 14px; height: 39px; line-height: 39px; padding-left: 7px; float: left; width: auto;}
.box_left option { width: 170px; }
.google { float: left; height: 25px; margin-left: 5px; margin-top: 8px; margin-bottom: 0px !important; width: 80px !important; }
/**** menu2 ***/
.menu_2 { width: 208px; margin: 0 auto; }
.menu_select { background-image: url(../../images/bouton-hover.png); background-repeat: no-repeat; width: 186px; height: 29px; line-height: 29px; padding-left: 22px; margin-bottom: 1px; font-weight: bold; }
.menu_select a { color: #fff; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; }

.menu_second a {
    background-image: url("../../images/bouton.png");
    background-repeat: no-repeat;
    color: #0E3254;
    display: block;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    height: 29px;
    line-height: 26px;
    margin-bottom: 1px;
    padding-left: 20px;
    text-decoration: none;
    width: 188px;
}
.menu_second a:hover { 
    background-image: url("../../images/bouton-hover.png");
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    height: 29px;
    line-height: 26px;
    margin-bottom: 1px;
    padding-left: 20px;
    text-decoration: none;
    width: 188px;
}
.menu_2 li { background-image: url("../../images/bouton.png"); background-repeat: no-repeat; list-style: none; margin-bottom: 1px; height: 25px; width: 190px; margin: 0 auto; }
.menu_2 li a { height: 25px; width: 170px; display: block; color: #0E3254; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 25px; padding-left: 20px; }
.menu_2 li a:hover { background-image: url("../../images/bouton-hover.png"); height: 25px; width: 170px; display: block; color: #fff; font-family: Arial; font-size: 12px; line-height: 25px; }
.menu_bottom { background-image: url(../../images/menu_bottom.png); background-repeat: no-repeat; width: 208px; height: 72px; margin: 0 auto; }
.tel_phone{display:none;}.tel2{display:block;background-image:url(../../images/numero.png);background-repeat:no-repeat;width:313px;height:35px;margin-top: 54px;}
.box_right { float: left; width: 563px; margin-left: 8px; min-height: 500px; }
.title_2 { background-image: url(../../images/title2.png); background-repeat: no-repeat; width: 563px; height: 39px; }
.text { background-image: url(../../images/contenu.png); background-repeat: repeat-y; margin: 0 auto; width: 531px; padding-left: 10px; padding-right: 10px; padding-top: 15px; font-size: 12px; color: #0e3254; font-family: arial; line-height: 18px;height:100%; }
.text ul { margin-left: 20px; float: left; width: 333px; }
.text_bottom { background-image: url(../../images/contenu_bottom.png); background-repeat: no-repeat; width: 555px; height: 87px; margin: 0 auto; }
.image { float: left; position: relative; margin: 5px; border: 1px solid black; }
.plombier { background-image: url(../images/plombier.png); width: 128px; height: 411px; position: absolute; margin-left: 790px; margin-top: 200px; }
.bg_footer { background-image: url(../images/footer.jpg); height: 150px; }
.footer { width: 940px; margin: 0 auto; height: 120px; }
.menu3 { margin: 0 auto; width: 370px; height: 55px; }
.menu_v { float: left; height: 55px; line-height: 55px; }
.menu_v a { color: #000; font-size: 12px; font-family: arial; text-decoration: none; }
.sep { float: left; margin-bottom: 5px; margin-top: 5px; margin-right: 10px; margin-left: 10px; padding-top: 12px; }
.devis_1 { float: left; width: 180px; height: 95px; margin-top: 20px; }
.copyright { float: right; margin-top: 20px; font-size: 12px; font-weight: bold; margin-top: 70px; }
.clear { clear: both; }
.google { width: 500px; margin-bottom: 5px; height: 25px; }
#___plusone_0 { float: left !important; margin-left: 5px !important; margin-bottom: 5px; width: 580px; margin-bottom: 5px; }
.text table { width: 480px; }
.text td { height: 25px; padding-bottom: 33px; }
.text .prix { width: 73px; padding-bottom: 34px; }
.text tr { height: 25px; }
.txt { display: none; }
#widget { padding-top: 3px !important; }
/******************* table ******************/
.text .table { width: 500px; }
.text .table td { text-align: center; height: 5px; padding: 0px; }
.text .table td a, .text .table th a { font-size: 10px; }
.img-index { border: 1px solid black; margin-left: 25%; width: 200px; height: 180px; }
.img-index img { width: 200px; height: 180px; }
.img-index1 { border: 1px solid black; width: 525px; height:206px; }
.img-index1 img { width: 525px; height:206px; }
ul.link_wrapper1, ul.link_wrapper2 { float: left; list-style: none; width: 260px; text-align: left; margin: 0; }
.link_wrapper1 li, .link_wrapper2 li { text-indent: 15px; padding: 4px 0px;  background-size: 15px 15px; }
.link_wrapper1 li a, .link_wrapper2 li a { font-size: 11px; font-weight: bold; color: #000; text-decoration: none; display: block; }
.link_wrapper1 li a:hover, .link_wrapper2 li a:hover { color: #475478; text-decoration: underline; }
ul.link_wrapper2 { float: right; }
/*********
************===== FOR MOBILE 
**********/
@media only screen and (max-width: 480px) {
.first-wrapper { width: 100%; }
.wrapper { width: 98%; margin: 0 auto; }
.top { width: 98%; }
.content { margin-top: 170px; width: 98%; }
.contenu { margin: 0 auto; padding: 0; width: 100%; }
/******** start ==== CSS Pour le box LOGO*/
.logo { width: 111px; height: 99px; margin-top: 4px; float: none; position: relative; background: url(../images/logo_small.png) no-repeat top left; }
.logo img { display: none; }
/******** end ==== CSS Pour le box LOGO*/


/******** start  ==== CSS Pour le box MENU*/

.menu { position: relative; width: 99%; height: 242px; float: none; margin: 0px auto; top: 118px; }
.menu_sel { background: url(../images/menu_phone_hover.png) no-repeat center; width: 100%; height: 46px; text-align: center; float: none; margin-bottom: 3px; margin-left: 0px; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.tel_phone{display:block;background-image: url("../images/bg_tel_small.png");background-position: left center;background-repeat: no-repeat;height: 78px;margin-top: 141px;
margin-left: -10px;}
.tel_phone1{display:block;background-image: url(../images/numero.png);background-position: left center;background-repeat: no-repeat;height: 78px;margin-top: -145px;
margin-left: 106px;}
.tel1
{
display:none;
}
.menu_sel a { display: block; color: #e3e3e3; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 46px; text-decoration: none; }
.menu_first { background: url(../images/menu_phone.png) no-repeat center; width: 100%; height: 46px; text-align: center; float: none; margin-left: 0px; margin-bottom: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.menu_first a { display: block; color: #e3e3e3; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 46px; text-decoration: none; font-weight: bold; }
.menu_first:hover { background: url(../images/menu_phone_hover.png) no-repeat center; width: 100%; height: 46px; text-align: center; float: none; margin-bottom: 3px; margin-left: 0px; padding-top: 0px; }
.img { display: none; }
/******** end  ==== CSS Pour le box MENU*/

/******** start  ==== CSS Pour le box TEL et DEVIS*/
.contact { position: absolute; width: 98%; height: 210px; clear: both; float: left; top: 38px; }
.devis { height: 45px; width: 202px; text-align: center; position: absolute; left: 100px; top: 30px; }
.devis img { width: 95%; }
.tel1 { background: url(../images/bg_tel_small.png) no-repeat left top; width: 300px; height: 87px; margin: 70px auto 0; color: none; font-size: 0px; font-weight: none; line-height: 0px; padding-left: 0px; padding-top: 0px; position: relative; top: 69px; }
.tel2 { background-size: 201px 30px; background-image: url(../images/numero.png); background-repeat: no-repeat; width: 201px; height: 35px; margin: -60px 0 0 95px; }
/******** end  ==== CSS Pour le box Phone et devis*/

.contenu { padding: 0; width: 97%; }
.box_left { display: none; }
.box_right { margin-top: 10px; width: 97%; }
.title_2 { width: 97%; }
.text { margin: 0 auto; width: 87%; padding-left: 10px; padding-right: 10px; padding-top: 15px; font-size: .8em; color: #0e3254; font-family: arial; line-height: 18px; }
.text ul { margin-left: 20px; float: left; width: 333px; }
.text_bottom { width: 94%; }
.image { position: relative; margin: 5px 33px; border: 1px solid black; }
.plombier { display: none; }
.footer { width: 96%; margin: 0 auto; height: 120px; }
.menu3 { margin: 0 auto; width: 100%; height: 55px; }
.menu_v { float: left; height: 55px; line-height: 55px; }
.menu_v a { color: #000; font-size: 12px; font-family: arial; text-decoration: none; }
.copyright { float: right; margin-top: 20px; font-size: 12px; font-weight: bold; margin-top: 18px; }
.devis_1 { float: left; width: 180px; height: 95px; }
img { width: 100%; }
.text h2 { clear: both; }
.img-index { margin-left: 9%; }
.text_bottom { margin-left: 7px; width: 94%; }
.sep { margin: 5px 7px; }
.google { margin-left: 13px; }
.title_2 form, .text2 form table { width: 173px !important; }
.title_2 form table input { width: 80px; }
center iframe { width: 100%; }
.text ul { width: 96%!important; }
.menu3 + a { left: 190px; position: relative; }
.tel1:after {content:'014-046-0354';}
}

.rues li 
{
liste-style:none;
float:left;
}
.sep
{
float:left;
margin-left:3px;
margin-right:3px;
}
/*********
************ end ===== FOR MOBILE 
**********/
</pre></body></html>