/*  ============================================================================
    IMPORTS
    ========================================================================== */
@import url(reset.css);
@import url(simplegrid.css);
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

.module.faq 						{ margin: 30px 0;  }
.faq .question-content 				{ margin-bottom: 5px; }
.faq .faq-response 					{ border: 1px solid #E5E5E5; display: none; padding: 15px;}
.faq .faq-question 					{ font-size: 17px; line-height: 24px; font-weight: 300; color:#212121;  }
.faq .faq-question p 				{ font-size: 17px; line-height: 24px; font-weight: 300; margin-bottom: 30px; color:#3a3a3a; }
.faq .faq-question p.faq-title 		{ background-color: #E5E5E5; border: 1px solid #E5E5E5; color:#545454; cursor: pointer; margin: 0; padding: 10px 15px; }
.faq .faq-question p.faq-title:hover{ background-color: #545454; color:#FFF; }
.faq .faq-question .fas 			{ float: right; padding: 5px 4px 0 0; }
.faq .faq-response p:last-of-type 	{ margin-bottom: 0; }

.faq-box							{ border: 1px solid black; border-radius: 5px; margin: 15px 0px; }
.faq-box h2							{ font-size: 1.6rem; padding: 20px; margin: 0; }
.faq-box p							{ padding: 20px; margin: 0; }
.faq-content						{ margin-bottom: 40px; }
.answer-box		 					{ display: none; }
.question-box						{ cursor: pointer; }
.question-box h2:hover				{ background-color: #3f5e97; color: white; }

.yellow-banner						{ background-color: #ffb30f; text-align: center; }
.yellow-banner p					{ padding-bottom: 25px;}
img.hanger							{ max-width: 10%; height: auto; padding-top: 20px; }
.yellow								{ background-color: #ffb30f; height: inherit; padding-left: 25px; padding-right: 25px; padding-top: 10px; margin-bottom: 0; margin-right:0; }
.blue								{ background-color: #0f3a89; padding-left: 25px; padding-right: 0!important; padding-top: 10px; margin-bottom: 0!important; margin-right:0!important; }
.blue-title							{ background-color: #0f3a89; border-radius: 5px; padding: 5px 5px 5px 5px; margin-right: 10px; text-align: center; display: flex; justify-content: center; }
.blue p								{ color: white!important; }
.blue h2							{ color: #ffb30f; }
a.footer							{ color: #ffb30f; }
a.footer:hover						{ color: #cc8b00; }
table.exposants						{ text-align: center;}

/*  ============================================================================
	GENERAL BASE BY Keven Ouellet
	========================================================================== */

.ui-datepicker-title select 		{ padding: 3px !important; font-size:16px !important; }

html								{ font-family: 'Source Sans Pro', Georgia, serif; font-size: 16px; line-height: 24px; font-weight: 400; height: 100%; color:#444;  }
body								{ font-family: 'Source Sans Pro', Georgia, serif; font-size: 16px; line-height: 24px; font-weight: 400; height: 100%; color:#444; background-color: #FFF; }

.ckeditor ul						{ list-style: square; padding: 0; padding-left: 30px;  }
.ckeditor ol						{ list-style: decimal; padding: 0; padding-left: 30px; }
.ckeditor iframe 					{ width: 100%;  }
body.cke_editable  					{ background: none; padding: 15px; }

/*  ============================================================================
    Positions
    ========================================================================== */

.clear                              { display: block; clear: both; overflow: hidden; height:0; margin:0; padding: 0; }
.align-left                         { float:left; margin-right: 20px; }
.align-right                        { float:right; margin-left: 20px; }
.align-center                       { text-align: center; }
.full                               { width:100%; }

.fixed 								{ position: fixed; }
.left 								{ text-align: left; }
.right 								{ text-align: right; }
.center 							{ text-align: center; margin-left: auto; margin-right: auto; }
.center-padding						{ text-align: center; margin-left: auto; margin-right: auto; width: 65%; }

.inline 							{ display: inline; }
.inline-block 						{ display: inline-block; }
.block 								{ display: block; }

/*  ============================================================================
	TYPOGRAPHY
	========================================================================== */

h1									{ font-size: 52px; line-height: 44px; margin-bottom: 10px; font-weight: 700; color:black; }
h2									{ font-size: 36px; line-height: 40px; margin-bottom: 10px; margin-top: 20px; font-weight: 500; color:black;}
h3									{ font-size: 28px; line-height: 32px; margin-bottom: 15px; margin-top: 20px; font-weight: bold; color:#0a0094; }
h4									{ font-size: 22px; line-height: 26px; margin-bottom: 10px; margin-top: 20px; }
h5									{ font-size: 18px; line-height: 22px; margin-bottom: 10px; margin-top: 20px; }

h3.horaire							{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}

.titre 							 	{  padding: 6px 0px 6px 15px; border-radius: 25px; background-color: #fbbb01; color: #00498e;}

.page-wrapper img 					{ width: auto !important; height: auto !important; }

::-moz-selection					{ background: #000000; color: #fff; text-shadow: none; }
::selection							{ background: #000000; color: #fff; text-shadow: none; }

i, em								{ font-style: italic; }
strong, b							{ font-weight: bold; }
	
p									{ font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 15px; color:black; }
p.spacer							{ padding: 20px; }
p.spacer-large						{ padding: 40px;  }
p.section-title						{ text-align: center; font-size: 20px; line-height: 24px; font-weight: 300; }
p.sub-section-title					{ border-bottom: 1px solid #eee; font-weight: 700; }

small								{ font-size: 14px; }

.sponsor 							{ border-radius: 25px; margin-bottom:10px; }
img									{ max-width:100%; height: auto; vertical-align: middle; }
img.triquart 						{ max-width:75%; margin: 0 20px 20px 0; }
img.demi 							{ max-width:50%; margin: 0 20px 20px 0; }
img.tier 							{ max-width:33%; margin: 0 20px 20px 0; }
img.quart 							{ max-width:25%; margin: 0 20px 20px 0; }
img.banner							{ width: 100%;}
img.hotel-banner					{ margin-top: 10px; margin-bottom: 25px; }

sub, sup 							{ font-size: 12px; } 
sub 								{ vertical-align: sub; } 
sup 								{ vertical-align: super; }

blockquote 							{ font-family: Georgia, serif; font-size: 18px; font-style: italic; margin: 0.25em 0; padding: 0.25em 20px; line-height: 1.45; position: relative; color: #FFF; }
blockquote:before 					{ display: block; content: "\201C"; font-size: 120px; position: absolute; left: -20px; top: 0; color: #FFF; }
blockquote cite 					{ color: #FFF; font-size: 14px; display: block; margin-top: 5px; }
blockquote cite:before 				{ content: "\2014 \2009"; }

/*  ============================================================================
	LISTS
	========================================================================== */

ol,
ul									{ list-style: disc; padding: 0; margin-bottom: 30px; }
ul.square							{ list-style: square; }
ul ul,
ol ol 								{ margin-bottom:0; }
ol									{ list-style: decimal;  }
ul li,
ol li 								{ font-size: 14px; line-height: 20px; font-weight: 300; color:#FFF;}

ul.inline 							{ list-style: none; }
ul.inline li 						{ background-color: #333333; color:#FFF; display: inline-block; padding: 5px 10px; }

/*  ============================================================================
	LINKS & BUTTONS
	========================================================================== */

a									{ color:#333333; text-decoration: underline; }
a.tournee,
a.contest                           { color: white;}

a:hover								{ color:#EA3E00; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

a.read-more						 	{ padding: 5px 12px; margin: 10px 0; background-color: #333333; color:#FFF; text-decoration: none; display: inline-block; }
a.read-more:hover					{ background-color: #000000; text-decoration: none; }

a.more							 	{ padding: 13px 18px; margin: 10px 0; background-color: #141414; color:#FFF; text-decoration: none; display: inline-block; }
a.more:hover						{ background-color: #000000; text-decoration: none; }

a.button 							{ background-color: #FDB827; color: black; margin-bottom: 18px; padding: 12px 18px; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 2px 0 #B3B3B3;box-shadow: 3px 5px 5px -3px rgba(0,0,0,0.75); -webkit-box-shadow: 3px 5px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 3px 5px 5px -3px rgba(0,0,0,0.75); }
a.button:hover 						{ background-color: #004588; color: white; }
a.button i 							{ margin-left: 10px; }
.liens-victoire 					{ padding-left:10px;}

.fixed-button-lang 					{ z-index: 1; position: fixed; width: 150px; height: 50px; top: 20px; right: 20px; text-align: center; font-weight: bold;}
.fixed-button-registration			{ z-index: 1; position: fixed; width: 150px; height: 50px; top: 160px; right: 20px; text-align: center; font-weight: bold;}
.fixed-button-faq					{ z-index: 1; position: fixed; width: 150px; height: 50px; top: 90px; right: 20px; text-align: center; font-weight: bold;}
.home-mobile-button-registration	{ display: none; z-index: 1; width: 150px; height: 50px; margin: auto; text-align: center; font-weight: bold; }

.lower-registration-button			{ margin-bottom: 50px!important; }



/*  ============================================================================
	TABLES
	========================================================================== */

table								{ width: 100%; margin-bottom: 30px; }
table.tournee td:hover 				{ background-color: #0067b6;  }
table.tournee 						{ color: white;  }
table tr td							{ display: table-cell; padding: 10px; vertical-align: top; border-bottom: 1px solid #D3D3D3; }
table tr th						 	{ display: table-cell; padding: 10px; vertical-align: top; border-bottom: 1px solid #D3D3D3; font-weight: bold; text-align: left; color:#5B5B5B; }

table.no-border,
table.no-border tr td,
table.no-border tr td 				{ border:none; }

table.schedule 						{ background-color: #dfdfdf; border: 3px solid #fff; }
table.schedule th 					{ font-weight: 300; color:black; border: 3px solid #fff; }
table.schedule td 					{ font-weight: 300; color:black; border: 3px solid #fff; }

table.border						{ width: 100%; margin-bottom: 12px; border: 1px solid #D3D3D3; }
table.border tr td					{ display: table-cell; padding: 5px 10px; vertical-align: top; border: 1px solid #D3D3D3; }
table.border tr th				 	{ display: table-cell; padding: 5px 10px; vertical-align: top; font-weight: bold; text-align: left; border: 1px solid #D3D3D3; }

/*  ============================================================================
	FORMS
	========================================================================== */
  
input[type=text],
input[type=password],
input[type=search],
input[type=url],
input[type=tel],
input[type=date],
input[type=email],
input[type=time],
input[type=number],
input[type=range],
input[type=color],
textarea							{ font-family: 'Source Sans Pro', Georgia, serif; font-size: 16px; width: 100%; padding: 13px 15px; margin-bottom: 15px; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

input[type=radio] 					{ width: auto !important;  }
input[type=checkbox] 				{  }

input[type=submit] 					{ padding: 17px 28px; color:#FFF; transition: 0.5s; background-color: #5bb85d; border: none; cursor: pointer; font-size: 18px; line-height: 18px; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 36px; border-radius: 3px; }
input[type=submit]:hover 			{ background-color: #35B737; }

input:focus,
textarea:focus 						{ border: 1px solid #35B737; }

textarea							{ min-height: 150px; resize: vertical; }
select								{ font-size: 16px; width: 100%; padding: 13px 15px; margin-bottom: 15px; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
option								{ width: 100%; }

span.red 							{ color: red; }
span.help 							{ display: inline-block; position: relative; }
span.help .fa 						{ padding: 3px; font-size:18px; cursor: pointer;  }
span.help:hover .fa					{ color:#1C1C1C; }
span.help:hover span.help-text 		{ opacity: 1; visibility: visible; text-align: center; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;  }
span.help-text 						{ opacity: 0; visibility: hidden; position: absolute; top:100%; left:0; background-color: #333333; padding: 8px 10px 5px 10px; font-size:14px; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* JS ADD ICON TO SPECIFIC INPUT (script.js) */
.has_icon 							{ position: relative; }
.has_icon .input-icon 				{ position: absolute; top:13px; left:15px; }
.has_icon input 					{ padding-left: 44px; }

.checkbox-box 						{ display: block; padding: 3px; }

.quiz 								{background-color: white; border-radius: 15px; padding: 20px 35px 20px 35px;}

/*  ============================================================================
    BREADCRUMBS
    ========================================================================== */

.ariane                             { font-size: 15px; margin-bottom: 10px; }
.ariane a                           { font-size: 15px; display: inline-block; text-decoration: none; }
.ariane a:after                     { font-family: "Font Awesome 5 Free"; content:"\f105"; padding: 0 8px; font-weight: 900; }

/*  ============================================================================
    LINKS
    ========================================================================== */

.links                              { margin: 5px 0; }
.links a                            { display: inline-block; padding: 2px 13px; border:1px solid #efefef; }
.links .current_page                { display: inline-block; padding: 2px 13px; border:1px solid #efefef; background-color: #f5f5f5; }

/*  ============================================================================
    MESSAGES & ERRORS
    ========================================================================== */

.message                            { clear: both; display: block; padding: 15px; position: relative; margin-bottom: 20px; color: #ffffff; background-color: #AFAFAF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.message p 							{ margin: 1px 0 0 0; font-size:16px; line-height: 20px; }

.error 								{ background-color:#ec3d3c; border: 1px solid #BA0D0D; padding: 15px;}
.error p 							{ color:#FFF; margin: 1px 0 0 0; }

.alert-error 						{ background-color:#ec3d3c; border: 1px solid #BA0D0D; padding: 15px 20px; clear: both; display: block; position: relative; margin-bottom: 20px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.alert-error .close 				{ display: none; }

.success 							{ background-color:#48AD1A; border: 1px solid #65992F; padding: 15px;}
.success p 							{ color:#FFF; }

.winner.alert-success 				{text-align: center; color: white; font-size: 25px;}
.alert-success 						{ background-color:#48AD1A; border: 1px solid #65992F; padding: 15px 20px; clear: both; display: block; position: relative; margin-bottom: 20px; color: #3A6011; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.alert-success .close 				{ display: none; }

.notif 								{ background-color:#D3D3D3; color:#333333; border: 1px solid #878787; }
.notif p 							{ color:#3F3F3F; }
.notif .close-message 				{ color:#3F3F3F; }

.warning 							{ background-color:#efaa33; color:#ffffff; border: 1px solid #B27513; }
.warning p 							{ color:#ffffff; }

input.missing,
textarea.missing,
select.missing 						{ border: 2px solid #FF3B38; background-color: #FFCECE; }
.missing 							{ color: #FF3B38; }

.close-message 						{ color:#FFF; position: absolute; top:4px; right:9px; font-weight: bold; padding:10px 17px; cursor: pointer; }

.js-error 							{ position: fixed; bottom:0; left:0; padding: 30px; background-color: #F25C00; color:#FFF; width: 100%; text-align: center; z-index: 1000; }

/*  ============================================================================
    NAVIGATION
    ========================================================================== */

#button-burger  					{ display: none; background-color: #e7421e; color:#FFF; cursor: pointer; position: fixed; top:0px; right:0px; border:none; z-index: 8; width: 70px; height: 70px; text-align: center; }
#button-burger .fas 				{ color:#fff; font-size:26px; line-height: 26px; }

nav.main-nav 						{  }
nav.main-nav ul.level-1 			{ margin: 33px 0 0 20px;  }
nav.main-nav ul.level-1 li			{ display: inline-block; padding: 0 2px; position: relative; }
nav.main-nav ul.level-1 li a		{ font-size: 18px; display: block; text-decoration: none; margin: 0 10px; text-decoration: none; }
nav.main-nav ul.level-1 li a:hover,
nav.main-nav ul.level-1 li a.open,
nav.main-nav ul.level-1 li a.current{ color: #e7421e; }

nav.main-nav ul.level-2 			{ width: 250px; padding-bottom: 14px; top:52px; left:-16px; z-index:10; background-color: #fff; display: none; position: absolute; margin-bottom: 0px; box-shadow: 0 1px 2px 0 #B3B3B3; }
nav.main-nav ul.level-2 li			{ display: block; padding: 0; }
nav.main-nav ul.level-2 li a		{ display: block; padding: 10px 18px; }
nav.main-nav ul.level-2 li a:hover,
nav.main-nav ul.level-2 li a.open 	{ color: #e7421e; }

nav.main-nav ul.level-3 			{ width: 220px; z-index:10; background-color: #C9C9C9; display: none; position: absolute; left:100%; top:0; margin-bottom: 0px; }
nav.main-nav ul.level-3 li			{ display: block; }
nav.main-nav ul.level-3 li a		{  }
nav.main-nav ul.level-3 li a:hover	{ background-color: #E0E0E0; color:#303030; }

nav.main-nav li a.arrow-down:after 	{ font-family: "Font Awesome 5 Free"; content:"\f107"; padding-left: 5px; font-weight: 900; }
nav.main-nav li a.plus:after		 { font-family: "Font Awesome 5 Free"; content:"\f067"; padding-left: 10px; font-weight: 900; float: right; }


/*  ============================================================================
	GENERAL 
	========================================================================== */

.loading-bar 						{ display: none; }

.breadcrumbs 						{ font-size:14px; line-height: 15px; padding-bottom: 10px; }
.breadcrumbs a						{ font-size:14px; line-height: 15px; }


.share 								{ margin-top: 30px; }
.share-buttons a					{ width: 80px; text-align: center; display: inline-block; padding: 8px 10px; color:#FFF; }
.share-buttons .facebook 			{ background-color: #3B5998;  }
.share-buttons .twitter 			{ background-color: #55ACEE;  }
.share-buttons .pinterest 			{ background-color: #CB2027;  }
.share-buttons .linked-in 			{ background-color: #0072b1;  }

.share-buttons .facebook:hover 		{ background-color: #32508C;  }
.share-buttons .twitter:hover 		{ background-color: #409CDD;  }
.share-buttons .pinterest:hover 	{ background-color: #C1171C;  }
.share-buttons .linked-in:hover 	{ background-color: #03679E;  }

.general-container 					{ border: 1px solid #D6D6D6; background-color: #FFF; padding: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 3px 5px 15px 5px rgba(0,0,0,0.39);  box-shadow: 3px 5px 15px 5px rgba(0,0,0,0.39); }

p.date 								{ font-weight: bold;  }
p.group-title 						{font-size: 26px; line-height: 36px; margin-bottom: 0; }
p.notice	 						{ font-size: 18px; line-height: 36px; margin-bottom: 0; padding-top: 20px; }

.type 								{  }
.type a 							{ font-size:28px; border: 1px solid black; padding: 20px; text-decoration: none; background-color: #FFF; color: black; display: block; text-align: center; height: 180px; padding-top: 70px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.type a span 						{ font-size:16px; }
.type a:hover,
.type a.selected 					{ background-color: #32508C; color:white; }

.type.store-button a,
.type.shop-button a 				{ padding-top: 52px;}

.type.other-button a,
.type.media-button a 				{ padding-top: 75px; }

.type-disabled a 					{ font-size:28px; border: 1px solid #0053a1; padding: 20px; text-decoration: none; background-color: rgb(179, 175, 175); color: #ff0000; display: block; text-align: center; height: 180px; padding-top: 70px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: not-allowed; }
.type-disabled a span 				{ font-size:16px; }
.type-disabled a:hover,
.type-disabled a.selected 			{ background-color: #777777; color:#0053a1; }

input.codepostal 					{ font-size:20px; width: 80px; text-transform: uppercase; }
input.store_no_1 					{ font-size:20px; width: 150px; text-transform: uppercase; }

#shop_selected,
#store_selected,
#other_selected 					{ display: none; text-align: center; }

#email_validation					{ display: none; }

.result 							{ padding: 30px 0 60px 0; }
.result ul 							{ margin: 0; }
.result ul li 						{ list-style: none; }
.result ul li a 					{ display: block; font-weight: bold; text-decoration: none; padding: 14px; border: 1px solid #D6D6D6; margin-bottom: 1px; color:#FFF; }
.result ul li a:hover 				{ background-color: #fbb914; border: 1px solid #fbb914; color:#0053a1; }

table.table-form 					{ padding: 0; margin: 0 0 40px 0; color:black; }
table.table-form td 				{ padding: 10px; margin: 0; border: 0; }
table.table-form td label 			{ color:black; }
table.table-form td input 			{ margin-bottom: 0; }

td.group-title 						{ font-size: 26px; line-height: 36px; margin-bottom: 0; }

.package_1 							{ position: relative; border:1px solid #CECECE; padding: 20px 20px 40px 20px; margin: 20px 0; cursor: pointer; }
.package_1.checked 					{ background-color: #32508C; border-color: #32508C; }
.package_1.checked:hover 			{ background-color: #32508C; border-color: #32508C; }
.package_1:hover 					{ background-color: #32508C; }
.package_1:hover h3					{ color: white; }
.package_1.checked:hover h3			{ color: white; }
.package_1.checked h3				{ color: white; }
.package_1 * 						{ cursor: pointer; }
.package_1 span.price 				{ float: right; font-size:18px; font-weight: bold; color: black; }
.package_1:hover span.price				{ color: white; }
.package_1.checked:hover span.price			{ color: white; }
.package_1.checked span.price			{ color: white; }

.package_1 h3 						{ padding-left: 25px; color: black; margin-top: 0; position: relative; z-index: 3; }

.package_1 input[type=radio] 		{ position: absolute; top: 28px; left: 12px; z-index: 1; }
.package_1 label 					{ color: black; }
.package_1:hover label					{ color: white; }
.package_1.checked:hover label			{ color: white; }
.package_1.checked label				{ color: white; }


.sponsor_options 						{  position: relative; border:1px solid #CECECE; padding: 20px; margin: 20px 0; cursor: pointer; }
.sponsor_options.checked 				{ background-color: #32508C; border-color: #32508C; }
.sponsor_options.checked:hover 			{ background-color: #32508C; border-color: #32508C; }
.sponsor_options:hover 					{ background-color: #32508C; }
.sponsor_options * 						{ cursor: pointer; }
.sponsor_options span.price 			{ float: right; font-size:18px; font-weight: bold; color: black; }
.sponsor_options:hover span.price					{ color: white; }
.sponsor_options.checked:hover span.price			{ color: white; }
.sponsor_options.checked span.price				{ color: white; }

.sponsor_options span.price-hidden		{ display: none; }
.sponsor_options h3 					{ padding-left: 25px; color: black; margin-top: 0; position: relative; z-index: 3; }
.sponsor_options:hover h3					{ color: white; }
.sponsor_options.checked:hover h3			{ color: white; }
.sponsor_options.checked h3				{ color: white; }


.sponsor_options input[type=checkbox] 	{ position: absolute; top: 28px; left: 12px; z-index: 1; }
.sponsor_options label 					{ color: black; }
.sponsor_options:hover label					{ color: white; }
.sponsor_options.checked:hover label			{ color: white; }
.sponsor_options.checked label				{ color: white; }

.collab_package 						{  position: relative; border:1px solid #CECECE; padding: 20px; margin: 20px 0; cursor: pointer; }
.collab_package.checked 				{ background-color: #32508C; border-color: #32508C; }
.collab_package.checked:hover 			{ background-color: #32508C; border-color: #32508C; }
.collab_package:hover 					{ background-color: #32508C; }
.collab_package * 						{ cursor: pointer; }
.collab_package span.price 			{ float: right; font-size:18px; font-weight: bold; color: black; }
.collab_package:hover span.price					{ color: white; }
.collab_package.checked:hover span.price			{ color: white; }
.collab_package.checked span.price				{ color: white; }

.collab_package span.price-hidden		{ display: none; }
.collab_package h3 					{ padding-left: 25px; color: black; margin-top: 0; position: relative; z-index: 3; }
.collab_package:hover h3					{ color: white; }
.collab_package.checked:hover h3			{ color: white; }
.collab_package.checked h3				{ color: white; }

.collab_package input[type=radio] 	{ position: absolute; top: 28px; left: 12px; z-index: 1; }
.collab_package label 					{ color: black; }
.collab_package:hover label					{ color: white; }
.collab_package.checked:hover label			{ color: white; }
.collab_package.checked label				{ color: white; }

.included_package					{ position: relative; border:1px solid #CECECE; padding: 20px 20px 20px 20px; margin: 20px 0; cursor: pointer; background-color: #32508C; border-color: #32508C; }
.included_package h3 				{ padding-left: 25px; color: white; margin-top: 0; margin-bottom: 0; position: relative; z-index: 3; }
.included_package:hover 			{  background-color: #0e3c99; transition: 500ms; }

.package_2 							{ border:1px solid #CECECE; padding: 20px; margin: 20px 0; cursor: pointer; }
.package_2.checked 					{ background-color: #32508C; border-color: #32508C; color:#FFF; }
.package_2.checked:hover 			{ background-color: #32508C; border-color: #32508C; color:#FFF; }
.package_2:hover 					{ background-color: #32508C; color:#FFF; }
.package_2 * 						{ cursor: pointer; }
.package_2 span.price 				{ float: right; font-size:18px; font-weight: bold; color:black; }
.package_2:hover span.price					{ color: white; }
.package_2.checked:hover span.price			{ color: white; }
.package_2.checked span.price				{ color: white; }

.package_2 h3 						{ color: black; margin-top: 0; position: relative; z-index: 3; }
.package_2:hover h3					{ color: white; }
.package_2.checked:hover h3			{ color: white; }
.package_2.checked h3				{ color: white; }


.package_2 input[type=radio] 		{ float: left; margin-right: 12px; z-index: 1; }
.package_2 label 					{ color: black; }
.package_2:hover label				{ color: white; }
.package_2.checked:hover label		{ color: white; }
.package_2.checked label			{ color: white; }


.option_box 						{  position: relative; border:1px solid #CECECE; padding: 20px; margin: 20px 0; cursor: pointer; }
.option_box.checked 				{ background-color: #32508C; border-color: #32508C; color:#FFF; }
.option_box.checked:hover 			{ background-color: #32508C; border-color: #32508C; color:#FFF; }
.option_box:hover 					{ background-color: #32508C; color:#FFF; }
.option_box * 						{ cursor: pointer; }
.option_box span.price 				{ float: right; font-size:18px; font-weight: bold; color: black; }
.option_box:hover span.price				{ color: white; }
.option_box.checked:hover span.price		{ color: white; }
.option_box.checked span.price			{ color: white; }

.option_box span.price-hidden		{ display: none; }
.option_box h3 						{ padding-left: 25px; padding-right: 10px; margin-top: 0; position: relative; z-index: 3; }
.option_box:hover h3				{ color: white; }
.option_box.checked:hover h3		{ color: white; }
.option_box.checked h3			{ color: white; }


.option_box input[type=checkbox] 	{ position: absolute; top: 28px; left: 12px; z-index: 1; }
.option_box label 					{ color: black; }
.option_box:hover label				{ color: white; }
.option_box.checked:hover label		{ color: white; }
.option_box.checked label			{ color: white; }




.xpo-confirmation 								{ background-color: red; position: relative; border:1px solid #CECECE; padding: 20px; margin: 20px 0; cursor: pointer; }
.xpo-confirmation.checked 						{ background-color: #32508C; border-color: #32508C; color:red; }
.xpo-confirmation.checked:hover 				{ background-color: #32508C; border-color: #32508C; color:red; }
.xpo-confirmation:hover 						{ background-color: #32508C; color:red; }
.xpo-confirmation * 							{ cursor: pointer; }
.xpo-confirmation p 							{ color: white; padding-left: 25px; margin-top: 0; position: relative; z-index: 3; }
.xpo-confirmation:hover p						{ color: red; }
.xpo-confirmation.checked:hover p				{ color: white; }
.xpo-confirmation.checked p						{ color: white; }


.xpo-confirmation input[type=checkbox] 		{ position: absolute; top: 23px; left: 12px; z-index: 1; }
.xpo-confirmation label 					{ color: white; }
.xpo-confirmation:hover label				{ color: red; }
.xpo-confirmation.checked:hover label		{ color: white; }
.xpo-confirmation.checked label				{ color: white; }


.billing_choice_box input[type=radio] 	{ position: absolute; top: 28px; left: 12px; z-index: 1; }

.billing_choice_box 					{ position: relative; border:1px solid #CECECE; padding: 20px; margin: 20px 0; cursor: pointer; }
.billing_choice_box.checked 			{ background-color: #32508C; border-color: #32508C; color:#FFF; }
.billing_choice_box.checked:hover 		{ background-color: #32508C; border-color: #32508C; color:#FFF; }
.billing_choice_box:hover 				{ background-color: #32508C; color:#FFF; }
.billing_choice_box:hover h3			{ color:#FFF; }
.billing_choice_box.checked h3			{ color:#FFF; }
.billing_choice_box.checked:hover h3	{ color:#FFF; }
.billing_choice_box * 					{ cursor: pointer; }
.billing_choice_box h3 					{ padding-left: 25px; margin-top: 0; position: relative; z-index: 3; }

.billing_box input[type=checkbox] 		{ float: left; margin-right: 12px; z-index: 1; }
.billing_box label 						{ }

.depot_billing_box 						{ border:1px solid #CECECE; padding: 20px; margin: 20px 0; cursor: pointer; }
.depot_billing_box.checked 				{ background-color: #32508C; border-color: #32508C; color:#FFF; }
.depot_billing_box.checked:hover 		{ background-color: #32508C; border-color: #32508C; color:#FFF; }
.depot_billing_box:hover 				{ background-color: #32508C; color:#FFF; }
.depot_billing_box * 					{ cursor: pointer; }
.depot_billing_box span.price 			{ float: right; font-size:18px; font-weight: bold; color: black; }
.depot_billing_box h3 					{color: black; margin-top: 0; position: relative; z-index: 3; }

.depot_billing_box input[type=checkbox] 	{ float: left; margin-right: 12px; z-index: 1; }
.depot_billing_box label 				{ color: black; }

#p_allergy_detail_box 				{ display: none; }
#a_allergy_detail_box  				{ display: none; }
.participant_2 						{ display: none; }

.price-zone span.price 				{ float: right; }
.price-zone p.sub-total 			{ font-size:20px; }
.price-zone p.grand-total 			{ font-size:26px; }

.billing-choice						{ font-size: 16px; }

.price-zone p.red-warning			{ color: red; }

a.back-to-start 					{ text-decoration: none; margin-bottom: 20px; display: inline-block; }
a.back-to-start:hover,
a.back-to-start-blue:hover			{ color:#fbb914; }
a.back-to-start-blue				{ color:#00498e; text-decoration: none; margin-bottom: 20px; display: inline-block; }


p.note-important 					{ padding: 12px 20px; margin-bottom: 20px; border: 1px solid #e00000; color:#e00000; background-color: #FFBFBF; }

.cc-box 							{ max-width: 600px; border: 1px solid #FFF; padding: 23px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom: 30px; }
.cc-info 							{ margin-bottom: 0 !important; }
#cc_number 							{ font-size:30px; }
#inscription_form 					{ color:#FFF; }

p.powered a 						{ color:#FFF; margin-top: 20px; font-size:12px; }

iframe#video	 					{ height: 500px; }

p.event-date 						{ display: inline-block; padding: 10px 20px; background-color: #fcb827; color:#FFF !important; font-weight: bold; font-size:24px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.box								{ border: 1px solid black; padding: 20px; margin: 20px 0px; border-radius: 5px; }
.shop-link 							{ background-color: #195ad3; }

.special-offer-box					{ background-color :#fcb827; padding: 20px; margin: 20px 0px; border-radius: 5px; }
h3.special-offer					{color: red;}
p.special-offer,
h4.special-offer,
a.special-offer-box					{ color:  #1c2b4a;}

a.registration-info-email 	 		{ color: white; text-decoration: none; }
a.registration-info-email:hover		{ color: #fcb827; }


.animated-logo						{ position: absolute; width: 100%; top: 35%; text-align: center; z-index: 100; }
img.anim-logo-image					{ opacity: 1!important; }
.banner-image						{ position: relative; background-color: #1c2b4a; }
img.halifax-banner 					{ opacity: 0.3; }

.parallax-container 				{ height:400px; margin-bottom: 30px; }

p.intro 							{ padding:30px; border:1px solid #d69c09; margin: 30px 0; background-color: #fbb914; color:#FFF; color:#000; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; border-radius: 5px; }

p.closed-registration 				{ padding:30px; border:1px solid #d60909; margin: 30px 0; background-color: #fbb914; color:#FFF; color:#000; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; border-radius: 5px; }


/*  ============================================================================
    DIVERS
    ========================================================================== */

#back-top 							{ position: fixed; bottom: 20px; left:20px; }
#back-top a 						{ font-size:26px; width: 34px; height: 34px; display: block; text-align: center; color:#777777; }
#back-top a:hover					{ color:#A3A3A3; }

#loading 							{ z-index: 1000000; display: none; text-align: center; position: fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.85); }
#loading img 						{ max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/*  ============================================================================
    Media queries
    ========================================================================== */

/* XXLARGE SCREEN */
@media only screen and (max-width : 1680px) {
	
}

/* XLARGE SCREEN */
@media only screen and (max-width : 1440px) {
	
}

/* LARGE SCREEN */
@media only screen and (max-width : 1280px) {
	nav.main-nav ul.level-1 li a		{ font-size: 16px; line-height: 20px; }
}

/* MEDIUM SCREEN */
@media only screen and (max-width : 1024px) {
	#button-burger  					{ display: block; }
	nav.main-nav 						{ display: none; background-color: #2D2D2D; position: fixed; top:70px; left:0; width: 100%; height: 100%; }
	nav.main-nav a						{ font-size:22px; }
	nav.main-nav ul.level-1 li			{ display: block; padding: 0; }
	nav.main-nav ul.level-1 li a		{ padding: 10px 15px; color:#FFF; font-size: 26px; line-height: 34px; }
	nav.main-nav ul.level-2				{ background-color: #2D2D2D; box-shadow: none; top:0; left: 15px; }
	nav.main-nav ul.level-2 li a		{ padding: 10px 15px; padding-left: 20px; }
	nav.main-nav ul.level-3 li a		{ padding: 10px 15px; padding-left: 30px; }
	nav.main-nav ul.level-2 			{ width: 100%; position: relative; }
	nav.main-nav ul.level-3 			{ width: 100%; position: relative; left:0; }
	nav.main-nav li a.arrow-down:after 	{ float: right; }
	.type.store-button a,
	.type.shop-button a 				{ padding-top: 62px;}
}

/* INTER SCALE */
@media only screen and (max-width : 960px) {
	.center-padding						{ width: 90%; }
	
}

/* SMALL SCREEN */
@media only screen and (max-width : 768px) {
	iframe#video	 					{ height: 300px; }
}

/* INTER SCALE */
@media only screen and (max-width : 640px) {
	nav.main-nav 						{ top:50px; }
	nav.main-nav ul.level-1 li a		{ font-size: 20px; line-height:28px; }
	#button-burger  					{ width: 50px; height: 50px; }
	
	table.cie-info tr,
	table.cie-info td 					{ width: 100%; display: block;  }

	table.participant-info tr,
	table.participant-info td 			{ width: 100%; display: block;  }
	
	table.participant-info tr,
	table.participant-info td 			{ width: 100%; display: block;  }

	table.participant-2-info tr,
	table.participant-2-info td 			{ width: 100%; display: block;  }
	h1 									{ font-size: 30px; }
	.center-padding						{ width: 100%; }
	.option_box h3 						{ font-size: 20px; }
	
}

@media only screen and (max-width : 540px) {
	.type.store-button a,
	.type.shop-button a 				{ padding-top: 52px;}
}

/* XSMALL SCREEN */
@media only screen and (max-width : 479px) {
	iframe#video	 					{ height: 200px; }
	a.fixed-button-lang 				{ width: 50px; }
	a.fixed-button-faq 					{ width: 50px; }
	a.button 							{ padding: 12px; }
	a.fixed-button-registration			{ display: none; }
	a.home-mobile-button-registration 	{ display: block; }
	p 									{ font-size: 18px; } 
	#cc_number							{ font-size: 18px; }
	.cc-box								{ padding: 12px; }
	img.anim-logo-image					{ width: 50%; }
	.winner.alert-success 				{ font-size: 17px;}
	.type.store-button a,
	.type.shop-button a 				{ padding-top: 64px;}
}