body { background: url(image/habillage_uni.jpg); 
	   text-align: center;
		padding: 5px 0px;
		margin: 0px;	}
	
#container { text-align: left; 
			font: 13px/19px "Trebuchet MS", Georgia, "Times New Roman", serif;
			margin: 0 auto;
			border: 1px black; 
			border-style: ridge;
			width: 1024px;	
			background-color: white;}
			
#haut { font: 13px/19px "Trebuchet MS", Georgia, serif; 
		height: 100px;
		background: url(image/logo1024speleo.jpg) no-repeat 0px 0px;}
		
h1 { margin: 0;
	 padding: 0;
	 text-indent: -2000px;}	

a { text-decoration: none; }
a:hover { color: #ffcc00; text-decoration: underline; }
 		
#menu {  border: 0px solid yellow; margin-top: -2px;  height: 24px; 
		 }
#menu ul { background: #900 ; text-align: center;
			margin: 0 ;
			padding: 0 ;}
#menu li {	background: #900 ;
			color: #fff ;
			height: 24px; 
			padding: 0px;
			font: 18px Georgia,"Times New Roman", serif;
			border-right: 1px solid black;
			list-style-type: none;	
			display: inline;	 }	
#menu li a { color: #fff;  
			 height: 24px;
			 padding: 0 46px;
			font:18px Georgia,"Times New Roman",Times,serif ;
			text-decoration: none;}
#menu li a:hover, #menu li a:focus, #menu li a:active { background: #ff9933 ;
				padding: 0 46px;
				 height: 24px; color: #3300cc;
				  }
	
#gauche { float: left; margin-top: 0px;
			width: 205px;
			border-right: 0px solid black;
			background: white;		}

#centre { background: white; margin-left: 204px; padding: 0 10px;
			margin-top: 3px; margin-bottom: 40px;
			min-height:600px; }

#centre_diaporama { background: white;  padding: 0 10px;
			margin-top: 3px; margin-bottom: 40px;
			min-height:600px; }

#gal { border: 1px solid black; 
		width: 150px;  
		margin: 10px 10px 30px 10px; 
		 float: right; text-align: center;}
.titreboite_gal {  background: url(image/fondh4bis.jpg);
				background-position: 0px -3px;
				 height: 23px; color:#ff9933; 
				 text-align: center; text-transform: uppercase; font-size: 13px;}
#gal img a { text-decoration: none; }
#gal img a:hover { text-decoration: none; }
			 			
#edito { width:590px; 
	 height:120px; 
	 border: 1px solid #000000; text-align: center;
	}
			.sommet { background: #ffffcc ;
					  font: 15px/19px Arial, sans-serif;
					  color: #000099;
					  text-align: center;
					  border-bottom: 1px solid #545454;
					  height: 20px;
			 		  font-weight: bold;}
					 
			.centre { font: 13px/19px Trebuchet MS, Georgia, Times New Roman, serif;
			 		  color: black; 
					  padding: 10px;
			 		  text-align: center;
			 		  background-color: white;}	
	
			
#position { font: 14px Times; padding: 5px; height: 25px;
			border-bottom: 1px solid #c0c0c0;  }					

.flottegauche { float: left; }
.flottedroite { float: right; }
.flechehaut { margin: 20px; }
.flottecentre { margin-left: 80px; }
.flottecentre2 { margin-left: 200px; }
				
#membre { margin: 15px; text-align: center; width: 175px;
			background: url(image/decodroitesepia.jpg);
			border: 1px solid black; }
#membre table { text-align: center; margin-top: -10px;
				 font-size: 12px; margin-bottom: -5px;}
				 
.boitegauche_gal { border: 1px solid black; background: white; 
				margin:0 15px 25px 15px; }
.interieurboitegauche_gal { color:#808080;  font-size: 12px;
						 padding: 5px 10px;
						 border-top: 1px dashed #c0c0c0;
						 border-bottom: 1px dashed #c0c0c0;
						 text-align: center; }
