/*-----RESET-----*/
*, * *{
	margin:0;
	padding:0;
	border:none; 
	list-style:none;
	font-weight:normal;
}
body{
	background:#34a7e2 url(http://img.mediastay.com/mediastay/img/structure/bgTop.png) repeat-x;
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#333;
}
input[type=checkbox], input[type=radio]{
	border:none; 
}
label{
	cursor:pointer;
}
strong{
	font-weight:bold;
}
p{
	padding:3px 0;
}
.clear{
	clear:both;
}
.textCenter{
	text-align:center;
}
.blue{
	color:#30a4e0;
}
.orange{
	color:#f8ab04;
}
a{
	cursor:pointer;
}
/*--class identique formulaire--*/
form input, form select, form textarea, form #cvLink{
	border:1px solid #e5e5e5;
	color:#30a4e0;
	border-radius:3px;
	font-size:14px;
	background:#fff;
}
form input:focus, form select:focus, form textarea:focus{
	border:1px solid #30a4e0;
}
form textarea{
	padding:5px;
	font:normal 12px Verdana, Geneva, sans-serif;
}
form select, form input{
	padding:10px 5px;
	margin:3px 0 0;
}
form .field{
	position:relative;
	display:inline-block;
}

@font-face{
    font-family:'MyriadProSemiboldCondensed';
    src:url('http://www.mediastay.com/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.eot');
    src:url('http://www.mediastay.com/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mediastay.com/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.woff') format('woff'),
         url('http://www.mediastay.com/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.ttf') format('truetype'),
         url('http://www.mediastay.com/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.svg#MyriadProSemiboldCondensed') format('svg');	
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'MyriadProBoldCondensed';
    src:url('http://www.mediastay.com/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.eot');
    src:url('http://www.mediastay.com/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.mediastay.com/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.woff') format('woff'),
         url('http://www.mediastay.com/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.ttf') format('truetype'),
         url('http://www.mediastay.com/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.svg#MyriadWebProCondensed') format('svg');
    font-weight:normal;
    font-style:normal;
}
/*-----FONTS-----
@font-face{
    font-family:'MyriadProSemiboldCondensed';
    src:url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.eot');
    src:url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.woff') format('woff'),
         url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.ttf') format('truetype'),
         url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-semibold-cn/myriadpro-semiboldcond-webfont.svg#MyriadProSemiboldCondensed') format('svg');	
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'MyriadProBoldCondensed';
    src:url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.eot');
    src:url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.woff') format('woff'),
         url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.ttf') format('truetype'),
         url('http://mediastay.dev.mediastay.net/fr/font/myriad-pro-bold-cn/myriadwebpro-condensed-webfont.svg#MyriadWebProCondensed') format('svg');
    font-weight:normal;
    font-style:normal;
}
-->
/*-----MAIN-----*/
/*--class generic--*/
.blocCenter{
	margin:0 auto;
	width:940px;
	position:relative;
}
.contentTop{
	padding-bottom:30px;
}
h2{
	text-transform:uppercase;
	color:#001a23;
	font:normal 24px/29px MyriadProSemiboldCondensed, Arial;
	background:url(http://img.mediastay.com/mediastay/img/structure/puceH3.png) no-repeat;
	padding:0 0 5px 55px;
}
/*--pagination--*/
.pagination{
	float:right;
	margin-bottom:5px;
}
.pagination li{
	margin:3px;
	float:left;
	display:block;
	background:#34a9e2;
	line-height:16px;
}
	.pagination a{
		color:#fff;
		padding:2px 6px;
		text-decoration:none;
		display:block;
	}
		.pagination .currentPage{
			background:#ff9601;
		}
		.pagination li:hover{
			background:#ff9601;
			cursor:pointer;
		}
		.pagination .prev, .pagination .next{
			width:17px;
			height:21px;
		}
		.pagination .prev a, .pagination .next a{
			text-indent:-9000px;
		}
		.pagination .prev{
			background:transparent url(http://img.mediastay.com/mediastay/img/structure/news/arrowPrev.png) no-repeat;
			text-indent:-9000px;
		}
		.pagination .next{
			background:transparent url(http://img.mediastay.com/mediastay/img/structure/news/arrowNext.png) no-repeat;
			text-indent:-9000px;
		}
			.pagination .next:hover{
				background:transparent url(http://img.mediastay.com/mediastay/img/structure/news/arrowNext.png) no-repeat 0 -21px;
			}
			.pagination .prev:hover{
				background:transparent url(http://img.mediastay.com/mediastay/img/structure/news/arrowPrev.png) no-repeat 0 -21px;
			}
		.pagination .desactived{
			text-indent:-9000px;
			background-position:0 bottom;
			cursor:default;
		}
			.pagination .desactived:hover{
				background-position:0 bottom;
			}		
/*-----*/
#wrapper{
	background:url(http://img.mediastay.com/mediastay/img/structure/bulle.png) no-repeat center 0;
}
#header{
	position:relative;
	padding-bottom:15px;
	z-index:50;
}
#header #extranet{
	color:#fff;
	font-size:10px;
	float:left;
	margin-left:10px;
}
	#header #extranet span{
		text-transform:uppercase;
		margin-right:20px;
	}
	#header #extranet input{
		width:130px;
		padding:4px;
		margin:0;
		border:2px solid #b3b3b3;
	}
	#header #extranet a.question{
		background:#fff;
		color:#095886;
		border-radius:14px;
		text-decoration:none;
		padding:2px 7px;
		font-size:12px;
		text-align:center;
		font-weight:bold;
	}
	#header #extranet .submit{
		background:#1688c4;
		color:#fff;
		border-radius:3px;
		text-decoration:none;
		width:28px;
		font-size:11px;
		margin-left:5px;
		height:28px;
		text-align:center;
		font-weight:bold;
		padding:0;
		border:none;
		cursor:pointer;
	}
