/*------------------------------*/
/* CSS Document                 */
/* ------------                 */
/* Créé par Olivier BRAEMS	*/
/*				*/
/* pour le club de		*/
/* Gymnastique de Lunéville	*/
/*	                    	*/
/* Novembre/Décembre 2006	*/
/*------------------------------*/


html, body {
	width : 100%;
}

body {
	color : #000000; 
	background-color : #ADB4DA;				/*C0C0C0; */
	font-family : "Times new roman",sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-image : url(../Images/fond_generique.jpg);
	background-attachment: scroll;
	background-repeat : no-repeat;
	margin : 0px;
	padding : 0px;
}

.index {
	background-image : url(../Images/fond_index.jpg);
}

body a {
	text-decoration: none;
}


.contenu {						/* fixe la largeur pour le texte (HTML) */
	width  : 1002px;
}

#entete {
	position : absolute;
	top : 0px;
	left : 0px;
	height: 215px;	
}

#entete img {
	width  : 1002px;			/* Taille déjà défini dans contenu et entête */
	height: 215px;
}

/*--------------Définition de monCorps--------------*/

#monCorps {
	margin-top : 200px;
	margin-right :175px; 
	margin-bottom:20px; 
	margin-left  :200px; 
}

#monCorps a {
	text-decoration : none;
	color : #012695;
	background-color: transparent;
}

#monCorps h1 {
	margin : 0px 0px 20px 0px;
	padding-top : 5px;
	text-align  : center;
	font-size   : 24px;
	font-weight : bold;
	text-decoration: none; 
}

#monCorps h2 {
	margin : 0px 0px 10px -10px;
	text-align  : left;
	color : #012695;
	background-color: transparent;
	font-size : 18px;
	font-weight : bold;
        text-decoration: none; 
}

#monCorps h3 {
	margin : 5px 0px 5px 0px;
	text-indent: 10px;
	color: #FFFFFF;
	background-color: #6066D4;
	text-align  : left;
	font-size : 14px; 
	font-weight : bold;
	text-decoration : none;
}

#monCorps p {
	margin : 5px 0px 10px 0px;
	text-indent : 20px;
	font-weight : normal;	
	text-align  : justify;
	line-height : 1.5;
}

#monCorps ul {
	font-size : 16px;
	text-align : justify;
	margin : 5px 0px 10px 0px;
	padding : 0px;
	text-indent : 20px;	
	font-weight : normal;	
	list-style-type: none;
}

#monCorps ul li {
	margin : 5px 0px 5px 20px;
	padding : 0px 0px 5px 0px;
	background-image : url("../Images/puce_blanc.gif");
	background-repeat : no-repeat;
	background-position:3px 6px;
	line-height : 1.5;
}

#monCorps ul li ul {
	margin : 0px 0px 5px 0px;
	text-indent : 0px;	
	padding : 0px;
	list-style-type: none;
}

#monCorps ul li ul li {
	margin : 0px 0px 0px 20px;
	padding : 0px;
	background-image : none;
	background-repeat : no-repeat;	
}

#moncorps img {
	border : none;
}
/*--------------- fin de #moncorps -------------------*/

/*========================================================*/
/*--------ATTENTION PARTIE COMMUNE AVEC MENU DROIT--------*/
/*========================================================*/
#box_postit {
	margin: 20px 0px 0px 60px;
	padding : 12px 20px 10px 30px;
	background-image : url("../Images/fond_postit.gif");
	background-repeat : no-repeat;
	width : 355px; 
	height : 220px;
}
/*========================================================*/

table { 
	margin : 0px;
	border : 0px solid #33619C;
	border-collapse : collapse; 
	font-family : "Times new roman",sans-serif;
	font-size: 16px;
	font-weight: normal;
}

.petit {
	width : 250px;
}

.normal {
	width : 610px;
}

.grand {
	width : 750px;
}


th { 
	color:#000000;	
   	background-color : transparent;
	padding : 1px 2px 5px 5px;
	text-align  : justify;
}

td { 
	color:#000000;
  	background-color : transparent;
	padding : 1px 1px 5px 5px;
	text-align : center;
}

/*---- Mise en forme : Formulaire ----*/

.label {
	width : 100px;
	text-align : right;
	margin : 0px;
	font-family : "Times new roman",sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.champ {
	text-align : left;
	margin : 0px;
	font-family : "Times new roman",sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/*------------------------------------------------*/


/*-----------debut du cadre flash info------------*/
#flashinfo {
	position:absolute ; 	
	 top:420px ; 
	 left:350px ; 
	 width:350px ;
	 height:170px ;	

	 margin:0px ; 
	 padding:5px 10px;	
	 text-align : center;
 	 border-width : 3px 1px 3px 1px; 
	 border-style : solid;
	 border-color : #000000; 
	 background:url(../Images/transparence-fond.gif) 		/* image semi-transparente en fond de boite */ 
}
/*----------fin de flash info--------------------*/


/*-------------Image flottant-----------------*/
#image_droite {
	position : relative;
	float : right;
	margin : 5px 10px 5px 10px;
}
/*----------FIN Image flottant----------------*/

