﻿*{margin:0; padding:0}
body {
	padding-right:0px;
	padding-left:0px;
	background-color:#ddddd3;
	background-image:url('/images/bckgnd_1_px_admin.jpg');
	background-position:top left;
 	background-attachment:fixed;
	background-repeat: repeat-x;
	padding-bottom:0px;
	margin:30px 0px;
	font:0.8em "trebuchet ms", helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding-top:0px;
	text-align:center;
}
div#conteneur {
	background-color:#fff;
	margin:0px auto;
	border-right:#8896a7 4px solid;
	border-top:#8896a7 4px solid;
	border-bottom:#8896a7 4px solid;
	border-left:#8896a7 4px solid;
	/*aaaa:c6c6be;*/
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	width:1000px;
	
	text-align:left;
}
h1#header {
	background-color:#dbeaf5;
	margin:0px;
	height:100px;
}
h1#header a {
	display:block;
	background-image:url('/images/admin_title.png');
	background-repeat:no-repeat;
	left:280px;
	width:500px;
	position:relative;
	top:15px;
	height:90px;
}
h1#header a span {
	display:none
}
ul#menu {
	padding-right:0px;
	padding-left:0px;
	background-image:url('/images/bg_menu.gif');
	background-repeat:repeat-x;
	background-position:0px -25px;
	padding-bottom:0px;
	margin:0px;
	padding-top:0px;
	list-style-type:none;
	height:35px;
}
ul#menu li {
	float:left;
	text-align:center
}
ul#menu li a {
	display:block;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	background-image:url('/images/chevron.png');
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:25px;
	letter-spacing:1px;
	text-decoration:none;
	padding-right:10px;
	padding-left:20px
}
ul#menu li a:hover {
	display:block;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	background-image:url('/images/chevron.png');
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:25px;
	letter-spacing:1px;
	text-decoration:underline;
	padding-right:10px;
	padding-left:20px
}
ul#menu li a.first {
	margin-left:10px;
	display:block;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	background-image:url('/images/home.png');
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:25px;
	letter-spacing:1px;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px
}
ul#menu li a.first:hover {
	margin-left:10px;
	display:block;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	background-image:url('/images/home.png');
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:25px;
	letter-spacing:1px;
	text-decoration:underline;
	padding-right:10px;
	padding-left:10px
}
ul#menu li a.signout {
	display:block;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	background-image:url('/images/signout.png');
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:25px;
	letter-spacing:1px;
	text-decoration:none;
	padding-right:10px;
	padding-left:20px
}
ul#menu li a.signout:hover {
	display:block;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	background-image:url('/images/signout.png');
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:25px;
	letter-spacing:1px;
	text-decoration:underline;
	padding-right:10px;
	padding-left:20px
}

div#menubox {
	font-family:Helvetica,Verdana,Tahoma,Arial,sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	float: left;
	width: 160px;
	margin-top:10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #96D0EB;
	background-image:url('/images/bg_menubox.jpg');
	background-repeat:no-repeat;
	background-position:0 0;
	border-top:#96D0EB 1px solid;
	border-left:#96D0EB 1px solid;
	border-right:#96D0EB 1px solid;
	border-bottom:#96D0EB 1px solid;
	color:#ffffff;
	text-align:right;
	text-decoration:none;
	vertical-align:middle;
	padding-top:50px;
	padding-bottom:10px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius  7px 7px 7px 7px;
}
div#menubox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
div#menubox li {
	margin:0;
	list-style:none;
	list-style-image:none;
	vertical-align:middle;
	padding-right:10px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
div#menubox li a {
	padding:4px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
	width: 100%;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius  3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
div#menubox li a:hover, div#menubox li a.on {
	padding:4px;
	background-color:#ffffff;
	color:#96d0eb;
	font-weight:normal;
}

div#contenu {
	padding-right:20px;
	margin-left:190px;
	padding-bottom:0px;
	padding-top:0px;
}
div#contenu h2 {
	padding-left:25px;
	font-size:1.4em;
	background-image:url('/images/little.gif');
	background-repeat:no-repeat;
	background-position:0px 100%;
	color:#5e97d2;
	line-height:25px;
	border-bottom:#5e97d2 1px solid;
	margin-bottom:10px;
}
div#contenu h3 {
	padding-left:5px;
	margin-left:15px;
	border-left:#5e97d2 3px solid;
	color:#5e97d2;
	border-bottom:#5e97d2 1px solid;
}
div#contenu p {
	text-indent:2em;
	line-height:1.7em;
	text-align:justify;
	padding:
}

