/**************************************** SECTION header ***********************************************************/

#page-wrapper {
    background-Size: cover;
    background: center center no-repeat fixed url("../../images/_souvenir_officiel.jpg");
}

hr {
    opacity: 0.6;
    width: 250px;
    height: 3px;
    margin-right: auto;
    margin-left: auto;
    background-color: #666;
}

#divVideo {
    margin-top: 45px;
    display: block;
    z-index: -1;
}



@media screen and (max-width: 736px) {
    #divVideo {
    margin-top: 40px;
    display: block;
    z-index: -1;
}


}


#myVideo {
    /* position: absolute; */
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    z-index: -1;
}

#BandeauBlanc {
    background-color: black;
    max-height: 45px;
    height: 45px;
   font-family: aller, sans-serif;
}

#MenuNav {
    /*text-align: center;*/
}

#navLig01 {
    /*max-width: 680px;*/
    /*width : 500px;*/
    /*text-align: center;*/
    margin: 0 auto;
    padding-left : 40px;
    text-transform: uppercase;
}

@media screen and (max-width: 980px) {
   #navLig01 {
    /*max-width: 680px;*/
    /*width : 500px;*/
    text-align: center;
    margin: 0 auto;
    padding-left : 40px;
    text-transform: uppercase;
}
   
}




#navLig01Fr {
    max-width: 810px;
    /*width : 500px;*/
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
}

#navLangue {
    position: relative;
    top: -70px;
    right: 10px;
    text-align: right;
    max-height: 5px;
}

#navLangue a {
    cursor: pointer;
    /*font-family: 'Museo Sans 100', Arial;*/
    /*font-family: Futura, Arial;*/
    font-weight: 300;
}

#navLangue b {
    font-weight: 500;
}

@media screen and (max-width: 736px) {
    #navLig01 {
      /*max-width: 400px;*/
        /*width : 500px;*/
        text-align: center;
        margin: 0 auto;
        text-transform: uppercase;
          padding-left:0;
         
    }
    #navLig01Fr {
        max-width: 400px;
        /*width : 500px;*/
        text-align: center;
        margin: 0 auto;
        text-transform: uppercase;
      
    }
    #BandeauBlanc {
       /*  max-width: 400px;*/
        background-color: black;
        max-height: 40px;
        height: 40px;
    }
}


/************************************* SECTIONS ****************************************************/

#SectionTitre h1 h2 {
    color: black;
    background-color: white;
    z-index: 10;
}

#TitreH1 {
    color: black;
    padding-top: 70px;
    background-color: white;
    line-height: 1.0em;
}

.TitreH2 {
    font-size: 20pt;
    color: black;
    background-color: white;
}

@media screen and (max-width: 736px) {

    .TitreH2 {
    font-size: 16pt;
    color: black;
    background-color: white;
}


}

#imgArrow {
    display: flex;
    margin: 0 50%;
    margin-top: -80px;
    max-width: 15px;
    z-index: 2;
}

@media screen and (max-width: 736px) {
    #imgArrow {
        display: flex;
        margin: 0 50%;
        margin-top: -50px;
        max-width: 10px;
    }
}

#banner h3 {
    font-size: 8.75em;
    letter-spacing: 0em;
    line-height: 1.4em;
    font-weight: 300;
}

@media screen and (max-width: 736px) {
    #banner h3 {
        /*font-size: 1.1em;
		line-height: 1.65em;*/
        font-size: 4.5em;
        line-height: 0.3em;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 736px) {
    #banner p {
        font-size: 10pt;
        padding-bottom: 20px;
    }
}

#banner h1 {
    font-size: 1.5em;
    font-weight: 100;
}

#banner a {
    border: 0;
}

#SectionWrapper02 {
    background-color: white;
}

#SectionWrapper01 {
    background-color: white;
}

#SectionPitch {
    background-color: white;
    color: black;
    /* padding-top: 80px;*/
    /*-moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;*/
}


/* #SectionPitch h2 {
    padding-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    color: black;
    text-align: left;
} */

#SectionPitch img {
    margin-top: 40px;
    max-width: 300px;
    padding-bottom: 0px;
}

.imagecentre img {

    /*padding :0.5em;*/

}


#SectionPitch .content p,
#spotlightDescrip .imagecentre p,
#TitreChore p,
#SectionMaking b 
   {
    font-style: normal;
    font-size: 14pt;
    line-height: 1.4em;
    letter-spacing: 0.01em;
}

#SectionPitch .content a,
#spotlightDescrip .imagecentre a {
    font-size: 1.2em;
    border: 0;
}

#SectionPitch .content i,
#spotlightDescrip .imagecentre i
#SectionMaking i  {
    font-style: italic;
    border: 0;
    line-height: 1.0em;
    letter-spacing: 0em;
    font-weight: 300;
}

#SectionPitch .content b,
#spotlightDescrip .imagecentre b,
#TitreChore b,
#SectionMaking b {
    border: 0;
    line-height: 1.4em;
    letter-spacing: 0.01em;
    font-weight: 500;
}

#DivQuotes {
    margin-top: 50px;
}

