/* Définition de règle */



/* auteur: Gérard Boulo - site de d' Europ'Foot 
 Date de création: 06/12/2006 */ 
 
 
/* 
body {
	background-image: url(decors/degrade_europfoot1.jpg);
	padding: 0;
	height: 100%; 
	margin: 0;
	width: 90%;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Comic Sans MS", Verdana, sans-serif;
	text-align: center;
	font-size: .85em
} */

#banniere { 
	height: 160px;
	background: url(decors/banniere20.jpg) no-repeat bottom center; 
	margin-bottom:20px;		
} 

 #bannieretest { 
	height: 144px; 	
	margin-bottom:20px;  	
}

 #bannieretest2 { 
	height: 100px;
	/*background: url(decors/banniere20.jpg) no-repeat bottom center; */
	margin-bottom:20px;     
	/* border: 2px dotted #000080;	*/
}   

 body
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(decors/degrade_europfoot1.jpg); */
	 background:#eff5ff;
	/*background:#e2ffff;  */
	font-family: Calibri, "Comic Sans MS", Verdana, sans-serif;
	text-align: center;
	font-size: .85em;
	padding: 1em;
	border: 1px solid navy;
} 


html {font-size: 100%;
background-color:#000033;}
		
div#colgauche {
	margin-top:5px ; /* Crée un marge de 5 pixels en bas de la bannière */
	float: left;
	width: 180px;
	height:100%;
	background-image: url(decors/colgauche_ef.png);
	text-align:center;
	/* background: gold; */
	border: 1px solid navy ;
	padding-top:10px;  /* Crée une marge de 10 pixels en haut de la colonne */
	padding-bottom: 20px;  /* Crée une marge de 50 pixels en bas de la colonne */
	margin-bottom:20px ; /* Crée une marge de 20 pixels entre le bas de la colonne et le pied de page */
}
div#coldroite {	
	margin-top:5px ; /* Crée un marge de 5 pixels en haut */ 
	float: right;
	width: 130px;
	height:100%;
	text-align:center;
	background-image: url(decors/coldroite_ef.png);
	/* background: gold; */
	border: 1px solid navy;
	padding-top:10px;  /* Crée une marge de 10 pixels en haut de la colonne */
	margin-bottom:20px ; /* Crée une marge de 20 pixels entre le bas de la colonne et le pied de page */
}
div#centre {
	padding: 0.1px 10px;
	margin-left: 185px; /* marge par rapport à la marge gauche compte tenu des boutons à 160 px */
	margin-right: 135px; /* marge par rapport à la marge droite compte tenu des boutons à 130 px */ 
	margin-bottom:50px;
}		
div#centresp {
	padding:0.1px 10px;
	margin-left:185px; /* marge par rapport à la marge gauche compte tenu des boutons à 155 px */
	}				
 .boite {
	width: 160px; /* Nos images de fond auront 220px de largeur */
	background: white url(decors/boite-milieu-bas160.png) no-repeat;
	background-position: center bottom;
	border: solid 1px red; /* Pour voir les limites du bloc */
}	
.boite h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(decors/boite-haut160.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite p {
	margin: 1em 20px;
	text-align: justify;
} 

#bandeau{
	margin:0;
	padding:1em;
	border-top:1px solid #CCC;
	background:#EEE;
	color:#666;
}

#bandeau2 {
	width: 170px;
	height: 18px;
	text-align:center;
  margin:5px 5px 5px 5px;
	background-position: top center;	
	background-color: #CC0000;
	border: 1px solid #666666;
	color: white;
	font: 10px/14px Verdana;
	/*margin: 10px 0px 10px 0px;   */
	padding: 0px 0px 0px 0px;	
	}
 


img.preChg 
{display:none;}

p
{
	font-size:small;
	font-style:italic;
	color: #990000;
	text-align:center;
	font-family: "Comic Sans MS", Calibri, Arial, Verdana, "Trebuchet MS", Georgia, sans-serif; 
	font-weight: bold; 	
} 

p.aligauche
{
	font-size:12px;  
	font-style:normal;
	color: navy;
	text-align:left;
	text-align:justify;
	font-family:  Trebuchet MS, arial, Verdana, "Comic Sans MS", "Arial Black", Georgia, sans-serif;
	text-indent: 20px;
	
}

p.alidroite
{
	font-size:small;
	font-style:italic;
	color: #990000;
	text-align:right;
	text-align:justify;
	font-family: "Comic Sans MS", Verdana, "Trebuchet MS", "Arial Black", Georgia, sans-serif;
	text-indent: 20px; 
}  


