/* CSS Document */


/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

/* BALISES HTML */
html, body {
	background-color: #BDC6D7;
	background-image: url(images/home_bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
		
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	width: 100%;
	font-size: 100%;
	
	color: #454647;
	/*overflow: inherit;
	//overflow: auto;*/
	overflow-x:hidden;
	overflow-y:auto;


}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#liensevitement { /* Block contenant les liens d'evitement */
	width: 1020px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
		
	text-align: right;
	color: #ffffff;
	
	font-size: 0.5em;
}

#liensevitement a { /* Les liens d'evitement */
	color: #ffffff;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  /* Rollover des liens d evitement */
	color: #475E8F;
}
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	top:-10000px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 1020px;      /* 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;
}

#conteneur {	
	background-color: #c0c8d9;
	background-image: url(images/home_bg_conteneur.jpg);
	background-repeat: repeat-x;
	background-position: top;

	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	height: 579px;
	
	z-index: 1;

	text-align: left;
}

html>body #conteneur {	
	height: auto;
	min-height: 579px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE GAUCHE	 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colonne_gauche {
	width: 158px;
	position: relative;
	float: left;
	padding: 35px 0 0 0;
	background-image: url(images/home_bg_colonnegauche.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 518px;

}
html>body #colonne_gauche {
	height: auto;
	min-height: 518px;

}


/* VERSION ANGLAISE	 */

#version_fr a {
	display: block;
	background-image: url(images/home_flag_en.jpg);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
	padding: 0 0 2px 25px;
	margin: 0 0 0 33px;
	font-size: 0.6em;
	color: #b5b5b5;
	width: 100px;
	

}
#version_fr a:hover {
	background-image: url(images/home_flag_en-over.jpg);
	color: #6b6b6b;
}
#attente_version_fr {
	width: 1px;
	height: 17px;
}
/*  LISTE DES COMMUNES */
ul#liste_communes {
	text-align: right;
	list-style-type: none;
	margin: 56px 0 0 0;
	padding: 0 18px 0 0;
}
ul#liste_communes li {
	display: inline;
	color: #b5b5b5;
	font-size: 0.6em;
}
ul#liste_communes li a {
	display: block;
	color: #b5b5b5;
	font-size: 0.6em;
}


/*  MENU VIE PRATIQUE */
h2.viepratique {
	margin: 15px 7px 6px 33px;
	padding: 1px 11px 1px 0;
	text-align: right;
	background-color: #cfe6f1;
	font-size: 0.7em;
	text-transform: uppercase;
}

ul#vie_pratique {
	margin: 0 7px 0 33px;
	text-align: right;
	font-size: 0.6em;
	font-weight: bold;
}
ul#vie_pratique li {
	display: inline;
}
ul#vie_pratique li a {
	display: block;
	margin: 0 0 2px 0;
	padding: 2px 11px 2px 0;
	background-image: url(images/puce_viepratique.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #444343;
}
ul#vie_pratique li a:hover {
	background-color: #cfe6f1;
}


/*  Marche public */
#marche_public {
	background-image: url(images/home_bg_marchepublic.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 22px 0 0 0;
	margin: 2px 7px 0 33px;

}
#marche_public a {
	display: block;
	background-color: #97a2b6;
	background-image: url(images/puce_marchepublic.gif);
	background-repeat: no-repeat;
	background-position: 0.3em  0.3em;
	text-transform: uppercase;
	padding: 2px 0 2px 13px;
	font-size: 0.6em;
	color: #fff;
	font-weight: bold;
	letter-spacing: -1px;
}
#marche_public a:hover {
	background-color: #627391;
	background-position: 0.5em  0.3em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE CENTRE	 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colonne_centre {
	width: 602px;
	position: relative;
	float: left;
	padding: 22px 0 0 0;
	z-index: 2;
	background-image: url(images/home_bg_colonnecentre.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 490px;

}
html>body #colonne_centre {
	height: auto;
	min-height: 490px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ACCROCHE	 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#accroche {
	position: absolute;
	top: 7px;
	left: 239px;
	z-index: 2;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul#nav_principale {
	list-style: none;
	position: absolute;
	top: 63px;
	left: -125px;
	z-index: 99;
	width: 945px;

}

