/* 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:normal 16px/1.5em 'Lato', sans-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%);
	}	

.pagination { text-transform: uppercase; clear: both; display: block; padding: 20px 0; margin-bottom: 30px;} 
.lien_pagination,
.pagination strong {
    border: 1px solid #c9c9c9;
    padding: 6px 8px;
	margin-right: 10px;
}
.pages strong {
    background:#c9c9c9;
}
.lien_pagination:hover {
    background:#eee;
}
/* -------------------------- */	
/*  SOMMAIRE */
/* -------------------------- */	
.page_sommaire a.bloc_gris {
	background:#979899; 
	height:auto;
	width:100%; 
	padding:17px 20px;
	position:relative;
	font:900 1em/1.5em 'Lato', sans-serif;
	color:#FFF;
	padding-right:30px;
	display:block;
}
.page_sommaire .bloc_thematique a h2 {
	font:600 15px/1.4em 'Lato', sans-serif;
	color: #706f6f; 
	margin-bottom:0;
}
.page_sommaire .bloc_thematique a p {
	font:400 1em/1.3em 'Lato', sans-serif;
	color: #706f6f; 
	margin-top:0;	
}
.page_sommaire span.nb_articles { 
	float: right; 
	padding: 0 5px; 
	background: #c6c6c6; 
	color:#979899; 
	font:400 12px/1.3em 'Lato', sans-serif;
	position:absolute;
	top:24px;
	right:10px;
	border-radius: 3px;
}
.page_sommaire a span.liresuite {
	color:#979899;
	font:400 12px/1.3em 'Lato', sans-serif;
	float:right;
	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%; }

/* -------------------------- */	
/*  HEADER
/* -------------------------- */	
#header { background: #FFF; }
#header .row {
	position:relative;
	height:200px;
	top:15px; 
}
#subHeader { margin-bottom:10px;}

.logo_maa {
	position:absolute;
	top:50px;
	width:478px;
}
.logo_inra {
	position:absolute;
	top:45px;
	right:24px;
	width:375px;
}

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

.search  { background: url(/IMG/loupe3.png) no-repeat right center; height: 45px; margin-top:10px; margin-bottom:20px; font-size:13px; }
#thematiques strong { text-transform: uppercase; font-size:13px; font-weight:900; margin-bottom:10px; }
#thematiques select { font-size:13px; }

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

.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 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ef081b;
	}

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

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

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

	#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: left;
		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-left: 25px;
		margin-right:0;
		text-align: left;
		}

	.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 'Lato', 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 'Lato', 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 65px 45px 80px;
		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 {right: 20px;}
	.cd-search-trigger {border-left:none;}
		
	.cd-nav-trigger {height: 55px;}
	.cd-nav-trigger span {margin-top: -2px;}
	
	.cd-search-trigger::after {right:18px;}
	
	.cd-primary-nav > li > a {
		padding-top:0;
		border-color: #222;
		height: 45px;
		line-height:45px;
		text-align:left;
		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 'Lato', sans-serif;
		text-transform: uppercase;
		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-right: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 {
		right: 15px;
		background: #555;
		}
	
	.cd-primary-nav .cd-secondary-nav > .see-all a {
		font:400 italic 1em/45px 'Lato', sans-serif;
		text-transform:none;
		letter-spacing:normal;
		color:#999;
		}
	
	}
	
	/* ----------------------------------------------
 * 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 'Lato', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#d5d5d5;
	}

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

/* ------------------------------------------------------------------- 
 * Sub Menu HEADER
 * ------------------------------------------------------------------- */
.mainNav {
	background: #979899;
	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;
	position:fixed;
	z-index:1;
	}

.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-left:1px solid #FFF;
}
.subNav .btn li:last-child {
	border-right:1px solid #FFF; 
}
.subNav a {
	display: block;
	padding: 0 20px;
	font:400 0.688em/25px 'Lato', sans-serif;
	text-transform:uppercase;
	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 'Lato', sans-serif;
	margin-top:70px;
}
footer {
	padding-top: 40px;
	border-top: 8px solid #db291d;
	background:#e3e3e3;
	font:400 0.875em/1.65em 'Lato', sans-serif;
	margin-top:70px;
}


footer,
footer a {color:#000;}

footer .title {
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 700;
	}

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: left;
	font:400 0.813em/1.5em 'Lato', sans-serif;
	color: #000;
	}

.mentions .right {float: right;}

.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 'Lato', 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-transform: uppercase;
	text-align: center;
	letter-spacing: 5px;
	}

