/* ------- */
/* ------- */
/* CONTENU */
/* ------- */


/* style default */
body {
  background: #000;
}

.footer {
background: #000;
color: #fff;
}

.colbox {
  padding: 10px;
  border: solid 1px #aaa;
  border-radius: 5px;
  margin-bottom: 15px;
}

/* hp galerie */

.carousel-inner > .item {
  height: 450px;
  background-size:  cover;
  background-position: top center;
}
.carousel-control span {
  margin-top: -25px;
  position: absolute;
  top: 50%;
  bottom: 50%;
}
.carousel-control span:before {
  font-size: 25px;
  background: #000;
}

.carousel-caption {
  padding-bottom: 70px;
}
.carousel-caption h1 {
  opacity: 0;
  margin-bottom: 60px;
  font-weight: lighter;
  font-size: 1.7em;
  text-shadow: none;
  background: rgba(48, 148, 226, 0.77);
  display: inline-block;
  padding: 4px 20px 6px;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
  text-transform: uppercase;

  transition: all 1s ease;
}
.carousel-caption h1.anime{
  opacity: 1;
  transition: all 1s ease;
  transform: translate(0,25px)
}

.carousel-caption a {
    display: block;
    width: 34px;
    height: 21px;
    background: #3094e2;
    color: #fff;
    border-radius: 11px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
}
.carousel-caption a:before {
  content: '+';
  display: block;
  font-weight: bolder;
  line-height: 1;
  font-size: 1.5em;
}
.carousel-indicators li {
  width: 7px;height: 7px;
}
.carousel-indicators .active {
  width: 7px;height: 7px;margin: 1px;
}

/* colonne */

.colonne {
  /*
  border: solid 1px red;
  min-width: 360px;
  */
}
.colonne .nav-pills > li > a {
border: solid 1px #e0e0e0;
}





/* ------- */
/* ------- */
/* ENTETE  */
/* ------- */

/* -- */
.affix {
position: inherit; /* reset */
}





.homep .affix-top .header-bar,
.header-bar  {
  padding-top: 40px;
  padding-bottom: 40px;
  transition: all .5s ease;
}
.homep .affix .header-bar {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all .5s ease;
}

.homep .affix-top .logo img {
  width: 100%;
  height: auto;
  transition: all .5s ease;
}

.homep .affix .logo img{
  width: 80%;
  height: auto;
  transition: all .5s ease;
}

.header-bar:not(homep)  {
  padding-top: 10px;
  padding-bottom: 10px;
}

.firstsec {
 padding: 0;
 margin-top: 194px;
 transition: margin-top .5s ease;
}
.firstsec.transition {
 padding: 0;
 margin-top: 134px;
 transition: margin-top .5s ease;
}
.content {
 margin-top: 134px;
}

/*
.fixed {
  position: fixed;
  z-index: 999;
  left: 0;right: 0;top: 0;
}
*/

/* style default */
header { padding: 0;}


@media (min-width: 992px) {
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
}

@media (max-width: 991px) {
.firstsec {
  margin-top: 0 !important;
}
}




.navbar-custom {
  background: #000;
  border-radius: 0;
  /*opacity: .5;*/
}
.navbar-custom .row {
  border-top: solid 1px #353535;
}
.header-bar {
  background-color: #000;
  /*opacity: .5;*/
}
.header-bar .margin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.header-bar .logo img{
  height: 50px;
}

.header-bar .navbar-brand{
  padding: 10px 15px;
  height: auto;
}


/* navigation */

header .nav>li>a {
  color: #fff;
  text-transform: uppercase;
}
header .nav>li.active>a {
  color: #f9a01b;
  text-transform: uppercase;
}
.active {
background: none;
}



/* extensions */

.phone {
color: #fff;
}
.phone .icon-phone:before {
color: #f9a01b;
}
.reseaux a{
  color: #3094e2;
  font-size: 1.4em;
}
.reseaux a:hover{
  text-decoration: none;
}
.reseaux span{
  line-height: .8;
}


/* ------- */
/* ------- */
/* CONTACT */
/* ------- */
.contact-map {
  border: solid 2px #0B2641;
  height: 200px;
  margin-bottom: 1.5em;
  width: 100%;
}
.mandatory {
  color: red;
}


.nextPrev {
  background: #ffffff;
  border-top: solid 1px #CCCCCC;
  /*box-shadow: #000 0px 0px 2px;*/
  color: #363636;
  display: inline-block;
  font-size: 1.2em;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 100%;
  }
.nextPrev .prev:hover a::before,
.nextPrev .next:hover a::before {
    background-color: red;
    border-radius: 2px;
  content: " ";
  height: 15px;
  width: 12px;
  top: 0;
  left: 0;
}
.nextPrev .prev:hover a {background: url("/img/default/precedentw.png") 0 3px no-repeat; position: relative;}
.nextPrev .next:hover a {background: url("/img/default/nextw.png") 0 3px no-repeat;}

.nextPrev .prev a {background: url("/img/default/precedent.png") 0 3px no-repeat;}
.nextPrev .next a {background: url("/img/default/next.png") 0 3px no-repeat;}

.nextPrev .prev,
.nextPrev .next {
  height: 15px;
  position: absolute;
  text-align: center;
  width: 12px;
}
.nextPrev .prev {left: 8px; top: 5px;}
.nextPrev .next {right: 8px; top: 7px;}
.nextPrev a {
  border: none;
  display: inline-block;
  height: 20px;
  text-align: center;
  width: 10px;
}
.unselectPrev,
.unselectNext {height: 11px; width: 17px;}


.modal-dialog {
  top: 160px;
}

.equipe-img {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
  }

/* ------- */
/* ------- */
/* SECTION */
/* ------- */

/*
.section {
padding-top: 40px;
padding-bottom: 40px;
background-color: #fff;
}
.monopage {
background: #fff;
padding-top: 30px;
padding-bottom: 30px;
}
*/