/* CSS Document */

*{
  margin:0;
  padding:0;
  }
	.apercu{background: url('images/apercu.jpg') no-repeat ;

	height:27px;
	border:none;
	cursor: pointer;
	width:127px;
	}
img{
    border:0;}
.validation{background: url('images/val.png') no-repeat ;
	height:20px;
	border:none;
	cursor: pointer;
	width:105px;
	}
  
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:url('images/G.jpg') repeat;
		
		
	}
#Norme{position:relative;
width:1000px;
height:22px;
margin-left:auto;
	margin-right:auto;
}


#css{position:absolute;
top:0;
left:938px;
}
#page{border:1px solid black;
    position:relative;
	margin-left:auto;
	margin-right:auto;
	height:870px;
	width:1000px;
	background-color:white;
	background-repeat:no-repeat;
	background-position:left bottom;
  z-index:100;	
}
#page_form{border:1px solid black;
    position:relative;
	margin-left:auto;
	margin-right:auto;
	height:700px;
	width:1000px;
	background-color:white;
	background-repeat:no-repeat;
	background-position:left bottom;
  z-index:100;	
}
#struct{
    position:relative;
	margin-left:auto;
	margin-right:auto;
	height:715px;
	width:1000px;
	background-repeat:no-repeat;
	background-position:left bottom;
  z-index:100;	
}
	#struct_form{background: url('images/form.jpg')  no-repeat ;
    position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:570px;
	background-repeat:no-repeat;
	background-position:bottom center;
  z-index:100;	
}
#zone_gauche{position:relative;
margin-left:0;
height:715px;
width:201px;
}
/********************************/
/*  MENU gauche                       */
/********************************/ 
#menu{ 
position:relative;
height:277px;
width :201px;
margin-top:20px;
margin-right:auto;
z-index:100;
}
 #menu{
        list-style:none;
        width :201px;
        float:left;
        z-index:100;
        }
#menu a{
  width:201px;
	height:39px;
	display:block;
}

a#presentation{background:url(images/presentation.jpg);}
a#annuaire{background:url(images/annuaire.jpg);}
a#ils{background:url(images/ils.jpg);}
a#partenaires{background:url(images/partenaires.jpg);}
a#contact{background:url(images/contact.jpg);}
a#inscrire{background:url(images/inscrire.jpg);}
a#foire{background:url(images/foire.jpg);}

ul#menu li a  {text-indent:-9999px;}
ul#T{list-style:none;}
a#presentation:hover{background:url(images/presentation_b.jpg);}
a#annuaire:hover{background:url(images/annuaire_b.jpg);}
a#ils:hover{background:url(images/ils_b.jpg);}
a#partenaires:hover{background:url(images/partenaires_b.jpg);}
a#contact:hover{background:url(images/contact_b.jpg);}
a#inscrire:hover{background:url(images/inscrire_b.jpg);}
a#foire:hover{background:url(images/foire_b.jpg);}

a#presentation:link,a#presentation:visited, a#presentation:active,
a#annuaire:link,a#annuaire:visited, a#annuaire:active,
a#ils:link,a#ils:visited, a#ils:active,
a#partenaires:link,a#partenaires:visited, a#partenaires:active,
a#contact:link,a#contact:visited, a#contact:active,
a#foire:link,a#foire:visited, a#foire:active,
a#inscrire:link,a#inscrire:visited, a#inscrire:active   {outline:none;}

/********************************/
/*  ESPACE CLIENT               */
/********************************/ 
  #entete_client{ position: relative;
    height:126px;
    background: url('images/entete.jpg') no-repeat ; 	     
    }
	#struct_client{background: url('images/deco_client.jpg')  no-repeat ;
    position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:708px;
	background-repeat:no-repeat;
	background-position:bottom center;
  z-index:100;	
}
#partie_gauche{
position:relative;
margin-left:0;
width:500px;
height:890px;}
#partie_droite{
position:absolute;
left:500px;
top:0px;
width:500px;
height:780px;}

