/*****************************************

		CUSTOM CSS

******************************************/
/* logo */
.logo-module{padding:0px;}
.tel-haut {
    float: right;
    padding: 10px 10px 0 10px;
    font-size: 1.5em;
    background: #0CB8B6;
    color: white;
    margin: 5px;
    position: absolute;
    right: 10px;
    top: 60px;
    z-index: 99;
}

/** couleur du menu **/
#js_navigation{background-color: #0099FF;}
ul.nav.menu{font-size:150%;}
.drop-down li li{font-size:0.8em}

/** pas de marge entre menu et photo **/
.top-module-position{margin:0px;}
.website-header{padding:0px}
.website-content{margin:0}
aside.bottom-module-position {
    margin: 10px;
    padding: 12px 18px;
}
/* fontes */
h2, h3{text-transform: uppercase}
h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

/* ligne sous titre */
hr.separateur{
    clear:both;
    height: 3px;
    width: 60px;
    background: orange;
    /*background:#2864b7;*/
    position: relative;
    border: 0;
    margin: 0px 0 20px 0;
}

/* colonne gauche et droite */
.left_column{margin: 15px 40px 0 15px;}
.right_column {margin: 15px 15px 0 40px;}

/* pavés */
.user1, .user2, .user3, .user4, .user5, .user6{text-align:center;}
/*.user1 .blue1 > div, .user2 .blue1 > div, .user3 .blue1 > div, .user4 .blue1 > div, .user5 .blue1 > div, .user6 .blue1 > div{background: #0CB8B6;padding: 12px 18px;color:#fff}*/
.user1 .blue1 > div, .user2 .blue1 > div, .user3 .blue1 > div, .user4 .blue1 > div, .user5 .blue1 > div, .user6 .blue1 > div{background: #0099FF;padding: 12px 18px;color:#fff}
.user1 .blue2 > div, .user2 .blue2 > div, .user3 .blue2 > div, .user4 .blue2 > div, .user5 .blue2 > div, .user6 .blue2 > div{background: #0092d0;padding: 12px 18px;color:#fff}
.user1 .blue3 > div, .user2 .blue3 > div, .user3 .blue3 > div, .user4 .blue3 > div, .user5 .blue3 > div, .user6 .blue3 > div{background: #2864b7;padding: 12px 18px;color:#fff}
div.shadow > div > div > h3 {color:#ffffff;text-align:center;}
.moduletable.shadow div{min-height:80px;}
.moduletable.shadow:hover {cursor: pointer;opacity:0.8;}/* simuler le click sur zone couleur */
div.shadow a{color:white;text-decoration: none;}
div.shadow a:hover{color:#EAF736;text-decoration: none;}

/* bas de page */
.website-footer{background:#ccc;text-align:center;}
.website-footer nav{font-size: 0.6em;}
.address{float:none;}
/* */
div.coockie_banner{background-color:#2864b7!important;opacity:0.8;z-index:99;height:40px;font-size:0.8em;}
.BotonUno{font-size:1em!important;}

/* tableau spécialités */
table.spec{border:1px solid #ccc;width:100%;}
/*.titreEtage{border: 1px solid brown;padding:5px;color: #993300;font-weight: bold;}*/
.titreEtage{padding:5px;color: #fff;font-weight: bold;background-color:#2864b7;}

.titreSpec{background-color:#0092d0;color:white;font-weight:bold;padding:5px;border:1px solid white;}

table.spec .ligne{padding:10px;}

/* form contacts */
.accordion-heading {background: #0092d0;color: white;}

/* illustrations */
.num-tel:before {
    display: inline-block;
    font-family: fontawesome;
    content: "\f095";
    margin-right: 5px;
    vertical-align: middle;
}

/*   */
.module-breadcrumb{padding: 10px 0 0 10px;}

/* taille des titres dans pavés */
.left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3, .user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 {

    font-size: 100%;

}
@media screen and (max-width: 979px){
    .tel-haut {
        float: right;
        padding: 10px 10px 0 10px;
        font-size: 1.5em;
        background: #0CB8B6;
        color: white;
        margin: 5px;
        position: absolute;
        right: 10px;
        top: 160px;
        z-index: 99;
    }
}