/*		Style customs
-------------------------------*/


/*		@Global
--------------------------------------------------*/

html, body {
    min-height: 1;
    height: 100%;
    overflow-x:  hidden;
}

body {
    color: #000;
    font-family: Source Sans Pro, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    width: 100%;
}

#main{

}

h1, h2, h3, h4, h5, h6, p, a{
    color:#433F56;
}


h2{
    font-weight: 300;
}


.container{
    position:relative;
}

#main{
    padding-top:150px;
}


@media only screen
and (max-width : 1200px){
    #main{
        padding-top:190px;
    } 
}

@media only screen
and (max-width : 992px){
    #main{
        padding-top:190px;
    }
}


@media only screen
and (max-width : 768px) {
    #main{
        padding-top:150px;
    }
    
}

@media only screen
and (max-width : 360px){
    #main{
        padding-top:150px;
    }
}
/*      @Couleurs
-------#6cc0c3---------------------------------------*/


/*		@general
-----------------------------------------*/

h1, h2, h3, h4, h5, h6, a, a:hover, a:focus, a:active{
    text-decoration: none;

}

ul, li, a{
    text-shadow: none;
}


a, #prendre-rendez-vous a, #accordion .panel-title a:hover:before{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

#examens h2, #informations-pratiques h2, #visualisez-examens h2{
    font-size: 285%;
    margin:0;
    font-family: Source Sans Pro;
    font-weight: 300;
}

#examens h3{
    font-family: Source Sans Pro;
    font-weight: 300;
}

#prendre-rendez-vous span{
    font-weight: 500;
    display: block;
}

.show-xs {
    display: block;
    width: 21%;
    position:absolute;
    top:221px;
    left:61px;
    background-color: #FFF;
    max-height:150px;
}

.show-xs .color2{
    color:#000;
    font-weight: 600;
    line-height: normal;
}

.show-xs p{
    font-size: 92.857%;
    color:  #07869F;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}

.show-xs span{
    color:#0ba1b0;
    font-size: 128.5714%;
    font-weight: 700;
}

@media only screen
and (max-width : 768px) {
    .hidden-xs{
        display:none;
    }

    .show-xs{    
        width: 34%;
        top:119px;
        left:15px;
    }
}



@media only screen
and (min-width : 992px) {
    .show-xs{
        display:none;
    }

}


@media only screen
and (max-width : 360px) {
    body{
        font-size: 100%;
    }
}

/*		@Structure
-----------------------------------------------*/



/*		@header
-----------------------------------------------*/

#masthead a{
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    -ms-text-shadow: none;
    text-shadow: none;
    color:#484a4a;
}

#navbar a:hover, #navbar a:active, #navbar a:focus {
    color:#088ea3;
    background: none;
    border-top: solid 1px #6cc0c3;
}

#menu-main-navigation a{
    border-top: solid 1px #fff;
}

#masthead {
    background: #fff;
    border:none;
    position: fixed;
    width: 100%;
    height:auto;
    padding: 20px 0;
    z-index: 1000;  
}

#masthead .container, #visualisez-examens .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.navbar{
    margin-bottom:0;
}

.logoh1{
    margin: 0;
}

#navbar{
    clear: both;
}

#menu-main-navigation{
    display: inline-block;
}

#menu-main-navigation a{
    font-size:14px;
    padding:6px 1em 5px 0;
}

#menu-main-navigation li{
    margin-top: 10px;
}

.horaires-adresse{
    display:inline-block; 
}

.horaires-adresse .color2{
    color:#000;
    font-weight: 600;
    line-height: normal;
}

.horaires-adresse p{
    font-size: 100%;
    color:  #3f866d;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}

.horaires-adresse span{
    color:#3f866d;
    font-size: 128.5714%;
    font-weight: 700;
}

.horaires-et-rendez-vous{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left:0;
}

#prendre-rendez-vous{
    background: url(../img/rdv.png) no-repeat 0 0;
    display:inline-block;
    height: 39px;
    line-height: 39px;
    width: 218px;
    vertical-align: top;
    float:right;
}

#prendre-rendez-vous a, #prendre-rendez-vous a:hover{
    color:#fff;
}

#prendre-rendez-vous a {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size:128.5714%;
    padding-left:10px;
    font-weight: 300;
}


/*-menu hamburger-*/

#masthead .icon-bar{
    background-color: #FFF;
}
#masthead .navbar-toggle{
    background-color: #07869F;
    margin-bottom: auto;
    margin-right: 0;
    margin-top:0px;
}
/*-fin du menu hamburger-*/

