body {
	text-align:center;
	margin: 0 auto;
	Font-family:arial, sans-serif;
	font-size:.9em;
	background: url("../img/bandeaux.png");
}

img{
	border: 0;
}

a {
	outline: 0;
}

a.gohome {
	width:996px;
	height: 110px;
	border: 0;
	float: left;
}

#main {
	margin: 0 auto;
	width: 996px;
	height: 463px;
}

#main2 {
	margin: 0 auto;
	width: 996px;
	height: 575px;
}

#centre_flash {
	margin: 0 auto;
	width: 996px;
	height: 463px;
}

#centre_reserve {
	margin: 0 auto;
	width: 630px;
	height: 463px;
}

#pre-home {
	margin: 0 auto;
	width: 996px;
	height: 463px;
	background: transparent url("../img/pre-home.jpg") no-repeat;
	background-position: center top;
}

#txt {
	position: absolute;
/* 	z-index: 100; */
/* 	float: left; */
/* 	display:block; */
	width: 200px;
	height: 310px;
	margin-top: 145px;
	margin-left: 160px;
	border: solid 1px blue;
}

#txt h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	padding-top: 10px;
	text-align: justify;
	margin: 0px;
	line-height: 12px;
}

#clic {
	margin: 0 auto;
	position: absolute;
	/*border: solid 1px blue;*/
	width: 150px;
	height: 150px;
	margin-top: 315px;
}

#contact {
	margin: 0 auto;
	width: 996px;
	height: 463px;
	background: transparent url("../img/contact.png") no-repeat;
	background-position: center top;
}

#formulaire {
/*
	position: absolute;
	z-index: 100;
*/
	margin: 0 auto;
	width: 615px;
	height: 300px;
	margin-top: 30px;
	margin-left: 190px;
	/*border: dashed 1px green;*/
}

#formulaire_envoi {
	margin: 0 auto;
	width: 615px;
	height: 300px;
	margin-top: 30px;
	margin-left: 190px;
	border: dashed 1px green;
}

#formulaire h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	padding-top: 0px;
	text-align: justify;
	margin: 0px;
	line-height: 12px;
}

#formulaire h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding-top: 0px;
	text-align: justify;
	margin: 0px;
	line-height: 12px;
}

#formulaire h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	padding-top: 0px;
	text-align: justify;
	margin: 0px;
	line-height: 12px;
}

#formulaire_mentions {
	margin: 0 auto;
	width: 615px;
	height: 300px;
	margin-top: 30px;
	margin-left: 190px;
}

#formulaire_mentions h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	padding-top: 0px;
	text-align: justify;
	margin: 0px;
	line-height: 12px;
}

#formulaire_mentions h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding-top: 0px;
	text-align: justify;
	margin: 0px;
	line-height: 12px;
}

#formulaire_mentions h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	padding-top: 0px;
	text-align: justify;
	margin: 0px;
	line-height: 14px;
}


