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

@media all and (max-width: 1250px) {
    #header, #header-accueil { height: 250px;}
    #header-inner {width: 100%;}
    #logo-mobile {display: block; width: 200px; height: auto;}
    #logo-desktop, #logo-bg, #scroll-up {display: none;}
    #logo a {display: inline-block; background: #fff; padding: 10px 20px;}
    
    #contenu-inner-double {width: 100%; background: none;}
    #contenu-left {width: 50%; padding: 5%;}
    #contenu-droit {width: 30%; padding: 5%; background: none #fff; margin-top: 0;}
    
    #contenu-inner {width: 90%; padding: 5%; margin: 0;}
    
    #contenu p {text-align: left;}
    
    #footer-inner {width: 100%; margin: 0;}
    #footer-left {width: 45%; padding-left: 5%;}
    #footer-droit {width: 45%; padding-right: 5%;}
    
    .legende-fixed {position: relative; top: auto;}
    
    .view-id-ca {text-align: center;}
    .ca-membre {float: none; display: inline-block; height: 350px;}
    .ca-infos { height: 150px;}
    .ca-plus {display: none;}
}

@media all and (max-width: 800px) {
    #footer-left {margin-bottom: 20px;}
    #footer-left, #footer-droit {width: 90%; padding: 0 5%; float: none; text-align: left;}
}


@media all and (max-width: 640px) {
    #contenu-left, #contenu-droit, .col-contact {width: 90%; float: none; margin-bottom: 0;}
    
    .col-contact .form-text, .col-contact textarea { width: 96%; padding: 2% !important;}
    .col-contact .form-text {width: 96%;}
    .col-contact textarea { width: 100%;}
}