/*
 * Start Bootstrap - Landing Page +   (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-weight: 700;*/
}

p,
.intro-message > strong,
.h3.text-white,
.list-inline>li > a,
.content-section-b,
.content-section-a{
    font-weight: 400;
}
.content-section-b h2, .content-section-a h2,
.content-section-b h3, .content-section-a h3,
.content-section-b h4, .content-section-a h4,
{
    text-transform: uppercase;
}

h1,.h1 {
    font-size: 46px;
    font-size: 2.5vw;
}
h2,.h2{font-size:22px}
h3,.h3{font-size:18px}
h4,.h4{font-size:15px}
h5,.h5{font-size:14px}
h6,.h6{font-size:13px}

small, .small {
    font-size: 80%;
}
.text-upppercase {
    text-transform: uppercase;
}
.navbar,
.navbar-nav {
    min-height: 88px !important;
}

.navbar-nav > li > a,
.navbar-brand {
    height: 88px;
}
.navbar-default{
    border-bottom: none;
    font-weight: 700;
}

.navbar-nav.navbar-right:last-child {
    margin-right: inherit ;
}

.lead {
    font-size: inherit;
    font-weight: 700;
    color: #ffffff;
    background: #2ec3cc;
    padding: 30px;
}

.exergue{
    font-size: 20px;
    font-weight: 400;
}
/*couleurs*/

::selection {
    background: rgba(46, 195, 204, .5) ; /* WebKit/Blink Browsers */
}
::-moz-selection {
    background: rgba(46, 195, 204, .5) ; /* Gecko Browsers */
}

.white {
    background: #ffffff !important;
}

.gris {
    background: #d8d8d8 !important;
}

.gris-clair {
    background: #E9E9E9 !important;
}

.vert  {
    background: #2ec3cc !important;
}
.vert strong {
    color: #fff;
}
.violet {
    background: #3b3f51 !important;
}

.violet-trans {
    background: rgba(63, 68, 85, .8) !important;
}

.gris-trans {
    background: rgba(216, 216, 216, .8) !important;
}

.vert-trans  {
    background: rgba(46, 195, 204, .8) !important;
}


.text-white,
.bloc.vert-trans strong {
    color: #ffffff !important;
}

.text-gris {
    color: #d8d8d8 !important;
}

.text-vert,
strong {
    color: #2ec3cc;
}

.text-violet {
    color: #3b3f51 !important;
}

.bloc {
    min-height: 244px;
    padding: 50px;
}

.bloc.vert-trans {
    text-align: justify;
    padding-left: 40px!important;
    padding-right: 40px!important;
    padding-top: 0;
    padding-bottom: 0;
}

.intro-header {
    padding-top: 90px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    text-align: center;
    color: #f8f8f8;
    background: url(../images/background-prevantis-nb-min.jpg) no-repeat center center;
    background-size: cover;
}

.intro-message {
    position: relative;
    margin-top: 20%;
    margin-bottom: 20%;
    padding: 45px;
    text-align: left;
}

.intro-message:before {
    content: " ";
    display: block;
    width: 120px;
    position: relative;
    left: -147px;
    top: 34px;
    border: 1px solid white;
}
.intro-message:after {
    content: " ";
    display: block;
    width: 120px;
    position: relative;
    right: -784px;
    bottom: 22px;
    border: 1px solid white;
}

.intro-message > h1 {
    margin: 0;
    font-size: 5rem;
}

.intro-message > p {
    margin: 0;
    font-size:1.7em;
}

a.active, a:hover {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
}
.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}


.navbar-default .navbar-nav>li>a {
    border-right: 1px solid #fff;
}


.navbar-default .navbar-nav>.active>a:before,
.navbar-nav>li>a:before {
    background-repeat: no-repeat;
    background-position: center top;
    content: "";
    display: block;
    width: 25px;
    height: 31px;
    vertical-align: middle;
    position: absolute;
    top: 14px;
    left: 41%;
}