#header #lang{
	width:99%;
	min-height:27px;
	border-bottom:1px solid #0b3751;
	position:fixed;
	left:0;
	top:0;
	z-index:500;
	background:#095886;
	padding:7px 0 3px;
	padding-right:1%;
}
	#header #lang a{
		color:#fff;
	}
	#header #lang ul#navBarre{
		float:right;
		margin-left:30px;
	}
	#header #lang ul#navBarre li{
		display:inline-block;
		float:right;
		width:26px;
	}
		#header #lang ul#navBarre li a{
			display:block;
			min-width:23px;
			float:right;
			position:relative;
			background-position:0 0;
			cursor:pointer;
			text-decoration:none;
			height:35px;
			padding-bottom:2px;
		}
			#header #lang ul#navBarre li a span{
				display:none;
			}
				#header #lang ul#navBarre li a:hover span{
					display:inline;
					position:absolute;
					bottom:0;
					right:5px;
				}
			#header #lang #lang-fr{
				background:url(http://img.mediastay.com/mediastay/img/structure/flag/fr.png) no-repeat;
			}
			#header #lang #lang-en{
				background:url(http://img.mediastay.com/mediastay/img/structure/flag/uk.png) no-repeat;
			}
#websiteTop{
	margin-top:37px;
	padding:10px;
}
	#websiteTop a.feedback{
		background:#333;
		position:fixed;
		top:145px;
		right:0;
		width:35px;
		height:102px;
		z-index:50;
	}
		#websiteTop a:hover.feedback{
			opacity:0.5;
			filter:alpha(opacity=50);
		}
	#websiteTop h1 a{
		width:245px;
		height:49px;
	}
	#websiteTop ul#nav{
		text-align:center;
		height:30px;
	}
		#websiteTop ul#nav li{
			margin:0 19px;
			display:inline-block;
			float:left;
		}
			#websiteTop ul#nav li a{
				height:30px;
				color:#fff;
				text-transform:uppercase;
				text-decoration:none;
				text-align:center;
				font:normal 16px/30px MyriadProSemiboldCondensed, Arial;
				letter-spacing:1px;
				display:inline-block;
			}
				#websiteTop ul#nav li a:hover{
					color:#6cf;
				}
				#websiteTop ul#nav li a.current{
					background:#f90;
					padding:0 20px;
				}
					#websiteTop ul#nav li a:hover.current{
						color:#fff;
					}
#container{
	display:block;
	position:relative;
	min-height:360px;
}
	#container .degradeContentBottom{
		height:31px;
		background:url(http://img.mediastay.com/mediastay/img/structure/degradeContent.png) repeat-x;
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
	}
	#container #content{
		position:relative;
		width:100%;
		background:#fff url(http://img.mediastay.com/mediastay/img/structure/bgContent.png) repeat-x;
		padding:20px 0;
		z-index:0;
	}
		#content .degradeContentTop{
			height:31px;
			background:url(http://img.mediastay.com/mediastay/img/structure/degradeContent.png) repeat-x;
			position:absolute;
			left:0;
			top:-30px;
			z-index:50;
			width:100%;
		}
#footer{
	background:#3ca6eb url(http://img.mediastay.com/mediastay/img/structure/bgFooter.png) repeat-x;
	font-size:12px;
	padding-top:20px;
	color:#366;
	position:relative;
}
	#footer .column{
		padding:0 38px;
		float:left;
		width:25%;
		border-left:1px solid #70c1f8;
		border-right:1px solid #227db5;
		min-height:170px;
	}
		#footer .blocCenter .column:first-child{
			padding-left:0;
			border-left:none;
		}
		#footer .column + .column + .column{
			border-right:none;
		}
	#footer a{
			text-decoration:none;
			color:#366;
	}
		#footer a:hover{
				text-decoration:underline;
		}
	#footer h3{
		color:#fff;
		font-size:13px;
		padding-bottom:10px;
	}
	#footer ul#follow li{
		display:inline;
		margin:2px 20px 2px 0;
	}
		#footer ul#follow a{
			padding-left:35px;
			height:28px;
			line-height:28px;
			display:inline-block;
		}
			#footer ul#follow a#linkTwitter{
				background:url(http://img.mediastay.com/mediastay/img/structure/logoTwitter.png) no-repeat;
			}
			#footer ul#follow a#linkFacebook{
				background:url(http://img.mediastay.com/mediastay/img/structure/logoFB.png) no-repeat;
			}
	#footer hr{
		border-top:1px solid #227db5;
		border-bottom:1px solid #70c1f8;
		margin:15px 0;
		display:block;
	}
	#footer #copyright{
		margin-top:30px;
		text-align:center;
		color:#fff;
		font-size:12px;
		background:#64cef7;
		padding:10px;
	}
