body {
	margin: 0;
	padding: 0;
	background: black;
	font-family: verdana, sans-serif;
	color: white;
	width: 1000px;
	behavior: url(csshover.htc);
}

a {
	color: rgb(120,130,200);
	text-decoration: none;
}

a:hover {
	color: rgb(40,40,230);
	text-decoration: underline;
}

h2 {
	text-align: center;
	margin: 15px 0 20px;
	color: #DD6900;
	font-size: 30px;
	letter-spacing: 5px;
}

h6 {
	z-index: 1;
	height: 150px;
	width: 1000px;
	background: black url(image/haut-page.jpg) no-repeat left;
	float: left;
	font-size: 24px;
	letter-spacing: 0.25em;
	text-align: right;
	display: block;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
}

h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	display: none;
	height: 0;
}

h4 {
	margin: 5px;
	font-size: 15px;
	text-align: center;
	color: #DD6900;
	letter-spacing: 0;
}




/* ########################### BANDEAU GAUCHE ########################## */
div#bandeau_gauche {
	height: 500px;
	width: 150px;
	background: black; 	
	float: left;
}

div#bandeau_gauche ul {
	background: transparent url(image/menu-principal.jpg) top left no-repeat; 
	height: 315px;
	width: 150px;
	text-align: center;
}

div#bandeau_gauche ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}

div#bandeau_gauche a { 
	display: block; 
	height: 40px;
	width: 150px;
	line-height: 40px;
	color: white;
	font-size: 18px;
	text-decoration: none;
}

div#bandeau_gauche a:hover { 
	color: rgb(40,40,230);
}


a#menu1 {
	letter-spacing: 0,3em;
}

a#menu1:hover {
	background: transparent url(image/menu-principal.jpg) top left no-repeat;
	background-position: 0% -315px; 
}

a#menu2:hover {
	background: transparent url(image/menu-principal.jpg) top left no-repeat;
	background-position: 0% -355px;
}

a#menu3:hover {
	background: transparent url(image/menu-principal.jpg) top left no-repeat;
	background-position: 0% -395px;
}

a#menu4:hover {
	background: transparent url(image/menu-principal.jpg) top left no-repeat;
	background-position: 0% -435px;
}

a#menu5:hover {
	background: transparent url(image/menu-principal.jpg) top left no-repeat;
	background-position: 0% -475px;
}

a#menu6:hover {
	background: transparent url(image/menu-principal.jpg) top left no-repeat;
	background-position: 0% -515px;
}


a#menu7:hover {
	background: transparent url(image/menu-principal.jpg) top left no-repeat;
	background-position: 0% -555px;
}


/* ################################## CENTRE ################################# */


div#centre {
	background: transparent url(image/angle-page.gif) top left no-repeat;
	float: left;	
	width: 850px;
	height: 500px;
}


div#accueil {
	width: 845px;
	height: 500px;
	font-size: 12px;
	text-align: justify;
	line-height: 26px;
	margin-left: 5px;
}

div#accueil p {
	text-align: right;
	font-size: 16px;
}

a#salege {
	float: right;
	display: block;
	width: 300px;
	height: 200px;
	font-size: 11px;
	color: black;
	background: transparent url(image/salege.jpg) top left no-repeat;
	background-position: 0 -200px;
	text-align: left;
	margin: 5px 0 0 5px;
	line-height: 16px;
}


a#salege:hover {
	background: transparent url(image/salege.jpg) top left no-repeat;
	background-position: 0 0;
}

img.logo {
	float: left;	
	width: 130px;
	height: 176px;
	margin-left: -140px;
	margin-top: -176px;
	clear: both;
}



/* ################################## images photo ########################### */

div#enfermes {
	z-index: 1;
	position: absolute;
	left: 800px;
	top: 165px;
	height: 142px;
	width: 171px;
	background: transparent url(image/photo-enfermes.jpg) top left no-repeat;
}

div#centre > div#partis {
	z-index: 1;
	position: absolute;
	left: 700px;
	top: 350px;
	height: 79px;
	width: 200px;
	background: transparent url(image/partis-belle.jpg) top left no-repeat;
}

div#rene {
	z-index: 1;
	position: absolute;
	left: 190px;
	top: 220px;
	height: 133px;
	width: 165px;
	background: transparent url(image/photo-rene.jpg) top left no-repeat;
}

div#liste {
	z-index: 1;
	position: absolute;
	left: 790px;
	top: 460px;
	height: 217px;
	width: 200px;
	background: transparent url(image/liste-courses.jpg) top left no-repeat;
}


div#photo-suppl {
	display: block;
	position: absolute;
	top: 400px;
	left: 170px;
	width: 260px;
	line-height: 20px;
	font-size: 10px;
	text-align: justify;
}

div#photo-suppl p {
	display: block;
	float: left;
	width: 250px;
	border: 1px solid;
	border-color: rgb(120,130,200) rgb(40,40,230) rgb(40,40,230) rgb(120,130,200);
	margin-bottom: 5px;
	padding: 3px;
}

