html {
    -webkit-font-smoothing: antialiased;
    text-rendering:geometricPrecision;
  }

/* indispensable pour les tailles en rem */
html {font-size: 100%;!important;}
html { font-size: 1vw;!important;}

body { overflow-y: scroll;
}
    /*++++++++++++++++++++++++++*/
    /*   les styles de textes   */
    /****************************/

/*le titre du film*/
/*section.module.parallax h2 {
    font-family: 'Sintony', sans-serif;
    color: rgba(255, 255, 255, 1.0);
    font-size: 3.1rem;
    line-height: 1.4rem;
    padding-top: 8rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}*/


/*++++++++++++++++++++++*/
/* le titre du film */
/************************/
.titre_film_accueil {
    position: relative;
    display: block;
    width: 100%; 
    padding-top: 6em;
    z-index: 10; 
}

/*le titre principal du film*/
.titre_film_accueil h1 {
    font-family: 'Sintony', sans-serif;
    color: rgba(255, 255, 255, 1.0);
    font-size: 3.1em;
    line-height: 0.9em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.titre_film_accueil h2 {
    font-family: 'Sintony', sans-serif;
    color: rgba(255, 255, 255, 1.0);
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.titre_film {
    position: relative;
    display: block;
    width: 100%; 
    padding-top: 6em;
    z-index: 1000; 
}
/*le titre du film*/
.titre_film h1 {
    font-family: 'Sintony', sans-serif;
    color: rgba(255, 255, 255, 1.0);
    font-size: 3.1em;
    line-height: 0.9em;
    
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

/*le titre du film dans les rubriques*/
.titre_film h2 {
    font-family: 'Sintony', sans-serif;
    color: rgba(255, 255, 255, 1.0);
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.auteur_film {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1001;
  }

/* le nom de l'auteure */
.auteur_film h2 {
    font-family: 'Sintony', sans-serif;
    color: rgba(255, 0, 0, 1.0);
    font-size: 1.8em;
    line-height: 0.9em;
    font-weight: 700;
    text-align: center;
}

/*.auteur_film p {
    font-family: sans-serif;
    color: red;
    font-size: 3.0rem;
    text-align: center;
}*/

.titre_alinea {
    position: relative;
    display: block;
    width: 80%;
    margin-left: 10%;  
}

.titre_alinea h1 {   
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 1.8em;
    font-style: bold;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;    
}

.texte {/* le cadre de la zone de texte */
    position: relative;
    display: block;
    width: 84%;
    margin-left: 8%;
    margin-right: 8%;
}

.texte h1 {   
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 8.8rem;
    font-style: bold;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    margin-left: -15%;
}

.texte h2 {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 1.8rem;
    text-align: center;
    padding-top: 2px;
}

.texte h3 {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 1.4rem;
    font-weight:400;
    text-align: center;
    padding-top: 0rem;
    padding-bottom: 0px;
}

.texte h4 {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 1.2rem;
    text-align: center;
    padding-top: 0rem;
    padding-bottom: 2px;
}

.texte p {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 15px;
    font-weight:300;
    text-align: left;
    line-height: 140%;
    padding-top: 2em; 
    padding-bottom: 0%;
}

.signature {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 15px;
    font-weight:700;
    padding-left: 3rem;
}

#cols {/*presse*/
  -moz-column-width: 2 18rem;
  -moz-columns: 2 18rem;
  -webkit-columns: 2 18rem;
  columns: 2 18rem;
  -moz-column-gap: 6rem;
  -webkit-column-gap: 6rem;
  column-gap: 6rem;
}

.logos-div {/* le cadre de la zone des logos */
    background-color: white;
    border: 4px solid white;
    border-radius: 4px;
    position: relative;
    /*display: block;*/
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0px;
    padding: 0.2rem;
    text-align: center !important;
}

#cols-logos {/*soutiens*/
  -moz-column-width: 1 6rem;
  -moz-columns: 1 6rem;
  -webkit-columns: 1 6rem;
  columns: 1 6rem;
  -moz-column-gap: 1.2rem;
  -webkit-column-gap: 1.2rem;
  column-gap: 1.2rem;
}

.logos {/* la vignette qui supporte l'image */
    float: center;
    display: inline-block!important;
    /*background-color: #ffffff;*/
    text-align: center;
    margin: 4px;
}

.logo-image {/* l'image logo */
    position: relative;
    padding: 0;    
    display: block !important;
    margin: 0 auto 0rem !important;
    text-align: center !important;
    /*border: 6px solid red;*/
}

.texte_logos {/* le cadre de la zone des logos */
    position: relative;
    display: block;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    line-height: 0%;
}

.texte_logos h2 {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 1.4rem;
    font-style: bold;
    font-weight: 700;
    text-align: left;
    margin-top: 30px;/* à voir */
    margin-left: 10%;
}

.texte_logos p {
    font-family: 'Sintony', sans-serif;
    font-style: bold;
    font-weight: 700;
    color: white;
    font-size: 2.8rem;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 130%;
}

.texte_logos h3 {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 1rem;
    font-weight: 300;
    text-align:justify;
    margin-top: 30px;/* à voir */
    
}

.texte_logos h4 {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 0.8rem;
    font-weight: 300;
    text-align:center;
    margin-top: 30px;/* à voir */
    
}



/*+++++++++++++++++++++++++++++++++++++++*/
/*            le résumé du film          */
/*****************************************/

.resume-film {/* le cadre du résumé du film */
    /*background: rgba(255,0,0,0.95);*/
    opacity: 1;
    float:none;
    display: block;   
    border-radius: 4px;
    height: auto;
    padding-bottom: 8px;
    z-index: 10;
    margin: 0 auto; 
    margin-top: 6%;
    width: 94%;
}

.resume-film { 
    animation-name: slidein;
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-direction: normal; 
    animation-timing-function:ease-in-out; 
    animation-fill-mode: forwards; 
}

resume-film { 
    animation-name: slidein;
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-direction: normal; 
    animation-timing-function:ease-in-out; 
    animation-fill-mode: forwards; 
}

@keyframes slidein {
  from {
      opacity: 0;
     /* background: rgba(255,0,0,0);*/
  }

  to {
      opacity: 1;
     /* background: rgba(255,0,0,0);*/
  }
}


@media screen and (min-width: 1200px) {
   

.resume-lalignedecouleur {
    margin-top: 30%;
    width: 86%;   
}

.resume-correspondances {  
    margin-top: 4%;
    width: 48%;  
}

    .resume-jaireve {
    margin-top: 40%;
    width: 86%; 
}

.resume-offtheroad {   
    margin-top: 25%;
    width: 92%; 
}

.resume-chicagoimprovisations {
   margin-top: 44%;
   width: 92%;   
}

.resume-regardsdefemmes {   
    margin-top: 28%;
    width: 92%;      
}

.resume-bamsetmoumy {
    margin-top: 36%;
    width: 50%;  
}

.resume-allolavie {  
    margin-top: 44%;
    width: 92%;   
}

.resume-femmesassises {   
    margin-top: 32%;
    width: 76%;  
}

.resume-lesdetectives { 
    margin-top: 30%;
    width: 40%;  
}

.resume-larbredanslaville {  
    margin-top: 20%;
    width: 58%;   
}

.resume-lepaysperdu {   
    margin-top: 8%;
    width: 40%;   
}
    
}


.resume-film h4 {
    color: white;
    font-family: 'Sintony', sans-serif;
    /*font-style: normal;*/
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
	padding-top: 1%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 2px;
}

.resume-film p {
    color: white;
    font-family: 'Sintony', sans-serif;
    font-style: normal;
	font-weight: 400;
    font-size: 0.7rem;
    text-align: left;
    padding-top: 1%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 10px;   
}

.paroles {
    display: block;
    position: relative;  
}

.paroles h5{
   color: white;
    font-family: 'Sintony', sans-serif;
    font-style: normal;
	font-weight: 400;
    font-size: 2rem;
    text-align: justify;
}

@media only screen and (min-width: 1200px){
    
    .titre_film h1{font-size: 2.8rem;margin-top: 1rem;}
    .auteur_film h2{font-size: 20px;}
    
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    [class*="resume-"] {
        margin-top: 30%;
        width: 100%;}
    .titre_film h1{font-size: 3.1rem;margin-top: 5rem;}
    .auteur_film h2{font-size: 14px;}
    .resume-film h4{font-size: 14px;}
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* For mobile phones: */
    [class*="resume-"] {
        margin-top: 15%;
        width: 100%;}
    .titre_film_accueil h1{font-size: 16px;margin-top: 14rem;}
    .titre_film_accueil h2{font-size: 16px;margin-top: 14rem;}
    .titre_film h1{font-size: 32px;margin-top: 3rem;}
    .auteur_film h2{font-size: 24px;}
    .resume-film h4{font-size: 12px;} 
    .resume-film h4 {line-height: 11px;}
    .titre_film_accueil { padding-top: 10em;}
    .titre_alinea h1 { font-size: 1.4em;}
    .titre_film h2 { font-size: 18px;}
    .titre_film {padding-top: 2em;}
    .texte h3 {font-size: 12px;}
    .texte h4 {font-size: 12px;}
    
    /*.les_entretiens p {font-size: 10px; line-height: 100%;}
    .question p {font-size: 10px; line-height:120%;}*/
}

@media only screen and (max-width: 767px) {
    /* For mobile phones: */
    [class*="resume-"] {
        margin-top: 1%;
        width: 100%;}
    .titre_film_accueil h1{font-size: 16px;margin-top: 14rem;}
    .titre_film_accueil h2{font-size: 16px;margin-top: 14rem;}
    .titre_film h1{font-size: 16px;margin-top: 14rem;}
    .auteur_film h2{font-size: 14px;}
    .resume-film h4{font-size: 10px;}
    .resume-film h4 {line-height: 11px;}
    .titre_film_accueil { padding-top: 10em;}
    .titre_alinea h1 { font-size: 1.4em;}
    .titre_film h2 { font-size: 18px;}
    .titre_film {padding-top: 2em;}
    .texte h3 {font-size: 12px;}
    .texte h4 {font-size: 12px;}
 
    
    /*.les_entretiens p {font-size: 10px; line-height: 100%;}
    .question p {font-size: 10px; line-height: 120%;}*/
}

/*++++++++++++++++++++++*/
/*   la bande annonce   */
/************************/

.bande_annonce {/* le cadre de la bande annonce */
    position: relative;
    display: block;
    width: 80%;
    margin-top: 0rem;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 8rem;
}

.bande_annonce h2 {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 1.8rem;
    font-style: bold;
    font-weight: 700;
    text-align: left;
    margin-top: 30px;
    margin-left: 10%;
}

.bande_annonce p {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 1.4rem;
    text-align: center;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 20px;
    line-height: 120%;
}

.video-container {
   /*height: 0;*/
          padding-bottom: 50.5%;
          width: 75.5%;
          top: 6.2%;
          left: 12.2%;
          background-color: black;
          background-size: contain !important;
    position: absolute;
}

 .play, .video-container {
    position: absolute;
  }

 .play, .play-mob {
    width: 155px;
    height: 155px;
    background: url(../img/play.png) center no-repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    cursor: pointer;
}

video {
    max-width: 100%;
    min-width: 100%;
    height: 100%;
    width: 100%;
    background: black;
    position: absolute;
}


 #vid, #mob-vid { opacity: 1.0; }
    #mob-vid {
    min-height: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
}

#vid {
    transition: all .5s ease;
  }



