* { /* Voir ici : http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
body, html {
	margin: 0px;
	padding: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #f2f2f2;
}
.hideMobile {
	display: none;	
}
.colonneCentrale {
	padding: 0 20px;	
}
a {
	color: #EEB315;
	text-decoration: none;
}
.lienFilaire {
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 1px;
}
button {
	outline-style: none;
}
.italicLight, .italicBlancLight {
	font-weight: 200;
	font-style: italic;
}
.degrade {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(39%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.55) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 39%,rgba(0,0,0,0.55) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */
}
.blanc {
	color: #FFF;
}
.bigBouton {
	font-family: 'Source Sans Pro', sans-serif;
	display: inline-block;	
	background: none;
	padding: 12px 25px;
	border: 2px solid #222;
	color: #333;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 2px;
	cursor: pointer;
}
h1 {
	font-weight: 700;
	font-size: 46px;
	line-height: 46px;
	color: #222;
	letter-spacing: -2px;
	text-align: center;
	padding-top: 5px;
	margin: 0px;
	padding: 5px 0 30px 0;	
}
.grasJaune {
	font-weight: 600;
	color: #EEB315;
}
.photo500px {
	width: 100%;
	margin-bottom: -15px;
}
.shoppingLinkContainer {
	position: relative;
	display: inline-block;
	background: none;
	cursor: pointer;
	border: 0;
	text-align: left;
	vertical-align: top;
	padding: 0px; 
	margin: 0 0 30px 0; 
	margin-right: 4%;
	width: 45%; 	
	font-family: 'Source Sans Pro', sans-serif;
}
.shoppingLinkContainer img {
	display: inline-block;
	vertical-align:top;
	max-width: 100%;
}
.shoppingLinkContainerBottom {
	height: 60px;
}
.shoppingLinkContainerBottomTitre {
	position: absolute; 
	font-weight: 700; 
	-webkit-font-smoothing: antialiased; 
	color: #111;
	font-size: 14px;
	bottom: 38px; 
	height: 15px;
}
.shoppingLinkContainerBottomDesc {
	position: absolute; 
	font-weight: 300; 
	-webkit-font-smoothing: antialiased; 
	color: #111;
	font-size: 12px;
	bottom: 19px; 
	height: 15px;
}
.shoppingLinkContainerBottomPrix {
	position: absolute; 
	font-weight: 700; 
	font-family: Helvetica Neue, Helvetica; 
	-webkit-font-smoothing: antialiased; 
	color: #111;
	font-size: 12px;
	bottom: 0px; 
	height: 15px;
}

/****************** LIEN ARTICLE GENERIQUE ******************/

.apercuArticleContainer {
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 36px;
	background: none;
	cursor: pointer;
	border: 0;
	text-align: left;
	vertical-align: top;
}
.apercuArticleContainer a {
	color: #222;
}
.apercuArticleContainer img {
	width: 100%;
}
.apercuArticleDate {
	font-weight: 200;
	color: #777;
	font-size: 11px;
	margin-top: 6px;
}
.apercuArticleCategorie {
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: #777;
	margin-top: 10px;
}
.apercuArticleDateTiret {
	position: relative;
	top: 1px;
	font-size: 18px;
	margin-left: 4px;
	line-height: 12px;
}
.apercuArticleDate img {
	position: relative;
	top: 1px;
	margin: 0 3px 0 4px;
	width: 11px;
}
.apercuArticleTitre {
	font-weight: 700;
	color: #222;
	font-size: 24px;
	line-height: 25px;
	letter-spacing: -1px;
	margin-top: 4px;
}
.apercuArticleChapo {
	font-weight: 300;
	color: #222;
	font-size: 14px;
	line-height: 21px;
	margin-top: 4px;
	margin-left: 1px;
}
.apercuArticleEnSavoirPlus {
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 1px;
	color: #EEB315;
	margin-top: 8px;
}
.apercuArticleEnSavoirPlus img {
	position: relative;
	margin-right: 4px;
	bottom: 1px;
	width: 6px;
}




/****************** COMMENTAIRES ******************/

.commentTab, .commentTabReponse, .commentTabReponse2 {
	padding: 10px 15px 10px 15px;
	margin-bottom: 20px;
	background-color: #FFF;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #262626;
}
.commentTabReponse {
	margin-left: 20px;
}
.commentTabReponse2 {
	margin-left: 40px;
}
.commentName, .commentName a {
	color: #222;
	font-weight: 600;
	margin-bottom: 3px;	
}
.author_comment {
	background-color: #fbebc5; 
}
.commentDate {
	font-weight: 300;
	font-size: 12px;
	color: #888;
}
.commentRepondre {
	display: inline-block;
	margin: 5px 0 0 4px;
	font-weight: 600;
	color: #333;
	font-size: 10px;
	letter-spacing: 1px;
}
.commentRepondre img {
	position: relative;
	bottom: 1px;
	width: 6px;
	margin-right: 3px;
}



/****************** HEADER ******************/

#headerHome {
	position: relative;
	margin: 30px 0 30px; 
}
#header {
	position: relative;
	margin: 19px 0 19px; 
}
#logoHome {
	width: 50%;
	max-height: 125px;
	vertical-align: middle;
	z-index: 100;
}
#logo {
	width: 34%;
	max-height: 100px;
	z-index: 100;
}

#menuMobile {
	position: absolute;
	right: 20px;
	height: 30px;
	width: 30px;
	position: absolute;
    top: 50%;
    margin-top: -35px;
}
#bigMenu {
	position:fixed;
	top: 0px;
	left: 100%;
	height: 100%;
	width: calc(100% - 64px);
	background-color: #1e1e25;
	z-index: 9999;
	padding: 22px 0 0 22px;
}


#headerRechercheForm {
	position: relative;
	display: block;
	height: 30px;
	margin-bottom: 15px;
	padding: 0px;
}
#headerRechercheFormNew {
	position: relative;
	display: block;
	height: 30px;
	margin-bottom: 15px;
	padding: 0px;
}
#headerRechercheFormMobile {
	position: relative; 
	border: 1px solid #ccc; 
	height: 34px; 
	margin: 25px 0 35px 0; 
	border-radius: 15px; 
	background-color: #f8f8f8; 
}
#headerRechercheInput {
	font-family: 'Source Sans Pro', sans-serif; /* Etrangement nécessaire, sinon Chrome met de l'Arial */
	position: absolute;
	top: 0px;
	right: 41px;
	width: calc(100% - 41px);
	height: 30px;
	padding: 0px;
	border: 0;
	background-color: transparent;
	font-weight: 300;
	font-size: 14px;
	color: #555;
}
#headerRechercheInput:focus {
	opacity: 1;
	color: #fff;
	padding-left: 10px;	
}
#headerRechercheImage {
	position: absolute;
	top: 0px;
	right: 12px;
	width: 29px;
	padding: 7px;
}
#headerRechercheImageMobile {
	position: absolute;
	top: 7px; 
	right: 7px;
	width: 15px;
	padding: 0px;
}


#menuHeader {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menuHeader li {
	height: 40px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#menuHeader a, #menuHeader button {
	display: block;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 2px;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	background: none;
	border: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 0px;
	cursor: pointer;
}


