/* Définition de règle */



/* auteur: Gérard Boulo - site de l'USSA Vertou 
 Date de création: 06/12/2006 */ 
 


 body
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(decors/degradeussa1.png);
	font-family: calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	color: maroon;
	text-align:center;
	padding:1em;
	font-size:.85em;
	border:1px solid black;
} 

html {font-size:100%;
/*background-image:url(decors/fond-vert.png); */
background-color:#006400;
}

.color1 {
color: #000080;

}
.color2 {
color: #FF0000;
/* font-size: 16px;	 */
}

		
div#colgauche {
 /* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F5F5F5,endColorStr=#696969);  	 */	
 
	z-index:auto;
	margin-top:10px; /* Crée un marge de 10 pixels en haut de la bannière */	
	padding-top:10px;  
	float: left;
	width: 160px;
	height:100%;
	text-align:center;
	/* background-image:url(http://www.ussa-vertou.com/decors/colgauche1.png);*/
	background-image:url(decors/colgauche2.jpg); 
	/* background:gainsboro;	*/
	border:1px solid black;
	margin-bottom:20px; /* Crée un marge de 20 pixels en bas de la colonne */
}

div#coldroite {	
	margin-top:10px; /* Crée un marge de 5 pixels en bas de la bannière */ 
	padding-top:10px;  /* Crée un marge de 10 pixels en haut de la colonne */
	float:right;
	width:130px;
  text-align:center;
	/* background-image:url(http://www.ussa-vertou.com/decors/coldroite1.png); */
	background-image:url(decors/coldroite2.jpg);
	/* background:burlywood;  */
	border:1px solid black;
	margin-bottom:20px; /* Crée un marge de 20 pixels en bas de la colonne */
}
div#centre {	
	padding:0.1px 10px;
	margin-left:163px; /* marge par rapport à la marge gauche compte tenu des boutons à 155 px */
	margin-right:132px; /* marge par rapport à la marge droite compte tenu des boutons à 130 px */
}
div#centresp {
	padding:0.1px 10px;
	margin-left:163px; /* marge par rapport à la marge gauche compte tenu des boutons à 155 px */
	}		

div#centreleft { 
	padding:0.1px 5px 0px 5px;
	float: left;
	margin-left:5px; /* marge par rapport à la marge gauche compte tenu des boutons à 155 px */ 
	width:50%;	 
	}		
div#centreright { 
	width:50%;
	clear:right; 
	padding:0.1px 5px 0px 5px;
	margin-left:5px; /* marge par rapport à la marge droite   */
	margin-right:5px;
	float: left;	
	}		

	.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;
} 	
	/* FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AA8922,endColorStr=#543210); */
	
/*  .traitgauche
    {
    border-left: 1px solid black;
    padding-left: 5px;
    margin-left: 50px;
    } */
	
	
/*	.centre {
  top: 200px;
  margin: 1em 20%;
  width: 65%;
  text-align: center;
 
}	*/

#banniere
 { 	
	height:144px;	 
	/*height:196px;	*/
	/*background: url(decors/banniere_ussa-1.jpg) no-repeat bottom center;	 */
	margin-bottom:20px; 
} 

#banniere144
 { 	
	height:144px;
	margin-bottom:20px; 
} 
#banniere100
 { 	
	height:100px;
  margin-bottom:20px; 	
} 
#banniere147
 { 	
	height:147px;
  margin-bottom:20px; 	
} 
#banniere150
 { 	
	height:150px;
	margin-bottom:20px; 
} 

#logo-ussa
 { 	
	height:140px;
	/* background: url(http://www.ussa-vertou.com/decors/logo-ussa-2-2.gif) no-repeat bottom center;	*/
	background: url(decors/logo-ussa-2-2.gif) no-repeat bottom center; 
	bottom:35px;	 /* permet de monter le logo par rapport à la marge basse */
	} 
	  
