/* Layout */
/*
  background-color: #5FC4E1;
  border-color: #EA5153;
  */

@font-face {
font-family: 'Motor Oil 1937 M54';
font-style: normal;
font-weight: normal;
src: local('Motor Oil 1937 M54'), url('../fonts/Motor Oil 1937 M54.woff') format('woff');
}

html, body {
    height: 100%;
}

body {
    padding-top: 75px;
    font-family: 'Josefin Sans', sans-serif;
    background-image: url("../img/bg.png");
}

.container{
    background-color: #FFFFFF;
    padding-bottom: 40px;
}

.shade{
    box-shadow: 0px 0px 20px #ddd; 
}

#footer .container{
    background-color: inherit;
    padding-bottom: inherit;
}

.navbar .container{
    padding-bottom: 0px;
}

.img_resp{
    max-width: 100%;
    height: auto;
}

#footer{
    font-size: 13px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #5FC4E1;
    color: #FFF;
    text-align: center;
    /*margin-top: 40px;*/
}


#footer img{
    vertical-align: inherit;
}

#footer h1,
#footer h2,
#footer h3,
#footer p{
    color: #FFF;
    font-size: 25px;
}

#footer p{
    font-size: 13px;
}

#footer a,
#footer a:visited,
#footer a:active,
#footer a:link{
    color: #FFF;
    text-decoration: inherit;
}
#footer a:hover{
    color: #FFF;
    text-decoration: underline;
}

#footer .up{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
}

#footer .social{
    font-size: 19px;
    font-weight: 700;
    padding-bottom: 10px;
    font-style: italic;
}

#footer .social a{
    text-decoration: inherit;
}

#footer #cg,
#footer #trademark{
    font-weight: 700;
    font-size: 12px;
}

#footer #depose .brand{
    font-size: 9px;
    text-transform: uppercase;
}


#footer .container{
    height: initial !important;
}
/*#footer img{
    width: auto;
    max-height: 30px;
}*/

p{
    font-size: 18px;
}

h1, h2, h3{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.qsn{
    margin-bottom: 30px;
}

.italic{
    font-style: italic;
}

.form-control{
    margin-bottom: 10px;
}

.red{
    color:#EA5153;
}

.black{
    color:#000;
}

#partenaires img {
    max-width: 100%;
    height: auto;
}

#partenaires p {
    padding-top: 10px;
    text-align: justify;
}

#partenaires h2{
    text-align: center;
    border-bottom: 1px dashed #EA5153;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


#logo {
    margin-top: 11px;
    margin-bottom: 12px;
    display: block;
    background: url("../img/logo_AEW.png") no-repeat;
    height: 52px;
    width: 240px;
    margin-left: 0px;
}

@media screen and (max-width: 345px) {
    #logo{
        background-size: 140px;
        width: 140px;
    }
}

/*#logo:hover {
  background: url("../img/logo.gif") no-repeat;
}*/

/*.container {
    max-width: 1000px;
}*/

.container p {
    /*color: #808b8d;*/
}

.container h1 {
    text-align: center;
    color: #5FC4E1;
    font-size: 24px;
}

.container h2 {
    color: #5FC4E1;
    font-size: 24px;
}

.container h3 {
    color: #5FC4E1;
    font-size: 20px;
}

#concept{
    padding-top: 20px;
}

#concept h2 {
    text-align: center;
    border-bottom: 1px dashed #EA5153;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#concept p {
    text-align: center;
}

#concept img.icon{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* responsive collapse nav */
@media screen and (max-width: 767px) {
    .navbar-collapse {
        clear: both;
    }
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control{
    /*color: #5FC4E1;*/
    color:#EA5153;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #EA5153;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}


/* ------------------- */
#contact h2{
    font-weight: 700;
    font-size: 43px;
    text-align: center;
    margin-bottom: 35px;
    color: black;
}

#contact h3{
    font-size: 51px;
    text-align: center;
    margin-bottom: 100px;
}

#contact a{
    text-decoration: none;
}

#contact .ctn-hr{
    text-align: center;
    margin-bottom: 35px;
    background-image: url('../img/contact/hr.png');
    background-repeat: no-repeat;
    max-width: 100%;
    height: 10px;
    margin-right: 10px;
}

