/* CSS Document */

* {
	margin: 0;
	padding: 0;
}


/* BALISES HTML */
html, body {
	background-color: #a5a99d;
		
	font-family: Arial, Helvetica, sans-serif;
	color: #AD6674;
	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	width: 100%;
	
	
}
html {
	overflow: auto;
}

a img {
	border: none;
}

/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	font-size: 10px;
	color: #A5A99D;
	text-align: right;
	margin: -4px 0px 0px 0px;
	z-index: 99;
	width: 979px;      /* ici la largeur fixe de l'element a center */
}

#liensevitement a { /* Les liens d'evitement */
	text-decoration: none;
	color: #A5A99D;
    margin: 0 0 0 7px;
	margin: 15px 0px 0px 0px;

}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  
/* Rollover des liens d evitement */
	text-decoration: underline;
	color: #fff;
}
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #fff;
	z-index: 100;
	font-size: 100%;
	top:-10000px;
}

/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 979px;      /* ici la largeur fixe de l'element a center */
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */

}
#tableau-td {
	vertical-align: middle;

}


/*
#bg_conteneur {
	background-repeat: repeat-y;
	height: 568px;
}
html>body #bg_conteneur {
	height: auto;
	min-height: 568px;
}
*/
#conteneur {
	position: relative;

	margin-left: auto;
	margin-right: auto;

	width: 979px;
	height: 568px;
	
	z-index: 1;
	
	background-image: url(images/bas_conteneur.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
html>body #conteneur {
	height: auto;
	min-height: 568px;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BANDEAU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#bandeau {
	background-image: url(images/bg_bandeau.jpg);
	background-repeat: no-repeat;
	
	height: 335px;
}
html>body #bandeau {
	height: auto;
	min-height: 335px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#nav_principale {
	width: 973px;
	height: 104px;
	
	list-style-type: none;

	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 98;
}

li#rub_1 {
	position: absolute;
	top: 42px;
	left: 229px;
}

li#rub_9 {
	position: absolute;
	top: 55px;
	left: 339px;
}

li#rub_20 {
	position: absolute;
	top: 51px;
	left: 418px;
}

li#rub_29 {
	position: absolute;
	top: 42px;
	left: 497px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU SECONDAIRE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#nav_secondaire {
	width: 357px;
	height: 104px;
	
	list-style-type: none;

	position: absolute;
	top: 0px;
	/* left: 0px; */
	left: 616px;
	z-index: 99;
}
li#rub_37 {
	position: absolute;
	top: 37px;
	left: 0px;
}

li#rub_38 {
	position: absolute;
	top: 29px;
	left: 93px;
}

li#art_412 {
	position: absolute;
	top: 25px;
	left: 165px;
}
li#rub_39 {
	position: absolute;
	top: 22px;
	left: 262px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FLASH */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#slideshow {
	background-image: url(images/bg_flash.jpg);
	background-repeat: no-repeat;
	height: 293px;
	width: 652px;
	position:absolute;
	left: 321px;
	top: 42px;
	z-index:10;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TITRE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 {
	position:absolute;
	top: 51px;
	left: 0px;
	width: 321px;
	height: 284px;

	
	background-image: url(images/bg_logo.jpg);
	background-repeat: no-repeat;
	z-index: 80;

	
}
h1 img {
	margin: 51px 0px 0px 215px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CARTE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#carte {
	position:absolute;
	top: 189px;
	left: 506px;

	z-index: 99;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BLOCK BAS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_bas {

	
	background-image: url(images/bg_block_bas.jpg);
	background-repeat: repeat-y;

	width: 979px;
	z-index: 60;
	
	float: left;
	
	margin-bottom: 16px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BLOCK ACTUS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_actus {
	background-image: url(images/bg_block_actus.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 217px;
	width: 607px!important;
	width: 606px;
	margin-left: 3px!important;
	margin-left: 2px;
	float: left;
	
	position: relative;
	z-index: 20;
	
}
html>body #block_actus {
	height: auto;
	min-height: 217px;
}
#block_actus h2 {
	text-align: center;
	color: #596734;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 20px;
	padding: 20px 0px 0px 0px;
}
#block_actus h2 span {
	color: #d1d5c9;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* UNE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.une {
	float: left;
	width: 305px;
	margin: 20px 0px 0px 0px;
	
	font-family: Arial, Helvetica, sans-serif;
}

.une div {
	width: 170px;
	float: right;
}
.block_photo_une {  /* Image evenement */
	width: 115px;
	float: left;
}

.une img {
	float: left;
	margin: 0px 0px 0px 25px;
	border: 1px solid #466583;
}

.une p.date {
	color: #689d4d;
	font-size: 11px;
}

