@media screen and (max-width: 975px){ 
    body{
        height: auto;
		
    }
                   
    #global, #header {    
        width:100%;
    }         
}

@media screen and (max-width: 960px){
    #secondaire #recompense, #secondaire #recompense_NL {
        margin-left: 35px;
        width: 220px;      
        float: left;           
    }               
    
    #secondaire #calcprime {
        margin-left: 10px; 
        margin-bottom: 10px;       
        float: left;           
    }  
                   
    #footer{                 
        width: auto;
        margin: 15px 0px;     
    }
}

@media screen and (max-width: 910px){     
    
    #centre_edito{
        width: 100%;
    }      
    
    #footerEtendu {
        width: auto;
        margin-left: 0px;
    } 
    
    #footerEtendu .align {
        width: auto;
    }
    
    #footerEtendu li{
        width: 100%;
        text-align: center;
    } 
}

@media screen and (max-width: 750px){ 
    body{                                                                                
         background: none;
    }    
    
    #header{
        position: fixed;
        left: 0px;
        top: 0px;
        background: #ffffff url("../img/logo/barre_fond.png") left 9px repeat-x;  
        z-index: 900;    
        box-shadow: 5px 0px 0px #ffffff, -5px 0px 0px #ffffff, 0px 0px 5px #888888, 5px 0px 0px #ffffff;
    }       
    #entete #lang {
        text-align:left;
    }
	#popin #header #entete #logo {
	margin-top:0px;
	}
	
	 #popin #header #entete #lang {
        text-align:right;
    }
       
	#popin #header #entete #lang ul li {
		position:relative;
		margin-top:-25px;
		margin-left: 10px;
        color: #0000;
    }     
    div#lang ul li {
        position: absolute;
        top: 0px;
        left: 0px;
        margin-top: 4px;
        margin-left: 10px;
        color: #0000;
    }  
    
    #entete #logo {        
        margin-top: 9px;
    }      
                                                          
     
    #nav {position: fixed; top: 0px; right: 0px; z-index:1000; text-align: right; height: auto; width: 80%;}
    .changeheight{height: 100% !important;}
    #nav * {font-size: 14px; text-align: left;}  
                                                            
    #toggleMenu {display: inline-block; width: 52px; height: 36px; background-color: #ffffff; background-image: url('../img/togglemenu.gif'); background-repeat: no-repeat; background-position: center;}
    #toggleMenu.menuActive{position: absolute; top: 10px; left: -62px; background-image: url('../img/closemenu.gif');}                                       
                                 
    #overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:1000; opacity: 0.0; background-color: black; display: none; transition: opacity 0.3s;}
    #overlay.show {opacity: 0.5; display: block;}                                                                                                                                                   
    
    #menu{position: absolute;  left: 0; top: 0; background-color: #ffffff; margin-left: 100%; height: 100%;  width: 100%; overflow: auto; list-style: outside none none;transition: all 0.3s;}
    #menu.push-to-left{margin-left: 0; height: 100%;}
    #menu .niveau1{padding: 0; border-bottom: 1px solid #ebebeb; width: 100%;}
    #menu .niveau1 a{color: #333; display: block; padding: 15px; text-decoration: none;}
    
    #menu .clickOpen{background: url('../img/openclose.png') no-repeat scroll 0 0 #ffffff; display: inline-block; height: 30px; width: 30px; padding: 0 !important; float: right; margin: -35px 5px 0px 0px; }
    #menu .open .clickOpen{background-position: -30px 0;}
    #menu .open .ssmenu{margin: 0;}
    #menu .open .ssmenu .ssmenu1{display: block; width: 100%; list-style: outside none none; padding: 0px; margin: 0px; position: static}
    #menu .open .ssmenu .ssmenu1 ul{list-style-position: inside;}
    #menu .open .ssmenu .ssmenu1 li{padding: 0;}
    #menu .open .ssmenu .ssmenu1 li a,
    #menu .open .ssmenu .ssmenu1 li span{padding: 15px 15px 15px 30px;}
    #menu .open .ssmenu .ssmenu1 .clickOpen2{background: url('../img/openclose2.png') no-repeat scroll 0 0 #0a9993; display: inline-block; height: 30px; width: 30px; padding: 0 !important; float: right; margin: -35px 5px 0px 0px;}
    #menu .open .ssmenu .ssmenu1 .open .clickOpen2{background-position: -30px 0; }
    #menu .open .ssmenu .ssmenu1 .open .ssmenu2{display: block; width: 100%; list-style: outside none none; padding: 0px; margin: 0px; position: static}
    #menu .open .ssmenu .ssmenu1 .open .ssmenu2 ul{list-style-position: inside;}
    #menu .open .ssmenu .ssmenu1 .open .ssmenu2 li{padding: 0;}
    #menu .open .ssmenu .ssmenu1 .open .ssmenu2 li a,
    #menu .open .ssmenu .ssmenu1 .open .ssmenu2 li span{padding: 15px 15px 15px 45px;}           
    
    #centre {
        width: 100%;
        margin: 92px 0px 10px 0px;
        padding: 14px 0 0 0;  
        overflow: visible;        
        background: url(../img/fd_contenu.png) left top repeat-x;
    }    
    
    #pagetitle{                    
        margin-left:13px; 
        margin-bottom: 0px;     
    }    
    
    #principal {            
        margin-left: 0px;     
    }  
    #secondaire #recompense, #secondaire #recompense_NL {
        margin-left: 0px;            
    }        
    
    #cookiediv{
        position:inherit;     
    }
}  


