body {
	background-image: url(../img/construct/background.gif);
	background-color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	text-align: center;
}

/* ----- NEUTRAL --------------------------------------------------------------------------- */

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0px;
	padding: 0px;
}

a img,:link img,:visited img {
	border: none;
}
a{
	/* color: #8d6934;  */
	color: #2E59A0;
	text-decoration:none;
}
hr {
    height:1px;
    margin: 30px 10px 10px 0px;
    background-color:#3d3d3f;
    color:#3d3d3f;
    border:0;
    padding:0;
    display:block;
}

#general {
	width: 980px;
	margin: 10px auto 10px auto;
	background-color: #ffffff;
	color: #3d3d3f;
	text-align: left;
	border: 1px solid #686665;
}

/* ----- CONTENT --------------------------------------------------------------------------- */

#banner{width:954px; margin:10px auto 10px auto;position:relative;height:162px;}
#banner img{margin: 0px;}
#banner ul{display:none;}

.box_title_actu{display:block; margin:0 0 5px 0; padding:5px 0; font-weight:bold;}
#actu .box_sous_titre{padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px;}

#content {
	
	float: left;
	width: 570px;
	font-size: 11px;
}
*{
font-size: 11px;
}

#content h1 {
	/* color: #8d6934;  */
	color: #2E59A0; 
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 14px;
	border-bottom: 1px solid #a7a8aa;
}

#content h1 a:link, #content h1 a:visited {
	/*color: #8d6934;*/
	color: #2E59A0;
  text-decoration: none;
}

#content h1 a:hover {
	color: #646567;
	text-decoration: none;
}

#content h2 {
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 13px;
}

#content h3 {
	margin: 0px 10px 10px 0px;
	font-size: 11px;
}

#content p {
	margin: 20px 10px 20px 0px;
}

#content h2 a:link, #content h2 a:visited,
#content p a:link, #content p a:visited,
#content ul a:link, #content ul a:visited,
#content dl a:link, #content dl a:visited
{
	color: #41737d;
	text-decoration: none;
}

#content h2 a:hover,
#content p a:hover,
#content ul a:hover,
#content dl a:hover {
	color: #646567;
	text-decoration: underline;
}

#content p.intro {
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	color: #8c7a6e;
	text-align: left;
}

#content ul {
	margin: 0px 10px 15px 40px;
}

#content li {
	margin: 3px 0px 3px 0px;
}

#content dl {
	margin: 0px 20px 10px 20px;
}

#content dt {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
}

#content dd {
	margin: 5px 0px 20px 0px;
}

#map {
	background-color: #ffffff;
	background-image: url(../img/photos/logo_kit_cross.jpg);
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #3d3d3f;
	text-align: left;
}

/* ----- PRODUCTS -------------------------------------------------------------------------- */

table.products {
	
	margin: 0px 10px 15px 10px;
	background-color: #808080;
	font-size: 11px;
	text-align: left;
	color: #3d3d3f;
}

table.products th {
	background-color: #857051;
	color: #ffffff;
	text-align: center;
}

table.products td {
	background-color: #ffffff;
}


.tableauprix{max-width:600px;}

.tableauprix td{text-align:center;}

.trtitre{font-weight:bold;color:#fff; background: /*#857051*/ #6b6b6b url(bg01-2.jpg) repeat-x;}

.trtitre td{padding:5px;}

.prix{font-weight:bold;}

.tr01{color:#3D3D3F;}

.tr01 td{padding:5px;border:1px dotted #EEEEEE;}
.lib td {border:1px dotted #EEEEEE;}

.tr02{color:#3D3D3F; background:#F0F0F0;}

.tr02 td{padding:5px;border:1px dotted #EEEEEE;}

.petit{text-align:center;width:40px}

.td_img img{max-width:75px;margin:10px;}

.ajoutpanier{background: #771f18 url(bg02.jpg) repeat-x;width:125px}

.lib td {
	border-top: 2px solid #111;
	border-bottom: 2px solid #111;
	padding: 10px 0 10px 0;
}

/* ----- FORM ------------------------------------------------------------------------------ */

div#content fieldset {
	width: 500px;
	margin: 0px 10px 15px 10px;
	border: 1px solid #a7a8aa;
	text-align: left;
	background-color : #FAEC7F;
}

div#content fieldset legend {
	margin: 3px;
	padding: 3px;
	background-color: #FFFCFA;
	border: 1px solid #a7a8aa;
	color: #3d3d3f;
	font-weight: bold;
}

div#content label {
	margin: 7px 5px 0px 10px;
	display: inline;
	float: left;
	width: 150px;
	text-align: left;
	font-weight: bold;
}

div#content input, div#content select, div#content textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	background-color: #ffffff;
	border: 1px solid #a7a8aa;
	font-size: 11px;
}

div#content .error {
	color: #cc0000;
	font-weight: bold;
}

/* ----- LEFT COLUMN ----------------------------------------------------------------------- */


#right {
	float: right;
	width: 200px;
	text-align: center;
	font-size: 10px;
}


#left {
	float: left;
	width: 200px;
	text-align: center;
	font-size: 10px;
}

