/* ____ style.css ____ */

#content p a img { border: 1px solid #555; }

* {
margin: 0; 
padding: 0;
font-family: sans-serif;
font-weight: 400;
font-size: 18px;
color: #444;
}

body {
 /*background: #F0F0F0 url(img/chocolate.gif) repeat center top;*/
 background-color: dimgray;
 margin: auto;
 padding: 0px;
 }

#container {
 width: 1000px;
 margin:auto;
 padding:0pt;
 background: #F0F0F0 url(img/wood.gif) repeat center top;
 background-color: burlywood;
 border: 1px solid #7a6143;
 }

#head {
 height:190px;
 margin-left:auto;
 margin-right:auto;
 width:750px;
 }

#head h1 {
 color: #555;
 padding-top: 35px;
 margin-left: 100px; 
 margin-left: 100px; 
 margin-right: 330px;
 font-weight:bold;
 letter-spacing: 6px;
 background: none;
 text-align: center;
 font-family : times, "times new roman", georgia, serif;    
 font-style : italic;  
 font-size:50px;
 }

#head h2 {
 text-align: left;
 margin-left: 125px; 
 color: #555;
 font-weight:bold;
 font-size: 20px;
 font-style : italic; 
 }

#head h3 {
 text-align: left;
 margin-left: 125px; 
 color: #555;
 font-style : italic; 
 margin-top: 10px;
 }

#head address {
 color: #A70;
 margin-left: 100px; 
 margin-right: 330px;
 margin-bottom: 15px;
 font-weight: bold;
 font-size: 11px;
 font-style: normal; 
 letter-spacing: 14px;
 text-align: center;
 border-top:1px solid black;
 }

#menu {
 color: #d6ac5a;
 float: right;
 width: 300px;
 height: 405px;
 background: url(img/slate.png) no-repeat center top;
 margin-left: 15px;
 margin-right: 9px;
 margin: 0px; padding: 0px;
 margin-right: 10px;
 margin-left: 10px;
 padding-right: 0px;
 padding-left: 0px;
 margin-top: 15px;
 }

#menu ul {
 width: 230px;
 text-align:left;
 list-style-type: none;
 margin: auto;
 padding:auto;
 margin-top: 30px;
 }

#menu li {
 height: 34px;
 margin: 0px;
 padding: 0px;
 text-decoration:none;
 border-bottom: 1px solid gray; 
 }

#menu li a {
 font-size: 17px;
 color: #eeee;
 position: relative; 
 z-index: 1;
 display:block;
 height: 15px;
 margin: 0px 0px 0px 0px;
 padding: 9px 0px 9px 7px;
 font-weight: bold;
 text-decoration:none;
 }

#menu li a:hover {  
 color: white;  
 text-decoration:none;
 }

#centent {
height: 650px;
}

html>body #content {
height: auto;
min-height: 650px;
} 

#content {
 border: 1px solid #bbb;
 background-color: rgba(255, 255, 255, 0.5);
 float:right;
 color: #222;
 font-size: 15px;
 text-align: justify;
 margin:20px;  
 margin-top:45px; 
 width:500px;
 text-align: center; 
 margin: 0px;
 padding: 20px;
 padding-top: 0px;
 margin:auto;
 margin-top: 15px;
 margin-bottom: 30px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 }

#content strong, #content b { font-weight: bold; }

#content h1 {
 font-size: 30px;
 line-height:normal;
 margin: 5px;
 margin-top: 25px;
 padding: 5px;
 text-align: center; 
 }

#content h2 {
 font-size:25px;
 line-height:normal;
 margin:5px;
 padding:5px;
 text-align: left;
 }

#content h3 {
 font-weight:bold;
 line-height:normal;
 margin:5px;
 padding:5px;
 text-align: left;
 }


#content p {
 text-align:justify;
 margin-top:10px;
 margin-bottom:20px;
 padding-bottom:2px;
}
 
#content p img {
 float: left; 
 margin-right: 25px;
 }


#content ul {
 margin-bottom: 30px; 
 text-align: left;
 }

#content li { 
 margin-left: 30px; 
 text-align: left;
 margin-top: 5px;
 margin-bottom: 5px;
 }

#content a {
 /* color: #FF4500; */
 text-decoration: none;
 color: #A70;
 font-weight: bold;
 border: 1px solid transparent;
 padding-left: 2px;
 padding-right: 2px;
 }

#content a:hover {
 /* text-decoration: underline; */
 border: 1px solid #bbb;
 background-color: rgba(255, 255, 255, .8);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 }

#footer {
 clear:both;
 font-size:90%;
 font-size:14px;
 height:80px;
 padding:0px 0px 0px;
 text-align: center;
 padding-top: 20px;
 padding-right: 20px; /* verifier si ok sous ie */
}

