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

.hidden {
	display:none;
}
.container {
	margin:0 auto;
}

body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	min-width: 980px;
	padding: 0;
	padding-top:120px;
}

#header .nav-responsive {
	display:none;
}

#header {
	background:#fff;
	height:120px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	z-index:9999;
	border-bottom:2px solid #ccc;
}
#header .container {
	width:1600px;
}
#header a {
	color:#7d7d7d;
	display:inline-block;
	text-decoration:none;
}
#header a#logo {
	display:block;
	height:120px;
	width:300px;
	float:left;
}
#header a#logo_federation {	
	display:block;
	height:120px;
	width:240px;
	float:right;
}
#header a#logo img,
#header a#logo_federation img {	
	max-width:100%;
}

#header #nav {
	display:inline-block;
}
#header #nav a {
	line-height:120px;
	margin: 0 10px;
}
#header #nav a:hover,
#header #nav a.active {
	color:#333;
}

#social {
	background:#000;
	position:fixed;
	top:122px;
	width:400px;
	height:45px;
	right:-355px;
	/*overflow:hidden;*/
	z-index:9999;
}
#social .toggle {
	width:45px;
	height:45px;
	cursor:pointer;
	display:block;
	float:left;
}
#social .social-content {
	border-left:2px solid #fff;
	display:block;
	float:right;
	width:350px;
}
#social .social {
	width:auto;
	text-align:left;
	float:left;
	margin:10px 0 0 10px;
}

#fixed-inner-nav {
	position:fixed;
	top:50%;
	margin-top:-100px;
	right:20px;
	z-index:999;	
}
#fixed-inner-nav span {
	opacity:0.2;
	
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#fixed-inner-nav:hover span {
	opacity:1;
}
#fixed-inner-nav #inner-nav {
	position:relative;
}
#fixed-inner-nav #inner-nav ul {
	list-style:none;
	padding:0;
	margin:0;
	border-right:10px solid #c8c8c8;
	font-size:14px;
}
#fixed-inner-nav #inner-nav > ul:after {
	background:#c8c8c8;
	width:10px;
	height:10px;
	display:block;
	content:' ';
	overflow:hidden;
	position:absolute;
	top:-5px;
	right:0;
	border-radius:10px;
}
#fixed-inner-nav #inner-nav > ul:before {
	background:#c8c8c8;
	width:10px;
	height:10px;
	display:block;
	content:' ';
	overflow:hidden;
	position:absolute;
	bottom:-5px;
	right:0;
	border-radius:10px;
}
#fixed-inner-nav #inner-nav ul ul {
	border-right:none;
	font-size:11px;
	margin-bottom:15px;
	margin-top:-10px;
}
#fixed-inner-nav #inner-nav li li {
	position:relative;	
	margin:0 0 20px 0;
	margin:0 0 5px 0;
}
#fixed-inner-nav #inner-nav li {
	position:relative;	
	margin:0 0 20px 0;
}
#fixed-inner-nav #inner-nav a,
#fixed-inner-nav #inner-nav a span {
	display:block;
	color:#c8c8c8;
	line-height:30px;
	text-align:right;
	padding-right:10px;
	text-transform:uppercase;
	text-decoration:none;
}
#fixed-inner-nav #inner-nav a:after {
	background:#c8c8c8;
	width:20px;
	height:20px;
	display:block;
	content:' ';
	overflow:hidden;
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:-15px;
	border-radius:20px;
}
/*#fixed-inner-nav #inner-nav a.active span:after,
#fixed-inner-nav #inner-nav a:hover span:after {
	background:#fff;
	width:10px;
	height:10px;
	display:block;
	content:' ';
	overflow:hidden;
	position:absolute;
	top:50%;
	margin-top:-5px;
	right:-10px;
	border-radius:10px;
	z-index:99;
}*/
#fixed-inner-nav #inner-nav a.active:after,
#fixed-inner-nav #inner-nav a:hover:after {
	background:#fff;
	border:5px solid #c8c8c8;
	width:10px;
	height:10px;
}

