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

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

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

/* First page intro
------------------------------------------ */
.website_introduction { }
.learn, .act {min-height: 100vh;}
.website_summary { background: url("./images/footprint.svg") no-repeat; background-size:42px; background-position: left center; padding-left : 60px; margin-bottom : 1em;}
.website_collaborate { background: #e6e2af url("./images/helping_hands.svg") no-repeat; background-size: 70px; background-position: right 10px center; padding: 1em 90px 1em 1em; margin: 0 0 0 0;}
.website_network{ padding-top : 1em;}
.website_about{ background: #efecca; padding: 1em; margin: 0 0 2.2em 0;}
.frame_inside iframe {width: 100%; height: auto;}
.learn_intro p, .act_intro p {display:inline;}
.page_sommaire .articles_de_rubriques.quart a img {width: 100%; height: auto;}
.articles_de_rubriques.quart p { padding : 0; margin: 0;}
[id^="ancrespip"] {padding-top: 5em; margin-top: -5em;}
.buttoncontainer_center {text-align: center;}
.buttoncontainer {min-width: 8em; margin: 2em 2em 0 2em; display: inline-block;}
.button.down {min-width: 8em; height: 8em; line-height: 4.5em; padding: 0; overflow: hidden; display: flex; background: #002f2f url("./images/arrow.svg") no-repeat bottom 1.2em center; color: #efecca; align-items: center; justify-content: center; border-radius: 50%; text-decoration: none;  transition: 0.3s;}
.button.down:hover {background: #046380 url("./images/arrow.svg") no-repeat bottom 1em center; color: #efecca;  transition: 0.3s; }
.page_rubrique .website_introduction .en_avant {border: 1px solid #046380; margin: 2em 0 0 0; padding: 0 0.5em;}
.page_rubrique .website_introduction .en_avant p {margin-bottom: 0;}
.website_introduction a.autour_en_avant {text-decoration:none; }
.page_rubrique .website_introduction .en_avant:hover {background-color: #046380; color: #efecca;}
.intro_sentence {margin: 1em 0 0 0; font-style: italic;}
.intro_slogan {margin: 0 0 0.5em 0; font-size: 1.1em;}
.website_commons {background: url('./images/commons.svg') no-repeat; background-size: auto; background-size: 45px; background-position: left 20px center; padding: 2em 1em 2em 85px; margin: 0 auto; text-align: left;}
.pagination_haute #pagination_article_focus {padding-top: 10em; margin-top: -10em;}

/* Dropdown search
------------------------------------------ */
.centerintro { margin: 0 auto; text-align: center;}
.dropbtn { background-color: #f0f0f0; color: #2c89a0; padding: 16px; font-size: 16px; border: 1px solid #2c89a0; cursor: pointer; border-radius: .25em; font-weight: bold;}
.dropdown { position: relative; display: inline-block; margin: 0 0.5em;}
.dropdown-content { display: none; position: absolute; background-color: #f0f0f0; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll; height: 300px;}
.dropdown-content a { padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #2c89a0}
.dropdown-content a:visited {background-color: #2c89a0}
.dropdown:hover .dropdown-content { display: block;}
.dropdown:hover .dropbtn { background-color: #2c89a0; color: #fff;}
.resources_language { margin-bottom: 1em; color: #000;}

/* Cards
------------------------------------------ */
.card {padding: 0.5rem; height: auto; text-align: left; transition: all .2s ease-out; padding: .5em; background: #fff; border: solid 2px #eee;}
.cards { margin: 3em auto 0 auto; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 3em 0.5em;}
.card .frame_inside img.spip_logo {width: 100%; height: auto; border-radius: 5%;}
.card img.spip_logo {height: 2em; float: left; margin: .5em .5em 0 0;}
.card:hover {background-color: #2c89a0;}
.cardsintro3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1em; align-items: stretch; }
.cardintro3 { padding: 0 1rem; }
.cardintro {height: auto; transition: all 0.2s ease-out; background-color: #fff; border: 1px solid #D3D3D3; border-radius: 0.5em; padding: 1em;}
.cardintro a, .cardintro a:hover, .cardintro2 a, .cardintro2 a:hover { text-decoration:none; color:#755200; }
img.imgdecointro { margin: -40px 0 0 -70px; width: 80px; float: left;}
img.imgdecocard { margin: -0.8em -0.5em 0 0; width: 100px; float: right;}
.website_intro_inside {padding: 0 0 0 1.5em;}
.cardsintro { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5em; width: 80%;  margin: 3em auto;}
.consult {float: right; background-color: #f2f2f2; border: 1px solid #cfcfcf; border-radius: 0.2em; padding: 0.2em;}
.consult:hover {background-color: #cfcfcf; transition: all 0.2s linear;}
.consult a, .consult a:visited {color: #000; text-decoration: none;}
.consult a:focus, .consult a:hover, .consult a:active {background-color: transparent; color: #000; text-decoration: none;}
.card a {color: #000000; text-decoration: none;}
.groupes_mots {font-weight: bold;}
.keyword {display: inline;}
.deco_avant {float: right; margin: -2.5em 0 0 0; color: #fff; padding: 0.1em 1em 0 3em; height:2em; min-width: 140px; font-style: italic; text-align: center;}
.deco_avant_34 {background:url("./images/deco_avant_34.svg") no-repeat;background-size:auto 2.5em; background-position:top left; border-right: 1px solid #813300;}
.deco_avant_35 {background:url("./images/deco_avant_35.svg") no-repeat;background-size:auto 2.5em; background-position:top left; border-right: 1px solid #483737;}
.deco_avant_36 {background:url("./images/deco_avant_36.svg") no-repeat;background-size:auto 2.5em; background-position:top left; border-right: 1px solid #5d6c53;}
.deco_avant_37 {background:url("./images/deco_avant_37.svg") no-repeat;background-size:auto 2.5em; background-position:top left; border-right: 1px solid #006680;}
.deco_avant_38 {background:url("./images/deco_avant_38.svg") no-repeat;background-size:auto 2.5em; background-position:top left; border-right: 1px solid #aa8800;}
.deco_avant_39 {background:url("./images/deco_avant_39.svg") no-repeat;background-size:auto 2.5em; background-position:top left; border-right: 1px solid #7137c8;}
.deco_avant_40 {background:url("./images/deco_avant_40.svg") no-repeat;background-size:auto 2.5em; background-position:top left; border-right: 1px solid #447821;}
.deco_avant_100 {background:url("./images/deco_avant_100.svg") no-repeat;background-size:auto 2.5em; background-position:top left; border-right: 1px solid #373748;}
  
/* Search
------------------------------------------ */
.formulaire_spip.formulaire_recherche { float: right; padding: 0;}
.formulaire_spip.formulaire_recherche label { font-size: 0px;}

/* Slider
------------------------------------------ */
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}
ul.rslides_tabs.rslides1_tabs {text-align: center;}
ul.rslides_tabs.rslides1_tabs li {display: inline-flex; margin-left: 0.5em; align-items: center;}
ul.rslides_tabs.rslides1_tabs li a{display: block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding: .5em; border-radius: .25em; text-align: center; color: #002f2f;}
ul.rslides_tabs.rslides1_tabs li.rslides_here a, ul.rslides_tabs.rslides1_tabs li a:hover{ background: #2c89a0; color: #fff;}

/* Social media
------------------------------------------ */
.social_media { padding: 0.5em 0 0 0; text-align: center;}
.social_media_container { display : inline-block; padding: 0.4em;}
.social_media_container:hover { background-color: #2c89a0; transition: 0.2s; cursor: pointer;}
.social_media img { height : 4em; display : block; margin: 0 auto; }
.social_media_diaspora{background:url("./images/diaspora.svg") no-repeat;background-size:auto;background-size:contain;height:2em;width:2em;background-position:center}
.social_media_mastodon{background:url("./images/mastodon.svg") no-repeat;background-size:auto;background-size:contain;height:2em;width:2em;background-position:center}
.social_media_bluesky{background:url("./images/bluesky.svg") no-repeat;background-size:auto;background-size:contain;height:2em;width:2em;background-position:center}
.social_media_wikimedia{background:url("./images/wikimedia.svg") no-repeat;background-size:auto;background-size:contain;height:2em;width:2em;background-position:center}
.social_media_peertube{background:url("./images/peertube.svg") no-repeat;background-size:auto;background-size:contain;height:2em;width:2em;background-position:center}
.social_media_youtube{background:url("./images/youtube.svg") no-repeat;background-size:auto;background-size:contain;height:2em;width:2em;background-position:center}

/* Rubrique
------------------------------------------ */
.articles_de_rubriques { text-align: left; display: inline-block; vertical-align: top;}
.articles_de_rubriques:not(:first-child) { margin-left: -6px; }
.quart {width: 16.66%; padding: 0 1.2em 1em;}
.left_to_translate {width: 100%; background-color: #333333; color:#efecca; margin-bottom: 1em; padding: 1em;}
.catch_eyes_outer { padding: 1em; margin-bottom: 1em;font-style: italic; background: #046380;}
.catch_eyes_inner { color: #efecca;}
.keywords {font-size: 0.9em; background-color: #E0E0E0; padding: 0.5em; margin-top:0.4em;}
.card a .frame_inside .keywords_word:hover, .card a .frame_inside {color: #002f2f; }
.keywords_word {display: inline-block; background: #fff; border: solid 1px #cfcfcf; padding: .2em .4em; border-radius: 8px;}
.keywords_word:hover {transition: all 0.2s; border: solid 1px #888888; color: #002f2f;}
.card .keywords_word:hover {border: solid 1px #cfcfcf; }
.menu_lang { display: inline-block;}
#menu_lang strong { color: #000; text-decoration: none; font-style: normal; background: #fff; padding: 0.25em; border-radius: 0.2em;}
#menu_lang a { color: #fff; text-decoration: none; padding: 0.25em; border-radius: 0.2em;}
#menu_lang a:hover { background-color: #2c89a0; text-decoration: none; padding: 0.25em; border-radius: 0.2em;}
.menu_lang div#formulaire_menu_lang.formulaire_spip.formulaire_menu_lang form div label { display: none;}
.menu_lang div#formulaire_menu_lang.formulaire_spip.formulaire_menu_lang form div select#var_lang {border-radius: 4px; padding: 0.25em; background-color: #fff; color: #2c89a0; font-weight: bold; border: none;}
.menu_lang div#formulaire_menu_lang.formulaire_spip.formulaire_menu_lang form div select#var_lang:hover {background-color: #2c89a0; color: #fff; cursor: pointer;}
.page_rubrique .wrapper {width: 100%; margin: 0 0 2em 0;}

/* menu lang maison
------------------------------------------ */
span.langue_actuelle {border-radius: 4px; padding: 0.25em; background-color: #f60; color: #fff; font-weight: bold;}
div.menu-lang {padding: .5em 1em; background: white; display: inline-block; margin: 0 1em 0.5em;}
.menu-lang a:after {display: none;}
.menu-lang a:hover {border-radius: 4px; padding: 0.25em; font-weight: bold;}
.info_langues {font-weight: bold;}

/* Newsletter
------------------------------------------ */
 #formulaire_formidable-1.formulaire_spip.formulaire_formidable.formulaire_formidable_1.formulaire_formidable_newsletter.formulaire_formidable-1 form div p.boutons{
  text-align: center;
}

/* Font-awesome size
------------------------------------------ */
.fa, .fas, .fab, .far { font-size: 3em;}

/* Article
------------------------------------------ */
.page .texteencadre-spip.spip{
  color: #000033;
  background: #FFD580;
  border: none;
  margin: 1em 0;
  padding: .25em .5em;
  font-style: italic;
  border-radius: 0.2em;
}

.article_top2, .article_bottom2 {
height: auto;
  transition: all 0.2s ease-out;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  border-radius: 0.5em;
  padding: 1em;
  width: 80%;
  margin: 2em auto;
}

.article_frame {
    float: right;
    width: 25%;
    background-color: #046380;
    color: #efecca;
    padding: 1em 1em 1.8em 1em;
    margin: 0 0 1em 1em;
}
.pas_surlignable.page_article .page .article_frame img.spip_logo {height: 1.2em; float: none; padding: 0; margin: -0.4em 0 0 0;}
.article_frame h2 {color: #efecca; margin: 0.5em 0 0.5em 0;padding: 0;}

.article_chapo {margin: 2em 0 0 0;border-top: 1px solid;padding: 1em 0 0 0;}

.pas_surlignable.page_article .comment-meta img.spip_logo {float: none; height: 2em;}

ul.comments-items {list-style-type: none;}

.border {
    border-top: 1px solid;
    padding: 1em 0;
}

.page .spip_doc_pdf strong {display: none;}

.pas_surlignable.page_article .descriptif p {border-bottom: 1px solid #999;}

p strong.caractencadre-spip.spip {color: #404040; font-weight: normal; font-style: italic; line-height: 2em; background-color: #FFD580; padding: 0.2em; border-radius: 0.2em;}

img.inarticle {width: 50px;}

.blocs_destination{margin-top: 1em;}

h4.blocs_titre.blocs_click.cs_done {
background: transparent url("./images/deplierbas.svg") no-repeat scroll left center;
}

h4.blocs_titre.blocs_click.cs_done.blocs_replie {
background: transparent url("./images/deplierhaut.svg") no-repeat scroll left center;
}

.important_text {
  background: #E0E0E0;
  padding: 1em;
  color: #F60;
}

 
a[id^="ancrespip"] {
padding-top: 5em; margin-top:-5em;
}

.pas_surlignable.page_article .img_art a img.spip_logo {
  height: 250px;
  float: none;
  display: block;
  border-radius: 8px;
}
a.un_lien_externe {
  text-decoration: none;
}

.Lien_externe {
  padding: 1em;
  margin: 1em;
  background-color: #000;
  text-align: center;
  border-radius: 5px;
  color: #f0f0f0;
}

.Lien_externe:hover {
  background-color: #2c89a0;
  border-radius: 8px;
  transition: all 0.3s;
}

/* Keywords
------------------------------------------ */
.aside {
padding:0 1em;
}

/* Plan
------------------------------------------ */
.pas_surlignable.page_plan ul.spip{ list-style: none;}
.pas_surlignable.page_plan ul.spip{margin-left: 25px; padding-left: 20px; border-left: 5px solid #ddd;}
.page_plan ul.spip li ul.spip li {padding: 0.5em 0 0 0}

/* Elements principaux
------------------------------------------ */
body { text-align: center; background:#ddd;}
.page { position: relative; width: 80%; max-width: 1800px; text-align: left; padding-top: 3em; margin : 0 auto; background-color: #fff;}
.header {}
.main { padding: 0; max-width: 100%;}
.footer { clear: both; padding: 0; margin:1em auto 0 auto; box-shadow: 0px -3px #008080; text-align: center; background-color : #1a1a1a; color : #fff; width: 100%; }
.tux { position: fixed; background: url("./images/tux.gif") no-repeat; height: 96px; padding-right: 80px; right: 1em; bottom: -6px;}

/* largeur calculee du wrapper: 960*70%  = 672px */
.wrapper { clear: both; float: left; width: 100%; overflow: hidden; padding: 0 1em; margin-bottom: 2em;}
.content { min-height: 350px; }
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
.aside { }
  
/* Entete et barre de navigation
------------------------------------------ */
.header { padding: 0 1em; box-shadow: 0 0 0.15em 0 rgb(0, 0, 49); position: fixed; z-index: 10000; top: 0; width: 80%; max-width: 1800px; height: 2.5em; line-height: 2.5em; background-color: #1a1a1a; color: #fff; }
.header .spip_logo_site { margin: 0.3em 0 0 0; line-height: 1;}
.header .spip_logo_site,
.header .spip_logo_site a{color: #fff; text-decoration:none; background: none;}
.header .spip_logo_site a:focus,.header .spip_logo_site a:hover,.header .spip_logo_site a:active {color: #fff; background:none;}
.header .spip_logo_site a:hover img {opacity:0.7;}
.header .spip_logo {margin-bottom:0;}
.header h1.spip_logo_site {font-size:1.25em;}
.adjust_title { margin: 0.2em 0; float: left;}
.formulaire_menu_lang { }

/* Menu
------------------------------------------ */

.nav {}
.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.25em 0.5em; margin: 0 0.25em 0.5em 0;border-radius: 0.25em;  text-decoration: none; background: #f0f0f0; color: #db1762; }
.nav li.on a { background:#c41558; color:#fff; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: #c41558; color:#fff; }

.menu-conteneur.navbar-inner {float:right; height: 2em; line-height: 2em; }
ul.menu-liste.menu-items {padding: 0.2em 0 0 0;}
ul.menu-liste.menu-items li.menu-entree.item.menu-items__item {float: left; display: inline-block;}
a.menu-items__lien {padding: 0.2em 0 0 0; text-decoration: none; }
li.menu-entree.item a.menu-items__lien  {margin: 0 0 0 0.3em; color: #fff; padding: 0.25em; border-radius: 0.2em;}
li.menu-entree.item a.menu-items__lien:hover {background-color: #2c89a0; text-decoration: none; padding: 0.25em; border-radius: 0.2em;}
li.menu-entree.item.hometag a.menu-items__lien{background: url('./images/home.svg') no-repeat center center; color: transparent; background-size: auto 1.4em;}
li.menu-entree.item.hometag a.menu-items__lien:hover{background: url('./images/home2.svg') no-repeat center center; color: transparent; background-size: auto 1.4em;}
li.menu-entree.item.hometag a.menu-items__lien:active{color: transparent;}
li.menu-entree.item.hometag a.menu-items__lien:focus{background: none; }
li.menu-entree.item.contribute_menu a.menu-items__lien {background-color: #fff; color: #2c89a0; text-decoration: none; padding: .25em; border-radius: .2em; font-style: italic;}
li.menu-entree.item.contribute_menu a.menu-items__lien:hover {background-color: #2c89a0; color: #fff; transition-duration: 100ms;}

/* Hide header
------------------------------------------ */
#header{top: 0; transition: all 0.5s; box-shadow: 0px 3px #008080;}
#header.hidden {top: -5em; transition-delay: 1s; transition: all 0.5s;}

/* Footer
------------------------------------------ */

.footer .colophon { width:100%; margin: 0; padding: 0 1em;}
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }
.footer .generator a:hover {color:#c41558;}
.footer .website_footer_outside1 p {text-align: justify;}
.footer .website_footer_outside2 p {text-align: justify;}
.footer .website_footer_outside3 fieldset {padding: 0;}
.footer .website_footer_outside3 legend {font-size: 0px;}
.footer .images_bas {margin: 2em 0 0.5em 0; }
.footer a, .footer a:focus, .footer a:hover, .footer a:active, .footer a:visited {color: #fff; border-bottom: 1px #fff dotted;}
.social_media a, .social_media a:focus, .social_media a:hover, .social_media a:active, .social_media a:visited {border-bottom: none;}
.more_asso{background-color: #d4aa00; color : #000; padding: 0.5em; border-radius: 0.2em; font-weight: bold;}
.more_asso:hover {background-color: #aa8800; transition-duration: 500ms;}

/* Infolettre
------------------------------------------ */
.infolettre {padding: 1em 0 0 0;}

/* Gabarit d'impression
------------------------------------------ */
@media print {
    .page,
    .wrapper,
    .content { width: auto; }
    .nav,
    .arbo,
    .aside,
    .footer { display: none; }
}

/* Affichage sur petits ecrans  
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */

.smallonly { display: none;}
.notoosmall { display: none;}            

/* largeur maximum 1600px */
@media (max-width: 1600px) {
	.quart { width: 25%;}
	.cards { grid-template-columns: repeat(4, 1fr); }
	.frame_inside {min-height: 380px;}
}

/* largeur maximum 1150px */
@media (max-width: 1150px) {
.quart { width: 33.33%;}
.cards { grid-template-columns: repeat(3, 1fr); }
}



/* largeur maximum 1000px */
@media (max-width: 1000px) {
	.menu-conteneur.navbar-inner { display: none;}
	.article_frame { float: none; width: 100%; margin: 0;}
	.cardsintro3, .cardsintro {grid-template-columns: repeat(1, 1fr); align-items: normal;}
	.page_article img.spip_logo { display: none;}
	  	
/* Hamburger source inspiration : https://sharkcoder.com/blocks/hamburger */
.notoosmall { display: block;}            
.menu__icon { height: 26px; width: 26px; margin: 0.5em 0 0 0; position: absolute; top: 0; right: 1em; display: inline-block; z-index: 20;}
.menu__icon span { display: block; background: #fff; width: 100%; height: 4px; margin-top: -2px; position: absolute; left: 0; top: 50%;}
.pas_surlignable.page_article li.on:nth-child(3) > a:nth-child(1) { height: auto;}
.page_sommaire li.hometag a.menu-items__lien, li.on.active a.menu-items__lien { height: auto;}
.menu__icon:before,
.menu__icon:after { content: ""; display: block; background: #fff; width: 100%; height: 4px; position: absolute; left: 0; transform-origin: center center; transform: rotate(0deg); transition: all 0.3s ease;}
.menu__icon:before { top: 2px; margin-top: -2px;}
.menu__icon:after { bottom: 2px; margin-bottom: -2px;}
.menu_shown .menu__icon span { background: transparent;}
.menu_shown .menu__icon:before { top: 50%; transform: rotate(45deg);}
.menu_shown .menu__icon:after { bottom: 50%; transform: rotate(-45deg);}
.mobile.menu { position: absolute; top: 0; left: 0; width: 100%; min-height: 100vh; text-align: center; padding-top: 112px; background: #000; z-index: 10; transition: all .4s ease-in-out; transform: translateX(-100%);}
.menu_shown .mobile.menu { transform: translateX(0);}
.mobile .menu__item { display: block; line-height: 2; padding: 25px 0;}
a.menu__icon.mobile:hover{ background:none;}
ul.menu.mobile li.menu-entree a.menu-items__lien:hover { color:#fff; background:#046380; height: 5em;}
ul.menu.mobile li.menu-entree a.menu-items__lien { color:#fff; font-size: 1.5em;}
li.menu-entree.item {padding: 1em 0;}
li.menu-entree.item.hometag a.menu-items__lien {background: none;}
}
	
/* largeur maximum 960px */
@media (max-width: 960px) {
	#footer .colophongauche, #footer .colophoncentre, #footer .colophondroite {float: none; width: 100%; padding: 0 0 1em 0; display: block; text-align:center;}
	body {   	width: 100%;		padding: 0;	}
	.page {  	width: 100%;  	max-width: none; 	}
	.header { width: 100%; max-width: 100%; }
	.rechercher {top: 0; position: relative; right: 0;}
	.quart { width: 50%;}
	.cards { grid-template-columns: repeat(2, 1fr); }
	.website_introduction { width: 100%;}
	.page_rubrique .formulaire_spip.formulaire_recherche {float: none; text-align: center;}
	.website_introduction, .learn, .act { min-height: 0;}
	.website_introduction {margin: 0 auto 0;}
	.learn_intro h1 {margin: .5em 0;}
}

/* largeur maximum 767px */

@media (max-width: 767px) {
.logo_article img { margin: 2em 0 0 0;}
.nosmall { display: none;}
.smallonly { display: block;}
.page { padding-top: 0;}
.header {position: relative; height: auto; line-height: normal ; padding: 1em;}
.floating_title {min-width: auto;}
.clearfix.header div.smallonly img.spip_logo {float: none; height: 4em;}
.headersmall {text-align: center;}
.adjust_title {float: none; text-align: center; display: block; margin: 0;}
.header .spip_logo_site {padding: 0;}
.website_summary {background: none; padding: 0;}
.website_collaborate{background: #e6e2af; padding: 0.5em;}
.learn_section, .act_section, .website_site_container {width: 100%; }
.learn_section {margin: 0 0 1em 0;}
#menu_lang {text-align: center; display: block; margin: 2em 0 1em 0;}
#formulaire_menu_lang.formulaire_spip.formulaire_menu_lang {text-align: center; display: block; margin: 2em 0 1em 0;}
.menu_lang {float: none; text-align: center; width: 100%; display: block; margin: 0;}
#container_website nav {width: 100%;}
#container_website nav ul { transition: opacity 0ms, visibility 0ms;}
#container_website nav:hover ul{transition: opacity 0ms, visibility 0ms;}
.quart { width: 50%;}
.cards { grid-template-columns: repeat(1, 1fr); }
} 

/* largeur maximum 640px */
@media (max-width: 640px) {
     /* layout */
    .wrapper,
    .content,
    .aside { width: 100%;}
    .content,
    .aside { clear: both; float: none; width: 100%;  margin: 1em 0;}

    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    .nav ul li a { float: none; border: 0; }
    .arbo { display: none; }
    #footer .colophon { width: auto; float: none; }
    #footer .generator { display: none; }

    /* header du calendrier full-calendar */
    table.fc-header td { display: block; text-align: left; }

    /* perso */
	.quart { width: 100%;}
}

/* fin */