/*-----HOME-----*/
#home .accroche{
	color:#fff;
	text-transform:uppercase;
	font:normal 22px/41px MyriadProBoldCondensed, Arial;
	position:relative;
	padding-left:45px;
	background:url(http://img.mediastay.com/mediastay/img/structure/puceH2.png) no-repeat left center;
	margin-top:10px;
}
	#home .accroche span{
		color:#036;
	}
	#home #contentTwitter{
		float:left;
		width:365px;
		border-right:1px solid #dcdcdc;
	}
		#home #contentTwitter h2 img{
			vertical-align:middle;
			margin-left:5px;
		}
		#home #twitter{
			overflow:hidden;
			width:340px;
			height:340px;
		}
		#home #twitter ul li{
			margin:32px 10px 32px 0;
			position:relative;
			background:url(http://img.mediastay.com/mediastay/img/structure/birdTwitter.png) no-repeat;
		}
			#home #twitter ul li > a{
				position:absolute;
				top:-25px;
				left:0;
				width:97%;
				background:#82d7f1;
				color:#000;
				padding:3px 5px;
				border-radius:3px;
				text-decoration:none;
			}
			#home #twitter ul li span{
				border-radius:3px;
				display:block;
				padding:5px;
				margin-left:50px;
				background:#e8eaeb;
			}
				#home #twitter ul li span a{
					color:#0a75b6;
				}
					#home #twitter ul li span a:hover{
						text-decoration:none;
					}
	#home #contentNews{
		float:right;
		width:550px;
		margin-left:20px;
	}
		#home #news .billet{
			float:left;
			width:143px;
			margin:0 20px;
			padding:0;
		}
		#home #news .billet img{
			color:#024693;
			font-size:12px;
			width:134px;
			height:134px;
			border:3px solid #82d7f1;
		}
		#home #news .billet .information{
			position:relative;
			height:300px;
		}
		#home #news .billet .date{
			color:#024693;
		}
		#home #news .billet .title a{
			color:#1688c4;
			background:#dcedf6;
			text-decoration:none;
			line-height:17px;
			padding:1px 2px;
			font-weight:normal;
		}
			#home #news .billet .title a:hover{
				text-decoration:underline;
			}
			#home #news .billet .title{
				overflow:hidden;
				height:48px;
			}
		#home #news .billet .details{
			width:140px;
		}
		#home #news .billet .socialNetwork{
			display:none;
		}
		#home #news .moreInfo{
			position:absolute;
			right:0;
			bottom:0;
		}
			.btnActualite{
				background:url(http://img.mediastay.com/mediastay/img/structure/separator.png) no-repeat right bottom;
				text-align:right;
				float:right;
				width:270px;
				margin:10px 0;
			}
			.btnActualite a, .btnActualite button{
				color:#fff;
				font-weight:bold;
				font-size:9px;
				background:#34a9e2;
				text-decoration:none;
				padding:5px;
				height:10px;
				line-height:10px;
				display:inline-block;
			}
			.btnActualite button{
				font-size:11px;
				padding:2px 5px;
				height:auto;
				line-height:10px;
				display:inline-block;
			}
				.btnActualite a:hover, .btnActualite button:hover{
					background:#efa730;
				}
			#home #partners{
				clear:both;
			}		
	#home #country{
		clear:both;
		background:#29b8e0 url(http://img.mediastay.com/mediastay/img/structure/home/sky.png) repeat-x;
		padding-top:10px;
		min-height:310px;
		position:relative;
		overflow:hidden;
		z-index:0;
	}
		#home #country .blocCenter{
			background:url(http://img.mediastay.com/mediastay/img/structure/home/globe.png) no-repeat right 30px;
			min-height:300px;
		}
		#home #country ul#listCountry{
			margin-left:70px;
			position:relative;
		}
			#home #country ul#listCountry a{
				text-decoration:none;
			}
			#home #country ul#listCountry a.pays{
				color:#333;
				text-decoration:none;
			}
			#home #country ul#listCountry a:hover.pays{
				color:#036;
			}
			#home #country ul#listCountry a.open{
				color:#036;
				font-size:12px;
				font-weight:bold;
			}
			#home #country ul#listCountry li ul{
				margin-left:10px;
				width:550px;
			}
				#home #country ul#listCountry li{
					clear:both;
				}
				#home #country ul#listCountry li ul li{
					display:block;
					width:120px;
					margin-right:5px;
					float:left;
					clear:none;
				}
				#home #country ul#listCountry li ul li a{
					color:#036;
					padding:0 2px;
					line-height:17px;
				}
					#home #country ul#listCountry li ul li a:hover{
						color:#fff;
						background:#f90;
						font-weight:bold;
					}
	#home #country .nuage, #home #country #avion, #home #country #globe{
		position:absolute;
	}
	#home #country .calqueUp{
		position:relative;
		z-index:250;
	}
		#home #country #avion{
			background:url(http://img.mediastay.com/mediastay/img/structure/home/avion.png) no-repeat;
			width:483px;
			height:165px;
			right:70px;
			top:130px;
			text-align:center;
			color:#254d5a;
		}
			#home #country #avion p{
				margin:55px 0 0 200px;
				width:250px;
			}
			#home #country #avion a{
				color:#1688c4;
				font-size:10px;
				font-weight:bold;
			}
				#home #country #avion a:hover{
					text-decoration:none;
				}
		#home #country #nuage1-1, #home #country #nuage1-2{
			background:url(http://img.mediastay.com/mediastay/img/structure/home/nuage.png) repeat-x;
			width:1346px;
			height:190px;
			left:200px;
			top:20px;
			z-index:1;
		}	
		#home #country #nuage2{
			background:url(http://img.mediastay.com/mediastay/img/structure/home/nuage2.png) repeat-x;
			height:113px;
			width:200%;
			bottom:0;
			left:0;
			z-index:4;
		}
		#home #country #nuage3{
			background:url(http://img.mediastay.com/mediastay/img/structure/home/nuage3.png) repeat-x;
			height:77px;
			width:200%;
			bottom:0;
			left:0;
			z-index:9;
		}
