/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
h6 {
font-size:0.8em;
}
h4 {
font-size:1.0em;
}
h3 {
font-size:1.2em;
}
h2 {
font-size:1.0em;
}
.Taille14 {
font-size:1.8em;
}
.Taille13 {
font-size:1.0em;
}
.Taille11 {
font-size:0.7em;
}
.Taille09 {
font-size:0.7em;
}
.titre {
font-size:1.2em;
}
.SizeStep {
font-size:0.9em;
}
#css_ou {
margin-top:50px; margin-bottom:50px;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
h6 {
font-size:1.0em;
}
h4 {
font-size:1.5em;
}
h3 {
font-size:1.5em;
}
h2 {
font-size:1.9em;
}
.Taille14 {
font-size:1.8em;
}
.Taille13 {
font-size:1.3em;
}
.Taille11 {
font-size:1.1em;
}
.Taille09 {
font-size:0.9em;
}
.titre {
font-size:1.5em;
}
.SizeStep {
font-size:1.0em;
}
#css_ou {
margin-top:100px; margin-bottom:100px;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
h6 {
font-size:1.0em;
}
h4 {
font-size:1.5em;
}
h3 {
font-size:1.7em;
}
h2 {
font-size:1.9em;
}
.Taille14 {
font-size:1.4em;
}
.Taille13 {
font-size:1.3em;
}
.Taille11 {
font-size:1.1em;
}
.Taille09 {
font-size:0.9em;
}
.titre {
font-size:1.5em;
}
.SizeStep {
font-size:1.0em;
}
#css_ou {
margin-top:100px; margin-bottom:100px;
}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
h6 {
font-size:1.0em;
}
h4 {
font-size:1.5em;
}
h3 {
font-size:1.7em;
}
h2 {
font-size:1.9em;
}
.Taille14 {
font-size:2.0em;
}
.Taille13 {
font-size:1.3em;
}
.Taille11 {
font-size:1.0em;
}
.Taille09 {
font-size:0.9em;
}
.titre {
font-size:2em;
}
.SizeStep {
font-size:1.0em;
}
#css_ou {
margin-top:100px; margin-bottom:100px;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
h6 {
font-size:1.0em;
}
h4 {
font-size:1.5em;
}
h3 {
font-size:1.7em;
}
h2 {
font-size:1.9em;
}
.Taille14 {
font-size:2.2em;
}
.Taille13 {
font-size:1.3em;
}
.Taille11 {
font-size:1.0em;
}
.Taille09 {
font-size:0.9em;
}
.titre {
font-size:2em;
}
.SizeStep {
font-size:1.0em;
}
#css_ou {
margin-top:100px; margin-bottom:100px;
}
}
body {
/*font-family: 'Source Sans Pro', sans-serif;*/
font-family: 'Quicksand', sans-serif;
}
.titre {
margin-top:50px;
text-transform: uppercase;
text-align:center;
font-weight: 700;
color:#245ba5;
}
label {
font-size:1.0em;
font-weight: 700;
color:#245ba5;
}
.SignePlus {
margin-top:2px;
font-size:1.8em;
font-weight: 700;
color:#245ba5;
}
.CGV {
border:2px solid #245ba5;
border-radius:25px;
background: #fff;
color:#245ba5;
}
.SepCenter{
text-align:center;
width:100%;
}
.SepLeft{
text-align:left;
width:100%;
}
.SepCenter:after,.SepLeft:after{
display: inline-block;
margin-top:0px;
width:50px;
height :10px;
content: '\00a0';
/*background: #9013fe;*/
background-image: linear-gradient(106deg, #ae2352, #4f0095);
}
.SepLeftMini{
text-align:left;
width:100%;
}
.SepLeftMini:after{
display: inline-block;
width:70px;
height :4px;
content: '\00a0';
background-image: linear-gradient(106deg, #ae2352, #4f0095);
}
.CssAirViolet {
color:#4f0095;
}
.CssAirBleu {
color:#245ba5;
}
.CssAirNoir {
color:#4a4a4a;
}
.CssAirMarr {
color:#ae2352;
}
.CssAirOrg {
color:#f5a623;
}
.cardsBorder {
border:2px solid #245ba5;
}
.cards {
border:none;
}
.btn-primary{
border-radius:40px; padding:8px; width:150px;
color:#fff;
border-color:#245ba5;
background-image: -webkit-linear-gradient(left, #ae2352, #4f0095);
background-image: -moz-linear-gradient(left, #ae2352, #4f0095);
background-image: -ms-linear-gradient(left, #ae2352, #4f0095);
background-image: -o-linear-gradient(left, #ae2352, #4f0095);
background-color: #fff;
}
.btn-primary:hover{
font-weight:700;
color:#245ba5;
border-color:#245ba5;
background-image: -webkit-linear-gradient(left, #fff, #fff);
background-image: -moz-linear-gradient(left, #fff, #fff);
background-image: -ms-linear-gradient(left, #fff, #fff);
background-image: -o-linear-gradient(left, #fff, #fff);
background-color:#fff;
border:2px solid #245ba5;
}
.btn-add { font-weight:700; color:#245ba5; background-color:#ffffff; border:1px solid #245ba5; border-radius:0px; padding:8px; width:190px; }
.btn-add:hover { font-weight:700; color:#245ba5; background-color:#ffffff; }
.btn-suivant { font-weight:700; color:#ffffff; background-color:#245ba5; border:0px solid #245ba5; border-radius:0px; padding:10px; width:220px; }
.btn-suivant:hover { font-weight:700; color:#ffffff; background-color:#245ba5; }
.btn-suivdis { font-weight:700; color:#ffffff; background-color:#d8d8d8; border:0px solid #245ba5; border-radius:0px; padding:10px; width:220px; }
.btn-suivdis:hover { font-weight:700; color:#ffffff; background-color:#d8d8d8; }
/*
.btn-default { font-weight:700; color:#fff; background-color:#dfdfdf; border-radius:40px; padding:8px; width:150px; }
.btn-default:hover { font-weight:700; color:#245ba5; background-color:#dfdfdf; }
*/
.btn-retour { font-weight:700; color:#245ba5; background-color:#fff; border-radius:0px; border:0px; padding:8px; width:150px; }
.btn-retour:hover { font-weight:700; color:#dfdfdf; background-color:#fff; }
.t {
text-align:center;
font-size:2em;
}
.form-control {
border:none;
border-bottom:1px solid #245ba5;
}
.form-control::-webkit-input-placeholder { color: #ccc; } /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #ccc; } /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #ccc; } /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #ccc; } /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #ccc; } /* Microsoft Edge */
::placeholder {
font-style: italic;
font-size: 0.9em;
}
.orange-btn {
color: #ffffff;
background-color: #f5a623;
border-radius: 4px;
}
.airmob-btn {
padding: 20px 40px;
border: 0px;
}