/* ======= FONTS ======= */
@font-face {
	font-family: 'Overpass';
	src: url('../fonts/Overpass/Overpass-Regular.ttf'), format('truetype');
}
@font-face {
	font-family: 'Overpass-Bold';
	src: url('../fonts/Overpass/Overpass-Bold.ttf'), format('truetype');
}
@font-face {
	font-family: 'Overpass-Light';
	src: url('../fonts/Overpass/Overpass-Light.ttf'), format('truetype');
}
@font-face {
	font-family: 'Yrsa';
	src: url('../fonts/Yrsa/Yrsa-Regular.ttf'), format('truetype');
}
@font-face {
	font-family: 'Yrsa-Bold';
	src: url('../fonts/Yrsa/Yrsa-Bold.ttf'), format('truetype');
}
@font-face {
	font-family: 'Yrsa-Light';
	src: url('../fonts/Yrsa/Yrsa-Light.ttf'), format('truetype');
}
/* ======= Couleurs SNPI  ======= */

.fond {background:#f4f8e1;}

/*     VERT    */
.vert-color-1 {background-color: #a6c601;}
.vert-color-2 {background-color: #b1cd21;}
.vert-color-3 {background-color: #bcd441;}
.vert-color-4 {background-color: #c7db60;}
.vert-color-5 {background-color: #d2e380;}
.vert-color-6 {background-color: #deeaa0;}
.vert-color-7 {background-color: #e9f1c0;}

.typo-vert-color-1 {color: #a6c601;}
.typo-vert-color-8 {color: #f4f8df;}

.vert_fond {background:#b7d133;}
.vert_typo_sombre {color: #a4c429;}
.vert_fond_clair {background-color: #edf3cc;}

/*     VIOLET    */
.violet-color-1 {color: #976598;}
.violet-color-2 {color: #a478a5;}
.violet-color-3 {color: #b18cb2;}
.violet-color-4 {color: #be9fbf;}
.violet-color-5 {color: #cbb2cc;}
.violet-color-6 {color: #d8c5d8;}
.violet-color-7 {color: #e5d8e5;}
.violet-color-8 {color: #f2ecf2;}

.violet_typo {color: #976598;}


/* =======   BALISE HTML PAGES   ======= */
body {
	text-rendering: auto;
	background: #ebf5ec;
	color: #1d1d1d;
	font-family: 'Overpass', sans-serif;
	font-size:15px;
}
.body_article {
	background: no-repeat center center;
	background-size:  cover;
	background-attachment: fixed;
	padding:0;
}

.container {
	background:#ebf5ec;
}
.container_header {
	background: #fff;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}
.container-actus{
	padding:10px;
}

header {
	border-bottom: 0px solid #eee;
	padding-bottom: 0;
	margin: 0;
	background: no-repeat center top;
	background-size:  contain;
	height: 230px;
	width: 100%;
}

article {margin-left: 10px;display: block;padding-right: 15px;margin-bottom: 20px;}
section {margin-left: 10px;display: block;padding-right: 15px;margin-bottom: 20px;}

.bloc {
	display: block;
	float:left;
	margin : 1em 0 1em 0;
	width: 100%;
}

/*______BALISE HTML PAGES______*/


/*      TITRAILLE      */
h1, h2, h3, h4, h5, h6 {
	font-family:  'Yrsa', serif;
	line-height:.95em;
	color:#976598;
}
h1 {
	font-size: 2em;
	text-transform: uppercase;
	margin:.3em 0 .5em 1em;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.65em;}
h4 {font-size: 1.55em;}
h5 {font-size: 1.35em;}
h6 {font-size: 1em;}

h3.une, .h3.une {
	font-size: 2em;
	text-transform: uppercase;
	margin: 14px 0 14px 10px;
}

h2 a, h3 a {
	color: #b18cb2;
}
.bloc h2 a{
	color:#875B88;
	padding: 0 0 0 2em;
}

ul li {
	list-style: none;
}
ul.spip {margin-right: 7%;margin-left: 2%;} 

li h4, li .h4 {
	margin: 5px 0 -15px;
	padding-top: 0;
	float: left;
}

.fa:hover {opacity: 0.5;}

/*------TITRAILLE------*/


/* ==== TYPOGRAPHIE ==== */

i, em {
	font-style: italic;
	color: #1d1d1d;
}
b, strong {
	font-weight: 600;
	color: #1d1d1d;
}

a {
	color: #337ab7;
	text-decoration: none;
}
a:hover, a:focus {
	color:#976598;
	text-decoration: none;
}

p {	
	color: #6A6A6A;
	text-align: justify;
	font-weight: 400;
}
p a {
	color: #976598;
}
p a:hover, article p a:focus {
	color: #23527c;
}

p > ol.spip {
	 margin-top: 0;
}

.chapo p {
	font-family: 'Yrsa', serif;
	color: #976598;
	font-size: 1.35em;
	line-height: 1.2em;
	margin-bottom: 25px;
}

.texte {
	margin:0 0 10px 5px;
	padding:5px 0 5px 15px;
}
.texte h3 a{
		color: #b18cb2;
}


/* page accueil  box-actus col 1  */
.box_actus {
	border-bottom: 3px solid #d3e383;
	margin-bottom: 20px;
	padding: 3px 10px 10px;
}
.box_actus h2  {
	font-size: 1.5em;
	color: #976598;
}
.box_actus h2 a {
	color: #976598;
	text-decoration: none;
}
.box_actus h2 a:hover {
	color: #be9fbf;
}
.box_actus p {
	margin:10px 0;
}

/*  page accueil  box-actus col 1  */
.box_actus_next {background-color: rgba(183,209,51,0.65);margin-bottom: 20px;padding: 5px 10px;}
.box_actus_next h2 {
	font-size: 1.3em;
	margin-top: 7px;
	margin-bottom: 7px;
	color: #1d1d1d;
	font-weight: 600;
	letter-spacing: normal;
}
.box_actus_next h2 a:link{color: #23527c;text-decoration: none;}
.box_actus_next h2 a:visited{color: #23527c;text-decoration: none;}
.box_actus_next h2 a:hover{color: #1d1d1d;text-decoration: none;}

.box_actus iframe {height: 315px;}

/*  lire la suite  */
.suite {
	display: inline-block;
	color: #976598;
}
.suite:before {
	content: "\f055";
	letter-spacing: 3px;
	font-family: FontAwesome;
}
.suite:hover {
	text-decoration: none;
}

/*  page accueil col 2  */
.annexe ul {list-style: none;padding:0}
.annexe li {
	font-family: Overpass-Light;
	padding:5px 0;
	line-height: 1em;
	font-size:.78em;
}
.annexe_title {
	margin-top: 0;
	padding-top: 10px;
	text-transform: uppercase;
	font:  1.2em 'Overpass', sans-serif;
}

/*   affichage des dossiers 
   page accueil - page rubrique 
*/
.col-actu {
	float: left;
	min-height: 240px;
	position: relative;
	display: block;
	clear: none;
	padding-bottom: 5px;
	padding-top: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.col-actu li {
	font-size: 90%;
	line-height: 110%;
	list-style:none;
	margin: 0 0 2px -20px;
	background-color: rgba(183,209,51,0.65);
	padding: 5px 10px;
}

.col-actu h2 {
	margin-top: 0;
	font-size: 1.5em;
}
.col-actu h2 a {
	color: #976598
}
.col-actu p {
	margin-bottom: 0;
	padding-bottom: 0;
}
.col-actu:nth-child(2n+2) {
	border-left: 2px solid #d3e383;
	padding-left: 15px;
}

.date_article {
	font-weight:700;
	float: left;
	margin-right:5px;  
	color: #976598;
}

/* ====  container-actus  ====*/
.date_actus {
	font-weight: 700;
	float: left;
	margin-right: 5px;  
	color: #976598;
}
.breadcrumb_actu {
	padding: 10px 15px;
	margin-bottom: 20px;
	height:70px;
}
.breadcrumb_actu h4 a{
	font-family: 'overpass', sans-serif;
	color: #337ab7;
	font-size: 80%;
}
.my-news-ticker {
	padding: 0;
	margin: 0px;
}

/*_______container-actus______*/



/* ==== RUBIQUE MOT   ==== */

.mot .bloc {
	display:flex
}
.mot .texte{
	max-width:70%;
}
.mot h2{
	margin-top:1em;
}


/*_______TYPOGRAPHIE_______*/


/* ==== MENU  NAVBAR ==== */
button.navbar-toggler{
	margin: 5px 20px;
}
.navbar-nav {
	text-transform: uppercase;
	font-weight: 600;
	padding-left:1em;
}
.navbar-nav > li > a {
	color: #1d1d1d;
	border-bottom: 3px solid transparent;
	font-size:.8em;
	padding:8px 10px;
	text-decoration: none;
	margin:-12px 0 0;
}
.navbar-nav > li > a:hover {
	color: #976598;
	border-bottom: 3px solid #976598;
}
.navbar-nav > li.dropdown > a:hover {
	color: #976598;
	border-bottom: 3px solid transparent;
}
a.nav-link.dropdown-toggle, a.nav-link.dropdown-toggle:hover {
	text-decoration: none;
}
.navbar-nav > li > .dropdown-toggle > a:hover {
	color: #976598;
	border-bottom: 3px solid transparent;
}
a.nav-link.dropdown-toggle.barre {
	background: #edf3cc url(../../img/underline.png) no-repeat center;
	padding:10px;
	margin-top:-7px;
	margin-bottom:-12px;
}
a.nav-link.dropdown-toggle.barre:hover {
	background: #edf3cc url(../../img/underline_violet.png) no-repeat center;
	padding:10px;	
}
/*
.dropdown:hover .dropdown-menu {
 	display: block;
}
*/
/*________MENU NAVBAR_______*/


/* ====  FOOTER  ====*/
footer {
	font-family: 'Overpass', sans-serif;
	font-weight: 600;
	margin-top:25px;
	margin-bottom: 0px;
	min-height: 250px;
	border-top: 5px solid #cbb2cc;
	padding: 0 0 0 2em ;
}
footer .pied {
	font-size: 1.2em;
	font-weight: 700;
}
footer h2 {
	font-family: 'Overpass', sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
}

h2.pied, .pied a {color: #976598;}
.pied a:hover {color: #1d1d1d;text-decoration: none;}

footer ul {
	list-style-type: none;
	/*margin-left: 0;*/
	/*padding-left: 0;*/
}
/*footer ul li {margin-left: 0;padding-left: 0;}*/
footer li {margin-bottom: 5px;}
footer li a {color: #1d1d1d;}
footer li a:hover {color: #976598;text-decoration: none;}

/*     copyright      */
.copyright-text {
	background-color: #FFF;
	color:#976598;
	padding:1em 0;
}
.copyright-text a {
	color:#976598;
}

/*     scroll up      */
a.scrollup{
		height:32px;
		width:48px;
		color:#272b82!important;
		font-size:1.5em;
		text-align:center;
		text-decoration:none;
		position:fixed;
		bottom:30px;
		right:60px;
		z-index:9999;
		opacity:0.5;
		background-color: antiquewhite;
}
a.scrollup:hover{
		opacity:1;
		color:blue!important;
}
    
/*________FOOTER_______*/


/* ===== PAGINATION horizontale  ===== */
.pagination ul {
    list-style: none;
    margin-bottom:20px;
}
.pagination-items { 
	margin: 10px 0 0 15px;
}
.pagination-item { 
	width:25px;
	float:left;
}
.pagination-item-label {
    font-size:1.2em;
}
.pagination-item-label.on {
    font-weight: bold;
}
ul.pagination_precedent_suivant{
    list-style: none;
}
.pagination-item.prev:before {
    font-family: "FontAwesome";
    content:"\f060";
	padding-right: 5px;
    font-weight: bold; 
}
.pagination-item.next:after {
    font-family: "FontAwesome";
    content:"\f061"; 
	padding-left: 5px;
    font-weight: bold; 
}
.pagination-item.prev, .pagination-item.next { width:240px; }
.pagination-item.prev.disabled, .pagination-item.next.disabled { color:grey; }
.pagination-item.prev a:hover, .pagination-item.next a:hover{ color:#91452c; }
/*_______PAGINATION_______*/

/* ==== ACCORDION ==== */
.accordion {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #b7d133;
}
.accordion-item {
	color: #1d1d1d;
	background-color: #edf3cc;
	border-color: #b7d133;
}
.accordion-header button{
	font-size: 50%;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #edf3cc;
	padding:2px;
	font-family:'Overpass',sans-serif;
	color: rgba(13,110,253,1);
}
.accordion-header button:hover, .accordion-header button:focus .accordion-header button:visited{
	background-color: #edf3cc;
	color: #976598;
}
.accordion-body {
	background-color: #FFF;
}
button.accordion-button{
	background-color: #edf3cc!important;
	color: #976598!important;
}
.accordion-body h6 {
	font-family: 'Overpass', sans-serif;
	font-size: .8em;
	border-bottom: solid  #b7d133 1px;
	padding: 8px 0;
	margin: 8px  0;
}
.accordion-body p {
	font-size: .8em;
}
/*_______ACCORDION_______*/

/*      Reseaux    */
.dialogue {margin: 0 0 20px;padding: 0 0 20px;display: block;border-bottom: 5px solid #b7d133;}
.dialogue h3 {font-size: 97%;margin-top: 0px;}
.reseaux {
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
	border-top: 3px solid #b693b7;
}
.partager {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1em;
}
.tooltip .tooltip-inner {
  background: #b693b7;
}
.like {margin-top: 10px;margin-bottom: 10px;float: right;margin-right: -5px;}
.like iframe {margin-top: 0px;}
/*     //Reseaux    */


/* Documents */
.documents_joints {padding-top: 13px;padding-bottom: 10px;clear: both;border-top: 3px solid #b693b7;}
.joints {margin-bottom: 5px;font-weight: 600;font-size: 1.1em;line-height: 1em;}

/* ==== media ==== */
.video {display: block;width: auto;max-width: 100% !important;height: auto;margin-bottom: 10px;}

#visuel {width: 265px;height: 170px;margin-right: 15px;float: left;padding: 0;margin-bottom: 10px;margin-top: 15px;overflow: hidden;background-color:transparent;}
#visuel img {min-width: 265px !important;display: block;height: auto !important;}

article iframe {margin-top: 15px;}

.visuel {
	margin: 15px;
	padding: 0;
	overflow: hidden;
	text-align: center;
}


/*article p iframe { display: block;max-width: 100% !important;height: 360px;margin-bottom: 20px;margin-top: 10px;}*/

/* ==== formulaire recherche  ==== */
#formulaire_recherche {
	margin: 10px 0 30px;
	padding: 5px 5px 15px 5px;
	border-bottom : solid #a4c429 3px ;
}
#formulaire_recherche h4, #formulaire_recherche input, #formulaire_recherche submit{
	font-family: 'overpass', sans-serif;
	margin:10px 0 0px;
	color: #899E23;
}
/*________formulaire recherche_______*/

/* ===== RESULTATS RECHERCHE   ===== */
#meilleurrecherche {
	margin: 0 0 70em 0;		
}
#autresresultats{
	margin: 70em 0;
}

/*_______RESULTATS RECHERCHE_______*/
/*                 
     ====  MEDIA QUERIES ====
*/
@media print {
	#spip-admin, .no-print{
		display: none;
		visibility: hidden;
	}
}
@media (min-width: 1200px) {
	.container, .container_header {
		max-width: 1170px;
	}
}
@media (max-width: 1059px) {
		.navbar-nav > li > a {
		  font-size:.7em;
		  padding:8px 6px;
	 }
}

@media (max-width: 1024px) {
	.container, .container_header {
		max-width: 960px;
		font-size: 94.5%;
	}
	header {
		height: 140px;
	}
	.search {
		margin-left: auto;
		margin-right: 0;
		float: left;
	}
	
	article {margin-left: 0px;}
	.texte h3 {font-size: large;}
	.texte {padding: 5px 0;margin: 0 auto 10px;}
	.texte p {font-size: 97%;}
	.like {margin-top: 10px;margin-bottom: 10px;float: none;margin-right: 0;}
	.like iframe {width: 100%!important;}
	footer .col-md-4 {height: auto;
	}
	
}
@media (max-width: 992px) {
	.navbar-nav > li > a:hover, .navbar-nav > li > .dropdown-toggle > a:hover {
	border-bottom: none;
}
	.navbar-nav > li > a {
		  padding:12px 2px 8px;
	 }
	.barre {
		background:none;
	}
}

@media (max-width: 768px) {
	article {
		padding-right: 0;
		margin-bottom: 20px;
		margin-right: 5px;
		margin-left: 5px;
	}
	section {
		margin-left: 5px;
		display: block;
		padding-right: 0;
		margin-bottom: 20px;
		margin-right: 5px;
	}
	.texte {padding: 10px 0 5px;margin: 0 auto 10px;}
	.texte p {font-size: 97%;}
	.texte h3 {font-size: large;}
}
@media (max-width: 640px) {
	.breadcrumb_actu {
		height:80px;
	}
	.texte {padding: 10px 0 5px;margin: 0 auto 10px;}
	a.nav-link.dropdown-toggle.barre {
		background:none;
	}
	a.nav-link.dropdown-toggle.barre:hover {
		background: none;
	}


}