/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
 * CH01 - Animations
 * CH02 - Gestion row

 */

/* CH01 - ANIMATIONS
/* ---------------------------------------------------------------------------------- */
.animation,
.section-1 .title h2 strong,
.menu .menu__link,
.menu__item ul a,
.more,
.more::after,
.page_rubrique .article h2::after,
.btn-arrow a::after,
.btn-article a {
	-webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
	}

	
/* CH02 - GESTION ROW
/* ---------------------------------------------------------------------------------- */
body {
	height:100%;
	background:#f5f5f5;
	font:normal 16px/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color:#000;
	}

body::after {
	z-index: 100;
	position: fixed;
	right: 0;
	top: 0;
	background: #000;
	padding: 0 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 0.688em;
	text-transform: uppercase;
	line-height: 30px;
	color: #FFF;
	}

	
/*ROW 1920
/* -------------------------- */
.row-1920 .row {max-width:120rem;}


/* ROW 1560
/* -------------------------- */
.row-1560 .row {max-width:97.5rem;}

	
/* ROW 1440
/* -------------------------- */
.row-1440 .row {max-width:90rem;}

	
/* ROW 1200
/* -------------------------- */
.row-1200 .row {max-width:75rem;}


/* ROW 1120
/* -------------------------- */
.row-1120 .row {max-width:70rem;}


/* FLEXBOX
/* -------------------------- */
.flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  	flex-direction:row; 
	}

/* CENTRER VERTICALEMENT
/* -------------------------- */	
.vertical-center {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	}	


/* CH?? - HEADER
/* ---------------------------------------------------------------------------------- */
body {
	margin: 0 auto;
	max-width: 120rem;
	}

