/* Bannière d'en-tête */
.logo
{
 	display: inline-block;
	float: left;
	position: absolute;
	left: 13px;
	top: 0px;
	z-index: 98;	
}

#TDA_en_toutes_lettres
{
 	position: absolute;
	left: 170px;
	top: 0px;
	z-index: 1;
}



body

{
	background: url("Visuels_site_TDA/Semis_abeilles_a_Dte_fond_b_bd.png")
	repeat top left;
	color: black;
	text-decoration: none;
}


#bloc_page
{
	width:  900px;
	margin: auto;
}



a /* liens par défaut en couleur normale */
{
	color: unset;
	text-decoration: none;	
}

a:focus /* liens par défaut en couleur normale */
{
	color: unset;
	text-decoration: none;
}


/* Adapter la largeur aux autres écrans et tablettes*/
@media all and (max-widh:  1024px)
{
	#bloc_page
	{
		width: auto;
	}	
	nav
	{
		width:  auto;
		text-align:  left;
	}
	nav li
	{
		display:  block;
		padding-left: 4px;
	}
	nav a
	{
		font-size: 1.1em;
	}

	#TDA_en_toutes_lettres
	{
 	display: none;
	}

	aside
	{
		width: auto;
		display: block;
		margin-bottom: 15px;
	}

	aside p: last-child
	{
		text-align: center;
	}

}
/* Fin des petites résolutions*/

h1
{
	font-size: xx-large;
	color: black;
}


h2
{
	font-size: x-large;
	font-style: italic;
	font-weight: light;
}



h3
{
	font-family: Arial, Arial-narrow, sans-serif;
	font-size: large;
	font-style: italic;
}

h4
{
	font-family: Arial, Arial-narrow, sans-serif;
	color: white;
	font-size: medium;
	font-style: italic;
	text-align: center;
}

h5
{
	font-family: Arial, Arial-narrow, sans-serif;
	font-size: medium;
	font-style: italic;
	text-align: center;
}



h6
{
	font-size: x-large;
	font-style: italic;
	font-weight: light;
	text-align: center;
	color: white;
}




p
{
		font-size: medium;
}

/*Onglets de menu horizontaux*/

mark
{
	background: url('Visuels_site_TDA/Onglet_gris.png');
	border-radius: 10px 10px 0px 0px;
	/*background-color: #CCCCCC;*/
	font-weight: bold;
	text-align: center;
	padding: 10px 10px 10px 10px;
}

nav
{
	display: inline-block;
	width: 900px;
	text-align: left;
	position: absolute;
		left: 150px;
		top: 105px;
	z-index: 80
}

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

nav li
{
	display: inline-block;
	margin-left: 60px;
}

nav a
{
	font-family: Arial, Arial-narrow, sans-serif;
	font-size: large;
	font-style: italic;
	color: black;
	text-decoration: none;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}


article

{
	display: inline-block;
	float: left;
	position: absolute;
		left: 0px;
		top: 150px;
	width: 170px;
	color: black;
	text-decoration: none;
	background-color: #CCCCCC;
	vertical-align: top;
	text-align: center;
}


#En_bas_a_Gauche
{
	display: inline-block;
	float: left;
	position: absolute;
		left: 0px;
		top: 450px;
	width: 170px;
	vertical-align: top;
	color: white;
	text-decoration: none;
	text-align: center;
	/*background: url('Visuels_site_TDA/Fond_N-en_bas_Gche.png');*/
	background-color: black;
}

.Couv
{
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

#Roman-1
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 70%;
	min-width: 400px;
	max-width : 700px;
	height: 58%;
	padding-left: 13px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #66CCFF;
	vertical-align: top;
	z-index: 80
}



#Roman-2
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 70%;
	min-width: 400px;
	max-width : 700px;
	height: 58%;
	padding-left: 13px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #FF6699;
	vertical-align: top;
	z-index: 80
}


#Roman-3
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 70%;
	min-width: 400px;
	max-width : 700px;
	height: 58%;
	padding-left: 13px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #66FF66;
	vertical-align: top;
	z-index: 80
}



#Roman-4
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 70%;
	min-width: 400px;
	max-width : 700px;
	height: 58%;
	padding-left: 13px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #FFFF99;
	vertical-align: top;
	z-index: 80
}


#Roman-5
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 70%;
	min-width: 400px;
	max-width : 700px;
	height: 58%;
	padding-left: 13px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #FF9933;
	vertical-align: top;
	z-index: 80
}

#Roman-6
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 70%;
	min-width: 400px;
	max-width : 700px;
	height: 58%;
	padding-left: 13px;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #00CCCC;
	vertical-align: top;
	z-index: 80
}


#Aside_fond_blanc
{
	position: absolute;
		left: 890px;
		top: 150px;
	width: 12,6%;
	/*min-width: 200px;*/
	height: 31,5%;
	padding: 10px;
	margin-left: 20px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: none;
	background-color: #FFFFFF;
	border: 1px solid black;
	z-index: 80
}

