* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin-bottom:30px;
	background:url(../img/bg2.jpg) top repeat-x #000;
}

body.fla {
	background:url(../img/bg2.jpg) top repeat-x #000;}

html, body {
	margin:0;
	padding:0;
	height: 100%;
}

a{ color: #ff0000; font-weight: normal; text-decoration: none;  }
a:hover { color: #7f0015; text-decoration: underline; }
a:visited { color:#FF0000; text-decoration: none;  }
a:visited:hover { color: #7f0015;   }
strong{ color:#000}
img {
	border:0
}

abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


table { 
	empty-cells: show;
	border-collapse: collapse
}

p{
	margin:0 0 15px 0px;
}

ul {
	margin:7px 5px 7px 15px;
	pading:0;
	list-style-image: URL(../img/puce.gif); 
}
#content li {
	margin: 5px 0 5px 0;
}

#menu ul {
	line-height:1;
}

.listProg, #menu ul {
	list-style-type:none;
	list-style-image:none;
}

.listProg h2 em {margin-bottom:-10px}

.listProg {
	margin:10px 0 10px 0;
	 text-align:left;
}

a.acheter_billet {background:#FF0000; color:#fff; font-weight:bold; padding:3px 6px}
a.acheter_billet:hover {color:#f7f7f7; text-decoration:underline}
div#calendar table th {color:#fff !important}
div#calendar table caption {text-transform:uppercase; color:#fff}
.pisteur09 div#calendar table td {border:1px solid #ff0000 !important}
abbr[title], acronym[title] {border:0 !important}

#contentLeft .listProg h3 { width:200px; float:right; background-image:none; margin-top:0px; margin-right:10px; text-align:left; padding-left:0}
#contentLeft .listProg .image {width:110px; height:90px; float:left; margin-left:5px; margin-bottom:10px; margin-right:5px; background:}
#contentLeft .listProg h2 {height:18px; font-size:12px ; font-weight:bold; padding:4px 10px 2px 10px;}
#contentLeft .listProg table {position:absolute;  right:404px; margin-top:96px;}
#contentLeft .listProg .desc { width:200px; height:100px; font-size:11px; float:right; margin-right:10px; color:#333}

#contentLeft ul.listProg li {margin:18px 0; background:url(../img/listProg.jpg) bottom no-repeat #fff;}
#contentLeft ul.listProg hr { color:#FFFFFF}

#leftMenu ul {
	margin:0px 5px 0 30px;
	list-style-image: URL(../img/puce.png); 
	line-height:1.5 ;
}

#leftMenu strong {color:#fff; font-weight:bold}

#leftMenu h3 a {font-weight:bold; font-size:14px}

#leftMenu hr {
	margin:0 0 10px 0;
}

h1 {
	display:none
}

hr {
	margin:0 0 0 0;
	padding:0;
	color: #7f0015;
	background-color: #7f0015;
	height: 1px;
	border: 0;
	clear:both;
}

			
.cl {
	height: 0;
	clear:both;
	padding:0;
	margin:0;
}	

.clr {
	clear:both;
}


#pass {
	background-color:#fcef79;
	margin:0 0 10px 0;
}
#pass p{
	background-color:#fcef79;
	margin:0 0 10px 0;
}

/* ******************* STRUCTURE *********************** */

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:950px;
	min-height:100%;
}

#container2 {
	position:relative;
	margin:0 auto 0 auto;
	width:950px;
	background:url(../img/bg_content.png);
	min-height:100%;
}

#top {
	width:950px;
	text-align:center;
	height:234px;
	left:50px;
}

#menu {
	float:left;
	width:950px;
	height:30px;
	margin:0;
	padding:0;
	background:#ff0000
}

#menu ul {
padding:0 25px;}

#ssmenu {
	float:right;
	width:750px;
	height:30px;
	margin:0;
	padding:0;
	background:#7f0015;
}

#left {
	float:left;
	width:200px;
	margin:0 0 70px 0px;
}

#leftMenu {
	background:url(../img/bg_leftMenu.png);
	padding:10px;
	width:180px;
	color:#CCCCCC
}


#leftMenu p{font-size:11px}
#leftMenu a {font-size:11px; font-weight:bold}

#leftBottom {
	height:109px;
	width:200px;
	background:url(../img/leftbottom.png) no-repeat right;
}

#left h3{
	font-size:14px;
	color:#ff0000;
	padding:0;
	margin:0;
}


#left h3 a:link, #left h3 a:hover, #left h3 a:visited, #left h3 a:visited:hover  {
	color:#ff0000;
}

#left a:link, #left a:hover, #left a:visited, #left a:visited:hover  {
	color: #fff; 
	padding:2px
}


#pageTitle {
	float:left;
	padding:0px;
	margin:0;
}

.sstitre {
	margin-bottom:10px;
}

#content {
	float:right;
	width:720px;
	padding:0px 15px 15px 15px;
	background:#fff;
	margin:0 0 0 0;
}
	