div#menuphoto {
	z-index: 4;
	height: 480px;
	width: 300px;
	background: transparent url(image/menu-photo.gif) top left no-repeat;
	text-align: left;
	margin-left: 300px;
	margin-bottom: 20px;
	padding: 0;
}

div#menuphoto a,h5 { 
	display: block;
	height: 34px;
	width: 330px;
	padding-left: 80px;
	padding-top: 14px;
	font-size: 18px;
	color: white;
	text-decoration: none;
	font-weight: normal;
	border: none;
}

div#menuphoto a:hover,h5:hover {
	color: rgb(40,40,230);
}

/* ______________ positionement du menu photo pour IE ________________ */

a#photovieux {
	position: relative;
	top: 7px;
	left: 0px;
}

a#photomembres {
	position: relative;
	top: 41px;
	left: 0px;
}

a#photospeleo {
	position: relative;
	top: 75px;
	left: 0px;
}

h5#photospeleoporno {
	position: relative;
	top: 90px;
	left: 0px;
}

a#photoactivites {
	position: relative;
	top: 107px;
	left: 0px;
}

a#photoglandouille {
	position: relative;
	top: 149px;
	left: 0px;
}
/* ______________ fin du positionement du menu photo pour IE ________________ */


div#menuphoto > a#photovieux {
	position: relative;
	top: 7px;
	left: 0px;
}

a#photovieux:hover {
	background: transparent url(image/menu-photo-entree.gif) top left no-repeat; 
}

div#menuphoto > a#photomembres {
	position: relative;
	top: 41px;
	left: 0px;
}

a#photomembres:hover {
	background: transparent url(image/menu-photo-descente.gif) top left no-repeat; 
}

div#menuphoto > a#photospeleo {
	position: relative;
	top: 75px;
	left: 0px;
}

a#photospeleo:hover {
	background: transparent url(image/menu-photo-descente.gif) top left no-repeat;
}

div#menuphoto > h5#photospeleoporno {
	position: relative;
	top: 83px;
	left: 0px;
}

h5#photospeleoporno:hover {
	background: transparent url(image/menu-photo-descente.gif) top left no-repeat;
}

div#menuphoto > a#photoactivites {
	position: relative;
	top: 89px;
	left: 0px;
}

a#photoactivites:hover {
	background: transparent url(image/menu-photo-descente.gif) top left no-repeat; 
}

div#menuphoto > a#photoglandouille {
	position: relative;
	top: 127px;
	left: 0px;
}

a#photoglandouille:hover {
	background: transparent url(image/menu-photo-sortie.gif) top left no-repeat;
}


/* ______________ DIV speleo porno ________________ */
h5#photospeleoporno div {
        z-index: 4;
	position: absolute;
	top: -200px;
	left: -900px;
	display: block;
	width: 250px;
	border: solid 2px;
        border-color: rgb(120,130,200) rgb(40,40,230) rgb(40,40,230) rgb(120,130,200);
        background: silver;
	color: black;
	font-size: 12px;
	font-family: verdana, sans-serif;
	text-align: justify;
	padding: 5px;
}	

h5#photospeleoporno:hover div {
        z-index: 4;
	position: absolute;
	top: -80px;
	left: 250px;
}


/* #################################### LISTING ###################################### */

div#listing { 
	text-align: center;
	height: 500px;	
}




div#listing a {	
	height: 200px;
	width: 200px;
	float: left;
	display: block;
	font-size: 12px;
	padding: 5px 5px 0 5px;
	border-top: rgb(120,130,200) solid 1px;
	color: white;
	text-align: center;
}


div#listing a:hover {
	text-decoration: none;
}

div#listing img{ 
	border: 1px solid;
	border-color: rgb(120,130,200) rgb(40,40,230) rgb(40,40,230) rgb(120,130,200);	
}



/* ################################### IMAGE ###################################### */
div#image{
	text-align: center;
	padding-top: 10px;
	height: 500px;
}

div#image img {
	border: none;
}




/* ######################################## ACTIVITES ###################################### */

div#centre a.avant {
	display: block;
	position: absolute;
	top: 0px;
	left: 830px;
	width: 60px;
	height: 150px;
	z-index: 5;
	background: transparent url(image/chauve-souris-avant.gif) top left no-repeat;
	background-position : -60px 0;
	font-size: 11px;
	text-align: left;
}

div#centre a.apres {
	display: block;
	position: absolute;
	top: 0px;
	left: 890px;
	width: 60px;
	height: 150px;
	z-index: 5;
	background: transparent url(image/chauve-souris-apres.gif) top left no-repeat;
	font-size: 11px;
	text-align: right;
}


div#centre a.avant:hover {
	background-position : 0 0;
}

div#centre a.apres:hover {
	background-position : -60px 0;
}

