body {
font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0px;
padding: 0px;
}
#conteneur {
position: absolute;
*width:100%;
min-width:100%;
background-color:#e9e9e9;
}
#header {
height: 186px;
margin-bottom:10px;
background-image:url("images/fond_entete.png");
border-bottom: 1px solid #848686;
min-width:100%;
}
#centre {
background-color : #f4f9fd;
padding:0;
margin-top:0px;
margin-left:165px;
margin-bottom:10px;
margin-right:5px;
border:1px solid #848686;
min-height:600px;
height:auto !important;
height:600px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
margin-left:5px;
margin-top:10px;
/margin-top:0px;
}
.menu {
background-color : #f4f9fd;
border:1px solid #848686;
margin-bottom:10px;
text-align:center;
padding-top:8px;
}
#pied {
height: auto;
padding:5px;
background-color: #E4E4E4;
border-top: 1px solid #848686;
min-width:100%;
*width:100%;
}
#onglets
{
position : absolute;
border : none;
padding : 1px;
font : bold 13px Verdana, Batang, arial, serif;
list-style-type : none;
left : 60%;
margin-top:0;
width : 700px;
margin-left : -210px;/* la moitié de width */
}
#onglets2
{
position : absolute;
border : none;
padding : 1px;
font : bold 13px Verdana, Batang, arial, serif;
list-style-type : none;
left : 55%;
margin-top : 0;
width : 400px;
margin-left : -150px;/* la moitié de width */
}
#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 4px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
	border-bottom : 1px solid #111111
	
}
#onglets2 li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 4px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
	border-bottom : 1px solid #111111
	
}
#onglets a
{
    display : block;
    text-decoration : none;
    padding : 4px;
	color : #666666;
}
#onglets2 a
{
    display : block;
    text-decoration : none;
    padding : 4px;
	color : #666666;
}
#onglets li.active
{
	border : 1px solid #111111;
    border-bottom: 1px solid #fff;
    background-color: #fff ;
}
#onglets2 li.active
{
	border : 1px solid #111111;
    border-bottom: 1px solid #fff;
    background-color: #fff ;
}
#onglets li.active a
{
	color : #000000;
}
#onglets2 li.active a
{
	color : #000000;
}
#onglets a:hover
{
    background : #fff;
	color : #000000;
}
#onglets2 a:hover
{
    background : #fff;
	color : #000000;
}
#menu_onglets
{
	border-bottom : 1px solid #000000;/*#9EA0A1*/
    padding-bottom:25px !important;
    -padding-bottom : 30px;
}
#forestopale, #titreonglet
{
display:block;
float:left;
padding:5px;
font : bold 13px Verdana, arial, serif;
}
#pied
{
text-align:center;
font-size: 1em;
padding: 2px 0px 0px 0px;
color:#3F3F3F;
}
#pied a {
color:#3F3F3F;
}
#map
{
width:100%;
height : 600px;
}
td, th
{
border: 1px solid black;
padding:1px;
}
table
{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
empty-cells: show;
margin:auto;
}
.noborder
{
border:none;
}
form, h3
{
text-align:center;
}
h2
{
color:red;
font-size:20px;
text-decoration:underline;
text-align:center;
font-weight:bold;
}
strong
{
font-weight:bolder;
font-style:italic;
}
img {
border-style:none;
}
em {
font-size:0.8em;
}
a:hover
{
text-decoration:none;
}
a:visited
{
color:#375077;
}
.menugauche a:visited
{
color:#3F3F3F;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:5px;
font : bold 14px Batang, Tahoma, arial, serif;
}
.menugauche li {
margin-bottom: 15px;
}
.menugauche a {
margin: 0px 0px;
color:#3F3F3F;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
color: #000000;
}
p {margin: 0 0 10px 0;}
.logo_entete {
float:left;
}
.center
{
text-align:center;
margin:auto;
}
.titrecategorie
{
min-width: 99%;
-width:100%;
border-bottom: 1px solid #000000;
font : bold 13px Batang, arial, serif;
padding: 6px;
left:0;
}
.club
{
border:none;
padding-right:30px;
vertical-align:top;
margin:20px;
}
.club2
{
border:none;
vertical-align:top;
margin:20px;
}
.liensutiles
{
padding: 10px;
text-align:center;
list-style-type : none;
font-size:16px;
}
.titre-cr
{
display:inline;
text-decoration: underline;
color:blue;
}
.floatright
{
float:right;
}
.padleft
{
padding-left:10px;
padding-right:10px;
font-size:17px;
}
.souligne
{
text-decoration:underline;
}
.blue
{
color:blue;
}
.red
{
color:red;
}
.smallcaps
{
font-variant:small-caps;
text-decoration:underline;
}
h4
{
text-align:center;
}
h4 a
{
color:red;
}
.album
{
width:100%;
height:1350px;
}
.left
{
text-align:left;
}
.sondage
{
float:right;
margin-right:50px;
}
.border
{
border: 2px solid #000000;
padding:5px;
width:600px;
}
.entreesite
{
display:block;
width:430px;
border:1px solid #848686;
padding:5px;
height:150px;
}
.inline
{
display: inline;
}
.small {
font-size:small;
}
.tsmall
{
font-size:10px;
width:1225px;
}

.grey
{
color:grey;
}
.clear
{
clear:both;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 4px; right: 4px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}