/*---------ici commence la galerie Photos---------*/
#galerie {
	border  : 0px solid red;
	padding : 3px 0px 10px 15px;
	margin  : 0px; 
	width: 615px;
	color : #ffffff; 
	background-color: transparent;
	text-align: center;
}

#galerie ul {
	margin: 0px;
	padding: 0px;
	text-indent : 0px;
	list-style-type: none; 
	width : 100%;
	height : 100%;
}
	
#galerie  ul li {
	 margin: 0px;
	 padding: 0px;
	 float: left;	
}
	
#galerie ul li img, #galerie ul li a.galerie_mini img {
	width : 135px;
	height : 101px;
	padding: 0px;
	margin: 2px 3px;
	border : 2px solid;
	border-color :  #ddccbb #473523 #473523 #ddccbb;
}

#galerie ul li a.galerie_mini {
  	text-decoration: none;
}

#galerie ul li a:hover.galerie_mini {
	text-decoration : none;
	background : none;
}
/*---------Fin de la galerie Photos---------*/

/*----------------Images colonne de gauche----------------*/
#boxlogogauche {
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 20px;
	left : 25px;
	height : 175px;
	width : 122px;
	text-align : center;
	font : bold 14px "Times new roman",sans-serif;
	font-style : oblique;  
	border : 0px solid;
}


#boxlogogauche img {
	border : 0px solid;
	width : 140px;
	height :100px;
}

/*-------------Fin images colonne de  gauche---------------*/


/*----------------Images colonne de droite----------------*/
#boxlogodroit {
	margin : 0px;
	padding : 0px;
	position : absolute;
	left : 845px;
	text-align : center;
	font : bold 14px "Times new roman",sans-serif;
	font-style : oblique;  
	border : 0px solid;
}

.haut {
	top : 20px;
}

.milieuHaut {
	top : 175px;

}

.milieu {
	top : 305px;
}

.milieuBas {
	
	top : 430px;
}

.bas {
	top : 600px;
}

#boxlogodroit img {
	border : 0px solid;
	width : 140px;
}


/*-------------Fin images colonne de  droite---------------*/

/*------------ Barre Menu haut ------------------*/
#barre_menu {
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 154px;
	left : 600px;
	width : 400px;
	font: bold 10px Verdana,sans-serif;
	border :0px solid #000000;

}

#barre_menu ul {
   	margin : 0px;
	padding: 0px;
	list-style-type : none;
	font-weight: normal;
}

#barre_menu ul li{
	float: left;
  	margin :0px;
	padding : 2px 4px; 
  	background-image: none;
	vertical-align:middle;
	color:#000000;
	background-color : transparent;
}

#barre_menu ul li a {
	color:#000000;
	background-color : transparent;
}

#barre_menu ul li a:hover {
	color:#000000;
	background-color : transparent;
	text-decoration: underline ;
}

/*------------ Fin Barre Menu haut --------------*/

/*------------ Menu droit par lien --------------*/
#menulien_droit {
	margin : 0px;
	padding : 16px 3px 18px 4px;
	position : absolute;
	top : 320px;
	left : 835px;
	width : 140px;
	height : 185px;
	font: bold 12px Verdana,sans-serif;
	border :0px solid #000000;
	background-image : url("../Images/fond_menulien.gif");
	background-repeat : no-repeat;

}

#menulien_droit ul {
   	margin : 0px;
	padding: 0px;
	list-style-type : none;
	font-weight: bold;
}

#menulien_droit ul li{
  	margin : 4px 0px;
  	padding : 0px;
	text-indent : 7px;
  	background-image: none;
	font-size:11px;
	vertical-align:middle;
	color:#6066D4;
	background-color : transparent;
}

#menulien_droit ul li a{
	color:#6066D4;
	background-color : transparent;

}

#menulien_droit ul li a:hover{
	color:#000000;
	background-color : transparent;

}

/*---------- Fin Menu droit par lien -----------*/

/*------------ Zone d'identification--------------*/
#zoneident {
	margin : 0px;
	padding : 5px 0px;
	position : absolute;
	top : 320px;
	left : 830px;
	width : 130px;
	height : 165px;
	border :0px solid #6066D4;
}

