@charset utf-8;
/*--
	Theme Name: WordPress Theme 1427
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.2.X from Template-Help.com Collection
	Author: Template_Help.com 
	Author URL: http://www.Template-Help.com/ 
--*/

/* General
---------------------------------------- */
html,
body {
	min-width:999px;
	}
body{
	background:url(images/body-tail.gif) repeat center top #202020;
	color: #000;
	font: 120%/1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative; 
}

#main {
	font-size:.688em;
}
.container {
	width: 999px;
	margin: 0 auto;
	position:relative;
}
#olive { text-transform:uppercase}

/* List styling */
dl dt {
	background:url(images/list-arrow.gif) no-repeat 0 3px;
	padding:0 0 3px 32px;
	margin-bottom:.2em;
	font-size:18px;
	line-height:1.2em;
	color:#191919;
	}
dl dd {
	padding:0 0 0 32px;
	margin:0 0 1.5em 0;
	}




/* Header
---------------------------------------- */
#header {
	position:relative;
	z-index:99;
	background:url(images/tail-top.png) repeat-x center top;
}
	#header .container {
		position:relative;
		z-index:2;
		margin-top:-149px;
	}

/* Logo */
.logo {
	position:absolute;
	left:0;
	top:55px;
	}
	.logo h1,
	.logo h2 {
		font-size:3em;
		line-height:1.2em;
		margin-bottom:0;
		}
		.logo h1 a,
		.logo h2 a {
			color:#222;
			text-decoration:none;
			}



/* Header widget */
#widget-header-wrap {
	position:relative;
	z-index:1;
	color:#8f8e8e;
	width:100%;
	overflow:hidden;
	height:149px;
}
	#widget-header {
		width:1012px;
		position:absolute;
		left:50%;
		top:8px;
		margin-left:-506px;
	}
	.widget-header h3 {
		display:none;		
		}
	.widget-header li {
		float:left;
		margin:0 0 0 17px;
		padding:0;
	}	
		.widget-header a {
			color:white;
			text-decoration:none;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
		}
		.widget-header a:hover {
			text-decoration:underline;
		}
		.widget-header li a {
			color:#919090;
		}
		.widget-header li a:hover {
			color:white;
			text-decoration:none;
		}
		.widget-header.widget_meta {
			float:right;
			padding-right:7px;
		}
		.widget-header.widget_text {
			padding-left:6px;
		}


/



/* Request a quote */
#widget_my_requestquotewidget {
	width:100%;
	overflow:hidden;
	}
	
	.top-box {
		margin-bottom:28px;
		overflow:hidden;
		zoom:1;
		position:relative;
		min-height:75px;
		height:auto!important;
		height:75px;
		background:url(images/request-bg.png) no-repeat left bottom;
		padding:40px 0 25px 0;
		}
		.top-box h2 {
			font-family:"Times New Roman", Times, serif;
			font-size:19px;
			line-height:1.2em;
			font-style:italic;
			text-transform:none;
			margin-bottom:11px !important;
		}
	.box-button {
		padding-top:20px;
		overflow:hidden;
		}
		.box-button .button {
			float:right;
		}
	.box-text {
		color:#7d7d7d;
		color:rgba(255,255,255,.4);
		font-size:1.182em;
		line-height:1.385em;
		}



/* Slider
---------------------------------------- */
#image_fond_1 {
	height:695px;
	overflow:hidden;
	width:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/slider_img/slide01.jpg);
	}
#image_fond_2 {
	height:695px;
	overflow:hidden;
	width:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/slider_img/slide02.jpg);
	}
	
#image_fond_4 {
	height:695px;
	overflow:hidden;
	width:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/slider_img/slide04.jpg);
	}
#image_fond_5 {
	height:695px;
	overflow:hidden;
	width:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/slider_img/slide05.jpg);
	}	
#image_fond_6 {
	height:695px;
	overflow:hidden;
	width:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/slider_img/slide06.jpg);
	}	



body.home #slider-wrapper {
	background:none;
}	









/* Navigations
---------------------------------------- */

/* Primary navigation */
nav.primary {
	position:relative;
	z-index:2;
}

/* Essential styles for dropdown menu */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-1px;
	top:			51px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			121px; /* match ul width */
	top:			8px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			121px; /* match ul width */
	top:			8px;
}


