html {
overflow:auto;  
border: none; 
} 

body 
{
   width: 900px;
   margin: auto;
   margin-top: 7px;
   margin-bottom: 20px;   
    margin-left: 10px; 
   background-color: #ffffea;
   
}

/* L'en-tête */

#en_tete
{
   width: 900px;
   height: 286px;
   background-image: url("images/jardin.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#espace_login 
{
position: absolute; 
left: 5cm;
top: 7.5cm;
color: #005B00;
}
/* Le menu et pub*/
   

#pub
{

float: right;
height: 200%;
width: 150px;
text-align: center;
color: #005B00;
 
margin-right: -20px;
}

 
#element_menu
{
   float: right;
   width: 130px;
   background-color:  #ffffea; 
   margin-top: -80px;  
   font-size: 0.8em;
}

a img {
border:  0px ;
}

a
{
   color: #346885; /* #4389AB; */
   text-decoration: none;
   font-size: 1em;    
}
 
a:hover
{
   color: #1D3A49;
   text-decoration: none;
   font-size: 1em;  
   background-color: #DFDFDF;   
   border: 2px solid #005B00;
}

/* Le corps de la page */
 
#corps
{
   margin-right: 140px;
   margin-bottom: 20px;
   padding: 5px;
   color: #003300;
   background-color: #DFDFDF;
   border: 2px solid #005B00;
}

#corps h1
{
   color: #003300;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   padding-left: 30px;
   color: #003300;
   text-align: left;
}
 
.asso
{
background-color: #fff; 
padding: 30px;   
width: 650px;
border-style: ridge;
 
} 
.asso_c
{
   color: #1D3A49;
   font-size: 1.2em;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.asso_c2
{
   color: #1D3A49;
    font-size: 0.9em;  
   text-align: center;
}


.asso_j 
{
   color: #1D3A49;
    font-size: 0.9em;  
   text-align: justify;
}


.asso_p
{
   font-size: 0.9em;
   color: #1D3A49; 
}
.asso_p_justify
{ 
   font-size: 0.9em;
   color: #1D3A49; 
   text-align: justify;   
}

.texte {
   color: #003300;
   font-size: 1.1em;
}

.texteC {
   color: #003300;
   font-size: 1.2em;
   text-align: center;
}

#details {
position: absolute;
top: 12.8cm;
left: 11cm;
overflow: auto; 
color:  #003300;               
font-size: 0.8em;
font-weight: bold;
background-color: #C1C1C1;
padding : 7px;
width: 340px; 
height: auto;
min-height: 170px;
border: 1px dashed #005B00;
}
#details h1
{
font-size: 1.2em;
}

#mairies {
position: absolute;
top: 19cm;
left: 13.5cm;
overflow: auto; 
color:  #003300;               
font-size: 0.8em;
font-weight: bold;
background-color: #C1C1C1;
padding : 7px;
width: 440px;
height: auto;
min-height: 170px;
border: 1px dashed #005B00;
}


.a_droite {
font-style: italic;
margin-left: 200px;
}


#fiche_asso {
float: right;
padding : 7px;
}
#fiche_centree {
float: right;
padding : 7px;
text-align: center;
}

.barre_defilement{
   margin-left: 10px;
   width: 500px;
   height: 98px;
   overflow: auto;  
}

.barre_defilement_h120{
   margin-left: 10px;
   width: 500px;
   height: 120px;
   overflow: auto;  
}

.barre_defilement_250{
   margin-left: 10px;
   width: 250px;
   height: 98px;
   overflow: auto;  
}

.barre_defilement_3{  
   margin-left: 10px;
   width: 700px;
   height: 200px;
   overflow: auto;  
background-color: #f0f0f0;
padding: 7px; 
}

.barre_defilement_pub{
   width: 200px;
   height: 198px;
   overflow: auto;  
}