div#activites-we {
	z-index: 5;
	width: 173px;
	font-size: 11px;
	text-align: justify;
	line-height: 17px;
	border: 1px solid;
	border-color: rgb(120,130,200) rgb(40,40,230) rgb(40,40,230) rgb(120,130,200);
        margin: 5px 0 0 0;
}


div#activites-we p {
	margin: 5px;
}

.non-prevu{
	float: left;
	top: 155px;
	left: 155px;
	height: 302px;
        clear: both;
}

.initiation {
	float: left;
	top: 465px;
	left: 155px;
	height: 184px;
        clear: both;
}

table#calendrier {
	z-index: 5;
	height: 495px;
	width: 667px;
	text-align: center;
        margin: 5px 0 0 4px;
	background-color: rgb(0,0,0);
}

table#calendrier tr {	
	empty-cells: show;
}

tr#mois {
	height: 30px;
	border-bottom: rgb(90,90,90) 1px solid;
}

tr#mois th {
	font-size: 18px;
	border: rgb(120,130,200) 1px solid;
	border-left: none;
}

th#jour {
	width: 17px;
	font-size: 10px;
	font-weight: normal;
	border: rgb(120,130,200) 1px solid;
	border-top: none;
}



td#we {
	background-color: rgb(170,170,170);		
}

table#calendrier td#we-ini {
	background-color: rgb(200,185,170);
	
	color: #DD6900;
}

table#calendrier td#expe {
	color: rgb(110,110,110);
}


table#calendrier td {
	width: 130px;
	border: rgb(90,90,90) solid;
	border-width: 0 1px 1px 0;
	empty-cells: show;
	font-size: 10px;
	color: rgb(40,40,230);	
}




/* ______________ DETAILS SORTIES ________________ */

table#calendrier div {
        z-index: 5;
	position: absolute;
	top: 250px;
	left: -900px;
	display: block;
	width: 300px;
	border: solid 2px;
        border-color: rgb(120,130,200) rgb(40,40,230) rgb(40,40,230) rgb(120,130,200);
        background: black;
}

table#calendrier div h4{
        color: rgb(120,130,200);
}

table#calendrier td:hover div {
	position: absolute;
	top: 300px;
	left: 520px;
}

table#calendrier p {
	color: white;
	text-align: justify;
	font-size: 11px;
	margin: 5px;
        margin-bottom: 10px;
}

table#calendrier p.img {
	text-align: center;
}


/* ##################################### TARIFS ###################################### */
div#tarifs {
	z-index: 5;
	float: left;
	width: 845px;
        height: 500px;
        padding-left: 5px;
	font-size: 12px;
	text-align: center;
	line-height: 26px;
}

div#tarifs table {
	width: 450px;
	empty-cells: show;
	text-align: center;
}

div#tarifs td {
	width: 150px;
	height: 25px;
	font-size: 12px;
	border: rgb(100,100,100) solid;
	border-width: 0 1px 1px 0;
	empty-cells: show;
}

div#tarifs th {
	font-size: 12px;
	font-weight: bold;
	border: rgb(120,130,200) solid;
	border-width: 1px 1px 1px 0;
}


div#tarifs p {
	font-size: 12px;
	text-align: justify;
}

div#tarifs li {
	font-size: 12px;
	list-style-type: disc;
	text-align: left;
}









/* ######################################## PUBLI ###################################### */

div#sesame a:hover {
	text-decoration: none;
}

div#sesame img { 
	border: 1px solid;
	border-color: rgb(120,130,200) rgb(40,40,230) rgb(40,40,230) rgb(120,130,200);
	padding: 2px;	
}

div#sesame h4 { 
	border: 0;
	display: block;	
	float : left;
	width : 410px;
}

div#sesame #centre { 
	border: 0;
	display: block;	
	float : left;
	width : 820px;
}


/* #################################### CONTATCS ###################################### */
div#contacts {
	z-index: 5;
        float: left;
        padding-left: 5px;
	width: 840px;
	font-size: 12px;
	text-align: justify;
	line-height: 22px;
}

div#contacts p {
	float: left;
	display: block;
	width: 260px;
	text-align: center;
	margin: -5px 0 15px 15px;
}

div#contacts h2 {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 15px;
}

div#contacts img {
	float: right;
	margin: 0 0 0 5px;
	width: 513px;
	height: 308px;
	border: 2px solid;
	border-color: rgb(120,130,200) rgb(40,40,230) rgb(40,40,230) rgb(120,130,200);
}

p#webmaster {
	position: absolute;
	top: 500px;
	left: 15px;
	width: 110px;
	height: 145px;
	font-size: 11px;
	text-align: center;
	line-height: 25px;
	margin: 0;
	padding: 5px;
}


/* #################################### TELECHARGEMENTS ###################################### */
div#telechargement {
	z-index: 5;
        float: left;
        padding-left: 25px;
	width: 825px;
	height: 500px;
	font-size: 12px;
	text-align: justify;
	line-height: 26px;
}

div#telechargement h2{
	line-height: 32px;
}


*/