* { /* 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, .photo600px {
	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;
}
.commentModifier {
	display: inline-block;
	margin: 5px 0 0 15px;
	font-weight: 600;
	color: #555;
	font-size: 10px;
	letter-spacing: 1px;
	cursor: pointer;
}
.commentModifier img {
	position: relative;
	top: 2px;
	width: 12px;
	margin-right: 3px;
}
.commentEditArea {
	width: 100%;
	min-height: 80px;
	border: 1px solid #ccc;
	padding: 8px;
	margin: 8px 0 0 0;
	border-radius: 3px;
	font-family: inherit;
	font-size: inherit;
	box-sizing: border-box;
}



/****************** 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;
}





/* Nouveau menu mobile (2025) */

/* Bouton burger (visible uniquement menu ferm�) */
#menuTrigger {
  position: absolute;
  top: 29px;
  right: 20px;
  z-index: 10001;
  background: none;
  border: none;
  padding: 0;
}

body.menu-open #menuTrigger {
  display: none;
}

/* Panneau principal du menu */
#bigMenu2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  transform: translateX(100%);
  transition: transform 0.4s ease; /* transition � 0.4s */
  z-index: 9999;
}

/* Quand menu ouvert */
body.menu-open #bigMenu2 {
  transform: translateX(0%);
}

/* Bande gauche grise */
#menuOverlayLeft {
  width: 55px;
  background-color: #f2f2f2;
  position: relative;
}

/* Centr�e horizontalement, fix�e � 50px du haut */
#menuClose {
  position: absolute;
  top: 47px;
  left: 50%;
  transform: translateX(-50%);
  background: none;
  border: none;
  padding: 0;
}

#menuClose img {
  width: 24px;
  height: 24px;
}

/* Partie droite noire */
#menuOverlayRight {
  flex-grow: 1;
  background-color: #1d1c22;
  padding: 20px;
  overflow-y: auto;
}
/* Emp�che le scroll du fond */
body.menu-open {
  overflow: hidden;
}








#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;
}
#headerReseauxSociauxContainerMobile button {
	filter: invert(100%);
}
.headerReseauxSociaux {
	padding: 0 11px;	
	opacity: 1;
	background: none; 
	border: none; 
	cursor: pointer;
}
.headerFacebook img {
	width: 16px;
}
.headerInstagram img {
	position: relative;
	top: 1px;
	width: 17px;
}
.headerYoutube img {
	position: relative;
	width: 17px;
	bottom: 2px;
	left: 1px;
}
.headerTiktok img {
	position: relative;
	height: 16px;
}
.headerPinterest img {
	position: relative;
	width: 16px;
}




nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.menu-item {
	position: relative;
	padding: 10px 20px;
	cursor: pointer;
}

.menu-item:hover .dropdown {
	visibility: visible;
	opacity: 1;
}

.dropdown {
	position: absolute;
	background-color: white;
	top: 35px;
	left: 0;
	width: 100vw; /* Prendre toute la largeur de la fen�tre */
	max-width: 1170px; /* Ne pas d�passer 1170px */
	margin-left: -625px; /* Ajustement pour aligner avec le contenu */
	border: 1px solid #ddd;
	z-index: 100;
	padding: 0 20px 20px 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s ease-in-out, visibility 0.2s;
}

.dropdown-section {
	float: left;
	width: 25%; /* Chaque section prend un tiers de la largeur */
	padding: 0 0 0 30px;
}

.dropdown-section h3 {
	font-size: 16px;
	margin-bottom: 10px;
}

.dropdown-section ul {
	list-style-type: none;
	padding: 0;
}

.dropdown-section ul li {
	margin: 5px 0;
}

.dropdown-section ul li a {
	text-decoration: none;
	color: #333;
}

.dropdown-section ul li a:hover {
	text-decoration: underline;
}

/* Pour aligner les sections correctement */
.menu-item:hover .dropdown:after {
	content: "";
	display: table;
	clear: both;
}



