@font-face {
	font-family: "Amiri";
	font-style: normal;
	font-weight: 400;
	src: local("Amiri"), local("Amiri-Regular"), url("../polices/amiri-regular.woff2") format("woff2"), url("../polices/amiri-regular.woff") format("woff");
	unicode-range: U+600-6FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
	font-family: "Amiri Bold";
	font-style: normal;
	font-weight: 700;
	src: local("Amiri Bold"), local("Amiri-Bold"), url("../polices/amiri-bold.woff2") format("woff2"), url("../polices/amiri-bold.woff") format("woff");
	unicode-range: U+600-6FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
	font-family: "Amiri Slanted";
	font-style: italic;
	font-weight: 400;
	src: local("Amiri Slanted"), local("Amiri-Slanted"), url("../polices/amiri-slanted.woff2") format("woff2"), url("../polices/amiri-slanted.woff") format("woff");
	unicode-range: U+600-6FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
	font-family: "Amiri Bold Slanted";
	font-style: italic;
	font-weight: 700;
	src: local("Amiri Bold Slanted"), local("Amiri-BoldSlanted"), url("../polices/amiri-boldslanted.woff2") format("woff2"), url("../polices/amiri-boldslanted.woff") format("woff");
	unicode-range: U+600-6FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}

/* ANIMATIONS
/* ---------------------------------------------------------------------------------- */
.animation,
.ssNav a,
.subNav a {
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	}

	
/* CH02 - GESTION ROW
/* ---------------------------------------------------------------------------------- */
body {
	max-width: 120rem;
	margin: 0 auto;
	height: 100%;
	background: #FFF;
	font-family: 'Amiri', serif;
	color: #000;
}
#icone_travaux { display: none; }
	
/*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 HORIZONTALEMENT
/* -------------------------- */
.horizontal-center {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row; 
	justify-content: center;
	}

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

/*body {  width: 1200px; }*/
/* -------------------------- */
/*  SOMMAIRE */
/* -------------------------- */
.page_sommaire a.bloc_gris {
	background: #777879; 
	height :auto;
	width: 100%; 
	padding: 17px 20px;
	position: relative;
	font: 900 1em/1.5em 'Amiri', sans-serif;
	color: #FFF;
	padding-left: 30px;
	display: block;
}
.page_sommaire .bloc_thematique a h2 {
	font: 700 20px/1.4em 'Amiri Bold', sans-serif;
	color: #706f6f; 
	margin-bottom: 0;
	padding-top: 5px;
}
/*.page_sommaire .bloc_thematique { float: right; }*/
.page_sommaire .bloc_thematique a p {
	font: 400 1em/1.3em 'Amiri', sans-serif;
	color: #706f6f; 
	margin-top: 0;
}
.page_sommaire span.nb_articles { 
	float: left; 
	padding: 0 5px; 
	background: #c6c6c6; 
	color: #777879; 
	font: 400 12px/1.3em 'Amiri', sans-serif;
	position: absolute;
	top: 24px;
	left: 10px;
	border-radius: 3px;
}
.page_sommaire .les_articles .large-12, .page_auteur  .les_auteurs .large-6 { border: 1px solid; margin: 5px 5px 5px 0; height: 160px; }
.page_sommaire a span.liresuite {
	color: #777879;
	font: 400 12px/1.3em 'Amiri', sans-serif;
	float: left;
	background: url(img/picto_plus.png) no-repeat top left; 
	padding-left: 18px;
	margin-top: 5px; 
}
.page_sommaire .bloc_thematique .spip_documents_left {
	margin-top: 0; 
	margin-bottom: 0; 
}

/*.page_sommaire .bloc_widgets { display: flex; }*/
.page_sommaire .bloc_cadre { height: 70%; }
.page_sommaire hr { border: 0; border-top: 1px solid #c6c6c6; margin: 5px 0; }
.page_sommaire .large-9 { background: url('img/plus.png') no-repeat center left; }
/* -------------------------- */
/*  HEADER
/* -------------------------- */
/*#header { background: #db291d; }*/
#header .row {
	position: relative;
	height: 155px; 
}
#subHeader { margin-bottom: 10px; }

.logo_diwan {
	position: absolute;
	top: 20px;
	right: 20px;
}
.logo_inra {
	/*position: absolute;
	top: 110px;
	left: 25px;
	width: 16%;*/
	margin-top: 50px;
}

