* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#71003d;
	background:url(../img/bg.jpg) no-repeat top center #fcef79 fixed;
}

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

a:link { color: #e2007a; font-weight: bold; text-decoration: none;  }
a:hover { color: #cc071e; text-decoration: underline; }
a:visited { color: #e2007a; font-weight: bold; text-decoration: none;  }
a:visited:hover { color: #e2007a; font-weight: bold; text-decoration: underline  }

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 30px;
	pading:0;
	list-style-image: URL(../img/puce1.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 {
	margin:10px 0 10px 0;
}

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

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

h1 {
	display:none
}

hr {
	margin:0 0 0 0;
	padding:0;
	color: #71003d;
	background-color: #71003d;
	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:980px;
	min-height:100%;
}

#top {
	width:100%;
	text-align:center;
	height:300px;
	left:50px;
	background:url(../img/temp.jpg) top center no-repeat #C6C326;
}

#menu {
	float:left;
	width:966px;
	height:30px;
	margin:0;
	padding:0;
	background:url(../img/bgmenu.gif) repeat-x
}

#ssmenu {
	float:left;
	width:750px;
	height:30px;
	margin:0;
	padding:0;
	background:#71003d;
}

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

#leftMenu {
	background:url(../img/bgleft.gif) repeat-y bottom right;
	padding:10px;
}

#leftBottom {
	height:75px;
	background:url(../img/leftbottom.gif) no-repeat right;
}

#left h3{
	font-size:16px;
	padding:0;
	margin:0;
}
#left h3 a:link, #left h3 a:hover, #left h3 a:visited, #left h3 a:visited:hover  {
	color: #71003d;
}

#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:left;
	width:710px;
	padding:0px 20px 0px 20px;
	background: url(../img/bgContent.gif) repeat-y top center;
	margin:0 0 70px 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:#e2007a;
	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:#71003d;
	font-size:14px;
	font-weight:bold;
	margin:10px 15px 5px 5px;
}

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

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

#content h6 {
	clear:both;
	color:#71003d;
	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:350px;
}

#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;
  }
  
.img-shadow-pt img {
  display: block;
  position: relative;
  border: 2px solid #fff;
  margin: 0px 5px 5px 0px;
 }
 
.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:#e2007a;
	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 #e2007a
}

.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 #e2007a;
}

.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:1000px;
	height:50px;
	text-align:center;

	bottom:0px;
	left:0px;
	font-size:9px;
	text-indent:230px;
	background:url(../img/bgbottom.gif) bottom no-repeat;
}
	
#footer p {
	padding:10px;
	color:#71003d
}

#footer a:link, #footer a:hover, #footer a:visited, #footer a:visited:hover {
	color:#71003d
}


/* ******************* 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:#71003d;
}

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

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;
  width:70px;
  border: 0;
  margin: 10px;
}


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;
	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 select, .modForm textarea {
	display: block;
	float: left;
	margin: 5px 0 10px 0;
}

.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:#fcef79;
	}

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

/* google map */

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

	margin-bottom:20px;
}