body {
	min-width: 315px;
	margin:0 auto;
	height:100%;
	font:normal 16px/1.5em "Montserrat", Helvetica, Arial, sans-serif;;
	color:#444;
	background: #FFF;	
	overflow-x: hidden;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
	}

#debug-nav {
    right: inherit;
    width: 50%;
	}

/*ROW FIXES
/* -------------------------- */
.max-width-1920 {max-width:120rem;}
.max-width-1560 {max-width:97.5rem;}
.max-width-1440 {max-width:90rem;}
.max-width-1200 {max-width:75rem;}
.max-width-1024 {max-width:64rem;}
.max-width-960 {max-width:60rem;}
.max-width-840 {max-width:52.5rem;}
.max-width-720 {max-width:45rem;}

.max-width-1920,
.max-width-1560,
.max-width-1440,
.max-width-1200,
.max-width-1024,
.max-width-960,
.max-width-840,
.max-width-720 {
	margin-left:auto;
	margin-right: auto;
	}

/* FONTS-SIZE
/* -------------------------- */
.size-11 {font-size:.688rem;}
.size-12 {font-size:.750rem;}
.size-13 {font-size:.813rem;}
.size-14 {font-size:.875rem;}
.size-15 {font-size:.9375rem;}
.size-16 {font-size:1rem;}
.size-18 {font-size:1.125rem;}
.size-20 {font-size:1.250rem;}
.size-22 {font-size:1.375rem;}
.size-24 {font-size:1.5rem;}
.size-26 {font-size:1.625rem;}
.size-28 {font-size:1.750rem;}
.size-30 {font-size:1.875rem;}


