* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    font: 62.5% 'Open Sans', verdana, arial, sans-serif
}

html, body {
    height: 100%
}

body {
    font-family: 'Open Sans', verdana, arial, sans-serif;
    font-size: 1.5rem;
    color: #161616
}

a.dial, [href^="#"] {
    font-weight: bold;
    color: #4988b1;
    text-decoration: none
}

a.dial:hover, a.dial:active, a.dial:focus, [href^="#"]:hover, [href^="#"]:active, [href^="#"]:focus {
    color: #e42172;
    text-decoration: none
}

a.telFooter {
    font-weight: bold;
    color: #fff;
    text-decoration: none
}

a.telFooter:hover, a.telFooter:active, a.telFooter:focus {
    color: #e42172;
    text-decoration: none
}

.dark {
    color: #161616
}

.lite {
    color: #fff
}

.grey {
    color: #ABABAB
}

.blue {
    color: #00c6ff
}

.bgblue {
    background-color: #00c6ff
}

.italic {
    font-style: italic
}

h1 {
    font-size: 4.2rem;
    font-weight: 100
}

.h1 {
    font-size: 4.2rem;
    font-weight: 100
}

h2 {
    font-size: 3.5rem;
    font-weight: 100
}

h3, h4 {
    font-size: 1.7rem;
    font-weight: 100;
    line-height: 25px;
    font-weight: bold;
    text-transform: uppercase
}

.marginTop {
    margin-top: 1.3em
}

.marginVert {
    margin-top: 1.3em;
    margin-bottom: 1em
}

.marginUl, #content ul {
    margin: 2rem 2rem
}

.upCase {
    text-transform: uppercase
}

.externalLink {
    font-size: 1.4rem
}

.view_y {
    visibility: initial;
    -webkit-animation: fadein_span 1s;
    -moz-animation: fadein_span 1s;
    -ms-animation: fadein_span 1s;
    -o-animation: fadein_span 1s;
    animation: fadein_span 1s
}

.view_n {
    visibility: hidden
}

div#page, div#container {
    margin-top: 150px
}

.header_logo_size {
    height: 94px
}

.slideshow {
    position: relative;
    margin-top: 100px
}

.img_placeHolder {
    width: 100%;
    visibility: hidden
}

.layer1, .layer2, .layer3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat
}

.layer1 h1, .layer2 h1, .layer3 h1 {
    text-align: center;
    color: #fff;
    margin-top: 20%;
    letter-spacing: -0.1rem
}

.layer1 h1 span, .layer2 h1 span, .layer3 h1 span {
    padding: 0 22px;
    line-height: 36px;
    display: block;
    margin-bottom: 1px;
    padding: 4px
}

.layer1 h1 span:nth-child(odd), .layer2 h1 span:nth-child(odd), .layer3 h1 span:nth-child(odd) {
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.6) 33%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 67%, transparent 100%);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.6) 33%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 67%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.6) 33%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 67%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
    font-weight: 900
}

.layer1 h1 span:nth-child(even), .layer2 h1 span:nth-child(even), .layer3 h1 span:nth-child(even) {
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 33%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.4) 67%, transparent 100%);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.4) 33%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.4) 67%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 33%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.4) 67%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
    font-weight: 300;
    font-size: 3rem;
    -webkit-animation: fadein_span 6s;
    -moz-animation: fadein_span 6s;
    -ms-animation: fadein_span 6s;
    -o-animation: fadein_span 6s;
    animation: fadein_span 6s
}

.layer1 {
    background-image: url(../img/content/slider_home/slider_2.jpg)
}

.layer2 {
    background-image: url(../img/content/slider_home/slider_3.jpg);
    animation: animLayer2 25s infinite
}

.layer3 {
    background-image: url(../img/content/slider_home/slider_4.jpg);
    animation: animLayer3 25s infinite
}

.btn-default-dial {
    color: #fff;
    background-color: #4988b1;
    border-color: #4988b1;
    position: relative;
    z-index: 10;
    overflow: hidden
}

