/* Clear & tools */

.offscreen {
 	position: absolute;
 	left: -999em;
 	height: 1%;
}

.spip_logo {
	float: none !important;
	margin: 0 !important;
}

.bg-light {
	background-color: #F1F1F1 !important;
}

.bg-silver {
	background-color: #D8D8D8;
}

.bg-secondary {
    background-color: #BCBCBC !important;
}

p {
    margin-bottom: 2rem;
}

.img-fluid {
	width: 100%;
}

iframe {
  max-width: 100% !important;
}

/* Fonts */

body {
	font-family: "Crimson Text", Georgia, "Times New Roman", serif;
	font-size: 17px;
	color: #333333;
}

.text-small {
	font-size: 	0.882em;/* 17px/15px */
	line-height: normal;
}

/* Header */

.blog-header {
  line-height: 1;
  border-bottom: 1px solid #979797;
}

.blog-header-logo {
  font-size: 1.529em; /* 17px/26px */
  margin-bottom: 5px;
  margin-top: 30px;
}

.blog-header-logo:hover {
  text-decoration: none;
}

.blog-header .spip_logo {
	float: none;
	margin: 0;
}

.blog-header-logo a:hover {
	text-decoration: none;
}

.slogan {
	font-size: 1.176em; /* 17px/20px */
	color: #5E5E5E;
}

.blog-header .formulaire_menu_lang label {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* Titraille */

h1, h2, h3, h4, h5, h6 {
	
}

.section_title {
	font-family: CrimsonText-Bold;
	font-size: 34px;
	color: #81479C;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

/* Liens et effets hover */

a { 	
	color: #417505;
	transition:.5s;
}

a:focus { /* lien tabulé */

} 

a:hover { /* lien survolé */
	outline:none;
	background: none;
	cursor:pointer;
	color: #2e5204;
	text-decoration: underline;
	
	transition:.5s;
} 

a:active { /* lien activé */
} 

a.discret,
a.discret:focus,
a.discret:hover,
a.discret:active {
	color: #333333;
	text-decoration: none;
	background: none;
}

.card-deck {
	width: 100%;
}

.card {
	margin-left: auto;
	margin-right: auto;
}

.card_bloc_shadow {
	transition: all .3s ease-out;
}

.card_bloc_shadow:hover {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	background: white;
}

/* Search */

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          -webkit-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           -webkit-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 106;
    display: block;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	border-top: 1px solid rgba(255, 255, 255, .8);
  	border-bottom: 2px solid rgba(255, 255, 255, .5);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    outline: none;
  	padding: 10px;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	opacity: 1;
	font-size: 27px;
  	color: #fff;
}

#search .close:hover{
  cursor: pointer;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

/* Page recherche */

.recherche_insider {
	text-align: center;
}

.recherche_insider form {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	font-size: 28px;
}

.recherche_insider form [type="search"] {
	width: 320px !important;
	background: #efefef;
	border: none;
	padding: 7px 20px;
	margin-top: 20px;
}

.recherche_mobile {
	text-align: center;
	margin-bottom: 40px;
}

.recherche_mobile form {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	font-size: 28px;
}

.recherche_mobile form [type="search"] {
	width: 320px !important;
	background: #efefef;
	border: none;
	padding: 7px 20px;
	margin-top: 20px;
}


/* Nav */

.nav_principale {
	border-bottom: 3px solid #79C17B;
	width: 100%;
}

.nav {
	font-weight: bold;
	font-size: 20px;
}

#nav {
	margin-bottom: 0;
	padding: 0;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

#nav a {
	color: #343a40;
	padding-top: 10px;
	padding-bottom: 8px;
}

#nav a:hover {

}

.navbar ul ul ul {
    list-style-type: none;
}

/* navbar sous menu */

#nav ul li ul {
	display: none;
	position: absolute;
	background: white;
	padding-inline-start: 0;
	z-index: 1000;
	width: 250px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.48);
	border-bottom: 3px solid #79C17B;
}

#nav ul li:hover ul {
	display: block;
}

.nav-scroller .nav-link {

}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: transparent;
}

.navbar-collapse {}

.navbar-collapse ul {
	font-weight: bold;
	font-size: 20px;
}

.navbar-collapse li a {
	padding: 2px 5px;
	border-bottom: 1px solid #d6d6d6;
	display: block;
}

.navbar-collapse li:last-child a {
	border-bottom: none;
}

.navbar-collapse li a:hover,
.navbar-collapse li a:active {
	text-decoration: none;
	background: #c0e0c2 !important;
}