.navbar-nav>li>a.medecins{
    font-weight: 200;
    text-transform: uppercase;
    padding: 50px 20px 15px;
    font-size: 14px;
}

.navbar-default .navbar-nav>.active>a.medecins:before,
.navbar-nav>li>a.medecins:before {
    background-image: url('../images/doctor-min.png');

}

.navbar-default .navbar-nav>li>a.medecins:hover,
.navbar-default .navbar-nav>li>a.medecins:focus {
    color: #fff;
    background-color: #73cad0;
}

.navbar-nav>li>a.moncompte{
    font-weight: 200;
    text-transform: uppercase;
    padding: 32px 9px 0 37px ;
    font-size: 14px;
    background-color: #3b3f51;
}

.navbar-default .navbar-nav>.active>a.moncompte,
.navbar-default .navbar-nav>.active>a.moncompte:hover,
.navbar-default .navbar-nav>.active>a.moncompte:focus{
    background-color: #3b3f51;
}

.navbar-default .navbar-nav>.active>a.moncompte:before,
.navbar-nav>li>a.moncompte:before {
    background-image: url('../images/login.png');
    left : 8px;
    top : 31px;
    width: 27px;
    background-color: #3b3f51;
}

.navbar-default .navbar-nav>li>a.moncompte:hover,
.navbar-default .navbar-nav>li>a.moncompte:focus {
    color: #fff;
    background-color: #3b3f51;
}

/*ack styles bootstrap*/
.navbar-default .navbar-toggle {
    border: none;
    margin-right: 30px;
}

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

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

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 30px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 30px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../images/banner-bg.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

.icon-doctor {
    margin-bottom: 10px;
}

.icon-mail {
    margin-bottom: 46px;
}

.legend, .legend-2 {
    color: #2ec3cc ;
    font-size: 14px;
    _font-size: 1vw;
    width: 100%;
    text-align: center;
    padding-left: 10px;
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
}

.bloc-gris {
    position: relative;
    background-image: url('/user/themes/contrevisiteenligne/images/map.png');
}
/*.bloc-gris>img {*/
    /*margin-left: -20px;*/
/*}*/
footer {
    padding: 10px 0;
    background-color: #f8f8f8;
}

p.copyright {
    margin: 15px 0 0;
}

.row.no-gutter
{
    margin: 0;
}

.row.no-gutter > [class*="col-"] {
    padding-right:0;
    padding-left:0;
    margin-left: 0;
    margin-right: 0;
}
.container-fluid.no-padding{
    padding: 0;
}
/*Style contenus*/
.h1-contentpage {
    margin-top: 75px;
}

.breadcrumb {
    background: none;
    font-size: 15px;
    margin-bottom: 39px;
}

.breadcrumb>li+li:before {
    content: " / ";
    color: #ffffff;
}
.breadcrumb > li> a{
    color: #ffffff;
}
/*contact form*/
#contact {
    margin-top: 2em;
}

.form-field .col-sm-9 {
    margin-bottom: 1em;
}

.home-entreprise .vert.bloc > p.exergue,
.home-entreprise .violet.bloc > p.exergue{
    font-size: 1.7rem;
}

.home-entreprise .violet.bloc > ul li.exergue{
    font-size: 1.7rem;
}

.home-entreprise .col-md-6 > .bloc {
    width: 100%;
    min-height : 401px;
    max-height : 401px;
    display: block;
    padding: 30px;
}

.home-entreprise .col-md-6 > .bloc.no-padding {
    padding: 0;
}

.text-uppercase {
    text-transform: uppercase;
}

/*boutons de partage**/
.partage {
    width : 50px;
    height: 207px;
    position: fixed;
    top: 35%;
    right: -4px;
    margin:0;
    padding:5px;
    background: rgba(46, 195, 204, .8);
}
.partage .rrssb-buttons {
    /*float: none;*/
    /*display: block;*/
    height: auto;
}
.rrssb-buttons.tiny-format {
    position: relative;
}

