/*forme de la page*/
body {
	/*background-color: #FFFff;*/
	/*margin: 0px;*/
	width:80%;
	margin:auto;
	background-image: url(images/fond.png);
	background-attachment: fixed;
}

img {
	border:0px;
}

a {
    color: #005cba;
    outline: none;
  	text-decoration: none;
}

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

form label {
	display: inline-block;
    width: 300px;
}

form label span {
	font-weight: bold;
}

form.resa2 input {
	width: 220px;
	margin-bottom: 2px;
}

input.Error, textarea.Error {
    background-color: #ffd4d4;
}

.RegroupementColonne table {
    border: 0px;
}

.RegroupementColonne td {
    border: 1px dotted black;
}

.v2 input[type="reset"], .v2 input[type="submit"] {

    background: #FF6600;
    border-radius: 4px 4px;
    color: white;
    border-color: #FF6600;
    padding: 5px;
    font-weight: bold;
    margin: 2px;
}

span.val {
    color: #000;
	display: inline-block;
	margin-bottom: 2px;
}

table.bookingDatetime {
	font-size: smaller; 
	text-align: center;
	width: 100%;
}
table.bookingDatetime td {
	padding-left: 5px;
}

/*Style des menus*/
/*division des menus*/
div.Header {
	/*border: solid #e0efef 1px;
	border-bottom: solid #000000 1px;*/
	/*background: #FFFFFF;*/
	width: 100%;
	/*height: 74px;*/
	/*float: center;*/
	margin-top: 32px;
	vertical-align: bottom;
	text-align: center;
	
	font-family: Arial, 'Times new roman', serif;
	/*font-size:18pt;*/
}

div.Header div.Title {
	text-align: center;
	font-size:2em;
	font-weight:bold;
}

div.Header span.tab {
	margin-right: 20px;
	margin-left: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 7px;
	/*width:33%;*/
	/*padding-bottom: 7px;*/
	font-size: 1.4em;
	border-top-left-radius: 16px 20px;
	border-top-right-radius: 16px 20px;
	background-image: url(images/tab.png);
	/*background: gradient(linear, top, bottom, from(#FFFF6600), to(#80FF6600));*/
}

div.Header span.tabspecial {
	margin-right: 20px;
	margin-left: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 7px;
	background: rgb(0, 255, 0);
	font-size: 1.4em;
	border-top-left-radius: 16px 20px;
	border-top-right-radius: 16px 20px;
	/*background: -moz-linear-gradient(90deg, rgb(0, 255, 0) 30%, rgb(255, 128, 0) 70%);
	background: -webkit-linear-gradient(90deg, rgb(0, 255, 0) 30%, rgb(255, 128, 0) 70%);
	background: -o-linear-gradient(90deg, rgb(0, 255, 0) 30%, rgb(255, 128, 0) 70%);
	background: -ms-linear-gradient(90deg, rgb(0, 255, 0) 30%, rgb(255, 128, 0) 70%);*/
	background: linear-gradient(0deg, rgb(0, 255, 0) 0%, rgb(255, 128, 0) 100%);
}

/*page active*/
div.Header a.pageactive {
	color: #FFFFFF;
	font-family: Arial, 'Times new roman', sans-serif;
}
div.Header a.pageactive:link {
	text-decoration: none;
	font-weight: bold;
}

div.Header a.pageactive:visited {
	text-decoration: none;
	font-weight: bold;
}

div.Header a.pageactive:active {
	text-decoration: none;
	font-weight: bold;
}

div.Header a.pageactive:hover {
	text-decoration: none;
	font-weight: bold;
}

/*page non active*/
div.Header a.inactive {
	color: #FFFFFF;
	font-family: Arial, 'Times new roman', sans-serif;
}
div.Header a.inactive:link {
	text-decoration: none;
}
div.Header a.inactive:visited {
	text-decoration: none;
}
div.Header a.inactive:active {
	text-decoration: underline;
}
div.Header a.inactive:hover {
	text-decoration: underline;
}


div.Left {
	float:left;
	font-family: VERDANA, 'Times new roman', serif;
	width:19%;
}
div.Left div.Pane1 {
	/*border: solid red 2px;*/
	border-right: solid #ff8000 1px;
	border-top: solid #ff8000 1px;
	border-bottom: solid #ff8000 1px;
	
	/*margin-top: 1em;
	margin-left: 1em;*/
	
	padding-top: 16px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 16px;
	
	margin-right:1em;
	margin-bottom:1em;
	
	/*height: 100%;*/
	
	background: #FF6600;
	border-radius: 16px 16px;
	
	/*height:100%*/
}
div.Left div.Pane2 {
	/*border: solid red 2px;*/
	border-right: solid #ff8000 1px;
	border-top: solid #ff8000 1px;
	border-bottom: solid #ff8000 1px;
	
	/*margin-top: 1em;
	margin-left: 1em;*/
	
	padding-top: 16px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 16px;
	
	margin-right:1em;
	margin-bottom:1em;
	
	/*height: 100%;*/
	
	background: #FF6600;
	border-radius: 16px 16px;
	
	/*height:100%*/
}
div.Left div.Pane1 div.description {
	color:#340B5A;
	/*background:#BD0049;*/
	text-align: justify;
	margin-left:0.5em;
	margin-right:0.5em;
	font-family: 'Verdana', 'Times new roman', serif;
	font-size:12pt;
}
div.Left h2 {
	text-align:center;
	font-size:1.2em;
	text-transform: uppercase;
	font-family: 'Verdana', 'Times new roman', serif;
	font-size:14pt;
	/*margin-top:16px;*/
	/*background:#5B9BC9;*/
	/*color:#ffffff;*/
	/*padding-bottom:10px;*/
}
div.Left div.Pane1 div.Bloc {
	width:90%;
	left:10px;
	background:#910844;
	color:ffffff;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	padding-left:4px;
	padding-right:4px;
	padding-bottom: 4px;
	font-family: 'Arial', 'Times new roman', serif;
	font-size:10pt;
}
div.Left div.Pane2 div.Bloc {
	width:90%;
	left:10px;
	background:#290A59;
	/*background:#910844;*/
	color:ffffff;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	padding-left:4px;
	padding-right:4px;
	padding-bottom: 4px;
	font-family: 'Arial', 'Times new roman', serif;
	font-size:10pt;
}