#footer a{
 padding-left: 12px;
 padding-right: 12px;
 margin-left: 0px;
 margin-right: 0px;
 text-align: center;
 border-right:1px solid gray;
 font-weight: bold;
 text-decoration: none;
 color: #666;
 }

#footer a:hover{
 text-decoration: underline;
 }

#footer ul {list-style:none;margin:0px auto;text-align:center;}
#footer li {display:inline}

ul {
/* list-style-type:none;*/
 margin: 0px;
 padding: 0px;
}

li {
 margin: 0px;
 padding: 0px;
}


p {
 margin:5px;
 padding:5px;
}

div {
 color:#555555;
 font-family:Trebuchet MS ;
 font-size:12px;
 color:#555555;
 font-size:12px
 }


fieldset {
 border:1px solid  #A90000;
}

#content form {
 -moz-border-radius: 20px 0px 20px 20px;
 text-align: left;
 margin-top: -1px; 
 padding: 5px;
 padding-top:0px;
 font-size: 14px;
 }

#content form input, #content form textarea {
 border: 1px solid gray;
 color: #555;
 margin: 3px; margin-left: 10px; margin-right: 50px; margin-top: 0px;
 padding: 3px; padding-left: 5px;  padding-top: 0px;
 }

#content form p , #content form p input {
 margin: 2px;
 }

#content form h1 { text-align: center ; color: #545; }

#content form h2 { 
margin-bottom: 1px; 
font-size:17px; 
color: #545;
}

#content form p  { text-align: left ; margin-bottom: 10px; }

#content .err {
background-color: #fee;
} 

#mycarousel li { margin-left: 0px;}

#styleZapette { position: Absolute; right: 0px; text-align: center; margin: 40px; }


table.tarifs {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
border-collapse: collapse;
box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

table.tarifs td { 
min-width: 68px;
border: 1px solid #444;
text-align: center; 
margin: 10px ;
padding: 10px;
font-family: monospace;
background-color: rgba(255, 255, 255, .5);
}

table.tarifs td:first-child {
font-weight: bolder;
text-align: left; 
background-color: rgba(255, 255, 255, .4);
} 

/*table.tarifs td:first-child + td {color: red}*/

table.tarifs tr:first-child td {
background-color: rgba(255, 255, 255, .4);
font-weight: bolder;
}


table.tarifs tr:first-child td:first-child {
background-color: rgba(255, 255, 255, 0);
border: 0px;
}



#news {
 float: right;
 width: 230px;
 height: 193px;
 background: transparent url(img/postit.png) no-repeat;
 margin: -180px -280px 0px 0px;
 padding: 32px 0 0 0;
 font-family: 'Permanent Marker';
 }

#news h1{ }
#news h2 { }

#news p{
 font-family: inherit;
 margin: 0px ; 
 padding-top: 10px 0; 
 font-size: 15px;
 text-align: center;
 transform: rotate(3deg);
 color: #444;
 }

#news a:hover {
 text-decoration: underline;
 }

#container #content pre {
 text-align: center;
 font-weight: bolder;
 font-size: 1.4em;
 }

table.litetab {
 width:100%;
 _border-collapse: separate;
 _text-indent: initial;
 border-spacing: 3px;
 margin-bottom: 30px;
 }

table.litetab tbody tr td { 
 text-align: left; 
 padding: 3px 10px 3px 10px; 
 border: 1px solid;
 _margin: 0px;
 }

table.litetab tbody tr.even td { 
 background: rgba(100, 100, 100, 0.3); 
 border-color: rgba(100, 100, 100, 0.5); 
 }

table.litetab tbody tr.odd td  { 
 background: rgba(200, 200, 200, 0.3); 
 border-color: rgba(100, 100, 100, 0.5); 
 margin: 0px;
 }

table.litetab tbody tr td:nth-child(3) , 
table.litetab tbody tr td:nth-child(5) ,
table.litetab tbody tr td:nth-child(2) , 
table.litetab tbody tr td:nth-child(4) {
 text-align: right;
 }

table.litetab tbody tr td:nth-child(2),
table.litetab tbody tr td:nth-child(3),
table.litetab tbody tr td:nth-child(4),
table.litetab tbody tr td:nth-child(5) {
 width: 25px;
 }

table.litetab tbody tr td:first-child { text-align: left; padding-left: 24px; }
table.litetab tbody tr:first-child td:first-child { border-top-left-radius: 14px; }
table.litetab tbody tr:first-child td:last-child { border-top-right-radius: 14px; }
table.litetab tbody tr:last-child td:first-child { border-bottom-left-radius: 14px; }
table.litetab tbody tr:last-child td:last-child { border-bottom-right-radius: 14px; }
table.litetab tbody tr:first-child td { padding-top: 10px; }
table.litetab tbody tr td { height: 28px; }
table.litetab tbody tr td:first-child small { font-size: 80%; }