/****************** 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;
}
#footerReseauxSociauxContainer button {
	filter: invert(100%);
}
.footerReseauxSociaux {
	padding: 0 4%;	
	background: none; 
	border: none; 
	cursor: pointer;
}

.footerInstagram img {
	width: 31px;
}
.footerYoutube img {
	width: 32px;
	position: relative;
	bottom: 4px;
}
.footerTiktok img {
	height: 29px;
	position: relative;
	bottom: 1px;
}
.footerFacebook img {
	width: 31px;
}
.footerPinterest img {
	position: relative;
	width:31px;
}


.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;
}

#footerSitewide, #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;
}


#homeThirdArticleContainer {
	position: relative;
	display: block;
	cursor: pointer;	
}
#homeThirdArticleContainer img {
	display: block;
	width: 100%;
}
#homeThirdArticleDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}
#homeThirdArticleContainerTxt {
	position: absolute; 
	bottom: 0px;
	display: table-cell;
    vertical-align: bottom;
    padding: 15px;
}
#homeThirdArticleRubrique {
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 10px;
}
#homeThirdArticleTitre {
	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 {
	filter: invert(100%);
	transition: filter 0.3s ease;
}
#homeSuivreTDMSocialFacebook {
	width: 28px;
	margin-top: 19px;
}
#homeSuivreTDMSocialInstagram {
	width: 28px;
	margin-top: 19px;
}
#homeSuivreTDMSocialYoutube {
	width: 30px;
	margin-top: 22px;
}
#homeSuivreTDMSocialPinterest {
	width: 26px;
	margin-top: 20px;
}
.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 {
	width: 100%;
    aspect-ratio: 1 / 1.33;   /* hauteur = 133% de la largeur */
	overflow: hidden;      /* rien ne d�passe du cadre */
	background: none;
	vertical-align: top;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-family: 'Source Sans Pro', sans-serif;
}
#homeBrevesImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;     /* remplit la bo�te en cropant */
	object-position: 50% 0;/* centr� horizontalement, coll� en haut */
	display: block;
}
#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;	
}



#homeShoppingContainer {
	position: relative;
	padding: 5px 0 50px 0;
	background: linear-gradient(to bottom, #fff, #f0f0f0);
}
#homeShoppingImageContainerBig {
	position: relative;
}
#homeShoppingImageContainer {
	position: relative;
	display: block;
}
#homeShoppingImageContainer img {
	display: block;
	width: 100%;
}
#homeShoppingDegrade {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: 100%;
}
#homeShoppingContainerTxt {
	position: absolute; 
	bottom: 22px;
	display: table-cell;
    vertical-align: bottom;
    padding: 20px;
}
#homeShoppingTitre {
	display: block;
	font-weight: 600;
	font-size: 40px;
	color: #fff;
	line-height: 36px;
	letter-spacing: -2px;
}
#homeShoppingTitre .italicBlancLight {
	font-size: 29px;
	display: block;
}
#homeShoppingVoirTous {
	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;
}
#homeShoppingVoirTous 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;
}


.partenaire {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
  margin-top: 20px;
}

.partenaire-image img {
  width: 100%;
}

.partenaire-texte {
  text-align: justify;
}

.partenaire-texte p {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

.partenaire-texte h2 {
	margin-top: 0px;
}



/****************** 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 20px 48px 20px;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	box-sizing: border-box;
	margin-bottom: 30px;
}
#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 {
  display: flex;
  align-items: baseline;
  font-style: italic;
  margin-top: 11px;
  font-size: 16px;
  line-height: 19px;
}

/* ic�ne + */
.conseilsSoloCombinaisonItem img {
  position: relative;
  bottom: 1px;
  margin-right: 5px;
  flex: 0 0 auto;
}

/* conteneur texte */
.conseilsSoloCombinaisonItem span {
  min-width: 0;       /* indispensable en flex */
  flex: 1 1 auto;
}

/* ====== LIENS / BOUTONS : COMPORTEMENT PAR D�FAUT ====== */
/* inline = phrases OK */
.conseilsSoloCombinaisonItem a,
.conseilsSoloCombinaisonItem button {
  font-style: normal;
  font-size: 17px;
  display: inline;
  width: auto;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
}

/* ====== CAS DES LIENS LONGS (JS ? .isLong) ====== */
/* block = retour � la ligne ma�tris� */
.conseilsSoloCombinaisonItem .isLong {
  display: block;
  width: 100%;
  min-width: 0;
}




#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: 1;
}
.PDJItem img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	transition: all .2s ease-in-out;
}
.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;
}





/****************** 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;
}
.brevesJour button, #pagination 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, #brevesLightboxTopTitre {
		-webkit-font-smoothing: antialiased;
	}
	.homeSuivreTDMSocialName, .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;
	}
}



/****************** Nouveau menu des conseils ******************/

