/****************************************************************************
	MAIN INFO
	
	@filename          : home.css
	@description       : Gabarit général du site
	@authors           : simong
	@date              : December 1 2009
	@modification      : December 20 2009
	
	TABLE OF CONTENTS
	#header
	#nav
	#content
	#footer


	COLORS
	#34b9f1		- link
	
	FLAGS
	=header		- en-tête du gabarit
	=nav		- navigation principale
	=content	- contenu général du gabarit
	=footer		- pied de page du gabarit

	
*****************************************************************************/
body#home div#wrap {
	width: 915px;
	height: 600px;
	overflow: hidden;
	margin-top: 100px;
}

body#home div#wrap {
	background: url(../images/bg-wrap-home.jpg) top left no-repeat;
}

div#wrap {margin: 0 auto;}
/*****************************************************

---------->>> HEADER =header <<<-----------

*****************************************************/
body#home div#wrap div#header {
	margin-top: 10px;
	margin-left: 155px;
}

body#home div#wrap div#header h1 {
	width: 273px;
	height: 211px;
	padding: 10px;
	margin-top: 20px;
	float: left;
	position:relative;
	overflow: hidden;
	color: #FFF;
	font-size: 1.38em;
}

body#home div#wrap div#header h1 a#logo span {
	width: 273px;
	height: 211px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
	display: block;
	background: url(../images/logo-home.jpg) top left no-repeat;
}
/*****************************************************

---------->>> NAV =nav <<<-----------

*****************************************************/
body#home div#wrap div#content ul#nav {
	position: absolute;
	top: 355px;
	margin-left: 320px;
}

body#home div#wrap div#content ul#nav li {
	display: inline;
	margin-left: 10px;
}

body#home div#wrap div#content ul#nav li img {
	position: relative;
	top: 5px;
}

body#home div#wrap div#content ul#nav li a {
	color: #A6A8AB;
	font-size: 18px;
}

body#home div#wrap div#content ul#nav li a:hover {color: #F6921E;}

body#home div#wrap div#content div#presentation, body#home div#wrap div#content div#visual {
	position: absolute;
	top: 600px;
	margin-left: 29px;
}

body#home div#wrap div#content div#presentation ul, body#home div#wrap div#content div#visual ul {
	width: 350px;
	margin-bottom: 5px;
	float: left;
}

body#home div#wrap div#content div#presentation ul li, body#home div#wrap div#content div#visual ul li {
	display: block;
}

body#home div#wrap div#content div#presentation ul li ul, body#home div#wrap div#content div#visual ul li ul {
	text-align: right;
	margin: 0;
}

body#home div#wrap div#content div#presentation ul li ul li, body#home div#wrap div#content div#visual ul li ul li {
	display: inline;
	color: #3E3D40;
	font-size: 12px;
	padding-right: 10px;
	background: url(../images/presentation-bullet.jpg) center right no-repeat;
}

body#home div#wrap div#content div#presentation ul li img, body#home div#wrap div#content div#visual ul li img {
	position: relative;
	top: -4px;
	margin-left: -4px;
}

/* VISUAL */
body#home div#wrap div#content div#visual {margin-left: 509px;}
body#home div#wrap div#content div#visual img {float: left; margin-top: 3px;}
body#home div#wrap div#content div#visual ul {margin-top: 1px; margin-left: 12px;}

body#home div#wrap div#content div#visual ul li ul {
	text-align: left;
	margin-bottom: 5px;
	margin-left: -3px;
}
/*****************************************************

---------->>> FOOTER =footer <<<-----------

*****************************************************/
body#home div#wrap div#footer {
	clear: both;
	position: absolute;
	top: 655px;
	margin-left: 800px;
	width: 113px;
	height: 15px;
	background: url(../images/bg-home-footer.png) top left no-repeat;
}

body#home div#wrap div#footer ul {margin-left: 10px;}

body#home div#wrap div#footer ul li {
	display: inline;
	color: #000;
	font-size: 8px;
}

body#home div#wrap div#footer ul li a {
	font-size: 8px;
	color: #000;
}

body#home div#wrap div#footer ul li a:hover {color: #F6921E;}

body#home div#wrap div#content div#presentation ul li ul li.noBullet, body#home div#wrap div#content div#visual ul li ul li.noBullet {background-image: none;}