/*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 : rgb(63,66, 139); 		/*couleur de fond arbitraire afin de voir le bloc */
		/* Police générique ressemblant à Times New Roman*/
		color : #FFFFFF;   /*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: rgb(244,245, 251) ; /* 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*/
		
		}
		
		

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


h3 {
		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 : purple; 		/*couleur de fond arbitraire afin de voir le bloc */
		/* Police générique ressemblant à Times New Roman*/
		color : #FFFFFF;   /*Couleur des caractères */
		text-align : center ;		/* Alignement */
	}


h4 {
		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 : green; 		/*couleur de fond arbitraire afin de voir le bloc */
		/* Police générique ressemblant à Times New Roman*/
		color : #FFFFFF;   /*Couleur des caractères */
		text-align : center ;		/* Alignement */
	}


.Lien{
	color: white;
	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 : rgb(211,223,239); 		/*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;
}


.onglet
{
        display:inline-block;
        margin-left:3px;
        margin-right:3px;
        padding:3px;
        border:1px solid black;
        cursor:pointer;
}
.onglet_n
{
        background:#FE2EF7;
        border-bottom:1px solid black;
}
.onglet_y
{
        background: #58FAF4;
        border-bottom:0px solid black;
        padding-bottom:4px;
}