body{
	width:100%;
	margin:0px;
	padding:0;
	color: #7e7e7e;
	background:#c8caca url('../images/bg_site.gif') top center repeat-x;
	font-family: Arial;
	font-size:11px;
}

.tableSite{
	width:100%;
	border:none;
	margin:0px; padding:0px;
	background:#c8caca url('../images/bg_body.gif') top repeat-y;
}

.tableSite tr td{vertical-align:top;}

.bgG{background:url('../images/bgg.gif') top right no-repeat;}
.bgD{background:url('../images/bgd.gif') top left no-repeat;}

.page{
	width:895px;
	margin:0 auto 0 auto;
	padding:0;
	height:100%;
	height:auto;
	min-height:1050px;
	background:url('../images/bg_page.jpg') top no-repeat;
}

.contenu{width:862px; padding:24px 15px 10px 18px; min-height:300px;}
.banniere{width:895px; padding:0;}

.logo{margin:10px 0 10px 41px; float:left;}
.logoNike{margin:46px 17px 10px 0; float:right;}
.illusBandeau{margin:16px 5px -20px 0; float:right;}

/****************** POSITIONNEMENT ET MISE EN FORME DES BLOCS  *************************/

.gauche{float:left;}
.droite{float:right;}

.alignD{text-align:right;}
.alignG{text-align:left;}
.alignC{text-align:center;}

.imgG{float:left; margin-right:10px;}
.imgD{float:right; margin-left:10px;}

.colGauche{float:left; width:417px;}
.colDroite{float:right; width:417px;}

/****************************** ACCUEIL  ********************************/

#accueil .texte{font-size:12px; }
#accueil .titreEven{font-size:14px; font-weight:bold; color:#FFFFFF; margin-top:3px; margin-bottom:3px;}