div#contenu p.dec, div#contenu p.dec ul, div#contenu p.dec li {
	text-indent:0em;
	padding-left:0em;
}
div#contenu a {
	color:#2175bc;
}
div#contenu a:hover {
	color:#5e97d2;
}
div#contenu .clickable {
	cursor:pointer;
}

div#contenu a.clickable {
	cursor:pointer;
	text-decoration:underline;
}

div#contenu a.clickable:hover {
	cursor:pointer;
	text-decoration:none;
}

div#contenu a.lien_mail {
	background-image:url('/images/mail.png');
	background-repeat:no-repeat;
	background-position:0px 100%;
	padding-left:16px;
}
div#footer {
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	margin:0px;
	color:#2175bc;
	line-height:30px;
}
div#footer .left {
	float :left;
}
div#footer .right {
	float :right;
}

#underfooter {
	float:left;
	width:871px;
	padding-top:20px;
	background-image:url(../images/cfooter.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-size:11px;
	color:#E1E1CE;
}

div#transition {
	background-color:#000000;
	left:0;
	top:0;
	position:fixed;
	width:100%;
	opacity:0.8;
	filter : alpha(opacity=80);
	background-color:#000000;
	height:100%;
	z-index:8;
}
div#loadingBox {
	visibility:visible;
	opacity:1;
	filter : alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	color:#FFFFFF;
	position:fixed;
	left: 50%; 
	top: 50%;
	width: 400px;
	margin-left: -200px;
	height: 150px;
	margin-top: -75px;
	border: 5px solid #FFFFFF;
	background-color:#000000;
	background-image:url('/images/bg_loading.gif');
	background-repeat:repeat;
	background-position:top left;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	z-index:9;
}
#loadingBox p {
	text-align:center;
	font-size:130%;
	color:#FFFFFF;
	padding-top:25px;
	padding-bottom:25px;
}
#progressbar {
	padding: 3px 3px 4px 3px;
	width: 194px;
	background: url('/images/progressbar_bg.png') no-repeat;
	font-size: 0;
	height: 16px;
}
#progressbar div {
	background: url('/images/progressbar.gif') repeat-x;
	font-size: 0;
	height: 16px;
}
div#alertBox {
	visibility:visible;
	opacity:1;
	filter : alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	color:#FFFFFF;
	position:fixed;
	text-align:left;
	left: 50%; 
	top: 50%;
	width: 400px;
	margin-left: -200px;
	height: 150px;
	margin-top: -75px;
	background-color:#d5e8f6;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-radius:7px 7px 7px 7px;
	z-index:9;
}
div#alertBox h1 {
	background-image:url('/images/bg_alertBox.png');
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	padding:0;
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	padding-left:15px;
	line-height:40px;
	width:400px;
}
div#alertBox h2 {
	margin:0;
	padding-top:10px;
	font-size:16px;
	color:#000000;
	font-weight:normal;
	padding-left:15px;
	line-height:20px;
	width:400px;
}
div#loadBox {
	visibility:visible;
	opacity:1;
	filter : alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	color:#000000;
	position:fixed;
	text-align:left;
	left: 50%; 
	top: 50%;
	width: 550px;
	margin-left: -225px;
	height: 500px;
	margin-top: -250px;
	background-color:#d5e8f6;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-radius:7px 7px 7px 7px;
	z-index:9;
}
div#loadBox h1 {
	height:30px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:3px;
	color:#5BA3E0;
	border-bottom:1px solid #5BA3E0;
}
div#loadBox a.close {
	position:absolute;
	right:5px;
	top:5px;
	width:25px;
	height:25px;
}
div#loadBox a.close:hover {
	background-image:url('/images/ico_close_hover.gif');
	background-repeat:no-repeat;
	background-position:4px 4px;;
}
div#loadBox #filledBox {
	padding:10px;
	font-size:123%;
}
div#loadBox #filledBox hr {
	margin-top:5px;
	margin-bottom:5px;
}
/*----------------------------Tableaux--------------------------*/
table#reservation {
	background-color:#5e97d2;
	border-collapse:collapse;
	border:1px solid  #5e97d2;
}
table#reservation img{
	border:0;
}
table#reservation td {
	border:1px solid #D4D0C8;
	border-collapse:collapse;
	height:20px;
}
.c1 {
	background-color :#5e97d2;
	text-align :center;
	font-weight :bold;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color :#ffffff;
}
.case {
	width:20px;
	height:20px;
}