/*--------------------------------------------------------------------------*/
@media only screen
and (max-width : 1200px ){

    #prendre-rendez-vous {	
        width:173px;
    }

    .horaire-et-rendez-vous{
/*        padding-right: 0;
        margin-top:23px;
        margin-left:0;*/
    }

    .horaires-adresse{
/*        margin-left:-40px;*/
    }

}


@media only screen
and (max-width : 992px) {



    #prendre-rendez-vous{
        margin-top:60px;
        width:100% ;
    }



    #masthead>.container{
        display: block;
        width:100%;
    }
    
    
    .container>.navbar-header {
        width: 100%;
    }
    

    .horaires-et-rendez-vous{
        margin-top:0px;
    }

    #menu-main-navigation a{
        /*font-size:100%;*/
        padding:6px 0.5em 5px 0;
    }

}




@media only screen
and (max-width : 768px) {


    #prendre-rendez-vous{
        margin-top:44px;
    }
}


/*		@contenu
-----------------------------------------------*/


/*---------#home---------------*/
#home img{
    width:100%;
    height:auto;
}

#home .color2{
    color:#000;
}

#home .background-motif{
    background-image: url(../img/background_motif.jpg);
    width:100%;
    height: 185px;
}

#home .rdv{
    background:url(../img/prendre_rdv.png) no-repeat 0 0;
    width:442px;
    height:62px;
    line-height:62px;
    margin-top:20px;
    max-width: 100%;
}

#home .rdv a, #home .visualiser a, #home .rdv a:hover, #home .visualiser a:hover{
    color:#FFF;
    font-weight: 300;
    font-size: 204.42%;
    padding-left:40px;
}

#home .visualiser{
    background:url(../img/visualiser_examens.png);
    width:595px;
    height:62px;
    line-height:62px;
    margin:20px 0;
    max-width: 100%;
}

/*
@media only screen
        and (max-width : 640px) {
                .horaires-adresse{
                        background: none ;
                        position:inherit;
                        top:0;
                        left:0;
                }
}
*/


@media only screen
and (max-width : 641px) {
    #prv-mobile{
        display:block;
        background-color: #433f56;
        text-align: center;
        height: 50px;
    }
    #prv-mobile a{
        color:#FFF;
        line-height: 50px;
        font-size: 200%;
    }
    .horaires-adresse h2{
        font-size:226%;
    }
    .horaires-adresse p{
        font-size: 140%;
    }
}

@media only screen
and (max-width : 360px){
    #home .rdv a, #home .visualiser a{
        font-size: 16px;
        padding-left:11px;
    }
}

.paves-adresse {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
    margin-left: -40px;
}

#rendez-vous .paves-adresse {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: space-between;
    margin: 30px auto;
}

#rendez-vous .paves-adresse p, #rendez-vous .paves-adresse span  {
 color: #fff;   
}

.horaires-adressenew{
    background: url(../img/horaires-adresse.png) no-repeat ;
    position:absolute;
    top:-300px;
    left:300px;
    width:262px;
    height:auto;
    padding: 0px 0 8px 27px;
    line-height:20px;
    justify-content: center;
}

.horaires-adressenew span{
    color:#433F56;
}

.horaires-adressenew h2{
    font-size:130%; 
    font-weight: 400;
}

@media only screen 
    and (max-width : 1100px) {
        .horaires-adressenew{
            background: none ;
            position:inherit;
            top:0;
            left:30px;      
        }       
}


@media only screen 
    and (max-width : 1100px) {
        #prv-mobile{
            display:block;
            background-color: #269FCC;
            text-align: center;
            height: 50px;
        }
        #prv-mobile a{
            color:#FFF; 
            line-height: 50px;
            font-size: 200%;
        }
        .horaires-adressenew h2{
            font-size:226%; 
        }
        .horaires-adressenew p{
            font-size: 140%;
        }
}

.horaires-adressenew2{
    background: url(../img/horaires-adresse.png) no-repeat ;
    position:absolute;
    top:-300px;
    left: 620px;
    width:262px;
    height:auto;
    padding: 0px 0 8px 27px;
    line-height:20px;
    justify-content : center;
}

.horaires-adressenew2 span{
    color:#433F56;
}

.horaires-adressenew2 h2{
    font-size:140%; 
    font-weight: 400;
}

@media only screen 
    and (min-width: 318px) and (max-width : 520px) {
        .horaires-adressenew2{
            background: none ;
            position:inherit;
            top:0px;
            left:10px;       
        }       
}


