/*------- GENERAL -----------*/
body {
	margin:0; padding:0; color:#DBDBDB;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background:#000;
}
h1 {
	line-height: 40px;
	vertical-align: middle;
}
h4 {
	margin-top: 10px;
}
#Page {
	width:954px;
	margin-left:auto;
	margin-right:auto;
	}
#IntroAnim {
	width:100%;
	height:100%;
	}
#BeforeAnim {
	height:100%;
	width:100%;
	}
ul {
	list-style:none;
}
img {
	border:none;
}
a {
	text-decoration:none; outline:none; color:#000000;
}
.spacer {
	line-height:0; font-size:0; clear:both;
}
.not_marged { margin:0; padding:0; border:0; }
/*--------- TOP MENU -----------*/

#Top { 
	margin-top: 10px;
	padding-bottom:10px;
	background-image:url(images/BkgHead.jpg);
	background-position: right;
	background-repeat:no-repeat;
 }
#Intro {
	Width: 100%;
	height:220px;
	text-align: center;
	margin-top: 10px;
	vertical-align: bottom;
	background-image: url(images/BkgIndex.jpg); background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;
	}
#HeadIndex {
	height: 220px;
	}
#Top h1 {
	margin-left: 130px;
	font-size: 16px;
	color:#FF3333;
	vertical-align:bottom;

} 
#Logo { width:220px; }
#acces { width:500px; float:right; text-align:right; font-size:11px; margin-bottom:5px; }
#TopMenu {
	width:100%; margin:0; height:8px;
	background-image:url(images/BkgTopMenu.jpg);
}
.BkgAnim {
	background-image:url(images/BkgAnim.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}
#menu {
	text-align:left;
	height:30px;
	margin-top: 4px;

}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	margin-right: 5px;
	padding-top: 5px;
	background-color: #9D9D9D;
	text-decoration: none;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #383838;
}

#menu a:hover {
	background-color: #000000;
	text-decoration: underline;
	color:#FFCC33;
	font-weight:bold;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	border-bottom: 0;
}
.suitemenu{
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
}
#menu .active a {
	background-color:#000000;
	color:#FFCC33;
	font-weight:bold;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	border-bottom: 0;
}
/********Second Menu******/
#menu2 {
	text-align:left;
	height:30px;
	margin-top: 12px;

}

#menu2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu2 li {
	display: inline;
}

#menu2 a {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	margin-right: 5px;
	padding-top: 5px;
	background-color: #CDCDCD;
	text-decoration: none;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #383838;
}

#menu2 a:hover {
	background-color:#E9E9E9;
	text-decoration: underline;
	color:#000000;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	border-bottom: 0;
}

#menu2 .active a {
	background-color:#E9E9E9;
	color:#000000;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	border-bottom: 0;
}
/*--------- HEADER ----------*/
#header {
	width:722px; margin:0 auto; height:214px; padding:39px 0 0 58px;
	background:url(images/header-bg.jpg) 0 0 no-repeat;
}
#header img {
	display:block;
}
#header h1 {
	width:230px; height:27px; padding:10px 0 0 6px; text-align:center;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; 
}

/*--------- BODY ----------*/
#body {
	
	width:950px;
	margin:0 auto;
	font-size:12px; line-height:16px;
	background-color:#dde2e5;
	background-image: url(images/BkgBody.jpg);
	background-repeat:repeat-x;
	color:#666666;
}
#body a {
	text-decoration:underline;
	}
/*
#body h2 {
	text-indent:-2000px; height:16px; margin:0 0 22px;
}
#body p {
	padding:0 0 30px;
}
#body p span {
	color:#9D180A; background-color:#000; font-weight:bold;
}
/*------ LEFT PANEL -------*/
.Left {
	float:left;
	position: block;
}
.Right { float:right; position: fixed }
#footer {
	background-image:url(images/BkgFoot.jpg); background-repeat:repeat-x;
	margin-bottom:25px;
	line-height:27px; 
	text-align:center; font-size:11px; color: #000000;
}

#footer p {
	text-align:center; font-size:11px; color: #000000; line-height:27px;
}
#footer a {
	color:#000000; 
}
#footer p a:hover {
	text-decoration: underline;
}
#Renvoie ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:90%;
	color:#000000;
}

#Renvoie li {
	margin-buttom: 9px;
}
#SubMenu {
	background-image:url(images/BkgSubMen.jpg); background-repeat:repeat-x;
	line-height:27px; 
	text-align: left; font-size:11px; color: #000000;
	margin-bottom: 12px;
	margin-left: 1px;
	font-weight: normal;
}

#SubMenu p {
	text-align:center; font-size:11px; color: #000000; line-height:27px;
}
#SubMenu a {
	color:#000000; 
}
#SubMenu p a:hover {
	text-decoration: underline;
}

/* ---- Navuguation ------------*/
#Naviguation {
	width: 95%;
	padding-top: 10px;
	margin-left: 20px;
	margin-bottom: 15px;
	height: 23px;
	font-weight: bold;
	border:0;
	border-bottom: 1px #999999 dotted;
	}
#Content {
	margin:0;
	padding: 10px;
	}
.ContentRight {
	float: right;
	width: 220px;
	margin-left:10px;
	}
