body, html, h1, offset {
	margin: 0px;
	padding: 0px;
}
body, html {
height: 100%;
}

#contener {
	font-family: Verdana;
	font-size: 12px;
	position: relative;
	width: 878px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	z-index: 3;
}
#menu, #colonneDroite, #menu_section, #menu_annee {
	border: 1px solid #FFFFFF;
}
#tete, #logo {
	padding: 2px;

}
#tete {
	width: 100%;
	height: 99px;
}
#haut {
	float: left;
	padding-top: 1px;
	padding-left: 5px;
}
#aca {
	position: absolute;
	margin-top: 30px;
	left: 100px;
}
#aca h1 {
	font-size: 33px;
	font-family: "Calisto MT", "Arial Black";
	color: #336699;
	background-color: #FFFFFF;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity: 0.70;
	width: 100%;
}
#logo {
	float: left;
	background-color: #FFFFFF;

}
#page {
	float: left;
	margin: 2px;
	width: 80%;
}
#page100 {
margin: 2px;
width: 100%;
}
#colonneDroite {
	float: left;
	width: 18%;
	text-align: center;
	margin: 2px;
	padding-bottom: 10px;

}
#pied {
	width: 878px;
	height: 90px;
	z-index: 8;
	margin: 2px;
	padding-top: 20px;
	color: #999999;
}
/************************ MENU *******************************/
/* bouton espace privé */
#prive {
position: absolute;
right: 10px;
margin-top: 85px;
font-size: 10px;
font-weight: bold;
}

#menu, #menu_section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
	padding:2px;

}
#menu_annee {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 25px;
	padding:2px;

}
#menu_section {
height: 32px;
}
#sousmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:2px;

}

#menu dl, #menu dt, #menu dd, #menu_section dl, #menu_section dt, #menu_section dd, #menu_annee dl, #menu_annee dt, #menu_annee dd {
	float: left;
	text-align: center;
	font-weight: bold;
	width: 9em;
	letter-spacing: 0.1em;
	margin: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#menu_annee dl, #menu_annee dt, #menu_annee dd {
	width: 8em;
}
#menu dt, #menu_section dt, #menu_annee dt {
	border: 1px solid gray;
	text-transform: uppercase;
}
#menu_section dt {
	width: 14em;
	padding-top: 5px;
	padding-bottom: 5px;
}
#sousmenu dt {
	text-transform: uppercase;
	float: left;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 5px;

}
#menu dd, #menu_section dd {
padding-right: 20px;
}
#sousmenu  ul {
	border: 1px solid #FF9933;
	float: left;
	margin-right: 15px;
	padding: 5px;
}
#sousmenu ul li {
list-style-type: none;
}

/************************************** PRESENTATION ***********************************/
/******* blocks **/
.colonne {
	float: left;
	
}
.infos, .rendezvous {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	
}
.infos {
	color: #336699;
	background-color: #FFDFBF;
	border: 1px solid #FF9933;
	text-align: center;
	width: 250px;
		margin-bottom: 10px;

}
.infos a:hover {
color: #000;
}
.musique {
	width: 150px;
}
.rendezvous {
	width: 400px;
}
.spanLeft {
float: left;
margin-left: 80px;
	border: 1px solid gray;
	padding: 5px;

}
.ligne {
height: 80px;
width: 100%;
margin-top: 50px;
}
.ligne100 {
text-align: center;
width: 100%;
margin-top: 10px;
}

.annonce {
	color: #336699;
	background-color: #FFDFBF;
	border: 1px solid #FF9933;
	text-align: center;
	width: 80%;
	margin-left: 10%;
}
/* accueil prive */
#previewDiv {
	color: #336699;
	background-color: #FFDFBF;
	border: 1px solid #FF9933;
	text-align: center;
	width: 250px;
		margin-left: 50px;
padding: 10px;
}
#previewDiv a:hover {
color: black;
}
/****** texte **/
.titre {
	background-color: #FF9933;
	padding: 3px;
	font-size: 14px;
}
#page .titre {
	color: #fff;
	font-weight: bold;

}
.titreColonne {
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;

}
.texte, textePetit {
	color: #fff;
}
.texte {
	margin-top: -12px;
}
.textePetit {
	font-size: 10px;
}
img {
	text-align: center;
	margin-top: 3px;
}
.maj {
	text-transform: uppercase;
}
.false {
color: red;
padding: 5px;
background-color: #ffffff;
}
/****** table stat result et classement **/
.titreTableau {
	font-size: 14px;
	font-weight: bold;
	background-color: #9999FF;
	text-align: center;
}

/****** table admin  **/
.cadre {
	border: 1px solid #6699FF;
	background-color: #CCCCFF;
	padding: 10px;
	margin: 10px;
}
.cadre_modif {
	border: 1px solid #ff6600;
	background-color: #CCCCFF;
	padding: 10px;
	margin: 10px;
}

.tableau {
	border: 1px solid #CCCCFF;
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
.form {
	border: 1px solid #CCCCFF;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}
/********************** affichage des img ******************/
#agran {
	position: absolute;
	visibility: hidden;
	height: 100%;
	width: 98%;
	text-align: center;
	z-index: 50;
	margin: 10px;

}
#agran_transparent {
	position: absolute;
	background-color: #666666;
	height: 98%;
	width: 100%;
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;
	opacity: 0.90;
	z-index: -100;
	left: 0px;
	top: 0px;

}
.support {
	display: block;
	z-index: 1000;
}
/*test****************/
.support1 {
position: absolute;
	display: block;
	z-index: 1000;
}
.support2 {
position: absolute;
	display: block;
	z-index: 0;
}

/**********************************/
.support
.presentImg {
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #336699;
	vertical-align: text-bottom;
	width: 130px;
	height: 130px;
	margin: 5px;
	cursor: text;
}

#contenerImg {
margin-top: 5px;
}
.miniature {
height: 30px;
}
.presentImg1 {
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #FF9933;
	margin: 3px;
	padding: 2px;
}

.presentImg1 img {
 cursor: hand;
margin-top: 0px;
border: 0px;
}
.presentImg_groupe {
	text-align: center;
}
.presentImg_groupe img {
	border: 1px solid #FF9933;
	margin: 3px;
	padding: 2px;
	

}
.img2 {
	text-align: center;
	border: 1px solid #0000CC;
	vertical-align: middle;
	padding: 5px;
	margin-top: 25px;

}

/*********************** liens **************************/
a {
	color: #FF9933;
}
a.active{
color: #000;
display: block;
background-color: #FF9933;
}
a:hover {
	color: #FFDFBF;
}
/************************************************/
.spacer {
clear: both;
}