.subHeader { background: #777879; border-top: 1px solid #FFF; height: 27px; } 

.search { background: url(img/loupe.png) no-repeat right center; height: 24px; float: right; padding-right: 30px; }
#thematiques strong { font-size: 13px; font-weight: 900; margin-bottom: 10px; }
#thematiques select { font-size: 13px; }

.cd-primary-nav {
	padding: 0;
	margin: 0;
	background: #777879;
}

.cd-primary-nav > li {margin-left: 0;}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #ccc; }

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #ccc; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #ccc; }

input::placeholder,
textarea::placeholder { color: #ccc; }


.cd-primary-nav .cd-secondary-nav > li > a {
	margin-bottom: 0.4em;
	font:700 0.875em/1.5em 'Amiri', sans-serif;
	letter-spacing: 1px;
	color: #ef081b;
	}

.cd-primary-nav .cd-secondary-nav a {
	height: 25px;
	font: 400 1em/1.5em 'Amiri', sans-serif;
	color: #666;
	}

.cd-primary-nav .cd-secondary-nav > .see-all a {
	font: 400 italic 1em/60px 'Amiri', sans-serif;
	text-transform: none;
	letter-spacing: normal;
	color: #666;
	}

	
@media only screen and (min-width: 1170px) {
	/*#header {
		background: #db291d;
	}*/

	#header.down .cd-main-header {
		position: fixed;
		top:0px;
		-webkit-animation: slide-in-top 0.65s cubic-bezier(0.190, 1.000, 0.200, 1.000) both;
		-moz-animation: slide-in-top 0.65s cubic-bezier(0.190, 1.000, 0.200, 1.000) both;
		animation: slide-in-top 0.65s cubic-bezier(0.190, 1.000, 0.200, 1.000) both;
		}
	
	#header.up .cd-main-header {
		-webkit-animation: fade-out .5s ease-out both;
		-moz-animation: fade-out .5s ease-out both;
		animation: fade-out .5s ease-out both;
		}
	#subHeader { margin-bottom: 10px; }

	.cd-primary-nav .show-for-tablet { display: none; }

	.cd-primary-nav { float: none; }
	.cd-primary-nav > li {
		float: right;
		display: block;
		}
	.cd-primary-nav > li.hideMenu { display: none; }

	.cd-primary-nav .cd-secondary-nav > li {
		/* change the height according to your needs - you can even set height: auto */
		height: auto;
		/* here you set the number of columns - use width percentage */
		width: 100%;
		padding-right: 25px;
		margin-left: 0;
		text-align: right;
		}

	.cd-primary-nav .cd-secondary-nav.cols-0 > li,
	.cd-primary-nav .cd-secondary-nav.cols-2 > li,
	.cd-primary-nav .cd-secondary-nav.cols-3 > li,
	.cd-primary-nav .cd-secondary-nav.cols-6 > li { width: 33.333%; }
	.cd-primary-nav .cd-secondary-nav.cols-4 > li { width: 25%; }
	.cd-primary-nav .cd-secondary-nav.cols-5 > li { width: 20%; }

	.cd-primary-nav .cd-secondary-nav.cols-6 > li:nth-child(n+5) { margin-top: 25px; }

	.cd-primary-nav .cd-secondary-nav.cols-0 > li > a {
		margin-bottom: 0;
		font: 400 1em/1.5em 'Amiri', sans-serif;
		text-transform: none;
		letter-spacing: normal;
		color: #666;
		}

	.cd-primary-nav .cd-secondary-nav.cols-0 > li > a:hover { color: #000; }
	.cd-primary-nav .cd-secondary-nav.cols-0 > li > a.on { color: #ef081b; }
	
	.cd-primary-nav .cd-secondary-nav.cols-0 > .see-all a {
		font: 400 italic 1em/60px 'Amiri', sans-serif;
		text-transform: none;
		letter-spacing: normal;
		color: #666;
		}
	
	.cd-primary-nav .cd-secondary-nav.cols-0 > .see-all a:hover { color: #FFF; }
	
	.cd-primary-nav > .has-children > a { padding: 0 10px; }
	
	.cd-primary-nav > .has-children > a::before,
	.cd-primary-nav > .has-children > a::after,
	.cd-primary-nav > .has-children > a:hover::before,
	.cd-primary-nav > .has-children > a:hover::after { background: none; }
	
	.cd-primary-nav .cd-secondary-nav {
		top: 55px;
		padding: 45px 80px 45px 65px;
		max-width: 120rem;
		}

	.cd-primary-nav > li > a:hover,
	.cd-primary-nav > li > a.on { color: #ef081b; }
	.cd-primary-nav > li > a.selected {
		box-shadow: 0 -3px 0 #ef081b inset;
		color: #ef081b;
		}
	.cd-primary-nav .cd-secondary-nav a:hover { color: #000; }
	.cd-primary-nav .cd-secondary-nav a.on { color: #ef081b; }

	.has-children > a:hover::before,
	.has-children > a:hover::after,
	.go-back a:hover::before,
	.go-back a:hover::after { background: #999; }
		
	.cd-primary-nav .cd-secondary-nav > .see-all {
		position: relative;
		margin: 25px 0 -45px;
		height: 60px;
		width: 100% !important;
		border-right: none;
		}
	
	.cd-primary-nav .cd-secondary-nav > .see-all a:hover {
		background: #eee;
		color: #ef081b;
		}
}

@media only screen and (max-width: 1169px) {
	header .signature,
	.cd-logo,
	header .follow { display: none; }
	.subHeader { border-top: 1px solid #FFF; height: 27px; } 

	.cd-primary-nav,
	.cd-primary-nav ul {
		background: #000;
		overflow-x: hidden;
		}

	.cd-primary-nav ul { overflow-y: hidden; }

	.cd-main-header {
		z-index: 5;
		top: 30px;
		position: absolute;
		background: #ebebeb;
		}

	.cd-search {
		top: 55px;
		height: 60px;
		}

	.cd-primary-nav { padding: 0; }
	.cd-header-buttons { left: 20px; }
	.cd-search-trigger { border-left: none; }

	.cd-nav-trigger { height: 55px; }
	.cd-nav-trigger span { margin-top: -2px; }

	.cd-search-trigger::after { left: 18px; }

	.cd-primary-nav > li > a {
		padding-top: 0;
		border-color: #222;
		height: 45px;
		line-height: 45px;
		text-align: right;
		color: #FFF;
	}

	.cd-primary-nav .cd-secondary-nav.cols-0 .go-back a,
	.cd-primary-nav .cd-secondary-nav .go-back a {
		font: 700 0.938em/45px 'Amiri', sans-serif;
		letter-spacing: 1px;
		color: #ef081b;
	}

	.go-back a::after,
	.go-back a::before { background: #ef081b;}

	.cd-primary-nav .cd-secondary-nav > li > a,
	.cd-primary-nav .cd-secondary-nav a {
		height: 45px;
		padding-left: 30px;
		margin-bottom: 0;
		border-color: #222; 
		color: #FFF;
		line-height :45px;
		font-size: 0.938em;
		font-weight: 400;
	}

	.cd-primary-nav .cd-secondary-nav.cols-0 a {
		text-transform: none;
		letter-spacing: normal;
	}

	.has-children > a::before,
	.has-children > a::after {
		left: 15px;
		background: #555;
	}
	
	.cd-primary-nav .cd-secondary-nav > .see-all a {
		font: 400 italic 1em/45px 'Amiri', sans-serif;
		text-transform: none;
		letter-spacing: normal;
		color: #999;
	}

}

/* -------------------------- */
/*  SLIDESHOW
/* -------------------------- */
/*.slideshow { width: 90%; height: 300px; clear: both; position: relative; margin: auto auto 10px auto;; }
.slideshow::before { box-sizing: content-box; }
.slidemeta { position: absolute; top: 270px; width: 100%; height: 30px; color: #fff; font-size: 0.8em; line-height: 1.5; background-color: rgba(0,0,0,0.5); }
.slidemeta h3 { font-size: 20px;}
li.panel { list-style: none; }

.slideshow ul.rslides { margin: 0px; }
.slideshow .rslides .slidemeta a:link, #slideshow .slide .slidemeta a:visited { color: #FFD074; }
.slideshow .rslides .slidemeta a:hover, #slideshow .slide .slidemeta a:active { color: #FFDC99; }*/

	/* ----------------------------------------------
 * Generated by Animista on 2017-5-11 10:39:52
 * http:/animista.net
 * T: @cssanimista
 * ---------------------------------------------- */
	@-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
	@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

	@-webkit-keyframes fade-out{0%{opacity:1}25%{opacity:0}100%{opacity:1}}
	@keyframes fade-out{0%{opacity:1}25%{opacity:0}100%{opacity:1}}


/* ------------------------------------------------------------------- 
 * Sous Menu HEADER
 * ------------------------------------------------------------------- */
.ssNav {
	height: 30px;
	margin-top: 5px;
	width: 100%;
	background: #000;
	text-align: center;
	}

.ssNav li { display: inline-block; }

.ssNav a {
	display: block;
	padding: 0 10px;
	font:400 0.750em/30px 'Amiri', sans-serif;
	letter-spacing: 1px;
	color: #d5d5d5;
	}

.ssNav a:hover { color: #ef081b; }

/* ------------------------------------------------------------------- 
 * Sub Menu HEADER
 * ------------------------------------------------------------------- */
.mainNav {
	background: #777879;
	margin-bottom: 40px;
	border-top:1px solid #FFF;
}
.subNav {
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	}

.subNav {
	height: 26px;
	width: 100%;
	border-bottom: 0;
	background: #000;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	border-bottom:1px solid #FFF;
}

.nav-is-visible + .subNav  {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px);
}

.subNav ul.btn { float: none; }

.subNav li { display: inline-block; }

.subNav .btn li {
	border-right: 1px solid #FFF;
}
.subNav .btn li:last-child {
	border-left: 1px solid #FFF; 
}
.subNav a {
	display: block;
	padding: 0 20px;
	font: 400 0.9em/25px 'Amiri', sans-serif;
	color: #FFF;
}

.subNav a:hover { color: #db291d; }



/* ---------------------------------------------------------------------------------- */
/* FOOTER
/* ---------------------------------------------------------------------------------- */
.pre-footer {
	padding-top: 40px;
	border-top: 8px solid #db291d;
	background: #FFF;
	font: 400 0.875em/1.65em 'Amiri', sans-serif;
	margin-top: 70px;
}
footer {
	padding-top: 40px;
	border-top: 8px solid #db291d;
	background: #e3e3e3;
	font: 400 0.875em/1.65em 'Amiri', sans-serif;
	/*margin-top: 70px;*/
}


footer,
footer a {color: #000;}

footer .spip_logo { max-width: none! important; }
footer .title {
	margin-bottom: 5px;
	font-weight: 700;
	text-align: center;
}
footer .title,
footer .title a,
footer a:hover { color: #000; }

footer ul { list-style: none; }
footer li {
	margin-bottom: 0.65em;
	line-height:1.35em;
}
footer .seo p { font-size: 15px; margin-bottom: 40px; text-align: justify; }


.mentions {
	background: #db291d;
	padding: 10px 0;
	margin-top: 40px;
}

.mentions .left,
.mentions .right {
	float: right;
	font: 400 0.813em/1.5em 'Amiri', sans-serif;
	color: #000;
}

.mentions .right { float: left; }

.mentions a,
footer .mentions a:hover { color: #000; border-bottom: 1px solid #000; }


/* CH?? - PAGE ARTICLE
/* ---------------------------------------------------------------------------------- */
.fil-ariane {
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
	font: 400 0.750em/1.5em 'Amiri', sans-serif;
	color: #666;
}

.fil-ariane a {
	display: inline-block;
	padding: 0 3px;
	text-decoration: underline;
	color: #666;
}

.fil-ariane strong {
	display: inline-block;
	padding: 0 3px;
	font-weight: 400;
	color: #000;
}

.arbo { margin-top: 40px; }

.rub,
.rub_ssRub,
.rub_ssRub_article {
	display: block;
	text-align: center;
	letter-spacing: 5px;
}

.rub {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font: 400 1.375em/1.25em 'Amiri', sans-serif;
	color: #ef081b;
}

.rub::after {
	position: absolute;
	content: "";
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	width: 55px;
	height: 1px;
	background: #e5e5e5;
}

.rub_ssRub {
	font: 400 0.813em/1.5em 'Amiri', sans-serif;
	color: #000;
}

.rub_ssRub_article {
	margin-bottom: 70px;
	font: 400 1.875em/1.5em 'Amiri', sans-serif;
}


article .left,
article .right {
	width: 50%;
	padding: 65px 8%;
	background: #ef081b;
}

article .right {
	background-repeat: no-repeat;
	background-size: cover;
}

.supTitle {
	margin-bottom: 25px !important;
	font: 400 1.750em/1.5em 'Amiri', sans-serif;
	color: #000;
}

.supTitle strong {
	display: block;
	font: 400 0.571em/1.5em 'Amiri', sans-serif;
	letter-spacing: 4px;
}

/* .page_rubrique */
.page_rubrique h1, .page_rubrique .h1, .page_auteur h1, .page_auteur .h1 { 
	background: #777879; 
	padding: 10px 15px 7px; 
	color: #FFF; 
	font-weight: 700; 
	font-size: 25px; 
	margin-bottom: 15px; 
}
.page_rubrique h2, .page_auteur h2 { 
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.3;
}
.page_rubrique .les_articles, .page_auteur .les_articles { margin-bottom: 90px; display: block; flex-wrap: wrap; }
.page_rubrique .les_articles ul, .page_auteur .les_articles ul { list-style: none; margin-bottom: 30px;}
.page_rubrique .les_articles li, .page_auteur .les_articles li { border-bottom: 2px solid #e3e3e3; padding: 20px 0; }
.page_rubrique .les_articles a, .page_auteur .les_articles a { color: #000; }
.page_rubrique .les_articles p, .page_auteur .les_articles p { font-size: 16px; line-height: 20px; }
.page_rubrique a.archives,
.page_rubrique div.archives { display: block; width: 100%; background: #878787 url('img/picto_archives.gif') no-repeat; padding: 1px 32px 5px 10px; color: #FFF; margin-top: 35px; margin-bottom: 10px; height: 24px; font-size: 13px; font-weight: 900; } 
.page_rubrique .archives_off { float: left; font-size: 10px; }

/*.page_auteur .bio .spip_logo { margin-left: 1em; }*/

.date { font-size: 12px; color: #9d9d9c; font-weight: 400; line-height:20px; }
.motscles { font-size: 12px; color: #9d9d9c; font-weight: 400; line-height:20px; }
.motscles a { font-size: 12px; color: #000; font-weight: 400; line-height:20px; }

.infos { font-size: 12px; color: #9d9d9c; font-weight: 400; line-height: 18px; }
.surtitre { font-size: 18px; color: #9d9d9c; font-weight: 700; }
.soustitre { min-height:33px; font-size: 18px; line-height:16px; color: #000; font-weight: 400; margin-top:10px; clear: both; }
.soustitre .normal { font-weight: 400; }
.bloc_cadre { border: 1px solid #c9c9c9; padding: 6px; clear: both; display: block; font-size: 14px; line-height: 18px; margin-bottom:15px;text-align: center; }
.aside .bloc_cadre { text-align: right; overflow: hidden; }
.aside .bloc_cadre  h5 { text-align: center; border-top: 1px solid; padding-top: 0.5em; margin-top: 1em; }
.les_articles .bloc_cadre { min-height: 180px; }
.bloc_cadre ul { list-style-position: inside; }
.bloc_cadre a { font-size: 14px; margin-top: 10px; }

.spip_logo_center { display: block; margin: 0 auto 10px; }

/* DOWNLOAD */
.download { 
	background: #DEDEDE; 
	margin-bottom: 5px!important;
	padding: 5px 5px 8px;
}
.download:hover { background: #CDCDCD; }


.addthis_default_style { margin: 20px 0; float: right; }
/* ASIDE */
.aside .bloc { margin-bottom: 35px; }
.aside .titre small { font-style: italic; font-size: 13px; display: block; line-height: 15px; }
.aside .titre strong { font-style: normal; font-weight: 900; font-size: 16px; display: block; line-height: 16px; }
.aside a .titre, .aside a small  { color: #000; }
.aside .spip_logo_left { margin: 0 0px 10px 10px; }
.documents_joints .titre, .documents_joints .info_document, .documents_joints > ul > li span { color: #000; }


/* A LA UNE */
.alaune figcaption {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	width:100%;
}
.alaune_titre { background: url(img/diwan_stamp_small.png) no-repeat top right #da291c; color: #FFF; font-size: 15px; font-weight: 400; padding: 0 70px 0 5px; margin-bottom: 15px; }
.alaune { margin-bottom: 25px; }
.alaune h3 { font-size: 15px; font-weight: 600; padding: 5px 10px 0; color: #FFF; font-size: 16px; text-transform: none;}

/* ARTICLE */
.article { margin-bottom: 60px; }
.article h1,
.article h2,
.article h3,
.article h4,
.article h2 a {
	font-family:'Amiri', sans-serif;
	font-weight: 400;
	line-height: 1.5em;
	color: #000;
}

.article h1 {
	font: 900 1.650em/1.3em 'Amiri', sans-serif;
	color: #000;
	}

.article h2 {
	font: 400 1.450em/1.35em 'Amiri', sans-serif;
}

.article h3 {
	font: 400 1em/1.35em 'Amiri', sans-serif;
}

.article h4 {
	font: 400 1.125em/1.5em 'Amiri', sans-serif;
	color: #000;
}

.article .chapo p {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6em;
	padding-bottom: 10px;
}

.article p,
.article ul {
	font: 400 1.2em/1.5em 'Amiri', sans-serif;
}

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

.article p strong,
.article ul strong,
.row .texteencadre-spip strong {
	font-weight: 600;
	display: inline-block!important;
}
.row .texteencadre-spip strong { display: inline-block; }

.article p i,
.article ul i,
.row .texteencadre-spip i {
	font-weight: 400;
	color: #333;
	}

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

.article .chapo a:hover,
.article p a:hover,
.article ul a:hover,
.row .texteencadre-spip a:hover { color: #333; }

.row .texteencadre-spip {
	clear: both;
	background: #ededed;
	border: none;
	padding: 10px;
	font: 400 0.8em/1.65em 'Amiri', sans-serif;
	color: #000;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
}
.row .texteencadre-spip.postscriptum {
	margin-top: 35px;
	border-top: 5px solid #DDD;
}
.row .texteencadre-spip p {
	font-weight: 400;
	color:#333;
}

.row .texteencadre-spip h2 { font: 400 1.450em/1.35em 'Amiri', sans-serif; padding-top: 0!important;}
.row .texteencadre-spip h3 { font: 400 1.250em/1.35em 'Amiri', sans-serif; }
.row .texteencadre-spip h4 { font: 400 1.125em/1.5em 'Amiri', sans-serif; }

.row .texteencadre-spip p,
.row .texteencadre-spip ul { font-size: 1em; }
.article .spip_note { color: #1468a0; }


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

.cs_blocs + .cs_blocs { margin-top: -1.625em; }

.cs_blocs h2 {
	font:400 1.250em/1.35em 'Amiri', sans-serif;
	letter-spacing: 1px;
}

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

.blocs_destination { padding: 40px 100px; }

.cs_blocs .blocs_replie {
	background: transparent url("img/croix@2x.gif") no-repeat scroll left 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: #eee; }

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

/* cookie-bar  */
#cookie-bar { font-size: 0.825em; } 
#cookie-bar .cb-enable { background-color: #00b13f!important; } 
#cookie-bar .cb-disable { background-color: #b32114!important; } 
#cookie-bar .cb-policy { background-color: #008ecf!important; } 


/* NIVEAU DE LECTURE */
.article h1 { margin: 0.825em 0 0.425em; }
.article h2 { margin: 0.825em 0 0.825em; }
.article h3 { margin-bottom: 0.75em; }
.article h3 strong { font-size: 0.85em; text-transform: none; }

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

.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 p + ul { margin-top: -0.625em; }
.article .chapo p + ul { margin-top: -2.5em !important; }

.article figure { margin-bottom: 1.625em; }
.article dl { margin-bottom: 0; }

.article h2 + figure,
.article h3 + figure,
.article h4 + figure,
.article h5 + figure,
.article p + figure,
.article ul + figure,
.article h2 + div,
.article h3 + div,
.article h4 + div,
.article h5 + div,
.article ul + div,
.article h2 + dl,
.article h3 + dl,
.article h4 + dl,
.article h5 + dl,
.article p + dl,
.article ul + dl { margin-top: 1.625em; }

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

.row .texteencadre-spip h2,
.row .texteencadre-spip h4,
.row .texteencadre-spip h5,
.row .texteencadre-spip p,
.row .texteencadre-spip ul { margin-bottom: 0; list-style-position: inside; padding-top: 15px; }
.row .texteencadre-spip h3 { padding-top: 5px; }

.row .texteencadre-spip h2 + p,
.row .texteencadre-spip h3 + p,
.row .texteencadre-spip h4 + p,
.row .texteencadre-spip h5 + p,
.row .texteencadre-spip h2 + ul,
.row .texteencadre-spip h3 + ul,
.row .texteencadre-spip h4 + ul,
.row .texteencadre-spip h5 + ul,
.row .texteencadre-spip p + p,
.row .texteencadre-spip ul + p { margin-top: 1em; border-top: 1px solid #ddd; }

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



/* ADD TO ANY
/* ---------------------------------------------------------------------------------- */
header .follow {
	position: absolute;
	top: 15px;
	left: 25px;
	text-align: left;
	/*background-color: #db291d;*/
	padding: 5px;
}

header .follow .title {
	/*display: inline-block;*/
	vertical-align: middle;
	font: 700 0.750em/1.5em 'Amiri', sans-serif;
	letter-spacing: 1px;
	/*color: #FFF;*/
	width: 200px;
	margin: auto;
}

.a2a_kit {
	display: block;
	vertical-align: middle;
	width: 145px;
	margin: 10px auto 0 auto;
}

.a2a_button_facebook,
.a2a_button_twitter,
.a2a_button_google_plus,
.a2a_button_youtube,
.a2a_button_instagram,
.a2a_button_linkedin {
	float: right;
	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; }



/* IMG FULL LARGE
/* -------------------------- */
.article figure img { width:100%; }

/* 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: 10px;
	left: 10px;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #666 url("img/arrow-up@2x.png") no-repeat center center;
	background-size: 16px 9px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.20s;
	-moz-transition: all 0.20s;
	transition: all 0.20s;
	border-radius: 50%;
}

.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: #666;
	opacity: 1;
}

/* CH?? - RESET SPIP
/* ---------------------------------------------------------------------------------- */
	figure { margin:0; }
	.pagination { margin: 20px 0 40px; text-align: center; }
	.page_rubrique .les_articles .pagination a, .page_auteur .les_articles .pagination a { color: #db291d; }

	.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;
		left: 49% !important;
	}
	.spip_documents dt { font-size: 11px; line-height: 14px; }
	.spip_documents_left { float: left; margin: 5px 15px 10px 0px; }
	.spip_documents_right { float: right; margin: 5px 0px 10px 15px; }
	.spip-admin-float { top: 33px!important; }
/* CH?? - VISIBILITY
/* ---------------------------------------------------------------------------------- */
	.show-for-medium,
	.show-for-small { display: none !important; }


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


/* MEDIA QUERIE
/* ---------------------------------------------------------------------------------- */

@media only screen and (max-width: 1169px) {
	#header {
		background: #db291d;
	}
	.ssNav { display: none; }
	.subHeader { border-top: 1px solid #FFF; height: 27px; top: 152px; }
}

@media only screen and (max-width: 800px) {
	#subHeader {
		margin-bottom: 10px;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		z-index: 1;
	}
	#subHeader .columns { padding-left: 0; padding-right: 0; }
	#header { height: auto;}
	.search { margin-bottom: 20px; }
	.subNav .btn li { width: auto; }
	.subHeader { background: #fff; border-top: 0; height: 55px; } 
	#header .row { height: auto; }
	body { padding-top:100px; }
	.page_sommaire .bloc_widgets { display: block; }
	.page_article .bloc_widgets { display: block; }

}

/* ========== PASSAGE FORMAT MEDIUM ========== */	
/* Ipad Portrait  > BREAKPOINT 768PX + 800PX */
@media only screen and (max-width: 1023px) and (min-width: 768px) {

	body { padding-top: 100px; }
	#subHeader {
		margin-bottom: 10px;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		z-index: 1;
	}
	.page_sommaire .bloc_gris {
		height: auto;
		width: 100%; 
		padding: 5px;
		position: relative;
		margin-bottom: 5px;
	}
	.page_article .bloc_widgets { display: block; }
	.page_sommaire .bloc_cadre { height: 70%; }

	#subHeader .columns { padding-left: 0; padding-right: 0; }
	#header { height: auto; }
	.search { margin-bottom: 20px; }
	.subHeader { background: #db291d; border-top:1px solid #FFF; height: 55px; } 
	.page_rubrique .les_articles { margin-bottom: 90px; }
	.page_rubrique h1 { font-size: 22px; }
	.alaune .soustitre { padding: 0 10px; margin-top: 5px; min-height: 32px; }
	.spip-admin-float { top: 72px!important; left: 0!important; }
	#header .row { height: auto; }


	/* FLEX-BOX OFF*/
	.widget .row.flex-box {
		display: inherit;
		position: inherit;
		}

	/* FLEX-BOX ON*/
	.news .medium-4 .row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
	}

	/* VISIBILITY */
	.show-for-medium { display: block !important; }
	.hide-for-medium { display: none !important; }

}


/* Small tablet Landscape 800x600 with portrait orientation. */
@media all and (max-width: 800px) and (min-width: 640px){

	.page_rubrique .les_articles { margin-bottom: 90px; }
	.page_rubrique h1 { font-size: 22px; }
	.alaune .soustitre { padding: 0 10px; margin-top: 5px; min-height: 32px; }
	.spip-admin-float { top: 72px!important; right: 0!important;}
	#header .row { height: auto; }

	.page_sommaire .bloc_gris {
		height: auto;
		width: 100%; 
		padding: 5px;
		position: relative;
		margin-bottom: 5px;
	}
	.page_article .bloc_widgets { display: block; }

	/* FLEX-BOX OFF*/
	.widget .row.flex-box {
		display: inherit;
		position: inherit;
		}
	
	/* FLEX-BOX ON*/
	.news .medium-4 .row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		}
		
	/* VISIBILITY */
	.show-for-medium { display: block !important; }
	.hide-for-medium { display: none !important; }

}

/* ========== PASSAGE FORMAT SMALL ========== */
/* All Mobile Sizes (devices and browser) > BREAKPOINT 568PX 480PX 320PX */
@media only screen and (max-width: 639px) {
	.page_sommaire .bloc_gris {
		height: auto;
		width: 100%; 
		padding: 5px;
		position: relative;
		margin-bottom: 5px;
	}
	.page_sommaire a.bloc_gris {
		padding: 8px 10px;
	}
	.spip-admin-float { display: none; }
	.bloc_cadre { font-size: 13px; line-height: 13px; }
	.les_articles .bloc_cadre { min-height: 170px; }
	#header .row { height: auto; }

	.page_sommaire span.nb_articles { 
		float: left; 
		padding: 0 5px; 
		background: #c6c6c6; 
		color: #777879; 
		font: 400 12px/1.3em 'Amiri', sans-serif;
		position: absolute;
		top: 10px;
		left: 10px;
		border-radius: 3px;
	}

	.page_rubrique .les_articles { margin-bottom: 90px; }
	.page_rubrique h1 { font-size: 18px; padding-left: 6px; border-left-width: 34px!important; }
	.alaune { padding-left: 0; }
	.titre { padding-left: 0; padding-right: 0; }
	.alaune .soustitre { padding: 0 10px; margin-top: 5px; }

	/* FLEX-BOX OFF*/
	.widget .row.flex-box {
		display: inherit;
		position:inherit;
	}

	/* FLEX-BOX ON*/
	.news .medium-4 .row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction:row;
	}

	/* VISIBILITY */
	.show-for-small { display: block !important; }
	.hide-for-small { display: none !important; }
	}

	.bloc_widgets h3 { text-align: center; }
	.bloc_widgets .bloc_cadre p { margin-bottom: 10px; }
	.formulaire_forum legend { font-style: normal; font-weight: 700; }

	/* Team */
	.team .texte { border: 1px solid; padding: 0.2em; font-weight: bold; }
div.alphabet { color: #999; font-size: 14px; margin-bottom: 1em; text-align: center; }
div.alphabet ul { margin: 0; padding: 0; font: 700 1.1em/1.5em 'Amiri', sans-serif; }
div.alphabet ul li.plein { border: 1px solid #666; }
div.alphabet ul li.on { background-color: #006; }
div.alphabet ul li { background-color: #e3e3e3; border: 1px solid #e3e3e3; display: inline-block; margin: 0 2px 10px 0; padding: 2px; text-align: center; width: 25px; }
div.alphabet ul a {
	display: inline-block;
	width: 14px; 
	text-align: center;
	text-decoration: none;
}
div.alphabet ul li a:hover {
	color: #006;
	text-decoration: none;
	font-weight: 700;
}
div.alphabet ul li.on a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}
.liste_auteur { width: 48%; float: right; }

.page_contact .texte { border: 1px solid; padding: 5px; }
.page_contact article ul { list-style-position: inside; margin-right: 50px; }
.page_contact article a { color: #1468a0; text-decoration: none; }

.shadow {
	background-image: url("img/rayures.gif");
	border: 1px solid #000;
	padding: 10px;
	/*width: 48%;
	float: right;*/
	margin: 0 0.2em 0.5em 0.2em;
	box-shadow: 3px 3px 1px #00f;
}
.aut a {
	background: #777879; 
	height :auto;
	width: 100%; 
	padding: 10px 20px;
	position: relative;
	font: 900 1em/1.5em 'Amiri', sans-serif;
	color: #FFF;
	padding-left: 30px;
	margin-bottom: 10px;
	display: block;
}
.aut span { 
	float: left; 
	padding: 0 5px; 
	background: #c6c6c6; 
	color: #777879; 
	font: 400 12px/1.3em 'Amiri', sans-serif;
	position: absolute;
	top:15px;
	left: 10px;
	border-radius: 3px;
}

/* classes from html */
.clearfix { clear: both; }
.bloc strong { padding-top: 5px; }
.spip_logo_right { float: right; margin: 5px 0px 10px 15px; }
.spip_logo_left { float: left; }
.formulaire_abomailman_mini_une_liste { width: 250px; }
/* forum */
.comments { margin-bottom: 2em; }
.comments h2 { color: #000; font-size: 1.5rem; }

.footer .mj-w-button {
	padding: 10px 10px;
	background-color: rgb(218, 41, 28);
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
	margin-bottom: 15px;
	width: 200px;
}
.footer .mj-w-button  div { display: table; /*height: 45px;*/ }
.footer .mj-w-button  div div { display: table-cell; vertical-align: middle; }
.footer .mj-w-button-content { display: inline-block; text-align: center; font-size: 16px; vertical-align: middle; }
.footer .mj-w-button-content a { color: white; }
.footer .mj-w-button-content li.editer_email input { width: 90%; margin: auto; }

/* Habillage des portfolios
---------------------------------------------- */
.documents_portfolio li {display:inline;margin:0;padding:0;}
.documents_portfolio a {display:inline-block;padding:10px;margin:5px;border:1px solid #ccc !important;color:#EEE;background:#fff;box-shadow: 5px 7px 5px 2px rgba(85,85,85,0.3);}
.documents_portfolio a:hover {color:#999;opacity:0.8;}
.documents_portfolio img {margin:0;}

	/* sprites*/
.icon-* { width: 14px; height: 14px; display: inline-block; line-height: 14px; }
.icon-calendar { background: url("img/sprites.png") no-repeat -192px -120px; }
.icon-user { background: url("img/sprites.png") no-repeat -168px 0px; }