/*  rdbhaiku.css
Base de donnees des haiku - rendu 
version : 2016-07-20
   titre en bleu Lectoure 
   texte en noir
   marge grise
   #235280 :  bleu Lectoure foncé
   #325D90 : bleu Lectoure foncé
version 2016-11-08 : fonte Roboto
*/

/*@font-face {
    font-family: 'Fonte1';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face{ 
	font-family: 'Fonte1';
	src: url('../fonts/Roboto-Light-webfont.eot');
	src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Roboto-Light-webfont.woff') format('woff'),
	     url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
	     url('../fonts/Roboto-Light-webfont.svg#webfont') format('svg');
	 font-weight: normal;
    font-style: normal;
}


body {
	font-family: 'Fonte1', Verdana, arial, helvetica, sans-serif;
   /*font-size: 105%;   avec opensans-light*/
   font-size: 110%;   /* avec noto-sans  */
   font-weight:100;
	color: #000000;	
	background-image: url(../images/fond1.gif);
/*   background-size: contain;	*/
}

@media screen and (max-width: 768px ){
   body {
      background-image:none;   
   }
}

h1,h2,h3,h4 {
   font-weight: normal;
   color:#235280;
}

h1 {
/*font-size: 17px; */
font-size: 1.0625em;
margin-bottom:1.5em;
}

h2 {
/*font-size: 16px; */
font-size: 0.925em;
margin-top: 1.0em;
margin-bottom:2em;
}

h3 {
/*font-size: 14px;*/ 
font-size: 0.875em;
margin-top:2em;
margin-bottom:1em;
}

h4 {
/*font-size: 12px; */
font-size: 0.79em;
margin-top:2em;
margin-bottom:1em;
}

p {
/*	font-size: 12px;*/
   font-size: 0.85em;	
	max-width:  650px;
}


a:link {
   color:#235280;
}
a:visited {
	color:#555555;
}
a:active {
	color: #FF0000;
}


/* Boite des liens de navigation */
nav {
/*   margin-left : 1.4%;*/
/*   font-size: 0.875em;*/
      font-size: 0.8125em;
}
nav a {
/*	line-height: 3em;*/
	line-height: 1.2em;	
	margin-bottom: 1.8em;
}


#nav a:link {
	/*font-size: 13px;*/
   font-size: 0.8125em;	
}
#nav a:visited {
/*	font-size: 13px;*/
   font-size: 0.8125em;		
}
#nav a:active {
/*	font-size: 13px;*/
   font-size: 0.8125em;	
}



#tablemots {
	color: #657E9B;
	margin-top: 30px;
	margin-bottom: 50px;
}

#infos {
	margin-top: 100px;
/*	font-size: 10px; */
	font-size: 1em;
}

/* Dates de modifications */
.mod {
	font-weight: normal;
    color: #E3031F;
/*	font-size: 12px;*/
	font-size: 0.75em;	
}


/* Pages de liens  tlphp/linkxxx.php */
.liensnomsite { font-size: 1em; font-style: italic; }
.liensauteur { font-size: 0.8em; font-style: italic; font-weight: bold;}
.liensurl {  font-size: 0.8em; font-weight: normal;}
.liensdesc {  font-size: 0.8em; font-weight: normal;}
.lienstype { font-size: 0.8em;}


/* mettre une ligne sur deux en fond grise */
table#liste tr:nth-child(even) {
   background-color:#EEEEEE;
   }

/* Decalage de bloc */
#content .decalage {
    margin-left: 3em;   
}

@media screen  and (max-width: 450px ){
   #content .decalage {
      margin-left: 0.8em;   
   }
}


/* a abandonner pour haiku1, haiku2*/
/*.dbhkhaiku, .dbhkhaiku2  {  
	font-family: "Courier New", "Comic Sans MS",Verdana, Helvetica; 
   font-size: 1em;	
}

.dbhkhaiku2 {  
   margin-left: 5em;
}
*/


.dbhktlnote {  
/*font-size: 12px; */
font-size: 0.85em;
margin-top: 1em;
margin-bottom: 3em;
width: 500px;
max-width: 500px;
}

.dbhkanahaiku {  
	font-family: "Courier New", "Comic Sans MS",Verdana, Helvetica; 
/*font-size: 17px;*/
/*   font-size: 1.0625em;*/
      font-size: 1.2em;
}


.dbhkanatitre {  
/*font-size: 15px; */
   font-size: 0.9em;
   font-style:normal;
   margin-top: 1.5em;
   margin-bottom: 0.51em;
   width: 500px;
   line-height:2em;
   max-width: 500px;
   background-color: #e3e3e3;
}

.dbhkanatexte {  
/*   font-size: 13px; */
   font-size: 0.8125em;	   
   font-style:normal;
   margin-top: 0.7em;
   margin-bottom: 1.5em;
   color: #333333;
   width: 95%;
   max-width: 500px;
}

.dbhkanacomment {  
   /*font-size: 10px; */
   font-size:0.75em;
   font-style: italic;
   margin-top: 1em;
   margin-bottom: 3em;
   width: 95%;
   max-width: 500px;
}

.dbhkanaelement {  
   /*font-size: 10px; */
   font-size:0.95em;
   font-weight: bold;
   margin-top: 1em;
   margin-bottom: 1em;
   width: 95%;
   max-width: 500px;
}

p.tlref {
	width: 500px;
	max-width: 500px;
	font-size: 0.7em;
}

.dbhktlref {  
   /*font-size: 10px; */
   font-size:0.7em;
   font-style: italic;
   margin-top: 1em;
   /*margin-bottom: 5em;*/
   margin-bottom: 3em;   
   width: 500px;
   max-width: 500px;
}



.dbhkchoix {  
/*font-size: 13px; */
   font-size: 0.8125em;	
   font-style: italic; 
   font-weight: normal;
   margin-top: 1em;
   margin-bottom: 3em;
}

.dbretour {  
   /*font-size: 14px; */
   font-size: 0.875em;
   font-weight: bold;
   margin-top: 2em;
}

/* date de mise a jour de la page */
#datepage {
   font-style: italic;
}



/*  dbhkccoXXX Coups de coeur */

#content .haiku {
	font-family: "Courier New",  Courier, Helvetica, monospace,  sans-serif; 
   font-size: 1em;	   
   margin-bottom: 2em;
   page-break-inside: avoid;
}


/* References du haiku, biblio, liens */
#content .ref{
	font-style: italic;
/*	font-size: 11px;*/
   font-size: 0.6875em;
	width: 500px;
	max-width: 500px;
}

/* Nom et adresse de l auteur */
#content .auteur {
	font-style: italic;
   font-size: 0.75em;
	margin-bottom: 4em;
}

#content .dateligne {	
	font-style: italic;
	font-size: smaller;
}

.arabe {
   max-width: 350px;
}


/* Particularites de pages */
/* page des haikus de la quinzaine */
#tl_dbhkcco1 h1 {
   margin-bottom: 0em;
}
#tl_dbhkcco1 h2 {
   margin-left: 0em;
}

.hkcomment {
   line-height: 1.2em;
   font-size: 0.75em;
   max-width: 500px;
}