/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background: url(../images/body-bg.gif) 0 0 repeat-x #fff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 17px;
	color: #939393;
	min-width: 1000px;
}
html, body { height: 100%;}

p { padding-top: 17px; }

.top { padding-top: 4px; }
.top1 { padding-top: 11px; }
.top2 { padding-top: 26px !important; }
.top3 { padding-top: 7px; }
.top4 { padding-top: 0px; }
.top5 { padding-top: 0px; }

.box .space { padding-top: 52px !important; }
.box .space-less { padding-top: 40px !important; }

.bot { padding-bottom: 12px; }

.bottom {padding-bottom: 39px;}

.img-bot {padding-bottom: 8px;}

.img-pad {margin-top: -55px;}
.img-padding {padding: 4px 0 0 2px;}

	
.h-pad {padding: 37px 0 18px;}
.h-bot {padding-bottom: 18px;}
.h-top {padding-top: 38px;}
.h-top1 {padding-top: 34px;}

a {	color:#939393; outline: none; text-decoration: none;}
a:hover{ text-decoration: none; }

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 952px;
	position:relative
}

	/* Header */
	header{
		height: 398px;
	}
	
	#page7 header{
		height: 168px;
	}
	
	/* Content */
	section#content {
		padding-bottom: 18px;
	}			
	/* Footer */
	footer{
		background: #f5f5f5;
	}
/* Left & Right alignment */

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

.col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent { margin: 0 28px 0 0; float: left; }
.extra-wrap { overflow: hidden; }
.phone { display: inline-block;	width: 74px; }