#contact .envelope{
    padding-top: 20px;
    max-width: 817px;
    margin: 0 auto;
    box-shadow: 8px 8px 5px #ddd; 
}

#contact form{
    padding: 0 35px;
}

#contact form span.warning{
    color: #999999;
    text-align: left;
}

#contact .social{
    text-align: center;
    margin-bottom: 30px;
}

#contact .social img{
    width: auto;
    max-height: 60px;
}

.others-contact{
    text-align: center;
}

.others-contact .info{
    font-weight: 700;
    font-size: 19px;
    color: black;
}

.others-contact .italic{
    font-size: 17px;
}


/* ------------------- */
/* --- Vert center --- */
/* ------------------- */

#concept,
#contact{
    min-height: 100%;
}
.parent,
.child{
    height: 100%;
    width: 100%;
}

.parent{
    display: table;
}

.parent .child{
    display: table-cell;
    vertical-align: middle;
}


/*div.corner { 
background:#ccc;
width:80%;
padding:10px;
}

div.corner span { 
padding:10px;

display:inline-block;
vertical-align:middle;
text-align:left; /* on rétablit l'alignement du texte *//*

text-transform: uppercase;

}

.slogan {
    margin: 20px 0 20px 0;
} */

/* ----------------------- */
/* --- End Vert center --- */
/* ----------------------- */


/* -------------- */
/* --- Corner --- */
/* -------------- */

div.corner {
    position: relative;
    width: 100%;
    /*height: 80%;*/
    margin: 20px;
}
div.corner:before,
div.corner:after,
div.corner span:before,
div.corner span:after{
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
}

div.corner:before {
    top: -10px;
    left: -10px;
    border-top: 5px solid #000;
    border-left: 5px solid #000;
}
div.corner:after {
    top: -10px;
    right: -10px;
    border-top: 5px solid #000;
    border-right: 5px solid #000;
}
div.corner span:before {
    bottom: -10px;
    left: -10px;
    border-bottom: 5px solid #000;
    border-left: 5px solid #000;
}
div.corner span:after {
    bottom: -10px;
    right: -10px;
    border-bottom: 5px solid #000;
    border-right: 5px solid #000;
}
/* ------------------ */
/* --- End Corner --- */
/* ------------------ */



/* ----------------- */
/* --- jumbotron --- */
/* ----------------- */
.jumbotron {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0px;
  color: inherit;
  background-color: inherit;
}
.jumbotron img {
    max-width: 100%;
    height: auto;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
/*.jumbotron .container {
  max-width: 80%;
}*/
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 100px;
    padding-bottom: 0px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
/* --------------------- */
/* --- End jumbotron --- */
/* --------------------- */


/* --------------------- */
/* --- Content Home ---- */
/* --------------------- */
#content-home .container h1{
    padding-top: 37px;
    padding-bottom: 37px;
    font-size: 37px;
    color: #333;
}

#content-home .container h2{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    border-bottom: 2px dotted #5FC4E1;
    padding-bottom: 5px;
}

#content-home .container p{
    font-size: 16px;

    color: #95A0A2;
}

#content-home .row {
    text-align: center;
}

#content-home .container .service{
    border-top: 2px dotted #5FC4E1;
}

#carousel_home h1{
    font-size: 26px;
    color: #FFF;
    text-transform: initial;
    margin-bottom: 35px;
}

#carousel_home h2{
    font-size: 30px;
    color: #FFF;
    font-weight: 700;
    margin-top:35px;
}

@media screen and (max-width: 410px) {
    #carousel_home h2{
        font-size: 23px;
    }
}
@media screen and (max-width: 314px) {
    #carousel_home h2{
        font-size: 22px;
    }
}

#content-home .serviceplus{
    font-size: 40px;
    color: #000;
    padding-top: 40px;
}

#content-home .serviceplus a,
#content-home .serviceplus a:visited,
#content-home .serviceplus a:active,
#content-home .serviceplus a:link{
    color: #5FC4E1;
    text-decoration: inherit;
}

