/*  ----------------------------------------------------------- */
/*  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: #FFFFFF;
	text-align: center;
	color: #333333;
	margin:0;
	padding:0;
}

img, table { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

p,img,a,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	border: 0;
}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 48em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	border:1px solid black;
}

#conteneur { 
	width: 100%;
	position:relative;
	top:-1.4em;
	left:0em;
}

#contenu {
	float: right;
	width: 37em;
}

#navigation {
	float: left;
	width: 8em;
}



/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	float: left;
	width: 26.5em;
	/* margin-top:1.5em; */
	padding-top:0;
}

#contenu .encart {
	float: right;
	/* margin-top:1.5em; */
	padding-top:0;
	width: 9em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom: 2em;
	background: url(/squelettes/img/trait_fushia_vertical.gif) left top no-repeat; 
}

#contenu .encart hr {
	border:1px;
	background: url(/squelettes/img/trait_noir.gif) center center no-repeat;
}

#contenu .encart  div {
	font-size:0.7em;
	text-align: center;
	padding-bottom:0.5em;
}

#contenu .encart h3 {
	padding-left:0.5em;
	margin-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-size:0.8em;
	font-weight: bold;
}

#contenu .encart h3.odd {
	color: #dd0000;
}

#contenu .encart h3.even {
	color: #0c479d;
}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 1em;
	font-size: 0.77em; 
}

#hierarchie a {
	color:black;
	font-weight: bold;
	text-decoration: none;
}

#hierarchie a:hover,
#hierarchie a:focus {
	text-decoration:underline;
}



/* Espaceur de blocs */
.nettoyeur { 
	clear: both; 
	margin: 0; 
	padding: 0; 
	border: none; 
}

/* Non visible a l'ecran */
.invisible { 
	position: absolute; 
	top: -3000em; 
	height: 1%; 
}


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; 
}

/* Typo pour le contenu */
#contenu {
	font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif; 
}


/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Georgia, Times, serif; 
}


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */

.rubriques {
	min-width: 10em;
	margin-bottom: 1em;
	font-size: 0.77em;
}

/* 
	=========================
	Menu accéssibilité
	===========================  
*/
div#entete h1 {
	padding:0;
	margin:0;
}

div#entete h1 img {
	padding:0;
	margin:0;
	float:left;
}


div#entete span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right:5px;
	float:right;
	font-weight: bold;
	font-size:0.59em;
	color : #2058a4;
	text-decoration: none;
}

ul#menu-access {
	text-align:right;
	width:48em;
	margin-left: auto;
	margin-right: auto;
	/* margin-top:2px; */
	margin-bottom:2px;
	padding:0;
	background-color:white;
	/* border:1px dashed black; */
}

ul#menu-access li {
	display: inline;
}

ul#menu-access li a {
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}

ul#menu-access li a:hover,
ul#menu-access li a:focus  {
	text-decoration: underline;
}

div#search {
	position:relative;
	top:-2.5em;
	left:30em;
	width:12em;
}

/*
	Menu haut
*/
div#menu-haut table {
	border-collapse: collapse;
	background-color:#2653b8;
}

div#menu-haut a {
	color:white;
	text-decoration:none;	
}

div#menu-haut ul {
	margin:0;
	padding:0;
	width:100%;
}

div#menu-haut li {
	display:table-cell;
	float:left;
}

div#menu-haut.noimg li {
	margin-right:1em;
}

div#menu-haut img {
	
}

div#menu-haut hr {
	visibility:hidden;
	clear:left;
}



/* 
	=========================
	Menu latérale gauche
	===========================  
*/
div#navigation ul {
	list-style-type: none;
	padding-left:0px;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

div#navigation li {
	margin-top:2px;
	margin-bottom:2px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:4px;
	padding-right:4px;
	background-color:#f4f5f9;
}

div#navigation h3 {
	color:white;
	background-color: #2653B8;
	padding-left:1em;
	font-size: 1.2em;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top:0px;
	margin-bottom: 0px;
}

div#navigation li a {
	color: #49689f;
	font-size:0.9em;
	text-decoration: none;
}

div#navigation li a:hover,
div#navigation li a:focus {
	text-decoration: underline;
}

div#navigation li.active a {
	color: #ed1c24;
}

div#navigation h2 {
	display:none;
}

/*
	Menu rubrique
*/
div#menu-rubrique ul.n1 {
	padding-left:0;
	margin-left:0;
	margin-right:1em;
}

div#menu-rubrique li {
	list-style-type: none;
	/*
	padding-bottom: 0.3em;
	*/
	padding-top: 0.3em;
	margin-bottom :0.5em;
	
	margin-left:0.2em;
	padding-left:0.4em;
	margin-right:0.1em;
	padding-right:0.1em;

	font-size:0.85em;
}

div#menu-rubrique li li {
	margin-left:-2em;
	padding-bottom: 0;
	margin-bottom : 0.2em;
}

