.typobas { 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #ffffff;
}

.titre_gras { 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #ffffff;
}

.titre_italique { 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
font-size: 9px;
font-style: italic;
font-weight: normal;
color: #ffffff;
}

.typobas a{ 
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #e84f93;
}




.noir11_plan a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	/*border-bottom: 1px dotted #000000;*/
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
}

.noir11_plan a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	/*border-bottom: 1px dotted #000000;*/
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
}


/*-------------------------PAGE---------------------------*/

html, body {
	margin: 0; /* pour éviter les marges */
	padding: 0;
	height: 100%;
	text-align: center; /* pour corriger le bug de centrage IE */
	background-color: #cccccc;
	background-image: url(../images/fd_bande_jaune.gif);
	background-repeat: repeat-x;
 }

.site {
 position: relative; /* on positionne le conteneur */
 margin-left: auto;
 margin-right: auto;
 /*height: 100%;*/
 width: 950px;
 text-align: left;
 }


.principale {
 float: left;
 width: 950px;
 text-align: left;
 background-image: url(../images/fd_bande_jaune.gif);
 background-color: #004c48;
 background-repeat: repeat-y;

 }
 
 /*-------------------------HEADER---------------------------*/
 
 .header {
 float: left;
 width: 950px;
 text-align: left;
 height: 71px;
 width: 950px;
 background-image: url(../images/haut.jpg);

 }
 
 .navig {
	float: left;
	width: 537px;
	text-align: left;
	height: 27px;
	width: 451px;
	padding-left: 399px;
	background-image: url(../images/tete_titre.jpg);
	background-color: #B8B7B7;
	background-repeat: no-repeat;
 }
 
  .mail {
	float: right;
	width: 90px;
	text-align: right;
	height: 27px;
	padding-right: 10px;
	background-color: #B8B7B7;
	background-repeat: no-repeat;
 }
 
  .demi_tete_accueil {
	float: left;
	width: 950px;
	text-align: left;
	height: 43px;
	background-image: url(../images/demi_tete_accueil.gif);
	background-color: #004c48;
	background-repeat: no-repeat;
 }
 
  .demi_tete {
	float: left;
	width: 950px;
	text-align: left;
	height: 43px;
	background-image: url(../images/tete_bas.jpg);
	background-color: #004c48;
	background-repeat: no-repeat;
 }
 
 
  .demi_tete_jaune {
	float: left;
	width: 950px;
	text-align: left;
	height: 43px;
	background-image: url(../images/demi_tete.jaune.gif);
	background-color: #004c48;
	background-repeat: no-repeat;
 }
 
 
 .demi_tete_gauche {
	float: left;
	width: 492px;
	height: 43px;
	text-align: left;
	padding-left: 143px;
 }
 
 .demi_tete_droite {
	float: left;
	width: 315px;
	height: 43px;
	text-align: left;
	background-image: url(../images/hachures_haut.gif);
	background-color: #004c48;
	background-repeat: no-repeat;
 }
 
  .contenu_accueil {
	float: left;
	width: 905px;
	text-align: left;
	height: 100%;
	padding-left: 45px;
	background-image: url(../images/fd_bande_jaune.gif);
	background-color: #004c48;
	background-repeat: repeat-y;
 }
 
  .contenu_nouveautes {
	float: left;
	width: 905px;
	text-align: left;
	height: 100%;
	}
	
	.titre_nouveautes {
	float: left;
	width: 35px;
	text-align: left;
	height: 301px;
	background-image: url(../images/fd_titre.gif);
	background-repeat: repeat-y;
	}
 
 .ligne_nouveautes {
	float: left;
	width: 870px;
	text-align: left;
	height: 150px;
	}
	
	 .contenu_souscription {
	float: left;
	width: 905px;
	text-align: left;
	height: 100%;
	}
	
	.titre_souscription {
	float: left;
	width: 35px;
	text-align: left;
	height: 151px;
	background-image: url(../images/fd_titre.gif);
	background-repeat: repeat-y;
	}
 
 .titre_aide {
	float: left;
	width: 35px;
	text-align: left;
	height: 151px;
	background-image: url(../images/fd_titre.gif);
	background-repeat: repeat-y;
	}
 
 .ligne_souscription {
	float: left;
	width: 870px;
	text-align: left;
	height: 150px;
	}
	
  .ligne_pointille {
	float: left;
	width: 870px;
	text-align: left;
	height: 1px;
	background-image: url(../images/point.gif);
	background-repeat: repeat-x;
	}
	
	 .bloc_latitude {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/livres/latitude.jpg);
	}
	
	 .bloc_jardiniers {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/livres/jardiniers.jpg);
	}
	
	 .bloc_circus {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/livres/circus.jpg);
	}
	
	 .bloc_laicite {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/livres/laicite.jpg);
	}
	
	 .bloc_degaulle {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/degaulle.jpg);
	}
	
	 .bloc_rossignols {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/livres/rossignols.jpg);
	}
	
	 .bloc_deroost {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/livres/deroost.jpg);
	}
	
	 .bloc_gallopin {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/livres/gallopin.jpg);
	}
	
	 .bloc_catalogue {
	float: left;
	width: 290px;
	height: 150px;
	background-image: url(../images/fd_catalogue.jpg);
	}
	
	 .bloc_texte_catalogue {
	float: left;
	width: 190px;
	text-align: left;
	height: 128px;
	margin-bottom: 12px;
	margin-left: 30px;
	margin-right: 70px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	vertical-align: text-bottom;
	}
	
	 .bloc_tete {
	float: left;
	width: 230px;
	text-align: right;
	height: 127px;
	padding-bottom: 12px;
	padding-left: 130px;
	padding-right: 17px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-image: url(../images/fd_tete.jpg);
	}
	
	 .bloc_collections {
	float: left;
	width: 314px;
	text-align: right;
	height: 127px;
	padding-bottom: 12px;
	padding-left: 17px;
	padding-right: 162px;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-image: url(../images/fond_collections.jpg);
	}
	
	 .bloc {
	float: left;
	width: 148px;
	text-align: right;
	height: 128px;
	margin-bottom: 12px;
	margin-left: 15px;
	margin-right: 162px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	vertical-align: text-bottom;
	}
	
	
  .contenu_flash {
	float: left;
	width: 950px;
	text-align: left;
	height: 100%;
	background-image: url(../images/fd_bande_jaune.gif);
	background-color: #004c48;
	background-repeat: repeat-y;
 }
 
   .flash {
	float: left;
	width: 600px;
	padding-left: 35px;
	text-align: left;
	height: 100%;
	background-image: url(../images/fd_bande_jaune.gif);
	background-color: #004c48;
	background-repeat: repeat-y;
 }
 
 .flash_aide {
	float: left;
	width: 600px;
	padding-left: 35px;
	text-align: left;
	height: 100%;
	background-image: url(../images/fd_bande_vert.gif);
	background-color: #004c48;
	background-repeat: repeat-y;
 }
  .flash_jaune {
	float: left;
	width: 550px;
	padding-left: 35px;
	text-align: left;
	height: 100%;
	background-image: url(../images/fd_bande_jaune.gif);
	background-color: #004c48;
	background-repeat: repeat-y;
 }
 
  .hachures {
	float: left;
	width: 315px;
	text-align: left;
	height: 550px;
	background-image: url(../images/hachures.gif);
	background-color: #004c48;
	background-repeat: no-repeat;
 }
 
 .hachures_jaune {
	float: left;
	width: 315px;
	text-align: left;
	height: 550px;
	background-image: url(../images/hachures_jaune.gif);
	background-color: #004c48;
	background-repeat: no-repeat;
 }
 
  .boutons {
	float: left;
	width: 300px;
	text-align: left;
	height: 30px;
 }
 
   .boutons_auteur {
	float: left;
	width: 300px;
	text-align: left;
	height: 23px;
 }
 
   .contenu_boutons_auteur {
	float: left;
	width: 315px;
	text-align: left;
	height: 128px;
	background-color: #004c48;
 }
  .bas_flash {
	float: left;
	width: 950px;
	text-align: left;
	height: 50px;
	background-image: url(../images/fd_bande_jaune.gif);
	background-color: #004c48;
	background-repeat: no-repeat;
 }
 
 .bas_flash_gauche {
	float: left;
	width: 635px;
	height: 50px;
	text-align: left;
	background-color: #00413d;
 }
 
 .bas_flash_rose {
	float: left;
	width: 80px;
	height: 50px;
	text-align: left;
	background-color: #e84f93;
 }
 
 .bas_pied_page {
	float: left;
	width: 545px;
	padding-left: 10px;
	padding-top: 30px;
	height: 20px;
 }
 
 .bas_flash_droite {
	float: left;
	width: 305px;
	padding-top: 30px;
	padding-left: 10px;
	height: 20px;
	background-image: url(../images/hachures_bas.gif);
 }

.bas_accueil_droite {
	float: left;
	width: 315px;
	height: 50px;
	text-align: left;
	background-color: #00413d;
 }