/* BASES DE LA LANDING ============================================================================= */
@import url(http://fonts.googleapis.com/css?family=Nunito|PT+Sans+Narrow:400,700|Open+Sans:400,600,700);

body {
margin : 0 auto;
padding : 0;
font : 100% 'PT Sans Narrow', arial,'lucida grande', 'Trebuchet MS', verdana, helvetica, helve, sans-serif;
color : #fff;
background-image:url('../images/motif.jpg');
background-repeat:repeat;
line-height:1.05;
overflow-x:hidden;
}

button,
input,
select,
textarea {
font-family : 'Open Sans', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
color : #333; }

/*  TITRE  ============================================================================= */
span, h1 {
margin:0;
padding:0;
border:0;
}
h1 {
font-family:  'PT Sans Narrow', arial, 'Trebuchet MS', verdana, , helvetica, helve, sans-serif;
font-weight:bold;
  padding-top: 10%;
}


h2 {
color: #fff;
padding-bottom: 0.2em;
font-size : 1.1em; /* 19 / 16 */
font-weight:normal;
font-family: 'PT Sans Narrow', arial, sans-serif;
}

h3 {
color: #fff;
letter-spacing: -1px;
font-size : 1.75em; /* 28 / 16 */
}


h4 {
color: #fff;
font-size : 0.85em; /* 15 / 16  */
font-weight:normal;
font-family: 'Open Sans', arial, sans-serif;
}


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

p, ol, ul, dl, address {
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  }


p.center {
text-align: center;
}


ul,
ol {
margin : 0 0 0.9em 0;
padding : 0; }

li ul,
li ol {
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */}

li {
list-style-type: none;
padding :0.4em 0.5em 0px 0.5em;
line-height:1.2em;
font-family: 'Open Sans', arial, sans-serif;
}
b, strong {
font-weight : bold; }


/* LIENS =============================================================================  */

a {
color : #ED008C;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:visited {
color : #DB0485; }


a:hover,
a:active {
outline : 0;
color : #DB0485;
text-decoration:none;
}

/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

/*  BACKGROUND LAYOUT	============================================================================= */

#inner {
width:100%;
z-index: 100;
margin:-159px 0 0;
position: absolute;
top:20.5%;
transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;

}

.blur, #video_content.blur {
-webkit-filter: blur(10px);
-moz-filter: blur(9px);
-ms-filter: blur(9px);
-o-filter: blur(9px);
-webkit-transform: translate3d(0, 0, 0);
transition: 0.3s ease-in;
-webkit-transition: 0.3s ease-in;
}

.landing {background-color: #e6204e;}
	.landing #bckgrd_container {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: url('../images/main.jpg') no-repeat center 0 transparent;
	/*background-size: cover;*/
	}

	.landing .sbt_container {
	background: url('../images/main_sbt.jpg') no-repeat center 0 transparent !important;
	/*background-size: cover;*/
	}

	.landing .stuf_container {
	background: url('../images/main_stuf.jpg') no-repeat center 0 transparent !important;
	/*background-size: cover;*/
	}

	#filigrane {
	/*background: url(../images/filigrane.png) repeat scroll 0 0 transparent;
	width:100%;
	height:696px;
	z-index : 10;
	position:absolute;*/
	}


#bckgrd_container {
min-width: 100%;
height: 1040px;
position: absolute;
overflow: hidden;
}

.landing #landing_contenu .linkSDE {
	display: block;
	width: 60%;
    height: 656px;
    position: absolute;
}

#video_content, #video {
min-height: 100%;
min-width: 100%;
position:fixed;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
-o-filter: blur(0px);
-webkit-transform: translate3d(0, 0, 0);
transition: 0.3s ease-in;
-webkit-transition: 0.3s ease-in;
}

#video {
display:none;
    background-color: #000000;
}

