/* CSS Document */

@font-face {
    font-family: 'cookieregular';
    src: url('../fonts/cookie-regular-webfont.woff2') format('woff2'),
         url('../fonts/cookie-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body{margin:0; padding:0; min-height: 100vh; 

    font-size:1em;font-family: 'Montserrat', sans-serif; line-height: 1.5em;}
ul {margin:0; padding:0;}
img {max-width:100%; height:auto;}
h1{font-weight: normal; line-height: 1.5em;}
h2 {font-size:2em; font-weight: normal; color: #374852;}
a{color:#f35520;; text-decoration:none;}
a:visited{color:#f35520;; text-decoration:none;}
@media(max-width:800px){
  h2 {line-height: 1.5em;}
}

/*MENU HAUT*/

nav{width:100%; background-color: #374852;}
nav ul{width: 100%; display: flex; justify-content: flex-end; align-items: center;}
nav li{height: 50px; list-style-type: none;}
/*nav li:first-child{margin-right: auto;}*/
nav a{height: 100%; padding: 0 30px; display: flex; align-items: center; color:#fff; text-decoration: none;}
nav a:hover{background-color: #e5e5e5;}
nav a:visited{color:#fff;}

.sidebar{position:fixed; top: 0; right: 0; height: 100vh; width: 250px; z-index: 999; 
  background-color: rgb(255,255,255,0.5);
  backdrop-filter: blur(10px); 
  box-shadow: -10px 0 10px rgba(0,0,0, 0.1);
display: none; 
flex-direction: column; align-items: flex-start; justify-content: flex-start;
}
.sidebar li{width: 100%;}
.sidebar a{width: 100%; color: #000;}
.sidebar a:visited{width: 100%; color: #000;}

.menu-button{display: none;}

@media(max-width:800px){
  .hideonmobile{display: none;}
  .menu-button{display: block;}
}

#wrapper_header{width:100%; position: relative;}
  #wrapper_header img{max-width: 100%; height:auto;}
#header{width:80%; margin:0 auto; padding:2em 0;}

.texte_entete_accueil {color:#fff; text-shadow: 1px 2px 3px rgba(0,0,0, 0.5); position:absolute; top:40%; left:0; width:100%;}
.texte_entete_accueil h1 {font-size:2.5em; text-align: center; font-weight: bold; padding:0.5em;  filter: drop-shadow(4px 5px 3px #333333);}
.texte_entete_accueil p {font-size:2.5em; text-align: center; font-weight: bold; padding:0.5em;  filter: drop-shadow(4px 5px 3px #333333);}

@media(max-width:800px){
.texte_entete_accueil {color:#fff; text-shadow: 1px 2px 3px rgba(0,0,0, 0.5); position:absolute; top:0; left:0; width:100%;}
.texte_entete_accueil h1 {font-size:1em; text-align: center; font-weight: bold; padding:0.5em;  filter: drop-shadow(4px 5px 3px #333333);}
.texte_entete_accueil p {font-size: 1em; text-align: center; font-weight: bold; padding:0.5em; filter: drop-shadow(4px 5px 3px #333333);}
}

/*.logo {float:right;}
.cta_livre ul{margin-top: 3em;}
.cta_livre li {display: inline-block;
  border:1px solid #fff; padding:0.5em; text-align:center; color:#FFFFFF;}
.cta_livre li a{color:#fff; border-bottom: 1px dotted #fff;}

#sortie_livre a{color:#FFFF66;}*/

#wrapper_container{width:100%; }
#container {width:80%; margin:0 auto; padding:2em; background-color:#FFFFFF;}
@media(max-width:800px){
  #container{width:96%; margin:0 auto; padding:0;}
}

.presentation{font-family:'cookieregular'; font-size:1.6em; line-height: 1.2em; color:#374852;}

.livres_publies h2{text-align: center; padding:10px 0;}
.ligne{width:100px; height:3px; background-color:#ffd936; margin:0 auto 2em auto;}

.livres_publies ul{display: flex; align-items: center; flex-direction: row; justify-content: center; gap:1%;}
.livres_publies li{list-style-type:none;}

.autres_livres ul{display: flex; align-items: center; flex-direction: row; gap:1%; align-items: flex-start}
.autres_livres li{list-style-type: none;}

ul.liste_auteurs{display: block;}

.auteur{margin-bottom:2em;}
.logo_auteur {float:left; width:25%;}
.logo_auteur img {box-shadow: 1px 1px 4px #555; margin-right:1em;}
.texte_auteur  {margin-left:30%;}

.logo_rubrique {float:left; width:25%;}
.texte_rubrique{font-size:1.3em; line-height: 1.5em;; margin-left: 30%;}
.texte_rubrique p{}

@media(max-width:800px){
  .logo_rubrique{float:none; width:300px; margin : 0 auto;}
  .texte_rubrique{margin-left: 0;}
}

.petit {font-size:0.8em;}
.logo_temoignage img {float:left; margin : 0 2em 0.5em 0;}
.contenu_livres{margin-top: 5em; }
.contenu_livres li{list-style-type: none;}

.cartouche{float: left; margin-right: 2em;}

@media(max-width:800px){
  .cartouche{float: none;}
  .cartouche img{display: block; width: 300px; margin:0 auto;}
}


#documents_portfolio ul{display: flex; flex-wrap: wrap;}
#documents_portfolio li {flex-basis: 160px; border:1px solid #000; margin:5px;}

.contenu_livres h3 {
  font-size: 1.6em;
  font-weight: normal;
  display: flex;
  align-items: center;
  color:#374852;
  line-height: 1.5em;
}

.contenu_livres h3::after {
  content: '';
  flex: 1;
  margin-left: 1rem;
  height: 1px;
  background-color: #374852;
}
.contenu_livres ul{display:flex; flex-wrap: wrap;align-items: stretch;}
.contenu_livres li {flex-basis: 23%; padding: 1%;}

@media(max-width:800px){
  .contenu_livres{display: flex; flex-direction: column;}
  .contenu_livres li{flex-basis: 100%;}
}

.article_video{width: 50%; margin:2em auto;}
.article_video h3{font-weight: normal; text-align: center;}
.yt-responsive iframe{aspect-ratio: 16/9;}

@media(max-width:800px){
  .article_video{width: 100%; margin:2em 0;}
}

.bouton_lire{border: 1px solid  #374852; padding:0.5em 1em; text-align: center; background-color: #f35520; float:right;}
.bouton_lire a{color:#fff;}

.presentation_texte{display: flex; flex-direction: row; align-content: flex-start; gap:2em;}

.texte{text-align: justify; flex-basis: 70%;flex-grow: 0; flex-shrink: 0; }
.logo{text-align: center;}

@media(max-width:800px){
  .presentation_texte{display: flex; flex-direction: column;}
  .texte{width:100%;}
}

.bouton_acheter{max-width: 300px; margin:0 auto; border: 1px solid  #374852; text-align: center; background-color: #f35520;}
.bouton_acheter a{color:#fff;}



p.intro{font-weight: bold;font-style: italic; padding-bottom: 0.5em; border-bottom: 1px dotted #000;}

#wrapper_footer{width:100%; background-color:#374852;}
#footer{width:80%; margin:0 auto; padding:2em 0; display: flex; color:#fff;}
#footer h2{color:#fff; text-shadow: 1px 2px 3px #000; line-height: 1.5em;}
#footer a{color:#e5e5e5; padding-bottom: 0.5em; border-bottom:1px dotted #e5e5e5;}

.colonnes {flex-basis: 30%; padding: 0 1%;}

#showMoreref{display:none;}

#underfooter{text-align:center; font-size:0.8em; border-top: 0.1em dashed #aaa; padding:1em 0 ;}
#underfooter li {display:inline-block; padding:0 1em;}
#underfooter a{color:#e5e5e5; padding-bottom: 0.5em; border-bottom:1px dotted #e5e5e5;}

@media(max-width:800px){
#wrapper_footer{width:100%; background-color:#374852;}
#footer{width:95%; margin:0 auto; padding:2em 0; color:#fff; display: flex; flex-direction: column;}
#footer h2{color:#fff; text-shadow: 1px 2px 3px #000;}
#footer a{color:#e5e5e5; padding-bottom: 0.5em; border-bottom:1px dotted #e5e5e5;}

.colonnes {flex-basis: 100%;}
#showMoreref{display:block;}

  .menupied{display:none;}

  .showMe {
    display:inline;
    float:right;
    cursor:pointer;
    font-family: 'Roboto', sans-serif;
    line-height:25px;
    font-size: 30px;
    width: 40px;
    margin-bottom:0;
  }

  .showMe2 {
    font-size:16px;
    line-height:23px;
  }

#underfooter{text-align:center; font-size:0.8em; border-top: 0.1em dashed #aaa; padding:1em 0 ;}
#underfooter li {display:inline-block; padding:0 1em;}
#underfooter a{color:#e5e5e5; padding-bottom: 0.5em; border-bottom:1px dotted #e5e5e5;}
}