@media screen and (min-width: 768px) and (max-width: 1279px) {
	
	/* CSS Document */

			@font-face {
  font-family: roboto;
  src: url('https://jcr-editions.fr/squelettes/font/Roboto-Regular.ttf');
}		

			@font-face {
  font-family: roboto;
  src: url('https://jcr-editions.fr/squelettes/font/Roboto-Bold.ttf');
  	font-weight: bold;
}		





body {
  font-family: roboto;
font-size: 1.2em;
    background: #f6f6f6;
    border: none;
}


/* BLOCS COMMUNS */

.page {
position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    height: auto;
    overflow: hidden;
    z-index: 2;
    max-width: 100%;
	}

.main {
  margin: 0;
  padding: 0;
}

.wrapper {
    position: relative;
    top: 0;
	float: none;
    clear: both;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 14;
	}

	/* Englobe cartouche et content_text */

.content {
    width: 100%;
	height: auto;
    overflow: hidden;
    padding: 0;
	}

.content .texte h3 {
    color: #1297b9;
    font-size: 1.4em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    letter-spacing: 2px;
		}

.content .texte p a.spip_out:hover {
color: #949494;
background:#fff;
}

.cartouche {
	width: 100%;
    height: 100px;
    margin: 0;
    padding: 0 1em;
    background: #1297b9;
    margin-bottom: 0!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
		}

	
.cartouche h1 {
    color: #fff;
    font-size: 1.3em;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 500;
    font-family: roboto;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}


 .cartouche h1 img{
     width: 30px;
	   vertical-align: middle;
	}


 .cartouche .barre_livre {
 text-align: center;
 margin: 0;
 }
	
	
 .cartouche .barre_livre img {
    width: 100px;
    object-fit: cover;
    height: auto;
    margin: 10px 0 0;
	 }


/* Syntaxe et liens */

em, i {
    font-style: normal;
}

a:focus, a:active {border:none; background:none;}

p {
color: #222;
font-size: 0.8em;
font-family: roboto;
}


/* liens p*/
p a.spip_mail {
color: #949494;
}

 p a.spip_mail:hover {
color: #949494;
background:#fff;
}

p a.spip_out {
color: #949494;
}

p a.spip_out:hover {
color: #949494;
background:#fff;
}



	/* NAV PHONE */
	
.phone {display:none;}


	/* HEADER - MENUS NORMAL */
#header {
    position: relative;
    width: 100%;
    height: 170px;
    background: #eee url(https://jcr-editions.fr/IMG/fonds/fond_entete.png) no-repeat bottom center;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: 5px 5px 10px 1px rgb(0 0 0 / 10%);
    background-size: inherit;
    z-index: 15;
	}

	
		/* LOGO */	
	
#header	.logo_nav {
    width: 100%;
	height:auto;
	height:auto;
    text-align: left;
	  transition: 0.2s;
		}
	
#header	.logo_nav a:hover{
	border:none;
	background: none;
	}
	
#header	.logo_nav .spip_logos {
float: none;
    width: 130px;
    height: 130px;
	    margin: 0;
    padding: 1em;
	  transition: 0.1s;
    position: relative;
    z-index: 20;
			}


.nav_mobile {display:none;}

	
	/* NAV SOCIAL */
	
#header .navsocial {
     width: 100%;
    height: 40px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    background: #222;

}

#header .navsocial img{
    width: 30px;
    height: 30px;
	    object-fit: none;
	}

#header .navsocial a, #header .navsocial a:hover, #header .navsocial a:active, #header .navsocial a:visited{
color:#fff;
border:none;
background:none;
}
	
	
#header	.navsocial_grid {
    display: flex;
    width: 100%;
    height: 35px;
    margin: 0 1em 0 0;
    text-align: center;
    justify-content: center;
    align-items: center;
	}
	
#header .navsocial .navsocial_grid img{
       object-fit: cover;
    margin: 0 10px 0 0;
    padding: 5px;
    width: 35px;
    height: 35px;
	}
	


/* MENU CLASSIQUE */

.nav_menu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	height:50px;
    background: rgb(255,255,255,0.5);
	-webkit-transition: .25s 0s ease-in-out;
    transition: .25s 0s ease-in-out;
}


.nav_menu ul {
    display: flex;
    flex-direction: row;
    position: relative;
    left: 150px;
 	height:50px;
   align-items: center;
    margin: 0;
}