.laptop {
    /*position:relative;*/
    height: 0;
    padding-bottom: 56.875%;
    width: 80%;
    background: url(../img/laptop.jpg) center no-repeat;
    background-size: cover;
    margin: auto;
}

.item, .stag, .stag2 {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transition-property: -webkit-transform, opacity, transform;
    transition-duration: 1s;
    transition-timing-function: ease;
    /*-webkit-transition: transform 1s ease;*/
    /*transition: all 1s ease;*/
    -webkit-backface-visibility: hidden;
}

.item {opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}


.document .mobile, img.mobile-vid-link {
     display: none;
        }

/*+++++++++++++++++++++++++++++++++++++++++++*/
/* le tableau des infos pour trouver le film */
/*********************************************/

.liste_trouver {/* le cadre des infos de distribution */
    position: relative;
    display: block;
    width: 100%;
    
}

.liste_trouver p {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    line-height: 140%;   
}

.lien {/* le cadre des liens de distribution */
    position: relative;
    display: block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.lien p {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    line-height: 108%;
    display: inline;
}

.lien a {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 15px;
    font-weight: 700;
    text-align: justify;
    line-height: 108%;
    display: inline;
}

#cols-trouver {
    margin-top: 20px;
  -moz-column-width: 3 10rem;
  -moz-columns: 3 10rem;
  -webkit-columns: 3 10rem;
  columns: 3 10rem;
  -moz-column-gap: 0.4rem;
  -webkit-column-gap: 0.4rem;
  column-gap: 0.4rem;
}

