/* Styles de la page publique, repris du <style> du gabarit CakePHP default.ctp. */

body {
    background-color: #FDFDFD !important;
}
header .container, footer .container {
    width: 1170px !important;
    max-width: 1170px;
}
.reviews-list-label {
    margin-bottom: 10px;
}
footer img {
    width: 224px !important;
}
.ratings {
    max-width: 100%;
    background: none!important;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.pagination a {
    background: none!important;
    width: inherit!important;
    height: inherit!important;
}
.description-site {
    text-align: justify;
}
.note-site {
    padding: 10px;
    background: white;
    border: 2px solid #E2E2E2;
    border-radius: 5px;
}
.note-site .dl-horizontal dt {
    text-align: left;
}
.note-site .fa {
    color:gold;
        font-size: 1.2em;
margin-right: 1px;
}
.note-site strong {
    display:inline-block;
}
.note-site h3 {
    font-size: 17px;
    line-height: 20px;
    border-top: 1px solid #eee;
padding: 10px 0;
border-bottom: 1px solid #eee;
display: inline-block;
width: 100%
}
.note-site .ratings dd {
    width : 130px;
}
.reviews-list .review-col h3 {
font-size: 18px;
line-height: 20px;
margin: 5px;
display: inline-block;
text-align: center;
}
.recommendation {
width: 12%;
margin: 0 auto;
}
.global-content {
min-height: 227px;
margin-bottom: -125px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background: transparent;
}
/* RESPONSIVE */
@media (max-width: 979px) {
    header .container, footer .container {
max-width: 100%!important;
}
    h1 {
        text-align: center;
    }
    .row {
        margin:0!important;
    }
    .description-site {
        width: 100%!important;
        max-width: 100%;
        margin: 0 auto!important;
        padding: 15px;
        display: block;
        float: none!important;
    }
    .note-site {
       width: 97%!important;
       max-width: 100%;
       margin: 0 auto!important; 
           float: none!important;
           text-align: center;
    }
    .note-site img{
        margin: 0 auto;
    }
    .note-site .review-col {
        margin-top: 20px;
    }
    .note-site .dl-horizontal {
        width: 36%;
        margin: 0 auto 10px auto;
    }
    .reviews-list-label {
        text-align: center;
        padding-bottom: 5px;
    }
    .row.review-list {
        width: 97%;
        margin: 0 auto!important;
    }
}
@media (max-width: 425px) {
    h1 {
font-size: 21.5px!important;
}
    .note-site .dl-horizontal {
        width: 75%;
    }
    .review-col1 {
        width: 100%!important;
        float: none!important;
        text-align: center;
    }
    .review-col1 img {
        margin: 0 auto !important;
    }
    .review-col2 {
        width: 100%!important;
        float: none!important;
        text-align: justify;
    }
    .reviews-list .review-col3 {
        float: none!important;
        margin: 10px auto 0 auto !important;
    }
    .socialIcons li:first-child {
        width:100%;
    }
    .socialIcons li strong {
        width: 100%;
    }
}
@media (max-width: 320px) {
    .note-site .dl-horizontal {
        width: 100%;
    }
}