@media only screen 
    and (min-width:318px) and (max-width : 520px) {
        #prv-mobile{
            display:block;
            background-color: #269FCC;
            text-align: center;
            height: 50px;
        }
        #prv-mobile a{
            color:#FFF; 
            line-height: 50px;
            font-size: 200%;
        }
        .horaires-adressenew2 h2{
            font-size:226%; 
        }
        .horaires-adressenew2 p{
            font-size: 140%;
        }
}

@media only screen 
    and (min-width: 520px) and (max-width : 1100px) {
        .horaires-adressenew2{
            background: none ;
            position:inherit;
            top:-290px;
            left:10px;   
            float: right;   
            height: 0px; 
        }       
}


@media only screen 
    and (min-width:521px) and (max-width : 1100px) {
        #prv-mobile{
            display:block;
            background-color: #269FCC;
            text-align: center;
            height: 50px;
        }
        #prv-mobile a{
            color:#FFF; 
            line-height: 50px;
            font-size: 200%;
        }
        .horaires-adressenew2 h2{
            font-size:226%; 
        }
        .horaires-adressenew2 p{
            font-size: 140%;
        }
}

.pave-aix, .pave-gardanne {
    margin: 0px 20px;
    width:100%;
}

.pave-aixnew, .pave-gardannenew {
    margin: 0px 20px;
}
.horaires-adresse hr {
    border-top: 1px solid #5f6d73;
    margin: 5px 0;
}

/*---------#visualisez-examens-------------------*/

#visualisez-examens {
    position: relative;
    background: #6cc0c3;
    padding: 30px 0;
}



#visualisez-examens h2, #visualisez-examens h3, #visualisez-examens h4{
    color:#FFF;
}

.je-suis-patient, .je-suis-medecin, .je-suis-radiologue{
    text-align: center;
}

#visualisez-examens .text h3{
    font-size:185.7142%;
    text-align: center;
    border-bottom:solid 1px #FFF;
    display: inline;
}

#visualisez-examens .visuel{
    margin-bottom: 25px;
}

#visualisez-examens .text{
    margin-bottom:15%;
    text-transform: uppercase;
}

#visualisez-examens .container{
    justify-content: space-between;
}


/*-@MEDIA------------------------------------------------------*/
@media only screen
and (max-width : 768px) {

    #visualisez-examens h2{
        font-size:249%;
    }

    #visualisez-examens .text h3{
        font-size:144%;
    }

    #visualisez-examens .text h3 span{
        font-size:140%;
    }
}

@media only screen
and (max-width : 640px) {
    #visualisez-examens h2{
        font-size:140%;
    }

    #visualisez-examens .text h3{
        font-size:144%;
    }

    #visualisez-examens .text h3 span{
        font-size:140%;
    }
}

/*-----#examens---------*/

#examens {
    position: relative;
    background: #fff;
}

#examens h2{
    text-align: center;
    font-size:414.2857%;
    color: #2e2d2d;
    font-weight: 300;
    margin:20px;
}

#examens .nav-tabs {
    border-bottom: none;
    margin-bottom: 0;
}

#examens .swiper-slide a { 
    font-weight: 400; 
    border: none; 
    /* background: none;  */
}
#examens .swiper-slide.active a { 
    font-weight: 900; 
}


#examens .swiper-wrapper {
    padding: 0;
}

.swiper-slide {
    text-align: center;
    font-size: 128.571%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin:0 auto;
}



#examens .swiper-slide span{
    text-transform: uppercase;
    color:#fff;
    background-color:#6cc0c3;
    font-size: 16px;
    display: inline-block;   
    padding: 10px;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
}

#examens .swiper-slide .typo-small{
    font-size: 85.7142%;
}

#examens .swiper-button-next, #examens .swiper-button-prev{
    z-index: 1000;
    top:43%;
    opacity: inherit;
}

#examens .swiper-button-prev{
    background: url(../img/prev.png) no-repeat 50% 50%;
    left:-7px;
}

#examens .swiper-button-next{
    background: url(../img/next.png) no-repeat 50% 50%;
    right:-7px;
}

/*-fin du slider-*/



#examens .visuel{
    padding-bottom: 12%;
}

#examens .visuel img{
    width:100%;
    height: auto;
}

#examens .text h3{
    font-size:285%;
}

#examens .text p{
    font-size:150%;
}

#examens .explications-examens{
    padding:0;
}

