/* CSS Document */

*{
	padding:0;
	margin:0;
	outline:none;
}

body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:63%;
	background:#F4F4F4;
}

p{
	color:#595959;
	line-height:19px;
}

img{
	border:none;
}
#postContent img {
	max-width: 100%;
	height:auto;
	background:#F4F4F4;
}
#postContent img:before {
	background:#F4F4F4;
}

iframe,
embed,
object {
	max-width: 100%;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{ display:inline-block;}
/*hides from IE-mac\ */
*html .clearfix{ height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

a{
	text-decoration:none;
	color:#595959;
}

#container{
	position:relative;
}

#header{
	
}

.logo{
	width:90px;
	height:104px;
	position:fixed;
	right:40px;
	top:15px;
	z-index:1001;
}

.logo_desc{
	position:fixed;
	right:15px;
	top:39px;
	z-index:1001;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat -96px -26px;
	width:19px;
	height:74px;
}

.logo a{
	display:block;
	width:90px;
	height:49px;
	text-indent:-9999px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	margin-bottom:3px;
}

.logo a.logo_fr{
	background-position:left -101px;
}

.logo a.logo_en{
	background-position:left -52px;
}

.logo a.logo_fr:hover, .logo a.logo_fr_cur{
	background-position:left top;
}

.logo a.logo_en:hover, .logo a.logo_en_cur{
	background-position:left -153px;
}

.index_logo{
	width:117px;
	height:103px;
	position:fixed;
	right:20px;
	top:15px;
	z-index:31;
}

.index_nav1{
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
	margin-bottom:10px;
}

.index_nav2{
	position:absolute;
	top:140px;
	left:10px;
	z-index:2;
	margin-bottom:10px;
}

.index_nav1 a{
	width:605px;
	height:117px;
	display:block;
	text-indent:-9999px;
	background:url(../images/language.png) -530px -136px;
}

.index_nav1 a:hover{
	background:url(../images/language.png) -530px top;
}

.index_nav2 a{
	width:519px;
	height:93px;
	display:block;
	text-indent:-9999px;
	background:url(../images/language.png) no-repeat left -136px;
}

.index_nav2 a:hover{
	background:url(../images/language.png) no-repeat left top;
}

#content{
	min-width:930px;
	position:absolute;
	left:30px;
	top:30px;
	z-index:2;
}

#side{
	position:fixed;
	width:270px;
	z-index:31;
	background:#F4F4F4;
}

.menu li{
	list-style:none;
	margin-bottom:5px;
}

.menu li a{
	font-size:1.5em;
	display:block;
	color:#B4B4B4;
}

.menu li a:hover, .menu li a.current{
	color:#383838;
}

.menu li ul.submenu{
	margin:5px 0 20px 10px;
}

.menu li ul.submenu li a{
	font-size:13px;
}

.menu li ul.submenu li a:hover, .menu li ul.submenu li a.active{
	color:#00C8FF;
}

#postContent{
	margin-left:285px;
	padding-bottom:80px;
	/*width:660px;*/
}

.article{
	width:465px;
}

#slide{
	display:none;
}

.index h1{
	display:none;
}

#postContent h1{
	font-size:47px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	margin-bottom:80px;
	line-height:40px;
}

#postContent h1.videoH1{
	margin-bottom:50px;
}

#postContent h1.shortH1{
	margin-bottom:25px;
}

.article h2{
	margin-bottom:20px;
	color:#00C8FF;
	font-size:1.6em;
	line-height:23px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight:normal;
}

.article p{
	font-size:1.3em;
	margin-bottom:20px;
}

.article p.black{
	color:#000000;
}

.article p.black span{
	color:#595959;
}

.bg, .indexbg{
	min-width:1024px;
	max-width:1680px;
	position:fixed;
	bottom:0;
	right:0;
	z-index:1;
	width:100%;
	height:100%;
}

.indexbg{
	left:0;
}

.img-bg {
	position:absolute;
	right:0px;
}

.bg .img-resize {
	width:45%;
	width:45% !important;
	top:auto;
	bottom:0;
	height:auto !important;
	min-width:400px;
}