/* Our skin for dropdown menu */
.sf-menu {
	height:52px;
	width:100%;
	position:absolute;
	left:0;
	top:149px;
	background:url(images/menu-tail.gif) repeat-x center top;
}
.sf-menu a {
	text-decoration:none;
	color:#737373;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.sf-menu > li {
	margin-top:2px !important;
	padding-bottom:4px;
	border-right:1px solid #2f2f2f;
}
	.sf-menu > li > a {
		padding:0 20px;
		font-size:16px;
		line-height:46px;
		text-transform:uppercase;
		font-family: 'Oswald', sans-serif;
	}
	.sf-menu > li > a:hover,
	.sf-menu > li.sfHover > a,
	.sf-menu > li.current-menu-item > a {
		color:white;
		text-decoration:none;
	}
.sf-menu li ul {
	width:167px;
	background-color:#070707;
	padding:2px 0 5px 0;
}
	.sf-menu li li {
		background-repeat:repeat-x;
		background-position:left top;
		background-image:url(images/sub-menu-divider.gif);
		margin-left:10px;
		width:146px;
	}
	.sf-menu li li:first-child {
		background-image:none;
	}
		.sf-menu li li a {
			color:#818181;
			padding:7px 0;
			line-height:1.2em;
			margin-right:25px;
		}
		.sf-menu li li a:hover,
		.sf-menu li li.sfHover > a,
		.sf-menu li li.current-menu-item > a {
			text-decoration:none;
			color:white;
		}
.sf-menu li li ul {
	background-color:#282828;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.current-menu-item > a {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}




/* Top search */
#top-search {
	position:absolute;
	right:0;
	top:15px;
	}
	#top-search .input-search {
		width:160px;
		margin-right:10px;
		}
	#top-search #submit {
		width:50px;
		cursor:pointer;
		padding-left:0;
		padding-right:0;
		}





/* Content
---------------------------------------- */
#bb {
	position:relative;
	z-index:99;
	margin-top:-319px;
	padding-bottom:30px;
}
#main-box {
	background:url(images/primary-content-top.gif) no-repeat left top #141414;
	padding-bottom:40px;
}

.bb {
	position:relative;
	z-index:1;
	padding:0;
	}
.ol {padding-left:30px; padding-top:50px; padding-right:30px;}	
	
#content {
	background:url(images/line-ver.png) repeat-y right top;
	margin-top:63px;
}
.texte {font-size:1.1em;; font-style:normal;}
#content.no-line-ver {
	background:none;
}
#content.left {
	float:right !important;
	background-position:left top;
	}
	#content .right-indent {
		padding:0 31px 0 0;
		}
	#content .left-indent {
		padding:0 0 0 31px;
		}	
		
#extra-content {
	background:url(images/copyright-tail.png) repeat-x left top;
}	
	#extra-content	div.tail {
		background:url(images/extra-content-tail.png);
		padding:27px 0 31px 0;
	}
	#extra-content .widget-content {
		background:url(images/line-ver.png) repeat-y right top;
	}
		#extra-content .widget-content .inner {
			padding-right:21px;
		}
	#extra-content .widget-content.last {
		background:none;
	}
		#extra-content .widget-content.last .inner {
			padding-right:0;
		}
	#extra-content h2 {
		margin-bottom:24px;
	}
	#extra-content .widget_text .textwidget p {
		margin-bottom:41px;
	}


/* Page */
.page {
	
	}
	#page-content {
		
	}
	#page-meta {
		
	}






/* Image styling */
.alignstage {width:500px;  margin-left:270px;}
.alignlefto {
	float:left;
	margin: 0 50px 10px 0; ;
	padding:7px;
	background:#1e1e1e;
	border:1px dashed #2e2e2e;
	border:1px dashed rgba(255,255,255,.11);
	
	}
.alignleft {
	float:left;
	margin:0 20px 10px 0;
	padding:7px;
	background:#1e1e1e;
	border:1px dashed #2e2e2e;
	border:1px dashed rgba(255,255,255,.11);
	}
.alignright {
	float:right;
	margin:0 0 10px 20px;
	padding:7px;
	background:#1e1e1e;
	border:1px dashed #2e2e2e;
	border:1px dashed rgba(255,255,255,.11);
	}
.aligncenter {
	text-align:center;
	margin:0 auto;
	padding:7px;
	background:#1e1e1e;
	border:1px dashed #2e2e2e;
	border:1px dashed rgba(255,255,255,.11);
	}