#headerReseauxSociauxContainerMobile {
	line-height: 30px;
	margin: 21px 0 0 -10px;
}
.headerReseauxSociaux {
	padding: 0 11px;	
	opacity: 1;
	background: none; 
	border: none; 
	cursor: pointer;
}
.headerFacebook img {
	width: 10px;
}
.headerInstagram img {
	width: 16px;
}
.headerTwitter img {
	position: relative;
	bottom: 2px;
	width: 17px;
}
.headerPinterest img {
	position: relative;
	top: 1px;
	right: 1px;
	width: 14px;
}

/****************** FOOTER ******************/

#footer {
	background-color: #1e1e25;
	text-align: center;
	padding-top: 50px;
}
#logoFooter {
	position: relative;
	width: 80%;
	padding-bottom: 20px;
}


#footerNbContainerBig {
	width: 90%;	
	margin: 0px auto;
}
.footerNbContainer {
	position: relative;
	display: inline-block;
	width: 49%;
	position: relative;
	margin-top: 19px;
}
.footerNb {
	font-weight: 600;
	color: #FFF;
	font-size: 28px;
	letter-spacing: 0px;
	height: 31px;
}
.footerTxt {
	font-weight: 200;
	color: #888;
	font-size: 14px;
}


#footerReseauxSociauxContainer {
	margin: 40px 0;
}
.footerReseauxSociaux {
	padding: 0 4%;	
	background: none; 
	border: none; 
	cursor: pointer;
}
#footerFacebook img {
	width: 18px;
}
#footerInstagram img {
	width: 31px;
}
#footerTwitter img {
	position: relative;
	bottom: 2px;
	width: 32px;
}
#footerPinterest img {
	position: relative;
	top: 2px;
	width: 27px;
}


.footerMenu {
	background: none;
	border: none;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0 auto 0 auto;
	padding: 0;
	cursor: pointer;
	display: block;
	font-weight: 400;
	color: #999;
	font-size: 13px;
	letter-spacing: 2px;
	margin-bottom: 17px;
}


#footerCopyright {
	display: block;
	font-weight: 300;
	color: #555;
	font-size: 11px;
	margin-top: 22px;
}


#footerColorz {
	display: block;
	font-weight: 300;
	font-style: italic;
	color: #555;
	font-size: 11px;
	padding: 6px 0 45px 0;
}
#footerColorz button {
	cursor: pointer;
	border: none;
	background: none;
	margin: 0px;
	padding: 0px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: italic;
	color: #555;
}


#footerInstagramContainer {
	background-color: #FFF;	
}
#footerInstagramMosaique {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
#footerInstagramMosaique img {
	width: 50%; 
	display: block; 
	float: left;
}


#footerInstagramTitre {
	font-weight: 700;
	font-size: 38px;
	letter-spacing: -2px;
	line-height: 29px;
	padding: 50px 0 24px 0;
	color: #222;
}
#footerInstagramTitre a {
	display: block;
	color: #222;
}
#footerInstagramTitreItalic {
	font-weight: 200;
	font-style: italic;
	font-size: 28px;
}




/*************** PAGE D'ACCUEIL ***************/

.homeTitre {
	font-weight: 700;
	font-size: 46px;
	line-height: 46px;
	color: #222;
	letter-spacing: -2px;
	padding-bottom: 36px;
}
.homeTitreBlanc {
	display: inline-block;
	font-weight: 700;
	font-size: 46px;
	line-height: 46px;
	color: #FFF;
	letter-spacing: -2px;
}

#homeContainerTop {
	background-color: #f2f2f2;
	padding: 0px 0 50px 0;
}

#homeMainArticleImgContainer {
	position: relative;
	display: block;
	width: 100%; 
	z-index: 2;
	margin-bottom: 20px;
}
#homeMainArticleImg img { 
	width: 100%; 
	box-shadow: #000 0 0 0; /* Permet d'éviter le bug de l'image qui tremble sous FF (et parfois Chrome) */
}
#homeMainArticleBackground {
	display: block;
	z-index: 3; 
	position: absolute; 
	background-color: #fff; 
	opacity: 0.9;
	left: -10px; 
	bottom: 20px; 
	width: 98%;
	height: 140px;
}
#homeMainArticleContainer {
	display: block;
	z-index: 4; 
	position: absolute; 
	left: -10px; 
	bottom: 20px; 
	width: 98%;
	line-height: 140px;
	padding: 0 20px;
}
#homeMainArticleContainerTxt {
	display: inline-block;
	vertical-align: middle;
	line-height: 1; 
}
#homeMainArticleALaUne {
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 1px;
	color: #777;
	margin-bottom: 15px;
}
#homeMainArticleTitre, #homeMainArticleTitreSmall {
	font-weight: 700;
	font-size: 25px; /* avant 28 */
	color: #222;
	line-height: 29px;
	letter-spacing: -1px;
}


#homeBreveTopContainer {
	background-color: #f5e6c0; 
	display: block;
	width: 100%; 
	padding: 32px 28px;
	margin-bottom: 20px;
}
#homeBreveTopRubrique {
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 1px;
	color: #777;
	margin-bottom: 15px;
}
#homeBreveTopTxt {
	font-weight: 300;
	font-style: italic;
	font-size: 26px;
	color: #111;
	line-height: 30px;
	letter-spacing: -1px;
}
#homeBreveTopDate {
	font-weight: 300;
	font-size: 12px;
	color: #333;
	margin-top: 10px;
}
#homeBreveTopDate img {
	position: relative;
	margin-right: 4px;
	bottom: 1px;
	width: 6px;
}
#homeBreveTopApostrophe img {
	display: block;
	margin-top: 15px;
	width: 72px;
	height: 54px;
}


#homeSecondArticleContainer {
	position: relative;
	display: block;
	margin-bottom: 20px;
}
#homeSecondArticleContainer img {
	display: block;
	width: 100%;
}
#homeSecondArticleDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}
#homeSecondArticleContainerTxt {
	position: absolute; 
	bottom: 0px;
	display: table-cell;
    vertical-align: bottom;
    padding: 15px;
}
#homeSecondArticleTitre {
	font-weight: 600;
	font-size: 28px;
	line-height: 29px;
	letter-spacing: -1px;
	color: #fff;
}
#homeSecondArticleDate {
	font-weight: 300;
	color: #fff;
	font-size: 11px;
	margin-bottom: 10px;
}
#homeSecondArticleDateImg {
	display: inline;
	position: relative;
	top: 1px;
	margin: 0 3px 0 4px;
	width: 12px;
	height: 10px;
}
#homeSecondArticleDateImg path {
	fill: #FFF;
}




#homePDJContainer {
	background: none;
	border: none;
	cursor: pointer;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	display: block;
	margin-bottom: 20px;
}
#homePDJContainer img {
	display: block;
	width: 100%;
}
#homePDJDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}
#homePDJContainerTxt {
	position: absolute; 
	bottom: 0px;
	display: table-cell;
    vertical-align: bottom;
    padding: 15px;
}
#homePDJRubrique {
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 10px;
}
#homePDJTitre {
	font-weight: 600;
	font-size: 28px;
	line-height: 29px;
	color: #fff;
	letter-spacing: -1px;
}