#logo-ussa-left
 { 	
	height:188px;
	/* background: url(http://www.ussa-vertou.com/decors/logo-ussa-2-3.gif) no-repeat bottom center;	*/
	background: url(decors/logo-ussa-2-3.gif) no-repeat bottom center;
	} 	


#logo-ligueatlant
 { 	
	height:77px;
	/* background: url(http://www.ussa-vertou.com/decors/logo.gif) no-repeat bottom center;	 */
	background: url(decors/logo.gif) no-repeat bottom center;
} 

#logo-mairie
 { 	
	height:92px;
	/* background: url(http://www.ussa-vertou.com/decors/logovertou.gif) no-repeat bottom center; */
	background: url(decors/logovertou.gif) no-repeat bottom center;
} 


#logoeurop
{  
	height:169px;
	/* background: url(http://www.ussa-vertou.com/decors/logo-europfoot-5.jpg) no-repeat bottom;	*/
	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 */
}


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

hr {
height: 1px;
margin: -1em 0;
padding: 0;
color: #696969;
background-color: #696969;
border: 0;
}



.noces	{
margin-left: auto;
margin-right: auto; 
border: 3px #cccccc solid; 
background-color: #FFFFCC; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
margin:auto;
padding:8px;} 
 
 
 
.beaufort	{ 
margin-left: auto;
margin-right: auto; 
border: 3px #cccccc solid; 
background-color: #FFFFCC; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
margin:auto;
padding:8px;}

.zod	{ 
margin-left: auto;
margin-right: auto; 
border: 1px navy solid; 
background-color: #FFEFD5; 
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
margin:auto;
padding:6px;}
 
.zod1	{ 
margin-left: auto;
margin-right: auto; 
border: 1px navy solid; 
background-color: #e8ffdb; 
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
margin:auto;
padding:6px;}  

 /* debut tableau */

table {
border:1px solid navy;	/*#6495ed*/
border-collapse:collapse;
width:90%;
margin:auto;
}
thead, tfoot {
background-color:#D0E3FA;
/* background-image:url(sky.jpg);	 */
border:1px solid #6495ed;
}
tbody {
background-color:#FFFFFF;
border:1px solid navy;	/*#6495ed*/
}

th {
font-family:verdana;
font-size:90%;
color: black;
border:1px solid navy;	/*#6495ed*/
padding:5px;
background-color:#F4A460; /*#EFF6FF; */
/* width:12%; */
/*font-style:italic;	*/
}
td {
background-color:#FFF9E0;
font-family:sans-serif;
color: navy;
font-size:90%;
border:1px solid navy;	/*#6495ed*/
padding:5px;
text-align:center;
}
caption {
font-family:sans-serif;
} 

/* fin tableau */






/*.presse	
{
	color: navy;
	text-align:left;
	font-family: Calibri, Verdana, "Trebuchet MS", tahoma, "Comic Sans MS", sans-serif;
	font-size: 200%; 
}		*/

p
{
	font-size:0.8em;
	color: navy;
	text-align:center;
	font-family: Verdana, "Trebuchet MS", tahoma, "Comic Sans MS", "Arial Black", Georgia, sans-serif;
	/*font-weight: bold; 	*/
}


p.vert
{
	font-size:0.9em;
	color: green;
	text-align:center;
	font-family: Tahoma, Verdana, "Trebuchet MS", "Comic Sans MS", "Arial Black", Georgia, sans-serif;
	}

p.presse
{
	color: navy;
	text-align:left;
	font-family:  Verdana, Calibri, "Trebuchet MS", tahoma, "Comic Sans MS", sans-serif;
	font-size: 0.8em;  
}

p.blanc
{
	color: #FFFFFF;
	text-align:center;
	font-family:  Tahoma, Verdana, Calibri, "Trebuchet MS", tahoma, "Comic Sans MS", sans-serif;
	font-size: 0.9em; 
	/* font-weight: bold;  */
}

p.navy
{
	color: #000080;
	text-align:center;
	font-family:  Tahoma, Verdana, Calibri, "Trebuchet MS", tahoma, "Comic Sans MS", sans-serif;
	font-size: 15px; 
	/* font-weight: bold;  */
}

