/*
Theme Name: Sublim 2009 par MA14
Theme URI: http://www.sublim.ca
Description: Thème par défaut pour le site de <a href="http://sublim.ca">Sublim</a> 
Version: 2.0
Author: MA14 (Long Nguyen, Laurent Lasalle, Marc Boivin)
Author URI: http://blog.ma14.com/
*/

body {
	height: 100%;
	background: white;
	font-family: helvetica, arial, sans-serif;
	color: #808080;
	font-size: 11px;
}

#page { position: relative; margin: 0 auto; height:100%; width: 1072px; }

.clearer { clear: both; display: block; margin: 0 !important; }

.nav_wrapper {
	/*position: fixed;*/ 
	/*bottom:0; */
	width: 100%; 
	z-index: 10; 
	min-width: 800px; 
	height: 75px; 
	background: white;
	/*position:absolute;*/
}
.center_wrapper { max-width: 1072px; /*padding: 0 90px;*/ position: relative; margin: 0 auto;}
.nav {  background: white;  height: 100%; text-transform: uppercase;}
.nav .logo { display: block; position: relative; width: 234px; height: 50px; overflow: hidden; top: 20px; background: transparent url(images/logo_en.png) no-repeat -12px 0; }
.nav .logo img { width: 234px; height: 61px; }
.nav li {/*line-height: 50px; float: left; margin-right: 20px;*/}
.nav li a { color: #808080; font-size: 12px; text-decoration: none;}
.nav li a:hover { color: #f34bb3; }

#qtranslate-chooser li { display: inline; line-height: 10px; margin-right: 10px; float: none;}
#qtranslate-chooser li a { text-transform: uppercase;  background: transparent none; padding-left: 0; color: #808080; font-size: 12px; text-decoration: none; }
#qtranslate-chooser a:hover { color: #f34bb3; }


.nav .menu { text-align: center; position: absolute; top: 52px; right: 210px; z-index: 10; /*width: 200px;*/ }
.nav .menu li {float: left; display: block;}
.nav .menu li {padding: 1px 7px 0; border-right: 1px solid #808080; line-height: 10px; }
.nav .menu li:last-child { border: none; }
.nav .menu .page-item-55 { }

.nav #qtranslate-chooser { 
	position: absolute;
	right: 130px;
	text-align: center;
	top: 52px;
	z-index: 10; 
	font-size: 12px; 
}
.nav #qtranslate-chooser li { line-height: 12px; }

.nav .media_sociaux {position: absolute; right: 0; top: 49px; height: 16px; }
.nav .media_sociaux li { float: left; width: 16px; height: 16px; margin-left: 7px; }
.nav .media_sociaux a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -5000em; background: transparent url(images/sm.png) no-repeat; }

.nav .media_sociaux .linkedin a { background-position: -16px 0; }
.nav .media_sociaux .twitter a { background-position: -32px 0; }
.nav .media_sociaux .skype a { background-position: -48px 0; }
.nav .media_sociaux .rss a { background-position: -64px 0; }
.nav .media_sociaux .facebook a:hover { background-position: 0 -16px; }
.nav .media_sociaux .linkedin a:hover { background-position: -16px -16px; }
.nav .media_sociaux .twitter a:hover { background-position: -32px -16px; }
.nav .media_sociaux .skype a:hover { background-position: -48px -16px; }
.nav .media_sociaux .rss a:hover { background-position: -64px -16px; }

.nav .project_nav {
	position: absolute; 
	bottom: -678px; 
	right: 0; 
	margin: 0 auto;
	z-index:10; 
	width: 131px;
	height: 131px; 
	background: transparent url(images/cachecoin.png) no-repeat -10px 0;
}
.nav .project_nav li { position: absolute; width: 17px; height: 17px; text-indent: -5000em; overflow: hidden; z-index: 20; }
.nav .project_nav li a {display:block; width: 100%; height: 100%;}
.nav .project_nav .zoom {background: transparent url(images/zoom.png) no-repeat;width:20px; height: 20px;left: 87px; top: 87px;}
.nav .project_nav .prev {background: transparent url(images/prev.png) no-repeat; width: 9px;left: 64px; top: 88px;}
.nav .project_nav .next {background: transparent url(images/next.png) no-repeat; right: 0;top: 88px; width: 9px;}
.nav .project_nav .credits {background: transparent url(images/credits.png) no-repeat;height:19px;width:21px;bottom: 52px;left: 87px;}
.nav .project_nav .overview {background: transparent url(images/thumbnails.png) no-repeat; left:89px;top:115px;}

.nav .project_nav .zoom:hover {background-position: 0 -20px;}
.nav .project_nav .next:hover, .nav .project_nav .prev:hover, .nav .project_nav .overview:hover {background-position: 0 -17px;}
.nav .project_nav .credits:hover {background-position: 0 -19px;}
.nav .project_nav .helper { text-align: right; position: absolute; width: 390px; left: -380px; bottom: 5px; color: #ff49d8; background: transparent url(images/alertefleche.png) no-repeat scroll center right; font-size: 14px; padding: 20px 0; }
.nav .project_nav .helper span { position: relative; bottom: -1px; padding-right: 40px; }


.content { height: 100%; width: 100%; overflow: hidden;}

.projects_overview { 
	position: absolute; 
	opacity: 0; 
	bottom: -678px; 
	right: 132px;
	display: none;
	background: white;
	z-index: 15;
}

/*img_cont_wrapper {
	position: fixed; 
	top:0;
	width: 100%;
	height: 100%; 
	z-index: 10; 
	right: 0; 
	background: white;
	overflow: hidden;
}*/
.image_wrapper {
	/*float: left; overflow:hidden;*/  
	/*width: 1074px; */
	height: 100%; 
	/*margin: 0 90px;*/
	/*max-width: 1072px; */
	position: relative; 
	margin: 0 auto;
	background: white;
	min-width: 620px; 
	/*min-height: 730px;*/
	/*overflow:hidden;*/ 
	/*bottom: 67px;*/
}

.page_accueil .image_wrapper { 	height: 653px; z-index: 5;  }

.img_cont {background: url(images/spaceball.png);/*overflow: hidden; margin : 0 90px; position: fixed; width: 100%; min-height: 730px;*/ height: 100%;/* max-width: 1400px;bottom:50%;  margin-bottom:-25%;*/ min-width: 620px;}
.img_page {display: block; width:100%;}

.spaceball {background: url(images/spaceball.png); width: 100%; height: 100%;}


.image_zoom {
	height: 100%; 
	width: 100%;
	/*max-width: 1400px;*/
	overflow: hidden; 
	position: absolute;
	/*position: fixed;*/ 
	top:0;
	left:0;
	z-index:5;
	opacity:0; 
	background: #BFBFBF; 
}
/*.image_zoom .l_border {width: 90px; height: 3000px; background: white;left:0; top:0;z-index: 6;position: absolute;}
.image_zoom .r_border {width: 90px; height: 3000px; background: white;right:0; top:0;z-index: 6;position:absolute;}*/
.image_zoom .drag_wrapper {position:absolute; left: 0; top:0;cursor: move;}
.image_zoom .image_zoom img {display: inline;}
.back_image_zoom {
	height: 100%; 
	width:100%;
	z-index: 4; 
	right:0;
	top:0;
	background: white; 
	position: fixed;
}

.project_content {
	width: 490px; 
	background: white;
	padding: 20px 0; 
	position: absolute;  
	bottom: 0; 
	left: -20px;
	display: none;
	z-index: 10;
	/*min-height: 95px;*/
}
/*.project_content *{display: none;}
.project_content ul, .project_content ul * {display: block;}*/
.project_content li, .project_content li {float: left;}
.project_content li { margin: 0 0 10px 20px; color: #f34bb3; min-width: 110px; }

.project_content ul em { color: #808080; display: block; }
.project_content .infos {position: absolute; bottom: 5px; right: 25px; font-size: 10px;}
.project_content .infos li {padding-right: 12px; text-transform: uppercase;}
.project_content .more li {background: transparent url(images/more.png) no-repeat top right;}
.project_content .less li {background: transparent url(images/less.png) no-repeat top right;}
.project_content p {margin: 20px;}
.loading { display: none;opacity: 0;z-index: 100;position: absolute; }

.projects_overview { padding:15px 0 0 15px; z-index: 16;width: 334px; }
.projects_overview .thumbnails { height: 100%; width: 100%;}
.projects_overview .thumbnails li {float: left; margin: 0 15px 15px 0;}
.projects_overview .thumbnails li img { border: 3px solid white;}
.projects_overview .thumbnails { width: 334px;}
.projects_overview .thumbnails .active img { border: 3px solid #F34BB3;}
.projects_overview .thumbnails img {width: 62px;}

.page_content {width: 512px; position: relative; margin: auto; padding-top: 150px; padding-bottom: 60px;line-height: 18px;top:0;}
.page_content h2, .page_content h3#sectiontitle { color: #f34bb3; text-transform: uppercase; margin-bottom: 30px;font-size: 14px;}
.page_content h2 span, .page_content h3#sectiontitle span { padding-right: 12px; background: transparent url(images/backtitle.png) no-repeat scroll right center; padding-top: 2px; font-weight: normal; }
.page_content .infos {display:none;}
.page_content h3, .page_content h2.singletitle { font-size: 14px; font-weight: bold; text-transform: none; color: #808080; font-weight: bold; background-image: none; margin-bottom: 0; }
.page_content p { margin-bottom: 15px; }

.page_content .wp-image-147 { float: none; position: relative; top: 4px; left: 3px;}
blockquote p { font-size: 12px; color: #F34BB3; font-style: italic; }
blockquote p.reference { font-size: 11px; font-style: normal; margin: -5px 0 0 0; }
blockquote p.reference a:link, blockquote p.reference a:visited { color: #F34BB3; text-decoration: none; }
blockquote p.reference a:hover { text-decoration: underline; }
.services .service { float: left; width: 160px; margin-right: 15px;}
.services .service h2 {text-transform: none; color: #808080; margin-bottom: 15px;font-size: 14px;}
.services .strat { margin-right: 0; }

.post_content h3 a { color:#808080; font-weight: bold; text-transform: none; text-decoration: none; margin-bottom: 10px; }
.page_content h4, .post_content h4 { font-weight: bold; text-transform: uppercase; margin-top: 30px; }
.post_content, .services, .contact { margin-bottom: 90px; }

#sidebar {width: 150px; /*position: absolute; top: 180px; right : -170px;*/ float: right; margin: 30px 0 60px 20px;}
#sidebar h2 {color: #808080; font-size: 11px; font-weight: bold; text-transform: none; margin: 20px 0 0;}

/* Style for normal pages */
.normal_page .image_wrapper { border: 1px solid #EDEFDA; }
/* .normal_page .qtrans_language_chooser { border-top: 1px solid #EDEFDA; } */
.slider { width: 10px; background: #eee; position: absolute; right: 1px; cursor: default; }
.slider .indicator { width: 100%; background: #bbb; position: absolute; top:0; left:0;}

.post_time:first-letter { text-transform: uppercase; }
#archives_list ul li a { text-transform: capitalize; }

.project_content dl { clear: both; padding: 0 20px; }
.project_content dl dt { clear: both; float: left; width: 130px; display: block; }
.project_content dl dd { margin-left: 130px; }
.project_content h2 { display: none !important; }
.project_content a:link, .project_content a:visited, #sidebar a:link, #sidebar a:visited, .retour_accueil a:link, .retour_accueil a:visited { color: #808080; text-decoration: none; }
.project_content a:hover { text-decoration: underline; }
.nav .current_page_item a { color: #f34bb3;}
.post_content a:link, .post_content a:visited, .page_content a:link, .page_content a:visited { color: #808080; }
.post_content a:hover, .page_content a:hover, #sidebar a:hover { color: #f34bb3; text-decoration: none; }
.post_content em, .retour_accueil a:hover { color: #f34bb3; }
.retour_accueil { bottom:-65px; clear:both; font-size:10px; margin:0; padding:0 0 20px; position:absolute; right:8px; text-align:center; text-transform:uppercase; z-index:10; display: none; }

a.ma14 { background: url(images/ma14.png) no-repeat right 0; padding: 5px 50px 0 0; text-decoration: none; color: #f34bb3 !important; }
a.ma14:hover { background-position: right -26px; color: #808080 !important; }

.websitecredits { margin: 40px 0 0 0; }

#legalinfo { font-size: 9px; text-transform: none; color: #ccc; width: 1072px; position: relative; margin: 200px auto 0; }
#legalinfo p.copyright { text-align: left; margin-top: 10px; color: #ccc; padding-bottom: 20px; }

.news_overview { margin-top: 20px; position: relative; width: 1200px; }
.news_overview .widget { position: relative; width: 332px; float: left; margin-right: 38px; font-size: 12px; }
.news_overview .widgettitle { display: none; }
.news_overview .widget img { width: 332px; height: 190px; }
.news_overview .widget h2 { padding: 7px 7px 5px; color: white; text-transform: uppercase; font-size: 12px; background: #a4a094; margin: 5px 0 10px;  }
.news_overview .widget p { margin-top: 10px; }
.news_overview .widget a { color: #f34bb3; text-decoration: none;  }
.news_overview .widget a:hover { text-decoration: underline; }
.news_overview .widget ul { list-style-type: none; position: absolute; top: 24.8em; }

.news_letter_cont { margin-top: 70px; }
.news_letter_cont .module { margin-bottom: 10px; }
.news_letter_cont input { 
	display: block; 
	background: url(images/submit_envoi.png) no-repeat; 
	text-indent: -5000px; 
	width: 53px; 
	height: 16px; 
	border: 0; 
	overflow: hidden;
	cursor: pointer;
	float: right;
	margin: -26px 3px 0 0;
}
.chrome .news_letter_cont input {
	margin-top: -27px;
}
.fr .news_letter_cont input { 
	background-position: 0 -16px; 
}
.news_letter_cont input:hover {
	background-position: -53px 0;
}
.fr .news_letter_cont input:hover {
	background-position: -53px -16px;
}
.news_letter_cont #wpoi_email { 
	background-image: none; 
	border: solid 1px #ccc;
	cursor: text;
	padding: 3px 58px 1px 3px;
	width: 200px;
	font-size: 12px;
	text-indent: 0;
	color: #999;
	margin: -5px 0 0 0;
	position: absolute;
	top: 0; 
	right: 0; 
}
.single .page_content, 
.page-template-page_nouvelles-php .page_content, 
.archive .page_content {
	width: 687px;
}
.single .image_wrapper, 
.page-template-page_nouvelles-php .image_wrapper, 
.archive .image_wrapper {
	padding-left: 170px;
}
.single .post_content, 
.page-template-page_nouvelles-php .post_content, 
.archive .post_content {
	margin-right: 170px;
}
.single .page-item-314 a, 
.archive .page-item-314 a { color: #f34bb3; }

.wpoi_opt_in form p {
	position: relative;
}