/* CSS Document */

body {background:#000 url(../img/body_bg.jpg) repeat-x 50% 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#fff;}

/* ------- Div's ------- */
#wrapper {width:985px; margin:0 auto;}
#top {width:985px; height:193px; background:url(../img/top.jpg) no-repeat 0 0;}
	#banner {width:819px; height:193px; float:left;}
	#banner-buttons {width:166px; height:158px; float:left; margin-top:35px;}
		#btn-panier {background:url(../img/btn_panier.jpg) no-repeat 0 0; display:block; height:65px;}
		#btn-nouveautes {background:url(../img/btn_nouveautes.jpg) no-repeat 0 0; display:block; height:65px;}
			#btn-nouveautes:hover, #btn-panier:hover {background-position:0 -65px;}
		#banner-buttons .selected {background-position:0 -65px;}
#main {background:url(../img/bg_repeat.jpg) repeat-y 0 0;}
	#inside-main {background:url(../img/bg_bas.jpg) no-repeat 0 100%; min-height:620px; _height:620px; padding:0 30px;}
		#col-1 {width:620px; float:left;}
		#col-2 {width:300px; margin-left:620px;}
		#col-menu {width:215px; margin-left:20px; float:left;}
			#col-menu h3 {outline:none;}
			#col-menu h3 a {outline:none;}
			#col-menu ul {list-style:none; padding:3px 0 20px 20px;}
			#col-menu li a {font-size:12px;}
		#col-normal {width:675px; margin-left:10px; padding-bottom:50px; float:left; _margin-left:0px;}
			#col-normal-col-1 {width:215px; float:left;}
			#col-normal-col-2 {width:455px; float:left;}
				#col-normal-col-2 img {display:none;}
			#col-normal-col-produit {width:430px; float:left; position:relative;}
				#col-normal-produit-img {list-style:none;}
				#col-normal-col-img-info {width:300px; float:left;}
				    #col-normal-produit-info {margin-left:20px; width:300px; background-color:#000; position:absolute; bottom:3px; filter:alpha(opacity=90); opacity:0.9; /*visibility:hidden;*/}
				    #col-normal-produit-info p{margin:5px;}
				    #col-normal-produit-onglets {position:relative; left:0px; top:0px; float:left;}
			    #col-normal-col-prix {padding-left:20px; width:110px; float:left;}
			        #col-normal-col-prix ul {list-style:none; padding-left:10px; float:left; color:#f09b16;}
			        #col-normal-col-prix a {font-size:9px; color:#f09b16;}
			        #col-normal-col-prix a:hover{color:#fff;}
			    #col-normal-tailleaddcart {padding-left:20px; margin:0px; width:110px; float:left; position:absolute; bottom:0; right:0; text-align:center;}
			#col-normal-col-autres-produits {width:200px; float:left; background:url(../img/bg_autresproduits.jpg) no-repeat 0 0; padding:60px 20px 0 20px; overflow:hidden;}
				#autres-produits-scroll {width:200px; height:306px; overflow:hidden;}
					#produits-scroll-content {margin-left:0; width:auto; height:306px;}
						#produits-scroll-content img {}
#footer {
 background:url(../img/footer_bg.jpg) 
 no-repeat 0 0; 
 height:80px;
 padding-top:12px;
 text-align:center;
 }

#footer .btn_footer {
 margin-left :50px;
}
	#m-informations {width:190px; height:30px; display:block; float:left;}
	#m-contacts {width:144px; height:30px; display:block; float:left;}
	#m-calendrier {width:159px; height:30px; display:block; float:left;}
	#m-partenaires {width:160px; height:30px; display:block; float:left;}
	#m-remerciements {width:186px; height:30px; display:block; float:left;}
	#m-liens {width:146px; height:30px; display:block; float:left;}
	
	#phpc-footer {width:60px; margin:0 auto;}
	#footer-log {float:right;}
		#footer-log a {font-size:11px;}


/* ------- Tag styling ------- */

p{margin:0 0 8px 0;}

