/* --------------------------------------------------------------------------------
 *
 *  FRONT-OFFICE
 *  Stylesheet
 *  Version : $Id: layout.css 97 2011-06-01 14:04:10Z Easy Net Technology $
 *
 -------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------
*
*  HTML
*
-------------------------------------------------------------------------------- */

html {
	height:100%;
}



/* --------------------------------------------------------------------------------
*
*  BODY
*
-------------------------------------------------------------------------------- */

body {
	/*font-family:helvetica;*/
    font-family: 'EB Garamond', serif;
	font-size:12pt;
	color:#767980;
	padding:0;
	margin:0;
}



/* --------------------------------------------------------------------------------
*
*  GLOBAL STYLE
*
-------------------------------------------------------------------------------- */

a img								{ border:0; }
.clear								{ clear:both; line-height:0; }
.required, .global-erreur, p.erreur	{ color:#d67a00; }
.global-erreur-under-pwd			{ padding:0 0 0 155px; }
.info-champ-requis					{ float:left; padding:20px 0 0 0; font-size:12px; }

.info-success	{ color:#86c967; padding:20px;  }
.info-error		{ color:#d67a00; padding:20px; }

.monospace						{ font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;  }


/* --------------------------------------------------------------------------------
*
*  DEVELOPPER / DEBUG STYLE
*
-------------------------------------------------------------------------------- */

.hidden								{ display:none; visibility:hidden; }
.dev-red							{ background-color:red; }
.dev-gold							{ background-color:gold; }
.dev-purple							{ background-color:purple; }
.dev-green							{ background-color:green; }
.dev-navy							{ background-color:navy; }
.dev-111							{ background-color:#111; }
.dev-222							{ background-color:#222; }
.dev-333							{ background-color:#333; }
.dev-444							{ background-color:#444; }
.dev-555							{ background-color:#555; }
.dev-666							{ background-color:#666; }
.dev-777							{ background-color:#777; }
.dev-888							{ background-color:#888; }
.dev-999							{ background-color:#999; }
.dev-000							{ background-color:#000; }
.dev-aaa							{ background-color:#aaa; }
.dev-bbb							{ background-color:#bbb; }
.dev-ccc							{ background-color:#ccc; }
.dev-ddd							{ background-color:#ddd; }
.dev-eee							{ background-color:#eee; }
.dev-fff							{ background-color:#fff; }

/* -- Opacité  ------------------------------------------------------------- */
.dev-o75							{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }


/**********************************************************************************
*
*  Pictos
*
**********************************************************************************/

.picto-arrow					{ display:inline-block; width:30px; height:19px; background:url(../images/interface/fleches.png?20110514) 0px 0px no-repeat; }

/* inactive : on ne montre pas */
/*
.picto-arrow-previous			{ background-position:100px 100px;  }
.picto-arrow-next				{ background-position:100px 100px;  }
*/
.picto-arrow-previous		{ background-position:-19px -25px;  }
.picto-arrow-next			{ background-position:-35px -25px;  }

/* survol */
a[href]:hover .picto-arrow-previous	{ background-position:-19px -59px;  }
a[href]:hover .picto-arrow-next		{ background-position:-35px -59px;  }

/* normal */
a[href] .picto-arrow-previous		{ background-position:-19px -25px;  }
a[href] .picto-arrow-next			{ background-position:-35px -25px;  }


/* --------------------------------------------------------------------------------
*
*  PAGE
*
-------------------------------------------------------------------------------- */

#page								{ margin:20px auto; padding:20px 20px 5px 20px; width:920px; /*border:1px solid #767980;*/  }

.main-zone							{   }
.ctn-coming-soon					{ text-align:center; }


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

#ctn-header {
    position:relative;
    background:url('/images/v2/logo-pastille.jpg') top right no-repeat;
}
#ctn-header a.men-on,
#ctn-header a:hover {
    border:0;
}

#ctn-header .link-logo {
    display:block;
    width:220px;
    height:170px;
    margin:0 auto;
    border:0;
}

#ctn-header .ctn-langue {
    position:absolute;
    top:170px;
    right:0;
    list-style:none;
}
#ctn-header .ctn-langue li {
    display:inline;
}
#ctn-header .ctn-langue li.active {
    color:#000;
}

#ctn-header .ctn-navigation {
    list-style:none;
    height:34px;
    line-height:34px;
    border-top:1px solid #767980;
    border-bottom:1px solid #767980;
    margin:25px 0 0 0;
}
#ctn-header .ctn-navigation li {
    display:inline-block;
    margin-right:10px;
    text-transform:uppercase;
}
#ctn-header .ctn-navigation li a {

}


#ctn-header .ctn-socials {
    margin:10px 0;
    text-align:right;
    list-style:none;
}
#ctn-header .ctn-socials li {
    display:inline-block;
    width:25px;
    height:25px;
    margin:0 0 0 10px;
}
#ctn-header .ctn-socials li a {
    display:block;
    width:25px;
    height:25px;
}
#ctn-header .ctn-socials li a:hover {
    border:0;
}


/* --------------------------------------------------------------------------------
*
*  NAVIGATION
*
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
*
*  SUB-NAVIGATION
*
-------------------------------------------------------------------------------- */


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

#ctn-content						{ min-height:250px; /*border-top:1px solid #000; border-bottom:1px solid #000;*/   }

/* --------------------------------------------------------------------------------
*
*  PAGINATION
*
-------------------------------------------------------------------------------- */

/* - Pagination -----------------------------------------------------*/
/*
ul.pagination								 { height:30px; margin:25px 0; padding:0; list-style-type:none; text-align:center; color:#000;  }
ul.pagination li							 { width:20px; display:block; line-height:30px; text-align:center; height:30px; float:left;    }
ul.pagination li a							 { color:#666; display:block; text-align:center; width:16px; height:16px; line-height:16px; margin:8px 0 0 0; text-decoration:none;  }
ul.pagination li a:hover					 { color:#333;  }
ul.pagination li.paginationItemActif		 { background-color:#C1C70F; border:0; -moz-border-radius:15px;-webkit-border-radius:15px; color:#fff; width:30px; margin:0 2px 0 0; font-size:1.2em; font-weight:bolder; }
ul.pagination li.paginationStart			 {  }
ul.pagination li.paginationEnd				 {  }
ul.pagination li.noPuce						 { margin:0;  }
ul.pagination li a.pagination				 { font-size:0.8em; display:block; text-align:center; width:16px; height:16px; line-height:16px; margin:8px 0 0 0; }
ul.pagination li.movePrevious, ul.pagination li.moveFirst, ul.pagination li.moveNext, ul.pagination li.moveLast		 { width:20px; margin:0;  }
ul.pagination li.movePrevious a, ul.pagination li.moveFirst a, ul.pagination li.moveNext a, ul.pagination li.moveLast a		 {  }
span.paginationInfos						 { color:#666; font-size:80%; }
*/

/* --------------------------------------------------------------------------------
*
*  PANIER
*
-------------------------------------------------------------------------------- */

.panier-resume {
	position:absolute;
	top:75px;
	right:0;
	text-align:right;
	height:123px;
	width:150px;
}

.tab-panier {
	width:100%;
	border-collapse:collapse;
}
.tab-panier th {
	background-color:#624D47;
	color:#fff;
}
.tab-panier tbody td {
	border-bottom:1px solid #000;
	padding:4px 0;
}
.tab-panier .action {
	text-align:center;
}
.tab-panier .libelle {
	text-align:left;
}
.tab-panier .prix {
	text-align:right;
}
.tab-panier .qte {
	text-align:center;
}

.infos-livraison {
	width:500px;
	float:left;
}
.infos-montant {
	width:400px;
	float:right;
	text-align:right;
}

.lien-adresse {
	padding-right:112px;
    text-align:right;
}

.cde-paiement-mode {
	width:450px;/*500*/
	float:left;
}

.cde-paiement-recap {
	width:450px;/*400*/
	float:right;
	margin:5px 0;
	font-size:11pt;
}

.cde-paiement-recap .infos-montant {
	padding-right:110px;
	width:290px;
}

.form_paypal_loader {
	background-color:#eee;
	height:300px;
	line-height:300px;
	text-align:center;
	margin:0 0 10px 0;
}


/* --------------------------------------------------------------------------------
*
*  COMMANDE
*
-------------------------------------------------------------------------------- */
#ctn-commande {

}
#ctn-commande h1 {
	text-transform:uppercase;
	font-size:12pt;
	color:#000;
}
#ctn-commande h2 {
	font-size:10pt;
	color:#000;
}
.cde-chemin {
	margin:0 0 20px 0;
}

.cde-etape {
	float:right;
}

.cde-adresses {

}
.cde-adresses .line-error {
	background-color:OrangeRed;
}
.cde-adresses .line-error input {
	color:Red;
}
.cde-adresses .subline-info {
	display:inline-block;
	/*
	clear:both;
	margin-left:130px;
	*/
	float:left;
	font-style:italic;
	font-size:8pt;
	color:#666;
}
.cde-adresses h2 {
	margin:0;
}
.cde-adresses input[type='text'] {
	width:225px;

}
.cde-adresses select {
	width:230px;
}

.cde-adresses .line {
	clear:both;
	height:22px;
	margin:2px 0;
	padding:2px 0;
}
.cde-adresses label {
	float:left;
	font-size:10pt;
	text-align:right;
	padding:0 5px 0 0;
	width:125px;
}
.cde-adresses .field {
	float:left;
}
.cde-facturation-adresse {
	float:left;
	width:410px;
	height:402px;
	padding:0 15px;
}
.cde-livraison-adresse {
	float:right;
	width:410px;
	height:402px;
	padding:0 15px;
}
.cde-titre {
	font-size:10pt;
	font-style:italic;
	padding-left:25px;
	height:45px;
}
.cde-titre-facturation {
	height:15px;
}
.cde-titre input {
	float:left;
	margin-left:-25px;
}
.cde-btn {
	padding:15px 0;
	clear:both;
	text-align:right;
}
.cde-btn-submit {

}
.cde-paiement-choix-mode {
	background-color:#eee;
	padding:5px 10px;
	margin:5px -10px;
    width:430px;
}

.cde-paiement-choix-mode .line-error {
	color:Red;
}



/* --------------------------------------------------------------------------------
*
*  HOME / REPORTAGE
*
-------------------------------------------------------------------------------- */

.reportage-encart-principal {
    width:920px;
    height:385px;
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    border-bottom:1px solid #767980;
}
.reportage-encart-principal .reportage-image {
    height:345px;
    background:#000;
    text-align:center;
    overflow:hidden
}
.reportage-encart-principal .reportage-legende {
    height:40px;
    line-height:40px;
    color:#fff;
    padding:0 0 0 10px;
    overflow:hidden;
}

.reportage-legende-mode {
    background:#41a692;
}
.reportage-legende-fashion {
    background:#ec008c;
}
.reportage-legende-beauty {
    background:#25aae1;
}
.reportage-legende-jewellery {
    background:#d98166;
}
.reportage-legende-culture {
    background:#92278f;
}
.reportage-legende-lifestyle {
    background:#8dc63f;
}
.reportage-encart-principal a {
    color:#fff;
    text-decoration:none;
}
.reportage-encart-principal a:hover {
    border:0;
}


.reportage-list {

}
.reportage-item {
    width:300px;
    height:190px;
    margin:0 10px 5px 0;
    float:left;
}

.reportage-list-with-mag .reportage-item:nth-child(2n+1) {
    margin-right:0;
}
.reportage-list-without-mag .reportage-item:nth-child(3n) {
    margin-right:0;
}

.reportage-item .reportage-image {
    height:150px;
    background:#000;
    text-align:center;
    overflow:hidden;
}
.reportage-item .reportage-legende {
    height:30px;
    line-height:30px;
    color:#fff;
    padding:0 0 0 10px;
    overflow:hidden;
}

.reportage-list a {
    color:#fff;
    text-decoration:none;
}
.reportage-list a:hover {
    border:0;
}

.reportage-list-pagination {
    clear:both;
    list-style:none;
    text-align:right;
    height:25px;
}
.reportage-list-pagination li {
    display:inline-block;
    width:25px;
    height:25px;
    margin-left:5px;
}
.reportage-list-pagination li a {
    display:block;
    width:25px;
    height:25px;
}





/* Magazine en page d'accueil */
.magazine-home {
    width:300px;
    height:580px;
    margin:0 10px 5px 0;
    float:left;
}

.magazine-image {
    width:300px;
    height:424px;
    overflow:hidden;
}

.magazine-legende {
    width:280px;
    height:126px;
    overflow:hidden;
    background:#4d1f73;
    color:#fff;
    padding:10px;
    font-size:11pt;
    line-height:11pt;
}

.magazine-titre {
    margin:0 0 10px 0;
}

.magazine-titre a,
.magazine-titre a:hover {
    color:#fff;
}

.magazine-resume {

}




/* --------------------------------------------------------------------------------
*
*  MAGAZINE / BOUTIQUE
*
-------------------------------------------------------------------------------- */

#ctn-magazine-shop {
    color:#767980;
}

.magazine-shop-presentoir {
    width:920px;
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    border-bottom:1px solid #767980;
}

.magazine-shop-presentoir .ctn-issuu {
    height:424px;
    background:#DDDCDE;
}

.magazine-shop-presentoir .ctn-issuu > span {
    display:block;
    text-align:center;
    margin:0 auto;
    height:424px;
    line-height:424px;
}

.magazine-shop-presentoir .ctn-issuu > .issuuembed {
    margin:0 auto;
}

.magazine-shop-list {

}

.magazine-shop-item {
    width:160px;
    height:375px;/*500px;*/
    margin:0 30px 35px 0;
    overflow:hidden;
    float:left;
}
.magazine-shop-item:nth-child(5n)   {
    margin-right:0;
}

.magazine-shop-img {
    height:226px;
    width:160px;
    overflow:hidden;
}

.magazine-shop-img > a {
    display:block;
    height:226px;
    width:160px;
}

.magazine-shop-img > a > img {
    max-height:226px;
    max-width:160px;
}

.magazine-shop-item > h2 {
    margin:0 0 10px 0;
    padding:10px 0;
    border-bottom:1px solid #767980;
    font-size:16px;
    height:20px;
    line-height:24px;
    overflow:hidden;
}

.magazine-shop-item > .description {
    margin:0 0 20px 0;
    font-size:14px;
    line-height:16px;
    height:129px;
    overflow:hidden;
}

.magazine-shop-item > .action {
    text-align:right;
}

.magazine-shop-item > .action > a,
.magazine-shop-item > .action > .form-shop input[type="submit"] {
    cursor:pointer;
    text-align:left;
    display:inline-block;
    width:125px;
    height:26px;
    line-height:26px;
    border:1px solid #767980;
    padding:4px 0 4px 10px;
    margin:10px 0 0 0;
    background:#D3D3D3;
    color:#767980;
}

.magazine-shop-item > .action > a {
    width:113px;
    height:16px;
    line-height:16px;
}

.magazine-shop-item > .action > .form-shop input[type="submit"]:hover,
.magazine-shop-item > .action > a:hover {
    color:#000;
    border-color:#000;
}

.magazine-shop-item > .action > .form-shop {

}



/* --------------------------------------------------------------------------------
*
*  MAGAZINE
*
-------------------------------------------------------------------------------- */

#ctn-magazine						{ text-align:center; color:#6e6e6e; }
.magazine-item						{ position:relative; margin:20px 20px 75px 40px; font-size:9pt; color:#6e6e6e; }
.magazine-item img					{ float:left; margin:5px 15px 5px 5px; }
.magazine-item h1					{ margin:5px 5px 20px 5px; font-size:12pt; }
.magazine-item p					{ margin:5px; }
.magazine-item div					{ text-align:center; clear:both;   }
.magazine-item form.form-shop		{ position:absolute; top:0; right:0; text-align:right;   }



/* --------------------------------------------------------------------------------
*
*  PAGES STATIQUES
*
-------------------------------------------------------------------------------- */

#ctn-page-statique					{ font-size:10pt; color:#6e6e6e;  }
#ctn-page-statique h1				{ text-transform:uppercase; font-size:12pt; color:#000; }
#ctn-page-statique h2				{ font-size:10pt; color:#000; }
#ctn-page-statique .left			{ text-align:justify; float:left; width:450px;  }
#ctn-page-statique .right			{ text-align:right; float:right; width:450px; }



/* --------------------------------------------------------------------------------
*
*  CONTACT & ADVERTISE
*
-------------------------------------------------------------------------------- */

#ctn-contact						{ text-align:center; padding:25px 0; color:#6e6e6e; }
#ctn-contact p						{ }




/* --------------------------------------------------------------------------------
*
*  PRESSE
-------------------------------------------------------------------------------- */

.press-btn							{ display:inline-block; width:20px; height:18px; margin:0 4px; }
#presse-prev-btn					{ position:relative; }
#presse-prev-btn a.bx-prev {
position:absolute;
top:0px;
left:0px;
z-index:999;
width:12px;
height:19px;
text-indent: -999999px;
background: url(../images/interface/fleches.png?20110514) no-repeat -19px -25px;
}
#presse-next-btn					{ position:relative; }
#presse-next-btn a.bx-next {
position:absolute;
top:0px;
right:0px;
z-index:999;
width:12px;
height:19px;
text-indent: -999999px;
background: url(../images/interface/fleches.png?20110514) no-repeat -53px -25px;
}

/*next/prev button hover state*/
#presse-prev-btn a.bx-prev:hover {
background-position:-19px -59px;
}
#presse-next-btn a.bx-next:hover {
background-position:-53px -59px;
}