.btn-default-dial:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #4988b1;
    width: 0;
    height: 100%;
    z-index: -1;
    top: 0;
    left: -25px;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    transition: all 0.3s ease-out 0s;
    opacity: 0
}

.btn-default-dial:hover, .btn-default-dial:active, .btn-default-dial:focus {
    background-color: #e42172;
    border-color: #e42172;
    color: #fff
}

.btn-default-dial-cta {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    position: relative;
    z-index: 10;
    overflow: hidden
}

.btn-default-dial-cta:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #4988b1;
    width: 0;
    height: 100%;
    z-index: -1;
    top: 0;
    left: -25px;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    transition: all 0.3s ease-out 0s;
    opacity: 0
}

.btn-default-dial-cta:hover, .btn-default-dial-cta:active, .btn-default-dial-cta:focus {
    background-color: #e42172;
    border-color: #fff;
    color: #fff
}

.btn-animate {
    background-color: #4988b1;
    color: #fff;
    border-color: #4988b1
}

.btn-animate:before {
    background-color: #e42172
}

.btn-animate .active:hover, .btn-animate .active:before, .btn-animate:hover {
    color: #fff;
    border-color: #e42172;
    background-color: #4988b1
}

.btn-animate .active:hover:before, .btn-animate .active:before, .btn-animate:hover:before {
    opacity: 1;
    width: calc(100% + 50px)
}

.btn-animate-cta {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.btn-animate-cta:before {
    background-color: #e42172
}

.btn-animate-cta .active:hover, .btn-animate-cta .active:before, .btn-animate-cta:hover {
    color: #fff;
    border-color: #e42172;
    background-color: #4988b1
}

.btn-animate-cta .active:hover:before, .btn-animate-cta .active:before, .btn-animate-cta:hover:before {
    opacity: 1;
    width: calc(100% + 50px)
}

.btn-custom {
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0
}

.container {
    max-width: 1120px
}

a.navbar-brand {
    margin: -12px 0 0 11px
}

.navbar {
    min-height: 100px
}

.navbar-default {
    background-color: #175176;
    border: 0
}

.navbar-right {
    margin-right: 0
}

.navbar > .container-fluid .navbar-brand {
    margin-left: -13px
}

.navbar > .container-fluid {
    padding-right: 0
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    background-color: #4988b1;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 300;
    padding: 40px 15px 40px 15px;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease color
}

.navbar-default .navbar-nav > li {
    margin-right: 1px
}

.navbar-default .navbar-nav > li:last-child {
    margin-right: 0
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
    background-color: #e42172
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #ffffff;
    background-color: #e42172
}

.navbar-default .navbar-nav > .active > a {
    color: #ffffff;
    background-color: #6db6e1
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #e42172
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 175px;
    padding: 6px 0px;
    margin: 2px 0px;
    color: #ffffff;
    font-size: 2rem;
    text-align: left;
    background-color: #e42172;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #e42172;
    border: 1px solid #e42172;
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.dropdown-menu .divider {
    background-color: #ff5fa1
}

.navbar-form {
    margin-top: 4px;
    margin-bottom: 4px
}

.btn-nav, .btn-nav:link, .btn-nav:visited {
    color: #fff;
    background-color: #00c6ff;
    border-color: #00c6ff;
    font-weight: bold;
    font-size: 1.9rem;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease border-color, 0.2s ease background-color, 0.2s ease color;
    margin: 5px;
    padding: 5px 12px 6px
}

.btn-nav:hover, .btn-nav:focus {
    color: #fff;
    background-color: #53d9ff;
    border-color: #53d9ff;
    margin: 5px;
    padding: 5px 12px 6px
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 5px;
    border-radius: 0px
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    border-width: 0px
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #2b2b2b;
    border-color: #2b2b2b
}

.breadcrumb {
    margin: 0 0 3em 0;
    padding: 10px 20px;
    background-color: #6db6e1;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 300
}

.breadcrumb a:link, .breadcrumb a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: normal
}

.breadcrumb a:link:hover, .breadcrumb a:link:focus, .breadcrumb a:visited:hover, .breadcrumb a:visited:focus {
    color: #175176
}

.breadcrumb li + li:before {
    color: #fff;
    font-family: 'FontAwesome';
    content: "\f054"
}

.breadcrumb .active {
    color: #fff
}

.alert li {
    margin-left: 20px;
    list-style: none
}

.form-control, .alert {
    border-radius: 0
}

.help-block {
    color: #aaaeb1
}

#browse {
    display: none
}