#Aside_fond_gris
{
	position: absolute;
		left: 890px;
		top: 150px;
	width: 12,6%;
	/*min-width: 200px;*/
	height: 31,5%;
	padding: 10px;
	margin-left: 20px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: none;
	background-color: #999999;
	z-index: 80
}


.Visuel_centre
{
	text-align: center;
}

/*
#Bouton_lire_gris
{
	position: absolute;
		left: 890px;
		top: 83%;
	border-radius: 0px 0px 5px 5px;
	width: 12,6%;
	min-width: 200px;
	padding-top: 5px;
	padding-left: 10px;
	text-align: center;
	font-size: medium em;
}
*/

.Bouton_lire
{
	display: inline-block;
	/*position: absolute;
		right: 5px;
		bottom: 5px*/
	background: url('Visuels_site_TDA/Bouton_gris_lire.png');
	background-repeat: no-repeat;
	border-radius: 10px;
	text-align: center;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}



.Bouton_lire_sur_fond_gris
{
	display: inline-block;
	/*position: absolute;
		right: 5px;
		bottom: 5px*/
	background: url('Visuels_site_TDA/Bouton_gris_fd_gris_lire.png');
	background-repeat: no-repeat;
	border-radius: 10px;
	text-align: center;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}

/*.Bouton_lire img
{
	border:  0;
	padding-left: 0;
}*/


.Aller-a-lire_un_extrait
{
	display: inline-block;
	/*position: absolute;
		right: 5px;
		bottom: 5px*/
	/*background: url('Visuels_site_TDA/I M-A/Polar-7_1ere_de_couv.png');*/
	background-repeat: no-repeat;
	border-radius: 10px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}


.Aller-a-lire_un_extrait-fd_gris
{
	display: inline-block;
	/*position: absolute;
		right: 5px;
		bottom: 5px*/
	/*background: url('Visuels_site_TDA/I M-A/Polar-7_1ere_de_couv.png');*/
	background-repeat: no-repeat;
	border-radius: 10px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}


.Aller-a-Polar-1
{
	display: inline-block;
	/*position: absolute;
		right: 5px;
		bottom: 5px*/
	/*background: url('Visuels_site_TDA/I M-A/Polar-7_1ere_de_couv.png');*/
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px 5px 10px 10px;
	text-decoration: none;
}


.Aller-a-Polar-2
{
	display: inline-block;
	/*position: absolute;
		right: 5px;
		bottom: 5px*/
	/*background: url('Visuels_site_TDA/I M-A/Polar-2_1ere_de_couv.png');*/
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
}


.Aller-a-Polar-3
{
	display: inline-block;
	/*position: absolute;
		right: 5px;
		bottom: 5px*/
	/*background: url('Visuels_site_TDA/I M-A/Polar-5_1ere_de_couv.png');*/
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
}


.Aller-a-Polar-4
{
	display: inline-block;
	/*position: absolute;
		right: 5px;
		bottom: 5px*/
	/*background: url('Visuels_site_TDA/I M-A/Polar-6_1ere_de_couv.png');*/
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
}




/* Ecran Whodunnit */
#Whodunnit
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 90%;
	min-width: 400px;
	/*height: 58%;*/
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #FF99CC;
	vertical-align: top;
	z-index: 80
}

#Txt_centre
{
	text-align: center;
	line-height: 20%;
}

#Enquetes_bretonnes
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 90%;
	min-width: 400px;
	/*height: 58%;*/
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #FF3300;
	vertical-align: top;
	z-index: 80
}

#Finance_fiction
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 90%;
	min-width: 400px;
	/*height: 58%;*/
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #00CCCC;
	vertical-align: top;
	z-index: 80
}


#Papattes_en_rond
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 90%;
	min-width: 400px;
	height: 67%;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #999999;
	vertical-align: top;
	z-index: 80
}


#Series
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 90%;
	min-width: 400px;
	height: 67%;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #CCFFCC;
	vertical-align: top;
	z-index: 80
}


/* Ecran Pirates-de-la-Manche */
#Pirates-de-la-Manche
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 90%;
	min-width: 400px;
	/*height: 58%;*/
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #FF0000;
	vertical-align: top;
	z-index: 80
}


/* Ecrans à grand fond noir */
#Belles_images_fond_noir
{
		/*display: inline-block;*/
	position: absolute;
		left: 170px;
		top: 150px;
	width: 90%;
	min-width: 400px;
	height: 90%;
	padding-left: 40px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	color: white;
	overflow: auto;
	background-color: #000000;
	vertical-align: top;
	z-index: 80
}


#Auteur
{
	position: absolute;
		left: 170px;
		top: 94%;
		/*margin-top: 10px;*/
	width: 70%;
	min-width: 400px;
	padding: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #CCCCCC;
}



footer
{
	position: absolute;
		left: 170px;
		top: 83%;
		/*margin-top: 10px;*/
	width: 70%;
	min-width: 400px;
	padding: 10px;
	font-family: "Times New Roman", Georgia, Arial, Verdana, sans-serif;
	font-size: medium;
	overflow: auto;
	background-color: #CCCCCC;
}