#contentBlog {
	float:left;
	width:740px;
	padding:0px;
	margin-bottom:10px;
}

#contentLeft {
	float:left;
	width:335px;
	text-align:right;
	margin-right:25px;
}

#content h2 {
	text-transform:uppercase;
	font-weight:normal;
	position:relative;
	top:0px;
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	font-size:16px;
	background-color:#7f0015;
	color:#fff;
}

#content .img-shadow h2 {
	margin-right:5px;
	}
	
#contentLeft h2 {
	text-align:right;
}
#content h2 a:link, #content h2 a:hover, #content h2 a:visited, #footer a:visited:hover {
	color:#fff; font-weight:normal;
}

#content h3 {
	clear:both;
	color:#7f0015;
	font-size:14px;
	font-weight:bold;
	padding-left:8px;
	background:url(../img/puce.png) no-repeat;
	margin:10px 15px 5px 0px;
}


#content h4 {
	clear:both;
	color:#cc071e;
	font-size:14px;
	font-weight:bold;
	margin:5px 15px 5px 15px;
}
	
#content h5 {
	clear:both;
	color:#fd002b;
	font-size:14px;
	font-weight:bold;
	margin:10px 5px 15px 0px;
}

#content table td h5, #content table td h6  {
	font-size:12px;
	margin:0 10px 5px 5px;
}

#content h6 {
	clear:both;
	color:#7f0015;
	font-size:14px;
	font-weight:bold;
	margin:10px 5px 10px 5px;
}

.credits {
	clear:both;
	text-align:right;
	position:relative;
	margin:10px 0 10px 0px;
}

.credits ul{
	list-style-type:none;
	list-style-image:none;
}
		
#contentRight {
  text-align:left;
	float:left;
	width:357px;
}

#contentRight hr {
margin-bottom:10px}

#contentLeft .img-shadow, #contentLeft .img-shadow-pt {
  float:right;
 margin:5px -5px 10px 0px;
 }
 
#contentRight .img-shadow, #contentLeft .img-shadow-pt {
  float:left;
  margin:5px 10px 10px 0px;
 }
 
.img-shadow, .img-shadow-pt {
  position: relative;
  background: url(../img/shadow.gif) no-repeat bottom right;
  }
  
  
.img-shadow img {
  display: block;
  position: relative;
  border: 5px solid #fff;
  margin: 0px 5px 5px 0px;
  }
  
  
table.thumbs .img-shadow img {max-width:100px}

.img-shadow-pt img {
  display: block;
  position: relative;
  border: 2px solid #fff;
  margin: 0px 5px 5px 0px;
 }
 
 
#content h2.accueil {color:#000; background:none; font-size:13px; padding-left:0; text-transform:none;font-weight:bold; margin-bottom:0}
.complet {
	width:60px;
	height:60px;
	position:absolute;
	z-index:10;
	margin:5px 0 0 5px;
 	background: url(../img/complet.gif) no-repeat top left;
}

.complet-pt {
	width:700px;
	height:20px;
	position:absolute;
	z-index:10;
	margin:5px 0 0 0;
 	background: url(../img/complet-pt.gif) no-repeat top right;
}
  
#marge {
  margin: 5px;
 }

#contentLeft .actions{
	position:relative;
	float:right;
	margin:0px 0px 5px 0;
}

#contentLeft .thumbs {
	float:right;
}

.progdetail {
	padding:20px 0;
	font-weight:bold

}
.tarifs h5, .tarifs p {
	text-align:left;
}

.tarifs .modForm label {
	display:block;
	color:#fd002b;
	font-size:14px;
	font-weight:bold;
	font-size:13px;
	width:225px;
	float:left;
	text-align:left;
	padding : 5px 2px 0 5px;
}

.tarifs .modForm span {
	line-height:23px;
	float:left;
	padding : 5px 0 0 0;
}

.tarifs .modForm hr {
	background:none;
	border-bottom:1px dotted #fd002b
}

.tarifs .modForm p {
	padding:5px 0 10px 5px;
	font-size:11px
}

.tarifs .checkout {
	width:100%;
	font-size:13px;
}

.tarifs .checkout tr td {
	padding:5px;
	border-top:1px solid #CCC
}

.tarifs .checkout tr th {
	padding:5px;
}

.tarifs .checkout tr td:first-child, .tarifs .checkout tr th:first-child {
	text-align:left
}

.tarifs .total {
	font-size:15px;
	text-align:right
}

.tarifs .total em {
	font-size:11px;
}

.reservHistory {
	margin:30px 0 10px 0;
	padding-bottom:15px;
	border-bottom:1px dotted #fd002b;
}

.reservHistory td, .reservHistory th {
	font-size:11px;
}

#content  .reservHistory h4 {
	float:left;
	margin:0
}

#content .reservHistory em {
	font-size:11px
}