#ctn-presse							{ height:550px; }
#ctn-presse ul						{ height:500px; width:960px; margin:50px 0 0 0; padding:0;  }
#ctn-presse ul li					{ position:relative; display:inline-block; width:936px; height:500px; overflow:hidden; padding:0; margin:0;    }
#ctn-presse ul li div				{ height:500px; width:200px; float:left;   }
#ctn-presse ul li div+div			{ margin:0 0 0 40px;  }
#ctn-presse ul li div.double		{ width:400px;   }
#ctn-presse ul li a					{   }
#ctn-presse ul li a:hover img		{ border:1px solid #000;  }
#ctn-presse ul li img				{ border:1px solid #ccc;  }
#ctn-presse ul li h1				{ margin:0; padding:0; text-transform:uppercase; font-size:10pt; color:#6e6e6e; font-weight:normal; }
#ctn-presse ul li span				{ display:block; font-size:10pt; color:#6e6e6e;  }
#ctn-presse ul li a.dl-pdf			{ float:right; /*position:absolute; top:422px; right:2px;*/ display:inline-block; width:16px; height:16px;   }
#ctn-presse ul li a.dl-pdf img		{ border:0;  }
#ctn-presse .image-indisponible		{ font-size:.8em; text-align:center; font-style:italic; color:#6e6e6e; background:#eee; border:1px solid #ccc;  }



