/*CSS*/

* {
margin:0;
padding:0;
border:0;
}
body{ 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-color:#CCC;
color:#000;
}

a {
color : #518c46;
text-decoration:none;
}
a:hover {
color:#366a2c;
text-decoration:underline;
}
.rouge {
  color:#F00;
}
.orange {
  color:#FF6600;
}
.vert {
  color:#006600;
}
.bleu {
  color:#336699;
}

.center {
text-align:center;
}
.right {
text-align:right;
}
.spacer {
clear:both;
padding:0;
margin:0;
}

ul {
  padding: 0px 15px 10px 25px;
  margin:0;
}
li{
	text-align:justify;
  list-style-type: none;
  line-height:175%;
  background: url(li.gif) no-repeat 1px 3px;
  padding: 0px 0px 7px 19px;
  margin:0;
}
li.li2{
  background: url(li2.gif) no-repeat 0px 2px;
}

/* Blocks principaux ---------------------------------------------------------------------------------*/
#wrapper {
  width: 950px;
  margin: 50px auto 20px auto;
  padding:0;
  background:#fff;
}

#content {
  display:block;
  width: 100%;
  height:100%;
  margin:0;
  padding:0;
  border:1px solid #6d8eb3;
}

#content.image1 {
  background: url(menu-image-1.jpg) no-repeat left bottom;
}
#content.image2 {
  background: url(menu-image-2.jpg) no-repeat left bottom;
}
#content.image3 {
  background: url(menu-image-3.jpg) no-repeat left bottom;
}
#content.image4 {
  background: url(menu-image-4.jpg) no-repeat left bottom;
}
#content.image5 {
  background: url(menu-image-5.jpg) no-repeat left bottom;
}
#content.image6 {
  background: url(menu-image-6.jpg) no-repeat left bottom;
}

#menu {
  display:block;
  float:left;
  width:385px;
  height:100%;
  padding:0;
  margin:-1px 0 0 -1px;
  font-size:11px;
  background: url(fond_menu.jpg) no-repeat 0px 0px;

}

#main {
  display:block;
  width:565px;
  min-height:496px;
  text-align:left;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 384px;
  border-left:1px solid #6d8eb3;
}

#footer {
  clear: both;
  display:block;
  text-align:center;
  font-size:11px;
  margin:0 ;
  padding:5px 0 0 0;
  background-color:#CCC;
}


/* MENUS ET SOUS MENUS ---------------------------------------------------------------------------------*/
#menu .logo {
	margin:0px ;
	padding:0px ;
}

#menu h1 {
	margin :0px 0px 0px 0px ;
	padding:0 ;
}

#menu a.menu1, #menu a.menu2, #menu a.menu3, #menu a.menu7, #menu a.menu12, #menu a.menu22, #menu a.menu32, #menu a.menu72 {
	display:block;
	width:116px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
	padding:7px 0px 0px 28px;
}

#menu a.menu1, #menu a.menu2, #menu a.menu3, #menu a.menu7 {
	background:url(menu1.jpg) no-repeat 0 0px;
	color:#ffffff;
}
#menu a.menu12, #menu a.menu22, #menu a.menu32, #menu a.menu72 {	
  	background:url(menu1-2.jpg) no-repeat 0 0px;
	color:#6d8eb3;
}
#menu a.menu1, #menu a.menu12 {
	margin:0px 0px 0px 191px;
}
#menu a.menu2,#menu a.menu22 {
	margin:5px 0px 0px 151px;
}
#menu a.menu3,#menu a.menu32 {
	margin:5px 0px 0px 111px;
}
#menu a.menu7,#menu a.menu72 {
	margin:5px 0px 0px 2px;
}
#menu a.menu1:hover, #menu a.menu2:hover, #menu a.menu3:hover, #menu a.menu7:hover, #menu a.menu12:hover, #menu a.menu22:hover, #menu a.menu32:hover, #menu a.menu72:hover {
	color:#6d8eb3;
	text-decoration:none;
	background:url(menu1-2.jpg) no-repeat 0 0px;
}