.nav_menu ul a { color:#222;color:#222;text-decoration: none;}

.nav_menu ul a:hover {
	color:#fff;
	background: #222;
}

.nav_menu ul a:active, .nav_menu ul a:focus {border:none; background:none;}

.nav_menu ul li {
    margin: 0;
    padding: 0;
		}
		
.nav_menu ul li h1 { 
font-size: 0.8em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px;
    margin: 0;
		}


.nav_menu ul li h1, .nav_menu ul li h1 a;hover {
	color:#fff;
	background: #222;
}


.nav_menu ul img {
    width: 11px;
    height: 30px;
    margin: 0 0 0 10px;
    object-fit: cover;
	}


/* FOOTER */
	
	.footer {
	position: relative;
    top: 0;
    width: 100%;
    height: 350px;
    clear: both;
    padding: 0;
    border: none;
    background: #222;
	}

	.footer h3 {
    width: 100%;
    color: #fff;
    font-size: 0.7em;
    letter-spacing: 2px;
    text-align: center;
    font-family: roboto;
    margin: 2em 0 0;
	    border-top: 1px dashed;
    padding: 15px;

	}
	
	.footer .grid_footer{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 30px;
    width: 90%;
    padding: 2em 1em 0 1em;
    margin: 0 auto;
	}


.footer .grid_footer ul.colonne1, .footer .grid_footer ul.colonne2, .footer .grid_footer ul.colonne3 {color:#fff; margin:0; padding:0; list-style: none;}


.footer .grid_footer ul.colonne1 h1, .footer .grid_footer ul.colonne2 h1, .footer .grid_footer ul.colonne3 h1 {
    width: auto;
    font-size: 1.7em;
    padding: 20px 0 0;
    line-height: 1;
    letter-spacing: 2px;
    display: inline-block;
	}

.footer .grid_footer ul.colonne1 h2, .footer .grid_footer ul.colonne2 h2, .footer .grid_footer ul.colonne3 h2 {
    display: inline-block;
    width: 100%;
    font-size: 1.3em;
    border-bottom: 1px dashed #fff;
    padding: 0 0 0.5em;
    letter-spacing: 2px;
    text-align: center;
}

.footer .grid_footer ul.colonne1 li, .footer .grid_footer ul.colonne2 li, .footer .grid_footer ul.colonne3 li {
    display: block;
    font-size: 0.75em;
    letter-spacing: 2px;
    line-height: 1.6;
    padding: 0 0 8px;
    margin: 0 0 0 1.5em;
}

.footer .grid_footer ul.colonne1 li p, .footer .grid_footer ul.colonne2 li p, .footer .grid_footer ul.colonne3 li p {
	color: #fff;
    font-size: 1em;
    font-family: roboto;
    margin: 0;
	}


.footer .grid_footer ul.colonne1 li a, .footer .grid_footer ul.colonne2 li a, .footer .grid_footer ul.colonne3 li a {color:#fff;  padding: 8px 0 8px;}

.footer .grid_footer ul.colonne1 li a:hover, .footer .grid_footer ul.colonne2 li a:hover, .footer .grid_footer ul.colonne3 li a:hover { border: none;  background: #eee; color:#333;}





/* PAGE SOMMAIRE */

.slides {  
	position: relative;
    top: 0;
	width:100%;
	margin: 0;
    padding: 0;
    z-index: 14;
		}

/* SLIDE 1 */
 #slide_1 {
	width: 100%;
    height: 850px;
	padding: 0;
    margin: 0;
	}

 

#slide_1 .contenu {    
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
		}

 #slide_1  h1 {
    display: flex;
    display: inline-flex;
   font-size: 1em;
    color: #309fbb;
    font-family: roboto;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transform: scaleY(1.2);
    -moz-transform: scaleY(1.2);
    -o-transform: scaleY(1.2);
    border-bottom: 6px dotted #cfeaec;
	}

#slide_1 .contenu .logo {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
		 }
 
 #slide_1 .contenu .logo img{
	width: 100%;
    height: 850px;    
	object-fit: cover;
    object-position: top center;
    filter: none;
    margin: 0;
    padding: 0;
 }

  #slide_1 .contenu .text {
	position: absolute;
    top: 100px;
    display: flex;
    width: 50%;
    height: 100%;
    overflow: hidden;
    font-family: roboto;
    color: #fff;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 1em;
    margin: 0;
			 }

 #slide_1 .contenu .text h2 {
    font-size: 1.3em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 25px 0;
		}


 #slide_1 .contenu .text h3 {
    display: flex;
    width: 80%;
    font-size: 1.6em;
    line-height: 1.1;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0;
		}
	

 #slide_1  .contenu .text h3 a {
    color: #fff;
}
 #slide_1 .contenu .text h3 a:hover {
 background:#eee;
	color: #222;
}


