/* latin-ext */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(../fonts/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(../fonts/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
font-family: 'Libre Baskerville', serif;
FONT-SIZE: 12px;
margin: 0px;
padding: 0px;
width:100%;
height:100%;
background-color: #FFF;
}

html
{
height: 100%;
height:100%;
background-color: #FFF;
}


#spacer {
clear : both;
}	

#divcentre {
font-family: 'Libre Baskerville', serif;
font-size: 22px;
text-align:justify;
}

#baseligne {
font-family: 'Libre Baskerville', serif;
margin-top:20px;
font-size: 55px;
font-weight: bold;
text-align:center;
}

#baseligneunder {
font-family: 'Libre Baskerville', serif;
margin-top:10px;
margin-bottom:50px;
font-size: 30px;
text-align:center;
}

.titletxt {
font-size:25px;
font-weight: bold;
}

#espacetxt {
display: inline-block;
width: 50px;
}

.stabilo {
background-color:#ffff66;
}

#ha {
font-family: Arial, Helvetica, sans-serif;
margin-top:20px;
border: 2px dashed red;
padding:10px;
font-weight: normal;
font-size: 13px;
background-color: #ffffe6;
}

#footer{
display: inline-block;
height: auto;
width: 100%;
margin: 20px 0 0 0;	
text-align: center;
padding:25px;
color: #CCC;
font-size: 10px;
margin-top:28%;
margin-bottom:55px;
background-color: #222;
}





/* ---------------------- Centrer MODAL ------*/	
body.modal-open {
	position: fixed;
	width: 100%;
}
.modal-body {
    max-height: none;
}
.modal {
	text-align: center;
}
@media screen and (min-width: 768px) { 
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}
.modal .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
@media (max-width: 767px) {
    .modal-body {
        max-height: none;
    }
    .modal-body .input-append,
    .modal-body .input-prepend {
        width: 100%;
    }
    .modal-body .input-append input,
    .modal-body .input-append input[class*=span],
    .modal-body .input-prepend input,
    .modal-body .input-prepend input[class*=span] {
        width: 90%;
        box-sizing: border-box;
    }
}
/* ---------------------- FIN Centrer MODAL ------*/	

		
@media only screen and (max-width:768px) {
#divcentre {
margin-top:5px;
font-size: 14px;
font-weight: normal;
text-align:center;
}
#baseligne {	
margin-top:5px;
font-size: 28px;
}
#baseligneunder {
font-size: 22px;
}
#espacetxt {
width: 20px;
}
#img {
width:100%;
}
#sqpop {
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
}
#footer{
margin-top:45%;
}
}