/**
* CSS properties specific to responsive design, common throughout the site
*//* 
    Created on : 28 févr. 2015, 12:41:59
    Author     : Gaëlle Rauffet <gaelle.rauffet@kiwiscan.net>
*/

@media all and (max-width: 1600px)
{
    .conteneur {
        width:80%;
    }
    
}
@media all and (max-width: 1280px)
{
   /* img#cfdt{
        width:14%;
    }
    img#cftc{
        width:25%;
    }
    img#cgt {
        width:5.8%;
    }
    img#fo {
        width:7.7%;
    }
    img#fepem {
        width:12%;
    }*/
    
}

@media all and (max-width: 1024px)
{
    .conteneur {
        width:90%;
    }
    
}

@media all and (max-width: 900px)
{
    .conteneur {
        width:95%;
    }
    /*img#cfdt{
        width:15%;
    }
    img#cftc{
        width:28%;
    }
    img#cgt {
        width:6.5%;
    }
    img#fo {
        width:9%;
    }
    img#fepem {
        width:14%;
    }*/
    
}
@media all and (max-width: 620px) {
    .conteneur {
        width:100%;
        margin:0;
    }
    .div_header {
        font-size:1.5em;
    }
}

@media all and (max-width: 480px)
{
    
    .div_header, .div_header_img {
        width:100%;
        height: auto;
        vertical-align: initial;
        line-height: normal;
        
    }

    .carto {
        max-width :90%;
    
    }
    .cartoTitle, .cartoDesc {
        width : 90%;
        margin:10px auto 0 auto;
        border : solid 1px #000000;
        min-height : 100px;
        line-height:100px; 
    }
    
    footer p {
        font-size : 0.8em;
    }
    
}