/* ----- ELEMENTS DE DEPARD ----- */

.disabled {
 display: none;
}
.hidden {
 visibility: hidden;
}

body {
 margin: 0;
 background: #293237 url('images/img_r1_c1.png') top center repeat-x;
 color: #fff;
 font: 11px Arial, Helvetica, sans-serif;
 height: 100%;
 overflow-y: visible;
}

img {
 border: 0
}

form {
 margin:0;
 padding:0;
}

h1.titre {
 margin: 5px;
 font-size: 16px;
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 5px; border: 1px solid #ccc; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/* ----- LIENS ----- */

a {
 color: #eee;
 text-decoration: none;
}

a:hover {
 color: #fff;
 text-decoration: underline;
}

/* ----- CONTENEUR PRINCIPAL ----- */

#conteneur {
 padding: 0;
 margin: auto;
 text-align: center;
}

#cellule {
 background: #23292F;
}

/* ----- HAUT DE PAGE ----- */

#haut {
 height: 75px;
 display: block;
 text-align: left;
 background: url('../../images/img_r1_c3.png') top center no-repeat;	
}

#haut #logo {
 position: absolute;
 margin: 10px 0 0 -25px;
 text-align: left;	
}

#haut .nav {
 position: absolute;
 margin: 25px 0 0 200px;
 text-align: left;
}

#haut .nav a {
 display: block;
 float: left;
 width: 93px;
 line-height: 42px;
 text-align: center;
 font-size: 11px;
 color: #eee;
 text-decoration: none;
 font-weight: normal;	
}

#haut .nav a:hover {
 color: #fff;
 background: url('../../images/nav-hover.png') center center no-repeat;
 text-decoration: none;
 font-weight: normal;	
}

#haut #slogan {
 position: absolute;
 margin: 39px 0 0 445px;
 text-align: left;	
 font-size: 14px;
}

#haut #slogan1 {
 position: absolute;
 margin: 12px 0 0 445px;
 text-align: left;	
 font-size: 10px;
}

#haut .newsletter {
 position: absolute;
 margin-left: 550px;
 margin-top: 7px;
 text-transform: uppercase;
 vertical-align: middle;
}

#haut .newsletter input[type="text"]  {
 background: #fff;
 color: #000;
 font-size: 11px;
 padding: 2px;
 border: 0;	
 vertical-align: middle;
 margin: 0 0 0 3px;
}

#haut .newsletter input[type="submit"] {
 background: #3aa url('../../images/boutton.png') center center repeat-x;
 color: #000;
 font-size: 10px;
 padding: 0 4px 0 4px;
 color: #fff;
 height: 17px;
 border: 0;
 vertical-align: middle;	
}

#haut .toplinks {
 position: absolute;
 margin-left: 800px;
}

#haut .toplinks ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#haut .toplinks ul li {
 float: left;	
 padding-top: 10px;
} 

#haut .toplinks ul li a {
 margin: 0 12px;	
}

#haut #tarifsLiens {
 margin: 80px 0 0 72px;
 display: block;
 width: 134px;
 height: 332px;
}
#haut #tarifsLiens a {
 text-transform: uppercase;
 text-align: center;
 display: block;	
 color: #bbb;
 font-weight: bold;
 padding: 4px 0;
 margin: 1px 0;
}
#haut #tarifsLiens a:hover {
 font-weight: bold;
 color: #fff;
 background: #293237;	
 border: 1px solid #aaa;
 text-decoration: none;
 margin: 0;
}

#haut #prestationsLiens {
 margin: 80px 0 0 72px;
 display: block;
 width: 134px;
 height: 332px;
}
#haut #prestationsLiens a {
 text-transform: uppercase;
 text-align: center;
 display: block;	
 color: #bbb;
 font-weight: bold;
 padding: 4px 0;
 margin: 1px 0;
}
#haut #prestationsLiens a:hover {
 font-weight: bold;
 color: #fff;
 background: #293237;	
 border: 1px solid #aaa;
 text-decoration: none;
 margin: 0;
}