.ContentLeft {
	width: 700px;
	}
.ContentCenter {
	width: 930px;
	}
.marged_left {
	margin-left:8px;
	}
.marged_right {
	margin-right: 10px;
	}
.marged_bas {
	margin-bottom:15px;
	}
.marged_bas_min {
	margin-bottom:8px;
	}
.marged_haut {
	margin-top: 25px;
	}
.form {
 background-color:#CCCCCC;
 height: 16px;
 font-size: 11px;
 color:#000000;
 width: 70px;
 border:0;
 }
#News {
	padding-left: 0px;
	list-style: inside;
	list-style-image:url(images/bul-body.gif)
	}
#News li {
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom:20px;
}
#News a {
	margin: 0;
	margin-left: 10px;
}
.News ul {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:0;
	margin-right:0; 
	
}
.Data {
	border-width: 5px;
	border: solid  #FFFFFF;
	border-collapse:collapse;
	background-color: #F2F2F2;
	margin-bottom: 15px;
	}
.DataResult {
	background: url(images/BkgDataResult.jpg) repeat-x;
	margin-bottom:15px;
}
.SubData {
		padding: 5px;
}
.DataH2 {
	margin: 0;
	color: #FFCC33;
	background-image:url(images/BkgTitre.jpg);
	line-height: 24px;
	padding-left: 8px;
	font-size: 14px;
	font-weight: bold;
	}
.Communique {
	font-size:100%;
	color:#000000;
	margin-top:0;
	margin-bottom:10;
	
	}
.CommuniqueTitre {
	margin: 0;
	color: #000000;
	background-color:#FFCC33;
	line-height: 18px;
	padding-left: 8px;
	font-size: 110%;
	font-weight: bold;
	}
.ClassAcceuil{
	margin: 0;
	color: #000000;
	font-size: 75%;
	border-bottom:#999999 dotted;
	border-bottom-width:1px;
	}
.IMG {
	border-width: 3px;
	border: solid #dde2e5;
	border-collapse:collapse;
	text-align: center;
	margin: 8px;
	padding: 5px;
	background-color:#FFFFFF;
	float:left;
	}
.IMG1 {
	width:128px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;	}
.IMG2 {
	border-width: 3px;
	border: solid #dde2e5;
	border-collapse:collapse;
	margin: 8px;
	padding: 5px;
	background-color:#FFFFFF;

	}
.IMG3 {
	width:155px;
	margin-right:6px;
	margin-left:6px;
	margin-bottom:10px;
	text-align: center;
	float:left;	}
.IMG4 {
	width:128px;
	margin-top:10px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:2px;
	padding:0;
	float:left;	}
.IMG5 {
	width:145px;
	margin-top:2px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:2px;
	padding:0;
	float:left;	}
.IMGGalerie {
	border-width: 3px;
	border: solid #dde2e5;
	border-collapse:collapse;
	text-align: center;
	margin: 5px;
	padding: 3px;
	background-color:#FFFFFF
	}
.center {
	text-align: center;
	}
.fontblanccadre {
	background-color:#FFFFFF;
	border: 1px #CCCCCC solid;
	border-collapse: collapse;
	background-image:url(images/BkgResult.jpg);
	background-position: top;
	background-repeat:no-repeat;
}
.border_bas_gris {
	border-bottom:#999999 dotted;
	border-bottom-width:1px;
}
#PhotoSelection {
	width: 210px;
	height:133px;
	background-image:url(images/Selection0.jpg);
	}
#PhotoSelection:hover {
	background-image:url(images/Selection1.jpg);
}
.EnteteTableau {
	background-color:#999999;
	border-bottom: #666666 1px solid;
	color:#000000;
	font-weight:bold;
	}
.EnteteTableau2 {
	background-color:#CCCCCC;
	border-bottom:#666666 1px solid;
	color:#000000;
	font-weight:bold;
	}
#ListClub a {
	text-decoration:none;
	}
#ListClub a:hover {	
	color: #f15445;
	font-weight:bold;
}
#MotPresident {
	margin: 5px;
	margin-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	line-height:19px;
}
.petit-texte {
font-size: 85%;
}
.petit {
color:#000000;
font-size: 85%;
text-decoration:none;
}
.moyen {
color:#000000;
font-size: 100%;
text-decoration:none;
}
.moyen-texte {
font-size: 115%;
font-weight:normal;
}
.grand-texte {
font-size: 130%;
}
.Personne
	{
		width: 95%;
		padding-top: 10px;
		height: 150px;
		background-color:#FFFFFF;
		margin-left:auto;
		margin-right:auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
.Connexion {
	color: #FFCC33;
	font-weight: bold;
}
.Cellule0 {
	background-color:#E6E6E6;
}
.Cellule1 {
	
}
/* Info bulle */
a.info_bulle span
{								   
	position: absolute;    
	top            :  -9999em;
    left           :  -9999em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
} 

a.info_bulle
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  
  /* Définition de l'arrière plan de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */                 
 }  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  300px;
    height     :  auto;
    overflow   :  visible;
} 
a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

/* End infobulle */

ul.Archive h3 { margin:5px; }
ul.Archive li { margin:10px; }
ul.Archive li ul { margin:5px; }