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

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin:0;
  padding: 0;
  font-family: Arial, Helvetica, FreeSans, sans-serif;
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: black; 
  background:#fff; 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol,{ 
  margin: 0; 
  padding: 0; 
}  
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 

/* lignes */ 


 

hr {
	border: none 0;
	border-top: 1px dotted #666;
	height: 1px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
}

/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link {
	color: #FFF;
} 
a:visited {
	color: #FFF;
} 
a:hover, a:focus, a:active {
	color: #CCC;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

table, caption, tbody, tfoot, thead, tr, th, td, object {
	margin: 0px;
	padding:0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

td {
	padding:2px;
}

/* CSS du document */
#container {
	  width: 1024px;
	  margin:auto;
}

#header {
	background-image:url(images/header.jpg);
	height:224px;
}

#center {
	background-image:url(images/center.jpg);
	height:484px;
	position:relative;
}
#center_1 {
	background-image:url(images/center_acces.jpg);
	height:484px;
	position:relative;
}
#center_2 {
	background-image:url(images/center_contact.jpg);
	height:484px;
	position:relative;
}
#center_3 {
	background-image:url(images/center_qsn.jpg);
	height:484px;
	position:relative;
}
#center_4 {
	background-image:url(images/center_intervention.jpg);
	height:484px;
	position:relative;
}
#center_5 {
	background-image:url(images/center_galerie.jpg);
	height:484px;
	position:relative;
}

#center_boutique {
	background-image:url(images/center_boutique.jpg);
	height:484px;
	position:relative;
}

#menu {
	position:absolute;
	height:70px;
	left: 213px;
	width:750px;
	top: -1px;
	z-index:800;
}

#texte {
	position:absolute;
	width:556px;
	left: 24px;
	top: 44px;
	height: 45px;
	z-index:100;
}

#texte3 {
	position:absolute;
	width:548px;
	left: 2px;
	top: 233px;
	line-height:normal;
}

#texte4 {
	position:absolute;
	width:548px;
	left: 0px;
	top: 63px;
	line-height:normal;
	height: 280px;
}

#texte4 a:hover{
	color:#999;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}
#texte4 a{
color:#000;
}

#texte5 {
	position:absolute;
	width:548px;
	left: 0px;
	top: 48px;
	line-height:normal;
	height: 319px;
}

#texte5 a:hover{
color:#999;
}
#texte5 a{
color:#000;
}

#image1 {
	background-image:url(images/image1.png);
	height:181px;
	width:174px;
	position:absolute;
	left: 1px;
	top: 47px;
	z-index:10;
}

#image2 {
	background-image:url(images/image2.png);
	height:181px;
	width:174px;
	position:absolute;
	left: 187px;
	top: 47px;
	z-index:10;
}

#image3 {
	background-image:url(images/image3.png);
	height:181px;
	width:174px;
	position:absolute;
	left: 373px;
	top: 47px;
	z-index:10;
}

#boutique {
	height:270px;
	width:141px;
	display:block;
	position:absolute;
	left: 820px;
	top: 102px;
}

#footer {
	background-color:#47588b;
	height:50px;
	color:white;
	text-align:center;
	line-height:18px;
	padding-top:10px;
	font-size:10px;
}

#adresse {
	position:absolute;
	width:914px;
	height:20px;
	top:396px;
	left: -181px;
	text-align:center;
}
#adresse a{
	color:#333;
}

#adresse2 {
	position:absolute;
	width:914px;
	height:20px;
	top:440px;
	left: -157px;
	text-align:center;
}
#adresse2 a{
	color:#333;
}

#adresse_boutique {
	position:absolute;
	width:169px;
	height:108px;
	top:312px;
	left: -192px;
	text-align:center;
	color:#FFF;
	font-size:10px;
}
#adresse_boutique a{
	color:#fff;
}

#panier {
	position:absolute;
	width:80px;
	height:42px;
	left: -125px;
	top: -22px;
	color:white;
}

#box {
	width:325px;
	padding:10px;
	margin-left:240px;
	margin-top:100px;
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#inbox {
	width:80px;
	float:left;
}

#inbox_titre {
	width:220px;
	margin-left:20px;
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

#inbox2 {
	width:220px;
	margin-left:20px;
	float:right;
	color:#666;
}

#inbox3 {
	width:220px;
	margin-top:10px;
	margin-left:20px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#6C6;
	float:right;
}

#inbox4 {
	width:220px;
	margin-left:20px;
	text-align:right;
	float:right;
}