.offres{
   margin-left: 10px;
   width: 500px;
   height: 98px;
   overflow: auto; 
   color: #003300; 
   background-color: #C1C1C1;
   padding : 7px;
   border: 1px dashed #005B00;   
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

 
.input
{
   color: #003300;
   background-color: #DFDFDF;
}


.bouton {
background-color:#DFDFDF;
color:  #003300 ;
}

.strong {
color: #003300;
font-weight: bold;  
}
.small {
color: #003300; 
font-size: 0.8em;
margin-left: 10px;
}

.small_bleu {
color:#1D3A49;
font-size: 0.8em;
margin-left: 10px;
}

.marge {
margin-left: 10px;
}
.margeI {
margin-left: 15px;
font-style: italic;
font-size: 0.8em;
}

.marge2 {
margin-left: 20px;
}
.marge_trait {
margin-left: 20px;
margin-right: 20px;
border: 1px dashed #1D3A49;
padding : 7px;
}
.alerte { 
color: #4389AB;
font-weight: bold;
font-size: 1.2em;
}

#etoile {
float: right;
width: 150px;
height: 150px;
background-image: url("images/etoile.gif");
color: #fff;
text-align: center;
vertical-align: middle; 
font-weight: bold;
font-size: 1.2em;
}



.articles {
font-size: 0.9em;
color: #1D3A49;
text-align: justify; 
}
.titre_articles {
font-size: 1.2em;
color: #1D3A49;
font-weight: bold;
text-align: center;
}


/* A REVOIR EXISTE DEJA
.a_droite {
text-align: right;
} */


.au_centre {
color: #1D3A49;
text-align: center;
}

.au_centre_gras {
color: #1D3A49;
text-align: center;
font-weight: bold;
}


.hr {
color: #1D3A49;
background-color: #1D3A49;
height: 1px;
border: 0;
width: 50%;
}

.hr2 {
color: #1D3A49;
background-color: #1D3A49;
height: 1px;
border: 0;
width: 50%;
}




.bordure_c {
padding: 7px;
color: #1D3A49;
border: 1px dashed #1D3A49;
text-align: center;
}
 
#logo 
{
margin-top: -200px;
margin-left: -100px;
float:right;
width: 100px
}

.image_gauche {
float: left;
margin: 6px 6px 6px 0px; 
}
.image_droite {
float: right;
margin: 6px 0px 6px 6px;
}

.image_centre  {

 text-align: center;
}

.asso_strong { 
font-size: 1.2em;
color: #1D3A49;
font-weight: bold;  
}
.asso_strong_c {
font-size: 1em;
color: #1D3A49;
font-weight: bold;
text-align: center;  
}
.objet {
margin: 0px; 
}
.asso_petit_strong {
font-size: 0.9em;
color: #1D3A49;
font-weight: bold;  
}
.asso_italic {
font-size: 1.2em;
color: #1D3A49;
font-style: italic;
  
}

.asso_petit_italic {
font-size: 0.9em;
color: #1D3A49;
font-style: italic;
 }
 
.p_haut {
min-height:200px;
}
.p_tres_haut {
min-height: 400px; 
}

.affich_agenda {                /* voir si utilise */
background-color: #fff; 
padding: 30px;  
width: 680px;
border-style: ridge;
font-size: 1em;
color: #1D3A49;
}
 
.date_maj {
text-align: right;
font-style: italic;
font-size: 0.8em;
color: #C0C0C0;
}

#affiche_agenda {
position: relative; 
background-color: #000;
top: 300px;
left: 500px;
width: 270px;
height: 190px;
}

.image_bordure {
border-style: ridge;
border: 1px solid #1D3A49;
overflow:auto; 
border: none; 

}



.gris {
color: #7d7d7d;
font-style: italic;
}


#lettre {

   padding: 5px;
   color: #003300;
   background-color: #DFDFDF;
   border: 2px solid #005B00;
}

.paragr_gris {
margin-left: 20px;
margin-right: 10px;
background-color: #D3D3D3;
padding: 7px;
}

espace
{
padding: 6px;
}

#infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	background-color: Yellow;
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #ffffea;
    color: #1D3A49;
}

/*couleur pour affichage actif, non actif, non validé sur admin_romans_benevolat*/
.oui
{
color: #004000;
}
.non
{
color: #800040;
}
.Compte non validé
{
color: #ff0000;
}


.expo_sel{
position: absolute;
margin-right: 150px;
}
.expo_droite {
float: right;
text-align: right;
color: #501B35;
}
.input_jeu {
color: #260D1A;
text-align: center;
  background-color: #EBEAD6;
}
.coop {
font-weight: bold;
border: solid #D72420;
padding: 7px;
text-align: left;
width: 200px;
}