#expertises .h1 {
    margin: 5% auto
}

.expertise {
    margin-bottom: 5%
}

.expertise h2 {
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 25px;
    text-transform: uppercase;
    margin: 1px 2px;
    height: 80px
}

.expertise p {
    min-height: 325px
}

.expertise a.btn-default-dial {
    display: block;
    width: 100%
}

.hoverState {
    color: #e42172
}

#keyNums {
    margin-top: 2.5%;
    position: relative
}

.wrapperKeynum {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/layout/keynums.jpg);
    background-size: cover
}

.wrapperKeynum .container {
    margin-top: 120px
}

span.key {
    display: block;
    width: 100%;
    color: #fff
}

.icoNum > i.fa {
    font-size: 4.5rem
}

.animNum {
    font-size: 5rem;
    font-weight: 300
}

.descNum {
    text-transform: uppercase;
    font-weight: bold
}

#blog {
    margin-top: 4.5%
}

#blog .h1 + p {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: 8%
}

#blog article {
    margin-bottom: 25%
}

#blog article h2 {
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 25px;
    text-transform: uppercase;
    margin: 1px 2px;
    height: 50px
}

#blog article p {
    text-align: justify
}

#page #blog article {
    margin-bottom: 30%
}

#page #blog article a.aWrapper {
    text-decoration: none;
    color: #161616
}

#page #blog article img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    -webkit-transition: .2s ease-in-out;
    moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

#page #blog article img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.greyToColorWithZoom {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

#page article h1 {
    margin-bottom: 4%
}

#page article .chapeau p {
    background-color: #e42172;
    color: #fff;
    padding: 7px 7px;
    font-size: 1.8rem;
    font-weight: lighter;
    line-height: 2.1rem;
    min-height: 98px;
    text-align: justify
}

#page article p.author_date {
    color: #4988b1;
    font-style: italic;
    font-size: 1.4rem;
    margin: 1rem 0
}

#page article ul {
    margin-left: 2em
}

#page article ul li {
    list-style: none
}

#page article ul li:before {
    font-family: 'Glyphicons Halflings';
    padding-right: 0.7rem;
    line-height: 2.1rem;
    font-size: 1.2rem;
    content: "\e074";
    color: #e42172
}

#page article ul li > ul {
    margin: 1em 0 1em 1em
}

#page article ul li > ul li {
    list-style: none
}

#page article ul li > ul li:before {
    font-family: 'FontAwesome';
    content: "\f10c\ ";
    font-size: 1rem
}

#page article .content p {
    text-align: justify
}

#page article .content a {
    font-weight: bold;
    color: #4988b1;
    text-decoration: none
}

#page article .content a:hover, #page article .content a:active, #page article .content a:focus {
    color: #e42172;
    text-decoration: none
}

#page aside h2 {
    margin-top: 30%
}

#page aside h2 + p {
    font-weight: bold
}

#page aside p.author {
    margin-top: 5%;
    font-weight: bold;
    line-height: 1.6rem
}

#page aside p.fonction {
    line-height: 1.6rem;
    margin-bottom: -7%
}

#page aside hr {
    height: 1px;
    background-color: #e42172
}

#equipe, .equipe {
    margin-top: 4%
}

#equipe .h1 + p, .equipe .h1 + p {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: 5%
}