#menu a.menu4, #menu a.menu5, #menu a.menu6,#menu a.menu42, #menu a.menu52, #menu a.menu62 {
	display:block;
	width:111px;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	padding:3px 0px 0px 22px;
}
#menu a.menu4, #menu a.menu5, #menu a.menu6 {
	color:#fff;
    background:url(menu2.jpg) no-repeat 0 0px;
}
#menu a.menu42, #menu a.menu52, #menu a.menu62 {
	color:#6bad60;
    background:url(menu2-2.jpg) no-repeat 0 0px;
}
#menu a.menu4,#menu a.menu42 {
	margin:1px 0px 0px 85px;
}
#menu a.menu5,#menu a.menu52 {
	margin:1px 0px 0px 62px;
}
#menu a.menu6,#menu a.menu62 {
	margin:1px 0px 0px 39px;
}
#menu a.menu4:hover, #menu a.menu5:hover, #menu a.menu6:hover,#menu a.menu42:hover, #menu a.menu52:hover, #menu a.menu62:hover {
	color:#6bad60;
	text-decoration:none;
	background:url(menu2-2.jpg) no-repeat 0 0px;
}



/* MAIN ---------------------------------------------------------------------------------*/

#main p {
  text-align:justify;
  margin:0px ;
  padding:0px 15px 10px 15px;
  color:#000;
  font-size:12px;
  line-height:200%;
  word-spacing:1px;
}
#main p.center {
  text-align:center;
}

#main h1 {
  display:block;
  width:550px ;
  height:20px;
  font-size:16px;
  text-decoration:none;
  letter-spacing:1px;
  color:#fff;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  padding:2px 0 2px 15px;
  background:url(fond_titre.jpg) repeat-y 0 0;
}

#main h2 {
  margin:0px 0px 3px 15px;
  padding:2px 0px 3px 0px;
  font-size:14px;
  text-decoration:none;
  color:#6fad64;
  font-weight:bold;
  text-decoration:underline;
}

#main p.legende {
  text-align:center;
}

#main a.bouton {
  display:block;
  width:147px;
  height:23px;
  background: url("bouton-devis.gif") repeat-x 0 0;
  color:#FFF;
  text-align:center;
  font-size:12px;
  margin:0 0 10px 0;
  padding:3px 0px 0px 0px;
  font-variant:small-caps;
  text-decoration:none;
}
#main a.bouton:hover { 
  background: url("bouton-devis-2.gif") repeat-x 0 0;
  color:#FFF;
  text-decoration:none;
}

/* FOOTER ---------------------------------------------------------------------------------*/

#footer p {
  text-align:center;
  margin:0;
  padding:0px 0px 5px 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:9px;
}
#footer a, p.footer a  {
  color:#000000;
  text-decoration:none;
}
#footer a:hover, p.footer a:hover {
  color:#000000;
 text-decoration:underline;
}

p.center {
text-align:center;
}

/* TABLEAU ---------------------------------------------------------------------------------*/
table.formulaire {
margin:0px 10px 0px 15px;
padding:0px;
}
table.formulaire td {
text-align:left;
font-size:11px;
padding:0px 2px 9px 2px;
margin:0;
border:0;
color:#000;
}

/*INPUT */
form {
padding:0;
margin:0px;
font-family: Verdana, Geneva, sans-serif;
}
input {
color:#000;
font-size:11px;
font-family: Verdana, Geneva, sans-serif;
margin:0;
padding:0px;
}

textarea {
font-size:11px;
font-family: Verdana, Geneva, sans-serif;
	border:1px solid #4c88c6;

}
select {
color:#000;
font-size:11px;
font-family: Verdana, Geneva, sans-serif;
border:1px solid #4c88c6;
margin:0;
padding:0px;
}

input.normal {
	color:#000;
	border:1px solid #4c88c6;
	text-decoration:none;
	margin:0;
	padding:1px 2px 1px 2px ;
}
input.noborder {
	color:#000;
	border:0px solid #4c88c6;
	margin:0;
	padding:0px ;
}
input.button_radio {
	color:#000;
	margin:0;
	padding:2px;
	border:none;
	
}
input.soumet {
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	background-color:#6d8eb3;
	margin:0px 0px 0px 0px;
	padding:2px 4px 2px 4px;
	border-left:1px solid #CCC ;
	border-top:1px solid #CCC ;
	border-right:1px solid #666 ;
	border-bottom:1px solid #666 ;
}
a.soumet {
	display:block;
	text-align:center;
	text-decoration:none;
	padding:3px 1px 0px 1px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	font-size:10px;
	border:1px solid #6d8eb3;
}

input.soumet:hover, a.soumet:hover {
	background-color:#6fad64;
	text-decoration:none;
	border-left:1px solid #666 ;
	border-top:1px solid #666 ;
	border-right:1px solid #CCC ;
	border-bottom:1px solid #CCC ;

}