/* Start of CMSMS style sheet 'general corporate' */
@charset "utf-8";
/* CSS Document */

body{
background-image:url(uploads/images/int_corpo/fond.gif);
background-repeat:repeat-x;
background-color:#a1caec;
margin:0;
padding:0;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color:#333;
}

#wrapper{
width:1002px;
margin:auto;
padding:auto;
height:100%;
}

.clear{
clear:both;
}

#haut{
background-image:url(uploads/images/int_corpo/haut.gif);
height:61px;
margin-top:-35px;
}

#gauche{
float:left;
/*background-image:url(uploads/images/int_corpo/fond-gauche.gif);*/
width:9px;
/*height:749px;
_height: 750px;*/
}

#centre{
background-color:#FFFFFF;
float:left;
width:984px;
height:100%;
padding-bottom:15px;
}

#droite{
float:left;
/*background-image:url(uploads/images/int_corpo/fond-droite.gif);*/
width:9px;
/*float:right;*/
/*height:749px;
_height: 750px;*/
}

#logo{
float:left;
}

#menu1{
float:right;
}

ul#horizontal li { 
display : inline;
padding-top:0px;
margin-top:0px;
padding-right : 10px;
}
ul#horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

#main_menu{
background-image:url(uploads/images/int_corpo/fond_menu.gif);
background-repeat:repeat-x;
height:32px;
}

#vide{
background-color:#FFFFFF;
height:13px;
#height:20px;
border: 1px solid #FFFFFF;
}
/*
#boutons{
background-color:#FFFFFF;
}

#bouton1{
margin-left:10px;
#margin-left:10px;
_margin-left:5px;
float:left;
}

#bouton2{
margin-left:7px;
_margin-left:5px;
float:left;
}

#bouton3{
margin-left:7px;
_margin-left:5px;
float:left;
}

#bouton4{
margin-left:7px;
_margin-left:5px;
float:left;
}

#bouton5{
margin-left:7px;
_margin-left:5px;
float:right;
margin-right:10px;
_margin-right:7px;
background-image:url(uploads/images/int_corpo/bouton2.gif);
background-repeat:no-repeat;
height:189px;
width:476px;
}*/

#bas{
	background-image:url(uploads/images/home/bas.gif);
	height:41px;
/*width:1002px;
margin:auto;*/
text-align:center;
color: #5486b8;
paddint-bottom:5px;
	}

#bas a{
color: #5486b8;
text-decoration:none;
font-weight:normal;
}

#bas a:hover{
color: #5486b8;
text-decoration:underline;
font-weight:normal;
}

#titre1{
background-image:url(uploads/images/titres/titre_general.gif);
background-repeat:no-repeat;
height:46px;
padding-left:50px;
padding-top:2px;
}

#titre2{
background-image:url(uploads/images/titres/titre_systemes_balneo.gif);
background-repeat:no-repeat;
height:46px;
}

#titre3{
background-image:url(uploads/images/titres/titre_eveil_sens.gif);
background-repeat:no-repeat;
height:46px;
}

#titre4{
background-image:url(uploads/images/titres/titre_accessoires_options.gif);
background-repeat:no-repeat;
height:46px;
}

#titre5{
background-image:url(uploads/images/titres/titre_choisir_balneo.gif);
background-repeat:no-repeat;
height:46px;
}

#vertical{
float:left;
width:190px;
height:387px;
padding-left:10px;
margin-top:10px;

}

#contenu{
float:left;
width:465px;
height:387px;
margin-top:10px;
}

#images{
float:right;
width:235px;
height:387px;
}

.contour{
padding : 2px;
border:1px solid #b2ceec;
}



.contour_section{
/*border:1px solid #FF6600;*/
padding:0px;
background-image:url(uploads/images/fond_catalogue01.gif);
background-repeat:no-repeat;
}

.taille_gauche{
width:316px;

}

.taille_droite{
width:400px;
}