#homeConseilContainer {
	display: block;
	line-height: auto;
	padding: 25px 17px;
	background-color: #FFF;
	margin-bottom: 20px;
}
#homeConseilContainerTxt {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
#homeConseilRubrique {
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 1px;
	color: #777;
	margin-bottom: 10px;
}
#homeConseilTitre {
	font-weight: 700;
	font-size: 28px;
	line-height: 30px;
	color: #222;
	letter-spacing: -1px;
}
#homeConseilEnSavoirPlus {
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 1px;
	color: #EEB315;
	margin-top: 15px;
}
#homeConseilEnSavoirPlus img {
	position: relative;
	margin-right: 4px;
	bottom: 1px;
	width: 6px;
}


#homeLookbookContainer {
	position: relative;
	display: block;
	cursor: pointer;	
}
#homeLookbookContainer img {
	display: block;
	width: 100%;
}
#homeLookbookDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}
#homeLookbookContainerTxt {
	position: absolute; 
	bottom: 0px;
	display: table-cell;
    vertical-align: bottom;
    padding: 15px;
}
#homeLookbookRubrique {
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 10px;
}
#homeLookbookTitre {
	font-weight: 600;
	font-size: 28px;
	color: #fff;
	line-height: 29px;
	letter-spacing: -1px;
}


#homeActuDuMomentContainer {
	padding: 38px 0 13px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
}


#homeTouteLactuContainer {
	text-align: center;
	margin: 37px 0;	
}


#homeSuivreTDMContainer {
	background-color: #1e1e25;
	text-align: center;
	padding: 40px 0 48px 0;
}
.homeSuivreTDMSocialContainer {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 0px;
	padding: 0px;
	border: 0;
	margin-top: 34px;
	text-align: center;
	cursor: pointer;
	background: none;
	font-family: 'Source Sans Pro', sans-serif;
}
.homeSuivreTDMSocialIcon {
	display: inline-block;
	border: 2px solid #FFF;
	width: 70px;
	height: 70px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
.homeSuivreTDMSocialIcon img {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
#homeSuivreTDMSocialFacebook {
	width: 15px;
	margin-top: 20px;
}
#homeSuivreTDMSocialInstagram {
	width: 24px;
	margin-top: 21px;
}
#homeSuivreTDMSocialTwitter {
	width: 25px;
	margin-top: 23px;
}
#homeSuivreTDMSocialPinterest {
	width: 21px;
	margin-top: 21px;
}
.homeSuivreTDMSocialName {
	font-weight: 600;
	color: #FFF;
	font-size: 29px;
	letter-spacing: -1px;
	margin-top: 12px;
}
.homeSuivreTDMSocialAdress {
	font-weight: 200;
	color: #aaa;
	font-size: 12px;
	margin-top: 2px;
}


#homeBrevesContainer {
	background-color: #fee198;
	padding: 22px 20px 28px 20px;
	margin-top: 46px;
}
#homeBrevesTitre {
	font-weight: 700;
	font-size: 33px;
	color: #222;
	letter-spacing: -1px;
	text-align: left;
}
#homeBrevesImage {
	position: relative;
	margin: 12px 0 25px 0;
}
#homeBrevesImageButton {
	background: none;
	vertical-align: top;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-family: 'Source Sans Pro', sans-serif;
}
#homeBrevesImage img {
	display: block;
	width: 100%;	
}
#homeBrevesTexte {
	position: absolute; 
	bottom: 0px;
	display: table-cell;
    vertical-align: bottom;
    padding: 20px 15px;
    color: #FFF;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
}
#homeBrevesDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}


#homeEntreNousBigContainer {
	background: linear-gradient(to bottom, #fff, #f0f0f0);
	padding: 40px 0 50px 0;
}
#homeEntreNousContainer {
	text-align: center;
}
#homeEntreNousContainer .apercuArticleContainer {
	text-align: left;
}
#homeEntreNousContainer .bigBouton {
	margin: 0px 0 50px 0;
}
#homeEntreNousTitreContainer {
	position: relative;
	overflow: hidden;
	margin-bottom: 36px;
}
#homeEntreNousTitreContainer img {
	width: 67px;
	float: left;
}
#homeEntreNousTitre {
	font-weight: 700;
	font-size: 46px;
	line-height: 45px;
	color: #222;
	letter-spacing: -2px;
	position: absolute;
	left: 74px;
	top: 2px;
}
#homeEntreNousTitreBis {
	float: left;
	font-weight: 200;
	font-style: italic;
	font-size: 14px;
	position: absolute;
	left: 77px;
	top: 46px;
}
#homeConseilsContainer {
	background-color: #fee198;
	padding: 22px 20px 28px 20px;
	text-align: center;
}
#homeConseilsContainer #homeBrevesTitre {
	margin-bottom: 5px;
}
.homeConseilsItem {
	display: block;
	font-weight: 300;
	font-size: 15px;
	line-height: 21px;
	padding: 4px 7px 5px 7px;
	margin: 0 -7px;
	color: #000;
	text-align: left;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out; 
	transition: all .1s ease-in-out;
	background-color: transparent;
}
.homeConseilsItem img {
	position: relative;
	margin-right: 4px;
	bottom: 2px;
	width: 6px;
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out; 
	transition: all .1s ease-in-out;
} 
#homeConseilsContainer .bigBouton {
	margin-top: 20px;
}


#homeTendancesContainer {
	position: relative;
	padding: 38px 0 13px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
}
#homeToutesTendancesContainer {
	text-align: center;
	margin: 37px 0;	
}



#homeLookbooksContainer {
	position: relative;
	padding: 38px 0 50px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
}
#homeLookbooksImageContainerBig {
	position: relative;
}
#homeLookbooksImageContainer {
	position: relative;
	display: block;
}
#homeLookbooksImageContainer img {
	display: block;
	width: 100%;
}
#homeLookbooksDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}
#homeLookbooksContainerTxt {
	position: absolute; 
	bottom: 22px;
	display: table-cell;
    vertical-align: bottom;
    padding: 20px;
}
#homeLookbooksTitre {
	display: block;
	font-weight: 600;
	font-size: 40px;
	color: #fff;
	line-height: 36px;
	letter-spacing: -2px;
}
#homeLookbooksTitre .italicBlancLight {
	font-size: 29px;
	display: block;
}
#homeLookbooksVoirTous {
	background: none;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: 'Source Sans Pro', sans-serif;
	cursor: pointer;
	position: absolute;
	bottom: 13px;
	left: 15px;
	display: block;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: #fff;
	padding: 5px;
}
#homeLookbooksVoirTous img {
	width: 8px;
	display: inline-block;
	position: relative;
	bottom: 0px;
	margin-right: 5px;
}


#homeIdeesShoppingContainerBig {
	margin-top: 45px;
	text-align: center;
}
#homeIdeesShoppingContainer {
	margin: 0px -5px 0 -5px;
}
#homeIdeesShoppingContainer button {
	width: 49%;	
	padding: 1.3%;
}
#homeIdeesShoppingContainer img {
	width: 100%;
}
#homeIdeesShoppingContainerBig .bigBouton {
	margin-top: 32px;
}


#homeNewsletterContainer {
	background-color: #1e1e25;
	text-align: center;
	padding: 40px 0 48px 0;
}
#homeNewsletterForm, #conseilsRechercheForm {
	display: inline-block;
	border: 2px solid #FFF;
	width: 100%;
	margin-top: 28px;
	overflow: hidden;
}
#homeNewsletterInput {
	background: transparent;
	border: 0;
	color: #aaa;
	font-weight: 300;
	font-size: 16px;
	width: calc(100% - 54px);
	height: 40px;
	padding: 0 15px;
}
#homeNewsletterForm a, #conseilsRechercheForm a {
	display: inline-block;
	float: right;
	color: #FFF;
	font-weight: 600;
	font-size: 16px;
	width: 54px;
	height: 40px;
	padding-top: 9px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
	background-color: transparent;
}