main {background: #FFF;}

.langues {
	position:absolute;
	list-style: none;
	margin: 0;
	left: 30px;
	top: 45px;
	}

.langues li {
	display:inline-block;
	margin-right: 8px;
	width: 30px;
	border: 1px solid rgba(255,255,255,.15);
	line-height: 28px;
	font-size: 0.813rem;
	text-transform: uppercase;
	text-align: center;
	}

.langues li strong,
.langues li a:hover {
	color: #FFF;
	font-weight: 400;
	}

.langues li a {
	display: block;
	color: rgba(255,255,255,.5);
	}

	@media only screen and (max-width: 720px) { .langues {top: 15px;} }


/* CH?? - HOME
/* ---------------------------------------------------------------------------------- */
/* EN COMMUN */
main.home p {
	margin-top: 30px;
	margin-bottom: 0;
	font:300 0.938em/1.65em "Roboto", Helvetica, Arial, sans-serif;
	color:#3d3d3d;
	}

main.home .txt {position: relative;}

/* SECTION 1 */
.section-1 .logo {
	overflow: hidden;
	text-indent: -9999px;
	display:inline-block;
	position: absolute;
	left: 25%;
	top: 30px;
	margin-right: 55px;
	height: 60px;
	width: calc(75% - 55px);
	background: #3c3c3c url("/IMG/logo_mercatdeldiamant.gif") no-repeat center center;
	background-size: contain;
	}
	
.message {
	font:normal 16px/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color: #efeada;
	background: #8448a0; 
	}
	
.section-1 .block {
	z-index: 10;
	position: absolute;
	bottom: 15%;
	left: 25%;
	}

.section-1 #rev-1-1 {width: 760px;}

.title h1,
.title h2 {
	margin-bottom:0;
	font:100 3.5em/1.25em "Roboto", Helvetica, Arial, sans-serif;
	color:#3d3d3d;
	}

.section-1 .title h2 strong {
	font-weight:300;
	color:#FFF;
	}

.section-1 a:hover.title h1 strong {color:#36348e;}

.more {
	position: relative;
	display: inline-block;
	z-index: 0;
	/*width: 110px;*/
	font:700 0.875em/1.35em "Kanit", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color:#36348e;
	}

.section-1 .more::after,
.section-2 .more::after,
.section-3 .more::after,
.section-4 .more::after,
.section-5 .more::after,
.section-6 .more::after,
.section-7 .more::after {
	position: absolute;
	z-index: -1;
	content:"";
	width: 0;
	height: 50%;
	left: -5px;
	bottom:0;
	background:#FEFF03;
	}

a:hover .more {}
.news a:hover .more {color:#FEFF03;}
a:hover .more::after {width: calc(100% + 10px);}

.section-1 .scroll {
	position: absolute;
	bottom: 0;
	left: 25%;
	padding-right: 20px;
	background: transparent url("/IMG/arrow-down@2x.gif") no-repeat right center;
	background-size:11px 7px;
	font:700 0.875em/1.35em "Kanit", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color:#3d3d3d;
	}

.section-1 .img { margin-top: -100px;}

.section-1 p {width: 50%;}


/* SECTION HAUTE JOAILLERIE */
.section-2 {
	position: relative;
	margin-top:8.33333%;
	}

.section-2::after {
	position: absolute;
	content: "";
	left:41.66667%;
	top:-35.33333%;
	width:8.33333%;
	height:35.33333%;
	background: #F22222;
	}

.section-2 #rev-2-2 {display: inline-block;}

.section-2 .block {margin-top: 10%;}


/* SECTION JOAILLERIE */
.section-3 .block {
	position: absolute;
	bottom: 15%;
	text-align: right;
	}

.section-3 #rev-3-1 {display: inline-block;}


/* SECTION MARIAGE */
.section-4 {
	position: relative;
	margin-top:8.33333%;
	}

.section-4::after {
	position: absolute;
	content: "";
	left:25%;
	top:-20%;
	width:8.33333%;
	height:20%;
	background: #FEFF03;
	}

.section-4 .txt {background: #eee;}

.section-4 .block {
	position: absolute;
	width: 60%;
	left: 20%;
	bottom: 10%;
	}

.section-4 #rev-4-2 {display: inline-block;}


/* SECTION HORLOGERIE */
.section-5 .block {
	position: absolute;
	bottom: 15%;
	text-align: right;
	}

.section-5 #rev-5-1 {display: inline-block;}


/* SECTION ATELIER GEMMOLOGIE*/
.section-6 {
	position: relative;
	margin-top:8.33333%;
	}

.section-6::after {
	position: absolute;
	content: "";
	left:83.33333%;
	top:-33.33333%;
	width:8.33333%;
	height:33.33333%;
	background: #F22222;
	}

.section-6 .block {margin-top: 10%;}
.section-6 #rev-6-2 {display: inline-block;}



/* SECTION VIDÉO*/
.section-7 .block {
	position: relative;
	text-align: center;
	padding: 50% 0;
	background: #eee;
	}

.section-7 #rev-7-1 {
	display: inline-block;
	position:absolute;
	top:50%;
	left:30%;
	right:30%;
	margin:0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	}

.section-7 .medium-5 {position:relative;}

/*section  partenaire */
.section-8 {
	position: relative;
	text-align: center;
	padding: 50% 0;
	
	}


#background-video {
	z-index: 10;
	position: absolute;
	height: 100%;
	width: 100%;
	background-color:#000;
	}

.loaded .ytplayer-container {display: block;}

.ytplayer-container {
	bottom: 0;
	height: 100%;
	left: 0;
	min-width: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	}

.ytplayer-shield {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
	}

.ytplayer-player {
	position: absolute;
	left: -40% !important;
	width: 180% !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	top:50% !important;
	}

@media only screen and (max-width: 720px) {
	
		#background-video {display:none;}
	
	}

/* HOME_LOGO PARTENAIRE
/* ---------------------------------------------------------------------------------- */
.partenaire { 
	background-color: #36348e;
	}
.contenu_partenaire {
	padding:50px;
	}

	@media only screen and (max-width: 640px) {
		.contenu_partenaire {padding:20px;}
	}

.contenu_partenaire a img {-webkit-filter: grayscale(99%);
	filter: grayscale(99%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; 
	opacity:0.8 !important;margin-bottom:13px;
	}
	
.contenu_partenaire a:hover img {-webkit-filter: grayscale(0);
	filter: grayscale(0);opacity:1 !important;}		

/* CH?? - ACTUS HOME + ACTUS ASIDE
/* ---------------------------------------------------------------------------------- */
.news {background: #FEFF03;}

.news .content {
	padding:50px;
	background: #eee;
	}

	@media only screen and (max-width: 640px) {
		.news .content {padding:20px;}
	}

.news a {
	display:block;
	color:#FFF;
	}

.news article a {position: relative;}

.news article figure {background-color:  #000;}
.news article img {min-width: 100%;}

.news .inside {
	z-index: 5;
	position: absolute;
	top: 0;
	left:  0;
	width: 100%;
	padding:30px 45px;
	}

.news img {opacity:0.6 !important;}

.news .title {
	margin-top: 20px;
	font:700 0.875em/1.5em "Merriweather", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#84828d;
	}

.news .large-9 {margin-bottom: 30px;}
.news .large-3 {text-align: right;}

.news h2 {
	margin-bottom: 0;
	font:300 1.125em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	}

.news h2 a {color:#000;}

.news .liretout {
	display: inline-block;
	margin-top: 2px;
	padding: 5px 10px;
	background: rgba(255,255,255,.15);
	font:700 0.875em/1.25em "Kanit", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #000;
	}

.news h3 {
	margin-bottom:10px;
	font:700 1.125rem/1.25em "Kanit", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	}

.news .date {
	margin-bottom: 10px;
	font:400 0.875em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	}

.news .more {
	font:400 0.813em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	text-decoration:underline;
	text-transform: none;
	color: #FFF;
	}


/* CH?? - FOOTER
/* ---------------------------------------------------------------------------------- */
footer  { background: #36348e; }
footer .gauche { background: #36348e; }
footer .droite { background: #F22222; }

footer ul  {
	list-style:none;
	padding:0;
	margin:0;
	}

footer .gauche,
footer .droite {padding:70px 50px 50px;}

footer .mentions .gauche,
footer .mentions .droite {padding:0 50px;}

footer .principal {
	float:left;
	width: 65%;
	}

footer .secondaire {
	float: right;
	width: 35%;
	margin-top: 5px;
	}

footer .title,
footer .adresse {
	margin-bottom: 20px;
	font:100 1.625em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color: #FFF;
	}

footer .adresse a {color: #FFF;}

footer .contact a {
	display: inline-block;
	padding: 5px 10px;
	background: rgba(255,255,255,.15);
	font:700 0.875em/1.25em "Kanit", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	}

footer .newsletter {
	float: left;
	margin-top: 50px;
	}

footer .newsletter .title {
	font-size:0.938em;
	font-weight: 400;
	text-transform: uppercase;
	}

footer ul li a {
    display: block;
	padding: 2px 0;
	font:400 1em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color:#FFF;
	}

footer ul.secondaire li a {
	font-size:0.750em;
	text-transform: uppercase;
	}

footer ul li a:hover,
footer ul li a:focus {color: #FEFF03;}

footer .logo {
	display:block;
	margin-bottom: 20px;
	width: 316px;
	}

footer .bottom {
    display: block;
	border-top: 1px solid rgba(255,255,255,0.3);
	padding: 25px 0;
	font:400 0.688em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color:#FFF;
	}

.formulaire_newsletter {font-size: 0;}

.formulaire_newsletter input[type="email"] {
	background: #36348e;
	border: 1px solid #FFF;
	border-radius: 0;
	box-shadow: none;
	padding-left: 0.938rem;
	height: 50px;
	width: 100%;
	margin: 0;
	font: 300 13px/50px "Roboto",Helvetica,Arial,sans-serif;
	color: #FFF;
	}

.formulaire_newsletter input::placeholder {
	font-size: 13px;
	font-weight: 300;
	color: #FFF;
	}

.formulaire_newsletter input[type="submit"] {
	cursor: pointer;
	background: #FFF;
	border: 1px solid #FFF;
	border-radius: 0;
	height:50px;
	width: 140px;
	margin-bottom: 0;
	font: 700 12px/48px "kanit",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #36348e;
	}

.formulaire_newsletter ul {
	display: inline-block;
	margin-bottom: 0;
	width: 300px;
	vertical-align: bottom;
	}

.formulaire_newsletter p {
	display: inline-block;
	margin-top: 10px;
	font-size: 13px;
	color: #FEFF03;
	}

.formulaire_newsletter p b {
	font-weight: 400;
	color: #FFF;
	}

.designby {border-bottom:1px solid rgba(255,255,255,0.2);}
	
footer .bottom a {color:#FFF;}

footer .follow {
	float: right;
	margin-top: 100px;
	}

footer .follow .title {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	font:700 0.813em/1.25em "Kanit", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	}


/* CH?? - PAGE ARTICLE
/* ---------------------------------------------------------------------------------- */
section header .large-4,
article header .large-4 {position: relative;}

#main section .large-4,
#main article .large-4 {text-align: right;}

.page_rubrique #rev-1-2,
.page_rubrique #rev-1-3,
.page_article #rev-1-2,
.page_article #rev-1-3 {
	position: relative;
	display: inline-block;
	}


.page_rubrique #rev-1-3,
.page_article #rev-1-3 {width:75%;}

.container .left {width:37.5%;}
.container .right {
	position: relative;
	width:62.5%;
	}

.page_rubrique #rev-1-3::after,
.page_article #rev-1-3::after {
	position: absolute;
	content: "";
	left:0;
	bottom:-33.33333%;
	width:33.33333%;
	height:33.33333%;
	background: #F22222;
	}

.page_article main .logo,
.page_rubrique main .logo {
	z-index: 25;
	display:inline-block;
	position: absolute;
	left: 25%;
	top: 30px;
	margin-right: 55px;
	height: 60px;
	width: calc(75% - 55px);
	background: #3c3c3c url("/IMG/logo_mercatdeldiamant.gif") no-repeat center center;
	background-size: contain;
	}

.article {
	padding: 100px 13.67188%;
	background: #eee;
	}

.container > figure {width: 37.5%;}

section .entete,
article .entete {
	z-index: 10;
	position: absolute;
	bottom: 35px;
	left: 25%;
	padding-right: 55px;
	text-align: left;
	}

section .entete .supTitle,
section .article .supTitle_rub,
article .entete .supTitle,
article .article .supTitle_rub{
	display: inline-block;
	margin-bottom: 15px;
	font: 700 0.875em/1.35em "Kanit",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #36348e;
	}

section h1,
section .article .supTitle,
article h1,
article .article .supTitle {
	margin-bottom:0;
	font:300 2.125em/1.4em "Roboto", Helvetica, Arial, sans-serif;
	color:#3d3d3d;
	}

section .article .supTitle,
article .article .supTitle {
	padding-bottom: 30px;
	margin-bottom: 75px;
	border-bottom: 1px solid #cbcbcb;
	color:#ccc;
	}

article .article .supTitle_rub,
section .article .supTitle_rub {color: #ccc;}

article .chapo p,
section .chapo p {
	margin-bottom: 0;
	margin-top: 15px;
	font: 300 1em/1.5em "Roboto",Helvetica,Arial,sans-serif;
	color: #3d3d3d;
	}

.article h2 {
	font:300 2.125em/1.4em "Roboto", Helvetica, Arial, sans-serif;
	color: #000;
	}

.article h3 {
	font:300 1.625em/1.4em "Roboto", Helvetica, Arial, sans-serif;
	color: #000;
	}

.article h4 {
	font:300 1.063em/1.4em "Roboto", Helvetica, Arial, sans-serif;
	color: #000;
	}

.article p,
.article ul,
.article a {
	font:300 1em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color: #666;
	}

.article a {text-decoration: underline;}

.article ul.spip {
	list-style:none;
	margin-left: 0;
	}

.article ul.spip li {
	position:relative;
	padding-left: 15px;
	}

.article ul.spip li::after {
	position:absolute;
	content:"•";
	left: 0;
	top:0;
	color: #666;
	}

.article ul li {margin-bottom:0.313em;}

.article p strong,
.article ul strong,
.article .texteencadre-spip strong {
	font-weight:400;
	color: #000;
	}

.article p i,
.article ul i,
.article .texteencadre-spip i {color: #000;}
	
.article .chapo a,
.article p a,
.article ul a,
.article .texteencadre-spip a {
	text-decoration: underline;
	color:#F22222;
	}

.article .texteencadre-spip {
	z-index: 0;
	position: relative;
	background: #FEFF03;
	border:none;
	padding:30px;
	font:400 0.938em/1.6em "Roboto", Helvetica, Arial, sans-serif;
	color:#3d3d3d;
	}

.article .texteencadre-spip::after {
	z-index: -1;
	position: absolute;
	content:"";
	left: 10px;
	right: 10px;
	top: 10px;
	bottom:10px;
	border: 1px solid rgba(255,255,255,0.2);
	}

.article .texteencadre-spip::before {
	z-index: -1;
	position: absolute;
	content:"";
	margin: 0 auto;
	width:50px;
	left: 0;
	right: 0;
	top: -1.75em;
	bottom:-1.75em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.article .texteencadre-spip p {
	font-weight: 300;
	color:#3d3d3d;
	}

.article .texteencadre-spip h2,
.article .texteencadre-spip h3,
.article .texteencadre-spip h4 {font:300 1.5em/1.5em "Roboto", Helvetica, Arial, sans-serif;}
	
.article .texteencadre-spip p,
.article .texteencadre-spip ul {font-size:1em;}


/* BOUTONS ARTICLE */
.btn-article {text-align: center;}

.article .btn-article + .btn-article {margin-top:-3em;}

.btn-article a {
    display: inline-block;
    padding: 20px 40px;
	background: #36348e;
	font: 700 0.875em/1.5em "kanit",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
    text-decoration: none;
	color: #FFF;
	}

.btn-article a:hover {background: #F22222;}

.btn-article + .texteencadre-spip{margin-top:4em;}


/* BLOCS OUVERTS FERMÉS */
.cs_blocs {
    display: block;
	border-bottom: 1px solid #ccc;
	}

.cs_blocs h3 {font:400 1.250em/1.35em "Roboto", Helvetica, Arial, sans-serif;}

.cs_blocs h3 a {
	position: relative;
	display:block;
    padding: 20px 35px 20px 10px;
	font-size:1em;
    text-decoration: none !important;
    color: #000;
	}

.cs_blocs h3 a::after,
.cs_blocs h3.blocs_replie a::after {
	position: absolute;
	content:"";
    right: 45px;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font:400 0.65em/1.35em "Roboto", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #aaa;
	}
	
.blocs_destination {
	padding:40px 100px;
	margin: 0 !important;
	}
			
.cs_blocs .blocs_replie {
	background: transparent url("/IMG/croix@2x.gif") no-repeat scroll right 20px center !important;
	background-size:13px 13px !important;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	}

.cs_blocs h3.blocs_replie a {color:#000;}

.cs_blocs .blocs_titre {
	padding: 0;
	margin: 0;
	background: #FFF url("/IMG/croix-open@2x.gif") no-repeat scroll right 20px center;
	background-size:13px 13px;
	}

/* SUIVANT PRECEDENT */
.article nav { margin-top:60px;}

.article nav a {
	position: relative;
	height: 30px;
	padding-top: 7px;
	font: 700 0.875em/1.35em "Kanit",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

.article nav a.precedent {
	float: left;
	padding-left: 20px;
	text-align: left;
	}

.article nav a.suivant {
	float: right;
	padding-right: 20px;
	text-align: right;
	}

.article nav a.precedent::after{
	position: absolute;
	top: 6px;
	left: 0;
	content: "←";
	}

.article nav a.suivant::after {
	position: absolute;
	top: 6px;
	right: 0;
	content: "→";
	}


/* IMG PAGE RUBRIQUE
/* -------------------------- */
.page_rubrique .article h2,
.btn-arrow a {
	display: block;
	position: relative;
	padding: 15px 45px 15px 0;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
	background: linear-gradient(#FEFF03,#FEFF03) no-repeat left top / 0 100%;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	font:300 1.5em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color: #3d3d3d;
	}

.btn-arrow a {
	font:400 1.125em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color: #F22222;
	}

.page_rubrique .article h2::after,
.btn-arrow a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	content: "→";
	font-size: 18px;
	font-family:"Kanit", Helvetica, Arial, sans-serif;
	line-height: 0;
	color: #ccc;
	}

.page_rubrique .article a,
.btn-arrow a { text-decoration: none;}

.page_rubrique .article a:hover h2,
.btn-arrow a:hover {
	padding-left: 15px;
	color:#000;
	background-size: 100% 100%;
	}

.page_rubrique .article a:hover h2::after,
.btn-arrow a:hover::after {color: #FFF;}

.article .btn-arrow {margin-bottom:4em;}
.article .btn-arrow + .btn-arrow {margin-top:-4em;}


/* IMG FULL LARGE
/* -------------------------- */
.article figure {
	background:#ddd url(/IMG/loading.gif) no-repeat center center;
	min-height: 300px;
	}
@media (max-width: 1279px) { .article figure {min-height: 225px;} }
@media (max-width: 639px) { .article figure {min-height: 150px;} }

.article figure img {width:100%;}


/* NIVEAU DE LECTURE */
/* -------------------------- */
.article h1,
.article h2 {margin-bottom:1.125em;}

.article h3 {margin-bottom:0.75em;}

.article h4,
.article h5,
.article p,
.article ul {margin-bottom:0.425em;}

.article p + h2,
.article p + h3,
.article ul + h2,
.article ul + h3,
.article .cs_blocs + h2,
.article .cs_blocs + h3 {margin-top:2.250em;}

.article p + h4,
.article p + h5,
.article ul + h4,
.article ul + h5,
.article .cs_blocs + h4,
.article .cs_blocs + h5 {margin-top:1.625em;}

.article .chapo p + ul {margin-top: -2.5em !important;}

.article figure,
.article .cs_blocs {margin-bottom:4em;}

.article figure + figure {margin-top:-3em;}/*Avant 1.625em - Corriger ligne 1745 - .cs_blocs + .cs_blocs*/
.article .cs_blocs + .cs_blocs {margin-top:-4em;}

.article h2 + figure,
.article h3 + figure,
.article h4 + figure,
.article h5 + figure,
.article p + figure,
.article ul + figure,
.article h2 + .texteencadre-spip,
.article h3 + .texteencadre-spip,
.article h4 + .texteencadre-spip,
.article h5 + .texteencadre-spip,
.article p + .texteencadre-spip,
.article ul + .texteencadre-spip {margin-top:4em;}/*Avant 1.625em*/

.article h2 + .cs_blocs,
.article h3 + .cs_blocs,
.article h4 + .cs_blocs,
.article h5 + .cs_blocs,
.article p + .cs_blocs,
.article ul + .cs_blocs {margin-top:1.5em;}

.article figure + h2,
.article figure + h3,
.article figure + h4,
.article figure + h5,
.article .flex-video + h2,
.article .flex-video + h3,
.article .flex-video + h4,
.article .flex-video + h5 {margin-top:3em;}

.article .texteencadre-spip h2,
.article .texteencadre-spip h3,
.article .texteencadre-spip h4,
.article .texteencadre-spip h5,
.article .texteencadre-spip p,
.article .texteencadre-spip ul {margin-bottom:0;}

.article .texteencadre-spip h2 + p,
.article .texteencadre-spip h3 + p,
.article .texteencadre-spip h4 + p,
.article .texteencadre-spip h5 + p,
.article .texteencadre-spip h2 + ul,
.article .texteencadre-spip h3 + ul,
.article .texteencadre-spip h4 + ul,
.article .texteencadre-spip h5 + ul,
.article .texteencadre-spip p + p,
.article .texteencadre-spip ul + p {margin-top:1em;}

.article .texteencadre-spip p + ul {margin-top:0.5em;}


/* CH?? - FORMULAIRES
/* ---------------------------------------------------------------------------------- */
.formulaire_formidable  {
	margin-top:20px;
	text-align: left;
	}

.formulaire_formidable br {display:none;}

.article .formulaire_formidable h2,
.article .formulaire_formidable h3 {
	margin-bottom:1.125em;
    font:400 1.125rem/1.5em "Roboto",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	}
	
label,
select {
	display:block;
	font-size:1.063rem;
	color:#000;
	}
	
fieldset,
.fieldset {
	padding:0;
	margin-top:50px;
	border:none;
	}

select {
    height: 50px;
    margin-bottom: 0.25em;
    margin-top: 0.35em;
    padding: 10px;
	border:1px solid #ccc;
	}
		
.formulaire_formidable fieldset .editer {
	position: relative;
	float:left;
	width:48%;
	margin-right:2%;
	margin-top:10px;
	list-style:none;
	}
			
.formulaire_formidable fieldset .editer:nth-child(2n+0) {
	float:left;
	width:48%;
	margin-left:2%;
	margin-right:0;
	}

/* Arrangement Fieldset 2 DEMANDE*/
.formulaire_formidable .fieldset_fieldset_2 .editer {
	width:100%;
	margin-right:0;
	}

.formulaire_formidable .fieldset_fieldset_2 .editer:nth-child(2n+0) {
	width:50%;
	margin-left:0;
	}
/*Fin */
			
.formulaire_formidable .saisie_textarea {
	margin:1.125em 0 0;
	width:100% !important;
	}
	
textarea {min-height:200px;}
		
.formulaire_formidable textarea,
.formulaire_formidable input[type="text"] {
	float:none;
	width:100%;
	height:50px;
	padding:0.750em;
	margin-top:0.35em;
	border:1px solid #ccc;
	box-shadow:none;
	border-radius:0;
	background:#FFF;
	font-size:1.125rem;
	color:#000;
	}

.formulaire_spip input.date {width:100% !important;}
img.ui-datepicker-trigger {
	display:inline-block !important;
	margin-left: -25px !important;
	}

.formulaire_formidable input[type="submit"]  {
	display:block;
	cursor: pointer;
	margin:30px auto 0;
    padding: 20px 40px;
	border: none;
	background: #36348e;
	font: 700 0.875em/1.5em "kanit",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
    text-decoration: none;
	color: #FFF;
	}

.formulaire_formidable input[type="submit"]:hover {background:#F22222;}

.formulaire_spip .choix {
	background: #ddd;
	display: block;
	margin-right: 0;
	margin-top: 30px;
	padding: 20px;
	}

.reponse_formulaire_erreur p {
	background:#e5e3dc;
	padding:20px !important;
	color:#ff2c14 !important;
	font-size:1.063rem !important;
	}

.erreur_message {
	position:absolute;
	left:0;
	bottom:-10px;
	font:400 0.688rem/1.5em "Roboto",Helvetica,Arial,sans-serif;
	color:#ff2c14;
	}

.reponse_formulaire_ok p {
	font-family:"Roboto",Helvetica,Arial,sans-serif;
	font-size:1.375rem;
    color: #000;
	}

.reponse_formulaire_ok p b {
	font-weight:400;
    color: #FFF;
	}

@media only screen and (max-width: 640px) {
	
	.formulaire_formidable fieldset .editer,
	.formulaire_formidable fieldset .editer:nth-child(2n+0) {
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
		}
	
	}

/* CH?? - PLAN DU SITE
/* ---------------------------------------------------------------------------------- */
.page_plan .article h1 {margin-top: 1em;}

.page_plan .article ul.spip {
	list-style:none;
	margin: 0;
	}

.page_plan .article ul.spip li::after {
	background:none;
	content: "";
	}

.page_plan .article ul.spip li h2 {
	padding:0;
	margin:0;
	background:#FEFF03;
	font-size: 1em;
	}

.page_plan .article ul.spip li h2 a  {
	text-decoration: none;
	font: 300 1.875em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color: #3d3d3d;
	}

.page_plan .article ul.spip ul.spip {
	padding:0;
	font-size:1em;
	}

.page_plan .article ul.spip ul.spip h2 {
	background: none;
	margin:15px 0 0;
	font-size:1em;
	}

.page_plan .article ul.spip ul.spip h2 a  {
	text-decoration: none;
	padding:10px 20px;
	font:300 1em/1.5em "Roboto", Helvetica, Arial, sans-serif;
	color: #000;
	}

.page_plan .article ul.spip a {border: none;}
		
.page_plan .article ul.spip li  {
	padding-left:0;
	margin-bottom:0;
	background:none;
	font-size:1em;
	border-bottom:1px solid #ddd;
	}
	
.page_plan .article ul.spip li a  {
	text-decoration: none;
	display:block;
	padding:15px 20px;
	font:300 1em/1.35em "Roboto", Helvetica, Arial, sans-serif;
	color:#3d3d3d;
	}

.page_plan .article > ul.spip > li {border-bottom:1px solid #ddd;}

.page_plan .article ul.spip li ul.spip li {
	font-size: 1em;
	border-bottom:1px solid #ccc;
	}
.page_plan .article ul.spip li ul.spip li:last-child {border-bottom: none;}

.page_plan .article ul.spip li ul.spip li a {display:block;}

/*.page_plan .article ul.spip li ul.spip li:not(:last-child) {border-bottom:1px solid #ccc;}*/


/* CH?? - MENTIONS LÉGALES
/* ---------------------------------------------------------------------------------- */
.vcard strong,
small strong {font-weight:normal;}

.spip_mail {
	border-bottom:1px solid #ccc;
	color:#004eaf;
	}
	
abbr[title] {border-bottom: none;}
abbr {border-bottom:none;}
			
	
/* CH?? - ADD TO ANY
/* ---------------------------------------------------------------------------------- */
.share {
	width: 140px;
	font: 700 0.750em/1.35em "Kanit",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	color: #aaa;
	}

.at-share-btn-elements a {
	background: #aaa !important;
	margin:0 3px !important;
	}

.at-share-btn-elements {margin-top: 8px;}

.a2a_kit {
	display:inline-block;
	margin:0 0 0 20px;
	width:160px;
	vertical-align: middle;
	}

.a2a_button_facebook,
.a2a_button_twitter,
.a2a_button_google_plus,
.a2a_button_youtube,
.a2a_button_instagram,
.a2a_button_linkedin {
	float:left;
	width:30px;
	height:30px;
	margin:0 3px;
	}
	
.a2a_button_facebook span,
.a2a_button_twitter span,
.a2a_button_google_plus span,
.a2a_button_youtube span,
.a2a_button_instagram span,
.a2a_button_linkedin span {display:none;}
	
.a2a_button_facebook,
.a2a_button_twitter,
.a2a_button_google_plus,
.a2a_button_youtube,
.a2a_button_instagram,
.a2a_button_linkedin {
	background:transparent url("/IMG/sprite-reseaux_circle@2x.png") no-repeat 0 center;
	background-size:180px 30px;
	}
	
.a2a_button_twitter {background-position:-30px center;}
.a2a_button_google_plus {background-position:-60px center;}
.a2a_button_youtube {background-position:-90px center;}
.a2a_button_instagram {background-position:-120px center;}
.a2a_button_linkedin {background-position:-150px center;}


/* CH?? - DIVERS
/* ---------------------------------------------------------------------------------- */

/* LAZY LOAD
/* -------------------------- */
img.lazy {
	opacity: 0;
	-webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
	-ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
	}
	
	
/* ANCHOR
/* -------------------------- */
.cd-top {
	display: inline-block;
	z-index:100;
	height: 60px;
	width: 60px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #F22222 url("/IMG/arrow-up@2x.png") no-repeat center center;
	background-size:16px 9px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	transition: all 0.15s;
	}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
	}
	
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
	}
	
.cd-top.cd-fade-out {opacity: .5;}
	
.cd-top:hover {
	background-color: #F22222;
	opacity: 1;
	}

@media only screen and (max-width: 720px) {
	.cd-top {
		bottom: 0px;
		right: 0px;
		}
	}

					
/* CH?? - RESET SPIP
/* ---------------------------------------------------------------------------------- */
	figure {margin:0;}
	
	.adapt-img-wrapper,
	.adapt-img-wrapper::after {width:100%;}
	
	article p > span {line-height:0; display:block; margin:1.5em 0 !important;}
		
	.markItUpContainer textarea {background:#FFF !important; color:#000 !important;}
	
	#colorbox, #cboxOverlay, #cboxWrapper {
		-moz-box-sizing:content-box !important;
		-webkit-box-sizing:content-box !important;
		box-sizing: content-box !important;
		}
		
	.spip-admin-float {
		z-index:2000 !important;
		right:5% !important;
		}	
	.spip_documents_left,
	.spip_documents_right {float:inherit !important}



/* CH?? - CLASS NETTOYEUR
/* ---------------------------------------------------------------------------------- */
	.nettoyeur {
		height:1px;
		line-height:0;
		clear:both;
		}	


/* CH?? - VISIBILITY
/* ---------------------------------------------------------------------------------- */
@media only screen and (min-width: 1921px) {
		
		.show-for-960,
		.show-for-840,
		.show-for-medium-small,
		.show-for-medium,
		.show-for-small {display:none !important;}	
		
		}

/* XXX-large landscape > BREAKPOINT 1680PX */
	@media only screen and (max-width: 1920px) {
		
		.show-for-960,
		.show-for-840,
		.show-for-medium-small,
		.show-for-medium,
		.show-for-small {display:none !important;}
		
		}

	@media only screen and (max-width: 1024px) {
		
		.show-for-medium-small,
		.show-for-medium {display:block !important;}
		
		.hide-for-medium,
		.hide-for-medium-small {display:none !important;}

		}


	@media only screen and (max-width: 960px) {
		
		.show-for-960 {display:block !important;}
		.hide-for-960 {display:none !important;}

		}


	@media only screen and (max-width: 840px) {
		
		.show-for-840 {display:block !important;}
		.hide-for-840 {display:none !important;}

		}
	
	@media only screen and (max-width: 640px) {

		.hide-for-medium,
		.show-for-small {display:block !important;}
	
		.show-for-medium,
		.hide-for-small {display:none !important;}
	
		}

	
/* CH?? - MEDIA QUERIE
/* ---------------------------------------------------------------------------------- */
	@media only screen and (min-width: 1921px) {
		/*body:after {content: "1921px and more";}*/
		
		}
		
/* XXX-large landscape > BREAKPOINT 1680PX */
	@media only screen and (max-width: 1920px) {
		/*body:after {content: "1920px";}*/
	
		}
	
	
/* X-large landscape > BREAKPOINT 1440PX */
	@media only screen and (max-width: 1680px) {
		/*body:after {content: "1680px";}*/
		
		.section-1 p {width: 65%;}

		.page_article main .logo,
		.page_rubrique main .logo {
			left: 15%;
			width: calc(85% - 35px);
			}
		
		.page_rubrique #rev-1-3,
		.page_article #rev-1-3 {width:85%;}
		
		section .entete,
		article .entete {
			left: 15%;
			padding-right: 35px;
			}
		
		}
	
		
/* Widescreen landscape > BREAKPOINT 1280PX */
	@media only screen and (max-width: 1440px) {
		/*body:after {content: "1440px";}*/
		
		.section-1 #rev-1-1 {width: 635px;}
		.section-1 p {width: 75%;}

		.title h1,
		.title h2 {
			font-size: 2.875em;
			font-weight: 300;
			}
		main.home p {
			margin-top: 15px;
			line-height: 1.5em;
			font-size: 0.875em;
			}
		.section-2 .block,
		.section-6 .block {margin-top: 30px;}
		.section-3 .block,
		.section-4 .block,
		.section-5 .block {bottom: 30px;}
		
		.page_article main .logo,
		.page_rubrique main .logo {
			left: 30px;
			width: calc(100% - 60px);
			}
		
		.page_rubrique #rev-1-3,
		.page_article #rev-1-3 {width:100%;}
		
		section .entete,
		article .entete {
			left: 0;
			padding-left: 30px;
			padding-right: 30px;
			}
		
		section h1,
		section .article .supTitle,
		article h1,
		article .article .supTitle,
		.article h2 {font-size:1.875em;}
		.article h3,
		.article .texteencadre-spip h2,
		.article .texteencadre-spip h3,
		.article .texteencadre-spip h4 {font-size:1.5em;}
	
		article .chapo p,
		section .chapo p {font-size: 0.938em;}

		
		}

	
/* Widescreen landscape > BREAKPOINT 1152PX */
	@media only screen and (max-width: 1280px) {
		/*body:after {content: "1280px";}*/
		
		.section-1 #rev-1-1 {width: 445px;}
		.section-1 p {width: 90%;}

		.title h1,
		.title h2 {
			font-size: 2em;
			font-weight: 300;
			}
		.section-1 .title h2 strong {
			font-weight: 300;
			color: #888;
			}
		main.home p {
			margin-top: 15px;
			line-height: 1.5em;
			font-size: 0.875em;
			}
		.section-2 .block,
		.section-6 .block {margin-top: 30px;}
		.section-3 .block,
		.section-4 .block,
		.section-5 .block {bottom: 30px;}
		
		.formulaire_newsletter ul {width: 200px;}
		.formulaire_newsletter input[type="submit"] {width: 110px;}
		
		.page_article main .logo,
		.page_rubrique main .logo {
			left: 25px;
			width: calc(100% - 50px);
			}
		
		.page_rubrique #rev-1-3,
		.page_article #rev-1-3 {width:100%;}
		
		section .entete,
		article .entete {
			bottom: 45px;
			left: 45px;
			width: 180%;
			padding: 20px 15px 20px 25px;
			background: rgba(255,255,255,0.65);
			}
		
		.page_rubrique #rev-1-1 img,
		.page_article #rev-1-1 img,
		.page_rubrique #rev-1-1 .block-revealer__element,
		.page_article #rev-1-1 .block-revealer__element {left:37.5%;}
		
		section h1,
		section .article .supTitle,
		article h1,
		article .article .supTitle,
		.article h2 {
			font-size:1.5em;
			font-weight: 500;
			}
		article .chapo p,
		section .chapo p {margin-top: 10px;}
		.article h3,
		.article .texteencadre-spip h2,
		.article .texteencadre-spip h3,
		.article .texteencadre-spip h4 {
			font-weight: 400;
			font-size: 1.250em;
			}
		
		}

	/* ========== AJUSTEMENTS ========== */

	@media only screen and (max-width: 1152px)  {
		/*body:after {content: "1152px";}*/
		
		.section-1 #rev-1-1 {width: 340px;}
		.section-1 p {width: 100%;}
		
		.title h1,
		.title h2 {
			font-size: 1.5em;
			font-weight: 500;
			}
		.section-1 .title h2 strong {
			font-weight: 500;
			color: #888;
			}
		.section-1 .logo {
			margin-right: 0;
			width: 100%;
			z-index: 10;
			}
		.section-2 .large-4 {width: 41.66667%;}
		.section-3 .medium-3.txt {width: 30%;}
		.section-3 .medium-offset-1.txt {margin-left: 3.33333%;}
		.section-5 .medium-3.txt {width: 33.33333%;}
		.section-5 .medium-offset-3.txt {margin-left: 16.66667%;}
		main.home p {
			font-size: 0.813em;
			font-weight: 400;
			}
		
		footer .gauche,
		footer .droite {padding: 50px 30px 30px;}
		footer .mentions .gauche,
		footer .mentions .droite {
			padding-left:30px;
			padding-right: 30px;
			}
		
		footer .principal,
		footer .secondaire {
			float: none;
			width: 100%;
			}
		footer .secondaire {margin-top: 10px;}
		
		footer .newsletter {
			float: none;
			margin-top: 40px;
			}
		footer .follow {
			float: none;
			margin-top: 50px;
			}

		
		}
	
		
/* ========== PASSAGE FORMAT MEDIUM ========== */	
/* Ipad Portrait  > BREAKPOINT 768PX + 800PX 
   Small tablet Landscape 800x600 with portrait orientation.*/
	@media only screen and (max-width: 1024px) {
		/*body:after {content: "1024px";}*/
		
		.section-1 .logo,
		.section-1 .block,
		.section-1 .scroll {left: 30px;}
		main.home .section-1 p {
			height: auto;
			width: 80%;
			}
		.section-1 .block {
			width: 645px;
			bottom: 40px;
			}
		
		#rev-1-3 {display:none;}
		.section-1 .img {margin-top: 0;}
		.section-2 {margin-top: 8.33333%;}
		.section-2 .block,
		.section-6 .block {margin-top: 20px;}
		.section-1 p {width: 80%;}
		main.home .section-2 p,
		main.home .section-3 p,
		main.home .section-4 p,
		main.home .section-5 p,
		main.home .section-6 p{
			position: relative;
			font-size: 0.875em;
			text-overflow: ellipsis;
			height: 60px;
			overflow: hidden;
			}
		main.home .section-2 p:before,
		main.home .section-3 p:before,
		main.home .section-4 p:before,
		main.home .section-5 p:before,
		main.home .section-6 p:before {
			position: absolute;
			content: "";
			bottom: 0;
			left: 0;
			width: 100%;
			height: 60px;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
			}
		main.home .section-4 p:before {
			background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
			background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
			background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
			}
		.section-7 #rev-7-1 {
			left: 18%;
			right: 18%;
			}
		
		.news .large-9 {margin-bottom:15px;}
		.news .large-3 {text-align:center;}
		.news h2 {
			text-align: center;
			font-size: 1.5em;
			line-height: 1.35em;
			}
		.news .liretout {margin-bottom: 40px;}
		.news .inside {padding: 20px 35px;}
		.news article + article a {margin-top:30px;}
		.news article + article .inside {font-size: 13px !important;}
				
		footer .title,
		footer .adresse {
			font-size: 1.250em;
			font-weight: 300 ;
			}
		
		.article {padding: 70px calc(8.33333% + 0.9375em);}
		.page_article main .logo,
		.page_rubrique main .logo {
			left: 30px;
			width: 350px;
			}
		
		section .entete,
		article .entete {
			position: relative;
			bottom: 0;
			left: 0;
			width: inherit;
			background: none;
			padding:125px 30px 30px;
			}
		
		article .chapo p,
		section .chapo p {font-size: 1em;}
		
		/* FLEX-BOX OFF */
		section  header.row,
		article  header.row {
			display: inherit;
			position:inherit;
			}
		
		.page_rubrique #rev-1-1 img,
		.page_article #rev-1-1 img,
		.page_rubrique #rev-1-1 .block-revealer__element,
		.page_article #rev-1-1 .block-revealer__element {left:0;}

		}
			
	
	/* ========== AJUSTEMENTS ========== */

	@media only screen and (max-width: 960px) {
		/*body:after {content: "960px";}*/
		
		}


	@media only screen and (max-width: 840px) {
		/*body:after {content: "840px";}*/

		
		}

	@media only screen and (max-width: 720px) {
		/*body:after {content: "720px";}*/
		
		.section-1 .scroll {background-position: right 15px center;}
		
		.section-1 .logo,
		.page_article main .logo,
		.page_rubrique main .logo {
			top: 0;
			left: 0;
			width: 100%;
			background-position: left -40px center;
			}
		
		.formulaire_newsletter ul {width: 180px;}
		
		.home .medium-3,
		.home .medium-4,
		.home .medium-5,
		.home .medium-6,
		.home .medium-8,
		.section-3 .medium-3.txt,
		.section-5 .medium-3.txt {width:100%;}
		
		.home .medium-offset-1,
		.home .medium-offset-2,
		.home .medium-offset-3,
		.home .medium-offset-4,
		.section-3 .medium-offset-1.txt,
		.section-5 .medium-offset-3.txt {margin-left:0;}
		
		.section-2,
		.section-4,
		.section-6 {margin-top:0;}
		.section-2::after,
		.section-4::after,
		.section-6::after {background:none;}
		
		.section-2 .txt {background: #eee;}
		
		.section-1 .logo,
		.section-1 .block,
		.section-1 .scroll,
		.section-2 .block,
		.section-3 .block,
		.section-4 .block,
		.section-5 .block,
		.section-6 .block,
		.section-7 .block {
			position:relative;
			padding:30px 15px;
			margin: 0;
			left: inherit;
			right: inherit;
			top: inherit;
			bottom: inherit;
			width: 100%;
			}
		main.home .section-1 p,
		main.home .section-2 p,
		main.home .section-3 p,
		main.home .section-4 p,
		main.home .section-5 p,
		main.home .section-6 p{
			font-size: 1em;
			text-overflow:inherit;
			height: auto;
			width: 100%;
			overflow: inherit;
			}
		main.home .section-2 p:before,
		main.home .section-3 p:before,
		main.home .section-4 p:before,
		main.home .section-5 p:before,
		main.home .section-6 p:before {background:none;}
		
		.section-7 #rev-7-1 {
			position:relative;
			top:inherit;
			left:0;
			right:0;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
			}
		
		/* FLEX-BOX OFF */
		.section-1 .row,
		.section-2 .row,
		.section-3 .row,
		.section-4 .row,
		.section-5 .row,
		.section-6 .row,
		.section-7 .row {
			display: inherit;
			position:inherit;
			}
		
		}

	
/* ============================== PASSAGE FORMAT SMALL ============================== */

	@media only screen and (max-width: 640px) {
		/*body:after {content: "640px";}*/
		
		.news {padding-bottom: 30px;}
		.news article {
			margin-left:5px;
			margin-right: 5px;
			}
		
		footer .gauche,
		footer .droite {padding: 50px 15px 30px;}
		footer .droite {padding: 0 15px;}
		footer .mentions .droite {background:#36348e;}
		footer .bottom {padding: 20px 0 2px;}
		footer .mentions .droite .bottom {
			border:none;
			padding: 2px 0 20px;
			}
		footer .mentions .gauche,
		footer .mentions .droite {
			padding-left: 15px;
			padding-right: 15px;
			}
		
		section .entete,
		article .entete {padding:105px 15px 30px;}
		.article {padding: 40px 15px;}
		
		section .article .supTitle,
		article .article .supTitle {margin-bottom: 40px;}
		
		
		/* FLEX-BOX OFF */
		footer .row {
			display: inherit;
			position:inherit;
			}

		}


	/* ========== AJUSTEMENTS ========== */

	@media only screen and (max-width: 480px) {
		/*body:after {content: "480px";}*/
		
		.section-1 .logo,
		.page_article main .logo,
		.page_rubrique main .logo {
			background-image: url("/IMG/logo-smart_mercatdeldiamant.gif") ;
			background-position: left center;
			}
		
		}
/* ================== tarte au citron ===============================*/

/* min ready */
div#tarteaucitronMainLineOffset,.tarteaucitronBorder {border:0!important;}

#tarteaucitron [aria-pressed="true"] {
    font-weight:700;
}

.tac_visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
}

div#tarteaucitronAlertBig:focus {outline: 0;}

.tarteaucitron-modal-open{
	overflow: hidden;
    height: 100%;
}

#tarteaucitronContentWrapper {display:unset;}

/** 10082023 **/
div#tarteaucitronServices {
    border-radius: 8px;
}

button#tarteaucitronClosePanel {
    border-radius: 5px 5px 0 0;
    right: 15px!important;
}
button.tarteaucitron-toggle-group {
    background: transparent!important;
    padding: 10px 0 0;
    cursor: pointer;
}

#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronAllow .tarteaucitronCheck::before {
    content: '\2610'!important
}

#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before {
    content: '\2611'!important
}

#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before {
    content: '\2611'!important
}

#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronDeny .tarteaucitronCross::before {
    content: '\2610'!important
}

#tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before {
    content: '\2610'!important
}

#tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before {
    content: '\2610'!important
}

#tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronCheck::before {
    content: '\2611'!important
}

#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before {
    font-size: 20px;
}
/* hide useless mandatory button */
#tarteaucitronRoot #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronAsk {
    display: none!important;
}

/* remove icon from the banner */
#tarteaucitronRoot button.tarteaucitronCTAButton,
#tarteaucitronRoot button#tarteaucitronCloseAlert,
#tarteaucitronRoot button#tarteaucitronPrivacyUrl{
    border: 0;
    border-radius: 4px;
}
#tarteaucitronRoot button.tarteaucitronCTAButton .tarteaucitronCross,
#tarteaucitronRoot button.tarteaucitronCTAButton .tarteaucitronCheck {
    display:none;
}

/* dont use bold to avoid bigger button */
#tarteaucitronRoot #tarteaucitron [aria-pressed="true"] {
    font-weight: initial;
    text-shadow: 0px 0px 1px;
}

/* fix padding if no cookies */
#tarteaucitronRoot #tarteaucitronServices li#tarteaucitronNoServicesTitle {
    padding: 20px;
}