/*********************************/
/*        MENU_HORIZONTAL        */
/*********************************/	
#blanc{position:relative;
height:36px; 
}
#blanc_haut{position:relative;
height:36px;
background: url('images/menu_horizontal.jpg') no-repeat ; 
}
#blanc_haut_admin{position:relative;
height:36px;
background: url('images/menu_horizontal.jpg') no-repeat ;
z-index:100;
}
#blanc_haut_assoc{position:relative;
height:36px;
background: url('images/menu_horizontal.jpg') no-repeat ;

}
#accueil_assoc{position:absolute;
height:31px;
width:129px;
top:3px;
right:871px;

}
#INFOO_haut{position:absolute;
height:31px;
width:129px;
top:3px;
right:786px;

}
#fiche_assoc{position:absolute;
height:31px;
width:129px;
top:3px;
right:610px;

}
#modifier_assoc{position:absolute;
height:31px;
width:162px;
top:3px;
right:480px;
}
#modif_assoc{position:absolute;
height:31px;
width:187px;
top:3px;
right:300px;
}
#base_assoc{position:absolute;
height:31px;
width:204px;
top:3px;
right:128px;
}
#historique_assoc{position:absolute;
height:31px;
width:178px;
top:3px;
right:24px;
}	
#faire_part{position:absolute;
height:31px;
width:191px;
top:3px;
right:0px;
}

#deconnexion{position:absolute;
right:0px;
top:3px;
z-index:100;}


/********************************************************************************************************/
#accueil{position:absolute;
height:31px;
width:129px;
top:3px;
left:8px;
z-index:100;
}

#bouton_accueil{position:absolute;
height:31px;
width:129px;
top:3px;
left:18px;
z-index:100;
}
#site{position:absolute;
height:31px;
width:111px;
top:3px;
left:93px;
z-index:100;
}
#modifier_contenu{position:absolute;
height:31px;
width:162px;
top:3px;
right:653px;
}
#modif_image{position:absolute;
height:31px;
width:187px;
top:3px;
right:479px;
}
#historique{position:absolute;
height:31px;
width:204px;
top:3px;
right:304px;
}	
#asso{position:absolute;
height:31px;
width:178px;
top:3px;
right:125px;
}	
#faire_part{position:absolute;
height:31px;
width:191px;
top:3px;
right:-54px;
}	
  
/********************************/
/*  FORMULAIRE                */
/********************************/  
#formulaire{position:absolute;
left:350px;
top:100px;}
#formulaire p{font-family:calibri;
font-size:17px;
color:#fdbefe;
}
#formulaire a{font-family:calibri;
font-size:12px;
color:white;
text-decoration:none;
}
#formulaire h1{font-family:calibri;
font-size:16px;
color:#fdbefe;
}
#mauvais p{position:absolute;
top:250px;
left:400px;
font-family:calibri;
font-size:15px;
text-decoration:blink;
}
.seconnecte{background: url('images/formB.jpg') no-repeat ;
	height:17px;
	border:none;
	cursor: pointer;
	width:105px;
	}
/********************************/
/*  accueil                  */
/********************************/
#contenu_text{position:absolute;
top:210px;
left:140px;
}

#contenu_text p{position:relative;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
font-family:calibri;
font-size:13px;
}

#contenu_text h1{position:relative;
margin-top:0px;
margin-left:75px;
margin-bottom:10px;
color:#914d92;
text-align:justify;
font-family:calibri;
font-size:26px;
}

#Bcontenu{position:absolute;
top:150px;
left:50px;
}
#Bimage{position:absolute;
top:420px;
left:205px;
}
#histoire{position:absolute;
top:50px;
left:690px;
}
#information{position:absolute;
top:380px;
left:790px;
}
#information1{position:absolute;
top:280px;
left:530px;
}
#espace_perso{position:absolute;
top:80px;
left:335px;
}
/********************************/
/*      MODIFIE CONTENU         */
/********************************/
#modif_contenu{position:absolute;
width:800px;
height:758px;
left:201px;;
}
#modif_contenuModif{position:absolute;
width:800px;
height:712px;
left:200px;;
}
#modif_contenuModif p{position:relative;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
font-family:calibri;
font-size:13px;
}