/****************** RUBRIQUES ******************/

#rubriquesContainer #homeSuivreTDMContainer {
	margin: 50px 0;
}
#rubriquesMenu {
	text-align: center; 
	margin: 20px auto 40px auto; 
}
.rubriquesMenuItem {
	border-color: #222; 
	border-radius: 20px; 
	padding: 9px 13px; 
	text-transform: uppercase;
	color: #333;
	font-weight: 600;
	font-size: 12px;
	margin: 5px 10px; 
}



/****************** ARCHIVES ******************/

#menuArchivesContainer {
	position: relative;
	margin: 10px 0px 20px 0px;
	text-align: center;
	height: 45px;
}
.menuArchivesContainerSmall {
	position: relative;
	width: 47%;
}
#menuArchivesContainer .left {
	float: left;
}
#menuArchivesContainer .right {
	float: right;
}
.menuArchivesTitre {
	display: block;
	padding: 12px 0px;
	color: #333;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 2px;
	border: 2px solid #1e1e25;
}	
.menuArchivesTitre img {
	position: relative;
	top: 5px;
	right: 10px;
	width: 13px;
	float: right;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.menuArchives {
	display: none;
	position: absolute;
	top: 43px;
	left: 0px;
	list-style-type: none;
	padding: 0;
    margin: 0;
	width: 100%;
	z-index: 100;
	border: 2px solid #1e1e25;
	border-top: 0;
}
.menuArchives li {
	position: relative;
}
.menuArchives a {
	display: block;
	background-color: #FFF;
	color: #222;
	font-weight: 400;
	font-size: 13px;
	padding: 12px 25px;
	z-index: 100;
}




/****************** ARTICLES ******************/

#articleChapo {
	width: 100%;
	margin: 0 auto 20px auto;
	text-align: center;
	font-size: 22px;
	line-height: 29px;
	font-weight: 400;
	color: #333;
}
#articleContent {
	width: 100%;
	margin: 20px auto 42px auto;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	color: #333;
}
#articleContent button {
	cursor: pointer;
	border: none;
	background: none;
	margin: 0px;
	padding: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 19px;
	font-size: 17px;
	color: #ebac00;
}
#articleContent h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: -10px;	
	color: #222;
	line-height: 28px;
}
#articleContent h3 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 3px;	
	margin-bottom: -18px;	
	color: #222;
}
#articleContent a {
	color: #ebac00;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
#articleContent img {
	display: block;
	margin: 20px auto;
	width: 100%;
}
#articleSuivezTDM {
	margin-top: 25px;
	font-style: italic;
	font-weight: 400;
}
#articleSuivezTDM a {
	color: #222;
	font-style: normal;
	font-weight: 700;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
#articleCarouselImageContainer {
	display: none;
}

.articleCarouselSauterDeuxLignes { /* Cas particulier quand on a des H2 ou H3 - voir article Aya Jones */
	margin-top: 30px;
}


#articlePartagerContainerBig {
	position: relative;
	padding: 38px 0 38px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
	text-align: center;
}
#articlePartagerContainer {
	margin-top: -10px;
}
#articlePartagerContainer div {
	margin-bottom: 20px;
}
#articlePartagerContainer div a {
	width: 200px;
	font-size: 13px;
}
#articlePartagerFacebook a {
	border-color: #345190;
	color: #345190;
}
#articlePartagerTwitter a {
	border-color: #28a1dd;
	color: #28a1dd;
}
#articlePartagerContainer img {
	position: relative;
	top: 2px;
	margin-right: 9px;
	width: 16px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
#articlePartagerFacebookID {
	position: relative;
	margin-right: 9px;
	top: 3px;
	width: 10px;
	height: 16px;
	margin-top: -5px; /* C'est crade mais nécessaire */
}
#articlePartagerFacebookID path {
	fill: #345190;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
#articlePartagerTwitterID {
	position: relative;
	margin-right: 9px;
	top: 2px;
	width: 18px;
	height: 13px;
}
#articlePartagerTwitterID path {
	fill: #28a1dd;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}

#articlePartagerDate {
	font-weight: 300;
	font-style: italic;
	font-size: 13px;	
	color: #333;
	margin-top: 25px;
}
#articlePartagerDate a {
	font-weight: 400; 
	font-style: normal;
	color: #333;
}

#articlePartagerTags {
	color: #222;
	margin-top: 5px;
}
#articlePartagerTags a {
	color: #333;
	font-weight: 600;	
	font-size: 17px;
}

.articleMemeThemeConseilContainer {
	background-color: #fbebc5; 
	padding: 15px 20px 25px 20px;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
.articleMemeThemeConseilTitre {
	display: block;
	font-weight: 400;
	font-style: italic;
	color: #333;
	font-size: 25px;
	line-height: 28px;
	margin: 8px 0 12px 0;
	letter-spacing: -1px;
}


#articleCommentairesContainerBig {
	padding: 50px 0 30px 0;
	background: linear-gradient(to bottom, #f8f8f8, #f0f0f0);
	overflow: hidden;
}
.articleCommentairesTitre {
	font-weight: 700;
	font-size: 23px;
	line-height: 23px;
	color: #222;
	letter-spacing: -1px;
	margin: 35px 0 20px 0;
}
#articleCommentairesForm {
	text-align: right;
}
.articleCommentairesFormItem {
	font-family: 'Source Sans Pro', sans-serif;
	padding: 10px 15px 12px 15px;
	color: #999;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 15px;
	background-color: transparent;
	border: 1px solid #acacae;
	width: 100%;
}
.articleCommentairesFormItem:focus {
	color: #222;
	background-color: #fff;	
}
#articleCommentairesFormContent {
	height: 180px;
}


#articleCommentairesCaptchaContainer {
	text-align: left;	
}
#articleCommentairesCaptchaContainerSmall {
	overflow: hidden;
}
#articleCommentairesCaptchaImage {
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 140px; 
	height: 44px;
	margin-right: 15px;
}
#articleCommentairesCaptcha {
	width: 120px;
	display: inline-block;
	margin: 0;
	float: right;
}
#articleCommentairesCaptchaTxt {
	margin: 15px 0;
}

#articleCommentairesAddContainer {
	margin-bottom: 20px;
}


#articleReseauxSociauxTopContainer {
	height: 25px;
	font-size: 12px;
	color: #333;
	line-height: 25px;
	text-align: center;
	margin: -7px 0 23px 0;
}
#articleReseauxSociauxTopContainer a {
	color: #333;	
} 
#articleReseauxSociauxTopContainerSmall {
	display: inline-block;
}
#articleReseauxSociauxTopContainer span {
	float: left;
	margin: 0 12px 0 0;
}
#articleReseauxSociauxTopFacebook {
	position: relative;
	bottom: 1px;
	width: 10px;
	height: 25px;
	float: left;
	margin: 0 6px 0 6px;
}
#articleReseauxSociauxTopFacebook path {
	fill: #345190;
}
#articleReseauxSociauxTopTwitter {
	width: 17px;
	height: 25px;
	float: left;
	margin: 0 6px 0 6px;
}
#articleReseauxSociauxTopTwitter path {
	fill: #28a1dd;
}
#articleReseauxSociauxTopComment {
	width: 16px;
	height: 25px;
	float: left;
	margin: 0 5px 0 6px;
	padding: 0px;
	display: block;
}