/* hide info about cookies number */
#tarteaucitronRoot .tarteaucitronStatusInfo {
    display: none;
}

#tarteaucitronRoot .tarteaucitronName {
    padding-top: 5px;
}
/***************/


/** 14042021 **/
span.tarteaucitronReadmoreSeparator {
    display: inline!important;
}
/******/

/** 09052021 **/
.tarteaucitronName .tacCurrentStatus, .tarteaucitronName .tarteaucitronReadmoreSeparator {
    color: #333!important;
    font-size: 12px!important;
    text-transform: capitalize;
}
/**************/

/** 27032021 **/
button.tarteaucitron-toggle-group {
    display: block;
}
span.tarteaucitronH3 {
    font-weight: 700!important;
}
#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 {
    font-weight: 500!important;
    font-size: 14px;
    margin-top: 7px;
}
.tarteaucitronLine {
    border-left: 0px solid transparent!important;
}
/*****/

/** BETTER MOBILE MODE **/
@media screen and (max-width: 767px) {

    html body #tarteaucitronRoot #tarteaucitron ul#tarteaucitronServices_mandatory .tarteaucitronDeny {
        display: none!important;
    }

    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button,
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk,
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName {
        width:100%!important;
        display: block!important;
        margin-left: 0!important;
        margin-right: 0!important;
        box-sizing: border-box!important;
        max-width: 100%!important;
        margin-bottom: 8px!important;
    }

    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine {
        padding: 16px!important;
    }

    html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset .tarteaucitronName {
        display: none!important;
    }

    #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronName span {
        width: 100%!important;
        display: inline-block;
    }
    li.tarteaucitronLine .tarteaucitronName span {
        width: 80%!important;
        display: inline-block;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group {
        width: 10%!important;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 0px;
        padding: 10px 0;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:before {
        content: '\0025BE';
        font-weight:700;
        font-size: 14px;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:before {
        content: '\0025B4';
    }
}
@media screen and (min-width: 768px) {

    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:after {
        content: '\0025BE';
        font-weight:700;
        font-size: 14px;
        margin-left: 15px;
    }
    html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:after {
        content: '\0025B4';
        margin-left: 15px;
    }
}
/****/



/***
* Reset CSS
*/
#tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    /*background: initial;*/
    text-align: initial;
    text-shadow: initial;
}

/* Animation */
#tarteaucitronRoot * {transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms}

/* HTML5 display-role reset for older browsers */
#tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {
    display: block;
}
#tarteaucitronRoot ol, #tarteaucitronRoot ul {
    list-style: none;
}
#tarteaucitronRoot blockquote, #tarteaucitronRoot q {
    quotes: none;
}
#tarteaucitronRoot blockquote:before, #tarteaucitronRoot blockquote:after, #tarteaucitronRoot q:before, #tarteaucitronRoot q:after {
    content: '';
    content: none;
}
#tarteaucitronRoot table {
    border-collapse: collapse;
    border-spacing: 0;
}