div#menu-rubrique li.odd {
	background-color: #F6F6F6;
	border:1px solid #F6F6F6;	/* Hack IE sinon le padding-bottom fait flotter les li vers la droite */
	padding-bottom: 0.3em;
	border-left:1px solid gray;
	border-right:1px solid gray; 
}

div#menu-rubrique li.even {
	background-color: white;
	border:1px solid white; 	 /* Hack IE sinon le padding-bottom fait flotter les li vers la droite */
	padding-bottom: 0.3em;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

div#menu-rubrique h3 {
	color:#dd0000;
	font-weight:bold;
	font-size:0.9em;
	margin-bottom:0.4em;
}

div#menu-rubrique a {
	color:black;
	text-decoration:none;
}

div#menu-rubrique a:hover,
div#menu-rubrique a:focus{
	text-decoration:underline;
}

/*
	Footer
*/
div#pied {
	font-size: 0.77em; 
}

/* Pied de page */
div#pied ul {
	clear: both;
	width: 100%;
	border-top: 1px dotted #CCC;
	padding: 2px;
	margin-left:0;
	margin-right:0;
	text-align: center; 
}

div#pied  li {
	display:inline;
	margin-left:1em;
	margin-right:1em;
}

div#pied  a {
	color:black;
}

#pied img { 
	vertical-align: bottom; 
}

/*  */
div#actualites h2,
div#agenda h2 {
	width:100%;
	color: white;
	font-size:0.8em;
	margin-left:1em;
	margin-right:1em;
	padding:0;
	padding-left:1em;
	text-transform:uppercase;
}

div#actualites table.titre {
	border-collapse: collapse;
	background-color:#ed1c24;
}

div#actualites table.titre td {
	border-bottom:1px solid #ed1c24;
}
div#agenda table.titre {
	border-collapse: collapse;
	background-color: #f27e0c;
}

div#agenda table.titre td {
	border-bottom:1px solid #f27e0c;
}

div#page-accueil h2 {
	color: #4f7dac;
	font-size: 1.1em;
	font-weight: bold;
}

div#actualites h3,
div#agenda h3 {
	color: #4f7dac;
	font-size: 1em;
	
}

div#actualites a,
div#agenda a {
	color:red;
	font-style: italic;
}

div#actualites p.tous,
div#agenda p.tous {
	margin-top:1.5em;
	margin-bottom:1.5em;	
}

div#actualites p.tous a,
div#agenda p.tous a {
	font-style: normal;
	font-size:0.7em;	
}

div.actualite,
div.agenda {
	margin-top:1.5em;
	margin-bottom:1.5em;
	font-size:0.82em;
	text-align: justify;
	padding-left:1em;
	padding-right:1em;
	border-left: 1px dashed gray;
}

div.actualite div.texte hr,
div.agenda div.texte hr {
	color: #4f7dac;;
	background-color: #4f7dac;;
	height: 1px;
	border: 0;
	margin-top:0.5em;
	
}

div.actualite h2 {
	font-size:1em;
	font-weight:bold;
}

div.liste-articles h3 {
	color: #4f7dac;
	font-size: 1em;

}

div.liste-articles a {

	color: red;
	font-style: italic;
}

div#lst-art-agenda {
}

table#tab-agenda {
	border:1px dotted #94bce1;
	float:right;
	margin:1em 1em 1em 1em;
	font-size:0.7em;
	display:block;
	border-collapse:collapse;
}

table#tab-agenda a {
	border:0;
}

table#tab-agenda th.title {
	background-color:#2653B8;
	color:white;
}

table#tab-agenda th {
	text-align:center;
	border:1px solid #94bce1;
}

table#tab-agenda td {
	text-align:center;
	padding-left:0.2em;
	padding-right:0.2em;
}

table#tab-agenda td.evt {
	color:white;
	background:url(/squelettes/img/rond_bleu.gif) center center no-repeat;
	font-weight:bolder;
}

table#tab-agenda td.today {
	/* border:2px solid red; */
	background:url(/squelettes/img/rond_red.gif) center center no-repeat;
	color:white;
	font-weight:bolder;
}

/*
	Page des informations touristiques
*/
div#tour img {
	margin-right:2em;
}

div#tour h3 {
	font-size:1em;
	color:#516f99;
	margin-bottom:1em;
}

div#tour h4,
div#tour p {
	padding-left:3em;
}

div#tour h4 {
	font-size:0.9em;
	color:#516f99;
	margin-bottom:0.5em;
	margin-left:0;
}

div#tour p {
	font-size:0.8em;
	margin-bottom:1em;
}

div#tour p a {
	margin-top:1em;
	/*display:block;*/
	color:#74b011;
	text-decoration:none;
	font-weight:bold;
}

div#tour .suivez {
	color: #434972;
	font-weight:bold;
}
/*
	Menu droit
*/
div#menu-droit {
	float:right;
	width:23%;
	margin-left:1.5em;
	margin-right:0.5em;
	color:white;
	/* font-family: Verdana, Tahoma, Arial, sans-serif; */ 
}

div#menu-tourisme img {
	margin:0;
	padding:0;
	position:relative;
	top:4px;
	left:1px;
}