/* COLORS
/* -------------------------- */
.white {color:white;}
.black {color:black;}
.gray-444 {color:#444;}
.gray-777 {color:#777;}

.bg-white { background: white; }
.bg-black {background-color:black;}
.bg-f5 {background-color:#f5f5f5;}
.bg-eee {background-color:#eee;}
.bg-ddd {background-color:#ddd;}

.border-color-eee {border-color:#eee;}
.border-color-ddd {border-color:#ddd;}
.border-color-ccc {border-color:#ccc;}

.text-shadow {text-shadow: 1px 0 3px rgba(0,0,0,0.20), 1px 0 4px rgba(0,0,0,0.30);}
.box-shadow {box-shadow: 0 0px 25px rgba(0,0,0,0.08), 0 5px 10px rgba(0,0,0,0.15);}
.produit {mix-blend-mode:multiply;}


/* VERTICAL CENTER
/* -------------------------- */
	@media only screen and (min-width: 72em) {
	.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%);
		}
	}

/* ANIMATION
/* -------------------------- */
.transition {
	-webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
	}

.transition-slow {
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}

/* ===================================================================
 *  MENU HEADER
 *
 * ------------------------------------------------------------------- */
@media only screen and (min-width: 64em) {
	.menu-container {
		border-bottom: 1px solid #e3e3e3;
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		}

	.menu {width:100%;}

	.menu > ul > li {
		height: 70px;
		width: 16.6667%;
		background: #FFF;
		text-align: center;
		}

	.menu > ul > li > a {
		display: block;
		padding:0;
		height: 70px;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 70px;
		text-transform: uppercase;
		color:#444;
		}

	.menu > ul > li.on > a,
	.menu > ul > li > ul > li.on > a,
	.menu > ul > li > ul.normal-sub > li.on > a,
	.menu > ul > li > ul > li > ul > li.on a {
		font-weight: 500;
		color:#000;
		}

	.menu > ul > li.on > a {border-bottom: 4px solid #444;}

	.menu > ul > li:hover,
	.menu > ul > li > ul {background: #f5f5f5;}

	.menu > ul > li:hover > ul {border-top: 1px solid #ddd;}

	.menu > ul > li > ul.normal-sub {
		padding:8px 10px;
		width:16.6667%;
		}

	.menu > ul > li > ul > li {
		padding: 0;
		width: 100%;
		text-align: left;
		}

	.menu > ul > li > ul.normal-sub > li {padding: 0;}

	.menu > ul > li > ul > li a {
		width: 100%;
		font-size:0.813rem;
		line-height: 1.3em;
		}

	.menu > ul > li > ul.normal-sub > li a {
		padding: 6px 0;
		font-size: 0.875rem;
		font-weight: 400;
		text-transform: none;
		color: #444;
		}

	.menu > ul > li > ul.normal-sub > li a strong {font-weight: 400;}

	.menu > ul > li > ul > li > ul > li {
		padding: 6px 0;
		font-size: 1rem;
		}

	.menu > ul > li > ul > li > ul > li a {
		padding: 0;
		font-size: 0.875rem;
		color:#666;
		}

	.menu > ul > li > ul > li > a:hover,
	.menu > ul > li > ul > li > ul > li a:hover {color:#000;}

	.menu > ul > li > ul > li > ul {padding: 0 0 5px 0;}

}

@media only screen and (max-width: 63.9375em) {
	body {padding-top:65px;}
	
    .menu-container {
		float: none;
		background: #FFF;
		}
	.menu > ul  {margin-left:0;}
	.menu > ul > li {
		height: auto;
		background: transparent;
		border-bottom: 1px solid #ddd;
		}
	.menu > ul > li:hover {
		background: #f5f5f5;
		color: #000;
		}
	
	.menu > ul > li:hover > ul {border-top: none;}
	
	.menu > ul > li > ul.normal-sub,
	.menu > ul > li > ul {
		width: 100%;
		padding: 10px 25px;
		background: #f5f5f5;
		}
	.menu > ul > li > a {
		height: 60px;
		font-size:1.125rem;
		line-height: 60px;
		padding: 0 1rem;
		color:#444;
		}
	
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
   		}
	.menu > ul > li > ul.normal-sub >li {margin-top: 0;}
	
	.menu > ul > li > ul > li > a {border-bottom: 1px solid #c5c5c5;}
	
	.menu > ul > li > ul > li a,
	.menu > ul > li > ul.normal-sub > li a {
		padding: .625em 0;
		font-size: 1rem;
		color: #444;
		}
	
	.menu > ul > li > ul > li > a {color: #222;}

	.menu > ul > li > ul > li > a,
	.menu > ul > li > ul > li > ul > li a {font-size: 1rem;}
	
	.menu > ul > li > ul > li > ul > li a {color: #444;}
		
	.menu-mobile {
		position: relative;
		line-height: 65px;
		padding: 0;
		border-bottom: 1px solid #e3e3e3;
		font-size: 1.375rem;
		font-weight: 700;
		text-transform: uppercase;
		color: #000;
		}

	a:hover.menu-mobile,
	a:focus.menu-mobile {color: #000;}

	.menu-mobile strong {
		display: block;
		font-size: 0.688rem;
		font-weight: 400;
		text-transform: none;
		color: #839098;
		}

	.menu-mobile::after {
		float: inherit;
		position: absolute;
		right: 15px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 2.5rem;
		}
	
	.menu-dropdown-icon::before {
		padding: 0 25px;
		background: none;
		font-size: 1.375rem;
		line-height: 60px;
		color: #ccc;

		}

	}


/* ===================================================================
 *  
 *  HEADER & FOOTER
 * ------------------------------------------------------------------- */
.header {
	z-index: 1500;
	top: 0;
	left: 0;
	right: 0;
	}

.supHeader h1,
.supHeader .h1,
.supHeader a {
	line-height: 120px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}

.supHeader {border-bottom: 1px solid #e3e3e3;}

@media only screen and (min-width: 64em) {
	body {padding-top:192px;}
	
	.down .supHeader h1,
	.down .supHeader .h1,
	.down .supHeader a {line-height: 45px;}
	.down .supHeader h1,
	.down .supHeader .h1 {font-size: 1.250rem;}
	.down .supHeader a {font-size: .875rem;}
	
	.page_article .header::after {
		position: absolute;
		content: "";
		width: 100%;
		height: 40px;
		top: 192px;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		}
	
	.page_article .header.down::after {
		height: 100px;
		top: 117px;
		background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
		}
	
	}

	@media only screen and (max-width: 63.9375em) {
		footer.mt4 {margin-top:1.875rem;}
		}

	@media only screen and (max-width: 39.9375em) {
		.instagram {
			border-bottom: 1px solid #ccc;
			padding-bottom:.5rem;
			margin-bottom:.5rem;}
		.footer,
		.footer p {text-align:center;}	
		
		.footer .md-col-10 {
			padding-top:.9375rem;
			padding-bottom:.9375rem;
			}	
		}

/* ===================================================================
 *
 *  RUBRIQUE & ARTICLE
 * ------------------------------------------------------------------- */
.page_rubrique .chapo {border-bottom: 1px solid #e3e3e3;}

.page_rubrique article a::before {
	position: absolute;
	content: "";
	left: 0;
	top:0;
	height: 100%;
	width: 100%;
	background:rgba(0,0,0,0);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}

.page_rubrique article h2 {
	padding: 0 .9375rem;
	line-height: 1.333em;
	opacity: 0;
	}

.title::before,
.subTitle::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom:0;
	height: 1px;
	width: 50px;
	margin: 0 auto;
	background:#e3e3e3;
	}

.page_rubrique article a:hover h2 {opacity: 1;}
.page_rubrique article a:hover::before {background:rgba(0,0,0,.35);}

.title + .chapo {margin-top:-1.875rem;}

.col_ssrub {width:20%;}

	@media only screen and (max-width: 71.9375em) {
		.col_ssrub {width:25%;}
		.page_rubrique article h2 {
			margin-top: .5rem;
			opacity: 1;
			text-shadow:none;
			color: #444;
			}
		.page_rubrique article a::before,
		.page_rubrique article a:hover::before {background:none;}
		}

	@media only screen and (max-width: 63.9375em) {
		.col_ssrub {width:33.33333%;}
		}

	@media only screen and (max-width: 39.9375em) {
		.col_ssrub {width:100%;}
		}

.auteur a {
	font-size: 1.250rem;
	text-transform: none;
	text-decoration: none;
	}

.auteur::before,
.auteur::after {
    content: '';
    display: block;
    margin: 0 auto 2em;
    width: 3em;
    border-top: 2px solid rgba(0,0,0,.1);
	}

.auteur::after { margin: 2em auto 0;}

.article h1 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5em;
	text-align: center;
	}

.page_404 article h1 {margin-bottom: 6rem;}

.article .chapo p {
	margin-bottom:3.250rem;
	color:#444;
	}

.article h1 + .chapo {margin-top:1.875rem;}

.article h2,
.article h3,
.article h4 {
	font-weight: 500;
	line-height: 1.5em;
	color:#444;
	}

.article h2 {
	margin-top: 3.250rem;
	margin-bottom:1.625rem;
	font-size:1.625rem;
	line-height: 2.4375rem;
	}

.article h3 {
	margin-top: 1.625rem;
	margin-bottom: 0.8125rem;
	font-size: 1.250rem;
	line-height: 2.4375rem;
	}

.article h4 {
	margin-top:  1.625rem;
	margin-bottom: 0;
	line-height: 1.625rem;
	}

.article h2 + h3,
.article h3 + h4 {margin-top: 0;}

.article p,
.article ul {
	line-height: 1.625rem;
	color: #777;
	}

.article p + p,
.article ul + ul,
.article ul + p {margin-top: 0.5rem;}

.article ul.spip,
.article .chapo ul.spip,
.section .chapo ul.spip {list-style:none;}

.article ul.spip li,
.article .chapo ul.spip li,
.section .chapo ul.spip li {
	position:relative;
	padding-left: 18px;
	}

.article ul.spip li::after,
.article .chapo ul.spip li::after,
.section .chapo ul.spip li::after {
	position:absolute;
	content:"•";
	left: 0;
	top:-3px;
	font-size: 2rem;
	color: #777;
	}

.section strong,
.article strong {
	font-weight: 500;
	color: #000;
	}

.section a,
.article a {color: #000;}

.section a:active,
.article a:active {
	text-decoration: none;
	color: #000;
	}

.section a:hover,
.article a:hover,
.section a:focus,
.article a:focus {
	outline: none;
	}


/* TEXTE ENCADRE
 * ------------------------------------------------------------------- */
.article .texteencadre-spip {
	z-index: 1;
	position: relative;
	padding:1.5rem;
	margin: 1.875rem 0;
	border:none;
	font-size: .875rem;
	color: #444;
	background: #eee;
	}

.article .texteencadre-spip h3:first-of-type {margin-top:0;}

.article .texteencadre-spip h3 {
    font-size: 1.250rem;
	font-weight: 400;
	text-transform: uppercase;
	}

.article .texteencadre-spip h4 {
	margin-bottom: .250rem;
    font-size: 0.875rem;
    line-height: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	}

.article .texteencadre-spip p,
.article .texteencadre-spip ul  {
	line-height: 1.6rem;
	color: #777;}

.article .texteencadre-spip a:hover,
.article .texteencadre-spip a:focus {color: #777;}


/* BLOCKQUOTE
 * ------------------------------------------------------------------- */
.article blockquote {
	padding-left: 1.875rem;
	margin-bottom: 3.250rem;
	text-align: right;
	border-left: 4px solid #666; 
	}

.article blockquote p {
	font-size: 1.5rem;
	line-height: 1.35em;
	font-weight: 300;
	color: #444;
	}

.article blockquote p strong {
	display: block;
	margin-top: .375rem;
	font-size: 0.813rem;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.25em;
	}


/* NOTES
 * ------------------------------------------------------------------- */
.article .notes p {
	font-size: 0.875rem;
	line-height: 1.6em;
	}

.article .notes div {margin-bottom: .9375rem;}
.article .notes div:focus {
	background: #eee;
	outline: none;
	}

.article .notes {
	border-top: 1px solid #ddd;
    margin-top: 1.625rem;
	}

.article .notes h3 {
	border-top: 1px solid #ddd;
    margin-top: 2px;
    margin-bottom: 1.250rem;
	padding-top: 1.250rem;
    font-size: 0.875rem;
    line-height: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	}

.article .spip_note_ref {color: #999;}
.article .spip_note {
	display: inline-block;
	margin: 0 3px;
	font-size: .875rem;
	font-weight: 500;
	color: #444;
	}


/* TABLE
 * ------------------------------------------------------------------- */
.table-scroll {margin:2.5em 0;}

table {
	width:100%;
	background: #e3dfde;
	table-layout: auto;
	border-collapse: collapse;
	font:400 1em/1.5em "PT Sans", Helvetica, Arial, sans-serif;
	}

table tr td {
	padding: 1rem;
	border-bottom: 1px solid #f5f4f4;
    font-size: 1rem;
    text-align: left;
	color:#000;
	}


table tr td:first-child {
	width: 30%;
	background: #d7cfc9;
	border-bottom: 1px solid #e7e2df;
    font-size: 0.938rem;
	font-weight: 700;
	text-transform: uppercase;
	text-align: right;
	}


table tr.even,
table tr.alt,
table tr:nth-of-type(even) {background: #e3dfde; }

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.250rem;
	}

@media only screen and (max-width: 63.9375em) {
	.table-scroll {overflow-x: auto;}
	
	}



/* FIGURE + FLEX-VIDEO
 * ------------------------------------------------------------------- */
.article .flex-video {padding-bottom:55%;}

.flex-video {
	position: relative;
	height: 0;
	margin-bottom: 1rem;
	padding-bottom: 75%;
	overflow: hidden;
	}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

.page_article .article figure {
	position: relative;
	background:var(--grey-color-light) url(/squelettes/design/loading.gif) no-repeat center center;
	min-height: 400px;
	}

section .article figure {min-height: inherit;}

	@media only screen and (max-width: 1280px) {.page_article .article figure {min-height: 320px;} }
	@media only screen and (max-width: 960px) {.page_article .article figure {min-height: 270px;} }
	@media only screen and (max-width: 720px) {.page_article .article figure {min-height: 185px;} }
	@media only screen and (max-width: 480px) {.page_article .article figure {min-height: 145px;} }

	@media only screen and (max-width: 39.9375em) {
		.page_rubrique article img {width:100%;}
	}



/* NAVIGATION SUIVANT PRECEDENT
 * ------------------------------------------------------------------- */
nav.next-prev a {
	vertical-align: top;
	font-size:0.875rem;
	line-height: 1.5em;
	color: #000;
	}

a.precedent::after,
a.suivant::after {
	position: absolute;
	top: 8px;
	left: 0;
	content: "←";
	}

a.suivant::after {
	left: inherit;
	right: 0;
	content: "→";
	}

	@media only screen and (max-width: 39.9375em) {
		nav.next-prev a.suivant {border-top: 1px solid var(--grey-color-light);}

		}


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

.formulaire_formidable .explication {display:none;}

.formulaire_formidable br {display:none;}

.article .formulaire_formidable h2,
.article .formulaire_formidable h3 {
	margin-bottom:1.125em;
	font-size: 2rem;
	font-weight: 400;
	color:#000;
	}
	
label,
select {
	display:block;
	font-family:"PT Sans",Helvetica,Arial,sans-serif;
	font-size:1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	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 */
.formulaire_formidable .fieldset_fieldset_2 .editer {
	width:48%;
	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"],
.formulaire_formidable input[type="email"] {
	float:none;
	width:100%;
	height:70px;
	padding:0.750em;
	margin-top:0.35em;
	border:1px solid var(--border-color);
	box-shadow:none;
	border-radius:0;
	background:#eee;
	font-size:1.125em;
	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:40px auto 0;
	width:200px;
	height:60px;
	padding: 0 45px;
	border: none;
	border-radius: 3px;
	background: var(--main-color);
	font:700 1rem/60px "PT Sans", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	}

.formulaire_formidable input[type="submit"]:hover {color:#FFF;}

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

	@media only screen and (max-width: 480px) {
		.formulaire_formidable input[type="submit"]  {width:100%;}		
		
		}

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

.reponse_formulaire_erreur p {
	margin-bottom: 60px;
	background:var(--main-color);
	padding:25px !important;
	color:#FFF ;
	text-align: center;
	}

.erreur_message {
	position:absolute;
	left:3px;
	bottom:-13px;
	font-size:1rem;
	color:var(--main-color);
	}

.erreur_message em {color:var(--txt-color);}

p.reponse_formulaire_ok {
	padding-top: 5px;
	font-family:"PT Serif", Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size:13px;
	font-style: italic;
    color: #FFF;
	}

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


/* CH?? - PLAN DU SITE
/* ---------------------------------------------------------------------------------- */
.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:#f5f5f5;
	font-size: 1rem;
	}

.page_plan .article ul.spip li h2 a  {
	padding: 20px;
	text-decoration: none;
	font-size: 1.5rem;
	font-style: normal;
	color: #000;
	}

.page_plan .article ul.spip ul.spip {
	margin-top: 1rem;
	margin-bottom: 3rem;
	padding:0;
	font-size:1rem;
	}

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

.page_plan .article ul.spip ul.spip h2 a  {
	text-decoration: none;
	padding:10px 20px;
	font-size:1rem;
	font-weight: 700;
	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:1rem;
	}
	
.page_plan .article ul.spip li a  {
	text-decoration: none;
	display:block;
	padding:15px 30px;
	font-size:1rem;
	font-style: normal;
	color:var(--grey-color-text);
	text-shadow: none;
	}

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

.page_plan .article ul.spip li ul.spip li {
	font-size: 1rem;
	border-bottom:1px solid #eee;
	}

.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 a:hover {
	background:none;
	color: var(--main-color);
	}

/* 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: 15px;
	right: 15px;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #000 url("/squelettes/design/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: #000;
	opacity: 1;
	}

@media only screen and (max-width: 1024px) { .cd-top {bottom:70px;} }

@media only screen and (max-width: 640px) { .cd-top {bottom:15px;} }
	
					
/* CH?? - RESET SPIP
/* ---------------------------------------------------------------------------------- */
	.markItUpContainer textarea {background:#FFF !important; color:#666 !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;
		}