html{
	font-size: 100%;
}
 body {
  font-size: 0.9em; 
  line-height: 1.4;
  font-weight: 400;
  font-family: "Montserrat", Arial, sans-serif;
  color: #383838;
}
 /*24B8C9
@font-face {
   font-family: "Montserrat";
   src: url('../Fonts/Montserrat-Regular.eot'),
        url('../Fonts/Montserrat-Regular.woff') format('woff'),
        url('../Fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../Fonts/Montserrat-Regular.svg') format('svg');
}
@font-face {
   font-family: "Montserrat";
   font-weight:bold;
   src: url('../Fonts/Montserrat-Bold.eot'),
        url('../Fonts/Montserrat-Bold.woff') format('woff'),
        url('../Fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../Fonts/Montserrat-Bold.svg') format('svg');
}
*/
	.container {
			  max-width: 1039px;
			  margin: 0 auto;
			  box-sizing: border-box;
	}

	.column, .columns {
		margin-left: 0;
		float: left;
	}
	.column:first-child,
	.columns:first-child {
		margin-left: 0; 
	}
	.sous-container{
		margin-left:0.833em;
		margin-right:0.833em;
	}	
	.bas{
		width: 100%;
		float: left;
		background-color : #24B8C9;
		color: white;
	}
	img{
		max-width: 100%;
		min-width: 10%;
		height: auto;
	}
	.mleft, .mleft a {
		color:black;
		text-decoration:none;
	}
/*Navigation*/	
	nav > ul{
		margin: 0px;
		padding: 0px;	
	}
	nav > ul::after{
		content:"";
		display:table;
		clear: both;
	}
	nav li{
		list-style-type:none;
	}

	nav > ul > li{
		float:left;
		position:relative;
	}
	nav a{
		display:inline-block;
		text-decoration:none;
	}
	 nav > ul > li > a{
		padding-bottom:0.5em;
		color: #24B8C9;
		font-weight:bold;	
	}
	 

	nav li:hover .submenu{
		 display: inline-block;
		 position:absolute;
		 top:100%;
		 left:0px;
		 padding:0px;
		 z-index:100000;
	 }

	nav > ul > li a:hover {
		padding-left:1em;
		padding-right:1em;
		padding-bottom:0.5em;
		color: #24B8C9;
		font-weight:900;
	}
	 

	.menu-mobile{
		padding: 12px 0;
		display: none;
	}
	nav input[type=checkbox]{
		display:none;
	}
	nav input[type=checkbox]:checked ~ ul{
		display:block;
	}
	
/*Polices*/
	h1, h2, h3 {
		margin-top: 0;
		margin-bottom: 0;
		font-weight: 300; 
		
	}
	h1 { 
		font-size: 1.2em; 
		line-height: 1.2;  
		letter-spacing: -.1rem; 
		padding:1em;
		text-align: center; 
	}
	h2{ 
		display:block;
		font-size: 1.1em;
		text-align: center; 
		
	}
	h3 { 
		color:#24B8C9;
		font-size: 1em;
		font-weight:bold;
		padding:0.3em 0.4em 0.3em 0em;
		/*background-color:#e9f5fe;*/
		border-bottom:1px solid #24B8C9;
		margin-top:1em;
		margin-bottom:0.9em;
	}
	h3.blanc{
		padding:0.3em 0.4em 0.3em 1em;
		background-color:white;
		margin-top:1em;
		margin-bottom:0.9em;
	}
	
	h4{
		color:#24B8C9;
		font-size: 1em;
		font-weight:bold;
		padding:0.3em 0.4em 0.3em 0em;
		/*background-color:#e9f5fe;
		border-bottom:1px solid #24B8C9;*/
		margin-top:1em;
		margin-bottom:0.9em;
	}
	
	p, ul li, #ex1 a{
		margin: 3px;
		margin-bottom: 1em;
		padding: 0;
		/*font-size: 0.65em; */
	}

    #ex1 a{
	 /*margin-top: 0;*/
	color:#FFFFFF;
	 margin-bottom: 0;
	 padding: 0;
	 /*font-size: 0.5em;*/
    }
	p.rouge{
	color:red;
	}
	p.retrait{
		padding-left:1em;
	}
	p.top{
		margin-top: 1em;
	}
