/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #E0C99F;
	margin: 0;
	text-align: center;
	font-size: 11px;
	color: #333333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
p{margin:8px 0;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page .bandeauHaut {
	height:140px; background:#5976C1 url(../vsl/bandeau_haut.jpg) no-repeat right top;
}
#page .menuHaut {
	height:28px; background:#AABCD2; color:#FFFFFF; text-align:left;
}
#page .menuHaut .bloc{
	padding:0 5px;
}
#page .menuHaut dl {
	float: left; line-height:28px;
	margin: 0 1px; height:15px;
}
#page .menuHaut dl a {
	color:white;
}
#page .menuHaut dl a:hover {
	color:#FF6600;
}
#page .menuHaut dt {
	cursor: pointer;
	text-align: center;
	color:white;
}
#page .menuHaut dt:hover {
	color:#FFCC00;
}
#page .menuHaut dt a {
	color: white;
	text-decoration: none;
	display: block;
}
#page .menuHaut dt a:hover {
	color:#FFCC00;
}
#page .menuHaut dd {
	background: #FFFFFF; margin:-0 0 0 0;
	text-align:left; width: 150px; z-index:100;
	position:absolute; display:none; border-right:2px solid #5976C1; border-bottom:2px solid #5976C1;
}
#page .menuHaut dd .over{
	padding:0; font: 11px Arial, Tahoma, Helvetica, sans-serif;
}
#page .menuHaut dd a{
	color: #000000; display: block; pointer:cursor; background:#FFFFFF;
	padding:2px 6px;
}
#page .menuHaut dd a:hover{
	color:#FFFFFF; background:#FEA31F;
}
#page .menuHaut a {
	color:#FFFFFF;
}
#page .defilant {
	height:10px; background:#5976C1 url(../vsl/degrade_defilant.gif) repeat-x left top;
}
#page .recherche {
	height:33px; background:#E0C99F url(../vsl/fond_recherche.gif) no-repeat left top;
}
#page .recherche .bloc {
	padding:4px 5px; float:right; width:270px;
}
#page .recherche form {
	margin:0;
}
#page .recherche .bloc input {
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#page .recherche .bloc .bouton {
	background:none; border:none; cursor:pointer;
	text-transform:uppercase; color:#FFFFFF;
}

#conteneur {
	background:#E0C99F;
 }

 /* style colonne gauche */
#conteneur .gauche{
	width:167px; vertical-align:top; padding-top:75px;
	background: url(../vsl/fond_colgauche.gif) no-repeat left top;
 }
 #conteneur .gauche .viepratique{
	height:24px;
	background:#5976C1 url(../vsl/titre_vie_pratique.gif) no-repeat left top;
 }

 #conteneur .gauche .mairie{
	background:#FFFFFF  url(../vsl/haut_bloc_blanc.gif) no-repeat left top;
	padding:0; margin:10px 0;
}
#conteneur .gauche .mairie .bloc{
	padding:10px 5px 0 5px; text-align:center;
}
#conteneur .gauche .mairie .bas{
  	width:100%;
	background:url(../vsl/bas_bloc_blanc.gif) no-repeat right bottom; height:15px;
	position:relative; left:0; bottom:0;
}

 /* style colonne centre */
#conteneur .centre{
	width:648px; vertical-align:top;
}
#conteneur .centre .bloc{
	padding: 0 35px; position:relative; margin:20px 0;
}
#conteneur .centre .hierarchie{
	font:italic 10px Verdana, Arial; margin-bottom:10px;
}
#conteneur .centre h1{
	font:18px Verdana, Arial; margin-bottom:5px; color:#003366;
}
#conteneur .centre h2{
	font:14px Verdana, Arial; color:#003366;
}
#conteneur .centre .texte{
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify; color:#003366;
}
#conteneur .centre .fieldset a{
	color:#003366;
}
#conteneur .centre .savoirplus{
	border-bottom:1px dashed #003366; text-align:right;
	clear:both; padding-bottom:2px;
}
#conteneur .centre .savoirplus a{
	background:url(../vsl/under_lien.gif) no-repeat center 2px; color:#FFFFFF; padding:2px 15px;
}
#conteneur .centre .savoirplus a:hover{
	background:url(../vsl/under_lien_over.gif) no-repeat center 2px;
}
#conteneur .centre .editorial{
	color:#003366;
}
#conteneur .centre .editorial .bulletin{
	vertical-align:top;
}