#slide_1 .contenu .text .commander_une{
    width: 100%;
    padding: 0;
    margin: 20px 0 0;
    height: auto;
    overflow: hidden;
	 }
	 
#slide_1 .contenu .text .commander_une a {
color: #fff;
    font-size: 0.85em;
    text-decoration: none;
 }
				 
#slide_1 .contenu .text .commander_une a:hover {
 color:#eee;
 border:#222 1px solid;
 background:#fff;
 padding: 0;
 margin: 0; 
 }


#slide_1 .contenu .text .commander_une h6 {
    width: 150px;
    height: auto;
    font-size: 1em;
    font-family: roboto;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    line-height: 1;
    margin: 0 auto;
    padding: 10px;
    background: #309fbb;
	}



/* SLIDE 2 */
 #slide_2 {
    display: flex;
    height: 350px;
    overflow: hidden;
    margin: 0;
    z-index: 10;
    align-items: center;
    justify-content: center;
	 	}

 #slide_2 .contenu {
	display: grid;
    grid-template-columns: 33% 33% 33%;
    width: 80%;
	padding: 0;
    margin: 1em auto;
	gap: 20px;
    align-items: center;
}

 #slide_2 .contenu .boutique,  #slide_2 .contenu .livres, #slide_2.contenu .ebooks {
    width: 95%;
    height: auto;
    padding: 3em 0;
    margin: 0 auto;
	    text-align: center;
}		

 #slide_2 .contenu .boutique h1 {
    font-size: 1.3em;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.5;
    color: #222;
	margin-bottom: 0;
}


 #slide_2 .contenu .livres h1,  #slide_2 .contenu .ebooks h1 {
    display: flex;
	width: 100%;
	height: 200px;
    color: #fff;
    background: #309fbb;
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 0;
    align-items: center;
    justify-content: center;
	}


 #slide_2 .contenu .livres h1 a,  #slide_2 .contenu .ebooks h1 a {

}


#slide_2 .contenu .livres h1 a:hover, #slide_2 .contenu .ebooks h1 a:hover {

}




/* SLIDE 3 */
 #slide_3 {
    position: relative;
    top: -0;
	height: 400px;
    overflow: hidden;
    margin: 0;
    z-index: 10;
	box-shadow: 5px -5px 10px 1px rgb(0 0 0 / 10%);
	}

	
#slide_3 img {
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0.3);
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 400px;
		}
	
	
 #slide_3 .conteneur {
	position: relative;
    top: 50px;
    width: 60%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2em;
    margin: 0 0 0 3em;
    z-index: 10;
}

	#slide_3 .conteneur .colonne1, #slide_3 .conteneur .colonne2, #slide_3 .conteneur .colonne3 { margin:0; padding:0;}
		
	#slide_3 .conteneur .colonne1 h1{  font-size: 2em; color: #fff; letter-spacing: 2px; line-height:1.2;    margin: 0 0 10px 0;}
		
	#slide_3 .conteneur .colonne1 h2{margin:0; padding:0; }

    #slide_3 .conteneur .colonne1 h2 p {
	color: #fff;
    width: 100%;
    font-size: 0.6em!important;
    font-weight: normal;
    font-family: roboto;
    letter-spacing: 2px;
	    line-height: 1.3;
		}