#examens .nav a{
    font-weight: 500;
    text-align: center;
}

#examens .text p{
    font-weight: 500;
}
/*--@MEDIA-----------------------------------*/

@media only screen
and (max-width : 768px) {

    #examens .text h3{
        font-size: 233.3333%;
    }
    #examens .text p{
        font-size: 122.5%;
    }
    #examens .border-left{
        margin-top: 0;
    }
    #examens h2{
        margin:20px;
    }

}

@media only screen
and (max-width : 360px) {
    #examens .swiper-container{
        margin-bottom:0;
    }
    #examens .nav li a{
        padding:0;
    }
    #examens .swiper-slide{

    }
    
    .logo img {
        max-width: 70%;
    }
}


/*-----#centre-de-radiologie-----*/
#centre-de-radiologie{
    position: relative;
    background: #FFF;
}


#centre-de-radiologie .border-left{
    margin-bottom:5%;
}


#centre-de-radiologie h2{
    text-align: center;
    font-size: 414.2857%;
    color: #2e2d2d;
    font-weight: 300;
    margin:20px;
}

#centre-de-radiologie img{
    height:102px;
    width:103px;
    margin-bottom:3%;
}

#centre-de-radiologie .picto{
    text-align: center;
}

#centre-de-radiologie p{
    font-size: 143%;
    padding:0 0;
    text-align: left;
    color:#2a2a2b;

}

.border-left {
    border-left: solid 1px #433f56 ;
    padding: 1% 0px 1% 3%;
    margin-top:5%;
}
/*-@MEDIA----------------------------------------------*/
@media only screen
and (max-width : 768px) {

    #centre-de-radiologie .text{
        font-size:100%;
        padding-left: 3%;
    }
}


/*-#equipe-----------------------------------------------------------------------------------------------------------*/

#equipe{
    background-color:#2b2c2c;
    position: relative;
}

#equipe h3, #equipe p{
    color:#FFF;
}

#equipe .equipe{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:30px;
}

#equipe .text{
    border-left: solid 1px #FFF;
    margin: 10px auto;
    max-width: 320px;
    padding-left:30px;
}

#equipe .text h3{
    font-size:107.1428%;
    font-weight: 700;
    text-transform: uppercase;
}

#equipe .text h3:after{
    padding-left: 180px;
    content: ">"
}

#equipe .text p{
    line-height:20px;
}

#equipe .visuel img{
    width: 100%;
}

@media only screen
and (max-width : 768px) {

}
@media only screen
and (max-width : 641px){
    #equipe .text p{
        font-size:130%;
    }
    #equipe .text h3{
        font-size:135%;
    }

}
/*-#infographie-*/


#infographie{
    background-color: #FFF;
}

#infographie img:nth-child(1){
    width:100%;
}

#infographie .row{
    text-align: center;
}

#infographie .centre-explication .picto{
    height:47px;
    width:60px;
    margin-top:60px;

}

#infographie .centre-inside{
    margin-bottom: 20px;
    margin-top: 50px;
    max-width: 100%;

}

#infographie .text p{
    font-size:150%;
    color:#2a2a2b;
    padding:5% 0 0 0;
    margin:0;
}

#infographie .fillet:after{
    background: #000;
    content: '';
    display: block;
    height: 1px;
    margin: 50px auto 0;
    width: 20%;
}


@media only screen
and (max-width : 768px) {
    #infographie .text p{
        font-size:166.666%;

    }
}

/*-#informations-pratiques-*/

#informations-pratiques{
    background-color: #f0efef;
    position: relative;
}

#informations-pratiques .preparation{
   font-size: 16px;
   padding-bottom: 30px;
}

#informations-pratiques .preparation h3 {
   background: #6cc0c3;
   color: #fff;
   font-size: 25px;
   font-weight: 700;
   margin-bottom: 30px;
   padding: 30px;
   text-align: center;
   text-transform: uppercase;
}



#accordion{
    padding-left:0;

}

#informations-pratiques h2{
    font-size:414.2857%;
    text-align: center;
    margin: 50px;
}

#accordion .panel-title a{
    color:#fff;
    font-size: 135%;
    font-weight: 400;
    text-transform: uppercase;
    background-color:#5a5b5b;
    display: inline-block;
    width: 100%;
    padding:12px 10px 10px 40px;
    letter-spacing: 0.01em;
    position:relative;
}

#accordion .panel-title a.collapsed{
    background-color: #808080;
}

