body {
    color: whitesmoke;
    background-color: #333333 ;
    
    /* colonne de largeur fixee, plus joli */
	 margin-left:auto;width:350px;margin-right:auto;
    }
    
/*-- pour le menu principal, a gauche  --*/    
ul.navbar {
	 list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 12em
}   
ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
   /* border-right: 1em solid black */
   text-align:center;
    }

ul.navbar a {
    text-decoration: none
    } 
/*---------------------------*/

/*-- liens --*/
a.inverse{
	background-color:grey;
}
/*------------*/

/*-- rubrique---*/
.rubrique_creature_hypothetique, .rubrique_cgi, .rubrique_science{
	text-align:center;
	font-size:10pt;
	color:black;
}

.rubrique_creature_hypothetique:after{content:"-créature hypothétique-";}
.rubrique_cgi:after                  {content:"-Effets spéciaux-";}
.rubrique_science:after              {content:"-Science-";}
/*--------------*/

/*-- alignment --*/
h1,h2,h3,h4   {text-align: center;  }
body    {text-align: justify; }
/*---------------*/

    
h2,h3,h4,h5,h6 { margin-left: 4%; }

/*-- font size --*/
body { font-size: 11pt; } /* def. de base */
h1   { font-size: 190%; }
h2   { font-size: 150%; }
h3   { font-size: 100%; }
/*----------------*/

/*-- fonts --*/
body { font-family: Verdana, sans-serif; }     /* sans serif */
h1   { font-family: Verdana, sans-serif; font-weight: normal;}
/*-----------*/


h1 { margin-top: 1em; 
    /* border: 1px solid whitesmoke ; */
    /* color:blue; background:yellow; */
     }
p { text-indent: 2em; 
    margin-top: 1em;
    margin-bottom: 0;
     }
p::first-letter{font-size:150%;}


/*---- auteur de l'article --*/
div.author{
  	width:100%;
  	padding:3px;
  /*	background-color:#050; */
  	border-top:   1px #555 solid;
  	border-bottom:1px #555 solid;
   border-right:1px #555 solid;
  	border-left:1px #555 solid;
  	/* color:yellow; */
  	font-family:monospace;
  	/* font-type;italic; */
  	font-size:90%;
  	
  	/*
  	background-image:url("icone_auteur.svg");
  	background-size:2em auto;
  	background-position:right center;
  	background-repeat:no-repeat; 
*/  
  }
/* div.author:before{content:url("icone_auteur.png") "Auteur : "} */
div.author:before{content:"Par ";}
div.author:after{ content:" - Publié le xx/xx/xxxx"}
/*---------------------------*/  
  
/*-- compteur --*/
div.compteur{
	width:120px;
	/*background:no-repeat right url("http://pages.perso.orange.fr/php/compteur.php?url=jellyfish&df=compt1&dd=C&frgb=noir&ft=0&tr=Non&md=5&pad=Oui&comma=Non");*/
   /*background:no-repeat right url("http://pages.perso.orange.fr/php/compteur.php?url=jellyfish&df=compt1&dd=D&frgb=noir&ft=0&tr=Non&md=5&pad=Oui&comma=Non");*/
   background:no-repeat right url("http://pages.perso.orange.fr/php/compteur.php?url=jellyfish&df=compt1&dd=E&frgb=noir&ft=0&tr=Non&md=5&pad=Oui&comma=Non");
	font-size:smaller;
}
div.compteur:before{content:"Nb de visites";}
/*--------------*/  
  
  
/*--- crédits image, vidéo --*/
div.credit_image, div.credit_video {
    color:grey;
    background: black;
    font-size:10pt;
    font-family:sans-serif;
    font-style:italic;
    padding: 0.5em;
    text-align: center;
	width:80%;
	margin-left:auto;margin-right:auto;
    }

    div.credit_image:before {content: "Image :";}  
    div.credit_video:before {content: "Vidéo :";}    
/*------------------------------*/    
    
    

img.standard {
 border: 1px solid #ccc;
 /*  border: 3px ridge #ccc; */
  /* background-color: grey; */ 
  }
  
img.centered{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    /* border: 2px solid #555;*/
     }