@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('AvenirNextCondensed-Medium.woff2') format('woff2'),
        url('AvenirNextCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('AvenirNextCondensed-Regular.woff2') format('woff2'),
        url('AvenirNextCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('AvenirNextCondensed-Bold.woff2') format('woff2'),
        url('AvenirNextCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Condensed Ultra';
    src: url('AvenirNextCondensed-UltraLight.woff2') format('woff2'),
        url('AvenirNextCondensed-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('AvenirNextCondensed-DemiBold.woff2') format('woff2'),
        url('AvenirNextCondensed-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
a {
	color:#126fb6;
}
p strong {
	font-weight:600;
}
.footer p strong {
	font-weight:bold;
}
h1 {
	background-color: #126fb6;
	color: #b8d4e9;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 40px;
	padding: 7px 10px 3px 10px;
	margin-bottom: 0
}
h2 {
	font-size: 21px;
	text-transform: uppercase;
	color: #00aeef;
	margin-top: 5px;
	font-weight: 500;
	padding-left: 10px;
}
.HL_WIDGET_WYSIWYG>div>p:first-child {
	margin-top:0;
}
.HL_BLOCK.HN_LAYOUT_1x2_1x2 .HL_WIDTH_1x2, .HL_BLOCK.LAYOUT_50_50  .HL_WIDTH_1x2{
	width: 50%;
	padding: 0 0.5% 0 0;
}
.HL_BLOCK.HN_LAYOUT_1x2_1x2 .HL_DIVISION_1, .HL_BLOCK.LAYOUT_50_50  .HL_DIVISION_1 {
	padding-right:0;
}


.footer {
	line-height:1.25em;
	margin-top:50px;
	margin-bottom:30px;
}
.footer .HL_WIDGET_MENU ul {
	list-style-type: none;
	padding:0;
	margin:0;
	line-height: 12px;
	text-align: center;
}
.footer .HL_WIDGET_MENU li a {
	color:#666;
	font-size:12px;
	text-transform: uppercase;
	text-decoration:none;
}
.footer .HL_WIDGET_MENU li a:hover {
	text-decoration:underline;
}
.footer .HL_WIDGET_WYSIWYG p {
	margin-bottom:0;
}
body {
	font-family:'Avenir Next Condensed',"Arial", sans-serif;
	
	margin:0;
	/*font-size:20px;
	color:#757575;*/
	
	font-size: 19px;
	color: #333;
	line-height: 1.1em;
}
body.editMode {
	margin-top:30px;
}
body.HN_WITH_TINYMCE {
    margin-top: 64px;
}

#content {
	width:1240px;
	margin:0 auto;
}
.grosBoutons .HL_WIDGET_WYSIWYG {
	/*border:1px solid #F00;*/
	color:#FFF;
	font-size:32px;
	transition:background-size 0.2s linear;
}
.grosBoutons .HL_WIDGET_WYSIWYG:hover {
	background-size: 116% auto!important;
}
.grosBoutons .HL_WIDTH_1x4 {
	padding:16px 8px;
	box-sizing: border-box;
}
.grosBoutons .HL_WIDGET_WYSIWYG>div {
	height:215px;
	display: table-row;
	
}
.grosBoutons .HL_WIDGET_WYSIWYG p {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: bottom;
	font-size: 43px;
	font-weight: bold;
	line-height: 0.8em;
	padding: 5px;
	opacity:0.75;
	transition:opacity 0.1s linear;
	cursor:pointer;
}
.grosBoutons .HL_WIDGET_WYSIWYG a {
	color:#FFF;
	text-decoration: none;
}
.grosBoutons .HL_WIDGET_WYSIWYG p:hover {
	opacity:1;
}

.headerHome {
	background-image:url("../images/bandeau.jpg");
	background-position: center;
	min-height:643px;
}
.headerHome .HL_WIDGET_IMAGE, .header .HL_WIDGET_IMAGE  {
	margin:10px 20px;
}
.menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	
}
.menu>ul {
	padding-left:25px;
	margin-top:37px;

}
.menu>ul>li:hover ul {
	display:block;
}

.menu>ul ul {		      
	position:absolute;
	display:none;
	margin-top:5px;
}
.menu>ul>li>a {
	font-weight:bold;
	font-size:22px;
}
.menu>ul>li {
	display:inline-block;
	
	vertical-align: top;
	text-transform: uppercase;
	font-size:19px;
	font-weight: 500;
	/*width:20%;*/
	padding:0 27px;
}
.menu > ul > li > ul > li {
	padding:1px 0;
}
.menu > ul > li > a {
	letter-spacing: 1px;
}
.headerHome .menu > ul > li > a {
	color:#FFF;
}
.header .menu > ul li a {
	color:#126fb6;
}
.menu>ul li a {
	text-decoration:none;
	
}
.menu>ul ul li a {
	color:#126fb6;
	text-transform: none;
}
.headerHome .menu>ul ul li a:hover {
	color:#FFF;
}
.header .menu>ul ul li a:hover {
	color: #00aeef;
}
.footer {
	font-size:41px;
	color:#126fb6;
}
.footer .fa {
	display:inline-block;
	font-size:18px;
	background-color:#126fb6;
	width:32px;
	height:32px;
	border-radius:16px;
	line-height: 32px;
	text-align: center;
	margin:0 5px;
}
.footer a{
	color:#FFF;
	text-decoration: none;
}
#buttonPlay {
	position:absolute;
	left:50%;
	margin-left:-60px;
	top:220px;
	cursor:pointer;
	transition:all 0.1s linear;
	width:121px;
	height:121px;
}
#buttonPlay:hover {
	width:140px;
	height:140px;
	top:210px;
	margin-left:-70px;
}
.headerHome .HL_WIDGET_YOUTUBE {
	display: none;
	transition:all 0.1s linear;
}
.headerHome .HL_WIDGET_YOUTUBE iframe {
	vertical-align: top;
}
.headerHome .HL_WIDGET_YOUTUBE.menuOpened {
	margin-top:82px;
}
#z2 {
	transition:all 0.1s linear;
	margin-top:0;
}
#z2.menuOpened {
	margin-top:40px;
}
/***********************************/

