/*

1 - HEADER
2 - NAV
3 - FOOTER
4 - MAIN
	4.1 CONTENT
5 - COLLECTIONS
6 - MARQUE
7 - POPIN
8 - LOGIN
9 - ACTUALITES


X - MOBILE

*/


/* VIEWPORT TABLETTE */
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) {
	@-webkit-viewport { width: 1024px; }
	@-moz-viewport { width: 1024px; }
	@-ms-viewport { width: 1024px; }
	@-o-viewport { width: 1024px; }
	@viewport { width: 1024px; }
	body {
		width : 1024px;
		margin : 0 auto;
	}
}

.l_left { float : left; }
.l_right { float : right; }

@media screen and ( max-width : 720px ) {
	body {
		width : 100%;
		overflow-x : hidden;
	}
	.l_left { float : none; }
	.l_right { float : none; }
}

body.overlay {
	height : 100%;
	overflow : hidden;
}

/*		1 - HEADER		*/
.str_header {
	width : 100%;
	position : relative;
	background : white;
	border-bottom : 3px solid #e3c785;
}

/*.str_header.init {
	-webkit-transform:translate3D(0, -100px, 0);
	   -moz-transform:translate3D(0, -100px, 0);
		-ms-transform:translate3D(0, -100px, 0);
		 -o-transform:translate3D(0, -100px, 0);
			transform:translate3D(0, -100px, 0);
	
}*/

.str_header.init,
.str_header.is-pinned {
	position : fixed;
	bottom : auto;
	top : 0;
	/*-webkit-transition:transform .25s;
	   -moz-transition:transform .25s;
		-ms-transition:transform .25s;
		 -o-transition:transform .25s;
			transition:transform .25s;*/
	-webkit-transform:translate3D(0, 0, 0);
	   -moz-transform:translate3D(0, 0, 0);
		-ms-transform:translate3D(0, 0, 0);
		 -o-transform:translate3D(0, 0, 0);
			transform:translate3D(0, 0, 0);
	z-index : 1000;
}

.ctn_header {
	width : 1230px;
	margin : 0 auto;
	/*position:relative;*/
}
@media screen and ( max-width : 720px ) { .ctn_header { width : 100%; } }
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .ctn_header { width : 980px; } }

.ctn_header .ctn_header_relative{
	position:relative;
}

.ctn_header-top {
	position : relative;
	padding : 15px 0;
	text-align : center;
	font-size : 0; /* patch margin display inline-block */
}
@media screen and ( max-width : 720px ) {
	.ctn_header-top {
		height : 130px;
		padding : 35px 0 0;
	}
	
	.init .ctn_header-top,
	.is-pinned .ctn_header-top { height : 37px; }
}
.init .ctn_header-top,
.is-pinned .ctn_header-top { padding : 0; }


/*		2 - NAV		*/
.ctn_nav { border-top : 1px solid #d1cfd0; }
.init .ctn_nav,
.is-pinned .ctn_nav { border-top : none; }



/*		3 - FOOTER		*/
.str_footer {
	position : relative;
	/*padding-top : 88px;
	margin-top : 65px;*/
}
@media screen and ( max-width : 720px ) {
	.str_footer {
		padding-top : 0;
		margin-top : 40px;
	}
}

.str_footer-top {
	padding : 155px 0 45px 0;
	background : #f3f3f3;
	border-top : 3px solid #e3c785;
}
@media screen and ( max-width : 720px ) {
	.str_footer-top {
		padding : 0;
		border-top : none;
		height : 125px;
	}
}

.ctn_footer-top {
	width : 1230px;
	margin : 0 auto;
}
@media screen and ( max-width : 720px ) { .ctn_footer-top { width : 100%; } }
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .ctn_footer-top { width : 980px; } }

