@charset "utf-8";
/* CSS Document */

			html, body { height: 100%; background-color: #000;}
			body {font: verdana, arial, helvetica, sans-serif; font-size:0.95em; }
			#container {
				position: relative;
				min-height: 100%;
				height: 100%;
				voice-family: "\"}\"";
				voice-family: inherit;
				height: auto;
			}
			#content { background-repeat:no-repeat;
			min-height:768px; width:1000px; margin-left:auto; margin-right:auto; margin-bottom:150px; padding: 10px;
				background-color: #000;
				padding-bottom:0px;
			}
			.fond_accueil { background-image:url(images/fond_page.jpg);}
			.fond_galerie { background-image:url(images/fond_page_galerie.jpg);}
			object {width:780px; height:580px} /*taille de la fenêtre contenant la page html galeria */
			a img {border: none; margin-top:-3px;}
			a:focus  {outline:0;} /* -- supprime le cadre de selection " focus" autour des images dans les navigateurs */
						
			/*------------------------COUlEUR DES TEXTES-------------------------------------*/
.texte { font-family:Verdana, Geneva, sans-serif; font-size-adjust:none; color:#FFF; text-align:center;  }
.texte2 { font-family:Verdana, Geneva, sans-serif; font-size-adjust:none; font-size:bold; color:#FFF; text-align:justify;text-shadow:1px 1px 2px #630; }
.texte3 { font-family:Verdana, Geneva, sans-serif; font-size:larger;font-size-adjust:none; font-size:bolder; color:#FFF; text-align:center;text-shadow:1px 1px 2px #630; }
h1 { font-weight:bolder; font-size:medium; text-align:center;}
h2 { font-weight: bold; font-size:small; text-align:left; margin-left:20px;}
.textemenu { font: 12px/1.5 verdana, arial, helvetica, sans-serif; font-weight:bolder; color:#FFF;}
.cadre {border:1px solid white;padding:5px;}
p:first-letter { /* première lettre de chaque paragraphe */
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic; font-weight:bold;
  text-indent:20px;
  margin-left:10px;
  font-size:30px;
  line-height:10px;
} 

/*-------------------------- FIN Pied de page-----------------------------------*/
/*---------------------------Début MENU-----------------------------------------*/
#bloc_menu {
	z-index:100;
	position:relative;
	float:left;
	width:130px;
	height:525px;
	margin-left:0px;
	/margin-left:-40px;
	}
.bloc_contenu {
	z-index:90;
	/*display:block;*/
	position:relative;
	-moz-border-radius: 8px;
	border:#FC0 solid 1px;
	width:auto;
	height:auto;
	padding: 0px 20px 20px 20px;
	margin-left:184px;
	margin-right:50px;
	background-image:url(images/fond_marron_opacite_50.png);
}

#bloc_contenu2 {
	z-index:90;
	width:auto;
	height:auto;
	margin-left:200px;
	margin-bottom:auto; background-image:url(images/fond_marron_opacite_50.png);
}
#conteneur_menu { /*Bloc contenant la totalité du menu VISIBLE, permettant de placer précisément le bloc menu sur la page*/
		margin-top:165px;
	}
#menu { width: 120px;
 		height: 405px; /* pour remonter ou descendre le menu "contact" */
 		list-style-type: none;
		margin-top:0px;
 		padding: 0;
		}

#menu li { float: left;
		   width:auto; /*réglage zone réactive des menus IE7*/
		   min-width:120px;
		   height: 40px; 
		   margin-bottom:0px;/*espacement des differents menus entre eux*/
		   padding: 0px;
		   background-image:url(images/fond_menu_off.png); background-repeat:no-repeat; background-color:none;
		   }
#menu .sousmenu { display: none;
				  list-style-type: none;
				  /*width:120px; height:100px;*/
				  margin-left:30px; /*calage des sous-menus à gauche*/
				  padding-left:90px;
				  margin-top:-40px;/*décalage nécessaire pour le placement des sous-menus, afin qu'ils soient alignés en face des menus correspondants*/
				 }
				 
#menu .sousmenu li { /*float:none; background-color: #C60;*/
				     width:120px;
		  		     height:40px;
					 padding-right:-5px;
					 border: 0; }
					 