@media screen and (max-width: 675px){  
    #brandflag {
        margin-left: 13px;
        margin-bottom: 10px;        
    } 
    
    #brandflag h2 {
        margin-top:13px;   
    }    
    
    #principal {
        width: 100%;       
    }    
         
    #principal #ban_simulation { 
        background-image: none;
        border: none;
        height: auto;        
    }  
    
    #principal #homeSimulationForm {              
        float: none;
        margin-right: 0px;
        border: none;                             
    }  
    #bloc_projets {
        width: 100%;  
        border-width: 1px 0px;     
    }        
  #bloc_projets_content {
        width: 100%;  
        border-width: 1px 0px;     
    } 	
    
    #projets_caroussel2 .newsitem {      
        width: calc(100% - 20px);   
        max-width:470px;      
    }  
    
    #projets_caroussel2 .newsitem:nth-child(odd) {    
        margin-right: 10px;
    }    
    
    #projets_caroussel2 .newsitem a img{      
        width: 100%;
        height: auto;
    }  
	
	 #projets_caroussel2 .newsitem_overview a img{      
        width: auto;
        height: auto;
    }  
	 #secondaire #produitsimulation {     
        width: 100%;         
        text-align: center; 
        border-width: 1px 0;
		margin-left:0px;
		clear:both;
    } 
		#secondaire #produitsimulation #calcprime , #formule_edito {   
        margin-left:0px;
        width: 100%; 
        height: auto; 
        border-width: 1px 0;   
		clear:both;		
    }  
	    #secondaire #calcprime , #secondaire #calcprime_edito {   
        margin-left:0px;
        width: 100%; 
        height: auto; 
        border-width: 1px 0;    
		clear:both;			
		}
	#bkg_vert_chrono{
	width:98%;}
	
		#bkg_vert_chrono h2 span, #bkg_vert_chrono_R h2 span{
	line-height:1;
	margin-left: 5px;
	font-size: 18px;}
	
	#bkg_vert_chrono_R {
	
	padding-left: 5px;
	padding-top: 5px;
	}
	
	#centre_edito {
	width:100%;
	}
	
	 #projets_caroussel2 .newsitem_overview a img{      
        width: auto;
        height: auto;
    }  
	
	#garantie_edito {
	width:100%;
	margin-left:0px;
	}
	#garantie_edito  a img{
	width:auto;
	height:auto;
	margin-left:0px;
	}
	
	#formule_edito {
	width:100%;
	clear:both;	
	}
	
	
	#principal_edito{
	width:100%;
	}
	#residence_edito{
	width:100%;
	}
	
	#tableau_edito{
	width:100%;
	height:auto;
	}
	
	#projet_edito{
	width:100%;
	}
		#projet_edito img {
	width:90%;
	}
	
	#garantie_edito img {
	width:90%;
	}
	
	#residence_edito img {
	width:90%;
	}
	
	#hypo {
	width:95%;
	}
	#hypo img{
	width:90%;
	}
	
	#bkg_vert_chrono h2 span{
	line-height:1;
	margin-left: 5px;
	font-size: 18px;}
	
	#bkg_vert_chrono h2 span.titre{
	line-height:1;
	margin-left: 5px;
	font-size: 18px;}
	
	#result_prime {
	margin-left:0px;
	width:100%;
	height:auto;
	border:1px solid #339999;
	
	
	}
	.choice{
	width:100%;
	margin-left:50%;}
	
	#prime_annuelle {
	width:70%;
	display:block;}
	
	#prime_unique {
	width:70%;
	display:block;
	margin-LEFT:50px;}
	
	
	.pret_l_duree, .pret_l_taux{
	margin-LEFT:60px;
	clear:both;
	}
	
	.btn_simulation_validenl {
	float:center;
	margin-top:40px;
	margin-bottom:40px;
	margin-right:300px;}
	
	#simul_2win {
	width: 100%;
	height: AUTO;
	background-color:#fefbfb;
	margin-top: 15px;
	margin-LEFT: 0px;
	margin-bottom:5px;
	Border:1px solid #d2d2d2;
	padding-top:5px;
	float: left;
	
	}
	#simul_2win h3 {
	color:#008265;
	font-size:1.3em;
	margin-left:15px;
	font-weight:bold;
	margin-bottom:15px;
	}
	#simul_2win a {
	float:right;
	margin-top: 20px;
	margin-right: 50px;
	}
	
	.devisPerso_sim{
	float:center;
	margin-top:40px;
	margin-bottom:40px;
	}
	
	.contact_form_bis {     
        width: 100%;         
        text-align: center; 
        border-width: 1px 0;
		margin-left:0px;
		margin-top:5px;
		margin-bottom:10px;
		clear:both;
		display:none;
    }   
	#popin #header #entete #lang {
        text-align:right;
    }
}     