.str_footer-bottom { padding : 18px 0; background:#fff; }

.ctn_footer-bottom {
	width : 1230px;
	margin : 0 auto;
}
@media screen and ( max-width : 720px ) { .ctn_footer-bottom { width : 100%; padding:0 10px;} }
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .ctn_footer-bottom { width : 980px; } }



/*		4 - MAIN		*/
.ctn_main {
	width : 100%;
	margin : 0 auto;
	padding-bottom : 88px;
}
@media screen and ( max-width : 720px ) { .ctn_main { padding-bottom : 0; } }

.pg_collections .ctn_main,
.pg_produits-famille .ctn_main {
	width : 1230px;
	}
@media screen and ( max-width : 720px ) {
	.pg_collections .ctn_main,
	.pg_produits-famille .ctn_main { width : 100%; }
}
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) {
	.pg_collections .ctn_main,
	.pg_produits-famille .ctn_main { width : 980px; }
}

.str_main { background : url('../../include/images/f_toile-jouy.jpg') repeat center top; }
.pg_dispatch .str_main { background : none; }
/*@media screen and ( max-width : 720px ) { .str_main { background : #eee; } }*/

.pg_collection-rituel .str_main,
.pg_produit .str_main,
.pg_carnets_inspirations .str_main { background : none; }

.t_h1 {
	width: 100%;
	font-family: 'Futura LT W04 Light';
	font-size: 40px;
	font-size: 4rem;
	color: #343434;
	text-align: center;
	text-transform: uppercase;
	}
.t_h1 strong {
	font-family: "Futura W01 Medium";
	}

.t_h2 {
	width: 100%;
	padding: 20px 20px 0px 20px;
	font-family: 'Futura LT W04 Light';
	font-size: 20px;
	font-size: 2rem;
	color: #343434;
	text-align: center;
	text-transform: uppercase;
	background: white;
	}

.pg_actualites .t_h1 {
	margin: 0 auto 40px auto;
	padding-top: 20px;
	}
.pg_cadeaux .t_h1 {
	margin: 40px auto 0 auto;
	}
.pg_marque .t_h1 {
	padding: 55px 0 0 0;
	background: white;
	}

@media screen and (max-width: 720px) {
	.t_h2 {
		font-size: 14px;
		font-size: 1.4rem;
		}
	}

/*
.pg_marque .str_main { background : url('../../include/images/f_toile-jouy.jpg') repeat center top; }
@media screen and ( max-width : 720px ) { .pg_marque .str_main { background : #eee; } }

.pg_compte .str_main { background : url('../../include/images/f_toile-jouy.jpg') repeat center top; }
@media screen and ( max-width : 720px ) { .pg_compte .str_main { background : #fff; } }

.pg_storelocator .str_main { background : url('../../include/images/f_toile-jouy.jpg') repeat center top; }
@media screen and ( max-width : 720px ) { .pg_storelocator .str_main { background : #fff; } }

.pg_cadeaux .str_main { background : url('../../include/images/f_toile-jouy.jpg') repeat center top; }
@media screen and ( max-width : 720px ) { .pg_cadeaux .str_main { background : #fff; } }

.pg_actualites .str_main { background : url('../../include/images/f_toile-jouy.jpg') repeat center top; }
@media screen and ( max-width : 720px ) { .pg_actualites .str_main { background : #fff; } }
*/


/*		4.1 CONTENT		*/
.ctn_content {
	position : relative;
	width : 1160px;
	margin : 0 auto;
}
@media screen and ( max-width : 720px ) { .ctn_content { width : 96.88%; } }
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .ctn_content { width : 980px; } }

/* PG HOME */
.pg_home .ctn_content { font-size : 0; } /* MARGIN DISPLAY INLINE-BLOCK */

/* PG COLLECTION */
.pg_collections .ctn_content { width : 100%; }

