/*
Squelettes : AFIS
Author: Chris Gaillard
Author URI: http://www.chrisgaillard.com
*/

/* Cookies */

#cookieChoiceInfo {
	background-color: rgb(255, 255, 255) !important;
	box-shadow: 0px 2px 5px 0px gray;
}

/***********/


@font-face {
  font-family: 'ArialNarrow';
  src: url('fonts/arial-narrow.eot'); /* IE9 Compat Modes */
  src: url('fonts/arial-narrow.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/arial-narrow.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/arial-narrow.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/arial-narrow.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/arial-narrow.svg#ArialNarrow') format('svg'); /* Legacy iOS */
}

 @font-face {
  font-family: 'ArialNarrowBold';
  src: url('fonts/arial-narrow-bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/arial-narrow-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/arial-narrow-bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/arial-narrow-bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/arial-narrow-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/arial-narrow-bold.svg#ArialNarrowBold') format('svg'); /* Legacy iOS */
}




	.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:30px; }


	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



body, h2{font-family: 'Roboto Slab', serif; }
h1, h2, h3, h4{font-weight: 900; color:#666}

p, ul{font-size:1em; line-height:1.7em;}
h1 {font-size:1.8em; line-height:1.2em; }
h2 {font-size:1.4em; margin-bottom:20px;}
h3 {font-size:1.2em; margin-bottom:20px;}
h4 {font-size:1em; line-height:1.2em; margin-bottom:10px}

p + h3, ul + h3{margin-top:40px;}

.spip-block-right{padding-bottom:10px;}

.surtitrearticle{margin:10px 0 5px}
small{font-size:0.75em; }

.small{font-size:0.75em; line-height:1.3em }

h3 a, h4 a{text-decoration:none; }
a{color:#2866b8; text-decoration:none;}



.bgcolor-science{background-color:#846331;}
.color-science{color:#846331;}

.mwafisp {
  max-width: 1300px;
}

.chapospip{border:1px solid #aaa; background-color: rgba(238, 238, 238, 0.44); padding:10px 15px; margin-bottom:20px; font-size: 1.07em;
 }




.basdepage{max-width: none; background-color:#ddd; padding: 40px 40px; margin:40px 0; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15) inset;}


.basdepage > *, .basdepage > .padsection{max-width: 1240px; margin:0 auto;  }




.spip_documents_left{margin:0 20px 10px 0; max-width:50%;}
.spip_documents_right{margin:0 0 10px 20px ; max-width:50%;}




.spip_documents_center img{margin: 0 auto; display:block;}
.spip_documents_center .spip_doc_descriptif{text-align: center; width:100%; margin: 0 auto; }
.spip_doc_descriptif{font-size:0.8em; max-width:100%; font-style: italic;}

#header{display: flex; flex-direction: row; flex-wrap:nowrap;
    box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.4);
    margin-bottom:20px;
    top:0;
    background-color:white;
	height:auto;
    z-index:15;

}

.nomargetop #header{
    margin-bottom:0px;}



sup [id^="nh"],  a[id]{padding-top: 75px;
position: relative;
top: 00px; margin-bottom: -75px;
}




#fildariane{margin: 10px 40px 0px 40px; font-size:0.8em;}

.margin{margin: 10px 40px 0px 40px;}

.logo{ width:200px; display: inline-block;}
.baseline{width:200px; text-align: center; margin-top: 0; display: inline-block; vertical-align:bottom; margin-bottom:24px;}

.navigation{flex-grow:1;}

.socialbox{flex-grow:0;}

.logo img{padding:24px 20px 27px 20px; max-width:100%; width:200px;}
.baseline{  font-family: ArialNarrowBold; font-size:1.05em; color:#0566be; margin-top:82px}

.social {
    margin-right: 10px;
    text-align: right;
}
.social img{
    margin:20px 0px 10px 0px;
   -webkit-transition: all 0.2s ease;
   	-moz-transition: all 0.2s ease;
  	-o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.social img:hover{margin:15px 0px 15px 0px;}

.button-moncompte {
    background-color: #006abe;
    padding: 5px 10px;
    margin: 10px 0px 0px 5px;
    color: white;
    border-radius: 20px;
	border:1px solid #006abe;
    height: 35px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    font-weight: bold;
}
.button-moncompte:hover {
    color: #006abe;
	background-color:white
}

.socialbox [type="text"],
textarea {
    width:100px;
  white-space: nowrap;
  font-family: inherit;
  font-size: .9em;
  border: 0;
  box-shadow: 0 0 0 1px #aaa inset;
  color: #aaa;
  vertical-align: middle;
  padding: 3px 6px;
  margin: -1px 0 0 0;
  transition: 0.25s;
  transition-property: box-shadow, background-color, color, border;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
    /*background: url("../images/loupe.png") no-repeat 120px 3px ; */
}
.submit{margin-top:26px;}




/* SLIDER HOME */

.slides li {position:relative; color:white; }
.slides li p{text-align: center; position:absolute;  display:block; width:100%}

.fs-categorie{top:7%; font-size:1em;}
.fs-categorie a{padding:2px 10px 3px; color:white; text-decoration:none;}
.fs-categorie a:hover{color:white; background-color:#dd4e49;}


.fs-titre {top:22%; text-shadow:rgba(0, 0, 0, 0.47) 1px 1px 1px; font-size:3vw; line-height:1.1em; font-weight:bold; padding:0 15%}

.fs-titre a{color:white !important;}

.fs-soustitre{top:45%;}

.fs-titre span{display:block; font-weight:normal; font-size:.7em;}


.fs-readmore{top:80%;}
.fs-readmore a{padding:2px 10px 3px; color:white; text-decoration:none; background-color:rgba(0, 0, 0, 0.43);}
.fs-readmore a:hover{color:white; background-color:#dd4e49;}




/* SLIDER HOME */



#module-liste-themes{margin:0 0px 40px 0px; }

#flex-box-module-themes{display:flex; justify-content:space-between; flex-wrap:wrap; }

.liste-theme-item{flex-grow:1;}

.liste-theme-item a{color:white; display:block; padding:2px 8px ; font-size:13px; margin-right: 8px; }

.theme1 {background-color:#826337;}
.theme2 {background-color:#53648f;}
.theme3 {background-color:#d4805c;}
.theme4 {background-color:#377c3f;}
.theme5 {background-color:#823f9b;}
.theme6 {background-color:#9f4666;}


.avectheme826337.epingled {background-color: #826337;}
.avectheme53648f.epingled {background-color: #53648f;}
.avecthemed4805c.epingled {background-color: #d4805c;}
.avectheme377c3f.epingled {background-color: #377c3f;}
.avectheme823f9b.epingled {background-color: #823f9b;}
.avectheme9f4666.epingled {background-color: #9f4666;}

.avectheme826337 {border-color: #826337;}
.avectheme53648f {border-color: #53648f;}
.avecthemed4805c {border-color: #d4805c;}
.avectheme377c3f {border-color: #377c3f;}
.avectheme823f9b {border-color: #823f9b;}
.avectheme9f4666 {border-color: #9f4666;}

.liste-theme-item a:hover{background-color:#dd4e49; color:white;}



#bloc-gris-col{background-color: #eee; border: 1px solid #868686; padding: 10px; margin-bottom: 40px;}
#bloc-gris-col h2 {margin-bottom: 10px;}
#bloc-gris-col p { line-height: 1.4; display: inline-block; margin-bottom: 10px; }

#cloudwordhome a{font-size:0.8em;}

/* Liste d'articles*/

#liste-articles{margin-top:10px;}


#liste-articles hr:last-child{display:none;}

.article-de-liste{display:flex;}
.image-liste-article{margin-right:20px; width:27%}
.texte-liste-article{width:73%}

.texte-liste-article h3{margin-bottom: 0}


.texte-liste-article p{margin-top:10px; font-size:0.9em; line-height:1.5em;}


.article-de-liste img, .articles-plus-lus img, .unevenement-col div, .eventafisdeliste{border-left-width: 15px ; border-left-style:solid;}

/*.avectheme1 img{border-left-color: #826337;}
.avectheme2 img{border-left-color:  #53648f;}
.avectheme3 img{border-left-color:  #d4805c;}
.avectheme4 img{border-left-color:  #377c3f;}
.avectheme5 img{border-left-color:  #823f9b;}
.avectheme6 img{border-left-color:  #9f4666;}*/

.image-liste-article:hover img, .un-article-plus-lus img:hover
{border-left-color:#dd4e49;}


/*.avectheme1 {border-left-color: #826337;}
.avectheme2 {border-left-color: #53648f;}
.avectheme3 {border-left-color: #d4805c;}
.avectheme4 {border-left-color: #377c3f;}
.avectheme5 {border-left-color: #823f9b;}
.avectheme6 {border-left-color: #9f4666;}*/



/*.avectheme1 a, a.avectheme1, .avectheme1 h1{color:  #826337;}
.avectheme2 a, a.avectheme2, .avectheme2 h1{color:  #53648f;}
.avectheme3 a, a.avectheme3, .avectheme3 h1{color:  #d4805c;}
.avectheme4 a, a.avectheme4, .avectheme4 h1{color:  #377c3f;}
.avectheme5 a, a.avectheme5, .avectheme5 h1{color:  #823f9b;}
.avectheme6 a, a.avectheme6, .avectheme6 h1{color:  #9f4666;}*/



.coul826337{color:  #826337 !important;}
.coul53648f{color:  #53648f !important;}
.could4805c{color:  #d4805c !important;}
.coul377c3f{color:  #377c3f !important;}
.coul823f9b{color:  #823f9b !important;}
.coul9f4666{color:  #9f4666 !important;}




.pinned826337{background-color:  #826337 !important; color:white; padding:10px 10px 10px 0;}
.pinned53648f{background-color:  #53648f !important; color:white; padding:10px 10px 10px 0;}
.pinnedd4805c{background-color:  #d4805c !important; color:white; padding:10px 10px 10px 0;}
.pinned377c3f{background-color:  #377c3f !important; color:white; padding:10px 10px 10px 0;}
.pinned823f9b{background-color:  #823f9b !important; color:white; padding:10px 10px 10px 0;}
.pinned9f4666{background-color:  #9f4666 !important; color:white; padding:10px 10px 10px 0;}



.pinned826337 h3 a, .pinned826337 .texte-liste-article a,
.pinned53648f h3 a, .pinned53648f .texte-liste-article a,
.pinnedd4805c h3 a, .pinnedd4805c .texte-liste-article a,
.pinned377c3f h3 a, .pinned377c3f .texte-liste-article a,
.pinned823f9b h3 a, .pinned823f9b .texte-liste-article a,
.pinned9f4666 h3 a,  .pinned9f4666 .texte-liste-article a
{color:white;}




/* Video */

/*Le max-width est en important pour override le max-width cree par le plugin embedded*/

.spip_doc_titre{ width:100%; max-width:100%!important; text-align:center;}

/**********/





#bloc-sps-col img{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
margin-bottom:20px;}

#bloc-sps-col h3{margin-bottom: 8px;}

.lien-arrow{text-decoration: none; font-size: 1.1em; font-weight: 500;}
.lien-arrow:after{content:"\25BA"; font-size:0.8em; margin-left:4px; }

.lien-bouton{ font-weight: bold; font-size:1.25em; color:white; text-decoration:none; background-color: #2866b8;
padding:5px 10px; display: inline-block ; margin:10px 0 30px; text-transform: uppercase;}

.lien-bouton:after{content:"\25BA";  font-size:0.8em; margin-left:7px; }
.lien-bouton:hover{background-color:#e45345; color:white;}

#boite-flex{display:flex; justify-content:flex-start;}

.articles-plus-lus div{max-width:16%}



.un-article-plus-lus{ margin-right:40px; flex:1;}

.un-article-plus-lus:nth-child(5){ margin-right:0px; }

.un-article-plus-lus h4{font-weight:500; font-size:0.95em; margin-top:5px}



.une-note-de-lecture{ margin-right:4%; flex:1;}

.une-note-de-lecture:nth-child(6){ margin-right:0px; }

.une-note-de-lecture h4{font-weight:500; font-size:0.85em; margin-top:5px}

.une-note-de-lecture img{padding-right:10px}


#mod-articles-plus-lus, #mod-note-de-lecture{ padding-bottom:20px;  overflow:hidden;}

.bouton-more{background-color:#2866b8; color:white; padding:3px 7px; float:right;}
.bouton-more:after{content:" \25BA";font-size:0.8em; margin-left:5px }

.bouton-more:hover{background-color:#e45345; color:white;}

.petit-bouton-more{background-color:#2866b8; color:white; padding:3px 7px; font-size:0.85em;}
.petit-bouton-more:after{content:" \25BA";font-size:0.8em; margin-left:5px }

.petit-bouton-more:hover{background-color:#e45345; color:white;}


footer ul{ list-style-type: none;}


footer{background-color: #eee; margin:40px auto 40px auto !important; border:1px solid #868686; padding:10px; overflow:hidden;}


footer li{margin: 10px 20px; float:left;}


.unevenement-col{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #fff}
.unevenement-col:nth-last-child(1){border-bottom:0; margin-bottom:0}

.unevenement-col h3{margin-bottom:0; font-size:1em;}
.unevenement-col p{font-size:0.8em; margin-bottom:0}
.unevenement-col a.plusdinfos{font-size:0.8em; }

.unevenement-col div{padding-left:10px}

#contenuarticle{margin-top: 10px;}

#contenuarticle .imagebandeau{margin-bottom:30px;}
#contenuarticle h3{margin:30px 0 20px 0;}

#bloclauteur img{max-width:120px; margin-bottom:10px}
#bloclauteur h2{color:#3766b2; margin-bottom:10px}
#bloclauteur h3{color:#3766b2;  margin-bottom:5px; font-size:1.15em}



.padsection{margin:0 40px;}

#lesdossiers-couleurs{line-height: 1.5em;font-size: 0.9em;}


.entete-articles {margin-bottom:40px;}


#notesbp{font-size:0.9em; border-top:1px solid #ccc; padding-top:20px; color:#676767 }


.un-article-colone-article{margin:10px 0 0 0; padding: 0 0 5px 0; display:flex; border-bottom:1px solid #ccc}
.un-article-colone-article a.size{margin-bottom:5px; width:50px; display:block; flex-shrink:0;}
.un-article-colone-article h4{font-weight:normal; font-size:0.9em; margin:0 0 6px 0}
.un-article-colone-article div{margin:0px 0 0 10px; }
.un-article-colone-article.on{display:none;}
.un-article-colone-article small{font-size:0.7em}
/*#bloc-auteur-page-auteur{display:flex}*/
#bloc-auteur-page-auteur p{margin:0 0 0 20px;}
#bloc-auteur-page-auteur img{max-width:120px;min-width:100px;}
#communique{margin-top:10px;}


#listedevenements h1{margin-bottom:40px;}


.eventafisdeliste{padding-left:20px; margin-bottom:20px;}

.eventafisdeliste p{margin-bottom:0;}
.eventafisdeliste a{font-size:.9em;}

#imagebandeau{margin-bottom:60px;}


#lastnumbersps {display:flex;}

#lastnumbersps div:first-child{ width:40%; margin-right:30px;}


#lastnumbersps img{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4); max-width: 300px; margin-bottom:50px;}

.petitescouv{display:flex; flex-wrap:wrap; padding:20px; }

.petitescouv div img{box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);}

.petitescouv div{ padding:20px; width:16.5%;}

.petitescouv div p { margin:5px 0 0 0; display:block;}
.petitescouv div p:last-child { margin:-2px 0 0 0; display:block; font-size:.95em}

.text-col-sps{margin-top: 70px; }

#ledito{margin:40px 0 }

#lesommaire{margin:40px 0 }

.pdfatelecahrger:before{content:" "; display:inline-block; width:35px; height:23px; position:relative;
    top:4px;
    background-image:url("../images/telecharger-pdf.png") ; background-repeat: no-repeat }

.dossierdepresse:before{content:" "; display:inline-block;
    width:35px; height:23px; position:absolute;
    top:0px; margin-left:-35px;
    background-image:url("../images/dossier-de-presse.png") ;
    background-repeat: no-repeat }

.dossierdepresse{display:block;  margin:0  0 10px 35px; position:relative;}

.infopresse{line-height:1.4em !important;  display:block;}



#nextprev{display: flex; justify-content:space-between;}

.prev:before{content:"\25C4 ";font-size:1.1em; margin-right:5px }
.next:after{content:" \25BA";font-size:0.8em; margin-left:5px }

.unnumero .col-3 .text-col-sps{margin-top:10px;}




#boutique h1{margin-bottom:30px;}


img.logosboutiqueafis{margin-bottom:10px; }

.logosboutiquesps{max-width:300px; margin-bottom:20px}

.flextwotwo{display:flex; }

.flextwotwo div:first-child{margin-right:5%;}

.flextwo{display:flex; margin-bottom:30px}

.flextwo div:first-child{width: 48%; margin-right: 4%}
.flextwo div:last-child{width: 48%}

.blocpanier{border:1px solid #ddd; padding: 0px 20px 10px; text-align: center;}



.blocpanier p{margin:5px;}
.blocpanier p strong{margin:px; font-size:1.2em; }

.addpanier{background-color:#2866b8; color:white; padding:3px 10px 5px; display:inline-block; }

.addpanier:hover{background-color:#e45345; color:white; }

.carteadhesion{background: url("../images/bg-adherent.png") no-repeat bottom left ; }

.cinqnumero{background: url("../images/5numeros.png") no-repeat bottom left ; }
.dixnumero{background: url("../images/10numeros.png") no-repeat bottom left ; }
.quinzenumero{background: url("../images/15numeros.png") no-repeat 0px 0px ; }
.trentenumero{background: url("../images/30numeros.png") no-repeat  0px 0px ; }




#abonnement h3{margin-bottom:5px; }

.france{background-image: url("../images/france.png");background-repeat: no-repeat; padding-left:35px }
.letranger{background-image: url("../images/etranger.png");background-repeat: no-repeat; padding-left:35px }

.quatrenumero{display:flex; justify-content:space-between; margin-bottom:30px;}



.quatrenumero div{width:21%}

.itemlistenumero{display:flex; justify-content:space-between; align-items:center}

.itemlistenumero div{padding:5px 20px 5px; width:25%}

.itemlistenumero:nth-child(odd){background-color:rgb(243, 243, 243)}


.iconpanier{background: url("../images/panier.png") no-repeat 0px 2px; padding-left: 25px; color:#2866b8; }

#boutique .col-3 h3{margin-bottom:5px;}

#boutique .col-3 ul{list-style-type: none;  padding:0; }

#boutique .col-3 ul li:before{content:"> "}



.texteencadre-spip {
color: #000033;
background: #eee !important;
    border:none !important;
margin: 1em 0;
padding: 15px 20px !important;
    font-size:0.95em;
    line-height: 1.7em;
}


#pagination{margin-bottom:30px; /* padding-bottom:30px; */  /* border-bottom:1px solid #ccc */}

.coul826337{color:#826337;}
.coul53648f{color:#53648f;}
.could4805c{color:#d4805c;}
.coul377c3f{color:#377c3f;}
.coul823f9b{color:#823f9b;}
.coul9f4666{color:#9f4666;}



.epingled{padding:5px; background-color:#3766b2; color:white;}
.epingled a{color:white !important;}
.epingled a:hover{color:black;}




.blocs_titre
{background-image: none !important;
  background-color:#eee !important;
   text-align:left !important;
    display:block ;
  padding: 5px 10px 5px 10px !important;
  margin:15px 0  20px 0 !important;
font-size:0.95em; font-weight:bold !important;
    border:1px solid #2b59a3;
}


.blocs_titre:after{content:"\25B2"; float:right;
font-size:0.8em; color:#2b59a3;
}


.blocs_replie:after{content:" \25BC" ; }


.blocs_replie {
	background-image:none;
}


div.blocs_invisible{padding:10px 20px; background-color: #f4f4f4;}


.texteencadre-spip {}

.on{font-weight:bold; color:#dd4e49;}


#descriptifafis{
    color:#1b79c5;
    padding: 50px 200px 50px;
    margin-top:-30px;
	font-size: 1.3em; text-align:center;
/*background: -moz-linear-gradient(top, #016abe 0%, #f46b4a 100%);
background: -webkit-linear-gradient(top, #016abe 0%,#f46b4a 100%);
background: linear-gradient(to bottom, #016abe 0%,#f46b4a 100%);*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016abe', endColorstr='#f46b4a',GradientType=0 );}

#lesarticlesdunum{margin-top: 20px;}


.lesarticlesdunumflex{display:flex; flex-wrap:wrap;justify-content:space-between;}

.lesarticlesdunumflex .blockarticlrev{display:flex; width:31%; margin-bottom:20px; }


.lesarticlesdunumflex h4{font-size:0.9em; font-weight:normal; margin-bottom:0; padding-bottom:0; }
.lesarticlesdunumflex small{font-size: 0.7em; margin-top:0px; padding-top:0; line-height:0}


.imgblocarticlrev{width:60px; flex-shrink:0}
.titrreblocarticlrev{flex-shrink:2}

#module-les-dossiers h4{margin-top:20px;}

/* NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV */


#naviphone{display: none;}

ul#nav { font-family: 'ArialNarrowBold';
    text-align:center;
    display:block;
    margin: 90px 0 0 0;
    padding: 0;
    line-height: 1.4em;
    text-transform: capitalize;
    font-size: 1.2em;

}

ul#nav li {
    text-transform: uppercase;
    margin: 0 0px 0 2px;
    padding: 0 0px;
	display:inline-block;
    position: relative;
    list-style: none;
}

#nav > li:last-child {
    margin: 0 0px 0 2px;
}

#nav a {
    display:block;
    padding: 4px 6px;
    margin: 0;
    color:#e45345;
    text-decoration: none;
}

#nav ul li a {
    border-bottom: 1px #0566be solid;
    font-size:13px;
  display:block;
        padding: 6px 6px;
}

#nav li:hover {
    background-color: #0566be;
}

#nav .current a, #nav li:hover > a {
    background-color: #0566be;
    color: #fff;
}

#nav ul li:hover a, #nav li:hover li a {
    background-color: #fff;
    color: #0566be;
}

#nav ul a:hover {
    background-color: #0566be;
}

ul#nav li a:hover {
    background-color: #0566be;
    color: #fff;
}

#nav ul {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    margin: 0px 0 0 20px;
    padding: 0px 0 0 0;
    width: 185px;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: white;
        text-align:left;
}

#nav li:hover > ul {
    display: block;
    z-index: 1000;
    margin: -5px 0 0 0;
}

#nav ul li {
    float: none;
    margin: 0;
    padding: 0px 0;
    display: block;
}

#nav ul a {
    font-weight: normal;
}

#nav ul ul {
    left: 181px;
    top: -3px;
}

#nav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}






/* NAV NAV NAV */



/*NAV MOBILE*/



#naviphone{position:relative; margin:0px 0 0px 0;}

#naviphone h4.blocs_titre {
	background-image:none;
	padding:5px 30px 3px 10px;
	margin:0px;
	cursor:pointer;
    border:none;
}


#naviphone .cs_done a {
  display: block;
text-align:center;
  padding:10px 15px;
  font-size:.7em;
  text-decoration: none;
  color: #OOO !important;
    font-family: 'MediumType';
    font-weight:normal
}



#naviphone .cs_done a:after {
  content:"\2630";
  position:absolute;
  top:15px;
  right:20px;
width:29px;
  height:26px;
  display:block;
}





#naviphone .blocs_destination{
    padding:0px 16px 20px 0;
    background-color: rgba(244, 244, 244, 1);
    margin:0px 0 0 0;
}




#naviphone .blocs_destination ul {
  list-style-type: none;
    margin-bottom:10px;

}
#naviphone .blocs_destination ul a {
  color: #383585;
  text-decoration: none;
  padding: 15px 15px 5px ;
  display: block;
  text-align: left;
    font-size:15px;
  border-top: 1px solid #383585;

}




#naviphone .blocs_destination > ul > li > a
{font-family: 'BoldType'; font-size:20px;}


#naviphone .blocs_destination ul li:first-child a{border-top:0px; }



#naviphone .blocs_destination ul a:hover {
  background-color: #fff;
}
#naviphone .blocs_destination ul ul a {
  padding:5px 15px 5px 30px;
color:#383585;
    border-top: 0px;
}
#naviphone .blocs_destination ul li:nth-child(2) ul li:nth-child(1) a
{ color:#6f2c91;  font-family: 'BoldType';}



#naviphone .blocs_destination ul ul a:before {
  content: "> ";
}
#naviphone .blocs_destination > ul li {
  text-align: left;

}
#naviphone ul {
  padding-left: 0em;
}



#naviphone .blocs_replie:after,
#naviphone .blocs_titre:after
{display:none;}

a:hover{color:#e45345; text-decoration:none;}

#listpanier td{font-size:13px}
#listpanier a{color:red;}
#listpanier td:nth-child(n+2){width:13%; text-align: right;}

#totalpanier{font-size:13px;border-top: 1px dashed #888; margin-top:5px; padding-top:5px; }
#totalpanier td:nth-child(n+2){text-align: right;}

/* Media width adaptation */

@media (min-width: 1300px) {
    .fs-titre{font-size:39px !important;}
    .socialbox {
        width: 252px;
        height:70px;
    }
    #header.sticky .button-moncompte{margin: -7px 0px 0px 0px;}
}

/* Animation for header on scroll */

@media (min-width: 600px) {
    #header,  .leftheader, .logo, .logo img, .baseline, ul#nav, .socialbox, .button-moncompte {
    	-webkit-transition: all 0.4s ease;
    	-moz-transition: all 0.4s ease;
    	-o-transition:  all 0.4s ease;
        transition: all 0.4s ease;
    }

    #header{
		position:sticky;
		position: -webkit-sticky;
	  position: -moz-sticky;
	  position: -ms-sticky;
	  position: -o-sticky;
	}
}

@media   (min-width: 1300px){
	/*#header.sticky {height:70px;}*/
	#header.sticky .logo{ width:120px;}

	#header.sticky .logo img{padding:10px 20px 10px 20px; width:120px}
	#header.sticky .baseline{  font-family: ArialNarrowBold; font-size:1.05em; color:#0566be; margin-top:0; margin-bottom: 7px;}
	#header.sticky ul#nav {margin: 20px 0 0 0;}
    #header.sticky [type="text"], #header.sticky [type="submit"],textarea {display:none;}
}

/* Other size adaptation */

@media (max-width: 1300px) {
    .lesarticlesdunumflex .blockarticlrev{width:48%; }
    #header{display: block;}
    .logo{width:120px; text-align: center; display: inline-block;}
    .logo img{padding:10px 20px 10px 20px;}
    .baseline{margin-top:0; margin-bottom:10px;}
    .navigation{width:100%;}
    .socialbox{ position:absolute; margin:0 10px 10px 0px; top:10px; right:0; }
    ul#nav {margin: 10px 0 0 0;}
    .social img{margin:10px 0px 0px 0px; }
    .social img:hover{margin:5px 0px 5px 0px;}
    [type="text"], textarea {
    }

    .submit{margin-top:16px;}

	#boite-flex{ justify-content:flex-start;  flex-wrap:wrap;}
	.un-article-plus-lus{ margin: 0 10px 30px 0; flex:none; width:calc(33% - 10px); }
    .un-article-plus-lus:nth-child(1n+5){display:none}

    .articles-plus-lus div{max-width:23%}

	.une-note-de-lecture{ margin:0 4% 20px 0; flex:none; width:calc(30% - 10px); text-align: center; }
	.une-note-de-lecture:nth-child(3n+0){margin-right:0px; }

	.flextwo{display:flex; margin-bottom:30px; flex-direction: column;}
	.flextwo div:first-child{width: 100%; margin-right: 0%; margin-bottom:20px;}
	.flextwo div:last-child{width: 100%}

	sup [id^="nh"]{
		padding-top: 30px;
		position: relative;
		top: 00px;
		margin-bottom: -30px;
	}
}

@media (max-width: 921px) {
    .fs-categorie{ font-size:.85em;}
    #descriptifafis{
        padding: 50px 50px 50px;
    }
}

@media (max-width: 777px) {
	#mod-articles-plus-lus, .col-3{margin-top:40px; padding-top:40px; border-top:1px solid #999}
    .petitescouv div{ padding:20px; width:33%;}
    .text-col-sps{margin-top:0px;}
    .articles-plus-lus div{max-width:47%; width:47%}
	.paniercolonne{ display:none;}
}

@media (min-width: 778px) {
	.paniercontent{display:none;}
}

/* Adaptation to mobile view (width less than 710px) */
@media (max-width: 710px) {
    .social {text-align: center;}
    .leftheader { text-align:center; }
    .socialbox{ position:initial; text-align:center; padding-bottom:10px; }

    .article-de-liste{flex-direction: column;}

   .listerevues .article-de-liste{flex-direction: row;}

    .image-liste-article{margin:0 0 10px 0; width:100%}


    .listerevues .image-liste-article{margin-right:20px; width:27%}

    .texte-liste-article{width:100%}

    .un-article-plus-lus{ margin: 0 10px 30px 0; flex:none; width:100%; }

    #lastnumbersps {flex-direction: column;}

    #lastnumbersps div:first-child{ width:100%; margin:0 30px 40px 0;}

    .quatrenumero{ flex-wrap:wrap; }
    .quatrenumero div{width:48%}

    .lesarticlesdunumflex .blockarticlrev{width:100%; margin-bottom:10px; }


    .imgblocarticlrev{width:30px; flex-shrink:0; padding-right:7px;}
    .titrreblocarticlrev{flex-shrink:2}

    /* Hide 'Derniers thèmes traités' */
    #module-liste-themes{ display:none; }
}

@media (max-width: 450px) {
    .une-note-de-lecture{ margin:0 4% 20px 0; flex:none; width:calc(50% - 10px); text-align: center; }
    .une-note-de-lecture:nth-child(3n+0){margin-right:10px; }
    .une-note-de-lecture:nth-child(2n+0){margin-right:0px; }

    #bloc-auteur-page-auteur{display:block; margin-bottom:30px;}

    #bloc-auteur-page-auteur img{max-width:120px; width:100%;  margin: 0 10px 0px 0}
    .petitescouv div{ padding:20px; width:50%;}
}

@media (max-width: 410px) {
   .articles-plus-lus div{max-width:100%; width:100%}
}