@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://go1tpe.s3.amazonaws.com/zzz/fonts/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(./fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.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: lato;
FONT-SIZE: 12px;
margin: 0px;
padding: 0px;
background:url(../img/fond.jpg) no-repeat center top;
background-size: 100% auto;
background-color: #FFFFFF;
width:100%;
height:100%;
}

body, html
{
height: 100%;
}

#spacer {
clear : both;
}	

#divhautg {
FONT-FAMILY: lato;	
margin-top:20px;
font-size: 45px;
font-weight: 300;
}

#baseligne {
FONT-FAMILY: lato;	
margin-top:20px;
font-size: 25px;
font-weight: 100;
}

#divformcont {
text-align: center;
background-color: #31455f;
margin-top:30px;
COLOR: #FFF;
padding:0 15px 15px 15px;
}

#titreform {
font-size: 25px;
font-weight: 600;
}

#divbasg {
margin-top:130px;
background-color: #FFF;
font-size: 20px;
font-weight: 100;
padding: 5px;
}

#sqpop {
background-color: #222;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
Color: #FFF;
text-align:center;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 10px 10px 10px 10px;
margin-top:10%;
FONT-FAMILY:Ubuntu;
font-size:18px;
padding:20px;
}


#footer{
display: inline-block;
height: 116px;
width: 100%;
margin: 70px 0 0 0;	
text-align: center;
padding:25px;
color: #333333;
font-size: 11px;
}



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

    margin:0px auto 0px auto;		
    border: 1px solid #FF0000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #666666;
    color: #FFFFFF;
    cursor: hand;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 18px;	
    font-weight: bold;
    width: 150px;
	height:55px;
    text-decoration: none;
    text-shadow: 1px 2px 2px #3C5845;
}
#buttonsq:hover{background:#CC0000;}

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


/* ---------------------- 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) {
body {
background:url(../img/fond1.jpg) no-repeat center top;
}
#divhautg {
margin-top:160px;
font-size: 20px;
font-weight: 600;
text-align:center;
}
#baseligne {	
margin-top:10px;
font-size: 15px;
}
#divformcont {
padding:5px;
}
#titreform {
font-size: 20px;
}
#divbasg {
font-size: 15px;
margin-top:10px;
}
}