.contour_section_titre{
border:1px solid #000000;
border-bottom:2px solid #000000;
text-align:center;
padding:5px;
}

.contour_section_contenu{
padding:10px;
}

.img_aumilieu {
padding:auto;
margin:auto;
text-align:center;
}

#spa{
background-image:url(uploads/images/int_corpo/fond_menu2.gif);
border-left:  1px solid #C0C0C0;
height:18px;
padding-top:7px;
padding-bottom:7px;
}

#spa a{
color:#ffffff;
height:25px;
padding-top:7px;
padding-right:7px;
padding-left:7px;
}

#spa a:hover{
height:25px;
color:#3a6fa5;
background-color:#c3d4df;
padding-top:7px;
padding-bottom:9px;
padding-right:7px;
padding-left:7px;
}

#recherche-spas{
color:#ffffff;
font-weight:bold;
height:25px;
float:right;
width:23%;
}

#recherche-spas a{
color:#ffffff;
font-weight:bold;
height:25px;
text-decoration:none;
}

#recherche-spas a:hover{
/*background-color: #C3D4DF;*/
font-weight:bold;
height:23px;
}

#recherche{
color:#ffffff;
font-weight:bold;
height:35px;
float:right;
/* width:21%; */
}

#recherche a{
font-weight:bold;
height:25px;
text-decoration:none;
}

#recherche a:hover{
/*background-color: #C3D4DF;*/
font-weight:bold;
height:25px;
}

#search{
padding-top:7px;
}

#search input[type="text"]
    {background: #ffffff;
    color: #000000;
    height:15px;
width:80px;
}

#search input[type="submit"]
   {background: transparent;
   color: white;}


#search-spa{
padding:0px;
}

#search-spa input[type="text"]
    {background: #ffffff;
    color: #000000;
    height:15px;
width:80px;
}

#search-spa input[type="submit"]
   {background: transparent;
   color: white;}


#cntnt01moduleform_1{
width:300px;
#width:200px;
padding-top:4px;
}

#search-spas #cntnt01moduleform_1{
padding-top:4px;
width:350px;
#width:200px;
}

#cntnt01searchinput{
width:80px;
}

.sifr{
font-size:30px;
font-weight:normal;
}

.tableau_contour_fist_left{
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
padding:10px
}

.tableau_contour_fist_right{
border-top:1px solid #666666;
border-right:1px solid #666666;
}

.tableau_contour_fist_mid{
border-top:1px solid #666666;
}

.tableau_contour_last_left{
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
padding:10px
}