#haut #traitementsLiens {
 margin: 80px 0 0 113px;
 display: block;
 width: 134px;
 height: 332px;
}
#haut #traitementsLiens a {
 text-transform: uppercase;
 text-align: center;
 display: block;	
 color: #bbb;
 font-weight: bold;
 padding: 4px 0;
 margin: 1px 0;
}
#haut #traitementsLiens a:hover {
 font-weight: bold;
 color: #fff;
 background: #293237;	
 border: 1px solid #aaa;
 text-decoration: none;
 margin: 0;
}

#haut #restaurationsLiens {
 margin: 80px 0 0 154px;
 display: block;
 width: 134px;
 height: 332px;
}
#haut #restaurationsLiens a {
 text-transform: uppercase;
 text-align: center;
 display: block;	
 color: #bbb;
 font-weight: bold;
 padding: 4px 0;
 margin: 1px 0;
}
#haut #restaurationsLiens a:hover {
 font-weight: bold;
 color: #fff;
 background: #293237;	
 border: 1px solid #aaa;
 text-decoration: none;
 margin: 0;
}

#haut #posesLiens {
 margin: 80px 0 0 195px;
 display: block;
 width: 134px;
 height: 332px;
}
#haut #posesLiens a {
 text-transform: uppercase;
 text-align: center;
 display: block;	
 color: #bbb;
 font-weight: bold;
 padding: 4px 0;
 margin: 1px 0;
}
#haut #posesLiens a:hover {
 font-weight: bold;
 color: #fff;
 background: #293237;	
 border: 1px solid #aaa;
 text-decoration: none;
 margin: 0;
}

#haut #offresLiens {
 margin: 80px 0 0 234px;
 display: block;
 width: 134px;
 height: 332px;
}
#haut #offresLiens a {
 text-transform: uppercase;
 text-align: center;
 display: block;	
 color: #bbb;
 font-weight: bold;
 padding: 4px 0;
 margin: 1px 0;
}
#haut #offresLiens a:hover {
 font-weight: bold;
 color: #fff;
 background: #293237;	
 border: 1px solid #aaa;
 text-decoration: none;
 margin: 0;
}

a.tarifsLienFermer {
 text-transform: uppercase;
 text-align: center;
 display: block;	
 color: #f55;
 font-weight: bold;
 padding: 4px 0;
 margin: 1px 0;
}
a.tarifsLienFermer:hover {
 font-weight: bold;
 color: #f33;
 background: #293237;	
 border: 1px solid #aaa;
 text-decoration: none;
 margin: 0;
}

/* ----- CENTRE DE PAGE ----- */

#centre {
 clear: both;	
}

#centre .nav {
background:url("../../images/img_r2_c3.png") no-repeat scroll left top transparent;
display:block;
float:left;
height:342px;
width:452px;
}

#centre .nav ul {
 display: block;
 list-style: none;	
 margin: 0 -16px 0 15px;
 padding: 0;
}

#centre .nav ul li {
 display: block;
 float: left;
 width: 76px;
 height: 342px;	
 margin-left: -35px;
 background: url('../../images/menu-normal.gif') center center no-repeat;
}

#centre .nav ul li:hover {
 background: url('../../images/menu-hover.png') 1px 50% no-repeat;
}

#centre .nav ul li span {
 display: none;	
}

#centre .nav ul li a {
 display: block;
 width: 20px;
 height: 342px;	
}

#centre .contenu {
background:url("../../images/img_r2_c4.png") no-repeat scroll left top transparent;
display:block;
float:left;
font-size:12px;
height:342px;
text-align:left;
width:478px;
}

#centre .contenu #bg {
 background: #000;	
}

#centre .droit {
background:url("../../images/img_r2_c5.png") no-repeat scroll left top transparent;
display:block;
float:left;
height:342px;
width:26px;
}

/* ----- BAS DE PAGE ----- */

#bas .nav {
 width: 433px;
 height: 193px;
 display: block;

 float: left;
 padding-top: 10px;
 color: #fff;
 font-size: 16px;
 background: url('../../images/img_r3_c3.png') top left no-repeat;
}

#bas #galerie-conteneur {
 width: 478px;
 height: 193px;
 display: block;
 float: left;
 background: url('../../images/img_r3_c4.png') top left no-repeat;
}

#bas #galerie-conteneur #galerie {
 display: block;
 width: 478px;
 height: 93px;
 background: url('../../images/galerie-bg.png') top left repeat-x;
}