.titreboite_gal {  background: url(image/fondh4bis.jpg);
				background-position: 0px -3px;
				 height: 23px; color:#ff9933; 
				 text-align: center; text-transform: uppercase; font-size: 13px;}
					
.boitemusique { border: 0px solid black; width: 175px;
				margin:0 15px 25px 15px; text-align: center; }	
					
.boitegauche1 { border: 1px solid black; background: white; width: 175px;
				margin:0 15px 25px 15px; text-align: center; }			 
.boitegauche { border: 1px solid black; background: white; width: 175px;
				margin:0 15px 25px 15px; }
.titreboite {  background: url(image/fondh4bis.jpg);
				background-position: 0px -3px;
				 height: 23px; color:#ff9933; width: 175px;
				 text-align: center; text-transform: uppercase; font-size: 13px;}
	
.soustitreboitegauche { text-transform: uppercase;  width: 155px !important; width: 175px; padding:0px 10px;   font-size: 13px; font-weight:bold; 
						text-align: center; }
							
.interieurboitegauche { color:#808080;  font-size: 12px; width: 155px !important; width: 175px;
						 padding: 5px 10px;
						 border-top: 1px dashed #c0c0c0;
						 border-bottom: 1px dashed #c0c0c0;
						 text-align: center; }

#lieuconference { color:#808080;  font-size: 12px; 
						margin:0 15px; padding: 5px 10px;
						 border: 1px dashed #c0c0c0;
						 text-align: center;
						  width: 155px !important; width: 175px;}

.liengauche2 {  color: #0000cc; text-decoration: none;
				 margin-top: 5px;
				 margin-left: 10px;
				padding:0px 10px; text-align: left; 
				font-family: Georgia, "Times New Roman", serif; }

.liengauche_gal {  color: #0000cc; text-decoration: none;
				 margin-bottom: 5px;
				padding:10px 10px; text-align: right; border: 0px solid black;
				font-family: Georgia, "Times New Roman", serif;}
				
.liengauche1 {  color: #0000cc; text-decoration: none;
				 width: 175px; margin-bottom: 5px;
				padding:0px 10px; text-align: right; border: 0px solid black;
				font-family: Georgia, "Times New Roman", serif;}
				
.boitegauche ul { list-style-type: none;	}
.boitegauche li { font:15px Georgia,"Times New Roman",Times,serif ;
			text-decoration: none; text-align: left;
			}
					
.boitegauche a:hover, .boitegauche a:focus, .boitegauche a:active{ color: #0000cc; 
						font-family: Georgia, "Times New Roman", serif;
						text-decoration: none}

 
 	#chapitrage {  width: 720px; }
			#chapitrage ul {  padding: 5px; background-color:#eee4c4;
							 border: solid 1px #006600;
							 list-style: none; text-align: center;} 
			#chapitrage ul li { display: inline;
							    margin: 0px;
							    padding: 10px;}
			#chapitrage ul li a:hover { color: #993300;
								  		 text-decoration: none;}	
					

			#souschapitrage ul {  padding: 0px; background-color: white;
							 	  list-style: none;  border: dotted 1px #545454;
							 	  text-align: center;}
			#souschapitrage ul li { display: inline;
							   		padding: 10px;}
			#souschapitrage ul li a:hover { color: #cc9966;
								  		 	text-decoration: none;}
	
#president {  font: 20px Georgia, Times New Roman, Times, serif;
			   color: #99cc33; }
			  
#tresorier { font: 19px Georgia, Times New Roman, Times, serif;
			 color:#ffcc66; }		  
			  
#secretaire { font: 20px Georgia, Times New Roman, Times, serif;
			  color: #cccc00 ;}
.t4 {font-size: medium;}

h2 { font: 26px Georgia, Times New Roman, Times, serif;
	 font-weight: bold;
	 text-align: center;}		  
			 	 											