div#menu-tourisme div {
	background-color:#97a761;
	margin-top:0;
	margin-bottom:2em;
	
	padding-bottom:1em;
	padding-top:1em;
	
	text-align:center;
	border:1px solid #34642f;
	font-size:0.8em;		
}

div#menu-tourisme a {
	color:white;
	font-weight:bolder;
}

div#menu-tourisme .farandole {
	display:block;
	font-weight:bolder;
	color:red;
	background-color:white;
	margin-top:1em;
	margin-left:1em;
	margin-right:1em;
	padding-bottom:0.5em;
	text-align:center;
}

div#menu-tourisme table {
	border-collapse: collapse;
	background-color:#34642f;
}

div#menu-actu {
}

div#menu-actu div.lien {
	padding:0.4em;
	border:1px solid #ed1c24;
	text-align:left;
	background-color:#fffeee;
}

div#menu-actu div.lien p {
		line-height:1.3em;
		margin:0.5em;
		text-align:left;
}

div#menu-actu div.lien a {
	font-size:0.7em;
	color:#ed1c24;
}

div#menu-actu table {
	border-collapse: collapse;
	background-color:#ed1c24;
}

div#menu-haut .texte,
div#menu-tourisme .texte,
div#menu-actu .texte {
	font-size:0.7em;
	font-weight:bolder;
	text-transform: uppercase;
	padding-left:1em;
}

div#crise {
border:1px solid #12437C;
text-align:center;
margin: 10px 0 0 0;
padding:0;
font-size:0.7em;
color:black;
background-color: #E5F1FF;
}

div#twitter {
border:1px solid #12437C;
text-align:center;
margin: 10px 0 0 0;
padding:5px 0 5px 0;
font-size:0.7em;
color:black;

}

div#elections{
border:1px solid #12437C;
text-align:center;
margin: 10px 0 0 0;
padding:5px 0 5px 0;
font-size:0.7em;
color:black;

}

div#BanqueFrance {
border:1px solid #12437C;
text-align:center;
margin: 10px 0 0 0;
padding:5px 0 5px 0;
font-size:0.7em;
color:black;

}

table#crisetab td {
text-align: center; 
border:1px solid black;	

}
table#crisetab td {
	border-collapse:collapse;
}

.fleche {
	width:20px;
	background: url(/squelettes/img/pochoir_cadre_fleche_titre.gif) center right no-repeat;
	padding-bottom:1px;
}

.arrondie {
	width:20px;
	background: url(/squelettes/img/pochoir_cadre_angle_titre.gif) top right no-repeat;
	padding-bottom:1px;
}

div#Liste-Articles {

font-size:0.8em;
}

div#Liste-Articles li{
margin-bottom:0.8em;
}

div#Liste-Articles a{
color:red;
}

div#Liste-Articles a:link {
text-decoration:underline;
}

div#Liste-Articles a:hover{
text-decoration:none;
font-weight:bold;
}


div#article,
div#notes {
	font-size:0.82em; 
	margin-right:1em;
}

div#article .encart {
	font-size:1.22em;
}

/*div#article h4 {
	font-size:1.2em;
	margin:1em 1.5em 1em 0em;
	border-bottom:  : 1px solid grey;
}*/


div#article h5 {
	font-size:0.9em;
	margin:2em 1em 1em 2em;
	font-style: italic;
	background:url('/squelettes/img/FlecheRouge.gif') no-repeat;  
	text-indent:25px;  
}


div#notes {
	margin:1em;
}em

div.recherche-articles  {
	font-size:0.8em;
}

div.recherche-articles h3 {
	font-weight:normal;
	font-size:0.9em;
}

div.recherche-articles a {
	color:red;
}

div.recherche-articles li {
	margin-bottom: 1em;
}

div.plan-site {
	font-size:0.8em;
}



div#presentation-rubrique {
	float: left;
	width: 32em;
	font-size:0.8em;
}

div.plan-site ul {
	list-style-type:none;
}

li.ssrub {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	padding-left: 1em;
	margin-right: 2em;
	
}

div.plan-site a {
	color: #dd0000;
	font-weight: bold;
	font-size:0.9em;
	text-decoration:none;
}

div.plan-site .ssrub a {
	font-weight: normal;
}

div.plan-site h4 {
	font-size:0.9em;
	text-decoration:none;
}

div.plan-site ul {
	margin-top:0.5em;
	margin-bottom:1em;
}

/*
	Spécial farandole tourisme
*/
#faran p {
	margin:1em;
	font-size:0.82em;
}

#faran span.TitreFarandole {
	color: #434972;
	font-weight:bold;
}

#faran span.DateFarandole {
	color: #74b011;
	font-weight:bold;
}

#faran span.texteFarandole {
	color:black;
	font-weight: normal;
}

#tour-menu {
	margin-top:1em;
	margin-bottom:1em;
	width:100%;
}

#tour-menu a {
	color: #33632f;
	font-weight: bold;
	text-decoration: none;
	margin-right:1em;
}

#tour-menu a:hover,
#tour-menu a:focus {
	text-decoration: underline;
}