body {
    font-family: 'Ubuntu';
    color:#000;    
    /* va permettre de toujours avoir le pied de page en bas */
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	/*------------------------------------------------------*/
	}
	
main {
	flex:1;		/* va permettre de toujours avoir le pied de page en bas */	
	}
	
	
a {
	color:#f05a28;
	}
	


#logo_div {
	font-weight:bold;
	text-align:center;
	max-width:500px;	
	}


/********************** Menu **************************/
#menu, #menu ul{
padding:0;
margin:0;
list-style:none;
text-align:left;
white-space:nowrap
}
#menu li{
display:inline-block;
position:relative;
}
#menu ul li{
display:inherit;
border-radius:0;
}
#menu ul li:hover{
border-radius:0;
}
/*
#menu ul li:first-child{
border-radius:8px 8px 0 0;
}
*/
#menu ul li:last-child{
border-radius:0 0 8px 8px;
padding-bottom:8px;
}





#menu ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
width:250px;
}

/*Hauteur max du déroulant*/
#menu li:hover ul{
max-height:500px;

}


/* background des liens sous menus */
#menu li:first-child li{
background:#90278e;
opacity:0.95
}
#menu li:nth-child(2) li{
background:#90278e;
opacity:0.9
}
#menu li:nth-child(3) li{
background:#90278e;
opacity:0.9
}
#menu li:nth-child(4) li{
background:#90278e;
opacity:0.9
}
#menu li:last-child li{
background:#90278e;
opacity:0.9
}





/* les a href */
#menu a{
text-decoration:none;
display:block;
padding:8px 32px;
font-weight:bold;
color:#90278e;
font-size:larger;
}

#menu ul a{
padding:8px 0px 8px 20px;
}

#menu li:hover li a{
color:#fff;
text-transform:inherit;
font-size:medium;
}
#menu li:hover a{
color:#f05a28;
}
#menu li li:hover a{
color:#8bc53f;
font-size:medium
}
#menu li li a{
color:#FFF;
font-size:medium;
}

/******************************************************************/



/* ******************** Hamburger menu ******************** */
#hamburger_menu {
	display:none;
	margin-top:10px;
	text-align:left;
	opacity:0.97;
}

.hamburger_menu_barre{
	border-radius:2px;
	height:4px;
	width:22px;
	background-color:#90278e;
	margin:3px;
}

.dropbtn {
  padding: 16px 32px;
  font-size: larger;
  color:#90278e;
  white-space:nowrap;
}

.dropbtn a {
  text-decoration:none;
  color:#90278e;
}

.dropbtn a:hover {
  color:#f05a28;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.dropdown_2 {
  position: relative;
  display:block;
}

.dropdown_2-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  white-space:nowrap;
  text-align:left;
  margin-left:60px;
}

.dropdown_2-content a {
  color: black;
  padding: 12px 16px;
  display: block;
  text-decoration:none;
  color:#90278e;
}

.dropdown_2-content a:hover {
	background-color: #eee;	
	color:#f05a28;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.dropdown_2:hover .dropdown_2-content {display: block;}

.dropdown_2:hover{
	background-color: #fff;
	color:#ee3b7d;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

/******************************************************************/



.content {
	max-width:1024px;
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;	
	line-height: 22px;
	}
	


/* ---------------------- index.php ---------------------- */

.rubrique {
	background-color:#90278e;
	border-radius:5px;
	color:#FFF;
	font-weight:bold;
	padding:10px;
	margin:5px 0px 15px 0px;
	box-shadow: 5px 5px 5px #aaa;
	}
	
	
	   
.rubrique_plus_moins {
	float:right;
	background:#FFF;
	border-radius:50%;
	width:24px;
	height:24px;
	text-align:center;
	font-size:24px;
	color:#f05a28;
	margin-right:15px;
	cursor:pointer;line-height:22px
	}
	   
.rubrique_texte {
	background-color:#eff;
	border-radius:5px;
	padding:30px;
	margin:5px 0px 25px 0px;
	border:1px solid #90278e;	   
	box-shadow: 5px 5px 5px #aaa;
	text-align:justify;	
	
	animation: fadein 1s;
	
	}

	
@keyframes fadein {
	from {
    	opacity:0;
  		}

	to {
    	opacity:1;
		}
	}

	



	   

/* ------------------------------------------------------- */




.partners {
	width:40%;	       
	border:1px solid #90278e;
	margin:10px;
	padding:10px;
	box-shadow: 5px 5px 5px #aaa;
	}
	   



@media only screen and (max-width: 1024px) {	
	#logo_div {
		max-width:100%;
		}	
	#menu_div {
		display:none;
		}
		
	#hamburger_menu {
		display:block;
		}	
		
		
	
	
	}

@media only screen and (max-width: 850px) {	
	
	.partners {
		width:90%;
		}		
}