body {
	font: 12px/150% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #000000; 	
	margin: 0; 
	padding: 0; 
	text-align: center;
	background: #c3c3c4 url(../images/fond_body.jpg) center repeat-x;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 965px;
	height: 803px;
	background: #FFFFFF url(../images/fond_container.png) top left no-repeat;
}

/* --- Navigation --- */

#navigation{
	position: absolute;
	top: 0px;
	left: 7px;
	width: 951px;	
	height: 45px;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/fond_navigation.png) top left repeat-x;
}
#navigation #nav{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 38px;
}

#navigation #nav ul{
	list-style: none;
	color: #000000;
	margin: 0 0 0 33px;
	padding: 0;
}

#navigation #nav a#accueil{
	display: block;
	width: 121px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 38px;
	margin-right: 51px;
}

#navigation #nav a#accueil.current{
	color: #FFFFFF;
	background: url(../images/boutton_accueil.png) center center no-repeat;
}

#navigation #nav a:hover#accueil,
#navigation #nav a:active#accueil{
	color: #ea741c;
}

#navigation #nav a#creation_site{
	display: block;
	width: 218px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 38px;
	margin-right: 51px;
}

#navigation #nav a#creation_site.current{
	color: #FFFFFF;
	background: url(../images/boutton_creation.png) center center no-repeat;
}

#navigation #nav a:hover#creation_site,
#navigation #nav a:active#creation_site{
	color: #ea741c;
}

#navigation #nav a#referencement_site{
	display: block;
	width: 201px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 38px;
	margin-right: 87px;
}

#navigation #nav a#referencement_site.current{
	color: #FFFFFF;
	background: url(../images/boutton_referencement.png) center center no-repeat;
}

#navigation #nav a:hover#referencement_site,
#navigation #nav a:active#referencement_site{
	color: #ea741c;
}

#navigation #nav a#contact{
	display: block;
	width: 122px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 38px;
}

#navigation #nav a#contact.current{
	color: #FFFFFF;
	background: url(../images/boutton_contact.png) center center no-repeat;
}

#navigation #nav a:hover#contact,
#navigation #nav a:active#contact{
	color: #ea741c;
}

#navigation #nav li{
	float: left;
}

#navigation #nav a:hover{
color: #ea741c;
text-decoration: none;
}

/* --- Header --- */

#header{
	position: absolute;
	top: 45px;
	left: 7px;
	width: 951px;
	height: 236px;
	text-align: justify;
	background: #FFFFFF url(../images/fond_header.jpg) top left no-repeat;
}

#header h1{
	margin-left: 50px;
}

/* --- Content --- */

#content{
	position: absolute;
	top: 281px;
	left: 7px;
	width: 951px;
	height: 472px;
}

#content #referencement{
	position: absolute;
	top: 0;
	left: 0;
	width: 315px;
	height: 221px;
	text-align: justify;
	background-color: #FFFFFF;
}

#content #hebergement{
	position: absolute;
	top: 0;
	left: 315px;
	width: 319px;
	height: 221px;
	text-align: justify;
	background-color: #f5f1ee;
}

#content #agence_web{
	position: absolute;
	top: 0;
	left: 634px;
	width: 317px;
	height: 221px;
	margin: 0px;
	text-align: justify;
	background-color: #e5e1e0;
}

#content #agence_web h2 a{
	text-decoration: none;
	color: #000000;
}

#content #dernieres_realisations{
	position: absolute;
	top: 221px;
	left: 0;
	width: 634px;
	height: 248px;
	text-align: justify;
	background-color: #e5e1e0;
}

#content #dernieres_realisations a{
	text-decoration: none;
	font-size: 12px;
	color: #757575;
	font-weight: bold;
	line-height: 36px;
	margin: 5px 10px 0 30px;
}

#content #dernieres_realisations a:hover{
	border-bottom: 1px dotted #757575;;
}

#realisation1{
position: absolute;
bottom: 0;
left: 11px;
width: 194px;
height: 190px;
margin-bottom: 10px; 
border-right: 1px dotted #757575;
}

#realisation2{
position: absolute;
bottom: 0;
left: 225px;
width: 194px;
height: 190px;
margin-bottom: 10px; 
border-right: 1px dotted #757575;
}