.tableau_contour_last_right{
border-top:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

.tableau_contour_last_mid{
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}

/* Data Table */
.data-table { border:1px solid #bebcb7;  width:100%; }
.data-table tr { background:#fff; }
.data-table .odd  { background:#f8f7f5 }
.data-table .even { background:#eeeded !important;}
.data-table td.last, .data-table th.last { border-right:0; }
.data-table tr.last td, .data-table tr.last th { border-bottom:0; }
.data-table th {
    border-right:1px solid #c2d3e0;
    padding:2px 8px;
    color:#0a263c;
    white-space:nowrap;
    }
.data-table th.wrap {white-space:normal;}
.data-table th a, .data-table th a:hover { color:#fff;}
.data-table td { padding:3px 8px; }
.data-table thead tr { background:url(../images/data_table_th_bg.gif) repeat-x 0 100% #d9e5ee; }
.data-table tfoot { border-bottom:1px solid #d9dde3;}
.data-table tfoot tr.first { background:url(../images/base_mini_actions_bg.gif) repeat-x; }
.data-table tfoot tr { background-color:#DEE5E8 !important; }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; }
.data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; }

.box-table td { padding:10px; }
.box-table tfoot td { padding-top:5px; padding-bottom:5px; }
.box-table select{ width:100%; }

.nested-data-table th, .nested-data-table td { padding-top:2px; padding-bottom:2px;  }
.nested-data-table tfoot td {font-size:.95em; }

.generic-table td { padding:0 8px}
.generic-table td.first { padding-left:0; white-space:nowrap;}


.titrebleu {
    color:#81b6e6;
    font-weight:bold;
}

ul{
padding:0 20px;
}
/* End of 'general corporate' */

/* Start of CMSMS style sheet 'inscription' */
.contactform fieldset {padding: 1em; background-color: #ffffff;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block;width:500px;}
.contactform div.required {color: #000000;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
/* End of 'inscription' */

/* Start of CMSMS style sheet 'general baignoire' */
#menu_vert ul{
list-style-type:none;
margin-left:0px;
#margin-left:0px;
margin-right:20px;
list-style-position: outside;
padding-left:0px;
}

#menu_vert ul ul{
list-style-type:none;
#padding-left:0px;
list-style-position: outside;
margin-right:0px;
/*border-top:1px solid #e8e8e8;*/
}

#menu_vert ul ul ul{
list-style-type:none;
padding-left:40px;
#padding-left:40px;
list-style-position: outside;
#margin-left:7px;
}

#vertical_b{
float:left;
width:190px;
/*height:750px;
#height:744px;
_height:580px;*/
/*height:373px;*/
margin-top:10px;
}





#contenu_b{
float:left;
width:750px;
/*height:750px;
#height:744px;
_height:580px;*/
/*height:373px;*/
margin-top:10px;
background-color:white;*
padding-bottom:10px;
}

#contenu_spas{
float:left;
width:770px;
/*height:750px;
#height:744px;
_height:580px;*/
/*height:373px;*/
margin-top:10px;
background-color:white;*
padding-bottom:10px;
padding-left:100px;
padding-right:20px;
}

#milieu_b{
margin-top:5px;
float:left;
width:325px;
/*height:373px;*/
}

#techniques{
margin-top:20px;
margin-right:15px;
}

#droite_b{
float:right;
/*margin-top:5px;
margin-left:15px;*/
/*width:395px;*/
}

#systeme{
}

#accessoires{
}

#bt-devis{
text-align:right;
}

ul ul h3{
font-size:12px;
padding-bottom:0px;
padding-top:0px;
padding:0.3em 0.5em 0.3em 4.3em
}

.texte_contenu{
font-size:11px;
}
/* End of 'general baignoire' */

/* Start of CMSMS style sheet 'general catalogue' */
* {
	margin: 0pt;
	padding: 0pt;
}
a {
	color: rgb(102, 102, 102);
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: rgb(0, 84, 109);
}
img {
	border: 0px none;
}
#contenu_b img {
	border: 3px solid #eee;
}
#contenu_b .sans_contour {
	border:0px;
}
#contenu_b .contour_img img {
	border: 3px solid #eee;
}
#contenu_b .contour_img img:hover {
	border: 3px solid #6b92bf;
}
#contenu_spas img {
	border: 3px solid #eee;
}

#center {
	width: 679px;
	float: left;
	padding-left: 8px;
}
h1 {
	margin: 0pt;
	padding: 30px 30px 0pt;
	font-size: 35px;
	font-weight: normal;
	display: block;
	color: rgb(255, 255, 255);
}
h2 {
	margin: 0pt;
	padding: 0pt 0pt 0pt 0pt;
	font-size: 18px;
	font-weight: bold;
	color: #81b6e6;
	display: block;
}
h3 {
	margin: 0pt;
	padding: 0pt 0pt 0pt 0pt;
	font-size: 12px;
	font-weight: bold;
	color: #6b92bf;
	display: block;
	background-color: #eee;
	padding:5px;
}
h4 {
	margin: 0pt;
	padding: 0pt 0pt 0pt 0pt;
	font-size: 12px;
	font-weight: normal;
}
h5 {
	margin: 0pt;
	padding: 0pt 0pt 0pt 0pt;
	font-size: 9px;
	font-weight: normal;
}
.h2_sans_gras {
	margin: 0pt;
	padding: 0pt 0pt 0pt 0pt;
	display: block;
	padding-top:20px;
}

