body {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	margin:0;
	background-color: #000000;
	text-align: center;
}
#interface a, #intro a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}
#interface a:hover, #intro a:hover {text-decoration: underline;}

#intro {color:white; font-family: Verdana, Arial, Helvetica, sans-serif;}
#intro a {color:gray !important;}
#intro #liensBasPage {margin: 50px 0 0 0;}
#intro #liensBasPage a {color:gray;}

/* On centre le site horizontalement et verticalement */
#interface {height: 550px; width: 950px; position: absolute; top:50%; left:50%; margin:-275px 0 0 -475px;}
#sommaire {height: 550px; width: 220px; position: absolute; left: 0px; top: 0px; color:white;}
#sommaire #liensBasPage {margin-top:100px;}

/* Intro */
#intro {position:absolute; width:950px; height:322px; top:50%; left:50%; margin:-161px 0 0 -475px;}
#introSWF, #skipSWF {display:block; margin:0 auto;}

/* Page de contact */
#interface #contact {padding:75px 0 0 0;}
#interface #contact h1 {font-size:12px; font-weight:normal; margin:0;}

/* Savoir-faire */
#interface #savoirfaire-intro {padding-right:10px;}
#interface #savoirfaire-intro h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:normal; margin:0;}
#interface #savoirfaire-videos .video {float: left; text-align:center; margin:0 15px 3px 0;}
#interface #savoirfaire-videos .video .titre-video {text-transform:uppercase;}
#interface #savoirfaire-videos .video img {border:0; display:block; margin-bottom:3px;}

/* Titres */
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal;}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

/* Fonds */
.fond-accueil {
	background-image: url(../images/fonds/fond-01-accueil.jpg);
}
.fond-forfaits {
	background-image: url(../images/fonds/fond-03-forfaits.jpg);
}
.fond-savoir-faire {
	background-image: url(../images/fonds/fond-04-savoir-faire.jpg);
}
.fond-prestation {
	background-image: url(../images/fonds/fond-05-prestations.jpg);
}
.fond-contact {
	background-image: url(../images/fonds/fond-06-contact.jpg);
}
.fond-exigences {
	background-image: url(../images/fonds/fond-02-exigences.jpg);
}

/* DIV Contenu */
#contenu-01 {
	overflow: auto;
	position: absolute;
	width: 372px;
	height: 205px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF9E1;
	text-align: justify;
	padding-right: 40px;
	left: 523px;
	top: 97px;
}
#contenu-02 {
	overflow: auto;
	position: absolute;
	width: 372px;
	height: 212px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF9E1;
	text-align: center;
	left: 523px;
	top: 99px;
}
#contenu-03 {
	position: absolute;
	width: 372px;
	height: 373px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF9E1;
	text-align: justify;
	padding-right: 25px;
	left: 523px;
	top: 97px;
	overflow: hidden;
}

/* Commun */
.gp_paragraphe {margin-bottom:25px;}
.chapeau {margin-bottom:25px;}
#interface ul, #interface li {margin:0; padding:0;}
#interface li {list-style-position: outside; margin:20px;}

/* Lien Lolart */
#link_lolart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #DACA92;
	height: 24px;
	width: 143px;
	position: absolute;
	left: 802px;
	top: 525px;
	text-align: left;
}
#link_lolart a {color:#DACA92; font-size:9px;}
#link_lolart a:hover {color:#DACA92; font-size:9px; text-decoration:underline;}