<!--

/*******************************************************/
/*******************************************************/
/*******************************************************/


html, body {
	height: 100%;
	margin: 0;
	font: 90% "Verdana", sans-serif;
	background: url(fond.gif);
	/*background:url(fond_noel.jpg) no-repeat #7e171b center top;*/
}

div#cadre {
	min-height: 100%;
	width: 750px;
	margin: 0 auto;
	position: relative;
	padding:0 10px;
	background: url(cadre.gif) center repeat-y;
}

div#haut{
	margin-left: auto; margin-right: auto;
}

div#haut .cadre_entete{
	height: 160px; width: 740px;
	margin-left: auto; margin-right: auto;
	background-repeat: no-repeat;
	overflow: hidden;
}

div#haut .titre{
	position: relative;
	height: 40px;
	width: 600px;
	margin-top: 0px;
	margin-left: 140px;
	background: url(titre.gif) no-repeat;
	overflow: hidden;
}

div#milieu{
	/*padding-bottom: 100px;*/
	overflow: auto;
}

div#arborescence{
	margin-left: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	width: auto;
	font-size:90%;
	text-align:left;
}

div#bas {
	position: absolute;
	height: auto; width: 750px;
	background: url(cadre.gif) center repeat-y;
	bottom: 0;
	text-align: center;
}


div#contenu_bas {
	height: auto; width: 750px;
	background-repeat: no-repeat;
	border-top: 1px solid #009f07;
	margin-left: auto; margin-right: auto;
	background-color: #bbffcc;
}

div#contenu_bas2 {
	height: auto; width: 750px;
	background-repeat: no-repeat;
	border-top: 1px solid #009f07;
	margin-left: auto; margin-right: auto;
	background-color: #FFFFFF;
	background: url(cadre.gif) center repeat-y;
}

div#cadre_gauche{
	background-color: transparent;
	width: 560px;
	float: left;
	display: inline;
	padding-left:5px;
	padding-bottom: 80px;
}


div#cadre_droit{
	background-color:transparent;
	min-height: 100%;
	width: 180px;
	float: right;
	overflow: hidden;
	padding-right:5px;
	padding-bottom: 80px;
	
}

div#cadre_integrale{
	margin-left: auto; margin-right: auto;
	background-color: transparent;
	width: 740px;
	padding-bottom: 80px;
}

#boite_photo{
	margin-top: 30px;
	width: 178px;
	background-repeat: no-repeat;
	background-color: #dbffdd;
	border: 1px solid #009f07;
	font-size:80%;
}

#boite_evenement{
	margin-top: 20px;
	width: 178px;
	background-repeat: no-repeat;
	background-color: #dbffdd;
	border: 1px solid #009f07;
	font-size:80%;
}




p{font-size: 1em;}
a:link { text-decoration: none; color:#000000; }
a:visited { text-decoration: none; color:#000000; }
a:hover { text-decoration: underline; color:#000000; }

.Style3 a:link { text-decoration: none; color:#ff9933; }
.Style3 a:visited { text-decoration: none; color:#ff9933; }
.Style3 a:hover { text-decoration: underline; color:#ff9933; }



/*******************************************************/
/*******************************************************/
/*******************************************************/


div#cadre_gauche .categorie{
	margin-top: 10px;
	width: 550px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #009f07;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:x-large;
	color:#00a400;
	text-indent:10px;
}

div#cadre_integrale .categorie{
	margin-top: 10px;
	width: 550px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #009f07;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:x-large;
	color:#00a400;
	text-indent:10px;
}

div#cadre_integrale .categorie_full{
	margin-top: 10px;
	width: 700px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #009f07;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:x-large;
	color:#00a400;
	text-indent:10px;
}

div#cadre_gauche .contenu_categorie{
	margin-top: 10px;
	padding-bottom: 20px;
	width: 550px;
	font-size:90%;
	text-align:justify;
}

div#cadre_integrale .contenu_categorie{
	margin-top: 10px;
	padding-bottom: 20px;
	font-size:90%;
	text-align:justify;
}

div#cadre_gauche .actualite_p{
	margin-left: auto; margin-right: auto;
	background-color:#dbffdd;
	padding: 10px;
	border: 1px solid #009f07;
	width: 500px;
	font-size:90%;
	text-align:justify;
}

div#cadre_gauche .actualite_rouge{
	margin-left: auto; margin-right: auto;
	background-color:#ffcccc;
	padding: 10px;
	border: 1px solid #ff0000;
	width: 500px;
	font-size:90%;
	text-align:justify;
}

