#header ul li a#accueil { background: url(../img/accueil.gif) 0 -121px; margin-left: 208px; }
		#header ul li a#accueil:hover { background: url(../img/accueil.gif) 0 -121px; margin-left: 208px; }


/*-------------Titre---------------*/

#titre_accueil_total {
	background: url(../img/fond_titre_accueil.gif) repeat-x;
	border-bottom: 5px solid #FFF;
	height: 168px;
	width: 100%;
	position: relative;
}

	#titre_accueil {
		background: url(../img/titre_accueil.gif);
		position: relative;
		padding-top: 30px;
		margin: 0 auto;
		width:950px;
		height: 138px;
	}
	
		#titre_accueil_total #titre_accueil p {
			margin: 0 auto;	
			width: 570px;
			text-align: center;
			font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
			line-height: 26px;
			font-size: 20px;
			font-style: italic;
			color: #FFF;
		}



/*-------------Vignettes---------------*/
.vignette_ombre {
 	float: left;
	margin-left: 10px;
	width: 302px;
	height: 205px;
	background: url(../img/ombre1.gif) 5px 190px no-repeat;
 }

 #vignette_webdesign, #vignette_graphisme, #vignette_contact {
 	width: 157px;
	height: 170px;
	float: left;
	border: solid 5px #FFF;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 120px;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
 }
 
 .titre_vignette { font-size: 16px; font-weight: bold; display: block; margin-bottom: 15px; }
 
 #vignette_webdesign { background: #757574 url(../img/vignette_web_g.gif) no-repeat 0 0; }
 #vignette_graphisme { background: #757574 url(../img/vignette_graphisme_g.gif) no-repeat 0 0; }
 #vignette_contact { background: #757574 url(../img/vignette_contact_g.gif) no-repeat 0 0; }
 
 #vignette_webdesign:hover, #vignette_graphisme:hover, #vignette_contact:hover { 
 	border: solid 5px #000; 
	cursor: hand;
}
 
 #vignette_webdesign:hover { background: #037F8C url(../img/vignette_web_b.gif) no-repeat 0 0; }
 #vignette_graphisme:hover { background: #037F8C url(../img/vignette_graphisme_b.gif) no-repeat 0 0; }
 #vignette_contact:hover { background: #037F8C url(../img/vignette_contact_b.gif) no-repeat 0 0; }
 
 .vignette_bas1, .vignette_bas2, .vignette_bas3 {
	float: left;
	display: block;
	width: 292px !important;
	width: 242px;
	background: url(../img/fleche_g.gif) 0px 5px no-repeat;
	padding-left: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}

.vignette_bas1 { margin-top: 14px; }
.vignette_bas2 { margin-top: 42px; }
.vignette_bas3 { margin-top: 18px; }


#vignette_webdesign strong:hover, #vignette_graphisme strong:hover, #vignette_contact strong:hover { 
	cursor: hand; 
}