.avatarright {
float: right;
margin-left: 10px;
/*margin-bottom: 5px; */
/* position: absolute; */
}

.avatarleft {
float: left;
margin-right: 10px;
/*margin-bottom: 5px;	*/
/* position: absolute; */
}	
	


h1
{	
	color: navy;
	
	text-align: center;
	font-family: Verdana, sans-serif;
	/*text-decoration: blink;   */   /* Le titre sera clignotant ! (ne fonctionne pas sous Internet Explorer) */
}

 h1.neige
{
   color: navy;
   text-align: center;
   font-family: "Almonte Snow", "Arial Black", calibri, arial, Verdana, sans-serif;
   font-size: 48px;
  /* text-decoration: blink; */            /* Le titre sera clignotant ! (ne fonctionne pas sous Internet Explorer) */
}

h2
{	
	color: #CC0000;
	text-align: center;
	font-family:Trebuchet MS, Verdana, "Comic Sans MS", sans-serif;
	
	margin-top:15px;
}


h3
{	
	color: #CC0000;
	text-align: center;
	/*margin-top: 12px;	*/
	/*line-height: 50px;   */
	font-size:150%;	
	font-family: Trebuchet MS, "Arial black", Verdana, "Comic Sans MS", sans-serif;
	/*font-style: italic; */
}

h3.grd
{	
	color: #CC0000;
	text-align: center;
	/*margin-top: 12px;	*/
	/*line-height: 50px;   */
	font-size:200%;	
	font-family: Trebuchet MS, "Arial black", Verdana, "Comic Sans MS", sans-serif;
	/*font-style: italic; */
}

h4
{	
	color: #CC0000;
	font-size:110%;
	text-align: center;
	font-family: Trebuchet MS, Verdana, "Comic Sans MS", sans-serif;
	/*font-style: italic; */
}
 
h4.effet
{	
	color: #CC0000;
	font-size:110%;
	text-align: center;
	font-family: Trebuchet MS, Verdana, "Comic Sans MS", sans-serif;
	/*text-decoration: overligne;
	text-shadow:4px 4px 4px blue ; 	  */
} 

h4.aligauche
{	
	color: navy;
	text-align: left;
	font-family: Verdana, "Comic Sans MS", sans-serif;
	font-style: italic;
	text-indent: 20px;
} 

h5
{	
	color: #990000;
	/* font-size:140%;	*/
	text-align: center;
	font-family: arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;
	font-weight: bold;
	} 
h5.grd
{	
	color: #990000;
	font-size:18px;	
	text-align: center;
	font-family: arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;
	font-weight: bold;
	} 
  
h5.red
{	
	color: #ce0000;
	text-align: center;
	font-family: arial, calibri, "arial black", Verdana, sans-serif;
	font-size: 18px;
	font-style: italic;	
	text-decoration:underline;
}  	

h5.aligauche
{	
	color: #990000;
	font-size:100%;
	text-align: left;
	font-family:  "trebuchet MS", tahoma, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: normal;	
	text-indent: 20px;
}


h6
{	
	color: navy;
	/*line-height: 1px;	 */
	text-align: center;
	font-family: "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;
	font-weight: normal;
}
h6.aligauche
{	
	color: #000099;
	text-align: left;
	text-align:justify;
	font-family: "Comic Sans MS", Verdana, sans-serif;
	font-style: normal; 
	text-indent: 20px;
}  
h6.alidroite
{	
	color: #000099;
	text-align: right;
	text-indent: 20px;
	font-family: "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;
}  

/*h6.piedpage
{	
	color: #008000;
	text-align: center;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-size: 0.8em;
}

h6.piedpagered
{	
	color: red;
	text-align: left;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-size: 0.8em;
}

h6.maj
{		  
	color: navy;
	text-align: right;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-size: 0.8em;
} */

 h6.piedpage1
{	
	color: navy;
	text-align: center;
	padding-top:15px;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-size: 0.9em;
}

h6.piedpage2
{	
	color: #008000;
	text-align: center;		
	padding-top:15px;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-size: 0.9em;
}

h6.piedpagered
{	
	color: red;
	text-align: left; 
	padding-top:15px;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-size: 0.9em;
}

h6.piedpagemaj
{		  
	color: navy;
	text-align: right;
	padding-top:15px;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-size: 0.8em;
}

#pied_de_page2 {
	clear: both;
	margin-top: 20px;
	padding: 5px;
	position: relative;
	background-color: #E6E6FA;
	border: 3px solid #000000; 
	bottom: 0px;
	
 }   
 
