/*
couleur X icon #eeb300 JAUNE

Menu vertical ACTIVE #D9B1B1

Body : image fond du site :
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: url("../img/bg.png") repeat center center fixed;



*/





/* navbar color #FFD700 */

body {
background-color: #F4F0F0;
color:#3F3F3D;
font-family: 'Maven Pro', sans-serif;
font-size: 16px;
line-height: 25px;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
body {
  background-color: #F4F0F0;
color:#222;
font-family: 'Maven Pro', sans-serif;
font-size: 16px;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}
}

a {
outline: none;
}
img {
border: none;
}



.jumbotron {
background-color:#ccc;
height: 450px;
color:#fff;
font-family: "Titillium Web", sans-serif;
text-align: center;
}
.container{
text-align: center;
border-radius: 0px;
}
.container1 {
border-radius: 0px;
padding: 0px;
background-color: rgba(53, 63, 63, 0.36);
}
.container-2 {
border-radius: 0px;
margin-top: 0px;
background-color: transparent;
text-align: center;

}
.container-fluid{
padding: 0px;
background-color: #fff;
}
.container-fluid-lmt{
  background-image:url("../img/bg/edge.png");
padding: 0px;
}
.container-fluid-2{
background-color: rgba(255, 255, 255, 0.58);
padding: 0px;
}
.navbar-right{
right:0px !important;
position:relative;
}


/*  F O N T S */
h10{
font-family: 'Bungee', cursive;
font-size: 25px;
font-weight: 400;
line-height: 30px;
color: #D9B1B1;
text-transform: ;
text-align: left;
}

h11{
font-family: 'Bungee', cursive;
font-size: 35px;
line-height: 39px;
color: #222;
opacity: 1;
}

.container-fluid h12 {
color:#222;
font-family: 'Maven Pro', sans-serif;
font-size: 15px;
line-height: 20px;
}
.container h10 {
color:#eeb300;
font-family: 'Bungee', cursive;
font-size: 30px;
line-height: 20px;
}
.container h11 {
color:#222;
font-family: 'Bungee', cursive;
font-size: 30px;
line-height: 35px;
}

.footer h11{
font-family: 'Maven Pro', sans-serif;
font-size: 12px;
line-height: 8px;
color: #999;
text-transform: uppercase;
text-align: center;
}
@media (max-width: 768px) {
  .footer h11{
  font-family: 'Maven Pro', sans-serif;
  font-size: 11px;
  line-height: 5px;
  color: #777;
  text-transform: uppercase;
  text-align: center;
  }
}
.jumbotron h1 {
color:#fff;
font-family: "Titillium Web", sans-serif;
font-size: 18px;line-height: 8px;
}


.text-justify {
text-align: justify;
}
/*  f i n   F O N T S */



/*  P A R A L L A X */
.parallax {
/* The image used */
background-image:url("../img/parallax.jpg");
/* Set a specific height */
height: 720px;
margin-top: 15px;
opacity: 1;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
opacity:1;
}
@media (max-width: 768px) {
.parallax {
/* The image used */
background-image:url("../img/parallax.jpg");
/* Set a specific height */
height: 350px;
width: 100%;
margin-top: 0px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
background-size: 100%;
}
}
/*  P A R A L L A X */




.img-responsive .centree {
margin: 0 auto;
}

@media (max-width:767px){
  .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #545454 !important;
        opacity: .7;
    }
}


/*  F O O T E R */
.footer {
margin-top: 50px;
height: 250px;
text-align: center;
}
@media (max-width:767px){
  .footer {
  margin-top: 20px;
  height: 190px;
  text-align: center;
  }
}

/* ombre sous navbar ici 0 = off*/
.navbar-inverse   {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .00);
box-shadow: 0 2px 8px rgba(0, 0, 0, .00);
font-family: 'Abel', sans-serif;
font-size: 18px;
z-index: 9999;
}




