@media screen and (max-width: 1500px){
	.nav {
		display: flex;
		align-items: stretch;
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	#ct_country {
		justify-content: flex-start;
		margin-left: 50px;
	}	
}


/*--------------------------------*/
/*--------------1300--------------*/
/*--------------------------------*/


@media screen and (max-width: 1300px){
    .content_bloc_tab_moda{padding: 50px 0;}	
    
    .home-2formules {display: block;padding: 0 30px;}    
    .home-2formules p {font-size: 28px;top: 0;margin: 20px;}    
    .home-2formules_img{display: none;}	

	.table_banniere_prix_container {
		position: absolute;
		display:none!important;
		width:50%;
		top: 72%; /*490px*/
		left: 5%; /*65px*/
	}

}

/*--------------------------------*/
/*--------------1200--------------*/
/*--------------------------------*/

@media screen and (max-width: 1200px)
{

	#ct_index{top: 300px;}
	#ct_country{top:0px;right:10px;}

	section article {overflow: visible;}    
    
	/* MENU BURGER */
    .menu-burger{
        display: block;
        z-index: 99999;
        top: 30px;
        position: absolute;
        right: 0px;		
	}
	.logo{
		margin-left: 0px;
	}

	.menu-site{display: none;}
	#ct_country{display: none;}
	.nav:has(.icon.active-burger) #ct_country_responsive{
		display: flex;
        width: 98%;
        flex-direction: column;
        justify-content: space-evenly;
        gap: 10px;
	}
	.nav:has(.icon.active-burger) #ct_country_responsive #selectLg{
		width: 250px;
	}
	.logo{display: block !important;}
    

	.nav:has(.icon.active-burger) .menu-site {
		display: flex;
		width: 100%;
		justify-content: flex-start;
		padding: 0px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	}



	.nav:has(.icon.active-burger) .menu-site {
		border-left: none !important;
	}

	.nav:has(.icon.active-burger) .nav-content {
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		flex-direction: column !important;
		gap: 20px !important;
		z-index: 9999 !important;
		background-color: #FFF !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		top: 0 !important;
	}

    /*HOME*/    
	.ceo_video{ width:100%; }    
	.en_bref{ width:100%; }    
    
    .home-2formules {display: block;padding: 0 30px;}    
    .home-2formules p {font-size: 28px;top: 0;margin: 20px;}    
    .home-2formules_img{display: none;}
    
    .bloc-home-bref {
        display: flex;
        flex-direction: column;
    }
    .bloc-home-bref{height: auto;}
    
	.en_bref_txt {width: 350px;margin: auto;left: 0;}    
	.ceo_video {padding: 0;margin: 20px auto;display: block;position: relative;text-align: center;}
    

	#nav_home ul li{
		height: auto!important;
	}
    #nav_home ul li {
		width: 30%;
		padding: 2% 0;
	}
    #nav_home {height: auto;}
	.nav_home_txt_responsive_div , span.nav_home_txt_responsive {display: block;margin-top:0.5em;}
	span.nav_home_txt_responsive p::before{content: '';display: inline list-item;list-style-image: url('../images/puce.png');}
    
    .bloc-home-calendrier {padding: 0 50px;}
	.home-calendrier td {
	  position: relative;
	  vertical-align: middle;
	  padding: 0 50px;
		display: inline-block;
		width: auto;
	}    	
		
	
	.ceo_video img {
	  top: 0;
	margin-bottom: -30px;
	  padding: 50px;
	  width: -moz-available;
	  width: -webkit-fill-available;
	}
    
    /*MENU ALT*/

    #nav_aside{
        display: none;
    }
		
		
	/*
		width: 20px;
		height: 32px;
		background-color: #8de698;
	
		clip-path: polygon(100% 100%, 100% 0, 0 50%);    
	*/
		
	/*
		.menu-alt-res{
			display: block;
			right: -5px;
			position: fixed;
			top: 200px;  
			width: 50px;
			height: 50px;
			background-color: var(--blue);
			clip-path: polygon(100% 100%, 100% 0, 0 50%);        
		}        
	*/
    
    #nav_aside{
    position: fixed;
    top: 150px;
    background-color: white;
    z-index: 99;
    width: 100%;
    height: 100%;
    }    
    
    /*CONTENT*/
    
    .img_illu_1, .img_illu_2 {
		display: none;
	  }
    
    .offre_leverage, .modalites{width: 100%;}
    .offrelev_content_top, .modalites_content_top, .content_doc{margin-top: 40px;top: 0;}    

    .content_bloc_tab_moda{padding: 50px 10px;}
    .content_bloc_tab_moda {
    display: block;
    position: relative;
    width: 100%!important;
    overflow-x: scroll;
    }    
    #graph_bro{width: 1250px !important;}    
    
    .documentation{width: 100%;}

	.table_banniere_prix_container {
		position: absolute;
		display:none!important;
		width:50%;
		top: 68%; /*490px*/
		left: 5%; /*65px*/
	}
}

