@charset "utf-8";
/* Structure de l'application */


#app { overflow: hidden; }
.AlignRight { float:right; }
.AlignLeft { float:left; }

.page-container-wide { width: 1600px; margin: auto; }
.page-container-large { width: 1350px; margin: auto; }
.page-container-regular { width: 1150px; margin: auto; }
.page-container-regular-st1 { width: 820px; float: left; }
.page-container-regular-st2-right { width: 300px; margin-left: 30px; float: left; }
.page-container-regular-st2-left { width: 300px; margin-right: 30px; float: left; }
.page-container-small { width: 1200px; margin: auto; }
.page-container-lil { width: 1100px; margin: auto;  }

.page-content-center { text-align: center; display: flex; align-items: center; justify-content: center; }
.page-content-center2 { text-align: center; display: flex; align-items: center; justify-content: center; }

.page-split-full-half { width: 48%; margin-left: 2%; float: left; }
.page-split-full { 
	width: 50%; height: 100vh; margin: auto; float: left; box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.15);
	border-radius: 70px 0 0 70px; overflow: hidden; margin-top: 110px;
}

.flex-container { /*Flexbox for containers*/
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.flex {
	width: 100%;  
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}


.h-100p { height: 100%; }
.margin-auto { margin: auto; }

.flex-base { display: flex; align-items: stretch; align-self: flex-start; }
.flex-center { display: flex; align-items: center; justify-content: center; /*text-align: center;*/ }
.flex-left,.flex-left-center { display: flex; align-items: center; justify-content: left; text-align: left;   }
.flex-right,.flex-right-center { display: flex; align-items: center; justify-content: right; text-align: right; }
.flex-end { display: flex; align-items: flex-end; }
.flex-row { flex-direction: row; align-items: stretch; }
.flex-col { flex-direction: column; align-items: stretch; }
.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: end; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.uppercase { text-transform: uppercase; }

.justify-between { justify-content: space-between; }
.clear-both { clear: both; width: 100%; height: 0; }

.visibility-hidden { visibility: hidden; }
.cursor-pointer { cursor: pointer; }

.display-none { display: none; }

.rounded-50 { border-radius: 20px; overflow: hidden; }


.px-0 { padding-right: 0 !important;  padding-left: 0 !important; }
.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
.px-3 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; }
.px-4 { padding-right: 1rem !important; padding-left: 1rem !important; }
.px-5 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.px-6 { padding-right: 2rem !important; padding-left: 2rem !important; }
.px-7 { padding-right: 2.5rem !important; padding-left: 2.5rem !important; }
.px-8 { padding-right: 3rem !important; padding-left: 3rem !important; }
.px-9 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; }
.px-10 { padding-right: 4rem !important; padding-left: 4rem !important; }
  