/**/
.lt-ie9 #fixed-inner-nav #inner-nav ul {
}
.lt-ie9 #fixed-inner-nav #inner-nav > ul:before,
.lt-ie9 #fixed-inner-nav #inner-nav > ul:after {
	display:none;
}
.lt-ie9 #fixed-inner-nav #inner-nav li.last {
	margin-bottom:0;
}
/*.lt-ie9 #fixed-inner-nav #inner-nav a,
.lt-ie9 #fixed-inner-nav #inner-nav a span {
	line-height:25px;
	padding-top:0;
	padding-bottom:0;
}*/
.lt-ie9 #fixed-inner-nav #inner-nav a:after {
	background:url(../img/ie8-bar-bullet.png) no-repeat 0 0;
	width:25px;
	height:25px;
	border:none;
	right:-17.5px;
	top:0;
	margin-top:0;
}
.lt-ie9 #fixed-inner-nav #inner-nav li.first {
	line-height:20px;
}
.lt-ie9 #fixed-inner-nav #inner-nav li.first a:after {
	margin-top:-2px;
}

.lt-ie9 #fixed-inner-nav #inner-nav a.active:after,
.lt-ie9 #fixed-inner-nav #inner-nav a:hover:after {
	background:url(../img/ie8-bar-bullet-on.png) no-repeat 0 0;
	width:25px;
	height:25px;
	border:none;
	right:-17.5px;
	top:0;
}
.lt-ie9 #fixed-inner-nav #inner-nav li.last a,
.lt-ie9 #fixed-inner-nav #inner-nav li.last span {
	bottom:-4px;
	position:relative;
}
.lt-ie9 #fixed-inner-nav #inner-nav li.last a:after {
	bottom:-2px;
	top:auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-youtube {
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:20px;
}
.vid2 {
	margin-right:0;
}

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body, html {
	height: 100%;
	min-height: 100%;
	background-color: #000000;
}
body {
	font-size:13px;
}
.no-js {
	padding-top: 106px;
}
h2 {
	margin-top: 0;
}
p {
	text-align:justify;
}
a {
	color:#222;
}
.loading {
	background: url('../img/ico_loading.gif') no-repeat center center;
}
section {
	min-width: 960px;
	opacity: 0;
}
.loaded section,
.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}
main {
	overflow-x: hidden;
}
hr {
	border:0;
	border-top:1px solid #e2e2e2;
	height:1px;
	overflow:hidden;
	width:100%;
	margin:15px 0;
}

.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;	
	height: 100%;
	width: 100%;
}

.hsContainer {
	display: table;
	table-layout: fixed;
	min-width: 960px;
	width: 960px;
	position:relative;
	height:100%;
	overflow: hidden;
	margin:0 auto
}

.hsContent {
	max-width: 100%; width:100%;
	margin: 0 auto 0 auto;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}

.hsContent h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	text-transform:uppercase;
}

/* Slide 1 */
#slide_01 {
	height:940px;
}
#slide_01 .bcg {
	background:url(../img/bg-slide01.jpg); 
	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#slide_01 .hsContent {
	position:absolute; bottom:250px; left:0; right:0
}
#slide_01 h1 {	
	background:url(../img/bg-transparent.png) repeat 0 0;	
	padding:5px 10px;
	font-size:27px;
	margin:0;
	text-align:center;
	margin-bottom:20px;
	color:#fff;
}
.lt-ie9 #slide_01 .bcg {	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-slide01.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-slide01.jpg', sizingMethod='scale')";
}
#slide_01 .content {
	background:url(../img/bg-transparent.png) repeat 0 0;
	padding:5px 10px;
	font-size:15px;
	color:#fff;	
}
#slide_01 .ca2 {
	background:url(../img/c2a-film.png) no-repeat 0 0;
	width:410px;
	height:121px;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-205px;
}
#slide_01 a {
	color:#fff;
}

#slide_01 .picto-home {
	width:10%;
	height:auto;
	position:absolute;
	bottom:5%;
}
#slide_01 .picto-home img {
	width:100%;
	height:auto;
}

#slide_01 .picto-10 {
	left:2%
}
#slide_01 .picto-12 {
	left:16%
}
#slide_01 .picto-16 {
	right:16%
}
#slide_01 .picto-18 {
	right:2%
}
#slide_01 .hsContainer .picto-home {
	display:none;
}

/* Slide 2 */
#slide_02 .bcg {
	background: none; 
	background-color: #363636; 
	height: 750px; 
	text-align: center;
}
/* Slide 2 */
#slide_02 h1 {
	text-align: left;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
}