.navbar-inverse .navbar-collapse  {
z-index: 200;
border: 0 !important;
max-height: 100%;
transition: all .1s ease-in-out;
}
.nav.hidden{
  transform: translate3d(0,-100%,0);
}

.navbar-brand {
background-image: url("../img/atom-2.png");
width: 250px;
height: 34px;
margin-top: 10px;
margin-left:0px !important;
}
.navbar-brand:hover {
background-image: url("../img/atom.png");
width: 250px;
height: 34px;
margin-top: 10px;
margin-left:0px !important;
}
.navbar-brand-1 {
background-image: url("../img/atom-3.png");
width: 250px;
height: 34px;
margin-top: 10px;
margin-left:0px !important;
text-align: center;
}
.navbar-brand-1:hover {
background-image: url("../img/atom-4.png");
width: 250px;
height: 34px;
margin-top: 10px;
margin-left:0px !important;
text-align: center;
}
@media (max-width: 768px) {
.navbar-brand {
background-image: url("../img/atom-2.png");
width: 250px;
height: 34px;
margin-top: 10px;
margin-left:15px !important;
}
.navbar-brand:hover {
background-image: url("../img/atom.png");
width: 250px;
height: 34px;
margin-top: 10px;
margin-left:15px !important;
}
}
.navbar-brand: a:hover{
color: #fff;
}

hr.style1{
	border-top: 1px solid #D4D1CE;
}


/* Couleur utilisée pour les liens */
.navbar-inverse .navbar-nav > li > a {
color: #eeb300;
}
/* Couleur utilisée pour les liens (dans la navbar) lorsque la souris passe dessus */
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: #222;

}
/* Couleur utilisée pour le lien actif (celui qui est affiché sur la page) */
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #222;
}
/* Couleur utilisée pour un menu dépliant lorsqu'il est ouvert */
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #D5D5D5;
}
/* Caret */
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #777;
border-bottom-color: transparent;  transform:rotate(0deg);
}

/* Version mobile, le menu devient une icône qui déroule une liste avec le menu en vertical */
/* Filet autour du Hamburger */
.navbar-inverse .navbar-toggle {
border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: transparent;
}



/* COULEUR PICTO "X"   */
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #eeb300;
}

@media (max-width: 768px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #777;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #FFD700;
background-color: transparent;
}
}


/*  HAMBURGER TO X  */
.navbar-toggle {
border: none;
background: transparent !important;
}
.navbar-toggle:hover {
background: transparent !important;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all 0.7s;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
}
/*  HAMBURGER MENU X ON OPEN */




/*  DROPDOWN MENU */
.dropdown {
position: relative;
opacity:.97;

}
.dropdown .dropdown-menu {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: block;
    overflow: hidden;
    opacity: 0;
}
@media (max-width: 768px) {
  .dropdown .dropdown-menu {
      -webkit-transition: all 0s;
      -moz-transition: all 0s;
      -ms-transition: all 0s;
      -o-transition: all 0s;
      transition: all 0s;

      max-height: 0;
      display: block;
      overflow: hidden;
      opacity: 0;
  }
}

.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}
.navbar-nav > li > .dropdown-menu {
  border-top-right-radius:5px;
  border-top-left-radius:0px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius: 9px;
  margin-top: 5px;
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
float: left;
min-width: 250px;
padding-top:20px;
padding-bottom:30px;
font-size: 20px;
list-style: none;
background-color: #F5F1F1;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
border: 0;
text-align: left;
opacity: 1;
}

@media (max-width: 768px) {
  .dropdown-menu {
  position: absolute;
  top: 50px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 220px;
  padding-top:0px;
  padding-bottom:0px;
  font-size: 20px;
  list-style: none;
  border: 0;
  text-align: left;
  opacity: 1;
  }
}



/*  Taille texte menu navbar */
.nav > li > a{
font-size: 0.9em !important;
}
@media (max-width: 768px) {
  .nav > li > a{
  font-size: 1.1em !important;
  }
}
/* couleur du menu navbar cliqué */
ul.nav.navbar-nav .dropdown.open .dropdown-toggle{
color: #222;
background-color: #eeb300;
}