.c2 {
	background-color :#5e97d2;
	text-align :left;
	font-weight :bold;
	font-size:0.8em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color :#ffffff;
	width:90px;
	padding-left:6px;
}
.c3 {
	background-color :#ffffff;
	text-align :left;
	font-weight :bold;
	font-size:0.8em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color :#5e97d2;
	width:90px;
	padding-left:6px;
}
.c4 {
	background-color :#ffffff;
	text-align :center;
	font-weight :bold;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color :#5e97d2;
}
.free, .freex {
	background-color:#eaf3fa;
	cursor:default;
}
td.free:hover, td.freeHover {
	background-color:#89ccaa;
}
td.freeHoverPre, td.saturdayHoverPre {
	background-color:#33CC33;
}
.saturday {
	background-color:#cbdced;
}
.sunday {
	background-color:#d4d0c8;
}
.reserve {
	background-color:#EA5200;
}
.reserveDebut {
	background-image:url('/images/reserveDebut.gif');
	background-repeat:no-repeat;
	background-position:0% 0%;
}
.reserveFin {
	background-image:url('/images/reserveFin.gif');
	background-repeat:no-repeat;
	background-position:0% 0%;
}
.reserveInter {
	background-image:url('/images/reserveInter.gif');
	background-repeat:no-repeat;
	background-position:0% 0%;
}
.encours {
	background-color:#ebc426;
}
.encoursDebut {
	background-image:url('/images/encoursDebut.gif');
	background-repeat:no-repeat;
	background-position:0% 0%;
}
.encoursFin {
	background-image:url('/images/encoursFin.gif');
	background-repeat:no-repeat;
	background-position:0% 0%;
}
.encoursInter {
	background-image:url('/images/encoursInter.gif');
	background-repeat:no-repeat;
	background-position:0% 0%;
}
.erInter {
	background-image:url('/images/erInter.gif');
	background-repeat:no-repeat;
	background-position:0% 0%;
}
.reInter {
	background-image:url('/images/reInter.gif');
	background-repeat:no-repeat;
	background-position:0% 0%;
}
#today {
	height:100%;
	width:100%;
	border:2px solid #3875d7;
}
.i{
	border:0;
	width:20px;
	height:20px;
}

#contactForm input.SubmitConnexion:hover {
	background:transparent url('/images/SubmitConnexion.png') no-repeat scroll 0 -26px;
}
#contactForm input.SubmitConnexion {
	background:transparent url('/images/SubmitConnexion.png') no-repeat scroll 0 0;
	height:26px;
	width:150px;
	border:none;
	padding:0;
}

#contactForm input.SubmitValider:hover {
	background:transparent url('/images/SubmitValider.png') no-repeat scroll 0 -26px;
}
#contactForm input.SubmitValider {
	background:transparent url('/images/SubmitValider.png') no-repeat scroll 0 0;
	height:26px;
	width:150px;
	border:none;
	padding:0;
}
.SubmitOK:hover {
	background:transparent url('/images/SubmitOK.png') no-repeat scroll 0 -26px;
}
.SubmitOK {
	background:transparent url('/images/SubmitOK.png') no-repeat scroll 0 0;
	height:26px;
	width:75px;
	border:none;
	padding:0;
}

/*----------------------------Fin-Tableaux-------------------------*/