#equipe .previewProfil h3, #equipe .previewProfil h2, .equipe .previewProfil h3, .equipe .previewProfil h2 {
    font-size: 1.7rem;
    margin-bottom: auto;
    margin-top: 10px
}

#equipe .previewProfil h3 span, #equipe .previewProfil h2 span, .equipe .previewProfil h3 span, .equipe .previewProfil h2 span {
    display: inline-block
}

#equipe .previewProfil h3 span:first-child, #equipe .previewProfil h2 span:first-child, .equipe .previewProfil h3 span:first-child, .equipe .previewProfil h2 span:first-child {
    text-transform: capitalize
}

#equipe .previewProfil h3 span:last-child, #equipe .previewProfil h2 span:last-child, .equipe .previewProfil h3 span:last-child, .equipe .previewProfil h2 span:last-child {
    text-transform: uppercase
}

#equipe .previewProfil span, .equipe .previewProfil span {
    display: block;
    margin-bottom: 10px
}

#equipe .previewProfil img, .equipe .previewProfil img {
    max-width: 180px;
    margin: 0 auto
}

#equipe .previewProfil div.noLink, .equipe .previewProfil div.noLink {
    height: 35px
}

.fluid-area {
    margin-bottom: -6em
}

.greyscaleOn {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}

.greyscaleOff {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.previewProfil {
    position: relative;
    margin-bottom: 5%
}

.competiquette {
    position: absolute;
    right: 0;
    top: 85px
}

.competiquette span {
    text-align: right;
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
    background-color: #e42172;
    margin: -8px 5px 0 0;
    -webkit-animation: fadein_span 2s;
    -moz-animation: fadein_span 2s;
    -ms-animation: fadein_span 2s;
    -o-animation: fadein_span 2s;
    animation: fadein_span 2s
}

#user .profil img {
    max-width: 240px;
    margin: 0 auto
}

#user h2 {
    font-size: 2.1rem;
    font-weight: 300;
    letter-spacing: 0;
    margin: 0
}

#user hr {
    height: 1px;
    background-color: #e42172
}

#user .expertises {
    margin: 5px 0 15px 0
}

#user .expertises span {
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
    background-color: #e42172;
    margin: -8px 5px 0 0;
    -webkit-animation: fadein_span 2s;
    -moz-animation: fadein_span 2s;
    -ms-animation: fadein_span 2s;
    -o-animation: fadein_span 2s;
    animation: fadein_span 2s
}

#user .expertises a.competences {
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
    background-color: #e42172;
    margin: 7px 5px 0 0;
    text-decoration: none
}

#user .expertises a.competences:hover, #user .expertises a.competences:active, #user .expertises a.competences:focus {
    color: #fff;
    background-color: #e42172;
    margin: 7px 5px 0 0;
    text-decoration: none
}

#user .previewProfil div.noLink {
    height: 35px
}

section#profil_desc {
    margin-top: 2%
}

section#profil_desc p {
    text-align: justify
}

section#profil_desc ul {
    margin-left: 17px;
    display: block
}

section#profil_desc ul li {
    list-style: none
}

section#profil_desc ul li:before {
    font-family: 'Glyphicons Halflings';
    padding-right: 0.7rem;
    line-height: 2.1rem;
    font-size: 1.2rem;
    content: "\e074";
    color: #e42172
}

section#profil_desc ul li > ul {
    margin: 1em 0 1em 1em
}

section#profil_desc ul li > ul li {
    list-style: none
}

section#profil_desc ul li > ul li:before {
    font-family: 'FontAwesome';
    content: "\f10c\ ";
    font-size: 1rem
}

#page #domainesExp h1 + p, #page #equipe h1 + p, #page #expertise_view h1 + p, #page .contact h1 + p, #page .email h1 + p, #page #addUser h1 + p, #page #userList h1 + p, #page #userUpdate h1 + p, #page #userDelete h1 + p, #page #logout h1 + p, #page #articleAdd h1 + p, #page #articleUpdate h1 + p, #page #articleDelete h1 + p, #page #blog h1 + p, #page #juripacks_heading h1 + p, #page .honoraires h1 + p {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: 5%;
    border-left: 3px solid #e42172;
    padding-left: 2rem;
    text-align: justify
}

