hr {

    border-top:1px solid #b6ccdb;

    margin: 0 0 20px ;

}



.clear{

    clear: both;

}



.container {

    margin: auto;

    max-width: 980px;

    width: 100%;

}



.comment-report{

    color : #5d5d5d;

}



.report-header{

    margin-top: 70px;

    background-color: #f1f1f1;

    margin-bottom : 20px;

    min-height: 500px;

    padding-bottom: 20px;

    background-repeat: no-repeat;

    background-position: bottom right;

    background-size: 20%;

}



.header-block{

    margin-top: -30px;

    display: inline-block;

    vertical-align:top;

    height: 303px;

    margin-bottom: 30px;

}



.agency-logo {

    max-width: 554px;

    width: 100%;

    background-color: #fcfbfb;

    border: 1px solid #e3e2e2;

    position: relative;

}





.header-block.agency-logo > img {

    height: auto;

    left: 50%;

    max-width: 480px;

    max-height: 303px;

    position: absolute;

    top: 50%;

    -ms-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.coord{

    margin-left: 9px;

    width: 410px;

    box-sizing: border-box;

    position: relative;

}



.coord a{

    color : #5d5d5d;

    text-decoration: none;

    cursor: pointer;

}



.coord table{

    line-height: 20px;

    padding: 15px 0;

    display: block;

    width: 100%;

    font-size: 14px;

    color:#5d5d5d;

    background-color: #fcfbfb;

    border: 1px solid #e3e2e2;





}

.coord table tr td:first-child{

    padding-left: 9px;

    color: #00b4ff;

    width: 25px;

    vertical-align: top;

}



.widget{

    border: 1px solid #e3e2e2;

}



div#seerus-nps-main{

    width: 100%!important;

    height: 150px!important;

}





.comment-report h2 {

    display: inline-block;

    font-size: 18px;

    margin-bottom: 20px;

    text-transform: uppercase;

    vertical-align: middle;

}



.social {

    float: right;

}



.v-spacer{

    height: 3px;

    width: 112px;

    background-color: #00b4ff;

    margin-bottom: 30px;

}



.description {

    font-size: 15px;

    margin-bottom: 30px;

}



.description  p, .description ul {

    margin-bottom: 10px;

}



.description ul{

	list-style-type: disc; 

   	list-style-position: inside;

}



.description strong{

	font-weight: bold;

}



a.bt.cta{

    padding: 5px 10px;

    color: white;

    margin-bottom: 20px;

    border-radius: 4px;

    display: inline-block;

    text-decoration: none;

    background-color: #00b4ff;

}





/*****************************************************************************\

  $Heures d'ouverture

\*****************************************************************************/



.opening-hours .title, .opening-hours .part1, .opening-hours .part2 {

    display: inline-block;

    vertical-align: top;

}



.opening-hours .title{

    width: 197px;

    margin-right: 65px;

    text-transform: uppercase;

    font-size: 14px;

}



.opening-hours .part1{

    margin-right: 33px;

    width: 337px;

}



.opening-hours .part2{

    width: 337px;

}



.opening-hours table{

    width: 100%;

    text-align: right;

    font-size: 14px;

}



.opening-hours table td {

    padding: 5px 0;

}



.opening-hours table td:first-child{

    text-align: left;

    font-weight: bold;

}



.opening-hours tr{

    border-bottom: 1px solid #00b4ff;

}



.opening-hours .part1 tr:last-child{

    border-bottom: none;

}



/*****************************************************************************\

  $Commentaires

\*****************************************************************************/





.certification > img {

    display: block;

    float: left;

    height: 110px;

    margin-bottom: 25px;

}





.certification > p {

    display: block;

    float: right;

    font-size: 14px;

    font-weight: bold;

    line-height: 110px;

    margin-bottom: 25px;

}



.comment-box-header{

    clear: both;

}



.comment-box-header .filter{

    float: right;

}



.filter i {

    font-size: 30px;

    vertical-align: sub;

}



.icon-smile{

    color : green;

}



.icon-frown{

    color:red;

}



.pager{

    margin: 0 auto 40px;

    text-align: center;

}



.pager a{

    text-decoration: none;

    color : #5d5d5d;

}



.pager ul{

    padding: 0;

}



.pager ul li{

    display: inline-block;

    vertical-align: middle;

}



#map{

    width: 100%;

    height: 225px;

    background-color: #0782C1;

}



span.filter{

    cursor: pointer;

}



span.filter:hover{

    text-decoration: underline;

}



span.filter.active {

    text-decoration: underline;

}



.fb-share-button, .fb-like, .IN-widget, .twitter-follow-button{

    height: 20px!important;

    display: inline-block!important;

    vertical-align: bottom!important;

    margin-right: 5px;

}



.widget{

    width: 410px;

    font-size: .88em;

    position: absolute;

    bottom: 0;

}



.no-widget > span{

    line-height: 159px;

    text-align: center;

    position: absolute;

    width: 100%;

}



.comment{

    margin-bottom: 25px;

    position: relative;

}



.comment::before {

    content: url("/website/views/layouts/images/phil.png");

    display: block;

    height: 15px;

    left: 25px;

    position: absolute;

    top: -12px;

}



