/* ===================================
   PAGE HORAIRES / TARIFS
   Préfixe hor-
=================================== */


.hor-page {

    max-width:1440px;

    margin:0 auto 20px;

    background:#fff;

    box-shadow:
    -10px 0 10px -10px rgba(0,0,0,.45),
     10px 0 10px -10px rgba(0,0,0,.45);

}



.hor-container {

    padding:30px;

}



.hor-content {

    max-width:900px;

    margin:auto;

    text-align:center;

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

    color:#333;

    line-height:1.6;

}



.hor-content h2 {

    margin:35px 0 20px;

    padding-bottom:10px;

    border-bottom:2px solid #ddd;

    color:#b8860b;

    font-size:26px;

}



.hor-intro {

    font-size:24px;

    margin:10px 0;

}



.hor-intro-small {

    font-size:20px;

}



.hor-table {

    width:100%;

    border-collapse:collapse;

    margin:20px 0 35px;

    text-align:left;

}



.hor-table td {

    padding:12px 15px;

    border-bottom:1px solid #ddd;

}



.hor-table tr:nth-child(even) {

    background:#f7f7f7;

}



.hor-table td:first-child {

    width:35%;

}



.hor-price-table td:last-child {

    text-align:right;

    font-size:18px;

}



.hor-family {

    background:#fff8df;

    border:1px solid #dfc56b;

    border-radius:8px;

    padding:20px;

    text-align:left;

    font-size:15px;

    margin-bottom:35px;

}



.hor-family strong {

    color:#8b4513;

}



.hor-person {

    font-size:22px;

}



.hor-person a {

    color:#174a70;

    text-decoration:underline;

}



.hor-content hr {

    border:none;

    border-top:1px solid #ddd;

    margin:35px 0;

}



.hor-content h2 a {

    color:#b8860b;

    text-decoration:none;

}



.hor-content h2 a:hover {

    text-decoration:underline;

}




/* Responsive */

@media(max-width:700px){


    .hor-container {

        padding:15px;

    }



    .hor-intro {

        font-size:20px;

    }



    .hor-table {

        font-size:14px;

    }



    .hor-table td {

        padding:8px;

        display:block;

        width:100% !important;

    }



    .hor-table tr {

        display:block;

        margin-bottom:15px;

        border-bottom:1px solid #ddd;

    }



    .hor-price-table td:last-child {

        text-align:left;

    }



    .hor-content h2 {

        font-size:22px;

    }



}