@charset "iso-8859-1";


nav 
{
    margin: 0 auto 30px;
    width: 90%;
    height: 60px;
    background:  #788c82;
}
 
nav .main_pages 
{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
 
nav .main_pages a 
{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    color: white;
	font-weight:bold;
}
 
nav a:hover 
{
    background: #b47882;
}



label
{
    display: none;
}
 
 
 

@media all and (max-width: 991px)
{
    nav
    {
        height: 40px;
    }
 
    nav .main_pages 
    {
        display: none;
    }
 
    label 
    {
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
		padding:0 auto;
        font-size: 20px;
        color: white;
        cursor: pointer;
    }
}


label, #toggle
{
    display: none;
}




 
@media all and (max-width: 991px)
{
    nav
    {
        height: 40px;
    }
 
    nav .main_pages 
    {
        display: none;
        flex-direction: column;
        background: #788c82;
        height: 220px;
		margin: 0;
		padding:10px;
		position:relative;
		z-index:1;
    }
 
    nav .main_pages a {
        width: 50%;
    }
 
    label 
    {
        width: 30px;
		height:40px;
        display: flex;
		/*display: bloc;*/
        justify-content: center;
        align-items: center;
        margin: 0 auto;
		padding:0;
        font-size: 30px;
        color: white;
        cursor: pointer;
		/*border:1px solid white;*/
    }
 
    #toggle:checked + .main_pages {
        display: flex;
    }
}




/*

label, #toggle
{
    display: none;
}
 
@media all and (max-width: 991px)
{
    nav
    {
        height: 60px;
    }
 
    nav .main_pages 
    {
        display: none;
        flex-direction: column;
        background: #48435C;
        height: 220px;
    }
 
    nav .main_pages a {
        width: 50%;
    }
 
    label 
    {
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }
 
    #toggle:checked + .main_pages {
        display: flex;
    }
}

*/




/* merci RAPHAËL BEAUDET :-) */