.py-0 {padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.py-7 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.py-8 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-9 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
.py-10 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

.user-rounded { width: 50%; border-radius: 100px; overflow: hidden; }


.page-splitter-100 { width: 100%; float: left; }
.page-splitter-50 { width: 50%; float: left; }
.page-splitter-60 { width: 60%; float: left; }
.page-splitter-40 { width: 40%; float: left; }
.page-splitter-70 { width: 70%; float: left; }
.page-splitter-30 { width: 30%; float: left; }


.page-splitter-w50 { width: 47%; margin-right: 3%; float: left; }
.page-splitter-w50_ { width: 47%; margin-left: 3%; float: left; }

.page-splitter-w70 { width: 65%; margin-right: 5%; float: left; }
.page-splitter-w70_ { width: 65%; margin-left: 5%; float: left; }
.page-splitter-w30 { width: 30%; float: left; }


/*ne varie pas*/
.page-splitter-ww80 { width: 80%; float: left; } 
.page-splitter-ww70 { width: 70%; float: left; } 
.page-splitter-ww60 { width: 60%; float: left; } 
.page-splitter-ww40 { width: 40%; float: left; }
.page-splitter-ww30 { width: 30%; float: left; }
.page-splitter-ww20 { width: 20%; float: left; }
.page-splitter-ww50 { width: 50%; float: left; } 
.page-splitter-ww65 { width: 65%; float: left; } 
.page-splitter-ww35 { width: 35%; float: left; }
.page-splitter-ww85 { width: 85%; float: left; }
.page-splitter-ww15 { width: 15%; float: left; }


.page-fill-1 { width: 98%; padding: 0 1%; }
.page-fill-2 { width: 96%; padding: 0 2%; }
.page-fill-3 { width: 94%; padding: 0 3%; }
.page-fill-4 { width: 92%; padding: 0 4%; }
.page-fill-5 { width: 90%; padding: 0 5%; }
.page-fill-6 { width: 88%; padding: 0 6%; }
.page-fill-7 { width: 86%; padding: 0 7%; }
.page-fill-10 { width: 80%; padding: 0 10%; }
.page-fill-15 { width: 70%; padding: 0 15%; }
.page-fill-20 { width: 60%; padding: 0 20%; }
.page-fill-25 { width: 50%; padding: 0 25%; }
.page-fill-30 { width: 40%; padding: 0 30%; }
.page-fill-40 { width: 20%; padding: 0 40%; }
.page-fill-text { width: 86%; padding: 0 7%; }
.page-fill-text2 { width: 80%; padding: 0 10%; }

.page-fill-mobile-2 { width: 96%; padding: 0 2%; }
.page-fill-mobile-3 { width: 94%; padding: 0 3%; }
.page-fill-mobile-4 { width: 92%; padding: 0 4%; }
.page-fill-mobile-5 { width: 90%; padding: 0 5%; }


.page-space { width: 100%; height: 130px; }
.page-space2{ width: 100%; height: 115px; }
.page-space-bottom { width: 100%; height: 60px; }


.s1 { width: 5%; float: left; }
.s2 { width: 10%; float: left; }
.s3 { width: 15%; float: left; }
.s4 { width: 20%; float: left; }
.s5 { width: 25%; float: left; }
.s6 { width: 30%; float: left; }
.s7 { width: 35%; float: left; }
.s8 { width: 40%; float: left; }
.s9 { width: 45%; float: left; }
.s10 { width: 50%; float: left; }
.s11 { width: 55%; float: left; }
.s12 { width: 60%; float: left; }
.s13 { width: 65%; float: left; }
.s14 { width: 70%; float: left; }
.s15 { width: 75%; float: left; }
.s16 { width: 80%; float: left; }
.s17 { width: 85%; float: left; }
.s18 { width: 90%; float: left; }
.s19 { width: 95%; float: left; }
.s20 { width: 100%; float: left; }


.s0_5_mobile { width: 2.5%; float: left; }
.s1_mobile { width: 5%; float: left; }
.s2_mobile { width: 10%; float: left; }
.s3_mobile { width: 15%; float: left; }
.s4_mobile { width: 20%; float: left; }
.s5_mobile { width: 25%; float: left; }
.s5_5_mobile { width: 27%; float: left; }
.s6_mobile { width: 30%; float: left; }
.s6_5_mobile { width: 33.3%; float: left; }
.s7_mobile { width: 35%; float: left; }
.s8_mobile { width: 40%; float: left; }
.s9_mobile { width: 45%; float: left; }
.s10_mobile { width: 50%; float: left; }
.s11_mobile { width: 55%; float: left; }
.s12_mobile { width: 60%; float: left; }
.s13_mobile { width: 65%; float: left; }
.s14_mobile { width: 70%; float: left; }
.s15_mobile { width: 75%; float: left; }
.s16_mobile { width: 80%; float: left; }
.s17_mobile { width: 85%; float: left; }
.s18_mobile { width: 90%; float: left; }
.s19_mobile { width: 95%; float: left; }
.s20_mobile { width: 100%; float: left; }

.s1_tab { width: 5%; float: left; }
.s2_tab { width: 10%; float: left; }
.s3_tab { width: 15%; float: left; }
.s4_tab { width: 20%; float: left; }
.s5_tab { width: 25%; float: left; }
.s6_tab { width: 30%; float: left; }
.s7_tab { width: 35%; float: left; }
.s8_tab { width: 40%; float: left; }
.s9_tab { width: 45%; float: left; }
.s10_tab { width: 50%; float: left; }
.s11_tab { width: 55%; float: left; }
.s12_tab { width: 60%; float: left; }
.s13_tab { width: 65%; float: left; }
.s14_tab { width: 70%; float: left; }
.s15_tab { width: 75%; float: left; }
.s16_tab { width: 80%; float: left; }
.s17_tab { width: 85%; float: left; }
.s18_tab { width: 90%; float: left; }
.s19_tab { width: 95%; float: left; }
.s20_tab { width: 100%; float: left; }	



.pt0 { padding-top: 0px; }
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt11 { padding-top: 11px; }
.pt12 { padding-top: 12px; }
.pt13 { padding-top: 13px; }
.pt14 { padding-top: 14px; }
.pt15 { padding-top: 15px; }
.pt16 { padding-top: 16px; }
.pt17 { padding-top: 17px; }
.pt18 { padding-top: 18px; }
.pt19 { padding-top: 19px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pt120 { padding-top: 120px; }
.pt130 { padding-top: 130px; }

.pb0 { padding-bottom: 0px; }
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb11 { padding-bottom: 11px; }
.pb12 { padding-bottom: 12px; }
.pb13 { padding-bottom: 13px; }
.pb14 { padding-bottom: 14px; }
.pb15 { padding-bottom: 15px; }
.pb16 { padding-bottom: 16px; }
.pb17 { padding-bottom: 17px; }
.pb18 { padding-bottom: 18px; }
.pb19 { padding-bottom: 19px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb80 { padding-bottom: 80px; }

.pl0 { padding-left: 0; }
.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl7 { padding-left: 7px; }
.pl8 { padding-left: 8px; }
.pl9 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl11 { padding-left: 11px; }
.pl12 { padding-left: 12px; }
.pl13 { padding-left: 13px; }
.pl14 { padding-left: 14px; }
.pl15 { padding-left: 15px; }
.pl16 { padding-left: 16px; }
.pl17 { padding-left: 17px; }
.pl18 { padding-left: 18px; }
.pl19 { padding-left: 19px; }
.pl20 { padding-left: 20px; }

.pr0 { padding-right: 0; }
.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr7 { padding-right: 7px; }
.pr8 { padding-right: 8px; }
.pr9 { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr11 { padding-right: 11px; }
.pr12 { padding-right: 12px; }
.pr13 { padding-right: 13px; }
.pr14 { padding-right: 14px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr17 { padding-right: 17px; }
.pr18 { padding-right: 18px; }
.pr19 { padding-right: 19px; }
.pr20 { padding-right: 20px; }


.mt-100 { margin-top: -100px; }
.mt-90 { margin-top: -90px; }
.mt-80 { margin-top: -80px; }
.mt-70 { margin-top: -70px; }
.mt-50 { margin-top: -50px; }
.mt-40 { margin-top: -40px; }
.mt-30 { margin-top: -30px; }
.mt-20 { margin-top: -20px; }
.mt-10 { margin-top: -10px; }
.mt-8 { margin-top: -8px; }
.mt-7 { margin-top: -7px; }
.mt-6 { margin-top: -6px; }
.mt-5 { margin-top: -5px; }
.mt-4 { margin-top: -4px; }
.mt-3 { margin-top: -3px; }
.mt-2 { margin-top: -2px; }
.mt-1 { margin-top: -1px; }
.mt0 { margin-top: 0px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt17 { margin-top: 17px; }
.mt18 { margin-top: 18px; }
.mt19 { margin-top: 19px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mb0 { margin-bottom: 0px; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }


.ml0 { margin-left: 0px; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }

.mr0 { margin-right: 0px; }
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr11 { margin-right: 11px; }
.mr12 { margin-right: 12px; }
.mr13 { margin-right: 13px; }
.mr14 { margin-right: 14px; }
.mr15 { margin-right: 15px; }
.mr16 { margin-right: 16px; }
.mr17 { margin-right: 17px; }
.mr18 { margin-right: 18px; }
.mr19 { margin-right: 19px; }
.mr20 { margin-right: 20px; }




/* phones portrait */
@media screen and (max-width: 600px){

	.hide-tab { display: block; }
	.show-tab { display: none; }
	.hide-tab-mobile { display: none; }
	.hide-mobile { display: none; }
	.hide-mobile_{ display: block; }
	.show-tab-mobile { display: block; }
	.show-mobile { display: block; }
	.hide-13inch-tab-mobile { display: none; }

	.page-container-wide { width: 96%;/**/ margin: auto; }
	.page-container-large { width: 95%; margin: auto; }
	.page-container-regular { width: 90%; margin: 0 auto; }
	.page-container-regular-st1 { width: 100%; float: left; }
	.page-container-regular-st2-right { width: 100%; margin-left: 0; float: left; }
	.page-container-regular-st2-left { width: 100%; margin-right: 0; float: left; }
	.page-container-small { width: 86%; margin: auto; }
	.page-container-small2 { width: 86%; margin: auto; }
	.page-container-lil { width: 90%; margin: auto; }
	.top-page-correction { width: 90%; margin-top: -10px; }
	.page-container-fit-mobile { width: 90%; margin: 0 5%; }

    .page-splitter-100 { width: 100%; float: left; }
    .page-splitter-50 { width: 50%; float: left; }
    .page-splitter-60 { width: 60%; float: left; }
    .page-splitter-40 { width: 40%; float: left; }
    .page-splitter-70 { width: 70%; float: left; }
    .page-splitter-30 { width: 30%; float: left; }

	.page-fill-text2 { width: 100%; padding: 0 0%; }

	.page-split-full-half { width: 100%; margin-left: 0; float: left; }
	.page-split-full {
		width: 100%; height: 400px;
		border-radius: 0 60px 60px 0; margin-top: 20px;
	}

	.page-fill-mobile-2 { width: 96%; padding: 0 2%; }
	.page-fill-mobile-3 { width: 94%; padding: 0 3%; }
	.page-fill-mobile-4 { width: 92%; padding: 0 4%; }
	.page-fill-mobile-5 { width: 90%; padding: 0 5%; }
    
    
    .page-splitter-w50 { width: 100%; margin-right: 0; float: left; }
    .page-splitter-w50_ { width: 100%; margin-left: 0; float: left; }
    
    .page-splitter-w70 { width: 100%; margin-right: 0; float: left; }
    .page-splitter-w70_ { width: 100%; margin-left: 0; float: left; }
    .page-splitter-w30 { width: 100%; float: left; }

	.page-fill-5 { width: 80%; padding: 0 10%; }

	.page-space { width: 100%; height: 75px; }
	.page-space2{ width: 100%; height: 65px; }
	.page-space-bottom { width: 100%; height: 30px; }


	.grid2_mobile {
		grid-row-gap: 10px;
		grid-column-gap : 0;
		grid-template-columns: auto;
	}

	.grid3_mobile {
		grid-row-gap: 10px;
		grid-column-gap : 0;
		grid-template-columns: auto;
	}

	.grid4_mobile {
		grid-row-gap: 5px;
		grid-column-gap : 0;
		grid-template-columns: auto;
	}

	.page-fill-2 { width: 90%; padding: 0 5%; }
	.page-fill-3 { width: 90%; padding: 0 5%; }

	.s0_2_mobile { width: 100%; float: left; }
	.s0_5_mobile { width: 100%; float: left; }
	.s1_mobile { width: 100%; float: left; }
	.s2_mobile { width: 100%; float: left; }
	.s3_mobile { width: 100%; float: left; }
	.s4_mobile { width: 100%; float: left; }
	.s5_mobile { width: 100%; float: left; }
	.s5_5_mobile { width: 100%; float: left; }
	.s6_mobile { width: 100%; float: left; }
	.s7_mobile { width: 100%; float: left; }
	.s8_mobile { width: 100%; float: left; }
	.s9_mobile { width: 100%; float: left; }
	.s10_mobile { width: 100%; float: left; }
	.s11_mobile { width: 100%; float: left; }
	.s12_mobile { width: 100%; float: left; }
	.s13_mobile { width: 100%; float: left; }
	.s14_mobile { width: 100%; float: left; }
	.s15_mobile { width: 100%; float: left; }
	.s16_mobile { width: 100%; float: left; }
	.s17_mobile { width: 100%; float: left; }
	.s18_mobile { width: 100%; float: left; }
	.s19_mobile { width: 100%; float: left; }
	.s20_mobile { width: 100%; float: left; }


	.s1_tab { width: 100%; float: left; }
	.s2_tab { width: 100%; float: left; }
	.s3_tab { width: 100%; float: left; }
	.s4_tab { width: 100%; float: left; }
	.s5_tab { width: 100%; float: left; }
	.s6_tab { width: 100%; float: left; }
	.s7_tab { width: 100%; float: left; }
	.s8_tab { width: 100%; float: left; }
	.s9_tab { width: 100%; float: left; }
	.s10_tab { width: 100%; float: left; }
	.s11_tab { width: 100%; float: left; }
	.s12_tab { width: 100%; float: left; }
	.s13_tab { width: 100%; float: left; }
	.s14_tab { width: 100%; float: left; }
	.s15_tab { width: 100%; float: left; }
	.s16_tab { width: 100%; float: left; }
	.s17_tab { width: 100%; float: left; }
	.s18_tab { width: 100%; float: left; }
	.s19_tab { width: 100%; float: left; }
	.s20_tab { width: 100%; float: left; }

	.page-content-center2 { text-align: center; display: block; align-items: center; justify-content: center; }

}



/* tablets portrait, phones landscape */
@media screen and (min-width: 768px){

	.hide-tab { display: none; }
	.show-tab { display: block; }
	.hide-tab-mobile { display: none; }
	.hide-mobile { display: block; }
	.hide-mobile_{ display: inline; }
	.show-tab-mobile { display: block; }
	.show-mobile { display: none; }
	.hide-13inch-tab-mobile { display: none; }

	.page-container-wide { width: 98%;/**/ margin: auto; }
	.page-container-large { width: 90%; margin: auto; }
	.page-container-regular { width: 90%; margin: auto; }
	.page-container-regular-st1 { width: 100%; float: left; }
	.page-container-regular-st2-right { width: 100%; margin-left: 0; float: left; }
	.page-container-regular-st2-left { width: 100%; margin-right: 0; float: left; }
	.page-container-small { width: 90%; margin: auto; }
	.page-container-small2 { width: 90%; margin: auto; }
	.page-container-lil { width: 90%; margin: auto; }
	.top-page-correction { width: auto; margin-top: 0; }

    .page-splitter-100 { width: 100%; float: left; }
    .page-splitter-50 { width: 50%; float: left; }
    .page-splitter-60 { width: 60%; float: left; }
    .page-splitter-40 { width: 40%; float: left; }
    .page-splitter-70 { width: 70%; float: left; }
    .page-splitter-30 { width: 30%; float: left; }
    
    
    .page-splitter-w50 { width: 47%; margin-right: 3%; float: left; }
    .page-splitter-w50_ { width: 47%; margin-left: 3%; float: left; }
    
    .page-splitter-w70 { width: 65%; margin-right: 5%; float: left; }
	.page-splitter-w70_ { width: 65%; margin-left: 5%; float: left; }
	.page-splitter-w40 { width: 40%; margin-right: 0%; float: left; }
    .page-splitter-w30 { width: 30%; float: left; }

	.page-fill-text { padding: 0 5%; }

	.page-fill-mobile-2 { width: 100%; padding: 0 0; }
	.page-fill-mobile-3 { width: 100%; padding: 0 0; }
	.page-fill-mobile-4 { width: 100%; padding: 0 0; }
	.page-fill-mobile-5 { width: 100%; padding: 0 0; }

	.page-fill-5 { width: 90%; padding: 0 5%; }
	
	.page-space { width: 100%; height: 85px; }
	.page-space2{ width: 100%; height: 65px; }
	.page-space-bottom { width: 100%; height: 40px; }


	.grid2_mobile {
		grid-row-gap: 5px;
		grid-column-gap : 1%;
		grid-template-columns: auto auto;
	}

	.grid3_mobile {
		grid-row-gap: 5px;
		grid-column-gap : 1%;
		grid-template-columns: auto auto auto;
	}

	.grid4_mobile {
		grid-row-gap: 5px;
		grid-column-gap : 1.5%;
		grid-template-columns: 23.7% 23.7% 23.7% 23.7%;
	}
	


	.s0_2_mobile { width: 1%; float: left; }
	.s0_5_mobile { width: 2.5%; float: left; }
	.s1_mobile { width: 5%; float: left; }
	.s2_mobile { width: 10%; float: left; }
	.s3_mobile { width: 15%; float: left; }
	.s4_mobile { width: 20%; float: left; }
	.s5_mobile { width: 25%; float: left; }
	.s5_5_mobile { width: 27%; float: left; }
	.s6_mobile { width: 30%; float: left; }
	.s7_mobile { width: 35%; float: left; }
	.s8_mobile { width: 40%; float: left; }
	.s9_mobile { width: 45%; float: left; }
	.s10_mobile { width: 50%; float: left; }
	.s11_mobile { width: 55%; float: left; }
	.s12_mobile { width: 60%; float: left; }
	.s13_mobile { width: 65%; float: left; }
	.s14_mobile { width: 70%; float: left; }
	.s15_mobile { width: 75%; float: left; }
	.s16_mobile { width: 80%; float: left; }
	.s17_mobile { width: 85%; float: left; }
	.s18_mobile { width: 90%; float: left; }
	.s19_mobile { width: 95%; float: left; }
	.s20_mobile { width: 100%; float: left; }

}



/* tablets landscape */
@media screen and (min-width: 992px){

	.hide-tab { display: none; }
	.show-tab { display: block; }
	.hide-tab-mobile { display: none; }
	.hide-mobile { display: block; }
	.hide-mobile_{ display: inline; }
	.show-tab-mobile { display: block; }
	.show-mobile { display: none; }
	.hide-13inch-tab-mobile { display: none; }

	.page-container-wide { width: 96%;/**/ margin: auto; }
	.page-container-large { width: 90%; margin: auto; }
	.page-container-regular { width: 90%; margin: auto; }
	.page-container-regular-st1 { width: 100%; float: left; }
	.page-container-regular-st2-right { width: 100%; margin-left: 0; float: left; }
	.page-container-regular-st2-left { width: 100%; margin-right: 0; float: left; }
	.page-container-small { width: 800px; margin: auto; }
	.page-container-small2 { width: 700px; margin: auto; }
	.page-container-lil { width: 650px; margin: auto; }

	.page-fill-text { padding: 0 5%; }




	.s1_tab { width: 100%; float: left; }
	.s2_tab { width: 100%; float: left; }
	.s3_tab { width: 100%; float: left; }
	.s4_tab { width: 100%; float: left; }
	.s5_tab { width: 100%; float: left; }
	.s6_tab { width: 100%; float: left; }
	.s7_tab { width: 100%; float: left; }
	.s8_tab { width: 100%; float: left; }
	.s9_tab { width: 100%; float: left; }
	.s10_tab { width: 100%; float: left; }
	.s11_tab { width: 100%; float: left; }
	.s12_tab { width: 100%; float: left; }
	.s13_tab { width: 100%; float: left; }
	.s14_tab { width: 100%; float: left; }
	.s15_tab { width: 100%; float: left; }
	.s16_tab { width: 100%; float: left; }
	.s17_tab { width: 100%; float: left; }
	.s18_tab { width: 100%; float: left; }
	.s19_tab { width: 100%; float: left; }
    .s20_tab { width: 100%; float: left; }
    
}



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

	.hide-tab { display: block; }
	.show-tab { display: none; }
	.hide-tab-mobile { display: block; }
	.show-tab-mobile { display: none; }
	.hide-13inch-tab-mobile { display: none; }

	.page-container-wide { width: 1150px; /*1200px*/ margin: auto; }
	.page-container-large { width: 1100px; margin: auto; }
	.page-container-regular { width: 1000px; margin: auto; }
	.page-container-regular-st1 { width: 670px; float: left; }
	.page-container-regular-st2-right { width: 300px; margin-left: 30px; float: left; }
	.page-container-regular-st2-left { width: 300px; margin-right: 30px; float: left; }
	.page-container-small { width: 900px; margin: auto; }
	.page-container-small2 { width: 800px; margin: auto; }
	.page-container-lil { width: 750px; margin: auto; }

	.page-fill-text { padding: 0 0; }

	.page-space { width: 100%; height: 105px; }
	.page-space2{ width: 100%; height: 85px; }
	.page-space-bottom { width: 100%; height: 50px; }



	.s1_tab { width: 5%; float: left; }
	.s2_tab { width: 10%; float: left; }
	.s3_tab { width: 15%; float: left; }
	.s4_tab { width: 20%; float: left; }
	.s5_tab { width: 25%; float: left; }
	.s6_tab { width: 30%; float: left; }
	.s7_tab { width: 35%; float: left; }
	.s8_tab { width: 40%; float: left; }
	.s9_tab { width: 45%; float: left; }
	.s10_tab { width: 50%; float: left; }
	.s11_tab { width: 55%; float: left; }
	.s12_tab { width: 60%; float: left; }
	.s13_tab { width: 65%; float: left; }
	.s14_tab { width: 70%; float: left; }
	.s15_tab { width: 75%; float: left; }
	.s16_tab { width: 80%; float: left; }
	.s17_tab { width: 85%; float: left; }
	.s18_tab { width: 90%; float: left; }
	.s19_tab { width: 95%; float: left; }
	.s20_tab { width: 100%; float: left; }	

}


@media screen and (min-width: 1400px){



}


@media screen and (min-width: 1500px){

	.hide-13inch-tab-mobile { display: block; }

}


@media screen and (min-width: 1600px){

	/*.grid2 { grid-template-columns: auto auto; }
	.grid3 { grid-template-columns: auto auto auto; }
	.grid4 { grid-template-columns: auto auto auto auto; }
	.grid5 { grid-template-columns: auto auto auto auto auto; }
	.grid6 { grid-template-columns: auto auto auto auto auto auto; }*/
	

	.page-container-wide { width: 1500px;/*1600px*/ margin: auto; }
	.page-container-large { width: 1300px; margin: auto;  }
	.page-container-regular { width: 1130px; margin: auto; }
	.page-container-regular-st1 { width: 800px; float: left; }
	.page-container-regular-st2-right { width: 300px; margin-left: 30px; float: left; }
	.page-container-regular-st2-left { width: 300px; margin-right: 30px; float: left; }
	.page-container-small { width: 1000px; margin: auto; }
	.page-container-small2 { width: 900px; margin: auto; }
	.page-container-lil { width: 800px; margin: auto; }

	.page-space { width: 100%; height: 120px; }
	.page-space2{ width: 100%; height: 100px; }
	.page-space-bottom { width: 100%; height: 60px; }

}


@media screen and (min-width: 1800px){



}


@media screen and (min-width: 2300px){

	.page-container-wide { width: 1700px; margin: auto; }
	.page-container-large { width: 1400px; margin: auto;  }
	.page-container-regular { width: 1230px; margin: auto; }
	.page-container-regular-st1 { width: 900px; float: left; }
	.page-container-regular-st2-right { width: 300px; margin-left: 30px; float: left; }
	.page-container-regular-st2-left { width: 300px; margin-right: 30px; float: left; }
	.page-container-small { width: 1100px; margin: auto; }
	.page-container-small2 { width: 1000px; margin: auto; }
	.page-container-lil { width: 900px; margin: auto; }

}


@media screen and (min-width: 3200px){



}