/*

html { width: 100%; height: 100%; padding: 0; margin: 0; }
body { width: 100%; height: 100%; padding: 0; margin: 0 auto; font-size : 14px; font-family: 'Dosis', sans-serif; }

#header { width: 100%; margin: 0 auto; }
#footer { width: 100%; margin: 0 auto; }
#page { width: 100%; margin: 0 auto; }
#central { width: 96%; margin: 0 auto; padding: 10px 2%; }

h1 { font-size: 27px; color: #000; }
h2 { font-size: 18px; color: #333; }
p { font-size: 14px; color: #000; }

form { width: 100%; }
form input { width: 96%; margin: 10px auto 5px auto; }
form textarea { width: 100%; margin: 10px auto 5px auto; height: 250px; }
form input[type=submit] { width: 96%; margin: 10px auto; text-align: center; }

*/

#header { width: 100%; margin: 0px auto; min-height: 30px; text-align: center; border-bottom: 1px solid #000; margin-bottom: 20px; }
#footer { width: 100%; margin: 0 auto; background: #000; position: fixed; bottom: 0px; height: 50px; z-index: 100; }
#page { width: 100%; margin: 0px auto; padding: 0px; overflow: hidden; }
#central { width: 96%; margin: 0 auto; padding: 0px 2% 60px 2%; }

#balise_menu_large { display: none; }
#header img { width: 30%; margin: 10px auto; }


form input { font-size: 16px; }
.i_bouton { display: block; padding: 5px 10px; text-align: center; margin: 10px auto; background: #0004c1; color: #fff; border-radius: 5px; cursor: pointer; text-decoration: none; }
.i_bouton:hover { background: orange; }

#menu { display: none; height: calc(100% - 50px); width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 20; overflow: auto; }
.menu_principal { display: inline-block; min-height: 50px; padding: 10px; border-radius: 8px; background: #0004c1; width: 40%; margin: 8px; color: #fff; text-align: center; text-decoration: none; color: #fff; cursor: pointer; position: relative; }
.menu_zone_secondaire { display: none; }
.menu_secondaire { display: block; width: calc(100%-10px); padding: 10px 5px; text-decoration: none; color: #fff; border-radius: 8px; border: thin solid #fff; background: rgba(0, 0, 0, .2); margin: 10px auto; position: relative; z-index: 6;}
.menu_principal h2 { color: #fff; text-decoration: none; }
.pastille, .pastille_rub { position: absolute; top: -5px; right: -5px; font-size: 16px; width: 20px; height: 20px; border-radius: 10px; background: #c00000; color: #fff; z-index: 10; }
.pastille_new { font-size: 13px; height: 20px; border-radius: 10px; background: #c00000; color: #fff; padding: 0 5px; float: right; }

#profil { display: none; height: calc(100% - 50px); width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 20; overflow: auto; }


.ics { width: 100%; border-top: 1px solid #ccc; display: block; clear: both; overflow: hidden; }
.ics p { display: block; float: left; }
.ics .rdv_txt { max-width: calc(100% - 90px); }
.ics a img { height: 30px; display: block; float: left; cursor: pointer; margin-right: 20px; margin-top: 12px; }
.ics_ok { display: block; height: 30px; float: right; margin-top: 12px; }

.article img { width: 100%; }

#sms_formulaire { display: block; max-width: 500px; margin: 0px auto; overflow: hidden; }
#sms_form { width: 100%; display: block; }
#sms_form input[type=text] { font-size: 20px; padding: 5px 3%; width: 93.5%; border: thin solid #000; color: #000; margin: 20px auto; }
#sms_form select { font-size: 20px; padding: 5px 3%; width: 100%; color: #000; margin: 0px auto 20px auto; }
#sms_form input[type=submit] { font-size: 20px; padding: 5px 3%; width: 100%; color: #000; margin: 20px auto; cursor: pointer; }
#sms_form input[type=checkbox] { margin-right: 10px; }

#sms_form h2 { margin-top: 20px; }
#sms_form .cle { font-size: 20px; }
#sms_rech { margin-top: 0px; border: 1px solid #000; padding: 5px; background: #eee; display: none; min-height: 1px; overflow: hidden; }


#info { display: block; max-width: 500px; margin: 0px auto; overflow: hidden; }
#info p { text-align: justify; padding: 0px 0px 10px 0px; }
.separation { display: block; width: 100%; height: 10px; border-bottom: 1px solid #000; margin-bottom: 20px; }


.titraille { display: block; width: 100%; text-align: center; margin-bottom: 0px; }
.titraille h1 { font-size: 45px; }
.titraille h2 { font-size: 100px; font-family: 'Qwigley', cursive; margin-bottom: 35px; margin-top: -5px; color: rgba(130, 188, 72, 1); }

.bouton_sms { font-size: 20px; padding: 5px 3%; width: 100%; color: #fff; background: #c00000; margin: 20px auto; text-decoration: none; display: block; }