ul#nav_principale li {
	display: inline;
}


#flash {
	position: relative;
	z-index: 1;
	
	background-image: url(images/home_bandeau.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 323px;

}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SQUELETTE SOMMAIRE_A_LA_UNE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
Utilisé par la page sommaire
*/
h2.une {
	margin: 7px 0 10px 14px;
	border-top: 5px solid #48a3cd;
	color: #48a3cd;
	text-transform: uppercase;
	width: 87px;
	text-align: right;
	padding: 3px 3px 0 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
}
div.une {
	width: 207px;
	margin: 0 0 0 28px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GESTION DES VIGNETTES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_photo_une {  /* Image evenement */
	margin: 0;

}
.block_photo_une img.spip_logos { 
}
/*
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_une {  /* Image evenement */
}
.date_une { /* Date evenement */
	color: #C89BCF;
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	display: none;
}

.une h3 { /* Titre evenement lien */
	font-size: 0.7em;
	margin: 10px  0 8px 0;	
}
.une h3 a { /* Titre evenement lien */
	color: #3591bb;
	font-weight: bold;
}

div.zone_texte_une { /* Block de texte à coté de la photo. Pour eviter un retour sous la photo : fixer un width et passer en flottant left */
}
p.texte_une { /* Texte evenement */
	text-decoration: none;
	font-size: 0.6em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SQUELETTE LAST_ACTU_EVMNT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
Utilisé par la page sommaire
*/
div.block_actuevmnt { /* Block 1 evenement */
	width: 295px;
	margin: -42px 55px 0 0!important;
	margin: -42px 27px 0 0;
	position: relative;
	float: right;
	z-index: 50;
}

h2.actuevmnt {
	margin: 0 0 10px 0;
	border-top: 5px solid #ff9000;
	color: #ff9000;
	text-transform: uppercase;
	width: 106px;
	text-align: right;
	padding: 3px 3px 0 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
}


div.last_actuevmnt { /* Block 1 evenement */
	margin: 0 0 10px 13px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GESTION DES VIGNETTES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.block_photo_actuevmnt {  /* Image evenement */
	float: left;
	margin: 0px 12px 5px 0px;
	width: 85px;
}
.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 */
}

.date_actuevmnt { /* Date evenement */
	color: #6d6d6d;
	margin: 0px 0px 0px 0px;
	font-size: 0.6em;

}

.last_actuevmnt h3 { /* Titre evenement lien */
	font-size: 0.7em;
	margin: 0 0 5px 0;
}
.last_actuevmnt h3 a { /* Titre evenement lien */
	color: #cb7300;
	font-weight: bold;
	text-decoration: none;
}
.last_actuevmnt h3 a:hover { /* Titre evenement lien hover */
	text-decoration: underline;	
	color: #b04301;
}

div.zone_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: 183px;
	float: left;
}
p.texte_actuevmnt { /* Texte evenement */
	font-size: 0.6em;
}






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLONNE DROITE	 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colonne_droite {
	float: left;
	width: 260px;
	position: relative;
	padding: 35px 0 0 0;
	z-index: 1;
	height: 520px;
	background-image: url(images/home_bg_colonnedroite.jpg);
	background-repeat: no-repeat;
	background-position: top;

}
html>body #colonne_droite {
	height: auto;
	min-height: 520px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche {  /* Formulaire */
	height: 83px;
	margin: 0 0 0 31px;
}
html>body #recherche {  /* Formulaire */
	height: 83px;
}

#recherche p {
	width: auto;

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

#recherche img, #recherche input { 
	vertical-align: middle;
}

