/* ---
CSS by Teck2i
Tous droits réservés
--- */

html, * {
	margin: 0;
	padding: 0;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin:0; 
	padding:0 
}

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:11px;
	margin:0 auto;
	background-color:#263627;
	color:#cec3c3;
}
p {
	line-height:2em;
}

ul, li {
	list-style:none;
}

object {
	outline:none;
}

/*--- Links ---*/

a:link {
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	outline:none;
}

a:visited {
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	outline:none;
}

a:active {
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	outline:none;
}

a:hover {
	text-decoration: none;
	color: #b8ad79;
	font-weight:bold;
	outline:none;
}

a:focus {
	outline:none;
}


/*--- Layout ---*/

#navigation {
	background:url(images/bgnav.jpg) repeat-x;
	position:relative;
	width:100%;
	height:25px;
}

#navcontent {
	position:relative;
	width:1060px;
	margin:0 auto;
	text-align:left;
	padding-top:5px;
}

#navright {
	position:relative;
	float:right;
	text-align:right;
	width:700px;
}

#background {
	background:url(images/background.jpg) repeat-x #263627;
}

#site {
	position:relative;
	margin:0 auto;
	width:960px;
}

#top {
	position:relative;
	width:960px;
	height:85px;
}

#logo {
	position:relative;
	width:350px;
	height:85px;
	float:left;
}

#topbuttons {
	position:relative;
	width:300px;
	height:50px;
	float:right;
	margin-top:15px;
	text-align:right;
	padding-right:50px;
}

#headercontent {
	position:absolute;
	width:960px;
	height:220px;
	z-index:4;
}

#headerfront {
	background:url(images/headerfront.png) no-repeat;
	position:relative;
	width:960px;
	height:220px;
	z-index:5;
}

#menuspace {
	background:url(images/bgmenu.jpg) repeat-x;
	position:absolute;
	width:854px;
	height:36px;
	z-index:4;
	margin-left:53px;
}

#content {
	background-color:#6b6f6f;
	width:810px;
	margin:0 50px 0 50px;
	padding:0 25px 10px 25px;
	color:#FFF;
}

.left {
	position:relative;
	width:570px;
	float:left;
}

.topleftbox {
	position:relative;
	background:url(images/topleft.jpg) no-repeat;
	width:570px;
	height:20px;
}

.bgleftbox {
	position:relative;
	background:url(images/bgleft.jpg) repeat-y;
	width:530px;
	padding:5px 20px 5px 20px;
	color:#FFF;
	line-height:17px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:justify;
}

.bottomleftbox {
	position:relative;
	background:url(images/bottomleft.jpg) no-repeat;
	width:570px;
	height:20px;
}

.right {
	position:relative;
	width:220px;
	float:right;
	margin-top:10px;
}

.right img {
	display:block;
	border:solid 3px #FFF;
	outline:solid 1px #666;
}

#clear {
	clear:both;
}

#footer {
	background:url(images/footer.png) no-repeat;
	position:relative;
	width:960px;
	height:35px;
	clear:both;
}

#copyright {
	position:relative;
	text-align:center;
	margin-bottom:30px;
}

.tableauform1 {
    text-align:right;
    vertical-align:top;
}

/*--- Menu ---*/

#menu {
	float:right;
	width:164px;
	margin-right:63px;
	margin-top:16px;
	list-style:none;
	padding:0;
	z-index:9998;
}

#menu li {
	height:21px;
	width:170px;
	position:relative;
	cursor:pointer;
}

#menu li a {
	display:block;
	height:20px;
	width:159px;
	font-size:11px;
	font-weight:bold;
	color:#e2e2e2;
	text-align:left;
	text-decoration:none;
	line-height:21px;
	padding:0 5px 1px 10px;
}

#menu li a:hover, #menu li a:focus, #menu li a:active {
	height:21px;
	width:158px;
	background:url(images/menuhover.png) no-repeat;
	color:#FFF;
	padding-left:16px;
	margin-left:-6px;
}

/* Styles */

h1 {
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}

h2 {
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}

h3 {
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}

h4 {
	font-size:11px;
	color:#CCC;
}

h5 {
	font-size:11px;
	color:#1a697f;
	font-weight:bold;
}

h6 {
	font-size:10px;
	color:#1a697f;
	font-weight:bold;
}

/* Gallery */

.gallery {
	zoom:1;
	width:225px;
	float:right;
	margin-top:5px;
	margin-right:10px;
}

.gallery a {
	display:block;
	float:left;
	margin:0 0 12px 12px;
	text-align:center;
	opacity:0.80;				
}

.gallery a:hover {
	opacity:1;
}

.gallery img {
	display:block;
	border:solid 3px #FFF;
	outline:solid 1px #666;
}

.gallery a#vlightbox{
	display:none
}

/* Gallery Large */

.largegallery {
	zoom:1;
}


.largegallery a {
	display:block;
	float:left;
	margin:0 12px 12px 0;
	text-align:center;
	opacity:0.80;				
}

.largegallery a:hover {
	opacity:1;
}

.largegallery img {
	display:block;
	border:solid 3px #FFF;
	outline:solid 1px #666;
}

.largegallery a#vlightbox{
	display:none
}
/*
table.tarifs {
   border:1px solid #CCC;
}
table.tarifs td {
   border-right:1px solid #737877;
   border-bottom:1px solid #737877;
  padding:5px;
  
  font-size:10px;
}
table.tarifs th {
   border-right:1px solid #737877;
   border-bottom:1px solid #737877;
   font-size:14px;
   background:#383b3a;
   padding:5px;
}
table.tarifs td.leftcol {
  font-weight:bold;
  
}*/
#tarifs
{
	margin-top: 10px;
}

#tarifs table {
	border: 1px solid #ccc;
}
#tarifs table td {
	border-right: 1px solid #737877;
	border-top: 1px solid #737877;
	padding:5px;
	font-size:10px;
}
#tarifs table th {
   border-right:1px solid #737877;
   font-size:14px;
   background:#383b3a;
   padding:5px;
}
#tarifs table td.leftcol {
  font-weight:bold;
  
}


table.evenements {
   border:1px solid #CCC;
}
table.evenements td {
   border-right:1px solid #737877;
   border-bottom:1px solid #737877;
  font-size:10px;
}
table.evenements th {
   border-right:1px solid #737877;
   border-bottom:1px solid #737877;
   font-size:14px;
   background:#383b3a;
   padding:5px;
}
table.evenements td.leftcol {
  font-weight:bold;
  
}
ul.onglet li{
	float:left;
}

input.onglet {
	background:
	display:block;
	background:url(images/onglet.jpg);
	cursor:pointer;
	color:white;
	padding:5px;
	border:1px solid #333;
	font-size:11px;

}
input.onglet:hover {
	background:url(images/ongletover.jpg);
	color:#DDD;
}
input.onglethover {
	background:
	display:block;
	background:#333;
	cursor:pointer;
	color:white;
	padding:5px;
	border:1px solid #333;
	font-size:11px;
}
ul.formules {
	margin-left:30px;
}
ul.formules li {
	line-height:2em;
}
div.description{
	color:#DDD;
	font-weight:bold;
	margin-left:0px;
}
div.tarifs {
	font-size:13px;
	font-weight:bold;
	margin-left:0px;
}