/*-----JOBS-----*/
#jobs #headJob{
	background:url(http://img.mediastay.com/mediastay/img/structure/jobs/pictureJob.png) no-repeat;
	height:275px;
	padding:35px 360px 35px 45px;
	font-size:13px;
	line-height:16px;
	color:#fff;
}
	#jobs .job a{
		float:left;
		margin:15px 31px;
		width:123px;
		height:145px;
		display:block;
		color:#333;
		text-decoration:none;
		padding:34px 25px 5px;
		background:url(http://img.mediastay.com/mediastay/img/structure/jobs/postit1.png) no-repeat;
	}
		#jobs .job a:hover{
			background-position:0 bottom;
		}
		#jobs .job .tache{
			background:url(http://img.mediastay.com/mediastay/img/structure/jobs/postit2.png) no-repeat;
		}
		#jobs .job a span{
			display:block;
			margin:5px 0;
		}
.jobInfo{
	background:url(http://img.mediastay.com/mediastay/img/structure/jobs/jobDetail.png) no-repeat;
	width:514px;
	height:648px;
	position:relative;
	padding:50px 100px 50px 50px;
}
	.jobInfo a.closeJob{
		position:absolute;
		width:44px;
		height:44px;
		right:33px;
		top:15px;
	}
		.jobInfo a.closeJob span{
			display:none;
		}
	.jobInfo a.joinUs{
		position:absolute;
		display:block;
		right:65px;
		bottom:75px;
		font:normal 13px verdana;
		color:#333;
		text-decoration:underline;
		width:350px;
	}
		.jobInfo a:hover.joinUs{
			text-decoration:none;
		}
	.jobInfo h3{
		font-size:14px;
		font-weight:bold;
		width:260px;
		display:block;
		color:#0c6cb6;
		margin:5px 0 0;
	}
	.jobInfo .description{
 		width:570px;
		height:320px;
		overflow:hidden;
		margin-top:50px;
	}
/*---modif scrolling job---*/	
	.jobInfo .jspTrack {
		background:url(http://img.mediastay.com/mediastay/img/structure/jobs/scroll.png) no-repeat center 0;
	}
	.jobInfo .jspPane p{
		padding-right:5px;
	}
	.jobInfo .jspDrag{
		background:#000;
		width:10px;
		margin:0 auto;
		border-radius:4px;
	}
	.jobInfo .jspVerticalBar .jspArrow{
    	height:27px;
		width:27px;
	}
	.jobInfo .jspArrowUp{
		background:url(http://img.mediastay.com/mediastay/img/structure/jobs/arrowTop.png) no-repeat;
	}
	.jobInfo .jspVerticalBar{
		width:27px;
		background-color:transparent;
	}
	.jobInfo .jspArrowDown{
		background:url(http://img.mediastay.com/mediastay/img/structure/jobs/arrowBottom.png) no-repeat;
	}
/*---modif fancy job---*/
#fancybox-outer{
	background:none;
}
.fancy-bg{
	display:none;
}
/*-----CONTACT-----*/
#contact{
	background:#fff url(http://img.mediastay.com/mediastay/img/structure/bgContent.png) repeat-x;
	margin:10px auto 50px;
	padding:10px;
	color:#666;
}
	#contact #coordonnees{
		float:left;
		border-right:1px solid #dadada;
		font-size:13px;
		width:270px;
	}	
	#contact #coordonnees ul#listCountry{
		margin:20px 0 0 30px;
	}
		#contact #coordonnees ul li a.pays{
			text-decoration:none;
			color:#0a75b6;
			background:url(http://img.mediastay.com/mediastay/img/structure/contact/pictoClose.jpg) no-repeat 0 center;
			padding-left:13px;
		}
			#contact #coordonnees ul li a:hover.pays{
				color:#F60;
			}
		#contact #coordonnees ul li a.open{
			background:url(http://img.mediastay.com/mediastay/img/structure/contact/pictoOpen.jpg) no-repeat 0 center;
		}
		#contact #coordonnees ul li{
			margin:5px 0;
		}
		#contact #coordonnees ul li ul li{
			margin-bottom:10px;
		}
		form .message_ok, form .message_ko2{
			margin:10px 0;
			color:#fff;
			background:#cc051c;
			font-size:11px;
			padding:5px;
			width:300px;
		}
			form .message_ok{
			color:#fff;
			background:#060;
		}
	#contact #formulaire{
		float:right;
		width:650px;
		background:url(http://img.mediastay.com/mediastay/img/structure/contact/enveloppe.png) no-repeat bottom right;
		min-height:300px;
	}
	#contact form{
		padding-top:40px;
		font-size:14px;
		color:#a9a9a9;
		position:relative;
	}
		#contact form .step .float{
			float:left;
		}
		#contact form span.etape{
			color:#fff;
			text-align:center;
			background:#ffac00;
			border-radius:25px;
			width:42px;
			height:42px;
			display:block;
			font:bold 30px/42px Arial, Helvetica, sans-serif;
		}
			#contact form button:hover.prev{
				text-decoration:none;
			}		
		form .step1 label, form .step2 label, form .step3 label, form .step4 .field label{
			padding:2px 0 2px 25px;
			position:absolute;
			left:10px;
			top:11px;
		}
		/*--Step1--*/
		form .step1 input{
			width:155px;
			background:#fff url(http://img.mediastay.com/mediastay/img/structure/contact/name.png) no-repeat 10px center;
			padding-left:35px;
		}
		#contact form .step1 select{
			width:81px;
		}
		/*--Step2/step3--*/
		form .step2 input, form .step3 input{
			width:240px;
			background:#fff url(http://img.mediastay.com/mediastay/img/structure/contact/company.png) no-repeat 10px center;
			padding-left:35px;
		}
		form .step3 input{
			background:#fff url(http://img.mediastay.com/mediastay/img/structure/contact/email.png) no-repeat 10px center;
		}
		/*--Step4--*/
		#contact form .step4 span.etape{
			float:left;
		}
		form .step4 textarea{
			width:240px;
			background:#fff url(http://img.mediastay.com/mediastay/img/structure/contact/message.png) no-repeat 10px 8px;
			padding-left:35px;
			margin:2px 0 5px;
			height:80px;
		}
		form .step4 .field label{
			left:18px;
			top:7px;
		}
		form .step4 .captcha div{
			float:left;
			width:115px;
			margin:0 5px;
			text-align:center;
		}
			form .step4 .captcha div + div{
				width:140px;
			}
			form .step4 .captcha div .field{
				padding-top:14px;
			}
				form .step4 .captcha div .field input{
					width:140px;
					text-align:center;
					font-size:16px;
					font-weight:bold;
				}
			form .step4 .captcha label{
				left:-15px;
				top:25px;
			}
			form .step4 .captcha .picCaptcha{
				background:#c0c0c0;
				padding:6px 2px;
				border-radius:3px;				
			}
			form .step4 button.submit{
				background:#1688c4;
				padding:6px 20px;
				font-weight:bold;
				border-radius:5px;
				cursor:pointer;
				font-size:10px;
				color:#fff;
				margin:10px 0 0 190px;
			}
				form .step4 button:hover.submit{
					background:#f90;
				}
