@media screen and (max-width: 1200px){
	.container-max, body{ width:100%; }
	footer{ width:100%; }
	.contenu-page{ width:100%; padding:0 10px; }
	.banniere-block  { width:100%; }
	.banniere-block > img { width:100%; }
	header > nav { width:100%; }
	.hide-mobile-inline { display:inline-block; }
	.hide-mobile-block { display:block; }
	.hide-mobile-flex { display:flex; }
	.hide-mobile-inline-flex { display:inline-flex; }
	#index{ width: 100%; }
	article { width: 100%; padding: 0 10px; }
	.quote-ceo > div:last-child { padding: 0; padding-left: 20px; }
	.b-footer  > .body-benefit { padding: 10px 0 0 0; }
	#fil_ariane { padding-left: 20px; }
}


@media screen and (max-width: 990px){
	.ct-header > div:first-child { padding: 0 0 0 30px; }
	.ct-header > div:last-child { padding: 0 30px 0 0; }
}
@media screen and (max-width: 980px){
	.menu-burger { display:block; margin-left:10px; }
	#header_menu > nav a { color:#fff!important; }
	#header_menu > nav > ul { display:none;  position:fixed; top:0; background-color:var(--light_blue); width:100%; z-index:100; height: 100%; overflow:auto; }
	#header_menu > nav > ul > li { display:block; background-color: var(--light_blue); color: #fff; width: 50%; margin: auto; font-family: 'EDF2020W01-Bold', 'Arial', sans-serif; border-bottom: 1px solid var(--dark_blue); padding: 20px 0; }
	#header_menu > nav > ul > li > button { color: #fff; font-family: 'EDF2020W01-Bold', 'Arial', sans-serif; }
	#header_menu > nav > ul > .separateur_menu  { display:none; }
	.sub-nav { position:initial; z-index:10; background-color:var(--light_blue); width:100%; border-top:1px solid #fff; border-bottom:1px solid #fff; margin-top:10px; padding: 10px; }
	.sub-nav li { text-align:center; border:0; margin:0; padding:5px; }
	.menu-burger-close { z-index: 10; position:fixed; top:10px; right:10px; }
	
	.table-responsive table { overflow:auto; width:100%; }
	.ct-page > div:first-child { display: none; }
	.ct-page > div:nth-child(3) { display: none; }
	.ct-page > div:nth-child(2) { width: 100%; }
	
	aside { width: 100%!important; display: block; margin-top: 40px; }
	aside > nav > ul > li { display: inline-block; width: 150px; height: 150px; vertical-align: top; }
	aside > nav > ul > li.hide { display: block; text-align: center; }
	aside > nav > ul > li > a { padding:44px 0; height: 150px; }
	aside > nav > ul > li.hide > a { text-transform: lowercase; }
	aside > nav > ul > li.hide > a:first-letter { text-transform: uppercase; }
	/*.row-ct-home > div { width: 50%; }*/
	.contenu-page div.padding-left-44 { padding: 0 20px; }

	
	.b-footer  > .body-benefit { padding: 0px 0 0 0; margin-bottom: 10px; flex-direction: column; width: 100%; background-color: var(--light_blue); bottom: 0; position: initial;border-radius: 0; }	
	
	.b-footer  > .body-benefit > div { border: 0; padding: 10px 0; border-bottom: 3px solid #fff; }
	.b-footer  > .body-benefit > div:last-child { border: 0; }

}
@media screen and (max-width: 910px){
	.ct-header > div:last-child > span { font-size: 20px; line-height: 5px; }
	.bloc-faq-video { flex-direction: column; }
	.bloc-faq-video > div { width: 100%; }
	.bloc-faq-video > div:last-child img { width: 100%; }
}
@media screen and (max-width: 850px){
	.choice-country { bottom: 50%; }
}
@media screen and (max-width: 830px){
	.ct-pg { flex-direction: column; }
	.ct-pg > div { width: 100%; }
	.txt-pg { padding: 0; }
}
@media screen and (max-width: 800px){
	.body-benefit { flex-direction: column; }
	.body-benefit > div { border: 0; border-bottom: 3px solid var(--light_blue); padding: 20px 0; }
}
@media screen and (max-width: 750px){
	.ct-header > div:first-child { font-size: 9px; }
	.ct-header > div:last-child > span { font-size: 14px; line-height: 5px; }
	.ct-header > div:last-child { font-size: 9px; }
}
@media screen and (max-width: 650px){
	.choice-country > span { font-size: 20px; line-height: 25px; }
	#documentation li { width: 100%; }
	.quote-ceo { flex-direction: column-reverse; }
	.quote-ceo > div:last-child { padding: 0; margin-bottom: 20px; }

	.ct-sous { display: flex; flex-direction: column; align-items: center; }
	.ct-sous div { width: 49%; }
	.ct-sous div img{ margin-top: 30px; }
	.ct-sous div:last-child img{ margin-top: 30px; }
	.ct-sous div:last-child { margin-left: 0px; margin-top: 60px; }


}
@media screen and (max-width: 640px){
	.ct-header { top: 5px; }
}

@media screen and (max-width: 570px){
	.ct-header > div:first-child > span { display: none; }
}
@media screen and (max-width: 540px){
	.block-contact { flex-direction: column-reverse; }
	.sous-faq { padding: 0 10px; }
	
}
@media screen and (max-width: 510px){
	.ct-header > div:last-child { padding-right: 10px; }
	.ct-header > div:first-child { padding-left: 10px; }
	.ct-header-index { align-items: center; flex-direction: column-reverse; align-content: flex-start; }
	.ct-header-index > .l-blue { margin-top: 20px; }
}
@media screen and (max-width: 500px){
	.ct-header > div:last-child > span { font-size: 10px; line-height: 10px; display: block; }
	.ct-header > div:last-child { font-size: 8px; }
	.ct-header > div:last-child br { display: none; }
}
@media screen and (max-width: 420px){
	.choice-country { bottom: 35%; }
	.select-ct { margin-top: 10px; }
}
@media screen and (max-width: 500px){
	aside > nav > ul > li { display: block; width: 150px; height: 150px; margin: 10px auto 10px auto;  }
}
@media screen and (max-width: 400px){
	.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; }
	.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%; }
	
}

@media (min-width: 576px) { /* MOBILE */

}

@media (min-width: 768px) { /* TABLET */
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) { /* PETIT ECRAN */
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) { /* PC */
  .container {
    max-width: 1140px;
  }
}