body
{
   width: 1024px; /* Taille du site */
   margin: auto;
   background-color: #e2e2e2;
}
header
{
   width: 1024px; 
   height: 155px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#banniere_header
{
	height: 120px;
	background-image: url("../img/img_city/banniere_logo.jpg");
    background-repeat: no-repeat;
	margin-top: 0px;
}

#logo_header
{
   width: 325px;
   float: left;
}

#promo_header
{
	height: 115px;
	float: left;
	width: 433px;
	padding-top:3px;
}

#barre_header
{
	height: 35px;
	width: 1024px;
}

#menu1_header
{
    float: left;
	width: 130px;
	height: 35px;
    text-align: center;
    margin-top: 0px;
	background-color:#656599;
}

.menu2_header
{
 float: left;   
   width: 112px;
	height: 35px;
    text-align: center;
	margin-top: 0px;
	background-color:#d0cfc4;
}

.menu3_header
{
 float: left;   
   width: 106px;
	height: 35px;
    text-align: center;
    margin-top: 0px;
	background-color:#c0bdad;
}

.menu4_header
{
 float: left;   
   width: 75px;
	height: 33px;
    text-align: center;
    margin: 0px;
	background-color:#c0bdad;
	line-height:15px;
	padding-top: 2px;
}

.menu5_header
{
 float: left;   
   width: 75px;
	height: 33px;
    text-align: center;
    margin-top: 0px;
	background-color:#d0cfc4;
	line-height:15px;
	padding-top: 2px;
}

.search1
{
   text-align: center;
	font-size: 12px;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-weight : bold;
	color : #624e7e;
	height: 35px;
	width: 345px;
	background-color:#c0bdad;
color : #000073;
float: left;   
}

 .texte_menu3
{
    font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-weight : bold;
	color : #624e7;
	line-height:35px;
	text-decoration: none;
}
	
 .texte_menu
{
    font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-weight : bold;
	color : #000073;
	line-height:35px;
	text-decoration: none;
}
	
 .texte_menu_ed1
{
    font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-weight : bold;
	color : #000073;
	line-height:17px;
	text-decoration: none;
	padding :0px;
}

 .texte_menu_ed1_bis
{
    font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-weight : bold;
	color : #000073;
	line-height:14px;
	text-decoration: none;
	padding :0px;
}

 .texte_menu_ed2
{
    font-size: 10px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #000073;
	text-decoration: none;
	padding :0px;
	margin: 0px;
	line-height:14px;
	margin-bottom: 5px;
}

 .texte_menu2
{
    font-size: 12px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-weight : bold;
	color : #ffffff;
	line-height:35px;
	text-decoration: none;
}

.header_droite
{
	margin: auto;
	width: 180px;
	text-align: center;
	font-size: 14px;
	font-family:Myriad pro, Arial, Verdana, sans-serif;
	color : #660066;
	padding-top:15px;
	float: left;
  }


nav
{
	width: 150px;
	height: 100%;
	float: left;
	margin-top: 0px;
	background-color:#edece9;
}

#menu1_nav
{
     float: left;
	width: 154px;
	height: 35px;
    text-align: center;
    margin-top: 0px;
	background-color:#660066;
}

.bouton_nav
{
 margin-bottom:13px;
  }
  
 .bouton_nav2
{
 margin-top:30px;
    text-align: center;
    font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #3b3b3b;
	margin-bottom:5px;
  }
  
 .bouton_nav2 a
{
	color : #3b3b3b;
  }
  
   .bouton_nav3
{
 text-align: center;
  }

.menu_gauche
{
 padding-left:10px;
 padding-top : 20px;
  }
  
.contenu
{
	width: 850px;
  margin-left: 150px;
  margin-top: 0px;
  background-color:#ebebeb;
  min-height:1450px;
  
}

section 
{

  background-color:#ebebeb;
  
}
	
.bloc_defilement
	{
overflow-y:auto;
max-height:1200px;
overflow-x:hidden;
	}
	
.bandeau
{
    padding-top: 24px;
	text-align: center;
	height: 150px;
  margin-left: auto;
  margin-right: auto;
}

@keyframes AutoSlide {
     0% {
        left: 0px; /*1ère image*/
    }
    15% {
        left: 0px; /*idem pour attente*/
    }
    35% {
        left: -620px; /*2ème image*/
    }
    50% {
        left: -620px; /*idem pour attente*/
    }
    70% {
        left: -1240px; /*3ème image*/
    }
    85% {
        left: -1240px; /*idem pour attente*/
    }
    100% {
        left: 0px; /*1ère image*/
}
}

#slideshow {
    position: relative;
    width: 620px;
    height: 150px;
    overflow: hidden;
	margin-left: 38px;      
}
#sContent li {
    display: inline;
}

#sContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 1860px;
    margin: 0;            
    padding: 0;
    
    /*CSS3 keyframes animation*/
    animation-name: AutoSlide;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

#titre_accueil
{
   margin-top: 13px;
   text-align: center;
   height: 30px;
   width: 620px;
   font-size: 24px;
	font-family:Arial narrow, Arial, Verdana, sans-serif;
	color : #660066;
	  margin-left: 40px;
   margin-right: 175px;
}

.titre_typo
{
   float: left;
   margin-top: 3px;
    margin-left: 18px;
   text-align: left;
   height: 20px;
   width: 620px;
   font-size: 16px;
	font-family:Arial narrow, Arial, Verdana, sans-serif;
	color : #6b6853;
}

 .titre_typo a
{

	color : #6b6853;

}

.bloc_couvs
{
	text-align: center;
	
}

.couv_accueil 
{
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	width: 680px;
	height: 200px;
	background-image: url("../img/img_city/Etagere-bois.png");
 }
 
 .couv_small
{
	float: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 6px;
 }
 
 .couv-index {
	width: 121px;
	height: 181px;
	border: 1px solid #808080;
	box-shadow: 4px 1px 7px #aaa;
	margin-left: 4px;
}
 
 
.biblio_couvs
 {
	width: 410px;
	float: left;
	margin: 5px;
	vertical-align: middle;
	padding :0;
	border-color : #808080;
	margin-top: 30px;
	margin-left: 40px;
 }
 
  .nav_right
{
	width: 180px;
	float: right;
	margin: 0px;
	margin-top: 0px;
	 background-color:#ebebeb;
  }
  
  #resume_rubrique
{
   padding-top: 30px;
   text-align: center;
   height: 50px;
   width: 694px;
   font-size: 21px;
   font-family:Tahoma, Arial, Verdana, sans-serif;
   color : #660066;
   margin-right: 180px;
   background-color:#f8f7f6
}

 .resume_livre
{
  width: 674px;
   border-top : 1px solid #000;
 min-height:180px;
 margin-top : 10px;
  padding-left :10px;
}

 .resume_couv
{
   float: right;
   margin-top : 10px;
     margin-bottom : 10px;
	  text-align: center;
	  width: 160px;
	   
}

 .resume_couv2
{
  text-align: center;
}

 .resume_like
{
  margin-top : 20px;
  float: right;
}

 .resume_texte
{
   width: 499px;
   margin-right : 160px;
   margin-top : 15px;
}

 .resume_titre
{
   text-align: left;
   width: 320px;
   
    font-size: 16px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #945a35;
	margin-top:0;
	  padding : 0px;
	   line-height:20px;
}

 .resume_titre a
{
	color : #945a35;
}

 .resume_extrait
{
   width: 120px;
    font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #656599;
	float: right;
	 margin-right : 10px;
}

 .resume_extrait a
{
	color : #656599;
}

 .resume_argu
{
   text-align: left;
   width: 499px;
   text-align: left;
	font-size: 13px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #535754;
	  margin-top : 15px;
}

 .resume_style2
{
	text-align: left;
	font-size: 10px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #4f4f4f;
  margin-top : 10px;
}

.resume_style3
{
   text-align: left;
	font-size: 14px;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-weight : bold;
	color : #757376;
}

.resume_style3 a
{
   
	color : #757376;
}

.resume_style4
{
   text-align: left;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-weight : bold;
	color : #403e3f;
}

.ombre 
{
  box-shadow: 4px 4px 7px #aaa;
}

 .livres_suivants1
{
   height: 30px;
   width: 630px;
   border-top : 1px solid #000;
   padding-top : 20px;
   margin-top : 30px;
}

.livres_suivants2
{
  	float: right;
	height: 25px;
	width: 25px;
}

 .livres_suivants3
{
	float: right;
	text-align: right;
	height: 25px;
	width: 320px;
	font-size: 13px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #ffffff;
	background-color:#656599;
	 padding-right : 5px;
	 line-height:22px;
}
p
{
margin : 0;
padding : 0;
}