.titre-banner-t h1, .titre-banner-tl h1, .menu-bg h1 {color:#fff; font-size:25px; padding-bottom:5px; _padding-bottom:0px; padding-top:8px; _padding-top:5px; font-weight:normal; word-spacing:-1px;}
.titre-banner-t h1 a, .titre-banner-tl h1 a, .menu-bg h1 a{color:#fff; font-size:25px; padding-bottom:5px; _padding-bottom:0px; padding-top:8px; _padding-top:0px;  font-weight:normal; word-spacing:-1px;}

h1 {color:#fff; font-size:25px; font-weight:normal; word-spacing:-1px;}
h1 a{color:#fff; font-size:25px; font-weight:normal; word-spacing:-1px;}
h1 a:hover {color:#fff; text-decoration:underline;}

#col-menu h1, #col-menu h1 a{word-spacing:-8px;}

.menu-bg h1{text-align:center;}
.titre-banner-tl, .titre-banner-t h1{padding-left:30px;}

#footer h2 {height:50px; color:#fff; font-size:20px; text-align:center; margin-bottom:15px; padding-bottom:5px; padding-top:11px; padding-left:0px; font-weight:normal; word-spacing:-1px; float:left;}
#footer h2 a {color:#fff; font-size:20px; text-align:center; margin-bottom:15px; padding-bottom:5px; padding-top:11px; padding-left:0px; font-weight:normal; word-spacing:-1px;}
#footer h2 a:hover {color:#ec9c11;}

h2 {color:#ec9c11; font-size:20px; font-weight:normal; word-spacing:-1px;}
h2 a {color:#ec9c11; font-size:20px; font-weight:normal; word-spacing:-1px;}
h2 a:hover {color:#fff; text-decoration:none;}

h3 {color:#fff; font-size:13px; font-weight:bolder;}
h4 {font-weight:bold;}

a {text-decoration:none; color:#ec9c11; border:0;}
a:hover{color:#f1dfc0; text-decoration:underline;}

#col-2, #col-normal-col-1 p {padding:10px 0;}

hr {color:#ec9c11; border-bottom:1px solid #ec9c11; margin:2px 0 5px 0;}


/* ------- Classes ------- */
.div_link {display:block; width:100%; height:100%;}

.menu-bg {background:url(../img/menu_bg.jpg) no-repeat 0 0; width:203px; height:38px; margin-bottom:3px;}
.titre-banner-t {background:url(../img/t_bg.jpg) no-repeat 0 0; width:463px; height:39px; margin-bottom:15px;}
.titre-banner-tl {background:url(../img/tl_bg.jpg) no-repeat 0 0; width:662px; height:38px; margin-bottom:15px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.p-normal {padding:10px 0;}
.texte-plus-gros-1 {font-size:16px; font-weight:bold;}
.texte-plus-gros-2 {font-size:18px; font-weight:bold;}
.texte-plus-gros-3 {font-size:20px; font-weight:bold;}
.titre-image {margin-bottom:15px;}
.item-image {float:left; margin-left:15px; margin-bottom:15px;}
#col-normal .mini-bread {padding:0; margin-left:0px; top:-5px; position:relative; font-size:10px; color:#f09b16;}
	#col-normal .mini-bread a {color:#aaa;}
	#col-normal .mini-bread a:hover {color:#ccc;}

.categorie {clear:both;}
	.categorie a {color:#fff;}
		.categorie a:hover {color:#f09b16;}
	.categorie-float-image {width:98px; height:98px; border:1px solid #fff; float:left; margin-right:15px; margin-bottom:20px; display:none; position:relative;}
		.categorie-float-image img {position:absolute; top:0; left:0;}
			.categorie-float-image img.active {display:block;}
	.categorie-items {float:left; width:500px; margin-bottom:20px;}
		.categorie h1 {}
		.categorie-ul {margin-left:18px; display:none;}
			.categorie-ul li {display:block; float:left; width:138px; background:url(../img/li_image.gif) no-repeat 0 50%; padding-left:15px;}

.nouveau-produit {width:320px; height:110px; float:left; margin-right:15px; margin-bottom:10px; color:#7d7f97; font-size:12px;}
	.nouveau-produit img {float:left; margin-right:15px; display:none;}
	.nouveau-produit h1 {color:#fff; font-weight:bold; font-size:12px;}
	.nouveau-produit h1 a {color:#fff; font-size:14px;}
		.nouveau-produit h1 a:hover {color:#f09b16;}
	.nouveau-produit h3 a {color:#fff;}
	.nouveau-produit p a {color:#7d7f97; font-size:12px;}
		.nouveau-produit a:hover {color:#f09b16;}
	.nouveau-produit-prix {color:#f09b16; font-weight:bold; font-size:12px; margin-top:15px;}

.calendrier-item {width:49%; float:left; padding-bottom:25px;}
	.calendrier-date {font-size:14px; color:#bababf; font-weight:bold;}
	.calendrier-item p a {font-size:18px;}
	.calendrier-description {}

.ul-remerciements {padding-left:20px; padding-bottom:40px;}

.showImgProduct {min-height:305px; height:100%; width:300px; margin:0 0 0 20px; border:1px solid #ffcc00;}
.produit-img{}
	.produit-img img {margin-bottom:-4px;}
    .produit-onglet1{position:absolute; top:0px; left:0;}
    .produit-onglet2{position:absolute; top:70px; left:0;}
    .produit-onglet3{position:absolute; top:140px; left:0;}
    .produit-onglet4{position:absolute; top:210px; left:0;}
    
    .produit-info-titre{font-weight:bold; color:#d0a000;}


.produit-prix {color:#fff; text-align:center; font-size:15px; font-weight:bold;}
.produit-radio {margin:10px; width:15px; height:15px; color:#000}
.produit-taille {margin-top:10px; border:2px; border-style:solid; border-color:#f09b16;}
.produit-addcart {margin-top:10px; padding-left:2px; padding-right:2px; border-color:#f09b16; background-color:#161A3F; text-align:right; font-size:16px; font-weight:bold; color:#ffcc00; }

.autres-produits-fleches {padding-top:0px; margin-left:120px; clear:both; height:40px;}
	.autres-produits-fleche2 {background:url(../img/fleche2.jpg) no-repeat 0 0; display:block; height:27px; float:left; width:32px; margin-left:8px; cursor:pointer;}
		.autres-produits-fleche2:hover {background-position:0 -27px;}
	.autres-produits-fleche1 {background:url(../img/fleche1.jpg) no-repeat 0 0; display:block; height:27px; float:left; width:32px; margin-left:8px; cursor:pointer;}
		.autres-produits-fleche1:hover {background-position:0 -27px;}


/* ------- Other ------- */

/*Produit JQuery plugin*/

.showImgProduct{
	display: list-item;
}

.hideImgProduct {
	display: none;
}
  
 #desc {
background-color : #000000;
filter:alpha(opacity=90); 
opacity:0.9;
color : #ffffff;
float : left;
bottom : 1px;
left: 21px;
position: absolute;
padding: 5px;
width: 290px;
display:none;
}

/*----- LOGIN -----*/

#login {

	margin-left:auto;
	margin-right:auto;

}

#login td {

	vertical-align:middle;
	width:150px;

}

#login input[type='text'], #login input[type='password'] {
	text-align:center;
}

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

input[type='text'], input[type='password'], textarea, select{
	
	border: 1px solid #9f761C;
	margin: 5px;
	background: #F1DFc0;
	margin-left:auto;
	margin-right:auto;
	
	}
	
	#id_submit_form_button {
	
		border: 1px solid #9f761C;
		background: #272e72 !important;
		padding: 2px 10px;
		color: #ffffff;
		font-weight:bold;
		cursor:pointer;
		
	}
		
	#id_submit_form_button:hover {
	
		border: 1px solid #ffffff;
		background: #EC9C11 !important;
		padding: 2px 10px;
		color: #ffffff;
		
	}
	#id_submit_form_button:active {
	
		border: 1px solid #272e72;
		background: #EC9C11 !important;
		padding: 2px 10px;
		color: #272e72;
		
	}