#catalogue a {
	padding: 0pt 30px;
	background: transparent url('bg_catalogue.jpg') no-repeat scroll center;
	height: 100px;
	display: block;
}
#catalogue a:hover {
	background: transparent url('bg_catalogue_hover.jpg') no-repeat scroll center;
}
#breadcrumb {
	padding: 10px;
	color: #333;
	text-transform: uppercase;
}
#breadcrumb a {
	color: rgb(0, 84, 109);
	text-transform: uppercase;
}
.imageLeft {
	border: 1px solid #FF6600;
	margin: 2px 10px 0px 0px;
	float: left;
}
.couleur {
	margin: 0pt;
	padding: 0pt;
	width: 15px;
	height: 15px;
	float: left;
}
.huile {
	margin: 0pt;
	padding: 0px 5px 5px 0px;
	width: 50px;
	height: 50px;
	float: left;
	clear: both;
}
sup {
	color: rgb(0, 84, 109);
}
p.droite {
	float: right;
}

/* End of 'general catalogue' */

/* Start of CMSMS style sheet 'Menu Corporate' */
#imap {
  display:block;
  width:518px;
  height:23px;
  background: url(uploads/images/home/menu/menu_corporate.gif) no-repeat;
  position:relative;
  }
  /* set up the unordered list <ul><a> to hold the background image for the hover state */
#imap a#title {
  display:block;
  width:518px;
  height:0px;
  padding-top:0px;
  verflow:hidden;
  position:absolute;
  left:0;
  top:0;
  background:transparent 400px 400px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:39px;
  he\ight:0;
  }
  /* the <ul><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0;
  z-index:10;
  }
  /* place the <li>s in the correct absolute position */
#imap li{
  position:absolute;
  padding:0;
  margin:0;
  }
#imap #pic60 {/* this is the first id= */
  left:0px; /* because this is a horizontal menu we are going to move the blocks to the left, the next one is 'left' as many 'px' as the width of the image, plus the '1px'. just keep adding the last one on for the next one, even if they are not the same size. if this was a vertical menu we would be using the " top:0px " to move them from the top down */
  top:0px;
  z-index:20;
  }
#imap #pic53 {
  left:144px;
  top:0px;
  z-index:20;
  }
#imap #pic54 {
  left:283px;
  top:0px;
  z-index:20;
  }
#imap #pic148 {
  left:366px;
  top:0px;
  z-index:20;
  }
  #imap #pic57 {
  left:451px;
  top:0px;
  z-index:20;
  }

  /* style the <li><a> links physical size and the background image for the hover */
#imap a#a60 {  /*this is the second id=*/
  display:block;  /*this is so the link is as big as the box it's in and the size of the image.*/
  width:144px;
  height:23px;
  background:transparent url(uploads/images/home/menu/bouton60b.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  #imap a#a53 {
  display:block;
  width:139px;
  height:23px;
background:transparent url(uploads/images/home/menu/bouton53b.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  #imap a#a54 {
  display:block;
  width:83px;
  height:23px;
background:transparent url(uploads/images/home/menu/bouton54b.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  #imap a#a148 {
  display:block;
  width:85px;
  height:23px;
  background:transparent url(uploads/images/home/menu/bouton148b.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  #imap a#a57 {
  display:block;
  width:67px;
  height:23px;
  background:transparent url(uploads/images/home/menu/bouton57b.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:20;
  }


  /* move the link background image to position 0 0 when hovered, back in front so we can see the :hover image, */
#imap a#a60:hover, #imap a#a53:hover, #imap a#a54:hover, #imap a#a148:hover, #imap a#a57:hover {
  background-position:0 0;
  }
  
  #imap li a {text-indent:-9000px; /* this moves the words (menutext) of the first layer, images, out of the way which you will need if you have only one layer/no drop downs */
    }
/* End of 'Menu Corporate' */