@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;
FONT-SIZE: 28px;
margin: 0px;
padding: 0px;
width:100%;
height:100%;
background-size: 100% auto;
background-color: #EEE!important;
}

html
{
height: 100%;
height:100%;
}

#spacer {
clear: both;
}	

.stabilo {
background-color:#ffff66;
}

#imglist li 
{
list-style-image: url(../img/iconfinder-p.jpg);
line-height:35px;
}

#imglist1 li 
{
list-style-image: url(../img/check-red.jpg);
line-height:35px;
}

.txtrougefonce {
COLOR: #990000;	
}	

.txtrouge {
COLOR: #FF0000;	
}

.txtnoir {
COLOR: #000000;	
}

.txtgris {
COLOR: #cccccc;	
}

.txtbleu {
COLOR: #2c739b;	
}

.txtgrisfonce {
COLOR: #999999;	
}

.txtvert {
COLOR: #009900;	
}

.txtorange {
COLOR: #ff6600;	
}

.txtor {
COLOR: #b49049;
}



#baseline {
text-align:center;
font-size:35px;
font-family: 'Oswald';
COLOR: #990000;	
}

#divalert {
color:#59bfec;
font-size:13px;
font-family:arial;
margin-top: 10px;
}

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

#containerpay {
font-family: 'Open Sans', sans-serif;
text-align:center;
display:block;
font-size:22px;
}

#infoprod {
color: #000;
background-color: #FFF;
margin-top: 30px;
padding:20px;
box-shadow: 0 1px 4px rgba(0,0,0,.3);
text-align:center;
}

#compte_a_rebours {
color:#000;
font-size:35px;
text-align:center;
margin-top:30px;
margin-bottom:50px;
}

.H1tete {
text-align:center;
font-family: 'Oswald';
font-weight: 400;
font-size:40px;
COLOR:#CC0000;
padding:30px;"
}

#buttonsq {
  background-color: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8700), to(#ff6400)); /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #ff8700, #ff6400); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:    -moz-linear-gradient(top, #ff8700, #ff6400); /* Firefox 3.6-15 */
  background-image:      -o-linear-gradient(top, #ff8700, #ff6400); /* Opera 11.10-12.00 */
  background-image:         linear-gradient(to bottom, #ff8700, #ff6400); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */	

    margin:0px auto 0px auto;		
    border: 1px solid #ff6400;
    color: #FFFFFF;
    cursor: pointer;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 20px;	
    font-weight: bold;
	line-height:50px;
    width: auto;
    max-width: 650px;
	height:67px;
    text-decoration: none;
}
#buttonsq:hover{background:#ff8700;}



#orderbump {
margin-top:20px;
text-align:justify;
background-color: #FFFACD;
border-style: dashed;
border-width: thin;
border-color: red;
padding:10px;
}


#footer{
height: auto;
width: 100%;
margin: 300px 0 0 0;	
text-align: center;
padding:25px;
color: #CCC;
font-size: 10px;
bottom:0;
background-color: #222;
}


@media only screen and (max-width:768px) {
#divvidhg {
margin-top: 20px;
}
#baseline {
font-size:16px;
}
#footer{
margin-top:45%;
}
}