p.indent
{
	font-size:1.0em;
	color: navy;
	text-align:center;
	font-family: Verdana, "Trebuchet MS", tahoma, "Comic Sans MS", "Arial Black", Georgia, sans-serif;
	text-indent: 20px;
}


p.infos-ussa
{
	font-size:small;
	font-style:normal;
	color: white;
	text-align:center;
	font-family: tahoma, "Comic Sans MS", Verdana, "Trebuchet MS", "Arial Black", Georgia, sans-serif;
	margin: 0px 3px 0px 10px; 
}  


p.alidroite1
{
	font-size:small;
	font-style:italic;
	color: #333300;
	text-align:right;
	margin: 0px 3px 0px 10px; 
	font-family: Calibri, arial, "Comic Sans MS", Verdana, "Trebuchet MS", "Arial Black", Georgia, sans-serif;
	/*text-indent: 20px;*/
	text-decoration: underline; 
}  
p.alidroite
{
	font-size:small;
	font-style:italic;
	color: navy;
	text-align:right;
	margin: 0px 10px 0px 10px; 
	font-family: Calibri, arial, "Comic Sans MS", Verdana, "Trebuchet MS", "Arial Black", Georgia, sans-serif;
	text-indent: 20px;
	/*text-decoration: underline;  */
}  
p.aligauche
{
	font-size:small;
	font-style:italic;
	color: navy;
	text-align:left;
	text-align:justify;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, "Trebuchet MS", "Arial Black", Georgia, sans-serif;
	text-indent: 20px;
	margin: 0px 10px 0px 10px; 
}

p.aligauche1
{
	font-size:small;
	font-style:italic;
	color: navy;
	text-align:left;
	text-align:justify;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, "Trebuchet MS", "Arial Black", Georgia, sans-serif;
	margin: 0px 10px 0px 10px; 
}

p.souligne
{
   text-decoration: underline;
}
p.barre
{
   text-decoration: line-through;
}
p.ligne_dessus
{
   text-decoration: overline;
} 

h1
{
   color: #006600;
   text-align: center;
   font-family: calibri, arial, Verdana, "Arial Black", "Times New Roman", sans-serif;
   margin-top: 0;
  /* text-decoration: blink; */            /* Le titre sera clignotant ! (ne fonctionne pas sous Internet Explorer) */
}

 h1.neige
{
   color: red;
   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) */
}

/*ol, ul, li 
{
	padding: 0;
	margin: 1em;
} */

h2.rouge
{
   color: #FF0000;
   text-align: center;
   font-family: calibri, arial, Verdana, "Arial Black",  "Times New Roman", sans-serif;
   font-size: 150%; 
   font-style: italic;
}

h2
{	
	color: #660000;
	text-align: center;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-size: 180%;
	font-style: italic;
}
h2.left
{	
	color: #660000;
	text-align: left;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-size: 180%;
	font-style: italic;
}		
h2.leftvert
{	
	color: green;
	text-align: left;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-size: 180%;
	font-style: italic;
}	

h3, h4
{	
	color: navy;
	text-align: center;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif; 
	/* font-style: italic;	 */
	font-weight: bold; 
	font-size:160%;
}
h4.infos
{	
	color: green;
	text-align: left;
	text-align:justify;
	font-family: "arial black", Verdana, "Comic Sans MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size:120%;
} 

h4.infos1
{	
	color: green;
	text-align: left;
	text-align:justify;
	font-family: arial, "arial black", Verdana, "Comic Sans MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size:120%;
} 

h4.aligauche
{	
	color: navy;
	text-align: left;	
	font-family: Verdana, arial, "Comic Sans MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	text-indent: 20px;
}
h5.sp
{	
	color: green;
	text-align: left;	
	font-family: Calibri, arial, "Comic Sans MS", Verdana, "Arial black", sans-serif;
	font-style: italic;	 
	}
	
