@charset "utf-8";
/*  MY - SPONSORS - UTOPIK */

/* IMPORT FIRST ========================================= */
/*
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
*/

@import url('reset.css');
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css');*/

/*	========================================================================
	LOAD FONTS 
		======================================================================= */

@font-face {
    font-family: 'Suisse Intl';
    src: url('fonts/SuisseIntl-Regular.eot');
    src: url('fonts/SuisseIntl-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SuisseIntl-Regular.woff2') format('woff2'),
        url('fonts/SuisseIntl-Regular.woff') format('woff'),
        url('fonts/SuisseIntl-Regular.ttf') format('truetype'),
        url('fonts/SuisseIntl-Regular.svg#SuisseIntl-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Intl';
    src: url('fonts/SuisseIntl-Bold.eot');
    src: url('fonts/SuisseIntl-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SuisseIntl-Bold.woff2') format('woff2'),
        url('fonts/SuisseIntl-Bold.woff') format('woff'),
        url('fonts/SuisseIntl-Bold.ttf') format('truetype'),
        url('fonts/SuisseIntl-Bold.svg#SuisseIntl-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Studio Feixen Serif';
    src: url('fonts/StudioFeixenSerif-Regular.eot');
    src: url('fonts/StudioFeixenSerif-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/StudioFeixenSerif-Regular.woff2') format('woff2'),
        url('fonts/StudioFeixenSerif-Regular.woff') format('woff'),
        url('fonts/StudioFeixenSerif-Regular.ttf') format('truetype'),
        url('fonts/StudioFeixenSerif-Regular.svg#StudioFeixenSerif-Regular') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/*	========================================================================
	GENERAL
	======================================================================= */
body { 	
	font-family: 'Suisse Intl', arial;	
	color:#111;
	background:#fff;	
	font-size:13px;
	line-height: 1.6;	
}

p {
	margin: 0 0 10px 0;
}
ul {

}
li {

}
a {
  color:#0405ed;
}
a:hover {
  color:#0405ed;
}
h1,h2 {
	text-transform:uppercase;	
}

/* BUTTON */
#content.projectForm form .actionButtons p.submit input,
#content.sponsorFrontendHome .actionButtons p.submit input,
#content input.submit {
	border: 1px solid #0405ed;
	background: #0405ed;
	padding: 8px 20px;
	color: #fff;
}
	#content.projectForm form .actionButtons p.submit input:hover,
	#content.sponsorFrontendHome .actionButtons p.submit input:hover,
	#content input.submit:hover,

	#content.projectForm form .actionButtons p.submit input:focus,
	#content.sponsorFrontendHome .actionButtons p.submit input:focus,
	#content input.submit:focus {
		background: #0405ed;		
	}


/*	========================================================================
	GRID
	======================================================================= */
body:before {
	
	/* POUR HEADER BACKGROUND */	
	content:'';
	display: block;
	width: 100%;
	height: 95px;
	background: #fff;	
	border-bottom: 1px solid #ccc;
} 
/*body:after {
	
	content:'';
	display: block;
	width: 100%;
	height: 95px;
	background: #fff;	
	border-bottom: 1px solid #ccc;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5
} */
#container {
	width: 1200px;
	margin: 0 auto;
	
	/* POUR MENU/LOGO POSITION ABSOLUTE */	
	position: static;
	padding-top: 95px;	
	margin-top: -95px;	/* si header background */

	/* POUR FOOTER POSITION FIXED */
	padding-bottom: 100px;
}
	#content_table {
		margin: 25px 0;
	}

/*	========================================================================
	LOGO
	======================================================================= */
#logo {
	
	/* SI MENU/LOGO POSITION ABSOLUTE */	
	position: absolute;
	top: 26px; left: 47px;	
	z-index: 15
}
	#logo a {
		
	}
	#logo img {
		max-width:100%;
		width:auto;
		height: 43px;
	}

	/* ************************** Logo MULTILINGUE ************************** */
	/*
	#logo a {
		display:block;
		width:100px;
		height:50px;
		background:url(logo.png) no-repeat 0 0;
	}	
	#logo img {
		display:none;
	}
	body.fr #logo a {
		background-image:url(logo-fr.png);
	}
	*/

