html, body {
                margin:0;
                padding:0;
                border:0;
                height: 100%;
                width: 100%;
                background-color: white;
                font-family: 'cosmicFont_book'!important;
                text-decoration: none;
                outline: 0;
                line-height: 1.4;
                -webkit-text-size-adjust: none;

                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                -o-user-select: none;
                user-select: none;

                /*-moz-transform:  translateZ(0);
                -webkit-transform:  translateZ(0);
                -o-transform: translateZ(0);
                -ms-transform:  translateZ(0);
                transform:  translateZ(0);

   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);*/
   -webkit-font-smoothing: antialiased;
   -webkit-overflow-scrolling: touch;


   /*webkit-backface-visibility: hidden;*/


            }

            /*body {
              overflow-y: scroll;
            }*/
            @media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: none;
}

            * {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*.clickable {
  color: black;
  background-color: white;
  border: 1px dotted black;
  width: 300px;
  height: 300px;
}*/
.clickable.fastclick-touched {
  /* background-color: red; */
  color: green;
}
/*.clickable.fastclick-active {
  background-color: green;
  color: red;
}*/


.contFLUCOLOR
{
  background-color: white;


  /*height: 100%;*/
-ms-box-orient: horizontal;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;

  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column ;
  flex-flow: column ;
  -webkit-box-orient: vertical;

  padding:0px;
  padding-top:136px;
  width:100%;

}
.contFLUCOLORmedia
{
    position: absolute;
    height:100%;
    height: calc(100% - 136px);
    z-index: 4;
}
.PosFix
{
  position:fixed;
}
.PosLOGO
{
  position:absolute;;
}
.contLOGO
{
  /*background-color: blue;*/
transform: translateY(23px);
-webkit-transform: translateY(23px);
-moz-transform: translateY(23px);
-ms-transform: translateY(23px);
-o-transform: translateY(23px);
display:block;
    z-index: 8;
    left: 0;
right: 0;
/*top: (you can place any value, its work);*/
margin-left: 0 auto;
margin-right: 0 auto;
}
.intLOGO
{
/*  background-color: green;
  width:20%;*/
}
.contMENU
{
background-color:#19c2c4;
height:50%;

}
.intMENU
{
  background-color:#30f5f7;
  height:30%;
  width:20%;
    position: relative;
  top: 50%;

  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.intMENU2
{
  background-color:#30f5f7;
  height:30%;
  width:20%;
    position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.contFILMS
{
     display: flex;
    flex: 1 1 auto;
     background-color:#cc1eb5;
     align-items: center;
}
.intFILMS
{
       background-color:#fb00db;
       height :260px;
       width:680px;
}
.contFOOT
{

}
.intFOOT
{

}

.textBlack
{
  color:#000000!important;
}
.textWhite
{
  color:#FFFFFF!important;
}

.wrapperV2
{
width:100%;
height: 100%;
    overflow:hidden;
  height: 100%;
-ms-box-orient: horizontal;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;

  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column ;
  flex-flow: column ;
  -webkit-box-orient: vertical;
}
.wrapperV2media
{
  overflow:hidden;
  position: inherit;
}

.LogoV2 {
    /*position: absolute;*/
    left: 0px;
    right: 0px;

    text-align: center!important;/*
    overflow: hidden;*/

    margin-left: auto;
    margin-right: auto;
    display:block;
    background: url("imgs/COSMIC-CONTOUR-0,75PT-cosmic-site112.png") no-repeat;
    z-index:12;
    cursor: pointer;
/*     ANIMATION FOR RESIZE LOGO ON TECH*/
        -webkit-transition:background-size 300ms ease-out, width 300ms easen-out, height 300ms ease-out;
    -moz-transition:background-size 300ms ease-out,width 300ms ease-out, height 300ms ease-out;
    -o-transition:background-size 300ms ease-out,width 300ms ease-out, height 300ms ease-out;
    transition:background-size 300ms ease-out,width 300ms ease-out, height 300ms ease-out;
}
.LogoV2media
{
    background-size: 227px 56px ;
    background-origin: 0px 0px;
    width: 227px;
    height: 56px;
}

.menuV2
{
  cursor: pointer;
  font-size: 19px;
/*  display: inline-block;
    margin-top: 93px!important;*/
    font-family:'cosmicFont_light';
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
/*    overflow: hidden;*/

/*    margin-left: auto;
    margin-right: auto;*/
    vertical-align: middle;

          -webkit-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -moz-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -o-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -ms-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
}
 .menuV2media
 {
   font-size: 19px;
   margin-bottom:4px;
 }

.TecProfV2
{
padding-top: 20px;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

/*  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  width: 20%;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;*/


  /*background-color: #cc1eb5;*/


    -webkit-box-align: center;
    -moz-box-align:center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

   -webkit-box-pack: center;
    -moz-box-pack-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
   justify-content: center;

    width:100%;


}
.tecPROFV2media
{
    position: absolute;
        z-index: 7;
}


.barre_MenuV2
{
height: 0px;
/*background-color: #42ff00;*/
display: block;
-webkit-transform: translateZ(0);
  -webkit-transition: margin-top 400ms ease-out;
  -moz-transition: margin-top 400ms ease-out;
  -o-transition: margin-top 400ms ease-out;
  transition: margin-top 400ms ease-out;
}
.barre_Marge
{
margin-top: 0px!important;
}
.barre_Marge_top
{
margin-top: -77px!important;
}




.barre_Marge_top_vanimation
{

   animation-name: example;
    animation-duration: 400ms;
-webkit-animation-name: examples;
    -webkit-animation-duration: 400ms;
    margin-top: -120px!important;
}


@keyframes example {
    from {margin-top: 0px;}
    to {margin-top: -90px;}
}
@-webkit-keyframes examples {
    from {
margin-top:0px
    }
    to {
margin-top:-120px;
    }
}




.testBLOCK
{
      background-color: #131313;

    width: 100%;
    height:100%;


}

.BG_CONTAINV2
{
/*height:100%;*/

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;





   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    height: 100%;
    position: absolute;
    width: 100%;

}



.MenuFooterV2
{


text-align: center;
  /*position: absolute;
  bottom:50px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;

    font-family:'cosmicFont_book';
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    overflow: hidden;
    color:#FFFFFF;
    margin-left: auto;
    margin-right: auto;
   z-index: 10;
min-width: 830px;/*
background-color: #FFFFFF;
height:30px;
border-top-style:solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
    border-color: #000000;*/
/*    vertical-align: middle;*/

}

.totalBCK
{

/*  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; */
/*   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;*/
/*    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;*/
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
/*    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;*/


/*
        -webkit-box-align: center;
    -moz-box-align:center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;*/

/*    align-items: center;*/


    /*background-color: #00FFFC;*/
    position: relative;
    z-index: 6;
    overflow: hidden;
}
.visibility{
visibility: visible!important;
}
.BG_relative
{
  position:relative;
  width:100%;/*
-webkit-backface-visibility: hidden;*/
-webkit-transform-style: preserve-3d;

 height:100%;
}
.BG_relative2
{
  position:relative;
  width:100%;
/*  height:100%;*/
}
.CONTBLOCK1
{
background-color: #ffffff;
  /*  height: 260px;*/
    width: 100%;
    position: absolute;
    z-index: 1;
        height: 100%;

}
.CONTBLOCK2
{

/*    height: 260px;*/
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;

    /*-webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;*/
}
.CONTBLOCK2media
{
 clip: rect(0px, auto, 0px, 0px);
}


.page-wrapperV2
{
heigth:100%;



}

.testFLEX
{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

    flex: 1 1 auto;
/*    background-color: #cc1eb5;*/



              -webkit-flex-direction:  row;
              flex-direction:          row;

              -webkit-flex-wrap:       wrap;
              flex-wrap:               wrap;

              -webkit-justify-content: space-between;
              justify-content:         space-between;

/*              -webkit-align-items:     center;
              align-items:             center;*/
/*
              -webkit-align-content:   center;
              align-content:           center;*/
}

.COLON
{
    padding-left: 39px;
    padding-right: 39px;


    color: #FFFFFF;
}
.COLONmedia
{
/*padding-bottom: 22px;
padding-top: 22px;*/
    font-size: 15px;
     padding-bottom: 0px;
     padding-top: 0px;

}

.GlobalCol
{
/*background-color: pink;*/
}
.GlobalColmedia
{

}
.TecListV2
{
  position: absolute;

  /*height:100%;*//*forScroliing enables in MOB css*/
  width:100%;
  padding-top: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
/*  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  width: 20%;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;*/

    -webkit-box-align: center;
    -moz-box-align:center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

   /*-webkit-box-pack: center;
    -moz-box-pack-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
   justify-content: center;*/


  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column ;
  flex-flow: column ;
  -webkit-box-orient: vertical;

/*  background-color: #1BBD78;*/
}
.TecListV2media
{
  z-index: 7;/*ex3*/
}
.mycontainerclass{

min-height: 480px;
width:100%;
/*background-color: red;*/
position: absolute;

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/*-webkit-box-align: center;
-moz-box-align:center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;*/
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column ;
flex-flow: column ;
-webkit-box-orient: vertical;
  /*-webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column ;
  flex-flow: column ;
  -webkit-box-orient: vertical;*/
/* height: 100%; */
/* overflow: auto; */
}

.mycontainerclass-media
{
  height: 100%;
}


.Logo {
    position: absolute;
    left: 0px;
    right: 0px;
    padding: 0px;
    text-align: center!important;
    overflow: hidden;
    width: 227px;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
    top: 23px;
    display:block;
    background: url("imgs/COSMIC-CONTOUR-0,75PT-cosmic-site112.png") no-repeat scroll 0px 0px / 227px 56px transparent;
    z-index:11;
     cursor: pointer;
        -webkit-transition:background-size 300ms ease-out, width 300ms easen-out, height 300ms ease-out;
    -moz-transition:background-size 300ms ease-out,width 300ms ease-out, height 300ms ease-out;
    -o-transition:background-size 300ms ease-out,width 300ms ease-out, height 300ms ease-out;
    transition:background-size 300ms ease-out,width 300ms ease-out, height 300ms ease-out;
}
.logosmall
{
       /*position: absolute;*/

    left: 0px;
    right: 0px;
    padding: 0px;
    text-align: center!important;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    display:block;
}
.logosmallmedia
{

    /*width: 140px!important;
    height: 35px!important;
    top: 23px!important;
    background-size: 140px 35px!important;*/
    width: 140px;
    height: 35px;
    background-size: 140px 35px;
    z-index:11!important;
}
.vign
{

}
.vignmedia
{
  /*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align:center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;*/
  height:100%;
  width: 100%;
  transform: translateY(32px);
  -webkit-transform: translateY(32px);
  -moz-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);

z-index: 10;

}

.TecProfs
{
    /*margin-top:10px;*/
}

.spanAFCmedia
{
  font-size:18px;
}


#wrapperOLDTODEL {
    min-width: 830px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background-color: white;

    width: 100%;

}
a, a:active, a:focus {
outline: none;
outline: 0;
}

li
{
  list-style-type: none;
}/*enleve les points devant les listes*/

              @font-face {
                  font-family: 'cosmicFont_light';
                  src: url('fonts/GR-Light/gr-light-webfont.eot');
                  src: url('fonts/GR-Light/gr-light-webfont?#iefix') format('embedded-opentype'),
                       url('fonts/GR-Light/gr-light-webfont.woff') format('woff'),
                       url('fonts/GR-Light/gr-light-webfont.ttf') format('truetype'),
                       url('fonts/GR-Light/gr-light-webfont.svg#dinSchrift') format('svg');
                  font-weight: normal;
                  font-style: normal;
              }
              @media screen and (-webkit-min-device-pixel-ratio:0) {
                  @font-face {
                      font-family: 'cosmicFont_light';
                      src: url('fonts/GR-Light/gr-light-webfont.svg') format('svg');
                       font-weight: normal;
                        font-style: normal;
                   }
              }

              @font-face {
                  font-family: 'cosmicFont_light';
                  src: url('fonts/GR-Book/gr-book-webfont.eot');
                  src: url('fonts/GR-Book/gr-book-webfont?#iefix') format('embedded-opentype'),
                       url('fonts/GR-Book/gr-book-webfont.woff') format('woff'),
                       url('fonts/GR-Book/gr-book-webfont.ttf') format('truetype'),
                       url('fonts/GR-Book/gr-book-webfont.svg#dinSchrift') format('svg');
                  font-weight: bold;
                  font-style: italic;
              }
              @media screen and (-webkit-min-device-pixel-ratio:0) {
                  @font-face {
                      font-family: 'cosmicFont_light';
                      src: url('fonts/GR-Book/gr-book-webfont.svg') format('svg');
                       font-weight: bold;;
                        font-style: italic;
                   }
              }

              @font-face {
                  font-family: 'cosmicFont_book';
                  src: url('fonts/GR-Book/gr-book-webfont.eot');
                  src: url('fonts/GR-Book/gr-book-webfont?#iefix') format('embedded-opentype'),
                       url('fonts/GR-Book/gr-book-webfont.woff') format('woff'),
                       url('fonts/GR-Book/gr-book-webfont.ttf') format('truetype'),
                       url('fonts/GR-Book/gr-book-webfont.svg#dinSchrift') format('svg');
                  font-weight: normal;
                  font-style: normal;
              }
              @media screen and (-webkit-min-device-pixel-ratio:0) {
                  @font-face {
                      font-family: 'cosmicFont_book';
                      src: url('fonts/GR-Book/gr-book-webfont.svg') format('svg');
                       font-weight: normal;
                        font-style: normal;
                   }
              }

strong { font-family: 'cosmicFont_book'; };
.MainVideoPlayer
{


display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/*  -webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
width: 20%;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;*/

  -webkit-box-align: center;
  -moz-box-align:center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;

 -webkit-box-pack: center;
  -moz-box-pack-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
 justify-content: center;
}
.MainVideoPlayerMobile
{


display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

  -webkit-box-align: center;
  -moz-box-align:center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;

 -webkit-box-pack: center;
  -moz-box-pack-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
 justify-content: center;

 height: 100%;
}

.future-cookie-bar TecProfsOpen
{
    background-color: #333333;
    bottom: 0;
    color: #ffffff;
    display: none;
    font-size: 1em;
    line-height: 1.2;
    padding: 10px 10%;
    position: fixed;
    text-align: center;
    width: 80%;
    z-index: 16777271;

}


.TecNameHeader
{
  padding-left: 00px;  font-family:'cosmicFont_book'; font-size: 24px; color:#0D114C;
position: absolute;
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
-ms-transform: translateY(120px);
-o-transform: translateY(120px);
transform: translateY(120px);
-webkit-transition:opacity 300ms ease-out, -webkit-transform 300ms ease-out;
-moz-transition:opacity 300ms ease-out, -moz-transform 300ms ease-out;
-ms-transition:opacity 300ms ease-out, -ms-transform 300ms ease-out;
-o-transition:opacity 300ms ease-out, -o-transform 300ms ease-out;
transition:opacity 300ms ease-out, transform 300ms ease-out;
z-index: 10;
left: 0;
right: 0;
visibility: hidden;
opacity:0;
}

.TecNameHeaderCosmic
{
  padding-left: 00px;
  font-family:'cosmicFont_light';
text-align: center;
  color:#000000;
 /* position: absolute;
  margin-right: auto;
  margin-left: auto;
  text-align: center;*/
}
.TecNameHeaderCosmicmedia
{

  font-size: 52px!important;

  transform: translateY(12px);
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);

}
.TecProfsOpen
{
 opacity:1;
 margin-top: 80px;
         -webkit-transition:opacity 300ms ease-out, margin-top 300ms ease-out;
    -moz-transition:opacity 300ms ease-out, margin-top 300ms ease-out;
    -o-transition:opacity 300ms ease-out, margin-top 300ms ease-out;
    transition:opacity 300ms ease-out, margin-top 300ms ease-out;
}
.TecProfsClosed
{
  opacity:0;

    -webkit-transition:opacity 300ms ease-out, margin-top 300ms ease-out;
    -moz-transition:opacity 300ms ease-out, margin-top 300ms ease-out;
    -o-transition:opacity 300ms ease-out, margin-top 300ms ease-out;
    transition:opacity 300ms ease-out, margin-top 300ms ease-out;
}
.TecProfsClosedmedia
{

  /*margin-top: -66px!important;*/
  display: none;

}