/*--------------------------------*/
/*--------------980---------------*/
/*--------------------------------*/

@media screen and (max-width: 995px){
    
    #nav_home ul li {width: 29%;}

	.banniere_txt_1{
		top: 25%;
	}

	.table_banniere_prix_container {
		position: relative;
		width:60%;
		top: 0%; /*490px*/
		left: 20%; /*65px*/
		margin-top:1em;
		margin-bottom:1em;
	}
	table.table_banniere_prix {
		font-size: 30px;
		line-height: 35px;
	}
	table.table_banniere_prix tr:first-child td {
		font-size:25px;
		line-height: 30px;
	}
	table.table_banniere_prix tr.tr3 td {
		font-size:20px;
		line-height: 25px;
	}
	.home_videos {
    	flex-direction: column;
		gap: 20px;
	}
	
	
}

/*--------------------------------*/
/*--------------550---------------*/
/*--------------------------------*/

@media screen and (max-width: 768px){
	
	
	.bloc_faq{margin-top: 100px;}

	
	.width-1 { width:100%; }
	.width-2 { width:100%; }
	.width-3 { width:100%; }
	.width-4 { width:100%; }
	.width-5 { width:100%; }
	.width-6 { width:100%; }
	.width-7 { width:100%; }
	.width-8 { width:100%; }
	.width-9 { width:100%; }
	.width-10 { width:100%; }
	.width-11 { width:100%; }
	.width-12 { width:100%; }
	.width-13 { width:100%; }
	.width-14 { width:100%; }
	.width-15 { width:100%; }
	.width-16 { width:100%; }
	.width-17 { width:100%; }
	.width-18 { width:100%; }
	.width-19 { width:100%; }
	.width-20 { width:100%; }
	.width-21 { width:100%; }
	.width-22 { width:100%; }
	.width-23 { width:100%; }
	.width-24 { width:100%; }
	.width-25 { width:100%; }
	.width-26 { width:100%; }
	.width-27 { width:100%; }
	.width-28 { width:100%; }
	.width-29 { width:100%; }
	.width-30 { width:100%; }
	.width-31 { width:100%; }
	.width-32 { width:100%; }
	.width-33 { width:100%; }
	.width-34 { width:100%; }
	.width-35 { width:100%; }
	.width-36 { width:100%; }
	.width-37 { width:100%; }
	.width-38 { width:100%; }
	.width-39 { width:100%; }
	.width-40 { width:100%; }
	.width-41 { width:100%; }
	.width-42 { width:100%; }
	.width-43 { width:100%; }
	.width-44 { width:100%; }
	.width-45 { width:100%; }
	.width-46 { width:100%; }
	.width-47 { width:100%; }
	.width-48 { width:100%; }
	.width-49 { width:100%; }
	.width-50 { width:100%; }
	.width-51 { width:100%; }
	.width-52 { width:100%; }
	.width-53 { width:100%; }
	.width-54 { width:100%; }
	.width-55 { width:100%; }
	.width-56 { width:100%; }
	.width-57 { width:100%; }
	.width-58 { width:100%; }
	.width-59 { width:100%; }
	.width-60 { width:100%; }
	.width-61 { width:100%; }
	.width-62 { width:100%; }
	.width-63 { width:100%; }
	.width-64 { width:100%; }
	.width-65 { width:100%; }
	.width-66 { width:100%; }
	.width-67 { width:100%; }
	.width-68 { width:100%; }
	.width-69 { width:100%; }
	.width-70 { width:100%; }
	.width-71 { width:100%; }
	.width-72 { width:100%; }
	.width-73 { width:100%; }
	.width-74 { width:100%; }
	.width-75 { width:100%; }
	.width-76 { width:100%; }
	.width-77 { width:100%; }
	.width-78 { width:100%; }
	.width-79 { width:100%; }
	.width-80 { width:100%; }
	.width-81 { width:100%; }
	.width-82 { width:100%; }
	.width-83 { width:100%; }
	.width-84 { width:100%; }
	.width-85 { width:100%; }
	.width-86 { width:100%; }
	.width-87 { width:100%; }
	.width-88 { width:100%; }
	.width-89 { width:100%; }
	.width-90 { width:100%; }
	.width-91 { width:100%; }
	.width-92 { width:100%; }
	.width-93 { width:100%; }
	.width-94 { width:100%; }
	.width-95 { width:100%; }
	.width-96 { width:100%; }
	.width-97 { width:100%; }
	.width-98 { width:100%; }
	.width-99 { width:100%; }
	.width-100 { width:100%; }    

    .res_only{display: block;}

    /*INDEX*/
	#index {
display: flex;
    flex-direction: column;
	

	}

	#ct_index {
		margin: 0 auto;
		top: 300px;
		display: block;
		position: relative;
		text-align: center;
		        min-height: 780px;
		
	}
	.choose_country_txt{left: 0;}
	#choose_country img{display: none;}    
	h3#choose_country b, .txt_phrase_accroche {
		left: unset;}
	#phrase_accroche {
		margin: auto;
		top: 300px;
		display: block;
		position: relative;
			left: unset;
	}
		
	.txt_phrase_accroche {
		font-size: 18px;
		left: unset;
		margin: 50px auto 0 auto;
		width: -webkit-fill-available;
	  width: -moz-available;
	}  

    #index{background: none;background-color: var(--blue);    min-height: 750px; }
	.index_ndpb{padding: 0 30px;}
    .orange_circle_index{
        content: '';
        position: absolute;
        display: block;
        height: 237px;
        width: 237px;
        background-color: var(--orange);
        border-radius: 125px;
        left: -50px;    
    }       
    
	h3#choose_country, #country{margin: auto;}    
	h3#choose_country {margin: 20px auto 0 auto;}
		
    .res_catchphrase{
        width: auto;
        top: 90px;
        left: 30px;
        font-size: 24px; 
        font-family: 'work_sanssemibold', 'Arial', sans-serif;        
    }
    


    /*CONTENT*/
    
    .content_bloc_tab_moda .width-80{width: 80% !important;} 
    .content_bloc_tab_moda .width-30{width: 30% !important;} 
    .content_bloc_tab_moda .width-25{width: 25% !important;} 
    .content_bloc_tab_moda .width-8{width: 8% !important;} 
    .content_bloc_tab_moda .width-5{width: 5% !important;}     
    

    .content_doc li {width: 40%;}
    .bloc_txt, .content_bloc_alt{padding: 20px;}
    .offre_leverage, .modalites{padding: 20px;}
    .content_doc{margin-top: 200px;}
    
    /*CONTACT*/
    .liens-footer{padding-top: 20px;}    
    
    #logo_inner_site {text-align: left !important;}

    header > nav > ul > li {
      display: block;padding: 5px 20px !important;}    
    #header_menu nav ul li.menu-site:first-child {
      border-left: 0;
      margin-top: 20px;
    }   

    #header_menu nav ul::before {
      right: 20px;
        left: unset !important;
    }    

    #header_menu nav ul {
      padding-left: 0 !important;
    }    
    
    header > nav{z-index: 500;}
        
    
    
    /*HOME*/

    .home-calendrier td{width: auto;}
    
    /*NAV*/
    .nav-ct{display: none;}
    .nav-ct-res{display: block;}
    
    /*FAQ*/    

	.hide_mobile_inline { display:none; }
	.hide_mobile_block { display:none; }
	.hide_mobile_flex { display:none; }
	.hide_mobile_inline_flex { display:none; }
	.mobile_width-100 { width:100%; }
	.inline-block { display:block; }
		
	.faq h2 {top: 70px;}    
		
		
		
	/*GENREAL*/
	p, li {font-size: 14px;line-height: 16px;}
	body{font-size: 14px;}
	footer{height: 160px;}        
		
		
	/*HOME*/
	.home-2formules p {font-size: 20px;line-height: 20px;margin: 20px 0;}    
	.bloc-home-bulles ul li{margin-bottom: 10px;}
	.bloc-home-bulles ul li:first-child p {font-size: 19px;line-height: 19px;}
		
	#nav_home ul li {width: -webkit-fill-available;height: 100px;}   
	#nav_home ul li img, #nav_home ul li p{display: inline-block;vertical-align: middle;}    
	#nav_home ul li img{width: 100px;}    
	#nav_home ul li.bg_blue p {font-size: 19px;}    
	#nav_home ul li a{
	width: auto;
	height: max-content;
	display: flex;
	flex-direction: column;
	}    
	#nav_home ul {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-evenly;
	}
	.home_videos img{width: 200px;}
