/*-----------------------------------------
<PRINT>
------------------------------------------*/
@media print {
	/*  Ne pas imprimer */
	form,.spip-admin,.spip-admin-float,.spip-previsu,.repondre,.formulaire_spip,.nav-toggle,#nav,.nav,.arbo,.aside,.footer { 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) "]"; }

	.wrapper {width:100% !important;}
	.page,.content {width: auto;}
}

/*-----------------------------------------
<THEME MOBILE POUR TABLETTES ET SMARTPHONES>
------------------------------------------*/
@media screen and  (max-width: 1000px) {
	.notmobile {display:none;}
	.onmobile {display:block;}

	body,.page,.header,.main,.footer,.wrapper,.content,.aside {
	margin: auto !important;
	padding: auto !important;
	}

	div.main {display:flex; flex-wrap:wrap;}

	/* HEADER MOBILE */
	.header h1#logo img {
	margin: 0.5em auto !important;
	display: block !important;
	float:none !important;
	}

	h1#logo {text-align:center;}
	.header p {margin:0.5em auto !important; text-align:center;}
	div.header {padding:0;text-align: center;}
	div.header h1 {font-size:1em;}

	h1,h2 {font-size:1.5em;}
	p.info-publi {font-size: 0.7em;}

	div.content {border-bottom:2px solid; margin-bottom: 1em !important;}

	/* MENU MOBILE */
	#nav ul {
	flex-direction: column !important; 
	flex-wrap:wrap;
	gap:0.5em;
	justify-content: center;
	text-align: center;
	}

	/* CONTENT MOBILE */
	.wrapper,.aside {flex-basis:97% !important;}
	div.logoarticle {
	width:auto;
	}

	div.logoarticle, .logoarticle .spip_logos {
	display:block;
	width:100%;
	height:auto;
	margin:0 0 1% 0 !important;
	}

	.revueduweb_site {
	width:50%;
	}

	table {
	font-size:75%;
	}
	table td,table tr{
	padding:0;
	}

	#blocmoteursderecherche {
	grid-template-columns: 100% !important;
	}

	.moteurderecherche {
	margin: 0 1% 10% 0;
	}
}
/*-----------------------------------------
</THEME MOBILE POUR TABLETTES ET SMARTPHONES>
------------------------------------------*/

/* <THEME POUR GRANDS ÉCRANS>*/
@media screen and  (min-width: 1500px) {
.page { position: relative; width: 1200px; margin: 0 auto; padding: 1em 0; text-align: left;  }
}
/* </THEME POUR GRANDS ÉCRANS>*/

/*-----------------------------------------
<LAYOUT SCREEN ON DESKTOP>
------------------------------------------*/
@media screen {
	.onmobile{
	display: none;
	}
}

/* Entete et barre de navigation */
.header { padding-bottom: 1.5em; border-bottom:0.2em solid; }
.header #logo { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header #logo,.header #logo a,.header #logo a:hover { background: transparent; text-decoration: none; }
.header #slogan { margin: 0; }
.header h1#logo img {float:left; margin-right:1%;}
.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

/* Soutien agriculteurs */
/*.header img {transform: rotate(180deg);}*/

#nav ul {
display: flex;
flex-direction: row;
}
#nav ul a {padding:0.2em 0.5em;}
#nav ul a:focus,.nav a:hover,.nav a:active {text-decoration:none;}

/*---------------------------------------------
CONTENT
----------------------------------------------- */
div.main {display:flex; justify-content:space-between; gap:2%;}

body { text-align: center; }
.page { position: relative; max-width: 1000px; margin: 0 auto; padding: 1em 0; text-align: left;  }
.main { padding: 1em 0; }
.wrapper { clear: both; overflow: hidden; flex-basis:73%;}
.content { min-height: 350px;}

/* Arborescence et cartouche des articles*/
.arbo { clear: both; font-size: .9em; }
.arbo * { font-weight: normal; }

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

@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}

.info-publi { margin: 0 0 0 0; font-size: 0.75em; font-style: italic; text-align: right;}
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }

.chapo { font-weight: bold; }
.texte {}
.hyperlien { display: block; padding: 0.5em 0.5em; font-weight: bold; }
.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }

.application {min-height: 110px;margin:2% 0;padding:0.5%;display:flex;}
.application p {width:90%; flex-basis:90%; margin-left:1.5%;}
.application img {height:55px;width:auto;}

