@import url('https://fonts.googleapis.com/css?family=Open Sans:400,600,700');


html {
  font-size: 100%;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {  

    background-color      : #fff;
    margin:0;
    padding: 0;
    font:400 14px 'Open Sans',Arial, sans-serif;
    color: #000;
    line-height : 1.5em;
}

body, html {
  overflow-x: hidden;
  height:100%;
}

/* - - - - a lien - - - - */
a { font:600 14px 'Open Sans',Arial, sans-serif; color: #000; text-decoration: none; border:solid 1px transparent; padding:0px 2px; }
a:hover { text-decoration: none; color:#000; }


/* - - - - hr tiret - - */
hr {
   border: 0; 
   width:100px; height: 1px; 
   background: #fff; 
}


/* - - - - - - - - - - - Helpers - - - */
  .box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  *, *:after, *:before, .box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .break-word { word-wrap: break-word !important; }
  .text-uppercase { text-transform: uppercase; }


.zone-contenu {
  position: relative;
  z-index:2;
  top:0; left:0;
  width:100%; height:auto;
}


.logo {
  width:100%; max-width:200px; height:auto;
  margin:15px auto 5px auto;
}
.logo img { width:100%; height:auto; }


/* - - - - - - - - - - - - - - - - - - Youtube Wrapper */
.videoWrapper, .embeddedContent {
  width:100%; max-width:1000px; height:auto; 
  margin:15px auto; 
  background-color:#ccc;
  background-image: url(https://www.ogea.re/Assets/img/loader.png);
  background-size       : 50px 50px;
  background-repeat     : no-repeat;
  background-position   : center center;
}
.videoWrapper, .embeddedContent {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe,
.embeddedContent iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* - - - - - - - - - - - BOOTSTRAP  - - - */
.row-margin { margin:25px 15px; }
.col-centered{ float: none; margin: 0 auto; }


/* - - - - - - - - - - - - - - - - - - - - - - Mediaqueries */
@media only screen and (max-width: 1199px) { 


}


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

}

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

}


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

} 


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

}


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

}