.indexbg .img-resize {
	/*width:100%;
	width:100% !important;
	height:auto !important;
	min-width:400px;*/
	top:0;
}

.list{
	width:810px;
}

.list li{
	float:left;
	list-style:none;
	width:255px;
	margin-right:15px;
	margin-bottom:55px;
}

.list li .photo{
	width:255px;
	height:170px;
	margin-bottom:20px;
	background:#FBF9F9;
}

.list li .label{
	color:#00C8FF;
	font-size:1.5em;
	margin-bottom:5px;
}

.list li h2{
	color:#000000;
	font-size:2.1em;
	margin-bottom:15px;
	font-weight:normal;
}

.list li a:hover h2{
	color:#00C8FF;
}

.list li p{
	font-size:1.3em;
	line-height:19px;
	color:#595959;
	height:190px;
	overflow:hidden;
	margin-bottom:20px;
}

.list li .plus{
	width:18px;
	height:18px;
	background:url(../images/btn.png) no-repeat left top;
	text-indent:-9999px;
}

.list li a:hover .plus{
	background:url(../images/btn.png) no-repeat left -18px;
}

#icon{
	position:fixed;
	left:30px;
	bottom:20px;
	z-index:999;
}

#icon li{
	float:left;
	list-style:none;
}

#icon li a{
	display:block;
	height:18px;
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-right:14px;
}

#icon li a.facebook{
	width:6px;
	background-position: left top;
}

#icon li a.twitter{
	width:8px;
	background-position: -18px top;
}

#icon li a.email{
	width:15px;
	background-position: -36px top;
}

#icon li a.facebook:hover{
	width:6px;
	background-position: left -18px;
}

#icon li a.twitter:hover{
	width:8px;
	background-position: -18px -18px;
}

#icon li a.email:hover{
	width:15px;
	background-position: -36px -18px;
}

.profile-wrap{
	width:525px;
}

.profile-wrap p{
	font-size:1.5em;
	margin-bottom:15px;
}

.profile, .profile2{
	list-style:none;
	border-top:1px solid #868688;
}

.profile li{
	border-bottom:1px solid #868688;
	position:relative;
	padding-bottom:30px;
}

.profile li b.label{
	color:#B4B4B4;
	font-weight:normal;
	font-size:1.0em;
	-webkit-text-size-adjust:none;
	display:block;
	margin-bottom:5px;
}

.profile li h2{
	color:#000000;
	font-size:2.1em;
	margin-bottom:10px;
	margin-right:40px;
}

.profile li .date-item{
	display:block;
	padding:20px 0 0 0;
}

.profile li a.link{
	padding:20px 0 0 0;
}

.profile .profile-text{
	margin-right:40px;
	font-size:13px;
}

.profile li a:hover b.label, .profile li a:hover h2, .profile li a:hover .profile-text, .profile li a:hover .dateColumn{
	color:#00C8FF;
}

.profile li .profile-info{
	font-size:1.3em;
	color:#595959;
}

.profile li .profile-info div{
	margin-bottom:5px;
}

.profile li .profile-info span{
	color:#000000;
}

.profile li .profile-excerpt{
	padding:15px 0 22px 0;
	display:none;
}

.profile li .profileDown{
	position:absolute;
	right:0;
	top:20px;
	z-index:2;
	display:block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/btn.png) no-repeat left top;
}

.profile li:hover .profileDown{
	background:url(../images/btn.png) no-repeat left -18px;
}

.profile li .current .profileDown{
	background:url(../images/btn.png) no-repeat left -36px;
}

.profile li .profile-excerpt .date{
	color:#B4B4B4;
	display:block;
	font-size:13px;
}

.profile li .profile-excerpt .source{
	color:#383838;
	display:block;
	margin-top:15px;
	font-size:13px;
}

.profile li .profile-excerpt img{
	display:block;
	margin-top:30px;
}

.slidedown{
	font-size:13px;
	height:18px;
	margin-top:30px;
	margin-bottom:10px;
	padding-right:25px;
	background:url(../images/btn.png) no-repeat right top;
	display:inline-block;
}