/* Sidebar  */
.aside { overflow: hidden; margin-bottom:2em; flex-basis:25%;}
.aside li a, .aside #presencesenligne a, .aside #liens_externes a {display:block;}
.aside #liens_externes b {display:block; margin:1% 0;}
.aside a:hover,.aside a:active,.aside a:focus {text-decoration:none;}
#articlespopulaires a {display:inline-block; margin-bottom:2%;}
#formulaire_recherche {top: 50px; right: 50px; border: 0; }

/*---------------------------------------------
 Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }
.aside .formulaire_spip { padding-top: 1.3em; }
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;
}

/*---------------------------------------------
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 {}
table.spip tfoot { border-top: 1px solid; }

.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 {}
input#recherche:before {content:'TEST';}
.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%; }
input.text,input.submit,textarea { border: 0.1em solid; }

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

/* Habillage des forums */
.comments-items .comments-items {margin-left: 0.5em;padding-left:0.5em;border-left:5px solid;}
.comment-fil ul {}
.comment-fil {margin:0 0 2em 0;}
.comment-meta { margin: 0; font-weight: bold; clear:both; }
.comment-meta small { font-size: 80%; }
.comment-meta abbr { border: 0; }
.comment-meta a {}
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active {}
.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, .explication.gravatar_info_forum { font-size: 0.7em; 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; }
.menu ul { margin-bottom: 1.5em; }
.menu ul li { margin-left: 0em; list-style: circle; }

.menu_wiki ul li {
list-style: square;
}

.menu_breves small {font-style:italic;}

/* Pagination */
.pagination a,
.pagination .on  { padding: .2em .5em; margin: 0 1px; }
.pagination a {text-decoration: none; }
.pagination a:hover {text-decoration: none !important;}
.pagination .on { font-weight: bold; }
.pagination .sep { display: none; }

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 1em; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small { font-style: italic; display: block; font-size: 0.8em; margin-bottom: 2%;}
.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 { text-decoration: none; }
a:focus,a:hover,a:active {text-decoration: underline; }

/*---------------------------------------------
BLOCS PERSONALISÉS
----------------------------------------------- */
.message_temporaire {	
margin: 1.5% auto;
padding:2% 1%;
overflow: auto;
border: 3px solid;
}

.message_temporaire .logo {
float:left;
margin-right:2%;
}

.blogads,.ad {
border: 0.3em solid;
margin: 0.3%;
padding: 0.3%;
font-size:80%;
}

/* page à propos */
div.boutoncause {
margin: 0.5em;
padding:0.5em 0;
text-align:center;
float:left;
border: 2px solid;
}

div.boutoncause img {
max-width: 55%;
margin: auto;
height: auto;
}

/* Déclarations communes boutons de couleurs */
.blue_button .fa,.red_button .fa,.green_button .fa {
float:left;
}

.blue_button,.red_button,.green_button {
display: block;
width: 50%;
min-height:50px;
text-align: right;
margin: 2%;
padding: 1%;
clear: both;
}

/* Déclarations Boutons */
.blue_button,.red_button,.green_button {
border-radius: 10px;
transition:ease 0.4s;
}
.blue_button:hover,.red_button:hover,.green_button:hover {
text-decoration:none;
}

/* Revue du web */
.revueduweb_site {
float: left;
width: 33%;
}

.lien_syndic {
font-size: 13px;	
margin:0 2% 10% 0;
padding:2px;
line-height: 1.2em;
height:90px;
}

p.spacer { clear: both; height: 1px; }

#socialshare {
overflow:hidden;
text-align:right;
margin-top:5%;
}
#socialshare a {margin-left:0.4%;}

/* Article "Protéger sa navigation sous Firefox" */
#blocmoteursderecherche {
display: grid;
grid-template-columns: 50% 50%;
}

.moteurderecherche {
border: 0.5px black solid;
padding: 0.5%;
margin: 0 1% 1% 0;
}

div.comments {border-top:1px dashed grey;}


/*---------------------------------------------
/* Pied de page
----------------------------------------------- */

.footer {
padding:0.3em;
font-size: 90%;
display:flex;
flex-direction:column;
}
/*
.footer .colophon { float: left; margin: 0; }
.footer .gauche {float:left; width: 49%;}
.footer .droite {float:right; text-align: right; width:49%;}
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }

.footer {
clear: both;
padding: 0.5em;
height:auto;
border-top: 0.2em solid;
}
*/

/* Listes SPIP */
ul.spip,
ol.spip { margin-left: 2em; }
@media (max-width: 640px) {
	ul.spip,
	ol.spip { margin-left: 1.5em; }
}
ul.spip { list-style-type: square; }
div#documents_joints ul.spip { list-style-type: none; }
li ul.spip { list-style-type: disc; }
li li ul.spip { list-style-type: circle; }
ol.spip { list-style-type: decimal; }

