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

/* PARTIES PRINCIPALES */

#container {
	position: relative;
	margin: 0 auto;
	padding: 0 15px 0 13px;
	width: 961px;
	height: auto;
	background: url(../images/container.png) top left no-repeat;
}

#header {
	width: 933px;
	height: 369px;
	background: url(../images/header.jpg) bottom left no-repeat;
}

#content {
	width: 933px;
	height: auto;
	min-height: 816px;
	text-align: justify;
	padding: 10px 0 0 0px;
	background: #f0f0f0 url(../images/content-haut.png) top left no-repeat;
}

#footer {
	position: relative;
	width: 961px;
	height: 71px;
	margin: 0 auto;
	margin-top: -71px;
	padding: 23px 30px 0 0;
	background: url(../images/footer.png) top center no-repeat; 
}

/* LOGO */

#logo-creation-site{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 160px;
	height: 82px;
	background: url(../images/logo-creation-site.jpg) top left no-repeat;
}

/* PRESENTATION DES SITES */

#realisations-sites{
	position: absolute;
	top: 766px;
	left: 726px;
	width: 201px;
	height: 342px;
	background: url(../images/presentation-site.png) top center no-repeat;
}

#realisations-sites a{
	color: #9ed03f;
}

#site1{
	position: absolute;
	top: 48px;
	width: 201px;
	height: 25px;
	padding-top: 72px;
	text-align: center;
	background: url(../images/site1.jpg) top center no-repeat;
}

#site2{
	position: absolute;
	top: 143px;
	width: 201px;
	height: 25px;
	padding-top: 72px;
	text-align: center;
	background: url(../images/site2.jpg) top center no-repeat;
}

#site3{
	position: absolute;
	top: 241px;
	width: 201px;
	height: 25px;
	padding-top: 72px;
	text-align: center;
	background: url(../images/site3.jpg) top center no-repeat;
}

#content h2{
	color: #26a9e1;
	font-size: 14px;
	padding-left: 5px;
	line-height: 14px;
	margin: 5px 0 0 0px;
}

/* Actualite */

#creations-graphiques{
	position: absolute;
	top: 420px;
	left: 726px;
	width: 201px;
	height: 320px;
}

#creations-graphiques a{
	text-decoration: none;
	border: 0px;
	color: transparent;
}


/* Texte présentation */

#presentation-creation{
	position: absolute;
	top: 130px;
	left: 412px;
	width: 505px;
	height: 220px;
	text-align: justify;
}

#presentation-creation h1{
	color: #ffffff;
	font-size: 40px;
	line-height: 35px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#presentation-creation p{
	color: #ffffff;
	text-align: justify;
	font-size: 13px;
	line-height: 18px;
}

/* Footer */



/* Navigation */

#navigation {
	position: absolute;
	top: 47px;
	left: 190px;
	width: 760px;
	height: 45px;
}

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

#navigation li:hover,
#navigation li:active{
	margin: 2px 0px 0 0px;
	padding: 0;
}

#navigation a#accueil{
	display: block;
	width: 75px;
	color: #636363;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 45px;
	margin-right: 5px;
	background: url(../images/accueil.png) center center no-repeat;
}

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

#navigation a:hover#accueil,
#navigation a:active#accueil{
	color: #9ed03f;
}

#navigation a:hover#accueil.current,
#navigation a:active#accueil.current{
	color: #636363;
}

#navigation a#creation_site_internet{
	display: block;
	width: 176px;
	color: #636363;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 45px;
	margin-right: 6px;
	background: url(../images/creation-site-internet.png) center center no-repeat;
}

#navigation a#creation_site_internet.current{
	color: #FFFFFF;
	background: url(../images/creation-site-internet-hover.png) center center no-repeat;
}

#navigation a:hover#creation_site_internet,
#navigation a:active#creation_site_internet{
	color: #9ed03f;
}

#navigation a:hover#creation_site_internet.current,
#navigation a:active#creation_site_internet.current{
	color: #636363;
}

#navigation a#referencement_site{
	display: block;
	width: 135px;
	color: #636363;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 45px;
	margin-right: 6px;
	background: url(../images/referencement-site.png) center center no-repeat;
}

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

#navigation a:hover#referencement_site,
#navigation a:active#referencement_site{
	color: #9ed03f;
}

#navigation a:hover#referencement_site.current,
#navigation a:active#referencement_site.current{
	color: #636363;
}

#navigation a#realisations_web_27{
	display: block;
	width: 143px;
	color: #636363;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 45px;
	margin-right: 6px;
	background: url(../images/realisations-web-site.png) center center no-repeat;
}

#navigation a#realisations_web_27.current{
	color: #FFFFFF;
	background: url(../images/realisations-web-site-hover.png) center center no-repeat;
}

#navigation a:hover#realisations_web_27,
#navigation a:active#realisations_web_27{
	color: #9ed03f;
}

#navigation a:hover#realisations_web_27.current,
#navigation a:active#realisations_web_27.current{
	color: #636363;
}

#navigation a#nos_packs_creation{
	display: block;
	width: 105px;
	color: #636363;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 45px;
	margin-right: 5px;
	background: url(../images/nos-packs-creation.png) center center no-repeat;
}

#navigation a#nos_packs_creation.current{
	color: #FFFFFF;
	background: url(../images/nos-packs-creation-hover.png) center center no-repeat;
}

#navigation a:hover#nos_packs_creation,
#navigation a:active#nos_packs_creation{
	color: #9ed03f;
}

#navigation a:hover#nos_packs_creation.current,
#navigation a:active#nos_packs_creation.current{
	color: #636363;
}

#navigation a#contact{
	display: block;
	width: 95px;
	color: #636363;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 45px;
	background: url(../images/contact.png) center center no-repeat;
}

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

#navigation a:hover#contact,
#navigation a:active#contact{
	color: #9ed03f;
}

#navigation a:hover#contact.current,
#navigation a:active#contact.current{
	color: #636363;
}

#navigation li{
	float: left;
}

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

/* Navigation footer */

#footer p{
	font-size: 10px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#footer a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #42baee;
	font-size: 12px;
	line-height: 16px;
}

#footer a:hover,
#footer a:active{
	border-bottom: 1px dotted #9ed03f;

}

#footer a.lien{
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

#footer a:hover.lien,
#footer a:active.lien{
	text-decoration: none;
	color: #000000;
}

/* Titre content */

#content .titre-content{
	text-align: left;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 10px;
	color: #303030;
	width: 895px;
	line-height: 22px;
	border-bottom: 1px solid #d8d8d8;
}

#content .titre-content strong{
	text-align: left;
	font-weight: normal;
}