#nav_home ul li p {
    font-size: 18px;}		
    
		
		
	.ceo_video{margin: 20px auto;}    
	.en_bref{background: none;height: auto;margin-bottom: 30px;} 
	.en_bref_txt{top:0;}    
	.bloc-home-calendrier {padding: 0 20px;}   
	.home-calendrier strong{font-size: 15px;}
	
		
	/*CONTENT*/ 
	.orange_circle{height: 170px;width: 170px;}    
	h2, .offrelev_content_top span {font-size: 21px !important;}    
	.offre_leverage h2, .modalites h2, .documentation h2 {font-size: 30px !important;}    
	.offrelev_content_top, .modalites_content_top {margin-top: 40px;}    
	.offrelev_content_top table::after, .encart_cond::after{width: 50px;height: 50px;right: 0;}
		
	.dot_underline_orange strong, .dot_underline_blue strong {font-size: 14px !important;}    
	.graph_tab_ajust {padding: 10px 0 !important;margin: 10px 0;}    
		.plus_picto {font-size: 40px;}
	.encart_hausse p {font-size: 15px;}  
	.encart_cond{padding: 20px;}    
	h3, h3 p, h3 span {font-size: 22px !important;line-height: 20px;}    
		
		
	.content_doc {margin-top: 40px;}    
		.documentation {padding: 20px;}    
	.content_doc li {width: 100%;margin: 0;}    
		
		#graph_bro .inline-block{display: inline-block;}    
		#graph_bro {width: 970px !important;}  

	.banniere_txt_1{
		position: relative;
		color:black!important;
		top: 0%;
		left:0%;
		margin:1em 0;
		width:100%;
		text-align: center;
	}

	.table_banniere_prix_container {
		width:90%;
		top: 0%;
		left: 5%;
	}
	table.table_banniere_prix {
		font-size: 25px;
		line-height: 30px;
	}
	table.table_banniere_prix tr:first-child td {
		font-size:20px;
		line-height: 25px;
	}
	table.table_banniere_prix tr.tr3 td {
		font-size:20px;
		line-height: 20px;
	}
    
}