.footerContainer
{
    /*position: relative;*/
        position: absolute;
            /*height: 120px;*/
            width:100%;

            /* position: relative; */
/* position: absolute; */
height: 56px;
/* display: flex; */
/* flex: 1 1 auto; */
/*background-color: #008cba;*/
/* align-items: center; */
/* width: 100%; */
/*transform: translateY(-60px);*/
opacity:1!important;
  cursor:pointer;
bottom:0px;
z-index: 6;
}
.MenuFooter
{
  position: absolute;
  bottom:50px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;

    font-family:'cosmicFont_book';
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    overflow: hidden;
    color:#FFFFFF;
    margin-left: auto;
    margin-right: auto;
   z-index: 10;
min-width: 830px;/*
background-color: #FFFFFF;
height:30px;
border-top-style:solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
    border-color: #000000;*/
    vertical-align: middle;

}
.BGFS
{
 height:100%;
  width:100%!important;
 /* position:absolute;*/
 /*display:block;*/
}
.BG_CONTAIN
{
height:100%;
width:100%;
position: absolute;
/*border-bottom: 4px solid #FFF;*/
padding-top: 120px;
}
.BGB_CONTAIN
{
height:100%;
width:100%;
position: absolute;
/*border-bottom: 4px solid #FFF;
padding-top: 120px;*/
}
.BGB_CONTAIN2
{
height:100%;
width:100%;
position: absolute;
/*border-bottom: 4px solid #FFF;
padding-top: 120px;*/
}
.FooterMenu
{
   display: inline-block;
  padding-left: 14px;
  padding-right: 14px;


  vertical-align: middle;
}
.FooterMenuMob
{
   display: inline-block;
  padding-left: 14px;
  padding-right: 14px;


  vertical-align: middle;
}