#conteneur .centre .editorial .bulletin .texte{
	padding:2px; text-align:center; color:#FFFFFF;
	font:11px Arial; background:#CC0000;
}
#conteneur .centre .editorial .bulletin .image{
	text-align:center; background:#CC0000; padding-bottom:2px;
}

#conteneur .centre .une{
	background:url(../vsl/titre_une.gif) no-repeat left top;
	margin:25px 0; padding:30px 0 0px 0; color:#003366;
}

#conteneur .centre .SaisonCulturelle{
	border:1px solid #cc0000;
	font-size:15px;
	color:#cc0000;
}

#conteneur .centre .evenements{
	background:url(../vsl/titre_evenement.gif) no-repeat left top;
	margin:15px 0; padding:30px 0 8px 0; color:#003366;
}
#conteneur .centre fieldset{
	border:1px solid #5976C1;
}
#conteneur .centre legend{
	padding:2px 4px; background:#5976C1; color:#FFFFFF; font:10px Verdana;
}
#conteneur .centre .galerie{
	margin:10px 0;
}
#conteneur .centre .galerie img{
	margin:5px;
}

#conteneur .centre .ssMenuArt{
	float:right; font:italic 10px Verdana, Arial;
	width:165px; margin:0 0 15px 25px; color:#003366; text-align:left;
}
#conteneur .centre .ssMenuArt a{
	color:#003366;
}
#conteneur .centre .ssMenuArt a:hover{
	color:#CC0000;
}
#conteneur .centre .ssMenuArt ul{
	margin:0; padding:0;
}
#conteneur .centre .ssMenuArt li{
	margin:0; padding:2px 0 2px 9px; list-style:none; font-style:normal;
	border-bottom: 1px dashed #003366; background:url(../vsl/puce_li_carre.gif) no-repeat left 5px;
}

#conteneur .centre .auteur{
	margin:5px 0; font-style:italic; font-size:10px;
}
#conteneur .centre .auteur a{
	color: #CC0000;
}
#conteneur .centre .auteur a:hover{
	text-decoration:underline;
}

#conteneur .centre .form_type input, #conteneur .centre .form_type select{
	font-size:11px;
}
#conteneur .centre .form_type fieldset{
	border:1px solid #5976C1;
}
#conteneur .centre .form_type input.bouton{
	border:none; background:#5976C1 url(../vsl/fond_bouton.gif) repeat-x left center; padding:2px 4px;
	color:#FFFFFF; cursor:pointer;
}
#conteneur .centre .form_type textarea{
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#conteneur .centre .form_type .titre_formulaire{
	border-bottom: 1px solid #5976C1;
	color:#003366; font-weight:bold; font-size:11px;
	text-align:left; width:100%;
}

/*Style Barre Lien*/
#conteneur-footer{
	width:980px; padding:2px 0; margin-bottom:10px; text-align:center;
	background:url(../vsl/degrade_divlogos.gif) repeat-y top center;
}

 /* style colonne droite */
#conteneur .droite{
	width:165px; vertical-align:top; padding:20px 0 0 0;
}
#conteneur .droite h2{
	font:bold 11px Arial, Helvetica, sans-serif; margin:2px 0;
}
#conteneur .droite .agenda{
	background:#A9BCD0  url(../vsl/haut_bloc.gif) no-repeat left top;
	padding:0; margin:10px 0;
}
#conteneur .droite .agenda .bloc{
	padding:10px 5px;
}
#conteneur .droite .agenda .bloc h1{
	 text-align:center; margin:0;
}
#conteneur .droite .agenda .bas{
  	width:100%;
	background:url(../vsl/bas_bloc.gif) no-repeat right bottom; height:15px;
	position:relative; left:0; bottom:0;
}
#conteneur .droite .services{
	background:#CCB993  url(../vsl/haut_bloc_beige.gif) no-repeat left top; text-align:center;
	padding:0; margin:10px 0;
}
#conteneur .droite .services .bloc{
	padding:10px 5px 0 5px;
}
#conteneur .droite .services .bloc h1{
	text-align:center; text-transform:uppercase; margin:0;
}
#conteneur .droite .services .bloc ul{
	margin:0; padding:2px 8px; text-align:left;
}
#conteneur .droite .services .bloc li{
	margin:0; padding:0; list-style:none; font-family:Arial;
}
#conteneur .droite .services .lien{
	background:#AF8C6D; padding:2px; text-align:center;
	font:11px Arial, Helvetica, sans-serif; margin:2px 0;
}
#conteneur .droite .services .lien a{
	display:block;
}
#conteneur .droite .services .bas{
  	width:100%;
	background:url(../vsl/bas_bloc_beige.gif) no-repeat right bottom; height:15px;
	position:relative; left:0; bottom:0;
}
#conteneur .droite .logos{
	background:#FFFFFF  url(../vsl/haut_bloc_blanc.gif) no-repeat left top;
	padding:0; margin:10px 0;
}

