/*************************************

 *  MISE EN PAGE

 *************************************/



body, html {

	color:#333333;

	font-size:13px;

	font-family:"Lucida Sans Unicode",Arial,Verdana,sans-serif;

	background:#f0f0f0;

	-webkit-text-size-adjust:none;

}



/*  TITRES

 *************************************/



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

	margin:10px 0 10px 0;

	font-weight:bold;

	text-align:center; }

	h1 { font-size:3.0em; }

	h2 { font-size:2.0em; }

	h3 {font-size:1.6em; }

	h4 { font-size:1.4em; }

	h5 { font-size:1.2em; }

	h6 { font-size:1.1em; }



/*  TEXTE

 *************************************/



p {

	margin:10px 0;

	line-height:1.6em;

}



strong {

	font-weight:bold;

	/*font-size:0.9em;*/

}



em {

	font-style:italic;

}



hr {

	border-bottom:#dddddd 1px solid;

	margin:0;

}



acronym {

	cursor:help;

	border-bottom:1px #1a1a1a dotted;

}



img.postcard {

	padding:7px;

	margin-bottom:10px;

	background-color:#ffffff;

	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;

	-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;

	*border: 1px solid #e4e4e4;

	*padding:6px;

}



/*  LISTES

 *************************************/



ul, ol {

	margin:20px 0; 

}

	

ul li, ol li {

	margin:10px 25px;

	line-height:1.3em;

}



ul li {

	list-style:square outside;

}



ol li {

	list-style:lower-alpha outside;

}

ul.paragraph {
	
	font-size:1.2em;

}



/*  LISTES SUMMARY

 *************************************/



ul.summary {

	border-top:1px solid #eee;

}



ul.summary li {

	margin:0px;

	padding:10px;

	list-style:none;

	border-bottom:1px solid #eee;

	background-image:url('../img/summary-bullet.gif');

	background-repeat:no-repeat;

	background-position:right center;

}



ul.summary li a {

	text-decoration:none;

}



ul.summary li a:hover {

	text-decoration:underline;

}



/*  TABLEAUX

 *************************************/



table {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	vertical-align: top;
}



th, td {

	padding:5px 10px;

}



th {

	background:#eeeeee;

	font-weight:bold;

}



tr.even { 

	background:#fafafa;

}



td {

	border-top:#eeeeee 1px solid;

}



/*  BLOCS FLOTANTS

 *************************************/



.left {

	float:left;

	margin-right:20px;

}



.right {

	float:right;

	margin-left:20px;

}



.clearfloat {

	clear:both;

	width:0; height:0;

	overflow:hidden;

}



/*  VIDEO-LINK

 *************************************/

 

.vid {

	position:relative;

	text-align:center;

	font-size:0.9em;
	padding:5px 15px;
}



.vid a {

	text-decoration:none; }

	.vid a:hover {

		text-decoration:underline; }



.vid object {

	position:absolute;

	top:7px; left:7px;

}



.video-link {

	cursor:pointer;

	position:relative;

	display:block;

	text-decoration:none;

}



.video-link img {

	padding:7px;

	margin-bottom:10px;

	background-color:#ffffff;

	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;

	-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;

	*border: 1px solid #e4e4e4;

	*padding:6px;

}



.video-link span {

	width:88px;

	height:88px;

	position: absolute;

	top:75px; left:163px;

	background:url('../img/videolink.png') no-repeat top left;

}



.video-link.vid150x113 span {

	top:39px; left:58px;

	background:url('../img/videolink-mini.png') no-repeat top left;

}



/*  LIENS

 *************************************/



a {

	color:#0064b0;

	text-decoration:underline;

	cursor:pointer;

}



a:hover {

	text-decoration:none;

}



a.arrow {

	background-image:url('../img/link-arrow.gif');

	background-repeat:no-repeat;

	background-position:right center;

	padding-right:10px;

}



/*  COLUMNS

 *************************************/