.t1 {font-family: Verdana, sans-serif; font-size: 9px; font-style: normal; color: #000000; padding-left: 6px;}
.t2 {font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; padding-left: 0px;}
.t3 {font-family: Verdana, sans-serif; font-size: 9px; font-style: normal; font-weight: bold; color: #e6418d; padding-left: 6px;height:20px;}

.requis {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	padding-top: 0px;
	text-align: justify;
	margin: 0px;
	line-height: 12px;
}

.contact_titre {
	margin: 0 auto;
	width: 630px;
	height: 70px;
	padding-top: 0px;
	/*border: 1px dotted red;*/
}

.contact_typo {
	display: block;
	margin: 0 auto;
	width: 250px;
	height: 65px;
	float: left;
	padding-top: 5px;
	background: transparent url("../img/titre-contact.png") no-repeat;
	background-position: center bottom;
	/*border: 1px dotted green;*/
}

.contact_sortie {
	display: block;
	margin: 0 auto;
	width: 125px;
	height: 56px;
	float: right;
	text-align: right;
	padding-right: 5px;
	padding-top: 10px;
	/*border: 1px dotted blue;*/
}

.credits_titre {
	margin: 0 auto;
	width: 630px;
	height: 70px;
	padding-top: 0px;
	/*border: 1px dotted red;*/
}

.credits_typo {
	display: block;
	margin: 0 auto;
	width: 250px;
	height: 65px;
	float: left;
	padding-top: 5px;
	background: transparent url("../img/titre-credits.png") no-repeat;
	background-position: center bottom;
	/*border: 1px dotted green;*/
}

.credits_sortie {
	display: block;
	margin: 0 auto;
	width: 125px;
	height: 56px;
	float: right;
	text-align: right;
	padding-right: 5px;
	padding-top: 10px;
	/*border: 1px dotted blue;*/
}

.mentions_titre {
	margin: 0 auto;
	width: 630px;
	height: 70px;
	padding-top: 0px;
	/*border: 1px dotted red;*/
}

.mentions_typo {
	display: block;
	margin: 0 auto;
	width: 440px;
	height: 65px;
	float: left;
	padding-top: 5px;
	background: transparent url("../img/titre-mentions.png") no-repeat;
	background-position: center bottom;
	/*border: 1px dotted green;*/
}

.mentions_sortie {
	display: block;
	margin: 0 auto;
	width: 125px;
	height: 56px;
	float: right;
	text-align: right;
	padding-right: 5px;
	padding-top: 10px;
	/*border: 1px dotted blue;*/
}


/*------------ Titre Le Reserve --------------------*/

.reserve_titre {
	margin: 0 auto;
	width: 630px;
	height: 70px;
	padding-top: 0px;
	/*border: 1px dotted red;*/
}

.reserve_typo {
	display: block;
	margin: 0 auto;
	width: 250px;
	height: 65px;
	float: left;
	padding-top: 5px;
	background: transparent url("../img/titre-reserve2.png") no-repeat;
	background-position: center bottom;
	/*border: 1px dotted green;*/
}

.reserve_retour_liste{
	margin: 0 auto;
	width: 250px;
	height: 20px;
	float: right;
	text-align: left;
	vertical-align: bottom;
	padding-top: 50px;
	/*border: 1px dotted green;*/
}

.reserve_sortie {
	display: block;
	margin: 0 auto;
	width: 125px;
	height: 56px;
	float: right;
	text-align: right;
	padding-right: 5px;
	padding-top: 10px;
	/*border: 1px dotted blue;*/
}

.bandeau_recherche {
	margin: 0 auto;
	width: 620px;
	height: 50px;
	padding-top: 0px;
	text-align: left;
	/*background: transparent url("../img/bandeau_recherche.jpg") no-repeat;*/
	background-color: #fff;
	/*border: 1px dotted blue;*/
}

.separateur{
	margin: 0 auto;
	width: 620px;
	height: 1px;
	background-color: #e6418d;
}

.separateur2{
	margin: 0 auto;
	width: 620px;
	height: 1px;
	background-color: #ee7f2a;
}

.separateur3{
	margin: 0 auto;
	width: 620px;
	height: 1px;
	background-color: #eee;
}

.separateur4{
	margin: 0 auto;
	width: 620px;
	height: 10px;
	background-color: #fff;
}

.separateur5{
	margin: 0 auto;
	width: 620px;
	height: 25px;
	background-color: #fff;
}

.separateur6{
	margin: 0 auto;
	width: 620px;
	height: 60px;
	background-color: #fff;
}


/*------------ FIN --------------------*/


/*------------ Titre resultats --------------------*/

.titre_resultats {
	margin: 0 auto;
	width: 630px;
	height: 20px;
	font-family: Verdana, sans-serif; font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #e6418d;
	padding-left: 0px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 5px;
	/* border: solid 1px red;*/
}

/*------------ FIN --------------------*/


/*------------ Fiche(s) --------------------*/

.liste {margin: 0 auto; width: 305px; height: 240px; border: solid 1px green;}
.fiche {margin: 0 auto; width: 305px; height: 74px; border: solid 1px pink;}
.whitespace2 {margin: 0 auto; width: 305px; height: 3px;}

/*------------ FIN --------------------*/

/*------------ Détail fiche ---------------*/

#fiche{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:10px;
	width:630px;
	height:310px;
	Font-family:Verdana, sans-serif;
	font-size:10px;
	color:#9a9a9a;
}

#image{
	cursor:pointer;
	position:absolute;
	left:0px;
	top:0px;
}

#nom_fiche{
	position:absolute;
	left:160px;
	top:0px;
	color:black;
	font-size:11px;
	font-weight:bold;
}

#cat_fiche{
	font-size:11px;
	position:absolute;
	left:160px;
	top:20px;
	color:#cc6699;
}

#desc_fiche{
	position:absolute;
	left:160px;
	top:40px;
	overflow:auto;
	text-align:justify;
}

.f_desc{
	overflow:hidden;
	height:30px;
	width:170px;
	text-align:justify;
}

