/*CSS*/

body {
  margin:0 auto;
  padding:0;
  font:normal 80%/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background:#525980 url(../img/body-pattern-v2.gif) center repeat-y;
}

*
{
outline: none;
}

#container {
  width:940px;
  margin:0 auto;
  padding:0;
  background:#525980 url(../img/body-pattern-v2.gif) center repeat-y;
  height:100%;
  min-height:100%;
}


#header {
  width:100%;
  overflow:hidden;
}


#header #logo_horaire {
  float:left;
  width:35%;
  margin:0 0 0 2px;
}

#logo_horaire ul#horaire {
  float:right;
  margin:0;
  padding:0;
  list-style:none;
}
#logo_horaire ul#horaire li.lastchild {
  text-align:right;
}

#logo_horaire p#open {
  float:left;
  margin:0;
  padding:10px 0;
  position:relative;
  left:30px;
  font-size:1.5em;
  color:green;
  font-weight:bold;
}

#logo_horaire p {
  margin:0;
  padding:0;
}

#header p#flash_slider {
  float:right;
  width:64%;
  padding:5px 0 0 0;
  margin:0;
  position:relative;
  top:20px;
  left:-5px;
  border-top:6px solid #525980;
  border-bottom:6px solid #525980;
}

ul#navbar {
  list-style:none;
  margin:0 !important;
  margin:0 0 20px 0;
  padding:0;
  width:100%;
  overflow:hidden;
}

ul#navbar li {
  float:left;
  width:6.5em;
  margin:0 1%;
  font:normal 2em/1.5 "Century Gothic", Futura, Helvetica;

}

ul#navbar li a  {
  float:left;
  width:100%;
  text-align:center;
  text-decoration:none;
  color:black;
  border-bottom:1px solid black;
  padding:0 0 0.1em 0;

}

ul#navbar li a:hover  {
  border-bottom:2px solid white;
}

ul#navbar li.onactive {
  padding:0 0 0.1em 0;
  text-align:center;
  border-bottom:2px solid white;

}

ul#navbar li.onactive:first-letter {
          color:#CCCCCC;
}

#content {
  width:98%;
  padding:0 0 0 20px;
}

#content p:first-child {
  margin:2em 0 0 0;
}

#content .box_content {
  float:left;
  width:23.5%;
  margin:0 10px 5em 1px;
  padding:0;
}

#content .box_content ul {
    height:26em;
    min-height:26em !important;
    padding:0;
    margin:0;
    list-style-image:url(../img/list-arrow.gif);
    background:url(../img/bg-box.gif) top left repeat;

}

#content .box_content ul li.firstchild {
  padding:20px 0;
  text-align:center;
  list-style-image:url(../img/list-arrow-none.gif);
}

#content .box_content ul li {
  background:url(../img/bg-box.gif) top left repeat;
  padding:2px 0;
  margin:0 0 0 20px;
}

#content .box_content ul#ecologie li, .box_content ul#infos li {
  padding:8px 0;
}


#content .box_content ul#client li {
  padding:6px 0;
}

#content .box_content ul li img#eco_img {
  margin-top:10px;
}

#content .box_content ul#technique, .box_content ul#infos  {
 /* padding:16px 0 0 0; */
}


#footer {
  width:100%;
  margin:0;
  padding:3em 0 0 0;
  text-align:left;
  clear:both;
  position:relative;
}


#footer p {
 margin:0;
 padding:0;
 font-size:0.8em;
}


#content>p {
  font-weight:bold;
  font-size:1em;
}


#content a:link, a:visited, a:focus {
  color:#F9F9F9;
  text-decoration:none;
}

#content a:hover, a:active {
  text-decoration:underline;
  color:#F9F9F9;
}

#content #lavage ul#ext_int li a:link, #lavage ul#ext_int li a:visited, #lavage ul#ext_int li a:focus {
  color:#F9F9F9;
  text-decoration:none;
}

#content #lavage ul#ext_int li a:hover, #lavage ul#ext_int li a:active {
  color:#F9F9F9;
  text-decoration:underline;
}



#content #renovation {
  float:right;
  width:45%;
}


/*########################################
               -lavage
########################################*/

#content #lavage {
  margin:10px 0 0 0;
  width:48% !important;
  width:46%;
  padding:0 !important;
  padding:15px 0 0 0;
  float:left;
  background:url(../img/bg-box.gif) top left repeat;
  min-height:52em;
}

#content #lavage p#lavage_logo {
  text-align:center;
  position:relative;
  left:-15px;
}

#content #lavage h3 {
  border-bottom:1px dashed black;
}


#content #lavage ul#ext_int {
  float:right;
  position:relative;
  top:-45px;
  left:-95px;
  list-style:none;
  padding:0;
  margin:0;
}

#content #lavage ul#ext_int li {
  padding:0;
  margin:0;
  font-size:12px;
  max-width:30px;
}

#content #lavage h2 {
  text-align:center;
  display:block;
  border-bottom:1px solid black;
}