/*	========================================================================
	NAVIGATION
	======================================================================= */
#topNavigation {
	text-align: left;
	text-transform: uppercase;
	
	/* SI MENU/LOGO POSITION ABSOLUTE */
	position: absolute;
	left:auto; top:0; right: 20px;
	z-index: 15
}
	#topNavigation a {
		display: inline-block;
		line-height: 95px;
		padding: 0 15px;
		text-transform: uppercase;
		font-size: 12px;
	}
		#topNavigation a.active {

		}
		#topNavigation a:hover {

		}

		#topNavigation span#languages {
			margin-left: 20px
		}
			#topNavigation span#languages .lang { /* TOUS LES ONGLETS */
				padding: 0 5px;
				text-decoration: none;
			}
			#topNavigation span#languages a.lang:hover {
				
			}
			#topNavigation span#languages strong { /* ACTIF */
				color: #999;
				font-weight: normal;
			}


/*	========================================================================
	 FRONT END
	======================================================================= */

	/*	========================================================================
		ASIDE COLUMN (LEFT)
		======================================================================= */
	#content_table td.column2 {
		width: 250px;
		padding-right: 30px;
	}
		#sitePermanentInfo {
			padding: 0 30px 0 0;
			background: #fff;
			border-right: 1px solid #0405ed
		}
			#sitePermanentInfo a {

			}
			div#projectSteps h1 {
				font-size:20px;
				line-height: 26px;
				margin: 0 0 20px 0;
			}

	/*	========================================================================
		CONTENT COLUMN (RIGHT)
		======================================================================= */
	#content_table td.column4 {
		
	}
		#content {

		}
		#content h1 {
			font-family: 'Studio Feixen Serif', serif;
			font-size:65px;
			margin: 0 0 20px 0;
		}
		#content h2 {
			font-size:22px;
			margin: 0 0 20px 0;
		}
		#content ul {

		}
			#content ul li {
				list-style: disc;
			}
		#content ol {
			
		}
			#content ol li {
				list-style: decimal;
			}


	/*	========================================================================
		FOOTER
		======================================================================= */
	#bottom_table {
		background:#0405ed;
		font-size: 14px;
		color: #fff;

		/* ALIGNE BAS */
		position: fixed;
		bottom: 0; left: 0; right: 0;
	}
		#bottom_table td.copyright { 
			height: 80px;
			line-height: 80px;
		}
			#bottom_table td a { 
				color: #fff;
			}
			#bottom_table td a:hover { 
				color: #fff;
			}

	/*	========================================================================
		COOKIE
		======================================================================= */
	#cookieBox {
		background:#666;
		color:#fff;
		padding:20px;
		text-align:center;
		border-top:1px solid #111;
	}
		#cookieBox a:not(.close) {
			display: inline-block;
			background-color: #fff;
			padding: 5px 15px;
			border-radius: 5px;
			color: #666;
			text-decoration: none;
		}


	/*	========================================================================
		 LOGIN
		======================================================================= */
	#haveAccount {

	}
	#noAccount {
		margin-top: 40px;
		padding-top: 40px;
		border-top: 1px solid #0405ed;
	}
	#registerForm label,
	#loginForm label {
		display: block;
	}
		#registerForm label.error,
		#loginForm label.error {
			display: block;		
		}
	#registerPassword, #registerPasswordConfirm { 
		
	}
	#content .passwordBoxWrapper {

	}




/*	========================================================================
	 ADMINISTRATION
	======================================================================= */
#content.my .projectActions {
	background: #0405ed;
	border-radius:0;
	padding:20px;
	margin-right: 2%;
	color: #fff;
}	
	#content.my .projectActions a {
		color: #fff;
	}

	/*	========================================================================
		 ADMIN FORM
		======================================================================= */
	.projectForm .section fieldset legend {
		font-size: 110%;
		margin-bottom: 10px;
	}

#content.formSelection .customForms .item {
  margin-bottom:20px;
}