#recherche input { /* Champ de saisie */
	color: #ffffff;
	border: none;
	font-size: 0.7em;
	width: 112px;
	background-color: #7a8aae;
	padding: 0 2px 0 2px;
}
#recherche input.boutonok, input.boutonok  {
	width: 20px;

	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
	background-repeat: no-repeat;
	background-color: transparent;
	
	color: #7a8aae;
	font-weight: bold;
	
	text-align: center;
	font-size: 0.7em;
	text-transform: uppercase;
}

#recherche input.boutonok:hover, input.boutonok:hover {
	color: #54595C;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* H1 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 {
	margin: 0 0 0 16px;
	width: 169px;
}

/*  MENU VIE PRATIQUE */
h2.viequotidienne {
	margin: 33px 0 10px 30px;
	border-top: 5px solid #80bb01;
	color: #80bb01;
	text-transform: uppercase;
	width: 150px;
	text-align: right;
	padding: 3px 3px 0 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial;
}

ul#vie_quotidienne {
	margin: 0 30px 0 30px;
	font-size: 0.6em;
	font-weight: bold;
}
ul#vie_quotidienne li {
	display: inline;
}
ul#vie_quotidienne li a {
	display: block;
	margin: 0 0 2px 0;
	padding: 2px 0 2px 11px;
	background-image: url(images/puce_viequotidienne.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #70940c;
	//zoom: 1;
}
ul#vie_quotidienne li a:hover {
	background-color: #80bb01;
	color: #ffffff;
}


/* NEWSLETTER */
.formulaire_inscription {
	margin: 28px 0 0 30px;
}
.formulaire_inscription fieldset {
	border: none;
}
.formulaire_inscription legend, .formulaire_inscription h2 {
	border: none;
	color: #424241;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.8em;
	font-weight: bold;
}
.formulaire_inscription legend {
	//margin: 0 0 0 -7px;
}
.formulaire_inscription #mail_inscription_ {
	border: none;
	font-size: 0.7em;
}
.formulaire_inscription label {
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
}
.formulaire_inscription input {
	vertical-align: middle;
	padding: 0 2px 0 2px;
}

.formulaire_inscription .float_left {
	float: left;
	width: auto;
	margin: 5px 5px 0 0;
}
.formulaire_inscription span {
	font-size: 0.7em;
	display: block;
	width: 191px;
}
.formulaire_inscription input.spip_boutoncss  {
	width: 20px;

	border: medium none; 	/* NE PAS EFFACER CETTE LIGNE */
	background-repeat: no-repeat;
	background-color: transparent;
	
	color: #646262;
	font-weight: bold;
	
	text-align: center;
	font-size: 0.7em;
	text-transform: uppercase;
}

.formulaire_inscription input.spip_boutoncss:hover {
	color: #7A8AAE;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */		
	clear: both;
	font-size: 0.6em;
	color: #565757;
	margin: 0 42px 0 33px;
	padding: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/home_bg_footer.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 30px;
}
html>body #footer { /* Block pied de page */		
	height: auto;
	min-height: 30px;
}
#footer ul { /* Liste */
	list-style-type: none;

}
#footer ul li { /* Liste */
	display: inline;

}

/* MENU DIVERS */
#menu_divers {
	width: auto;
	float: right;
}
#menu_divers li a {
	color: #565757;
}
#menu_divers li a:hover {
	color: #000001;
}

#menu_divers li a.artplan {
	background-image: url(images/puce_plan.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding: 2px 0 2px 15px;

}

#menu_divers li a.artaccess {
	background-image: url(images/puce_access.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 2px 19px 2px 0;
	text-transform: uppercase;

}
#menu_divers li a.artaccess:hover {
	background-image: url(images/puce_access-over.gif);

}

#adresse {
	padding: 2px 0 2px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 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: 1px;
	font-size: 0px;

}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }
html[xmlns] .format_png { behavior/*\**/: url(); }

/* Flottant à droite */
.float_droite {
	float: right;
}