#bas .droit {
 width: 45px;
 height: 193px;
 display: block;
 float: left;
 background: url('../../images/img_r3_c5.png') top left no-repeat;	
}

#bas .droit #ekinoxe {
 position: absolute;
 margin: 130px 0 0 -70px;	
}

#bas .liens {
 clear: both;
 margin-bottom: 20px;
}

#bas .liens ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#bas .liens ul li {
 display: inline;
 margin: 0 3px;
 color: #888;
}

/* ----- CONCEPT ----- */

#ctn-concept {
 padding: 10px;	
}

/* ----- GALERIE ----- */

#galerie {
 display: block;
 width: 468px;
 height: 93px;
 overflow: hidden;
 text-align: left;
}

#scroller {
 overflow: hidden;
 width: 478px;	
 height: 93px;
 text-align: left;
 padding: 6px 0 0 5px;
}

#scroller img.galery-image {
 border: 1px solid #888;	
}
#scroller img.galery-image:hover {
 border: 1px solid #fff;	
}

.galery-mask {
 display: block;
 width: 478px;
 height: 18px;
 background: url('../../images/galery-mask.png') top center no-repeat;
 text-align: center;
 padding-top: 7px;
}

.galery-item-title {
 width: 192px;
 height: 18px;
 background: url('../../images/galery-mask.png') bottom center no-repeat;
 font-size: 11px;
 padding: 92px 4px 0 4px;
 cursor: pointer;
 text-align: left;
}

.galery-list { 
 display: block;
 width: 478px;
 height: 342px;
 overflow: auto;
}

#galery-go-left {
 display: block;
 position: absolute;
 margin-left: -40px;
 margin-top: 25px;	
}
#galery-go-right {
 display: block;
 position: absolute;
 margin-left: 478px;
 margin-top: 25px;	
}

.galery-list-item {
 border: 1px solid #fff;
 width: 200px;
 height: 110px;
}

.galery-list-item:hover {
 border: 1px solid #da1919;
}

.galery-list-item a {
 color: #ddd;
 font-size: 12px;	
 text-decoration: none;
}

.galery-list-item a:hover {
/* color: #da1919;*/
 font-size: 12px;	
 text-decoration: none;
}

.galery-image {
 width: 120px;
 height: 80px;	
}

h2, h1 {
 color: #ddd;
 font-weight: bold;
 font-size: 12px;
 margin: 0 0 5px 0;	
}

h3 {
 color: #fff;
 background: #293237;
 border: 1px dotted #666;
 font-weight: bold;
 padding: 4px;
 font-style: italic;
 font-size: 12px;
 margin: 0 0 5px 0;	
 width: 450px;
}

a.btn {
 font-weight: bold;
 color: #aaa;
 text-decoration: none;
 display: block;
 width: 233px;
 text-align: center;
 float: left;
 margin-top: 0px;
 vertical-align: middle;
 line-height: 20px;
}

a.btn img {
 vertical-align: middle;
 margin: 0 4px;	
}

a.btn:hover {
 font-weight: bold;
 color: #fff;
 text-decoration: none;
}

#tarifs-par img {
 margin: 0 9px;	
}

#tarifs-par div {
 width: 466px;
 display: block;
}

#traitements-par img {
 margin: 0 9px;	
}

#traitements-par div {
 width: 466px;
 display: block;
}

#restaurations-par img {
 margin: 0 9px;	
}

#restaurations-par div {
 width: 466px;
 display: block;
}

#ctn-poses img {
 margin: 0 9px;	
}

#ctn-poses{
 width: 466px;
 display: block;
}

#offres-par img {
 margin: 0 9px;	
}

#offres-par div {
 width: 466px;
 display: block;
}

/* ----- PAGE DE CONTACT ----- */

input[type="text"],input[type="password"] {
 padding: 2px;
 border: 1px solid #999;
 background: #293237;
 color: #fff;
 font-size: 11px;	
}

textarea {
 padding: 2px;
 border: 1px solid #999;
 background: #293237;
 color: #fff;
 font-size: 11px;	
 overflow: auto;
}

input[type="submit"],input[type="reset"],input[type="button"] {
 padding: 3px;
 border: 1px outset #999;
 background: #293237;
 color: #fff;
 font-size: 11px;	
 margin-right: 12px;
}
h1{margin:0;padding:0}
h1 span{display:none}