/*----------------------------FORMULAIRES--------------------------*/
fieldset {
    position :             relative;
    top :                  1em;
    padding :              0 0.5em 1em 0.5em;
}
html>body fieldset {
    padding-top :          1em;
    top :                  0;
}
legend {
    position :             relative;
    top :                  -1em;
    padding :              0.4em;
}
input:file {
	background-image:url('/images/bg_field.gif');
	background-repeat:repeat scroll;
	background-position:0px 0px;
	border:2px solid #999999;
	background-color:#fff;
	color:#2A568F;
	font-family:Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
}
input, textarea, select  {
	border:1px solid #999999;
	color:#555555;
	background-color #FFF;
	font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:2px 2px;
}

input.checkbox {
	border:0;
	background-color:transparent;
}
input:focus, textarea:focus, select:focus {
	border:2px solid #5ba3e0;
}

#legende span {
	padding-left:22px;
}
#legende span.reservedL {
	background-image:url('/images/reservedL.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#legende span.encoursL {
	background-image:url('/images/encoursL.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#legende span.saturdayL {
	background-image:url('/images/saturdayL.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#legende span.weL {
	background-image:url('/images/weL.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:32px;
}
#contactForm {
	background-image:url('/images/bg_form.jpg');
	background-repeat:repeat-x;
	background-position:0px 0px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-radius  10px 10px 10px 10px;
	border:2px solid #cbdced;
	background-color:#f4f8fb;
	width:97%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-indent:0px;
	text-align:justify;
	margin-top:10px;
}
form#contactForm.noborder {
	background-image:none;
	border:none;
	background-color:transparent;
}
#contactForm label {
	font-weight:bold;
}
#contactForm input.norm {
	width:15em;
}
#contactForm input.captcha {
	width:100px;
}

#contactForm .separ1, #contactForm .separ2, #contactForm .separ3, #contactForm .separHalf {
	float :left;
	text-align:left;
	margin:0;
	padding:0;
	white-space:nowrap;
}
#contactForm .separ1 {
	width:20%;
}
#contactForm .separ2 {
	width:38%;
}
#contactForm .separ3 {
	width:77%;
}
#contactForm .status {
	padding-left:18px;
	line-height:20px;
	font-weight:none;
}
form .separHalf {
	width:58%;
}
form .rA {
	float :right;
	text-align:right;
}
.successStatus {
	background-image:url('/images/isuccessStatus.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-weight:bold;
  color:#0060BF;
}

.errorStatus {
	background-image:url('/images/ierrorStatus.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-weight:bold;
  color:#EA5200;
}

.errorStatus p {
	font-weight:normal;
	font-size:0.5em;
}

.iinfoStatus {
	background-image:url('/images/iinfoStatus.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-weight:none;
  color:#137913;
}
.loadingStatus {
	background-image:url('/images/loading.gif');
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-weight:bold;
  color:#999999;
}
/*---*/
.spacerP {
	clear :both;
	padding:10px;
	!padding:3px;
}
.spacer {
	clear :both;
}
.spacerB {
	clear :both;
	padding-bottom:10px;
}
pre {
	border-right:#9b2 2px solid;
	padding-right:0px;
	border-top:#9b2 2px solid;
	padding-left:5px;
	font-size:1.2em;
	background-color:#dea;
	padding-bottom:0px;
	overflow:auto;
	border-left:#9b2 2px solid;
	padding-top:5px;
	border-bottom:#9b2 2px solid;
}
pre span {
	color:#560;
}
pre span.comment {
	color:#b30000;
}
.okStatus {
	width:95%;
	background-image:url('/images/isuccessStatus.gif');
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:25px;
	font-weight:bold;
	line-height:25px;
  color:#0060BF;
  background-color:#a8e3ab;
  -moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-radius  3px 3px 3px 3px;
	aborder:2px solid #47944b;
}

.centre {text-align:center;}
.l_align {text-align:left;}
.r_align {text-align:right;}
.justify {text-align:justify;}
.noborder {border:0;padding:0;margin:0;}

input.SubmitMessageFR[on='true'], input.SubmitMessageFR[on='true']:hover {
	background:transparent url('/images/SubmitMessageFR.png') no-repeat scroll 0 -52px;
}
input.SubmitMessageFR:hover {
	background:transparent url('/images/SubmitMessageFR.png') no-repeat scroll 0 -26px;
}
input.SubmitMessageFR {
	background:transparent url('/images/SubmitMessageFR.png') no-repeat scroll 0 0;
	height:26px;
	width:150px;
	border:none;
	padding:0;
}