/*-----MONETISATION-----*/
#monetisation{
	font-size:12px;
}
#monetisation #leftMoney{
	float:left;
	width:470px;
	padding-right:20px;
}
	#monetisation #leftMoney strong{
		font-size:14px;
	}
	#monetisation #leftMoney p, #monetisation #leftMoney ul li{
		padding:5px 0;
	}
#monetisation #rightMoney{
	float:right;
	width:429px;
	padding-left:20px;
	border-left:1px solid #dcdcdc;
}
	#monetisation #rightMoney .title{
		font-size:24px;
	}
#monetisation form select, #cvsend form select{
	width:81px;
}
#monetisation form div.step1, #monetisation form div.step2, #monetisation form div.step3, #monetisation form div.step4{
	margin:5px 0;
}
#monetisation form, #cvsend form{
	font-size:14px;
	color:#a9a9a9;
	position:relative;
}
#monetisation form .step4 button.submit{
	margin-left:190px;
}
/*-----ACTUALITES / ARCHIVES liste des billets-----*/
/*-class generique à lastNews et newsMostViewed*/
.billet{
	padding:8px;
	margin:5px 0 10px;
}
	.billet .date{
		color:#0a75b6;
	}
	.billet a{
		text-decoration:none;
	}
	.billet .title a{
		color:#333;
		font-weight:bold;
		font-size:11px;
	}		
		.billet .title a:hover{
			text-decoration:underline;
		}
	.moreInfo{
		margin-top:5px;
		text-align:right;
	}
		.moreInfo a{
			background:#1688C4;
			border-radius:3px;
			color:#fff;
			font-size: 10px;
			font-weight:bold;
			margin-top:10px;
			padding:2px 5px;
			box-shadow:1px 1px 1px #fff;
			text-decoration:none;
			cursor:pointer;
		}
			.moreInfo a:hover{
				background:#ff9601;
			}
		.billet a img{
			border:1px solid #2386bf;
			background:#848484;
			float:left;
			width:116px;
		}						
/*--last news / last archives--*/
#lastNews .billet, #archives .billet{
	padding:8px;
	background:#dbe7f6;
	margin:5px 0 10px;
}
	#lastNews .billet:hover, #archives .billet:hover{
		background:#9fdff6;
		cursor:default;
	}
	#lastNews .billet .information, #archives .billet .information{
		float:left;
		width:412px;
		padding-right:10px;
	}
		#lastNews .billet .details, #archives .billet .details{
			float:left;
			padding-left:10px;
			width:284px;
		}
		.billet .socialNetwork iframe{
			margin-bottom:10px;
		}
	#lastNews .socialNetwork, #archives .socialNetwork{
		margin-left:16px;
		width:55px;
	}
/*--lastNews--*/		
#news #lastNews{
	float:left;
	width:509px;
	padding-right:10px;
	border-right:1px solid #dbdbdb;
}
/*-----archives------*/
#archives .billet{
	float:left;
	padding:8px;
	background:#dbe7f6;
	margin:5px 8px 10px;
	width:438px
}
	#archives .billet .information{
		width:357px;
	}
	#archives .billet .information .details{
		width:229px;
	}
/* partie identique articles les plus vus / articles liées / archives articles*/
/*--newsMostViewed related archives--*/
#newsMostViewed, #related{
	float:right;
	width:410px;
	padding-left:10px;
}
	#newsMostViewed .billet .information, #related .billet .information{
		float:right;
		width:325px;
		padding-left:10px;
	}
		.billet .socialNetwork{
			float:left;
			width:55px;
		}
		#newsMostViewed .billet .details, #related .billet .details{
			float:left;
			width:185px;
			padding-left:10px;
		}
/*-----ACTUALITES Contenu d'un article-----*/
#article #articleFull{
	float:left;
	width:509px;
	padding-right:10px;
	border-right:1px solid #dbdbdb;
}
	#article #articleContent{
		padding:8px;
		background:#dbe7f6;
		margin-bottom:5px;
	}
	#article #articleContent .title{
		color:#001A23;
		font:normal 24px MyriadProSemiboldCondensed,Arial;
	}
		#article #articleContent img{
			border:1px solid #2386bf;
			background:#848484;
			margin:0 10px 10px 0;
		}
		#article #articleContent #socialNetwork{
			float:right;
			width:70px;
			margin:0 0 100px 10px;
		}