h3 { margin-top: 20px;
	 color: #cc3300;
	 font: 14px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; 
	 text-align: center;}	 

h5 { color: #cc9900; font-size:1.2em;}
.sht { color: #808080; font: 13px/19px Trebuchet MS, Georgia, Times New Roman, serif;
		text-align: right;}
		
h4 { margin-top: 0px; }

#preambule {   }
	#preambule ul {  padding: 0 0 0 20px; 
					  text-align: center;} 
	#preambule ul li {   margin: 0 0 0 30px; 
								text-align: left;
							    padding: 10px;}
										   
#charte {   }
	#charte ol {  background-color:#eee4c4;
				 border: solid 1px #006600;
				 text-align: center; list-style-type: upper-roman;} 
	#charte ol li {   margin: 0 0 0 0px; 
					text-align: left; 
					 padding: 10px;}

.une { width: 170px; border: 0px solid black; margin-bottom: 5px;}
.unetexte { font-size: 11px; text-align: center; line-height: 12px; }
.unefoto {	float: left; }
.gras { font-weight: 900;  color: #c00;}
.uneref { text-align: center; font-size: 13px;}
.uneref2 { text-align: left; }


#bas { clear: both; border-top: 1px solid #808080;
		text-align: center;
		height: 50px;
		background: white;}
#bas ul { margin: 10px; padding: 0;}
#bas li { border-left: 0px solid black;
			padding:5px;
			color: #9999ff;
			text-align: center;
			list-style-type: none;	
			display: inline;	 }	
#bas li a { text-decoration: none; 
			padding: 2px;
			font-family: Georgia, "Times New Roman", serif;	}
#bas li a:hover, #bas li a:focus, #bas li a:active{ color: #ff9900;
			padding: 2px;
			font-family: Georgia, "Times New Roman", Times, serif;
			text-decoration: underline;}
			
.selectionactu { margin: 20px 10px 10px 10px;
			 border: 0px solid black; 
			 width: 590px; height: 190px;}
.selection { margin: 40px 10px 10px 10px;
			 border: 0px solid black; 
			 width: 590px; }
.selection2 { margin: 40px 10px 10px 10px;
			 border: 0px solid black; 
			 width: 500px; height: 180px;}