.rub {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font:400 1.375em/1.25em 'Lato', 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 'Lato', sans-serif;
	color:#000;
	}

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


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 'Lato', sans-serif;
	color:#000;
	}

.supTitle strong {
	display: block;
	font:400 0.571em/1.5em 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	}
	
	
/* .page_rubrique */
.page_rubrique h1, .page_rubrique .h1 { 
	background: #979899; 
	padding: 10px 15px 7px; 
	color:#FFF; 
	text-transform: uppercase; 
	font-weight: 700; 
	font-size: 25px; 
	margin-bottom: 15px; 
}
.page_rubrique h2 { 
	font-size:18px;
	font-weight: 700;
	color:#000;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height:1.3;
}
.page_rubrique .les_articles { margin-bottom: 90px; display: block; flex-wrap: wrap; }
.page_rubrique .les_articles ul { list-style: none; margin-bottom: 10px;}
.page_rubrique .les_articles li { border-bottom: 2px solid #e3e3e3; padding: 20px 0;  }
.page_rubrique .les_articles a { color: #000; }
.page_rubrique .les_articles p { font-size:14px; 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 10px 5px 32px; text-transform: uppercase; color: #FFF; margin-top: 35px; margin-bottom:10px; height:24px; font-size:13px; font-weight: 900; } 
.page_rubrique .archives_off { float:right; font-size:10px; }   

.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: 13px; color: #9d9d9c; font-weight: 700; text-transform: uppercase;}
.soustitre { min-height:33px; font-size: 12px; line-height:16px; color: #000; font-weight: 400; text-transform: uppercase; 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:left; }
.les_articles .bloc_cadre { min-height: 180px; }
.bloc_cadre a { color: #9d9d9c; float:right; display:block; text-transform: uppercase; font-size:10px; 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:left; }
/* 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 10px 10px 0; }


/* 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/picto_alaune.gif) no-repeat top left #da291c; color: #FFF; font-size: 15px; font-weight: 400; padding: 0 5px 0 30px; text-transform: uppercase; margin-bottom:15px; }
.alaune { margin-bottom: 25px; }
.alaune h3 { font-size: 15px; font-weight: 600; padding: 40px 10px 0; color:#FFF; font-size: 14px;text-transform:none;}

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

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

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

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

.article h4 {
	font:400 1.125em/1.5em 'Lato', 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 0.90em/1.5em 'Lato', 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;
	color: #000;
	}
.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 'Lato', 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 'Lato', sans-serif; padding-top: 0!important;}
.row .texteencadre-spip h3 { font: 400 1.250em/1.35em 'Lato', sans-serif; }
.row .texteencadre-spip h4 { font: 400 1.125em/1.5em 'Lato', sans-serif; }
	
.row .texteencadre-spip p,
.row .texteencadre-spip ul {font-size:1em;}


/* 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 'Lato', sans-serif;
	letter-spacing: 1px;
	}

.cs_blocs h2 a {
	display:block;
    padding: 20px 35px 20px 10px;
	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 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:#eee;}

.cs_blocs .blocs_titre {
	margin: 0;
	background: #eee url("/IMG/croix-open@2x.gif") no-repeat scroll right 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 sc { text-transform:uppercase; font-size: 90%;}
.article .caractencadre-spip { color: #98bb00; }
.article .caractencadre2-spip { color: #da291c; }

.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 {margin:0.675em 0;}
.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 ol.spip { margin-top: 10px; }
.article ul.spip { list-style: disc; padding-left: 2em; margin-top: 10px;}
.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;
	right: 25px;
	text-align: right;
	}

header .follow .title {
	display:inline-block;
	vertical-align: middle;
	font:700 0.750em/1.5em 'Lato', sans-serif;
	text-transform:uppercase;
	letter-spacing: 1px;
	color:#979899;
	}

.a2a_kit {
	display:inline-block;
	vertical-align: middle;
	width:145px;
	}

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



/* 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;
	right: 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; }
			
	.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:49% !important;
		}	
	.spip_documents dt { font-size: 11px; line-height: 14px; }
	.spip_documents_left { float: left; margin: 5px 15px 10px 0; }
	.spip_documents_right {float:right; margin: 5px 0 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: #FFF;
	}
	.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;
		left: 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: #db291d; 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;
		left: 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; left: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: right; 
			padding: 0 5px; 
			background: #c6c6c6; 
			color:#979899; 
			font:400 12px/1.3em 'Lato', sans-serif;
			position:absolute;
			top:10px;
			right: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; padding-right: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;}
		}