@charset "UTF-8";
/* CSS Document */

* {box-sizing:border-box;}


/* PAGE TYPE */
#page {
    margin-bottom: 40px;
    line-height: 18px;
}
#page .titre {
   font-size: 18px; 
}
#page h1,
#contact h1 {
   font-size: 18px; 
}
#page h2,
#contact h2 {
    font-size: 14px; 
    font-weight: bold;
}
#page h3,
#contact h3 {
    font-size: 14px; 
    font-weight: normal;
    color: #6d6d6d;
}
#page table {
    border-collapse:collapse;
    text-align: center;
    margin: 10px 0px; 
}
#page td { 
    border:1px solid #d5d5d5;
}

#page .bloc_middle { 
    width: 100%;
    border-top:3px solid #f20000;
    border-bottom:3px solid #f20000;
    padding: 30px 0px;
    margin: 30px 0px;
}
#page .btn_itineraire {
    background: #363636;
    display: block;
    padding: 10px 10px;
    margin: 10px 0px;
    color: #ffffff;
    width: 250px;
    text-align: center;
}
#page .livraison_bloc {
    width: 50%;
    float: left;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
}
#page .livraison_bloc_titre {
    border-bottom: 1px solid #d5d5d5;
    width: 100%; 
    padding: 10px 10px 20px 10px;
    margin-bottom: 20px;
}
#page .livraison_bloc_content {
    width: 100%;   
}

#page .utilisation_bloc {
border-bottom: 3px solid #f20000;
padding: 25px 0px;
float: left;
width: 100%;
}
#page .utilisation_bloc.noborder {
    border-bottom:0px;
}
#page .utilisation_bloc_titre {
    background: url(../images/utilisation_btn_plus.jpg) left no-repeat;
    font-size: 18px; 
    float: left;
    font-weight: bold;
    width: 100%;
    height: 30px;
    padding:8px 10px 10px 40px
}
#page .utilisation_bloc_titre_actif {
    background: url(../images/utilisation_btn_moins.jpg) left no-repeat;
    font-size: 18px; 
    float: left;
    font-weight: bold;
    width: 100%;
    height: 30px;
    padding:8px 10px 10px 40px
}
#page .utilisation_bloc_puce {
   font-size: 18px; 
}
#page .utilisation_bloc_content {
    width: 100%;
    margin-top: 20px;
    color: #6d6d6d;
}
#page .utilisation_bloc_content_bloc {
    width: 100%;
    float: left;
    margin: 20px 0px;
}
#page .utilisation_bloc_content_bloc_left {
    width: 30%;
    float: left;
}
#page .utilisation_bloc_content_bloc_left img {
    width: 100%;
}
#page .utilisation_bloc_content_bloc_right {
    width: 70%;
    float: left;
    padding: 30px;
}
#contact .contact_left {
    width: 60%;
    float: left;
    padding: 0px;
    margin-bottom: 40px;
}
#contact .contact_right {
    width: 35%;
    float: right;
    padding: 0px;
}
#contact .contact_tableau {
    border: none;
    border-collapse:none;
    width: 100%;
    margin-top: 10px;
    color: #6d6d6d;
}
#contact .champ,
#contact .champ2 {
    border: none;
    background-color: #f2f2f2;
    height: 40px;
    padding: 0px 0px 0px 10px;
    width: 100%;
/*     border: 1px solid #163058;
     */}
#contact .champ2 {
    height: 200px;
    padding-top: 10px;
}
#contact .btn {
    background-color: #363636;
    padding: 12px 20px;
    display: block;
    width: 200px;
    text-align: center;
    float: right;
    font-style:inherit;
    font-size:inherit;
    font-family:inherit;
    outline:none;
    color:inherit;
    cursor:pointer;
}
/* Smartphone intermediaire */
@media all and (max-width:680px) {
#page .livraison_bloc {
    width: 100%;
}
#page .utilisation_bloc_content_bloc_left {
    width: 100%;
}
#page .utilisation_bloc_content_bloc_right {
    width: 100%;
}
#contact .contact_left {
    width: 100%;
}
#contact .contact_right {
    width: 100%;
}
}