BODY {
margin:0px;
padding:0px;
background-color: #3c3c3c;
  
}

A {
}

A:Hover {
}
.wrapper{
width:1000px;
height:100%;
background-color: #3c3c3c;

}
#header{
width:982px;
height:205px;
background: url(images/header.png) no-repeat;
}
#header-top{
width:982px;
height:168px;
border:0px solid #fff;
}
#header-bottom{
width:982px;
height:35px;
border:0px solid #fff;
}
#content{
width:982px;
height:100%;
background: url(images/body.png) repeat-y;
}
/************* Footer ****************/
#footer{
width:982px;
height:142px;
background: url(images/bottom.png) no-repeat;
}
#footer1{
width:980px;
height:35px;
border:0px solid #fff;
}
.footer1-1{

font-family: helvetica,arial,sans-serif;
font-size:11px;
color:#fff;
}
.footer1-1 a{
text-decoration: none;
color:#fff;
}
.footer1-1 a:hover{
color: #1e86ff;
text-decoration: underline;
}
#footer2{
height:100px;
width:980px;
border:0px solid #fff;
padding-top: 5px;
}
#footer2-part1{
height:auto;
width:210px;
padding:10px;
float:left;
font-family: helvetica,arial,sans-serif;
font-size:12px;
font-weight: bold;
text-align:center;
color:#fff;
}
#footer2-part1 a{
font-family: helvetica,arial,sans-serif;
font-size:11px;

color:#fff;
text-decoration: none;
}
#footer2-part1 a:hover{

}
#footer2-part2{
float:left;
width:575px;
height:auto;
text-align: center;
}
#footer2-part3{
height:auto;
width:115px;
padding:10px;
float:left;
font-family: helvetica,arial,sans-serif;
text-align: center;
font-size:11px;
color:gray;
}
/***************** Sidebar ****************/
#sidebar{
position: relative;
width:225px;
height:auto;
float:left;
border:0px solid white;
margin-left:13px;
}
#leftbar{
width:195px;
height:auto;
border:0px solid white;
float:left;
margin-left:20px;
}
#contenu{
position: relative;
width:490px;
height:100%;
float:left;
border:0px solid white;
margin-left:28px;
font-family:helvetica,arial,sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
text-align: left;
}
.content{
padding-left: 5px;
}
.content h2{
color:#66ccff;
font-family: arial,sans-serif;
font-size: 17px;
font-weight:bold;
text-decoration: underline;
padding-bottom: 4px;

}
.content img{
border:0px solid black;
}
.content a{
color:#1e86ff;
}
.content a:hover{
color:#0049fd;
text-decoration: none;
}
.clear{
clear:both;
}
/*********  Menu  ***********/
.menu{
background-color: #333333;
border:1px solid #000;
width:235px;
height:auto;
}

.menu h2,.menu-header {
background: #333333 url(images/side_h.png);
background-repeat:no-repeat;
color:#CCCCCC;
text-transform:uppercase;;
display:block;
width:225px;
height:22px;
padding-top:6px;
padding-bottom: 5px;
cursor:pointer;
text-align:center;
font-family: helvetica,arial,sans-serif;
font-size:11px;
font-weight:bold;
margin:2px 0 0 2px;
}
.menu ul {
list-style-type:none;
margin:0;
padding:0;
background-color: #333333;
}
.menu ul ul,.menu_cont {
font-weight:400;
text-align:left;
margin:0 0 4px;
padding:0;
overflow:hidden;
}
.menu ul ul li {
border:0;
margin:0;
padding:0;
}
.menu ul ul li a {
display:block;
margin-left:10px;
border-bottom:1px #323232 solid;
font-size:13px;
font-family:helvetica,arial,sans-serif;
text-decoration:none;
width:200px;
color:#fff;
outline:none;
overflow:hidden;
padding:3px 10px 3px 3px;
}
.menu ul ul li a:hover {
border-bottom:1px #0049fd solid;
color:#1e86ff;
}
.menu ul ul ul.children {
font-size:142%;
padding-left:2px;
}
.link_item a{

}
.link_item a:hover{

}
/*********  annuaire form **********/
#annuaire{
width:490px;
height:200px;
background: url(images/s-annu-bg2.png) no-repeat;
margin-left:2px;
}
/****** news ******/
.menu-content2{
width:200px;
height:100px;
background: url(images/news-bg.png) no-repeat;
font-family: helvetica,arial,sans-serif;
font-size:11px;
font-weight:bold;
color:#fff;
}
.menu-content2 a{
 border:0px;
 background-color: transparent;
 
}
#nouvelle{
margin-top:5px;
height:70px;
}
#nouvelle2{
margin-top:5px;
height:70px;
width:190px;
}
.news2{
font-size:14px;
}
.news_link2 a{
font-size:12px;

color:#9cc8fc; 
}
.news_link2 a:hover{
color:#1e86ff;
}
/***** Recherche   *****/
form.searchform{
width:auto;
height: auto;
float:left;
margin:0px; 
padding:0px;
padding-top:0px;
padding-left:12px;
text-align: left;
}
.key{
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight: bold;
background: lightgrey;
border:1px solid #333333;
width:170px;
height:15px;
color:#fff;
background: url(images/search-bg.png) no-repeat;
}
.key:hover,.key:focus{
border:1px solid #000000;
}
.select{
font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight: bold;
background: lightgrey;
border:1px solid #333333;
width:55px;
height:21px;
color:#000;
/*background: url(images/search-bg.png);*/
}
.opt{
 font-family:helvetica,arial,sans-serif;
font-size:11px;
font-weight: bold;
background: blue;
color:#fff;
border:1px solid #333333;
}
.select:hover,.select:focus{
border:1px solid #000000;
}
#s{
display: none;
}