.articleTendanceContainer {
	position: relative; 
	overflow: hidden;
	margin-bottom: 0px;
}

.articleTendanceContainerImg {
	float: left; 
	margin: 1% !important;
	width: 48% !important;
}

.articleConseilsSimilaires {
	margin-bottom: -26px:
}


/****************** CONSEILS ******************/

#conseilH1 {
	margin-top: -10px;
	font-size: 38px;
	line-height: 38px;
	letter-spacing: -1px;
}
.conseilSousTitre {
	font-size: 27px;
	line-height: 27px;
	letter-spacing: -1px;
	padding: 0 0 20px 0;
	margin: -5px 0 3px -1px;
}
#conseilQuestion {
	margin-bottom: -7px;
	line-height: 23px;
}
#conseilsBandeau {
	background-color: #1e1e25;
	padding: 45px 0 50px 0;
	text-align: center;
	color: #FFF;
}
#conseilsBandeauTitre {
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: -1px;
	margin-bottom: 9px;
}
#conseilsBandeauTitreLight {
	font-style: normal;
	display: block;
}
#conseilsBandeauTexte {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;	
}
#conseilsBandeauBouton {
	display: inline-block;
	color: #FFF;
	border: 2px solid #FFF;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: 600;
	padding: 12px 25px;
	margin-top: 25px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
#conseilsBandeauBoutonImage {
	width: 17px;
	height: 17px;
	margin: 0 7px -4px 0;
}
#conseilsBandeauBoutonImage path {
	fill: #FFF;	
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}


#conseilsDerniersConseilsContainer {
	position: relative;
	padding: 35px 0 15px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
}
#conseilsDerniersConseilsContainer .homeTitre {
	text-align: left;
	padding-bottom: 30px;
}
#conseilsDerniersConseilsContainer .apercuArticleCategorie {
	text-transform: uppercase;
}
.conseilsDerniersConseils {
	position: relative;
	background-color: #fbebc5; 
	padding: 15px 20px 25px 20px;
	margin: 0 0 20px 0;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
.conseilsDerniersConseilsColorAlt, .conseilsDerniersConseilsColorAlt2 {
	background-color: #fbe3a9; 
}
.conseilsDerniersConseilsTitre {
	display: block;
	font-weight: 400;
	font-style: italic;
	color: #333;
	font-size: 25px;
	line-height: 28px;
	margin: 8px 0 12px 0;
	letter-spacing: -1px;
}
#conseilsDerniersConseilsList {
	margin-top: 30px;
}
#conseilsDerniersConseilsList img {
	position: relative;
	bottom: 2px;
	margin-right: 4px;
	width: 6px;
}
#conseilsDerniersConseilsList a {
	display: block;
	color: #111;
	font-size: 16px;
	margin-bottom: 11px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}


#conseilsRecherche {
	background-color: #1e1e25;
	text-align: center;
	padding: 40px 0 48px 0;
}
#conseilsRecherche #homeNewsletterInput {
	height: 60px;
	color: #777;
}
#conseilsRecherche #conseilsRechercheOK {
	height: 60px;
	padding-top: 14px;
}
#conseilsRechercheImage {
	width: 16px;
}
#conseilsRechercheImage path {
	fill: #FFF;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}



#conseilsTagsContainer {
	position: relative;
	padding: 45px 0 50px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
}
#conseilsTagsContainer .homeTitre {
	padding-bottom: 35px;
}
#conseilsTags {
	text-align: center;
	line-height: 10px;
}
#conseilsTags a, #conseilsTags button {
	display: inline-block; 
	font-family: 'Source Sans Pro', sans-serif;
	cursor: pointer;
	border: 0px;
	margin: 5px; 
	color: #222; 
	line-height: 36px;
	vertical-align: middle; /* Obligatoire sinon ca ne marche pas sur Safari (bizarre...) */
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
	border-radius: 20px; 
	padding: 0px 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 2px;	
}
.conseilsTagsSmall {
	background-color: #f4e8ca;	
}
.conseilsTagsMedium {
	background-color: #f6dfa5;	
}
.conseilsTagsBig {
	background-color: #f8d781;	
}



#conseilsSoloDate {
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: #777;
	margin: -19px 0 37px 0;
	text-align: center;
}
#conseilsSoloQuestion, #conseilsSoloReponse {
	position: relative;
	padding: 35px 0 44px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
	color: #333;
	font-size: 17px;
	line-height: 23px;
	overflow: hidden;
}
#conseilsSoloQuestion a, #conseilsSoloReponse a, #conseilsSoloReponse button{
	font-weight: 600;
}
#conseilsSoloRenseignements {
	text-align: center;
	margin-top: -25px;
	font-weight: 400;
	font-size: 22px;
	color: #333;
	letter-spacing: -1px;
}
.conseilsSoloItalic {
	font-style: italic;
	font-weight: 200;
	color: #444;
}
#conseilsSoloInfos {
	border-top: 1px dotted #d8c1cc; 
	padding-top: 20px; 
	margin-top: 33px; 
	margin-bottom: -13px;
}
#conseilsSoloInfosTitre {
	font-style: normal; 
	font-weight: 700; 
	letter-spacing: -1; 
	color: #222; 
	font-size: 20px; 
	margin-bottom: 12px;
}
#conseilsSoloReponse .homeTitre {
	color: #EEB315;
}


#conseilsSoloIntro {
	font-size: 17px;
	margin-bottom: 25px;
}
.conseilsSoloCombinaison {
	border: 1px solid #c6c6c9;
	padding: 20px;
	margin-top: 20px;
		background-color: #FFF;
}
.conseilsSoloCombinaisonTitre {
	font-size: 27px;
	font-weight: 700;
	color: #222;
	letter-spacing: -1px;
	margin-bottom: 25px;
}
.conseilsSoloCombinaisonItem {
	font-style: italic;
	margin-top: 11px;
	font-size: 16px;
	line-height: 19px;
}
.conseilsSoloCombinaisonItem a, .conseilsSoloCombinaisonItem button {
	font-style: normal;
	font-size: 17px;
}
.conseilsSoloCombinaisonItem img {
	position: relative;
	bottom: 1px;
	margin-right: 5px;
}


#conseilsSoloNewsletterConseils {
	background-color: #1e1e25;
	text-align: center;
	padding: 40px 0 48px 0;
}
#conseilsSoloNewsletterConseilsSoustitre {
	font-weight: 200;
	color: #FFF;
	font-size: 18px;
	margin-top: 7px;
}
#conseilsSoloNewsletterConseilsForm {
	display: inline-block;
	border: 2px solid #FFF;
	width: 100%;
	margin-top: 14px;
	overflow: hidden;
}
#conseilsSoloNewsletterConseilsInput {
	background: transparent;
	border: 0;
	color: #999;
	font-weight: 300;
	font-size: 16px;
	width: calc(100% - 54px);
	height: 40px;
	padding: 0 15px;
}
#conseilsSoloNewsletterConseilsForm a {
	display: inline-block;
	float: right;
	color: #FFF;
	font-weight: 600;
	font-size: 16px;
	width: 54px;
	height: 40px;
	padding-top: 9px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
	background-color: transparent;
}