header, #landing_contenu, #footer {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	/*-----------------------HEADER------------------------*/
		#landing_header {
		width:100%;
		z-index:1000;
		position: relative;
		overflow:hidden;
		}

		#landing_header img {
					text-align:center;
					float: right;
					display: block;
					margin-top:1em;
					margin-bottom: 1em;
					margin-right: 65px;
					}

			header {
			width: 80%; /* 1000px / 1250px */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			color: #fff;
			}

				.logo_landing {
					display:none;
				}


				
	/*-----------------------FIN HEADER------------------------*/
	/*-----------------------CONTENU------------------------*/
		#landing_contenu {
		width:80%;
		margin:0 auto;
		margin-bottom:1em;
		position: relative;
		}
			/*---------TITRE----------*/
				#landing_titre {
				width:65%;
				position : absolute;
				right:385px;
				top:2.5em;
				font-size:1em;
				}

				/*#landing_titre img{
					max-width: 80%;
					margin-left: 40px;
				}*/


				.landing #landing_titre {
				top:11.5em;
				left:0;
				}
					.landing_a1, #landing_contenu .landing_a3.vert, #landing_titre h1 .landing_a3, #landing_contenu .landing_a2.vert, .landing_a2 {
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					transition: all 0.3s ease;
					}
					#landing_titre h1 .landing_a1, #landing_titre h1 .landing_a2, #landing_titre h1 .landing_a3 {
					color:#ffffff;
					}

					.blanc, #landing_contenu .landing_a1.blanc {
					color:#FFFFFF;
					}

					.vert, #landing_contenu .landing_a3.vert, #landing_contenu .landing_a2.vert {color:#ffffff;}

						/*---------GENERIQUE----------*/

							#landing_titre h1{
								text-transform: uppercase;
							}

							#landing_titre h1 .landing_a1, #landing_titre h1 .landing_a2, #landing_titre h1 .landing_a3, #landing_titre h1 .landing_a1_startup,
							#landing_titre h1 .landing_a2_startup, #landing_titre h1 .landing_a3_startup  {
							font-size:2.6em;
							}

							#landing_titre h1 .landing_a3, #landing_titre h1 .landing_a3_jeunes, #landing_titre h1 .landing_a3_startup {
							display:block;
							text-align: right;
							margin-right: 0;
							font-size:2.6em;
							}

							#landing_titre h1 .landing_a3 .jaune, #landing_titre h1 .landing_a3_jeunes .jaune, #landing_titre h1 .landing_a3_startup .jaune  {
							color:#db1645;
							}

							#landing_titre h1 .landing_a2, .sbt .landing_a2, #landing_titre h1 .landing_a2_jeunes, #landing_titre h1 .landing_a2_startup {
							margin-left:2.3em;
							margin-top: -5px;
							position:relative;
							color:#db1645;
							}
							#landing_titre h1 .reprise {
							margin-left:0px;
							}

							#landing_titre h1 .landing_a2_jeunes {
							margin-left:0.1em;
							}

							.sbt .landing_a1, .sbt .landing_a2 {
							font-size:2.5em;
							}

						/*---------JEUNES----------*/

							#landing_titre h1 .landing_a1_jeunes, #landing_titre h1 .landing_a2_jeunes, #landing_titre h1 .landing_a3_jeunes {
							font-size:2.8em;
							}

						/*---------START UP----------*/

							#landing_titre h1 .landing_a1_startup {
								color:#db1645;
								margin-left:70px;
							}

							#landing_titre h1 .landing_a2_startup {
								margin-left:10px;
							}

							#landing_titre h1 .landing_a1_startup, #landing_titre h1 .landing_a2_startup, #landing_titre h1 .landing_a3_startup {
								font-size:2.5em;
								text-align:center;
							}


			/*---------FIN TITRE----------*/

			/*---------ARGUMENTS----------*/
				#landing_arguments {
				width:1280px;
				position:relative;
				bottom:-81px;
				margin: auto;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
				}

				.sbt_arguments, .stuf_arguments {
				bottom:-75px !important;
				}

					#landing_arguments img{
						margin:0 auto;
					display:block;
					    margin-left: 15px;
					}

					#landing_arguments a{
					color:#ffffff;
					text-decoration:none;
					}

					#landing_arguments .infosSecond {
						width:1064px;
						display:block;
						height:50px;
						margin:0 auto;
					}

					#landing_arguments ul.col40, #landing_arguments ul.col45 , #landing_arguments ul.col50, #landing_arguments ul.col55, #landing_arguments ul.col60 {
					margin:0;
					display:block;
					float:left;
					}

					#landing_arguments ul.col40 {width:40%;}
					#landing_arguments ul.col45 {width:45%;}
					#landing_arguments ul.col50 {width:50%;}
					#landing_arguments ul.col55 {width:55%;}
					#landing_arguments ul.col60 {width:60%;}

					#landing_arguments li{
					font-size :17px;
					float:left;
					color:#393939;
					width: 248px;
					text-align: center;
					font-weight: 900;
					font-family: helvetica;
					}

					#landing_arguments .mev_texte {
						font-weight:bold;
						color:#ab0930;
					}


					#landing_arguments li #trait_rouge, #landing_arguments li #trait_bleu {
						width:40px;
						height:2px;
						border-bottom: solid 2px #ab0930;
						margin: auto;
						margin-top:4px;
					}

					#landing_arguments li #trait_bleu {
						border-bottom: solid 2px #00adee;
					}

					#landing_arguments .infosSecond .chiffres {
						color:#ab0930;
						font-size :2em;
						font-weight:bold;
					}

								/*---------FRANCHISE----------*/

								#landing_arguments .border2_franchise {
									border-left:solid 1px #d3d3d3;
									border-right:solid 1px #ffffff;
									padding:0.4em 0px 0px 0px;
								}

								/*---------REPRISE----------*/

								#landing_arguments .2lignes {

								}

								/*---------STARTUP----------*/

								#landing_arguments .startup, #landing_arguments .startup2 {
									font-size :0.9em;
								}

								/*---------JEUNES----------*/

								#landing_arguments .jeunes, #landing_arguments .jeunes2 {
									font-size :0.9em;
								}

			/*---------FIN ARGUMENTS----------*/

			/*---------FORMULAIRE----------*/
				#landing_formulaire {
				width:364px;
				height:943px;

				}

					#landing_formulaire iframe{
					position:absolute;
					right:0;
					top:0;
					width:360px;
					height:990px;
					}

					@media only screen and (min-width:1651px){

						#landing_formulaire iframe {
							right:-157px !important;
							}

						}
					@media only screen and (min-width:1366px) and (max-width:1367px){

						#landing_formulaire iframe {
							right:-10px !important;
						}

						#inner {
							top:22.5%;
						}

					}
					@media only screen and (min-width:1368px) and (max-width:1650px){
						#landing_formulaire iframe {
							right:-97px !important;
						}
					}
			/*---------FIN FORMULAIRE----------*/
	/*-----------------------FIN CONTENU------------------------*/

	/*-----------------------FOOTER------------------------*/
		#landing_footer {
		width:100%;
		position:relative;
		bottom:-105px;
		padding: 20px 0;
		background-color: #ffffff;
		}

		.sbt_footer, .stuf_footer {
			bottom:-85px !important;
		}

			#footer {
			width: 80%; /* 1000px / 1250px */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			overflow: hidden;
			}

				.echos_landing {
				float:right;
				display: block;
				}

				.bleu {color:#35B450;}

			#footer h4 a {font-weight:700;}
			
		#mobile_footer {
			display: none
		}

		.liens_landing, .liens_landing a {
			color:#333333;
		}

		.liens_landing {
			position: relative;
		    display: block;
		    left: 0;
		    top: 39px;
		    line-height: 1.5;
		    height: 40px;
		    padding: 10px;
		}
		
	/*-----------------------FIN FOOTER------------------------*/

