/*Mon CSS perso*/

html, body { 
	height: 100%;
	margin: 0; padding: 0;
}
 



 
h1 {
		padding : 15px 10px 15px 10px; 	/*marges intérieures :haut, droite, bas puis gauche*/
		font-size : 20px ; /* taille des caractères */
		height : auto; 				/*hauteur du bloc (automatique ici) */
		background-color : gray; 		/*couleur de fond arbitraire afin de voir le bloc */
		/* Police générique ressemblant à Times New Roman*/
		color : #00FF00;   /*Couleur des caractères */
		text-align : center ;		/* Alignement */
	}
	  
h2{
	font-family: Cursive ;		/* Police générique ressemblant à Times New Roman*/
	color : white ;		/* Couleur des caractères */
	font-size : 15px ;		/* Taille en pixel */
	text-align : left ;		/* Alignement */
	font-weight : 800 ;	
/*«Graisse» des caractères : donne des caractères gras doit être un multiple de 100*/
	font-style : italic ;		/* Style */
	text-decoration :underline ;	/* Souligné overline, underline,line-through*/
	background-color : blue; 
}

body
{
	font-family: Arial, sans-serif;
	background-color:lightgrey;
	margin:0;
	display:table;
	width:100%;
	}


.entete {
background-color: blue;
text-align:center;

}

.liens {
		float:left; /*positionner à gauche */
		width: 30%; 				/* largeur du bloc 29% de la page */
		padding : 0px 5px 5px 10px; 	/*marges intérieures :haut, droite, bas puis gauche*/
		background-color : lightgrey; 		/*couleur de fond arbitraire afin de voir le bloc */
		}
		
		

		
.Ress{
	color: white;
	text-decoration:underline;
}


.Lien{
	color: black;
	text-decoration:none;
}

.LienHTML{
	color: magenta;
	text-decoration:underline;
}

	  
		
.Ressources {
		border-radius: 10%;
		padding : 0px 5px 5px 15px; 	/*marges intérieures :haut, droite, bas puis gauche*/
		width: 65%; 				/* largeur du bloc 70% de la page */
		background-color : lightblue; 		/*couleur de fond arbitraire afin de voir le bloc */
		color : black ;		/* Couleur des caractères */
		font-size : 15px ;		/* Taille en pixel */
		text-align : left ;		/* Alignement */
		font-weight : 800 ;	
		float:left;
		}
		
  
.image_centree {
	display: block;
	border-radius: 50%;
	margin-left: auto;
    margin-right: auto
}  
		  



#horloge
{
     position: relative;
     height: 200px;
     width: 200px;
     border: 1px solid black;
     -moz-border-radius: 100px;
     -webkit-border-radius: 100px;
     -o-border-radius: 100px;
     -ms-border-radius: 100px;
     border-radius: 100px;
     background: url('./Horloge/cadran2.png');
}

		  
.aig
{
     position: absolute;
     bottom: 100px;
	 left:100px;
     -moz-transform-origin: bottom center;
     -webkit-transform-origin: bottom center;
     -o-transform-origin: bottom center;
     -ms-transform-origin: bottom center;
     transform-origin: bottom center;
}


.pdf {
	width : 100%;
	height : 700px;
} 


footer{
bottom: 0;
width:100%;
display:table-row;
}

}

.colonne_gauche{
	width:25%;
	float:left;
}

.colonne_milieu1
{
	width:25%;
	float:left;
}

.colonne_milieu2
{
	width:25%;
	float:left;
}

.colonne_gauche
{
	width:25%;
	float:left;
}