#content-home .serviceplus .plus{
    font-size: 50px;
    font-weight: 700;
}

/* --------------------- */
/* - End Content Home -- */
/* --------------------- */

/* --------------------- */
/* --- Carousel Home --- */
/* --------------------- */
#carousel_home,
#carousel_home .carousel-inner,
#carousel_home .carousel-inner .item,
#carousel_home .carousel-inner .row,
#carousel_home .carousel-inner .parent,
#carousel_home .carousel-inner .child{
    height: 330px;
}
#carousel_home .carousel-inner .parent,
#carousel_home .carousel-inner .child{
    width: 100%;
}

#carousel_home .carousel-inner .parent{
    display: table;
}

#carousel_home .carousel-inner .parent .child{
    display: table-cell;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
  #carousel_home.jumbotron {
    padding-top: 0px;
  }
}

.slide1{
    background: url('../img/slide_bg.png') no-repeat bottom;
    height: 330px;
    text-align: center;
}
.slide1 h1{
    margin-top: 0px;
    padding-top: 45px;
}

/* Jumbotron */
#carousel_home.jumbotron {
    text-align: center;
    margin-bottom: 0px;
}

/* carousel adjustment */
#carousel_home .carousel-indicators {
    bottom: 0;
    margin-bottom: 0px;
}

#carousel_home .carousel-indicators .active {
    background-color: #5FC4E1;
}

#carousel_home .carousel-indicators li {
    background-color: #FFF;
}

#carousel_home .carousel-control{
    color:#FFF;
}

#carousel_home .carousel-control:hover,
#carousel_home .carousel-control:focus {
  color: #FFF;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

/* ------------------------- */
/* --- End Carousel Home --- */
/* ------------------------- */

/* ------------------------ */
/* --- Content Service ---- */
/* ------------------------ */

#content-service h1,
#content-service h2{
    text-align: center;
}

#content-service h1{
    padding-top: 135px;
    padding-bottom: 50px;
    font-size: 49px;
    color: #4D4D4D;
}

#content-service h2{
    font-size: 38px;
    color: #E95153;
    padding-bottom: 150px;
}

#content-service h3{
    font-size: 28px;
    color: #333333;
    text-shadow: 2px 2px 0px #D8D8D8;
}

#content-service p{
    font-size: 18px;
    color: #808080;
    font-weight: 700; /* bold */
}

#content-service span.quote{
    font-size: 25px;
    color: #E95153;
    font-weight: 700;
}

#content-service .serv{
    margin-bottom: 90px;
}

#content-service .serv .col-md-2{
    text-align: center;
}

#content-service .question{
    font-size: 29px;
    font-weight: 700;
    text-align: center;
}

#content-service .question a,
#content-service .question a:visited,
#content-service .question a:link,
#content-service .question a:active{
    color: #5FC3E1
}

#content-service .question a:hover{
    text-decoration: underline;
}

/* ------------------------ */
/* - End Content Service -- */
/* ------------------------ */

/* ------------------------- */
/* --- Carousel Services --- */
/* ------------------------- */
/* responsive */
@media screen and (min-width: 991px) {
    #carousel_services,
    #carousel_services .container,
    #carousel_services .carousel-inner,
    #carousel_services .carousel-inner .item,
    #carousel_services .carousel-inner .row,
    #carousel_services .carousel-inner .parent,
    #carousel_services .carousel-inner .child{
        height: 100%;
    }
}

#carousel_services .carousel-inner .parent,
#carousel_services .carousel-inner .child{
    width: 100%;
}

#carousel_services .carousel-inner .parent{
    display: table;
}

#carousel_services .carousel-inner .parent .child{
    display: table-cell;
    vertical-align: middle;
}

#carousel_services h1{
    color: #5FC4E1;
    font-size: 24px;
    text-align: left;
    border-bottom: 1px dashed #EA5153;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#carousel_services .item ul {
    list-style: none;
    padding:0;
    margin:0;
}

#carousel_services .item li { 
    padding-left: 1em; 
    text-indent: -.7em;
    text-align: left;
    font-size: 18px;
}

