@charset "utf-8";
/* CSS Document */

body {
	background-color: #d8dadc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000;
}
#accueil {
	width: 940px;
	height: 630px;
	margin: 0px auto 0px auto;
	position:relative;
	background-image:url(../img/accueil.jpg);
}
#pages {
	width: 940px;
	height: 630px;
	margin: 0px auto 0px auto;
	position:relative;
	background-image:url(../img/page.jpg);
}
#accueil #menu, #pages #menu {
	width: 600px;
	position:absolute; top:188px; left:160px;
}
#accueil #menu ul, #pages #menu ul {
	float:left;
	list-style-type:none;
}
#accueil #menu ul li, #pages #menu ul li {
	float:left;
}
#accueil #menu ul li a, #pages #menu ul li a {
	display: block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 1.6em;
	color: #fff;
	text-decoration:none;
}
#accueil #menu ul li a:hover, #pages #menu ul li a:hover {
	color:#ffed00;
	font-weight: bold;
}
#accueil #partenaire, #pages #partenaire {
	position:absolute; top:235px; left:385px;
	font-size: 18px;
	letter-spacing:0.2px;
}
#accueil #bienvenue, #pages #bienvenue {
	width: 520px;
	position:absolute; top:305px; left:385px;
	text-align: justify;
	line-height: 1.6em;
}
#accueil #bienvenue p {
	margin-top: 18px;
}
#pages #bienvenue p {
	margin-top: 0px;
}
#pages #bienvenue p span {
	font-weight: bold;
}
#accueil #bienvenue #titre, #pages #bienvenue #titre {
	margin-top: 0px;
	font-size: 18px;
	color: #da040b;
}
#pages #bienvenue #titre_alt {
	margin-top: 18px;
	font-size: 18px;
	color: #da040b;
}
#pages #bienvenue ol {
	list-style-type:decimal;
	list-style-position:inside;
	line-height: 1.6em;
}
#pages #bienvenue ul {
	margin: 0px 0px 0px 50px;
	line-height: 1.6em;
	list-style-image:url(../img/red-dot.png)
}
#accueil #bienvenue #signature {
	text-align: right;
}
#pages #services {
	width: 730px;
	position:absolute; top:305px; left:175px;
}
#pages #services #demandes {
	width: 720px;
}
#pages #services #red_dot {
	margin: 25px 0px 0px 15px;
	width: 720px;
}
#pages #services #red_dot #gauche {
	width: 350px;
	height: 500px;
	float:left;
}
#pages #services #red_dot #droite {
	width: 350px;
	height: 500px;
	float:right;
}
#pages #services #red_dot #gauche ul, #pages #services #red_dot #droite ul {
	list-style-image:url(../img/red-dot.png)
}
#pages #services #red_dot #gauche ul li, #pages #services #red_dot #droite ul li {
	line-height: 1.6em;
}
#pages #contact {
	width: 520px;
	position:absolute; top:285px; left:385px;
	text-align: center;
	line-height: 1.6em;
}
#pages #contact p {
	margin: 8px 0px 0px 0px;
}
#pages #contact p span {
	font-size: 18px;
}
#pages #contact p span strong {
	font-size: 21px;
	font-weight: bold;
}
#pages #commandes {
	width: 550px;
	position:absolute; top:285px; left:265px;
	text-align: left;
	line-height: 1.6em;
}
#pages #commandes ol {
	list-style-type:decimal;
	list-style-position:outside;
	line-height: 3em;
	font-weight: bold;
}
#pages #commandes ol span {
	font-weight:normal;
}
#pages #commandes ol strong {
	color: #da040b;
	font-size: 16px;
	font-weight: bold;
}
#pages #commandes ul {
	margin: -10px 0px 0px 60px;
	list-style-type:none;
	line-height: 1.6em;
	font-weight: normal;
}
#pages #commandes ul li {
	display:block;
	width: 240px;
}
#pages #commandes ul li a {
	float:right;
	text-decoration:none;
	color:#da040b;
	font-weight: bold;
}
#accueil #footer, #pages #footer {
	width: 940px;
	position:absolute; top:605px; left:0px;
	text-align: center;
	font-size: 20px;
	letter-spacing:2px;
	color: #da040b;
}