@media screen and (max-width: 545px){ 
#mobilehidden {
display:none;
}

#popin #header{
	display:none;
	}
	#popin #header #entete #lang {
        text-align:right;
    }
#popin_devis_perso{
margin-top:0px;}

#popin_form input#devis_fermer {
	float:right;
	background:url(../img/skin/fermer.png) right no-repeat;
	width:93px;
	height:32px;
	border:0;
	margin-right:9px;
	margin-top:5px;
	display:block;
}


#popin_form input#devis_fermer_nl {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    float:right;
	background:url(../img/skin/sluiten.png) right no-repeat;
	width:93px;
	height:32px;
	margin-right:9px;
	margin-top:5px;
	display:block;
}
} 

/*@media screen and (max-width: 500px){   
    #projets_caroussel2 .newsitem {      
        width: calc(100% - 20px); 
    }    
} */       
@media screen and (max-width: 450px){   
    #secondaire #recompense, #secondaire #recompense_NL {     
        width: 100%;         
        text-align: center; 
        border-width: 1px 0;
    }   
	 #secondaire #produitsimulation, #secondaire_bis {     
        width: 100%;         
        text-align: center; 
        border-width: 1px 0;
		margin-left:0px;
		clear:both;
    }   

	
	
	#secondaire #produitsimulation #calcprime , #formule_edito {   
        margin-left:0px;
        width: 100%; 
        height: auto; 
        border-width: 1px 0;   
		clear:both;		
    }  
	
    #secondaire #PopUp_ContactBis {
        margin-left:0px;
        display: block;
        text-align: center;
    }
    #secondaire #calcprime , #secondaire #calcprime_edito {   
        margin-left:0px;
        width: 100%; 
        height: auto; 
        border-width: 1px 0;                         
    }  
    #footer{                
        line-height: 200%;
    }       
    #footerEtendu {
        width: auto;
        margin-left: 10px;
    } 
    
    #footerEtendu .align {
        width: auto;
    }
	
	#bkg_vert_chrono{
	width:98%;}
	
	#bkg_vert_chrono h2 span, #bkg_vert_chrono_R h2 span{
	line-height:1;
	margin-left: 5px;
	font-size: 18px;}
	
	#bkg_vert_chrono_R {
	
	padding-left: 5px;
	padding-top: 5px;
	}
	
	#calcprime_edito_bis {
	display:none;
	margin-left:0px;}
	
	#bkg_vert_chrono h2 span.titre{
	line-height:1;
	margin-left: 5px;
	font-size: 18px;}
	
	#centre_edito {
	width:100%;
	overflow-x:hidden;
	}
	
	 #projets_caroussel2 .newsitem_overview a img{      
        width: auto;
        height: auto;
    }  
	
	#garantie_edito {
	width:100%;
	margin-left:0px;
	background-color:#fff;
	}
	#garantie_edito  a img{
	width:auto;
	height:auto;
	margin-left:0px;
	}
	
	#formule_edito {
	width:100%;
	clear:both;	
	}
	
	
	#principal_edito{
	width:100%;
	}
	
	#bloc_projets_content{
	width:100%;
	}
	#projet_edito{
	width:100%;
	}
	#residence_edito{
	width:100%;
	}
	
	#tableau_edito{
	width:100%;
	height:auto;
	}
	#projet_edito img {
	width:90%;
	}
	
	#garantie_edito img {
	width:90%;
	}
	
	#residence_edito img {
	width:90%;
	}
	
	#hypo {
	width:95%;
	}
	#hypo img{
	width:90%;
	}
	
	.form_ligne1 , .form_ligne1_right {
	clear:left;
	float:left;
	width:100%;
	margin-bottom:10px;
	margin-left:60px;
	font-size:14px;
	clear:both;
	}
	
	#result_prime {
	margin-left:0px;
	width:100%;
	height:auto;
	border:1px solid #339999;
	
	
	}
	.choice{
	width:100%;
	margin-left:50%;}
	
	#prime_annuelle {
	width:70%;
	display:block;}
	
	#prime_unique {
	width:70%;
	display:block;
	margin-LEFT:50px;}
	
	
	.pret_l_duree, .pret_l_taux, .pret_l_duree, .pret_l_taux{
	margin-LEFT:60px;
	}
	
	.btn_simulation_validenl ,.btn_simulation_valide {
	float:center;
	margin-top:40px;
	margin-bottom:40px;}
	
	
	
	#simul_2win {
	width: 100%;
	height: AUTO;
	background-color:#fefbfb;
	margin-top: 15px;
	margin-LEFT: 0px;
	margin-bottom:5px;
	Border:1px solid #d2d2d2;
	padding-top:5px;
	float: left;
	
	}
	#simul_2win h3 {
	color:#008265;
	font-size:1.3em;
	margin-left:15px;
	font-weight:bold;
	margin-bottom:15px;
	}
	#simul_2win a {
	float:right;
	margin-top: 20px;
	margin-right: 50px;
	}
	
	.devisPerso_sim{
	float:center;
	margin-top:40px;
	margin-bottom:40px;
	}
	
	.contact_form_bis {     
        width: 100%;         
        text-align: center; 
        border-width: 1px 0;
		margin-left:0px;
		margin-top:5px;
		margin-bottom:10px;
		clear:both;
		display:none;
    }   
	
	#fancybox-content {
	
	height:540px;
	width:100%;	
	}
	
	#fancybox-wrap {
	
	height:580px;
	width:100%;	
	}
	#popin_devis_perso {
	
	height:auto;
	width:100%;	
	}
	#popin_form {
	width:320px;
	height:auto;
	border:none;
	}
	
	#popin_form table{
	
	margin-left:3px;	
	}
	
	#popin_contact {
	
	height:auto;
	width:78px;	
	}
	.time1R,.time2R{
	width:100%;
	height:40px;}
	#CaptchaID,#CaptchaValue{
	width:300px;}
	
	.inputrow{
	clear:left}
	
	#popin_devis_perso{
margin-top:0px;}
	
}