/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body{
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #ffffff;
	background-image:url(../images/background.gif);
	background-repeat:repeat;
}

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

/* =Frame-----------------------------------------------------------------------------*/

#wrap {
	width: 894px;
	margin: 0 auto;
}

/* =header-----------------------------------------------------------------------------*/

#header {
	width: 894px;
	height:349px;
	float:left;
	background-image:url(../images/accueil_02.png);
}

#menu {
	width: 854px;
	height:20px;
	float:left;
	margin: 305px 0 0 23px;
}
#menu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-right:10px;	
}
#menu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#contenuindex {
	width: 894px;
	height:417px;
	float:left;
	background-image:url(../images/accueil_04.png);
}
#contenuindex #indexleft{
	width: 285px;
	height:408px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#contenuindex #indexmiddle{
	width: 285px;
	height:408px;
	float:left;
	margin-left:13px;
	margin-top:10px;
}
#contenuindex #indexright{
	width: 285px;
	height:408px;
	float:left;
	margin-left:13px;
	margin-top:10px;
}
#contenuindex #indextitle{
	width: 235px;
	height:14px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top:10px;
	padding-left: 15px;
	font-weight: bold;
}
#contenuindex #indextxttournoi{
	width: 235px;
	height:50px;
	clear:both;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top:280px;
	padding-left: 15px;
}
#contenuindex #indextxttournoi a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#contenuindex #indextxtnouvelles{
	width: 255px;
	height:350px;
	clear:both;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top:10px;
	padding-left: 16px;
}
#contenuindex #indextxtnouvelles a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#contenuindex #indextxtcontacts{
	width: 255px;
	height:350px;
	clear:both;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin-top:10px;
	padding-left: 16px;
}
#contenuindex #indextxtcontacts a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#contenu {
	width: 894px;
	float:left;
}
#contenu #contenutop{
	width: 894px;
	height:20px;
	float:left;
	background-image:url(../images/contenu_top.png);
}
#contenu #contenumiddle{
	width: 878px;
	float:left;
	padding-left: 16px;
	background-image:url(../images/contenu_middle.png);
}
#contenu #contenumiddle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#contenu #contenumiddle h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#contenu #contenumiddle #contenumiddleleft{
	width: 140px;
	float:left;
}
#contenu #contenumiddle #contenumiddleleft a{
	width: 140px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#contenu #contenumiddle #contenumiddleright{
	width: 700px;
	float:left;
	padding-left: 16px;
}
#contenu #contenumiddle #contenumiddleright a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#contenu #contenudown{
	width: 894px;
	height:35px;
	float:left;
	background-image:url(../images/contenu_down.png);
}
#pub {
	width: 894px;
	height:150px;
	float:left;
}

#footer{
	width: 894px;
	padding-top:15px;
	height:51px;
	float:left;
	text-align:center;
	background-image:url(../images/accueil_05.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}


/**************************
CALENDRIER
**************************/

/* =Table-----------------------------------------------------------------------------*/

#bgTable{background: transparent url(../img/bg_calendrier.jpg) no-repeat top center; width:600px; margin:0 auto;}

.tbl_title_col{
	font-family:sans-serif;
	color:#000;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding-bottom:1px;
}
.tbl_title_col_red{
	color: #000;
	font-size: 8pt;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	height: 38px;
	font-weight:bold;
}
/* CALENDRIER */
.cal_dayEmpty{
	font-family:sans-serif;
	color: #000;
	font-size:12px;
	font-weight:bold;
	padding-left:1px;
	padding-bottom:1px;
	padding:4px;
	height:75px;
}
.cal_dayFull{
	font-family:sans-serif;
	color: #000;
	font-size:12px;
	font-weight:bold;
	padding-left:1px;
	padding-bottom:1px;
	height:75px;
	padding:0px;
}
.noJour{
	padding:4px;
}
.cal_dayThis{
	font-family:sans-serif;
	color:#000;
	font-size:12px;
	font-weight:bold;
	background: transparent url(../img/bg_today.jpg) no-repeat top center;
	padding-left:1px;
	padding-bottom:1px;
	padding:0px;
	height:75px;
}
.cal_border{

}

