@charset "utf-8";
/* CSS Document */

/*****************************************************
		BODY
******************************************************/
body {

	background: linear-gradient(to bottom, #5A5A5A, #707070, #888888);
	height: 100vh; /* occupe toute la hauteur de la fenêtre */
    margin: 0;
	
	scrollbar-face-color: #d9d9f3;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #d9d9f3;
	scrollbar-arrow-color: #000000;
	scroll-behavior: smooth;	
	cursor: crosshair;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	margin-right: 50px;
}

a:link {
	/*  Couleur texte des liens à l'état original - fonctionne */
	color: #999;
	text-decoration:underline;
	background-color:transparent;
	}

a:visited {
	/*  Liens visités */
	color: #CCC;
	}
	
a:hover {
	/*  Couleur texte des liens survolés - fonctionne */
	color: #F00;
	}


a:active {
	/*  Couleur texte quand le lien est sélectionné - fonctionne */
	color: #FF0;
	}


a:focus {
	/* Couleur arrière-plan quand le lien est sélectionné - fonctionne */
	background-color: #666;
	}

	
.curseur {
 cursor: help;
 }


blink {
  animation: blinker 0.6s linear infinite;
  color: #1c87c9;
       }
  @keyframes blinker {  
        50% { opacity: 0; }
       }
  .blink-one {
         animation: blinker-one 1s linear infinite;
       }
  @keyframes blinker-one {  
         0% { opacity: 0; }
       }
  .blink-two {
         animation: blinker-two 1.4s linear infinite;
       }
  @keyframes blinker-two {  
         100% { opacity: 0; }
}









/*****************************************************
		TITRES
******************************************************/

H1	{font-family : "Arial", "Verdana", "Helvetica", sans-serif ;
	font-size : 36 pt ;
	/* italic, oblique, normal */
	font-style:normal;
	/* normal, bold, light, graisse */
	font-weight:200;
	/* condenced, expanded, normal */
	font-strech:expanded;
	text-align : center ;
	color : #ffff00 ;
	text-decoration : underline;
	}

H2	{font-family : "Arial", "Verdana", "Helvetica", sans-serif ;
	Font-size : 24 pt ;
	Font-style:normal;
	width:100%;
	font-weight : Normal ;
	Text-decoration : underline;
	color:yellow;
	filter:Shadow(color=green, direction=45);
	}

	
H3	{font-family : "Arial", "Verdana", "Helvetica", sans-serif ;
	font-size : 11 pt ;
	text-align : center ;
	Font-weight : Normal;
	}

	
H4	{font-family : "Arial", "Verdana", "Helvetica", sans-serif ;
	font : normal 15 pt ;
	p align=center ;
	text-align : center ;
	Background : green ;
	Color : #ffff00 ;

	font-size 15 pt;
	}



















/*****************************************************
		PARAGRAPHES
******************************************************/

.float {
  float: left;
  width: 25%;
  margin: 1em 0;
}   

p.retraitgauche{
    margin-left:60px;
}

p.retraitdroit{
    margin-right:60px;
}

p.retraitpremiere{
    text-indent:30px;
}

p.justifie{
    text-align:justify;
}

.gauche{
    text-align:left;
}

.droite{
    text-align:right;
}

.centre{
    text-align:center;
}

.espaceavant{
    margin-top:50px;
}

.espaceapres{
    margin-bottom:80px;
}

.boite{
    with:300px;
    height:auto;
    margin-left:250px;
    text-align:justify;
}

.encadrement {
	border-width::1px;
	border-style:solid;
	border-color:#336600;
	/* Distance du texte */
	padding:10px;
	texte-align:justify;
}




/*****************************************************
		LISTES A PUCES
******************************************************/

li{
	/* square, circle, disc */
	list-style-type:square;
	list-style-position:inside;
}
li{
	font-size:24px;
	background-image::url(puce.gif);
	background-repeat:no-repeat;
	bakground-position:left center;
	list-style-type:none;
	padding-left:30px;
}