/* Slide 3 */
#slide_03 .bcg {
	background:url(../img/bg-slide03.png) 0 0 repeat;
	height:500px;
}
#slide_03 .picto {
	float:left;
	width:25%;
}
#slide_03 .picto img {
	width:100%; height:auto;
}
/* Slide 4 */
#slide_04 .bcg {
	background: none; 
	background-color: #fff; 
	padding:20px 0;
}
#slide_04 .bcg h2 {
	margin:0 0 40px 0;
}
#slide_04 .bcg blockquote {
	background:#fcf0e2;
	margin:10px 0;
	padding:15px 25px;
	font-weight:bold;
}
#slide_04 .bcg .picto {
	min-height:80px;
	margin-bottom:20px;
	padding-left:120px;
}
#slide_04 .bcg .picto-10 {
	background:url(../img/picto-10.png) no-repeat 0 0;
}
#slide_04 .bcg .picto-12 {
	background:url(../img/picto-12.png) no-repeat 0 0;	
}
#slide_04 .bcg .picto-16 {
	background:url(../img/picto-16.png) no-repeat 0 0;	
}
#slide_04 .bcg .picto-18 {
	background:url(../img/picto-18.png) no-repeat 0 0;	
}

/* Slide 5 */
#slide_05 {
	background:#fff;
	/*padding:20px 0;*/
}
#slide_05 .bcg {
	background:url(../img/bg-slide05.jpg);
	height: 300px; 
	text-align: center;
	/*box-shadow:0 0 20px rgba(0,0,0,0.5);*/
}
#slide_05 .bcg .hsContainer {
	min-width:100%;
	width:100%;
	display:block;
}
#slide_05 .bcg h2 {
	padding:5px 10px;
	font-size:40px;
	margin:0;
	text-align:center;
	margin-bottom:20px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	width:960px; 
	position:absolute; 
	top:35%;
	left:50%;
	margin-left:-480px;
}

/* Slide 6 */
#slide_06 .bcg {
	height:auto;
	background:#fff;
	padding:30px 0;
}
#slide_06 .bcg h2 {
	margin:0 0 40px 0;
}
#slide_06 .bcg blockquote {
	background:#ececec;
	margin:20px 0;
	padding:15px 25px;
	text-align:center;
}

/* Slide 7 */
#slide_07 {
	background:#fff;
	/*padding:40px 0 30px 0;*/
}
#slide_07 .bcg {
	background:url(../img/bg-slide07.jpg);
	height: 300px; 
	/*box-shadow:0 0 20px rgba(0,0,0,0.5);	*/
}
#slide_07 .bcg .hsContainer {
	min-width:100%;
	width:100%;
	display:block;
}
#slide_07 .bcg h2 {
	padding:5px 10px;
	font-size:40px;
	margin:0;
	text-align:center;
	margin-bottom:20px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	width:960px; 	
	position:absolute; 
	top:35%;
	left:50%;
	margin-left:-480px;
}

/* Slide 8 */
#slide_08 .bcg {
	height:auto;
	background:#fff;
	padding:30px 0;
}

/* Slide 9 */
#slide_09 {
	background:#fff;
	padding:20px 0 0 0;
}
#slide_09 .bcg {
	background:url(../img/bg-slide09.jpg) bottom left;
	height: 425px; 
}
#slide_09 .hsContent {
	vertical-align:inherit;
	padding-top:25px;
}
#slide_09 .bcg h2 {
	padding:5px 10px;
	font-size:40px;
	margin:0;
	text-align:center;
	margin-bottom:20px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	width:960px; 
}
#slide_09 .bcg p {
	padding:5px 10px;
	font-size:17px;
	margin:0;
	text-align:center;
	margin-bottom:20px;
	color:#fff;
	font-weight:bold;
}
#slide_09 .bcg p.small {
	font-size:15px;
}
#slide_09 .bcg a {
	color:#fff;
}
#slide_09 a#logo-footer {
	display:block;
	width:140px;
	height:140px;
	background:#fff;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-70px;
}
#slide_09 a#logo-footer img {	
	max-width:100%;
}