h5.sp1
{	
	color: green;
	text-align: center;
	/* text-align:justify; */
	font-family:  arial, Calibri,"Comic Sans MS", Verdana, "Arial black", sans-serif;
	/* font-style: italic;	 */
	}	
 
h5.aligauche
{	
	color: black;
	text-align: left;
	text-align:justify;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, "Arial black", sans-serif;
	font-style: italic;
	font-size: 0.9em;
	text-indent: 20px;
}
h5.infos
{	
	color: navy;
	text-align: left;
	text-align:justify;
	font-family: "arial black", calibri, Verdana, "Comic Sans MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 0.8em;
	font-size:100%;
}

h5.infos1
{	
	color: green;
	text-align: left;
	text-align:justify;
	font-family: arial, "arial black", calibri, Verdana, "Comic Sans MS", sans-serif;
	font-style: italic;
	font-size: 0.9em;
	font-weight: bold;
	/* font-size:100%; */
}

h5.infos2
{	
	color: green;
	text-align: left;
	font-family: arial, calibri, "arial black", Verdana, sans-serif;
	font-size: 13px;
	font-style: italic;	
}
  
h5
{	
	color: navy;
	text-align: center;
	font-family: arial, calibri, "arial black", Verdana, sans-serif;
	font-size: 13px;
	font-style: italic;	
}

h5.blanc
{	
	color: white;
	text-align: center;
	font-family: verdana, arial, calibri, "arial black", sans-serif;
	font-size: 12px;
	font-style: normal;	
}

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.vert
{	
	color: green;
	text-align: center;
	font-family: arial, calibri, "arial black", Verdana, sans-serif;
	font-size: 15px;
	font-style: italic;	
	
}

h5.red1
{	
	color: red;
	text-align: center;
	font-family: arial, calibri, "arial black", Verdana, sans-serif;
	font-size: 18px;
	font-style: italic;	
	text-decoration:underline;
}
h5.red-left
{	
	color: #ce0000;
	text-align: left;
	font-family: arial, calibri, "arial black", Verdana, sans-serif;
	font-size: 18px;
	font-style: italic;	
	text-decoration:underline;
}

h5.p1
{color: navy; text-align: left; font-style: italic; font-family: Calibri, Verdana, sans-serif;}

h6
{	
	color: navy;
	text-align: center;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-weight: normal;
	font-size:100%;
}

h6.black
{	
	color: black;
	text-align: center;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: normal;	
	font-weight: normal;
	font-size:100%;
}

 h6.red
{	
	color: red;
	text-align: center;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-weight: normal;
	font-size:120%;
}


h6.left1
{	
	color: #660000;
	text-align: left;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-weight: normal;
	font-size:100%;
}

h6.mini
{	
	color: navy;
	text-align: center;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: normal;	
	font-weight: normal;
	font-size:0.6em;
}

h6.aligauche
{	
	color: navy;
	text-align: left;
	text-align:justify;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;
	text-indent: 20px;
}  
h6.alidroite
{	
	color: navy;
	text-align: right;
	text-indent: 20px;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;
} 

h6.piedpage1
{	
	color: navy;
	text-align: center;
	padding-top:5px;
	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:10px;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-size: 0.8em;
}

h6.sp1
{	
	color: navy;
	text-align: right;
	font-family: Arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-weight: normal;
}
h6.compteur
{	
	color: #008000;
	text-align: center;
	font-family: Arial, Calibri, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;	
	font-weight: normal;
	font-size: 0.9em;	 	   
}
h6.left
{	
	color: navy;
	text-align:left;
	font-family: Calibri, arial, "Comic Sans MS", Verdana, sans-serif;
	font-style: italic;
	font-size:.85em;
}  

#pied_de_page {
	clear: both;
	/* width: 97%;	*/
	margin-top: 80px;
	/*margin-left: auto;
	margin-right: auto;	  */
	margin-bottom:5px ; /* Crée un marge de 5 pixels en bas du pied de page */
	/*line-height: 2px;	  */	/* interligne  */
	height: 100px;
	padding: 4px;
	position: relative;
	background-color: #FFFFE0;
	border: 1px solid #000080;  
	bottom: 0px;
 }


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

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

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


 
 
