body {
	background-color:#343434;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}

#container {
	width:100%;
}

#header {
	background: url(images/header_bckg.gif) repeat-x;
	height:100px;
}

#masthead {
	width:800px;
	height:71px;
	margin:0px auto 0px auto;
	background: url(images/david_rousseau_main.gif) no-repeat left;
}

#masthead h1 {
	display:none;
}

/* Navigation */

#nav_container {
	width:796px;
	margin:1px auto 0px auto;
}

#navigation {
	list-style: none;
	white-space: nowrap;
	height: 26px;
	display: inline;
	overflow: hidden;
}

#navigation ul, li {
	margin:0;
	padding: 0;
}

#navigation li {
	list-style: none;
	display: inline;
}

#navigation a {
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:26px; /* pour IE5 */
}

#navigation a:hover {
	background-position: 0 -26px;
}

#navigation a:active, #navigation a.selected {
	background-position: 0 -26px;
}

#accueil a {
	width: 147px;
	background: url(images/nav/menu_button_accueil.gif) top left no-repeat;
}

#services a {
	width: 143px;
	background: url(images/nav/menu_button_services.gif) top left no-repeat;
}

#portfolio a {
	width: 143px;
	background: url(images/nav/menu_button_portfolio.gif) top left no-repeat;
}

#temoignages a {
	width: 170px;
	background: url(images/nav/menu_button_temoignages.gif) top left no-repeat;
}

#contact a {
	width: 193px;
	background: url(images/nav/menu_button_contact.gif) top left no-repeat;
}

/* Contenu */

#content {
	width:826px;
	margin: 0px auto 10px auto;
	background:url(images/window_bckg.gif) repeat-y;
}

/* Home */

#galerie{
	background:url(images/home/galerie_background.jpg) no-repeat;
	height:372px;
	width:506px;
	float:right;
	margin: 18px 20px 10px 0px;
}

#galerie img {
	margin:10px;
}

#intro {
	background:url(images/home/intro_background.jpg) no-repeat;
	width:229px;
	padding:12px;
	margin: 25px 0px 0px 30px;
}

#introbottom {
	background:url(images/home/intro_background_bottom.jpg) no-repeat;
	width:253px;
	height:33px;
	margin-left:30px;
}

#intro img{
	float:left;
	margin-right:5px;
	margin-bottom:0px;
}

#intro P, h2, h3, h4{
	color:#9c9a9a;
	font-size:8pt;
	margin:0;
	padding:0;
}

#intro h2, h3 {
	font-weight:bold;
}

#intro h3 {
	margin-top:15px;
	margin-bottom:15px;
}

#intro ul, li, a {
	margin:0;
	padding: 0;
	color:#eb5c15;
	list-style: none;
	font-size:8pt;
	text-decoration:none;
}

#intro a:hover{
	text-decoration:underline;
}


#left {
	float:left;
}

#left li{
	margin-left:10px;;
}

#right li{
	margin-left:40px;
}

#left li, #right li{
	background: url(images/bullet.gif) left no-repeat;
	padding-left:10px;
}

.clearer{
	clear: both; 
}

/* Fin de Home */

/* Fin de Contenu */

/* Footer */

#windowspacer {
	background:url(images/window_spacer.gif) no-repeat;
	height:2px;
}

#footer {	
	background:url(images/window_bottom_bckg.gif) repeat-y;
	text-align:center;
	font-size:8pt;
	padding-top:2px;
	padding-bottom:2px;
	color:#222222;
}

#footerbottom {
	background:url(images/window_bottom.gif) no-repeat;
	height:14px;
}

/* Fin de Footer */

#footer a, #footer a:hover, #footer a:visited, #footer a:active{
	color:#707070;
}

#footer a:hover {
	text-decoration:underline;
}

#basic {
background:url(images/basic_back.jpg) no-repeat top;
width:772px;
margin:20px auto 0px auto;
}

#basic_bottom {
background:url(images/basic_back_bottom.jpg) no-repeat;
width:772px;
height:37px;
margin:0px auto 20px auto;
}

#basic h2 {
font-size:18px;
font-weight:bold;
padding: 20px;
margin:0;
}

#basic p, #basic dl {
color:#9c9a9a;
font-size:14px;
padding:0 20px 10px 20px;
margin:0;
}

#basic dt {
font-weight:bold;
margin: 20px 0 5px 20px;
padding-left:17px;
background:url(images/bullet_dl.gif) no-repeat 0 50%;
}

#basic dd{
margin-left:37px;
}

#basic a {
font-size:14px;
}

#basic a:hover {
font-size:14px;
text-decoration:underline;
}

.bloc_service {
width:325px;
margin: 20px 0px 0px 40px;
float:left;
font-size:14px;
}

.bloc_service img {
float:left;
margin: 0 10px 10px 0;
}

.service {
font-size:11px;
}

a.service {
	font-size:11px;
}


#flash_home {
margin: 9px 0px 0px 9px;
}

#flash_portfolio {
margin: 20px auto 0px auto;
width:485px;
}