@font-face{
    font-family : "Rotis";
    src : url('fonts/rotissansserif.eot?') format('eot'),
          url('fonts/rotissansserif.woff') format('woff'),
          url('fonts/rotissansserif.svg#abcd') format('svg'),
          url('fonts/rotissansserif.ttf') format('truetype');
}

body { background: #a1a2a6; margin: 0; font-weight: normal; }
.clear {clear: both; line-height: 0px; font-size: 0px; height: 0px; }
.site { width: 992px; margin: auto; background: url(images/fond.png) repeat-y; }

.header { width: 958px; height: 198px; background: url(images/fond_bandeau.png) repeat-x; margin: 0px auto 58px auto; }
.header .logo { width: 200px; float: left; margin: 30px 30px; }
.header .devis { width: 234px; height: 60px; float: right; margin: 129px 43px 0px 0px; font-family: Arial; font-size: 16px; background: url(images/fleche_devis.png) no-repeat; }
.header .devis a { color: #81725e; text-decoration: none; display: block; margin: 21px 0px 0px 75px; }
.header .devis a:hover { color: #9a958f; }

.menu { background: #191919; width: 838px; height: 172px; margin: auto; position: relative; z-index: 2; }
.menu h2 { float: left; letter-spacing: 1px; color: #ffffff; font-family: Arial; font-size: 26px; width: 236px; padding: 21px 0px 0px 22px; font-weight: normal; }
.menu .intro { float: left; padding-top: 25px; height: 100px; position: relative; }
.menu .intro .guillement { display: inline-block; width: 20px; height: 50px; position: absolute; }
.menu .intro .ouvre { background: url(images/gui_o.png) no-repeat 0px top; top: 28px; }
.menu .intro .ferme { background: url(images/gui_f.png) no-repeat 0px bottom; top: 33px; right: -24px; }
.menu .intro .texte { margin-left: 25px; font-family: Rotis; font-size: 14px; font-weight: normal; display: inline-block; line-height: 20px; color: #e6e6e6; height: 57px; }
.menu .intro .signature { margin: 5px 0px 0px 238px; }
.menu ul { list-style: none; width: 791px; height: 20px; margin: auto; white-space: nowrap; }
.menu ul.faux { display: none; }
.menu ul li { display: inline-block; font-family: Arial; font-size: 13px; font-weight: 700; margin-right: 30px; }
.menu ul li div { float: left; height: 25px; }
.menu ul li .gauche { width: 12px; overflow: hidden; }
.menu ul li .droite { width: 12px; overflow: hidden; }
.menu ul li .on_g { background: url(images/menu_over_g.png) no-repeat; }
.menu ul li .on_d { background: url(images/menu_over_d.png) no-repeat; }
.menu ul li.last { margin-right: 0px; }
.menu ul li a { float: left; display: block; letter-spacing: 0px; text-decoration: none; color: #72797f; padding: 5px 5px; margin: 0px; height: 14px; }
.menu ul li a:hover { color: #a1a4a6; }
.menu ul li.active a { color: #ffffff; background: #747476; }
.photos { margin: -8px 0px; height: 267px; width: 986px; position: relative; z-index: 1; }
.photos .img_diapo { position: absolute; }
.photos .img_diapo .gauche { margin: 0px 10px 0px 17px; }
.bas { margin: 20px 0px 0px 3px; background: #e9eae8; width: 986px; min-height: 306px; }
.bas .info { padding-top: 21px; }
.bas .bloc { position: absolute; height: 211px; }
.bas .picto { float: left; width: 52px; }
.bas .titres { float: left; width: 160px; margin: -5px 0px 0px 45px; }
.bas .titres h3 { font-family: Arial; font-size: 26px; line-height: 30px; color: #1a1a1a; font-weight: normal; }
.bas .titres h4 { font-family: Arial; font-size: 14px; margin-top: 12px; color: #928581; font-weight: 700; }
.bas .texte { float: left; margin: 0px 0px 0px 65px; font-family: Arial; font-size: 15px; color: #333333; line-height: 18px; width: 400px !important; }
.bas .liens { padding-top: 211px; margin-left: 98px; }
.bas .liens .bloc_titre { float: left; }
.bas .liens .bloc_lien { display: block; float: left; width: 290px; }
.bas .liens .blokos { display: none; }
.bas .liens #bloc_lien2 { width: 266px; margin-top: -10px; float: left;}
.bas .liens #bloc_lien3 a{ color: #4d4d4d; text-decoration: none; font-size: 11px; letter-spacing: 2px; }
.bas .liens #bloc_lien3 a .ls { letter-spacing: 0px; }
.bas .liens #bloc_lien3 a:hover { text-decoration: underline; }
.bas .liens .bloc_lien li { float: left; list-style: none; margin-left: 12px; }
.bas .liens .bloc_lien #viessmann { margin-top: 8px; }
.bas .liens .bloc_lien #daikin { margin-top: -34px; }
.bas .liens .bloc_lien #cobatri { margin-top: 0px; margin-left: 3px !important; }
.bas ul .lien { color: #a19689; font-family: Arial; font-size: 13px; font-weight: 700; list-style: none; margin-right: 46px; }
.bas ul #utiles { margin-left: 37px; }
.bas ul .lien  div { float: left; }
.bas ul .lien  .fleche { display: block; float: left; width: 25px; height: 27px; background: url(images/btn_plus.png) no-repeat 0px 0px; margin: -6px 0px 0px 10px; }
.bas hr { width: 986px; border-top: 1px solid #767676; border-bottom: 0px; height: 1px; margin: 14px auto; }
.bas .footer { font-family: Arial; font-size: 11px; color: #666666; width: 828px; margin: auto; white-space:nowrap; }
.bas .footer a { color: #666666; text-decoration: none; }
.bas .footer a:hover { text-decoration: underline; }
.bas .footer .nom { font-weight: 700; font-size: 12px; }
.hidden { display: none; }