a.bouton:link {
width:120px;
height:20px;
text-decoration:none;
color:white;
text-align:center;
display:block;
font: 14px/20px Verdana;
background-color:#009900;
padding:2px;
margin: auto;}

a.bouton:visited {
width:120px;
height:20px;
text-decoration:none;
color:white;
text-align:center;
display:block;
font: 14px/20px Verdana;
background-color:#009900;
padding:2px}

a.bouton:hover {
width:120px;
height:20px;
text-decoration:none;
font: 12px/18px Verdana;
color:white;
text-align:center;
display:block;
font: 14px/20px Verdana;
background-color:#FF9900;
padding:2px}

.bouton {text-align:left;
padding:2px;}	




a.bouton1:link{
display:block; 	/* Crée un retour à la ligne à la fin de chaque bouton */
width:300px; /* fixe la largeur de chaque bouton à 120 pixel */
height:15px; /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;  /* supprime le soulignement des liens */
color:white;
z-index: 2;
text-align:center;	 /* centre le texte de chaque bouton */	
font: 10px/14px Verdana;
background-color:#99c411;
padding:1px 0px 3px 0px;			  /* 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 à 1 px */
border-color:silver;
margin: auto;}

a.bouton1:visited{
display:block;	  /* Crée un retour à la ligne à la fin de chaque bouton */
width:300px;	  /* fixe la largeur de chaque bouton à 120 pixel */
height:15px;	  /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
z-index: 2; 			
text-align:center;	 /* centre le texte de chaque bouton */
font: 10px/14px Verdana;
background-color:#99c411;
padding:1px 0px 3px 0px;			/* 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 à 1 px */
border-color:silver;
margin: auto;}

a.bouton1:hover{
display:block;	/* Crée un retour à la ligne à la fin de chaque bouton */
width:300px;	/* fixe la largeur de chaque bouton à 120 pixel */
height:15px;	 /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
z-index: 2;
text-align:center;	/* centre le texte de chaque bouton */
font: 10px/14px Verdana;
background-color:#FF9900;
										/*  background-image:url(aqua.jpg); */ 
padding:1px 0px 3px 0px;			/* 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 à 1 px */
border-color:silver;}	 /* change la couleur de la police lors du clic de la souris */

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





a.bouton2:link{
display:block; 	/* Crée un retour à la ligne à la fin de chaque bouton */
width:155px; /* fixe la largeur de chaque bouton à 120 pixel */
height:15px; /* fixe la hauteur de chaque bouton à 10 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:#009900;
padding:1px 0px 3px 0px;			  /* 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 à 1 px */
border-color:silver;
margin: auto;}

a.bouton2:visited{
display:block;	  /* Crée un retour à la ligne à la fin de chaque bouton */
width:155px;	  /* fixe la largeur de chaque bouton à 120 pixel */
height:15px;	  /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
			/* float: left;	*/
text-align:center;	 /* centre le texte de chaque bouton */
font: 10px/14px Verdana;
background-color:#009900;
padding:1px 0px 3px 0px;			/* 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 à 1 px */
border-color:silver;
margin: auto;}

a.bouton2:hover{
display:block;	/* Crée un retour à la ligne à la fin de chaque bouton */
width:155px;	/* fixe la largeur de chaque bouton à 120 pixel */
height:15px;	 /* fixe la hauteur de chaque bouton à 10 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:#FF9900;
										/*  background-image:url(aqua.jpg); */ 
padding:1px 0px 3px 0px;			/* 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 à 1 px */
border-color:silver;}	 /* change la couleur de la police lors du clic de la souris */

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


	 /* width: 20%;
	float: left;  */
 

a.bouton3 {
float:left;
height:40px;	 /* fixe la hauteur de chaque bouton à 10 pixel */
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 */
font-size:25px; /*taille du texte */
margin:0px; /* la marge extérieur autour des boutons est =0 (les boutons se touchent) */ 
padding:4px; /* 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:250px;   /* fixe la largeur de chaque bouton à 200 pixel */
} 

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:2px 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 */