div#cadre_gauche .actualite_jaune{
	margin-left: auto; margin-right: auto;
	background-color:#ffffdf;
	padding: 10px;
	border: 1px solid #ffc869;
	width: 500px;
	font-size:90%;
	text-align:justify;
}

div#cadre_gauche .actualite_bleu{
	margin-left: auto; margin-right: auto;
	background-color:#FFFFFF;
	padding-left: 10px; padding-right:10px;
	border: 1px solid #3d60af;
	width: 500px;
	font-size:90%;
	text-align:justify;
}

div#cadre_integrale .actualite_p{
	margin-left: auto; margin-right: auto;
	background-color:#dbffdd;
	padding: 10px;
	border: 1px solid #009f07;
	width: 700px;
	font-size:90%;
	text-align:justify;
}

.Style3 {
	font-family: "Verdana", sans-serif;
	font-size:100%;
	color:#ff9933;
	font-weight: bold;
}

.Style5 {
	font-family: "Verdana", sans-serif;
	font-size:100%;
	color:#00a400;
	font-weight: bold;
}

.Style100 {
	font-family: "Verdana", sans-serif;
	font-size:100%;
	color:#ff0000;
	font-weight: bold;
}

div#arborescence a:link { text-decoration: none; color:#009f07; }
div#arborescence a:visited { text-decoration: none; color:#009f07; }
div#arborescence a:hover { text-decoration: underline; color:#009f07; }


/*******************************************************/
/*******************************************************/
/*******************************************************/

div#cadre_integrale .liens{
	text-align: left;
	padding: 20px;
}







.justify {
	text-align:justify;
}









#vide{
height: 100px; width: 100px;
}



/*p {font-size: 1em;}*/

/*---------------TITRE---------------*/



/*-------------FIN TITRE-------------*/

/*POLICES DU CADRE INERIEUR*/

div#cadre_interieur h1 {
font-size: 0.8em ;
font-style: normal ;
background-color: transparent;
line-height: 1.5em ;
color: #000000 ;
text-align: justify;
text-indent: 10px;
}

/*************************/



/*POLICES DU CADRE DROIT*/

div#cadre_droit h1 {
font-size: 0.8em ;
font-style: normal ;
background-color: transparent;
line-height: 1.5em ;
color: #ffffff ;
text-align: center;
text-indent: 0px;
}

div#cadre_droit h2 {
font-size: 0.8em ;
font-style: normal ;
background-color: transparent;
line-height: 1.2em ;
color: #000000 ;
text-align: left;
text-indent: 10px;
}

div#cadre_droit h3 {
font-size: 0.8em ;
font-style: italic ;
background-color: transparent;
line-height: 1.2em ;
color: red ;
text-align: left;
text-indent: 10px;
}

/*************************/



/*POLICES DU CADRE GAUCHE*/

div#cadre_gauche h1 {
font-size: 0.8em ;
font-style: normal ;
background-color: transparent;
line-height: 1.5em ;
color: #000000 ;
text-align: justify;
text-indent: 5px;
}

div#cadre_gauche h2 {
font-size: 1em ;
font-style: normal ;
background-color: transparent;
line-height: 1.5em ;
color: #000000 ;
text-align: left;
text-indent: 10px;
}

div#cadre_gauche h3 {
font-size: 1em ;
font-style: normal ;
background-color: transparent;
line-height: 0.2em ;
color: #000000 ;
text-align: left;
text-indent: 20px;
}

div#cadre_gauche h4 {
font-size: 1em ;
font-style: italic ;
background-color: transparent;
line-height: 0.1em ;
color: red;
text-align: left;
text-indent: 50px;
}

div#cadre_gauche h5 {
font-size: 1em ;
font-style: italic ;
background-color: transparent;
line-height: 0.1em ;
color: black;
text-align: center;
}

/*************************/


/*----------LIEN------------*/





/*---------FIN LIEN---------*/

/*-----------------MENU-----------------*/



/*---------------FIN MENU---------------*/

/*CADRES DROIT - GAUCHE + LE CONTENANT DU DROIT/GAUCHE*/

div#cadre_interieur{
	width: 740px;
	margin-left: auto; margin-right: auto;
}



/*FIN CADRES DROIT - GAUCHE + LE CONTENANT DU DROIT/GAUCHE*/


/*CONTENU CADRE DROIT*/



/*FIN CONTENU CADRE DROIT*/

a{
	color: #CC9966;
	text-decoration: none;
}



/****GALERIE PHOTOS****/

.hoverbox
{
	height: auto; width: 640px;
	cursor: default;
	list-style: none;
	margin-left: auto; margin-right: auto;
	padding-bottom:700px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;01:36 25/05/2008
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

/*******************/

-->