.navbar .navbar-collapse .nav-link, 
.navbar .navbar-collapse .menu-items__lien {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.navmobile {
	border-bottom: 3px solid #79C17B;
}

/* ---------------------- */
/* - BOOTSTRAP 4 - SOUS-MENU - */
.menu-area {
        border-bottom: 3px solid #79C17B;
}
.dropdown-menu,
.menu-liste{
        padding:0;
        margin:0;
        border:0 solid transition!important;
        border:0 solid rgba(0,0,0,.15);
        border-radius:0;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.48);
        border-bottom: 3px solid #79C17B;
}
.mainmenu a, 
.navbar-default .navbar-nav > li > a, 
.mainmenu ul li a , 
.navbar-expand-lg .navbar-nav .nav-link{
        color:#333;
        font-size: 20px;
        display: block;
}
.navbar-light .navbar-nav .nav-link, 
.navbar-light .navbar-nav .menu-items__lien {
    color: #333;
}
.mainmenu .navbar-nav {
        margin-left: 0;
}
.mainmenu .active>a,
.mainmenu .active>a:focus,
.mainmenu .active>a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav>.show>a, 
.navbar-default .navbar-nav>.show>a:focus, 
.navbar-default .navbar-nav>.show>a:hover{
        color: #333;
        background: #c0e0c2 !important;
        outline: 0;
}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{
        background: #c0e0c2;
}
.mainmenu .collapse ul ul > li:hover > a, 
.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{
        background: #c0e0c2;
}
.mainmenu .collapse ul ul ul > li:hover > a{
        background: #c0e0c2;
}

.mainmenu .collapse ul ul, 
.mainmenu .collapse ul ul.dropdown-menu{
        background:#FFF;
}
.mainmenu .collapse ul ul ul, 
.mainmenu .collapse ul ul ul.dropdown-menu{
        background:#FFF
}
.mainmenu .collapse ul ul ul ul, 
.mainmenu .collapse ul ul ul ul.dropdown-menu{
        background:#FFF
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}

  
/* --------------------- */

/* Jumbotron */

.jumbotron_haut {
	height: 380px;
}

.image_background {
	overflow: hidden;
    background: no-repeat center;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
    background-size: cover;
}

.jumbotron_cartel {
	font-size: 20px;
	position: absolute;
	top: 60px;
	left: 0;
	width: 500px;
	max-width: 100%;
	background: rgba(0,0,0,0.78);
	padding: 25px;
	border-bottom: 3px solid #79C17B;
}

.jumbotron_cartel h1 {
	font-size: 34px;
	font-weight: bold;
}

.lead p {
	margin-bottom: 0;
}


/* Divers */

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}

@media (min-width: 40em) {
  .blog-title {
    font-size: 3.5rem;
  }
}


/* ---------------------------------
	Button cards - listes de rubriqes
   --------------------------------- */

.button_card {
	display: inline-block;
	background: #F1F1F1;
	font-weight: bold;
	font-size: 25px;
	color: #333333;
	text-align: center;
	padding: 10px 25px 7px 25px;
	margin: 10px;
	border-bottom: 3px solid white;
}

.button_card:hover {
	background: white;
	text-decoration: none;
	color: #333333;
	border-bottom: 3px solid #79C17B;
}

.button_card_white {
	background: white;
}

.button_card.on {
	background: #c4c4c4;
}
.button_card.on:hover {
	background: #c4c4c4;
	border-bottom: 3px solid white;
	cursor: default;
	box-shadow: none;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}


/* ---------------------------------
	Listes articles cards
   --------------------------------- */

/* Article list item */
	
.article_liste_item {
	padding-bottom: 15px;
	min-height: 200px;
	position: relative;
	height:  calc(100% - 40px);
	margin-bottom: 40px;
	background: white;
	zoom: 1; /* IE 6 & 7 position absolute bug : a mettre dans la div contenant le bloc disparut */
}

.article_card {
	border: 0;
}

.article_card a:hover {
	text-decoration: none;
	background-color: transparent;
}

.article_card.auteurs_liste {
	min-height: 120px;
}

.article_card.sites_liste {
	min-height: 90px;
}

.article_card .article-meta {
	margin-bottom: 2px;
}

.article_liste_une {
	min-height: 205px;
}

.card-body {
	border-bottom: 3px solid transparent;
	transition: all .3s ease-out;
}

.article_card:hover .card-body {
	border-bottom: 3px solid #417505;
}

.card-img-top {
	height: auto !important;
}