.pg_collections .ctn_content > h1 {
	margin-bottom : 64px;
	text-transform : uppercase;
	font-family : 'Futura LT W04 Light';
	font-size : 30px;
	font-size : 3rem;
	line-height : 1em;
	color : #363636;
}
@media screen and ( max-width : 720px ) {
	.pg_collections .ctn_content > h1 {
		margin : 20px 15%;
		text-align : center;
		font-size : 22px;
		font-size : 2.2rem;
		line-height : 1.1em;
	}
}
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) {
	.pg_collections .ctn_content > h1 {
		margin-bottom : 42px;
		font-size : 22px;
		font-size : 2.2rem;
	}
}
/* PG PARFUMS / PRODUITS FAMILLE */

.pg_produits-famille .ctn_content { width : 100%; }

.pg_produits-famille .ctn_content > h1 {
	margin-bottom : 64px;
	text-transform : uppercase;
	font-family : 'Futura LT W04 Light';
	font-size : 30px;
	font-size : 3rem;
	line-height : 1em;
	color : #363636;
}
@media screen and ( max-width : 720px ) {
	.pg_produits-famille .ctn_content > h1 {
		margin : 20px 15%;
		text-align : center;
		font-size : 22px;
		font-size : 2.2rem;
		line-height : 1.1em;
	}
}
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) {
	.pg_produits-famille .ctn_content > h1 {
		margin-bottom : 42px;
		font-size : 22px;
		font-size : 2.2rem;
	}
}
/* PG COLLECTION RITUEL */
.pg_collection-rituel article { position : relative; }
.pg_collection-rituel .ctn_content { text-align : center; }
.pg_collection-rituel .ctn_carrousel {
	position : relative;
	width : 1160px;
	margin : 0 auto;
}
@media screen and ( max-width : 720px ) { .pg_collection-rituel .ctn_carrousel { display : none; } }
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .pg_collection-rituel .ctn_carrousel { width : 980px; } }



/*		5 - COLLECTIONS		*/
.str_filters + .str_collections { margin-left : 40px; }
@media screen and ( max-width : 720px ) { .str_filters + .str_collections { margin-left : 0; } }
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .str_filters + .str_collections { margin-left : 48px; } }



/*		6 - MARQUE		*/
.str_marque { padding-top : 45px; }
@media screen and ( max-width : 720px ) { .str_marque { padding-top : 0; } }

.str_marque .ctn_content { width : 1100px; }
@media screen and ( max-width : 720px ) { .str_marque .ctn_content { width : 96.88%; } }
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .str_marque .ctn_content { width : 980px; } }


/*		7 - POPIN		*/
.str_popin{
	display:none;
	margin-right:10px;
	margin-left:10px;
	}
.str_popin.default{
	max-width:90%;
	}
.str_popin.marque{
	max-width:940px;
	}
.str_popin .close,
.str_popin .btn_close{
	display: block;
	position:absolute;
	right:0;
	top:0;
	height:41px;
	width:41px;
	z-index:100;
	background:url("../images/i_sprite.png") -46px -702px;
	}
.str_popin .content{
	position:relative;
	}
/* ctn_popin */
.ctn_popin{
	padding:50px;
	}
.ctn_popin .popin_border{
	padding:40px;
	border:1px solid #e3c36e;
	background:#fff;
	-webkit-box-shadow: 0px 0px 50px 50px #ffffff;
		-moz-box-shadow: 0px 0px 50px 50px #ffffff;
			-o-box-shadow: 0px 0px 50px 50px #ffffff;
				box-shadow: 0px 0px 50px 50px #ffffff;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=5);
	}
.ctn_popin.popinAlert { text-align : center; }

.ctn_popin.popinAlert p.msg{
	margin:0 0 5px;
	font:14px/1em 'gotham_book';
	}
