/* reset */
* {
margin: 0;
padding: 0;
}

/* rendre html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1;
background: #ddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;	 	
font-size: 14px; 
line-height: 18px;
}
	
/* layout */

#wrapper {			/*  le bloc qui englobe toute la page, a ses limites à 940 pixels de large. Avec les marges automatiques, le design sera centré.*/
width: 940px;
margin: 0 auto; 		/* centrage du site */
margin-top: 20px;
margin-bottom: 20px;
border: 3px solid #888;	       /* couleur et épaisseur pourtour du site*/				
background: #F0EDD8;						/* couleur de fond du bandeau tout en haut au dessus de l'image, support du texte Le Seigneur  #F0EDD8 */
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
}

nav {
width: 940px;
height: 50px;
margin: 0 auto;
background: #3F4C83;				/* couleur du bandeau de fond juste sous l'image bandeau en haut, sous le menu horizontal du haut  anciennement #874C83 */
}

#main {
width: 940px;
margin: 0 auto;
padding-top: 10px;  
background: #F0EDD8 url(images/colbg2.png) repeat-y;			/* colbg2.png inclue la couleur du trait vertical délimitant la marge */
overflow: hidden;
}

#content {
float: right;
width: 660px; 							/* passer à 640 px   pour faire disparaîtres les pointillés  mais perdre de la place à gauche de la photo*/
margin: 0 0 10px 0; 					
padding: 10px 0px 5px 0px;		  /* passage de 10px 30px 5px 0   à   10px 0px 5px 0     pour faire disparaîtres les pointillés        */ 		
}

#sidebar {
float: left;
padding: 10px 1px 0 10px;				/* menu de gauche position des items   passage de 10px 0px 0px 20px   à   10px 1px 0px 10px   */
width: 228px;
}

footer {
width: 940px;
margin: 0 auto;
clear: both;
}

/* basics */

@font-face {												/* Définition des polices personnalisées */
	font-family: 'DayPosterBlackRegular';
	src: url('DAYPBL__-webfont.eot');
	src: local('DayPosterBlackRegular'), url('DAYPBL__-webfont.woff') format('woff'), url('DAYPBL__-webfont.ttf') format('truetype'), url('DAYPBL__-webfont.svg#webfontaapMg6dc') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
clear: both;
color: #333;								
}


a:link, a:visited {
color: #004C9A;								 /* couleur des sousmenu (colonne gauche) et titres des paragraphes  corps principal  ;ancienne couleur #004C9A */
}


a:hover
{
color: #333;					/* ancienne couleur #333 */
}
a:focus
{
color: #333;					/* ancienne couleur #333 */
font-weight:bold;				
text-decoration : none;
}
p {
margin-bottom: 20px;    /* margin-left: 10px;       ajouté par moi test pour la page 1  texte résumé trop collé avec telecharger */  

} 

hr {
height: 2px;
color: #eee;
background-color: #eee;
margin: 10px 0
}

li {
padding-left: 1px;
}

/* nav */

nav {
margin: 0 auto;
display: block;
float: left;
margin-top: -4px;
}

nav .menu {
font-size: 16px;			/* taille de la police du menu horizontal en haut */
font-weight: normal;
margin-left: 12px;
}

nav .menu ul {
list-style: none;
margin: 0;
}

nav .menu li {
float: left;
position: relative;
}

nav .menu a {
display: block;
text-decoration: none;
padding: 0 30px;
line-height: 50px;
} 

nav .menu a:hover {
color: #A8B0B0;                         /* couleur du texte quand on survole le menu et sous-menu horizontal du haut  ;ancienne couleur #F28CF1 */
}

/* nav 1-level dropdowns */
nav .menu li ul { 
display: none; 
z-index: 8888;
}

nav .menu ul li a {
display: block;
text-decoration: none;
color: #FFF;					/* couleur de base du texte menu et sous-menu horizontal du haut   */
background: #3F4C83 ;			/* couleur de base du FOND du menu (pas sous-menu) horizontal du haut , anciennement #874C83 */ 
margin-left: 1px;
white-space: nowrap;
}
nav .menu ul li a:hover { 
background:  #5E355C; 			 /* couleur du fond quand on survole le menu (pas sous-menu) horizontal du haut ;ancienne couleur #5E355C */
}

nav .menu ul li a:focus { 
/*background:  #5E355C; 			 /* couleur du fond quand on survole le menu (pas sous-menu) horizontal du haut ;ancienne couleur #5E355C */
font-weight:normal;					/* pas de gras sur clic du menu (ou sous-menu) horizontal du haut */	
}


nav .menu ul li a.exergue { 
background:  #5E355C; 			 /* 23 janv rajouté par moi pour rendre dynamique le menu de la page sélectionnée sur le menu du haut #5E355C*/
}
nav .menu li:hover ul {
display: block;
position: absolute;
}

nav .menu li:hover li {
float: none;
}

nav .menu li:hover a { 
background: #5E355C; 				 /* couleur du fond quand on survole le sous-menu (pas le menu) horizontal du haut ;ancienne couleur #5E355C */
}

nav .menu li:hover li a:hover { 
background: #5E355C; 	/* couleur du fond quand on survole chaque sous-menu unitairement (pas le menu) horizontal du haut ;ancienne couleur #5E355C */
}

/** HEADER */

header {
padding: 5px 0 0 0;
}

header>h1 {
float: left;
margin: 0 0 10px 10px;
width: 600px;
font-size: 30px;
line-height: 20px;
}