#carousel_services .item li:before {
    content: "• ";
    color: #5FC4E1; /* or whatever color you prefer */
}

#carousel_services.jumbotron {
    text-align: center;
    margin-bottom: 0px;
}

#carousel_services.jumbotron p {
    text-align: left;
}

#carousel_services .carousel-indicators-title {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;

    top: 5px;
    height: 30px;
    color: #5FC4E1;
    font-size: 18px;
}

/* carousel adjustment */
#carousel_services .carousel-indicators {
    top: 30px;
    height: 60px;
}

#carousel_services .carousel-indicators .active {
    /*background-color: #EA5153;*/
}

#carousel_services .carousel-indicators li {
    /*background-color: #5FC4E1;*/
    background-repeat: no-repeat;
    background-size: 55px 55px;
    height: 55px;
    width: 55px;
    border: 0px;
    border-radius: 100px;
    margin-left: 5px;
    margin-right: 5px;
}

/* responsive */
@media screen and (max-width: 580px) {
    #carousel_services .carousel-indicators {
        height: 50px;
    }
    #carousel_services .carousel-indicators li {
        background-size: 43px 43px;
        height: 43px;
        width: 43px;
        margin-left: 2px;
        margin-right: 2px;
    }
    #carousel_services .container{
        margin-top: 55px;
    }
}

@media screen and (max-width: 320px) {
    #carousel_services .carousel-indicators {
        height: 100px;
    }
    #carousel_services .container{
        margin-top: 100px;
    }
}

#carousel_services .carousel-indicators li.cabine {
    background-image: url("../img/services/icons/cabine.png");
}
#carousel_services .carousel-indicators li.photo {
    background-image: url("../img/services/icons/photo call.png");
}
#carousel_services .carousel-indicators li.reportage {
    background-image: url("../img/services/icons/reportage.png");
}
#carousel_services .carousel-indicators li.reseau {
    background-image: url("../img/services/icons/reseau.png");
}
#carousel_services .carousel-indicators li.selfie {
    background-image: url("../img/services/icons/selfie.png");
}

#carousel_services .carousel-indicators li.cabine.active {
    background-image: url("../img/services/icons/cabine_active.png");
}
#carousel_services .carousel-indicators li.photo.active {
    background-image: url("../img/services/icons/photo call_active.png");
}
#carousel_services .carousel-indicators li.reportage.active {
    background-image: url("../img/services/icons/reportage_active.png");
}
#carousel_services .carousel-indicators li.reseau.active {
    background-image: url("../img/services/icons/reseau_active.png");
}
#carousel_services .carousel-indicators li.selfie.active {
    background-image: url("../img/services/icons/selfie_active.png");
}
/* ----------------------------- */
/* --- End Carousel Services --- */
/* ----------------------------- */

.carousel-indicators .active {
    margin: 1px;
}


/* -------------- */
/* --- NavBar --- */
/* -------------- */
.navbar-nav > li > a, .navbar-brand {
    padding-top: 8px !important; 
    padding-bottom: 8px !important;
    height: 75px;
}
.navbar {
    min-height:75px !important;
}

.navbar ul > li > a{
    line-height: 70px;
    text-transform: uppercase;
    /*font-weight: 700;*/
}

.navbar-default {
  background-color: #FFF;
  border-color: #FFF;
  border: 0;
}
.navbar-default .navbar-brand {
  color: #5FC4E1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5FC4E1; /* */
}
.navbar-default .navbar-text {
  color: #5FC4E1;
}
.navbar-default .navbar-nav > li > a {
  color: #5FC4E1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: #5FC4E1;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #FFF; /* */
  background-color: #5FC4E1;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF; /* */
  background-color: #5FC4E1;
}
.navbar-default .navbar-toggle {
  /*border-color: #EA5153;*/
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #5FC4E1;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #5FC4E1;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #FFF;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #5FC4E1;
}
.navbar-default .navbar-link {
  color: #5FC4E1;
}
.navbar-default .navbar-link:hover {
  color: #5FC4E1; /* */                                                                                                                                                                                               
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #5FC4E1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffbbbc;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffbbbc;
    background-color: #ef595a;
  }
}
/* End Navbar */