*{
	margin: 0;
	padding: 0;
}

html { height: 100%; }

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica;
	font-size:12px;
	height:100%;
	background: #fff url('../images/Bg-Body.jpg') repeat-x bottom;
}
img{border-width: 0px;}
html>body #main {text-align: left;}

/******* Début Style de mise en forme *******/
#main {
	position:relative;
	margin-left:auto; 
	margin-right:auto; 
	top: 0px; 
	width:1000px;
}

#main h1{
	position:absolute;
	left:240px;
	top:128px;
	width:600px;
	color:#171d53;
	font-size:14px;
	z-index:100;
}

#mainNav{
	cursor:pointer;
}

#navigation{
	position:absolute;
	padding:5px;
	border:2px solid #171d53;
	background:#fff;
	left:220px;
	top:120px;
	width:700px;
	color:#171d53;
	font-size:12px;
	text-decoration:none;
	z-index:200;
}

#header {
	position:relative;
	width:1000px;
	height:167px;
	background: #fff url('../images/Bg-Header.gif') no-repeat;
}

#logo {
	float:left;
	background: url(../images/Logo.gif) #fff repeat-x;
	height:72px;
	width:161px; 
}

#secured{
	float:right;
	background: url(../images/Easy-car.gif) #fff repeat-x;
	height:29px;
	width:188px;
}

#secured div {
	padding-top:6px;
}

#secured a{
	padding-left:17px;
	height:29px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#secured a:hover{
	color:#171d53;
}


#menu{
	position:absolute;
	width:86px;
	height:82px;
	top:77px;
	left:130px;
	z-index:50;	
}


#Accroches {
	float:left;
	width:100%;
	margin-top:25px;
	margin-bottom:15px;
}

#QuiSommesNous{
	float:left;
	margin-left:10px;
	background: url(../images/Bg-Qui-Sommes-Nous.jpg) #fff no-repeat;
	width:278px;
	height:366px;
}

#Pro{
	float:left;
	margin-left:80px;
	background: url(../images/Bg-Pro.jpg) #fff no-repeat;
	width:278px;
	height:366px;
}
			
#Entreprise{
	float:right;
	margin-right:10px;
	background: url(../images/Bg-Entreprises.jpg) #fff no-repeat;
	width:278px;
	height:366px;
}

#footer{
	float:left;
	margin-top:20px;
	width:100%;
	text-align:center;
}

.texteContent{
	width:258px;
	padding-top:80px;
	padding-left:10px;
	padding-right:10px;
}

#workspace h2{
	width:100%;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:15px;
	color:#171d53;
	font-size:14px;
}

#workspace p{
	padding-left:20px;
	width:100%;
	float:left;
}

ul.textUl{
	width:100%;
	float:left;
	padding-left:20px;
	/*list-style-image: url (liste.gif);*/ 
	list-style-type: circle ; 
	list-style-position: inside;
	margin:10px;
}

ul.textUl li{
	padding-left:20px;
	margin:10px;
}

.important {
	width:100%;
	float:left;
	text-align:center;
	height:30px;
	border:2px solid #171d53;
	background:#fff;
	color:#171d53;
	font-size:18px;
	/*margin:10px;*/
	padding-top:10px;
}


/* ACCORDEON */
#wrapper {
	width: 600px;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.accordionButton {	
	width: 600px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #abcc62;
	border:1px solid #171d53;
	height:20px;
	padding:5px;
	cursor: pointer;
}
	
.accordionContent {	
	width: 600px;
	background:#fff;
	border:1px solid #171d53;
	padding:5px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
}
	
.on {
	background: #990000;
	color:#fff;
}
	
.over {
	background: #CCCCCC;
	color:#000;
}

.titre{
	float:left;
	text-align:center;
	width:600px;
	color:#171d53;
	font-size:14px;
	font-weight:bold;
	height:30px;
	padding-top:15px;
}