@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(./fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(./fonts/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
}


BODY{
font-family: 'Open Sans', sans-serif;
margin:0px;
}

body, html
{
min-height: 100%;
height: 100%;
}

#spacer {
clear : both;
}	

a:link  {COLOR: #000; TEXT-DECORATION: none; }
a:visited { COLOR: #000; TEXT-DECORATION: none; }
a:active  { COLOR: #000; TEXT-DECORATION: none; }
a:hover {COLOR: #B40404; TEXT-DECORATION: none;  cursor: hand; transition: all 0.5s linear 0s;}

.txtrougefonce {
COLOR: #990000;	
}	

.txtrouge {
COLOR: #FF0000;	
}

.txtnoir {
COLOR: #000000;	
}

.txtgris {
COLOR: #cccccc;	
}

.txtbleu {
COLOR: #2c739b;	
}

.txtgrisfonce {
COLOR: #999999;	
}

.txtvert {
COLOR: #009900;	
}

.txtorange {
COLOR: #ff6600;	
}	

#conth1 {
margin-top:0;
padding:0.5%;
background-color:#FDC829;
Color:#000;
font-size: 15px;
}	

.videocontainer{
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.videocontainer iframe, .videocontainer embed, .videocontainer object{
width: 100%!important; height: 100%!important;
position: absolute;
top: 0; left: 0;
}

#containerpay {
margin-top:4%;
}	

#conth2 {
background-color:#2c739b;
padding:12px;
margin-bottom:2%;
text-align:center;
font-size: 22px;
color:#FFF;
}	

.titreha {
font-size: 24px;
}	

#conth3 {
padding:15px;
margin-top:2.5%;
margin-bottom:1%;
text-align:center;
font-size: 18px;
color:#000;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #CCC;
}	

#conth4 {
background-color:#65b065;
padding:12px;
margin-top:2.5%;
margin-bottom:2%;
text-align:center;
font-size: 22px;
color:#FFF;
}	

#conth5 {
background-color:#EEE;
padding:12px;
margin-top:2.5%;
margin-bottom:2%;
text-align:center;
font-size: 22px;
color:#000;
}

#footer {
margin-top:0;
padding:1%;
background-color:#666;
Color:#000;
font-size: 12px;
}	

#exitpopup {
z-index:999999;
text-align:center;
width:50%;
max-width: 700px;
height:auto;
margin:0px auto;
display:none;
position:fixed;
color:#000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-style: solid;
border-width: 2px;
border-color: #CCC;
background:#EEE;
box-shadow: 3px 3px 10px #000;
}

#exitpopup h1 {
  margin-top:0px;
  padding-top:0px;
}	

#exitpopup p {
  text-align:left;
}

#exitpopup_bg {
display: none;
width:100%;
height:100%;
position:fixed;
background:#000000;
opacity: .7;
filter:alpha(opacity=0.7);
z-index:999998;
}	

@media only screen and (max-width:768px) {
#menunavbar {
margin-top:0;
position: fixed;
width:100%;
}
#conth1 {
font-size: 22px;
}
video {
width: 100%;
}
#boutha {
width: 60%;
max-width: 400px;
min-width: 200px;
}	
#gagnlivre {
width: 60%;
max-width: 300px;
}
#gagncd {
width: 80%;
max-width: 300px;
}	
#exitpopup {
width:110%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}	
}