/* Item du menu principal (CONSEILS/BR�VES/...) */
.menu-item{
  position: relative;              /* ancre la fl�che absolue */
  display: flex;
  align-items: center;
  width: 100%;
}

/* Texte de l?item */
.menu-item .label{
  flex: 1 1 auto;
  display: block;
  /* on r�serve la place de la fl�che � droite pour �viter tout recouvrement */
  padding-right: calc(var(--tdm-row) + 8px); /* 40px + 8px marge */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Fl�che homog�ne (m�me hit-area que le sous-menu) */
.menu-item .menu-arrow{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--tdm-row);           /* 40px */
  height: var(--tdm-row);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;                     /* le SVG h�rite via currentColor */
  -webkit-tap-highlight-color: transparent;
  z-index: 2;                      /* au-dessus du dropdown si besoin */
}
.menu-item .menu-arrow svg,
.menu-item .menu-arrow svg *{
  width: 14px; height: 14px;
  stroke: currentColor;
  pointer-events: none;            /* l?�v�nement est capt� par le span */
}

/* s?assure que le contenu du m�ga-menu ne recouvre pas la fl�che */
.menu-item > .dropdown{
  position: relative;
  z-index: 1;
}

/* Menu global : pas de scroll */
#menuOverlayRight { overflow-y: hidden !important; }


/* Style de la fen�tre "TOUS LES CONSEILS" */
#conseilsPage {
	position: fixed;
	top: 0;
	left: 100%; /* Cach� par d�faut */
	width: calc(100% - 64px); /* Laisse un espace de 64px pour le menu burger */
	height: 100%;
	background-color: #ccc; /* Couleur de la fen�tre */
	z-index: 10000; /* Assure qu'il est au-dessus */
	transition: left 0.3s ease; /* Animation fluide */
	overflow: hidden;
}
#conseilsPage.hidden {
	right: -100%;
}
#conseilsPage.visible {
	right: 0; /* Fait glisser la fen�tre en vue */
}
#conseilsPage h1 {
	margin: 0;
}


:root{
  --menu-gutter: 55px;                      /* bande gauche comme le menu global */
  --tdm-ff: 'Source Sans Pro', sans-serif;
  --tdm-fs: 13px;
  --tdm-fw: 400;
  --tdm-ls: 2px;
  --tdm-color: #FFF;
  --tdm-row: 40px;                          /* hauteur d?une ligne = 40px */
  --tdm-bg: #1d1c22;
}

/* Overlay des conseils (bande grise � gauche conserv�e) */
#submenuOverlay{
  position: fixed;
  top: 0;
  left: var(--menu-gutter);
  width: calc(100% - var(--menu-gutter));
  height: 100%;
  background: var(--tdm-bg);
  color: var(--tdm-color);
  z-index: 10000;

  /* typo identique au menu global */
  font-family: var(--tdm-ff);
  font-size: var(--tdm-fs);
  font-weight: var(--tdm-fw);
  letter-spacing: var(--tdm-ls);
  text-transform: none;

  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  text-rendering: optimizeLegibility;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 20px;

  transform: translateX(100%);
  transition: transform 0.4s ease;
  pointer-events: none;

  overflow-y: auto;               /* scroll vertical du contenu */
  overflow-x: hidden;             /* clip horizontal (anti-clignotement) */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;

  /* coussin bas pour atteindre le dernier item */
  padding-bottom: calc((2 * var(--tdm-row)) + 20px + env(safe-area-inset-bottom, 0px));
}

#submenuOverlay.visible{
  transform: translateX(0);
  pointer-events: auto;
}

/* Bouton retour (visible aussi au niveau 0) */
#backButton{
  display: none; /* JS met 'flex' */
  height: var(--tdm-row);
  line-height: var(--tdm-row);
  color: var(--tdm-color);

  font-family: var(--tdm-ff);
  font-size: var(--tdm-fs);      /* 13px, comme le reste */
  font-weight: 500;              /* un poil plus gras pour matcher le global */
  letter-spacing: var(--tdm-ls);
  text-transform: uppercase;

  cursor: pointer;
  user-select: none;
  margin: 0 0 4px 0;             /* espace minimal sous RETOUR */
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
#backButton .icon{
  display: inline-flex;
  width: 18px; height: 18px;
  align-items: center; justify-content: center;
  color: var(--tdm-color);
}

