/**Masquage temporaire*/
/*.tab {
	display: none;
}*/
/****************************************/
/******************Base******************/
/****************************************/
body {
	font-family: 'Raleway', sans-serif;
    color: #919191;
}
header {
    position: relative;
    background: url(../images/illustration-top.jpg) no-repeat center;
    background-size: cover;        
}
header:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
h1, h2, .h2 {
    font-size: 33px;
}
#page_interne h1 {
    font-size: 25px;
    margin-bottom: 25px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
}
#strate-top span,
h1,
h2 {
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-top-style: solid;
    font-weight: bold;
    padding: 15px 0;
    margin: 0  auto 25px auto;
}
h2 {
    max-width: 410px;
    text-transform: uppercase;
    font-size: 18px;
}
/*p {
    text-align: center !important;
}*/
a {
    color: #919191;
}
a:hover {
    color: #0f0f0f;
}
.btn-default {
    padding: 8px 25px 7px 25px;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease;
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    border-color: transparent;
}
/****************************************/
/***************Mutualisé****************/
/****************************************/
#strate-top h1,
#strate-top span {
    display: inline-block;
}
#strate-home-presentation,
#strate-home-domaine,
#strate-bottom {
    padding: 35px 15px;
}
[class^="icon-"] {
    font-size: 45px;
}
#services, #domaines {
    text-align: center;
}
#actu {
    border-bottom: 1px dashed;
}
/****************************************/
/******************Brand*****************/
/****************************************/
#logo {
    display: block;
    text-align: center;
    white-space: normal;
    width: auto;
}
#logo .icon-balance {
    font-size: 70px;
    margin-right: 0;
}
#noms_asso {
    font-size: 1.2em;
    margin-top: 15px;
}
#cabinet_avocat {
    font-size: 1em;
    margin-left: 5px;
}
#logo .icon-balance, #logo #noms_asso, #logo #cabinet_avocat {
    color: #fff;
}
/****************************************/
/*****************Menu*******************/
/****************************************/
.header-top {
    background-color: #f7f7f7;
    font-size: 16px;
    padding: 10px 0;
    text-transform: uppercase;
}
.navbar-default {
    position: relative;
    z-index: 3;
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
}
.navbar-default .row [class^="col-"]:first-child {
    z-index: 4;
}
.navbar-default .row [class^="col-"]:first-child + div {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 300px;
}
.navbar-default .navbar-brand {
    position: absolute;
    float: none;
    height: auto;
    margin: auto;
    text-align: center;
    color: #fff;
    width: 100%;
    left: 0;
    top: 0;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: bold;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    text-decoration: underline;
    color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-collapse.collapse {
    /*padding-top: 130px;*/
    border: none;
    text-align: center;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #fff;
}
.navbar-default .navbar-brand a {
    text-decoration: none;
    color: #fff;
}
.navbar-default .navbar-nav>li>a {
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 0;
}
.navbar-default .navbar-toggle {
    position: absolute;
    z-index: 3;
    right: 15px;
    top: 8px;
}
.navbar-default .dropdown-menu {
    right: 0;
    text-align: center;
}
.navbar-default .dropdown-menu>li>a {
    border-bottom-style: solid;
    white-space: normal;
    border-bottom-width: 1px;
    line-height: 1.2em;
    padding: 8px;
}
.navbar-default .dropdown-menu>li:last-child>a {
    border: none;
}
/****************************************/
/**************Rédactionnel**************/
/****************************************/
#container-texte.container h1 {
    max-width: 550px;
}
#container-texte h2 {
    font-size: 20px;
}
#liens,
#mentions {
    text-align: center;
    list-style-position: inside;
}
#liens ul,
#mentions ul {
    padding-left: 0;
}
#cabinet {}
/****************************************/
/**************Strate top****************/
/****************************************/
#strate-top {
    max-width: 1170px;
    margin: 0 auto;   
    text-align: center;
    position: relative;
    z-index: 3; 
}
/****************************************/
/**********Strate présentation***********/
/****************************************/
#strate-home-presentation p {
    max-width: 750px;
    margin: 20px auto;
}
/****************************************/
/**************Strate domaine************/
/****************************************/
#strate-home-domaine {
    background: url(../images/illustration-services.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
}
#strate-home-domaine [class^="col"] {
    display: flex;
    align-items: center;
    margin: 25px 0;
    padding: 15px 15px;
    border: 3px solid #fff;
    color: #fff;
}
#strate-home-domaine [class^="col"] a {
    margin: auto;
}
#strate-home-domaine h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
}
#strate-home-domaine h4 {
    font-size: 0.8em;
    color: #fff;
}
section#strate-home-presentation ul {
    list-style: none;
}
/****************************************/
/**************Strate bottom*************/
/****************************************/
#strate-bottom {
    background-color: #404040;
    color: #fff;
}
#strate-bottom h2 {
    text-align: center;
}
#bloc-adresse {
    width: 220px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
    white-space: nowrap;
}
#bloc-adresse li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
#bloc-adresse [class^="icon-"] {
    position: absolute;
    left: 0;
    font-size: 20px;
}
#bloc-adresse a {
    color: #fff;
}
/****************************************/
/**************strate-heure***************/
/****************************************/
#strate-heure {
    padding-top: 25px;
    text-align: center;
    margin-bottom: 35px;
}
#strate-heure h2 {
    text-transform: uppercase;
}
/****************************************/
/**************Google maps***************/
/****************************************/
#wrapper-map_custom {
    height: 165px;
}
#map_custom {
    height: 100%;
}
#link-map_custom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.gm-style div{
    cursor: pointer !important;
}
/****************************************/
/***************Footer*******************/
/****************************************/
footer {
    padding: 10px 0;
    text-align: center;
}
footer * {
    color: #fff;
}
footer [class^="col"] {
    width: 100%;
}
/****************************************/
/************Page competences************/
/****************************************/
#domaines [id^="dom_bloc"] a {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 155px;
}
#domaines h2 {
    display: flex;
    min-height: 75px;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    padding: 0 20px;
    font-size: 1.1em;
}
/****************************************/
/*******Breakpoint : mobile first********/
/****************************************/
@media (min-width: 768px) {
    header {
        padding-bottom: 125px;
    }
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
        color: #fff;
    }
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }
    .navbar-default .navbar-brand:after {
        content: "";
        display: block;
        width: 50px;
        height: 1px;
        background-color: #fff;
        margin: 20px auto 0px auto;
    }
    .navbar-nav {
        float: none;
        padding-top: 0;
    }
    .navbar-header {
        float: none;
        text-align: center;
        margin: 15px 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-default .navbar-brand {
        float: left;
        position: static;
        width: auto;
    }
    .navbar-default .navbar-collapse,
    .navbar-collapse.collapse {
         padding-top: 0;
    }
    #strate-top {
        color: #fff;
        font-size: 35px;
        padding-top: 100px;
        padding-left: 25px;
        padding-right: 25px;
    }
    #strate-home-domaine [class^="col"] {
        width: 21%;
        margin-right: 4%;
        min-height: 230px;
    }
    #strate-home-domaine [class^="col"]:last-child {
        margin-right: 0;
    }
    /*#services [class^="col"], #domaines [id^="dom"] {
        margin-bottom: 10px;
    }*/
}
@media (min-width: 992px) {
    .navbar-default .row [class^="col-"]:first-child + div {
        max-width: 450px;
    }
}
@media (min-width: 1200px) {
    header {
        height: 440px;
    }
    #strate-top {
        padding-top: 170px;
    }
    .navbar-default .row [class^="col-"]:first-child + div {
        max-width: 550px;
    }
}
/*********************************************************/
/*************Breakpoint : non mobile first**************/
/*******************************************************/
@media (max-width: 480px) {
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        padding: 5px 0; 
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-nav .open .dropdown-menu {
        text-align: center;
    }
}