#pied_de_page {
	clear: both;
	width: 97%;
	margin-top: 20px; 	
	margin-bottom:5px ; /* Crée un marge de 20 pixels en bas du pied de page */
	line-height: 4px;
	height: 90px;
	padding: 4px;
	position: relative;
	background-color: #FFFFE0;
	border: 1px solid #000080;
	bottom: 0px;
 }
 



.mairiehg
{  
	height: 82px;
	background: url(decors/haute-goulaine.jpg) no-repeat bottom left;	
	position: relative;		/* le logo n'est pas fixe et suit la résolution de l'écran */
  	top: 42px;	   /* permet de baisser le logo par rapport à la marge haute */
	left: 0em;	  /* décalage du logo par rapport à la marge gauche */
}
 
.mairiev
{  
	height: 92px;
	background: url(decors/logovertou.gif) no-repeat bottom right;
	position: relative;	   /* le logo n'est pas fixe et suit la résolution de l'écran */
  	bottom: 25px;	  /* permet de monter le logo par rapport à la marge basse */
	right: 0em;		  /* décalage du logo par rapport à la marge droite */
} 

.logoeurop2
{  
	height: 170px;
	background: url(decors/europ-foot-3.gif) no-repeat bottom center;
	position: relative;	 /* le logo n'est pas fixe et suit la résolution de l'écran */
  	bottom: 35px;	 /* permet de monter le logo par rapport à la marge basse */ 
	text-align: center;
} 

.logoeurop1
{  
	height: 150px;
	background: url(decors/logo-europfoot-5.jpg) no-repeat bottom ;
	position: relative;	 /* le logo n'est pas fixe et suit la résolution de l'écran */
  	bottom: 35px;	 /* permet de monter le logo par rapport à la marge basse */
} 

.logoeshg
{  
	height: 150px;
	background: url(decors/logo_eshg-t.gif) no-repeat bottom ;
	position: relative;	 /* le logo n'est pas fixe et suit la résolution de l'écran */
  	bottom: 35px;	 /* permet de monter le logo par rapport à la marge basse */
} 

.logoussa
{  
	height: 140px;
	background: url(decors/logo-ussa-9.gif) no-repeat bottom ;
	position: relative;	 /* le logo n'est pas fixe et suit la résolution de l'écran */
  	bottom: 35px;	 /* permet de monter le logo par rapport à la marge basse */
} 





	

#corps {
	margin-left: 22%;
	margin-top: 20px;
	padding: 10px;
	
	border : 2px dotted #F7E444; 
	color: #E3AB57;
	background-color: black;
	text-align: justify;
} 


#corps h2 {
	text-align: center;
	color: #0099FF;
}


 page {
margin: 0;
padding: 0;
} 

.float {
float: left;
width: 25%;
margin: 1em 0;
} 

/* p,h1,h2 {
margin: 1em;
}
 */	 
 
.flottante {
background-color: #00ff00;
margin: 2px;
float: left;
width: 100px;
text-align: center;
}

.conteneur {
width: 100%;
}

/* hr {
clear: both;
visibility: hidden;
}	 */
 
a.bouton:link{
display:block; 	 /* Crée un retour à la ligne à la fin de chaque bouton */ 
width:170px; /* fixe la largeur de chaque bouton à 200 pixel */
height:15px; /* fixe la hauteur de chaque bouton à 20 pixel */
text-decoration:none;  /* supprime le soulignement des liens */
color:white;			/* couleur du texte */
text-align:center;	 /* centre le texte de chaque bouton */	
font: 10px/14px Verdana;
display:block;
background-color:#CC0000;
padding:3px;			  /* défini la marge intérieur des boutons à 2px */
border-style:outset;	 /* défini le style de l'encadrement des boutons */
border-width:1px;		 /* fixe la largeur de l'encadrement des boutons à 3 px */
border-color:silver}

a.bouton:visited{
display:block;	  /* Crée un retour à la ligne à la fin de chaque bouton */ 
width:170px;	  /* fixe la largeur de chaque bouton à 120 pixel */
height:15px;	  /* fixe la hauteur de chaque bouton à 20 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;			/* couleur du texte */
text-align:center;	 /* centre le texte de chaque bouton */
font: 10px/14px Verdana;
background-color:#CC0000;
padding:3px;			/* défini la marge intérieur des boutons à 2px */
border-style:outset;   /* défini le style de l'encadrement des boutons */
border-width:1px;	   /* fixe la largeur de l'encadrement des boutons à 3 px */
border-color:silver}