body.editMode .HL_WIDGET {
    outline: 1px dashed rgba(0,0,0,0.2)!important;
}

._page_partOver {
	border:0px solid #F00!important;
	position:absolute!important;
	top:-32px!important;
	left:0!important;
	background-color:#444445!important;
	color:#FFF!important;
	text-align:center!important;
	display:table-cell!important;
	vertical-align:center!important;
	z-index:100!important;
	line-height:32px!important;
	font-size: 20px!important;
	/*box-shadow:0 0 10px rgba(255,255,255,0.7) inset;*/
}
._page_partOver i {
	background-color: #367fa9;
	border: 1px solid #367fa9;
	border-radius: 65px;
	cursor: pointer;
	font-size: 20px;
	height: 24px;
	line-height: 24px;
	margin: 3px 5px;
	text-align: center;
	vertical-align: top;
	width: 24px;
}
._page_partOver i:hover {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color:#367fa9
}

#menuResponsive {
	position: fixed;
	top: 0;
	left: -100%;
	background-color: #193066;
	height: 100%;
	width:100%;
	transition:left 0.2s linear;
	z-index:10;
	display:none;
}
#menuResponsive.visible {
	left:0px;
}
#menuResponsive.visible i.fa::before {
	content: "\f00d";
}
#menuResponsive.visible i {
	right:0;
}
#menuResponsive i {
	position: absolute;
	right: -48px;
	/*border: 1px solid #F00;*/
	width: 48px;
	height: 48px;
	top: 0;
	background-color: #193066;
	color: #FFF;
	text-align: center;
	line-height: 48px;
	cursor:pointer;
	transition:right 0.2s linear;
	font-size:32px;
}
#menuResponsive a {
	color:#FFF;
	text-decoration: none;
}
#menuResponsive ul {
	list-style-type:none;
}
#menuResponsive>ul>li>a {
	font-weight:bold;
}
#menuResponsive>ul>li {
	padding-bottom:10px;
}
@media screen and (max-width: 1240px) {
	#content {
		width:100%;
	}
	.grosBoutons .HL_WIDGET_WYSIWYG > div {
		height: 17vw;
	}	
	.grosBoutons .HL_WIDGET_WYSIWYG p {
		font-size:24px;
	}
	#z2 .HL_WIDGET_WYSIWYG {
		padding-left:10px;
		padding-right:10px;
	}
	h1 {
		font-size:30px;
		line-height: 30px;
	}
	.menu > ul > li > a {
		font-size:18px;
	}
	#z2.menuOpened {
		margin-top:60px;
	}
}
@media screen and (max-width: 1042px) {
	.menu > ul > li {
		padding:0 14px
	}
	.menu > ul {
		margin-top: 32px;
	}
	#z2.menuOpened {
		margin-top:70px;
	}
}
@media screen and (max-width: 900px) {
	.menu > ul > li {
		padding: 0 8px;
	}
	.menu > ul > li > a {
		font-size: 16px;
	}
	.menu > ul {
		padding-left:5px;
		margin-top: 22px;
	}
	#z2.menuOpened {
		margin-top:90px;
	}
}
@media screen and (max-width: 748px) {

	#z2 .HL_WIDTH_1x2 {
		width:100%;
	}
	#z2 .HL_WIDGET_WYSIWYG {
		padding-left:10px;
		padding-right:10px;
	}
	.grosBoutons .HL_WIDTH_1x4 {
		width:50%;
	}
	.grosBoutons .HL_WIDGET_WYSIWYG p {
		font-size:24px;
	}
	.grosBoutons .HL_WIDGET_WYSIWYG > div {
		height: 34vw;
	}
	.footer {
		font-size: 30px;
		padding:0 20px;
		margin-top:20px;
	}
	h1 {
		font-size:30px;
		line-height: 30px;
	}
	#buttonPlay {
		display:none;
	}
	.headerHome .HL_WIDTH_1x6, .header .HL_WIDTH_1x6 {
		width:100%;
	}
	.headerHome .HL_WIDTH_5x6, .header .HL_WIDTH_5x6 {
		width:100%;
	}
	.headerHome .HL_WIDTH_1x6 img, .header .HL_WIDTH_1x6 img {
		max-width:170px;
	}
	.headerHome .HL_WIDGET_IMAGE, .header .HL_WIDGET_IMAGE {
		text-align: center;
	}
	.menu {
		text-align: center;
		padding-top:20px;
	}
	.menu > ul {
		display: inline;
	}
	.menu > ul > li {
		text-align: left;
	}
	#z2.menuOpened {
		margin-top:90px;
	}
}
@media screen and (max-width: 620px) {
	.headerHome .HL_WIDTH_1x6, .header .HL_WIDTH_1x6 {
		width:100%;
	}
	.headerHome .HL_WIDTH_1x6 img, .header .HL_WIDTH_1x6 img {
		max-width:170px;
	}
	.headerHome .HL_WIDGET_IMAGE, .header .HL_WIDGET_IMAGE {
		text-align: center;
	}
	.headerHome .HL_WIDTH_5x6, .header .HL_WIDTH_5x6 {
		width:50%;
	}
	.menu {
		display:none;
	}
	#menuResponsive {
		display: block;
	}
	.headerHome {
		min-height: 100vw;
		background-size: cover;
	}
}
@media screen and (max-width: 360px) {
	.grosBoutons .HL_WIDTH_1x4 {
		width:100%;
	}
	.grosBoutons .HL_WIDGET_WYSIWYG > div {
		height: 68vw;
	}
	.footer {
		font-size: 20px;
		padding:0 20px;
		margin-top:10px;
	}
	h1 {
		font-size:20px;
		line-height: 20px;
	}
	h2 {
		font-size:16px;
	}
	.headerHome {
		min-height: 100vw;
		background-size: cover;
	}
	
}

@media screen and (max-width: 780px) {
	
}
@media screen and (max-width: 500px) {
	
}