@charset "UTF-8";
/* CSS Document */
body { 
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	height:100%;
}
a {
    color:black;
}
h1, h2, h3, h4 {
    font-family: 'Noto Sans', sans-serif;
}
h2 {
    padding:8px 12px 6px 12px;
    margin:16px 0;
    font-size: 1.6em;
    color:#FFF;
    border-bottom:1px solid rgba(0,0,0,0.1);
    background-color:rgba(0,0,0,0.5);
    
}
h2 big{
    position:relative;
    top:-3px;
    margin:0 ;
    padding:6px 12px;
    color:white;
    background-color: #000;
    box-shadow:5px 1px 0 rgba(0,0,0,0.05)
 }

#header {
    height: 100px;
    background-color: transparent;
    border-bottom: 3px solid rgba(0,0,0,0.1);
    padding: 0;
    margin: 0 0 -3px 0;
    z-index: 100;
}

#logo {
   
	display:block; 
	padding:0;
    margin:0;
    border:none;
    text-decoration:none;
    line-height: 100px;
}
#logo img {
    float:left;
	padding:16px;
    border:none;
    text-decoration:none;
    max-width: 120px;
    
}
#pied { padding:32px 0; background-color:rgb(254, 70, 65); color:rgb(239, 226, 16)}

.cover {
    position:absolute;
    top:0; left:0;
    right:0; bottom:0;
    min-width:100%;
    margin:0; 
    padding:0; 
    background-repeat:no-repeat;
    background-position: top center;  
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
}

#fil-ariane {
    background-color: rgb(225,15,33);
    margin-bottom: 1px;
    color: white;
   
}
#fil-ariane h1 {
    
    font-size:1.2em;
    margin:0;
    padding:1em;
}
#fil-ariane a {
    color: white;

}
#fil-ariane big {
    font-size:1.2em;
    color: rgb(239, 226, 16);
}
#fil-ariane small {
    font-size:0.8em;
     color: white;
}
/*

#logo {
    float:left;
	display:block; 
	padding:0;
    margin:0;
    border:none;
    text-decoration:none;
    line-height: 100px;
}

.btn {
    border-radius:0;
}
.btn-danger {
    background-color:rgb(228,35,19);
}
.btn-danger:hover {
    background-color:rgb(0,0,0);
}
nav.navbar { border-radius:0; padding:0; margin:0; border:none; }
.navbar-nav {
    margin:0 -15px;
}
.navbar .navbar-nav>li {
    padding:0;
    border-top:2px solid #333;
}
.navbar .navbar-nav>li>a {
    margin:0 12px 6px 12px;
}
.caret{ margin-left:12px}
.navbar .navbar-nav .open  .dropdown-menu>li>a .caret {
    margin-top:8px;
    float:right;
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover {
    background-color:rgb(184,168,117);
}
.navbar-nav .open .dropdown-menu  {
    padding-top:0;
    margin:-6px 12px 6px 12px;
    border-radius:0;
       
}
.navbar.navbar-nav .open .dropdown-menu>li {
}
.navbar .navbar-nav .open .dropdown-menu>li>a {
        padding:8px 16px ;
        margin:0 6px;
        color:#EEE;
        border-bottom:1px solid #EEE;
}*/
@media screen and (min-width: 768px) {
    #logo{
       margin:0;
    }
    #fil-ariane {
        position:relative;
        z-index:50;
    }
    #fil-ariane h1{
        padding:10px 32px;
        display:inline-block;
    }
    nav.navbar {
        height:98px;
    }
    .navbar .navbar-nav>li {        
        border:0;
    }
    .navbar .navbar-nav>li>a {
        padding:48px 12px 30px 12px ;
        margin:0;
        border:0;
    }
    .navbar .navbar-nav>li>a:hover {
        transition: background-color 600ms linear;
        background-color:rgb(184,168,117);
        color:white;
    }
    
    .navbar .open .dropdown-menu {
        border-top:2px solid rgb(0,0,0);
        right:-25%;
        left:-25%;
        margin:0;
        padding-top:10px;
        padding-bottom:10px;
    }
    .navbar .navbar-nav .open .dropdown-menu>li>a {
        padding:10px 16px 6px 16px;
        margin:0 10px 1px 10px;
        font-size:1.1em;
        border-bottom:0;
    }
    .navbar .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color:rgb(184, 168, 117);
        color:white;
        transition: background-color 300ms linear;
    }
    #fil-ariane small {
    display:inline-block;
}
}
@media screen and (min-width:1024px) {
    .navbar .navbar-nav>li>a {
        padding:46px 24px 30px 24px ;
    }
    .navbar .navbar-nav>li>a {
        font-size:1.6em;
    }
}
@media screen and (min-width:1200px) {
}