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


@font-face /* pour utiliser ses porpres polices, il faut les cherger en différents formats  */
{
    font-family: 'slabo27px';
    src: url('font/slabo27px.woff2') format('woff2'),
         url('font/slabo27px.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body
{
	background-color:#FFFFFF;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.9em;
	color:#333333;
	margin-left:10%;
	margin-right:10%;
	display: flex;  /* Centrage du site grâce à Flexbox. Cetteligne est obligatoire. Les 2 lignes suivantes centrent le site  */
    justify-content: center;
    align-items: center;
}

#bloc_page 
{
}


.FR
{
    font-family:Helvetica, Verdana, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase; /* Titres en majuscules  */
	color:#FFFFFF;
	background-color:#ccc;
	float:right;
	width: 30px;
	text-align:center;
	margin:2px;
}

.EN
{
    font-family:Helvetica, Verdana, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase; /* Titres en majuscules  */
	background-color:#CCCCCC;
	float:right;
	width:30px;
	text-align:center;
	margin:2px;


}

section h2 /* Polices  */
{
    font-family: 'slabo27px';
    font-weight: normal;
    text-transform: uppercase; /* Titres en majuscules  */
}


#photo
{
    
}

.photoMartin {
	margin-right:1%;
	margin-bottom:1%;
	float:left;
}

.nomprofession
{


	
}

.dessous  /* belise contenant les 3 sections (Recherche, Outils Enseignement)  */
{
	border-top-style:dotted;
	border-top:thin, #666666;
	clear:both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

section
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:0.9em;
	
	padding-left:1%;
	padding-right:1%;

}

h1
{ 	color:#666666;
	font-size: 2.8em;
	font-family:'Slabo 27px';
}

h4, h2
{ 	color:#666666;
	font-family:'Slabo 27px';
	font-weight: normal;
	text-transform: uppercase; /* Titres en majuscules  */
}

h3
{ 	color:#999999;
	font-family:'Slabo 27px';
	font-weight: normal;
	font-size:19px;
}



.chercheur
{ 
	color:#666666;
	font-size: 0,8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
li
{ 
	font-size: 0,8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
footer
{
border-top-style:dotted;
border-top:thin, #666666; 

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
}
footer p
{
font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.8em;
}
{
}
.adresse
{width:300px;
}
a /* Liens par défaut (non survolés) */
{
	text-decoration: none;
	font-size:0.9em;
}

a:hover /* Apparence au survol des liens */
{
   text-decoration: underline;
   color:#0066CC;
   
}
a:active /* Quand le visiteur clique sur le lien */
{
color:#0066CC;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
color:#0066CC;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
    color:#0066CC; /* Appliquer une couleur grise */
}



h2 a:hover /* Apparence au survol des liens */
{
	font-family:'Slabo 27px';
color:#0066CC;
   
}
p a:hove
{
color:#FF0000;
   
}


/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px */
@media screen and (max-width: 1000px)

{
    p
    {
        
    }
}
/* Sur tous types d'écran, quand la largeur de la fenêtre est comprise entre 1024px et 1280px */
@media all and (min-width: 1024px) and (max-width: 1280px)



/* Sur tous types d'écrans orientés verticalement */
@media all and (orientation: portrait)