#conteneur .droite .logos .bloc{
	padding:10px 5px; text-align:center;
}
#conteneur .droite .logos .bas{
  	width:100%;
	background:url(../vsl/bas_bloc_blanc.gif) no-repeat right bottom; height:15px;
	position:relative; left:0; bottom:0;
}

/*  style menu deroulant ajax gauche*/

.glossymenu{
margin:0;
padding: 0;
width: 167px; /*width of menu*/
}

.glossymenu a.menuitem{
background:url(../vsl/fond_item_menu.gif) no-repeat left top;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
position:relative;
display: block;
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
margin:6px 0 0 0;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #5976C1;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	margin: 0; padding: 0;
}

.glossymenu div.submenu ul li{
	list-style-type: none; margin: 0; padding: 0;
	border-bottom:1px solid #5976c1;
}

.glossymenu div.submenu a{
display: block;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
padding: 2px 2px 2px 10px;

}

.glossymenu div.submenu ul li a:hover{
background: #FEA31F;
color: #333333;
}

 #signature{
 	clear:both; font:9px Verdana, Arial, helvetica, sans-serif;
	width:980px; margin:8px auto; text-align:left;
 }



.pagination {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}



/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #003366; }
a:hover { text-decoration: none; color: #333333;}
a:focus { outline:0; }

.MenuAssociation{
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
position:relative;
margin:6px 0 0 0;
}

/* -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */

#calendrier li{
	list-style: none;
}

#libelle {
	margin: 0 auto;
	padding: 0;
}
#calendrier .ligne {
	margin: 0 auto;
	padding: 0;
}
#libelle li {
	float : left;
	width : 22px;
	background-color:#DDDDDD;
	text-align:center;
	vertical-align:middle;
	height:20px;
	line-height:20px;
}
#calendrier .ligne li {
	color: #000;
	float : left;
	width : 22px;
	height:15px;
	line-height:15px;
	text-align:center;
}

#calendrier .ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

#calendrier li.itemCurrentItem {
	/* A vous de configurer l'apparence de la date du jour */
	color:red;
	background-color:#ffcc66;
	border:1px solid #FEA31E ;
	width : 20px;
	height:13px;
	line-height:13px;
}
#calendrier li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}
#calendrier li.itemExistingItem {
	color:#000000;
	background-color:#aabcd2 ;
	border:1px solid #5976c1 ;
	width : 20px;
	height:13px;
	line-height:13px;
}
#calendrier li.itemExistingItem:hover{
	color:#000000;
	background-color:#5976c1;
	border:1px solid #5976c1 ;
	width : 20px;
	height:13px;
	line-height:13px;
}

.divcontentarea{
	position:absolute;
	background-color:#A9BCD0;
	border:8px solid #5976C1;
	height:70px; padding:3px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*  ------------------------------------------
/*  style enrichissement de texte
/*  ------------------------------------------ */

.texteencadre-spip {
	color: #000033;
	background: #EEF;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
	margin: 1em 0;
	padding: .25em;
	position: relative;
}

.caractencadre-spip {
	color: #FF6600;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #FF6600;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

/* ne marche pas sur MSIE, a refaire en jQuery */
a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background: transparent;
font-size:x-small;
}

sup {
	vertical-align:20%;
	font-variant: small-caps;
	font-size: .5em;
}


.champs_obligatoire{
	font-size:11px;
	color:red;
}

.bouton{
	border:none; background:#5976C1 url(../vsl/fond_bouton.gif) repeat-x left center; padding:2px 4px;
	color:#FFFFFF; cursor:pointer;
}