a.bouton:hover{
display:block;	 /* Crée un retour à la ligne à la fin de chaque bouton */ 
width:170px;	/* fixe la largeur de chaque bouton à 120 pixel */
height:15px;	 /* fixe la hauteur de chaque bouton à 30 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;			/* couleur du texte */
text-align:center;	/* centre le texte de chaque bouton */
font: 10px/14px Verdana;
background-color:#3CB371;
										/*  background-image:url(aqua.jpg); */ 
padding:3px;			/* défini la marge intérieur des boutons à 2px */
border-style:outset;	/* défini le style de l'encadrement des boutons */
border-width:1px;		/* fixe la largeur de l'encadrement des boutons à 3 px */
border-color:silver}	 /* change la couleur de la police lors du clic de la souris */

.bouton{text-align:center;padding:3px;}

 
a.bouton3 {
text-decoration:none ; /* supprime le soulignement des liens */
display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */ 
background-color:#CC0000 ; /* couleur du bouton */ 
color:white ; /* couleur du texte */ 
text-align: center;
font: 10px/14px Verdana; /*taille du texte */
margin:0px ; /* la marge extérieur autour des boutons est =0 (les boutons se touchent) */ 
padding:3px; /* la marge intérieur autour des boutons est de 4 pixels*/
border:1px solid; /* il y a une bordure solide de 1 pixel autour de chaque bouton */
border-color:red black black red ; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */
text-align:center; /* centre le texte de chaque bouton */
width:150px;   /* fixe la largeur de chaque bouton à 150 pixels */
margin: auto;
} 

a.bouton3:hover {
border-top:2px solid #A52A2A; /* change la couleur et l'épaisseur de la bordure haute lors du survol par la souris */
border-bottom:3px solid #CC0005 ; /* change la couleur et l'épaisseur de la bordure basse lors du survol */
padding:3px 4px 3px 4px; /* diminue la marge intérieure haute et basse du bouton survolé, pour compenser l'augmentation de la taille de la bordure */
text-align:center;	/* centre le texte de chaque bouton */
} 



a.boutonz:link{
display:block; 
width:280px; /* fixe la largeur de chaque bouton a 170 pixels */
height:15px; /* fixe la hauteur de chaque bouton a 15 pixels */
text-decoration:none;  /* supprime le soulignement des liens */
color:white;
text-align:center;	 /* centre le texte de chaque bouton */	
font: 10px/14px Verdana;
background-color:#F08080;
padding:3px 0px 3px 0px;			  /* defini la marge interieur des boutons - 1 en haut-0 a droite-3 en bas-0 a gauche */
border-style:outset;	 /* défini le style de l'encadrement des boutons */
border-width:1px;		 /* fixe la largeur de l'encadrement des boutons à 2 px */
border-color:#808080;
margin: auto;
}

a.boutonz:visited{
display:block;
width:280px;	  /* fixe la largeur de chaque bouton à 120 pixel */
height:15px;	  /* fixe la hauteur de chaque bouton à 15 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
text-align:center;	 /* centre le texte de chaque bouton */
font: 10px/14px Verdana;
background-color:#F08080;
padding:3px 0px 3px 0px;			/* defini la marge interieur des boutons - 1 en haut-0 a droite-3 en bas-0 a gauche */
border-style:outset;   /* defini le style de l'encadrement des boutons */
border-width:1px;	   /* fixe la largeur de l'encadrement des boutons a 1 px */
border-color:#808080;
margin: auto;}

a.boutonz:hover{
display:block;
width:280px;	/* fixe la largeur de chaque bouton a 170 pixels */
height:15px;	 /* fixe la hauteur de chaque bouton a 15 pixels */
text-decoration:none;   /* supprime le soulignement des liens */
color:black;
text-align:center;	/* centre le texte de chaque bouton */
font: 10px/14px Verdana;
background-color:#98FB98;
										/*  background-image:url(aqua.jpg); */ 
padding:3px 0px 3px 0px;			/* défini la marge interieur des boutons - 1 en haut-0 a droite-3 en bas-0 a gauche */
border-style:outset;	/* défini le style de l'encadrement des boutons */
border-width:1px;		/* fixe la largeur de l'encadrement des boutons a 1 px */
border-color:#808080;	/* change la couleur de la police lors du clic de la souris */
margin: auto;}	 

.boutonz{text-align:center;padding:1px;}







div#galerie
{
	 width: 0px ;
	background: #eed ;
	border: 0px solid #dcb ;
	padding: 0px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ; 
}

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

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 2px solid #dcb ;
}


	

	




.centre {
  top: 250px ;
  margin: 1em 25% ;	 	 					 
  width: 55% ;  
  text-align: center;
 /*  border: 5px dotted #C0C0C0;	 */	
 }