.titreselection { text-transform: uppercase; font-weight: bold; font-size: 13px;
					border-bottom: 1px dashed #c0c0c0; width: 590px; margin: 8px 0px;}
.titreselection2 { text-transform: uppercase; font-weight: bold; font-size: 13px;
					border-bottom: 1px dashed #c0c0c0; width: 500px; margin: 8px 0px;}
#selectionannonce { font-size: 12px; color:#808080; text-align: justify;}
#dateannonce { color: black; }
#titreannonce { text-transform: uppercase; color:#000066; padding-left: 5px;}
#selectionannonce a { text-decoration: none; }
#selectionannonce a:hover { color:#ff9900; text-decoration: underline; }
#lienactu a:hover { background: #f3f3f3; text-decoration: none;}

p { font-family: Verdana, serif; text-align: justify;
	font-size: 15px; padding:0px 30px 0px 10px;
	text-indent: 25px;}
.serre { width: 700px; padding: 20px 50px; text-indent: 0px; text-align: justify;} 

#contactformulaire { padding-left: 50px; }	

.titrepara { padding-left: 50px; font-variant: small-caps; font-size: 18px;
				padding-top: 30px;}

.titreactu { padding-left: 20px; font-variant: small-caps; font-size: 18px;
				padding-top: 30px;}
.dateactu { font-size: 11px; margin-left: 10px;
			font-style: italic; font-variant: normal;}		
				
#affichageactu { font-family: helvetica, Georgia, "Times New Roman", serif;	
				 border-bottom: 1px dashed #c0c0c0; 
				  border-top: 1px dashed #c0c0c0;
				 margin:0px 20px; text-align: justify;  }

.affann { border: 1px solid #808080;  }
.affann tr { font-family: helvetica, Georgia, "Times New Roman", serif;	font-size: 12px; color: #000000;}			 
.affann a:hover { text-decoration: none; }						 

.affref {margin:5px 80px; width: 600px;  border: 1px solid #808080; }
.affref tr { font-family: helvetica, Georgia, "Times New Roman", serif;	font-size: 12px; color: #000000;}	

.cit { clear: both; width: 800px;}			 
					 
.plandl {
margin: 20px;
padding: 0;}
.plandt {
font-size: 15px; font-weight:bold;
margin: 20px;}
.planli {
margin: 20px;
padding-left: 20px; list-style-image:url(image/fleche1.png);}

#contactecritadhesion { height: 130px;  width: 500px; background: #f3f3f3;
			 border: 1px dotted #545454; 
			 text-align: center;
			 font: 13px/19px Arial, sans-serif;
			margin-left: 140px;	}
			
#contactecrit { height: 130px;  width: 500px;
			 border: 1px dotted #545454; 
			 text-align: center;
			 font: 13px/19px Arial, sans-serif;
			margin-top: 100px;	margin-left: 100px;}

 .titre{ margin: 10px 0 10px 0; line-height: 180%;}
 .rue{ float: left;  margin: 0 0 0 30px;}
 .tel { float: right;  margin: 0 20px 0 0;}
						
.s {text-decoration: underline;}
.t5 {font-size: 2em;}
.t4 {font-size: medium;}

.remonter { text-align: right; margin-top: -25px;}

#explicationpoignee { position: relative; top:300px; left: 20px; width: 85px;
						background-color: #ffffcc; color:#990000; text-align: center;
						border: 1px solid #000099; padding: 5px; }
#poignee0 { position: relative; top: 350px; left: 123px !important; left: 122px;}
#poignee1 { position: relative; top: 1000px; left: 123px !important; left: 122px;}
#poignee2 { position: relative; top: 1650px; left: 123px !important; left: 122px;}
#poignee3 { position: relative; top: 2300px; left: 123px !important; left: 122px;}
#poignee4 { position: relative; top: 2950px; left: 123px !important; left: 122px;}
#poignee5 { position: relative; top: 3600px; left: 123px !important; left: 122px;}
#poignee6 { position: relative; top: 4250px; left: 123px !important; left: 122px;}
#poignee7 { position: relative; top: 4900px; left: 123px !important; left: 122px;}
#poignee8 { position: relative; top: 5550px; left: 123px !important; left: 122px;}
#poignee9 { position: relative; top: 6200px; left: 123px !important; left: 122px;}
#poignee10 { position: relative; top: 6850px; left: 123px !important; left: 122px;}
#poignee11 { position: relative; top: 7500px; left: 123px !important; left: 122px;}
#poignee12 { position: relative; top: 8150px; left: 123px !important; left: 122px;}
#poignee13 { position: relative; top: 8800px; left: 123px !important; left: 122px;}
#poignee14 { position: relative; top: 9450px; left: 123px !important; left: 122px;}
#poignee15 { position: relative; top: 10100px; left: 123px !important; left: 122px;}
#poignee16 { position: relative; top: 10750px; left: 123px !important; left: 122px;}
#poignee17 { position: relative; top: 11400px; left: 123px !important; left: 122px;}
#poignee18 { position: relative; top: 12050px; left: 123px !important; left: 122px;}					
		
		  	
#entetelettre{ border: 1px solid black; 
				margin: 0 40px 0 40px; 
				background-color: white;}
#entetelettre h2 { margin: 20px 100px 10px 0;
					color: black;
					font: 24px/25px Georgia, Times New Roman, Times, serif;}
#entetelettre h3 {  margin: 10px 100px 10px 0px ;
					color: black; color: #336600;
					font: 14px Georgia, Times New Roman, Times, serif;	
					font-weight: normal; 
					text-align: center;}