#domainesExp h2 {
    text-align: center;
    margin-bottom: 15%
}

#domainesExp .blockExp {
    text-align: center;
    color: #fff
}

#domainesExp .blockExp h3 {
    padding: 5% 2% 0 2%
}

#domainesExp .blockExp hr {
    width: 75%;
    margin: 0 auto
}

#domainesExp .blockExp p {
    width: 85%;
    margin: 0 auto;
    padding: 5% 0
}

#domainesExp img {
    margin-bottom: 5%
}

#domainesExp .entreprise {
    background-color: #175176;
    border-color: #175176
}

#domainesExp .dirigeant {
    background-color: #4988b1;
    border-color: #4988b1
}

#domainesExp .particulier {
    background-color: #6db6e1;
    border-color: #6db6e1
}

#domainesExp a {
    width: 100%;
    margin-top: 1%
}

#domainesExp a:hover {
    background-color: #e42172;
    border-color: #e42172
}

#domainesExp .hoverState {
    background-color: #e42172
}

#expertise_view hr {
    width: 50%;
    margin: 0 auto;
    height: 1px;
    background-color: #e42172
}

#expertise_view p.long_desc {
    margin: 2em 0;
    text-align: justify
}

#expertise_view h2, #expertise_view h3, #expertise_view h4, #expertise_view h5, #expertise_view h6 {
    margin-top: 5rem
}

#expertise_view .list_skills p {
    text-align: justify
}

#expertise_view ul {
    margin: 2em 0 0 1em;
    display: block
}

#expertise_view ul li {
    list-style: none
}

#expertise_view ul li:before {
    font-family: 'Glyphicons Halflings';
    padding-right: 0.7rem;
    line-height: 2.1rem;
    font-size: 1.2rem;
    content: "\e074";
    color: #e42172
}

#expertise_view ul li > ul {
    margin: 1em 0 1em 2em
}

#expertise_view ul li > ul li {
    list-style: none
}

#expertise_view ul li > ul li:before {
    font-family: 'FontAwesome';
    content: "\f10c\ ";
    font-size: 1rem
}

#offices_wrapper .cabinetName {
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    font-size: 2.5rem;
    background-color: #031d2c;
    padding: 5px;
    margin: 10% 0 5% 0;
    letter-spacing: 0
}

#offices_wrapper .cabinetName:before {
    font-family: 'FontAwesome';
    content: "\f041";
    padding: 15px
}

#offices_wrapper span {
    margin-top: 0.5%;
    display: block
}

#offices_wrapper span:first-child {
    margin: 3% 0
}

#offices_wrapper a {
    margin: 3% 0 6% 0
}

#formulaire h2 {
    margin-top: 6%
}

.juripack {
    margin-bottom: 5.5em
}

.juripack .creation {
    background-color: #4988b1
}

.juripack .e-commerce {
    background-color: #659e30
}

.juripack .cgv {
    background-color: #f18301
}

.juripack .recouvrement {
    background-color: #b84cff
}

.juripack .juripack_name h2 {
    margin-top: 1.2em;
    font-weight: normal;
    font-size: 3.5rem
}

.juripack .juripack_name span {
    font-weight: lighter;
    font-size: 4.8rem;
    display: block
}

.juripack .juripack_name p {
    font-weight: lighter
}

.juripack .juripack_name img {
    margin: 0 auto
}

.juripack .juripack_desc p {
    margin: 1.5em 0 0.5em 2.5em;
    display: block;
    text-align: justify
}

.juripack .juripack_desc p:first-of-type {
    margin: 3.5em 0 0.5em 2.5em
}

.juripack .juripack_desc ul {
    margin: 3.5em 0 1.8em 2.5em;
    display: block;
    text-align: justify
}