#inbox4 a{
	text-decoration:underline;
	color:#333;
}


#box_bis {
	width:325px;
	padding:10px;
	margin-left:10px;
	margin-top:100px;
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#box_ter {
	width:325px;
	padding:10px;
	margin-left:240px;
	margin-top:10px;
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#box_quater {
	width:325px;
	padding:10px;
	margin-left:10px;
	margin-top:10px;
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#page {
	width:705px;
	height:30px;
	margin-left:240px;
	margin-top:20px;
	text-align:center;
		float:left;
}

#box_fiche {
	width:665px;
	height:300px;
	padding:20px;
	margin-left:240px;
	margin-top:100px;
	border-color:#CCC;
	border-style:solid;
	border-width:1px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#inbox_fiche {
	float:left;
	width: 120px;
	margin-left: 5px;
}

#inbox_fiche2 {
	float:left;
	width: 670px;	
}

#inbox_titre_fiche {
	width:520px;
	margin-left:20px;
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

#inbox2_fiche {
	width:520px;
	height:80px;
	float:right;
	color:#666;
	text-align:justify;
	overflow:auto;
}

#inbox3_fiche {
	width:450px;
	margin-top:10px;
	margin-left:20px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#6C6;
	float:right;
}

#inbox4_fiche {
	width:200px;
	margin-left:0px;
	text-align:right;
	float:right;
}

#inbox4_fiche a{
	text-decoration:underline;
	color:#333;
}

#inbox5_fiche {
	width:660px;
	margin-top:10px;
	text-align:center;
	font-size:10px;
	color:#000;
	float:right;
}

#inbox6_fiche {
	width:660px;
	margin-top:5px;
	text-align:center;
	font-size:10px;
	color:#000;
	float:right;
	height: 50px;
}

#inbox_fiche_validation {
	width: 670px;
	margin-top:20px;
	height:50px;
	text-align:right;
}

#inbox_fiche_validation  a{
 color:#000;
}



.prix_total_fiche {
	font-size:18px;
	font-weight:bold;
}

.texte_tableau_01 {
	font-size:12px;	
}


ul#css3menu,ul#css3menu ul{
	margin:0;list-style:none;background-color:#000;background-image:url("menubk.png");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#css3menu ul{
	display:none;position:absolute;left:-1px;top:98%;-moz-box-shadow:0.7px 1px 1px #777777;-webkit-box-shadow:0.7px 1px 1px #777777;box-shadow:0.7px 1px 1px #777777;padding:0 9px 9px;background-color:#17330d;background-image:none;border-width:1px;border-style:solid;border-color:#5A5E60;}
ul#css3menu li:hover>*{
	display:block;}
ul#css3menu li:hover{
	position:relative; z-index:999;}
ul#css3menu ul ul{
	position:absolute;left:98%;top:-2px;}
ul#css3menu{
	padding:1px 1px 1px 0;display:block;font-size:0;float:left;}
ul#css3menu li{
	display:block;white-space:nowrap;font-size:0;float:left; width:90px;}
ul#css3menu>li,ul#css3menu li{
	margin:0 0 0 1px;}
ul#css3menu ul>li{
	margin:1px 0 0;}
ul#css3menu a:active, ul#css3menu a:focus{
	outline-style:none;}
ul#css3menu a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 10px Arial,sans-serif;color:#cccccc;cursor:pointer;padding:3px;background-color:#17330d;background-image:url("menubk.png");background-position:0 50%;border-width:0px;border-style:none;border-color:#6655FF;}
ul#css3menu ul li{
	float:none;margin:9px 0 0;}
ul#css3menu li:hover>a{
	background-color:#21982b;border-color:#665500;border-style:none;font:bold 10px Arial,sans-serif;color:#ffffff;text-decoration:none;background-image:url("menubk.png");background-position:0 100%;}
ul#css3menu img{
	border:none;vertical-align:middle;margin-right:20px;width:24px;height:24px;}
ul#css3menu ul img{
	width:6px;height:12px;}
ul#css3menu img.over{
	display:none;}
ul#css3menu li:hover > a img.def{
	display:none;}
ul#css3menu li:hover > a img.over{
	display:inline;}
ul#css3menu span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu ul li:hover>a{
	background-color:#17330d;background-image:none;border-style:solid;border-color:#262626;font:13px Arial,sans-serif;color:#ffffff;text-decoration:none;}
ul#css3menu li.topitem>a{
	height:28px;line-height:16px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu li.topitem:hover>a{
	line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}