/* --------------------------------------------------------------------------------
*
*  NEWSLETTER
*
-------------------------------------------------------------------------------- */
#ctn-newsletter {
	padding:100px 0 0 0;
	text-align:center;
	min-height:300px;
}

#ctn-newsletter form {

}
#ctn-newsletter form .text {
	padding:10px 0;
}
#ctn-newsletter form .text input {
	width:400px;
	height:30px;
	line-height:30px;
	font-size:14pt;
	color:#6e6e6e;
	text-align:center;
}



/* --------------------------------------------------------------------------------
*
*  FORMS
*
-------------------------------------------------------------------------------- */

/*
form					{ margin:0; padding:0; }

#mailSentResult							{ min-height:25px; margin:10px; }

.form-contact							{ padding:0 0 0 20px; line-height:21px;  }
.form-contact a							{ font-family:arial; font-size:12px; }
.form-contact h3						{  }
.form-contact div						{  }
.form-contact label						{ display:block; margin:0; padding:0; }
.form-contact select					{ height:30px;  }
.form-contact select option				{ padding:5px;}
.form-contact input[type='text']		{ width:250px; height:20px; line-height:30px; }
.form-contact input.code_captcha		{ width:125px;  }
.form-contact textarea					{ width:475px; color:#fff;  }
.form-contact textarea,
.form-contact select,
.form-contact input[type='text']		{ font-family:georgia; font-size:14px;  padding:5px; color:#fff; background-color:#C1C70F; border:0; -moz-border-radius:6px;-webkit-border-radius:6px; }
.form-contact .last						{ }
.form-contact .asterisk					{ font-style:italic; float:left; }
*/