/* SLIDE 4 */
 #slide_4 {
	position: relative;
    top: 40px;
    height: 400px;
    overflow: hidden;
    margin: 0;
    z-index: 10;   	}


 #slide_4 .conteneur {
    display: flex;
    flex-flow: row;
    grid-gap: 20px;
    width: 95%;
    height: auto;
    overflow: hidden;
    margin: 1em auto;
    justify-content: center;
			}
	

	/* SLIDE 4 - AUTRE */
 #slide_4 .conteneur_autre {
    width: 100%;
    height:300px;
    background: #1b94b2;
    margin: 0;

		}
		
	#slide_4 .conteneur_autre .texte {   
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
	}

	#slide_4 .conteneur_autre .texte a {   
	display: flex;
    margin: 40px 0 0;
    color: #fff;
    font-size: 0.7em;
    text-transform: uppercase;
	}

	 #slide_4 .conteneur_autre  .texte a:hover {
	 background:none;
	 border:none;	 
}

 #slide_4 .conteneur_autre .texte  img { 
    width: 25px;
	height:25px;
    margin: 0 0 0 10px;;
    padding: 0;
    vertical-align: middle;
	}

 #slide_4 .conteneur_autre .texte h1 {
    color: #fff;
    font-size: 1.4em;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    line-height: 1;
    letter-spacing: 2px;
	}


	/* SLIDE 4 - LIST */


	 #slide_4 .conteneur .conteneur_list {
	position: relative;
	width: 100%;
	height: 300px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    vertical-align: top;
	 }

 #slide_4 .conteneur .conteneur_list .titre {   
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
	height: 70px;
    margin: 0;
    padding: 0;
    background: #222;
	z-index: 20;
		}
		
 #slide_4 .conteneur .conteneur_list .titre h1 {
    text-align: center;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: roboto;
    width: 80%;
    margin: 0 auto;
    line-height: 1.3;
	   }

 
 #slide_4 .conteneur .conteneur_list .titre a {
    color: #fff;
    font-size: 0.85em;
    width: 80%;
    padding: 10px;
    height: 40px;
    display: flex;
    align-items: center;
 }
 #slide_4 .conteneur .conteneur_list .titre a:hover {
 background:#fff;
 border:none;
 color:#333;
  }

 

 #slide_4 .conteneur .conteneur_list .logo{
width: 100%;
 height: 300px;
 margin: 0;
 padding: 0;
	 }
	 
  #slide_4 .conteneur .conteneur_list .logo .spip_logos{
    width: 100%;
    height: 300px;
    margin: 0;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
	 }


	/* PAGES A PROPOS, STATUTS, MENTIONS LEGALES */

.content_text {
	position: relative;
    display: flex;
    width: 70%;
    margin: 2em auto;
    padding: 0 1em;
	    z-index: 5;
	}

.content_text .spip_logos {
    width: auto;
    height: 600px;
	box-shadow: #c5c5c5 5px 5px 7px;
	margin: 0 15px 15px; 
}

	

/* PAGE CONTACT */


.content label {
    display: block;
	width:250px;
	font-size: 0.8em;
	color: #309fbb;
    font-family: roboto;	
	}
	
	.content input.text {
	 background: #f6f6f6;
    padding: 0 1em;
    height: 40px;
    font-size: 0.75em;
    color: #222;
    font-family: roboto;
    border: #222 1px solid;
	}



.ariaformprop {
    position: relative;
    display: flex;
    width: 40%;
    margin: 0 auto;
    padding: 3em 1em;
    z-index: 5;}

.formulaire_ecrire_auteur textarea {
    width: 100%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f6f6f6;
    padding: 0.5em 1em;
    border: #222 1px solid;
    color: #222;
}

.formulaire_spip .boutons input, .formulaire_spip .boutons button {
    background: #309fbb;
    border-bottom: #5b5b5b 2px solid;
    border-right: 3px solid #5b5b5b;
    border-top: 5px #eee solid;
    border-left: 5px #eee solid;
    padding: 0.5em 1em;
    font-size: 1em;
    font-family: roboto;
    font-weight: 500;
    color: #fff;
}

.ariaformprop span	{ color: #309fbb;
    font-size: 0.8em;
    font-family: roboto;
	}
	
	
.formulaire_spip li {
clear: both;
    margin-bottom: 0.75em;
    display: grid;
    gap: 20px;
    grid-template-columns: 30% 70%;
	}


/* PAGE RUBRIQUE AUTEURS & PARUTIONS */

.content .content_vignettes {
	width: 95%;
    margin: 0 auto;
    padding: 3em 1em;
}