@media all and (-ms-high-contrast:none) {
    .foo { color: green } /* IE10 */
    .partage {
        height: 180px;
        right: 0;
    }
    *::-ms-backdrop,
    .rrssb-buttons.tiny-format {
        height: 39px!important;
        /*top:-50px!important; */
    } /* IE11 */
}
.rrssb-buttons.tiny-format.clearfix li a .rrssb-icon svg {
    height: 39px;
    width: 100%;
}

.partage .rrssb-buttons li {
    height: initial;
    width:40px !important;
}

.partage .rrssb-buttons .rrssb-text{
    display: none;
}
.rrssb-buttons li[class*="rrssb-"] a,
.rrssb-buttons li[class*="rrssb-"] a:hover{
    background-color: transparent !important;
}
.partage .rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path {
     fill: #fff !important;
}
.partage .rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path {
    fill: #fff!important;
}
.partage .rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path {
    fill: #fff!important;
}
.partage .rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path {
    fill: #fff!important;
}

.rrssb-buttons li.small a .rrssb-icon {
    padding: 0;
    margin:5px auto !important;
}

/*Différentes casses responsives*/

/*reset casse responsive pour menu*/
@media (max-width: 1200px) {
    .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 {
        float: none!important;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-left > li > a {
        height: 68px;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 80vh;
    }
}
@media(max-width:1199px) {
    .home-entreprise .violet.bloc > p.exergue{
        font-size: 1.5rem;
    }
    .home-entreprise .vert.bloc > p.exergue{
        font-size: 1.5rem;
    }

    .home-entreprise .violet.bloc > ul li.exergue{
        font-size: 1.5rem;
    }

    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
    .intro-message:before {
        content: " ";
        display: none;
    }
    .intro-message:after {
        content: " ";
        display: none;
    }
}


@media(max-width:767px) {
    .home-entreprise .col-md-6 > .bloc {
        padding: 25px;
        min-height: 600px;
    }

    .home-entreprise .violet.bloc > p.exergue{
        _font-size: 1.2rem;
    }
    .home-entreprise .vert.bloc > p.exergue{
        _font-size: 1.2rem;
    }

    .home-entreprise .violet.bloc > ul li.exergue{
        _font-size: 1.2rem;
    }

    .intro-message {
        margin-top: 7%;
        margin-bottom: 7%;
    }

    .intro-message:before {
        content: " ";
        width: 0;
        border: none;
    }
    .intro-message:after {
        content: " ";
        display: block;
        width: 1px;
        height: 42px;
        position: relative;
        left: 50%;
        bottom: -7px;
        margin-bottom: -63px;
        border-right: 1px solid white;
    }

    .intro-message > h1 {
        font-size: 2.4rem;
    }

    .navbar-default .navbar-nav>li>a {
        border-right: none;
    }
    .navbar-nav>li>a.medecins {
        padding: 15px;
    }

    .bloc.vert-trans {
        text-align: center;
        background: rgba(46, 195, 204, 1 ) !important;
        padding-top: 7px;
        padding-bottom: 30px;
    }
    .bloc.vert-trans .lead {
        margin-bottom:0 ;
    }

    .bloc.gris-trans {
        background: rgba(216, 216, 216, 1) !important;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }

    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

@media(max-width:321px) {

    .home-entreprise .violet.bloc > p.exergue{
        font-size: 1.2rem;
    }
    .home-entreprise .vert.bloc > p.exergue{
        font-size: 1.2rem;
    }

    .home-entreprise .violet.bloc > ul li.exergue{
        font-size: 1.2rem;
    }

    .intro-message > h1 {
        font-size: 2.4rem;
    }

    .navbar-brand {
        font-size: 1.8rem;
    }

    .navbar-default .navbar-nav>.active>a:before,
    .navbar-nav>li>a:before {
        left : 51%;
    }
}