*		{ margin:0; border:0; }



body	{ background:url(../img/bg_body.gif) no-repeat top center; border:0; font:10px verdana; margin:0; }



h1 		{ font-family: verdana; font-size: 14px; }



h2,h3,input,textarea,select,td,

p		{ font:10px verdana; }



input[type="text"] { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; }

input[type="button"] { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; }

input[type="submit"] { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; }

input[type="reset"] { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; }

input[type="image"] { border:0px; margin:0 2px 3px 0; padding-left:5px; text-align:left; }

textarea { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; }



img { border: 0; }



a {

	-moz-outline-style:none;

}



#all	{ background:url(../img/bg_all.gif) repeat-y top center; text-align:center; width:1000px; }



/* DIV de bases *************************************** */



#all, #header, #content, 

#footer	{ clear:both; margin:0 auto; }





/* HEADER ********************************************* */



#header			{ background:url(../img/bg_header.gif) no-repeat top left; float:left; height:132px; overflow:hidden; text-align:left; width:1000px; }

#header h1		{ background:url(../img/bg_h1.gif) no-repeat top right; display:block; float:left; height:97px; overflow:hidden; width:554px; }

#header h1 img	{ border:0; margin:0 0 0 50px; }

#header h1 span	{ display:none; }

#header h2		{ float:left; color:white; font:normal 11px arial; margin:45px 42px 0 124px; }



/* FOOTER ********************************************* */



#footer				{ clear:both; background:#d10015; height:40px; margin:0 0 0 42px; text-align:left; }

#footer p			{ padding:5px 10px; font-size:9px; }

#footer p a			{ color:white; text-decoration:none; }

#footer p a:hover	{ text-decoration:underline; }

#footer p span.adres{ color:black; float:left; margin-right:55px;text-align:center; }

#footer p span.liens{ color:white; float:left; margin-right:55px; }

#footer p span.credi{ color:white; float:left; }





/* CONTENT ********************************************* */



#content			{ background:url(../img/bg_content.gif) no-repeat 42px 0; margin:0 42px 0 0; text-align:left; }

#content .content	{ background:url(../img/bg_content_.gif) no-repeat 6px 0; }

#content #col		{ float:left; padding-top:10px; width:274px; }

#content #mid		{ float:left; margin:0; padding:10px 0 0 0; width:684px; }



/* CADRE LOGIN ************************************* */



#login			{ background:url(../img/bg_login.gif) repeat-y top left; margin:0 0 0 50px; padding:0;  }

#login .top		{ background:url(../img/bg_login_top.gif) no-repeat top left; margin:0; border-bottom:1px solid white; }

#login .bot		{ background:url(../img/bg_login_bot.gif) no-repeat bottom left; }

#login h3		{ font-weight:bold; font-size:10px; padding:15px 20px 5px 20px; }

#login p		{ margin:0 0 0 10px; }

#login input	{ border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:80px; }

#login input.ok	{ font-weight:bold; padding-left:0; width:20px; }

#login p a		{ color:black; margin-left:10px; }

#login p.red	{ padding:15px 0 20px 0; }

#login p.red a	{ color:#d20116; font-weight:bold; }



/* CADRE DEVIS ************************************* */



#devis			{ background:#6eb0d5 url(../img/bg_devis.gif) no-repeat top left; margin:5px 0 0 17px; }

#devis h3		{ color:white; font-weight:bold; font-size:10px; padding:20px 20px 0 15px; }

#devis h3 a		{ color:white; text-decoration: none; }

#devis h3 a		{ color:white; text-decoration: none; }

#devis img		{ float:left; margin:25px 0 0 50px;  }

#devis div		{ float:left; margin:0; }

#devis ul		{ background:#6eb0d5; margin:0; padding:0; }

#devis ul li	{ /*background:#6eb0d5 url(../img/bg_devis_li.gif) no-repeat 73px 3px;*/ list-style:none; margin:2px 0 0 15px; padding:0; }

#devis ul li a	{ color:black; font-weight:bold; text-decoration:none; }

#devis hr		{ background:#6eb0d5; border:0; color:#6eb0d5; clear:both; height:1px; margin:0; overflow:hidden; padding:8px 0 !important; padding:0 0; width:200px; }



/* MENU ******************************************** */