#menu {
	width: 166px;
	background-color: #efeee6;
	text-align: left;
}

#menu li {
	list-style-type: none;
	margin: 2px 0px 2px 0px;
	padding: 0px;
}

#menu li a {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	border-bottom: 1px solid #c2c3c0;
	display: block;
	text-decoration: none;
}

#menu li a:link, #menu li a:visited {
	color: #646567;
}

#menu li a:hover {
	color: #8d6934; 
	background-image: url(../img/construct/bullet_menu.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#actu {
	color: #646567;
	width: 166px;
	background-color: #efeee6;
	text-align: left;
}

#actu #title {
	font-weight: bold;
	margin: 0px 5px 2px 5px;
	border-bottom: 1px solid #a7a8aa;
}

#actu #title a:link, #actu #title a:visited {
	color: #8d6934; 
	text-decoration: none;
}

#actu #title a:hover {
	color: #646567;
	text-decoration: none;
}

#actu p {
	font-size: 10px;
	margin: 0px 5px 0px 5px;
}

.bordera #actu p {
	font-size: 10px;
	margin: 0px 5px 0px 5px;
}

#actu p a:link, #actu p a:visited {
	color: #646567;
	text-decoration: none;
}

#actu p a:hover {
	/* color: #8d6934;  */
	color: #0469A3;
  text-decoration: none;
}

#produits {
	width: 166px;
	background-color: #efeee6;
	text-align: left;	
}

#produits ul {
	list-style-type: none;
	margin: 2px 0px 2px 0px;
	padding: 0px;
}

#produits ul a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #a7a8aa;
	color: #8d6934; 
	font-weight: bold;
}

#produits ul a:link, #produits ul a:visited {
	color: #8d6934; 
}

#produits li a:hover {
	color: #646567;
}

#produits ol {
	list-style-type: none;
	margin: 2px 0px 2px 5px;
	padding: 0px;
}

#produits ol a {
	padding: 0px 0px 0px 7px;
	text-decoration: none;
	border: 0px;
	color: #3d3d3f;
	font-weight: normal;
}

#produits ol a:link, #produits ol a:visited {
	text-decoration: none;
	color: #3d3d3f;
}

#produits ol a:hover {
	text-decoration: none;
	color: #a7a8aa;
	background-image: url(../img/construct/arrow_produits.gif);
	background-position: left;
	background-repeat: no-repeat;
}

a.plus {
	margin: 10px 0px 0px 0px;
	display: block;
	text-align: right;
	text-decoration: none;
}

a.plus:link, a.plus:visited {
	color: #3d3d3f;
}

a.plus:hover {
	/* color: #8d6934;  */
	color: #2E59A0;
}

.bordera {
	padding: 2px;
	border: 1px solid #a7a8aa;
	display: block;
	width: 166px;
	margin: 0px auto 10px auto;
}

/* ----- HEADER ---------------------------------------------------------------------------- */

#flashBanner {
	width: 971px;
	height:214px;
	margin: 5px auto 5px auto;
}

/* ----- BOTTOM ---------------------------------------------------------------------------- */

#bottom {
	clear: both;
}

a#top {
	display: block;
	text-align: right;
	background-image: url(../img/construct/bg_top.gif);
	background-position: left;
	background-repeat: repeat-x;
}

a#top img {
	margin: 0px 10px 0px 0px;
}

#menu_bottom {
	text-align: center;
	margin: 0px 0px 10px 0px;
	color: #646567;
	font-size: 10px;
}

#menu_bottom li {
	display: inline;
}

#menu_bottom a:link, #menu_bottom a:visited {
	text-decoration: none;
	color: #646567;
}

#menu_bottom a:hover {
	text-decoration: none;
	/* color: #8d6934;  */
	color: #0469A3;
}

#copylien {
	margin: 20px 0px 0px 0px;
	background-color: #262324;
	font-size: 10px; 
	color: #ffffff; 
	text-decoration: none; 
	text-align:center;
}

div#copylien a:link, div#copylien a:visited { 
	color: #ffffff; 
	text-decoration: none;
}

div#copylien a:hover {
	color: #c2c3c0; 
	text-decoration: none; 
}

