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

   Theme pour la dist de SPIP 3

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

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

.arbo { clear: both; font-size: .9em; color: #2e85ab; margin-bottom: 26px; }
.arbo * { font-weight: normal; }

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

.chapo {
	border-bottom: 1px dashed #2e85ab;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 5px;
}
.texte {}
.hyperlien { display: block; padding: 1.5em 50px; background: #EED url(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(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: none; border: 1px solid; border-width: 1px 0; }
table.spip tbody tr th,
table.spip tr td { background: none; }
table.spip tbody tr.odd th,
table.spip tr.odd td { background: #EED; }
table.spip tfoot { border-top: 1px solid; }

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }
.aside .formulaire_spip { padding-top: 1.3em; border-top: 5px solid; }
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; }
.formulaire_spip input.text, .formulaire_spip textarea {
width: 100%;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: 2px solid rgba(46,133,171,0.6);
}
input.text:focus, textarea:focus {
	border-color: #2e85ab;
}
.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 input.text { width: 10em; padding-left: 20px; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }
.formulaire_recherche input.submit {}*/

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

/* Habillage des forums
---------------------------------------------- */

/* Habillage des forums */
.comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
.comment-fil ul {}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { color: #222; }
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active { color: #fff; }
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }

/* Formulaire de forum */
.formulaire_forum {}
.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; font-style: italic; }

/* Habillage des petitions
---------------------------------------------- */
#signatures {}
#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; margin-top: 3em; }
.menu p {}
.menu ul { margin-bottom: 1.5em; }
.menu ul li {
	border-top: 1px solid #2e85ab;
    font-size: 0.8em;
	position: relative;
	margin-top: 20px;
	line-height: 1.2em;
	}
.menu ul li a {
	color: #282828;
	display: block;
    padding-top: 7px;
}
.menu ul li a:focus, .menu ul li a:hover, .menu ul li a:active { color: #2e85ab; }
.menu ul li ul { margin-left: 1.5em; list-style: circle; }
.menu .date {
	color: #282828;
	position: absolute;
	top: -7px;
	left: 11px;
	padding: 0 5px;
	line-height: 1em;
	background-color: #f0ece7;
	font-size: 0.85em;
}
.menu ul li a.on .date {
	font-weight: normal;
	border-left: solid 11px #2e85ab;
	left: 0;
}*/

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

/* 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; }
.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: #b52d0e; text-decoration: none; }
	a:focus,
	a:hover,
	a:active { color: #2e85ab; text-decoration: none; }

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

@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) "]"; }*/

}

/* end */

/* ------------------------------------------
/* Classes flex
/* ------------------------------------------ */


.flex, .flex-v,
#deroule .chiffre {
 	display: -ms-flexbox; 
 	display: -webkit-flex;
 	display: flex; 
	width: 100%;
	
  -webkit-align-items:flex-start;
 	-ms-flex-align:start;
	-ms-grid-row-align:flex-start;
	align-items:flex-start;

}
.flex {
  -ms-flex-pack: start; 
   -webkit-box-pack: start; 
   -webkit-justify-content: flex-start; 
   justify-content: flex-start;
          
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flex-around {
   -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flex-end {
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
}
.flex-v-center, 
#deroule .chiffre {
  -webkit-box-align: center;  
  -ms-flex-align: center; 
  -ms-grid-row-align: center; 
  -webkit-align-items: center; 
          align-items: center;
}
.flex-center  {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-bottom {
  -webkit-align-items:flex-end;
          align-items:flex-end;
  -webkit-box-align:end;
  -ms-flex-align:end;
  -ms-grid-row-align:flex-end;
  align-items:flex-end;
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex.flex-nw, 
#deroule .chiffre {
   -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flex-self-end {
  align-self: flex-end;
}

/* ------------------------------------------
/* Formulaire de don
/* ------------------------------------------ */


.form_don {
	margin-bottom:1rem;
}

.ombre, .bloc, #unes, #unes .thumbnail img, .onglets a, .btn, .agir, .form_submit, a.ombre-douce:hover,
.form_don .contenu, .form_don .choix.active 
{
  -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,20), Direction=134, Strength=5);
}

.type_don > * {
	width:100%;
}


.type_don .choix {
	padding:0.4em 0.8em 0em 0.8em;
	height:3.8em;
	background-color: #e0e9ed;
	border-radius: 4px;
	margin:0; 
	width:50%;
	order:0;
	border-radius:0;
	display:inline-block;
	position:relative;
}

.type_don .choix .radio {
	position:absolute;
	left:-999rem;
	margin-left:-0.5rem;
}

.type_don .choix label, .type_don .btn {
	font-size: 1em;
}

.type_don .choix label {
	display:block;
	text-align:center;
	font-weight:normal;
	line-height:1.15em;
	margin:0.2rem 0 0 0;
	cursor: pointer;
	position:relative;
  z-index:15;
}

.type_don .choix.active, .choix.active:before, .type_don .choix.gauche:not(.active) {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.type_don .choix.droite:not(.active) {
	border-top-right-radius: 3px;
}

.type_don .choix.gauche:not(.active) {
	border-top-left-radius: 3px;
	margin-left:0.3em;
}


.type_don .choix:not(.active){
	width:calc(50% - 0.3em);
	height:3.5em;
	margin-top:0.3em;
	padding-top:0.15em;
}

.type_don .choix:not(.active) label {
	height:3.1rem;
	border-color: #AAA;
	border-width:1px;
}

.type_don .choix.active:before {
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
	background: #FFF;
}
.type_don .choix.active label {
	line-height:1.3em;
	padding:0.05em 0.5em 0.05em 0.2em;
	height:3.1em;
	background: none;
	font-weight:bold;
}
.type_don .choix label {
	border-bottom-style: solid;
	border-bottom-width:3px;
}

.type_don .choix label input[type=text] {font-size:1.1em;}

.type_don .choix:not(:first-child) {border-top:1px solid #e0e9ed;
}
.type_don .choix.active label {
	color:inherit;
  border-color:#2e85ab;
}

.type_don .contenu {
	display:none;	
	background:#FFF;
	position:relative;
	z-index:5;
	order:1;
}
.type_don .contenu p {
	margin-top:0;
}

.type_don .choix.active + .contenu {
	display:block;
}

.form_don .contenu {
	padding:1em 1rem 0.7rem 1rem;
}	


.type_don h3 {
	margin-bottom: 0;
}
.form_don .ligne {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align:center;
  -ms-flex-align:center;
	-ms-grid-row-align:center;
	align-items:center;
	padding: 5px 5px;
}


.type_don .label_radio {
	font-weight:700;
	font-size:1.3em;
	display:inline-block;
	vertical-align:middle;
}
form:not(.adhesion) .type_don .label_radio {
	width:8em;
}
.type_don .ligne:not(.autre) {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-color:#AAA;
}
.type_don .autre {
	margin-bottom:0.8em;
}
.type_don .autre .label_radio {
	width:13em;
}
.type_don .deduction {
	display:inline-block;
	vertical-align:middle;
	line-height:1.1em;
}
.type_don .autre .deduction {margin-top:-0.3rem;}
.type_don input.montant-libre {
	height:1.5rem;
	width:5rem;
	display:inline-block;
	font-size:1em;
	padding:0.1rem 0.5rem;
	margin-top:0;
}

.type_don .contenu > div {
	margin-top: 0.5em;
}
form.form_don .type_don input.montant {
	width: calc(100% - 2em);
	margin: 0;
	max-width: 10em;
}
.type_don .euro {
	font-size: 1.4em;
	padding-left: 0.4em;
}
.type_don #don-cb .grosbtn input {
	height:2em;
}


.form_don .button {
	width:100%;
	margin-top: 0.3em;
	border:none;
}

.type_don #don-cheque .grosbtn a {
	height: auto;
	background-color: rgba(229, 53, 23, 0.9);
	text-align: center;
}
.type_don #don-cheque .grosbtn a:hover {
	background-color: rgb(229, 53, 23);
}


.label_radio.prix input {
	margin-right: 0.3em;
}  


@media only screen and (max-width:450px) {
	.type_don .deduction {
		font-size:0.8em;
    max-width:calc(100% - 9.5rem)
	}
}

@media only screen and (min-width: 850px) {
	
	.type_don, .infos_don {

	}
	.type_don .choix {
		padding-left:1.2rem;
	}

}