/* Mise en forme globale */

body {
	text-align:center; 
	font-family:Calibri, Verdana, Helvetica, Arial, sans-serif; 
	background-repeat:repeat; 
	background-attachment:fixed;
	background-image:url(../images/backgroundIndex.jpg); 
}

div#global {
  position:absolute;
  left: 50%; 
  top: 50%;
  width: 800px;
  height: 500px;
  margin-top: -260px; /* moitié de la hauteur */
  margin-left: -400px; /* moitié de la largeur */
}

div#main {
	position:relative; 
	top:-15px; 
	margin:auto; 
	width:914px;
}

div#top {
	position:relative; 
	height:165px;
}

div#page {
	position:relative; 
	width:912px; 
	height:auto;  
	min-height:670px; 
	background-color:#f7f6f6; 
	border-left:1px solid #747873; 
	border-right:1px solid #747873; 
	text-align:left; 
	color:#333333; 
	font-family:Lucida Grande, Verdana, Helvetica, Arial, sans-serif; 
}

div#contenu {
	position:relative; 
	width:700px; 
	height:auto;  
	text-align:left;
	left:170px;	
}

div#bottom {
	position:relative; 
	height:21px; 
}

div#header {
	position: absolute; 
	width:914px; 
	height:140px; 
	background-image:url(../images/header.png);
}

div#header h1{
	position:relative; 
	top:65px; 
	left:100px; 
	font-size:20px; 
	color:#1a728e; 
	font-family:Helvetica;
}

div#header h1 a{
	text-decoration:none; 
	color:#1a728e;
}

/* Mise en forme du menu */

div#menu {
	position:relative; 
	width:914px; 
	height:30px;
}

div#menutext {
	position:absolute; 
	top:140px; 
	left:0px;
	width:914px; 
	height:25px; 
	background-image:url(../images/menuBackground.jpg);
}

div#bottomleft {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:21px; 
	height:21px; 
	background-image:url(../images/bottomleft.png)
}

div#bottommiddle {
	position:absolute; 
	top:-20px; 
	left:21px; 
	width:872px; 
	height:40px; 
	background-color:#f7f6f6; 
	background-position: center; 
	background-image:url(../images/bottomMiddle.jpg); 
	background-repeat:no-repeat; 
	border-bottom:1px solid #747873; 
	line-height: 40px;
}

div#bottommiddle a{
	text-decoration:none; 
	color:#024108;
}

div#bottomright {
	position:absolute; 
	top:0px; 
	left:893px; 
	width:21px; 
	height:21px; 
	background-image:url(../images/bottomright.png);
}

div#mapGoogle {
	position:relative; 
	top:10px; 
	left:40px; 
	width:450px; 
	height:500px;
}

p.legal {
	font-family:Verdana; 
	font-size:10px;
	font-weight:bold; 
	color:#666666;
}
span.entity {
	color:#024108;
}

/* Mise en forme de la page */

div#page h1 {
	font-size:20px; 
	color:#024108; 
	font-family:Comic Sans MS; 
	z-index:1000; 
	top:10px;
}
div#page p {
	margin-left:40px; 
	font-size:12px;
}
div#page a {
	color:#024108; 
	text-decoration:none;
}
div#page b {
	color:#024108;
}
div#page a:hover {
	color:#024108;
}
div#page img.logo {
padding:5px;
border:0px solid black;
}

/* Mise en forme des zones */

div#leftZone {
	position:absolute; 
	top:130px; 
	left:20px;
	width:200px; 
	height:auto; 
	font-family:Verdana; 
	font-size:14px; 
	line-height: 20px;
}

div#rightZone {
	position:absolute; 
	top:130px; 
	left:590px; 
	width:300px; 
	height:auto; 
	font-family:Verdana; 
	font-size:14px; 
	line-height: 20px;
}

div#slogan {
	position:absolute; 
	color:#024108;
	top:500px;  
	margin-left:320px;
}

div#bottomLeftZone {
	position:absolute; 
	top:330px; 
	left:30px;
	width:200px; 
	height:auto; 
	font-family:Verdana; 
	font-size:14px; 
	line-height: 20px;
}

div#bottomMiddleZone {
	position:absolute; 
	top:340px; 
	left:250px; 
	width:200px; 
	height:auto; 
	font-family:Verdana; 
	font-size:14px; 
	line-height: 20px;
}

div#bottomRightZone {
	position:absolute; 
	top:340px; 
	left:470px; 
	width:200px; 
	height:auto; 
	font-family:Verdana; 
	font-size:14px; 
	line-height: 20px;
}

div#errorChecked {
	margin-left:40px; 
	font-size:11px; 
	color:red; 
	position: relative;
	border: 1px solid red; 
	padding:5px; 
	width:600px; 
	height:auto; 
	display: none;
}

div#errorNoneChecked {
	margin-left:40px; 
	font-size:11px; 
	color:green; 
	position: relative;
	border: 1px solid green; 
	padding:5px; 
	width:600px; 
	height:auto; 
	display: none;
}

div#legende {
	margin-left:40px; 
	font-size:12px;
}

