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

   Theme pour la dist de SPIP 3

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

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

/* Video responsive */

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


.arbo {
	clear: both;
	font-size: 85%;
	color: #999;
	margin:0;
	padding:0;
	margin-bottom:1.3em;
}
.arbo * { font-weight: normal; }

.cartouche { margin-bottom: 1.1em; }
.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: 1.5em 0 0; font-size: .9em; font-style: italic; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }


.texte {}
.hyperlien { display: block; padding: 1.5em 50px; background: #EED url('//www.picabou.sn/squelettes/css/img/def.png') no-repeat 25px 1.9em; font-weight: bold; }
.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }

/* Listes et tableaux */
dl.spip dt { background: url('//www.picabou.sn/squelettes/css/img/def.png') no-repeat 25px .5em; }
dl.spip dd {}

table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
table.spip thead th {
	background: #F0F0F0 url('//www.picabou.sn/squelettes/css/none');
	border-top: 1px solid #CCC;
	border-right: 0 solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 0 solid #CCC;
}
table.spip tbody tr th,
table.spip tr td {
	background: none;
	border-bottom: 1px solid #CCC;
		border-top: 1px solid #CCC;
		padding:.8em .4em;

}
table.spip tbody tr.odd th,
table.spip tr.odd td {
}
table.spip tfoot { border-top: 1px solid; }

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }
.aside .formulaire_spip { padding:0em; border-top: 0; margin:0; }
fieldset {
width: 100%; margin: 0;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }
legend { display: none; }
label { display: block; }
.erreur_message { display: block; }
input.text,textarea {
width: 100%;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #EED;
border: 4px solid #EED;
}
/*.content input.text { width: 50%; }
textarea { width: 100%; }
*/
/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */

.formulaire_recherche label{
}

.formulaire_recherche input.text {
}
.formulaire_recherche input.submit {
}
.formulaire_recherche input.submit:hover {
}

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

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

/* Formulaire de login dans une page */
.formulaire_login ul li { 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%; }


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

/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 1.2em; text-align: left; }
.menu p {}
.menu ul { }
.menu ul li {}
.menu ul li ul { margin-left: 1.5em; list-style: circle; }

/* Pagination */
.pagination a,
.pagination .on  { padding: .2em .5em; margin: 0 1px; }
.pagination a { background: #EED; text-decoration: none; }
.pagination .on { font-weight: bold; background: #222; color: #fff; }
.pagination .sep { display: none; }

/* Listes d'articles et extraits introductifs */
.menu_articles li h3,
.menu_articles li h2 { margin: 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small { font-style: italic; }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }

.menu_breves li {}
.menu_breves li h3 { margin: 0; }


/* Hyperliens
---------------------------------------------- */
a {
	color: #EE5121;
	text-decoration: none;
}
a:focus,
a:hover,
a:active {color: #999; text-decoration: underline; }

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


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

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


/* overall container of grids */
.grid {
  overflow: hidden;
  line-height:1.4;
}

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

.grid .spip_logos{
	float:none;
	margin:0;
	display:block;
}
/* 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:1em;
	text-align: center;

}
/* 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: 16px;
  font-size: 1rem;
}
/* Opera hack */
.opera:-o-prefocus,
.grid > * {
  word-spacing: -0.43em;
}

.grid3 > * {
  width: 33.333%;
}

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

.grid a img{
-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;
	border-radius: 50%;
	border: 5px solid #236AA4; 
}



.grid a:hover img{
	border: 5px solid #BE0003; 

	}

.mtm a{position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.mtm a:hover{ }

.grid-titre{ font-weight: 700; margin: 10px 0; font-size: 1.2em;}



.grid .over{position:absolute; width:auto; height:auto; background-color:rgba(0,0,0,0.7); color:#FFF; padding:7px 10px; left:0; text-align:left; bottom:0}
.grid .over{-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 a:hover .over{bottom: 0}

.over h3 {
	margin-bottom:20px; text-transform:uppercase;
}

@media print {

/*  Ne pas imprimer */
.spip-admin,
.spip-admin-float,
.spip-previsu { display: none; }
.repondre,
.formulaire_spip { 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) "]"; }

}

/* largeur maximum 767px */
@media (max-width: 767px) { 
  
  .grid3 > *, .grid4 > *, .grid5 > * {
  width: 100%;
}


}

/* end */