/**********************************
	structure globale du site
***********************************/

/* ------------
HEADER (EN-TETE)
--------------*/
#header{
	
}
	#header > .inner{
		overflow: hidden;
	}
		#header .box-logo{
			float: left;
			display:block;
			padding: 5px 0 20px;
		}
			#header .box-logo p, #header .box-logo h1{
				margin:0;
				padding:0;
			}
			#header .box-logo .box-titre, #header .box-logo span, .box-txt-header .box-titre, .box-recherche-head .box-titre{
				display:none;
			}


		.box-txt-header{
			border-left: 1px solid #dfdfdf;
			float: right;
			margin-right: 30px;
			padding: 10px 0 0 20px;
		}
			.box-txt-header ul{
				color: #000;
			}
				.box-txt-header li{
					list-style: none;
				}
				.box-txt-header li:first-child{
					font-size: 10px;
					margin-bottom: 5px;
				}
				.box-txt-header li:last-child a{
					font-size: 11px;
					font-size: 1.1rem;
					text-transform: uppercase;
				}


		.box-recherche-head{
			float: right;
		}
			.box-recherche-head .widgetContainer{
				position: relative;
				padding-top: 5px;
			}
				.box-search-loupe{
					background: #52649f url('/images/charte/ico-loupe.png') no-repeat center center / 30px 30px;
					cursor: pointer;
					height: 70px;
					width: 45px;
				}
					.box-search-loupe span{
						display: none;
					}


				#header .catalog_search_form{
					background: #0ff;
					/*display: none;*/
					height: 50px;
					position: absolute;
					/*right: 100%;*/
					right: -400px;
					top: 20%;
					width: 400px;

						-moz-transition: right 1s linear;
						-webkit-transition: right 1s linear;
					transition: right 1s linear;
				}
				#header .catalog_search_form.search-hover{
					/*display: block;*/
					right: 100%;
				}

/* ----------------------
ZONE INTERIEURE (CONTENU)
-----------------------*/
#wrapper{
	
}
	.home #wrapper > .inner{
		max-width: none;	
	}
		#wrapperInner #contents{

		}
			#wrapper .inner #contentsInner{
				
			}




/* ------------
COLONNES
--------------*/
#leftbar >.inner{

}

.catalogProductDetail.menu-left #leftbar {
	display: none;	
}

.catalogProductDetail.menu-left #contents {
	float: none;
	width: 100%;
}

/* -------------------
FOOTER (PIED DE PAGE)
--------------------*/
#footer{
	position: relative;
}

	#rightbar{
		margin-top: 40px;
	}
		#rightbar .box-titre, #footer .box-titre{
			display: none;
		}

		.box-pre-footer li, .box-footer li{
			background-image: url('/images/charte/ico-footer.png');
			background-repeat: no-repeat;
			background-size: 50px 525px;
		}
		

		.box-pre-footer{

		}
			.box-pre-footer .box-container{
				border-top: 1px solid #e6e6e6;
				padding: 20px 0 10px;
			}
				.box-pre-footer li{
					display: inline-block;
					height: 50px;
					line-height: 50px;
					list-style: outside none none;
					padding-left: 55px;
					vertical-align: top;
					width: 24.7%;
				}
				.box-pre-footer li:nth-child(1){
					background-position: 0 5px;
				}
				.box-pre-footer li:nth-child(2){
					background-position: 0 -70px;
				}
				.box-pre-footer li:nth-child(3){
					background-position: 0 -145px;
				}
				.box-pre-footer li:nth-child(4){
					background-position: 0 -220px;
				}

					.box-pre-footer li a{
						color: #000;
						display: inline-block;
						line-height: 1;
						text-decoration: none;
						text-transform: uppercase;
						vertical-align: middle;
					}

		/* Spécif single produit */
		.box-authentification{
			margin: 10px 0 20px
		}
			.box-authentification .box-container{
				border-top: none;
				padding: 0;
			}
				.box-authentification li{
					background-position: 0 -145px !important;
					width: 100%
				}
		/* FIN Spécif single produit */


		.box-newsletter{
			background: #e6e6e6;
			padding: 20px 0;
		}
			.widgetNewsletterComment, #formulairenewsletters{
				display: inline-block;
				vertical-align: middle;
			}
			.widgetNewsletterComment{
				text-align: center;
				width: 52%;
			}
				.widgetNewsletterComment p:nth-child(1){
					display: inline-block;
					font-family: 'rm', Arial, sans-serif;
					font-size: 2rem;
					margin: 0;
					text-transform: uppercase;
					vertical-align: middle;
					width: 35%;
				}
				.widgetNewsletterComment p:nth-child(2){
					border-left: 1px solid #000;
					display: inline-block;
					line-height: 1;
					margin: 0 0 0 15px;
					padding: 5px 0 5px 15px;
					text-align: left;
					vertical-align: middle;
					width: 50%;
				}

			#formulairenewsletters{
				width: 40%
			}
				#NewsLettersSubscribeMail{
					border: none;
					display: inline-block;
					height: 40px;
					vertical-align: middle;
					width: 70%;
				}
				#formulairenewsletters .submit{
					display: inline-block;
					height: 40px;
					margin: 0 0 0 -4px;
					text-align: left;
					vertical-align: middle;
					width: 30%
				}
					#formulairenewsletters .submit input{
						height: 40px;
						width: 100%
					}



	#footerInner{
		padding: 30px 0 70px;
	}
		.box-footer{

		}
			.box-footer li{
				color: #7c7c7c;
				display: inline-block;
				font-size: 13px;
				font-size: 1.3rem;
				font-style: italic;
				line-height: 40px;
				min-height: 40px;
				padding: 0 45px;
				vertical-align: middle;
				width: 23%;
			}
				.box-footer li a, .box-footer li span{
					color: #7c7c7c;
					display: inline-block;
					line-height: 1;
					vertical-align: middle;
					text-decoration: none;
				}
			.box-footer li:nth-child(1){
				background-position: -7px -295px;
				width: 34%;
			}
			.box-footer li:nth-child(2){
				background-position: -7px -370px;
			}
			.box-footer li:nth-child(3){
				background-position: -7px -445px;
				width: 18%;
			}
			.box-footer li:nth-child(4){
				background: none;
				font-family: 'rb', Arial, sans-serif;
				padding: 0;
				text-transform: uppercase;
			}


		.box-mentions{
			border-top: 1px solid #f0f0f0;
			bottom: 0;
			color: #7c7c7c;
			left: 0;
			padding: 10px 0;
			position: absolute;
			right: 0;
			text-align: center;
		}
			.box-mentions p{
				margin: 0
			}
				.box-mentions a{
					color: #7c7c7c;
					font-size: 13px;
					font-size: 1.3rem;
					text-decoration: none;

				}

/* ------------
PAGE ERREUR
--------------*/ 
#error_page{ }
.error, .error_form{ color:#f00 }