small { font-size: smaller; }

form#unlock { 
  float: right;
  margin-right: 17px;
  text-align: center;
  }

form#unlock input { 
  text-align: center;
  }

form#unlock > input[type=submit] {
  vertical-align: middle; 
  margin: 10px ; 
  border: none; 
  width: 30px; 
  height: 30px; 
  background: url(img/cadenas.png) no-repeat; 
  cursor: pointer;
  }

form#unlock > input[type=password] { letter-spacing: 5px; }

#logo {
 float:right;
 width:200px;
 height:182px;
 padding:0px 0px 0px 0px;
 margin: -192px -210px 0px 0px;
 margin: -192px -300px 0px 0px;
 }


/* ___ calendrier table ____ */

table.calendrier {
 border: thin solid black;
 border-collapse: collapse;
 margin: 10px 0px 10px 0px;
 cursor: default;
 }

table.calendrier caption { 
 font-family: monospace;
 border: thin solid transparent;
 background-color: transparent; 
 color: gray;
 font-weight: bold;
 font-size: 18px;
 text-align: center; 
 caption-side: top; /*top | bottom | left | right | inherit*/
 } 


table.calendrier th {
 font-family: monospace;
 border: thin solid gray;
 padding: 5px;
 background-color: #eee; 
 font-weight: bold;
 font-size: 14px;
 text-align: center;
 }

table.calendrier th.annee { font-size: 16px; letter-spacing: 10px; padding: 5px;}

table.calendrier th.mois { font-size: 12px;  letter-spacing: 0px;padding: 0px;}

table.calendrier td.jour {
 font-family: monospace;
 border: thin solid gray; 
 padding: 5px 5px 3px 5px;
 background-color: ghostwhite ;
 color: dimgray;
 font-size: 10px;
 text-align: center;
 empty-cells: hide;
 letter-spacing: 0.1px;
 }

table.calendrier td b {
font-size: 11px;
color: dimgray;
}

table.calendrier td.lun { background-color:  rgb(240,240,240); }
table.calendrier td.mar { background-color:  rgb(230,230,230); }
table.calendrier td.mer { background-color:  rgb(220,220,220); }
table.calendrier td.jeu { background-color:  rgb(210,210,210); }
table.calendrier td.ven { background-color:  rgb(200,200,200); }
table.calendrier td.sam { background-color:  rgb(170,170,170); }
table.calendrier td.dim { background-color:  rgb(150,150,150); }

table.calendrier td.lun_reserve { background-color:  rgb(255,140,140); }
table.calendrier td.mar_reserve { background-color:  rgb(255,130,130); }
table.calendrier td.mer_reserve { background-color:  rgb(255,120,120); }
table.calendrier td.jeu_reserve { background-color:  rgb(255,110,110); }
table.calendrier td.ven_reserve { background-color:  rgb(255,100,100); }
table.calendrier td.sam_reserve { background-color:  rgb(255,070,070); }
table.calendrier td.dim_reserve { background-color:  rgb(255,050,050); }

table.calendrier td.reserve  { background-color: red;  }

table.calendrier td.vide     { background-color: ghostwhite; text-align: left;  }

table.calendrier td.selectable { cursor: pointer; }

table.calendrier caption { font-family: monospace; }

/* ___ fin calendrier table ____ */



/* ____ brisch skin upd for ie7 jcarousel skin ____ */


.jcarousel-skin-ie7 .jcarousel-container {
 /*-moz-border-radius: 10px;*/
 background:  transparent ;
 text-align: center; 
 }

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
 width: 430px; 
 margin: 0px auto; 
 margin: 0px; 
 text-align:left;
 border: none;
 }

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
 width:  430px;
 height: 88px; 
 }

.jcarousel-skin-ie7 .jcarousel-item {
 width: 100px; 
 height: 80px; 
 border: 1px solid #333; 
 }

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border: 1px solid #333; 
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px auto; 
  opacity: 0.6;
  transition-property: opacity;
  transition-timing-function: ease-in;
  transition-duration: .2s;
  }

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
  background-position: center;
  opacity: 1;
  }

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
  background-image: url('img/left.svg');
  }

.jcarousel-skin-ie7 .jcarousel-next-horizontal {
  background-image: url('img/right.svg');
  }

#fancy  {
  border:  none !important;
  margin:  0    !important;
  padding: 0    !important;
  }

a#fancy_left:hover , 
a#fancy_right:hover { 
  background-position-y: center;
  background-size: 60px auto; 
  opacity: 1;
  }

a#fancy_left:hover  { background-image: url('img/left_black.svg'); }
a#fancy_right:hover { background-image: url('img/right_black.svg'); }


/* ____ end brisch skin upd for ie7 jcarousel skin ____ */