/* 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 '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 Balneo' */
#imap {
  display:block;
  width:555px;
  height:23px;
  background: url(uploads/images/home/menu/menu_balneo.gif) no-repeat;/* main image*/
  position:relative;
  }
  /* set up the unordered list <ul><a> to hold the background image for the hover state */
#imap a#title {
  display:block;
  width:555px;
  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 {
  left:0px;
  top:0px;
  z-index:20;
  }
#imap #pic53 {
  left:144px;
  top:0px;
  z-index:20;
  }
#imap #pic54 {
  left:283px;
  top:0px;
  z-index:20;
  }
#imap #pic55 {
  left:366px;
  top:0px;
  z-index:20;
  }
  #imap #pic57 {
  left:488px;
  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#a55 {
  display:block;
  width:122px;
  height:23px;
background:transparent url(uploads/images/home/menu/bouton55b.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#a55: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 Balneo' */