#tarteaucitronRoot a:focus-visible, #tarteaucitronRoot button:focus-visible {
    outline: 3px dashed #3d86d8;
}

/***
 * Better scroll management
 */
div#tarteaucitronMainLineOffset {
    margin-top: 0!important;
}

div#tarteaucitronServices {
    margin-top: 21px!important;
}

/*#tarteaucitronServices::-webkit-scrollbar {
    width: 5px;
}

#tarteaucitronServices::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

#tarteaucitronServices::-webkit-scrollbar-thumb {
    background-color: #ddd;
    outline: 0px solid slategrey;
}*/

div#tarteaucitronServices {
    box-shadow: 0 40px 60px #545454;
}

/***
 * Responsive layout for the control panel
 */
@media screen and (max-width:479px) {
    #tarteaucitron .tarteaucitronLine .tarteaucitronName {
        width: 90% !important;
    }

    #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
        float: left !important;
        margin: 10px 15px 5px;
    }
}

@media screen and (max-width:767px) {
    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {
        background: #fff;
        border: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        left: 0 !important;
        margin: 0 !important;
        max-height: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        width: 100% !important;
    }

    #tarteaucitron .tarteaucitronBorder {
        border: 0 !important;
    }

    #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
        border: 0 !important;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
        text-align: left !important;
    }

    .tarteaucitronName .tarteaucitronH2 {
        max-width: 80%;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
        text-align: center !important;
    }

    #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
        margin-bottom: 5px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #tarteaucitron {
        border: 0 !important;
        left: 0 !important;
        margin: 0 5% !important;
        max-height: 80% !important;
        width: 90% !important;
    }
}