.alignnone {
	display:block;
	float:none;
	padding:7px;
	background:#1e1e1e;
	border:1px dashed #2e2e2e;
	border:1px dashed rgba(255,255,255,.11);
	margin-bottom:10px;
}	
article .post-content img {
	max-width:710px;
	}
img.no-border {
	background:none !important;
	padding:0 !important;
	border:none !important;
}
img.alignleft.no-border {
	margin:0 12px 0 0;
}

.frame {
	padding:7px;
	background:#1e1e1e;
	border:1px dashed #2e2e2e;
	border:1px dashed rgba(255,255,255,.11);
	text-align:center;
	}
.frame img.alignleft,
.frame img.alignright,
.frame img.alignnone,
.frame img.aligncenter {
	margin:0;
	padding:0;
	border:none;
	}






/* 404
---------------------------------------- */
#error404 {
	padding:30px 0 100px 0;
}
	.error404-num {
		font-size:250px;
		line-height:1.2em;
		color:#fff;
		letter-spacing:-3px;
		font-family:"Times New Roman", Times, serif;
		}
	#error404 hgroup {
		margin:0 0 2em 0;
		padding-top:50px;
		}
		#error404 hgroup h1 {
			font-size:3em;
			margin-bottom:.2em;
			}
	#error404  #searchform .searching {
		width:272px;
	}		





/* Portfolio
---------------------------------------- */
.latestwork {
	width:100%;
	overflow:hidden;
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.latestwork li {
		float:left;
		margin-right:20px;
		}


/* Gallery */
.header-title {
	margin-bottom:2.5em;
	}
	.header-title h1 {
		margin-bottom:.1em;
		}
	.header-title .page-desc {
		font-size:1em;
		margin-top:-28px;
		display:block;
		}



/* Default layout 3 columns */
#gallery {
	
	}
	#gallery .portfolio {
		width:100%;
		overflow:hidden;
		list-style-type:none;
		padding:0;
		margin:0 0 31px 0;
		}
		#gallery .portfolio li {
			display:-moz-inline-box;
			display:inline-block;
			zoom:1;
			vertical-align:top; 
			width:304px;
			margin:0 10px 11px 0;
			position:relative;
			}
		* + html #gallery .portfolio li {
			display:inline;
			}
		#gallery .portfolio li.nomargin {
			margin-right:0 !important;
			}
			#gallery .portfolio li a.image-wrap {
				display:block;
				overflow:hidden;
				width:290px;
				height:164px;
				padding:7px;
				border:1px dashed #2e2e2e;
				border:1px dashed rgba(255,255,255,.11);
				position:relative;
				background:#1e1e1e url(images/loading-folio.gif) 50% 50% no-repeat;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				}
			#gallery .portfolio li a.image-wrap:hover {
				
				}
				#gallery .portfolio li a.image-wrap img {
					float:left;
					}
			
			#gallery .portfolio .folio-desc {
				margin-bottom:0;
				padding:2.2em 0 0 0;
				}
			#gallery .portfolio h2 a {
				color:white;
				text-decoration:none;
			}	
				#gallery .portfolio h2 a:hover {
					color:#767676;
				}
				
			#gallery .portfolio p.excerpt {
				padding:0;
				margin-bottom:30px;
				line-height:18px;
				}
			
			.zoom-icon {
				display:block;
				position:absolute;
				left:7px;
				top:7px;
				width:290px;
				height:164px;
				background:url(images/magnify.png) 50% 50% no-repeat;
				cursor:pointer;
				opacity:0;
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				}
			#gallery .portfolio li a.image-wrap:hover .zoom-icon,
			.folio_cycle .folio_item a.thumbnail:hover .zoom-icon {
				opacity:1;
				}


/* 1 column portfolio*/
#gallery.one_column .portfolio li {
	width:100%;
	margin-right:0;
	margin-left:0;
	margin-bottom:19px;
	}
	#gallery.one_column .portfolio li a.image-wrap {
		width:554px;
		height:315px;
		float:left;
		}
	#gallery.one_column .zoom-icon {
		width:554px;
		height:315px;
		}
		#gallery.one_column .folio-desc {
			float:left;
			margin:0 0 0 22px;
			overflow:hidden;
			width:328px;
			line-height:1.5em;
			}
		#gallery.one_column header {
			margin-bottom:2.2em;
			}
		#gallery.one_column header h2 {
			margin-bottom:.1em;
			}
			#gallery.one_column header time {
				font-size:11px;
				line-height:1.2em;
				color:#999;
				padding-top:4px;
				display:block;
				}
	#gallery.one_column .portfolio li .hr {
		margin:0 0 50px 0;
		}
	#gallery.one_column .portfolio li:first-child .hr {
		display:none;
		}