.article_card h2.titre {
	font-size: 21px;
	color: #333333;
	line-height: 26px;
	font-weight: 600;
}

.card_cart_rubrique {
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #81479C;	
}

.card_cart_rubrique a {
	color: #81479C;
}

#contact_pannel h2.titre {
	text-align: center;
	border-bottom: 1px solid #979797;
	padding-bottom: 15px;
}

.contact_content {
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	font-size: 14px;
	line-height: normal;
}

/* Auteurs cards */

.auteur_card {
	
}

/* ---------------------------------
   NEWS cards
   --------------------------------- */

.news_item {

}



/* ---------------------------------
   Page article 
   --------------------------------- */


.article_une_header .container {
	position: relative;
	width: 100%;
	margin-top: -200px;
	padding-right: 3%;
        padding-left: 3%;
	text-align: center;
}

.article_une_header .container .heading-block {
	background: white;
	padding: 1.5em 2em 0 2em;
	position: relative;
	min-height: 210px;
}

.article_une_header .intro {
	font-size: 18px;
	margin-bottom: 40px;
}

.logo_article_large {
	height: 379px;
	background: no-repeat center;
    	-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
    background-size: cover;
}

#article_header {
	
}

.cart_rubrique {
	display: inline-block;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #79C17B;
	text-align: center;
	margin-bottom: 15px;
}

.cart_rubrique.on {
	color: silver;
}

.heading-block h1 { 
	font-size: 40px; 
	margin-bottom: 10px;
}

.cartouche_margin {
	margin-left: 0;
	margin-right: 0;
}

.cartouche .spip_logo {
	margin-bottom: 10px !important;
}

.surtitre,
.soustitre {
	font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #bcbcbc;
}

.title_card {
	margin-bottom: 40px;
}

#article_header .chapeau,
#article_header_chapeau .chapeau {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.article-metatags {
	font-size: 15px;
    color: #828282;
    text-align: left;
    margin-bottom: 50px;
}

.article-metatags a {
	color: #828282;
}

.download_pdf_bloc {
	text-align: center;
	margin-bottom: 50px;
}

/* Articles texte */

.texte_wrapper {
	font-size: 19px;
	color: #333333;
	line-height: 30px;
}

.texte {
	margin-bottom: 70px;
}

hr.spip {
	margin: 40px auto;
}

.texte p {

}


.art_maginbottom,
.texte p,
.responsive-video-wrapper,
div.spip, 
ul.spip,
.texte ul, 
ol.spip, 
.spip_poesie, 
.spip_cadre, 
div.spip_code, 
.spip_documents.spip_documents_center {
	margin-bottom: 40px !important;
}

.texte p:last-child {
	margin-bottom: 0;
}

.art_maginbottom_big {
	margin-bottom: 70px;
}

.texte_wrapper .texte H1,
.texte_wrapper .texte H2,
.texte_wrapper .texte H3,
.texte_wrapper .texte H4,
.texte_wrapper .texte H5 {
	margin-top: 60px;
	margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}

.texte_wrapper .texte H1:first-child,
.texte_wrapper .texte H2:first-child,
.texte_wrapper .texte H3:first-child,
.texte_wrapper .texte H4:first-child,
.texte_wrapper .texte H5:first-child {
	margin-top: 0;
}

.texte .spip_documents img {
	max-width: 85%;
	height: auto;
}

.texte .spip_documents_left img,
.texte .spip_documents_right img {
	max-width: 100%;
	height: auto;
}

.texte .spip_documents_left,
.texte .spip_documents_right {
	max-width: 40%;
}

.encadre {
	background: #EEEEEE;
	padding: 25px 30px;
	font-size: 12px;
	color: #686868;
}

.encadre p {
	margin-bottom: 15px;
}

.encadre p:last-child {
	margin-bottom: 0px;
}

.encadre h1,
.encadre h2,
.encadre h3,
.encadre h4,
.encadre h5 {
	font-size: 17px;
	margin-bottom: 5px;
}


hr {
    display: block;
    clear: both;
    width: 60%;
    height: 3px;
    background: #79C17B;
    margin: 4em auto;
    border-top: 1px solid #79C17B;
}

/* Pge Rubrique */

.rubrique_texte {
	font-size: 19px;
	text-align: left;
}

/* Pagination */

.blog-pagination,
.pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn, {
  border-radius: 2rem;
}

.btn-primary {
    color: white;
    background-color: #417505;
    border-color: #417505;
}