#content #lavage .header_prog {
  float:left;
  width:67%;
  padding-left:15px;
}

#content #lavage .prog_prix {
  float:right;
  width:29%;
}

#content #lavage .prog_prix ul {
  list-style:none;
  padding:0;
  margin:0;
}

#content #lavage .prog_prix ul li {
  padding:0;
  margin:0;
}

#content #lavage ul#list_prog1_ext {
  clear:both;
  overflow:hidden;
  width:100%;
  list-style-image:url(../img/list-arrow.gif);
  padding-bottom:0 !important;
  padding-bottom:15px;
}

ul#ext_int li a {
  color:#9c131b;
}



#content #lavage ul#list_prog1_ext li {
  width:40%;
  float:left;
}

#content #lavage ul#prog2_ext {
  clear:both;
}

#content #lavage ul.prog2_ext_int {
   list-style-image:url(../img/list-arrow.gif);

}

#content #lavage ul#list_prog2_ext {
    width:60%;
  float:left;
}

/*########################################*/



/*########################################
               -renovation
########################################*/

 #content #renovation {
  margin:10px 0 0 0;
  width:48% !important;
  width:46%;
    padding:0 !important;
  padding:15px 0 0 0;
  float:right;
  position:relative;
  left:-20px;
  background:url(../img/bg-box.gif) top left repeat;
}

#content #renovation p#renovation_logo {
  text-align:center;
}

#content #renovation p.about {
  padding:0 15px 15px 15px;
}

#content #renovation ul li {
  overflow:hidden;
}

#content #renovation ul {
  list-style:none;
}

#content #renovation ul li p.label  {
 float:left;
 width:78% !important;
 width:70%;
 border-bottom:1px dashed black;
  display:block;
}

#content #renovation ul li p.prix  {
 float:right;
 width:19%;
 margin-top:3.5em !important;
 margin-top:-1px;
 padding:0 !important;
 padding:0 0 25px 0;
 display:block;
}

#content #renovation ul li p.prixfirst  {
 float:right;
 width:19%;
 position:relative;
 top:0 !important;
 top:-35px;

 margin-top:2em !important;
 margin-top:3em;
 display:block;
}


/*########################################*/


/*########################################
               -offre
########################################*/


#content #offre_explain, #reservation_input {
  float:left;
  width:50%;
  margin:20px 0 0 0;
  padding:15px;
  background:url(../img/bg-box.gif) top left repeat;
    min-height:35em;
  height:auto !important;
  height:35em;
}

#content #offre_explain ul {
  list-style-image:url(../img/list-arrow.gif);
}

#content #offre_explain i {
  font-size:0.7em;
}

#content #offre_print, #reservation_calendrier {
  float:right;
  width:40%;
  margin:20px 0 0 0;
}

#content #offre_print img#offre_img {
  border:2px solid black;
}

#content #offre_print i {
  font-size:0.7em;
}

#content #offre_print p#soft {
  padding:0 10px 0 0;
  margin:0;
}

/*########################################*/


/*########################################
               -reservation
########################################*/

#content #reservation_input {
  overflow:hidden;
    height:auto !important;
    height:26em;
    min-height:26em;
}

#content #reservation_input p {
  padding:0;
  margin:0;
}

#content #reservation_input p.instruct {
  padding:20px 0;
}


#content #reservation_input p.nom {
  float:left;
  width:49%;
}

#content #reservation_input p.mail {
  clear:both;
  text-align:left;
  width:49%;
  padding:15px 0;
}

#content #reservation_input p.taille {
  float:right;
  width:49%;
  padding:0 0 0 0;
}

#content #reservation_input p.resa {
  float:right;
  width:49%;
  margin-top:-55px;
}


#content #reservation_input p.typenet {
  float:left;
  width:49%;
  padding:0;
  margin:0;
}

#content #reservation_input p.chien {
 clear:both;
 padding:15px 0;
}

#content #reservation_input input.send, #contact_client #form_contact input.send {
  margin:15px 0;
  background:#ccc;
  cursor:pointer;
  border:2px outset #525980;
    height:2em;
    font-weight:bold;
    font-family:verdana;
    color:black;
    padding-bottom:0.2em;
}

#content #reservation_input input.send:hover,  #contact_client #form_contact input.send:hover {
  margin:15px 0;
  border:2px outset #ccc;
}

#content #reservation_input ul {
  list-style-image:url("../img/list-arrow.gif");
}


/*########################################*/



/*########################################
               -contact
########################################*/


#content #contact_client {
  margin:0 auto;
  margin-top:20px;
  padding:15px;
  background:url(../img/bg-box.gif) top left repeat;
  width:70%;
  min-height:35em;
  height:auto !important;
  height:35em;
}


#content #contact_client #form_contact {
  text-align:right;
  width:62%;
  margin:0;
}

#content #contact_client #form_contact cite {
 font-style:normal;
 position:relative;
 top:-40px;
}

#content #contact_client #entete {
  text-align:center;
  width:100%;
}