#slide_10 {
	background:#000;
	border-top:10px solid #fff;
	padding:20px 0 0 0;
}
#slide_10 .bcg {
	
}
#slide_10 .bcg p {
	text-align:center;
	color:#fff;
}
#slide_10 .bcg a {
	color:#fff;
}

/**/
.section-default {
	background:#fff;
	padding:30px 0 0 0;
	line-height:18px;
	min-height:300px;
}
.section-default p,
.section-default li {
	padding:0 3px;
}
.section-default h1 {
	text-transform:uppercase;
	font-size:28px;
	padding:0;
	margin:0 0 25px 0;
	line-height:normal;
}
.section-default .default-img-min {
	margin:20px;
}
#slide_page01 {
	background:#fff;
	padding:0;
}
#slide_page01 .bcg {
	background:url(../img/illu02.jpg);
	height: 250px; 
	/*box-shadow:0 0 20px rgba(0,0,0,0.5);	*/
}
.bxslider {
	width:80%;
	margin:0 auto;
}
.bxslider li {
	padding:20px 80px; 
}
.bxslider li h3 {
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
	margin:0;
	margin-bottom:20px;
}
.bxslider li p {
	text-align:center;
	margin:0;
}

/* form */
.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.row:after {
    clear: both;
}
.row {
	margin:15px 0;
    *zoom: 1;
}

.section-default h2 {
	font-size:18px;
	margin-top:30px;
	border-bottom:1px solid #222;
	padding-bottom:10px;
}
form label {
	width:100%;
	display:block;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
}
form label span.required {
	color:#f00; font-weight:bold;
}
form label span {
	margin-left:10px;
}
form input[type=text] {
	padding:10px 2%;
	border:1px solid #999;
	width:95%;
}
form select {
	padding:10px 2%;
	border:1px solid #999;
	width:99%;
}
form textarea {
	padding:10px 2%;
	border:1px solid #999;
	width:95%;
	height:120px;
}
form .left {
	width:100%;
	float:left;
}
form .left label {
	margin-bottom:3px;
	font-weight:normal;
}
form .left input {
	width:auto;
}

form .question {
	border-bottom:1px dotted #222;
	padding-bottom:15px;
	margin-bottom:20px;
}
form .question label {
	width:100%;
}
form .children {
	background:#eee;
	padding:20px;
}
form .children .repeater,
form .children .repeater-copy {
	padding:10px;
	border:1px solid #222;
}
form button {
	background:#222;
	color:#fff;
	text-transform:uppercase;
	padding:6px 15px;
	border:none;
	float:right;
}


/*  ***************************************************************
	DESKTOP < 1600
	***************************************************************	 */
@media (max-width:1600px) { 
	
	body {
		padding-top:80px;
	}
	#header {
		height:80px;
		font-size:13px;
	}
	#header .container {
		width:96%;
		padding:0 2%;
	}
	#header a#logo {
		width:200px;
		height:80px;
	}
	#header a#logo_federation {
		width:160px;
		height:80px;
	}
	#header #nav a {
		line-height:87px;
	}
	#social {
		top:82px;
	}
	
}

/*  ***************************************************************
	DESKTOP < 1280
	***************************************************************	 */
@media (max-width:1280px) { 
	
	
	body {
		padding-top:60px;
	}
	#header {
		height:60px;
		font-size:12px;
	}
	#header a#logo {
		width:150px;
		height:60px;
	}
	#header a#logo_federation {
		width:120px;
		height:60px;
	}
	#header #nav a {
		line-height:65px;
		margin:0 5px;
	}
	#social {
		top:62px;
	}
	#slide_01 h1 {	
		font-size:24px;
	}
	#slide_01 .content {
		font-size:14px;
	}
}


/*  ***************************************************************
	DESKTOP < 960
	***************************************************************	 */
@media (max-width:1025px) { 
	
	
	#slide_01 h1 {	
		font-size:18px;
	}
	#slide_01 .content {
		font-size:12px;
	}
	#slide_01 .hsContainer {
		display:block;
		table-layout:auto;
	}
	#slide_01 .hsContent {
		position:relative;
		padding-top:350px;
	}
	#slide_01 .ca2 {
		bottom:5px;
	}
}

/*  ***************************************************************
	TABLETTE
	***************************************************************	 */
