@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;
background-color: #eeeeee;
}

body, html
{
height: 100%;
width: 100%;
margin:0;
padding: 0;
}

#spacer {
clear : both;
}	

a.liens:link  {COLOR: #999; TEXT-DECORATION: underline; }
a.liens:visited { COLOR: #999; TEXT-DECORATION: underline; }
a.liens:active  { COLOR: #999; TEXT-DECORATION: underline; }
a.liens:hover {COLOR: #CCC; TEXT-DECORATION: none;  cursor: hand; transition: all 0.5s linear 0s;}

a.liensn:link  {COLOR: #666; TEXT-DECORATION: none; }
a.liensn:visited { COLOR: #666; TEXT-DECORATION: none; }
a.liensn:active  { COLOR: #666; TEXT-DECORATION: none; }
a.liensn:hover {COLOR: #CCC; TEXT-DECORATION: none;  cursor: hand; transition: all 0.5s linear 0s;}

.txtrouge {
COLOR: #CC0000;	
}

.txtrougefonce {
COLOR: #990000;	
}

#rowcont1 {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
padding:0;
}

#rowcont11 {
margin-left: auto;
margin-right: auto;
padding:0;
}

#rowcont111 {
margin-right: auto;
padding:0;
max-width:500px;
margin-left: 5%;
}

#rowcont112 {
margin-right: auto;
padding:0;
max-width:700px;
}

#bandeaug {
letter-spacing: 10px;
text-align: center;
width:100%;
background-color: #eec654;
margin-bottom: 10px;
padding:7px;
color:#000;
}

.colg {
padding:10px;
}

.cold {
margin-top: 30px;
}

.labelform {
font-size:11px;
font-weight:normal;
}

.form-control {
font-size:15px !important;
}

#numtvano {
color:#CC0000;
font-size:12px;
margin-top: 15px;
margin-bottom: 15px;
}

#chkcgv {
font-size:10px;
text-align: center;
}

#txtrgpd {
text-align: justify;
font-size:10px;
margin-left: 4px;
}

#infovendeur {
text-align: justify;
font-size:10px;
margin-top: 10px;
}

#typpay {
margin-top: 5px;
margin-bottom: 25px;
text-align: center;
font-size:18px;
}
	  
#bandeaud {
letter-spacing: 10px;
text-align: center;
width:100%;
background-color: none;
margin-bottom: 5px;
padding:15px;
}

.imgprod {
width:100%;
max-width:130px;
padding:15px;
border-style: solid;
border-color: #ff6f22;
border-width: 2px;
margin-bottom: 15px;
}

#imgprod {
width:100%;
max-width:130px;
padding:15px;
border-style: solid;
border-color: #ff6f22;
border-width: 2px;
margin-bottom: 15px;
}

#titreprod {
color:#ff6f22;
/*font-weight:bold;*/
font-size:30px;
/*font-family: 'Oswald';*/
}

#descprod {
color:#444;
font-size:10px;
margin-left: 60px;
margin-right: 60px;
}

#prixprod {
margin: 10px 30px 50px 30px;
}

#contenuprix {
font-size:16px;
margin-top: 15px;
text-align:center;
}

#contenuprix1{
font-size:14px;
margin-top: 15px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 10px;
}

#prixht {
font-size:12px;
margin-top: 15px;
margin-left: 30px;
margin-right: 30px;
}

#typprod {
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}

hr.style-one {
    background: #333 linear-gradient(to right, #ccc, #f00, #ccc) repeat scroll 0 0;
    border: 0 none;
    height: 1px;
    margin-bottom: 2%;
    margin-top: 2%;
    width: 85%;
}

#alerttypprod {
font-size:12px;
text-align: center;
}

#divcgv {
margin-top: 15px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
padding:10px;
border-style: solid;
border-color: #CCC;
border-width: 1px;
font-size:11px;
}

#linkcgv {
font-size:11px;
text-align: center;
margin-bottom: 20px;
}