/*=============================================================================== text =====*/
h1 {
	padding: 8px 0 14px 0;
	position: relative;
	float: left;
	background: #787775;
	display: inline;
	xheight: 167px;
	width: 242px;
	position:relative;
	text-align:center;
	vertical-align:middle;
	font-weight::bold;
	xfont-stretch: condensed; 
	font-family:neue;
	z-index:99;
}
h1 #logo-1 {
	font-size:46px;
	line-height:44px;
	letter-spacing: 0.08em;
	padding-left:0.11em;
	color:#FFF;
}
h1 #logo-2 {
	font-size:47px;
	line-height:44px;
	color:#fc6715;
}
h1 #logo-small {
	font-size:27px;
	line-height:26px;
	color:#FFF;
}
h2 {
	font-size: 31px;
	line-height: 1.2em;
	color: #1f9fba;
	padding: 0 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.strong { padding-top:24px; font-weight:bold;font-size:13px;}
.box h5 {
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 28px 0 0 0;
}
	h5 span {
		display: block;
		font-size: 34px;
		line-height: 1.6307em;
		letter-spacing: -1px;
		margin-top: -10px;
	}
	
	h5 a{text-decoration:none;color:#FFF;}
	h5 a:hover{color:#CCC;}
	.top2 a{text-decoration:none;color:#FFF;}
.text {
	line-height: 19px;
	text-transform: uppercase;
	font-size: 13px;
}
.txt5{ color:#939393; font-size:1.36em;padding-top:12px;}
.txt6{ color:#191919; font-size:1.26em; font-weight:bold;padding-top:12px;}
#page3 .txt6{ color: #fc6715; font-size:1.1em; font-weight:bold;padding-top:12px;}
.txt7{ color:#939393; font-size:1.26em; font-weight:bold;padding-top:12px;}

.color {color: #ffa200;}
.grey {color:#666;}
.answer {padding-top:4px;}
.box p{padding-top:8px;}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
header nav {
	float: right;
	margin-top:-14px; 
}
	header nav li {
		float: left;
		font-size: 15px;
		line-height: 1.2307em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		list-style:none;
	}
		header nav li a {
			display: block;
			color: white;
			text-decoration: none;
			text-transform: uppercase;
			background: #9bba1f;
			font-weight: bold;
		}
	header nav .n1 a {background: #787775; padding: 32px 9px 27px 10px;}
	header nav .n2 a {background: #fc6715; padding: 32px 7px 27px 8px;}
	header nav .n3 a {background: #c7182b; padding: 32px 7px 27px 8px;}
	header nav .n4 a {background: #86c00a; padding: 32px 9px 27px 10px;}
	header nav .n5 a {background: #9bba1f; padding: 32px 10px 27px 9px;}
	header nav .n6 a {background: #ffa200; padding: 32px 8px 27px 8px;}
	
	header nav .n1 .active, header nav .n2 .active, header nav .n3 .active, header nav .n4 .active, header nav .n5 .active, header nav .n6 .active {padding-bottom: 36px !important; padding-top:32px !important;}
	
/* The Nivo Slider styles */
#slider{ position: absolute !important; width:952px; height:269px; z-index:88; top:112px; left:0}
#no-slide{ position: absolute !important; width:952px; height:269px; z-index:88; top:112px; left:0;}
#page1 #slider{height:412px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}



/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
.main-indent {
	padding: 0 0 7px 34px;
}

.indent { padding: 0px 0px 0px 33px }
.indent1 { padding: 0px 0px 0px 0px }
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 17px; }
.col-indent1 { padding-right: 52px; }
.col-indent2 { padding-right: 30px; }
/*=============================================================================== boxes =====*/
.box {
	background: #9bba1f;
	color: white;
	xpadding: 0 0px 0px 31px; 
	text-align:center;
	position: relative;
}

.bg1 {background: #86c00a;}
.txtbg1 {color: #86c00a;}
.bg2 {background: #fc6715;}
.txtbg2 {color: #fc6715;}
.bg3 {background: #c7182b;}
.txtbg3 {color: #c7182b; }

.txtjustify { text-align:justify;letter-spacing:-0.1px; }
.box .indent {padding: 0 34px 36px 0px;text-align:center;}
.box .indent1 {padding: 5px 11px 36px 11px;text-align:center;}
.box .indent1-1 {padding: 0px 16px 0px 16px;text-align:justify}
.box .indent3-1 {padding: 24px 16px 0px 16px;text-align:justify}
.box .indent2 {padding: 2px 31px 36px 2px;}

.bg1 .link {color: #86c00a;	background: #fff;}
.bg2 .link {color: #fc6715;	background: #fff;}
.bg3 .link {color: #ca3535;	background: #fff;}
/*=============================================================================== line-hor =====*/

/*=============================================================================== lists =====*/
.list {
	padding: 0px 0 0;
	xbackground: url(../images/list-border.gif) 0 0 repeat-x;
	min-height: 0px;
	margin-bottom: -1px;
	position: relative;
}
	.list li {
		line-height: 18px;
		xbackground: url(../images/list-border.gif) 0 bottom repeat-x;
		padding: 14px 0 0 0;
		list-style:square;
	}
		.list li a {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			xbackground: url(../images/list-a-bg.png) 1px 1px no-repeat;
			padding: 7px 0 9px 35px;
			display: inline-block;
		}
			.list li a:hover {
				color: #000;
			}
	.list .long a {padding-bottom: 1px;}
	.list ul {padding-left: 14px;margin:0;}
	.list .last {background: none;}
.bg3 .list li a {xbackground: url(../images/bg-2-list-a-bg.gif) 1px 1px no-repeat;}
/*=============================================================================== links =====*/
.link {
	font-size: 16px;
	line-height: 1.2307em;
	color: #fff;
	background: #86c00a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 24px 0 0px 0;
	display: inline-block;
	padding: 4px 7px 5px 10px;
	text-decoration: none;
	word-spacing: -2px;
	font-weight: bold;
	text-transform: uppercase;
}
	.link:hover {color: #474b53;}

.link_1 {
	text-transform: uppercase;
	color:#ffa200;
	font-size: 13px;
	text-decoration: none;
}
	.link_1:hover {text-decoration: underline;}
/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/

/*=================================================================================================================== footer =====*/
footer {
	font-size: 13px;
	line-height: 18px;
}
/*=============================================================================== nav =====*/
footer nav { 
	padding: 51px 0 0 0px;
}
footer nav li {
float: left;
padding-right: 23px;
padding-left: 23px;
list-style:none;
}
footer nav li a {
display: block;
color: white;
text-decoration: none;
text-transform: uppercase;
color: #aeaeac;
}
footer nav li a:hover {
color:#666;
}

footer p {
width: 100%;
overflow: hidden;
padding: 12px 0 0;
color: #aeaeac;
text-align:center;
}
footer p a {
color: #42cce8;
text-decoration: none;
padding-left: 11px;
}
		footer p a:hover {text-decoration: underline;}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#error-message-container {
	font-size:12px;
	padding-bottom:20px;
}
#ContactForm {
	padding-top:16px;
	width: 584px;
}
label {
	xheight:64px; 
	display:block;
	color:#666;
}
#ContactForm .link {
	margin:12px 0px 0px 17px;
}
#ContactForm .column1 {
	float:left;
	width:293px;
}
#ContactForm .column2 {
	float:left;
	width:291px;
	margin-top:-1px;
}
#ContactForm .input {
	width:261px; 
	border: 1px solid #aeaeac; 
	background: none;
	padding:7px 5px 7px 5px;
	font-size:12px; 
	line-height:14px;
	color:#a4a4a4;
	height:15px;
}
#ContactForm textarea {
	width:279px;
	height:126px; 
	border: 1px solid #aeaeac; 
	background: none;
	padding:0px 5px 0px 5px;
	overflow:auto;
	font-size:1em;
	color:#a4a4a4;
}
#slider{overflow:hidden;}

/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

#enyoyer{background:url(../images/email.gif) no-repeat;height:22px;width:160px;text-align:center;padding:1px 56px 4px 38px;}
#envoyer_text{position:relative;font-size:11px;top:1px;color:#3B5998;text-decoration:none;padding-top:4px\9;padding-bottom:4px\9;}
#social a{ text-decoration: none; }
#social{float:left;padding-right:16px;margin-top:12px;}

.box .indentone {padding: 10px 11px 36px 11px;text-align:center; }
#one { padding-top:125px; font-size:300px; font-family:neue; color:#94d40c;}

.box .indenttwo {padding: 10px 11px 36px 11px;font-size:16px;text-align:left; }
.indenttwo p {padding-top:10px;}
.box .intro{ text-align:justify;padding:19px 10px 0 10px}

.box .number {font-size:19px;font-weight:bold;}
#two { padding-top:125px; font-size:300px; font-family:neue; color:#f15703;}

.box .indentthree {padding: 10px 11px 36px 11px;text-align:justify; }
#three { padding-top:125px; font-size:300px; font-family:neue; color:#e81f35;}

#page1 .box h5 {margin-top:-115px; padding-top:0px;}
#page7 p {text-align:justify;}
@font-face {
	font-family: 'neue';
	src: url('../images/Neue.eot');
	src: local('☺'), url('../images/Neue.woff') format('woff'), url('../images/Neue.ttf') format('truetype'), url('../images/Neue.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}