.italique 
{
font-style: italic;
}


.titre_long
{
   font-size: 16px;
}

.book_bloc
{
   width: 692px;
 
}

.book_couv1
{
   width: 200px;
  float: left;
  background-image:linear-gradient(to bottom, #ffffff, #ebebeb);
   height: 800px;
    margin-top: 0px;
	 margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.book_couv2
{
  margin-top: 60px;
}

.book_texte
{
  margin-left : 220px;
   width: 420px;
  
   padding-top: 10px;
}

 .book_titre
{
   
    font-size: 25px;
	font-family:Myriad pro, Arial, Verdana, sans-serif;
	color : #565544;
	margin-top:0;
	padding : 0px;
	line-height:26px;
}

 .book_titre2
{
font-size: 17px;
	font-family:Myriad pro, Arial, Verdana, sans-serif;
	color : #565544;
	}
	
.book_auteur
{
   text-align: left;
	font-size: 14px;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-weight : bold;
	color : #624e7e;
	font-style :italic;
}

.book_auteur a
{
	color : #624e7e;
}

 .book_argu
{
   text-align: left;
	font-size: 13px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #535754;
	  margin-top : 30px;
	  margin-bottom : 30px;
	  line-height:17px;
}

.book_infos
{
   text-align: left;
	font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #403e3f;
	line-height:20px;
}

.book_extrait
{
   text-align: center;
    font-size: 11px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #656599;
	 margin-top : 20px;
	  margin-bottom : 30px;
}

.book_extrait a
{
	color : #656599;
}


.book_accroche
{
   text-align: left;
	font-size: 14px;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-weight : bold;
	color : #624e7e;
	margin-top : 10px;
}



.search2
{
   text-align: center;
    font-size: 16px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #46403d;
	 height: 60px;
	padding-top : 40px;
}

.next_page
{
   text-align: left;
	font-size: 16px;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-weight : bold;
	color : #624e7e;
	margin-top : 20px;
	margin-left : 10px;

}

.next_page a
{
	color : #624e7e;

}

.next_page2
{
   text-align: left;
	font-size: 16px;
	font-family:Trebuchet MS, Verdana, sans-serif;
	color : #624e7e;
	margin-top : 20px;
	margin-left : 0px;

}


.hors_livre1
{
   text-align: left;
	font-size: 15px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #535754;
	  margin-left : 140px;
   width: 370px;
   padding-top: 30px;
}

.centre
{
text-align: center;
}

li {
display : list-item;
} 


 .auteur
{
   margin-top : 25px;
   line-height:14px;
   background-color:#dfdfdf;
   padding : 10px;
   padding-right : 20px;
    border-radius: 6px;
}

 .auteur1
{
   font-size: 18px;
	font-family:Myriad pro, Arial, Verdana, sans-serif;
	color : #565544;
	margin-top:0;
	padding : 0px;
	line-height:26px;
	margin-left : 70px;
	
}
 .auteur2
{
      text-align: left;
	font-size: 14px;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-weight : bold;
	color : #624e7e;
	font-style :italic;
	margin-bottom:10px;
	margin-left : 70px;
}

 .auteur2 a
{

	color : #624e7e;

}

 .auteur3
{
    text-align: left;
	font-size: 10px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #535754;
	 margin-left : 70px;
}

 .auteur4
{
     min-height: 50px;
	text-align: justify;
	font-size: 13px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color : #535754;
	margin-left : 80px;
	margin-right : 220px;
	margin-top : 20px;
	margin-bottom : 20px;
}

.ecrire
{
 float: left;
 margin-top : 5px;
 }
 
 .ecrire2
{
 float: left;
 margin-top : 15px;
 margin-left : 10px;
 }
 
 
 .meme_auteur
{
   font-size: 15px;
	font-family:Myriad pro, Arial, Verdana, sans-serif;
	color : #565544;
	padding-top : 20px;
	line-height:26px;
}

 .bold_color
{
 color : #660066;
 font-weight : bold;
 }

  .menu_liens
{
  margin-top: 15px; 
  text-align: center;
   font-size: 13px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	float: left;
	 width: 180px;
  }
  
     .bouton_nav4
{
  margin-top:10px;
  }