a.boutonsp {
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 */ 
font: 12px/16px 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:200px;   /* fixe la largeur de chaque bouton à 150 pixels */
margin: auto;
} 
a.boutonsp: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.boutonsp1 {
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 */ 
font: 12px/16px 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:350px;   /* fixe la largeur de chaque bouton à 150 pixels */
margin: auto;
} 
a.boutonsp1: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.bouton4 {
float:left;
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 */ 
font: 14px/18px Verdana; /*taille du texte */
margin:0px ; /* la marge extérieur autour des boutons est =0 (les boutons se touchent) */ 
padding:4px; /* 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:350px;   /* fixe la largeur de chaque bouton à 150 pixels */
margin: auto;
} 

a.bouton4:hover {
border-top:3px solid #A52A2A; /* change la couleur et l'épaisseur de la bordure haute lors du survol par la souris */
border-bottom:5px 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.bouton5:link{
display:block; 	/* Crée un retour à la ligne à la fin de chaque bouton */
width:350px; /* fixe la largeur de chaque bouton à 120 pixel */
height:18px; /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;  /* supprime le soulignement des liens */
color:white;
text-align:center;	 /* centre le texte de chaque bouton */	
font: 14px/14px Verdana;
background-color:#009900;
padding:4px 0px 1px 0px;			  /* 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 à 1 px */
border-color:silver;
margin: auto;}

a.bouton5:visited{
display:block;	  /* Crée un retour à la ligne à la fin de chaque bouton */
width:350px;	  /* fixe la largeur de chaque bouton à 120 pixel */
height:18px;	  /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
			/* float: left;	*/
text-align:center;	 /* centre le texte de chaque bouton */
font: 14px/14px Verdana;
background-color:#009900;
padding:4px 0px 1px 0px;			/* 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 à 1 px */
border-color:silver;
margin: auto;}

a.bouton5:hover{
display:block;	/* Crée un retour à la ligne à la fin de chaque bouton */
width:350px;	/* fixe la largeur de chaque bouton à 120 pixel */
height:18px;	 /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
text-align:center;	/* centre le texte de chaque bouton */
font: 14px/14px Verdana;
background-color:#FF9900;
										/*  background-image:url(aqua.jpg); */ 
padding:4px 0px 1px 0px;			/* 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 à 1 px */
border-color:silver;}	 /* change la couleur de la police lors du clic de la souris */

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

a.bouton6:link{
float:left;
display:block; 	/* Crée un retour à la ligne à la fin de chaque bouton */
width:400px; /* fixe la largeur de chaque bouton à 120 pixel */
height:20px; /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;  /* supprime le soulignement des liens */
color:white;
text-align:center;	 /* centre le texte de chaque bouton */	
font: 16px/16px Verdana;
background-color:#009900;
padding:4px 0px 1px 0px;			  /* 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 à 1 px */
border-color:silver;
margin: auto;}

a.bouton6:visited{
float:left;
display:block;	  /* Crée un retour à la ligne à la fin de chaque bouton */
width:400px;	  /* fixe la largeur de chaque bouton à 120 pixel */
height:20px;	  /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
			/* float: left;	*/
text-align:center;	 /* centre le texte de chaque bouton */
font: 16px/16px Verdana;
background-color:#009900;
padding:4px 0px 1px 0px;			/* 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 à 1 px */
border-color:silver;
margin: auto;}

a.bouton6:hover{
float:left;
display:block;	/* Crée un retour à la ligne à la fin de chaque bouton */
width:400px;	/* fixe la largeur de chaque bouton à 120 pixel */
height:20px;	 /* fixe la hauteur de chaque bouton à 10 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
text-align:center;	/* centre le texte de chaque bouton */
font: 16px/16px Verdana;
background-color:#FF9900;
										/*  background-image:url(aqua.jpg); */ 
padding:4px 0px 1px 0px;			/* 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 à 1 px */
border-color:silver;}	 /* change la couleur de la police lors du clic de la souris */

.bouton6{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: #CC0000;
}

dl#photo dd
{
	margin: 0;
}

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








a.boutonx:link{
width:80px; /* fixe la largeur de chaque bouton à 120 pixel */
height:20px; /* fixe la hauteur de chaque bouton à 30 pixel */
text-decoration:none;  /* supprime le soulignement des liens */
color:white;
text-align:center;	 /* centre le texte de chaque bouton */
font-family:'Comic Sans MS';
background-color:#009900;  
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:2px;		 /* fixe la largeur de l'encadrement des boutons à 3 px */
border-color:silver;}

a.boutonx:visited{
width:80px;	  /* fixe la largeur de chaque bouton à 120 pixel */
height:30px;	  /* fixe la hauteur de chaque bouton à 30 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
text-align:center;	 /* centre le texte de chaque bouton */
font-family:'Comic Sans MS';
background-color:#009900;
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:2px;	   /* fixe la largeur de l'encadrement des boutons à 3 px */
border-color:silver;}

a.boutonx:hover{
width:80px;	/* fixe la largeur de chaque bouton à 120 pixel */
height:30px;	 /* fixe la hauteur de chaque bouton à 30 pixel */
text-decoration:none;   /* supprime le soulignement des liens */
color:white;
text-align:center;	/* centre le texte de chaque bouton */
font-family:'Comic Sans MS';
background-color:#FF9900;
										/*  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:2px;		/* 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 */

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





	

#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;
}	 */
 

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

.gauche {
  position: absolute;
  top: 170px;		   /*  a170px de la limite haute extérieure  */
  left: 2%;				/* (moins 2%) par rapport à la limite gauche extérieure  */
  width: 18%;			  /*  la colonne gauche fait 18% de la largeur de la page*/
  border: 10px dotted #33CC99;   /*  type de bordure  de la colonne gauche  */
  padding: 3px;			/*  marge interne de la colonne gauche  */
} 

.droite {
  position: absolute;
  top: 170px;		  /*  a170px de la limite haute extérieure  */
  right: 2%;		   /* (moins 2%) par rapport à la limite droite extérieure  */
  width: 12%;			 /*  la colonne droite fait 12% de la largeur de la page*/
  border: 10px dotted #33CC99;	 /*  type de bordure de la colonne droite  */
  padding: 3px;						/*  marge interne de la colonne droite  */
}
 
 
#footer{
	margin: 0;
	padding: 1em;
	border-top: 1px solid #CCC;
	background: #EEE;
	color: #666;
} 