#conseilsSoloLettresContainer {
	margin: 20px 0 -15px 0;
	text-align: justify;
	font-size: 17px;
	line-height: 40px;
}
#conseilsSoloLettresContainer a {
	color: #FFF;
	padding: 0 15px;
}



a#conseilsCodeExclusif {
	position: relative; 
	display: block; 
	border: 2px dashed #f5b920; 
	background-color: #f4e8ca;
	border-radius: 15px; 
	margin-top: 50px; 
	padding: 10px; 
	color: #222;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
.conseilsCodeExclusifBackground {
	background-color: #f6ce69;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
#conseilsCodeExclusifTexte {
	margin-bottom: 7px;
	font-size: 15px;
	font-weight: 400;
}





			 
.breadcrumbs{
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
 
.breadcrumbs li{
	float: left;
	margin: 0 .75em 0 1em;
}
 
.breadcrumbs a{
	background: #f4e8ca;
	padding: .7em 1em;
	float: left;
	text-decoration: none;
	color: #333;
	font-size: 15px;
	font-weight: 600;
	position: relative;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
 
.breadcrumbs a:hover, .breadcrumbs .current{
	background: #f8d781;
}

.breadcrumbs .current{
	background: #f8d781;
}	
	
 
.breadcrumbs a::before{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: #f4e8ca #f4e8ca #f4e8ca transparent;
	left: -1em;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
 
.breadcrumbs a:hover::before, .breadcrumbs .current::before{
	border-color: #f8d781 #f8d781 #f8d781 transparent;
}
 
.breadcrumbs a::after{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #f4e8ca;
	right: -1em;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
 
.breadcrumbs a:hover::after, .breadcrumbs .current::after{
	border-left-color: #f8d781;
}



#conseilsSoloReponse button {
	cursor: pointer;
	border: none;
	background: none;
	margin: 0px;
	padding: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 19px;
	font-size: 17px;
}




/****************** TAGS ******************/

#tagsQuestionsCompletes {
	position: relative;
	padding: 35px 0 30px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
}
.tagsQuestionsCompletesItem {
	display: block;
	margin-bottom: 36px;
	background-color: #fbebc5; 
	padding: 15px 20px 25px 20px;
	margin: 0 0 20px 0;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
	cursor: pointer;
}
.tagsQuestionsCompletesItemColorAlt {
	background-color: #fbe3a9; 
}
#tagsQuestionsCompletes .apercuArticleCategorie {
	text-transform: uppercase;
}
.tagsQuestionsCompletesTexte {
	color: #333;
	margin-bottom: 15px;
	font-size: 16px;
}
#tagsQuestionsCompletes .conseilsDerniersConseilsTitre {
	font-weight: 600;
	font-style: normal;
}

.tagGenH2 {
	color: #222;
	font-size: 30px;
	margin-bottom: 10px;
}
.tagGenH3 {
	color: #222;
	font-size: 22px;
	margin-top: 25px;
	margin-bottom: 8px;
}


.tagsAffil {
	width: 100%; 
	display: inline-block; 
	text-align: center; 
	background: none; 
	border: none; 
	padding: 0px; 
	font-family: 'Source Sans Pro', sans-serif; 
	cursor: pointer;
	margin-top: 20px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
	opacity: 1;
}
.tagsAffilMarque {
	font-size: 24px; 
	color: #222; 
	font-weight: 600; 
	position: relative;
}
.tagsAffilPrix {
	font-size: 17px; 
	letter-spacing: 1px; 
	font-weight: 600; 
	color: #f8ba17; 
	position: relative;
}
.tagsAffilAcheter {
	padding: 6px 12px; 
	font-size: 13px;
}
#tagsPhotosContainer {
	overflow: hidden;
}
#tagsPhotosContainer img {
	width: 100%;
	float: left;
}
#conseilsPhotosContainer {
	overflow: hidden;
}
#conseilsPhotosContainer img {
	width: 100%; 
	float: left;
}


#tagsBandeau {
	margin: -25px 0 60px 0; 
	border: 1px solid #ccc; 
	padding: 5px; 
	background-color: #FFF; 
	overflow: hidden; 
	cursor: pointer;
}
#tagsBandeau img {
	width: 30%;
}
#tagsBandeauTxt {
	color: #222; 
	font-size: 16px; 
	line-height: 20px; 
	font-weight: 700; 
	float: left; 
	margin: 10px 0 0 3%;
	width: 67%;
}


#tagsBandeauConseils {
	margin: 35px 0 25px 0;
	border: 1px solid #ccc; 
	padding: 5px; 
	background-color: #FFF; 
	overflow: hidden; 
	cursor: pointer;
}
#tagsBandeauConseils img {
	width: 30%;
}
#tagsBandeauConseilsTxt {
	color: #222; 
	font-size: 16px; 
	line-height: 20px; 
	font-weight: 700; 
	float: left; 
	margin: 2% 0 0 3%;
	width: 67%;
}


#tagsTendancesContainer {
	margin: -30px auto 60px auto; 
}
#tagsTendancesContainer img {
	width: 100%;
	border: 5px solid #FFF;
}
#tagsTendances {
	margin: 20px 0 0 0px; 
	text-align: left; 
	width: 100%;
}
.tagsTendancesItem { 
	padding: 0 0 0 20px; 
	width: 100%;
	text-align: left; 
	background: none;
	background-repeat: no-repeat; 
	margin-bottom: 10px; 
	cursor: pointer; 
	border: 0px;
	font-family: 'Source Sans Pro', sans-serif; 
	background-size: 12px;
	font-size: 16px;
}
.tagsTendancesNom { 
	position: relative; 
	bottom: 5px;
}



#sliderTags {
	position: relative; 
	overflow: hidden; 
	margin: -20px auto 80px auto; 
	width: 100%;
}
#sliderTagsUL {
	position: relative; 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	overflow: hidden;
}
#sliderTagsUL li {
	position: relative; 
	display: inline-block; 
	float: left; 
	width: 100%; 
}
#sliderTagsUL figure {
	position: relative;
	margin: 0px; 
	padding: 0px; 
}
#sliderTagsUL figure img {
	width: 100%;
	border: 5px solid #e7e7e7;
}
#sliderTagsUL figcaption {
	position: absolute;
	bottom: -120px;
	left: 5px;
	font-size: 16px;
}
.sliderTagsCompteur {
	position: absolute;
	bottom: 5px;
	right: 0px;
	font-size: 40px; 
	color: #aaa; 
	font-weight: 200;
}
.sliderTagsAchat {
	position: absolute; 
	bottom: 66px;
	right: 0px;
}
.tagsNavigation {
	position: relative; 
	top: 5px;
	left: -10px;
	width: 100%; 
	height: 120px;
	z-index: 10;
}
.tagsNavigation button {
	background: none; 
	border: none; 
	cursor: pointer;
	margin-right: 0px;
}	
.tagsNavigation button img {
	width: 50px;
}



/****************** PIECES DU JOUR ******************/