/**********spacer*********/
.spacer1{
width:15px;
height:1px;
}
.spacer2{
width:15px;
height:2px;
}
.spacer3{
width:15px;
height:3px;
}
.spacer4{
width:15px;
height:4px;
}
.spacer5{
width:15px;
height:5px;
}
/*****************************************************/
/**************** Folio Box **************************/
.folio-box{

 width:430px;
 height:200px;
background: url(images/folio-bg2.png) no-repeat;
}
.folio-box-contenu{
padding:5px;
}
.folio-left{
float:left;
width:150px;
height:150px;
background:url(images/img-scroll-bg.png) no-repeat;
border:0px solid #fff;
padding-top:23px;
padding-left:23px;
margin-top:22px;
margin-left:15px;
}
.folio-right{
float:left;
width:210px;
height:190;
border:0px solid #fff;
padding-top:25px;
font-size:12px;
}

/****************************************************/

.gototop{
background:url(images/up.png) no-repeat 0 0;
width:36px;
height:33px;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:0px;
bottom:30px;
}

/********** formulaire de soumission ************/
#estimation-box{
 width:400px;
 height:auto;
 border:1px solid lightgrey;
 padding:10px;
}
.estimation-left{
width:140px;
height:auto;
float:left;
padding:5px;
text-align: right;
}
.estimation-right{
width:150px;
height:auto;
float:left;
padding:5px;
text-align:left;
}
.estimation{
font-family: Helvetica,Arial,sans-serif;
font-size:12px;
font-weight:bold;
}
.estimation input,select,option{
font-family: Helvetica,arial,sans-serif;
font-size:11px;
font-weight:bold;
background: lightgrey;
border:1px solid #000;
color:#000;
}

.logo{ 
 text-align: left;
 width:170px;
 padding:6px;
 height:150px;
 float:left;
 display:block;
 margin-top:15px;
 margin-left:10px;
}
.header2{          
width:450px;
height:160px;
float:right;
margin-top: 7px;
}
/*************** Header Bottom *****************/
#header-bottom-left{
float:left;
width:auto;
height:auto;
}
#header-bottom-center{
width:auto;
height:10px;
float:left;
}
#header-bottom-right{
float:right;
width:80px;
height:30px;

}
.top-kart button{
position:absolute;
left:950px;
top:170px;
width:30px;
height:30px;
background: transparent url(images/top-kart2.png) no-repeat;
display:block;
margin-top:0px;
margin-bottom:4px;
border:0px;
cursor:pointer;
}
.top-kart button:hover{
background-position: 0px -30px;
border:0px;
}
/************* Liste Templates *****************/
.price{
font-size:15px;
font-weight:bold;
color:#d88a27;
margin-left:10px;
}
.liste_detail a{
width:100px;
height:25px;
background: url(images/detail.png) no-repeat;
display:block;
}
.liste_detail a:hover{
background-position: 0px -25px;
}
.kart a{
width:117px;
height:27px;
background:url(images/kart.png) no-repeat;
display:block;
}
.kart a:hover{
background-position: 0px -27px;
}
.back a{
width:117px;
height:27px;
background:url(images/back.png) no-repeat;
display:block;
}
.back a:hover{
background-position: 0px -27px;
}
.dom_search button{
width:117px;
height:27px;
border:0px;
display:block;
background: transparent url(images/verifier.png) no-repeat;
cursor:pointer;
}
.dom_search button:hover{
background-position:  0px -27px;
}
.button_continuer button{
width:117px;
height:27px;
border:0px;
display:block;
background: transparent url(images/continuer.png) no-repeat;
cursor:pointer;
}
.button_continuer button:hover{
background-position:  0px -27px;
}
.commander button{
width:117px;
height:27px;
border:0px;
display:block;
background: transparent url(images/commander.png) no-repeat;
cursor:pointer;
}
.commander button:hover{
 background-position:  0px -27px;
}
.add_to_cart button{
width:117px;
height:27px;
border:0px;
display:block;
background: transparent url(images/kart.png) no-repeat;
cursor:pointer;
}
.add_to_cart button:hover{
background-position:  0px -27px;
}
.whois{
font-family:helvetica,arial,sans-serif;
font-size:12px;
color:#fff;
}



table.pay_box, .paybox{
 border:1px solid lightgrey;
 padding:8px;
}

/****************** Menu de recherche **********************/
.search-header{
font-family:helvetica,arial,sans-serif;
font-size:16px;
font-weight:bold;
width:475px;
height: 30px;
background: url(images/search-header.png) repeat-x;
border-left:1px solid #000;
border-right: 1px solid #000;
padding-left:6px;
padding-top: 3px;
cursor:pointer;
}
.search-content{
width: 475px;
height:auto;
border:1px solid #000;
margin-left:2px;
}
.search-content a{
width:470px;
height:20px;
display:block;
margin:5px;
color:#d88a27;
}
.search-content a:hover{
color:yellow;

}
#new-prod{
 width:490px;
 height:301px;
 margin-right:5px;
 background: url(images/new-accueil.png) no-repeat;
}