/* ------------------------------------------
/* Header
/* ------------------------------------------ */

.social a{
	display:inline-block;
	width:24px;
	height:24px;
	transition: 0.2s ease;
	margin-left:3px;}

a.fond-twitter{
	background: url(../images/fond-twitter.png) no-repeat center top;
}
a:hover.fond-twitter{
	background: url(../images/fond-twitter.png) no-repeat center bottom;
}
a.fond-facebook{
	background: url(../images/fond-facebook.png) no-repeat center top;
}
a:hover.fond-facebook{
	background: url(../images/fond-facebook.png) no-repeat center bottom;
}
a.fond-youtube{
	background: url(../images/fond-youtube.png) no-repeat center top;
}
a:hover.fond-youtube{
	background: url(../images/fond-youtube.png) no-repeat center bottom;
}
a.fond-rss{
	background: url(../images/fond-rss.png) no-repeat center top;
}
a:hover.fond-rss{
	background: url(../images/fond-rss.png) no-repeat center bottom;
}
a.fond-instagram{
	background: url(../images/fond-instagram.png) no-repeat center top;
}
a:hover.fond-instagram{
	background: url(../images/fond-instagram.png) no-repeat center bottom;
}

a.fond-linkedin{
	background: url(../images/fond-linkedin.png) no-repeat center top;
}
a:hover.fond-linkedin{
	background: url(../images/fond-linkedin.png) no-repeat center bottom;
}
a.fond-letter{
	background: url(../images/fond-letter.png) no-repeat center top;
	display:none;
}
a:hover.fond-letter{
	background: url(../images/fond-letter.png) no-repeat center bottom;
}

.social img:hover{
    -khtml-opacity:0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter : alpha(opacity=50);
    opacity : 0.5;
}