.column1, .column2,

.column3, .column4 {

	float:left;

	margin-right:15px; }

	.last { margin-right:0px; }

	.column1 { width:860px; }

	.column2 { width:410px; }

	.column3 { width:270px; }

	.column4 { width:198px; }



/*  ROUNDED

 *************************************/



.rounded {

	border-radius:5px;

	-o-border-radius:5px;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

}



/*************************************

 *  MISE EN PAGE

 *************************************/



#header, #main, #footer {

	clear:both;

	width:900px;

	margin-left:auto;

	margin-right:auto;

}



#header-wrapper {

	color:#ffffff;

	background:#0f0f0f;

}



#main-wrapper {

	background:#89bda2 url('../img/main-background1.gif') repeat-x top left;

	padding:20px 0;

}

#secondary-wrapper {

	background:#89bda2 url('../img/main-background1.gif') repeat-x top left;

	padding:20px 0;

}

/*  HEADER

 *************************************/



#header {

	height:80px;

	overflow:hidden;

	position:relative;

}



/*  NAVIGATION

 *************************************/



#nav {

	margin:0;

	padding:0;

	position:absolute;

	bottom:30px;

	right:10px;

}



#nav li {

	margin:0 5px;

	padding:0;

	display:inline;

}



#nav li a {

	color:#ffffff;

	font-size:1.1em;

	font-weight:normal;

	text-decoration:none;

	padding:5px 15px;

	border-radius:5px;

	-o-border-radius:5px;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

}



/*#nav li.contact-us a {

	color:#ffffff;

	background:#e52a0b;

}*/



#nav li a:hover,

#nav li.selected a,

#nav li.contact-us a:hover {

	color:#0f0f0f;

	background:#fff;

}



/* SUBNAV

 *************************************/



#subnav {

	margin-top:-10px;

	padding:15px 10px 10px 10px;

	

	color:#fff;

	text-align:right;

	

	background:#0f0f0f;

	border-radius:5px 5px 0px 0px;

	-o-border-radius:5px 5px 0px 0px;

	-moz-border-radius:5px 5px 0px 0px;

	-khtml-border-radius:5px 5px 0px 0px;

	-webkit-border-radius:5px 5px 0px 0px;

}



#subnav a {

	color:#eee;

	text-decoration:none; }

	#subnav a:hover {

		color:#fff;

		text-decoration:underline; }



#subnav ul {

	margin:0;

	padding:0;

}



#subnav ul li {

	margin:0 0px;

	padding:5px 15px 15px 15px;

	display:inline;

}



#subnav ul li.selected {

	background:#fff;

	border-radius:5px 5px 0px 0px;

	-o-border-radius:5px 5px 0px 0px;

	-moz-border-radius:5px 5px 0px 0px;

	-khtml-border-radius:5px 5px 0px 0px;

	-webkit-border-radius:5px 5px 0px 0px; }

	#subnav li.selected a {

		color:#333; text-decoration:none; }





/* MAIN

 *************************************/



#main {

	background:#ffffff;

	border-radius:5px;

	-o-border-radius:5px;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

	padding-top:10px;

	padding-bottom:10px;

}



#main .section {

	clear:both;

	margin:40px 30px;

	text-align:justify;

}



#secondary {
	background:#ffffff;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	padding-top:10px;
	padding-bottom:10px;
	width: 900px;
	margin-top: 30px;

}



#secondary .section {

	clear:both;

	margin:40px 30px;

	text-align:justify;

}


/* WIP
**************************************/

/*Style de la bannière contenue dans l'iframe*/
#wip-banner {
	background:white;
	width: 880px;
	height:210px;
}

#wip-banner .wip-left {
	position:absolute;
	left:50px; top:8px;	
	width:180px;
}

#wip-banner .wip-right {
	position:absolute;
	right:50px; top:0px;	
	width:500px;
}

#wip-banner p {
	margin:8px 0;
}