#modif_contenuModif h1{position:relative;
margin-top:-50px;
margin-left:145px;
margin-bottom:10px;
color:#914d92;
text-align:justify;
font-family:calibri;
font-size:26px;
}
#erreur_contenu{position:absolute;
top:-20px;
left:500px;
font-family:calibri;
color:red;
font-size:13px;
} 
 
#modif_contenu p{position:relative;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
font-family:calibri;
font-size:13px;
}


#modif_contenu h1{position:relative;
margin-top:-50px;
margin-left:145px;
margin-bottom:10px;
color:#914d92;
text-align:justify;
font-family:calibri;
font-size:26px;
}
#titre_descriptif{position:absolute;
top:100px;
left:201px;
}
#desArea{position:absolute;

left:145px;
}
#titre_descriptif h1{position:relative;
margin-top:-40px;
margin-left:145px;
margin-bottom:10px;
color:black;
text-align:justify;
font-family:calibri;
font-size:18px;
}
#texte_area{position:absolute;
top:290px;
left:220px;}

#texte_area_admin{position:absolute;
top:200px;
left:220px;}

#texte_area a{color:#914d92;
text-decoration:none;
}

#bouton{position:relative;
margin-top:20px;
margin-left:330px;
}
#bouton_descriptif{position:relative;
margin-top:-10px;
margin-left:260px;
}

.imgmodif{background: url('images/M1.png') no-repeat ;
	height:27px;
	border:none;
	cursor: pointer;
	width:130px;
	}
	
/********************************/
/*  MODIFIER IMAGES             */
/********************************/
#modif_contenu_image{position:absolute;
width:800px;
height:138px;
left:201px;;
}
#modif_contenu_image h1{position:absolute;
top:50px;
margin-left:155px;
margin-bottom:10px;
color:#914d92;
text-align:justify;
font-family:calibri;
font-size:26px;
}
#form_image	{position:absolute;
top:110px;
left:355px;
}
#charger{position:absolute;
top:150px;
left:353px;
font-family:calibri;
color:#914d92;
font-size:14px;
}
#vignette {position:absolute;
left:200px;
width:800px;
height:538px;
top:170px;

}
#GRAND {position:absolute;
left:200px;
width:800px;
height:530px;
top:175px;

}
#vignette_assoc {position:absolute;
left:100px;
width:800px;
height:538px;
top:190px;

}
#onglet  {position:relative;
top:40px;
}
#onglet h1{position:relative;
margin-top:0px;
margin-left:75px;
margin-bottom:10px;
color:#914d92;
text-align:justify;
font-family:calibri;
font-size:26px;
}
#onglet img {display: inline;}

#modifier{position:absolute;
left:10px;}

#tableau_miniature{
position:relative;
width:800px;
height:230px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
}
#onglet p{
font-family:calibri;
color:#3f3a3a;
font-size:19px;
margin-bottom:20px;
}
#soustab{
width:200px;
height:230px;
float:left;
}
#soustab b{position:relative;
margin-left:0px;
font-family:calibri;
font-size:13px;
color:#914d92;

}
.imgsuppr{background: url('images/suppr.jpg') no-repeat ;
	height:20px;
	border:none;
	cursor: pointer;
	width:20px;
	}
	.imgmodifB{background: url('images/modifB.jpg') no-repeat ;
	height:17px;
	border:none;
	cursor: pointer;
	width:93px;
	}
#supp{position:relative;
top:-17px;
left:130px;}
#surnombre{position:absolute;
top:150px;
left:353px;
font-family:calibri;
color:red;
font-size:13px;}

#logo_img{position:absolute;
top:30px;
left:300px;
}
#logo_img b{position:absolute;
left:30px;
}
#imglogo{position:relative;
top:-25px;
left:-10px;}




/********************************/
/*  PARCOURIR            */
/********************************/
#modif_contenu_parcourir{position:absolute;
width:800px;
height:838px;
top:100px;
}

