*{
	box-sizing: border-box;
}
body{
width: 100%;
background-color:#dedad9;
color:#fff;
font:13px Verdana,Geneva,Arial,Helvetica,sans-serif;
margin: 0 auto;
padding:0;
}

a {
color : #9db400;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
#globale {
max-width: 980px;
background-color:#fff;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}

em {
	color:#2165ac;
	font-weight: bold;
}

#header {
width: 100%;
height: 141px;
margin: 0 auto;
background: url(images/header.jpg) center;
position: relative;
}
.burger{
	display: none;
}
h1 {
height: 80px;
font-size: 29px;
padding: 26px 0 0 110px;
margin: 0;
}
h2 {
font-size: 16px;
padding: 0;
margin: 0;
color: #2165ac;
}

.contenu {
width: 70%;
background-color:#FFF;
font-size: 13px;
color: #000;
padding: 26px 0 0 110px;
margin: 0;
padding: 20px;
}

.contenu h2 {
height: auto;
background: url(images/souligne_h2.gif) no-repeat left bottom;
color: #2165ac;
margin:10px 0 25px 0;
font-size:18px;
}

#footer {
width: 100%;
height:84px;
background: url(images/footer.jpg) center bottom no-repeat;
font-size: 10px;
margin:0;
text-align:center;
}

#footer p {
height:84px;
padding:15px 0 0 0;
}

#sectionmenus{
width: 30%;
height:980px;
padding: 30px 0 0 0;
background: #fff url(/images/ligne-menu.jpg) right top no-repeat;
}

#menu{
background : url(/images/barre-menu.gif) no-repeat left bottom;
width: 100%;
color:#2165ac;
margin: 0 0 3em 0;
padding: 0 0 1px 5px;
line-height: 1.6em;
}

#menu h1{
height:30px;
font-size:16px;
font-weight: bold;
margin:0;
padding :0;
}

#menu ul{
margin: 10px 0 0 0;
padding : 0 0 10px 30px;
}

#menu li{
display:inline;
}

#menu a{
background: url(/images/puce1.gif) no-repeat left center;
display : block;
font-weight : 700;
margin-left : -30px;
padding-left : 20px;
text-decoration : none;
}

#menu a:hover{
background : url(/images/puce-hover.gif) no-repeat left center;
text-decoration: underline;
}

.img-menu{
width: 16px;
height: 16px;
padding: 0;
margin: 0 25px 0 0;
}

.contenu ul {
list-style:none;
}

.bleu {
font-size:13px;
font-weight:bold;
color: #2165ac;
}
.bleu img{
margin-right:5px;
}
.tableau td{
border:1px solid #0b3c70;
vertical-align:middle;
}
.tableau {
border:1px solid #0b3c70;
border-collapse:collapse;
margin-bottom:20px;
}
.bouton {
max-width: 429px;
margin:0 auto;
font-weight:bold;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
background: #216bba;
padding: 5px;
}
#header a img{
	margin-right: 10px;
}
@media screen and (max-width: 768px){
	#globale{
		height: 100vh;
	}
	#sectionmenus{
		display: none;
	}
	.contenu{
		width: 100%;
	}
	.container{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
	}
	.burgerActive{
		margin-top: -20px;
	}
	h1{
		height: auto;
		padding: 5px 0 0 0;
		margin-left: 10px;
	}
	.globaleActive{
		height: 100vh;
		overflow: hidden;
	}
	.menu-gaucheActive{
		display: block !important;
		width: 220px !important;
		position: absolute;
		height: 100vh !important;
		left: 0;
		bottom: 0;
	}
	.burger{
		display: block;
		height: auto;
		margin-right: 20px;
	}
	.burger span{
		margin: auto;
		display: block;
		width: 50px;
		height: 5px;
		background: #fff;
	}
	.burger span:nth-child(2){
		margin-top: 5px;
		
	  }
	.burger span:nth-child(3){
	   margin-top: 5px;
	  }
	.active1{
		transform-origin: bottom right;
	   transform: rotate(-45deg) translateY(-10px) translateX(-5px); 
 	}
	.active2{
		display:none !important;
	}
	.active3{
		margin-top: -5px !important;
		transform-origin: top left;
		transform: rotate(45deg) translateY(-5px) translateX(2px);
	}
}