.reservHistory p {
	clear:both;
	padding-top:10px;
	font-size:11px;
}

.reservHistory table {
	margin:10px 0 10px 0
}

#contentLeft table {

}
 
 .actions td, td.actions{
  display:block;
  position: relative;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin:0;
  padding:0;
  }
  
.actions td img, td.actions img{
  display: block;
  margin: 0px 4px 4px 0px;
  }
	
.logos td img {
  padding: 15px 10px 15px 10px;
 }
	
#footer {
	width:749px;
	height:50px;
	text-align:center;
	float:right;
	bottom:0px;
	left:0px;
	font-size:11px;
	background:#000
}

#footer .bandeau {
height:8px; 
background:#fc002b;
width:100%;
margin-top:3px;
display:none;
float:left
}

	
#footer p {
	padding:4px 0 10px 10px;
	margin-top:5px;
	text-align:right;
	color:#fff
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:visited:hover {
	color:#fff
}

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

/* ******************* FORMULAIRES *********************** */
input, textarea, select {
	float:left;
}

input[type=text], input[type=password], textarea {
	padding:4px 0 2px 5px;
	background:url(../img/bg_input.gif) top left no-repeat;
	border: 1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7f0015;
}

select {
	padding:4px 0 2px 5px;
	border: 1px solid #CCCCCC;
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7f0015;
}

input:focus, textarea:focus, select:focus {
	background:url(../img/bg_input-focus.gif) #f6f6f6;
}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}

input[type=file].formError {
	color:#ff0000
}

input[type=checkbox], input[type=radio], input[type=image], input[type=file], input[type=checkbox]:focus, input[type=radio]:focus, input[type=image]:focus, input[type=file]:focus, input[type=submit]:focus {
	background-image:none;
	border:0;
}

input[type=file].formError {
	color:#ff0000
}

input[type=image],input[type=submit], input#submit  {
  float:right;
  border: 0;
  margin: 5px;
}


form {
	display:inline;
	margin:0;
}

select {
	padding:2px 0px 2px 0px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
}

.login label, .login input[type=text], .login input[type=password] {
	display: block;
	float: left;
	margin-bottom: 10px;
}

.login label {
	text-align: right;
	width: 75px;
	padding: 5px 10px 0 0;
}

.login br {
	clear: left;
}

.error {
	clear:both;
	padding:10px;
	background-color:#bc0000;
	color:#FFFFFF;
	font-weight:bold;
}

.succes {
	clear:both;
	margin:0 50px 40px 20px;
	padding:10px;
	background-color:#4c9a00;
	color:#FFFFFF;
	width:89%;
	font-weight:bold;
}

.read {
	vertical-align:middle;
	white-space:nowrap;
	background:url(../../img/hoverl.png) no-repeat left;
	padding:5px 5px 5px 15px;
	margin-top:10px;
	float:right;
}

.modForm div {
	text-align:center;
}
.modForm label, .modForm input[type=text], .modForm input[type=password], .modForm input[type=file], .modForm textarea {
	display: block;
	float: left;
	width:200px;
	margin: 5px 0 10px 0;
}

.modForm select {
width:205px}

.modForm label {
	text-align: right;
	float: left;
	width: 110px;
	padding: 5px 10px 0 0;
}

.modForm label.radioLabel {
	width:auto;
	text-align:left;
	float:left;
	padding:0 25px 0 8px;
	margin-top:4px;
}

.modForm input[type=radio] {
	float:left;
	margin-top:4px;
}

.modForm br {
	clear: left;
}

.modForm input[type=file] {
	margin-left:10px;
}


.formLeft {
	float: left;
}

.formRight {
	float: left;
}

.formLeft label {
	width: 100px;
}

.formRight label {
	width: 100px;
}

.intro {
		clear:both;
		padding:0 15px 30px 15px;
}
.mentions {
		font-size:11px;
	}
	
.legal{
		padding: 10px;
		background-color:#000;
	}

.paymentForm .paymentButton {
	color:transparent;
	background-image:url(../img/cb.gif);
	width:100px;
	height:106px;
}

/* google map */

#map {
	width: 720px;
	height: 400px;

	margin-bottom:20px;
}

.image_09 {
position:absolute; top:294px; left:216px; 
display:none;
}


#content.pisteur09 {
padding-top:15px}

.submit

.lst_prog {background:#FFFFFF}

.img_accueil1 img {width:94px;}
.img_accueil1 img:hover{opacity:0.8}

#contentLeft .img_accueil1 .img-shadow, #contentLeft .img_accueil2 .img-shadow {margin:1px}

.img_accueil2 img {width:150px;}
.img_accueil2.benevoles img {width:95px;}

.img_accueil2.benevoles .img-shadow img {margin:0 4px 4px 0;}
.img_accueil2 img:hover{opacity:0.8}

.logos img:hover {opacity:0.8}

#leftMenu li.actif { background:red}