.pg_compte .ctn_popin.popinAlert p.msg {
	text-align : left;
	line-height : 1.2em;
}
.pg_compte .ctn_popin.popinAlert p.msg a {
	text-decoration : underline;
	color : #777;
}
.pg_compte .ctn_popin.popinAlert p.msg a:hover { color : #F25A67 }
	
.ctn_popin.confirm{
	text-align:center;
	}
.ctn_popin.confirm .t_confirm{
	margin:0 0 20px 0;
	color:#e3c36e;
	font:24px/1em 'gotham_book';
	text-transform:uppercase;
	}
.ctn_popin.confirm p.msg{
	margin:0 0 5px;
	font:14px/1em 'gotham_book';
	}
.ctn_popin.confirm p.msg a{
	color:#c61492;
	}

.ctn_popin.confirm ul li{
	display:inline-block;
	margin:0 5px;
	}

@media screen and ( max-width : 720px ){
		
	.ctn_popin{
		padding:40px 0 0 0;
		}
	.str_popin .btn_close{
		height:21px;
		width:21px;
		background-position:-56px -712px;
		}
	.ctn_popin .popin_border{
		padding:5px;
		}
	.ctn_popin.var_avis .popin_border{
		padding:10px;
		}
	.ctn_popin iframe{
		width:100%;
		height:auto;
		margin:0 auto;
		}
}



/*	8 - LOGIN	*/
.str_login {
	display:none;
	position : relative;
	background : #f9f5eb;
	overflow : hidden;
}

@media screen and ( max-width : 720px ){
	.str_login {
		height:0;
		position:absolute;
		top:0; left:0; right:0;
		z-index:50;
		}
}

.str_login .btn_close {
	position : absolute;
	top : 25px;
	right : 90px;
	width : 33px;
	height : 33px;
	margin : 0;
	padding : 0;
	background : url('../../include/images/i_sprite.png') no-repeat -192px -306px !important;
	border : none !important;
	z-index:100;
}
.str_login .btn_close:hover { background : url('../../include/images/i_sprite.png') no-repeat -192px -306px; }
@media screen and ( max-width : 720px ){
	.str_login .btn_close,
	.str_login .btn_close:hover{
		top : 10px;
		right : 10px;
		width : 17px;
		height : 18px;
		background-position: -200px -313px !important;
		}
}

.str_login .t_mentions {
	position : absolute;
	right : 90px;
	bottom : 13px;
	font-family: 'gotham_book';
	font-size : 12px;
	font-size : 1.2rem;
	color : #666;
}

.ctn_login {
	position : relative;
	width : 800px;
	margin : 0 auto;
	padding : 30px 0;
}
@media screen and ( max-width : 720px ) {
	.ctn_login {
		width : 100%;
		padding-top:30px;
		}
	}
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .ctn_login { width : 800px; } }

.ctn_login > .t_title {
	margin-bottom : 30px;
	text-align : center;
	text-transform : uppercase;
	font-family:'Futura Plus W08 Demi';
	font-size : 30px;
	font-size : 3rem;
	line-height : 1em;
	color : #ecd9ae;
}
@media screen and ( max-width : 720px ) {	
	.ctn_login > .t_title {
		font-size : 2.5rem;
	}
}

.ctn_login .ctn_col {
	width : 400px;
	padding-right : 100px;
	padding-bottom : 30px;
}
.ctn_login .ctn_col.col_signin {
	padding-left : 80px;
	padding-right : 0;
	border-left : 1px solid #ecd9ae;
}
@media screen and ( max-width : 720px ) {
	.ctn_login .ctn_col,
	.ctn_login .ctn_col.col_signin{
		width : 100%;
		padding: 0 20px 20px;
	}
	.ctn_login .ctn_col.col_signin{
		border-top:1px solid #ecd9ae;
		margin-top:20px;
		padding-top:20px;
	}
}

.ctn_login .ctn_col .t_title {
	margin-bottom : 10px;
	text-transform : uppercase;
	font-family:'Futura Plus W08 Demi';
	font-size : 18px;
	font-size : 1.8rem;
	line-height : 1em;
	color : #333;
}