header>h1 a:link, header>h1 a:visited {
color: #777;							/* couleur initiale environ violet #B41CAD */
font-family: /*'DayPosterBlackRegular',*/ Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
text-decoration: none;
}

header>h2 {
color: #777;
clear: right;
float: right;
font-style: italic;
font-size: 14px;
margin: 4px 10px 10px 0;
}

/** ARTICLES **/

.introduction							/* rajouté par moi : test spécialisation titre de chaque page du menu gauche autre que page Accueil */
{
color: #333;
font-size: 18px;
font-weight: normal;
}

article {
float: left;
padding: 10px 10px 0px 10px;
width: 620px;
}

.featured {
width: 620px;    /* taille 620 normalement */
float: left;
margin-bottom: 10px;
}

article .featuredthumb {
float: left;
width: 140px;							/* taille photo pierre descouvemont  */
height: 180px;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

article .featuredtitle {
float: right;
width: 464px;							/* interrogation sur bonne largeur : départ à 450px  */
font-size: 16px; 				/* 22janv taille du titre bienvenue sur le site  */
font-weight: bold;
line-height: 1.3em; 
margin-bottom: 10px; 
margin-right: 0px;			/* 30px si 640px en largeur du content en ligne 55 (disparition des pointillés mais perte de place à gauche  */
text-decoration: none;
}

article .featuredstory {
float: right;
width: 464px;
font-size: 13px;
margin-right: 0px;			/* 30px si 640px en largeur du content en ligne 55(disparition des pointillés mais perte de place à gauche    */
text-align: justify;						/* rajouté par moi : esthétique du texte de résumé sous les polycopiés */
}

article .thumb {
float: right;
width: 120px;
height: 185px;
margin-right: 10px;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


article .title {
float: left;
width: 480px;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
margin-right : 10px;						/* rajouté par moi : esthétique du télécharger moins collé au titre polycopié */
text-decoration: none;
}


article .title2 {								/* rajouté par moi mais pas exploité: esthétique du texte du lien plus petit pour télécharger */
float: left;
width: 480px;
font-size: 10px;
font-weight: bold;
margin-bottom: 10px;
}
article .story {
float: left;
width: 480px;
font-size: 13px;
text-align: justify;				/* rajouté par moi : esthétique du texte de résumé sous les polycopiés */
margin-right : 10px;				/* rajouté par moi : esthétique du télécharger moins collé au texte sous polycopié */
}
article .story1 {						/* rajouté par moi en 2017  : destiné uniquement au commentaire du dernier livre en page d'accueil */
float: left;
width: 440px;
font-size: 13px;
text-align: justify;				
margin-right : 10px;				/* rajouté par moi : esthétique du télécharger moins collé au texte sous polycopié */
}
article .story2 {						/* rajouté par moi uniquement pour la présentation de la page auteur, inclusion des interviews */
float: left;
width: 620px;						/* texte sur toute la largeur de la page sous la photo */
font-size: 13px;
text-align: justify;				/* rajouté par moi : esthétique du texte de résumé sous les polycopiés */
margin-right : 10px;				/* rajouté par moi : esthétique du télécharger moins collé au texte sous polycopié */
}



#content h1, h2, h3, h4, h5, h6 {
color: #333;							/* couleur des titres principaux du menu de gauche   #333 */
margin: 0 0 20px 0;
line-height: 1.5em;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;				
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

/* CALENDRIER         Rajouté par moi */
table
{
border-collapse: collapse;
}


td /* Mettre une bordure sur les cellules td  */
{
border: 1px solid black;
font-size: 12px;
font-weight: normal;
padding : 2px 3px 2px 3px;    /* centrage du texte dans les celules, à distance des traits    haut droit bas gauche  */
}

th /* Mettre une bordure sur les lignes th */
{
border: 1px solid black;
font-size: 14px;
font-weight: bold;
}

caption
{
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}

/* fin de CALENDRIER */
/* sidebar and footer widget blocks */

aside  h3 {
font-size: 17px;										/* taille du texte principal dans menu de gauche 18px */
text-shadow: 0px 2px 3px #ddd;
}

aside  ul {										/* les puces dans le menu de gauche    */
list-style: circle;
color: #C27BBE;	 							
margin: -15px 0 15px 15px;
}

#sidebar #en-cours a {					/* mise en évidence dans les listes du menu gauche de la page sélectionnée  */
    color: #333;					
	font-weight:bold;					/* 1er fevr 2015 : bold à normal pour éviter le passage sur 2 lignes menus longs */
	text-decoration : none;
	/* background-color: #91BD09;		 ancienne mise en page verte  */
    /* color: #fff;					  ancienne mise en page   couleur blanche*/
}

#sidebar  a {					/* mise en évidence dans les listes du menu gauche de la page sélectionnée  */
	font-size: 14px;
}



#footer-area {
background: #3F4C83;			/* ancienne couleur rose : #874C83 */			
color: #FFF;
font-size: 90%;
padding: 18px 0;
overflow: hidden;
/* curved border radius */
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

.footer-segment {
float: left;
margin-right: 20px;
margin-left: 20px;
width: 115px;
}

footer aside h4 {
color: #faf0e6;
font-size: 12px;
line-height: 1.5em;
}

footer ul {
list-style: none;
margin: -15px 0;
}

footer a:link, footer a:visited {
color: #ccc;
}

footer a:hover { 
text-decoration: underline;  
}

footer a .thumb {						/* 1er février 2015 : ajouté pour les logos en pied de page */
/*float: right; */
width: 87px;
height: 52px;
margin-right: 10px;
/* curved border radius */
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px; */
}



footer p {
margin-top: -15px;
color: #faf0e6;
}