.details_DVD {/* le cadre des infosdétaillées du DVD */
    position: relative;
    display: inline;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.details_DVD p {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 0.9em;
    line-height: 100%;
    text-align: left;
    margin-left: 20%;
    font-style:normal;
    font-weight:400;
}

.details_DVD h3 {   
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 12px;
    font-weight: 300;
    line-height: 108%;
    text-align: left;
    margin-left: 20%;
    font-style:normal;
    font-weight:400;
}

.dvd {/* la vignette qui supporte l'image */
    float: center;
    display: block!important;
}

.dvd-image {/* l'image */
    position: relative;
    display: block !important;
    margin: 0 auto 0.0rem !important;
    text-align: center !important;
}

/*++++++++++++++++++++++*/
/* le tableau des logos */
/************************/


hr {/* ligne invisible pour éviter le retour du flux à droite */
    clear: both;
    visibility: hidden;
}


    /*------------------------*/
    /*     presse - medias    */
    /*------------------------*/ 

.document-image {/* l'image lien vers le document pdf */
    position: relative;
    padding: 0;
    display: block !important;
    margin: 0 auto 0.1rem !important;
    text-align: center !important;
}

    /*------------------------*/ 
    /*     générique film     */
    /*------------------------*/ 

.generique {/* le cadre de texte du générique */
    position: relative;
    display: block;
    width: 80%;
    margin-left: 10%; 
    margin-right: 10%; 
    /*border: 6px solid red;
    border-radius: 20px;*/
}

.generique h5 {
    font-family: 'Sintony', sans-serif;
   /* font-family: 'Philosopher', sans-serif;*/
    color: red;
    font-size: 1.4em;
    text-align: center;
}

.generique p {   
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 15px;
    font-weight:300;
    line-height: 140%;
    text-align: left;
    margin-left: 20%;
    font-style:normal;
    
}

.generique h3 {   
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 12px;
    font-weight:300;
    line-height: 110%;
    text-align: left;
    margin-left: 20%;
    font-style:normal;
    
}

    /*++++++++++++++++++++++++++*/
    /* le tableau des portraits */
    /****************************/
.liste_portraits {/* le cadre de la zone des portraits */
    position: relative;
    display: block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    /*border: 6px solid red;
    border-radius: 20px;*/
}

.portrait-image {/* l'image logo */
    position: relative;
    padding: 0;
    display: block !important;
    margin: 0 auto 1.8rem !important;
    text-align: center !important;
}

.portrait {/* la vignette qui supporte l'image */
    float: center;
    background-color: rgba(0.,0.,0.,0.);
    text-align: center;
    margin: 2%;
    height: auto;
    width: 100%;
    min-width: 36rem;
}

.portrait h2 {
    /*font-family: 'Philosopher', sans-serif;*/
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 2px;
}

.portrait p {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 14px;
    font-weight: 300;
    text-align:left;
    padding-top: 2%;
    padding-left: 0%;
    padding-right: 0%;
    padding-bottom: 4%;
    line-height: 111%;
}


#cols_paroles {/*paroles*/
  -moz-column-width: 3 20rem;
  -moz-columns: 3 36rem;
  -webkit-columns: 3 36rem;
  columns: 2 32rem;
  -moz-column-gap: 2rem;
  -webkit-column-gap: 2rem;
  column-gap: 40px;
}

    /*++++++++++++++++++++++++++*/
    /*      les entretiens      */
    /****************************/