#PDJContainerBig .colonneCentrale {
	padding: 0px;
}
#PDJContainer {
	overflow: hidden;	
}
.PDJItem {
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
}
.PDJItem #homePDJDegrade, .PDJItem #homePDJContainerTxt {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
	opacity: 0;
}
.PDJItem img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}
.PDJItemTxt {
	display: none;
}
#PDJBottom {
	text-align: center;
	margin-top: 40px; 
	margin-bottom: 20px;
}
a#PDJBottomBoutonNext, a#PDJBottomBoutonPrev {
	color: #333;
}
#PDJBottom .bigBouton {
	position: relative;
	display: inline-block;
	margin: 0 10px 20px 10px;
}
#PDJBottomImgPrev {
	width: 17px;
	height: 15px;
	position: relative;
	top: 3px;
	left: -10px;
	margin: 0;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
#PDJBottomImgPrev path {
	stroke: #282828;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out; 
	transition: all .3s ease-in-out;
}
#PDJBottomImgNext {
	width: 17px;
	height: 15px;
	position: relative;
	top: 3px;
	right: -10px;
	margin: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
#PDJBottomImgNext path {
	stroke: #282828;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out; 
	transition: all .3s ease-in-out;
}

#PDJContainer button {
	cursor: pointer;
	border: none;
	background: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 19px;
	font-size: 17px;
	color: #ebac00;
}



/****************** LOOKBOOKS ******************/

#lookbooksImageContainer {
	position: relative;
	display: block;
	margin-bottom: 20px;
}
#lookbooksImageContainer img {
	display: block;
	width: 100%;
}
#lookbooksDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}
#lookbooksContainerTxt {
	position: absolute; 
	bottom: 0px;
	display: table-cell;
    vertical-align: bottom;
    padding: 20px;
}
#lookbooksTitre {
	display: block;
	font-weight: 600;
	font-size: 32px;
	color: #fff;
	line-height: 28px;
	letter-spacing: -2px;
}
#lookbooksTitre .italicBlancLight {
	font-size: 27px;
	display: block;
}


#lookbooksMarques, #lookbooksTopMarques, #lookbooksTopSaisons {
	background-color: #1e1e25;
	text-align: center;
	padding: 35px 0 30px 0;
	margin: 40px 0 40px 0;
}
#lookbooksMarquesListe1, #lookbooksMarquesListe2, #lookbooksMarquesListe3, #lookbooksTopMarquesListe1, #lookbooksTopMarquesListe2, #lookbooksTopMarquesListe3  {
	overflow: hidden;
	margin-top: 30px;		
}
#lookbooksMarquesListe2, #lookbooksMarquesListe3, #lookbooksTopMarquesListe2, #lookbooksTopMarquesListe3 {
	display: none;
}
#lookbooksMarquesListe1 a, #lookbooksMarquesListe2 a, #lookbooksMarquesListe3 a, #lookbooksTopMarquesListe1 a, #lookbooksTopMarquesListe2 a, #lookbooksTopMarquesListe3 a {
	display: block;
	font-size: 13px;
	color: #FFF;
	margin-bottom: 10px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
.lookbooksMarquesListeColumnBig {
	width: 50%;
	float: left;
}
.lookbooksMarquesListeColumn {
	display: block;
}
#lookbooksMarquesBoutonsContainer, #lookbooksTopMarquesBoutonsContainer {
	margin: 20px 0 30px 0;
}
#lookbooksMarquesBoutonsContainer a {
	color: #FFF;
	font-size: 20px;
	margin: 0 15px;
	padding: 3px 8px 5px 8px;
}
#lookbooksTopMarquesBoutonsContainer a {
	color: #FFF;
	font-size: 20px;
	margin: 0 12px;
	padding: 3px 8px 5px 8px;
}
a#lookbooksMarquesBouton1, a#lookbooksTopMarquesBouton1 {
	background-color: #EEB315;
	color: #111;
	margin-top: 1px; /* Petite astuce pour le .js */
}

#lookbooksMenuTop {
	margin-bottom: 40px;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 600;
	color: #222;
}
#lookbooksMenuTop a {
	margin: 0 5px;
}
#lookbooksMenuTopMarque {
	padding: 12px 31px;
}
#lookbooksMenuTopSaison {
	padding: 12px 34px;
}
#lookbooksMenuTopTxt {
	margin-bottom: 15px;
}
#lookbooksTopMarques, #lookbooksTopSaisons {
	position: relative;
	display: none;
	padding-top: 30px;
}
#lookbooksTopMarques .homeTitreBlanc, #lookbooksTopSaisons .homeTitreBlanc {
	font-size: 35px;
	line-height: 38px;
	padding: 0 30px;
}
#lookbooksTopMarquesCroix, #lookbooksTopSaisonsCroix {
	position: absolute;
	top: 14px;
	right: 19px;
	width: 12px;
}
#lookbooksTopMarquesCroix path, #lookbooksTopSaisonsCroix path {
	fill: #FFF;
}

#lookbooksTopSaisonsList {
	position: relative;
	width: 80%;
	border: 1px solid #FFF;
	margin: 40px auto 20px auto;
}
#lookbooksTopSaisonsListTitre {
	display: block;
	padding: 12px 0px 12px 15px;
	color: #FFF;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
}	
#lookbooksTopSaisonsListImage {
	position: relative;
	top: 4px;
	right: 12px;
	width: 15px;
	height: 12px;
	float: right;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#lookbooksTopSaisonsListImage path {
	stroke: #FFF;
}
#lookbooksTopSaisonsListMenu {
	display: none;
	position: absolute;
	top: 43px;
	left: 0px;
	list-style-type: none;
	padding: 0;
    margin: 0;
    margin-left: -1px;
	width: calc(100% + 2px);
	z-index: 100;
	border-top: 0;
}
#lookbooksTopSaisonsListMenu li {
	position: relative;
	text-align: left;
}
#lookbooksTopSaisonsListMenu a {
	display: block;
	background-color: #FFF;
	color: #222;
	font-weight: 400;
	font-size: 13px;
	padding: 12px 0px 12px 17px;
	z-index: 100;
}


#lookbooksSingleContent {
	text-align: center;
	position: relative; 
	font-size: 50px; /* Nombre au pif, permet d'éviter un bug d'espacement à cause de l'inline-block en dessous */
}
.lookbooksSingleContentItem {
	position: relative; 
	display: inline-block; 
	padding: 0px;
	margin-bottom: 20px;
}
#lookbooksSingleContent img {
	padding: 0px;
	margin: 0px;
}
.lookbooksSingleBulle {
	position: absolute; 
	background-color: white; 
	border: 1px solid #ccc; 
	bottom: 0px; 
	right: 0px; 
	height: 23px; 
	width: 23px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
}
.lookbooksSingleNombre {
	padding: 0 0 0 1px;
	position: relative;
	bottom: 1px;	
}
#lookbooksSingleContainer #PDJBottom {
	margin: 20px 0 0 0;
}
#lookbooksSingleContainer #articleContent {
	margin-bottom: 20px;
}
#lookbooksSingleContainer #articleReseauxSociauxTopContainer {
	margin-bottom: 35px;
}



/****************** BREVES ******************/

.brevesJour {
	position: relative;
	padding: 30px 0 30px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
}
a.brevesImage {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}
button.brevesImage {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
}
.brevesImage img {
	display: block;
	width: 100%;	
}
.brevesTexte {
	position: absolute; 
	bottom: 0px;
	display: table-cell;
    vertical-align: bottom;
    padding: 12px 15px;
    color: #FFF;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -1px;
}
.brevesDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}
.brevesDate {
	font-size: 33px;
	line-height: 35px;
	font-weight: 700;
	color: #222;
	margin-bottom: 20px;
	letter-spacing: -1px;
}
.brevesConseil {
	background-color: #fbebc5; 
	padding: 20px 20px 30px 20px;
	margin-bottom: 20px;
}

