/*CSS*/

* {
margin:0;
padding:0;
border:0;
}
body{ 
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background:url(bgbody.jpg) repeat-x 0 0;
color:#000;
}

a {
color : #691474;
text-decoration:underline;
}
a:hover {
color:#f18e00;
text-decoration:underline;
}
.center {
text-align:center;
}
.violet {
color : #691474;
}
.vert {
  color:#cbd300;
}
.rouge {
  color:#F00;
}

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

ul {
  padding: 0px 0px 10px 15px;
  margin:0;
}
li{
  list-style-type: none;
  line-height:150%;
  background: url(li.jpg) no-repeat 1px 3px;
  padding: 0px 0px 7px 23px;
  margin:0;
  font-size:11px;
}

/* Blocks principaux ---------------------------------------------------------------------------------*/
#wrapper {
  width: 804px;
  margin: 30px auto 20px auto;
  padding:0;
  background: url(bgwarper.jpg) repeat-y 0px 0px;
}

#header {
  display:block;
  padding:0;
  margin:0;
  height:131px;
  width:804px;
  background:url(header.jpg) no-repeat 0 0;
}

#content {
  margin:0px 0 0px 0;
  padding:0px 0px 0px 0px;
}

#menu {
  display:block;
  float:left;
  padding:0;
  margin:0px 0 0 0;
  font-size:11px;
  width:156px;
}

#main {
  display:block;
  width:615px;
  text-align:left;
  padding:20px 0px 0px 0px;
  margin: 0px 0px 0px 170px;
  background:url(fond_texte.jpg) no-repeat 0 45px;
}

#footer {
  clear: both;
  display:block;
  background:url(footer.jpg) no-repeat 0 0px;
  height:53px;
  text-align:right;
  font-size:11px;
  margin:0 ;
  padding:0;
  color:#FFF;
}

/* HEADER ---------------------------------------------------------------------------------*/

#header .franchise {
	display:block;
	margin:0;
	padding:66px 0 0 168px;
	color:#7f3589;
	font-size:14px;
}
#header .site {
	float:right;	
	text-align:right;
	margin:0;
	padding:29px 22px 0 0;
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
}
#header .site a {
	color:#fff;
	text-decoration:underline;
}
#header .site a:hover {
	color:#fff;
	text-decoration:underline;
}



/* MENUS ET SOUS MENUS ---------------------------------------------------------------------------------*/
#menu h1 {
	margin :7px 0px 0px 0px ;
	padding:0 ;
}
#menu p {
	margin :9px 0px 0px 0px ;
	padding:0 ;
}

#menu a.menu1, #menu a.menu1:hover, 
#menu a.menu2, #menu a.menu2:hover, 
#menu a.menu3, #menu a.menu3:hover, 
#menu a.menu4, #menu a.menu4:hover, 
#menu a.menu5, #menu a.menu5:hover, 
#menu a.menu6, #menu a.menu6:hover {
	display:block;
	width:156px;
	height:25px;
	margin:0;
	padding:0;
}

#menu a.menu1 { background:url(menu1.jpg) no-repeat 0 0px; }
#menu a.menu2 { background:url(menu2.jpg) no-repeat 0 0px; }
#menu a.menu3 { background:url(menu3.jpg) no-repeat 0 0px; }
#menu a.menu4 { background:url(menu4.jpg) no-repeat 0 0px; }
#menu a.menu5 { background:url(menu5.jpg) no-repeat 0 0px; }
#menu a.menu6 { background:url(menu6.jpg) no-repeat 0 0px; }

#menu a.menu1:hover { background:url(menu1-hover.jpg) no-repeat 0 0px; }
#menu a.menu2:hover { background:url(menu2-hover.jpg) no-repeat 0 0px; }
#menu a.menu3:hover { background:url(menu3-hover.jpg) no-repeat 0 0px; }
#menu a.menu4:hover { background:url(menu4-hover.jpg) no-repeat 0 0px; }
#menu a.menu5:hover { background:url(menu5-hover.jpg) no-repeat 0 0px; }
#menu a.menu6:hover { background:url(menu6-hover.jpg) no-repeat 0 0px; }

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

#main p {
  text-align:justify;
  margin:0px 10px 10px 10px;
  padding:0px 0px 0px 0px;
  color:#f18e00;
  font-size:16px;
  line-height:200%;
  word-spacing:1px;
}
#main p.center {
  text-align:center;
}
#main p.t14 {
  font-size:14px;
}
#main li {
  text-align:justify;
  color:#f18e00;
  font-size:16px;
  line-height:150%;
  word-spacing:1px;
}

#main h1 {
  display:block;
  font-size:24px;
  text-decoration:none;
  letter-spacing:1px;
  color:#cbd300;
  font-weight:bold;
  margin:0px 0px 10px 0px;
  padding:0px 0px 3px 10px;
}

#main h2 {
  margin:0px 0px 10px 15px;
  padding:2px 0px 3px 0px;
  font-size:14px;
  text-decoration:none;
  font-variant:small-caps;
  letter-spacing:1px;
  color:#4c88c6;
  font-weight:bold;
}

#main h3 {
  margin:0;
  padding:10px 0px 2px 0px;
  font-size:13px;
  font-variant:small-caps;
  text-decoration:underline;
  letter-spacing:1px;
}

#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;
}

/* PRODUITS ---------------------------------------------------------------------------------*/

.produit {
	width:600px;
	border:1px solid #691474 ;
	z-index:100;
	margin:25px auto 0 auto;
	text-align:center;
	padding:0;
	
}


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

#footer p {
  margin:0;
  padding:8px 10px 0px 0px;
}
#footer a, p.footer a  {
  color:#fff;
  text-decoration:none;
}
#footer a:hover, p.footer a:hover {
 color:#fff;
 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:14px;
padding:0px 2px 9px 2px;
margin:0;
border:0;
color:#f18e00;
}

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

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

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

input.normal {
	color:#f18e00;
	border:1px solid #f18e00;
	text-decoration:none;
	margin:0;
	padding:1px 2px 1px 2px ;
}
input.noborder {
	color:#f18e00;
	border:0px solid #f18e00;
	margin:0;
	padding:0px ;
}
input.button_radio {
	color:#f18e00;
	margin:0;
	padding:2px;
	border:none;
	
}
input.soumet {
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	background-color:#f18e00;
	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 #f18e00;
}

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

}