/* CSS Document */
body{ background:#828A8C; font-family:Arial; font-size:12px;}
a{ text-decoration:none;}
#contenair{ width:821px; height:auto; padding:0; margin:27px auto;}
/* ombre */
#contenair #ombre_left{ float:left; width:18px; height:769px; margin:0; padding:0; background:url(../images/ombre_left.jpg) no-repeat;}
#contenair #ombre_right{ float:left; width:13px; height:769px; margin:0; padding:0; background:url(../images/ombre_right.jpg) no-repeat;}
/* corps */
#contenair #page{ float:left; margin:0; padding:0; width:790px; height:auto;}
/* entete */
#page #header{ width:790px; height:134px; margin:0; padding:0;}
#header #image_1{ float:left; width:407px; height:134px; margin:0; padding:0; background:
url(../images/image_1.jpg) no-repeat;}
#header #image_2{ float:left; width:383px; height:134px; margin:0; padding:0; background:url(../images/image_2.gif) no-repeat;}
/* menu top */
#menu_top{ width:790px; height:39px; margin:0; padding:0;}
#menu_top ul.menu{ width:790px; height:39px; margin:0; padding:0; list-style-type:none;}
#menu_top ul.menu li{ height:27px; width:auto; margin:0; float:left; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#3DA4EC; text-align:center; padding:12px 0 0 0;}
#menu_top ul.menu li a{ font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#3DA4EC; text-align:center; text-decoration:none;}

#menu_top ul.menu li#acueil{ background:url(../images/accueil.jpg) no-repeat; width:208px;}
#menu_top ul.menu li#qsn{ background:url(../images/qsn.jpg) no-repeat; width:193px;}
#menu_top ul.menu li#cnt{ background:url(../images/contact.jpg) no-repeat; width:192px;}
#menu_top ul.menu li#part{ background:url(../images/part.gif) no-repeat; width:197px;}

