body {font-family: arial, sans-serif; background-color: #EBEBEB; margin: 0; padding:0;}
div, ul, li {margin:0; padding:0;}
body {background: #FFF; font:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

#header {margin: 0 auto; width: 900px; padding:0; clear:both;}
#logo {float:left; background: #000 url(../images/logo.png) 0 0 no-repeat; width: 900px; height: 49px; margin: 0 auto;}
#top_menu {float: right; background: #000; width: 488px; height: 49px;}
#top_menu div {display: inline; float: left; vertical-align: middle; margin: 5px 1px 0 0;}
#top_menu p {margin: 5px 5px 0 10px;}
#top_menu p a {color: #FFF; font-size: 10px; font-weight: bold; text-decoration: none;}
#top_menu p a:hover {color: #D2D2D2; font-size: 10px; font-weight: bold; text-decoration: none;}
.dgreen {background: #000 url(../images/btn_dgreen.jpg) 0 0 no-repeat; width: 120px; height: 37px;}
.blue {background: #000 url(../images/btn_blue.jpg) 0 0 no-repeat; width: 120px; height: 37px;}
.green {background: #000 url(../images/btn_green.jpg) 0 0 no-repeat; width: 120px; height: 37px;}
.dred {background: #000 url(../images/btn_dred.jpg) 0 0 no-repeat; width: 120px; height: 37px;}

.clear {clear: both; line-height: 0; font-size: 0; height: 0;}

#lines {background-image: url(../images/lines.jpg); background-repeat: repeat-x; width: 900px; height: 9px; margin: 0 auto; padding: 0; line-height: 0; font-size: 0;}

#m_menu {background: #1C1C1C; background-position: 0 0; background-repeat: repeat-x; width: 900px; height: 25px; margin: 0 auto; padding: 5px 0 0 0; vertical-align: middle;}
#m_menu div {display: inline; margin: 0 10px 0 20px; padding: 0 0 0 15px; font-weight: bold; font-size: 11px; background: #1C1C1C url(../images/bullet_m.jpg) 0 0 no-repeat; vertical-align:middle;}
#m_menu div a { color:#FFF; text-decoration: none;}
#m_menu div a:hover { color:#ACACAC; text-decoration: none;}
/*#m_menu li { border: solid 1px green; width: auto; padding-left: 30px;}*/

#container {width: 900px; margin: 0 auto; height: 100%; padding:0px; background-color: #FFF;}

#left {float: left; width: 172px; height: 100%; margin: 1px;}
.box_grey {background: #D2D2D2; width: 170px; margin:0; padding: 0;}
.bg_top {background: #FFF url(../images/bgry_top.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0; line-height: 0px; font-size: 0px;}
.bg_cont {background: #D2D2D2; width: 170px; margin:0; padding: 0; height: auto;}
.bg_bottom {background: #FFF url(../images/bgry_bottom.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0; line-height: 0px; font-size: 0px;}
.bg_cont p {font-size: 16px; color: #5A5A5A; margin: 10px 10px 3px 10px;}
.bg_cont form {margin: 0 10px 0 10px; padding: 0; display:block; clear:right;}
.bg_cont input {border: solid 1px #ADADAD;}
.submit {width: 30px; background: #DBDBDB; height: 20px; margin: 0 0 0 5px;}
.cart { float: left; width: 35px; margin: 15px 0 15px; 0; padding:0 0 0 15px; vertical-align: middle;}
.chart {float: left; vertical-align: middle; width: 110px; margin: 10px 0 0 0; font-size: 11px; color: #3E3D3D; font-weight: bold; padding: 0 0 15px 0;}
.chart a {text-decoration:none;color: #3E3D3D;}
.chart a:hover {text-decoration:underline;color: #3E3D3D;}
.chart span {font-size: 10px;}
#box_dgrey {background: #615C5C; width: 170px; margin: 1px 0 1px 0; padding: 0;}
.bdg_top {background: #FFF url(../images/cat_top.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0; line-height: 0px; font-size: 0px;}
.bdg_cont {background: #615C5C; width: 170px; margin:0; padding: 0; height: auto;}
.bdg_cont p {font-size: 16px; color: #DBDBDB; margin: 10px 10px 3px 10px; width: 150px; border-bottom: solid 1px #8A8484; padding-bottom: 3px;}
.bdg_bottom {background: #FFF url(../images/cat_bottom.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0;line-height: 0px; font-size: 0px;}
#box_dred {background: #750000; width: 170px; margin: 1px 0 1px 0; padding: 0;}
.bdr_top {background: #FFF url(../images/client_top.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0; line-height: 0px; font-size: 0px;}
.bdr_cont {background: #750000; width: 170px; margin:0; padding: 0; height: auto;}
.bdr_cont p {font-size: 16px; color: #DBDBDB; margin: 10px 10px 3px 10px; width: 150px; border-bottom: solid 1px #914646; padding-bottom: 3px;}
.bdr_bottom {background: #FFF url(../images/client_bottom.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0;line-height: 0px; font-size: 0px;}
#box_black {background: #1C1C1C; width: 170px; margin: 1px 0 1px 0; padding: 0;}
.bb_top {background: #FFF url(../images/info_top.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0; line-height: 0px; font-size: 0px;}
.bb_cont {background: #1C1C1C; width: 170px; margin:0; padding: 0; height: auto;}
.bb_cont p {font-size: 16px; color: #DBDBDB; margin: 10px 10px 3px 10px; width: 150px; border-bottom: solid 1px #525252; padding-bottom: 3px;}
.bb_bottom {background: #FFF url(../images/info_bottom.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0;line-height: 0px; font-size: 0px;}



#left ul {list-style-type: none; margin: 10px 5px 10px 20px; font-size: 11px;}
#left ul li a {color: #DBDBDB; text-decoration: none;}
#left ul li a:hover { color: #FFF; font-weight: bold; text-decoration: none;}


#content {float: right; width: 725px; height: 100%; overflow: hidden; margin:0px;}
.flash {width: 696px; height: 115px; border: solid 1px #000; margin: 10px 5px 5px 15px;}


#footer {background: #D2D2D2; margin: 0 auto; width: 880px; height: 17px; text-align:left; vertical-align: middle; color: #8D8D8D; margin: 10px 0 10px 0; padding: 3px 10px 0 10px;}


/*Listing fiche*/
.cont_img {background: #FFF url(../images/content_img.jpg) 0 0 no-repeat; width: 720px; height: 51px; padding:0px; margin-top:1px; margin-left:5px; margin-right:10px; margin-bottom:3px;}
.modules {float: left; width: 170px;}
.modules .titler {font-size: 12px; color: #B60000; font-weight: bold; margin: 5px 5px 5px 15px; padding: 0;}
.modules .nr_list {list-style-type: none; margin: 10px 2px 10px 15px; font-size: 11px;}
.modules .nr_list a {color: #525252; text-decoration: none;}
.modules .nr_list a:hover { color: #525252; font-weight: bold; text-decoration: none;}

.listing {float: right; text-align: left; width: 540px;}
.listing2 {float: left; text-align: left; width: 345px;}

.fiche {background: #FFF url(../images/fiche_bg_m.jpg) 0 0 repeat-y; width: 724px;}
.f_bgtop {background: #FFF url(../images/fiche_bg_top.jpg) 0 0 no-repeat; width: 724px; height: 9px; font-size: 2px; line-height: 2px;}
.f_bgbottom {background: #FFF url(../images/fiche_bg_bottom.jpg) 0 0 no-repeat; width: 724px; height: 9px;}

.product {width: 525px; border-bottom: solid 1px #D2D2D2; padding: 0; overflow: hidden; margin: 10px 0 10px 5px;}
.product .img {float:left;vertical-align:top;width:77px;height:32px;margin:0;padding:0;margin: 0 2px 0 2px;}
.p_cont {margin:0 5px 0 5px;padding:0;float:left;vertical-align:top;text-align:left;width:400px;}
.p_cont a {color: #4172AF;}
.p_cont a:hover {color: #B50000;}

/*Produit fiche*/
.img_left {float: left; width: 186px;}
.img_left img {margin: 0; padding: 0;}
.fl_right2 { width: 510px; text-align: left; margin: 0px 10px 0px 5px; padding: 0;}
.fl_right3 { width: 525px; text-align: left; margin: 0px 0px 0px 0px; padding: 0;}
.fl_right4 { width: 345px; text-align: left; margin: 0px 5px 0px 20px; padding: 0;}
.fl_right {float: left; width: 320px; text-align: left; margin: 0 10px 0 10px; padding: 0;}
.fl_right .text {margin: 0 0 0 15px; padding: 5px 0 5px 0;}
.listing .titler {font-size: 12px; color: #B60000; font-weight: bold; margin: 5px 5px 5px 15px; padding: 0;}
.listing .titler2 {font-size: 12px; color: #B60000; margin: 5px 5px 5px 15px; padding: 0;}
.listing .titler3 {font-size: 12px; color: #B60000; margin: 0px 0px 0px 0px; padding: 0;}
.listing ul { list-style-image: url(../images/bullet_l.jpg); padding:10px 10px 10px 20px; margin: 0;}
.listing ul li {color: #3A3A3A; padding: 2px 0 5px 0; }
.listing2 .titler {font-size: 12px; color: #B60000; font-weight: bold; margin: 5px 5px 5px 15px; padding: 0;}
.listing2 .titler2 {font-size: 12px; color: #B60000; margin: 5px 5px 5px 15px; padding: 0;}
.listing2 .titler3 {font-size: 12px; color: #B60000; margin: 0px 0px 0px 0px; padding: 0;}
.listing2 ul { list-style-image: url(../images/bullet_l.jpg); padding:10px 10px 10px 20px; margin: 0;}
.listing2 ul li {color: #3A3A3A; padding: 2px 0 5px 0; }
.snap {width: 500px; height: 21px; margin: 15px 10px 15px 30px;}
.snap img {margin: 0; padding: 0; border: 0; vertical-align: middle;}
.snap a {margin: 0 10px 0 10px; font-size: 13px; color: #4172AF;}
.snap a:hover {margin: 0 10px 0 10px; font-size: 13px; color: #B50000;}
.listing .ajouter {background: #FFF url(../images/ajouter_btn.jpg) 0 0 no-repeat; width: 85px; height: 20px; border: 0; color: #FFF; font-size: 12px; margin: 0 0 0 10px; padding : 0 0 0 15px; vertical-align: middle;}
.listing input {vertical-align:middle;}
.listing2 .ajouter {background: #FFF url(../images/ajouter_btn.jpg) 0 0 no-repeat; width: 85px; height: 20px; border: 0; color: #FFF; font-size: 12px; margin: 0 0 0 10px; padding : 0 0 0 15px; vertical-align: middle;}
.listing2 input {vertical-align:middle;}
.retour {vertical-align:bottom; margin-top: -25px; margin-left: 10px; padding: 10px 0 0 0;}
.retour a {font-size: 12px; color: #000000; font-weight: bold; text-decoration: none;}
.retour a:hover {font-size: 12px; color: #1C1C1C; font-weight: bold; text-decoration: none;}
.retour_haut {}
.retour_haut a {font-size: 12px; color: #B60000; font-weight: bold; text-decoration: none;}
.retour_haut a:hover {font-size: 12px; color: #1C1C1C; font-weight: bold; text-decoration: none;}

/*Sous menu accueil*/
#sous {width: 724px;}
#cont_sous {float: left; width: 540px;}
#right {float: right; width: 170px; margin:0}
.box_lgrey {background: #DBDBDB; width: 170px; margin: 1px 0 1px 0; padding: 0;}
.blg_top {background: #FFF url(../images/radio_top.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0; line-height: 0px; font-size: 0px;}
.blg_cont {background: #DBDBDB; width: 170px; margin:0; padding: 0; height: auto;}
.blg_cont p {font-size: 16px; color: #B60000; margin: 5px 5px 5px 15px; padding: 0;}
.blg_bottom {background: #FFF url(../images/radio_bottom.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0;line-height: 0px; font-size: 0px;}
.blg_bottom_news a {color:#FFFFFF; font-size:10px; text-decoration:none; text-align:center}
.blg_bottom_news a:hover {text-decoration:underline}

.blg_bottom_news {background: #FFF url(../images/news_bottom.jpg) 0 0 no-repeat; width: 170px; height: 23px; margin:0; padding: 0; padding-top:3px; text-align:center; }
.blg_cont .nr_list {list-style-type: none; margin: 10px 2px 10px 15px; font-size: 11px;}
.blg_cont .nr_list a {color: #525252; text-decoration: none;}
.blg_cont .nr_list a:hover { color: #525252; font-weight: bold; text-decoration: none;}
.box_pgrey {background: #B1AFAF; width: 170px; margin: 1px 0 1px 0; padding: 0;}
.bpg_top {background: #FFF url(../images/promo_top.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0; line-height: 0px; font-size: 0px;}
.bpg_cont {background: #B1AFAF; width: 170px; margin:0; padding: 0; height: auto;}
.bpg_cont img {margin: 5px 5px 15px 15px;}
.bpg_cont p {font-size: 16px; color: #B60000; margin: 5px 5px 5px 15px; padding: 0;}
.bpg_cont ul {list-style-type: none; margin: 10px 5px 10px 20px; font-size: 11px;}
.bpg_cont li {color: #FFF; text-decoration: none; padding-top: 5px; padding-bottom: 5px;}
.bpg_bottom {background: #FFF url(../images/promo_bottom.jpg) 0 0 no-repeat; width: 170px; height: 6px; margin:0; padding: 0; padding-bottom:3px; line-height: 0px; font-size: 0px;}

/*Panier*/
#panier {width: 724px;}
#panier table {width: 724px; margin: 0 auto;}
.h_table {color: #4F4D4D; font-weight: bold;}
.h_table td {padding-left: 3px;}
#panier table input {height: 15px; margin:0; padding: 0; vertical-align:middle; border: solid 1px #DBDBDB;}
.bgrey {background: #DBDBDB; padding: 5px; color: #615C5C;}
.blgrey {background: #F4F4F4; padding: 5px; color: #615C5C;}
#panier .titler {font-size: 15px; color: #B60000; margin: 15px 5px 15px 15px; padding: 0;}
#panier table .recalc_btn {background: #FFF url(../images/recalc_p.jpg) 0 0 no-repeat; width: 170px; height: 20px; border: 0; color: #FFF; font-size: 12px; }
#panier table .recalc_btn2 {background: #FFF url(../images/recalc_p2.jpg) 0 0 no-repeat; width: 59px; height: 20px; border: 0; color: #FFF; font-size: 12px; }
#panier table .continue {background: #FFF url(../images/continue_btn.jpg) 0 0 no-repeat; width: 85px; height: 20px; border: 0; color: #FFF; font-size: 12px;}
#panier table .continue2 {background: #FFF url(../images/continue_btn2.jpg) 0 0 no-repeat; width: 360px; height: 20px; border: 0; color: #FFF; font-size: 12px;}
#panier table a {color: #525252; text-decoration: none;}
#panier table a:hover { color: #525252; font-weight: bold; text-decoration: none;}

/*Contact*/
#contact {width: 724px;}
#contact table {width: 724px; margin: 0 auto; background: #F4F4F4; text-align: right; font-weight: bold; margin-left: 3px; margin-right: 3px;}
#contact table input {height: 20px; margin:0; padding: 0; vertical-align:middle; border: solid 1px #DBDBDB;}
#contact table select {margin:0; padding: 0; vertical-align:middle; border: solid 1px #DBDBDB; width: 185px;}
#contact table textarea {margin:0; padding: 0; vertical-align:middle; border: solid 1px #DBDBDB; width: 183px; height: 100px;}
#contact .titler {font-size: 15px; color: #B60000; margin: 15px 5px 5px 15px; padding: 0;}
#contact table .recalc_btn {background: #FFF url(../images/recalc_p.jpg) 0 0 no-repeat; width: 170px; height: 20px; border: 0; color: #FFF; font-size: 12px; }
#contact table .continue {background: #FFF url(../images/continue_btn.jpg) 0 0 no-repeat; width: 85px; height: 20px; border: 0; color: #FFF; font-size: 12px;}
#contact .continue {background: #FFF url(../images/continue_btn.jpg) 0 0 no-repeat; width: 85px; height: 20px; border: 0; color: #FFF; font-size: 12px; margin-top: 10px;}
.ctxt {margin: 0 10px 10px 15px !important ;
 color: #4F4D4D;}
.ctxt a {color: #525252; text-decoration: underline;}
.ctxt a:hover { color: #525252; font-weight: bold; text-decoration: underline;}
.ctxt table {
	background: none;
	text-align: left;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#fiche .titler {font-size: 15px; color: #B60000; margin: 15px 5px 5px 15px; padding: 0;}
/*tableau*/
.tableau {text-align: left;}
.tableau .titler {font-size: 12px; color: #B60000; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0;}
.tableau .lien1 a {color: #525252; text-decoration: none;}
.tableau .lien1 a:hover { color: #525252; font-weight: bold; text-decoration: none;}
.tableau ul { list-style-image: url(../images/bullet_l.jpg); padding:10px 10px 10px 20px; margin: 0;}
.tableau ul li {color: #3A3A3A; padding: 2px 0 5px 0; }
.tableau ul li a {color: #525252; text-decoration: none;}
.tableau ul li a:hover { color: #525252; font-weight: bold; text-decoration: none;}