@charset "utf-8";


/*Smart Phones - less than 480px (Considering Google Nexus S and ASUS Galaxy 7 also)
Tablets – 481px to 1280px (Motorola Xoom with max 1280 resolution)
Desktops – 1281 px  and above


320px for common smartphones including iPhone at portrait orientation
480px and below for iPhones at landscape orientation and many of the HTC handsets
767px – 980px for iPad and other tablets
980px and upwards for desktop monitors
1200px and upwards for larger desktop monitors
*/


/*----------------------
résolutions écran en px
------------------------
iphone : 320 x 480

iphone 4 : 640 x 960

iphone 5 : 640 x 1136

ipad 2: 768 x 1024

ipad 3: 1536 x 2048

*/


/*@media screen and (max-width:480px) phones 767px ou 576px ou 568px */
@media screen and (max-width:767px) 
{
    .tablette{display:none !important;}
    
    .desktop, .smartphone_notDisplay{display:none !important;}
    
    .smartphone{display:block !important;}
    
    body{overflow-x:hidden; padding:0; margin:0; width:100%;}
    
    
    
    /* header */
    
    .container{max-width:480px; width:98%;}
    
    #header .span_{margin-left:0; margin-right:0; width:100%; float:none; display:block;}
    
    #header .logo{padding-top:10px; padding-bottom:10px;}
    
    
    
    /* slider */
    
    #top{height:auto; padding:3px 0 0 0; margin:0; width:100%;}
    
    #top .slider{margin-left:0; margin-right:0; width:100%; float:none; display:block; height:auto; padding:0; margin:0; width:100%;}
    
    #top  .fleche_slider{display:none;}
    
    #top .text{margin-left:0; margin-right:0; width:100%; float:none; display:block; padding-bottom:3px;}
    
    #top .text input[type="submit"]{margin-bottom:0;}
    
    
    #top .text p.msg_good_contact{margin-top:0px;}
    
    
    
    /* header landing */
    
    .header_landing .pictos ul li{float:none; width:100%; text-align:center; margin-left:0 !important; margin-right:0 !important; margin-bottom:10px;}
    
    
    
    /*content */
    
    .widget .dotstheme_testimonial img, .widget .dotstheme_testimonial .contenu_temoignage{width:100%; margin-bottom:10px; float:none; 
    margin-left:0 !important; margin-right:0 !important;}
    
    .widget .dotstheme_testimonial img{max-width:100%; width:auto; margin-left:auto !important; margin-right:auto !important;}
    
    .widget .dotstheme_testimonial .contenu_temoignage{padding-top:0; text-align:center;}
    
    .widget .dotstheme_testimonial .contenu_temoignage h2{font-size:16px; }
    
    .widget .dotstheme_testimonial .name{margin-left:0 !important; margin-right:0 !important; width:100%; float:none;}
    
    
    
    /* encarts */
    
    .demander_devis .pastille_99{position:inherit; top:inherit; right:inherit; width:100%; background-position:center top; margin-bottom:10px;}
    
    .demander_devis h2{font-size:18px; line-height:22px;}
    
    
    .liens_encarts_footer ul li{margin-left:auto !important; margin-right:auto !important; float:none; display:block;}
    
    
    
    /* footer */
    
    .footer-copyright .title{font-size:18px; margin-bottom:18px;}
    
    
    .footer-copyright .span_{margin-left:auto !important; margin-right:auto !important; float:none; display:block; width:100%; margin-bottom:0px;
    text-align:center; margin-top:20px !important; padding-top:0 !important;}
    

    
}



/* testé sur 480px */
@media screen and (min-width:479px) and (max-width:567px) 
{
    
}


/* testé sur 320px */
@media screen and (max-width:478px) 
{
 
}