body {
padding:0px;
margin-top:0px;
margin-bottom:20px;
font: 11px black arial, sans-serif;
background-image: url(img/top_back.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
text-align: center; 
font-family: Arial, sans-serif; font-size:12px; color:#0488B1;
}


input::-webkit-input-placeholder {
    color:#92bdd0;
}
	
input:-moz-placeholder {
    color:#92bdd0;
}



.web_names {  FONT-SIZE: 17px; FONT-FAMILY: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; }

.web_hours {  FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#777777;}

.underline {  FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; }

.title { color: #0488B1; FONT-SIZE: 20px; font-weight:bold; FONT-FAMILY: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; }
.titleb { color: #0488B1; FONT-SIZE: 16px; font-weight:bold; FONT-FAMILY: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; }
.titlec { color: #0488B1; FONT-SIZE: 16px; FONT-FAMILY: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; }

.box .box-content img.imglistm  { margin:4px 4px 0px 4px; border:#b6416d solid 1px; background-color: #FFFFFF;}


form {margin: 0px; padding: 0px;}

.clignote{
text-decoration: blink ;
font-weight:bold; FONT-FAMILY: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
FONT-SIZE: 12px;
color:#e98400; 
}

.listnoms{
FONT-SIZE: 11px;
color:#979797; 
}

.listnomsb{
FONT-SIZE: 11px;
color:#c4c4c4; 
}

.listnomsc{
FONT-SIZE: 11px;
color:#979797; 
}


td.cell1 {background: url(img/site/fond_title.jpg) repeat-x; background-color:#3895BD; color:#FFFFFF;}
td.cell2 {background-color:#C5E5EF; }
td.cell3 {background-color:#E1F1F7; }


.liste1{ line-height:25px; height:25px; FONT-SIZE: 15px; }
.liste1b{ FONT-SIZE: 15px; }

.titleactu{ FONT-SIZE: 14px; font-weight:bold; FONT-FAMILY: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color: #f3b30b; }
A.titleactu:link {color: #f3b30b; TEXT-DECORATION: none}
A.titleactu:visited {color: #f3b30b;  TEXT-DECORATION: none}
A.titleactu:hover { color: #f7cb0a; TEXT-DECORATION: underline}
A.titleactu:active {color: #f7cb0a; TEXT-DECORATION: none}


.liste2{ line-height:25px; height:25px; FONT-SIZE: 14px; color: #ff9000; }

img.imghome {margin: 4px 0; vertical-align: middle;}
img.imgnews { border:#b0cedc 1px solid;}
.imgdroits {FONT-SIZE: 10px;}

A:link {COLOR: #0488B1; TEXT-DECORATION: none}
A:visited {COLOR: #0488B1; TEXT-DECORATION: none}
A:hover {COLOR: #ffb400; TEXT-DECORATION: none}
A:active {COLOR: #ffb400; TEXT-DECORATION: none}

INPUT {
	font-size:11px;  BORDER: 1px solid #afcedc; BACKGROUND-COLOR: #ecf3f6; color:#0488B1; width:98%; padding:3px;
}
TEXTAREA {
	font-size:12px;  BORDER: 1px solid #afcedc; BACKGROUND-COLOR: #ecf3f6; color:#0488B1; width:98%;
}
INPUT.nowidth {
	font-size:11px;  BORDER: 1px solid #afcedc; BACKGROUND-COLOR: #ffffff; color:#0488B1; width:inherit;
}

INPUT.postin {
	font-size:12px;  BORDER: 1px solid #005a83; BACKGROUND-COLOR: #005a83; color:#ffffff; width:inherit; padding:3px;
}







.iKone { 
 position: absolute;
 z-index: 1;
 }



.iKone.people { 
 width: 137px;
 height: 14px;
 background: url('img/overpics.png') no-repeat;
 }



 .images { 

 float: left;
 }

 .images .view { 
 margin-top: 10px;
 line-height: 1px;
 position: relative;
 float:left;
 margin-left:5px;
 margin-right:5px;
 }

 .images img { 
 border: 1px solid #e3e3e3;

 }

 .iKone { 
 top: -4px;
 left: -8px;
 }



/* -------------------------
   CALENDRIER DE RÉSERVATION
   ------------------------- */

.calendrier {
	float: left;
	height: 210px;
	width: 210px;
font-family: Arial, sans-serif;
font-size:12px; 
font-weight:300; 

}


#libelle {
	width: 210px;
	padding: 0;
	margin:0px;
}

.calendrier h2 {
	margin:0px 0px 10px 0px;
	font-family: Arial, sans-serif;
	font-size:16px; 
	color:#f9b700; 
}

.ligne {
	width: 175px;
	padding: 0;
	margin:0px;
	border-left: 1px solid #FFFFFF;
	height:23px;
} 

#libelle li {
	float : left;
	width : 24px; 
	height: 18px;
	padding-top: 3px;
	list-style-type:none; 
        text-align:center;
	background: #e3edf1;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #b9d1db;

}
.ligne li {

    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #000000;
    float: left;
    height: 18px;
    list-style-type: none;
    padding-top: 3px;
    text-align: center;
    width: 24px;
}

.ligne li.itemDispo:hover {
	background:#005a83;
}

.ligne li.itemDispo:hover a {
	color:#FFFFFF;
}

.ligne li.itemDispo a:hover{
	list-style: none;
	text-decoration: none;
	color:#FFFFFF;
}

li.itemBooked {
    background: #E3EDF1;
    color: #b8d0dc;

}
li.itemFree {
	/* A vous de configurer l'apparence du jour sélectionné */
}

li.itemDispo {
	background:#e3edf1;
font-weight:bold;
}	

li.NoDay {
	/* A vous de configurer l'apparence du jour sélectionné */
}

li.itemFree {
    color: #d4e3e9;
}