#bafa			{ font-size:13px; list-style:none; margin:15px 0 15px 42px; padding:0; }

#bafa li		{ background:#c5c8cf; border-bottom:2px solid white; cursor:pointer; font-weight:bold; height:35px; line-height:35px; margin:0 0 0 0; padding:0; text-align:left; }

#bafa li a		{ color:black; display:block; text-decoration:none; text-indent:25px; width:232px; }

#bafa li a:hover{ background-image:url(../img/bg_menu_hover.gif); color:white; }



p.menu			{ color:#d20116; font-weight:bold; margin:0 0 5px 65px; }



#menu			{ font-weight:bold; font-size:13px; list-style:none; }

#menu dt		{ background:#c5c8cf; border-bottom:3px solid white; cursor:pointer; height:35px; line-height:35px; margin:0 0 0 42px; text-align:left; text-indent:25px; }

#menu dd		{ margin:-38px 0 0 274px !important; margin:-38px 0 0 232px; position:absolute; z-index:100; }

#menu dt a		{ color:black; text-decoration:none; display:block; width:232px; }

#menu dt a:hover{ background-image:url(../img/bg_menu_hover.gif); color:white; }

#menu dt a.ok	{ background-image:url(../img/bg_menu_hover.gif); color:white; }



#menu ul		{ margin:0; padding:0; }

#menu li		{ clear:left; float:left; background:#c5c8cf; height:35px; list-style:none; line-height:35px; text-indent:20px; width:285px; }

#menu li a		{ color:black; text-decoration:none; display:block; width:280px; }

#menu li a:hover{ color:white; }





/* PAGES INTERIEURES *********************************** */





#content #mid h3				{ font-weight:bold; font-size:12px; height:35px; margin:0 0 0 15px; padding-top:3px; text-indent:20px; width:320px; }

#content #mid h4				{ color:black; font-weight:bold; font-size:14px; margin:5px 0 0 15px; }

#content #mid h5				{ color:#d10000; font-weight:bold; font-size:12px; margin:20px 0 0 15px; }



#content #mid .description		{ margin:10px 0 0 0; width:335px; }

#content #mid .description img	{ margin:20px 0 0 0; }

#content #mid .description img.pdf	{ border:0; float:right; margin:0 0 0 10px;  }

#content #mid .description p	{ margin:10px 0 0 15px; text-align:justify; }



.scroll { overflow-x:scroll; overflow-y: auto; width: 100%; scrollbar-face-color:#ffa401; scrollbar-arrow-color:#FFF; }



.scroll p { margin:0 0 10px 0; font-weight:bold; color:#999; }



/* zone de txt */

#content #mid .big_txt			{ background:url(../img/bg_big_txt.gif) repeat-y top center; clear:both; }

#content #mid .big_txt .top		{ background:url(../img/bg_big_txt_top.gif) no-repeat top center; }

#content #mid .big_txt .bottom	{ background:url(../img/bg_big_txt_bot.gif) no-repeat bottom center; padding:20px 20px 15px 20px !important; padding:10px 20px 15px 20px; }



/* Accueil */

#content #mid #accueil_container { position:relative; margin:30px 0 0 0; text-align:left; }



#content #mid #accueil_container #player				{ position:relative; float:left; width:335px; background:url(../img/bg_small_txt.gif) repeat-y 5px 0; }

#content #mid #accueil_container #player div			{ position:relative; background:url(../img/bg_small_txt_top.gif) no-repeat 5px 0; }

#content #mid #accueil_container #player div div		{ position:relative; background:url(../img/bg_small_txt_bot.gif) no-repeat 5px bottom; padding:30px 0 30px 48px; }



 #content #mid #accueil_container .cols				{ /*position:relative; background:url(../img/bg_small_txt.gif) repeat-y 5px 0; */margin:0 0 0 -10px; }

/*#content #mid #accueil_container .cols .top			{ background:url(../img/bg_small_txt_top.gif) no-repeat 5px 0; }*/

#content #mid #accueil_container .cols .bottom		{ /*background:url(../img/bg_small_txt_bot.gif) no-repeat 5px bottom; */ padding:20px 20px 15px 20px; } 

#content #mid #accueil_container .cols .red .top		{ background:url(../img/bg_small_txt_red_top.gif) no-repeat 5px 0; }

#content #mid #accueil_container .cols .red .bottom	{ background:url(../img/bg_small_txt_red_bot.gif) no-repeat 5px bottom; padding:20px 20px 15px 20px; }

#content #mid #accueil_container #player h4, #content #mid #accueil_container .cols h4				{ color:#d10000; font-size:16px; }

#content #mid #accueil_container #player h4 { margin:0 0 10px 0;}

#content #mid #accueil_container .cols .red h4		{ background:url(../img/bg_cols_red_h4.gif) no-repeat top left; height:110px; overflow:hidden; text-indent:-200px; width:118px; }

#content #mid #accueil_container #player p, #content #mid #accueil_container .cols p				{ margin:10px 5px 10px 15px; text-align:justify; }

#content #mid #accueil_container #player p { margin:10px 35px 10px 0;}

#content #mid #accueil_container .cols p.date_news { margin:0 0 -10px 15px; font-weight:bold; }

#content #mid #accueil_container .cols img			{ border:1px solid #809eba; margin:0 0 10px 0; }

#content #mid #accueil_container .cols .red img		{ float:right; margin:20px 3px 0 0; }

#content #mid #accueil_container .cols .red p b		{ color:#d10000; }

#content #mid #accueil_container #player h5 { margin:10px 0 0 0; }



/* produits home */

.cols					{ float:left; margin:0; width:335px; }

.categprod				{ background:url(../img/bg_categprod.gif) no-repeat top center; margin:5px 0 10px 15px; }

.categprod div			{ background:url(../img/bg_categprod_bot.gif) no-repeat bottom center; padding:10px 20px; }

.categprod img.produit	{ border:1px solid #809eba; float:left; margin:0 15px 0 0 ; }

.categprod img			{ border:none; }

.categprod ul			{ float:left; margin:10px 0 5px 0; padding:0; }

.categprod ul li		{ list-style:none; margin:5px 0 0 0; padding:0; width:165px; }

.categprod ul li a		{ color:black; font-weight:bold; text-decoration:none; }

.categprod ul li a:hover{ color:#d10015; }



/* produits catégorie */



.produits			{ border-bottom:1px dashed #d10000; clear:left; float:left; margin:0 0 10px 0; padding:0; }

.produits p			{ float:left; text-align:justify; width:334px; }

.produits p	span.avec		{color:#FF0000; text-transform:uppercase;}

.produits .img		{ float:left; width:210px; }

.produits img.hr	{ clear:both; float:none; margin:10px 20px 0 0; }

.produits a			{ background:#b5b5b5; border:1px solid #828282; color:white; display:block; font-size:11px; float:left; font-weight:bold; margin:10px 0 0 25px; padding:5px 10px !important; padding:5px 10px; text-decoration:none; }

.produits a:hover	{ background:#828282; cursor:pointer; }

.produits a:visited { background:#FF0000; border:1px solid #828282; color:white; }



/* zone devis */



.devis				{ background:url(../img/bg_proddevis.gif) repeat-x top left; float:right; height:338px; margin-top:-10px; overflow:hidden; padding-top:10px; text-align:center; width:300px; }

.devis h2			{ background:url(../img/bg_proddevis_h2.gif) no-repeat top left; display:block; height:24px; margin:15px 10px 5px 10px; width:280px; }

.devis h2 span		{ color:white; float:right; font-weight:bold; text-align:right; }

.devis h2 span.none	{ display:none; }

.devis h2 a			{ color:white; float:right; font-weight:bold; text-align:right; }

.devis form			{ background:white; margin:0 10px; padding:0 0 10px 5px; text-align:left; }

.devis form input	{ border:1px solid #a2acb5; font-size:12px; margin:10px 0 0 5px; width:80px; }

.devis form select	{ border:1px solid #a2acb5; font-size:12px; margin:10px 0 0 5px; width:120px; }

.devis form input.ok{ background:url(../img/bg_proddevis_ok.gif) repeat-x top left; border:0;  color:white; font-weight:bold; height:20px; width:125px; }

.devis form select.sm{ width:80px; }





/* tableaux références */



table.references				{ position:relative; margin:0 auto 10px 0; padding-bottom:20px; text-align: left; }

table.references tr td			{ font-weight:bold; padding:0; text-align:center; }

table.references tr.pad td.left { padding:0 5px; }

table.references tr td.red		{ color:#d10000; width: 100px; }

table.references tr td.red a	{ color:#d10000; width: 100px; text-decoration: none; }

table.references tr td.left		{ border-left:0 !important; /* width: 100px; */ white-space:nowrap; }

table.references tr.pad		td	{ padding:2px 5px; }

table.references tr.title	td	{ color:#d10000; font-size:14px; width: 80px; }

table.references tr.title	td a{ color:#d10000; font-size:12px; width: 80px; text-decoration: none; }

table.references tr.end		td	{ border-bottom:0 !important; }

table.references tr.sep		td	{ border-bottom:1px dashed #ababab !important; }



/* page société */

#content #mid .societe h3					{ font-size:16px; padding-top:20px; margin-bottom:10px; width:600px; }



#content #mid .societe .cols				{ background:url(../img/bg_small_txt.gif) repeat-y 5px 0; margin-bottom:20px; }

#content #mid .societe .cols .top			{ background:url(../img/bg_small_txt_top.gif) no-repeat 5px 0; }

#content #mid .societe .cols .bottom		{ background:url(../img/bg_small_txt_bot.gif) no-repeat 5px bottom; padding:20px 20px 15px 20px; }

#content #mid .societe .cols .red .top		{ background:url(../img/bg_small_txt_red_top.gif) no-repeat 5px 0; }

#content #mid .societe .cols .red .bottom	{ background:url(../img/bg_small_txt_red_bot.gif) no-repeat 5px bottom; padding:20px 20px 15px 20px; }

#content #mid .societe .cols h4				{ color:#d10000; font-size:16px; }

#content #mid .societe .cols .red h4		{ background:url(../img/bg_cols_red_h4.gif) no-repeat top left; height:110px; overflow:hidden; text-indent:-200px; width:118px; }

#content #mid .societe .cols p				{ margin:10px 5px 10px 15px; text-align:justify; }

#content #mid .societe .cols p.date_news { font-weight:bold; margin:10px 5px -10px 15px; }

#content #mid .societe .cols img			{ border:1px solid #809eba; margin:0 0 10px 0; }

#content #mid .societe .cols .red img		{ float:right; margin:20px 3px 0 0; }

#content #mid .societe .cols .red p b		{ color:#d10000; }

#content #mid .societe .categprod			{ background:url(../img/bg_categprod_home.gif) no-repeat top left; clear:both; margin:0 0 10px 20px; padding-top:20px !important; padding-top:5px; }

#content #mid .societe .categprod div		{ background:url(../img/bg_categprod_home_bot.gif) no-repeat bottom left; }

#content #mid .societe .categprod ul li		{ float:left; margin:0 0 5px 25px; width:280px; }

#content #mid .societe .categprod ul li img	{ border:none; margin-top:-5px; vertical-align:middle; }

#content #mid .societe .categprod ul li a	{ font-weight:normal; }

#content #mid .societe .categprod ul li .red{ color:#ea0000; font-weight:bold; }



/* Page produits spéciaux */

.produits-speciaux {

	position:relative;

}



.produits-speciaux .content_text, .produits-speciaux .content_img {

	position:relative;

	float:left;

}



.produits-speciaux .content_text {

	margin:0 0 0 20px;

	width:339px;

}



.produits-speciaux .content_img {

	margin:10px 10px 0 20px;

	width:275px;

}



.produits-speciaux .content_img img {

	margin:0 0 10px 0;

}



#content #mid .produits-speciaux .content_text h5 {

	margin:5px 0 10px 15px;

}



.produits-speciaux .content_text p {

	margin:0 0 10px 15px;

}



/* --- */



/* page inscription */

#content #mid .inscription h3				{ font-size:16px; padding-top:20px; margin-bottom:10px; width:600px; }

#content #mid .inscription .body			{ font-size:16px; padding:20px 20px 15px 20px; margin-bottom:10px; width:600px; }

#content #mid .inscription input			{ border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:250px; }

#content #mid .inscription textarea			{ border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:250px; height: 120px; }

#content #mid .inscription input#numero_facturation { width:30px; }

#content #mid .inscription input#numero_livraison { width:30px; }

#content #mid .inscription input#cp_facturation { width:40px; }

#content #mid .inscription input#cp_livraison { width:40px; }

#content #mid .inscription input#submit {  height: 20px; text-align: center; font-weight: bold; width:80px; }

#content #mid .inscription input#submit:active { padding-top:2px; padding-left:8px; }



#content #mid .inscription input.checkbox	{ margin:0 0px 0px 0; padding-left:0px; text-align:left; width:20px; }

#content #mid .inscription input.radio		{ margin:0 0px 0px 0; padding-left:0px; text-align:left; width:20px;}

#content #mid .inscription select			{ border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:120px; }

#content #mid .inscription tr 				{ vertical-align: top; }

#content #mid .inscription td 				{ text-align:left; }



/* page authentification */

#content #mid .authentification h3				{ font-size:16px; padding-top:20px; margin-bottom:10px; width:600px; }

#content #mid .authentification .cols			{ background:url(../img/bg_small_txt.gif) repeat-y 5px 0; margin-bottom:20px; }

#content #mid .authentification .cols .top		{ background:url(../img/bg_small_txt_top.gif) no-repeat 5px 0; }

#content #mid .authentification .cols .bottom	{ background:url(../img/bg_small_txt_bot.gif) no-repeat 5px bottom; padding:20px 20px 15px 20px; }

#content #mid .authentification .cols h4		{ color:#d10000; font-size:16px; }

#content #mid .authentification .cols p			{ margin:10px 5px 10px 15px; text-align:justify; }

#content #mid .authentification input#auth_email		{ border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:115px; }

#content #mid .authentification input#auth_password	{ border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:115px; }



#content #mid .panier input.qte { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:40px; }



#content #mid .panier input#submit { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:70px; }

#content #mid .panier input#reset { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:70px; }



#content #mid .recapitulatif input#submit { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:180px; }

#content #mid .recapitulatif input#reset { border:1px solid black; margin:0 2px 3px 0; padding-left:5px; text-align:left; width:180px; }



#errormesssage { border: 1px solid #d20116; padding:4px; color: #d20116; }



.titreBO {

color : white;

font-size : 9px;

font-weight: bold;

text-transform: uppercase;

}



#contenuDB {

color: black;

font-size: 11px;

text-align: center;

}



#contenuDB2 {

color: black;

font-size: 10px;

text-align: center;

}



.a3 {

color: black;

font-size: 10px;

font-weight: normal;

text-transformation: none;

}



.a3:link {

color: black;

font-size: 10px;

font-weight: normal;

text-transformation: none;

}



.cadre_noir {

	border: 1px solid #000000;

	padding: 5px;

}



#bloc_panier {

	width: 160px;

}



#bloc_panier p {

	margin-left: 16px;

}



.box_qte_focus {

	background: #ffeecd;

}



#menu_moncompte {

	width: 97%;

	text-align: right;

}



#dialog_box {

	top: 150px;

	left: 150px;

}



p.lien-contact {

	text-align: right;

	font-weight: bold;

}



div.bottom p.description {

	font-size:12px;

	font-weight:bold;

	line-height:14px;

}



div.bottom p.description a {

	font-size:10px;

	font-weight:normal;

	color:#000;

	text-decoration:none;

}



div.bottom p.description a:hover {

	text-decoration:underline;

}



div.bloc_deployer {

	position:relative;

	height:30px;

}



div.bloc_deployer p.bloc_deployer1 {

	display:block;

	position:absolute;

	left:0;

	top:0;

	width:30px;

	height:30px;

}



div.bloc_deployer p.bloc_deployer1 a {

	display:block;

	position:relative;

	width:100%;

	height:100%;

	text-indent:-9999px;

}



div.bloc_deployer p.bloc_deployer1 a.lien-plus {

	background:url(../img/bloc_agrandir.gif) no-repeat 0 0;

}



div.bloc_deployer p.bloc_deployer1 a.lien-moins {

	background:url(../img/bloc_masquer.gif) no-repeat 0 0;

}



div.bloc_deployer p.bloc_deployer2 {

	position:absolute;

	left:40px;

	top:8px;

}



.invisible {

	/* position:absolute;

	left:-9999px; */

	display:none;

}



/* .visible {

	position:relative;

	left:0;

} */