/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

p {
    font-size: 12px;
    text-align: justify;
    color: #323C46;
}

/*img {
  max-width: 100%;
  height: auto;
}*/



a {
    text-decoration: none;
    color: #205589;
}


a:hover {
    color: grey;
}


a:focus {
    background-color: #205589;
}


body {
    font-size: 12px;
    margin-left: 70px;
	margin-right: 100px;
	margin-top: 20px;/*40*/
	margin-bottom: 50px;
	background-color: #f2f2f2;/*#6E6E6E;*/
	text-align: justify;
    font-family: "Open Sans", sans-serif;
}


#wrapper {
    background-color: white;
    width: 100%;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    /* max-width: 850px;
    padding-top:15px;
    padding-bottom: 10px;*/
    padding-left: 5px;
    padding-right: 5px;
    font-family: "Merriweather";
}


.nav{
    background-color:#E0E8F3;/*#B0C4DE,#CCDAEC,#D2DEED, #4682B4, #ADD8E6, #87CEEB,#87CEFA*, #B0E0E6*/
    height:40px;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%;
    font-family: "Cantarell";
    border-bottom: 3px solid transparent;
}


.nav a:hover {
    border-bottom: 3px solid white;
}


.nav a.active {
    border-bottom: 3px solid white;
}


.nav ul li {
    float:left;
    list-style:none;
    padding-right:25px;
    padding-left: 0px;
    margin-right: 30px;
}


.nav ul li a {
    line-height:40px;
    display: block;
    padding: 0 10px;
    font-size: 20px;
    color:#323C46;
    max-width: 100%;
    padding-left:30px;*/
}

.nav .subnav {
display: none;
position: absolute;
background-color:#E0E8F3;
padding-left:0px;    
}

.nav li:hover > ul {
display: block;
}

.nav ul li ul li {
display: block;
     float: none;
}

.main {
    background:#f8f9f6;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 20px;
    font-family: "Merriweather";
}


h1 {
    padding: 0px;
    margin: -7px;
    padding-left: 20px;
    padding-right: 20px;
	color: #000000;
    text-align: left;
	font-size: 30pt;
	background-color: #FFF;
    color:#48688C;/*154F89, 445A73, 48688C, 8B898C, 2D75BD*/
	/*padding-left: 30px;*/
	font-family: "Cantarell";
}


h1c {
    padding: 0px;
    margin: -7px;
    padding-left: 20px;
    padding-right: 20px;
	color: #000000;
    text-align: left;
	font-size: 20pt;
	background-color: #FFF;
    color:#48688C;/*154F89, 445A73, 48688C, 8B898C, 2D75BD*/
	/*padding-left: 30px;*/
	font-family: "Cantarell";
}


h1b {
	margin-top: 9px;
	padding-top: 10px;
    text-align: right;
	color: #000000;
	font-size: 20pt;
	background-color: #FFF;
    color:#48688C;/*154F89, 445A73, 48688C, 8B898C, 2D75BD*/
	/*padding-left: 30px;*/
	font-family: "Cantarell";
    float: right;
}

.centrer {
    text-align: center
}


h2 {
	color: #000000;
	font-size: 18pt;
	font-family: "Merriweather";	
}


h3 {
	color: #000000;
	font-size: 16pt;
	margin-top: 30px;
	font-family: "Merriweather";
}


h4 {
	color: #323C46;
	font-size: 12pt;
    margin-top: 10px;
    padding-top: 10px;
	font-family: "Cantarell";	
}


.column1 {
 	float: left;
 /*   width: 31.33%;*/
	margin-left:20px;
    margin-top: 20px;
}

.row1::after {
 	content: "";
 	clear: both;
  	display: table;
}


/*.column2 {
 	float: left;
  	padding: 40px;
  	margin-left: 5px;
  	margin-right: 0px;
}*/

.column2 {
 	float: left;
  	padding: 25px;
  	margin-left: 5px;
  	margin-right: 0px;
}


.column3 {
 	float: left;
  	padding: 5px;
  	margin-left: 5px;
  	margin-right: 5px;
    margin-bottom: 20px;
}


.row2::after {
 	content: "";
 	clear: both;
  	display: table;
}


hr {
	width: 100%;
	height: 2px;
	margin: 0;
   	background-color: gray;
}


.bleu {
color:#48688C;
}


img{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  margin: auto;
 /* margin-bottom: 20px;*/
}