html { font-size:100%;}
body{background-color:#9de3d0;margin:0;padding:0;}
#conteneur {width:95%;margin-left:4%;margin-right:1%;border:0;}
h1, h2, #fermeBtn, #ouvreBtn, #ouvreBtn2, #contenu, h3, h4, h5, b, .yatra  {font-family: 'Yatra One', sans-serif;}
#fermeBtn {position:absolute;right:0.4em;cursor:pointer;text-align:left;
	border-radius:16px; border:3px solid #36bf9b; margin:8px 0;
	border-radius:1rem; border:0.2rem solid #36bf9b; margin:0.5rem 0;
	font-weight:normal;background-color:#227a63;font-size:16px;font-size:1rem;color:#9de3d0;}
#contenu {position:absolute;left:0.4em;
	border-radius:16px; border:3px solid #36bf9b; margin:8px 0;
	border-radius:1rem; border:0.2rem solid #36bf9b; margin:0.5rem 0;
	font-weight:normal;background-color:#227a63;font-size:16px;font-size:1rem;color:#FFFFFF;}
h1, h2, #ouvreBtn, #ouvreBtn2 {
	border-radius:16px; border:6px solid #36bf9b; margin:8px 0;
	border-radius:1rem; border:0.4rem solid #36bf9b; margin:0.5rem 0;
	font-weight:normal; background-color:#227a63;
}
h2, #ouvreBtn, #ouvreBtn2 {border:3px solid #FFFFFF; border:0.2rem solid #FFFFFF;}
h1 {font-size:24px; font-size:1.5rem; color:#FFFFFF;}
h2, #ouvreBtn, #ouvreBtn2 {font-size:20px; font-size:1.2rem; color:#9de3d0;}
h3 {font-size:16px; font-size:1rem; font-weight:normal; color:#36bf9b;}
h4 {font-size:14px; font-size:0.875rem; font-weight:normal; color:#2b997c;}
h5 {font-size:1px; font-size:0.75rem; font-weight:normal; color:#2b997c;}
h1, h2, #ouvreBtn, #ouvreBtn2, h3, h4, h5, p {margin:3px 0;padding:0 3px; margin:0.2rem 0;padding:0 0.2rem;}
h1, h2, #ouvreBtn, #ouvreBtn2, h3, h4, h5 {text-align:left;}
#ouvreBtn, #ouvreBtn2, #ouvreBtn:hover, #ouvreBtn2:hover{cursor:pointer;}
#ouvreBtn:hover,#ouvreBtn2:hover, #fermeBtn:hover {color:#FFFFFF;}
p, ol, ul, li, .alegreya, input {font-family: 'Alegreya Sans', sans-serif;}
p, ol, ol, ul, li {font-size:16px; margin:3px 0; font-size:1rem; margin:0.2rem 0; text-align:left; color:#1c624f; line-height:normal;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
b, i {font-family: 'Yatra One';}
a, a:link, a:visited {color:#36bf9b;text-decoration:underline;}
a:hover  {background-color:#36bf9b;color:#FFFFFF; text-decoration:none;}
.blanc, .sobottka {
	background-color:#FFFFFF;
	padding:0 3px;border-radius:16px;margin:8px 0;border:3px solid #36bf9b;
	padding:0 0.2rem;border-radius:1rem;margin:0.5rem 0;border:0.2rem solid #36bf9b;
}
.vert {
	background-color:#227a63;
	padding:0 3px;border-radius:16px;margin:8px 0;border:3px solid #36bf9b;
	padding:0 0.2rem;border-radius:1rem;margin:0.5rem 0;border:0.2rem solid #36bf9b;
}
.vert h3 {font-size:20px; font-size:1.2rem; font-weight:normal; color:#FFFFFF;}
.vert h3 em {font-size:16px; font-size:1rem; font-weight:normal; color:#9de3d0;}
.large1010 {max-width:1010px;margin-left:auto;margin-right:auto;}
.centre {text-align:center;}
.dunkel {color:#1c624f;}
.alba {color:#FFFFFF;}
.alba a, .alba a:link, .alba a:visited {color:#9de3d0 ;text-decoration:underline;} /* color:#227a63 */
.alba a:hover  {background-color:#36bf9b;color:#FFFFFF; text-decoration:none;}

input[type = submit], input[type = reset] {
	font-family: 'Yatra One'; font-size:20px; font-size:1.2rem; color:#FFFFFF; font-weight:normal;
	background-color:#227a63; cursor: pointer;
	border-radius:16px; border:6px solid #9de3d0; margin:8px; padding:8px;
	border-radius:1rem; border:0.4rem solid #9de3d0; margin:0.5rem; padding:0.5rem;}
input[type = submit]:hover, input[type = reset]:hover {color:#227a63; background-color:#FFFFFF;}
.sobottka {height: 100%;width: 250px;position:fixed;z-index:58;top:0;left:-250px;overflow:auto;transition: left 0.5s ease;}
.sobottka ul {list-style-type: none;padding:0;margin:3em 1em 0 0;}
.sobottka li {list-style-type: none;padding:0;margin:0; line-height:1.4em;font-family: 'Yatra One', sans-serif;border-top:1px dotted #36bf9b;}
.sobottka a {padding:0;text-decoration:none;background-color:#FFFFFF;color:#227a63;display: block;transition:0.3s;}
.sobottka a:hover {color:#FFFFFF;background-color:#227a63;}
.sobottka.active {left:0;}
.sobottka::-webkit-scrollbar {width: 1em;}
.sobottka::-webkit-scrollbar-track {box-shadow: inset 0 0 12px rgb(34,122,99,1);}
.sobottka::-webkit-scrollbar-thumb {background-color: #227A63; outline: 2px solid #36bf9b;}
.fixebas {position: fixed; bottom:0; right:1%; padding:0 0.2rem;border-radius:1rem; border:0.2rem solid #227a63;background-color:#36bf9b; }
.fixebas p {color:#FFFFFF; text-align:center;}
.fixebas p a, .fixebas p a:link, .fixebas p a:visited, #ouvreBas, #fermeBas {color:#FFFFFF; text-decoration:underline;}
.fixebas  p a:hover, #ouvreBas:hover, #fermeBas:hover {background-color:#36bf9b;color:#FFFFFF;text-decoration:none;font-style:italic; font-weight:bold;cursor:pointer;}
#ouvreBas {display:inline;}
#fermeBas {display:none;}