div#legende_sub {
	margin-left:40px; 
	font-size:10px;
}

div#content {
	position:relative; 
	width: 674px;
}

/* Mise en forme du texte */

div#ssmenu {
	background-color:#9dbf74; 
	font-family:Verdana; 
	font-size:12px; 
	text-align: justify;
}

div#ssmenucontact {
	background-color:#9dbf74; 
	font-family:Verdana; 
	font-size:12px; 
	text-align: justify;
}

div#ssmtop {
	position:relative; 
	height:25px
}

div#ssmtext {
	position:relative; 
	height:auto
}

div#ssmbottom {
	position:relative; 
	height:25px;
}

div#ssmtopleft {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:25px; 
	height:15px; 
	background-image:url(../images/ssmtopleft.jpg);
}

div#ssmtopleft1 {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:25px; 
	height:15px; 
	background-image:url(../images/ssmtopleft1.jpg);
}

div#ssmtopmiddle {
	position:absolute; 
	top:0px; 
	left:25px; 
	width:186px; 
	height:25px;
}

div#ssmtopright {
	position:absolute; 
	top:0px; 
	right:0px;
	width:25px; 
	height:25px; 
	background-image:url(../images/ssmtopright.jpg);
}

div#ssmbottomleft {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:25px; 
	height:25px; 
	background-image:url(../images/ssmbottomleft.jpg);
}

div#ssmbottommiddle {
	position:absolute; 
	top:0px; 
	left:25px; 
	width:186px; 
	height:25px;
}

div#ssmbottomright {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:25px; 
	height:25px; 
	background-image:url(../images/ssmbottomright.jpg);
}

div#ssmtext p {
	margin:20px;
}
div#ssmtext ul {
	margin:40px;
}
div#ssmtext li {
	height:20px; 
	line-height:20px;
}

img.affiche {
	margin:30px 40px 30px 30px; 
	float:right;
}
span.bold {
	font-weight:bold;
}
span.note {
	color:#b00091;
}
input {
	border:1px solid #3780a3; 
	background-color:#ffffff;
}

.imageLinked {
	text-decoration: none;
	border: 0px solid black;
}

.titreNew {
	font-size:12px;
	position:relative;
	top:10px;
	font-weight: bold;
}

.soustitreli {
	position:relative;
	top:25px;
}

.bookingButton{
     background-image: url(../images/bookingButton.png);
	 border: 0px solid black;
	 font-weight:bold;
	 width: 75px;
	 height: 24px;
	 color:#024108;
}

.sendButton{
     background-image: url(../images/sendButton.png);
	 border: 0px solid black;
	 font-weight:bold;
	 width: 75px;
	 height: 24px;
	 color:#024108;
}

select {
	border:1px solid #bbbbbb;
}
div#contacts_image {
	position:absolute; 
	top:12%; 
	left:20px; 
	width:285px; 
	height:103px; 
	background-image:url(../images/contacts.png);
}

img.noBorder{
	border: 0px solid black;	
}
img.noBorderFleche{
	position : relative;
	border: 0px solid black;
	top: 4px;
}
img.legende{
	position : relative;
	top: 7px;	
}

description{
	font-size:10px;
}

p.itemTitle{
	float:left;
	width:150px;
	text-align:center;
	margin-left:1px;
}

span.itemTitle{
	font-size:120%;
	font-weight: bold;
}

/* Mise en forme du formulaire */

#booking {
	border: none;
	margin-left:1.5em;
	padding: 0;
	width: 35em;	
}

label.booking {
	display:block;
	width:200px;
	float:left;
}

label.send {
	display:block;
	width:150px;
	float:left;
}

/* Mise en forme du calendrier */


div#calendrier {
	background-image:url(../images/calendarBackground.png);
	border:0px solid black;
	position: relative;
	width: 290px;
	height: 263px;
	left: 40px;
}

td  {
	text-align:center;
	vertical-align:middle;
	border:1px solid black;
	padding:5px;
}
td.sans  {
	border:0px solid black;
}	
td.ds_head  {
	border-color:#33CCCC;
	border:0px solid black;
	font-size:11px;
}
td.ds_subhead  {
	font-weight:bold;
	border:0px solid black;
	width:15px;
	height:15px;
	font-size:11px; 
}	
td.ds_cell  {
	font-weight:bold;
	width:15;
	height:15;
	border-color:#33CCCC;
	border:0px solid black;
	font-size:11px;
	background-image:url(../images/selectedCase.png); 
}
td.ds_cell_today  {
	width:15;
	height:15;
	border-color:#000000;
	border:0px solid black;
	border-style:none;
	font-size:11px;
	background-image:url(../images/chosenCase.png); 
}
td.ds_cell_past  {
	width:15;
	height:15;
	border-color:#F5F5F5;
	border:0px solid black;
	border-style:none;
	font-size:11px;
	background-image:url(../images/unableCase.png);
}
  
a:link  {
	text-decoration:none;
}
a:visited  {
	text-decoration:none;
}
a:active  {
	text-decoration:none;
}