/*-----groupe mediastay-----*/
#groupeMds #historique{
	float:left;
	width:399px;
	font-size:12px;
	padding-right:10px;
	border-right:1px solid #dbdbdb;
}
	#groupeMds #historique .tabulation{
		padding-left:55px;
	}
	#groupeMds #historique .tabulation ul li{
		margin:5px 0;
		line-height:22px;
	}
		#groupeMds #historique .tabulation ul li.jb span{
			padding-left:27px;
		}
	#groupeMds #historique .tabulation ul img{
		vertical-align:middle;
	}
	#groupeMds #historique strong{
		color:#30a4e0;
	}
	#groupeMds #historique p{
		padding:10px 0;
		line-height:18px;
	}
#groupeMds #chiffres{
	float:right;
	width:520px;
	padding-left:10px;
}
	#groupeMds #chiffres ul li{
		float:left;
		margin-right:17px;
	}
	#groupeMds #chiffres ul li{
		background:url(http://img.mediastay.com/mediastay/img/structure/groupeMediastay/puce.png) no-repeat;
	}
		#groupeMds #chiffres ul li span.puce{
			color:#fff;
			text-align:center;
			font-size:24px;
			font-weight:bold;
			width:63px;
			height:81px;
			line-height:65px;
			display:block;
			float:left;
		}
		#groupeMds #chiffres ul li span.label{
			float:left;
			display:block;
			font-size:12px;
			padding-top:24px;
		}
	#groupeMds #chiffres p{
		padding-top:20px;
		clear:both;
		text-align:center;
	}
/*-----gamespassport-----*/
#gamespassport{
	font-size:12px;
}
	#gamespassport #sliderGamespassport .slides .slide .gamers dd{
		padding-left:35px;
		min-height:30px;
		background:url(http://img.mediastay.com/mediastay/img/structure/gamespassport/pictoGp.png) no-repeat;
	}
		#gamespassport #sliderGamespassport .slides .slide .gamers dd + dd{
			background-position:0 -70px;
		}
		#gamespassport #sliderGamespassport .slides .slide .gamers dd + dd + dd{
			background-position:0 -140px;
		}
		#gamespassport #sliderGamespassport .slides .slide .gamers dd + dd + dd + dd{
			background-position:0 -210px;
		}
	#gamespassport strong{
		color:#41a7de;
	}
	#gamespassport .introduction1{
		margin-bottom:15px;
		font-size:20px;
	}
		#gamespassport .introduction1 strong{
			font-size:20px;
			font-weight:normal;
		}
	#gamespassport ul#competences{
		margin:15px 0;
		height:50px;
	}
	#gamespassport ul#competences li{
		color:#41a7de;
		font:bold 36px MyriadProBoldCondensed, arial;
		width:12%;
		margin-right:7%;
		line-height:48px;
		padding-left:60px;
		display:block;
		float:left;
	}
		#gamespassport ul#competences li.web{
			background:url(http://img.mediastay.com/mediastay/img/structure/gamespassport/pictoWeb.png) no-repeat;
			width:5%;
		}
		#gamespassport ul#competences li.facebook{
			background:url(http://img.mediastay.com/mediastay/img/structure/gamespassport/pictoFacebook.png) no-repeat;
		}
		#gamespassport ul#competences li.mobile{
			background:url(http://img.mediastay.com/mediastay/img/structure/gamespassport/pictoMobile.png) no-repeat;
			padding-left:45px;
			width:8%;
		}
		#gamespassport ul#competences li.tablette{
			background:url(http://img.mediastay.com/mediastay/img/structure/gamespassport/pictoTablette.png) no-repeat;
		}
	#gamespassport #country{
		margin-top:15px;
	}
		#gamespassport #country ul#listCountry{
			float:right;
		}
			#gamespassport #country ul a{
				text-decoration:none;
			}
			#gamespassport #country ul a.pays{
				color:#333;
				text-decoration:none;
			}
			#gamespassport #country ul a:hover.pays{
				color:#036;
			}
			#gamespassport #country ul a.open{
				color:#036;
				font-size:12px;
				font-weight:bold;
			}
			#gamespassport #country ul li ul{
				margin-left:10px;
			}
				#gamespassport #country ul li ul li{
					display:block;
				}
				#gamespassport #country ul li ul li a{
					color:#036;
					padding:1px 2px;
					margin:1px 0;
				}
					#gamespassport #country ul li ul li a:hover{
						color:#fff;
						background:#f90;
						font-weight:bold;
					}		
	#gamespassport .gameTitle{
		background:url(http://img.mediastay.com/mediastay/img/structure/gamespassport/arrow.png) no-repeat 0 center;
		padding:10px 0 10px 20px;
		margin-top:15px;
		color:#249ad9;
		font-weight:bold;
		font-size:16px;
	}
	#gamespassport #vignette{
		float:left;
		border-right:1px solid #e2e2e2;
		padding-right:20px;
		width:640px;
	}
	#gamespassport #gameDev{
		float:right;
		width:259px;
		margin-left:20px;
	}
		#gamespassport #gameDev p:first-child{
			color:#249ad9;
			font-size:16px;
			font-weight:bold;
		}
		#gamespassport #gameDev .moreInfo{
			text-align:left;
		}
			#gamespassport #gameDev .moreInfo a{
				padding:4px 12px;
			}
/*-----presse-----*/
#press #pressReviews{
	float:left;
	width:489px;
	border-right:1px solid #dcdcdc;
	padding-right:10px;
}
#press h3{
	background:url(http://img.mediastay.com/mediastay/img/structure/presse/pictoPresse.png) no-repeat;
	font-size:14px;
	padding-left:30px;
	height:26px;
	line-height:26px;
	color:#333;
	border-bottom:1px solid #e2e2e2;
	padding-bottom:3px;
	margin:10px 0;
}
	#press #video h3{
		background:url(http://img.mediastay.com/mediastay/img/structure/presse/pictoVideo.png) no-repeat 0 center;
	}
	#press .btnActualite{
		width:100%;
	}	