/* --------------------------------------------------------------------------------
*
*  Form Fields
*
-------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------
*
*  Liste
*
-------------------------------------------------------------------------------- */

ul								{ margin:0; padding:0; }


/* --------------------------------------------------------------------------------
*
*  LINKS
*
-------------------------------------------------------------------------------- */

a							{ outline:none; color:#767980; text-decoration:none; border:0;   }
a:link					    { 	}
a:visited					{ 	}
a.men-on,
a:hover						{ color:#000; border-bottom:1px solid #000;   }

.reportage-detail > p > a {
    outline:none;
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #000;
}
.reportage-detail > p > a:hover {
    border:0;
}



/* --------------------------------------------------------------------------------
*
*  FOOTER
*
-------------------------------------------------------------------------------- */

#ctn-footer						{   }

#ctn-footer .ctn-navigation-footer			{ font-size:10pt; text-transform:uppercase; margin:10px 0 0 0; padding:4px 0 0 0; border-top:1px solid #767980;    }
#ctn-footer .ctn-navigation-footer li		{ display:inline-block; padding:0; margin:0 10px 0 0; }
#ctn-footer .ctn-navigation-footer li a		{  }
#ctn-footer .ctn-navigation-footer li a:hover		{ border:0;  }



/* --------------------------------------------------------------------------------
*
*  BLOCKS
*
-------------------------------------------------------------------------------- */

.entMessageDefault						 { background:#FFECA5; border:1px solid #FCCD51; }
.entMessageConfirmation					 { padding:4px 4px 4px 25px; background:url(../images/interface/accept.png) #c5ffb2 5px 5px no-repeat; color: #1e731a; border:1px solid #1e731a; }
.entMessageError						 { padding:4px 4px 4px 25px; background:url(../images/interface/exclamation.png) #ffd5cc 5px 5px no-repeat; color: #c2462c; border:1px solid #c2462c; }
.entMessageWarning						 { padding:4px 4px 4px 25px; background:url(../images/interface/error.png) #fff1cc 5px 5px no-repeat; color: #c16803; border:1px solid #c16803; }
.entMessageInformation					 { padding:4px 4px 4px 25px; background:url(../images/interface/information.png) #cce7ff 5px 5px no-repeat; color: #344f88; border:1px solid #344f88; }