#menu li a:link, #menu li a:visited { display: block;
									width:120px;height:40px; 
									}
									   
#menu li a:hover { background-image:url(images/fond_menu_on.png);}/* réaction des menus au roll-over*/
#menu .sousmenu li a:link,
#menu .sousmenu li a:visited { display: block; 
							   margin: 0;
							   border: 0;
							   text-decoration: none;
							   }
  				 
#menu li:hover > .sousmenu { display: block; }
/*----------------------menu Contact---------------------*/
#menu2 { width : 120px; /*Zone réactive du menu*/
 		height: 40px;
 		list-style-type: none;
		margin-top:0px;
 		padding: 0;
		text-align:center;
}

#menu2 li { float: left; /*réglages des menus*/
		   width: 120px;
		   height: 40px; 
		   padding: 0px;
		   background-image:url(images/fond_menu_off.png);/* background-color: #930;*/
		   }
#menu2 li a:link, #menu2 li a:visited {  display: block;
										width:120px;height: 40px; 
									   text-decoration: none; }
									   
#menu2 li a:hover { background-image:url(images/fond_menu_on.png);} /*réaction des menus au roll-over*/

/*---------------------------FIN MENU-----------------------------------------*/
/*---------------------------Modif Menu Horizontal-----------------------------------------*/

#menuh {width:600px;/*Zone réactive du menu horizontal*/
 		height:10px;
		list-style-type: none;
		margin-top:0px;
 		margin:0px;
 		padding:0px;
		/*border: solid 1px #FFF;*/
		}

		
#cadregauche1 /*Alerte*/,#cadregauche2 /*agenda*/
{position: absolute;
	margin:10px;
	right: 10px;
	left:auto;}
/*--------------  alerte  -------------*/
#cadregauche1{
	height: 220px;
	width:220px;
	background:url(images/alertes.jpg)no-repeat;
	top:10px;
}
/*--------------  agenda  -------------*/

div#cadregauche2 {
	height: auto;
	width:200px;
	padding:0 10px 10px 10px;
	top:250px;
	border: 1px solid #FFF; background-image:url(images/fond_marron_opacite_50.png);
	font-size:0.8em;line-height:1.2em;
}
div#cadregauche2 h1.cadre { font-weight:bolder; font-size:1.2em; text-align:center;}
div#cadregauche2 h2 { margin:0 0 5px 0;font-weight:bolder; font-size:1.2em; text-align:center;}
/*----------------*/
#cadrepub {
	position:absolute;
	padding:5px;
	width:100px;
	margin-left:4px;
	height: auto;
	border: 1px solid #630;
	bottom:10px;
	}
#cadrepub a:visited {color: #630;font-size:xx-small; padding:1px; text-decoration:none;}
#cadrepub a:hover {color: #FFF;font-size:xx-small; padding:1px; text-decoration:none;}
h1 { font-weight:bolder; font-size:medium;}
.minilien {position: absolute;float:left; margin-left:5px; margin-bottom:5px; width:auto;}
.minilien a:link { color: #FF0; border: #FF0 solid 1px;font-weight:bold; padding:3px; text-decoration:none; -moz-border-radius:3px;}
.minilien a:visited {color:#FC0;border:#FC0 solid 1px;font-weight:bold; padding:3px; text-decoration:none; -moz-border-radius:3px;}
.minilien a:hover {color: #FFF; border:#FFF solid 2px; padding:3px; text-decoration:none; -moz-border-radius:3px;}
#menu_bas { width:auto; height:auto ; margin-top: 540px;}
.menu_bas { float:left; margin:2px;text-decoration:none; }
.menu_bas a:link { color: #C93; border:#C93 solid 1px; font-size:x-small; padding:2px; text-decoration:none; -moz-border-radius:3px;}
.menu_bas a:visited {color:#C93;border:#C93 solid 1px; font-size:x-small; padding:2px; text-decoration:none; -moz-border-radius:3px;}
.menu_bas a:hover {color: #FFF; border:#FFF solid 1px; font-size:x-small; padding:2px; text-decoration:none; -moz-border-radius:3px;}