@charset "UTF-8";
/* CSS Document */

:root {
	--brand_lightblue:   #71BAEA;
	--brand_blue:        #1973AE;
	--brand_lightgray:   #D1D0D1;
	--brand_gray:        #71808D;
	--brand_darkgray:    #5B6772;
	--brand_darkestgray: #2E353C;
}

	/* default settings */
	
	html { margin: 0; padding: 0; font-family: Lato, Arial, sans-serif; font-size: 10px; line-height: 13px; min-height: 100%; overflow-y: auto; }
	html,body { overflow-x:hidden; }
	html {
		background-color:white;
		/*transform: translate3d(0,0,0);  */
		overscroll-behavior: contain;
	}
	body {
		min-height: inherit;
		overflow: hidden;
	}
	body:before {
		display:block;
		content:" ";
		position:absolute;
		width:100%;
		height:100px;
		margin:0 0 -100px 0;
		top:-100px;
		background-color:#153572;
	}
	body,div,p,ul,li { margin: 0; padding: 0; }
	div,span,h1,h2,h3,h4,h5,h6,i { background-position: center center; background-repeat: no-repeat; background-size: contain; margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6 { font-weight: normal; text-align: left; }
	p,ul,ol { font-weight: normal; text-align: left; margin: 0; padding: 0; }
	li { list-style: none; margin: 0; padding: 0; }
	img { border: none; }
	figure { margin:0;padding:0;background-size: cover; margin-block-start:0; margin-block-end:0; margin-inline-start:0; margin-inline-end:0;}
	figure img { visibility: hidden;width:100%;height: auto; }
	ul li, a { font-family: inherit; color: inherit; }
	i,em { font-style: normal; }
	p b { color: inherit; }
	em b { color: inherit!important; }
	a { text-decoration: none; }
	a:hover { text-decoration: underline; }
	a.foreign-link { font-weight: bold; color:#153572; }
	.body p.bold { font-weight: bold; }
	.page { position: relative; left: 50%; transform: translateX(-50%); }
	.asterisk {  font-weight: normal; }
	.important { color:#f7ec40!important; }
	.UC { text-transform: uppercase; }
	cite {
		display: inline-block;
		font-family: Monospace;
		font-style: normal;
		font-size: 1.2rem;
		line-height: 1.5;
		margin-bottom: 5px;
		padding: 5px;
		background-color: antiquewhite;
	}

	
	/* nonbreaking spaces (before) 								*/	.spb { white-space: nowrap; display: inline; margin-left:0.15em; }
	/* nonbreaking spaces (after) 								*/	.spa { white-space: nowrap; display: inline; margin-right:0.15em; }
	/* allowing article to keep with next word (a, az)			*/	.article { white-space: nowrap;}
	/* avoid break between words 								*/	.wab { white-space: nowrap;}
	/* optional break between words 							*/	.wob { white-space: normal; display: table; }
	/* no breaking content 										*/	.nb { display: inline-block; white-space: nowrap; }

 	@media screen and (min-width:   0px) and (max-width: 859px) {
		.wab {white-space: normal;}
	}
	

	/* responsives */

	@media screen and (min-width:1440px)                        {	/*	XXXL: 1440 -		*/	}
	@media screen and (min-width:1240px) and (max-width:1439px) {	/*	 XXL: 1240 - 1439	*/	}
	@media screen and (min-width:1040px) and (max-width:1239px) {	/*	  XL: 1040 - 1239	*/	}
	@media screen and (min-width: 960px) and (max-width:1039px) {	/*	   L:  960 -  375	*/	}
 	@media screen and (min-width: 860px) and (max-width: 959px) {	/*	   M:  860 -  959	*/	}
 	@media screen and (min-width: 700px) and (max-width: 859px) {	/*	   S:  700 -  859	*/	}
 	@media screen and (min-width: 580px) and (max-width: 699px) {	/*	  XS:  580 -  699	*/	}
 	@media screen and (min-width: 310px) and (max-width: 579px) {	/*	 XXS:    0 -  375, mirror: 310	*/	}

	@media screen and (min-width:   0px) and (max-width: 859px) {	/*	   MOBILE	XXS-S:     0-  859	*/	div[data-desktop="1"], div[data-tablet="1"] { display: none!important; } }
	@media screen and (min-width: 860px) and (max-width:1039px) {	/*	   TABLET	M-L:     860- 1039	*/	div[data-desktop="1"], div[data-mobile="1"] { display: none!important; } }
	@media screen and (min-width:1040px)                        {	/*	   DESKTOP	M-XXXL: 1040-		*/	div[data-tablet="1"],  div[data-mobile="1"] { display: none!important; } }

	/* elements */

	small { display: block; width: 100%; height: 20px; }
	big   { display: block; width: 100%; height: 40px; }
	
	/* background */
	
	html {
		height: 100%;
		overflow-x: hidden;
	}
	body {
		background-repeat: no-repeat;
		background-position: top center;
		background-attachment: fixed;
		background-size: cover;
	}
	
	/* sections / components */

	[data-component="header"] { position: absolute; width: 100%; z-index: 400; }
	[data-component="body"  ] {}
	[data-component="footer"] {}












	/* SECTIONS */
	




	/* base.body.css */
	/* footnote.css */
	/* body.css */
	/* blocks.css */
	/* elements.css */
	/* menus.css */
	/* slider.css */






	
	


	/* dialog */
	.dialog-wrapper {
		position: relative;
		margin: 25px 15px 25px 15px;
		width: 500px;
		left: 50%;
		transform: translateX(-50%);
	}
	@media screen and (min-width: 0px) and (max-width: 579px)	{
		.dialog-wrapper { width: 80%; }
	}
	
	
	.dialog-wrapper p.has-picto { font-size: 20px; line-height: 25px; padding-bottom: 15px; }
	.dialog-wrapper .picto { position: relative; display: block; width: 30px; height: 30px; margin: 0 0 -30px 0; padding: 0 0 0 30px; left: -10px; top: -2px; background-repeat: no-repeat; background-position: center center; background-size: 30px 30px;	}
	.dialog-wrapper .picto[data-picto="done"      ] { background-image: url("../../images/form/done.png"); }
	.dialog-wrapper .picto[data-picto="failed"    ] { background-image: url("../../images/form/failed.png"); }
	.dialog-wrapper .picto[data-picto="email-sent"] { background-image: url("../../images/form/email-sent.png"); }
	.dialog-wrapper .copy { display: block; position: relative; margin: 0 0 0 50px; }
	
	/* content */
	.content-wrapper {
		margin: 0;
	}
	
	/* spacers */
	.spacer { float:none; clear: both; display: block; 	}
	.spacer[data-size="small"] { height: 15px; }
	.spacer[data-size="medium"] { height: 25px; }
	.spacer[data-size="big"] { height: 40px; }

	
	
	
	

	
	
	
	




			




















			
			






			
			



			
			
			
		

			
			
			

			

			





























/* DEVELOPMENT */
	
	.mirror {
		outline: 1px dashed orange;
		outline: none;
	}


/* BROWSER HACKS */

	/* INPUT BOXES */
	
		/* Chrome, Safari, Edge, Opera */

			input::-webkit-outer-spin-button,
			input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
			}

		/* Firefox */

			input[type=number] {
			  -moz-appearance: textfield;
			}