/* ACCORDION-----------------------------------------------------------------------------*/
.MenuContainer{
  /* Distance du top */
  text-align: center;
  overflow: hidden;
  position:relative;
  z-index:10;
  padding: 0 0px;
  margin-bottom:-1px;
  background-color: white;
    /*
    min-height: 568px;
    height:100%;*/
    /*background: url("imgs/BG-1.jpg") no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  vertical-align: middle;*/

}
ul.MenuContainer{
  /* Distance du top */
  text-align: center;


}

.MenuContainerWHITE
{
background-color: #FFF;
height: 120px;
position: absolute;
z-index: 264;
width: 100%;
}


/************************ MASTER REELS BANDEAU********************************************/
.ContainerMasterReels
{
  text-align: center;
  /*overflow: hidden;*/
  /*position:relative;*/
  position:absolute;
      width: 100%;
  z-index:2;
    padding: 0 0px;
/*    margin-bottom:-1px;*/

}
.ContainerMasterReelsmedia
{

/*    margin-bottom:-1px;*/

}



/************************ SLAVES REELS BANDEAU********************************************/
.ContainerSousReels
{
  text-align: center;
  overflow: hidden;
  /*position:relative;*/
  position:absolute;/*2016*/
  width:100%;
  z-index:1;
    padding-top: 5px;
/*    margin-bottom:-1px;*/
}
.ContainerSousReels-media
{

    padding-top: 5px;
      width:100%;
      position: absolute;
/*    margin-bottom:-1px;*/
}

.SousReelsGetDown
{

  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);



  -webkit-transition:opacity 0.2s, -webkit-transform 0.35s;
  -moz-transition:opacity 0.2s, -moz-transform 0.35s;
  -ms-transition:opacity 0.2s, -ms-transform 0.35s;
  -o-transition:opacity 0.2s, -o-transform 0.35s;
  transition:opacity 0.2s, transform 0.35s;

  opacity: 1;
}
.SousReelsGetUp
{
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);


  -webkit-transition:opacity 0.2s, -webkit-transform 0.35s;
  -moz-transition:opacity 0.2s, -moz-transform 0.35s;
  -ms-transition:opacity 0.2s, -ms-transform 0.35s;
  -o-transition:opacity 0.2s, -o-transform 0.35s;
  transition:opacity 0.2s, transform 0.35s;
  opacity: 0;
}




.dropdown{
  /* The expandable lists */
  display:none;
  width:240px;
}

.dropdown li{
  font-size: 14px;
  text-decoration: none; color:#0D114C; outline: none;   cursor: pointer;
  padding:00px 11px;
  color:#0D114C;
  /* Each element in the expandable list */
}
.dropdown li:hover{
  /* Each element in the expandable list */
  background-color:#0D114C;  margin:0px 0;
  padding:0px 11px;
    text-decoration: none;
  outline: none;
  cursor: pointer;
}
.dropdown li:hover a{
  color:#FFFFFF;
      text-decoration: none;
  outline: none;
  cursor: pointer;
}


ul{
  margin:0;
  padding:0;
margin-bottom:0px!important;
    width:100%
}
.ListTec
{
    /* Global */
  font-family:'cosmicFont_book'; color:#0D114C;
  text-decoration:none;
}
li{
  list-style:none;
  text-align:left;
}

.colorName a{
  color:#0D114C;
}






@media screen and (-webkit-min-device-pixel-ratio:0)
{
   .menu{ /*HAUTEUR ENTRE LES RUBRIQUES DU MENU
  /* The main list elements */
  cursor: pointer;
  font-size: 19px;
  display: inline-block;
    margin-top: 93px!important;
    font-family:'cosmicFont_light';
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    overflow: hidden;
    color:#000000!important;
/*    margin-left: auto;
    margin-right: auto;*/
    vertical-align: middle;
    margin-bottom:4px;
          -webkit-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -o-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -ms-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
 /* -moz-transition-property: all;
  -moz-transition-duration: 180ms;
  -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-delay: 0;*/


  }
}
.menu{ /*HAUTEUR ENTRE LES RUBRIQUES DU MENU
  /* The main list elements */
  cursor: pointer;
  font-size: 19px;
  display: inline-block;
    margin-top: 90px;/*118 */
    font-family:'cosmicFont_light';
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    overflow: hidden;
    color:#000000;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    margin-bottom:3px;
          -webkit-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -moz-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -o-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -ms-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
 /* -moz-transition-property: all;
  -moz-transition-duration: 180ms;
  -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-delay: 0;*/


}

