/*&:hover, &:active, &:focus {
      box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);*/

/*.texte .cibloc figure{overflow:visible;}
.cibloc img:hover{box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}*/
/* Elements principaux
------------------------------------------ */
body {color:#222222;} 
img {loading:lazy}

h1,.h1,
h2,.h2 { line-height: 1.2;}


/* Hyperliens
---------------------------------------------- */
a, a:visited { color: #c03839;  }
 a:focus, 
a:hover, 
a:active { color:#OOO; text-decoration:underline; }

/* Video responsive */

.texte fluide {
	width:100%;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	position:relative;
	margin:1.5em 0;
	display:block;
	 }
	 
.texte fluide.spip_doc_inner{width:auto; height:auto; margin:0; margin-bottom:0em; padding:0;}
.texte fluide iframe, .texte fluide embed, .texte fluide object{
		 position:absolute;
		 top:0;
		 left:0;
		 width:100% !important;
		 height:100% !important;
		 margin-bottom:0;
	 }

/*GIS ------)*/

#map1{margin-bottom:1em}
#map1 .leaflet-popup{position:absolute;text-align:center;margin-bottom:20px;font-size:1.2em;z-index:10000}
#map1 .leaflet-popup-content-wrapper{padding:5px;text-align:left;border-radius:0}
#map1 .leaflet-popup-content{margin:13px 19px;line-height:1.4}
#map1 .leaflet-popup-content p{margin:18px 0;margin-top:5px}
#map1 strong{ display:block; font-size:1.1em; font-weight:500;}

/* Exceptions spip
---------------------------------------------- */
.spip_doc_titre { }

/*Transitions et animations*/
header, img, header .spip_logo{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
@keyframes fadeInDownCustom {
 0% {
  opacity:0;
  -webkit-transform:var(--transform, translateX(0)) translateY(-20px);
  transform:var(--transform, translateX(0)) translateY(-20px)
 }
 to {
  opacity:1;
  -webkit-transform:var(--transform, translateX(0)) translateY(0);
  transform:var(--transform, translateX(0)) translateY(0)
 }
}
.fadeInDownCustom {
 -webkit-animation-name:fadeInDownCustom;
 animation-name:fadeInDownCustom
}
[data-scrollanim]{transition:all 1s ease;transform-style:preserve-3d}
.animation[data-scrollanim="lefttoright"]{transform:translateX(-50vw)}
.animation[data-scrollanim="left"]{transform:translateX(-100px);opacity:0.7}
.animation[data-scrollanim="righttoleft"]{transform:translateX(5vw)}
.animation[data-scrollanim="top"]{transform:translateY(10vw)}
.animation[data-scrollanim="lefttoright_opacity"]{opacity:0;transform:translateX(-20vw)}
.animation[data-scrollanim="top_opacity"]{opacity:.2;transform:translateY(10vw)}
.animation[data-scrollanim="opacity"]{opacity:0.5}
.logo-rub h3, .une h3 {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-name:fadeInDownCustom;
 animation-name:fadeInDownCustom;
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}

/* CARTO ------------ */


/* Citations, code et poesie
---------------------------------------------- */

blockquote h2.spip::before, blockquote.spip_poesie h2.spip::before{content:"";width: 0px;height: 0px;margin-right: 0px;line-height: 0px;}
blockquote {min-height: 40px;border:none;padding-left:3em;}

blockquote {
  width: 100%;
  margin: 2em auto;
  color: #555555;
  padding: 20px 30px 1.2em 75px;
/*  border-left: 8px solid #c03839;
*/  position: relative;
  background: rgba(255,255,255,.8);
  background-image:url(../images/fleche.png); background-repeat:no-repeat; background-position:left 1.8em;}

/*blockquote:before {
  font-family: Arial;
  content: "\201C";
  font-style:italic;
  color: #c03839;
  font-size: 4em;
  position: absolute;
  left: 20px;
  top: 20px;
  line-height:1;
 }
*/
blockquote.spip_poesie {border: 1px solid #EDEDED; background-color:#f5f2f2; padding-top:10px;}
blockquote.spip_poesie:before {
		content: "\25B9";
  font-style:normal;
  color: #FFF;
  background-color:#f5171e;
  display:inline-block;
  width:50px;
  height:50px;
  font-size: 1.5em;
  position: absolute;
  left: 0px;
  top: 0px;
  line-height:50px;
  text-align:center;
 }

.spip_code,
.spip_cadre {
	font-family: 'Courier New', Courier, monospace;
	margin:0 .2em;
}

.spip_code {
	border: 1px solid #dfdfcd;
	background-color: rgba(227,227,211,0.5);
	color: #3b3b25;
	text-shadow: 0 1px 0 #fdfdfc;
}

.spip_cadre {
	background:#333;
	color:#fff;
	border-radius:0.5em;
	border:0;
}

textarea.spip_code,
textarea.spip_cadre {
	padding: 1em;
	width:98%;
}

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

.logo-rub{ position:relative; z-index:-1;}
.une h3{position:relative;}
.logo-rub .spip_logo{margin:0; float:none;}
.logo-rub img, .une img{width:100%;}
.logo-rub h1, .logo-rub h3, .une h3{position:absolute; left:10%; max-width:80%; text-align:left; bottom:20%; color:#FFF; text-shadow: 0px 0px 20px rgba(0,0,0,.4); font-size:2.8em; margin:0;font-weight: 500;}



/* fil d'ariane */
.arbo { clear: both; font-size: .8em; color: #b2b8ba; margin:7px 0 0 0; }
.arbo * { font-weight: normal; }
.arbo a,
.arbo a:visited { color: #b2b8ba; }
.arbo a:hover,
.arbo a:focus { text-decoration:none; color:#000; }

.texte hr {
margin: 2.5em 0;
  border-width: 0px 0 0;
  clear:both;
}

.cartouche { margin-bottom: 1.5em; }
.cartouche h1 { margin-bottom: 0; }
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
abbr.published { border: 0; }

 
.footer{ background-color:#000; color:#FFF; padding:30px 0; padding-bottom:0;}
.footer a{color:#FFF;}
.footer a:hover{text-decoration:underline;}

.main div.socialtags:before{content:"Partagez  "}

.main div.socialtags{margin:2em 0;padding:0;clear:both;border-top:1px solid #ccc;padding-top:10px;display:inline-block}
.main .socialtags img{height:28px;margin-right:5px}
.main .socialtags-hovers{filter: grayscale(100%);}
.main .socialtags-hovers:hover{filter: grayscale(0%);}
@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}
.info-publi { border-left: 3px solid #c03839; padding-left: 10px;line-height: 1; font-size:90%; color:#999;}
html[dir="rtl"] .info-publi { font-style: normal; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }

.chapo { font-weight:400; font-size:1.1em; }
.texte {}
.hyperlien { display: block; padding: 1.5em 50px; background: #EEE url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }

h2.spip{color:#000;}
h2.spip::before {
  display: inline-block;
  content: "\203A";
  margin-right: 10px;
  color: #c03839;
  text-align: center;
  font-size:120%;
}

/* Ciblocs */

.cibloc h2.spip{color:#c03839; font-size:1.2em; text-align:center}
.cibloc h2.spip:before{width:0; height:0; content:""; margin-right:0px;}
.texte .cibtn a, .texte .cibtn span {
  margin-top: 0rem !important;
  margin-bottom: 1rem !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0px;
  font-size:1rem;
  font-weight:400;
    -webkit-transition: all .2s;
  transition: all .2s;
}
.texte .cibtn a {display:inline-block; white-space:nowrap;}
.texte .cibtn a::after {
  content: "\203A";
  display:inline-block;
  color:#FFF;
  opacity: 0;
  margin-left:-10px;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.texte .cibtn a:hover::after {
  opacity: 1;
  padding-left:25px;
  maergin-left:0px
}
.texte .cibloc table.spip {
 font-size: initial;
 margin-top:0;
}
.texte .cibloc table.spip th, .texte .cibloc table.spip td {
  border: 1px solid #ccc; border-width:1px 0;}


.cimulti_colonnes_sans_marge {
  margin: 0 !important;
    margin-bottom: 0px;
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2em !important;
}

.cibloc .spip_documents.spip_documents_center {
  margin : .5em 0; margin-bottom:1em;
}

.ciwidget_bouton_version_texte_wrap {
    display: none;
}


.et_pb_button::after, .et_pb_button::before {
  font-size: 32px;
  line-height: 1em;
  content: "\35";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
}

/* Listes et tableaux */
.spip-puce { color: #c03839; }
dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
dl.spip dd {}

table.spip {margin:1em 0;}
table.spip caption {  background: none; border-bottom: 1px solid #cacbcc; text-align: left; font-weight: 400; }
table.spip thead th { background: #EEE;; border: 1px solid #cacbcc; border-width: 1px 0; text-align:center; }
table.spip tbody tr th,
table.spip tr td { background: none; }
table.spip tbody tr th{  }
table.spip tbody tr.odd th,
table.spip tr.odd td {  }
table.spip tr:hover td {b;}
table.spip tfoot { border-top: 1px solid #cacbcc; }

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }
.formulaire_spip label { display: block; }
.formulaire_spip input.text,
.formulaire_spip select,
.formulaire_spip textarea {
	width: 100%;
	box-sizing: border-box;
	padding:4px 10px;
	border:solid 1px #ccc;
	border-radius:0px;
	font-size:100%;
}
.formulaire_spip.formulaire_formidable select{background-color:#FFF; padding:8px;}

#var_lang {
  --data-uri-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%231e1e1e' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
  background-image: var(--data-uri-svg);
}
#var_lang {
  display: block;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  font-size: .9rem;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5rem) 50%;
  background-size: 1.5rem 1.5rem;
  background-color:#F0F0F0;
  font-weight:300;
  text-transform:uppercase;
}
#var_lang option{text-transform:uppercase;}

.formulaire_spip img.ui-datepicker-trigger {
	position:relative;
	max-width: 1.5em;
	margin-top: -0.25em;
	margin-left: -1.75em;
}

.formulaire_spip .choix label {
	display: inline;
}

.formulaire_recherche label { display: block; }
.erreur_message { display: block; }


/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text { 
	width: auto;
	height: 40px;
	vertical-align: middle;
	border:solid 1px #aaa;
	-webkit-border-radius: 0.25em 0 0 0.25em;
	border-radius: 0.25em 0 0 0.25em;
	width: calc(100% - 41px);
}
.formulaire_recherche input.btn,
.formulaire_recherche input.submit {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	border:solid 1px #aaa;
	border-left: none;
	-webkit-border-radius: 0 0.25em 0.25em 0;
	border-radius: 0 0.25em 0.25em 0;
	text-align: center;
	background:#fff url(../images/search.png) no-repeat center center;
	text-indent: -2000px;
}

/* Choix des mots-clefs */
.formulaire_spip .saisie_mots_forum fieldset {margin-left: 0}
ul.choix_mots { display: flex; margin: 0; padding: 0; list-style: none; flex-wrap: wrap}
ul.choix_mots li { display: flex; flex-basis: 30%; max-width: 30%; padding: 0.25em 0.5em; align-items: center}
ul.choix_mots li label { font-weight: normal; font-size: 1em; line-height: 1.25; margin-left: 0.25em}

.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/

/* Formulaire de login dans une page */
.formulaire_login .editer-groupe .editer { clear: left; }
.formulaire_login .editer_password .details { display: block; }
.formulaire_login #spip_logo_auteur { float: right; }

/* Fomulaire de contact */
.formulaire_ecrire_auteur {}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }


/* Habillage des documents et portfolio
---------------------------------------------- */

/* Survol documents */
figure a:hover{
background-color:#ccc;
background-image:url('https://www.philippelaura.com/spip4/IMG/png/loupe.png');background-repeat:no-repeat;background-position:center center;
opacity:1;}

a:active img {
  -moz-transform: translateY(1px);
  -webkit-transform: translateY(1px);
  -o-transform: translateY(1px);
  -ms-transform: translate(1px);
  transform: translateY(1px);
}
a:hover img {opacity:.4;}
a img {transition: opacity 0.3s linear 0s;}

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

.documents_joints .descriptif p {margin:0;}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
.menu p {}
.menu ul { margin-bottom: 1.5em; }
.menu ul li {}
.menu ul li ul { margin-left: 1.5em; list-style: circle; }
 
/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 5.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.3em .2em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #f5171e; color: #fff; }
.pagination .on .pagination-item-label {font-weight: normal;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 1.5em; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0 0 0.2em 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small {  }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.menu_articles li div {margin-top:0.2em;margin-bottom:0.5em;}
.menu_articles a {text-decoration:none;}
.menu_articles strong {font-size:1.2em;}
 
.menu_breves li {}
.menu_breves li h3 { margin: 0; }

.aside h2 {border-bottom:3px solid #EEE;padding-bottom:.1em;}
.aside li {margin:1em 0;}
.aside a {text-decoration:none;}

.footer a {text-decoration:none;}
.footer a:hover { color:#CCC;}
.footer a.spip_out:after { content: ""; }

/*Frise ----------------*/
#breve {  padding-top: 40px;margin-top: 3em;}
#breve h3 {border-left:3px solid #f5171e; padding-left:10px; line-height:1;}
#breve .owl-carousel .owl-item img {
  display: block;
  float: none;
  width:auto;
}
#breve .spip_logo {
	margin: 0 auto 10px auto;  float: none; width:auto;
}


/* GRID ------------------------ */

.grid * {
    box-sizing: border-box;
}

/* overall container of grids */
.grid {
  overflow: hidden;
	clear: both;
}

.grid img{
	display:block;
	max-width:100%;
	height:auto !important;
}

.grid .spip_logos{
	float:none;
	margin:0;
	display:block;
	margin-bottom:5px;
}
/* global styles for direct child ex. .grid3 */
.grid > * {
  display: block;
  padding: 0;
  /* gutter value */
  margin-left: -20px;
  text-align: left;
}
/* global styles for each "cell" */
.grid > * > * {
  display: inline-block;
  /* gutter value */
  padding-left: 20px;
  margin-left: 0;
  vertical-align: top;
    margin-bottom:2.5em;

}
/* whitespace fixing for modern browsers including IE9+ */
:root .grid {
  font-size: 0;
  /* fallback for IE9+ */
  text-justify: distribute-all-lines;
}
:root .grid > * > * {
  /* fallback for Opera Mini */
  font-size: 14px;
  font-size: 0.9rem;
}
/* Opera hack */
.opera:-o-prefocus,
.grid > * {
}

.grid2 > * {width: 50%;}

.grid3 > * {width: 33.333%;}

.grid4 > * { width: 25%;
}
.grid5 > * { width: 20%;
}
.grid6 > * { width: 16.66667%;
}

.item {position: relative;  }
.item a{text-decoration: none; display: block; color: #c03839;}
.item a:hover{color: #000;}

.grid img{
	display:block;
	max-width:100%;
	height:auto !important;
	-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.grid img:hover{filter: grayscale(100%);}

.grid .spip_logo{float:none;margin:0;display:block;}
.grid h3{margin:10px 0;}
.grid a h3{color:#c03839;}
.grid a:hover h3{color:#000;}

/* ACCUEIL ----------------------------- */
.page_sommaire .footer {margin: 0; border-top: 0;}
.pave{ border-bottom:1px solid #e3e1e1;}
.pave1, .pave2, .pave3, .pave4,.pave5{ padding:30px 0;}
.pave5{padding-bottom:0;}
.pave2, .pave4{background-color:#f5f8f8;}
.pave1{font-size:105%; padding-bottom:50px;}
.bandeau .owl-prev{left:50px;}
.bandeau .owl-next{right:50px;}


/* BAS DE PAGE ----------------------------- */

.footer a, .footer a:hover{color:#FFF;}
.footer button:hover{background-color:#000; color:#FFF;}
/*.contact,.linkedin{margin-bottom:10px; padding:0 20px 0 40px; font-size:1.1em; line-height:40px; width:180px}
.contact{background-image:url(../images/ico-contact.png); background-repeat:no-repeat; background-position:20px center;}
.linkedin{background-image:url(../images/ico-linkedin.png); background-repeat:no-repeat; background-position:20px center;}*/


#paypal-form-fields-container-73UW5V4FKVTPQ p{margin-bottom:0;}

/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */

@media print {

	/*  Ne pas imprimer */
	.spip-admin,
	.spip-admin-float,
	.spip-previsu { display: none; }
	.repondre { display: none; }

	/* Souligner et expliciter les liens */
	a { color: #600; text-decoration: underline !important; }
	a.spip_out:after,
	a.spip_glossaire:after,
	a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }

}


/* ------------------------------------------
/* Responsive
/* ------------------------------------------ */

/* largeur maximum 767px */
@media (max-width: 767px) { 
	.pagination {line-height:3;}
	.grid3 > *, .grid4 > *, .grid5 > *,.grid6 > * { width: 50%;}
	.logo-rub h1, .logo-rub h3, .bandeau h3{font-size:2em}

}

 
/* largeur maximum 640px */
@media (max-width: 640px) {
	body { font-size: .95em; }
	h1,.h1,
	h2,.h2 { line-height: 1; }
	.grid2 > *, .grid3 > *, .grid4 > *, .grid5 > *,.grid6 > * { width: 100%;}
	.logo-rub{ position:relative; z-index:-1;}
.logo-rub .spip_logo{margin:0;}

.logo-rub h1,.logo-rub h3, .bandeau h3{position:relative; left:auto; max-width:100%; text-align:center; bottom:auto; padding:20px; background-color:#333; line-height:1.3; font-weight:400;}

}


/* fin */