/* couleur sous le lien cliqué dropdown = GRAPHISM - PHOTOGRAPHY */
@media (max-width: 768px) {
ul.nav.navbar-nav .dropdown.open .dropdown-toggle{
color: #fff;
background-color: #eeb300;}
}



/*  > > > >  COULEUR des liens 2e niveau état neurtre  >  MOBILE  */

@media (max-width: 768px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
background-color: transparent;
color:#fff;
font-size: .9em !important;
line-height: 1.5em;
}


/*  > > > >  COULEUR des liens 2e niveau au survol  >  MOBILE  */
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu {
background-color: transparent;
color:#eeb300;  }
}
.dropdown-menu .divider {
height: 1px;
margin: 0px 0;
overflow: hidden;
background-color: transparent;
}

/* couleur du lien dans menu déroulé*/
.dropdown-menu > li > a {
display: block;
padding: 10px 15px;
color: #777;
background-color: transparent;
font-size: 0.85em !important;
font-family: 'Abel', sans-serif;
line-height: 15px;
}

/* couleur du lien  :HOVER dans menu déroulé et couleur arrière plan*/
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #000000;
background-color: transparent;
font-size: 0.9em !important;
}
@media (max-width: 768px) {

}

.dropdown-menu > li > a:active,{
color: #333;
font-size: 0.85em !important;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
border-bottom-color: #FFFFFF;
border-top-color: #FFFFFF;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
background-color: #3344ff;
color:#cf0;
}
.navbar-inverse .navbar-nav>li>a:focus .caret{
transform:rotate(90deg);
transition:all 0.1s ease-in-out; //for smoothness
}


/* COULEUR DU LIEN ACTIVE + arrière plan DANS SOUS-MENU DéROULé */
.dropdown-menu li.active > a,
.dropdown-menu li.active > a:hover,
.dropdown-menu li.active > a:focus {
background-color: transparent ;
color: #B78B05 !important;
font-size: 1.0em !important;
opacity: 1;
}
/* COULEUR DU LIEN ACTIVE DANS SOUS-MENU DéROULé VERSION AFFICHAGE MOBILE*/
@media (max-width: 768px) {
  .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #222 !important;
outline: 0 none;
text-decoration: none;
}
}



/*  ancre DECALAGE !!!!! */
.ancres{display: block;
height: 45px; /*same height as header*/
margin-top: -45px; /*same height as header*/ visibility: hidden;}

.ancres1{display: block;
height:80px; /*same height as header*/
margin-top: -80px; /*same height as header*/ visibility: hidden;}

.ancres2{display: block;
height:75px; /*same height as header*/
margin-top: -75px; /*same height as header*/ visibility: hidden;}

.ancre-top{display: block;
height:675px; /*same height as header*/
margin-top: -675px; /*same height as header*/ visibility: hidden;}






/*  Pour Lightbox don't ask why */
.flex {
margin: auto;
}
.flex img,.flex div {
cursor: pointer;
}
.flex div {
display: inline-block;
margin-top: 0px;
}


/* Espace inter div  */
.events{
padding-top: 25px ;
padding-bottom: 25px ;
}



/* Opacité d'un élément  */
.light{
opacity: .35;
}
.light-1{
opacity: .85;
}


/* Opacité en HOVER*/
.fade {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
opacity: 1;
transform: scale(1);
}


.overpix{
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .0);
}
.overpix:hover{
transform: scale(.95);
}


.pagination a {
margin: 0 8px; /* 0 is for top and bottom. Feel free to change it */

}
.pagination a.active {
background-color: #eeb300;
border: none;
}

.pagination a:hover:not(.active) {
background-color: #eeb300;
color: #fff;
}
.pagination a:first-child {
border-radius: 5px;
border-bottom-left-radius: 5px;
border: 0;
}

.pagination a:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #777;
}

.nav-up {
    top: -40px;
}