.ss_menu { /*HAUTEUR ENTRE LES RUBRIQUES DU MENU
  /* The main list elements */
  cursor: pointer;
  font-size: 19px;
  display: inline-block;
    margin-top: 0px;/*118 */
    font-family:'cosmicFont_light';
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    overflow: hidden;
    color:#000000;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    margin-bottom:3px;
          -webkit-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
}

.ss_menuReel
{ /*HAUTEUR ENTRE LES RUBRIQUES DU MENU
  /* The main list elements */
    cursor: pointer;
    font-size: 19px;

    margin-top: 0px;/*118 */
    font-family:'cosmicFont_light';
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    /*overflow: hidden;*//*2016*/
    color:#000000;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    margin-bottom:3px;
    -webkit-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
}

.ss_menuReel-media

{
  /*position:fixed;*/
      margin-bottom:3px;
      display: inline-block;
}

.sous_menuReel-media
{
      display: inline-block;v
      margin-bottom:20px;
}

.menuTec
{
    -webkit-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1);
    cursor: pointer;
}

.menuTecmedia
{
    height: 24px;
}
.colonnes
{
    -moz-column-count:2;
    -webkit-column-count:2;
    -o-column-count:2;
    column-count:2;
    -moz-column-gap:60px;
    -webkit-column-gap:60px;
    -o-column-gap:60px;
    column-gap:60px;
}

.SingleCol
{
-moz-column-count:1;
-webkit-column-count:1;
-o-column-count:1;
column-count:1;
}

.TwoCol
{
-moz-column-count:2;
-webkit-column-count:2;
-o-column-count:2;
column-count:2;
-moz-column-gap:60px;
-webkit-column-gap:60px;
-o-column-gap:60px;
column-gap:60px;
}

.ThreeCol
{
-moz-column-count:3;
-webkit-column-count:3;
-o-column-count:3;
column-count:3;
-moz-column-gap:40px;
-webkit-column-gap:40px;
-o-column-gap:40px;
column-gap:40px;
}
.AnimMenuTec
{
  /*margin-top: -46px;*/
/*  position:relative;
      -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;

          -webkit-box-align: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;*/


}
.centerTecs
{
 /* width : 500px;

      text-align: center;
          margin-left: auto;
    margin-right: auto;

*/
line-height: 1.6;
  color:#FFFFFF;
  cursor: pointer;
    position:relative;
list-style:none;
display: table;
margin-left:auto;
margin-right:auto;
padding-top:22px;
padding-bottom:22px;
width:100%;

}

.centerSingleTec
{
line-height: 1.6;
  color:#FFFFFF;
  cursor: pointer;
    position:relative;
list-style:none;
display: table;
margin-left:auto;
margin-right:auto;
padding-top:0px;
padding-bottom:3px;

}



.MenuAccord {
  /* The section titles
  display:block;
  text-decoration: none; font-family:'cosmicFont_book'; font-size: 20px; color:#0D114C; outline: none;

  vertical-align: top;
  height:32px;
  overflow:hidden;
  position:relative;
  width:240px;
  padding-left: 10px;
  padding-top: 3px;*/

}
.MenuAccord:hover
{
  /* couleur de fond du titre des rubriques */
  background-color:#0D114C;
  color:#FFFFFF;

}

.MenuAccord:hover a{
  /* Removing the inherited underline from the titles */
  text-decoration:none;
   color:#FFFFFF;
}
.MenuAccord a span{
  /* This span acts as the right part of the section's background */
  height:44px;
  position:absolute;
  right:0;
  top:0;
  width:4px;
  display:block;
  width:240px;
}
.ULtecs{
  margin-top:10px;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
    margin: -200px auto 0;
    min-width: 1000px;
    height: 200px;
    background: #BFF08E;
    position: relative;
}
.global_vignettes {
    position: absolute;

    z-index: 100;
    top: auto;
    bottom: 0px;
    left: 0px;
    right: 0px;
    box-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.7) inset;
    height : 200px;

}

.barre_Menu
{
height: 30px;
/*background-color: rgba(30, 30, 30, 0.8);*/
background-color: rgba(255, 255, 255, 0.8);
/*background-color: #1e1e1e;*/
position: absolute;
top: 1px;
display: block;
width: 100%;
z-index: -1;
vertical-align: middle;
}

.NAME_TEC
{
  color:#FFFFFF;
  padding: 5px 61px;
  font-size:20px;
  font-family: 'cosmicFont_book';
  display:inline;
  position : absolute;
}
.REELS_TEC
{
position : absolute;
display:inline;
font-size:15px;
left:0px;
}




.FondVignettes
{

padding-left: 20px;  font-family:'dinSchrift'; font-size: 44px; color:#0D114C;
  color:red;
  height : 100px;
  width:603px;
  display: block;
  margin-left: 00px;
  margin-top: 14px;

}
.vignetteAnim
{
  display:inline;

  display: block;

}

.VIGN
{
  float:left;
  font-family:'cosmicFont_book';
  color:#0D114C;
  font-size:12px;
  margin-right: 0px;
  margin-bottom:0px;
  display: block;
  height:90px;
  width:100px;
}







/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}



.page-wrapper {

    padding: 0 0px;
    min-height: 568px;
    height:100%;
   /*background-color: green;
    background: url("imgs/BG-1.jpg") no-repeat center center fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
.page-wrapperV2media
{


display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex

-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column ;
flex-flow: column ;
-webkit-box-orient: vertical;


width: 100%;
/*-webkit-box-align: center;
-moz-box-align:center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;

-webkit-box-pack: center;
-moz-box-pack-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;*/
visibility: hidden;
position:absolute;
/*height:100%;*/
min-height: calc(100% - 146px);

    transform: translateY(146px);
    -webkit-transform: translateY(146px);
    -moz-transform: translateY(146px);
    -ms-transform: translateY(146px);
    -o-transform: translateY(146px);
    z-index: 4;
    z-index:5;
}
.FloatBlank
{
display: block;
height: 136px;
position: absolute;
background-color: #FFFFFF;
width: 100%;
z-index: 6;/*ex5*/
}
.CONTAINERBIS {
  /*display: flex;*/
flex: 1 1 auto;
background-color: #cc1eb5;
align-items: center;
/* position: absolute; */
width: 100%;

}
.CONTAINERTHIRD
{
height: 100%;
position: relative;
}

.TecList
{

  /*background: url("imgs/BG-1-blur.jpg") no-repeat center center fixed; */
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  position: relative;
  z-index: 1;
}

@media(min-width:830px) {   /*! LARGEUR DE LA BARRE GAUCHE ET GESTION RESPONSIVE*/
    #page-wrapper {
      width: 100%;
        position: absolute;
        margin: 0 0 0 0px;
        padding: 0 0px;
        border-left:00px solid #e7e7e7;
  z-index: 1000;
    }
}
@media(min-width:1023px) {   /*! LARGEUR DE LA BARRE GAUCHE ET GESTION RESPONSIVE*/
    #page-wrapper {
      width: 100%;
         position: absolute;
        margin: 0 0 0 0px;
        padding: 0 0px; /*!  DISTANCE DE LA VIDEO PAR RAPPORT AU BAORD GAUCHE*/
        border-left:00px solid #e7e7e7;
         z-index: 1000;
    }


}