.les_entretiens {/* le cadre de la zone des entretiens */
    position: relative;
    display: block;
    width: 100%;
    margin-left: 0%;
}

.les_entretiens h1 {   
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 4rem;
    font-style: bold;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;    
}

.les_entretiens h2 {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 20px;
    margin-top: 80px;
    margin-bottom: 40px;
}

.les_entretiens h3 {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 0.8rem;
    text-align: justify;
    line-height: 140%;
}

.les_entretiens p {
    font-family: 'Sintony', sans-serif;
    color: white;
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    line-height: 120%;
}

.les_entretiens a {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 10px;
    font-weight: 300;
    text-align: justify;
    line-height: 120%;  
}

.question {
    position: relative;
    display: block;
    width: 100%;
    margin-left: 0%;  
}

.question p {
    font-family: 'Sintony', sans-serif;
    color: red;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    line-height: 140%;   
}

    /*---------------------------*/
    /*     contacts & crédits    */
    /*---------------------------*/ 

.lien_contacts-credits {/* le texte & les liens de contacts é credits */
    position: relative;
    display: block;
    width: 40%;
    margin-left: 10%;
    margin-right: 10%;
}

alinea_contacts-credits {
}

h1.alinea_contacts-credits {
    color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: bold;
	font-weight: 700;
	font-size: 2.6em; 
    margin-left: 10%;
}