#accordion .panel-title a:before{
    position:absolute;
    top:30%;
    left:10px;
    content:"";  
    width:15px;
    height: 15px;
    background:url(../img/fleche.png) no-repeat 0 0;
}

#accordion .panel-title a:not(.collapsed):before,
#accordion .panel-title a:hover:before{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);

}


#accordion .panel-title a:not(.collapsed):after,
#accordion .panel-title a:hover:after{
    display: block;
    content:url(../img/close.png);
    float:right;
}



/*
#accordion .panel-title a:hover, #accordion .panel-title a:focus, #accordion .panel-title a:active{
  background-color:;
}
*/




#accordion .panel-body p, #accordion .panel-body h4{
    color:#000;
    font-size:100%;
}

#accordion .panel-body h4{
    font-weight: 700;
    text-transform: inherit;
}

#informations-pratiques .panel-body ul li:before{
    content: "> ";
}

#informations-pratiques .panel-body ul li {
    list-style-type: none;
    font-size:100%;
}

#informations-pratiques .panel-body ul{
    padding:0;

}

#informations-pratiques .panel-body{
    padding:5px 20px;
    background-color: #fff;
    margin-bottom: 20px;
}

.panel-default>.panel-heading{
    background-image: none; 
    border:none;
}

.panel-group .panel{
    border-radius:0;
    box-shadow: none;
    list-style: none;
    margin-bottom: 10px;
}

.panel{
    background-color: #f0efef;
    border: 0;
}

#accordion .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}





@media only screen
and (max-width : 768px) {
    #accordion{
        margin-left: 0;
        padding-left:0;
    }

    #accordion .panel-body{
        padding:20px 0 0 15px;
    }

    #accordion .panel-body p, #accordion .panel-body h4, #accordion .panel-body ul li {
        font-size:100%;
    }

    #informations-pratiques h2{
        padding:25px 0;
        margin:10px 0;
        font-size:343%
    }
}


@media only screen
and (max-width : 360px){
    #accordion .panel-body p, #accordion .panel-body ul li, #accordion .panel-body h4{
        font-size:115%;
    }

    #accordion .panel-title .span-line{
        font-size: 80%;
    }
}





/*-#contact-*/
#contact{
    background: #000;
    padding-bottom: 80px;
}

#contact h2{
    font-size:414.2857%;
    color:#888989;
    text-align: center;
    margin:50px;
}

#contact .prise-rendez-vous{
    padding-bottom:0;
}

#contact .prise-rendez-vous h4{
    padding-bottom: 0;
    margin-bottom: 0;
    letter-spacing: 0.08em;
}

#contact .prise-rendez-vous p{
    text-transform: inherit;
    letter-spacing: 0.08em;
}


#contact .color{
    color:#6cc0c3;
    font-size: 164.2857%;
}

#contact h3, #contact h4{
    color:#888989;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.08em;
}

#contact .prise-rendez-vous h3, #contact .acces h3{
    font-size: 200%;
    font-weight: 300;
}

#contact .prise-rendez-vous h4, #contact .acces h4{
    font-size:100%;
    text-transform: uppercase;
    color:#FFF;
}

#contact .acces p, #contact p{
    text-transform: inherit;
    color:#FFF;
    letter-spacing: 0.08em;
}

#contact .acces h4{
    margin-bottom:0;
}

#contact .info{
    font-weight: 500;
    font-size:75.6%;
    margin-bottom: 10px;
    margin-top:30px;
}

#contact .form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}

#contact .acces .myMap{
    margin-bottom:50px;
}

.color-form{
    background-color:#2e2d2d;
    padding: 20px 20px 0 ;
}

.form-horizontal{
    padding-left:0;
}

.form-control{
    border-radius: 0;
    border:0;
    background-color: #d7d4d4;
    box-shadow: none;
}

.form-control, .form-control::-moz-placeholder{
    background-color:#fff;
    box-shadow: none;
    transition: none;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color:#858685;
    background-image: none;
    border-radius:0;
    border:0;
    float:right;
    padding:10px 25px;
    box-shadow: none;
    text-shadow: none;
}

.g-recaptcha {
    overflow: hidden;
    height: auto;
}

.control-label{
    color:#FFF;
    font-size: 85.7142%;
    font-weight:700;

}

#contact .required{
    color: #706f6f;
    float:right;
    padding:10px 0 0 0;
    font-size: 64.285%;
}

#contact iframe{
    width:100%;
    height:250px; 
}

/*-@MEDIA---------------------------------------------*/