.slidedown:hover{
	background:url(../images/btn.png) no-repeat right -18px;
}

.slidedown.current{
	background:url(../images/btn.png) no-repeat right -36px;
}

.dateColumn{
	color:#595959;
	float:left;
	width:120px;
	font-size:1.5em;
	line-height:24px;
	margin-right:20px;
}

.excerptColumn{
	float:left;
	width:285px;
}

.profile .column1{
	float:left;
	width:185px;
	font-size:1.3em;
	color:#595959;
	line-height:1.9em;
}

.profile .column2{
	float:left;
	width:340px;
}

.contactList li{
	border-top:1px solid #868688;
	padding:20px 0 35px 0;
	list-style:none;
}

.contactList .column1{
	float:left;
	width:230px;
}

.contactList .column2{
	float:left;
	width:295px;
}

.contactList li h2{
	font-size:2.3em;
	font-weight:normal;
}

.contactList li .label{
	color:#00C8FF;
	font-size:1.5em;
	margin-bottom:17px;
}

.contactList .column2 p{
	font-size:1.3em;
}

.contactList .column2 p a:hover{
	color:#00C8FF;
}

.contactList .column2 .mailIcon{
	width:17px;
	height:13px;
	display:block;
	text-indent:-9999px;
	background:url(../images/email.gif) no-repeat left top;
	margin-top:20px;
}

.contactList .column2 .mailIcon:hover{
	background:url(../images/email.gif) no-repeat left -18px;
}

.contactList form label{
	color:#595959;
	font-size:1.3em;
	display:block;
	margin-bottom:17px;
}

.contactList form p.contactDesc{
	font-size:13px;
	margin-top:20px;
}

.contactList form p.contactDesc a{
	text-decoration:underline;
}

.contactList input{
	width:286px;
	height:30px;
	border:none;
	line-height:30px;
	padding:0 10px;
	font-size:1.3em;
	color:#595959;
	background:#DFDFDF;
	font-family:Verdana, Geneva, sans-serif;
}

.contactList .button{
	width:95px;
	height:30px;
	color:#FFFFFF;
	background:#868686;
	text-align:center;
	line-height:30px;
	border:none;
	cursor:pointer;
}

.contactList .button:hover{
	background:#00C8FF;
}

.loading{
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	text-align:center;
	width:100%;
	min-width:960px;
	min-height:800px;
}

.youtube{
	margin-bottom:28px;
}

.youtube img{
	cursor:pointer;
}
.videoList{
	min-width: 853px;
}

.videoList li{
	list-style:none;
	margin-bottom:60px;
}

.videoList a.videoLink{
	display:block;
	margin-bottom:15px;
}

.videoList a.videoLink img{
	cursor:pointer;
}

.videoList .video{
	margin-bottom:15px;	
}

.videoList a.videoFb{
	background:url(../images/icons_gray.gif) no-repeat left -3px;
	width:6px;
	height:13px;
	text-indent:-9999px;
	float:left;
	margin-right:10px;
	display:block;
}

.videoList a.videoMail{
	background:url(../images/icons_gray.gif) no-repeat -18px -2px;
	width:15px;
	height:13px;
	text-indent:-9999px;
	float:left;
	display:block;
}

.videoList a.videoFb:hover{
	background:url(../images/icons_gray.gif) no-repeat left -21px;
}

.videoList a.videoMail:hover{
	background:url(../images/icons_gray.gif) no-repeat -18px -20px;
}

#gallery, .galleryItem{
	overflow:hidden;
	position:relative;
}

#gallery .galleryItem img{
	margin-left:180px;
	min-width:900px;
	min-height:600px;
}

#galleryList{

}

.galleryItem .gallerySide{
	position:absolute;
	left:30px;
	bottom:80px;
	z-index:10;
	width:150px;
	background:#F4F4F4;
	padding-top:20px;
}

.gallerySide b{
	font-weight:normal;
	font-size:1.0em;
	color:#B4B4B4;
	-webkit-text-size-adjust:none;
	display:block;
	margin-bottom:5px;
}