.ctn_login .ctn_col .t_subtitle {
	margin-bottom : 15px;
	font-family:'Futura Plus W08 Demi';
	font-size : 16px;
	font-size : 1.6rem;
	line-height : 1em;
	color : #f25a67;
}

.ctn_login .ctn_col p {
	font-family: 'gotham_book';
	font-size : 14px;
	font-size : 1.4rem;
	line-height : 1.3em;
	color : #333;
}
.ctn_login .ctn_col p.error_msg {
	position : absolute;
	bottom : 13px;
	font-size : 12px;
	font-size : 1.2rem;
	text-align:left;
	color:#ff1100;
}

.ctn_login .ctn_col .text {
	width : 100%;
	clear:both;
	/*background : url('../../include/images/i_sprite.png') no-repeat right top;*/
}
.ctn_login .ctn_col .text:after{
	content:'';
	display:inline-block;
	vertical-align:top;
	height:34px;
	width : 5%;
	background : url('../../include/images/i_sprite.png') no-repeat right top;
}

.ctn_login .ctn_col .text + .text { margin-top : 7px; }

.ctn_login .ctn_col .text input {
	box-sizing:border-box;
	display:inline-block;
	float:left;
	width : 95%;
	padding : 10px;
	font-family: 'gotham_book';
	font-size : 13px;
	font-size : 1.3rem;
	background : white;
	border : none;
	box-shadow : inset 2px 2px 2px rgba(0,0,0,0.1);
}

.ctn_login .ctn_col .t_forget-password {
	display : block;
	margin : 14px 0;
	text-decoration : underline;
	text-align : right;
	font-family: 'gotham_book';
	font-size : 13px;
	font-size : 1.3rem;
	color : #333;
}
.ctn_login .ctn_col .t_forget-password:hover { color : #f25a67; }

@media screen and ( max-width : 720px ) {
	.ctn_login .ctn_col .t_forget-password {
		padding:0 15px;
		}
	.ctn_login .ctn_col p.error_msg {
		margin:10px 0 0;
		position : relative;
		bottom : auto;
		}
}
.ctn_login .ctn_col label {
	font-family: 'gotham_book';
	font-size : 13px;
	font-size : 1.3rem;
	color : #333;
}

.ctn_login .ctn_col .obj_btn { padding : 10px 45px; }

.ctn_login .ctn_col.col_login .obj_btn {
	color : #f25a67;
	border-color : #f25a67;
}

.ctn_login .ctn_col.col_login .obj_btn:hover {
	color : white;
	background : #f25a67;
}

.ctn_login .ctn_col.col_signin .obj_btn {
	color : white;
	background : #f25a67;
	border-color : #f25a67;
}

@media screen and ( max-width : 720px ) {

	.ctn_login .ctn_col.col_login,
	.ctn_login .ctn_col.col_signin	{
		text-align:center;
	}
	.ctn_login .ctn_col.col_login .obj_btn,
	.ctn_login .ctn_col.col_signin .obj_btn	{
		display:block;
		width:auto;
		text-align:center;
		margin:15px auto 0;
	}
}


/*	9 - ACTUALITES */
.str_actualites .ctn_content { width : 1100px; }
@media screen and ( max-width : 720px ) { .str_actualites .ctn_content { width : 96.88%; } }
@media screen and ( min-width : 720px ) and ( max-width : 1230px ) { .str_actualites .ctn_content { width : 980px; } }


/*		X - MOBILE		*/
.str_mob {
	position : relative;
	width : auto;
	background : white;
	box-shadow : 0 0 10px rgba(0,0,0,0.5);
	z-index : 5;
	transition : all 300ms ease-in-out;
	-webkit-transition : all 300ms ease-in-out;
	   -moz-transition : all 300ms ease-in-out;
		 -o-transition : all 300ms ease-in-out;
}

.pg_marque .str_mob { background : #eee; }