/***
 * Common value
 */
#tarteaucitronRoot div#tarteaucitron {
    left: 0;
    right: 0;
    margin: auto;
}

#tarteaucitronRoot button#tarteaucitronBack {
    background: #eee;
}

#tarteaucitron .clear {
    clear: both;
}

#tarteaucitron a {
    color: rgb(66, 66, 66);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

#tarteaucitronRoot button {
    background: transparent;
    border: 0;
}

#tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong,
#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {
    color: #fff;
}

#tarteaucitron strong {
    font-size: 22px;
    font-weight: 500;
}

#tarteaucitron ul {
    padding: 0;
}

#tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {
    display: block;
}

.cookie-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
/***
 * Root div added just before </body>
 */
#tarteaucitronRoot {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

#tarteaucitronRoot * {
    box-sizing: initial;
    color: #333;
    /*font-family: sans-serif !important;*/
    font-size: 14px;
    line-height: normal;
    vertical-align: initial;
}

#tarteaucitronRoot .tarteaucitronH1 {
    font-size: 1.5em;
    text-align: center;
    color: #fff;
    margin: 15px 0 28px;
}

#tarteaucitronRoot .tarteaucitronH2 {
    display: inline-block;
    margin: 12px 0 0 15px;
    color: #fff;
}

#tarteaucitronCookiesNumberBis.tarteaucitronH2 {
    margin-left: 0;
}