/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
	width:461px;
	margin-right:12px;
	}
*+ html #gallery.two_columns .portfolio li {
	margin-right:15px;
}	
	#gallery.two_columns .portfolio li a.image-wrap {
		width:448px;
		height:254px;
		}
	#gallery.two_columns .zoom-icon {
		width:448px;
		height:254px;
		}

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:226px;
	margin-right:8px;
	margin-bottom:9px;
	}
	#gallery.four_columns .portfolio li a.image-wrap {
		width:212px;
		height:120px;
		}
	#gallery.four_columns .zoom-icon {
		width:212px;
		height:120px;
		}


.pp_gallery li a {
	height:28px !important;
}




/* Sidebar
---------------------------------------- */
#sidebar {
	padding:63px 0 0 0;
}
	#widget-sidebar {
		
	}
		.widget {
			margin-bottom:50px;
		}
	


/* Footer
---------------------------------------- */
#footer {
}

	/* Footer widget */
	#widget-footer {
		padding:28px 0 10px 0;
		overflow:hidden;		
	}
		.widget-footer ul a {
			text-decoration:none;
		}
		.widget-footer.widget_recent_entries ul li {
			line-height:1.455em;
			margin-top:10px;
		}
		.widget_recent_entries ul a,
		.widget-footer.widget_recent_entries ul a {
			display:inline-block;
		}
		.widget-footer.widget_recent_entries ul a:hover {
			text-decoration:none;
		}
	
	
	#widget-footer .social-networks li {
		list-style-type:none;
		padding:0 0 .5em 0;
		margin:0;
		}
		
	/* Copyright */
	#copyright {
		padding:26px 0 36px 0;
		background:url(images/copyright-tail.png) repeat-x center top;
	}
	#copyright,
	#copyright a {
		color:white;
	}	
	#copyright a {
		text-decoration:none;
	}	
	#copyright a:hover {
		text-decoration:underline;
	}
	
	/* Footer navigation */
	nav.footer {
		float:right;
	}
		nav.footer ul {
			
			}
			nav.footer ul li {
				list-style-type:none;
				float:left;
				padding-left:15px;
				margin:0;
				}
	




/* Forms
---------------------------------------- */



/* Contact form */
.wpcf7-form p.field {
	vertical-align:top;
	position:relative;
	margin:0 !important;
	min-height:39px;
	height:auto!important;
	height:39px;
	overflow:hidden;
	}
#extra-content .wpcf7-form p.field {
	width:221px;
}	
.wpcf7-form p.field label {
	float:left;
	width:79px;
	padding-top:6px;
	}
.wpcf7-form p.field input {
	float:left;
	width:280px;
	}
#extra-content .wpcf7-form p.field input {
	width:201px;
}
.wpcf7-form textarea {
	float:left;
	width:289px;
	min-width:289px;
	max-width:289px;
	height:295px;
	min-height:295px;
	max-height:395px;
	font-size:1em;
	overflow:auto;
	padding-bottom:0;
	padding-right:0;
	}
#extra-content .wpcf7-form textarea {
	width:210px;
	min-width:210px;
	max-width:210px;
	height:138px;
	min-height:138px;
	max-height:238px;
}	
.wpcf7-form .submit-wrap {
	padding:0;
	margin:0 !important;
	overflow:hidden;
	min-height:24px;
	height:auto!important;
	height:24px;
	}
	.wpcf7-form .submit-wrap input {
		margin:31px 10px 0 0;
	}
		.wpcf7-form .submit-wrap input[type="submit"] {
			width:55px;
			height:24px;
			background:url(images/submit.png) no-repeat left top;
			border:none;
		}
	.wpcf7-form .submit-wrap input[type="submit"]:hover {
		background-position:left -24px;
	}
