body
{
	margin-top:1%;
	color:#2F87C2;
	background-color:#FFFFFF;	/* blues 2F87C2 00009C 4682B4 6699FF greys #555555 #333333 greens 32CD32*/
	line-height:18px;
	font-size:13px;
	font-weight:bold;
	color:black; /*#2F87C2;*/
	font-family:Arial, sans-serif;
	text-decoration:none;
}

nav 
{
	margin: auto;
	margin-bottom:50px;
	font-size:20px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-align:center;
    /*background: #1E76B1;*/
	align-items: center;
	width:75%;
}
 
nav .menu 
{
	width:60% auto;
    display:flex;
    justify-content:space-around;
    align-items:center;
	vertical-align:middle;
	border-bottom:2px solid lightgrey;
}
 
nav .menu a 
{
	width:45% auto;
    display:flex;
    align-items:center;
    justify-content:center;
    height:40px;
    text-decoration:none;
    font-family:Arial, sans-serif;
    color:#32CD32;
	vertical-align:middle;
}
 
nav a:hover 
{
	color:#2F87C2;
}

label, #toggle
{
    display:none;
}

.afront 
{
	width:60%;
	margin:auto;
	display:block;
}

.corpstexte
{
	width:60%;
	margin:auto;
	background-color:#EEEEEE;
	border-radius:10px;
}

.divparagraphe
{
	padding:20px;
}

h1
{	/* texts_titles */
	text-align:center;
	font-size:25px;
	color:#2F87C2; /*color:#2F87C2;*/
	font-family:Arial;
	text-decoration:none;
	vertical-align:middle;
	padding-top:10px;
}

h2
{	/* subtitles */
	line-height:20px;
	text-align:left;
	font-size:15px;
	color:#2F87C2; /*color:#32CD32;*/
	font-family:Arial, sans-serif;
	font-style:italic;
	padding-top:10px;
	padding-left:10px;
}

@media all and (max-width: 991px)
{ 
    nav .menu 
    {	
        display:none;
        flex-direction:column;
        height:200px;
    }
	
    label 
    {
        width:30px;
        display:flex;
		height:40px;
        justify-content:center;
        align-items:center;
        margin:0 auto;
        font-size:40px;
		color:#2F87C2;
        cursor:pointer;
		font-family:Arial, sans-serif;
    }
 	
	.indexbody
	{
		flex-direction:column;
	}
	
    #toggle:checked + .menu 
	{
        display:flex;
    }
}

.material-icons {
  font-family:'Material Icons';
  font-weight:normal;
  font-style:normal;
  font-size:24px;  /* Preferred icon size */
  display:inline-block;
  line-height:1;
  text-transform:none;
  letter-spacing:normal;
  word-wrap:normal;
  white-space:nowrap;
  direction:ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing:antialiased;
  /* Support for Safari and Chrome. */
  text-rendering:optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing:grayscale;

  /* Support for IE. */
  font-feature-settings:'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size:18px; }
.material-icons.md-24 { font-size:24px; }
.material-icons.md-36 { font-size:36px !important; }
.material-icons.md-48 { font-size:48px !important; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color:rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color:rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color:rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color:rgba(255, 255, 255, 0.3); }