/***
 * Control panel
 */
#tarteaucitronBack {
    background: #fff;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483646;
}

#tarteaucitron {
    display: none;
    max-height: 80%;
    left: 50%;
    margin: 0 auto 0 -430px;
    padding: 0;
    position: fixed;
    top: 6%;
    width: 860px;
    z-index: 2147483647;
}

#tarteaucitron .tarteaucitronBorder {
    background: #fff;
    border: 2px solid #333;
    border-top: 0;
    height: auto;
    overflow: auto;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
    background: #333333;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    padding: 4px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 70px;
}

#tarteaucitron #tarteaucitronDisclaimer {
    color: #555;
    font-size: 12px;
    margin: 15px auto 0;
    width: 80%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: rgba(51, 51, 51, 0.07);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    display: none;
    position: relative;
}

#tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
    width: 100%;
    box-sizing: border-box;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronRoot .asCatToggleBtn {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0px 0px;
    padding: 5px 20px;
    text-align: left;
    width: auto;
    background: #333;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    color: #fff;
    font-weight: 500;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
    text-decoration: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
    font-size: 22px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
    font-size: 14px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
    padding: 5px 10px;
    margin: 0;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails:not(.tarteaucitronDetailsInline) {
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 500;
    margin-top: 0;
    max-width: 270px;
    padding: 20px;
    position: absolute;
    z-index: 2147483647;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] {
    width: calc(100% - 40px);
    font-weight:500;
    margin:0;
    padding:5px 20px 20px;
    background:rgba(51, 51, 51, 0.2);
    color:#333;
}

#tarteaucitron #tarteaucitronInfo a {
    color: #fff;
    text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: rgba(51, 51, 51, 0.2);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    background: rgba(51, 51, 51, 0.1);
    border-left: 5px solid transparent;
    margin: 0;
    overflow: hidden;
    padding: 15px 5px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-color: #1B870B;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-color: #9C1A1A;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: #333;
    border: 3px solid #333;
    border-left: 9px solid #333;
    border-top: 5px solid #333;
    margin-bottom: 0;
    margin-top: 21px;
    position: relative;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
    background: #333;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
    margin-left: 15px;
    margin-top: 2px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
    color: #fff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
    margin-top: 0px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    display: inline-block;
    float: left;
    margin-left: 15px;
    text-align: left;
    width: 50%;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
    text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
    display: inline-block;
    float: right;
    margin: 7px 15px 0;
    text-align: right;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    background: #555;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    width: auto;
    border: 0;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
    background-color: #8448a0;
    opacity: 1;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
    background-color: #8448a0;
    opacity: 1;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
    background-color: #8448a0;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    background-color: #8448a0;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow{
    opacity: 0.4;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    color: #333;
    font-size: 12px;
}