.comment-header {

    background-color: #eef2f7;

    border: 1px solid #d3e1eb ;

    border-radius: 5px 5px 0 0;

    height: 40px;

}



.date{

    font-size: 12px;

    padding: 13px 20px;

    display: block;

}



.comment-body{

    min-height: 100px;

    border-width: 0 1px 1px 1px;

    border-style: solid;

    border-color: #d3e1eb;

}



.comment-body > img {

    float: left;

    margin: 30px 20px;

}



.quote{

    text-align: center;

    width: 170px;

    padding: 30px 15px 0;

    float: right;



}







.texte{

    font-size: 14px;

    padding: 30px 20px 30px 0;

    width: 100%;

}



.nps-stars {

    position: relative;

    margin-left: 35px;

}





.nps-background {

    left: 0;

    position: absolute;

    top: 0;

}





.nps-rate {

    left: 0;

    position: absolute;

    top: 0;

    color:#00b4ff;

}





.rating {

    display: inline-block;

    position: relative;

    width: 159px;

    vertical-align: super;

}





@media screen and (max-width: 980px)

{

    .header-block {

        height: auto;

        margin-top: 0;

    }

    .agency-logo {

        display: block;

        margin: auto;

        max-width: none;

        text-align: center;

        border: none;

    }



    .header-block.agency-logo > img{

        position: relative;

        left: unset;

        transform: none;

        max-width: 100%;

    }



    .report-header{

        margin-top: 0;

    }



    .coord {

        margin-left: 0;

        margin-top: 0;

        display: block;

        width: auto;

    }



    .header-block.coord table, .header-block.coord .widget {

        box-sizing: border-box;

        display: inline-block;

        position: relative;

        vertical-align: top;

        width: 100%;

        min-width: 310px;

    }



    .opening-hours .title, .opening-hours .part1, .opening-hours .part2{

        width: 100%;

    }



    .opening-hours .title{

        margin-right: 0;

    }



    .opening-hours .part1 {

        margin-right: 0;

    }



    .opening-hours .part1 tr:last-child{

        border-bottom: 1px solid #00b4ff;

    }



    .comment-box-header .filter {

        float: none;

        display: block;

        text-align: center;

    }



    .comment-box-header .filter.positive{

        margin-bottom: 15px;

    }



    .quote{

        margin-top: -65px;

    }





    .texte {

        width: 100%;

        padding-right: 0;

    }



    .date {

        float: left;

        text-align: left;

    }

}





/*   POPUP */





.modalbg {

    position: fixed;

    font-family: Arial, Helvetica, sans-serif;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0);

    z-index: 99999;

    -moz-transition: all 2s ease-out;

    -webkit-transition: all 2s ease-out;

    -o-transition: all 2s ease-out;

    transition: all 2s ease-out;

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    -transition-delay: 0.2s;

    display: block;

    pointer-events: none;

}

.modalbg .dialog {

    width: 400px;

    position: relative;

    top: -1000px;

    margin: 10% auto;

    padding: 5px 20px 13px 20px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: #ffffff;

    box-shadow: 0 0 10px #000000;

    -moz-box-shadow: 0 0 10px #000000;

    -webkit-box-shadow: 0 0 10px #000000;

    border : 3px solid #00b4ff;

}

.modalbg .dialog .ie7 {

    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);

}

.modalbg:target {

    display: block;

    pointer-events: auto;

    -moz-transition: all 0.5s ease-out;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}

.modalbg:target .dialog {

    top: -90px;

    -moz-transition: all 0.8s ease-out;

    -webkit-transition: all 0.8s ease-out;

    -o-transition: all 0.8s ease-out;

    transition: all 0.8s ease-out;

    -webkit-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    -o-transition-delay: 0.4s;

    -transition-delay: 0.4s;

}

.close {

    background: #00b4ff;

    color: #FFFFFF;

    line-height: 25px;

    position: absolute;

    right: -12px;

    text-align: center;

    top: -10px;

    width: 24px;

    text-decoration: none;

    font-weight: bold;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

    box-shadow: 0 0 10px #000000;

    -moz-box-shadow: 0 0 10px #000000;

    -webkit-box-shadow: 0 0 10px #000000;

    -moz-transition: all 0.5s ease-out;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    -transition-delay: 0.2s;

}

.close .ie7 {

    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);

}

.close:hover {

    background: #00d9ff;

    -moz-transition: all 0.5s ease-out;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}

.fineprint {

    font-style: italic;

    font-size: 10px;

    color: #646;

}





#get_contacted textarea {

    box-sizing: border-box;

    margin-bottom: 5px;

    min-height: 50px;

    padding: 5px;

    resize: vertical;

    width: 100%;

}



#get_contacted select {

    box-sizing: border-box;

    margin-bottom: 5px;

    width: 100%;

}





#get_contacted > input {

    margin-bottom: 5px;

    width: 48%;

}



#get_contacted > h3 {

    color: #00b4ff;

    font-weight: bold;

    padding: 15px 0;

    text-align: center;

    text-transform: uppercase;

}



#get_contacted > input[type="submit"] {

    float: right;

    margin-top: 10px;

    background: #004a5f;

    color: white;

    text-transform: uppercase;

    border: 1px solid #004a5f;

    cursor: pointer;

}