@media(min-width:767px) { /*! hauteur menu*/
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 254px;
        margin-top: 20px;
    }
}
@media(min-width:1023px) {   /*! LARGEUR DE LA BARRE GAUCHE ET GESTION RESPONSIVE*/
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 354px;
        margin-top: 20px;
    }
}

#page-wrapper
{
}



.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    /*border-bottom: 1px solid #e7e7e7;*/
}

.sidebar ul li a.active {
    /* background-color: red; */
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}



    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}






/*---------------*/
/***** fanta-text-effect *****/
/*---------------*/





figure.fanta-text-effect img {
 /* max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px,0, 0);
  transform: translate3d(-40px,0,0);*/
  opacity: 0.7;
}
figure.fanta-text-effect{
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
figure.fanta-text-effect figcaption {
  text-align: center;
  position: absolute;
 /* bottom: 0;*/
  left: 0;
 /*padding: 1em;*/
  width: 100%;
  height: 50%;
  height: 100%;
    position: absolute;
    display:inline-block;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 3;
}


figure.fanta-text-effect figcaption > div {
 /* position: absolute;
  bottom: 0;*/

  left: 0;
  width: 100%;
  height: 50%;
}
figure.fanta-text-effect h2{
margin-top: 0px!important;
margin-bottom: 0px!important;

}
.h2font-size-media
{
    font-size: 19px!important;/*25px*/
}
.Fanta-text-top
{
  position: absolute;
  margin: 0;
  width: 100%;
  /* padding: 0; */
  /* height: 50%; */
    height: 3em;
  /* top: 0px; */
  /* vertical-align: bottom; */
  bottom: 54%;
  line-height: 1.3;
  vertical-align: Bottom;
  padding-left: 1em;
  padding-right: 1em;
  transform: translateY(33%);
  -webkit-transform: translateY(33%);
  -moz-transform: translateY(33%);
  -ms-transform: translateY(33%);
  -o-transform: translateY(33%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column-reverse;
  -moz-flex-flow: column-reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  /*-webkit-box-orient: vertical;
  flex-direction: column-reverse;*/
  overflow: hidden;
  -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
  transition: opacity 0.2s,transform 0.35s;
  opacity: 0;
}
.Fanta-text-bottom
{
  position: absolute;
    /* float: left; */
    top: 54%;
    line-height: 1.3;
        width: 100%;
    font-size: 15px!important;
    /* display: inline-block; */
    padding-left: 1em;
    padding-right: 1em;
    transform: translateY(-59%);
    -webkit-transform: translateY(-59%);
    -moz-transform: translateY(-59%);
    -ms-transform: translateY(-59%);
    -o-transform: translateY(-59%);
    -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
    transition: opacity 0.2s,transform 0.35s;
    opacity: 0;
    color:rgba(255,255,255,0.8);
}
.fanta-text-effect.over #FantaTexts
{
  opacity: 1;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
}
#horizontal
{
 width: 20%;
 border-top: 1px solid white;
 position: absolute;
 top: 50%;
 left: 50%;

 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);

   -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
  transition: opacity 0.2s,transform 0.35s;
  opacity: 0;
}
figure.fanta-text-effect h2{
  -webkit-transform: translate(0,40px);
  transform: translate(0,20px);
}
p,
.p
{
  margin:14px 0px 0px 0px !important;
  line-height: 1.1!important;
}
figure.fanta-text-effect p
{
   font-size: 15px!important;

  -webkit-transform: translate(0,-20px);
  transform: translate(0,-20px);
}

figure.fanta-text-effect h2 {
line-height: 1.5em;
height: 1.5em;
overflow: hidden;
  -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
  transition: opacity 0.2s,transform 0.35s;
  opacity: 0;
}

figure.fanta-text-effect p {
  color: rgba(255,255,255,0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}

.fanta-text-effect.over #horizontal,
.fanta-text-effect.over h2 {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity:1;
}

.fanta-text-effect.over p {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity:1;
}


.fanta-text-effect.over img
{
  /*addOverlay*/

    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  /*opacity:.98;*/
}
.fanta-text-effect.over #horizontal
{
  -webkit-transition: width 0.35s, -webkit-transform 0.35s;
  transition: width 0.35s, transform 0.35s;
  width:60%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.fanta-text-effect.over .overdark {
opacity:1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}


.fanta-text-effect.over p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

figure.fanta-text-effect .overdark
{
content: "";
width: calc(100% - 2px);/*-8*/
position: absolute;
/*display: inline-block;*/
background: url("imgs/drak.png") repeat scroll 0% 0% ;
height: 100%;
opacity:0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
z-index: 2;
/*top: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
}


/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
 /* max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px,0, 0);
  transform: translate3d(-40px,0,0);*/
  opacity: 0.7;
}
figure.effect-lily{
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
figure.effect-lily figcaption {
  text-align: center;
  position: absolute;
 /* bottom: 0;*/
  left: 0;
 padding: 1em;
  width: 100%;
 /* height: 50%;*/
    position: absolute;
    display:inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 3;
}

figure.effect-lily figcaption > div {
 /* position: absolute;
  bottom: 0;*/

  left: 0;
  width: 100%;
  height: 50%;
}
figure.effect-lily h2{
margin-top: 0px!important;
margin-bottom: 0px!important;

}
.h2font-size-media
{
    font-size: 19px!important;
}
#horizontal
{
 width: 20%;
 border-top: 1px solid white;
 position: absolute;
 top: 50%;
 left: 50%;
    -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
   -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
  transition: opacity 0.2s,transform 0.35s;
  opacity: 0;
}
figure.effect-lily h2{
  -webkit-transform: translate(0,40px);
  transform: translate(0,20px);
}
p,
.p
{
  margin:14px 0px 0px 0px !important;
  line-height: 1.1!important;
}
figure.effect-lily p
{
   font-size: 15px!important;

  -webkit-transform: translate(0,-20px);
  transform: translate(0,-20px);
}

figure.effect-lily h2 {
line-height: 1.5em;
height: 1.5em;
overflow: hidden;
  -webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
  transition: opacity 0.2s,transform 0.35s;
  opacity: 0;
}

figure.effect-lily p {
  color: rgba(255,255,255,0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}

.effect-lily.over #horizontal,
.effect-lily.over h2,
.effect-lily.over p {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity:1;
}
.effect-lily.over img
{
  /*addOverlay*/

    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  /*opacity:.98;*/
}
.effect-lily.over #horizontal
{
  -webkit-transition: width 0.35s, -webkit-transform 0.35s;
  transition: width 0.35s, transform 0.35s;
  width:60%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.effect-lily.over .overdark {
opacity:1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}


.effect-lily.over p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

figure.effect-lily:hover #horizontal,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  opacity:1;
}
figure.effect-lily:hover img
{
  /*addOverlay*/

    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  /*opacity:.98;*/
}
figure.effect-lily:hover #horizontal
{
  -webkit-transition: width 0.35s, -webkit-transform 0.35s;
  transition: width 0.35s, transform 0.35s;
  width:60%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

figure.effect-lily .overdark
{
content: "";
width: calc(100% - 2px);
position: absolute;
/*display: inline-block;*/
background: url("imgs/drak.png") repeat scroll 0% 0% ;
height: 100%;
opacity:0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
z-index: 2;
/*top: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
}
figure.effect-lily:hover .overdark {
opacity:1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}


figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

/* VIDEO
-----------------------------------------------------------------------------*/
.video-Container{
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 3000px;
    background-color: #000000;
    display:block;
    vertical-align: middle;
    z-index: 10;
}

.video-Size  {
    height: "720";

    width: "1280";

}
.rowVign
{
  margin-left: 10px!important;
margin-right: 10px!important;;
margin-top: 15px;
text-align: center;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 4px;
    padding-left: 4px;
    margin-top: 4px;
    display:inline-block;
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 1px;
    padding-left: 1px;
    margin-top: 1px;
    display:inline-block;
}
.col-xs-15 {
    width: 20%;
}
.col-md-6{
        width: 50%;
        float: left;
    }
@media (min-width: 769px) {
.col-sm-15 {
        width: 20%;
    }
        .col-md-15 {
        width: 45%;
    }
    .col-md-6{
        width: 50%;
        float: left;
    }
}
/*@media (min-width: 992px) {
    .col-md-15 {
        width: 25%;
    }
    .col-md-6{
        width: 50%;
        float: left;
    }
}*/
@media (min-width: 1025px) {
    .col-md-15 {
        width: 32%;
    }
    .col-md-6{
        width: 50%;
        float: left;
    }
}
@media (min-width: 1400px) {
    .col-md-15 {
        width: 30%;
    }
    .col-md-6{
        width: 50%;
        float: left;
    }
}
@media (min-width: 1600px) {
    .col-md-15 {
        width: 24%;
    }
    .col-md-6{
        width: 50%;
        float: left;
    }
}
@media (min-width: 2000px) {
    .col-md-15 {
        width: 19%;
    }
    .col-md-6{
        width: 50%;
        float: left;
    }
}
/***************************************

MODAL CONTACT

/*****************************************/

.contactColonne
{
  width: 50%;

    float: left;
    position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.colonneLeft
{
  text-align: left;
}
.colonneRight
{
  text-align: right;
}
.modal-content-contact
{
    background-color: white !important;
    color:black!important;
}
.modal-body-contact /*/HAUTEUR VIDEO DANS MODAL*/
{

    background-color: white !important;
width: 100%;
min-width: 300px;
max-width: 600px;
top:calc(50% - 276px);

  }
  .modal-title-contact
  {
    line-height: 1 !important;
    color:black!important;
  }
  .modal-contact .close-contact {
    color: black !important;

}
.modal-header-contact .close-contact {

    right: 11px;
    top: 16px;
    position: absolute;
    height: 35px;
    width: 35px;
    display: block;
    background: url("imgs/blackArr.png") no-repeat 0px 0px / 35px 35px transparent;
    opacity: 0.8!important;
        z-index: 1000000;
        margin-top: 15px !important;
            margin-right: 15px !important;
}
  .modal-header-contact
  {
      border-bottom: 0px !important;
    padding: 0px !important;
    height:60px;
    min-height: 16.4px;
  }
  /*.modal-header-contact h4 {
    text-align: center;
padding-top: 9px;
    font-family:'cosmicFont_light'; font-size: 34px; color:#FFFFFF;

}*/
.modal.fade:not(.in).bottom .modal-dialog {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}
.modal.fade:not(.in).left .modal-dialog {
    -webkit-transform: translate3d(-25, 0%, 0);
    transform: translate3d(-25%,0, 0);
}
/*top: translate3d(0, -25%, 0)
bottom: translate3d(0, 25%, 0)
left: translate3d(-25%, 0, 0)
right: translate3d(25%, 0, 0)*/
.modal-header-contact h4 {
  text-align: center;
padding-top: 29px;
  font-family:'cosmicFont_light'; font-size: 34px; color:#FFFFFF;

}
.modal-body-contact {
    position: relative;
    padding: 0px !important;
}
.modal-footer-contact
{
      text-align: center !important;
      margin:auto!important;
      border-top:0px !important;
      padding: 0px !important;
}

.row-contact {
    margin-left: auto;
    margin-right: auto;
}
.ContactHead
{
  font-size: 20px;

  color: black!important;
}
.ContactMail
{
  font-size: 14px;
  color: black!important;
}
.ContactDPT
{
  font-size: 18px;
  color: #999999!important;
}
.ContactTitle
{
    font-family:'cosmicFont_light'; font-size: 34px; color:black;margin-bottom: 48px;
}

a:link              {color: black!important;}
a:visited           {color: black!important;}
a:active            {color: black!important;}



/***************************************

MODAL NEWS

/*****************************************/
.conatainer_news
{

      margin-top: 40px;

}
.separation_news
{
  border-bottom: 1px solid #C5C5C5;
  margin-top: 35px;
  width: 69%;
  margin-left: auto;
  text-align: center;
  margin-right: auto;

}
.modal-news
{
  background-color: white;
  font-family:'cosmicFont_light';
}
.modal-content-news
{
    background-color: white !important;
    color:black!important;
}
.modal-body-news /*/HAUTEUR VIDEO DANS MODAL*/
{

    background-color: white !important;
width: 100%;
min-width: 300px;
max-width: 768px;
top:calc(50% - 276px);
position: initial!important;

  }
  .modal-title-news
  {
    line-height: 1 !important;
    color:black!important;
  }
  .modal-news .close-news {
    color: black !important;

}
.modal-header-news .close-news {

    right: 11px;
    top: 16px;
    position: absolute;
    height: 35px;
    width: 35px;
    display: block;
    background: url("imgs/blackArr.png") no-repeat 0px 0px / 35px 35px transparent;
    opacity: 0.8!important;
        z-index: 1000000;
        margin-top: 15px !important;
            margin-right: 15px !important;
}

  .modal-header-news
  {
      border-bottom: 0px !important;
    padding: 0px !important;
    height:60px;
    min-height: 16.4px;
  }
  .modal-header-news h4 {
    text-align: center;
padding-top: 29px;
    font-family:'cosmicFont_light'; font-size: 34px; color:#FFFFFF;

}
.modal-body-news {
    position: relative;
    padding: 0px !important;
}
.modal-footer-news
{
      text-align: center !important;
      margin:auto!important;
      border-top:0px !important;
      padding: 0px !important;
}

.row-news {
    margin-left: auto;
    margin-right: auto;
}
.newsHead
{
  font-size: 20px;

  color: black!important;
}
.newsText
{
  font-size: 17px;
  color: black!important;
  white-space: pre-line;
  line-height: 21px;
}
.newsDATE
{
  font-size: 14px;
  margin-top: 7px;
}
@media only screen
and (min-device-width : 100px)
and (max-device-width : 500px) {
  .newsText
  {
    font-size: 13px;
    color: black!important;
    white-space: pre-line;
    line-height: 17px;
  }
}
 .modal-dialog {
  -webkit-transform: translate(0, 25%);
  -ms-transform: translate(0, 25%);
  -o-transform: translate(0, 25%);
  transform: translate(0, 25%);
}
.newsTITRE
{
  font-size: 19px;
  color: #000000!important;
      font-family: 'cosmicFont_book';
}
.newsTitle
{
    font-family:'cosmicFont_light'; font-size: 34px; color:black;margin-bottom: 48px;
}

.newsPict
{
  width:100%;
  margin-top:15px;
  margin-bottom:15px;
}

a:link              {color: black!important;}
a:visited           {color: black!important;}
a:active            {color: black!important;}



/***************************************

MODAL FILM

/*****************************************/


.modal-content-film
{
    background-color: black !important;
    color:white!important;
}
.modal-body-film /*/HAUTEUR VIDEO DANS MODAL*/
{

    height: calc(100% - 162px);
    background-color: black !important;


  }
  .modal-title-film
  {
    line-height: 1 !important;

    -webkit-transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;
   -moz-transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;
   -o-transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;
   -ms-transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;
   -transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;

  }
  .modal-title-film-chrome-Firefox
  {
      margin-top: -7px;
  }
  .modal-title-film-media
  {

  }
  .modal-film
  {
    z-index: 1500;
  }
  .modal-news{
    overflow: auto;
  }
  .modal-film .close-film {
    color: white !important;
}

.FilmInfoTitre
{
  font-size: 24px;
}
.FilmInfoSSTitre
{
  font-size: 15px;
}


  .modal-header-film .close-film {

      right: 11px;
      top: 16px;
      position: absolute;
      height: 35px;
      width: 35px;
      display: block;
      background: url("imgs/whiteArr.png") no-repeat 0px 0px / 35px 35px transparent;
      opacity: 0.8!important;
          z-index: 1000000;
}
  .modal-header-film
  {
      border-bottom: 0px !important;
padding: 0px !important;
height:60px;
    min-height: 16.4px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;


      -webkit-box-align: center;
      -moz-box-align:center;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;

     -webkit-box-pack: center;
      -moz-box-pack-content: center;
      -webkit-justify-content: center;
      -ms-justify-content: center;
     justify-content: center;

  }
  .modal-header-film h4 {
    text-align: center;
/*padding-top: 9px;*/
    font-family:'cosmicFont_light'; font-size: 34px; color:#FFFFFF;


}
.modal-body-film {
    position: relative;
    padding: 0px !important;
}
.modal-footer-film
{
      text-align: center !important;
      margin:auto!important;
      border-top:0px !important;
      padding: 0px !important;

}
.videoFilmInfos
{
  -webkit-transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;
 -moz-transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;
 -o-transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;
 -ms-transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;
 -transition:   opacity 1600ms cubic-bezier(.17,.03,.14,1) ;

}
.videoFilmInfos-chrome-Firefox
{
   margin-top: 5px;
}
.videoFilmInfos h2
{
/*margin-top: 10px !important;
margin-bottom: 0px !important;*/
}
.videoFilmInfos p
{
  margin: 12px 0px 0px !important;
}

.asa-video-Container
{
  height: 100%;
      background-color: black;
}
.asa-video-Box
{

  position: relative;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  /*height: 100%;A AJOUTER SI ON VEUT LES CONTROLS EN BAS*/
  max-width: 100%;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0px;
  right: 0px;
  text-align: center!important;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-position: center center;
  top: 50%;
}
.asa-videoInter-Box
{

  position: relative;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  /*height: 100%;A AJOUTER SI ON VEUT LES CONTROLS EN BAS*/
  max-width: 100%;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0px;
  right: 0px;
  text-align: center!important;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-position: center center;
      top: 50%;
}

.asa-modal-container
{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  background-color: #000000;


  /* -webkit-flex-wrap: nowrap; */
  /* flex-wrap: nowrap; */

  height: 100%;

  /* -webkit-flex-wrap: nowrap; */
  /* flex-wrap: wrap; */
  position: relative;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /* background-color: red; */

  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column ;
  flex-flow: column ;
  -webkit-box-orient: vertical;


    -webkit-box-align: center;
    -moz-box-align:center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

    -webkit-box-pack: center;
     -moz-box-pack-content: center;
     -webkit-justify-content: center;
     -ms-justify-content: center;
    justify-content: center;


}
.asa-modal-top
{
  /*background-color: #fb00db;*/
    background-color: #000000;
  width: 100%;
  -webkit-flex: auto;
  /* flex: 1 1 auto; */
     -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;

  /* -webkit-flex: 0 1 auto; */
  /* position: absolute; */
  position: relative;
  /*height: 8%;*/
  min-height: 64px;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;


    -webkit-box-align: center;
    -moz-box-align:center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

   -webkit-box-pack: center;
    -moz-box-pack-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
   justify-content: center;

   text-align: center;
font-family: "cosmicFont_light";
font-size: 34px;
color: #FFF;
}

.asa-modal-top .close-film {

      right: 11px;
      top: 16px;
      position: absolute;
      height: 35px;
      width: 35px;
      display: block;
      background: url("imgs/whiteArr.png") no-repeat 0px 0px / 35px 35px transparent;
      opacity: 0.8!important;
      z-index: 15;
}

#video_overlays {
  position: absolute;
  float: left;
  width: 100%;
  /* min-height: 100%; */
  height: calc(87% - 138px);
  /* background-color: red; */
  z-index: 300000;
}
.asa-modal-middle
{
  /*background-color: #fb00db;*/
    background-color: #000000;
  width: 100%;
  /*max-height: calc(83% - 160px);*/
  /*max-height: calc(94% - 125px);*/
  /*min-height: calc(87% - 138px);*/
 /*height: calc(87% - 138px);*/
/*height: 78%;*/
  /* -webkit-flex: auto; */
  /* flex: 1 1 auto; */
  /* flex-grow: 1; */
  /* flex-shrink: 1; */
  /* flex-basis: auto; */
  /* display: flex; */
  /* align-items: center; */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column ;
  flex-flow: column ;
  -webkit-box-orient: vertical;

  /* justify-content: center; */
  flex-wrap: center;
  /* white-space: nowrap; */
  /* -webkit-order: 1; */
  /* -webkit-flex: 0 1 auto; */
  /* text-overflow: ellipsis; */
  /* overflow: hidden; */
  /* min-width: 0; */
  /* background-repeat: no-repeat; */
  /* background-size: contain; */


  /*-webkit-box-align: center;
  -moz-box-align:center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;*/

  -webkit-box-pack: center;
   -moz-box-pack-content: center;
   -webkit-justify-content: center;
   -ms-justify-content: center;
  justify-content: center;
  /* max-height: 80%; */
  /* transform: scale(10); */
  /* -webkit-flex: 1 0 auto; */

}
.asa-modal-bottom {
  /*background-color: #fb00db;*/
    background-color: #000000;
  width: 100%;
  -webkit-flex: auto;
  /* flex: 1 1 auto; */
     -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;

  /* -webkit-flex: 0 1 auto; */
  /* position: absolute; */
  position: relative;
  /*height: 14%;*/
  min-height: 130px;


  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;


    -webkit-box-align: center;
    -moz-box-align:center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;

   -webkit-box-pack: center;
    -moz-box-pack-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
   justify-content: center;

   text-align: center;
font-family: "cosmicFont_light";
font-size: 34px;
color: #FFF;
  }


.fadein-start {
  opacity:0!important;;
 -webkit-transition:   opacity 3600ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -moz-transition:   opacity 3600ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -o-transition:   opacity 3600ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -ms-transition:   opacity 3600ms cubic-bezier(0.19, 1, 0.22, 1) ;
  transition:   opacity 3600ms cubic-bezier(0.19, 1, 0.22, 1) ;
}

.fadein {
  opacity:1!important;;

}
.fadeout {
  opacity:0!important;;

}


.fade_Out {
  opacity:0!important;
 -webkit-transition:   opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -moz-transition:   opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -o-transition:   opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -ms-transition:   opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) ;
  transition:   opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) ;
}

.fade_In {
  opacity:1!important;
   -webkit-transition:   opacity 1600ms cubic-bezier(.19,.47,.43,1) ;
  -moz-transition:   opacity 1600ms cubic-bezier(.19,.47,.43,1) ;
  -o-transition:   opacity 1600ms cubic-bezier(.19,.47,.43,1) ;
  -ms-transition:   opacity 1600ms cubic-bezier(.19,.47,.43,1) ;
  transition:   opacity 1600ms cubic-bezier(.19,.47,.43,1) ;
}

.Instant_fadeOut {
  opacity:0!important;
 -webkit-transition:   opacity 0ms;
  -moz-transition:   opacity 0ms;
  -o-transition:   opacity 0ms;
  -ms-transition:   opacity 0ms;
  transition:   opacity 0ms;
}

.Instant_fadeIn {
  opacity:0;
 -webkit-transition:   opacity 0ms;
  -moz-transition:   opacity 0ms;
  -o-transition:   opacity 0ms;
  -ms-transition:   opacity 0ms;
  transition:   opacity 0ms;
}


.TextWhite
{
  color:#FFFFFF;
  -webkit-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
   -moz-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
 -o-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
 -ms-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
transition:color 96ms cubic-bezier(.43,.02,.66,.71);
}
.TextBlack
{
  color:#000000;
   -webkit-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
    -moz-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
  -o-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
  -ms-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
transition:color 96ms cubic-bezier(.43,.02,.66,.71);
}

.TextGray
{
  color:#939393;
   -webkit-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
    -moz-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
  -o-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
  -ms-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
transition:color 96ms cubic-bezier(.43,.02,.66,.71);
}
.TextGray2
{
  color:#c1c1c1;
   -webkit-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
    -moz-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
  -o-transition:color 96ms cubic-bezier(.43,.02,.66,.71);
  -ms-transition:color 96s cubic-bezier(.43,.02,.66,.71);
transition:color 96ms cubic-bezier(.43,.02,.66,.71);
}



.clear{
  clear:both;
}

.VidCont
{
height:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

  .MainVideoPlayer-dimensions {
    /* width: 100%!important; */
     /*height: initial!important;*/
    /*position: relative !important;*/
    width: 100% !important;
    height: 100%!important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column ;
    flex-flow: column ;
    -webkit-box-orient: vertical;
}
  /*.vjs-tech {
      height: initial!important;
    }*/
  .vjs-control-bar
  {
    z-index: 1000000!important;
  }
.video-js
{
  position:relative;
  color: #fff;
  background-color: #000;
}

  .video-js .vjs-tech {
      /*position: absolute;
      top: 0;
      left: 0;*/
    position:relative!important;
      min-width: 100%;
      width: 100%;
      height: 100%;
      min-height: 100%;
      /*position: relative !important;
      width: 100% !important;*/
      /* height: auto !important; */
    }

    .video-js .vjs-big-play-button
    {
      display:none;
      visibility: hidden;
    }
.vjs-poster {
        display: inline-block!important;
      }
.vjs-poster:focus {
    outline: none;
}
.video-js .vjs-control-bar {
background: black;
    background-color: rgba(37, 37, 37, 0.7)!important;
}
.video-js .vjs-slider {
    background: white;
    background: rgba(154, 154, 154, 0.75)!important;
}

.video-js .vjs-load-progress {
    /*background: #bfc7d3;*/
    background: rgba(162, 162, 162, 0.5)!important;
}
.video-js .vjs-load-progress div {

      background: white;
      background: rgba(154, 154, 154, 0.75)!important;
  }




  .divbtnDown2017
  {
  opacity:0.7;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  }
  .divbtnDown2017:hover
  {
  opacity:1;
  }

  .btnDown2017
  {
  cursor:pointer;
  border: 1px solid #9ea1a8;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 32px;
  font-size: 1rem;
  width: 168px;
  padding:5px;
  margin-top: 15px!important;
  margin-bottom: 15px!important;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  }

/*/<!#############################   MAM AGENCY  ####################################>#*/
/*/#########################   @media SCREEN    #################
###############################   IPHONE    ####################*/

@media screen and (-webkit-min-device-pixel-ratio:0)
{
   .menu{ /*HAUTEUR ENTRE LES RUBRIQUES DU MENU
  /* The main list elements */
  cursor: pointer;
  font-size: 19px;
  display: inline-block;
    margin-top: 93px!important;
    font-family:'cosmicFont_light';
    left: 0px;
    right: 0px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    overflow: hidden;
    color:#000000!important;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    margin-bottom:4px;
          -webkit-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -moz-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -o-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  -ms-transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
  transition: all 180ms cubic-bezier(0.19, 1, 0.22, 1) ;
 /* -moz-transition-property: all;
  -moz-transition-duration: 180ms;
  -moz-transition-timing: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition-delay: 0;*/


  }

}

/*/#############################   POP UP  ####################################>#*/
@media only screen and (orientation:landscape)
{
    .IMG_POPUP {
      /*background: url(http://www.cosmicparis.com/assets/css/imgs/cesar_LAND.jpg) no-repeat;*/
      display: block;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      left: 0px;
      right: 0px;
      text-align: center!important;
      margin-left: auto;
      margin-right: auto;
      background-size: contain;
      background-position: center center;
      background-origin: 0px 0px;


      width: auto; height: 100%; max-width: 100%; max-height: 100%;
    }
}
@media only screen and (orientation:portrait)
{
    .IMG_POPUP {
         /*background: url(http://www.cosmicparis.com/assets/css/imgs/cesar_PORT.jpg) no-repeat;*/
      display: block;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      left: 0px;
      right: 0px;
      text-align: center!important;
      margin-left: auto;
      margin-right: auto;
      background-size: contain;
      background-position: center center;
      background-origin: 0px 0px;


      width: auto; height: 100%; max-width: 100%; max-height: 100%;
    }
}

.modal-body-popup /*/HAUTEUR VIDEO DANS MODAL*/
{

    height: calc(100% - 60px);
    background-color: black !important;
}



/*/#############################  MODALFOOTER  ####################################>#*/
.modal-footer-cosmic.fade.in .modal-body-footer-cosmic {
    bottom: 0;
    opacity: 1;
    z-index:100000;
}
.modal-body-footer-cosmic {
    position: absolute;
    bottom: -250px;

    padding: 0px;
    width: 100%;
    height: auto;
    background-color: #e5e5e5;
    /*border-radius: 6px 6px 0 0;*/
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
.close-modal-footer-cosmic {
    margin-top: -20px;
    text-shadow: 0 1px 0 #ffffff;
}
.popup-button {
    /*margin-left: 140px;
    margin-top: 77px;*/
    font-weight: bold;
}



/**/
.footerMOBILE
{
   position:fixed;
   left:0px;
   bottom:0px;
   padding-bottom: 26px;
   /*height:70px;*/
   width:100%;
   background-color:rgba(255, 255, 255, 0.61);
   z-index: 50000000;
   opacity: 0;
   -webkit-transform: translateY(218px);
 -moz-transform: translateY(218px);
 -ms-transform: translateY(218px);
 transform: translateY(218px);
   -webkit-transition: opacity 0.3s ease-out, background-color 0.3s ease-out,;
   -moz-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;
   -o-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;
   transition: opacity 0.3s ease-out, background-color 0.3s ease-out;

}
.footerTEXT
{
  text-align: center;
  color:#FFFFFF;
}