#press #pressReleases{
	float:right;
	width:425px;
	padding-left:15px;
}
#press .item{
	margin:5px 0;
}
/*-video-*/
#press #video .content{
	height:352px;
	overflow:hidden;
}
#press #video .picto a{
	background:url(http://img.mediastay.com/mediastay/img/structure/presse/vignetteVideo.png) no-repeat;
	width:77px;
	height:69px;
	display:block;
	float:left;
}
	#press #video .picto a span{
		display:none;
	}
	#press #video .picto a:hover{
		background-position:0 bottom;
	}
	#press #video .linkArticle{
		display:none;
	}
	#press #video .description{
		margin-left:95px;
	}
		#press .description .title a{
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			color:#30a4e0;
		}
			#press .description .title a:hover{
				text-decoration:underline;
			}
/*-articles-*/
#press #articles .content{
	height:555px;
	overflow:hidden;
}
#press #articles .date a{
	color:#30a4e0;
	text-decoration:none;
	display:block;
}
#press #articles .date{
	float:left;
}
#press #articles .description{
	margin-left:100px;
}
	#press #articles .description .date{
		display:none;
	}
#press #articles .linkVideo{
	display:none;
}
#press #articles .item{
	margin:8px 0;
}
/*-articles/communique class generique-*/
#press #communique .date a span, #press #articles .date a span{
	display:inline-block;
}
#press #communique .date a .day, #press #articles .date a .day{
font-size:40px;
font-weight:bold;
float:left;
}
#press #communique .date a .nextDate, #press #articles .date a .nextDate{
	line-height:15px;
	margin-top:12px;
	font-weight:bold;
}
#press #communique .date a .month, #press #articles .date a .month{
	font-size:24px;
}
#press #communique .date .year, #press #articles .date .year{
	font-size:12px;
}
/*-communique-*/	
#press #communique .content{
	height:430px;
	overflow:hidden;
}
#press #communique a{
	color:#30a4e0;
	text-decoration:none;
	display:block;
}
#press #communique .title a{
	color:#333;
	padding-right:35px;
	position:relative;
}
	#press #communique .title a:hover{
		text-decoration:underline;
	}
	#press #communique .title a img{
		position:absolute;
		top:-40px;
		right:0;
	}
/*-CV-*/
#cvsend{
	background:#fff url(http://img.mediastay.com/mediastay/img/structure/bgContent.png) repeat-x;
	margin:10px auto 50px;
	padding:10px;
	color:#666;
}
	#cvsend form{
		margin:25px auto;
		width:500px;
	}
		#cvsend form .step1, #cvsend form .step2, #cvsend form .step3, #cvsend form .step4, #cvsend form #stepCv{
			margin:8px 0;
		}
		#cvsend form #stepCv .field label{
			display:none;
		}
			#cvsend form textarea{
				width:480px;
				height:300px;
			}
			#cvsend form .step4 button.submit{
				margin-left:190px;
			}