.juripack .juripack_desc li {
    margin-bottom: 0.5em
}

.juripack .juripack_desc span.prix {
    font-size: 2.4rem;
    font-weight: bold;
    display: block;
    margin-bottom: 1em
}

.juripack .juripack_desc span.prix_condition {
    font-size: 1.0rem;
    font-style: italic;
    display: block;
    margin-top: 1.3em
}

.juripack .harrow_bottom_creation {
    margin: 0 auto;
    border: 20px solid transparent;
    border-top: 20px solid #4988b1
}

.juripack .harrow_bottom_e-commerce {
    margin: 0 auto;
    border: 20px solid transparent;
    border-top: 20px solid #659e30
}

.juripack .harrow_bottom_cgv {
    margin: 0 auto;
    border: 20px solid transparent;
    border-top: 20px solid #f18301
}

.juripack .harrow_bottom_recouvrement {
    margin: 0 auto;
    border: 20px solid transparent;
    border-top: 20px solid #b84cff
}

#page .legal p, #page .honoraires p {
    text-align: justify
}

#page .legal ul, #page .honoraires ul {
    margin: 2em 0 2em 1em;
    display: block
}

#page .legal ul li, #page .honoraires ul li {
    list-style: none
}

#page .legal ul li:before, #page .honoraires ul li:before {
    font-family: 'Glyphicons Halflings';
    padding-right: 0.7rem;
    line-height: 2.1rem;
    font-size: 1.2rem;
    content: "\e074";
    color: #e42172
}

#page .legal ul li > ul, #page .honoraires ul li > ul {
    margin: 1em 0 1em 1em
}

#page .legal ul li > ul li, #page .honoraires ul li > ul li {
    list-style: none
}

#page .legal ul li > ul li:before, #page .honoraires ul li > ul li:before {
    font-family: 'FontAwesome';
    content: "\f10c\ ";
    font-size: 1rem
}

footer#page-footer {
    background-color: #175176;
    padding-top: 3%;
    margin-top: 5%
}

.footer_logo_size {
    height: 180px
}

.social {
    margin: 0.5em 0 2em 0
}

#legal {
    text-align: center;
    margin: 2em auto;
    color: #6db6e1
}

#legal ul li {
    display: inline;
    text-align: center;
    padding: 1%;
    margin: 0 auto
}

#legal ul li:before {
    font-family: 'FontAwesome';
    padding-right: 0.7rem;
    line-height: 2.1rem;
    font-size: 1.2rem;
    content: "\f1db";
    color: #e42172
}

footer .icon-box-a, footer .icon-box-a:visited, footer .icon-box-a:link {
    color: #4988b1;
    margin: 0px 5px 0px 0;
    text-align: center;
    text-decoration: none;
    font-size: 5rem;
    font-weight: normal;
    -webkit-transition: color 0.3s linear, color 0.3s linear;
    transition: color 0.3s linear, color 0.3s linear
}

footer .icon-box-a:hover, footer .icon-box-a:focus, footer .icon-box-a:active, footer .icon-box-a:visited:hover, footer .icon-box-a:visited:focus, footer .icon-box-a:visited:active, footer .icon-box-a:link:hover, footer .icon-box-a:link:focus, footer .icon-box-a:link:active {
    color: #e42172;
    cursor: pointer
}

footer .icon-box-a:last-child, footer .icon-box-a:visited:last-child, footer .icon-box-a:link:last-child {
    margin: 0px
}

.icon-box-a.facebook::before {
    font-family: 'FontAwesome';
    content: '\f082'
}

.icon-box-a.gplus::before {
    font-family: 'FontAwesome';
    content: '\f0d4'
}

.icon-box-a.twitter::before {
    font-family: 'FontAwesome';
    content: '\f081'
}

.icon-box-a.linkedin::before {
    font-family: 'FontAwesome';
    content: '\f08c'
}

#back-top {
    display: none
}