/* Conteneur des panneaux (un UL par niveau) */
#submenuPanels{
  position: relative;
  width: 100%;
  min-height: 1px;
  overflow-x: hidden;   /* clip seulement l?horizontal pendant l?anim */
  overflow-y: visible;  /* laisse scroller verticalement */
  min-height: 100%;
}

/* Un panneau = une liste UL anim�e */
#submenuPanels .submenu-panel{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  position: absolute;
  top: 0; left: 0;
  transition: transform 0.35s ease;
  backface-visibility: hidden;   /* �vite un flash c�t� droit */
  /* pas de will-change */

  /* marge de s�curit� en bas pour atteindre les derniers items */
  padding-bottom: calc((2 * var(--tdm-row)) + 24px + env(safe-area-inset-bottom, 0px));
}

/* Items : m�triques du menu global */
#submenuOverlay li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--tdm-row);
  width: 100%;
}

/* Zone du texte ? �largie pour limiter les "?" */
#submenuOverlay li .label{
  flex: 1 1 auto;

  display: block;
  font-weight: var(--tdm-fw);
  font-size: var(--tdm-fs);
  letter-spacing: var(--tdm-ls);
  color: var(--tdm-color);
  height: var(--tdm-row);
  line-height: var(--tdm-row);
  background: none;
  border: 0;
  font-family: var(--tdm-ff);
  padding: 0;
  cursor: pointer;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  padding-right: 8px; /* <- au lieu de 12px : +4px pour le texte */
}

/* Zone fl�che ? encore confortable mais plus fine (36px) */
#submenuOverlay li .arrow,
#submenuOverlay li .arrow-placeholder{
  flex: 0 0 36px;   /* <- au lieu de 40px : +4px pour le texte */
  width: 36px;
  height: var(--tdm-row);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--tdm-color);
  -webkit-tap-highlight-color: transparent;
}
#submenuOverlay li .arrow-placeholder{ visibility: hidden; }

#submenuOverlay li .arrow svg,
#submenuOverlay li .arrow svg *{
  pointer-events: none;
  width: 14px; height: 14px;
}

/* N?emp�che pas le scroll */
#submenuOverlay .label,
#submenuOverlay .arrow{ touch-action: manipulation; }

/* Casse : niveau 0 = original ; niveaux >= 1 = UPPERCASE */
#submenuPanels .submenu-panel.depth-0 .label,
#submenuPanels .submenu-panel.depth-0 .arrow{ text-transform: none; }
#submenuPanels .submenu-panel.depth-1 .label,
#submenuPanels .submenu-panel.depth-1 .arrow,
#submenuPanels .submenu-panel.depth-2 .label,
#submenuPanels .submenu-panel.depth-2 .arrow,
#submenuPanels .submenu-panel.depth-3 .label,
#submenuPanels .submenu-panel.depth-3 .arrow{ text-transform: uppercase; }

/* 2) Sous-menu conseils (page racine) : pas de scroll */
#submenuOverlay.no-scroll { overflow-y: hidden !important; }


/* MOBILE FIRST ? ne jamais ouvrir le dropdown au tap */
#menuHeader .menu-item > .dropdown { 

  position: absolute;            /* pr�t pour desktop */
  left: 0; 
  top: 100%;
}

/* MASQUER le dropdown uniquement < 1280px */
@media (max-width: 1279px) {
  #menuHeader .menu-item:hover > .dropdown,
  #menuHeader .menu-item:focus-within > .dropdown {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

.conseilSection {
	display: block;
}
.conseilGallery {
	display: block;
}


/* Banner notifications push */
#pushBanner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background-color: #1e1e25;
	padding: 18px 20px;
	box-shadow: 0 -2px 12px rgba(0,0,0,0.25);
}
#pushBannerInner {
	max-width: 700px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 14px;
}
#pushBannerText {
	color: #FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 15px;
	flex: 1;
	line-height: 1.4;
}
#pushBannerYes {
	background-color: #EEB315;
	color: #1e1e25;
	border: 0;
	padding: 9px 20px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
}
#pushBannerYes:hover {
	background-color: #d9a213;
}
#pushBannerNo {
	background: transparent;
	color: #666;
	border: 0;
	font-size: 24px;
	cursor: pointer;
	padding: 0 4px;
	line-height: 1;
}
#pushBannerNo:hover {
	color: #999;
}
@media screen and (max-width: 499px) {
	#pushBannerInner {
		flex-direction: column;
		text-align: center;
		gap: 12px;
	}
	#pushBannerNo {
		position: absolute;
		top: 10px;
		right: 14px;
	}
}