body {
	
	/*background: white ;*/

}
ul li {
	list-style:none;
}
a {
	color: #000000;
	text-decoration : none;
}
.ailleurs {
	position:absolute;
	left:-10000px;
	line-height:0;
}
.error-message {
	color:red;
	font-size:85%;
}
table {
	border:none;
}
tr, td, th {
	border:none;
}

/* ************************************* */

#wrapper {
	width: 900px;
	margin: 0 auto;
	position: relative;


}
#header {
	height:150px;
	position:relative;

}
#header #logo {
	position: absolute;
	left:10px;
	top:5px;
	width:150px;
}
#header #logo h1 {
	font-size:100%;
	color:#f8c325;
	
}
#header #menu1 {
	position: absolute;
	left:420px;
	top:5px;
	height:130px;
	width:440px;
}
#header #menu1 li {
	float:left;
	padding: 2px 10px;
	width: 100px;
}
#header #menu1 li.sep{

	width: 16px;
}
#header #menu1 li  ul {
	clear:both;
	margin:0;
}
#header #menu1 li  ul  li{
display: block;
clear:left;
	padding:5px 0 0 0;
}

.texten1 {
	font-size:170%;
	display:block;
	color:black;
	padding:10px 0 5px 0;
}
.texten2 {
	font-size:95%;
	display:block;
	color:#5d4646;
}
.texten2:hover {
	color:black;
	font-weight:bold;
}
.current {
	text-decoration:underline;
	font-weight:bold;
}
/* ********************** Le Main et Contenu *********************** */


#precedent, #suivant {
	width:125px;
	height:125px;
	position:absolute;
	top:200px;
	left:-75px;

}

#suivant {
	left: 750px;
	background: transparent url(../img/Btn.gif) no-repeat top right;
}
#precedent {
	background: transparent url(../img/Btn.gif) no-repeat top left;
}
#suivant:hover {
	left: 750px;
	background: transparent url(../img/Btn.gif) no-repeat bottom right;
}
#precedent:hover {
	background: transparent url(../img/Btn.gif) no-repeat bottom left;
}
#main {
	width: 750px;
	position:relative;
	height:550px;
	left:100px;
}

#contenu {
width: 750px;
position:absolute;
top:50px;
left:52px;
height:450px;
overflow:auto;
}
.contenu h1, h2, h3 {
color:#1F1F1F;
}
.contenu h1 {
font-size:130%;
}
.contenu h2 {
font-size:120%;
}
.contenu h3 {
font-size:110%;
}
.contenu ul li {
	list-style-type: square;
	margin-bottom:7px;
}
ul span.lettre {
	font-size : 120%;
	font-weight:bold;
	color:#D7A109;
}

#myaccordion h1 {
margin:0.2em;
}
#myaccordion h2 {
margin-left:20px;
} 
#myaccordion h3 {
margin-left: 30px;
}
#myaccordion p , #myaccordion ul {
margin-left: 50px;
}
#myaccordion ul li{
	margin-top: 5px;
}
#footer {
	height:70px;
	background: white url(../img/fresque.gif) repeat-x 0 bottom;
	margin:0;
	padding:0;
	position: relative;
	bottom:0;
	width:100%;
}
#footer a {
	color:#4F4F4F;
	font-size: 80%;
	position:absolute;
	left:50px;
	bottom:90px;
}

/* ********************* Les references ******************** */
table {
	width:590px;
}
th h3 {
	margin: 5px 0 ;
}
th.t1 {
	font-size:150%;
	font-weight:bold;
	color:#ffc420;
}
th.t2 {
	
}
table h1 {
	font-size:120%;
}
table td {
	font-size:85%;
	margin: 5px 0;
	background-color: #DFDFDF;
	text-align:center;
}

#logements, #administrations, #medicosocial, #enseignement ,#industrie, #culture, #commerce, #sport, #urbanisme {
	width: 200px;
	height: 100px;
	display:block;
	float:left;
}
#logements {
	background: transparent url(../img/titreref.gif) no-repeat 0 0 ;
}
#administrations {
	background: transparent url(../img/titreref.gif) no-repeat  -200px  0;
}
#medicosocial {
	background: transparent url(../img/titreref.gif) no-repeat -400px 0 ;
}
#enseignement {
	background: transparent url(../img/titreref.gif) no-repeat 0 -100px ;
}
#industrie {
	background: transparent url(../img/titreref.gif) no-repeat -200px -100px ;
}
#culture {
	background: transparent url(../img/titreref.gif) no-repeat  -400px  -100px;
}
#commerce {
	background: transparent url(../img/titreref.gif) no-repeat 0 -200px ;
}
#sport {
	background: transparent url(../img/titreref.gif) no-repeat -200px -200px ;
}
#urbanisme {
	background: transparent url(../img/titreref.gif) no-repeat -400px -200px ;
}
#logements:hover {
	background: transparent url(../img/titreref.gif) no-repeat 0 -300px ;
}
#administrations:hover {
	background: transparent url(../img/titreref.gif) no-repeat  -200px  -300px;
}
#medicosocial:hover {
	background: transparent url(../img/titreref.gif) no-repeat -400px -300px ;
}
#enseignement:hover {
	background: transparent url(../img/titreref.gif) no-repeat 0 -400px ;
}
#industrie:hover {
	background: transparent url(../img/titreref.gif) no-repeat -200px -400px ;
}
#culture:hover {
	background: transparent url(../img/titreref.gif) no-repeat  -400px  -400px;
}
#commerce:hover {
	background: transparent url(../img/titreref.gif) no-repeat 0 -500px ;
}
#sport:hover {
	background: transparent url(../img/titreref.gif) no-repeat -200px -500px ;
}
#urbanisme:hover {
	background: transparent url(../img/titreref.gif) no-repeat -400px -500px ;
}

/* ************ Contact *************** */
#formDevis .input {
	margin-top:5px;
}

label, input {
	float:left;
}

input#ContactNom {
	margin-left:105px;
	background-color:#DFDFDF;
}

input#ContactEmail {
	margin-left:50px;
	margin-top:10px;
	background-color:#DFDFDF;
}

textarea#ContactMessage {
	clear:left;
	margin-left:76px;
	margin-top:10px;
	background-color:#DFDFDF;
}
.submit {
clear:left;
	margin-top:20px;
}

#formDevis .input{
	clear:left;
}
.error-message {
	clear:both;
	width:100%;
	color:#D0061C ;
	text-align:left;
}
#messageEmail {
	margin: 150px 0 0 170px;
}
/* ************ */
#collaboration ul li {
	list-style-type: square;
}
#collaboration a{
	color: #DFAD29 ;
}
#collaboration a:hover{
	text-decoration:underline;
}