@media (max-width:960px) { 
	
	body {
		min-width:inherit;
	}
	#header {
		height:120px;
		font-size:11px;
	}
	#header a#logo {
		width:150px;
		height:60px;
		float:left;
	}
	#header a#logo_federation {
		width:120px;
		height:60px;
		float:right;
	}
	#header #nav {
		position:absolute;
		top:60px;
		left:0;
		right:0;
		text-align:center;
	}
	#header #nav a {
		line-height:65px;
		margin:0 5px;
		font-weight:normal;
	}
	#social {
		top:122px;
	}
	
	section {
		width:570px;
		min-width:inherit;
		margin:0 auto;
		padding:0 15px;
		background:#fff;
	}
	.hsContainer {
		min-width:100%;
		width:100%;
	}
	#slide_01 .ca2 {
		display:none;
	}
	
	#fixed-inner-nav {
		display:none !important;
	}
	
	img {
		max-width:100%;
		height:auto;
	}
	
	#slide_01 {
		height:500px;
	}
	#slide_01 .bcg {
		
	}
	
	#slide_02 .bcg {
		height:400px;
	}
	#slide_02 h1 {
		text-align:center;
	}
	#slide_03 .bcg {
		height:300px;
	}
	
	#slide_page01,
	#slide_05,
	#slide_07,
	#slide_09 {
		padding:20px 15px;
	}
	
	#slide_05 .bcg,
	#slide_07 .bcg {
		height:200px;
	}
	
	#slide_05 .bcg h2,
	#slide_07 .bcg h2,
	#slide_09 .bcg h2 {
		font-size:22px;
	}
	#slide_10 {
		border:none;
	}
	
	.section-default {
		padding:30px 15px 0;
	}
	
	#slide_05 .bcg h2,
	#slide_07 .bcg h2,
	#slide_09 .bcg h2 {
		width:80%;
		margin:0 10%;
		left:0;
	}
	.video-js {
		margin:0 auto;
	}
	
	#slide_01 .picto-home {
		display:none;
	}
	#slide_01 .hsContainer .picto-home {
		display:block;
	}
	
}

/*  ***************************************************************
	SMARTPHONE
	***************************************************************	 */
@media (max-width: 599px) { 
	body {
		padding-top:120px;
	}
	#header {
		height:120px;
		font-size:10px;
	}
	#header a#logo {
		width:150px;
		height:60px;
		float:left;
	}
	#header a#logo_federation {
		width:120px;
		height:60px;
		float:right;
	}
	#header #nav {
		position:absolute;
		top:70px;
		left:0;
		right:0;
		text-align:center;
	}
	#header #nav a {
		display:none;
	}
	#header .nav-responsive {
		display:block;
		width:270px;
		padding:5px;
		margin:0 auto;
		border:1px solid #ccc;
		font:15px 'Open Sans', sans-serif;
	}
	#social {
		display:none;
	}
	section {
		width:90%;
		padding:0 5%;
	}
	#slide_01 .hsContent {
		padding-top:0;
	}
	#slide_01 .bcg {
		background:none;
	}
	#slide_01 {
		height:auto;
	}
	#slide_01 .hsContent {
		top:15px;
		border-bottom:85px solid #000;
	}
	#slide_02 .bcg {
		height:250px;
	}
	#slide_03 .bcg {
		height:180px;
	}
	#slide_05,
	#slide_07,
	#slide_09 {
		padding:10px 5%;
	}
	
	#slide_05 .bcg h2,
	#slide_07 .bcg h2,
	#slide_09 .bcg h2 {
		font-size:15px;
		width: 280px !important;
		left:0 !important;
		right:0 !important;
		margin:0 auto !important;
		padding:0 !important;
	}
	
	.section-default {
		padding:30px 10px 0;
	}
	#slide_page01 {
		display:none
	}
	
	.audiojs {
		width:100% !important;
	}
	.audiojs .scrubber {
		width:115px !important;
	}
	
	#main .bxslider {
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
	}
	#main .bxslider li {
		padding:10px 0;
	}
	#main .bxslider li p {
		text-align:left;
	}
	.default-img-min {
		max-width:40%;
		height:auto;
	}
	
	.video-youtube {
		margin-right:0;
		float:none;
		width:100%;
	}
}