.brevesSocials {
	height: 25px;
	font-size: 12px;
	color: #FFF;
	line-height: 25px;
	margin: 10px 0 -5px -5px;
	letter-spacing: -1px; 
}
.brevesSocials span {
	float: left;
	margin: 0 12px 0 0;
}
.brevesSocialsFacebook {
	position: relative;
	bottom: 1px;
	width: 10px;
	height: 25px;
	float: left;
	margin: 0 6px 0 6px;
}
.brevesSocialsFacebook path {
	fill: #FFF;
}
.brevesSocialsTwitter {
	width: 17px;
	height: 25px;
	float: left;
	margin: 0 6px 0 6px;
}
.brevesSocialsTwitter path {
	fill: #FFF;
}
.brevesSocialsComment {
	position: relative;
	bottom: 1px;
	width: 18px;
	height: 28px;
	float: left;
	margin: 0 6px 0 6px;
	padding: 0px;
	display: block;
}
.brevesSocialsComment path {
	fill: #FFF;
}



#brevesLightboxWhite {
	display: none;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%; 
	height: 100%; 
	background-color: #FFF; 
	z-index: 100001;
}
#brevesLightbox {
	display: none;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%; 
	height: 100%; 
	background-color: #FFF; 
	z-index: 100002;
	overflow: auto; 
}
#brevesLightboxTopImage img {
	width: 100%;
}
#brevesLightboxTopContainer {
	height: 70px;
	text-align: left;
}
#brevesLightboxTopContainer .brevesDate {
	display: none;
	margin: 15px 0 0 0;
	padding-left: 20px;
}
#brevesLightBoxTopLiens {
	line-height: 24px;
	font-size: 17px;
	margin-bottom: 25px;
	color: #111;
}


#brevesLightboxFlecheGauche {
	width: 32px;
	height: 28px;
	position: absolute;
	top: 21px;
	left: 10px;
	margin: 0;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
#brevesLightboxFlecheDroite {
	width: 32px;
	height: 28px;
	position: absolute;
	top: 21px;
	left: 55px;
	margin: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
#brevesCroixLien {
	float: right;
	padding: 20px;
}
#brevesCroixLien img {
	width: 28px;
}
#brevesLightboxPart1 {
	position: relative;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
	text-align: center;
	padding-bottom: 30px;
}
#brevesLightboxTopTitre {
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	padding: 0 20px;
	color: #222;
	letter-spacing: -1px;
	margin-top: 20px;
}
#brevesLightboxTopSource {
	padding: 0 20px;
}
#brevesLightboxTopSource {
	font-weight: 400;
	font-size: 17px;
	margin-top: 12px;
	color: #111;
}
#brevesLightboxSocials {
	width: intrinsic;
	margin: 20px auto 0 auto;
}
#brevesLightboxSocials a {
	display: inline-block;
	color: #333;
}
#brevesLightboxSocialsComments {
	display: inline-block;
	color: #333;
	padding: 0px;
	height: 25px;
}
#brevesContainer button {
	cursor: pointer;
	border: none;
	background: none;
	padding: 0px;
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 19px;
	font-size: 17px;
	color: #ebac00;
}



/****************** A Propos ******************/

#aPropos {
	padding-bottom: 40px;
}
#aProposImage {
	width: 100%;	
	margin: 20px 0 20px 0;
}
.aProposTitre {
	margin: 22px 0 7px 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
}
.aProposArrow {
	width: 6px;
	position: relative;
	bottom: 2px;
	margin-right: 4px;
}




/****************** PAGINATION ******************/

#pagination {
	display: block;
	height: 72px;
	border-top: 1px solid #d9d9d9;
}
#pagination a {
	display: none;
	font-weight: 600;
	color: #333;
	padding: 0 0 0 0;
	margin: 0px;
	line-height : 66px;
}
#pagination button {
	display: none;
	font-weight: 600;
	color: #333;
	padding: 0 0 0 0;
	margin: 0px;
	line-height : 66px;
	text-align: center;
}
a#paginationBoutonLeft, a#paginationBoutonRight, button#paginationBoutonLeft, button#paginationBoutonRight {
	position: relative;
	bottom: 1px;
	display: inline-block;
	font-size: 10px;
	letter-spacing: 2px;
	color: #333;
	margin: 0px;
	border-top: 3px solid transparent;
} 
a#paginationBoutonLeft img, a#paginationBoutonRight img, button#paginationBoutonLeft img, button#paginationBoutonRight img {
	position: relative;
	bottom: 1px;
	width: 6px;
}
#paginationBoutonLeft {
	float: left;
}
#paginationBoutonRight {
	float: right;
}
#paginationBoutonLeft img {
	margin-right: 4px; 
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}




/****************** Recherche ******************/

.rechercheConseilsContainer {
	background-color: #fbebc5; 
	padding: 15px 20px 25px 20px;
	margin-bottom: 20px;
	cursor: pointer;
}



/****************** Sélecteur de langue ******************/

#langSelector:hover .langDiv {
    display: block;
}
.langDiv {
	background-color: #1c1c21; 
	position: absolute; 
	bottom: -25px; 
	left: 58px;
	display: none;
	border: 1px solid #333;
}
.langDiv a {
	display: block;
	color: #999;
	padding: 4px;
}
.langDiv a:hover {
	background-color: #333;
}
#langSelector {
	position: relative; 
	padding: 2px 5px 2px 2px;
}
#langSelectorBox {
	display: block;
	position: relative; 
	font-weight: 300;
	color: #555;
	font-size: 11px;
	margin: 10px 0 6px 0;
}







.video-responsive { 
	overflow:hidden; 
	padding-bottom:56.25%; 
	position:relative; 
	height:0;
}

.video-responsive iframe {
	left:0; 
	top:0; 
	height:100%;
	width:100%;
	position:absolute;
}




/****************** A LAISSER EN BAS ******************/

.titreMedium {
	font-size: 40px;
	line-height: 40px;
	text-align: center;
}
.titreSmall {
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	letter-spacing: -1px;
}

/****************** HACK CSS ******************/

@media screen and (-webkit-device-pixel-ratio:1) { /* Ne concerne que Chrome et Safari sur écran non rétina */
	.italicBlancLight {
		-webkit-font-smoothing: antialiased;
		font-weight: 300;
	}
	.homeTitreBlanc, .apercuArticleTitre, #conseilsBandeauBouton, #lookbooksMarques, #lookbooksTopMarques, #lookbooksTopSaisons, #brevesLightboxTopTitre {
		-webkit-font-smoothing: antialiased;
	}
	.homeSuivreTDMSocialName, #lookbooksTitre, .brevesImage {
		-webkit-font-smoothing: antialiased;
		font-weight: 700;
		letter-spacing: -2px;
	}
	.homeSuivreTDMSocialAdress {
		color: #FFF;
		font-weight: 300;
		-webkit-font-smoothing: antialiased;
	}
	#homeBrevesTexte {
		-webkit-font-smoothing: antialiased;
		font-weight: 700;
		letter-spacing: -2px;
		font-size: 26px;
	}
}