.content .content_vignettes .vignettes {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.content .content_vignettes .vignettes .discover_shop {
position:relative;
	width: 100%;
	margin: 1em auto;
	 }

.content .content_vignettes .vignettes .discover_shop h1 {
	position: absolute;
    z-index: 20;
    color: #fff;
    top: 80px;
    text-align: left;
    width: 50%;
    font-family: roboto;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1.2;
    margin: 0 0 0 1em;
	}
	
.content .content_vignettes .vignettes .discover_shop img {    
	width:100%;
    object-fit: cover;
    height: 300px;
	filter: brightness(0.4);
	 }

.content .content_vignettes .vignettes .menu {
    display: flex;
    flex-flow: row;
    grid-gap: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1em auto;
    justify-content: center;
	}




.content .content_vignettes .vignettes .menu .list {
    	position: relative;
	width: 300px;
	height: 300px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    vertical-align: top;
	}

.content .content_vignettes .vignettes .menu .list .title {
position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
	height: 70px;
    margin: 0;
    padding: 0;
    background: #222;
	z-index: 20;
}

.content .content_vignettes .vignettes .menu .list .title a {
color: #fff;
    font-size: 0.85em;
    width: 80%;
    padding: 10px;
    height: 40px;
    display: flex;
    align-items: center;
}

.content .content_vignettes .vignettes .menu .list .title a:hover {
 background:#fff;
 border:none;
 color:#333;
}

.content .content_vignettes .vignettes .menu .list .title h1 {
        text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: roboto;
    width: 80%;
    margin: 0 auto;
    line-height: 1.3;
		}
		
.content .content_vignettes .vignettes .menu .list .logo {
width: 100%;
 height: 300px;
 margin: 0;
 padding: 0;
}

.content .content_vignettes .vignettes .menu .list .logo .spip_logos {
      width: 300px;
    height: 300px;
    margin: 0;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
	}




/* PAGE ARTICLE LIVRES */

.content_text_livres {
    display: flex;
    width: 95%;
    flex-direction: row;
    margin: 2em 0;
    padding: 1em;
    align-items: start;
    justify-content: center;
}

.content_text_livres .texte {
   height: auto;
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 0;
		}
		
.content_text_livres .texte p {
    overflow: hidden;
    width: 95%;
    margin: 10px auto;
	}

.content_text_livres .images {
height: auto;
overflow: hidden;
margin:0;
padding:0;
}

.content_text_livres .images .spip_logos {
    width: 100%;
    height: 300px;
    object-fit: cover;
    margin: 0;
}


.content_text_livres .images .doc {
    width: 90%;
    margin: 1em auto;
}

.content_text_livres .images .doc a {
border:none;
background:none;
}
.content_text_livres .images .doc img {
margin: 0 10px 0 0;
width:130px;
height:200px;
object-fit:cover;
}


/* Bouton lien boutique */
.content_text_livres .hyperlien {
float: left;
    width: 120px;
    padding: 7px;
    color: #fff;
    font-size: 0.7em;
    text-align: center;
    text-transform: uppercase;
    font-family: roboto;
    background: #222;
    box-shadow: 2px 2px 5px #ccc;
    font-weight: normal;
	}

content_text_livres .hyperlien a  {
    color: #222;
}

.content_text_livres .hyperlien:hover {
color: #222;
	background:#fff;
	border:#222 solid 1px;
}

.content_text_livres .hyperlien a:hover {
    color: #222;
	background:#fff;
	border:#222 solid 1px;
}



 .ref_livre {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #e6e6e6;	}
	
	
 .ref_livre h1 {
    width: 60%;
    font-size: 1.3em;
    font-weight: 500;
    color: #222;
    font-family: roboto;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 1em auto 0;
    padding: 0;
		}

.autres_livres {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #e6e6e6;
	}


 .autres_livres_global {
    display: flex;
    flex-flow: row;
    grid-gap: 20px;
    width: 95%;
    height: auto;
    overflow: hidden;
    margin: 1em auto;
    justify-content: center;
	}
	
 .autres_livres_list {
position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    vertical-align: top;
}


	 .autres_livres_list .autres_livres_list_title {
	     position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
    height: 70px;
    margin: 0;
    padding: 0;
    background: #222;
    z-index: 20;
	}
	
	.autres_livres_list .autres_livres_list_title a {  
	color: #fff;
    font-size: 0.85em;
    width: 80%;
    padding: 10px;
    height: 40px;
    display: flex;
    align-items: center;
	}
	
			 .autres_livres_list .autres_livres_list_title a:hover {    color: #222;
    background:#fff; }


		 .autres_livres_list .autres_livres_list_title h2 {
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: roboto;
    width: 80%;
    margin: 0 auto;
    line-height: 1.3;
				}
		
		.autres_livres_list .autres_livres_list_title h2 a {
		color:#fff;
		}
		
		 .autres_livres_list .autres_livres_list_title h2 a:hover {
		 background:#fff;
		 color:#222;
		}

	 .autres_livres_list .autres_livres_list_logo {
	 width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
	}

			 .autres_livres_list .autres_livres_list_logo .spip_logos {
			 width: 100%;
			height: 300px;
			margin: 0;
			object-fit: cover;
			max-width: 100%;
			max-height: 100%;
			}


/* PAGE ARTICLE AUTEURS */

.content_text_auteurs {
	display: flex;
    width: 95%;
    margin: 0 auto;
    padding: 3em 0;
    align-items: start;
    justify-content: center;
		}

.content_text_auteurs .texte {
    width: auto;
    margin: 0;
    padding: 0 0 0 10px;
    z-index: 5;
	}


.content_text_auteurs .spip_logos {
    float: left;
    width: 250px;
    height: 350px;
    margin: 0 10px 0 0;
    object-fit: cover;
	}



		/* autres auteurs */
 .barre_titre_auteur {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #e6e6e6;
	}
	
 .barre_titre_auteur h1 {
    width: 60%;
    font-size: 1.3em;
    font-weight: 500;
    color: #222;
    font-family: roboto;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 1em auto 0 50px;
    padding: 0;
		}

 .autres_auteurs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #e6e6e6;
	}


.autres_auteurs_global {
	display: flex;
    flex-flow: row;
    grid-gap: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1em auto;
    justify-content: center;
	}
	
 .autres_auteurs_list {
    position: relative;
    width: 300px;
    height: 300px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    vertical-align: top;
	}

.autres_auteurs_list .autres_livres_auteur_list_title {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
    height: 70px;
    margin: 0;
    padding: 0;
    background: #222;
    z-index: 20;
	}
	
	
.autres_auteurs_list .autres_livres_auteur_list_title a {
	color: #fff;
    font-size: 0.85em;
    width: 80%;
    padding: 10px;
    height: 40px;
    display: flex;
    align-items: center;
	}

.autres_auteurs_list .autres_livres_auteur_list_title a:hover {
background:#fff;
color:#222;
}
 .autres_auteurs_list .autres_livres_auteur_list_title h2 {
	text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: roboto;
    width: 80%;
    margin: 0 auto;
    line-height: 1.3;
	}

 .autres_auteurs_list .autres_livres_auteur_list_title h2 a {
 color: #fff;
    font-size: 0.85em;
    width: 80%;
    padding: 10px;
    height: 40px;
    display: flex;
    align-items: center;
}

.autres_auteurs_list .autres_livres_auteur_list_title h2 a:hover {
background:#fff;
color:#222;
}

.autres_auteurs_list .autres_livres_auteur_list_logo {
width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
	}


.autres_auteurs_list .autres_livres_auteur_list_logo .spip_logos {
	width: 300px;
    height: 300px;
    margin: 0;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}



		/* AUTRES LIVRES DE L'AUTEUR */

 .autres_livres_auteur {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 2em;
    padding: 0;
}

 .barre_titre_livres_auteur {
	width: 100%;
    height: 80px;
    overflow: hidden;
    background: #1297b9;
    border-bottom: 2px dashed #222;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #fff;
		}
	
 .barre_titre_livres_auteur h1 {
	width: 100%;
    font-size: 1.3em;
    font-weight: 500;
    color: #fff;
    font-family: roboto;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-align: center;
		}
	

.autres_livres_auteur_global {
	display: flex;
    flex-flow: row;
    grid-gap: 20px;
    width: 90%;
    height: auto;
    overflow: hidden;
    margin: 1em auto;
	    align-items: center;
    justify-content: center;
	}
	
 .autres_livres_auteur_list {
position: relative;
    width: 250px;
    height: 300px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

 .autres_livres_auteur_list .autres_livres_auteur_list_title a {
     color: #fff;
    font-size: 0.85em;
    width: 80%;
    padding: 10px;
    height: 40px;
    display: flex;
    align-items: center;
 }

 .autres_livres_auteur_list .autres_livres_auteur_list_title a:hover {
 background:#fff;
color:#222;
border:none;

}

 .autres_livres_auteur_list .autres_livres_auteur_list_title {
 position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: inherit;
    height: 70px;
    margin: 0;
    padding: 0;
    background: #222;
    z-index: 20;
	}

 .autres_livres_auteur_list .autres_livres_auteur_list_title h2 {
text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: roboto;
    width: 80%;
    margin: 0 auto;
    line-height: 1.3;
	}

 .autres_livres_auteur_list .autres_livres_auteur_list_logo {
     width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
	}

.autres_livres_auteur_list .autres_livres_auteur_list_logo .spip_logos {
width: 300px;
    height: 300px;
    margin: 0;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}


 .autres_livres_auteur_list a {
color:#222;
}

.autres_livres_auteur_list a:hover {
background:#fff;
color:#222;
border:none;
}










	




	
	}