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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	background-image: url(images/fond.png);
	background-repeat: repeat-x;
	background-color: #16161e;
}

img{border:none;}


a:link {
	text-decoration: none;
	border:none;
	color:#808e97;
}
a:visited {
	text-decoration: none;
	border:none;
	color:#808e97;
}
a:hover {
	text-decoration: none;
	border:none;
	color:#c1d6e3;
}
a:active {
	text-decoration: none;
	border:none;
	color:#808e97;
}



/* ------------------------ Banniere ------------------------------------ */

#banniere {
	width: 950px;
	height:185px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	position:relative;
}


#logo{
	padding:0;
	margin:0;
	width:312px;
	height:180px;
	position:relative;
	float:left;
}

#bloc-1{
	padding:0;
	margin:0 0 0 24px;
	width:193px;
	height:180px;
	position:relative;
	float:left;
	background:url(images/bloc-haut.png) no-repeat top left;
}

#bloc-2{
	padding:0;
	margin:0 0 0 18px;
	width:193px;
	height:180px;
	position:relative;
	float:left;
	background:url(images/bloc-haut.png) no-repeat top left;
}

#bloc-3{
	padding:0;
	margin:0;
	width:193px;
	height:180px;
	position:relative;
	float:right;
	background:url(images/bloc-haut.png) no-repeat top left;
}

.decalage-image{
	padding:10px 0 10px 20px;
}

#bloc-1 p, #bloc-2 p, #bloc-3 p{
	padding:0 30px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
}

ul{
	padding:0 0 0 50px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	list-style-image: url(images/puce.png);
}

#bouton-contact{
	padding:0 0 0 25px;
	margin:0;
	width:144px;
	height:42px;
	text-align:center;
}



/* ------------------------ Milieu ------------------------------------ */

#milieu {
	width: 950px;
	height:450px;
	padding:0 0 120px 0;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	position:relative;
}

#corps-haut{
	padding:0;
	margin:30px 0 0 0;
	width:612px;
	height:19px;
	float:right;
	background:url(images/corps-haut.png) no-repeat top left;
}

#corps{
	padding:0;
	margin:0;
	width:612px;
	float:right;
	background:url(images/corps.png) repeat-y top left;
	text-align:left;
}

#corps-bas{
	padding:0;
	margin:0;
	width:612px;
	height:19px;
	float:right;
	background:url(images/corps-bas.png) no-repeat top left;
}


#segways{
	padding:0;
	margin:0;
	width:473px;
	height:397px;
	position:absolute;
	left:-50px;
	top:10px;
	background:url(images/segways.png) no-repeat top left;
}

#slogan{
	padding:0;
	margin:0;
	width:295px;
	height:93px;
	position:absolute;
	left:5px;
	top:395px;
	background:url(images/slogan.png) no-repeat top left;
}

#pastille{
	padding:0;
	margin:0;
	width:128px;
	height:129px;
	position:absolute;
	left:315px;
	top:60px;
}

#objet{
	position:relative;
	padding:0 0 0 110px;
}



/* ------------------------- footer -------------------------- */

#footer{
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	padding:65px 0 0 0;
	margin:0;
	width:100%;
	height:210px;
	background:#16161e;
}

#footer p{
	padding:0;
	margin:0;
	font-size:12px;
	line-height:18px;
	color:#92b705;
	text-align:left;
}

#footer img{
	display:block;
	float:left;
	width:49px;
	padding:5px 25px 30px 0;
	margin:0;
}

.orange{
	color:#ff971c;
}

#blocs{
	width:930px;
	height:130px;
	margin:0 auto;
}

#pointilles{
	width:930px;
	height:5px;
	margin:0 auto;
	padding:0;
	background:url(images/point.png) repeat-x;
}

#bloc-gauche{
	margin:0;
	padding:0;
	width:440px;
	float:left;
}

#bloc-droite{
	width:440px;
	float:right;
}

#copyright{
	font-size:10px;
	padding:13px 0 0 0;
	margin:0 auto;
	width:930px;
	height:50px;
	text-align:left;
	color:#808e97;
}

#copyright span{
	display:block;
	float:left;
}

#copyright a{
	display:block;
	float:right;
}