.gallerySide p{
	font-size:1.2em;
	color:#383838;
	margin-bottom:20px;
}

.gallerySide iframe{
	margin-top:20px;
}

.arrowPrev, .arrowNext{
	display:block;
	position:absolute;
	top:0;
	z-index:999;
	background:url(../images/blank.gif) repeat;
}

.arrowPrev img, .arrowNext img{
	width:auto;
	height:100%;
	display:none;
}

.arrowPrev{
	left:180px;
}

.arrowNext{
	right:0;
	text-align:right;
}

/* ---------------------------------------------------------- */

#lightbox{
	position:absolute;
	left:0;
	top:0;
	z-index:9999;
	min-width:960px;
	min-height:800px;
	width:100%;
	display:none;
	background:#FFFFFF;
}

#boxWrapper{
	position:relative;
	min-width: 1024px;
}

#boxContent{
	width:420px;
	padding-top:72px;
	padding-right:40px;
	position:absolute;
	/*left:315px;
	top:0;*/
	z-index:2;
	padding-left:315px;
	padding-bottom:100px;
}

#boxContent .content{
	width:420px;
}

#boxContent b.label{
	font-weight:normal;
	color:#00C8FF;
	font-size:1.5em;
}

#boxContent h1{
	font-size:4.7em;
	margin-bottom:20px;
}

#boxContent p{
	margin-bottom:20px;
	font-size:1.3em;
}

#boxWrapper .bg .img-resize2{
	height:100%;
	width:auto;
}

.boxClose{
	display:block;
	width:30px;
	height:30px;
	background:url(../images/close.gif) no-repeat left top;
	position:fixed;
	left:60px;
	top:72px;
	z-index:9999;
	text-indent:-9999px
}

.boxClose:hover{
	background:url(../images/close.gif) no-repeat left bottom;
}

.templateBlack{
	background:#000000;
}

.templateBlack #postContent h1{
	color:#FFFFFF;
}

.templateBlack #side{
	background:#000000;
}

.templateBlack .menu li a.current{
	color:#FFFFFF;
}

.templateBlack p{
	color:#B4B4B4;
}

.templateBlack p.black{
	color:#DFDFDF;
}

.templateBlack .logo_desc{
	background:url(../images/logo_2.gif) no-repeat -96px -26px;
}

.templateBlack .logo a{
	background-image:url(../images/logo_2.gif);
}

.templateBlack #icon li a{
	background-image:url(../images/icons_bk.gif);
}

.galleryTemplate #side{
	left:30px;
	top:30px;
	width:150px;
}

.none{
	display:none;	
}

/* ---------------------------------------------------------- */

#footer{
	position:fixed;
	right:30px;
	bottom:20px;
	font-size:1.0em;
	color:#B4B4B4;
	-webkit-text-size-adjust:none;
	z-index:999;
}

#footer a{
	color:#B4B4B4;
}

#footer a:hover{
	color:#383838;
}

#skype_pnh_container, #skype_plugin_object, #skype_highlighting_settings {
    display: none !important;
}

@media only screen and (max-width: 1200px)
{
	.videoList{ min-width: 0; }
}

@media only screen and (max-width: 980px)
{
	html { font-size: 26px; }
	#content{
		min-width:95%;
		width:98%;
		left:5px;
	}
	#side{
		width:20%;
		position: relative;
		float:left;
		z-index:1;
	}
	#postContent{
		margin-left:24%;
		padding-bottom:500px;
	}
	.article{
	width:75%;
	}

	#postContent h1{
	font-size:2.2rem;
	line-height:60px;
	}
	p {
	line-height:30px;
	}
/*	.article h2 {
	font-size:1.5rem;
	line-height:40px;
	}
	.menu li a{
	font-size:2em;
	line-height: 2em;
	display:block;
	color:#B4B4B4;
	}
	.menu li ul.submenu li a{
	font-size:2em;
	line-height: 1.2em;
	}
	*/
	.img-bg {
	bottom:0px;
	}
	.clearfix:after{ }
}

}