.wpcf7-form .ajax-loader {
	margin-top:27px;
}
	span.wpcf7-form-control-wrap {
		display:block;
		}
	.wpcf7-not-valid-tip {
		width:280px !important;
		position:absolute;
		left:0 !important;
		top:0 !important;
		padding:4px 9px !important;
		background:#f3b7b7 !important;
		color:red !important;
		border:1px solid red !important;
		font-size:11px !important;
		}
	.ie9 .wpcf7-not-valid-tip {
		padding:4px 9px !important;
	}	
	#extra-content .wpcf7-not-valid-tip {
		width:208px !important;
	}

div.wpcf7-response-output {
	margin-left:0 !important;
	margin-right:0 !important;
}


.map {
	padding:7px;
	background:#1e1e1e;
	border:1px dashed #2e2e2e;
}


/

/* Fluid Columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }


.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.extra-wrap {
	overflow:hidden;
	}


/* Clear Floated Elements */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section (ligne 9)

{

display: block;

}

/* =============================================================================

   HTML5 element display

   ========================================================================== */



/*

 * Corrects block display not defined in IE6/7/8/9 & FF3

 */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

    display: block;

}



/*

 * Corrects inline-block display not defined in IE6/7/8/9 & FF3

 * Known limitation: IE6 will not apply style for 'audio[controls]'

 */



audio[controls],

canvas,

video {

    display: inline-block;

    *display: inline;

    zoom: 1;

}





/* =============================================================================

   Base

   ========================================================================== */







html {

    font-size: 100%; /* 1 */

    overflow-y: scroll; /* 2 */

    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */

    -webkit-text-size-adjust: 100%; /* 4 */

    -ms-text-size-adjust: 100%; /* 4 */

}


body {

    margin: 0;}

img {

		margin:0;

		vertical-align:top;

    border: 0; /* 1 */

    -ms-interpolation-mode: bicubic; /* 2 */

}embed,

object {

 outline: none;

}


/* =============================================================================

   Links

   ========================================================================== */



a { color: #818181;outline:none;text-decoration:underline;}
a:hover,a:active {outline: 0;text-decoration:none;}

/* =============================================================================

   Typography

   ========================================================================== *//*

 * Heading (h1, h2, h3, h4, h5, h6)

 */

h1,h2,h3,h4,h5,h6{

  font-weight:700;

  padding:0;

}

h1{

  font-size:2.5em;

  line-height:1.2em;

  margin:0 0 0.75em;

  font-family: 'Oswald', sans-serif;

  font-weight:normal;

  color:white;

  text-transform:uppercase;

}

h2{

  font-size:1.545em;

  line-height:.2em;

  margin:0 0 2em;

  font-weight:normal;

  color:white;

  text-transform:uppercase;

  font-family: 'Oswald', sans-serif;

}

	h2 span {

		color:#767676;

	}

body.home.page h2 {

	margin:0 0 1em;

}

	h2 a {

		text-decoration:none;

		color:white;

		-webkit-transition: all 0.3s ease;

		-moz-transition: all 0.3s ease;

		-o-transition: all 0.3s ease;

	}

	h2 a:hover {

		color:#767676;

	}

h3{

  font-size:1.364em;

  line-height:1.2em;

  color:white;

  font-weight:normal;

  text-transform:uppercase;

  margin:0 0 1.5em;

  font-family: 'Oswald', sans-serif;

}

h4{

  font-size:1.273em;

  line-height:1.286em;

  color:white;

  font-family:"Times New Roman", Times, serif;

  font-style:italic;

  font-weight:normal;

  margin:0 0 .3em;

}

body.home h4 {

	 margin:0 0 1.1em;

	}

h5{

  font-size:0.8333em;

  margin:0 0 1em;

}

h6{

  font-size:0.666em;

  margin:0 0 2.25em;

}





p {

	padding:0;

	margin:0 0 1.5em 0;

	}



/*

 * Addresses styling not present in IE7/8/9, S5, Chrome

 */



abbr[title] {

    border-bottom: 1px dotted;

}



/*

 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome

*/



b, 

strong { 

    font-weight:700; color:#FFF;

}



blockquote {

    margin: 1em 40px;

		quotes:none;

		border-left: 1px solid #CCCCCC;

		font-style: italic;

		margin-left: 2em;

		padding:1.5em;

		margin-bottom:1.5em;

}



/*

 * Addresses styling not present in S5, Chrome

 */



dfn {

    font-style: italic;

}



/*

 * Addresses styling not present in IE6/7/8/9

 */



mark {

    background: #ff0;

    color: #000;

}



/*

 * Corrects font family set oddly in IE6, S5, Chrome

 * en.wikipedia.org/wiki/User:Davidgothberg/Test59

 */



pre,

code,

kbd,

samp {

    font-family: monospace, monospace;

    _font-family: 'courier new', monospace;

    font-size: 1em;

}



/*

 * Improves readability of pre-formatted text in all browsers

 */



pre {

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word;

		font-family:"Courier New", Courier, monospace, serif;

		margin:0 0 1.5em;

		border-left: 1px solid #CCCCCC;

		margin-left: 2em;

		padding-left: 2em;

}



/*

 * 1. Addresses CSS quotes not supported in IE6/7

 * 2. Addresses quote property not supported in S4

 */



/* 1 */



q {

    quotes:none;

		font-style: italic;

}



/* 2 */



q:before,

q:after {

    content: '';

    content: none;

}



small {

    font-size: 75%;

}



/*

 * Prevents sub and sup affecting line-height in all browsers

 * gist.github.com/413930

 */



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}