#DivQuotes .QuoteAuthor {
    font-style: italic !important;
    border: 0;
    line-height: 1.0em;
    letter-spacing: 0em;
    font-weight: 500;
    text-align: right;
    font-size: 12pt !important;
    margin: 0;
}

#DivQuotes .PQuote {
    font-style: italic !important;
    border: 0;
    line-height: 1.0em;
    letter-spacing: 0em;
    font-weight: 400;
    text-align: center;
    margin: 0;
    margin-top: 20px;
    font-size: 14pt !important;
}

@media screen and (max-width: 736px) {
    #SectionPitch img {
        margin-top: 20px;
    }
}

#Descrip00 {
      color: white;
    background-color: black;
    
       -webkit-align-items:flex-end;
    -ms-align-items:flex-end;
    align-items:   flex-end;
}

#Descrip00 img {
    max-width : 500px;
  
  

}

#Descrip00  #experienceSchema  {
    
    text-align :center;
   margin-top :10px;
}


#Descrip00 #experienceDescrip {
    padding-left : 40px;
    text-align :left;
    font-size: 12pt;
    padding-bottom :100px;
   
    }


@media screen and (max-width: 980px) {
    #Descrip00 #experienceDescrip {
        padding-left: 40px;
        text-align:center;
        font-size: 12pt;
        padding-bottom: 30px;
    }
}




#Descrip00 #experienceDescrip b {
   font-weight :600;
    }


#Descrip00 #experienceDescrip h4 {
   
    font-size: 14pt;
    }


#SectionDescrib {
    background-color: white;
}

#spotlightDescrip {
    color: black;
    background-color: white;
    /*-moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;*/
    padding-top: 40px;
}

@media screen and (max-width: 980px) {
    #spotlightDescrip {
        color: black;
        background-color: white;
        /*-moz-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;*/
        padding-top: 00px;
    }
}

#spotlightDescrip .imagecentre {
    padding-left: 2em;
    padding-right: 2em;
}

#spotlightDescripGif {
    text-align: center;
}

#Descrip02
 {
    color: black;
    background-color: white;
}
#Descrip03 {
     color: black;
    background-color: white;
}

#Table {
    max-width : 480px;
}


@media screen and (max-width:736px) {
    #Table {
        /*width: 480px;*/
    }
}

#SectionVimeo .image {
    border-radius: 0;
    /* max-height: 320px; */
    margin: 0;
    padding: 0px;
    text-align: center;
    width: 100%;
    margin-top: 50px;
    background: white;
}

#SectionVimeo .image iframe {
    border-radius: 0;
    width: 100%;
    height: 700px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

@media screen and (max-width: 980px) {
    #SectionVimeo .image iframe {
        border-radius: 0;
        width: 100%;
        height: 500px;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }
}

@media screen and (max-width: 736px) {
    #SectionVimeo .image iframe {
        border-radius: 0;
        width: 100%;
        height: 300px;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }
}

#SectionMartyr {
    height: 500px;
    min-height: 500px;
}

#SectionTitreChore {
    color: black;
    background-color: white;
}

#SectionTitreChore h3 {
    color: black;
}

#TitreChore{
    color: black;
    background-color: white;
    padding-bottom: 0px;
}

#TitreChore p{
    text-align: left;
}

#TitreChore h3{
    text-align: left;
}

#LegendeChore{
    text-align: center;
    margin-top : -100px;
  
}

#ImageChore {

     color: black;
    background-color: white;
}

#SectionMaking {
    color: black;
    background-color: white;

}

#ImageMaking {
     background-color: white;
}

#SectionTitreSetup {
     background-color:black;

}


#TitreSetup {
     color: white;
    background-color:black;

}
#TitreSetup h3 {
     color: white;
  
}

#SectionTitreAgenda {
    background-color: black;
    color: white;
}
#SectionTitreAgenda h3 {
   
    color: white;
}




#spotlightResa {
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    background-color: black;
    color: white;
    -webkit-align-items:flex-start;
    -ms-align-items: flex-start;
    align-items:  flex-start;
   
}

#spotlightResa .imagecentre p {
    font-size: 0.8em;
    line-height : 1.1em;
    margin-top: -12px;
}

#spotlightResa .imagecentre { 
  
   
}

#spotlightResa .imagecentre a {
    font-size: 1.2em;
    border: 0;
     font-weight:600;
     text-decoration:underline;
}

#spotlightResa .imagecentre i {
    font-size: 1.1em;
    border: 0;
}

#spotlightResa .imagecentre a:hover {
    font-size: 1.2em;
    text-decoration: underline;
    border: 0;
}

#spotlightResa .upper {
  text-transform : uppercase;
  font-weight:600;
}


#spotlightResa h4 {
  text-transform : uppercase;
  font-weight:600;
    font-size: 12pt;
}



#spotlightCredits {
    /*text-align: center;*/
}

#spotlightCredits .upper {
    text-transform: uppercase;
}

#spotlightProgrammer {
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#spotlightCredits .content p {
    font-size: 0.75em;
    margin-top: -12px;
}

#logos {
   max-width: 400px;
}

#SectionContact {
    background-color: white;
    height: 300px;
}

#SectionContact h2,
#SectionContact p,
#SectionContact a {
    color: black;
}

#FB {
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    max-width: 25px;
}