#tarteaucitron .tarteaucitronH3 {
    font-size: 18px;
}

#tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
    width: auto!important;
    margin-left: 0!important;
    font-size: 14px;
}
span#tarteaucitronDisclaimerAlert {
    padding: 0 10px;
    display: inline-block;
    overflow-y: auto;
    max-height: 50vh;
}
@media only screen and (max-width: 768px) {
    #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
        font-size: 16px;
    }
}
#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    border-color: #333!important;
}

/***
 * Big alert
 */
.tarteaucitronAlertBigTop {
    top: 0;
}

.tarteaucitronAlertBigBottom {
    bottom: 0;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #fff;
    color: #333;
    display: none;
    font-size: 15px !important;
    left: 0;
    position: fixed;
    box-sizing: content-box;
    z-index: 2147483645;
    text-align: center;
    padding: 10px 0 10px 0;
    margin: auto;
    width: 100%;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    /*font: 15px verdana;*/
    color: #333;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    font-weight: 700;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
    cursor: pointer;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
    background: #323232;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px!important;
    line-height: 1.2;
    padding: 5px 10px;
    text-decoration: none;
    margin-left: 7px;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: #323232;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: #fff;
    color: #333;
    font-size: 13px;
    margin-bottom: 3px;
    margin-left: 7px;
    padding: 5px 10px;
}

