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

MAIN STYLES
Octave&Octave HTML-CSS-JS Framework 1.0
-> http://www.octaveoctave.com

----------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
IMPORT CORE */

@import url(reset.css);
@import url(typo.css);
@import url(form.css);
@import url(thickbox.css);


/* ------------------------------------------------------------------------------------
BASICS */

	html, body {	font: normal 12px/17px "Tahoma", "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#666; text-align:left; 
					background:#181818; }	
	html {			padding-bottom:35px; }	
	a{				}
	a:hover	{		}
	a:active{		}
	a:visited{		}
	h1 {			font: normal 21px/30px Helvetica, Arial, sans-serif; color:#939393; margin:0 0 0 40px; padding:0; }
	h2 {			font: normal 38px/45px Helvetica, Arial, sans-serif; color:#000; margin:-4px 0 26px 40px; padding:0; } 
	h3 {			font: normal 21px/30px Helvetica, Arial, sans-serif; color:#0d0d0d; margin:0 0 20px 0; padding:0; }
	h3 span {		color:#8d8d8d;}
	h3 a {			color:#0d0d0d; text-decoration:none; }
	h3 a:hover {	color:#0d0d0d; text-decoration:underline; }	
	h4 {			font: bold 16px/20px Helvetica, Arial, sans-serif; color:#000; margin:0 0 10px 0; padding:0; }
	h5 {			font:bold 14px/17px Arial, sans-serif; color:#3b3b3b; margin:0 0 3px 0; padding:0; }	
	h5 a {			color:#3b3b3b; text-decoration:none; }
	h5 a:hover {	color:#3b3b3b; text-decoration:underline; }	
	div.clear { 	clear:both; }

	.align-right { 	float:right; }
	.align-left	{ 	float:left; }
	
/* ------------------------------------------------------------------------------------
STRUCTURE */

	#container {	margin:0; padding:0; overflow:hidden; width:985px; text-align:left; }
	#header {		margin:0; padding:0; background:url(../images/fond-header.png) repeat-x #1e1e1e; position:relative; }
	#content {		margin:0; padding:0; border-left:solid 125px #292929; width:860px; background:#fff; clear:both;}
	#sub-header {	margin:0; padding:40px 0 0 0; border-left:solid 125px #292929; width:860px; 
					background:#fff; }
	#contact {		margin:20px 0 0 0; padding:0; width:260px; height:75px; float:right; }
	#large{			margin:0; padding:40px; width:780px; overflow:hidden; }	
	#left{			float:left; margin:0 39px 0 0; padding:0; width:521px; overflow:hidden; }
	#right{			float:right; margin:0; padding:0; width:220px;	}		
	#footer {		clear:both; color:#b4b4b4; border-left:solid 125px #292929; height:25px; width:850px; background:#3b3b3b; 
					font:normal 11px/25px Arial; padding-left:10px; }	

					
/* ------------------------------------------------------------------------------------
NAVIGATION MENU	*/

	ul#navigation {					margin:0 0 0 245px; padding:0; width:730px; height:163px; list-style:none; line-height:1; 
									display:block; }
	ul#navigation li { 				font:normal 12px/14px Arial; float:left; width:145px; padding:0; margin:0; }
	ul#navigation li a { 			border-left:solid 1px #353535; background:#0d0d0d; height:15px; width:125px; 
									padding:50px 10px 10px 10px; margin:0; display:block; font-weight:bold; text-decoration:none; 
									color:#a6a6a6 }								
	ul#navigation li a:hover {		}
	ul#navigation li p {			border-left:solid 1px #353535; background:#1e1e1e; height:15px; width:125px; 
									padding:50px 10px 10px 10px; margin:0; display:block; font-weight:bold; text-decoration:none; 
									color:#a6a6a6 }
	ul#navigation ul {				padding:0; margin:10px 0 0 0; height:78px; list-style:none; line-height:1; float:left;  }
	ul#navigation ul li {			margin:0; padding:0; }
	ul#navigation ul li a {			border-left:none; padding:5px 0 0 11px; margin:0; width:135px; font:normal 11px/14px Arial; 
									text-decoration:none; color:#a6a6a6; background:none; }
	ul#navigation ul li a.active,
	ul#navigation ul li a:hover {	text-decoration:none; color:#90e44a; background:#1e1e1e; }
	ul#navigation ul li p,
	ul#navigation ul li.trail a {	border-left:none; padding:5px 0 0 11px; margin:0; width:135px; font:normal 11px/14px Arial; 
									text-decoration:none; color:#90e44a; background:none; }	
	
	a.lang { 		position:absolute; top:10px; right:10px; margin:0; padding:0 0 0 20px; font:normal 10px/12px Arial, sans-serif; 
					color:#666; text-decoration:none;   }
	#home a.lang { 	right:-175px }
	a.lang:hover { 	color:#999; text-decoration:none; }
	a.en {			background:url(../images/flag-en.png) no-repeat; }		
	a.en:hover {	background:url(../images/flag-en-hover.png) no-repeat; }		
	a.fr {			background:url(../images/flag-fr.png) no-repeat; }							
	a.fr:hover {	background:url(../images/flag-fr-hover.png) no-repeat; }		
										
/* ------------------------------------------------------------------------------------
SITEMAP	*/

	#large ul#navigation {				margin:0; padding:0; width:730px; height:auto; list-style:none; line-height:1; 
										display:block; }
	#large ul#navigation li { 			font:normal 12px/14px Arial; float:left; width:145px; padding:0; margin:0; }
	#large ul#navigation li a { 		border-left:solid 1px #ddd; background:none; height:15px; width:125px; 
										padding:0 10px; margin:0; display:block; font-weight:bold; text-decoration:none; 
										color:#a6a6a6 }								
	#large ul#navigation li a:hover {		}
	#large ul#navigation li p {			border-left:solid 1px #ddd; background:none; height:15px; width:125px; 
										padding:50px 10px 10px 10px; margin:0; display:block; font-weight:bold; text-decoration:none; 
										color:#666 }
	#large ul#navigation ul {			padding:0; margin:0; height:78px; list-style:none; line-height:1; float:left; border-left:solid 1px #ddd;  }
	#large ul#navigation ul li {		margin:0; padding:0; }
	#large ul#navigation ul li a {		border-left:none; padding:5px 0 0 11px; margin:0; width:135px; font:normal 11px/14px Arial; 
										text-decoration:none; color:#666; background:none; }
	#large ul#navigation ul li a.active,
	#large ul#navigation ul li a:hover {text-decoration:none; color:#3e8800; background:none; }



/* ------------------------------------------------------------------------------------
TAB MENU	*/

	ul.tab {				margin:0; padding:0; border-bottom:solid 1px #b6b6b6; height:22px; list-style:none; display:block;}
	ul.tab li { 			float:left; width:110px; height:22px; padding:0; margin:0 3px 0 0; }	
	ul.tab li a { 			background:#eee; width:96px; height:22px; padding:0px 7px; margin:0; display:block; 
							font:bold 11px/22px Arial, sans-serif; text-decoration:none; color:#3b3b3b }
	ul.tab li a:hover {		background:#b6b6b6; color:#fff; text-decoration:none; }	
	ul.tab li a.selected {	background:#b6b6b6; color:#fff; text-decoration:none; }		

	#sub-header ul.tab {				margin:0; padding:0 0 0 40px; height:22px; list-style:none; display:block; 
										border-bottom:solid 1px #0d0d0d; }
	#sub-header ul.tab li { 			float:left; width:110px; height:22px; padding:0; margin:0 3px 0 0; }
	#sub-header ul.tab li a { 			background:#3b3b3b; width:auto; height:22px; padding:0px 7px; margin:0; display:block; 
										font:bold 11px/22px Arial, sans-serif; text-decoration:none; color:#fff }
	#sub-header ul.tab li a:hover {		background:#0d0d0d; color:#fff; text-decoration:none; }	
	#sub-header ul.tab li a.selected {	background:#0d0d0d; color:#fff; text-decoration:none; }	



	
/* ------------------------------------------------------------------------------------
PIX LIST (and arrow and others)	*/

	ul.pix {				margin:0 0 20px 0; padding:0; list-style:none; display:block; 
							background:url(../images/px-horizontal.png) repeat-x top; }
	ul.pix li { 			height:26px; background:url(../images/px-horizontal.png) repeat-x bottom; padding:3px 0 4px 0; margin:0; }
	ul.pix li a, 
	ul.pix li p { 			height:26px; padding:0; margin:0; 
							display:block; font:bold 13px/26px Arial, sans-serif; text-decoration:none; color:#3b3b3b }
	ul.pix li a:hover {		color:#3b3b3b; text-decoration:underline; }	
	ul.pix li p.selected,
	ul.pix li a.selected { 	background:url(../images/big-arrow-hover.png) no-repeat 0 0 #8b8b8b; padding-left:17px; color:#fff }		
	ul.pix li a.selected:hover { color:#fff; text-decoration:none; }
		
	ul.arrow li a { 		background:url(../images/arrow.png) no-repeat 0 11px; padding-left:17px; }
	ul.target li a { 		background:url(../images/target.png) no-repeat 0 10px; padding-left:17px; }


/* ------------------------------------------------------------------------------------
ITEM LIST (news, gallery) */
	
	/* general */
	/* div.item p {		font:normal 11px/15px Arial, sans-serif; color:#8b8b8b; margin:0 0 5px 0; } */
	a.arrow, p.arrow a{ background:url(../images/arrow.png) no-repeat 0 5px; padding:0 0 0 17px; margin:3px 0; 
						display:block; font:bold 11px/13px Arial, sans-serif; text-decoration:none; color:#8b8b8b; }
	a.arrow-back { 		background:url(../images/arrow-back.png) no-repeat 0 3px; padding:0 0 0 17px; margin:3px 0; 
						display:block; font:bold 11px/13px Arial, sans-serif; text-decoration:none; color:#8b8b8b; }						
	a.arrow:hover,
	a.arrow-back:hover 
	p.arrow: a hover {	color:#3e8800; text-decoration:none; }			
	a.window { 			background:url(../images/window.png) no-repeat 0 2px; padding:0 0 0 17px; margin:0; 
						display:block; font:bold 11px/13px Arial, sans-serif; text-decoration:none; color:#8b8b8b; }
	a.window:hover {	color:#3e8800; text-decoration:none; }			
	a.plus { 			background:url(../images/plus.png) no-repeat 0 3px; padding:0 0 0 11px; margin:0; 
						display:block; font:bold 11px/13px Arial, sans-serif; text-decoration:none; color:#8b8b8b; }
	a.plus:hover {		color:#3e8800; text-decoration:none; }		

	
	/* news */
	div.news {			margin:0 0 20px 0; padding:0; background:url(../images/px-horizontal.png) repeat-x bottom; }
	div.news div.item { background:url(../images/px-horizontal.png) repeat-x top; padding:8px 0; margin:0; }
	div.news div.item h5 { font-size:12px; margin:0; }
	
	
	/* video */
	div#large div.video {						margin:0 0 20px 0; padding:0; width:820px; }
	div#large div.video div.item { 				margin:10px 38px 20px 0; padding:0; width:167px; float:left; }
	div#large div.video div.item a {			text-decoration:none; }
	div#large div.video div.item a img { 		margin:0 0 10px 0; padding:0; background:#eee; border:solid 1px #ccc; }
	div#large div.video div.item a:hover img { 	border-color:#3b3b3b; }	
	div#large div.video div.item a:hover { 		color:#3b3b3b; }	
		
	div#left div.video {						margin:0 0 20px 0; padding:0; width:531px; }
	div#left div.video div.item { 				margin:10px 10px 10px 0; padding:0; width:167px; height:190px; float:left; }
	div#left div.video div.item a {				text-decoration:none; }
	div#left div.video div.item a img { 		margin:0 0 10px 0; padding:0; background:#eee; border:solid 1px #ccc; }
	div#left div.video div.item a:hover img { 	border-color:#3b3b3b; }	
	div#left div.video div.item a:hover { 		color:#3b3b3b; }		
	
	
	/* gallery */
	div#large div.gallery {						margin:0 0 20px 0; padding:0; width:820px; }
	div#large div.gallery div.item { 			margin:10px 38px 20px 0; padding:0; width:167px; float:left; }
	div#large div.gallery div.item p {			color:#3b3b3b; margin:0 0 3px 0; }
	div#large div.gallery div.item a img { 		padding:0; margin:0 0 3px 0; background:#eee; border:solid 1px #ccc; }
	div#large div.gallery div.item a:hover img {border-color:#3b3b3b; }	
	div#large div.gallery div.item a:hover { 	color:#3b3b3b; }		
	
	div#left div.gallery {						margin:10px 0 20px 0; padding:0; width:531px; }
	div#left div.gallery div.item { 			margin:0 10px 30px 0; padding:0; width:167px; float:left; }
	div#left div.gallery div.item p {			color:#3b3b3b; margin:0 0 3px 0; }
	div#left div.gallery div.item a span img { 	padding:0; margin:0; background:#eee; border:solid 5px #fff; }
	div#left div.gallery div.item a span { 		padding:0; margin:0 0 8px 0; display:block; border:solid 1px #ccc; }	
	div#left div.gallery div.item a:hover img {	border-color:#fff; }	
	div#left div.gallery div.item a:hover span {border-color:#3b3b3b; }	
	div#left div.gallery div.item a:hover { 	color:#3b3b3b; }		

	/* ce_text */
	div#left div.ce_text {							margin:0 0 20px 0; padding:0; }
	div#left div.ce_text div.item { 				margin:0 0 25px 0; padding:0;  }
	div#left div.ce_text h5 {						font:bold 14px/17px Arial, sans-serif; color:#3b3b3b; margin:0 0 3px 0; }
	div#left div.ce_text p {						margin:0 0 10px 0; }
	div#left div.ce_text div.item p {				float:right; font:normal 12px/16px Arial, sans-serif; color:#313131; 
												width:384px; margin:0 0 5px 0; }
	div#left div.ce_text div.item a img { 			margin:0 25px 0 0; padding:0; background:#eee; border:solid 1px #ccc;
												float:left; }
	div#left div.ce_text div.item a:hover img { 	border-color:#3b3b3b; }	
	div#left div.ce_text div.item a { 				font-size:11px; font-weight:bold; text-decoration:underline; color:#3e8800; }	
	div#left div.ce_text div.item a:hover { 		text-decoration:none; color:#3e8800; }	
	
	div.bordure									{ border:solid 1px #ccc; height:96px}
	a:hover div.bordure							{ border-color:#3b3b3b; }
	div.bordure img								{ border:solid 3px #fff; margin:0; padding:0; }	
	
	
	/* post */
	div#left div.post {							margin:0 0 20px 0; padding:0; }
	div#left div.post div.item { 				margin:0 0 25px 0; padding:0;  }
	div#left div.post h5 {						font:bold 14px/17px Arial, sans-serif; color:#3b3b3b; margin:0 0 3px 0; }
	div#left div.post p {						margin:0 0 10px 0; }
	div#left div.post div.item p {				float:right; font:normal 12px/16px Arial, sans-serif; color:#313131; 
												width:384px; margin:0 0 5px 0; }
	div#left div.post div.item a img { 			margin:0 25px 0 0; padding:0; background:#eee; border:solid 1px #ccc;
												float:left; }
	div#left div.post div.item a:hover img { 	border-color:#3b3b3b; }	
	div#left div.post div.item a { 				font-size:11px; font-weight:bold; text-decoration:underline; color:#3e8800; }	
	div#left div.post div.item a:hover { 		text-decoration:none; color:#3e8800; }	
	
	div.bordure									{ border:solid 1px #ccc; height:96px}
	a:hover div.bordure							{ border-color:#3b3b3b; }
	div.bordure img								{ border:solid 3px #fff; margin:0; padding:0; }
	
	
/* ------------------------------------------------------------------------------------
CUSTOM	*/

	.logo {				position:absolute; top:57px; left:45px; }
	.out {				position:relative; left:-40px; }
	
	span.tel { 			background:url(../images/tel.png) no-repeat 2px 4px; padding:0 0 0 23px; margin:0; 
						display:block; font:normal 17px/20px Arial, sans-serif; color:#555; }
	a.mail { 			background:url(../images/mail.png) no-repeat 0 4px; padding:0 0 0 23px; margin:0; 
						display:block; font:normal 17px/20px Arial, sans-serif; text-decoration:none; color:#555; }
	a.mail:hover {		color:#3b3b3b; text-decoration:none; }		
	
	p.intro {			margin:0 0 40px 0; font:normal 14px/20px "Tahoma", "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#666; }
	
	a.button-gray {			margin:0; padding:0; width:130px; height:23px; display:block; cursor:pointer;
							font:bold 11px/23px Arial, sans-serif; color:#000; text-decoration:none;
							background:url(../images/button-gray.png) top right repeat-x; }
	a.button-gray:hover {	text-decoration:none; }					
	a.button-gray span {	margin:0 17px 0 0; padding:0 0 0 12px; height:23px; display:block; 
							background:url(../images/button-gray.png) top left repeat-x;}

	div#footer a {			color:#b4b4b4; text-decoration:none; }
	div#footer a:hover {	color:#b4b4b4; text-decoration:underline; }
	
	
/* ------------------------------------------------------------------------------------
HOMEPAGE	*/

	#home {				padding:0; background:url(../images/fond_home.jpg) no-repeat #181818;}
	#home body {		background:url(../images/fond_home.jpg) no-repeat #181818; }	
	#home #container {	margin:0; padding:0 0 100px 0; text-align:left; width:100%;  }
	#home #header {		margin:0; padding:0; background:url(../images/fond-header.png) repeat-x #1e1e1e; width:800px; position:relative; }
	#home #content {	margin:0; padding:0 0 0 250px; width:100%; border:none; background:none; clear:both;}
	#home #large{		margin:0; padding:30px 15px; width:auto; overflow:hidden; }	
	#home h1 {			font: 200 50px/60px Helvetica, Arial sans-serif; color:#fff; margin:0 0 0 20px; padding:0; }
	#home h2 {			font: 700 16px/20px Helvetica, Arial sans-serif;  color:#fff; margin:0 0 20px -20px; padding:0 0 0 20px; 
						background:url(../images/arrow2.png) no-repeat 0 5px;}
	#home div#large div.gallery {						margin:60px 0 0 0; padding:0; }
	#home div#large div.gallery div.item { 				margin:0 38px 30px 0; padding:0 0 0 20px; width:167px; float:left; }
	#home div#large div.gallery div.item a img { 		padding:0; margin:0 0 3px 0; background:#eee; border:solid 1px #181818; }
	#home div#large div.gallery div.item a:hover img {	border-color:#fff; }	
	#home div#large div.gallery div.item a:hover { 		color:#fff; }	
	#home div#large div.gallery div.item a.button-gray:hover { 	color:#000; }	
	#home div#large div.gallery div.item a.button-gray {margin:0; padding:0; width:100px; height:23px; display:block; cursor:pointer;
														font:bold 11px/23px Arial, sans-serif; color:#000; text-decoration:none;
														background:url(../images/button-gray-transp.png) top left repeat-x !important; 
														background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/button-gray-transp.png', sizingMethod='scale'); }
	#home div#large div.gallery div.item a.button-gray span {	margin:0 10px; padding:0; height:23px; display:block; 
																background:none;}


/* ------------------------------------------------------------------------------------
BLOGPAGE	*/
	
	#blog h3 {  margin:0; }
	#blog #right h4 {	background:url(../images/px-horizontal.png) repeat-x bottom; margin-bottom:5px; padding-bottom:10px; }
	
	p.date {			color:#999; margin:0 0 10px 0; }
	p.meta { 			background:url(../images/px-horizontal.png) repeat-x top; padding-top:8px; margin:20px 0 10px 0;  
						font-size: 11px; color:3b3b3b; }
	p.back { 			padding:0; margin:0 0 20px 0;  
						font-size: 11px; color:3b3b3b; }
						
	ul.category,
	ul.calendar, 
	ul.links  { 			background:url(../images/px-horizontal.png) repeat-x bottom; padding-bottom:10px; margin-bottom:20px; }
	ul.category a,
	a.job { 				background:url(../images/arrow.png) no-repeat 0 7px; padding:0 0 0 18px; margin:0; 
							display:block; font:normal 12px/20px Arial, sans-serif; text-decoration:none; color:#3b3b3b; }	
	ul.calendar a { 		background:url(../images/calendar.png) no-repeat 0 5px; padding:0 0 0 18px; margin:0; 
							display:block; font:bold 12px/20px Arial, sans-serif; text-decoration:none; color:#3b3b3b; }
	ul.links a { 			background:url(../images/link.png) no-repeat 0 7px; padding:0 0 0 18px; margin:0; 
							display:block; font:bold 12px/20px Arial, sans-serif; text-decoration:none; color:#3b3b3b; }
							
	a.job { 				line-height:16px; padding-bottom:7px;  }	
							
	ul.category a:hover,
	a.job:hover,
	ul.calendar a:hover,
	ul.links a:hover { 		color:#3e8800; text-decoration:none; }	
	ul.calendar p { 		background:url(../images/calendar.png) no-repeat 0 5px; padding:0 0 0 18px; margin:0; 
							display:block; font:bold 12px/20px Arial, sans-serif; text-decoration:none; color:#8b8b8b; }	
	
	a.cat {					color:#3e8800; text-decoration:none;}
	a.cat:hover {			color:#3e8800; text-decoration:underline;}

			
/* ------------------------------------------------------------------------------------
OTHERS	*/
	
	div#mentions-legales a {	color:#3b3b3b; }
	
	div#sub-header div#contact a h4 {	color:#000; }
	
	.pagination {					background:#fff; text-align:center; }
	.pagination p { 				display:inline; margin-right:5px; }
	.pagination ul { 				display:inline; margin-bottom:1.2em; background:#fff;}
	.pagination ul li {				display:inline; margin:0; padding:0 5px 0 10px; border-left:solid 1px #ccc; }
	.pagination ul li a {			color:#3e8800; text-decoration:underline; }
	.pagination ul li a:hover {		color:#3e8800; text-decoration:none; }
	.pagination ul li .current {	font-weight:bold; }
	
	#home div#large div.gallery div.item a.linkpromo  {				color:#fff;text-decoration:none; }
	#home div#large div.gallery div.item a.linkpromo:hover  {		color:#90e44a; }
	#home div#large div.gallery div.item a.linkpromo:hover img {	border-color:#90e44a; }