.gauche {
  position: absolute ;
  top: 220px ;		/*  a 220px de la limite haute extérieure  */
  left: 2% ;			/* (moins 2%) par rapport à la limite gauche extérieure  */
  width: 17% ;		  /*  taille 17% de la colonne gauche  */
  border: 5px dotted #808080 ;  /*  type de bordure  de la colonne gauche  */
  padding: 2px ;		   /*  marge interne de la colonne gauche  */ 
 } 

.droite {
  position: absolute ;
  top: 220px ;	   /*  a220px de la limite haute extérieure  */
  right: 2% ;	 /* (moins 2%) par rapport à la limite droite extérieure  */
  width: 12% ;		 /*  taille 15% de la colonne droite  */
  border: 5px dotted #808080 ;	/*  type de bordure de la colonne droite  */
  padding: 2px ;		  /*  marge interne de la colonne droite  */ 
  }	
  


	 
 /* debut de tableau */
 table {
border:1px solid #000080;
border-collapse:collapse;
width:75%;
margin:auto;
}
thead {
font-family: "Trebuchet MS", Verdana, "Arial Black", sans-serif;
background-color:#FFD700;
border:1px solid #000080;
font-size:80%;
} 

tfoot {	
font-family: "Trebuchet MS", Verdana, "Arial Black", sans-serif;
background-color: #d6f6ff;
border:1px solid #000080;
}

tbody {
font-family: "Trebuchet MS", Verdana, "Arial Black", sans-serif;
background-color: #ffffd3;
border:1px solid #000080;
}

th {
font-family: "Trebuchet MS", Verdana, "Arial Black", sans-serif;
color:#00008B;
border:1px solid #000080;
font-size:90%;
padding:5px;
background-color: #d6f6ff;
}

td {
font-family:"Trebuchet MS", Arial, "Comic Sans MS";
color:#00008B;
/* font-style:italic; */
font-size:80%;
border:1px solid #000080;
padding:3px;
text-align:center;
}
caption {
font-family:"Trebuchet MS", Verdana, sans-serif;
}
/* fin de tableau */

  }	*/

.thumb {
  position:relative; 
  top:0;
  left:0; 
  }
  
.thumb a {
  margin:0;
  text-decoration:none;
  }

.thumb a:hover {
  background-color:black;	
  }

.thumb a .grand {
  display:block;
  position:absolute; 
  width:0px; 
  }
.thumb a .grand1 {
  display:block;
  position:absolute; 
  width:0px; 
  }
.thumb a .grand2 {
  display:block;
  position:absolute; 
  width:0px; 
  }
.thumb a .grand3 {
  display:block;
  position:absolute; 
  width:0px; 
  }	
.thumb a .grand4 {
  display:block;
  position:absolute; 
  width:0px; 
  }  
.thumb a .grandsp {
  display:block;
  position:absolute; 
  width:0px; 
  }	  	  	  			  	  	  		  	  	  		  	  	  	  
  
.thumb a:hover .grand { 
  position:absolute; 
  top:100px;
  left:10px;
  width:600px; 
  height:450px; 
  }
  
.thumb a:hover .grand1 { 
  position:absolute; 
  top:200px;
  left:10px;
  width:600px; 
  height:400px; 
  }
  
.thumb a:hover .grand2 { 
  position:absolute; 
  top:100px;
  left:10px;
  width:600px; 
  height:367px; 
  }

.thumb a:hover .grand3 { 
  position:absolute; 
  top:100px;
  left:20px;
  width:600px; 
  height:395px; 
  } 
  
.thumb a:hover .grand4 { 
  position:absolute; 
  top:100px;
  left:1px;
  width:640px; 
  height:433px; 
  } 
  
.thumb a:hover .grandsp { 
  position:absolute; 
  top:120px;
  left:1px;
  width:640px; 
  height:402px; 
  }           

		/* fin photos thumb   */  
 
/* td.titre {
	font-size: 20px;
	color: #FF9900;
	font-weight: bold;
	text-align: center;
} 

table.bordure { 
	border-style: solid; 
	border-width: navy; 
	border-color: silver;
	background-color: lightskyblue; 
} 
table.bandeau {
	background-color: navy;
}

td.haut	{
  	text-align: right;
  	color: green;
  	font-size: 12px;
} */
  	 
/* des exemples de bordures 
Border-style:type de bordure; 

exemples:

none(pas de bordures) 
dotted(pointill�s) 
dashed(tirets) 
solid(traits pleins) 
double(traits doubles) 
groove(traits en relief) 
ridge(traits en 3d) 
inset(traits rentrants) 
outset(traits sortants */  
  
  
  
/* Fin de la section de style généré par WebExpert le 01/10/2006 10:22:04 */