/* =============================================================================

   Lists

   ========================================================================== */



ul,

ol {

    margin: 1em 0;

    padding: 0 0 0 40px;

}



ol {

	list-style-type:decimal;

	list-style-position:outside;

	}



ul {

	list-style-type:none;

	padding:0;

	margin:0 0 1.5em 0;

	}

	ul li {

		vertical-align:top;

		padding:0 0 0 0;

		margin:8px 0 0 0;

		list-style-type:none;

		}

	ul li:first-child {

		margin-top:0;

	}	

		ul li a:not(.button) {

			text-decoration:none;

			color:#767676;

			-webkit-transition: all 0.3s ease;

			-moz-transition: all 0.3s ease;

			-o-transition: all 0.3s ease;

		}

		ul li a:hover {

			color:white;

			text-decoration:underline;

		}

		ul ul {

			margin:8px 0 0 1.3em;

			padding:0;

			}



dd {

    margin: 0 0 0 40px;

}



nav ul,

nav ol {

    list-style: none;

}





/* =============================================================================

   Figures

   ========================================================================== */



/*

 * Addresses margin not present in IE6/7/8/9, S5, O11

 */



figure {

    margin: 0;

}





/* =============================================================================

   Forms

   ========================================================================== */



/*

 * Corrects margin displayed oddly in IE6/7

 */



form {

    margin: 0;

}



/*

 * Define consistent margin and padding

 */



fieldset {

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



/*

 * 1. Corrects color not being inherited in IE6/7/8/9

 * 2. Corrects alignment displayed oddly in IE6/7

 */



legend {

    border: 0; /* 1 */

    *margin-left: -7px; /* 2 */

}



/*

 * 1. Corrects font size not being inherited in all browsers

 * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome

 * 3. Improves appearance and consistency in all browsers

 */



button,

input,

select,

textarea {

    font-size: 100%; /* 1 */

    margin: 0; /* 2 */

    vertical-align: baseline; /* 3 */

    *vertical-align: middle; /* 3 */

}



/*

 * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet

 * 2. Corrects inner spacing displayed oddly in IE6/7

 */



button,

input {

    line-height: normal; /* 1 */

    *overflow: visible;  /* 2 */

}

textarea {

    overflow: auto; /* 1 */

    vertical-align: top; /* 2 */

		font:101%/1.5em Arial, Helvetica, sans-serif;

}





/* =============================================================================

   Tables

   ========================================================================== */



/* 

 * Remove most spacing between table cells

 */



table {

    border-collapse: collapse;

    border-spacing: 0;

}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 (ligne 33)

{

display: inline;

float: left;

position: relative;

margin-left: 10px;

margin-right: 10px;

}

.alpha (ligne 73)

{

margin-left: 0pt;

}

.container_12 .grid_8 (ligne 113)

{

width: 620px;

}
.omega (ligne 77)

{

margin-right: 0pt;

}

.container_12 .grid_4 (ligne 97)

{

width: 300px;

}


				
		/* Body typography */
		body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#767676}#main {font-size:11px; font-style:normal;}

input, select, textarea 

{

font-family: "trebuchet MS",Helvetica,sans-serif; background-color:#232323; border:0px; color:#FFF;

}

input[type="submit"], input[type="button"] (

{ border:1px; background-color:#FFF; height:20px;

}

.