#cabinets_wrapper .cabinetName {
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    font-size: 1.8rem;
    background-color: #031d2c;
    padding: 5px;
    margin: auto 0;
    white-space: nowrap
}

#cabinets_wrapper .cabinetName:before {
    font-family: 'FontAwesome';
    content: "\f041";
    padding: 15px
}

#cabinets_wrapper span {
    margin-top: 0.5%;
    display: block
}

#cabinets_wrapper span:first-child {
    margin: 3% 0
}

#cabinets_wrapper a {
    margin: 3% 0 6% 0
}

.last-line {
    margin: 0 3em 1em 3em;
    font-size: 1.4rem
}

.last-line a.lastline {
    text-decoration: none;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear
}

.last-line a.lastline:link, .last-line a.lastline:visited {
    color: #6db6e1
}

.last-line a.lastline:hover, .last-line a.lastline:focus {
    text-decoration: none;
    color: #fff
}

.last-line span, .last-line li {
    margin: 0 1em
}

.last-line span:nth-child(odd), .last-line li:nth-child(odd) {
    font-weight: 300
}

.last-line span:nth-child(even) {
    font-weight: 700
}

.last-line span:last-child, .last-line li:last-child {
    margin: 0 0 0 1em
}

.last-line span:first-child, .last-line li:first-child {
    margin: 0 1em 0 0
}

a.btn-back-to-top {
    display: block;
    position: fixed;
    bottom: 23px;
    right: 25px;
    font-size: 4rem;
    z-index: 100
}

a.btn-back-to-top:link, a.btn-back-to-top:visited {
    color: #4988b1
}

a.btn-back-to-top:active, a.btn-back-to-top:focus, a.btn-back-to-top:hover {
    color: #e42172
}

.avatar-low {
    height: 38px;
    margin: auto 0
}

@media (min-width: 992px) {
    .navbar-right .dropdown-menu {
        right: 3px;
        left: auto
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .wrapperKeynum .container {
        margin-top: 50px
    }

    #expertises h1 {
        margin: 7% 0 7% 0
    }

    .expertise h2 {
        height: 60px
    }

    .expertise p {
        min-height: 325px
    }
}

@media (min-width: 1400px) and (max-width: 1660px) {
    .wrapperKeynum .container {
        margin-top: 120px
    }

    #expertises h1 {
        margin: 7% 0 7% 0
    }

    .expertise h2 {
        height: 60px
    }

    .expertise p {
        min-height: 325px
    }

    #cabinets_wrapper .cabinetName {
        margin: auto 5%
    }
}

@media (min-width: 1661px) {
    .wrapperKeynum .container {
        margin-top: 170px
    }

    #cabinets_wrapper .cabinetName {
        margin: auto 3em
    }
}

@media screen and (max-width: 768px) {
    .layer1 h1, .layer2 h1, .layer3 h1 {
        margin-top: 10%
    }

    .navbar > .container-fluid .navbar-brand {
        margin-left: -5px
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #e42172
    }

    .fullWidth {
        min-width: 100%
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .slideshow {
        margin-top: 50px
    }

    .layer1 h1, .layer2 h1, .layer3 h1 {
        margin-top: 13%
    }

    div#page, div#container {
        margin-top: 150px
    }

    .header_logo_size {
        height: 46px
    }

    .navbar > .container-fluid .navbar-brand {
        margin-left: -10px
    }

    .navbar {
        min-height: 50px
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        background-color: #4988b1;
        text-transform: uppercase;
        font-size: 2rem;
        font-weight: 300;
        padding: 15px 10px 15px 10px;
        -webkit-transition: 0.2s ease all;
        -o-transition: 0.2s ease all;
        transition: 0.2s ease color
    }

    #expertises h1 {
        margin: 7% 0 7% 0
    }

    .expertise h2 {
        height: 60px
    }

    .expertise p {
        min-height: 410px;
        margin-top: 2rem
    }

    .previewProfil {
        min-height: 325px;
        margin-bottom: 3em
    }

    .fullWidth {
        min-width: 100%
    }

    #cabinets_wrapper .cabinetName {
        margin: auto 10em
    }
}