#zoneident tr {
	margin : 0px;
	padding :0px;
	font: bold 10px Verdana,sans-serif;
}

#zoneident td{
	text-align : left;
	color:#6066D4;
	background-color : transparent;
}

/*---------- Fin Menu droit par lien -----------*/

/*---------Menu navigation gauche-----------*/
#menu_navigation {
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 218px;
	left : 3px;
	width : 147px;
	font: bold 12px Verdana,sans-serif;
	border :1px solid #000000;
}


#menu_navigation .titre {
	display : block;
	font-weight : bold;
	text-indent: 18px;
	line-height : 25px;
	border-bottom : 1px solid #000000;
	background-image : url("../Images/puce_blanc.gif");
	background-repeat : no-repeat;
	background-position:3px 6px;
}

#menu_navigation img {
	vertical-align:middle;
}

#menu_navigation ul {
   	margin : 0px;
	padding: 0px;
	list-style-type : none;
	font-weight: bold;
	color:#000000;
	background-color : #ECECEC;
}

#menu_navigation ul li{
  	margin : 0px;
  	padding : 0px;
  	background-image: none;
	font-size:12px;
	vertical-align:middle;
}


#menu_navigation ul li ul {
	margin : 0px;
	padding: 0px;
	list-style-type : none;
	border-bottom:1px solid #000000;	
}

#menu_navigation ul li ul li {
	margin : 0px;
	padding: 0px;
	font-size:11px;
	font-weight:bold;
	color:#FED302;
	background-color:#6066D4;
	line-height:20px;
	text-indent: 22px;
	border-bottom:1px solid #ECECEC;
}

#menu_navigation  ul li ul li  a img {
	border : 5px solid #6066D4;
}

#menu_navigation ul li ul li a {
	cursor: pointer;
	display : block;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	background-color: transparent;
	vertical-align:middle;
	height : 100%;
	width  : 100%;
}

#menu_navigation  ul li ul li a:hover img {
	border : 5px solid #C94D45;
}


#menu_navigation ul li ul li a:hover {
	display : block;
	color : #000000;
	background-color : #C94D45;	
}

/*--------Fin Menu navigation gauche--------------*/

/*---------Menu navigation droit-----------*/
#menunav_droit {
	margin : 0px;
	padding : 0px;
	position : absolute;
	top : 230px;
	left : 720px;
	width : 180px;
	font: bold 12px Verdana,sans-serif;
	border :1px solid #000000;
}


#menunav_droit .titre {
	display : block;
	font-weight : bold;
	text-indent: 18px;
	line-height : 25px;
	border-bottom : 1px solid #000000;
	background-image : url("../Images/fleche_rouge.gif");
	background-repeat : no-repeat;
	background-position:3px 9px;
}

#menunav_droit img {
	vertical-align:middle;
}

#menunav_droit ul {
	margin : 0px;
	padding: 0px;
	list-style-type : none;
	font-weight: bold;
	color:#000000;
	background-color : #FFCD00;
}

#menunav_droit ul li{
  	margin : 0px;
  	padding : 0px;
  	background-image: none;
	font-size:12px;
	vertical-align:middle;
}

#menunav_droit ul li ul {
	margin : 0px;
	padding: 0px;
	list-style-type : none;
	border-bottom:1px solid #000000;	
}

#menunav_droit ul li ul li {
	margin : 0px;
	padding: 0px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background-color:#F0E662;
	line-height:20px;
	text-indent: 22px;
	border-bottom:1px solid #ECECEC;
}

#menunav_droit ul li ul li a {
	cursor: pointer;
	display : block;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	background-color: transparent;
	vertical-align:middle;
	height : 100%;
	width  : 100%;
}

#menunav_droit ul li ul li a:hover {
	display : block;
	color : #000000;
	background-color : #AEB3D9;	
}


/*------------------------------*/
/*<=Affichage caché par defaut=>*/
/*------------------------------*/

#menunav_droit ul li ul li a.boxText span {
	display: none;
}

#menunav_droit ul li ul li a:hover.boxText  span {
	position : absolute;

	left : -521px;			/* Attention position fixée */
	top : -0px;
  	z-index: 10;
  	display: block;
}

/*--------Fin Menu navigation droit---------*/


/*------------Debut pied de page------------*/
#fond_piedpage {
	position : absolute;
	top : 641px;
	left : 150px;
	width : 750px;
}

#fond_piedpage p {
	margin : 0px;
	padding : 0px;
	color:#000000;
	background-color: transparent;
	font: normal 9px "Times new roman",sans-serif;
	text-align : center;
	border :0px solid red;	
}

/*---------------Fin pied page------------------*/