/* center */
#page #center{ width:790px; height:auto; margin:0; padding:0; background:#FFEFCB;}
/* menu left */
#center #menu_left{ float:left; width:207px; height:auto; min-height:539px; background:#DEE8C6;}
#menu_left .block{ width:205px; margin:14px 0 0 0; /*min-height:74px;*/ height:auto; color:#310202;}
#menu_left .block h1{ width:186px; height:30px; background:url(../images/back_titre.gif) no-repeat; font-family:Verdana; font-size:14px; color:#FFFFFF; margin:0; padding:2px 0 0 19px;}
#menu_left .block .contenu{ width:205px; height:auto; margin:0; padding:10px 0;}
/* categorie */
#menu_left .block .contenu ul.liste_categ{ width:205px; height:auto; margin:0; list-style-type:none; padding:0;}
.ontenu ul.liste_categ li{ width:205px; height:auto; margin:0; color:#310202; font-family:Verdana; font-weight:bold; padding:0; margin:0;}

.contenu ul.liste_categ li a{ width:161px; height:auto; margin:0; color:#310202; font-family:Verdana; font-weight:bold; padding:3px 0 3px 30px; text-decoration:none; display:block;}
.contenu ul.liste_categ li a:hover{ width:161px; height:auto; margin:0; color:#310202; font-family:Verdana; font-weight:bold; padding:3px 0 3px 30px; text-decoration:none; display:block; background:#FCF6D2;}
/*recherche*/
#menu_search p.search{ width:auto; height:auto; margin:5px 0 0 31px; padding:0;}
#menu_search p.submit{ width:auto; height:auto; margin:5px 0 0 54px; padding:0;}
/*selection*/
#menu_left .block #menu_selection ul{ width:205px; height:auto; margin:0; list-style-type:none; padding:0;}
#menu_selection ul li{ width:205px; height:25px; margin:0; color:#310202; font-family:Verdana; font-weight:bold; padding:0;}
#menu_selection ul li a{ width:158px; height:19px; margin:0; color:#310202; font-family:Verdana; font-weight:bold; padding:6px 0 0 47px; text-decoration:none; display:block;}
#menu_selection ul li a:hover{ width:158px; height:19px; margin:0; color:#310202; font-family:Verdana; font-weight:bold; padding:6px 0 0 47px; text-decoration:none; display:block; background:#FCF6D2;}
#menu_selection p{ width:205px; height:auto; display:block; text-align:center;  color:#310202; font-family:Verdana;}
/*contact*/
#menu_contact p{ width:185px; height:auto; margin:3px 11px; font-family:Arial; font-size:12px; color:#48211C; text-align:justify; }

input.text{ border:solid 1px #000000; width:148px; text-align:left;}
textarea.text{ border:solid 1px #000000;}
input.button{ background:#FCF6D2; border:solid 1px #562F28; color:#562F28; text-align:center;} 
a.bouton_large{ width:140px; height:28px; background:url(../images/button_large.gif) no-repeat; margin:0; text-align:center; padding:6px 0 0 0; font-size:12px; display:block; color:#FFFFFF;}

a.bouton{ width:100px; height:28px; background:url(../images/button.gif) no-repeat; margin:0; text-align:center; padding:6px 0 0 0; font-size:12px; display:block; color:#FFFFFF;}

input.bouton{ width:100px; height:34px; background:url(../images/button.gif) no-repeat; margin:0; text-align:center; padding:0 0 10px 0; font-size:12px; display:block; color:#FFFFFF;}

/*contenu*/
#center #content{ float:left; width:583px; height:auto; min-height:600px; color:#81674E; font-size:12px; background:#FFEFCB; margin:0; padding:0}
#content h1.titre{width:435px; height:19px; font-family:Verdana; background-color:#dee8c6;
	padding:0px; margin:15px 0px 0px 5px; padding:5px 0 2px 25px; color:#48211c; font-size:14px;}
#content p{ width:454px; height:auto; margin:10px 10px; color:#48211C; text-align:justify;}

ul.listing_produit{ width:570px; height:565px; list-style-type:none; margin:10px 0 10px 5px; padding:0; }
ul.listing_produit li{ width:275px; height:163px; float:left; margin:0 0 5px 2px; border-top:solid 1px #c7b999; padding:0;}
ul.listing_produit li .left{ width:150px; height:158px; float:left;}
ul.listing_produit li .left .bloc_img{ width:150px; height:116px; overflow:hidden; padding:10px 0 0 0; }
ul.listing_produit li .left img{ border:none; margin:auto; width:auto; height:auto; }

ul.listing_produit li .left .lien_div{ width:160px; height:auto; margin:3px 0 0 0;}
ul.listing_produit li .left .lien_div img{ width:auto; height:auto;}
ul.listing_produit li .left .lien_div a.voir{ width:71px; height:22px; background:url(../images/button_view.gif) no-repeat; margin:0; text-align:center; padding:6px 0 0 0; font-size:12px; display:block; color:#FFFFFF; float:left}

ul.listing_produit li .left .lien_div a.devis{ width:84px; height:22px; background:url(../images/button_com.gif) no-repeat; margin:0; text-align:center; padding:6px 0 0 0; font-size:12px; display:block; color:#FFFFFF; float:left}


ul.listing_produit li .right{ width:110px; height:154px; float:left; margin:0; padding:0 2px;}
ul.listing_produit li .right h2{ text-decoration:underline;font-family:Verdana; font-weight:bold;
	font-size:12px; color:#312020;}
ul.listing_produit li .right p{font-family:Verdana;font-size:11px;color:#a38b6f; text-align:justify; margin:2px 0 0 0; padding:0; width:20px; border:solid 1px #000000;}
.espace{width:15px; height:158px; float:left;}

/* page contact */
#content ul#contact{ width:500px; height:auto; margin:5px 5px; padding:0; list-style-type:none;}
#content ul#contact li{ width:229px; height:130px; float:left; margin:0 5px 5px 0; padding:0; font-size:12px; font-style:italic; border:solid 1px #eedeba;}
ul#contact p{ width:auto;}

fieldset.contact{ width:440px; height:auto; margin:10px 10px; padding:5px 0; border:none;}
fieldset.contact p.desc_text{ width:500px; height:25px; display:block; clear:both;}
fieldset.contact p.desc_text label,fieldset.contact p.desc_text input,fieldset.contact p.desc_text textarea{ float:left;}
fieldset.contact p.desc_text input,fieldset.contact p.desc_text textarea{ margin:0 0 0 5px;}
fieldset.contact p.desc_text label{ width:160px; display:block; height:auto;}

/* mail contact */
ul.infos_envoyeur{ list-style-type:none; color:#A21221; margin:0 0 0 10px; padding:0;}
ul.infos_envoyeur li{ width:auto; height:20px; margin:3px 0; padding:0; font-weight:bold;}
span.infos{ color:#31447B; font-weight:normal;}
/*inscrition*/ 
#content fieldset.insc{ border:none; width:456px; height:auto; margin:0 0 10px 10px; padding:0;}
#content fieldset.insc p{ width:457px; height:20px; display:block;}
#content fieldset.insc label,#content fieldset.insc input,#content  fieldset.insc textarea,#content fieldset.insc select{ float:left;}
#content fieldset.insc label{ width:280px;}
#content fieldset.insc input.text, #content fieldset.insc textarea.text{ border:solid 1px #abb298;}
#content fieldset.insc p.lien{ width:443px; height:auto; margin:3px 0 0 0; padding:0 10px 0 0; text-align:right;}
#content fieldset.insc a{  text-decoration:none; float:right;}
/*#content fieldset.insc a:hover{ text-decoration:underline;}*/
/*details produit */
#details{ width:555px; height:auto; margin:5px 0 0 10px;}
#details .block_nav{ width:555px; height:30px; }
.block_nav a{ width:auto; height:auto; margin:0; padding:0; color:#000000; text-decoration:underline; font-size:12px;}
.block_nav a.retour{ width:auto; height:auto; margin:0; padding:0 0 0 20px; color:#000000; text-decoration:underline; font-size:12px; background:url(../images/retour.png) no-repeat left; }

#details .block_d_left{ width:262px; height:306px; float:left; margin:0; padding:0;}

#details .block_d_left #view_image{ width:260px; height:306px; margin:auto; padding:0;}
#view_image #img_big{ width:150px; height:130px; margin:auto; padding:0;}

#view_image img.big{ width:auto; height:auto; margin:auto; padding:0; border:none; opacity:1;}
#view_image a{ text-decoration:none;}
#view_image #listing_image{ width:260px; height:60px; margin:20px 0 0 0; padding:0;}

#listing_image #slideshow{ width:250px; height:60px; margin:0; padding:0;}
#listing_image #slideshow #precedent{ width:15px; height:39px; text-align:center; float:left; padding:21px 0 0 0;}

#listing_image #slideshow #precedent img, #listing_image #slideshow #suivant img{ border:none;}
#listing_image #slideshow #view{ width:200px; height:60px; margin:0; padding:0; overflow:hidden; float:left; margin:0; border:solid 1px #CCCCCC;} 
#listing_image #slideshow #suivant{ width:15px; height:39px; text-align:center; float:left; padding:21px 0 0 0;}

.jq-ss-crop{ width:50px !important; height:60px ; float:left; margin:0 5px 0 0; background:#ffffff;}
#slideshow #view ul#images{ width:3818px !important; height:60px; margin:0 0 0 3px; list-style-type:none;}
ul#images li{ float:left; width:50px !important; height:60px; margin:0 2px 0 0; padding:0; border:solid 2px #ffefcb;}
ul#images li img{ width:auto; height:auto; border:none;}
img.thumbnails{ cursor:pointer;}
/*#listing_image img{ float:left; margin:0 3px 0 0; width:50px; height:50px;}*/

#details .block_d_right{ width:293px; height:auto; float:left; margin:0; padding:0;}
.block_d_right h2.description{ font-family:Verdana; color:#312020; height:20px; padding:0 0 2px 0; border-bottom:solid 1px #312020; width:270px; font-size:18px; margin:5px 0 0 0;}
.block_d_right p{ width:100px !important; height:auto; margin:5px 0 0 0; display:block;}

/* page de navigation */
#content #pagecounter{ width:200px; height:20px;  float:left; padding:0; margin:0 0 0 10px; }
#content #pageNavig{ width:auto; height:20px; float:right; margin:0; padding:0;margin-right:25px;}
#content #pageNavig p{ width:50px; height:20px; padding:0; margin:0;}
#content #pageNavig p, #content #pageNavig select{ float:left;}
table.adminlist{ width:500px; margin:0 20px 0 0; border:solid 1px #000000;}
table.adminlist th{ width:600px; }

table.liste{ width:500px; height:auto; margin:20px 0 0 5px; padding:0; border-left:solid 1px #dee8c6;  border-right:solid 1px #dee8c6;  border-bottom:solid 1px #dee8c6;}
#content #pageNavig table.adminlist, #content #pageNavig a{ float:left;}

th.ref_prod{ width:100px; height:20px; background:#dee8c6; color:#666666;}
th.nom_prod{ width:150px; height:20px; background:#dee8c6; color:#666666;}
th.categ_prod{ width:150px; height:20px; background:#dee8c6; color:#666666;}
th.choix{ width:50px; height:20px; background:#dee8c6; color:#666666;}
th.nombre_prod{ width:100px; height:20px; background:#dee8c6; color:#666666;}
table.liste td{ text-align:center; padding:5px 0;}
#content .lien_sel{ float:left; width:500px; height:auto; margin:10px 0 0 2px;}
#content .lien_sel a{ float:right;}
textarea{ margin:0 0 30px 0;}
.lien_sel a { float:left;}
/*.lien_sel a:hover{ color:#310202; text-decoration:underline;}

/* fin contenu */

/* bas de page */
#page #footer{ width:790px; height:57px; background:#C8CFAD; margin:0; padding:5px 0; clear:both; font:Verdana; font-size:12px; color:#312020; font-weight:bold;}
#footer #menu_footer{ width:525px; height:20px; margin:2px auto; padding:0 0 0 10px; text-align:center;}
#footer #menu_footer a{ margin:0; padding:0; font-size:12px; color:#3DA4EC; font-weight:bold; text-decoration:none; width:120px; height:20px; display:block; float:left;}
#footer #menu_footer a:hover{ margin:0; padding:0; font-size:12px; color:#3DA4EC; font-weight:bold; text-decoration:underline; width:120px; height:20px; display:block;} 
p.rmq{ font-weight:bold; font-size:12px; color:#993300; }
#footer p{ display:block; width:auto; height:20px; margin:0; padding:0; text-align:center; font-size:12px;}
#footer a{ text-decoration:none; text-align:center; font:Verdana; font-size:12px; color:#312020; font-weight:bold;}

/* table couleurs */
table.couleur{ float:left; width:250px; height:auto; margin:5px 0 10px 10px; padding:0; border:solid 1px #eedeba; }
table.couleur th{background:#eedeba; color:#310202;}
table.couleur th.coul{ width:165px; height:20px; text-align:left; margin:0; padding:0 0 0 10px; font-weight:bold;}
table.couleur th.ref{ width:auto; height:20px; text-align:left; margin:0; padding:0 0 0 10px; font-weight:bold;}
table.couleur td{ margin:0; padding:0 0 0 10px; height:25px;}
table.couleur caption{ font-weight:bold; font-size:12px; color:#747b62;}
/* table commande */
table.commande { width:500px; height:auto; border:solid 1px #990000; margin:0 0 0 10px;}
table.commande th{ background:#990000; color:#FFFFFF;}
table.commande td{ width:auto; height:auto; padding:5px 0; text-align:center;}
p.com{ font-size:12px; color:#000066; height:30px;}
p.details{ font-size:12px; color:#000066; height:25px; border-bottom:solid 1px 000066;}
/* utilitaire */
.clr{ clear:both;}
.bolder{ font-weight:bold;}
.italic{ font-style:italic;}
.float_left{ float:left;}
.float_right{ float:right;}
#lien{ /*float:left;*/ display:block; margin:0 0 0 48px;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-color:#000080;}
#lien td {width:120px;height:100px;text-align:center;margin:0;padding:0;background:#dee8c6;}
#lien td:hover {border: solid 2px outset;background:#d7e397 /*url(../images/vr1.gif) no-repeat */;} 
#lien a:link,  #lien a:visited {font-color:#000080; }
#lien a:hover{font-color:#d9da5a;}