/* http://www.commentcamarche.net/contents/232-les-feuilles-de-style */
/* https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/formatage-du-texte */

/* font-size
    font-size: xx-small: minuscule ;
    font-size: x-small: très petit ;
    font-size: small: petit ;
    font-size: medium: moyen ;
    font-size: large: grand ;
    font-size: x-large: très grand ;
    font-size: xx-large: euh… gigantesque.
    font-size: 0.8em;
    font-size: 1.3em;
	
  Voici une liste de polices qui fonctionnent bien sur la plupart des navigateurs :
  font-family : 
    font-family : Arial ;
    font-family : Arial Black ;
    font-family : Comic Sans MS ;
    font-family : Courier New ;
    font-family : Georgia ;
    font-family : Impact ;
    font-family : Times New Roman ;
    font-family : Trebuchet MS ;
    font-family : Verdana.
	
*/

P,ul,ol,div,th,address,blockquote,nobr,i {
	font-family : Times New Roman, Trebuchet MS, arial, sans-serif; 
	font-size : 14px; 
	color : white;
 	text-decoration: none;
	font-weight: none; 
	font-style: none;
	margin-top: 0; 
	margin-bottom: 0;
	
	
	
		}

/*	*/
	
body {
      background-color : #484848;
      color            : white;
      font-family      : Times New Roman, Trebuchet MS, arial, sans-serif; 
	    width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
/*  background-color: #F9F9F9; */
  display: -moz-box;
  position: relative;
  -moz-box-flex: 1;
  -moz-user-focus: normal;
  -moz-box-orient: vertical;

     }


/* par heritage 
H1,H2,H3,H4 {font-family : Times New Roman, Trebuchet MS, arial, sans-serif; 
             color       : white}
*/

H1 {font-size: 36px; font-weight: normal; }

H2 {font-size: 28px; font-weight: bold;}

H3 {font-size: 24px; font-weight: bold;}

H4 {font-size: 22px; font-weight: normal;}	

.image_flottante_gauche { float: left; }
.image_flottante_droite { float: right; }
.dessous { clear: both; }

/* ---------------- *
 * liens par défaut *
 * ---------------- */

/* lien */

  a:link{text-decoration : underline;
         text-transform  : none;
         color           : yellow} 


/* lien déjà visité et encore en cache 
 * ----------------------------------- */

  a:visited{text-decoration : underline;
            text-transform  : none;
            color           : white} 

/* dernier lien sélectionné 
 * ------------------------ */

  a:active{text-decoration : underline;
           text-transform  : none;
           color           : white} 

/* Changement de couleur lorsque l'on passe sur le lien 
 * ---------------------------------------------------- */

  a:hover{text-decoration : none;
          text-transform  : none;
          color           : white; 
          font-weight     : normal}

/* ----------- page liens ------------*/		
a.page_liens:link { letter-spacing: 2px; text-decoration: none; font-weight: none; color: #e2e2e2 }
a.page_liens:visited { letter-spacing: 2px; text-decoration: none; font-weight: none; color: #e2e2e2 }
a.page_liens:active { letter-spacing: 2px; text-decoration: none; font-weight: none; color: #e2e2e2 }
a.page_liens:hover { background-color: #747474; letter-spacing: 2px; text-decoration: none; font-weight: none; color: white}

P.page_liens {
	font-family : CENTURY GOTHIC, Arial, Helvetica, times new roman, sans-serif; 
	font-size : 14px; 
	color : #3300CC;
 	text-decoration: none;
	font-weight: bold; 
	margin-top: 0; 
	margin-bottom: 0;
	letter-spacing: 0px}	

    
/* ---------- image size -------------- */

/* 
  http://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_width_percent
*/

/* size image m */
img.sizewm{
	width: 100%;
	height: auto;
}

img.sizehm{
	height: 100%;
	width: auto;
}

/* size image l */
img.sizewl{
	width: 100%;
	height: auto;
}

img.sizehl{
	height: 100%;
	width: auto;
}

/* size image g */
img.sizewg{
/*	width: 100%;  */
	height: auto;
}

img.sizehg{
/*	height: 100%; */
	width: auto;
}

img.fleche{
	width: 30;
/*	height: 30px; */
  border: 0;
/*	width: auto;  */
}

img.visu{
	width: 1px;
	height: 1px;
/*	border: 0;*/
}

img.icon_fb{
	width: 20px;
	height: 20px;
/*	border: 0;*/
}

/* vignettes */

/* size image v */
img.vig{
	width: 95%;
	height: auto;
}

img.sizewv{
	width: 95%;
	height: auto;
}

img.sizehv{
	height: 95%;
	width: auto;
}

table.photo{
  border-collapse: collapse;
  border:'0';
}

table.vig{
  border-collapse: collapse;
  border:'0';
}