/* Listes
 */
	ul.interieur {
	  list-style-type: disc;
	  padding-left: 0;
	  margin-top: 0; 
	  font-size:0.65em;
	  text-align:justify;}
	
	ul.interieur li {
	  margin-left:2em;
	  margin-bottom: 0.5em; }	
	  
/* Tableaux
 */

 label, input, select, textarea{
	 font-size: 16px !important;
	 line-height:16px !important;
 }

 input.mef02 {
	 font-size: 0.8em;
	 width: 8em;
 }


	table{	
		font-size:0.65em;
	}
	td{
		padding :0.3em;
	}

 .texte {
	 text-indent: 2em;
	 margin-top: -1.4em !important;
 }


 .modal a.close-modal[class*="icon-"] {
	 top: -10px;
	 right: -10px;
	 width: 20px;
	 height: 20px;
	 color: #fff;
	 line-height: 1.25;
	 text-align: center;
	 text-decoration: none;
	 text-indent: 0;
	 background: #900;
	 border: 2px solid #fff;
	 -webkit-border-radius:  26px;
	 -moz-border-radius:     26px;
	 -o-border-radius:       26px;
	 -ms-border-radius:      26px;
	 -moz-box-shadow:    1px 1px 5px rgba(0,0,0,0.5);
	 -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	 box-shadow:         1px 1px 5px rgba(0,0,0,0.5);
 }

 .modal{
	 max-width:800px !important;
	 font-size: 18px;
	 line-height:20px;
 }

 .bloc500{
	 width:49%;
	 float:left;
	 text-align:center;
 }

 .bloc50{
	   width:50%;
	   float:left;
	   text-align:center;
   }
 .bloc75{
	 width:75%;
	 float:left;
	 text-align:center;
 }
 .bloc25{
	 width:25%;
	 float:left;
	 text-align:center;
 }
 .bloc50 a , .bloc75 a , .bloc25 a {
	 display:block;
	 text-decoration:none;
	 padding:5px
 }
 .centre{
	 clear: both;
	 margin:0 auto;
 }

 @media only screen and (max-width: 519px) {
	 .bloc25{
		 display:none;
	 }
	 .bloc75{
		 width: 100%;
	 }
	 .modal {
		 font-size:11px;
		 max-width:90% !important;
	 }
 }

 .bandeau40ans {
	 margin: 0 !important;
	 margin-bottom: 15px !important;
	 line-height: 26px !important;
	 font-size: 22px !important;
	 padding: 10px 15px;
	 color: #0f4ba1;
	 background-image: linear-gradient(60deg, #24B8C9, #ffffff);
	 min-height: 200px;
	 overflow: auto;
 }

 .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	 max-width: 100%;
	 height: auto;
 }

 .alignright {
	 float: right;
	 margin: 5px 0 20px 20px;
 }

 .bandeau40ans p, .bloc40sos p {
	 display: block;
	 overflow: auto;
	 line-height: 26px;
	 font-size: 22px;
	 padding: 5px;
	 color: #0f4ba1;
 }

 .row{
	 padding-top:15px;
	 padding-bottom:15px;
	 margin-left:15px;
	 margin-right: 15px;
	 clear:both;
 }


 label {
	 cursor: pointer;
 }
 #content {
	 background-color: #9acd32;
 }
 label, #content {
	 height: 20px;
	 width: 800px;
	 margin-bottom: 10px;
	 display: inline-block;
 }
 #menu-toggle {
	 display: none;
 }
 #menu {
	 overflow: hidden;
	 padding: 0;
	 margin: 0 auto;
	 -webkit-transition: all 0.3s ease;
	 margin-top: 40px;
 }
 #menu-toggle:checked + #menu {
	 max-height: 100px;
 }

 .entete {
	 width:100%;
	 overflow:hidden;
 }

 #logo{
	 width:30%;
	 float:left;
	 display:block
 }
 .navigation{
	 margin-top: 0;
	 width: 70%;
	 float: right
 }

 @media only screen and (max-width: 519px){

	 #logo{
		 width:48%;
		 float:left;
		 display:block
	 }
	 .navigation{
		 margin-top: 0;
		 width: 48%;
		 float: right
	 }
 }