#wip-banner ul {
	margin:5px 0;
}

#wip-banner li {
	margin:5px 25px;
}

/*Styles du conteneur de l'iframe*/
#banner-wrapper {

	width:900px;
	height:230px;
	
	margin-left:auto;
	margin-right:auto;	
	background:white;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	
	margin-bottom:10px;
	position:relative;
	left:0px;
	
	background:white;
}

#banner-wrapper .banner {
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	left:10px;
	top:10px;
}

/* SECTION.HERO

 *************************************/



.section#hero {

	text-align:center;

}



.section#hero p {

	color:#bababa;

	font-size:1.4em;

	line-height:1.4em;

	margin-top:-15px;

	font-family:Verdana,Arial,sans-serif;

}



/* DEVIS

 *************************************/



.section#devis {

	width:600px;

	min-height:110px;

	position:relative;

	

	margin:60px auto 40px auto;

	padding:10px 20px;

	

	background:#d6d6d6 url('../img/devis-background.gif') repeat-x top left;

	

	border-radius:5px;

	-o-border-radius:5px;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

	

	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;

	-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;

	*border: 1px solid #e4e4e4;

	*padding:6px;

}



.section#devis img.illus {

	position:absolute;

	left:30px; bottom:0px;

}



.section#devis h2,

.section#devis p {

	margin-left:220px;

	text-align:left;

}



.section#devis p {

	margin-top:0px;

	margin-bottom:0px;

}



/* SPECS

 *************************************/



.sheet {

	width:280px;

	padding:10px 20px;

	padding-bottom:0;

	

	color:#555;

	font-size:0.9em;

	text-align:justify;

	

	border:1px solid #eee7d4;

	border-bottom:none;

	

	background:#f4f1e9 url('../img/sheetbackground.gif') repeat-x bottom left;

}



.sheet h3 {

	margin:10px 0 20px 0;

	padding:0 0 20px 0;

	font-size:1.2em;

	background-image:url('../img/sheet-title.gif');

	background-repeat:repeat-x;

	background-position:bottom left;

}



.sheet .shadow {

	height:10px;

	margin:0 -21px;

	margin-top:20px;

	border-top:1px solid #eee7d4;

	background:#fff url('../img/sheetshadow1.gif') no-repeat bottom center;

}



/* FOCUS

 *************************************/



.focus { 

	font-size:1.2em;

	position:relative;

	padding:50px 60px;

}



.focus .corner-bl,

.focus .corner-tr,

.focus .corner-br,

.focus .corner-tl {

	width:150px;

	height:150px;

	position:absolute;

	background-repeat:no-repeat;

	background-image:url('../img/focus-corners.png'); }

	.focus .corner-bl {

		bottom:0; left:0; background-position:bottom left; }

	.focus .corner-tr {

		top:0; right:0; background-position:top right; }

	.focus .corner-br {

		bottom:0; right:0; background-position:bottom right; }

	.focus .corner-tl {

		top:0; left:0; background-position:top left; }



/* SECTION.VIDEOPLAYER

 *************************************/



#main .videoplayer {

	position:relative;

	padding-top:30px;
	
	margin-left:auto;
	margin-right:auto;
}



#main .videoplayer a.close {

	position:absolute;

	top:0px; right:0px;

	

	font-size:0.9em;

	font-weight:bold;

	text-decoration:none;

	

	padding:5px 25px;

	

	background-image:url('../img/videolink-close.gif');

	background-repeat:no-repeat;

	background-position:right center;

}



#main .videoplayer object {

}



/* FOOTER

 *************************************/



#footer-wrapper {

	color:#888;

	text-align:center;

	background:#f0f0f0;

	padding:10px 0 20px 0;

}



#footer a {

	color:#888;

}



#footer ul {

	margin:10px;

}



#footer li {

	display:inline;

	list-style:none;

	margin:0 10px;

	padding:0;

}



#footer #foonav li {

	margin:0 5px;

}