/* Elements principaux
------------------------------------------ */
body {color:#222222;} 

h1 { line-height: 1.1;}
h2 { line-height: 1.3;}

.texte h2.spip::before{content:"";position:absolute;bottom:0;left:0;display:inline-block;width:30px;height:5px;background-color:#53b13e}
.texte h2.spip{position:relative;margin-top:40px;margin-bottom:25px;padding-bottom:7px; }
.texte .cibloc h2.spip{margin-top:20px;}
.texte .onglets_bloc h2.spip {margin-top:0px}

.texte .cibtn a, .texte .cibtn span {
font-size: 1em;
padding: .5rem 1rem !important;
border-radius: 20px;
}


/* Hyperliens
---------------------------------------------- */
a, a:visited { color: #1E65A0;  }
 
a:focus, 
a:hover, 
a:active { color:#e6513e;  }


/* Citations, code et poesie
---------------------------------------------- */
blockquote {
	min-height: 40px;
	padding:30px 15px 0 30px;
	background: rgba(0,0,0,0.04);
	border: 1px solid rgba(0,0,0,0.08);
	border-left-width:5px;
}
.texte blockquote h2.spip::before { }
.texte  blockquote h2.spip {margin-top: 0px;}
blockquote:before { content:"";  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ }

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

/* fil d'ariane */
.arbo { clear: both; font-size: 75%; color: #666; line-height:1; }
.arbo * { font-weight: normal; }
.arbo a,
.arbo a:visited { color: #666; text-decoration:none; }
.arbo a:hover,
.arbo a:focus { text-decoration:underline; }

.cartouche { margin-bottom: 1.5em; }
.cartouche h1 { margin-bottom: 0; }
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
abbr.published { border: 0; }
@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}
.info-publi { margin-bottom:1.5em; font-size: .85em;  }
.info-publi a { text-decoration:none;  }
html[dir="rtl"] .info-publi { font-style: normal; }
.nbforum{display:inline-block; padding-left:20px; background-image:url(../images/speech.png); background-position:left center; background-repeat:no-repeat;}
/*.nbforum::before{content: "  \22B3  "; margin-right:5px;}*/

.chapo {
  font-size: 1.1em;
  margin-bottom: 0.7em;
}
.page_etablissement .chapo{margin-bottom:1.5em;}
.chapo .spip_logo {margin-right:25px; border-radius:8px;}
.chapo p{margin:0;}
.texte {}
.hyperlien { display: block; position:relative;  }
.hyperlien::before {
  content: "\203A";
  margin-right:10px;
	font-family: arial;
	font-size:120%;
}

.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }

.ciwidget_center{margin-bottom:1.5em;}

/* Listes et tableaux */
table.spip {margin:1.5em 0;}
table.spip caption {  background: none; border-bottom: 2px solid; text-align: left; font-weight: bold; font-size:110% }
table.spip thead th { background: #eeeeee; border-bottom:2px solid #000; }
table.spip tbody tr th,
table.spip tr td { background: #f6f6f6;border-bottom:1px solid #ccc }
table.spip tr:hover td {background: #eeeeee;}
table.spip tfoot { border-top: 1px solid; }
table.spip p{margin-bottom:0;}
table.spip .numeric{ text-align:right;}
table .ciwidget_offscreen {
  position: relative;
  left: auto;
  height: auto;
  color:#999;
  font-weight:normal; 
}


/* Blocs dépliables */

.main .cs_blocs {
  clear: both;
  margin-bottom:1.5em;
  margin-top:0;
  border-top:1px dotted #564c4a;
  padding:10px 0 10px 0;
}
.main .blocs_titre {
    background: transparent url(../images/deplier-haut.png) no-repeat scroll left center;
	font-weight: normal;
	line-height: 1.25;
	padding: 0px 0px 0px 35px;
	cursor: pointer;
	font-size: 1.2em;
	margin:0;
    cursor: pointer;
}
.main .blocs_replie {background: transparent url(../images/deplier-bas.png) no-repeat scroll left center;}
.main .blocs_destination{padding:20px 0 0 0;}
.main .blocs_titre a, .main.texte .blocs_titre:hover{ text-decoration:none;}
.blocs_title{display: none;}

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


/* 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;}
.documents_joints .descriptif p {margin:0;}

/* Porfolio sommaire
------------------------------------------ */
.cellule-titre h3{margin:0; font-size:2em;}
.page_sommaire .owl-theme .cellule-titre {
  bottom: 10%;
  padding: 10px 40px;
}
.page_sommaire .owl-carousel .owl-item img {
  border-radius: 10px;
}

/* Habillage des forums
---------------------------------------------- */
#forum{clear:both;}
.comment-item, .comments, .formulaire_forum {border-radius:7px;}
.comments, .formulaire_forum  {
	padding: 20px;
	clear: both;
	background: #F9F9F9;
	border: 1px solid rgba(0,0,0,0.08);
	line-height: 1.4;
	font-size:90%;
	}
.comments  ul {list-style:none;}
.comment-item { margin-bottom:20px; padding:20px; background-color:#FFF; border: 1px solid rgba(0,0,0,0.1)}
.comments-items .comments-items {}
.comments-items .comments-items p {margin-bottom:0;}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { }
.comment-meta abbr { border: 0; }
.comment-meta a { text-decoration:none; color:#999; font-size:90%;}
.repondre-forum .cs_blocs {
  clear: both;
  margin-bottom: 10px;
  margin-top: 0;
  border: 0;
  padding: 0px;
}
.main .repondre-forum .blocs_replie {
  background-image:none;
}
.main .repondre-forum .blocs_titre {
 	background-image:none;
  padding: 0;
  font-size: 1em;
  text-align:right;
}
.main .repondre-forum .blocs_destination {padding:20px 0;}

/* Formulaire de forum */
.forum-titre  {margin-bottom:20px;padding-top:15px;border-top: 3px solid #53b23f; font-size:1.3em;}
.formulaire_forum {}
.formulaire_forum form+form{margin-top:1em;}
.formulaire_forum legend { display: none; }
.formulaire_forum .saisie_titre input.text { width: 100% }
.formulaire_forum .session_qui { /*display: none;*/ }
.formulaire_forum .saisie_texte .explication { font-size: .9em; margin: 0.5em 0; }
html[dir="rtl"] .formulaire_forum .saisie_texte .explication { font-style: normal; }
.formulaire_forum .boutons {  }
#formulaire_forum fieldset{margin:0;padding:0; border:0;}
/* Previsu */
#formulaire_forum fieldset.previsu { padding: 20px;border: 2px dotted #F57900;}
fieldset.previsu legend { color: #F57900; }

/* Reponses */
.reponse_formulaire { margin-bottom: 1.5em; padding: 1.5em; border: 2px solid #ddd; border-radius:20px; padding-bottom:0; }
.reponse_formulaire_ok { background: #f8f7f4; color: #66a100; border-color: #4b9415; }
.reponse_formulaire_erreur { background: #fbe3e4; color: #d61900; border-color: #fa878b; }
.reponse_formulaire_ok a { color: #66a100; }
.reponse_formulaire_erreur a { color: #d61900; }

.cs_blocs span.forum{margin-left:-35px; display:inline-block;}

/* Habillage des petitions
---------------------------------------------- */
#signatures td.signature-date small { white-space: nowrap; }
#signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }

/* Formulaire de signature */
.formulaire_signature {}

/* ------------------------------------------
/* 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 { margin:10px 0; line-height:1.35}
.menu ul li ul { margin-left: 1.5em; list-style: circle; }
 
/* Pagination */
.pagination{margin-top:20px;}
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center; margin-bottom:10px;}
.pagination .pagination-item {  margin: 0em; flex-basis: 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: 5px 10px;  text-align: center; color:#000; line-height:1.3; margin-bottom:10px;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #52b13e; color: #fff; }
.pagination .on .pagination-item-label {}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}

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

/* ------- Aside -----------*/

.menu_rubriques li.on{display:none;}
.aside h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 3px;
  background-color: #564c4a;
}

.aside h3 {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 7px;
}

/* ------- Footer -----------*/
 
.footer a {text-decoration:none;}
.footer a.spip_out:after { content: ""; }

.col-bas{font-size:90%;}


/* ------- Mediabox -----------*/

.lity-close,
.lity-close:hover,
.lity-close:active,
.lity-close:focus {
	top:6px;
	right: 8px;
	line-height: 2.5rem;
	font-size: 3.5rem;
}
.lity-close b{font-weight:normal;}
.lity-container .lity-group-caption .lity-group-current{display:none;}


/* focus */
.box_mediabox button[class*="lity-"]:focus{
	outline: 0px dotted #ccc;
}

.lity-iframe-container iframe{/*width:700px*/;}

/* Boite modale  */
.hidden { display: none; }
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* needed for old browsers */
dialog {
  display: block;
  border: 0;
}
/* removes scroll when modal is opened */
.no-scroll {overflow: hidden;}
/* overlay covers everything */
.modalepl-modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
  opacity: .8;
  z-index: 666;
  cursor: pointer;
}
.modalepl-modal-overlay[data-background-click="disabled"]
 {cursor: auto;}
.modalepl-modal-overlay {
  animation: fadewhite ease .5s 1 normal ;
}

@keyframes fadewhite {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .8;
  }
}
/* modal */

.js-modal{cursor:pointer;}
.modalepl-modal {
  position: fixed;
  left: 15%;
  width: 70%;
  top: 5vh;
  height: 80vh;
  border: 2px solid #000; 
  background: #fff;
  z-index: 667;
  padding: 2em;
  right: auto;
  overflow: auto;
  text-align:left;
}
.modalepl-modal-close {
  float: right;
  background-color:transparent;
  border-radius: 0;
  color: #FFF;
  font-size:30px !important;
  border: 0;
  padding: 0;
  cursor: pointer;
  outline:none;
}
.modalepl-modal-close:hover {
	  background-color:transparent;
	  color:#000;}
}

.modalepl-modal {
  -webkit-animation: pop ease .5s 1 normal ;
          animation: pop ease .5s 1 normal ;
}

@-webkit-keyframes apparition {
  0% {
    opacity: 0;
	  max-height: 0;
	  width: 0;
	  left: 50%;
  }
  100% {
    opacity: 1;
	  max-height: 100%;
	  width: 70%;
	  left: 15%;
  }
}
@keyframes apparition {
  0% {
    opacity: 0;
	  max-height: 0;
	  width: 0;
	  left: 50%;
  }
  100% {
    opacity: 1;
	  max-height: 100%;
	  width: 70%;
	  left: 15%;
  }
}

@-webkit-keyframes pop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  -webkit-transform: scale(0);
	          transform: scale(0);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	        transform: scale(1);
	  max-height: 100%;
	  width: 70%;
	  left: 15%;
  }
}
@keyframes pop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  -webkit-transform: scale(0);
	          transform: scale(0);
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	        transform: scale(1);
	  max-height: 100%;
	  width: 70%;
	  left: 15%;
  }
}

@media (max-width: 640px) {
  .modalepl-modal {
    left: 1%;
    top: 1%;
    width: 98%;
    height: 98%;
  }
}

/* Boite modale newsletter */

#modale, .modal-content, .modalepl-modal{background-image: url("https://www.au-senegal.com/squelettes/images/fond-newsletter.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}


    .modal {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.85);
    }

    .modal-content {
      background-color: white;
      margin: 5% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 80%;
    }

    .close {
      color: #aaa;
      float: right;
      font-size: 30px;
      font-weight: bold;
      cursor: pointer;
    }

    .close:hover,
    .close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }




	  a.geoloc { display:inline-block; padding-left:30px; 
	  background-image:url(../images/map.png); background-repeat:no-repeat; background-position:left center; }
	  a.geolocation { text-decoration:none;  }
	  
	  a.gmap{text-decoration:none; background-image: url(../images/gmap.png); 
	  background-repeat:no-repeat; background-position:20px center; background-color:#f6f2f2; line-height:24px; padding:10px 20px; padding-left:50px;
	  margin-top:15px; display:inline-block; margin-bottom:20px; border-radius:8px;}

/* Dossiers pratiques
---------------------------------------------- */

.dossier {margin:2em auto; padding:40px; border:1px solid #ccc; border-radius:10px; background-color:#faf5f5}
.dossier:hover {background-color:#FFF}
.dossier .spip_logo {border-radius:8px; margin:0 0 0 30px; float:right;}
.dossier a{color:#000; text-decoration:none;}
.dossier p{margin-bottom:0;}
.dossier h3{ font-size:1.45em;}

/* Modeles etab */

.etab{border:1px solid #ccc; padding:15px; margin-bottom:30px; border-radius:10px}
.etab .spip_logo {border-radius:8px; margin:0 20px 0 0;}
.etab a.submit{margin-top:5px;}
a.submit, a.submit:hover{color:#FFF; text-decoration:none; display:inline-block;}

.video fluide{border-radius:8px; border:1px solid #000;}

.caroussel-conteneur img{border-radius:20px;}
.caroussel-gauche {float:left; width:65%;}
.caroussel-droite {float:right; width:35%; padding-left:10px;}
.caroussel-droite img{margin-bottom:8px;}


/* Modeles etab pour les liens */
.cv{/*border:1px solid #ccc; margin:10px 0; padding:10px 0; background-color:#FFF; border-radius:20px;*/}
.cv a{text-decoration:none; color:#333;}
.flex {display:flex; }
.flex-item{flex:1;border:1px solid #ccc;padding:10px 0; margin-bottom:20px; background-color:#FFF;}
/*.flex-item:last-child{border-right:0;}*/
/*.flex-item:last-child{border-radius: 0 20px 20px 0}
.flex-item:first-child{border-radius: 20px 0 0 20px}
*/

.cv img{display:block; margin:5px auto;transition: all .3s; width:48px; height:48px;}
.cv a:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.cv span.robo{display:block;text-align:center; text-transform:uppercase;font-family: "RobotoBoldCondensed"; font-size:90%;}

.whatsapp a, .lien-web a, .lien-page a, .email-etab a {
	display:block;
	text-decoration:none;
	line-height:49px;
	color:#FFF;
	background-color:#e95e27;
	margin-bottom:15px;
	padding-left:70px;
	background-image:url(../images/lien-site.png);
	background-repeat:no-repeat;
	background-position:15px center;
	}
.whatsapp a{
	background-color:#4caf50;
	background-image:url(../images/lien-whatsapp.png);
}
.lien-page a{
	background-color:#ff681d;
	background-image:url(../images/lien-page.png);
}
.email-etab a{
	background-image:url(../images/lien-mail.png);
	background-color:#2196f3;
	}

.whatsapp a:hover{
	background-color:#3c9c40;
	}
.lien-web a:hover, .lien-page a:hover{
	background-color:#dd511a;}

.email-etab a:hover{
	background-color:#1186e3;}
	
.etab .whatsapp a, .etab .lien-web a, .etab .lien-page a, .etab .email-etab a {display:inline-block; float:left; margin-right:5px; margin-bottom:0;}

.page_etablissement .services .spip_logo{margin: 0 3px 5px 0;}	
.page_etablissement .zone, .page_etablissement .adresse{margin-bottom:5px; }
.page_etablissement .categorie p{ margin-bottom:5px; }
.page_etablissement .notation {clear:both; margin:10px 0; font-size:90%; }
.categorie {color:#52b13e; line-height:24px;}
.adresse, .zone {font-size:90%; line-height:1.3;}
.type{display:inline-block; color:#52b13e;font-size:90%; line-height:1.3;}
.item .adresse {display:block;}

	
/* Résultats recherche */
.etab-bloc {padding:20px; border:1px solid #ccc; border-radius:10px; margin-bottom:20px;}
.etab-bloc .logo .spip_logo{width:30%; float:left; margin:0 2% 0 0; border-radius:8px;}
.etab-bloc .bloc-centre{float:left; width:50%;}
.etab-bloc .bloc-droite{float:right; width:18%; text-align:right; min-width:140px;}
.etab-bloc .services .spip_logo, .etab-bloc .categorie .spip_logo{float:none; margin:3px 0; border-radius:0; }
.etab-bloc .right {float:right;}
.etab-bloc .notation, .etab-bloc .comment{display:inline-block;}
.etab-bloc .comment{ color:#666; font-size:90%;}
.etab-bloc .zone, .etab-bloc .categorie p{margin:0px;font-size:90%;}	
.etab-bloc .messages{padding-top:5px; font-style:italic; font-size:90%; clear:both;}
.categorie .spip_logo{margin-bottom:0;}
.etab-bloc .bloc-droite a.mediabox{ display:inline-block; margin-bottom:20px;}
.etab-bloc .bloc-droite a.mediabox img{width:36px;}

.etab-bloc .bloc-droite a.right{ float:right;}
/* Liste etab sans pub */
.cellule .spip_logo, .item .spip_logo {border-radius:8px;}
.padding {padding:20px 0;}
.item .spip_logo{border: 1px solid #ccc;}


/* Rubriques de recherche */
.formulaire_hebergement{;}

.relatif {position:relative;margin-bottom:20px; clear:both;}
.relatif .spip_logo{float:none; margin:0; border-radius:10px;}
.descriptif{position:absolute; top:0; padding:6.5% 10px; width:100%;}
.descriptif .formulaire_hebergement{ background-color:#FFF; padding:15px; border-radius : 40px; background: rgba(255,255,255,0.7);}


/* Geolocalisation ---------------------- */

.bulle {width:250px; font-size:15px;}
.bulle .spip_logo{float:none;display:block;margin:3px 0; border-radius:18px;}
.bulle .adresse-etab{color:#666;font-weight:normal;}
.texte .carte_gis{margin-bottom:1.5em;}
.carte_gis{border-radius:8px; z-index:0;}

/* Affichage des pubs ---------------------- */
.totem-droit:before{content:"Contenu sponsorisé"; font-size:11px; color:#666;}
.totem-droit{padding:0 0 0 0;}
.totem-item{margin-bottom:20px;}
.banniere{text-align:center; background-color:#E5E5E5;}
.banniere img{margin:0 auto;}
.page_sommaire .banniere{ margin-bottom:20px;}

/* En vedette - A la une ---------------------- */
.grid .une-item .spip_logo{ margin-bottom:0;}
.une-item {position:relative;}
.une-item h4 { position:absolute; bottom:0px; width:100%; padding:10px 20px; background:rgba(0, 0, 0, 0.3); color:#FFF; line-height:1.27; border-radius:0 0px 20px 20px; margin:0;}
.une-item img{border-radius:8px;}

.item h4{line-height:1.2; margin-bottom:20px;}
.owl-carousel .item h4, .sans .item h4{margin-bottom:0px;}
/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */

.grid small{display:block; line-height:1.2; margin-bottom:5px;}
.grid .introduction { font-size:95%;}


/*Colonne droite ------------- */
.demande {margin-bottom:20px;}
.aside .une-item{margin-bottom:20px;}

/*Modeles particuliers --------------------------------- */

.boutik{
  float: left;
  width: 30%;
  padding: 10px;
  background-color: #f7f4f2;
  text-align: center;
  margin-bottom: 10px;
  margin-right: 1%;
  font-size:90%;
  border-radius:5px;}
  
.boutik img{margin:5px auto; display:block;}
.convertisseur {border:1px solid #ccc; border-radius:8px; margin-bottom:1.5em; padding:15px; background-color:#f7f4f2;}
.convertisseur .grid {margin-bottom:10px;}
.convertisseur input[type="button"] {width:100%;}


/*Agenda ------------- */

.agenda-date p.info-publi, small.date{display:inline-block; font-family: "RobotoBoldCondensed"; font-size:100%; line-height:20px; background-image:url(../images/ico-date.png); background-position:left center; background-repeat:no-repeat; padding-left:26px; color:#928787;}
small.date {font-size:90%;}
.etab-bloc .spip_logo {border-radius:8px; margin:0 20px 0 0;}
.grid.liste-agenda .spip_logo{float:left;}
.agenda-chapo{display:block; font-size:95%; line-height:1.35;}

.grid small.dates {
  border-left: 3px solid #e6513e;
  display: inline-block;
  padding-left: 5px;
  margin-bottom: 10px;
  line-height: 1;
  font-size:0.9em;
}

/*Actus ------------- */
.actualites{padding-top:20px;}
.actualites .item {position:relative;}
.actualites .item small.date{ position:absolute; top:0px; left:0px; color:#FFF; background-image:none; padding:3px 10px; display:inline-block; background-color: #934c4d;}
.secteur157 .actualites .item small.date{ background-color: #287fce;}
.secteur144 .actualites .item small.date{ background-color: #287fce;}
/*Animations ------------*/
@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(-100vw)}
.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}

/* Couleurs du menu
------------------------------------------ */

.nav li.der a{background-color:#564c4a;}

/*se deplacer : rub14   b7d342
activite : rub154 #eb6e2d
art : rub157 #287fce
pratique : rub7 #ae3798
actu : rub 24 934c4d
decouvrir : rub2 : e6513e
*/
/*.nav li.rub14 a, .secteur14 .texte h2.spip::before {background-color:#b7d342;}
.nav li.rub154 a, .secteur154 .texte h2.spip::before {background-color:#eb6e2d;}
.nav li.rub157 a, .secteur157 .texte h2.spip::before {background-color:#287fce;}
.nav li.rub7 a, .secteur7 .texte h2.spip::before {background-color:#ae3798;}
.nav li.rub24 a, .secteur24 .texte h2.spip::before {background-color:#934c4d;}
.nav li.rub2 a, .secteur2 .texte h2.spip::before {background-color:#e6513e;}
.nav li.rub14 a:hover,.nav li.rub154 a:hover,.nav li.rub157 a:hover,.nav li.rub7 a:hover,.nav li.rub24 a:hover,.nav li.rub2 a:hover{ background: #564c4a; color:#fff; }
.secteur13 .wrapper {border-top-color: #53b23f;}
.secteur14 .wrapper {border-top-color: #b7d342;}
.secteur154 .wrapper {border-top-color: #eb6e2d;}
.secteur157 .wrapper, .secteur144 .wrapper {border-top-color: #287fce;}
.secteur7 .wrapper {border-top-color: #ae3798;}
.secteur24 .wrapper {border-top-color: #934c4d;}
.secteur2 .wrapper {border-top-color: #e6513e;}
*/
/*------------- QCM ------------------ --------*/
/* Mise en forme des QCM
 */

.texte .qcm{ 
 text-align:left;
 font-size: 100%;
 font-family: inherit;
 color: #3F5264;
 border: 1px solid #ccc;
 background-color: #f7f3f3;
 line-height: normal;
 padding:25px;
}

.texte .jeux_question {
	margin-bottom:10px; font-size:105%;}
.texte .qcm_element p{margin:0;}
.texte .qcm_titre{ 
}

.texte .qcm_proposition{ 
 font-size: 100%; 
}
.texte .qcm_proposition label {
  margin-bottom: 5px;
  display: inline-block;
}


.texte .qcm_element{
}

.texte .qcm_reponse{
}

.texte .qcm_correction{
	 margin-top: 10px;
}

.texte .qcm_precision{
 margin:0.1em auto 0.5em;
 margin-top:10px;
 text-align:left;
 font-size: 100%;
 width:90%;
 border: 0px dotted #3F5264;
 padding: 10px;
 background-color:#FFF
}

.texte .qcm_correction_faux{ 
 background-color: transparent;
 color: red;
 padding:0;
 font-weight: normal;
}

.texte .qcm_correction_juste{ 
 background-color: transparent;
 color: green;
 padding:0;
 font-weight: normal;
}

.texte .qcm_correction_incomplet{ 
 background-color: orange;
 color: #FFEADE;
 padding-right: 0.5em;
 padding-left: 0.5em;
 font-weight: normal;
}

.texte .qcm_reponse_finale {
 margin-top: 0.5em;
}

.texte .qcm_correction_null{ 
 font-size: 100%; 
 font-weight: normal;
 color:#666
}

.texte .qcm_select{ 
 color: #3F5264;
 font-size: 10pt; 
 background-color: #F3EEEA;
}

.texte .qcm_radio, .texte .qcm_cocher{
/* margin:2pt;
 padding:2pt; */
 width: 15px;
}

.texte .jeux_score {
  text-align: center;
  width: 23%;
  font-family: inherit;
  color: red;
  font-weight: bold;
  border: 1px solid red;
  padding: 10px;
  margin: 0 auto;
  border-radius: 15px;
  background-color: #FFF;
}
.texte .jeux_commentaire_score {
  margin: 1em auto 20px;
    margin-bottom: 0.5em;
  text-align: center;
  font-size: 100%;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #FFF;
  margin-bottom: 20px;
  font-family:inherit;
}

@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 810px */
@media (max-width: 810px) { 

.etab-bloc .bloc-droite{}
.descriptif {
  padding: 2% 10px;
}
.formulaire_hebergement .grid2, .formulaire_hebergement .grid3, .formulaire_hebergement .grid4, .formulaire_hebergement .grid5 {
  grid-gap: 5px;
}
	.relatif .spip_logo {height: 200px;}
.etab-bloc .logo .spip_logo{width:30%; float:left; margin:0 2% 0 0; border-radius:8px;}
.etab-bloc .bloc-centre{float:left; width:65%;}

}

 
/* largeur maximum 640px */
@media (max-width: 640px) {
	body { font-size: .98em; }
	.header .spip_logo {width: 190px;}
	.pagination .pagination-item-label {line-height:1;}
	.relatif {height:270px; overflow:hidden;}
	.rubrique13 .relatif {height:315px;}
	.relatif img{width:auto; height:100%; max-width:none !important;}
	.descriptif{padding:5% 20px;}
		.relatif .spip_logo {height: 100%;}

	.chapo .spip_logo {margin-right: 0px; width: 100%;}
	.modalDialog {padding: 1rem;}
	 .modalDialog > div {padding: 1rem;}
.boutik{width: 48%; margin-right: 1.9%;}
.caroussel-gauche, .caroussel-droite {float:none; width:100%; padding:0;}
.caroussel-droite img{margin-bottom:15px; width:100%;}
.etab-bloc .logo .spip_logo{width:100%; float:none; margin:0 0 10px 0; border-radius:8px;}
.etab-bloc .bloc-centre, .etab-bloc .bloc-droite { float:none; width:100%; text-align:left}
.etab-bloc .bloc-droite a.mediabox { float:left; margin-bottom:10px}
.etab-bloc .bloc-droite a.right { float:right; margin-bottom:10px}
.totem-droit{text-align:center;}

.fixed {position:fixed; bottom:0px; left:0; width:100%; padding:0 30px; z-index:2;}
.fixed .cv{margin-bottom:5px; padding:0; font-size:90%;}
.cv {
 -webkit-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-name:fadeInDownCustom;
 animation-name:fadeInDownCustom;
 -webkit-animation-delay:1s;
 animation-delay:1s
}

.flex-item{margin-bottom:10px;}


.dossier {padding:20px;}
.dossier .spip_logo {margin:0 0 10px 0; float:none; width:100%;}
.dossier h3{ margin-bottom:10px;}

.une-item{margin-bottom:10px;}
/*Agenda -------*/
.grid3.liste-agenda {grid-template-columns: repeat(1,1fr);grid-gap: 0px;}
.grid3.liste-agenda .etab-bloc .spip_logo {margin: 0 10px 0 0;}
.agenda-chapo { display:none;}

/* aside ----------*/
.aside a.submit, .aside button.submit{display:block; text-align:center; width:100%;}

/* Porfolio sommaire
------------------------------------------ */
.cellule-titre h3{margin:0; font-size:1.5em;}
.page_sommaire .owl-theme .cellule-titre {
  bottom: auto;
  padding: 0;
    position: relative;
  color: #53b13e;
  background: none;}



}

/* fin */