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

/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul{margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html{font-size: 100%;}
.align_centre{text-align:center;}
.left{float:left;}
.right{float:right;}

a:active, a:focus{outline:none;}
.img_gauche{float:left; display:inline; margin:0 5px 5px 0;}
.img_droite{float:right; display:inline; margin:0 0 5px 5px;}

/* ::: clear fix ::: */
.clear:after{content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearl { clear:left; height:1px; width:1px; display:block; overflow:hidden; }
.clear{display:inline-block;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}


/*********** A PERSONNALISER **************/
body{font: normal 11px 'Trebuchet MS'; color:#333030; background-color:#000;/*fond de spaw et de la zone contenu*/}
#body{width:980px; margin:5px auto 0;/*fond du site*/}
table{font-size: 11px;}
a{color: #395c86; text-decoration:none;}
a:hover{text-decoration:underline;}

h1{font: bold 22px 'Trebuchet MS'; margin-bottom:10px;}
h2{font: normal 20px 'Trebuchet MS'; margin-bottom:6px; color:#143d8f;}
h3{font: normal 18px 'Trebuchet MS'; color:#2b77de;}
p{margin-bottom:10px; /*text-align: justify;*/}
.bold, strong{font-weight: bold;}
.bleu, #footer a.bleu{color:#7bbcff;}


/******************************************/
/******************  ENTETE  **************/
/******************************************/
#header{background:#fff; height:137px; background:url(../images/header_bg.png) no-repeat; padding:2px 0 0 11px;}
#header h1{float:left; width:134px; margin:0px; cursor:pointer; padding:0; }
#header .right{float:left; width:831px; margin-top:3px; height:133px; }
#header .slogan{float:left; display:inline; margin:0 141px 2px 20px;}
#header .numero{float:left; width:137px; height:45px; background:url(../images/num_bg.png) no-repeat; color:#fff; font:normal 20px 'Trebuchet MS'; line-height:45px; display:inline; margin-top:15px; padding-left:48px;}


/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
.home-flash{width:980px; height:378px; overflow:hidden; border-bottom:10px solid #955578;}
#coup-coeur{float:left; width:366px; display:inline; margin-left:5px; padding-left:8px;}
#coup-coeur .wrap{background:url(../images/cc_bg.gif) no-repeat; width:355px; height:203px; overflow:hidden; margin-left:1px; padding-top:3px;}
#coup-coeur h3{color:#fff; margin:0 0 5px 10px; cursor:pointer; line-height:18px;}
#coup-coeur h3 span{font-size:14px;}
#coup-coeur .left{float:left; width:138px; margin:7px 0 0 5px;}
#coup-coeur .left img{border:1px solid #000; margin-bottom:4px; width:138px; height:98px; overflow:hidden;}
#coup-coeur .prix{width:134px; height:43px; background:url(../images/prix_bg.png) no-repeat; color:#fff; padding:3px 0 0 6px; line-height:18px;}
#coup-coeur .prix span{font-size:24px;}
#coup-coeur .prix span.ttc{font-weight:bold; font-size:14px;}
#coup-coeur .right{height:145px; overflow:hidden; color:#fff; padding:5px 15px 0 11px; float:left; display:inline; line-height:13px; width:178px; position:relative;}

#moteur{float:left; width:355px; height:50px;}
#moteur .c1{width:152px;}
#moteur .c2{width:165px;}
#moteur .c3{width:59px; margin-right:1px;}
#moteur .c4{width:42px; margin-right:2px;}
#moteur .c5{width:101px; margin-right:4px;}
#moteur .c6{width:67px;}
#moteur .c7{margin-right:14px;}
#moteur .wrap{border:1px solid #bbbbbc; background:#f1f1f1; width:339px; height:189px; overflow:hidden; padding:15px 0 0 14px;}
#moteur label{background:#294c94; height:18px; padding:2px 0 0 5px; float:left; display:inline; margin-right:3px; color:#fff;}
#moteur input, #moteur select{border:1px solid #a1a1a1; float:left; font:normal 11px 'Trebuchet MS'; padding:0 0 2px 3px; margin-bottom:3px;}
#moteur select{padding:0 0 0 3px;}
*html select{position:relative; top:-1px;}
*+html select{position:relative; top:-1px;}
#moteur input.violet{border:none; padding:2px 0 2px 10px; background:#ced4e9; width:82px; margin-right:3px;}
#moteur a.left{display:inline; margin-top:2px;}
#moteur .check{float:left; width:209px;}
#moteur .check label{background:none; color:#333030; padding:2px 0 0 2px;}
#moteur .check input{border:none; width:auto; margin-top:3px; height:auto; padding:0px; position:relative; z-index:5;}
*html #moteur .check input{margin:0px;}
*+html #moteur .check input{margin:0px;}
#moteur .rechercher{background:url(../images/btn_rechercher.gif) no-repeat; width:110px; height:24px; float:left; border:none; display:inline; margin-top:10px;}
#moteur .links a{background:#d1e2f7; color:#395c86; text-align:center; float:left; display:inline; margin:3px 0 0 3px; padding:2px 15px; width:130px;}
*html #moteur .links a{background:#d1e2f7; color:#395c86; text-align:center; float:left; display:inline; margin:0 0 0 3px; padding:0 15px; width:130px; position:relative; top:-10px;}
*+html #moteur .links a{background:#d1e2f7; color:#395c86; text-align:center; float:left; display:inline; margin:0 0 0 3px; padding:0 15px; width:130px; position:relative; top:-10px;}


/*gabarit*/
#content{background:url(../images/content_bg.gif); display:block; width:980px; margin:0px; padding:0px;}
#wrap-content{width:940px; margin:auto;}
#left-menu{list-style-type:none; margin:20px 0 0 5px; padding:0px; width:225px; float:left; display:inline;}
#left-menu li{margin:0px; float:left;} /*for ie6*/
#left-menu a{background:url(../images/menu_bg.png) no-repeat; width:200px; height:30px; padding:10px 0 0 25px; font:normal 14px 'Trebuchet MS'; color:#fff; float:left; display:inline; position:relative;}
#left-menu a.n1{top:-5px;}
#left-menu a.n2{top:-10px;}
#left-menu a.n3{top:-15px;}
#left-menu a.n4{top:-20px;}
#left-menu a.n5{top:-25px;}
#center{width:749px; background:#fff url(../images/center_bg.gif) repeat-y; float:left; border-right:1px solid #cfcfcf; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding-bottom:20px;}

#gabarit .carte{float:left; display:inline; width:195px; overflow:hidden; margin:0 20px 0 0;}
#gabarit .carte img{border:1px solid #8f8f8f; padding:4px; margin-bottom:5px; background:#fff;

}
#gabarit #infos .photos{border:1px solid #000; float:left; display:inline; margin-right:14px;}
#gabarit #infos .infos-center{height:210px; overflow:hidden; font-size:12px; color:#000; position:relative; top:-4px;}
#gabarit #infos .infos-center p{margin-bottom:13px; line-height:16px;}


/******************************************/
/**************  LISTE  *****************/
/******************************************/
#wrap-content .infos-top{background:#fff url(images/fonds/infos.gif) no-repeat; height:38px; margin:10px 0; display:inline-block; width:938px; padding:1px;}
#wrap-content .infos-top .photos{width:72px; height:38px; float:left; background:#fff url(../images/ph_bg1.png) no-repeat;}
#wrap-content .infos-top p{color:#131417; font:bold 16px 'Trebuchet MS'; padding:6px 0 0;}
#wrap-content .infos-top p img{margin:0 5px;}
#wrap-content .infos-top p a{color:#194191; background: url(../images/flesh.gif) 0 7px no-repeat; padding-left:10px; margin-left:6px;}
#wrap-content .infos-top p a.retour{background: url(../images/retour_bg.gif) 2px 0 no-repeat; width:157px; height:25px; line-height:25px; color:#193367; font-size:11px; display:inline-block; margin-left:67px; font-weight:normal;}
#wrap-content .infos-top p a.prod{margin-left:106px; color:#2b77de;}
#gabarit .carte .a1, #gabarit .carte .a2{background:url(../images/ico_chearch.gif) 4px 4px no-repeat; height:23px; width:174px; border:1px solid #8f8f8f; line-height:20px; color:#193367; display:block; margin-bottom:5px; padding-left:19px;}
#gabarit .carte .a2{background:url(../images/ico_infos.gif) 4px 4px no-repeat;}
#block{background: url(../images/fd1.gif) repeat-x; position:relative; top:-5px;}

#onglet1, #onglet2{padding:0px; margin:0 0 4px 5px; list-style-type:none;}
#onglet1 li, #onglet1 li a, #onglet2 li, #onglet2 li a{float:left; margin:0px; padding:0px; font-size:14px; color:#2f3643;}
#onglet1 li a, #onglet2 li a{background:url(../images/onglet_bg1.gif) no-repeat; width:225px; padding-left:15px; height:34px; display:inline; margin-right:1px; overflow:hidden; line-height:27px;}
#onglet2 li a{width:145px; background:url(../images/onglet_bg2.gif) no-repeat;}
#onglet1 li a:hover, #onglet1 li a.active, #onglet2 li a:hover, #onglet2 li a.active{background-position:0 -34px; color:#fff; text-decoration:none;}


#block .content{width:725px; height:251px; overflow:auto; float:right; margin-right:5px; display:inline;}
.liste{border:1px solid #cad6e6; margin-bottom:10px; display:inline-block; /*height:75px; overflow:hidden;*/ color:#000; width:692px; background:#f6faff;}
.liste .photos{float:left; display:inline; margin-right:10px;}
.liste .lien{float:left; display:inline; margin-right:15px; width:210px; line-height:16px; padding-top:5px;}
.liste .lien h2{font:bold 14px 'Trebuchet MS'; margin-bottom:0px; line-height:14px;}
.liste .lien .more{background:url(../images/link_bg.gif) no-repeat; width:210px; height:20px; line-height:20px;}
.liste .lien .ttl{height:46px;}
.liste .lien a, .liste .lien a.plus{color:#194191; float:left; display:inline; padding:0 10px 0 5px;}
.liste .lien a.plus{color:#4e5a71;}
.liste .desc{float:left; color:#666e7d; width:340px;}
.liste .desc p.prix{color:#000; margin:5px 0 3px;}
span.rouge{color:#f30000; font-size:18px; line-height:0px;}
.gris{font-weight:bold; font-size:10px; color:#676767;}
.bleu{font-weight:bold; color:#194191; font-size:11px;}
.liste .desc .texte{height:41px; overflow:hidden; line-height:14px;}
.liste .desc .texte a{color:#5b86da;}


/******************************************/
/**************  PRODUIT  *****************/
/******************************************/
#infos ul.infos, #infos .essentiel ul{list-style-type:none; margin:0px; padding:0px;}
#infos ul.infos li, #infos .essentiel li{margin:0px; padding:0 0 0 10px; background:url(../images/puce1.gif) 0 5px no-repeat; font-weight:bold; color:#000;}
#infos .essentiel li{font-weight:normal; background:url(../images/puce2.gif) 0 4px no-repeat; line-height:14px;}

.btn{background:#6d7075; height:40px; overflow:hidden; padding-left:17px; margin-top:4px;}
.btn a{float:left; padding:5px 0px; width:133px; font-size:11px; display:inline; margin:6px 5px 0 0; border:1px solid #141414; background:#3d3f42; text-align:center; color:#fff;}

#block .description{color:#2f3643;}
#block .description div{margin-bottom:10px;}


/******************************************/
/**************  CONTACT  *****************/
/******************************************/


/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#footer{width:980px; color:#fff; display:block; background:#fff url(../images/footer_bg.gif) no-repeat; padding-top:7px;}
#footer .deco{color:#888888;}
#footer .links, #footer .more{margin:auto; width:943px; padding:5px 0; text-align:center; line-height:14px;}
#footer .more{width:580px;}
#footer  .partenariat{margin:0 auto 15px; width:217px;}
#footer  .partenariat a{float:left; display:inline; margin-right:9px;}
#footer a{color:#fff;}

/*menu*/
#top-menu { position:relative; width:835px; height:67px; }
#menu { margin:0; padding:0; height:35px; width:831px; list-style-type:none; }
#menu li { float:left; margin-left:6px; height:35px; }
#mn1 { width:135px; margin-left:0; }
#mn2, #mn3, #mn4, #mn5 { width:111px; }
#mn6 { width:208px; }
#menu li a { display:block; text-align:center; line-height:30px; font-size:14px; font-family:"Trebuchet MS"; color:#fff; height:30px; }
#menu li a#mn1 { background:url(../images/mn1.png) no-repeat; }
#menu li a#mn2, #menu li a#mn3, #menu li a#mn4, #menu li a#mn5 { background:url(../images/mn2.png) no-repeat; }
#menu li a.mn7 { background:url(../images/mn7.png) no-repeat; width:96px;}
#menu li a#mn6 { background:url(../images/mn6.png) no-repeat; }
#menu li a#mn1:hover, #menu li a#mn2:hover, #menu li a#mn3:hover, #menu li a#mn4:hover, #menu li a#mn5:hover, #menu li a#mn6:hover, #menu li a.mn7:hover { color:#000; background-position:0 -30px; text-decoration:none; }
#menu li ul { position:absolute; top:35px; left:8px; background:url(../images/smn.gif); height:29px; list-style-type:none; margin:0; padding:0; width:825px; display:none; }
#menu li ul li { width:auto; position:relative; margin:0; padding:0; height:29px; }
#menu li ul li a { line-height:29px; color:#fff; background:url(../images/traitsmn.png) no-repeat; padding:0 16px; font-size:12px; height:29px; float:left; overflow:hidden; }
#menu li ul li a:hover { background-position:0 0; color:#fff; font-weight:bold; text-decoration: none; }
#menu li ul li img { position:absolute; top:29px; left:0; display:none; }

/*formulaire*/
#devis { width:390px; margin-right:10px; float:left; overflow:hidden; }
#devis h1 { margin:0; font-size:18px; padding:25px 0; font-weight:normal; }
ul.graph { list-style-type:none; margin:0; padding:0; }
ul.graph li { background:url(../images/trait.gif) bottom repeat-x; margin:0; padding:0; }
ul.graph li div { padding:5px 0 5px 30px; display:block; font-size:13px; }
#num1 { background:url(../images/num1.png) no-repeat; background-position:0 5px; }
#num2 { background:url(../images/num2.png) no-repeat; background-position:0 5px; }
#num3 { background:url(../images/num3.png) no-repeat; background-position:0 5px; }
.formpart1 { margin-top:120px; border:1px solid #b4b4b4; width:538px; padding:13px 0; float:left; overflow:hidden; }
.formpart1 label { display:block; color:#fff; background:#626262; width:133px; padding-left:5px; line-height:19px; float:left; margin:3px 1px 3px 7px; font-size:12px; }
.formpart1 select { border:1px solid #a1a1a1; float:left; width:auto; margin:2px 2px 5px 3px; height:20px; }
.formpart1 br, .formpart2 br { clear:both; }
.formpart2 { width:660px; margin:30px auto; }
.formpart2 label { display:block; color:#fff; background:#626262; width:125px; padding-left:5px; line-height:19px; float:left; margin:3px 1px 3px 0; font-size:12px; }
.formpart2 select { border:1px solid #a1a1a1; float:left; width:inherit; margin:3px 0 3px 0; height:19px; }
.formpart2 input { border:1px solid #a1a1a1; float:left; width:160px; margin:3px 25px 3px 0; height:18px;font-size:12px; }
.formpart2 textarea { border:1px solid #a1a1a1; float:left; width:480px; margin:3px 0 3px 0; height:110px; }
.formpart2 input.submit { background:url(../images/bg_valid.gif) no-repeat; width:110px; height:24px; border:none; float:right; color:#fff; font-size:12px; font-weight:bold; text-align:center; cursor:pointer; }
.oblig { margin:0; padding:5px 0; }
form .nopad { margin:0; padding:0; }

/*newsletter*/
#header .numnews{float:left; width:210px; height:25px; color:#8e486e; font:normal 13px 'Trebuchet MS'; line-height:45px; display:inline; margin-top:15px; padding-left:0px;}
.texte1 {color:#fff; font:normal 14px 'Trebuchet MS';}
.texte2 {color:#990000; font:normal 12px 'Trebuchet MS';}

.tabProd{border:1px solid #cad6e6; margin-bottom:10px; display:inline-block; /*height:75px; overflow:hidden;*/ color:#000; background:#f6faff;}
.tabProd .lien h2{font:bold 16px 'Trebuchet MS'; margin-bottom:0px; line-height:14px;}
.tabProd .texte{overflow:hidden;color:#666e7d; font-size:11px; line-height:14px; text-align:justify;}
.tabProd .texte a{color:#666e7d;}