h3.alinea_fonction {
    color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: normal;
	font-weight: 400;
	/*text-align: center;*/
	font-size: 1.2em; 
    margin-left: 10%;
}

.lien_contacts-credits p {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 1.rem;
    text-align: justify;
    line-height: 108%;
    display: inline;
}

.lien_contacts-credits h3 {
    font-family: 'Sintony', sans-serif;
    color: white;
    font-size: 0.8rem;
    text-align: justify;
    line-height: 108%;
    display: inline;
}

.lien_contacts-credits a {
    font-family: 'Sintony', sans-serif;
    font-weight: 700;
    color: white;
    font-size: 1. em;
    text-align: justify;
    line-height: 108%;
    display: inline;
}

/*************************************************************/
/*:::::::::::::::::  SECTIONS Parallax   ::::::::::::::::::::*/
/*************************************************************/

.container {
    
    
} 


.container-parallax {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    padding-left: 14%;
    padding-right: 14%;
} 

.container-index {
    /*float:left;*/
    /*display: block;*/
    /*position:absolute;*/
    /*width: 100vw;*/
    /*height: 100vh;*/
    /*margin: 0 0;*/
    
    /*margin-top: -100px;*/
    /*padding: 0 0;*/
    /*z-index: 100;*/
}




/*section.module {  
}

section.module.content-noir {
}*/

section.module:last-child {
    margin-bottom: 0;
}
/*section.module h2 {
    margin-bottom: 40px;
    font-size: 30px;
}*/

/*texte des entretiens*/
/*section.module p {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 300;
}
section.module p:last-child {
    margin-bottom: 0;
}*/

section.module img {
   /* background-blend-mode:hue;
    opacity: 1.;*/
    /*filter: alpha(opacity=50);*/
}
section.module.content {
    padding: 40px 0;
}
section.module.content-blanc {
    padding: 40px 0;
    background: white;   
}
section.module.content-noir {
    padding: 40px 0;
    background-color: rgba(0,0,0, 1.0);    
}
section.module.content-sombre {
    padding: 40px 0;
    background-color: rgba(10,30,35, 1.0);    
}
section.module.content-sombre2 {
    padding: 40px 0;
    background-color: rgba(5,20,25, 1.0); 
}
section.module.content-sombre3 {
    padding: 40px 0;
    background-color: rgba(0,0,0, 1.0);   
}


section.module.parallax {
    /*height: 62rem;*/
    height: 100vh;
    /*background-position: 50% 50%;*//*chevauchement*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


section.module.parallax h5 {
    padding-top: 22rem;
    font-family: 'Sintony', sans-serif;
    font-weight: 700;
    font-style: bold;
    color: rgba(255, 0, 0, 1.0);
    font-size: 3.2rem;
    line-height: 3.6rem;
    text-align: left;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

section.module.parallax h6 {
    padding-top: 2rem;
    padding-right: 6rem;
    font-family: 'Sintony', sans-serif;
    font-weight: 400;
    font-style: italic;
    color: rgba(255, 0, 0, 1.0);
    font-size: 2.8rem;
    line-height: 3.6rem;
    text-align: right;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

/*@media only screen and (max-width: 767px) {*/
@media only screen and (max-width: 1024px) {
/*@media only screen and (max-width: 1200px) {*/
    /* For mobile phones: */
    .container-parallax { 
    padding-left: 6%;
    padding-right: 6%;
    }
    
    section.module.parallax {
    /*à redéfinir pour ios*/
    background-attachment:local;/* pcq ios ne supporte pas la valeur fixed */
    /*box-sizing: content-box;*/
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*height: 100vh;
    width: 100vw;*/
    background-position: center center;
    background-repeat: no-repeat;
}