/* RESET */
body, html { font-size: 100%; 	padding: 0; margin: 0;}
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0;}
ul			{ list-style-type:none;}
a			{ border:none; text-decoration:none; color:#03a6e2; outline:none;}
img			{ border:none;}

*,*:after,*:before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;}
.clearfix:before,.clearfix:after {	content: " ";	display: table;}
.clearfix:after {	clear: both;}

/* IMPORT FONTS */
@font-face{ 
	font-family: 'swz721c';
	src: url('../fonts/swz721c-webfont.eot');
	src: url('../fonts/swz721c-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/swz721c-webfont.woff') format('woff'),
	     url('../fonts/swz721c-webfont.ttf') format('truetype'),
	     url('../fonts/swz721c-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'swz721cB';
	src: url('../fonts/swz721kc-webfont.eot');
	src: url('../fonts/swz721kc-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/swz721kc-webfont.woff') format('woff'),
	     url('../fonts/swz721kc-webfont.ttf') format('truetype'),
	     url('../fonts/swz721kc-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'goudy';
	src: url('../fonts/GoudyOldStyleBT-Roman.eot');
	src: url('../fonts/GoudyOldStyleBT-Roman.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/GoudyOldStyleBT-Roman.woff') format('woff'),
	     url('../fonts/GoudyOldStyleBT-Roman.ttf') format('truetype'),
	     url('../fonts/GoudyOldStyleBT-Roman.svg#webfont') format('svg');
}

body {
    font-family: swz721c, Arial, sans-serif; font-weight: normal;
    -moz-transition: background-color 1s ease-in;
    -webkit-transition: background-color 1s ease-in;
    -o-transition: background-color 1s ease-in;
    -ms-transition: background-color 1s ease-in;
    transition: background-color 1s ease-in;
}


/* CONTAINER */
#container {	position: relative;	padding-bottom: 50%;}

/* SECTION BACKGROUND */	


.section1-visible{ background: #085890 url(../images/bckgrd-slide-1.jpg) 0 0 repeat;}
.section2-visible{ background: #4e234e url(../images/bckgrd-slide-2.jpg) 0 0 repeat;}
.section3-visible{ background: #441c71 url(../images/bckgrd-slide-3.jpg) 0 0 repeat;}
.section4-visible{ background: #581717 url(../images/bckgrd-slide-4.jpg) 0 0 repeat;}
.section5-visible{ background: #203a10 url(../images/bckgrd-slide-5.jpg) 0 0 repeat;}

/* HEADER */
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 800;overflow: hidden;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;}
header h1{	font-family: swz721c, Arial, sans-serif;	font-weight: normal;    margin: 0;}
header h1, header nav a {	-webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;	}
.headerstandard { height: 150px;  background:url(../images/bckgrd-header.png) center bottom repeat-x;}
.headerstandard .headerstandard-inner { width: 90%; max-width: 69em; margin: 0 auto;}
.headerstandard h1, .headerstandard nav.menustandard a {line-height: 150px;		}
.headerstandard h1 { letter-spacing:0; font-size: 3.2em; float: left; background: transparent url('../images/logo-icone-95.png') center left no-repeat;text-indent: 105px; color:#363636;}
.headerstandard nav.menustandard{display: inline-block;position: relative;	float: right;		}
.headerstandard nav.menustandard a { text-transform:uppercase; margin: 0 0 0 8px;  font-size: 1.0em; font-weight: normal; padding: 8px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.headerstandard.headerstandard-shrink {    height: 90px;}
.headerstandard.headerstandard-shrink h1,.headerstandard.headerstandard-shrink nav.menustandard a {    line-height: 90px;}
.headerstandard.headerstandard-shrink h1 { font-size: 1.6em; letter-spacing:0; font-weight:normal;}
.headerstandard.headerstandard-shrink h1 {	background: transparent url('../images/logo-icone-50.png') center left no-repeat;	text-indent: 60px;}

a{	color: #363636;}
a:hover {	color: #fff;}
h1, h2, h3{	color: #F6F6F6;	border-color: #F6F6F6;}
nav a{color: #363636;}
nav a.current, nav a:hover{	background: #363636;	color: #fff;}


/* CLASS */
.display{	display: block;}
.hide{	display: none;}
.no-border{	border: 0px;}
.left{ float: left; }
.right{ float: right; }
.clear	{ clear:both;}

/* TITRE */
#main #section1 h1, h2{	font-weight: normal;	text-align: center;}
#main #section1 h1{font-size: 4em;font-family: goudy, Arial, sans-serif;display: block;width: 100%;line-height: 0.8em;margin: 20px auto;text-shadow: 2px 2px 2px #1b1a1a;}
#main #section1 h2{    font-family: goudy, Arial, sans-serif;	font-size: 3em;	text-shadow: 2px 2px 2px #1b1a1a;}

#main #section2 h1, h2, #main #section3 h1, h2, #main #section4 h1, h2 {	font-weight: normal;	text-align: center;}
#main #section2 h1, #main #section3 h1, #main #section4 h1 {font-size: 2.5em;font-family: goudy, Arial, sans-serif;display: block;width: 100%; line-height:0.1em;text-shadow: 2px 2px 2px #1b1a1a; margin:1em 0 0 0;}
#main #section2 h2, #main #section3 h2, #main #section4 h2 {    font-family: goudy, Arial, sans-serif;	font-size: 1.5em;	text-shadow: 2px 2px 2px #1b1a1a; margin:0 0 1.2em 0;}

#main #section5 h1, h2 {	font-weight: normal;	text-align: center;}
#main #section5 h1 {font-size: 2.5em;font-family: goudy, Arial, sans-serif;display: block;width: 100%; line-height:0.1em;text-shadow: 2px 2px 2px #1b1a1a; margin:1em 0 0 0;}
#main #section5 h2 {    font-family: goudy, Arial, sans-serif;	font-size: 1.5em;	text-shadow: 2px 2px 2px #1b1a1a; margin:0 0 1.2em 0;}

#main #section5 h3 {	font-weight: normal; text-align: center;   font-family: goudy, Arial, sans-serif;	font-size: 2.5em;	text-shadow: 2px 2px 2px #1b1a1a; }

/* SECTION 1 */
#section1  .blocCol4	{width:90%; max-width:69em; margin:0 auto; padding:0 0 2em 0;}
#section1 .blocCol4 .col4	{ width:25%; text-align:center; float:left; padding:0 1.2em}
#section1 .blocCol4 .col4	img	{ width:100%; border:7px solid #fff; max-width:175px; float:left; margin:0.8em;
-moz-box-shadow: 0px 0px 15px 0px #000;-webkit-box-shadow: 0px 0px 15px 0px #000;-o-box-shadow: 0px 0px 15px 0px #000;box-shadow: 0px 0px 15px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=15px);
-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.paniniTeam img	{ width:100%; border:7px solid #fff; max-width:175px; float:left; margin:0.8em;
-moz-box-shadow: 0px 0px 15px 0px #000;-webkit-box-shadow: 0px 0px 15px 0px #000;-o-box-shadow: 0px 0px 15px 0px #000;box-shadow: 0px 0px 15px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=15px);
-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.paniniTeam	img:hover	{ -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}

/* SECTION 2 */
#main #section2 p {	font-weight: normal; font-size: 1em;	display: inline-block; padding:20px 0; color:#fff; line-height:1.2em;  text-align:center;}
#section2  .blocCol4	{width:90%; max-width:69em; margin:0 auto; padding:0 0 2em 0;}
#section2 .blocCol4 .col4	{ width:25%; text-align:center; float:left; padding:0 1.2em}
#section2 .blocCol4 .col4	img	{ width:100%; border:7px solid #fff; max-width:175px; 
-moz-box-shadow: 0px 0px 15px 0px #000;-webkit-box-shadow: 0px 0px 15px 0px #000;-o-box-shadow: 0px 0px 15px 0px #000;box-shadow: 0px 0px 15px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=15px);
-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;}
#main #section2 a	{ color:#fff; display:inline-block; }
#main #section2 a span	{ width:100%; height:1px; background:#fff; display:block; margin:1px 0 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";  filter: alpha(opacity=20);  opacity: 0.2;}
#main #section2 a:hover span	{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  opacity: 1;}

/* SECTION 3 */
#main #section3 p {	font-weight: normal; font-size: 1em;	display: inline-block; padding:20px 0; color:#fff; line-height:1.2em; }
#section3 .blocCol4	{width:90%; margin:0 auto; padding:0 0 2em 0;}
#section3 .blocCol4	img	{ width:100%; border:7px solid #fff; max-width:175px; float:left; margin:0.8em;
-moz-box-shadow: 0px 0px 15px 0px #000;-webkit-box-shadow: 0px 0px 15px 0px #000;-o-box-shadow: 0px 0px 15px 0px #000;box-shadow: 0px 0px 15px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=15px);
-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#section3 .blocCol4	img:hover	{ -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}

/* SECTION 4 */
#section4 img	{ width:100%; border:7px solid #fff; max-width:175px; float:left; margin:1.2em;
-moz-box-shadow: 0px 0px 15px 0px #000;-webkit-box-shadow: 0px 0px 15px 0px #000;-o-box-shadow: 0px 0px 15px 0px #000;box-shadow: 0px 0px 15px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=15px);
-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#section4 img:hover	{ -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}

#section4 .blocCasting	{ float:left; width:50%; padding:0 1.5em; box-sizing:border-box;}
#section4 .blocCasting p	{ color:#fff; line-height:1.5em; margin:1em 0 0 0;}
#section4 .blocCasting p strong	{ font-weight:normal; font-family: goudy, Arial, sans-serif; font-size:1.5em}

/* SECTION 5 */

#section5	{ text-align:center;}
#section5 a	{ color:#fff;}
.blocContact		{ display:inline-block; margin:1.5em 0 1.5em 0;}

.contactMail		{ width:64px; height:64px; background:url(../images/contact-mail.png) 0 0 no-repeat #fb4c23; margin:1em; display:block; text-indent:-9900px; float:left; -moz-box-shadow: 0px 0px 5px 0px #000;-webkit-box-shadow: 0px 0px 5px 0px #000;-o-box-shadow: 0px 0px 5px 0px #000;box-shadow: 0px 0px 5px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5px);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;}
.contactFacebook	{ width:64px; height:64px; background:url(../images/contact-facebook.png) 0 0 no-repeat #5d82d1; margin:1em; display:block; text-indent:-9900px; float:left; -moz-box-shadow: 0px 0px 5px 0px #000;-webkit-box-shadow: 0px 0px 5px 0px #000;-o-box-shadow: 0px 0px 5px 0px #000;box-shadow: 0px 0px 5px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5px);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;}
.contactFlickr		{ width:64px; height:64px; background:url(../images/contact-flickr.png) 0 0 no-repeat #ff48a3; margin:1em; display:block; text-indent:-9900px; float:left; -moz-box-shadow: 0px 0px 5px 0px #000;-webkit-box-shadow: 0px 0px 5px 0px #000;-o-box-shadow: 0px 0px 5px 0px #000;box-shadow: 0px 0px 5px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5px);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;}
.contactPinterest	{ width:64px; height:64px; background:url(../images/contact-pinterest.png) 0 0 no-repeat #e13138; margin:1em; display:block; text-indent:-9900px; float:left; -moz-box-shadow: 0px 0px 5px 0px #000;-webkit-box-shadow: 0px 0px 5px 0px #000;-o-box-shadow: 0px 0px 5px 0px #000;box-shadow: 0px 0px 5px 0px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5px);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;}

.contactMail:hover, .contactFacebook:hover, .contactFlickr:hover, .contactPinterest:hover 	{-moz-border-radius: 360px;-webkit-border-radius: 360px;border-radius: 360px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.fb-share-button	{ margin-top:1.1em; display:inline-block;  }

/*HEADER MOBILE*/	
header.headermobile {position: fixed;top: 0px;display: block;width: 100%;height: auto;margin: 0px auto 20px auto;padding: 0px;z-index: 890;display: none;}
header.headermobile h1 {font-weight: normal;text-align: center;font-size: 2em;margin-top: 10px; color:#1b1a1a;}
header.headermobile button {position: absolute;float: left;display: block;width: 40px;height: 40px;border: none;cursor: pointer;margin: 10px 10px 0px 10px;}

.menumobile a {display: block;text-transform: uppercase;font-size: 1.2em;font-weight: 300;width: 100%;text-align: center;}
.menumobile {width: 240px;height: 100%;top: 0;z-index: 10000;}
.menumobile a {padding: 1em;}
	

#main{-webkit-transition: background 2s ease;	-moz-transition: background 2s ease;	transition: background 2s ease;}
#main section{    padding: 110px 4% 20px 4%;	margin: 55% 0px;}
#main section:first-child{	margin-top: 0px;    padding: 250px 20px 20px 20px;}
#main section:last-child{	margin-bottom: 100%;}
.mobile{	display: none;}


/* SCROLL */

.scroll {position: fixed;bottom: 10px;right: 10%;height: 80px;width: 80px;cursor: pointer;background: url("../images/scroll.png") no-repeat scroll center top transparent;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition:  all .3s ease-out;  transition: all .3s ease-out;}
.scroll:hover{	background: url("../images/scroll.png") bottom center no-repeat;}


::-moz-selection{	background: #E46C51;}
::-webkit-selection{	background: #E46C51;}




	





/* MEDIA QUARIES */

	/* TABLETS */
	@media screen and (max-width: 1020px ) {
		.headerstandard { height: 250px;    background:url(../images/bckgrd-header.png) center bottom repeat-x;}
		.headerstandard h1 {  background:url(../images/logo-icone-95.png) center top no-repeat; text-indent:0;padding:105px 0 0 0;}
		#section1 .blocCol4	{ margin-top:1.1em;}

	.headerstandard h1, .headerstandard nav.menustandard{display: block;margin: 0 auto;text-align: center;float: none; } 
    .headerstandard h1, .headerstandard nav.menustandard a { line-height: 75px; } 
    .headerstandard nav.menustandard a {margin: 0 10px;}
	.headerstandard.headerstandard-shrink {height: 130px;	}	
    .headerstandard.headerstandard-shrink h1,.headerstandard.headerstandard-shrink nav a {line-height: 45px;}
	.headerstandard.headerstandard-shrink h1 {        font-size: 3em;		background: none;		text-indent: 0px; padding:0.2em 0 0 0;   } 
	
	#main section{		padding: 150px 20px 20px 20px;	}
	#main section:first-child{		padding: 250px 20px 20px 20px;	}
	
	#section4 .blocCasting p	{ color:#fff; line-height:1.5em; margin:1em 0 0 0; font-size:0.8em;}
		
	}
	
	/* SMARTPHONES */
	
	header.headermobile button {	background: transparent url('../images/nav-icon.png') center center no-repeat;}
	
	@media screen and (max-width: 767px ) {  
		.scroll {		background-image: url('../images/scroll-small.png');	} 
		.scroll:hover {		background-image: url('../images/scroll-small.png');	}
		#section1 .blocCol4			{width:90%; margin:0 auto; padding:0 0 2em 0;}
		#section1 .blocCol4 .col4	{ width:50%; text-align:center; float:left; padding:0 2px; box-sizing:border-box;}
		#section1 .blocCol4 .col4	img	{border:none; -moz-box-shadow: 0px 0px 1px 0px #000;-webkit-box-shadow: 0px 0px 1px 0px #000;-o-box-shadow: 0px 0px 1px 0px #000;box-shadow: 0px 0px 1px 0px #000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=1px); margin:0 1px;}
		
		.headerstandard {display: none;}		
		header.headermobile  {        display: block;		background:url(../images/bckgrd-header.png) center bottom repeat-x; padding:0 0 0.5em 0;    }		
		.menumobile{		display: none;		width: 100%;	}
	
		#section1 .blocCol4	{ margin-top:1.1em;}
	
		#main #section1 h1{		width: 80%;		font-size: 2.5em;		line-height: 1.2em;		margin: 20px auto;		}		
		#main #section1 h2{		font-size: 1.7em;		}
	
		#section2 .blocCol4 .col4	{ width:50%; text-align:center; float:left; padding:0 2px; box-sizing:border-box;}
		#section2 .blocCol4 .col4	img {border:none; -moz-box-shadow: 0px 0px 1px 0px #000;-webkit-box-shadow: 0px 0px 1px 0px #000;-o-box-shadow: 0px 0px 1px 0px #000;box-shadow: 0px 0px 1px 0px #000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=1px); margin:0 1px;}
		#main #section2 a span	{ display:none; width:0px;}
		
		#section3 .blocCol4 img	{border:none; -moz-box-shadow: 0px 0px 1px 0px #000;-webkit-box-shadow: 0px 0px 1px 0px #000;-o-box-shadow: 0px 0px 1px 0px #000;box-shadow: 0px 0px 1px 0px #000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=1px); margin:0 1px; width:40%}
		
		#section4 .blocCasting img	{border:none; -moz-box-shadow: 0px 0px 1px 0px #000;-webkit-box-shadow: 0px 0px 1px 0px #000;-o-box-shadow: 0px 0px 1px 0px #000;box-shadow: 0px 0px 1px 0px #000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=1px); margin:0 1px;}
	
	#main section, #main section:first-child{padding: 80px 20px 20px 20px;	}
	#main section{margin: 150px 0px;			display: block;	}
	#main section:first-child{margin-top: 0px;		padding: 50px 20px 20px 20px;	}
	#main section:last-child{		margin-bottom: 100%;	}		
	
	.col4Smart	{ clear:both;}
	
	#filter{		text-align: center;	}
	#filter a{		font-size: 1em;	}
 
 
	.scroll {
		position: fixed;
		top: 20px;
		right: 10px;
		float: right;
		height: 20px;
		width: 20px;
		background-image: url('../images/scroll-small.png');
		background-position: 0px 0px;
		z-index: 99999;
	} 
	.scroll:hover {
		background-image: url('../images/scroll-small.png');
		background-position: 0px -20px;
	}
		
	}