.une h3 {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.une p.texte {
	color: #7f8a63;
	text-align: justify;
	font-size: 13px;
}
.une p.suite a {
	display: block;
	color: #689d4d;
	text-decoration: none;
	font-size: 11px;
	background-image: url(images/picto_suite.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	padding-left: 15px;
	
	margin: 5px 0px 0px 0px;
}
.une p.suite a:hover {
	text-decoration: underline;
	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ACTUS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SQUELETTE LAST_ACTU_EVMNT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
Utilisé par la page sommaire
*/
div.last_actuevmnt { /* Block 1 evenement */
	
	float: left;
	width: 260px;
	margin: 20px 0px 0px 30px;	
	font-family: Arial, Helvetica, sans-serif;

}

h2.actuevmnt {
	margin: 0px 0px 0px 0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GESTION DES VIGNETTES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_photo_actuevmnt {  /* Image evenement */
	float: left;
	margin: 0px 5px 5px 0px;
	width: 62px;
	
}
.block_photo_actuevmnt img.spip_logos { 
	float: none;
}
/*
Utilisé pour affichage d'une vignette avec ombrage généré par un masque, gère le décalage a régler sur le masque utilisé
Si pas d'ombrage, commenter la ligne ci dessous
*/
.photo_actuevmnt {  /* Image evenement */
	
	float: left;
	border: 1px solid #98bc85;

}

.date_actuevmnt { /* Date evenement */
		color: #689d4d;
		font-size: 11px;

}

div.last_actuevmnt h3 { 
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.last_actuevmnt p.suite a {
	display: block;
	color: #689d4d;
	text-decoration: none;
	font-size: 11px;
	background-image: url(images/picto_suite.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	padding-left: 15px;
	
	margin: 5px 0px 0px 0px;
}
.last_actuevmnt p.suite a:hover {
	text-decoration: underline;
	
}


div.texte_actuevmnt { /* Block de texte à coté de la photo. Pour eviter un retour sous la photo : fixer un width et passer en flottant left */
	width: 180px;
	float: left;
}
p.texte_actuevmnt { /* Texte evenement */
	color: #9a5c00;
	text-decoration: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RECHERCHE ET MENU*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_recherche {
	float: left;
	width: 201px;

	
}

#recherche {  /* Formulaire */
	height: 102px;
	
	background-image: url(images/bg_recherche.jpg);
	background-repeat: no-repeat;
}

#recherche label { /* Label */
	display: none;
}

#recherche img, #recherche input { 
	vertical-align: middle;
	border: 2px solid #b7a7a0;

	height: 16px;
}

#recherche input#Rechercher { /* Champ de saisie */
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c95f42;
	width: 116px;
	height: 14px;
	margin: 67px 4px 0px 27px;
	padding-left: 10px;
	padding-right: 3px;

}

#recherche input.boutonok  {
	width: 14px;
	height: 14px;
	
	background-image:url(images/bouton_ok.gif);
	background-repeat: no-repeat;
	border: none;
	
	color: #fff;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	margin: 67px 0px 0px 0px;

}
html>/**/body #recherche input.boutonok  {
	width: 16px;
	background-position: 3px 0px;
	background-color: transparent;

}

#recherche input.boutonok:hover {
	background-image:url(images/bouton_ok-over.gif);
	color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU PHOTOTHEQUE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu_phototheque {
	list-style-type: none;
	background-image: url(images/vague_menu.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	
	padding-bottom: 20px; 
}
#menu_phototheque li {
	display: inline;
}
#menu_phototheque li a {
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 6px 10px 0px 25px; 

}
#menu_phototheque li a:hover {
	background-image: url(images/bg_menu_phototheque-over.jpg);
	background-repeat: repeat-y;
}
.phototheque span {
	display: block;
	border-bottom: 1px dashed #c9cdbf;
	padding: 0px 0px 6px 25px;
	
	background-image: url(images/puce_phototheque.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	
	color: #a9847e;
}

.carto span {
	display: block;
	border-bottom: 1px dashed #c9cdbf;
	padding: 0px 0px 6px 25px;
	
	background-image: url(images/puce_carto.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	
	color: #cab098;
}

.marches span {
	display: block;
	padding: 0px 0px 6px 25px; 

	background-image: url(images/puce_marches.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	
	color: #c08c89;
}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU DROIT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu_droit {
	background-image: url(images/bg_menu_droit.jpg);
	background-repeat: no-repeat;
	
	width: 162px!important;
	width: 159px;
	float: left;
	
	font-family: Arial, Helvetica, sans-serif;
}

#version_anglaise {
	margin: 65px 0px 0px 25px; 
}
#version_anglaise a {
	text-decoration: none;
	color: #c95f42;
	font-size: 11px;
	
	background-image: url(images/drapeau_anglais.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	padding-left: 20px;
	
	display: block;
}
#version_anglaise a:hover {
	text-decoration: underline; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu_divers {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	
	margin-top: 15px;
}
#menu_divers li {
	display: inline;
	list-style-type: none;
}
#menu_divers a {
	display: block;
	list-style-type: none;
	color: #844b2d;
	text-decoration: none;
	
	margin: 2px 0px 2px 0px;
	padding: 2px 15px 0px 45px;
}
#menu_divers a:hover {
	list-style-type: none;
	text-decoration: underline;
	
	background-image: url(images/bg_menu_divers-over.jpg);
	background-repeat: repeat-y;
}
#menu_divers a span {
	display: block;
	list-style-type: none;
	padding: 0px 0px 2px 15px;
	
	background-image: url(images/puce_menu_divers.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }

/* pour "pousser" si presence de float */
/* penser à placer un   pour eviter le bug sous netscape (page à rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}