@charset "utf-8";
/* CSS Document */
@font-face{font-family:'Canalplus';font-weight:normal;src:url(fonts/CanalLightRomain.otf) format("opentype");}
@font-face{font-family:'Canalplus';font-weight:bold;src:url(fonts/CanalBoldRomain.otf) format("opentype");}
@font-face{font-family:'Canalplus';font-weight:normal;font-style:italic;src:url(fonts/CanalLightItalique.otf) format("opentype");}
@font-face{font-family:'Canalplus';font-weight:bold;font-style:italic;src:url(fonts/CanalBoldItalique.otf) format("opentype");}
html{
 font-size: 62.5%; /* Ré-équilibrage du Rem face au Pixel pour des calculs simples */
}
body{
font-family:'Canalplus';
font-weight:bold; 
}

header img{
margin: 0 auto 0 auto;
}
header {
text-align: center;
}
header img{
width:100%;
max-width:1145px;
}
.img-center img{
margin: 0 auto 0 auto;
}
#contact, .py-5{
background-color:#74aed2;
color:#ffffff;

}
.contact{
text-align:center;
font-weight:bold;
white-space: pre; 
padding: 10px 0 10px 0;
}
h2.offre {
max-width: 740px;
text-align:left;
white-space: pre; 
font-weight: bold;
color: #74aed2;
}
.form-inline label{
width:29%;
justify-content: flex-end;
padding-right: 5px;
font-size:1.6rem;
font-weight: bold;
}
.label, label.form-check-label{
justify-content: flex-end;
padding-right: 5px;
font-size:1.6rem;
font-weight: bold;
}
.label{
padding-left: 5px;
}
#projet_div.form-inline label{
width:36%;
text-align: left;
}
.form-inline .form-control{
width:60%;
}
.required {
color:#990000;
padding-left:2px;
}
p.mentions{
font-weight:normal;
font-size:12px;
font-style: italic;
    width: 100%;
    margin-left: 10%;
}
p.pied, a:link, a:visited {
    font-size:12px;
    font-style: normal;
    color: inherit;
    font-weight: normal;
    align: center;
    text-decoration: none;
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;

}


/*.offre{
border: 2px #74aed2 solid;
color: #74aed2;
font-size: 2.4rem;
height:95px;
width:528px;
}*/
.offre img{
/*float: left;*/

}
.offres img{
width: 100%;
max-width:539px;
margin: 5px auto 5px auto;
}
.imgcontact{
width: 100%;
max-width:511px;
}
.imgoffres{
width: 100%;
}
h1{
font-size:2.2rem;
font-weight:bold;
margin-top: 1rem;
}
h2{
font-size:2rem;;
}
a.numero-title{
color:#75b1e2;
font-size: 2.2rem;
font-weight:bold;
}
.numero-text{
font-size: 1rem;
font-weight:normal;
}
.numero{
text-align:center;
}
#numeros img{
width: auto;
height:auto;
margin: 0 auto 0 auto;
}
.rub_form {
font-size:1.8em;
color:#334a93;
margin-left:5px;
margin-top: 10px;
}
p  {
font-size:2rem;
}
.oblige{
font-size:14px;
font-weight:normal;
text-align: left;
padding-left:5%;
white-space: nowrap;

}
.validation{
 background: url("../media/validez.png");
  border: none;
  width: 225px; /* largeur à spécifier */
  height: 69px; /* longueur à spécifier */
  cursor: pointer;
  text-indent: -30000px;
  margin: 15px auto 10px auto;
}
.custom-select, .form-control {
font-size: 1.6rem;
line-height: 1.6rem;
}
.hidden{
visibility:hidden
}
/*video remove*/
.videoWrapper {
  overflow: hidden;
}
h2 {
    font-size: 1.8rem;
}
.g-recaptcha div{
margin: 15px auto 5px auto;
}
/* Overlay video */
#video-overlay {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#msgSubmit {
color:#334a93;
font-weight:bold;
}
.dtext {
	margin-top:10rem;
}
@media screen and (max-width: 992px) {

.form-inline label, .label, label.form-check-label{
font-size: 1.35rem;
}
}
@media screen and (max-width: 760px) {
.rub_form {
margin-left:0;
}
.form-inline label, .label, label.form-check-label{
font-size: 1.4rem;
}
html{
 font-size: 49%; /* Ré-équilibrage du Rem face au Pixel pour des calculs simples */
}
/*#contact_form .form-inline label {
font-size: 1.4rem !important;
}*/
.numero-text{
font-size:11px;
}
h2.offre {
max-width: 740px;
text-align:left;
white-space: normal; 
}
h2.contact {
white-space: normal; 
}
}
@media screen and (max-width: 640px) {
#projet_div.form-inline label {
    width: 95%;
    text-align: left;
}
.form-inline .form-control {
width: 95%; 
}
.form-inline label {
width: 95%; 
}
.custom-select{
width: 95%; 
}
.offres img{
width: 94%;
max-width: 539px;
margin: 5px 3% 5px 3%;
display: block;
}
h2.contact.text-center{
text-align: left !important;
}
}


p.cookies{
margin: 50px 30% 50px 30%;
font-weight:normal;
font-size:16px;
font-style: italic; 
}