/* VENDOR-SPECIFIC ============================================================================= */

html {
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : rgb(52,158,219);
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%;
/*background: url('../images/landing_fond_660.jpg') repeat fixed -95px 111px transparent;*/
}

.ie7 img,
.iem7 img {
-ms-interpolation-mode : bicubic; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }


/*-----------------------FULLSCREEN------------------------*/
iframe {
	transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
}

#landing_titre .infobulle_video {
	visibility: hidden;
    opacity:0;
	transition: 0.3s ease-in;
    -webkit-transition: 0.3s ease-in;
	width:78px;
	height:86px;
	position: absolute;
    right: 0;
    bottom: 0;
	background: url(../images/infobulle_video.png) no-repeat scroll 0 0 transparent;
}

#fermeture {
transition: 0.3s ease-in;
-webkit-transition: 0.3s ease-in;
position: fixed;
width: 130px;
right: 0;
height: 70%;
z-index: 1000;
}
	#icon_fermer{text-align:right;height:100%;}
	#icon_fermer img:hover {cursor:pointer;}
	#icon_fermer .teaser_2 {display:none;}
.visible, #video-controls.visible {
visibility:visible;
opacity:1;
}

.fullscreen #video{
	display:block;

}

.fullscreen header,
.fullscreen .logo_landing, .fullscreen .logo_landing2,
.fullscreen .date_landing,
.fullscreen  #filigrane,
.fullscreen  #video_content,
.fullscreen #landing_titre,
.fullscreen #landing_arguments,
.fullscreen  #landing_footer {
	visibility:hidden;
	opacity:0;
	transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
}