#imagetimbre { float: right; margin: -100px 10px 10px 10px;}
	
.titreArt { font-family: helvetica, Georgia, "Times New Roman", serif;	font-variant: small-caps;
				 background:url(image/mousqueton.jpg) no-repeat 0 10px;
				 border-bottom: 1px dashed #c0c0c0; 
				  border-top: 1px dashed #c0c0c0;
				 margin:0px 12px; text-align: justify;  }

.affichageArt {  font-size: 10px;  margin:0px 12px;
				}	
.separation_article { clear: both ; }
				
.article_foto1 { padding: 5px; float: right; margin: 10px; text-align : center; }
.article_foto2 { padding: 5px; float: left; margin: 10px; text-align : center;}
	
#redacteur { border: 1px solid #d3d3d3;
			 position: relative; top: 0px; left: 60px !important; left: 0px;
			 text-align : center;
			 width : 620px;
			 padding : 5px; margin-bottom: 10px;
			 font-family : sans-serif;
			 font-size : xx-small;
			 font-style : oblique;
			 color : Gray;}

#gauchehistorique2 { float: left; margin-top: 0px;  background: url(image/corde3.jpg) repeat-y 117px -5px;
			width: 205px; height: 9994px !important; height: 10045px;
			border-right: 0px solid black;		}			 

#sac_historique2 { text-align: center; background: white;  position: relative; top: 8685px;  left: 31px !important; left: 30px;}

#gauchepublications3 { float: left; margin-top: 0px;  background: url(image/corde3.jpg) repeat-y 117px -5px;
			width: 205px; height: 2464px !important; height: 2515px;
			border-right: 0px solid black;		}			 

#sac_publications3 { text-align: center; background: white;  position: relative; top: 1720px;  left: 31px !important; left: 30px;}
				
#affichageactu_rencontres { font-family: helvetica, Georgia, "Times New Roman", serif;	
				 border-bottom: 1px dashed #c0c0c0; 
				  border-top: 1px dashed #c0c0c0; background:#e2eebb;
				 margin:0px 20px; text-align: justify;  }
		 
#gauchestatuts { float: left; margin-top: 0px;  background: url(image/corde3.jpg) repeat-y 118px -5px;
			width: 205px; height: 3945px !important; height: 4000px; }
			
#sac_statuts { text-align: center; background: white;  position: relative; top: 3084px;  left: 28px !important; left: 27px;}
			 
				
#centrelettre { background: url(image/corde2.jpg) repeat-y -10px 0px; margin-left: 204px; padding: 0 10px;
			margin-top: 3px; margin-bottom: 40px;
			min-height:600px; }
	
#gauchelettre { float: left; margin-top: 0px;  background: url(image/corde3.jpg) repeat-y 85px 40px;
			width: 205px; 		}
			 
.titreboitelettre {  background: url(image/fondh4bis.jpg);
				background-position: 0px -3px;
				 height: 23px; color:#ff9933; width: 175px;
				 text-align: center; text-transform: uppercase; font-size: 13px;}
	 
.boitegauchelettre ul { list-style-type: none;	}
.boitegauchelettre li { font:11px Georgia,"Times New Roman",Times,serif ; margin-left: -20px; margin-top: -5px;
						text-decoration: none; text-align: left; color: #808080;	}
.boitegauchelettre a { color: #808080;	}		
.boitegauchelettre a:focus, .boitegauchelettre a:active{ color: #996699; 
						font-family: Georgia, "Times New Roman", serif;
						text-decoration: none}
.boitegauchelettre a:hover{ color: #0000cc; 
						font-family: Georgia, "Times New Roman", serif;
						text-decoration: none}
						
.boitegauchelettre { border: 1px solid black; background: white; width: 175px;
				margin:0 15px 25px 15px; }