﻿/*----Style Iryna ----*/

#wrapper .spip_logo_right {
    background-image: none !important;
	margin-left: 0;
	margin-bottom: 0;
}

/* Classes pour utilisation des grilles papi dans le site */

.papi_titre{font-family:Arial,Helvetica,sans-serif;font-size:18px;margin-bottom:12px;color:#4565A4;font-weight:700;border:thin none}
.papi_liste_t{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#FFF;font-weight:700;background-color:#98030a}
.papi_small_t{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:0;color:#FFF;font-weight:700;background-color:#98030a}
tr.papi_small_t{background-color:#98030a}
.papi_liste_c{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;font-weight:400;background-color:#FFF;border:none}
.papi_small_c{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:0;color:#000;font-weight:400;background-color:#FFF;border:none}
.papi_liste_f{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;font-weight:400;background-color:#EBEFF5;border:none}
.papi_small_f{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:0;color:#000;font-weight:400;background-color:#EBEFF5;border:none}
.papi_l{border-style:none;border-width:0;text-align:left;width:-webkit-fit-content}
.papi_c{border-style:none;border-width:0;text-align:center}
td.papi_c img{width:16px;height:12px}
.papi_r{border-style:none;border-width:0;text-align:right}
.papi_border_l{border-style:solid;border-width:1px;border-color:#000;text-align:left}
.papi_border_c{border-style:solid;border-width:1px;border-color:#000;text-align:center}
td.papi_border_c img{width:16px;height:12px}
.papi_border_r{border-style:solid;border-width:1px;border-color:#000;text-align:right}
.papi_joueur_box{position:relative;z-index:0}
.papi_joueur_box:hover{position:relative;z-index:50}
.papi_joueur_box .data{display:none;border:#000 solid 1px}
.papi_joueur_box:hover .data{display:block;position:absolute;left:60px;top:12px;padding:5px 5px;border:1px solid grey;background-color:#FFF}
.copyrightffe p { 	position: absolute;	right: 3px;	top: -15px;	z-index: 2;}
.copyrightffe a {	font-size: 10px;	color: #4a4a7b;	a:hover { color:firebrick; }	text-decoration: none;}
.copyrightffe2 a {	font-size: 0.5em;	color: #4a4a7b;	text-decoration: none;	a:hover { color:firebrick; }}
div.copyrightffe2 {	margin-bottom: 5px;}

nav.arbo {
	font-size: 130%;
}

#header {
 border-bottom: solid 5px #e51921;
}
header p {
font-size: 0.8em;
text-transform: none;
}

section {
  /* padding: 6em 0 4em 0; */
  border-top: none;
}

	
	/* Flux rss */
	
	.rss a.titre {
			text-decoration: none;
			border-bottom: none;
	}
	
	hr.rss , hr {
		margin: 0.3em;
		padding: 0;
	}
	/* Commentaires  */
	.lateral { 
	list-style:	none;
	padding: 0;
	}
	.publication__auteur {
	flex-grow: 1;
	}

.publication {
	background: rgba(240,237,240,0.3);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: .9em;
	}
.publication a {  
	color: #3d4449;
	}
	
	.fa.fa-link {
	font-size: 1em;
	}

	/* Menu recherche */
	
	  #sidebar > .inner > .alt {
    margin: -1.6666666667em 0 1em -1.6666666667em;
    padding: 1.6666666667em;
    width: calc(100% + 3.3333333333em);
  }
  
  .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2.5em;
  text-rendering: auto;
  color: #e8e5e8;
}


input[type="submit"], input[type="reset"], input[type="button"], button, .button {
  display: inline-block;
  height: 1.875em;
  line-height: 1.875em;
  padding: 0 1em;
  /* background-color: #ecabab6b; */
  border: none;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  color: #e51921 !important;
  transition: background 0.3s;
  cursor: pointer;
}
}


/* surcharge de spip_logo pour mieux aligner l'image du header */
#wrapper .spip_logo_right , .spip_logo_left {
  margin-left: 0;
  margin-bottom: 0;
}

/* Eviter trop d'espace en bas du menu sur la page d'accueil, et suppression egalement du border-top */
.menu-aside .pagination {
  border-top: none;
  padding-top: 1em;
  margin-top: 0;
}


#sidebar > .inner > * {
  border-bottom: none;
  /* border-bottom: solid 2px rgba(210, 215, 217, 0.75); */
  margin: 0 0 .5em 0;
  padding: 0 0 .5em 0;
}
/* padding des articles */
#main > .inner > section {
  padding: 1em 0 4em 0;
}
/* Margin general des paragraphes */
p {
  margin: 0 0 0.5em 0;
}

/* Article lateral */
section.lateral {
	background: #e0e0e0;
	border-radius: 10px;
	text-align: center;
    padding:15px !important;
	}
	
section.lateral img{
    margin:0px !important;
	}

section.lateral div{
   text-align:justify !important;
   margin-top:15px;
	}
	
	/* Agenda */
	
	
.evenement.one {padding: 0.75em;background: #eee;margin-bottom: 1.5em;}
.evenement.one .lire-la-suite {display: none;}

.long .liste-items .evenement {padding-left: 7.5em;}
.long .liste-items .evenement .banner {display:block;float: left;margin-left: -7.5em;width: 5.5em;text-align: center;overflow: hidden;opacity: 0.7;}
.long .liste-items .evenement .banner .label {display: block;padding:0.75em 0;background: #49b6e63b;border-radius: 7px;}
.long .liste-items .evenement .banner .day {display: block;text-align: center;font-size: 2em;line-height: 1;}
.long .liste-items .evenement .banner .month {display: block;text-align: center;text-transform: uppercase;font-size: 0.85em;}
.long .liste-items .evenement .banner .year {display: block;text-align: center;font-size: 0.85em;}

/*.long .liste-items.evenements .item.month, .long .liste-items.evenements .item.month {padding: 0.75em;background: #e4e4e4; text-transform: uppercase;}*/
.liste-items.evenements .item.fini  .entry-title a {color:#ccc;}
.liste-items.evenements .item.fini  .entry-content {margin-bottom: 0;max-height: 4.5em;overflow: hidden;}
.liste-items.evenements .item.fini  .meta-publi {display: none;}
.liste-items.evenements .item.fini  .lire-la-suite {display: none;}
.liste-items.evenements .item.fini  .evenement .banner {opacity: 0.5;}

.liste-items.evenements.short .info-publi, .short .liste-items.evenements .info-publi {display:block;margin: 0;}
.liste-items.evenements .meta-publi {left:7.5em;}
.liste-items.evenements .lire-la-suite {left:7.5em;}
.liste-items.evenements .entry-title {margin-top: 0;}

.page_jour .liste-items.evenements .evenement .banner {display: none;}
.page_jour .long .liste-items .evenement{padding-left: 0;}
.page_jour .liste-items.evenements .meta-publi {left:0;}
.page_jour .liste-items.evenements .lire-la-suite {left:0;}


ul.liste-items.evenements > li.item {list-style: none;
min-height: 8em;} 
#agenda-liste.long.evenements > .pagination {border-top: none;
padding-top: 1em;
margin-top: none;}

/* span.label-inverse > strong {color: white;} */
strong > b.year,strong > b.month , strong > b.day  {color: black /* #dae8f2 */;}
li.date {list-style: none}

#wrapper .liste-items.evenements img.spip_logo {
	margin: 0;
	padding: 0;
	max-height: 8em;}
	
/* Personnalisation des commentaires */

.listeSujets > .item > .ligneSujet .publication {
  border-bottom: 2px solid #e10000;
}
.listeSujets > .item {
margin-bottom: 0;}
.listeReponses {
  margin: -2em 0 -4em 0; /* ca membete de mettre des margin negatifs... A ameliorer*/
}

/*-----Comité Directeurs et commissions ---*/
.trombigroup{
  display:inline-block;
}

.trombino{
	float:left;
	text-align:left;
	display:inline-table;
	height:200px;
    width: 25%;
}

.trombino .spip_doc_inner a {
  display:inline-block;
  border-bottom: 0px;
}

.trombino .spip_doc_inner img {
    object-fit: cover;
    width: 100px !important;
    height: 130px !important;
}

.trombino div .spip_doc_inner a img {
    object-fit: cover;
    width: 100px !important;
    height: 130px !important;
}

.trombino div .spip_doc_inner a {
  display:inline-block;
  border-bottom: 0px;
}

.trombino .spip_doc_legende {
  display:inline-block;
  text-align:left;
  width: 50%;
  vertical-align: top;
}

.trombino .spip_doc_titre{
  margin-bottom:10px;
}

.trombino .spip_doc_credits{
  margin-top:10px;
}

.trombino .spip_documents,.trombino .spip_documents_center,.trombino .spip_doc_titre,.trombino .spip_doc_descriptif,.trombino .spip_doc_credits {
    margin-right: auto;
    margin-left: 10px;
    text-align: left;
    line-height: 1;
}

@media screen and (min-width: 200px) and (max-width: 640px) {
.trombino{
    width: 100%;
}
.trombino .spip_documents,.trombino .spip_documents_center,.trombino .spip_doc_titre,.trombino .spip_doc_descriptif,.trombino .spip_doc_credits {
    line-height: inherit;
}  
}

@media screen and (min-width: 640px) and (max-width: 1050px) {
.trombino{
    width: 50%;
}
.trombino .spip_documents,.trombino .spip_documents_center,.trombino .spip_doc_titre,.trombino .spip_doc_descriptif,.trombino .spip_doc_credits {
    line-height: inherit;
}  
}
/* Auteurs, ne pas mettre en lowercase doublon de la ligne 31 */

/* span.vcard.author [text-transform: none;] */


/* documents joints aux articles ont des list-style:disc... */

.liste.documents.documents_joints ul.liste-items{list-style: none;}

/* Le lien de connexion ou d'inscription*/
.rejoindre {font-weight: bold;}

/* Pour avoir les liens FB et forum sur une seule ligne */
.lireso {
  display: flex;
}

/* ajout du lien vers le calendrier couraant dans la liste de tous les evenements */
section.cal_courant {
  background: #49b6e63b;
  border-radius: 10px;
  text-align: center;
  padding: 0;
  }
.titre_cal_courant {
  margin: 0 0 -1em 0;
}  
/* pagination de la liste des evenements */
.pager {
  list-style: none;
  display: flex;
  justify-content: center;
}


/* Mise en forme du forum */

/* voir ligne 100 pour couleurs du button */

blockquote {
  background-color: #ce6e693d;
}
.comments-ul.comments-items {
  list-style: none;
}

.comment-li.comment-item.odd {
  /* background-color: #fefaf5; */
  background-color: #f1d3c980;
  padding: .5em;
}

.comment-li.comment-item.even {
  background-color: #c4ffff80;
  /* background-color:rgb(112, 219, 255); */
  padding: .5em;
}

.boutons.spip-admin.actions.modererforum {
  display: flex;
}
P.comment-reply {
	margin: 0;
}
rgb(112, 219, 255)


.comment-texte p {
  font-family: verdana;
  color: #433626;
}

.comment-content.description {
  font-size: 1em;
  font-family: verdana;
  color: #433626;
}

 img.logoround {
	border-radius: 5em;
}
.responsabilite {
	font-weight:bolder;
}