#realisation3{
position: absolute;
bottom: 0;
left: 439px;
width: 194px;
height: 190px;
margin-bottom: 10px; 

}

#content #actualites{
	position: absolute;
	top: 221px;
	left: 634px;
	width: 317px;
	height: 248px;
	text-align: justify;
	background-color: #FFFFFF;
}

/* --- Footer --- */

#footer{
	position: absolute;
	top: 753px;
	left: 7px;
	width: 951px;
	height: 50px;
	padding: 0;
	margin: 0;
	background: #FFFFFF url(../images/fond_footer.png) top left repeat-x;
}

#footer #navi{
	position: absolute;
	top: 1px;
	left: 0px;
	width: 100%;
	height: 19px;
}

#footer #navi ul{
	list-style: none;
	color: #000000;
	margin: 0 0 0 240px;
	padding: 0;
}

#footer #navi a{
	display: block;
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 19px;
	padding: 0 20px;
	border-right: 1px solid #fbce79;
}

#footer #navi a#first{
	display: block;
	float: left;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 19px;
	padding: 0 20px;
	border-right: 1px solid #fbce79;
	border-left: 1px solid #fbce79;
}

#footer #navi li{
	float: left;
}

#footer #navi a:hover,
#footer #navi a:active{
	color: #ea741c;
}

#footer #navi a:active#first,
#footer #navi a:hover#first{
	color: #ea741c;
}

/* --- Divers --- */

.blanc{
color: #FFFFFF;
}

.sahraoui{
margin: 30px 0 0 50px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}

.texte_creation{
margin-left: 50px;
color: #FFFFFF;
width: 526px;
font-style: italic;
}

.titre_referencement{
	margin-left: 15px;
	width: 283px;
	font-size: 13px;
	line-height: 24px;
	margin-top: 5px;
	padding-bottom: 5px;
	background: url(../images/h2_hebergement.png) bottom left no-repeat;
}

.titre_realisations{
	margin-left: 15px;
	width: 603px;
	font-size: 13px;
	padding-bottom: 5px;
	margin-top: 8px;
	background: url(../images/h2-realisations.png) bottom left no-repeat;
}

.texte_referencement{
	margin-left: 40px;
	color: #252525;
	width: 245px;
	line-height: 120%;
}

.image-referencement{
	position: absolute;
	bottom: 10px;
	left: 15px;
	width: 69px;
	height: 61px;
	background: url(../images/internet-35.jpg) bottom left no-repeat;	
}

.image-hebergement{
	position: absolute;
	bottom: 10px;
	left: 15px;
	width: 116px;
	height: 76px;
	background: url(../images/hebergement-site.jpg) bottom left no-repeat;	
}

.image-agence{
	position: absolute;
	bottom: 10px;
	left: 15px;
	width: 44px;
	height: 73px;
	background: url(../images/agence-web.jpg) bottom left no-repeat;	
}

.boutton-savoir{
	position: absolute;
	bottom: 15px;
	right: 20px;
	width: 124px;
	height: 30px;
	text-align: center;
	background: url(../images/bouton-savoir.png) bottom left no-repeat;	
}

.boutton-savoir a{
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.boutton-savoir a:active,
.boutton-savoir a:hover{
	color: #ea741c;
}

.image-agrandir{
	position: absolute;
	bottom: 27px;
	left: 0px;
	width: 19px;
	height: 19px;
	background: url(../images/boutton-agrandir.png) bottom left no-repeat;		
}

.copyright{
	margin-top: 21px;
	line-height: 29px;
}

#actu{
	position: absolute;
	top: 40px;
	right: 30px;
	text-align: justify;
	line-height: 120%;
	width: 250px;
	height: 195px; 
}

#actu h3{
	color: #ff9827;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 40px;
}

#actu p{
	margin: 0;
	padding: 0;
	width: 250px;
}

#footer a:link.footer, a:visited.footer { 
	text-decoration: none;
	color: #000000;
}
#footer a:hover.footer {
	border-bottom: 1px dotted #ea741c;
}

.gris {
	color: #424141;
}

.erreur-message{
	color: red;
}