dl.spip dt,
dl.spip dd { padding-left: 50px; }
dl.spip dt { clear: both; }
dl.spip dd {}

/* Tableaux SPIP */
table.spip { width: 100%; }
table.spip caption {}
table.spip tr.even td {}
table.spip tr td {vertical-align: middle;}

/* Citations, code et poesie */
blockquote.spip { min-height: 40px; font-style: italic;}
blockquote.spip p:before {
	position: absolute;
  left: 15px;
  content: "«";
  font-size: 60px;
}

.spip_poesie { border-left: 1px solid; }
.spip_poesie div { margin-left: 50px; text-indent: -50px; }
.spip_code,.spip_cadre,.spip_cadre:hover,.spip_cadre:focus,.spip_cadre:active { font-size: 1em; padding: 0.2em; white-space:pre; border-left: 0.3em solid;}

/* Enluminures typo V3 / Cf.: http://www.spip-contrib.net/3118 */
sc, .sc { font-variant: small-caps; }
.texteencadre-spip { display: block; margin: 1.5em 50px; padding: 1.5em;}

/* Logos, documents et images */
div.logoarticle {
max-width:100%;
display: block;
overflow: hidden;
margin: 0 0 3% 0;
}

.spip_logos { float: left; margin: 0 0.5em 0.2em 0; padding: 0; border: none; max-width: 100%; height:auto; }
.logoarticle img.spip_logo {width: 100%; height:auto;}
.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 1em; }
.spip_documents_right { float: right; margin-left: 1em; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }
dl.spip_documents img {max-width: 100%; height:auto;}
div#documents_portfolio img {border: 2px #4B6BDD solid;}
div#documents_portfolio img:hover {}

/* Modeles par defaut */
.spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; }

/* Formulaires */
.formulaire_spip {}
.formulaire_spip li { clear: both; margin-bottom: 0.75em; }
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input,
.formulaire_spip .boutons button {}
@media print {
	.formulaire_spip { display: none; }
}

/* Barre typo */
.markItUp .markItUpHeader ul .markItUpSeparator { display: none; }

/* Previsu */
.previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed; }

/* Reponses */
.reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid; }

li.erreur input[type="text"], li.erreur input.text,
li.erreur input[type="password"], li.erreur input.password,

/* Formulaire de recherche */
.formulaire_recherche * { display: inline; }

/* Paragraphes */
div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: 1.5em; }
P.breve {margin-bottom:2%}

/* Pagination */
.pagination { clear: both; text-align: center;}
.aside .pagination {font-size:80%;}

@media print {
	.pagination { display: none; }
}

/* Liens de SPIP */
a.spip_note { font-weight: bold; } /* liens vers notes de bas de page */

@media print {
	a.spip_out:after,
	a.spip_url:after { content: " (" attr(href) ")"; }
}

/* Boutons d'admin */
.ie6 .spip-admin,
.ie6 #spip-admin { display: none; }
@media print {
	.spip-admin,
	#spip-admin { display: none; }
}

/* --------------------------------------------------------------
   form.css
   Base pour formulaires
-------------------------------------------------------------- */

input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }

legend { font-weight: bold; }

/* formidable */
.choix input { float:left; }
div.editer > label {clear: both; font-weight: bold; margin-top:5%;}
.explication {font-style: italic; font-size: 80%;}

/* Hand cursor on clickable input elements */
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; }

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie fieldset { padding-top: 0; }
.ie6 legend,
.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
.ie button,
.ie input.submit,
.ie input.button { position: relative; }

button { width: auto; overflow: visible; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

/* Success, info, notice and error/alert boxes (from BluePrint) */
.reponse,.error,.alert,.notice,.success,.info { padding: .4em; margin-bottom: 1.5em; }


/*---------------------------------------------
 * TRANSISTIONS
/*---------------------------------------------*/
.nav a:hover,
.nav a:active,
.nav a:focus,
.aside a:hover,
.aside a:active,
.aside a:focus
{transition:ease-in-out 0s;}

.nav a,.aside a
{transition:ease-in-out 1s;}

.lien_syndic {
transition:ease 1s;
}

#socialshare a {
opacity:0.3;
transition-property: opacity;
transition-duration: 0.5s;
}

#socialshare a:hover,
#socialshare a:focus,
#socialshare a:active
{opacity:1;}