header { width: 100%; height: 90px; display: block; }
header .titre, header h1 { margin: 0 auto; text-align: center; width: 100%; height: 40px; padding: 0; float: none; }
header .navigation { padding: 0; width: 100%; float: none; margin: auto; height: 50px; }
header .navigation ul { height: 100%; width: 90%; margin: 10px auto; padding: 0; }
header .navigation ul li { text-align: center; width: 32.5%; margin: auto 1.2px; display: block; }
header .navigation ul #admin { display: none; }
header .navigation li:hover { font-size: 100%; width: 32.5% }

body { width: 100%; height: 100%; }
body .button-chat { height: 40px; bottom: 15px; }
body .corps { top: 100px; min-height: 250px; height: 80%; width: 85%; border-radius: 4%; }
body .corps .cepes { width: 100%; }
body .corps .cepes tr { width: 100%; }
body .corps .cepes tr td { width: 50%; }
body .corps .cepes tr td .ghost-button-size-transition { width: 65%; padding: 10px; font-size: 105%; }
body .corps .col-1 { width: 100%; }
body .corps .col-1 img { margin: 20px auto; display: block; position: inherit; width: 35%; }
body .corps .col-2 { float: left; width: 100%; text-align: left; padding-bottom: 10px;}
body .corps .col-2 p { margin: 10px; }

body:before { height: 100vh; min-height: 85vh; }

.popup{
	top: 10vh;
    left: 15vw;
    padding: 10px;
    width: 65vw;
}

@media screen and (orientation: landscape) { body:before { height: 100vh; width: 100vw} }