div.Left td.DateEventAV a { /*A venir*/
	color:#0000ff;
}

div.Left td.DateEventP a { /*Passee */
	color:#007f7f;
}

div.Left td.DatePasEvent {
	color:#3fff3f;
}

span.IntroFocus {
	color:ffffff;
	font-size:10pt;
}

span.OutFocus {
	color:ffffff;
	font-size:10pt;
}

img.ImgFocus {
	max-height: 200px;
	max-width: 200px;
}

div.RegroupementColonne{
	overflow:auto;
	background: #FFFFFF;
	padding: 1em;
	border-radius:16px 16px;
	background: #FFFFFF url(images/fond_contenu.png) bottom right no-repeat;
	/*background: #80FFFFFF;*/
}

div.Contenu {
	/*float:bottom;*/
	/*border: solid blue 2px;*/
	/*position:absolute;
	left:3px;*/
	/*background: #ff00ff;*/
	margin-left:2em;
	padding-left:2em;
	color:#290A59;
	/*clear: both;*/
/*	width:82.5%;*/
	/*Height:73%;*/
	clear:right;
	font-family: VERDANA, 'Times new roman', serif;
}

div.Contenu h1{
	color:#290A59;
	text-align:center;
}

div.Footer {
	/*position:relative;
	background: #e0efe0;*/
	color:#FFFFFF;
	text-align:center;
	font-size:0.6em;
/*	width:82.5%;*/
}

table.Calendrier td {
	text-align:center;
}

/*Table de la liste des événements*/
div.Contenu table.ListEvent{
	
}

div.Contenu table.ListEvent tr td{
	padding:5px;
	border-collapse:collapse;
}

div.Contenu table.ListEvent tr td.Affiche{
	text-align: center;
}

div.Contenu table.ListEvent tr.EvtListStart td{
	border-top:1px solid #000000;
}

div.Contenu table.Calendrier {
}

div.Contenu table.Calendrier td.CaseMois {
	padding:10px;
	vertical-align:top;
}

div.Contenu table.Calendrier td.DateEventAV a { /*A venir*/
	color:#0000ff;
}

div.Contenu table.Calendrier td.DateEventP a { /*Passee */
	color:#007f7f;
}

div.Contenu table.Calendrier td.DatePasEvent {
	color:#3fff3f;
}

div.Contenu .ReservDate {
	font-size:1.1em;
	text-transform: uppercase;
}

div.Contenu tr.Header td {
	font-size:1.2em;
	/*font-weight: bold;*/
}

div.Contenu tr td.Dates {
	font-size:1.1em;
	text-transform: uppercase;
	font-weight: bold;
}

img.AfficheEvt {
	max-height: 150px;
	max-width: 150px;
}

img.AfficheEvt33 {
	max-height: 200px;
	max-width: 200px;
}

.LieuNom {
	font-weight:bold;
}

.LieuTel {
	font-weight:bold;
}

.LieuAdresse {
	font-weight:bold;
	border:1px solid black;
}

.LieuRemarques {
	border:1px solid black;
}

.ResaFieldNOk {
	color:#ff0000;
}

.InfoDateDate {
    font-weight:bold;
}

ol.CGV .title{
	font-size:1.1em;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
}

ol.CGV li.title1{
	text-transform: uppercase;
	font-weight: bold;
}

.Error
{
	/*color:#FF0000;
	font-weight:bold;*/
}

#Progression ul {
	/*float: left;*/
	margin-left:0em;
	margin-right:0em;
	padding:0px;
	/*list-style: none;*/
}

#Progression li {
	float: left;
	margin-left:1em;
	margin-right:1em;
	padding:0px;
	list-style: none;
}

#Progression li#Selected {
	background-color: #ff00ff;
	color:#00FF00;
	font-weight:bold;
}

#Progression li.Done {
	background-color: #40ff40;
	color:#000000;
	text-decoration:none;
}

#Progression li.Done a {
	background-color: #40ff40;
	color:#000000;
}

#Progression {
	background-color: #4040ff;
	float: bottom;
}