/*--------------------------------------------------------------------------------------------------------------*/
/*----------------------------- PortFolio ----------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
.titleGrey{
	height:30px;
	padding:10px;
	background:url(http://img.mediastay.com/mediastay/img/portfolio/bgTitleGrey.png) repeat-x 0 0;
}
#fancybox-close{
	background:url(http://img.mediastay.com/mediastay/img/portfolio/btnClose.png);
	width:50px;
	height:50px;
	top:5px;
	right:-8px;
}
	#portfolio .titleGrey h2{
		font-family: 'Istok Web', sans-serif;
		margin-right:65px;
		color:#fff;
		font-size:24px;
	}
		.titleGrey span{
			position:relative;
			float:right;
			margin-top:-5px;
			padding:5px 25px 5px 10px;
			font-size:16px;
			line-height:30px;
			background:url(http://img.mediastay.com/mediastay/img/portfolio/closeOpen.png) no-repeat right 14px;
		}
		.titleGrey span:hover{
			cursor:pointer;
			border-radius:8px 8px 0 0;
			background:#0f7bbb url(http://img.mediastay.com/mediastay/img/portfolio/closeOpen.png) no-repeat right -32px;
			color:#83d0f4;
			box-shadow:-3px 6px 8px 0 #454545;
			z-index:200;
		}
			.titleGrey span ul{
				position:absolute;
				left:0;
				padding:0 20px 30px 15px;
				border-radius:0 8px 8px 8px;
				box-shadow:-4px 7px 8px 0 #454545;
				width:145px;
				display:none;
				color:#fff;
				font:bold 11px/25px Verdana, Geneva, sans-serif;
				background:#2da1de url(http://img.mediastay.com/mediastay/img/portfolio/bgMenuPortfolio.png) repeat-x 0 -40px;
			}
			.titleGrey span:hover ul{
				display:block;
			}
				.titleGrey span ul li{
					padding:5px 0 3px;
					border-bottom:1px dashed #fff;
					text-align:left;
				}
				.titleGrey span ul li.last{
					border:none;
				}
					.titleGrey span ul li a{
						color:#fff;
						text-decoration:none;
						font-weight:700;
					}
					.titleGrey span ul li a:before{
						content:"> ";
					}
					.titleGrey span ul li:hover a, .titleGrey span ul li:focus a{
						color:#f7be44;
					}
				#titleGreyArchives.titleGrey{
					display:inline-block;
					height:5px;
					line-height:9px;
					margin-left:100px;
					width:370px;
					color:#fff;
					font-size:11px;
					font-weight:bold;
					text-align:right;
				}
					#titleGreyArchives.titleGrey span{
						line-height:8px;
						color:#fff;
						font-size:11px;
						font-weight:bold;
						background-position:right 3px;
					}
					#titleGreyArchives.titleGrey span:hover, #titleGreyArchives.titleGrey span:focus{
						background-position:right -42px;
					}
#carousel1{
	display:hidden;
	width:940px;
	height:300px;
	margin:0 auto;
	background:none;
}
	#left-but, #right-but{
		width:70px;
		height:70px;
		background:url(http://img.mediastay.com/mediastay/img/portfolio/arrowsPortfolio.png) no-repeat 0 0;
		position:absolute;
		left:40px;
		top:115px;
		z-index:100;
	}
	#right-but{
		left:680px;
		background-position:-80px 0;
	}
	#left-but:hover, #right-but:hover, #left-but:focus, #right-but:focus{
		cursor:pointer;		
	}
	#left-but:hover, #left-but:focus{
		background-position:0 -80px;
	}
	#right-but:hover, #right-but:focus {
		background-position:-80px -80px;
	}
p.arhives, p.backHome{
	background:url(http://img.mediastay.com/mediastay/img/portfolio/borderLinkBottom.png) no-repeat right bottom;
	height:20px;
	display:inline-block;
	width:100%;
}
	.linkArchives, .linkBackHome{
		text-decoration:none;
		color:#fff;
		background-color:#34a9e2;
		float:right;
		font-weight:700;
		padding:3px 6px;
	}
	.linkArchives:hover, .linkBackHome:hover{
		background-color:#ff9b0d;
	}
/*----------- slider -------------*/
.wrapSlider{
	width:884px;
	height:300px;
	background-image:url(http://img.mediastay.com/mediastay/img/portfolio/bgSliderGrey.jpg);
	font:normal 14px/16px Arial, Helvetica, sans-serif;
}
.wrapSlider dl{
	display:block;
	float:left;
	height:265px;
	padding:0 10px;
	margin-top:15px;
}
.wrapSlider .list1{
	width:250px;
	background:url(http://img.mediastay.com/mediastay/img/portfolio/picto01.png) no-repeat center 150px;
}
.wrapSlider .list2{
	width:250px;
	background:url(http://img.mediastay.com/mediastay/img/portfolio/picto02.png) no-repeat center 150px;
	border-left:2px groove #eee;
	border-right:2px groove #eee;
}
.wrapSlider .list3{
	width:310px;
	background:url(http://img.mediastay.com/mediastay/img/portfolio/picto03.png) no-repeat center 150px;	
}
	#portfolio .wrapSlider dl h3{
		font:bold 26px/26px Arial, Helvetica, sans-serif;
		color:#128bce;
		margin:0 0 5px;
		text-transform:none;
	}
	.wrapSlider div dl{
		padding:0 0 0 20px;
	}
		.wrapSlider dl dd{
			background:url(http://img.mediastay.com/mediastay/img/portfolio/puceListBlue.png) 0 5px no-repeat;
			margin-bottom:10px;
			padding-left:15px
		}
/*-archives jeux-*/
#portfolio h3{
	text-transform:uppercase;
	text-align:center;
	font:bold 30px 'Istok Web', sans-serif;
	color:#fff;
	background:none;
}
.lastArchives {
	width:460px;
	float:left;
	margin-right:10px;
}
	.lastArchives .billet{
		padding:8px;
		background:#dbe7f6;
		margin:10px 0 20px;
	}
		.lastArchives .billet:hover{
			background:#9fdff6;
			cursor:default;
		}
		.lastArchives .billet .information{
			float:left;
			width:412px;
			padding-right:10px;
		}
			.lastArchives .billet .details{
				float:left;
				padding-left:10px;
				width:284px;
			}
				.lastArchives .billet .details .title{
					font-weight:bold;
				}
	.lastArchives .moreInfo{
		text-align:left;
	}
/*---- contenu archives ----*/
.billet .client{
	color: #0A75B6;
}
/*------------ contenu Popin ---------------*/
.whiteDiv{
	width:860px;
	padding:35px 10px 30px;
	font:normal 11px Verdana, Geneva, sans-serif;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
	#leSlider{
		width:654px;
		height:700px;
		margin-right:10px;
		float:left;
	}
	#rightColumn{
		width:195px;
		float:left;
	}
		.moduleArchives{
			background-color:#59baf0;
			margin-bottom:7px;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			padding:10px 8px;
		}
		.moduleArchives#results{
			background-color:#2fbbc1;
		}
		.moduleArchives#contactUs{
			background-color:#0b76b7;
		}
			.moduleArchives#contactUs p{
				color:#fff;
			}
			.moduleArchives#contactUs p{
				color:#fff;
				text-align:center;
			}
				.moduleArchives#contactUs p a{
					font-size:17px;
					text-transform:uppercase;
					text-decoration:none;
					color:#fff;
					font-weight:bold;
				}
				.moduleArchives#contactUs p a:hover, .moduleArchives#contactUs p a:focus{
					color:#ff9601;
				}										
			.moduleArchives h4{
				font-weight:bold;
				font-size:16px;
				color:#fff;
				margin-bottom:20px;
			}
			.moduleArchives h5{
				font-weight:bold;
				font-size:11px;
				color:#fff;
				margin-bottom:5px;
			}
			.moduleArchives q{
				display:block;
				margin-bottom:10px;
			}
				.moduleArchives h5 a{
					text-decoration:none;
					color:#fff;
					font-weight:bold;
				}
				.moduleArchives h5 a:hover, .moduleArchives h5 a:focus{
					color:#ff9601;
				}				
			.moduleArchives p{
				color:#254d5a;
			}
			.moduleArchives#results p{
				text-align:center;			
			}
				.moduleArchives p span{
					font-weight:bold;
					color:#c1eaec;
				}		
				.moduleArchives p strong{
					font-weight:bold;
					font-size:34px;
					color:#fff;
				}
	