.divPres{padding:15px 3px 20px 3px; border-bottom:1px solid #2b5262;}
.divAcces{padding:20px 3px 15px 0px; border-bottom:1px solid #507482; border-top:1px solid #608595;}
.divAcces p{font-size:12px; padding:16px 0 0 0;}
.divPro{padding:0px; border-bottom:1px solid #a9b9be; border-top:1px solid #84a8b6;}
.divSSMenu p{ width:197px; margin:6px 3px 0 0!important; margin:6px 3px 0 0; display:block; float:left; padding:4px 0 4px 5px; color:#FFF; background:url('../images/bg_ssMenu1.png') right no-repeat !important; background:url('../images/bg_ssMenu1.gif') right no-repeat;}

/********************************** ACTUALITES  ***********************************/

.uneActu{border-bottom:1px solid #9fc2d3; color:#FFF; padding:4px 0 10px 0; margin-bottom:8px;}

.imgActu {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	position: relative;
	width: 110px;
	height: 103px;
	background: url(../images/drop-shadow.png) no-repeat center bottom !important;
	background: none;
}
.imgActu .image {
	width:96px;
	height:96px;
	overflow:hidden;
	margin-left:5px;
	text-align:center;
	border: solid 1px #ccc;
	border-bottom: none !important;
}
.imgActu .image img{vertical-align:middle; vertical-align:center;}

.imgActu span {
	width: 96px;
	height: 96px;
	display: block;
	position: absolute;
	top: 0px;
	left:6px;
	margin:0;
	background: url('../images/glossy-gradient.png') no-repeat !important;
	background: none;
}

.imgActu span { behavior: url('../js/png.htc'); cursor: pointer; }

.uneActu .contenuActu{float:left; width:290px; color:#003e64;}
.uneActu .contenuActu .titreActu{font-size:13px; margin-bottom:5px;}
.uneActu .contenuActu .texteActu{text-align:justify; height:43px; margin-bottom:5px; overflow:hidden;}
.uneActu .contenuActu .texteActu2{text-align:justify; margin-bottom:5px; color:#FFF;}

#actualites .uneActu .contenuActu{float:left; width:270px; color:#FFF;}

#actualites .titreActu{font-size:13px; margin-bottom:5px;}
#actualites .titreActu2{font-size:15px; margin-bottom:5px; padding:3px; color:#FFF;}
#actualites .texteActu{text-align:justify; height:43px; margin-bottom:5px; overflow:hidden;}
#actualites .texteActu2{text-align:justify; margin-bottom:5px; color:#FFF; padding:0 4px 10px 4px; background:url('../images/bg_transparent.png') !important; background:#19465a; border-bottom:1px solid #FFF;}
#actualites .imgActu2{float:left; border:1px solid #FFF; margin:3px 10px 2px 3px;}

/****************************** COMPLEXE  ********************************/

#presentation .texte, #presentation .texteUl, #presentation .colGauche ul li{font-size:12px;}

.select{ 
	float:left;
	width:183px;
	padding:5px 7px 5px 7px; margin:10px 14px 0 7px;
	color:#FFFFFF;
	font-size:11px;
	background:url('../images/bg_transparent.png') !important; background:#19465a;
}

.select b{margin-bottom:5px; display:block;}


.select a, .select a:visited{color:#FFFFFF; display:block; padding:4px 10px 4px 5px; font-size:11px; border-bottom:1px solid #FFF; margin:0;}
.select a:hover, .select a.courante{color:#ffc600; background:#6c98a9; border-bottom:1px solid #ffc600;}

.galerie{ 
	float:left;
	width:635px;
}

.imgGal {
	margin: 10px 8px 6px 8px;
	padding: 0;
	float: left;
	position: relative;
	width: 110px;
	height: 103px;
	background: url(../images/drop-shadow.png) no-repeat center bottom !important;
	background: none;
}
.imgGal .image {
	width:96px;
	height:96px;
	overflow:hidden;
	margin-left:5px;
	text-align:center;
	border: solid 1px #ccc;
	border-bottom: none !important;
}
.imgGal .image img{vertical-align:middle; vertical-align:center;}

.imgGal span {
	width: 96px;
	height: 96px;
	display: block;
	position: absolute;
	top: 0px;
	left:6px;
	margin:0;
	background: url('../images/glossy-gradient.png') no-repeat !important;
	background: none;
}

.imgGal span { behavior: url('../js/png.htc'); cursor: pointer; }


/****************************** RESERVATIONS  ********************************/

.reservation{margin:30px 0 10px 3px; padding:0 194px 0 0; background:url('../images/bg_form.png') top center no-repeat !important; background:url('../images/bg_form.gif') top center no-repeat; color:#1a485c;}
.reservation p{margin:5px 0; padding:0px 3px; background:#FFF; border:1px solid #FFF; color:#1a485c; width:212px;}
.reservation p.noBorder{background:none; padding:1px 0 1px; border:none; color:#FFF;}
.reservation p input{margin:0; padding:0; background:#FFF; border:1px solid #FFF; font-size:11px; font-family:Arial; color:#1a485c; width:160px;}
.reservation p textarea{margin:0; padding:0; background:#FFF; border:1px solid #FFF; font-size:11px; font-family:Arial; color:#1a485c; width:212px; overflow:auto;}
.reservation #calendrier select{margin:0 0 1px 0; padding:0; background:#FFF; border:1px solid #E7E7E7; font-size:11px; font-family:Arial; color:#1a485c;}
.reservation select{margin:1px 0; padding:0; background:#FFF; border:1px solid #E7E7E7; font-size:11px; font-family:Arial; color:#1a485c;}
.reservation .submit{float:right; margin:0; padding:1px 0; background:#feba1c url('../images/bg_btnResa.gif') top repeat-x; border:1px solid #f26b03; font-size:10px; font-family:Arial; color:#FFF; width:120px; text-transform:uppercase;}

#reservations .colDroite{position:relative !important; top:0px !important; top:-378px; right:0px !important; right:-90px;}

.illusResa{position:relative; float:none !important; float:left; right:115px; top:0px;}

/* -----------------------------------------------------  STYLES APPLIQUÉS AU CALENDRIER ----------------------------------------------------- */
#cal{background:url('../images/bg_cal.png') top left no-repeat !important; background:url('../images/bg_cal.gif') top left no-repeat; padding:1px 0 1px 1px; margin:5px 0 -63px 0 !important; margin:5px 0 0 0;}
#cal2{background:url('../images/bg_cal2.png') top left no-repeat !important; background:url('../images/bg_cal2.gif') top left no-repeat; padding:1px 0 1px 1px; margin:5px 0 -63px 0 !important; margin:5px 0 0 0;}
#calendrier #cal .titreMois{font-family:Arial; font-size:11px; color:#f36e02; background:none; width:100%; padding:1px 4px; border:none; letter-spacing:1px;}
#calendrier2 #cal2 .titreMois{font-family:Arial; font-size:11px; color:#7E7E7E; background:none; width:100%; padding:7px 4px; border:none; letter-spacing:1px;}

#calendrier{width:218px; color:#FFF;}
#calendrier ul{margin:0; background:#FFF;}
#calendrier li{list-style-type: none; text-align:right; padding:3px 2px 2px 0; margin-right:1px;}

#calendrier2{width:218px; color:#FFF; margin-left:6px;}
#calendrier2 ul{margin:0; background:#FFF;}
#calendrier2 li{list-style-type: none; text-align:right; padding:3px 2px 2px 0; margin-right:1px;}

#libelle {
	margin: 0;
	padding: 0;
}
#libelle li {
	float : left;
	background:#628fa1; color:#FFF;
	width : 28px; 
}

#calendrier2 #libelle li {
	float : left;
	background:#6ab3de; color:#FFF;
	width : 28px; 
}

.ligne {
	margin: 0;
	padding: 0;
	background:#FFF;
	position:relative;
	z-index:3;
} 
.ligne li {
	float : left; 
	width : 28px; 
	color:#7E7E7E; 
}

.ligne li{display:block; height:100%; }

.ligne li a{display:block; height:100%;}
.ligne li a:hover, .ligne li.itemExistingItem:hover, .ligne li.itemExistingItem:hover a{color:#f36e02; background:#ecf3f6}
.ligne li.itemCurrentItem{background:#ecf3f6}

.ligne li.itemCurrentItem {
	color:#f36e02;
}
.ligne li.itemSelectedItem {
	color:#7E7E7E; padding:3px 2px 2px 0;
}


.ligne2 {
	margin: 0;
	padding: 0;
	background:#FFF;
	position:relative;
	z-index:3;
} 
.ligne2 li {
	float : left; 
	width : 28px;
}

.ligne2 li{display:block; height:100%; }

.ligne2 li a{display:block; height:100%; color:#6ab3de; font-weight:bold;}
.ligne2 li.itemCurrentItem2:hover, .ligne2 li.itemCurrentItem2:hover a{background:#FFF; color:#6ab3de;}

.ligne2 li.itemCurrentItem2 {
	color:#6ab3de; 
}
.ligne2 li.itemSelectedItem2 {
	color:#7E7E7E; padding:3px 2px 2px 0;
}

.calreservation {float:right; margin-right:0px;}
.calreservation tr td{ width:60px;}
.calreservation .dispo{background:#a2cc35;}
.calreservation .nonDispo{background:#faa61a;}

/****************************** CONTACT  ********************************/

#contact .colDroite{background:url('../images/bg_contactD.gif') top left no-repeat; min-height:310px;}

.formContact{margin:25px 0 10px 3px; padding:0 0 0 172px; color:#1a485c;}
.formContact p{margin:7px 0; padding:0px 3px; background:#FFF; border:1px solid #FFF; color:#1a485c; width:230px;}
.formContact p.noBorder{background:none; padding:1px 0 1px; border:none; color:#FFF;}
.formContact p input{margin:0; padding:0; background:#FFF; border:1px solid #FFF; font-size:11px; font-family:Arial; color:#1a485c; width:170px;}
.formContact p textarea{margin:0; padding:0; background:#FFF; border:1px solid #FFF; font-size:11px; font-family:Arial; color:#1a485c; width:230px; height:110px; overflow:auto;}
.formContact .submit{float:right; margin:0 4px 0 0; padding:1px 0; background:#FFF; border:1px solid #E7E7E7; font-size:10px; font-family:Arial; color:#1a485c; width:120px; text-transform:uppercase;}

.planmini{margin:5px 20px 5px 3px; float:left;}

.coordonnees{float:left; width:170px;}
.coordonnees p{font-size:12px; color:#FFF; margin:25px 0; line-height:17px;}
.coordonnees p b{font-size:14px; color:#ffc600; font-weight:normal;}

.coordonnees a,.coordonnees a:visited, .mailto,.mailto:visited{color:#FFF;}
.coordonnees a:hover, .mailto:hover{color:#ffc600;}

.texteHoraire{font-size:11px;color:#7e7e7e; margin:0; padding: 15px 10px 20px 12px; background:url('../images/bg_horaires.png') top left no-repeat !important; background:url('../images/bg_horaires.gif') top left no-repeat; text-transform:uppercase;}
.texteHoraire b{color:#f36e02; font-weight:normal;}


.formRecommander{margin:25px auto; padding:0; color:#1a485c; width:330px;}
.formRecommander p{margin:7px 0; padding:0px 3px; background:#FFF; border:1px solid #FFF; color:#1a485c; width:330px;}
.formRecommander p.noBorder{background:none; padding:1px 0 1px; border:none; color:#FFF;}
.formRecommander p input{margin:0; padding:0; background:#FFF; border:1px solid #FFF; font-size:11px; font-family:Arial; color:#f36e02; width:170px;}
.formRecommander .submit{float:right; margin:0; padding:1px 0; background:#FFF; border:1px solid #E7E7E7; font-size:10px; font-family:Arial; color:#1a485c; width:120px; text-transform:uppercase;}

/************************ TITRES ET TEXTES  **************************************/

.titre1{background:url('../images/bg_titre1.png') left no-repeat !important; background:url('../images/bg_titre1.gif') left no-repeat; font-size:16px; font-family:Arial; color:#f36e02; padding:7px 0 7px 12px; margin-bottom:10px; width:405px;}

.titre2{background:url('../images/bg_titre2.png') left no-repeat !important; background:url('../images/bg_titre2.gif') left no-repeat; font-size:16px; font-family:Arial; color:#f36e02; padding:7px 0 7px 12px; margin-bottom:10px; width:405px;}

.titre3{background:url('../images/bg_titre3.png') left no-repeat !important; background:url('../images/bg_titre3.gif') left no-repeat; font-size:16px; font-family:Arial; color:#f36e02; padding:7px 0 7px 12px; margin-bottom:10px; width:405px;}

.titre4{background:url('../images/bg_titre4.png') left no-repeat !important; background:url('../images/bg_titre4.gif') left no-repeat; font-size:16px; font-family:Arial; color:#f36e02; padding:7px 0 7px 12px; margin-bottom:10px;}

.titre5{background:url('../images/bg_titre3.png') left no-repeat !important; background:url('../images/bg_titre3.gif') top left no-repeat; font-size:16px; font-family:Arial; color:#f36e02; padding:7px 0 2px 12px; margin-bottom:0px; width:405px;}

.texte{text-align:justify; padding:3px; margin-bottom:10px; color:#FFF;}
.texteUl{text-align:justify; padding:3px; margin-bottom:2px; color:#FFF;}
.texte b, .texteUl b{color:#ffc600;}

.bleu{color:#2b5262;}


/************************************* BAN HAUT ******************************************/

.menu{font-family:Arial; font-size:14px; color:#FFF; font-weight:bold; margin:0 0 0 30px; padding:0; text-transform:uppercase; clear:both;}
.menu a, .menu a:visited{color:#FFF; display:inline; padding:5px 14px 5px 7px; font-size:14px;}
.menu a:hover, .menu a#courante{color:#ffc600;}

/********************************** PIED **********************************/

.pied {
	font-size:10px; 
	color:#7e7e7e; 
	width:100%;
	height:200px;
	margin-top:10px;
	background:url('../images/bg_pied.png') top no-repeat !important;
	background:url('../images/bg_pied.gif') top no-repeat;
	padding-top:15px;
}

.planpied{display:block; width:160px; height:98px; float:right; margin:10px 60px 0 0;}

.pied ul{float:left; margin:10px; list-style-image:url('../images/puce1.gif'); color:#7e7e7e;}
.pied ul li{margin:4px 0; padding:0;}

.pied ul.menuPied{float:left; margin:10px 10px 10px 0;  padding-left:35px; border-left:1px solid #7E7E7E; list-style-image:url('../images/puce1.gif');}
.pied ul.menuPied ul{padding-left:35px;}

.pied  a,.pied  a:visited{color:#7e7e7e;}
.pied a:hover{color:#ffc600;}

.logoPied{margin-bottom:10px; text-align:center; float:right; width:270px; margin:15px 15px 0 0; font-size:8px;}
.logoPied a, .logoPied a:visited{color:#7e7e7e;}
.logoPied a:hover{color:#ffc600;}

/***************************************  DIVERS ET LIENS   ***** ******************************/

hr{
	color: none;
	background-color: none;
	height: 0px;
	border-top:1px solid #ff4001;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:0;
	padding:0;
}

ul {list-style-type:square; font-size:11px; margin:0 0 10px 0; color:#FFF; padding:2px 10px 2px 30px;}

img.png {
behavior: url('../js/png.htc');
border:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p{margin:0;}

a{color: #7e7e7e; text-decoration:none;}
a:visited{color: #7e7e7e; text-decoration:none;}
a:hover{color:#ff4001; text-decoration:none;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}

.hrnettoyeur{
	clear: both; margin: 10px 0; padding: 0;color: none;
	background-color: none;
	height: 0px;
	border-top:1px dashed #ff4001;
	border-bottom:none;
	border-left:none;
	border-right:none;}


.pagination{margin:8px 0;text-align:center;}
.pagination a, .pagination a :visited {color: #333333;}
.pagination a:hover {color:#5e5e5e;}
.pagination .actif  {color:#110646; font-weight:bold;}

.planRub{font-size:12px; list-style-type:square; margin:30px auto; display:block; width:360px; padding:10px 30px;}
.planRub li{margin:3px 0;}
.planRub li a, .planRub li a:visited{display:block; border-bottom:1px solid #fff; padding:2px; color:#FFF;}
.planRub li a:hover{display:block; border-bottom:1px solid #f26b03; color:#f26b03; background:#efefef;}
.planSousRub{font-size:12px; list-style-image:none; list-style-type:none; border-left:1px dotted #CECECE; padding-left:10px;}
.planSousRub li{margin:1px 0;}

#tarifs .texte p {color:#FFF;}
#tarifs .texte p strong{color:#ffc600;}

/***************************************  BANDEAU JAVASCRIPT   ***********************************/
noscript div{
width:100%;
border-bottom:1px solid #F00;
background-color:#FF9;
color:#F00;
text-align:center;
padding:4px 0 4px 0;
font-weight:bold;
}
/***************************************  CONNEXION ADMIN   ***********************************/
#logbox{
padding:1px 2px 0 2px;
text-align:center;
height:120px;
margin:0 0 10px 0;
}
#logbox label{
display:block;
text-align:right;
margin:10px 4px 0 4px;
color:#FFFFFF;
padding-right:312px;
}
#logbox input[type=text],#logbox input[type=password]{
width:170px;
border:1px solid #000;
color:#000;
padding:1px 2px;
margin-left:4px;
}
#logbox input[type=submit]{margin-top:10px; border:1px solid #000; color:#000; cursor:pointer;}

h2{text-align:center;color:#333;}
.formCat .IDMarque{float:left;margin-top:4px;width:520px;}



.important {font-size:1.2em;border:2px solid #FEBD25;padding:10px;background-color:#fff;}
.orange p {background: url("../images/bg_ssMenu_orange.png") no-repeat scroll right center transparent !important;
color: #000;
    display: block;
    float: left;
    margin: 6px 3px 0 0 !important;
    padding: 4px 0 4px 5px;
    width: 197px;}
	
/* intégration du formulaire de connexion à mysportconnect.net le 01/12/2011 */ 
#formConnex {
	text-align: right;
	margin-right: 35px;
}
#formConnex label {
	display: block;
	margin: 5px 0px;
}
#formConnex .connexChamp {
	width: 200px;
}