@media (min-width: 300px) and (max-width: 992px) {
    .slideshow {
        margin-top: 50px
    }

    .layer1 h1, .layer2 h1, .layer3 h1 {
        margin-top: 13%
    }

    .header_logo_size {
        height: 46px
    }

    div#page, div#container {
        margin-top: 100px
    }

    .navbar > .container-fluid .navbar-brand {
        margin-left: -5px
    }

    .navbar {
        min-height: 50px
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: -15px;
        margin-left: -15px
    }

    .navbar-header {
        float: none
    }

    .navbar-left, .navbar-right {
        float: none !important
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-nav > li {
        float: none
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collapse.in {
        display: block !important
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        background-color: #4988b1;
        text-transform: uppercase;
        font-size: 2rem;
        font-weight: 300;
        padding: 10px 5px 10px 5px;
        -webkit-transition: 0.2s ease all;
        -o-transition: 0.2s ease all;
        transition: 0.2s ease color
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent
    }

    .navbar-right {
        margin-right: 0
    }

    .btn-nav, .btn-nav:link, .btn-nav:visited, .btn-nav:hover {
        margin: 20px
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #e42172;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 10px 10px;
        margin-top: 4px;
        margin-right: 15px;
        margin-bottom: 4px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 300;
        line-height: 1.42857143;
        color: #fff;
        white-space: nowrap
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #e42172
    }

    .dropdown-menu {
        padding: 6px 0px;
        margin: 2px 0px;
        color: #ffffff;
        font-size: 2rem;
        text-align: left;
        background-color: #e42172;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #e42172;
        border: 1px solid #e42172;
        border-radius: 0px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
    }

    #expertises h1 {
        margin: 5% 0 10% 0
    }

    .expertise h2 {
        font-size: 1.7rem;
        font-weight: bold;
        letter-spacing: normal;
        line-height: 25px;
        text-transform: uppercase;
        margin: 1px 2px;
        height: 30px
    }

    .expertise p {
        text-align: justify;
        min-height: 10px
    }

    .expertise a.btn-default-dial {
        display: block;
        width: 100%;
        margin-bottom: 4em
    }

    .competiquette {
        visibility: initial
    }

    .previewProfil {
        min-height: 325px;
        margin-bottom: 5em
    }

    #page aside p.fonction {
        line-height: 1.6rem;
        margin-bottom: 0
    }

    #page aside p.author {
        font-size: 2.5rem
    }

    #page aside img {
        margin: 0 auto;
        max-width: 300px
    }

    .cab {
        margin: 17% 0 5% 0
    }

    .fullWidth {
        min-width: 100%
    }
}

@keyframes fadein_span {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadein_span {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkiopacity : fadein_span {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
} @-ms-keyframes fadein_span {
      from {
          opacity: 0
      }
      to {
          opacity: 1
      }
  }

@-o-keyframes fadein_span {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes animLayer2 {
    0% {
        opacity: 0
    }
    17% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    67% {
        opacity: 0
    }
    83% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes animLayer2 {
    0% {
        opacity: 0
    }
    17% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    67% {
        opacity: 0
    }
    83% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes animLayer2 {
    0% {
        opacity: 0
    }
    17% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    67% {
        opacity: 0
    }
    83% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes animLayer2 {
    0% {
        opacity: 0
    }
    17% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    67% {
        opacity: 0
    }
    83% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes animLayer2 {
    0% {
        opacity: 0
    }
    17% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    67% {
        opacity: 0
    }
    83% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes animLayer3 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    67% {
        opacity: 1
    }
    83% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes animLayer3 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    67% {
        opacity: 1
    }
    83% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes animLayer3 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    67% {
        opacity: 1
    }
    83% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes animLayer3 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    67% {
        opacity: 1
    }
    83% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes animLayer3 {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    67% {
        opacity: 1
    }
    83% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}