#tarteaucitronPercentage {
    background: #0A0!important;
    box-shadow: 0 0 2px #fff, 0 1px 2px #555;
    height: 5px;
    left: 0;
    position: fixed;
    width: 0;
    z-index: 2147483644;
}

/***
 * Icon
 */
.tarteaucitronIconBottomRight {
    bottom: 0;
    right: 0;
}
.tarteaucitronIconBottomLeft {
    bottom: 0;
    left: 0;
}
.tarteaucitronIconTopRight {
    top: 0;
    right: 0;
}
.tarteaucitronIconTopLeft {
    top: 0;
    left: 0;
}

.tarteaucitronIconTopLeft #tarteaucitronManager {
    border-radius: 2px 7px 7px 2px;
}

.tarteaucitronIconTopRight #tarteaucitronManager {
    border-radius: 7px 2px 2px 7px;
}

.tarteaucitronIconBottomLeft #tarteaucitronManager {
    border-radius: 7px 7px 2px 2px;
}

.tarteaucitronIconBottomRight #tarteaucitronManager {
    border-radius: 7px 7px 2px 2px;
}

#tarteaucitronIcon {
    background: transparent;
    position: fixed;
    display: none;
    width: auto;
    z-index: 2147483646;
}
#tarteaucitronIcon #tarteaucitronManager {
    color: transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    padding: 8px 10px 8px;
    border: none;
}
#tarteaucitronIcon #tarteaucitronManager img {
    width: 50px;
    height: 50px;
}

#tarteaucitronRoot .tarteaucitronCross::before {
    content: '\2717';
    display: inline-block;
    color: white;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
    content: '\2713';
    display: inline-block;
    color: white;
}

#tarteaucitronRoot .tarteaucitronPlus::before {
    content: '\271b';
    display: inline-block;
    color: white;
}


/***
 * Small alert
 */

.tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {
    bottom: 0;
}

#tarteaucitronAlertSmall {
    background: #333;
    display: none;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: auto;
    z-index: 2147483646;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px !important;
    padding: 8px 10px 8px;
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
    background: rgba(255, 255, 255, 0.05);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
    background-color: gray;
    border-radius: 5px;
    display: block;
    height: 8px;
    margin-bottom: 1px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    display: block;
    float: left;
    height: 100%;
    width: 0%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background-color: #1B870B;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
    background-color: #FBDA26;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
    background-color: #9C1A1A;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    padding: 0px 10px;
    vertical-align: top;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
    background: rgba(255, 255, 255, 0.3);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
    display: none;
    max-height: 70%;
    max-width: 500px;
    position: fixed;
    right: 0;
    width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
    background: #fff;
    border: 2px solid #333;
    color: #333;
    font-size: 11px;
    height: auto;
    overflow: auto;
    text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
    color: #333;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
    background: #333;
    margin-top: 21px;
    padding: 13px 0 9px 13px;
    text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
    color: #fff;
    font-size: 16px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
    background: rgba(51, 51, 51, 0.1);
    padding: 7px 5px 10px;
    word-wrap: break-word;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
    background: rgba(51, 51, 51, 0.2);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
    color: #333;
    text-decoration: none;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
    display: inline-block;
    width: 50%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
    color: darkred;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
    color: #333;
    display: inline-block;
    font-size: 11px;
    margin-left: 10%;
    vertical-align: top;
    width: 30%;
}

/***
 * Fallback activate link
 */
.tac_activate {
    background: #333;
    color: #fff;
    display: table;
    font-size: 12px;
    height: 100%;
    line-height: initial;
    margin: auto;
    text-align: center;
    width: 100%;
}

.tac_float {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.tac_activate .tac_float strong {
    color: #fff;
}

.tac_activate .tac_float .tarteaucitronAllow {
    background-color: #1B870B;
    display: inline-block;
}

/***
 * CSS for services
 */
ins.ferank-publicite, ins.adsbygoogle {
    text-decoration: none;
}

div.amazon_product {
    height:240px;
    width:120px;
}

.tarteaucitronIsAllowed .tarteaucitronDeny {
    opacity: 0.4!important;
}.tarteaucitronIsDenied .tarteaucitronAllow {
     opacity: 0.4!important;
 }.tarteaucitronIsAllowed .tarteaucitronAllow {
      opacity: 1!important;
  }.tarteaucitronIsDenied .tarteaucitronDeny {
       opacity: 1!important;
   }
.tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {
    opacity: 0.4;
}
#tarteaucitronServices_mandatory button.tarteaucitronAllow {
    opacity: 1;
}

div#tarteaucitronInfo {
    display: block!important;
    position: relative !important;
    text-align: center!important;
    max-width: 80%!important;
    padding: 15px 0!important;
    margin: -10px auto 40px!important;
    font-size: 1em!important;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #555;
}

a.tarteaucitronSelfLink {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    text-align: center!important;
    display: block;
    height:30px;
}

.tarteaucitronMainLine .tarteaucitronH2 {
    font-size: 1.2em!important;
    margin-top: 4px!important;
}

span.tarteaucitronTitle.tarteaucitronH3 {
    margin-top: 12px!important;
}

#tarteaucitronCloseCross {
    position:absolute;
    color: #FFFF;
    font-size:1.8rem;
    cursor: pointer;
    top: 10px;
    right: 26px
}

.tarteaucitron-spacer-20 {
    height: 20px;
    display: block;
}

.tarteaucitron-display-block {
    display: block;
}

.tarteaucitron-display-none {
    display: none;
}
.mroca{ 
	margin-top: 1rem;
	}
.callout {
  border: 1px solid #fff;
  border-radius: 0;
  background-color: white;
  color: #000;
  display: inline-block;
  margin: 0 0.5rem;
  }

.callout a {
    display: inline-block;
    padding: 20px 40px;
	background: #fcad3e;
	font: 700 0.875em/1.5em "kanit",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
    text-decoration: none;
	color: #FFF; 
	transform: scale(0.5);
    animation: pulse 4s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
	}

.callout a:hover {background: #0c5db3;}