@media only screen
and (max-width : 768px) {

    #contact h2{
        font-size: 333.3333%;
        padding-bottom:10px;
    }
    #contact .prise-rendez-vous h3, #contact .acces h3{
        font-size:140%;
    }
    #contact .prise-rendez-vous h4, #contact .acces h4{
        font-size:87%;
    }
    #contact .form-group{
        margin-bottom: 0;
    }
    #contact #submit{
        margin-bottom: 10px;
    }
    #contact .info{
        font-size:84%;
        margin-bottom: 0;
    }
    #contact .prise-rendez-vous{
        margin-top:39px;      
    }
    #contact .info{
        font-size:68%;
    }
    #contact iframe{
        width:100%;
        height:auto; 
    }
}

@media only screen
and (max-width : 640px) {
    #contact .prise-rendez-vous{
        padding-bottom: 0;
        margin-top: 0;
    }
    #contact .acces p{
        padding-bottom: 15px;
        font-size: 100%;
    }
    #contact .acces h3, #contact .acces p, #contact .acces h4, #contact .prise-rendez-vous h3, #contact .prise-rendez-vous h4, #contact .prise-rendez-vous p{
        font-size: 135%;
    }
}



/*-#localisation-*/
#myMap{
    width: 100%;
    height: 500px;
}
@media only screen
and (max-width : 1024px) {
    #myMap{
        height:300px;
    }
}


/*-#rendez-vous-*/

#rendez-vous{
    position:relative;
    background-color:#6cc0c3;
}

#rendez-vous .horaires p{
    color:#fff;
    padding-top:5%;
    font-size:110%;
    margin-bottom: 20px;
}

#rendez-vous .rendez-vous h3{
    font-weight: 300;
}

#rendez-vous span{
    font-size: 155%;
}

#rendez-vous .rendez-vous{
    background: url(../img/bottom_rdv.png) no-repeat 0 0;
    display:inline-block;
    height: 62px;
    line-height: 97px;
    width: 388px;
    float:right;
    padding-left: 40px;
    margin-top:40px;
    max-width: 100%;
}
#rendez-vous .rendez-vous h3{
    font-size:204.42%;
    color:#fff;
    line-height: 20px;
}

#rendez-vous .horaires{
    display:inline-block;
    padding-top:2%;
}

#retour-top{
    position:absolute;
    bottom:0px;
    right:0px;
    background-image: url(../img/retour-top.png);
    width: 60px;
    height:56px;
}

@media only screen
and (max-width : 1024px){
    #retour-top{
        bottom:138px;
        right:0px;
    }
}

@media only screen
and (max-width : 768px){
    #retour-top{
        bottom:137px;
        right:0px;
    }
}

@media only screen
and (max-width : 640px) {
    #retour-top{
        bottom:108px;
        right:0px;
    }
}
/*	    @heading
-------------------------------------------------*/


/*		@footer
-------------------------------------------------*/

#footer ul li a {
    padding: 0px 10px;
    font-weight: 500;
}

#footer ul{
    padding-top: 20px;
    text-align: center;
    margin-bottom:20px;
}

#footer ul li:nth-child(2){
    border-left: solid 1px #433f56;
}

#footer ul li{
    list-style: none;
    display: inline;
}
/*-@MEDIA-----------------------------------------------------------------*/

@media only screen
and (max-width : 768px) {
    #footer ul{
        margin-bottom:15px;
        padding:0;
        padding-left:0;
    }
    #footer ul li a{
        font-size:100%;
        line-height: 43px;
        padding:10px;
    }

}

@media only screen
and (max-width : 360px){
    #footer ul{
        margin-bottom:5px;
        padding:0;
        padding-left:0;
    }
}

/*-MENTION LEGALES-*/

#mentions-legales{
    display:none;
    background-color: #F0EFEF;
}

#mentions-legales h2{
    text-align: center;
    margin-top: 130px;
    font-size:414.2857%;
    color:#000;
} 

#close{
    margin-top:50px;
    font-family: Source Sans Pro;
    font-size: 150%;
    color:#000;
}

#mentions-legales #close img{
    height:50px;  
    width: 50px;
    margin-right:10px;
}

/* custom swipper */

.custom-swipper{
    img{
        display: none;
    }
    a{
        min-height: 390px;
        background-position: center;
        background-size: cover;
        width: 100%;
        margin-left: 4px;
        margin-right: 4px;
        position: relative;
        span{
            width: 100%;
            
        }
    }
    li{
       
    }
}