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

html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

body { 
	background:#fff;
	font-size:1.4rem;
	line-height:1.7rem;
	color:#414141;
	width:100%;
	height:100%;
}

/*-- ALLIANZ NEO LIGHT --*/
@font-face {
	font-family:'AllianzNeo Light';
	src: url('../fonts/AllianzNeoLight/AllianzNeoW01-Light.eot?#iefix') format("embedded-opentype"),
	url('../fonts/AllianzNeoLight/AllianzNeoW01-Light.svg#AllianzNeoLight') format("svg"),
	url('../fonts/AllianzNeoLight/AllianzNeoW01-Light.woff2') format("woff2"),
	url('../fonts/AllianzNeoLight/AllianzNeoW01-Light.woff') format("woff"),
	url('../fonts/AllianzNeoLight/AllianzNeoW01-Light.ttf') format("truetype");
	font-style:normal;
	font-weight:normal;
}

/*-- ALLIANZ NEO REGULAR --*/
@font-face {
	font-family:'AllianzNeo Regular';
	src: url('../fonts/AllianzNeoRegular/AllianzNeoW02-Regular.eot?#iefix') format("embedded-opentype"),
	url('../fonts/AllianzNeoRegular/AllianzNeoW02-Regular.svg#AllianzNeoRegular') format("svg"),
	url('../fonts/AllianzNeoRegular/AllianzNeoW02-Regular.woff2') format("woff2"),
	url('../fonts/AllianzNeoRegular/AllianzNeoW02-Regular.woff') format("woff"),
	url('../fonts/AllianzNeoRegular/AllianzNeoW02-Regular.ttf') format("truetype");
	font-style:normal;
	font-weight:normal;
}

/*-- ALLIANZ NEO BOLD --*/
@font-face {
	font-family:'AllianzNeo Bold';
	src: url('../fonts/AllianzNeoBold/AllianzNeoW01-Bold.eot?#iefix') format("embedded-opentype"),
	url('../fonts/AllianzNeoBold/AllianzNeoW01-Bold.svg#AllianzNeoBold') format("svg"),
	url('../fonts/AllianzNeoBold/AllianzNeoW01-Bold.woff2') format("woff2"),
	url('../fonts/AllianzNeoBold/AllianzNeoW01-Bold.woff') format("woff"),
	url('../fonts/AllianzNeoBold/AllianzNeoW01-Bold.ttf') format("truetype");
	font-style:normal;
	font-weight:normal;
}

/*-- ALLIANZ NEO CONDENSED LIGHT --*/
@font-face {
	font-family:'AllianzNeo CondLight';
	src: url('../fonts/AllianzNeoCondLight/AllianzNeoW01-CondLight.eot?#iefix') format("embedded-opentype"),
	url('../fonts/AllianzNeoCondLight/AllianzNeoW01-CondLight.svg#AllianzNeoCondLight') format("svg"),
	url('../fonts/AllianzNeoCondLight/AllianzNeoW01-CondLight.woff2') format("woff2"),
	url('../fonts/AllianzNeoCondLight/AllianzNeoW01-CondLight.woff') format("woff"),
	url('../fonts/AllianzNeoCondLight/AllianzNeoW01-CondLight.ttf') format("truetype");
	font-style:normal;
	font-weight:normal;
}

/*-- ALLIANZ NEO CONDENSED BOLD --*/
@font-face {
	font-family:'AllianzNeo CondBold';
	src: url('../fonts/AllianzNeoCondBold/AllianzNeoW01-CondensedBold.eot?#iefix') format("embedded-opentype"),
	url('../fonts/AllianzNeoCondBold/AllianzNeoW01-CondensedBold.svg#AllianzNeoCondBold') format("svg"),
	url('../fonts/AllianzNeoCondBold/AllianzNeoW01-CondensedBold.woff2') format("woff2"),
	url('../fonts/AllianzNeoCondBold/AllianzNeoW01-CondensedBold.woff') format("woff"),
	url('../fonts/AllianzNeoCondBold/AllianzNeoW01-CondensedBold.ttf') format("truetype");
	font-style:normal;
	font-weight:normal;
}

.headerContent, 
.sectionContent {
	width:100%;
	overflow:hidden;
	padding:0 20px;
	box-sizing:border-box;
	margin:0 auto;
}

a {
	color:#55acee;
}

.strong {
	font-weight:bold;
}

.upper {
	text-transform:uppercase;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:990px) {}

/*-- FOR XLARGE DEVICES --*/
@media screen and (min-width:1100px) {}


/*---------------------------------
LANDING PAGE
-----------------------------------*/
header {
	height:60px;
}

.headerContent a {
	display:block;
}

.headerContent {
	padding-top:13px;
	padding-bottom:12px;
}

.content {
	width:100%;
	margin:35px auto;
	box-sizing:border-box;
}

.band {
	position:relative;
	background:url(../images/visuels/visuel-mobile.jpg) center center no-repeat;
	background-size:cover;
	height:440px;
	margin:0 -20px;
}

.band div {
	position:absolute;
	top:0;
	right:0;
	left:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:75%;
	height:100%;
	margin:0 auto;
}

.band h1 {
	font-family:'AllianzNeo Regular';
	font-weight:normal;
	font-size:4.8rem;
	line-height:5.6rem;
	color:#fff; 
	text-align:center;
}

.band h1 span {
	display:block;
	font-size:2rem;
	line-height:2.7rem;
}

.band img {
	display:block;
	width:105px;
	height:105px;
	margin:15px auto 0 auto;
}

img.hiddenForDesktop {
	display:block;
	width:100%;
	max-width:346px;
	height:auto;
	margin:0 auto;
}

img.hiddenForMobile {
	display:none;
}

p {
	font-family:'AllianzNeo Light';
	font-size:1.8rem;
	line-height:2.4rem;
	color:#414141;
	text-align:center;
	width:96%;
	margin:0 auto;
	padding:50px 0 24px 0;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:375px) {
	.band div {
		width:74%;
	}
	
	p {
		/*width:70%;*/
	}
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:425px) {
	.band div {
		width:74%;
	}
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {
	header {
		width:85%;
		margin:0 auto;
	}
	
	.band div {
		width:95%; 
	}
		
	.band img {
		width:145px;
		height:145px;
	}
	
	p {
		/*width:90%;*/
	}
	
	img.hiddenForDesktop {
		display:none;
	}

	img.hiddenForMobile {
		display:block;
		width:100%;
		max-width:771px;
		height:auto;
		margin:0 auto;
	}
}

/*-- FOR LARGE DEVICES --*/ 
@media screen and (min-width:990px) {
	.content {
		width:95%;
		margin:70px auto;
	}
	
	.band {
		background:url(../images/visuels/visuel.jpg) center center no-repeat;
		background-size:cover;
	}

	p {
		/*width:70%;*/
		padding:15px 0 22px 0;
	}
}

/*-- FOR XLARGE DEVICES --*/ 
@media screen and (min-width:1100px) {
	.band h1 {
		width:75%;
	}
	
	p {
		/*width:49%;*/
	}
}

/*-- FOR XLARGE DEVICES --*/ 
@media screen and (min-width:1500px) {
	.band {
		height:540px; 
	}
	
	p {
		/*width:37%;*/
	}
}