/* CSS Document */
	
	body {
		margin:20px 40px 0px 40px;
		}
	
	#main {
		border:1px solid #000; 
		background:#fff;
		}

	#pied{
		border:1px solid #000; 
		background:#CC9900;
		
		}
/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#main #menu { 				/*bloc droit*/
		border-left:1px solid #000; 
		border-bottom:3px solid #FF6600;
		float:right;
		width:195px;
		background:#eee;
		margin:0px 0px 10px 10px;
		}
		
	p,h1,pre,ocre {
		margin:0px 10px 10px 10px;
		}
		
		
	h1 {font-family:Verdana, Arial, Helvetica, sans-serif ;
		font-size:1.1em;
		padding-top:10px;
		color:#FF9900;
		}
	h4  {font:  small-caps bolder 1em Verdana, Arial, Helvetica, sans-serif ;
		padding-top:10px;
		text-align:center;
		color:#993399;      /*<violet  brun#663300 vert#63B471 */
		}
		
	h3 {font:  0.9em Verdana, Arial, Helvetica, sans-serif ;
		padding-bottom:10px 0px;
		margin-left:10px;
		color:#cc9900;
		}
		
		
	.ocre {font:  0.9em Verdana, Arial, Helvetica, sans-serif ;
		color:#993300;
		}
		
		
		hr.e {border: none 0; 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #ccc;
	width: 40%;
	height: 2px;
	margin: 15px 10px;
	text-align: left;
	}	

		.boitebrune {
	margin: 15px; 
	background: #AE5EAE;/*#CC3300#FF5217*/
	width: 60%; 
	height: auto;
	padding: 15px;
	}

		
	#menu p { font-family:Verdana, Arial, Helvetica, sans-serif ;
			font-size:0.7em;
			}
	
	#main p {font-family:Verdana, Arial, Helvetica, sans-serif ;
	   font-size:0.8em;
		}
	#list ul{
		list-style: square  url(img/liste.jpg) inside;
		}
	#main li{
		font-size: 0.8em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height: 18px;
		margin:0px 0px 10px 10px;
		
		}
	
	#wrap {overflow:hidden;}/*style pour entourer qd 2 colonnes*/
	
	.left{
		float:left;
		width:50%;
		text-align:justify;
	}	
	.right  {
		float:right;

		margin-left:20px;
		text-align:justify;
	}
	
	#col ul li{
	margin: 20px;
	
	}

	
	.petit{ font: 0.6em/0.8em Verdana, Arial, Helvetica, sans-serif ;
	margin-top:5px;
		}
	.moyen{ font: 0.8em Verdana, Arial, Helvetica, sans-serif,;
	color:#999; 
	margin-top:5px;
		}

a.haut {   /*styles pour la flèche Haut*/
     display: block;
	 float:right; 
	 margin:10px 20px 10px 20px;
     width: 30px; 
     height: 31px; 
     background-image: url(img/haut_off.jpg); 
     background-repeat: no-repeat;
     }
	 
a.haut:hover { 
     background-image: url(img/haut_on.jpg);  
     } 
	 
/*Styles pour la sous-nav *************/
#ssmenu {
margin: 0;
padding: 0;
}
	
	#ssmenu ul {
margin: 0;
padding-left: 0;
float: left;
font-weight: bold;
width: 66%;
border: 1px solid #ddd;
border-width: 1px 0;
margin-bottom: 1em;
}

* html #ssmenu ul { /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#ssmenu ul li {
display: inline;
}

#ssmenu ul li a {
float: left;
color: #666;
padding: 4px 6px 5px 6px;
text-decoration: none;
background-color: #fff;
}

#ssmenu ul li a:hover {
color: #000;
background-color: #f4f4f4;
border-bottom: 5px solid #ffcc00;
padding-bottom: 0;
}

#ssmenu #current a {
color: #000;
background-color: #f4f4f4;
border-bottom: 5px solid #ffcc00;
padding-bottom: 0;
}
/*Fin pour la sous-nav *************/ 

/*style pour les tableaux *************/
.content-table { /*je mettrais bien un overflow pour les tableaux trop long...*/
width: 540px; 
height:350px;
margin-left:10px;
background-color: #333;
overflow:scroll;
}
.content-table2 { /*pour la bd des adhérents*/
width: 585px; 
height:150px;
margin-left:10px;
background-color: #333;
overflow:no;
}
.css caption { visibility:hidden}

.css thead th {
background-color: #333;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
height: 40px;
border-top: 5px solid #000;
border-bottom: 5px solid #000;
}

.css tbody td {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #333;
color: #fff;
padding-left: 3px;
height: 55px;
border: 1px solid #373B3E;

}

.css tbody td a:link {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff6600;
font-weight: bold;
text-decoration: none;
}

.css tbody td a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff6600;
font-weight: bold;
text-decoration: none;
}

.css tbody td a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff6600;
font-weight: bold;
text-decoration: underline;
}

.css tbody th {
background-color: #373a3e;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
text-align: left;
padding-left: 4px;
width: 30%;
}

/*FIN  pour les tableaux *************/


/*style pour les liens *************/

/* style du lien */
a.gen:link {
text-decoration: underline;
color: #d77600;
}
/* style du lien qui a déjà été visité */
a.gen:visited {
text-decoration: underline;
color: #81934f;
}
/* style du lien qui est survolé par la souris */
a.gen:hover {
text-decoration:none;
color: #d04d0b;
}
/* style du lien au moment où il est cliqué */
a.gen:active {
text-decoration: underline;
color: #d04d0b;
}
/* style du lien quand il reçoit le focus (avec la touche TAB par exemple) */
/*a.gen:focus {
text-decoration: underline;
color: #990000;
background-color: #cccccc;}
/* ne marche pas sur IE6 et IE7 */


/*FIN style pour les liens *************/


/*style pour le menu  *************/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#nav {
position:absolute;
top: 1.3em;
left: 37em;
width: 12em;
}

#nav dt {
cursor: pointer;
background: #d77600 url(img/nav/@menu.jpg) no-repeat left 2px;/*FFE391*/
height: 35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
margin: 4px 0;
border: 1px solid gray;
text-align: center;
padding-left:40px;
padding-top:2px;
font-weight: bold;
}

#nav dt current:a {
background:#999900;
}


#nav dd { /*ssmenu*/
position: absolute;
z-index: 100;
left: -8em;
margin-top: -1.4em;
width: 13em;
background:#EAA048; /* ecb67a FF9933*/
border: 2px dashed #d77600;
}

#nav ul {
padding: 2px;
}
#nav li {
text-align: center;
font-size: 90%;
font-weight:500;
font-family:Verdana, Arial, Helvetica, sans-serif;
height: 28px;
line-height: 13px;
}
#nav li a, #nav dt a {
color: #000;
text-decoration: none;
display: block;
}


#nav li a:hover {
text-decoration: underline;
font-size: 105%;
}
.Style2 {color: #FFE391}

.texte_actu_accueil {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}