#left li {
	border: 1px solid #efeee6;
}

span.dispo_vert {
	font-size: 12px;
	font-weight: bold;
	color: #009245;
	padding-left: 15px;
	background: url(../img/icones/stock01.gif) no-repeat center left;

}
span.dispo_rouge {
	font-size: 12px;
	font-weight: bold;
	color: #ec1c24;
	padding-left: 15px;
	background: url(../img/icones/stock03.gif) no-repeat center left;
}
span.dispo_jaune {
	font-size: 12px;
	font-weight: bold;
	color: #f7931e;
	padding-left: 15px;
	background: url(../img/icones/stock02.gif) no-repeat center left;
}
span.dispo_noir {
	font-size: 12px;
	font-weight: bold;
	color: #dcdcdc;
	padding-left: 15px;
	background: url(../img/icones/stock04.gif) no-repeat center left;
}

#error_connexion {
	margin-bottom: 5px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: red;
}

#wrapper_mon_compte {

}

#mon_compte_contenu {
	border: 1px solid black;
	padding: 5px;
}

#mon_compte_contenu #prod {
	margin: 0;
	padding: 0;
	width: 540px;
}

#wrapper_mon_compte .onglet {
	float: left;
	background-color: #EFEEE6;
	border: 1px solid #A7A8AA;
	margin: 0 0 0 5px;
	border-bottom: 0;
}

#wrapper_mon_compte .onglet a {
	display: block;
	padding: 5px;
}

.clearer {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: 0;
	line-height: 0px;
	font-size: 0px;
}

#recherche_panier {
	margin-top: 10px;
}

fieldset table td {
	color: #000;
	font-size: 11px;
}
#d_connexion, #d_register {
	float: left;
	width: 260px;
}


/*
	Popup critère
*/

.popup
{
	position: absolute;
	left: 300px;
	z-index: 1000;
	text-align: justify;
	border-collapse: collapse;
	display: none;
	color: #333;
}

.popup .top .left      { height: 10px; width:10px; background: bottom right url(../img/popup_top_left.png) no-repeat; }
.popup .top .center { height: 10px; background: bottom url(../img/popup_line.png) repeat-x; }
.popup .top .right   { height: 10px; width:10px; background: bottom left url(../img/popup_top_right.png) no-repeat; }

.popup .middle .left { width: 10px; background: right url(../img/popup_line.png) repeat-y; }
.popup .middle .center { background: white; }
.popup .middle .center .popupTitle { background-color: #397eae; padding: 4px; color: #eee; margin: 0 0 10px 0; font-size: 12px; }
.popup .middle .center .popupError { background-color: #d25656; padding: 4px; color: #eee; margin: 0 0 10px 0; font-size: 12px; }
.popup .middle .center .popupBottom { text-align: right; border-top: 1px solid #ccc; background-color: #eee; padding: 4px 5px 4px 5px; margin: 10px 0 0 0; }
.popup .middle .center { padding: 3px; }
.popup .middle .right { width: 10px; background: left url(../img/popup_line.png) repeat-y; }

.popup .bottom .left      { height: 10px; width:10px; background: top right url(../img/popup_bottom_left.png) no-repeat; }
.popup .bottom .center { height: 10px; background: top url(../img/popup_line.png) repeat-x; }
.popup .bottom .right   { height: 10px; width:10px; background: top left url(../img/popup_bottom_right.png) no-repeat; }

#popUpOverlay 
{
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
}

#popup_div_ok 
{
	text-align: center;
	padding: 20px;
	color: green;
	font-weight: bold;
	font-size: 14px;
}

#popup_div_ok_left
{
	width: 230px;
	float: left;
	padding: 10px;
	text-align: center;
	background-color: #771F18;
}

#popup_div_ok_right
{
	width: 225px;
	float: left;
	padding: 10px;
	text-align: center;
	background-color: #771F18;
	margin-left: 5px;
}

#popup_div_ok_left a, #popup_div_ok_right a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

#mdp_send {
	margin-bottom: 5px;
	display: block;
	text-align: center;
	font-weight: bold;
	color: green;
}

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

.bouton-contact{border:1px solid #A7A8AA; padding:5px; background: url(../img/construct/bt-ctct.jpg) center center repeat-x; font-weight:bold; height:16px; line-height:16px; margin: 5px auto 0px auto;	
}
.ctct1,.ctct2,.ctct3,.ctct4{
border-bottom:1px solid #A7A8AA;
border-left:1px solid #A7A8AA;
border-right:1px solid #A7A8AA;
display:block;
padding:10px;
margin: 0 auto 5px auto;	
}

.tel{text-align:center;}
.tel b{font-size:14px;}