#zoneHeure{ width:200px; padding-bottom:20px; margin:0 auto; }
#dateDay{ height:20px; border-bottom:1px #333 dashed; background:#666666; padding:2px 10px 2px 10px; color:#fff; font-size:13px; line-height:20px; font-weight:bold; }
#contenu #contenumiddle #contenumiddleright #zoneHeure div.lineH{ height:20px; border-bottom:1px #333 dashed; padding:2px 10px 2px 10px; color:#333333; line-height:20px; font-weight:bold; background:#E2FCFE url(../img/bgHeureOff.gif) top left; }
#contenu #contenumiddle #contenumiddleright #zoneHeure a.lineH{ height:20px; border-bottom:1px #333 dashed; background:#E2FCFE url(../img/bgHeureOn.gif) top left; padding:2px 10px 2px 10px; display:block; color:#009933;  line-height:20px; }
input.btnReserv{ background:#333; border:#333; color:#fff; font-weight:bold; padding:3px; float:right; margin:10px 0px; }

table.cal_border td em{ font-weight:normal; color:#000066; font-size:11px; }
table.cal_border td div.linkReserv{ padding:5px; }
table.cal_border td div.listDispo{ padding:5px; height:48px; width:72px; overflow:auto; }
table.cal_border td div.listDispo em{ white-space:nowrap; }
table.cal_border td div.linkReserv a{ font-weight:normal; color:#009933; border:1px #009933 solid; padding:2px; float:left; margin:2px; }


/* =Forms----------------------------------------------------------------------------*/

fieldset{ background-color: #bdd5e5; padding:20px; border-top: 10px solid #2A5577; border-bottom:1px solid #2A5577; border-left: none; border-right: none;}
label{ font-size: 13px; font-weight: bold; padding-right: 10px; float: left; color:#2A5577;}
.reqfield{ padding: 5px 0; clear:both; text-align: left; }
.textbox{ width:250px; float: right; border:1px #2A5577 solid;}
select{ width:254px; float: right; border:1px #2A5577 solid;}
.optfield{ padding: 4px; width: 54px; float: left; margin: 0 auto;}
.checkbox{ margin-left: 20px;}
textarea{ float: right; width: 350px; height: 75px; border:1px #2A5577 solid;}
.browse{ float: right;}
.submit{ border:2px solid #2A5577; background-color: #2A5577; padding:4px; clear: both; margin: 10px 0 20px 0; float: right; font-size: 13px;; font-weight: bold; color:#fff;}

/* BOITE ERREUR */
#contenumiddleright h5.msgError {
background:#FDF9BC url("error.gif") no-repeat 20px 5px;
border:2px solid #FF9F00;
color:#FF9F00;
display:block;
font-size:16px;
margin:5px;
padding:5px 5px 5px 90px;
text-align:left;
}
#contenumiddleright h5.msgError div {
border-left:1px solid #FF9F00;
padding-bottom:10px;
padding-left:10px;
}
#contenumiddleright h5.msgError div span {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
padding:4px 0px 0px;
}


.custom-tip {
	color: #000;
	width: 250px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	background:#333;
	border-bottom: 1px solid #666;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background:#CCCCCC;
	border:1px #333 solid;
}

#boxAlbum a{ display:block; padding:10px; height:80px; width:80px; border:1px #ccc solid; float:left; margin:10px; }
#boxAlbum a img{ height:80px; width:80px; border:1px #ccc solid;}

#boxRecherche{ padding:20px; background-color:#d9edf7; margin:10px 0; }
#boxRecherche input.txtField{ width:250px; border:1px #333 solid; }
#boxRecherche input.btnFind{ width:100px; border:1px #333 solid; background:#666666; color:#fff; font-weight:bold; }
#boxRecherche h5{ color:#000; }
#boxResultats{ padding:20px 0; }
#boxResultats div.boxServ{ width:190px; margin:15px; padding:10px 0; float:left; font-weight:bold; text-align:center; border:1px #999 solid; }

#contenu #contenumiddle #contenumiddleright #listPage{ clear:both; padding-top:30px; text-align:center; }
#contenu #contenumiddle #contenumiddleright #listPage a{ font-weight:bold; text-decoration:none; display: inline-block; padding:2px; margin:0 2px;}
#contenu #contenumiddle #contenumiddleright #listPage a:hover{ color:#fff; background-color:#0083CB; }
#contenu #contenumiddle #contenumiddleright #listPage a.active{ color:#fff; background-color:#0083CB; }