#menu_image h2{position:absolute;
left:20px;
font-family:calibri;
color:#cf1818;
font-size:18px;
}


#image{position:relative;
width:500px;
margin-left:250px;
}

#image b{position:relative;
margin-left:130px;
}

#lien li{position:relative;
margin:0 auto;
list-style:none;
}

#lien a{
margin-left:210px;
font-family:calibri;
font-size:14px;
list-style:none;
color:black;
text-decoration:none;
}

#form{
position:relative;
margin-left:50px;
}

#parcourir{
width:1000px;
margin-left:2px;
top:190px;
height:595px;
}

/********************************/
/*      HISTORIQUE DES DONS     */
/********************************/
#modif_contenu h1{position:absolute;
top:80px;

color:#914d92;
text-align:justify;
font-family:calibri;
font-size:26px;
}

#tableau{position:absolute;
width:750px;
height:558px;
top:150px;
left:250px;
}

/********************************/
/* DONNEUR                       */
/*******************************/
#modif_contenu_donneur{position:absolute;
width:800px;
height:707px;
left:201px;;
}

#erreur_contenu_donneur{position:absolute;
top:-20px;
left:500px;
font-family:calibri;
color:red;
font-size:13px;
} 
 
#modif_contenu_donneur p{position:relative;
margin-top:10px;
margin-bottom:10px;
text-align:justify;
font-family:calibri;
font-size:13px;
}

#modif_contenu_donneur h1{position:absolute;
top:30px;
margin-left:145px;
margin-bottom:10px;
color:#914d92;
text-align:justify;
font-family:calibri;
font-size:26px;
}

/********************************/
/*    MODIFICATION INFORMATION  */
/********************************/
#form{position:absolute;
left:120px;
top:120px;
}

.imgmodif1{background: url('images/modif1.png') no-repeat ;
	height:17px;
	border:none;
	cursor: pointer;
	width:60px;
	}

#modif_contenuModif h2{position:absolute;
top:40px;
left:175px;
color:#914d92;
text-align:justify;
font-family:calibri;
font-size:26px;
}

#formulaire_inscription h2{position:absolute;	
top:90px;
left:250px;
font-family:calibri;
font-size:15px;
color:#914d92;
}

#formulaire_inscription b{position:absolute;	
top:110px;
left:250px;
font-family:calibri;
font-size:13px;
}
   
/********************************/
/*  PIED DE PAGE                */
/********************************/        

div#pied{
    position:relative;
	width:1000px;
    height:159px;
    background: url('images/pied.jpg') no-repeat ; 
	top:0px;
    }
    
	#pied_de_page{position:relative;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:56px;
}

#pied_de_page b{position:relative;
	font-family:calibri;
	font-size:12px;  
  	color:white;	
	margin-left:230px;
	
}
.A{background: url('images/modifB.jpg') no-repeat ;
	height:17px;
	border:none;
	cursor: pointer;
	width:93px;
	}
	.B{background: url('images/VA.jpg') no-repeat ;
	height:20px;
	border:none;
	cursor: pointer;
	width:103px;
	}
	#MAIL{position:absolute;
	left:450px;
	top:235px;}
	#MDP{position:absolute;
	left:450px;
	top:200px;}
	.MAIL{background: url('images/modifMAIL.jpg') no-repeat ;
	height:22px;
	border:none;
	cursor: pointer;
	width:127px;
	position:absolute;
	left:450px;
	top:160px;
	}
	.MDP{background: url('images/modifMDP.jpg') no-repeat ;
	height:22px;
	border:none;
	cursor: pointer;
	width:127px;
	position:absolute;
	left:450px;
	top:200px;
	}
#pied_de_page h2{position:relative;
	font-family:calibri;
	font-size:10px;  
  	color:white;
	
	margin-left:380px;
}



/************************************/
/*      RECUPE MOT DE PASSE         */
/************************************/

.imgenvoyer{background: url('images/imgenvoyer.jpg') no-repeat ;
	height:20px;
	border:none;
	cursor: pointer;
	width:70px;
	}
	#imgenvoyer{position:absolute;
	left:100px;}