a.tf:hover { 
	color: #e6418d;
	text-decoration: underline;
}

a.tf {
	border: 0; 
	font-size:9px; 
	color:#999; 
	font-weight: bold; 
	padding-left: 6px;
}


/*------------ FIN --------------------*/




/*------------ Paginator --------------------*/
#paginator{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/*------------ FIN --------------------*/





/*------------ Footer --------------------*/

#footer {
	margin: 0 auto;
	width: 340px;
	height: 19px;
	padding-top: 10px;
	background: transparent url("../img/transp.png") repeat;
	background-position: center bottom;
}

#footer1 {
	margin: 0 auto;
	width: 996px;
	height: 35px;
}

#footer1 h1 {
	margin: 0 auto;
	Font-family:Verdana, sans-serif;
	font-size:10px;
	color:#9a9a9a;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}


#footer2 {
	margin: 0 auto;
	padding-top:13px;
	width: 996px;
	height: 20px;
	Font-family:Verdana, sans-serif;
	font-size:10px;
	color:#444;
}


.liens {margin: 0 auto; width: 322px; height: 40px;	padding-top: 10px;}
.config {display: inline; margin: 0 auto; width: 130px;	height: 19px; float: middle; Font-family:Verdana, sans-serif; font-size:10px; color:#9a9a9a;}
.plugin {display: inline; margin: 0 auto; width: 80px; height: 19px; float: right; background: transparent url("../img/plugin.png") no-repeat; background-position: center top;}
.resolution {display: inline; margin: 0 auto; width: 130px; height: 19px; float: right; background: transparent url("../img/resolution.png") no-repeat; background-position: center top;}
.goffbb {display: inline; margin: 0 auto;	width: 20px; height: 19px; float: right; background: transparent url("../img/ffbb.png") no-repeat; background-position: center top;}

/*------------ FIN --------------------*/


a.lien_page_nav {
	border: 0;
	Font-family:Verdana, sans-serif;
	font-size:10px;
	font-weight: bold;
	color:#e78fb1;
	text-decoration:none;
	padding-top: 20px;
}

a.lien_page_nav:hover {
	color: #000000;
}


/*------------ Liens + Roll Over Navigation principale --------------------*/

a.accueil {display: block; width:108px; height: 36px; background: url("../img/accueil_off.jpg") no-repeat; border: 0;}
a.accueil:hover {background: url("../img/accueil_on.jpg") no-repeat; border: 0;}
a.vestiaires {display: block; width:108px; height: 36px; background: url("../img/vestiaires_off.jpg") no-repeat; border: 0;}
a.vestiaires:hover {background: url("../img/vestiaires_on.jpg") no-repeat; border: 0;}
a.gymnase {display: block; width:108px; height: 36px; background: url("../img/gymnase_off.jpg") no-repeat; border: 0;}
a.gymnase:hover {background: url("../img/gymnase_on.jpg") no-repeat; border: 0;}
a.galerie {display: block; width:108px; height: 36px; background: url("../img/galerie_off.jpg") no-repeat; border: 0;}
a.galerie:hover {background: url("../img/galerie_on.jpg") no-repeat; border: 0;}
a.reserve {display: block;	width:108px; height: 36px; background: url("../img/reserve_on.jpg") no-repeat; border: 0;}

/*------------ FIN --------------------*/


a.go {border: 0; Font-family:Verdana, sans-serif; font-size:10px; color:#b86b89; text-decoration:underline;}


/*------------ Liens Navigation Institutionnelle --------------------*/

a.navinstit {border: 0;	Font-family:Verdana, sans-serif; font-size:10px; color:#9a9a9a; text-decoration:none;}
a.navinstit:hover {color: #f38400;}

/*------------ FIN --------------------*/


/*------------ Liens Fiches --------------------*/

a.suite {border: 0;	Font-family:Verdana, sans-serif; font-size:9px; font-weight: bold; color:#888; text-decoration:none;}
a.suite:hover {color: #e6418d;}


/*------------ FIN --------------------*/



/*------------ Liens Crédits --------------------*/

a.brint {border: 0; Font-family:Verdana, sans-serif; font-size:10px; color:#777; text-decoration:none; vertical-align: baseline; text-align:left;}
a.brint:hover {text-decoration: underline;}

a.ledanslo {border: 0; Font-family:Verdana, sans-serif; font-size:10px; color:#777; text-decoration:none; vertical-align: bottom; text-align:left;}
a.ledanslo:hover {text-decoration: underline;}

/*------------ FIN --------------------*/