.fullscreen header, .fullscreen #landing_contenu, .fullscreen #footer {width:150%;}

.fullscreen #landing_formulaire iframe.hover,
.fullscreen #landing_formulaire iframe:hover {right: 35%;}

/************VIDEO**********/
#video-controls {
	z-index:100;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 5px;
	visibility:hidden;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	text-align: center;
}

#video_content {
	/*background-image:url('../images/filigrane.png');
	background-repeat:repeat;*/
	position: absolute;
    z-index: 1;
}
button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	padding: 10px;
    margin: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
	font-size:12px;
}

button:hover {
	cursor: pointer;
}
#mute, #full-screen {margin-left:30px;}
#play-pause {width:80px;}
#mute {width:80px;}

#seek-bar {
	width: 40%;
	height: 35px;
}

#volume-bar {
	width: 60px;
}


@media only screen and (max-width:1024px){
.liens_landing {
			text-align:center;
		}
}



@media only screen
and(min-device-width: 320px) {
.landing #bckgrd_container #video_content {
	display:none;
}
.fullscreen #inner #landing_formulaire {
display:none;
}
 }

@media only screen and (max-width:768px){
	.sbt_arguments, .stuf_arguments {
    	height: 97px;
	}
}

@media only screen and (min-width:769px) and (max-width:1024px){
	.landing .sbt_container {
	    background : url(../images/main_sbt2.jpg) no-repeat fixed center 0 transparent !important;
    	background-size: cover !important;
	}

	.landing .stuf_container {
	    background : url(../images/main_stuf2.jpg) no-repeat fixed 0 0 transparent !important;
    	background-size: cover !important;
	}

	.sbt_arguments, .stuf_arguments {
		bottom: -101px !important;
    	width: 80% !important;
    	height: 87px;
	}
}

@media only screen and (max-width:660px){
	.landing .sbt_container, .landing .stuf_container {
	    background-position: right top !important;
	}

	.landing .sbt_arguments_footer, .landing .stuf_arguments_footer {
		margin: 20px 0 40px 0 !important;
	}

	.landing .sbt_footer, .landing .stuf_footer {
		bottom: 0 !important;
	}
	.logo_landing.sbt {
		width: 215px;
	    height: 119px;
	    background: url(../images/logo_sbt.png) no-repeat scroll center top;
	}
	.logo_landing.stuf {
		width: 320px;
	    height: 150px;
	    margin-bottom: 14px;
	    background: url(../images/logo_stuf.png) no-repeat scroll center top;
	}
}

@media only screen and (max-width:480px){
	.landing .stuf_container {
	    background-position: -7px 0 !important;
	}
}

@media only screen and (min-width:1024px) and (max-width:1366px) and (orientation : portrait){
	#landing_formulaire iframe {
    right: -10px;
	}
	.landing #bckgrd_container {background: url(../images/main4.jpg) no-repeat fixed center 0 transparent;}
	.landing .sbt_container {background: url(../images/main_sbt2.jpg) no-repeat fixed 0 center transparent !important}
	.landing .stuf_container {background: url(../images/main_stuf2.jpg) no-repeat fixed 0 center transparent !important}
	#inner {margin: -269px 0 0;}
}

@media only screen and (min-width:1025px) and (max-width:1366px) and (orientation : landscape){
	#landing_formulaire iframe {
    right: -10px;
	}
	.landing #bckgrd_container {background: url(../images/main.jpg) no-repeat -342px 0 transparent;}
	.landing .sbt_container {background: url(../images/main_sbt5.jpg) no-repeat fixed -395px center transparent !important}
	.landing .stuf_container {background: url(../images/main_stuf5.jpg) no-repeat fixed -345px center transparent !important}
}


}