body {}
body #menu_hamburger {display: block;position: fixed;width: 100%;max-width: 480px;height: 100%;right: -480px;padding: 30px;background-color: white;overflow: auto;z-index: 910;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition: right 0.4s;top: 0;}
body #menu_hamburger label.fermer_menu {position: absolute;right: 30px;top: 20px;opacity: 0.5;transition: opacity 0.2s;}
body #menu_hamburger label.fermer_menu svg {width: 35px;height: 35px;}
body #menu_hamburger label.fermer_menu:hover {opacity: 1;}
body #menu_hamburger label.fermer_menu:focus {opacity: 1;}
body #menu_hamburger a {text-decoration: none;}
body #menu_hamburger a:hover {text-decoration: underline;}
body #menu_hamburger a:focus {text-decoration: underline;}
body #menu_hamburger .fermer_hamburger {color: white;float: right;padding-top: 20px;padding-right: 10px;text-transform: uppercase;font-size: 90%;cursor: pointer;opacity: 0.7;}
body #menu_hamburger .fermer_hamburger:hover {opacity: 1;}
body #menu_hamburger .fermer_hamburger:focus {opacity: 1;}
body #menu {display: none;}
body #menu:checked+ #viewport #menu_hamburger {right: 0;}
body #menu:checked+ #viewport #masque_hamburger {display: block;position: absolute;z-index: 900;width: 100%;height: 100%;background: white;background-color: rgba(0,0,0, 0.5);}
#viewport {width: 100%;padding-bottom: 30px;padding-bottom: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;}
#viewport #page {width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position: relative;}
#viewport .bouton_menu {position: absolute;top: 50%;right: 0px;-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-khtml-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);display: none;transition: color 0.2s;color: #C88870;color: #444;color: #045C99;}
#viewport .bouton_menu span.texte {color: black;font-weight: 700;font-weight: 300;font-family: chapo, sans;margin-right: 0px;transform: translate(0, -50%);display: inline-block;font-size: 16px;font-weight: bold;line-height: 1em;position: absolute;right: 45px;top: 50%;margin-top: 0px;}
#viewport .bouton_menu span.logo {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display: inline-block;transition: color 0.2s;}
#viewport .bouton_menu span.logo .svg {display: block;width: 35px;height: 35px;}
#viewport .bouton_menu span.logo .svg path {fill: black;transition: fill 0.2s;}
#viewport .bouton_menu:hover {color: #9A553B;color: black;}
#viewport .bouton_menu:hover span.logo svg path {fill: black;}
#viewport .bouton_menu:focus {color: #9A553B;color: black;}
#viewport .bouton_menu:focus span.logo svg path {fill: black;}
#viewport .bouton_menu label {display: block;}
#viewport .bouton_menu label img {width: 40px;height: 40px;vertical-align: middle;}
#viewport .bouton_menu label .fermer {display: none;}
@media screen and (max-width: 480px){
body #menu_hamburger label.fermer_menu svg{width: 30px;height: 30px;}
#viewport .bouton_menu span.logo .svg{width: 30px;height: 30px;}
}
@media (max-width: 960px){
#viewport .bouton_menu{display: block;}
}
@media (any-hover: none){
#viewport .bouton_menu{display: block;}
}
@media print{
#viewport .bouton_menu{display: none;}
}