@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
768px – 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

*/



/*testé sur 980px et 1024px*/
@media screen and (min-width:768px) and (max-width:1200px) 
{
    /* slider */
    
    #top{padding-top:0; height:371px; overflow:hidden;}
    
    #top .slider{bottom:inherit; top:0; height:100%;}
    
    #top .text h4{font-size:18px;}
    
    
    /* content */
    #main .header h2{margin-left:0; text-align:center; float:none;}
    
    
}




/*testé sur 768px  /// tablette  */
@media screen and (min-width:768px) and (max-width:979px) 
{
    .tablette{display:block !important;}
    
    .desktop{display:none !important;}
    
    .container{width:98%; max-width:765px; margin:0 auto 0 auto; position:relative;}
    
    html{}
    
    body{/*overflow-x:hidden !important;*/}
    
    
    /*--------------------------- slider ------------------------------------------------------------------*/
    
    #top{height:290px; overflow:hidden;}
    
    #top .text{min-height:0; padding-bottom:10px; margin-top:10px;}
    
    #top .text h4{font-size:14px; margin-bottom:10px;}
    
    #top .text input, #top .text textarea{margin-bottom:10px;}
    
    input[type="text"], input[type="password"], input[type="email"]{height:30px;}
    
    #top .text input[type="submit"]{font-size:12px;}
    
    
    /* content */
    
    .widget .dotstheme_testimonial .contenu_temoignage{width:55.56475583864119%; padding-top:10px;}
    
    .widget .dotstheme_testimonial .contenu_temoignage h2{font-size:20px;}
    
    .widget .dotstheme_testimonial .name{position:relative; top:-40px;}
    
    
    /* encarts */
    
    .demander_devis .pastille_99{top:-67px; right:0px;}
    
    .demander_devis h2 {width:81%;}
    
    .liens_encarts_footer ul li{margin-right:6%;}
    
    
    /* footer */
    
    .footer-copyright .title{font-size:21px;}
    
    .footer-copyright .img_cheque{width:25%;}
    
    .footer-copyright .social_links{width:23%;}
}