#buttonsq{
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
display:block;
width:40%;
padding:.5em;
font-size:1.4em;
font-weight: 600;

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

    margin:0px auto 0px auto;		
    border: 0.5px solid #444;
    color: #000;
    cursor: hand;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    text-decoration: none;
	
cursor:hand;
-webkit-transition: 1s background;
transition: 1s background
}

#buttonsq:hover{
background:#eec654;
}

#buttonsq:active{
box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}

#mensua {
margin-top: 10px;
margin-bottom: 15px;
font-size:15px;
}

/* ---------------------- page index-ok -------------------------- */

#closepop {
position: absolute;
top: 2px;
right: 2px;
z-index:900;
cursor: pointer; cursor: hand;
}

#myaddiv{
FONT-SIZE: 12px;
position: absolute;
z-index:800;
bottom:5px;
left:5px;
background-color: #FFFFFF;
width: 70%;
text-align: center;
padding:3px;
background-color: #ffffff;
border: 1px solid #cc0000;
-moz-box-shadow: 2px 2px 2px #aaa; 
-webkit-box-shadow: 2px 2px 2px #aaa; 
box-shadow: 2px 2px 2px #555; 
display: block;
}

#uppop {
position: absolute;
bottom: 10px;
left: 10px;
z-index:1000;
cursor: pointer; cursor: hand;
display: none;
}

#conteneurpub { 
margin-bottom: 10px;
font-family: 'Open Sans', sans-serif;
font-size:12px;
}

	a.prodpageacces:link    { COLOR: #0070BB; TEXT-DECORATION: none; FONT-SIZE: 10px;}
	a.prodpageacces:visited { COLOR: #0070BB; TEXT-DECORATION: none; FONT-SIZE: 10px;}
	a.prodpageacces:hover   { COLOR: #990000; TEXT-DECORATION: none; cursor: hand; FONT-SIZE: 10px;}
	a.prodpageacces:active  { COLOR: #0070BB; TEXT-DECORATION: none; FONT-SIZE: 10px;}

/* ---------------------- page test validateion -------------------------- */

#divprodnondispo {
margin-top: 20px;
margin-bottom: 20px;
font-size:16px;
text-align: center;
COLOR: #CC0000;
}

#typpaytest {
text-align: center;
font-size:12px;
margin-top: 20px;
margin-bottom: 20px;
}

/* ---------------------- page LASTDATE -------------------------- */

#roxbandeauh {
background-color: #34495e;
COLOR: #FFF;
text-align: center;
font-size:20px;
padding: 10px;
}

#divcentrelastdate {
font-size:15px;
}


/* ---------------------- Ticket Paiement -------------------------- */

#divpay {
font-size:12px;
}

#divtiquetpay {
background-color:#eee;
margin-top:30px;
margin-bottom:15px;
padding: 10px;
text-align: left;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 1px solid #666;
box-shadow: 2px 2px 2px #CCC; 
}

@media only print {
#boutacces {
display:none;
}
#noprint{
display:none;
}
#separator{
display:none;
}
#divtiquetpay {
width:100%;
margin-left:0;
}
}

@media only screen and (max-width:768px) {
.container-fluid {
margin-left: 0;
margin-right: 0;
padding:0;
}
#logocb {
margin-top: 10px;
}
#bandeaug {
letter-spacing: 5px;
}
.colg {
margin-top: 10px;
}
#bandeaud {
margin-top: 10px;
letter-spacing: 5px;
background-color: #34495e;
color:#FFF;
}
.labelform {
font-size:10px;
}
#contenuprix {
font-size:14px;
}
#prixht {
font-size:10px;
}
#alerttypprod {
font-size:10px;
}
#buttonsq{
width:70%;
}
#roxbandeauh {
font-size:18px;
}
#divcentrelastdate {
font-size:12px;
}
#conteneurpub { 
display: none;
}
#myaddiv{
FONT-SIZE: 16px;
width: 95%;
}
#rowcont111 {
margin-left: 0;
width:100%;
max-width:768px;
}
#rowcont112 {
width:100%;
max-width:768px;
}
#titreprod {
text-align:center;
}
}