/*photos 2 dimensions  */

/*img {
  border:1px solid black;
  }	*/

.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:200px;
  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:200px;
  left:10px;
  width:600px; 
  height:338px; 
  }

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

		/* fin photos thumb   */  
		

.photos-1{
float: left;
padding-right:30px;
margin-left: 130px;   
}	
.photos-2{
float: right;
margin-right: 150px; 
padding-left:30px;  
}		
	/*	
 ul ul {
 display: none;
 position: absolute; 
 left: 144px; 
 top: -1px; 
 margin:0px; 
 padding: 0px; 
 border: 1px solid #FFFF70;
 }
		
li {
 list-style-type: none; 
 position: relative; 
 width: 140px; 
 background-color: #FF6600; 
 padding: 2px; 
 margin: 0px
 }	
 
li:hover, li.sfhover {
 background-color: #FFFF70; 
 }	
 
li:hover ul.niveau2, li li:hover ul.niveau3, li.sfhover ul.niveau2, li li.sfhover ul.niveau3 {
display: block
} 

li.plus {
background-position:right; 
background-image: url(decors/boutonvert.jpeg); 
background-repeat: no-repeat; 
border-bottom: 1px solid #008000;
}
	*/
 
 
   
/* Fin de la section de style généré par WebExpert le 01/10/2006 10:22:04 */