.btn-primary:hover {
    background-color: #2e5204;
    border-color: #2e5204;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #2e5204;
    border-color: #2e5204;
}

.btn-primary:focus, .btn-primary.focus {
    background-color: #2e5204;
    border-color: #2e5204;
}

.page-item.active .page-link {
    background-color: #417505;
    border-color: #2e5204;
}

.page-link {
    color: #417505;
}

.page-link:hover {
    color: #2e5204;
}



/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
 
.footer {
    margin: 0;
    padding-top: 3rem;
    border-top: 0;
    padding-bottom: 1rem;
    text-align: left;
    position: relative;
    background: #292929;
    color: white;
}

.footer a {
	color: white;
}
 
.blog-footer {
	text-align: center;
	border-top: 1px solid #D8D8D8;
	padding-top: 15px;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

/* Listes */
ul.spip, 
ol.spip {
	margin-left: 25px;
}

/* -------------------------------------------------------------------------
                        RESPONSIVE / Media queries
 --------------------------------------------------------------------------- */
 

@media (min-width: 576px) {
	
	.texte_wrapper .texte p,
	.texte_wrapper .texte H1,
	.texte_wrapper .texte H2,
	.texte_wrapper .texte H3,
	.texte_wrapper .texte H4,
	.texte_wrapper .texte H5,
	.texte_wrapper .texte ul,
	.texte_wrapper .texte table,
	.recense,
	.longread_margin {
		margin-left: 5% !important;
	    margin-right: 5% !important;
	}
	
	.texte_wrapper .texte ul {
		margin-left: 10% !important;
	}
	
	.texte_mot .spip_documents_left {
		margin-left: 5% !important;
	}
	.texte_mot .spip_documents_right {
		margin-right: 5% !important;
	}
	
	.texte>ul.spip,
	.texte>ol.spip {
		margin-left: calc(5% + 25px);
	}
	
	.card-deck {
		width: auto;
	}
	
}

@media (min-width: 768px) {
	
	.texte_wrapper .texte p,
	.texte_wrapper .texte H1,
	.texte_wrapper .texte H2,
	.texte_wrapper .texte H3,
	.texte_wrapper .texte H4,
	.texte_wrapper .texte H5,
	.texte_wrapper .texte ul,
	.texte_wrapper .texte table,
	.recense,
	.longread_margin {
		margin-left: 10% !important;
	    margin-right: 10% !important;
	}
	
	.texte_wrapper .texte ul {
		margin-left: 15% !important;
	}
	
	.texte_mot .spip_documents_left {
		margin-left: 10% !important;
	}
	.texte_mot .spip_documents_right {
		margin-right: 10% !important;
	}
	
	.texte>ul.spip,
	.texte>ol.spip {
		margin-left: calc(10% + 25px);
	}
	
	.img-fluid {
		width: inherit;
	}
  
  /* sous-menu */
  .mainmenu .collapse ul li:hover> ul{display:block}
  .mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
  /*******/
  .mainmenu .collapse ul ul li{position:relative}
  .mainmenu .collapse ul ul li:hover> ul{display:block}
  .mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
  /*******/
  .mainmenu .collapse ul ul ul li{position:relative}
  .mainmenu .collapse ul ul ul li:hover ul{display:block}
  .mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
	
}

@media (min-width: 992px) {
	
	.texte_wrapper .texte p,
	.texte_wrapper .texte H1,
	.texte_wrapper .texte H2,
	.texte_wrapper .texte H3,
	.texte_wrapper .texte H4,
	.texte_wrapper .texte H5,
	.texte_wrapper .texte ul,
	.texte_wrapper .texte table,
	.recense,
	.longread_margin {
		margin-left: 20% !important;
	    margin-right: 20% !important;
	}
	
	.texte_wrapper .texte ul {
		margin-left: 23% !important;
	}
	
	.texte_mot .spip_documents_left {
		margin-left: 20% !important;
	}
	.texte_mot .spip_documents_right {
		margin-right: 20% !important;
	}
	
	.texte>ul.spip,
	.texte>ol.spip {
		margin-left: calc(15% + 25px);
	}

	.article_une_header .container {
        padding-right: 15%;
        padding-left: 15%;
    }
    
    .cartouche_margin {
		margin-left: 45px;
		margin-right: 45px;
	}
	
	.navbar-collapse li a {
	    border-bottom: 1px solid transparent;
	}
	
}

@media (min-width: 1200px) {
	
	
}

@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.dropdown-menu { display:none; }
.dropdown-toggle::after {display: none;}
}