/*  ----------------------------------------------------------- */
/*  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
*/
* {padding:0; margin:0; border:0; list-style-type:none}
img {display:block}
html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-image:url(../images/fond-bandeau-tourisme.gif);
	background-repeat:repeat-x;
	height:105px;
	background-color:#FFFFFF;
}
body {
	width:100%;
	
}
.contenu-principal {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	z-index:50;
}
	.conteneur {
		width:955px;
		
	}
		.colonne-gauche {
			width:234px;
			float:left;
			padding-bottom:10px;
		}
			.colonne-gauche ul {padding:8px 5px 5px 10px}
			.colonne-gauche ul ul li {padding:0}
			.colonne-gauche li {margin-bottom:5px}
			.encart-entete {
				width:234px;
				height:22px;
				margin-top:8px;
			}
			
			.encart-corps a:link {color:#000; text-decoration:none}
			.encart-corps a:visited {color:#000; text-decoration:none}
			.encart-corps a:hover {color:#0157AC; text-decoration:underline}
			.encart-corps a:active {color:#000; text-decoration:none}
			
			.encart-corps {
				width:232px;
				border-bottom:1px solid #8A9ED7;
				border-left:1px solid #8A9ED7;
				border-right:1px solid #8A9ED7;
				color:#000000;
				font-size:10px;
			}
				.encart-corps span {
					color:#0157AC;
				}
			
			.encart-corps-special a:link {color:#0157AC; text-decoration:none}
			.encart-corps-special a:visited {color:#0157AC; text-decoration:none}
			.encart-corps-special a:hover {color:#0157AC; text-decoration:underline}
			.encart-corps-special a:active {color:#0157AC; text-decoration:none}
			
			
			
			.encart-corps-special {
				width:232px;
				border-bottom:1px solid #8A9ED7;
				border-left:1px solid #8A9ED7;
				border-right:1px solid #8A9ED7;
				color:#000000;
				font-size:10px;
			}
				.encart-corps-special span {
					color:#0157AC;
				}
			
				.coupon {
					width:63px;
					height:49px;
					float:right;
					padding-top:4px;
					padding-right:5px;
				}
				.encart-visuel {
					width:234px;
					height:78px;
					padding-top:8px;
				}

/************ RUBRIQUE TOURISME ******************************************/

#entete-tourisme {
	width:955px;
	margin-left:auto;
	margin-right:auto;
}
.surbandeau-tourisme {
	width:629px;
	padding-top:5px;
	float:left;
}

.fonctions {
	width:400px;
	height:26px;
}
	.fonctions img {
		float:left;
		padding-right:5px;
		padding-top:10px;
	}
	.drapeaux {
		width:326px;
		height:43px;
		float:right;
	}
.logo {
	clear:both;
}


a:link.entete {color:#FFFFFF}
a:visited.entete {color:#FFFFFF}
a:hover.entete {color:#000000}
a:active.entete {color:#FFFFFF}




.colonne-droite-tourisme {
	float:left;
	width:697px;
	margin-left:24px;
	margin-top:8px;
	padding-bottom:10px;
}
	.titre-rubrique-tourisme {
		width:695px;
		height:30px;
		border:#D39696 1px solid;
	}
	.visuel-principal-tourisme {
		width:697px;
		height:230px;
		margin-top:1px;
	}
	.visuel-principal-tourisme-dimitri {
		width:697px;
		height:188px;
		margin-top:5px;
		background-image:url(../images/visuel-dimitri.jpg);
		background-repeat:no-repeat;
	}
		.texte-dimitri {
			width:695px;
			border-right:#D39696 1px solid;
			border-bottom:#D39696 1px solid;
			border-left:#D39696 1px solid;
		}
		.texte-dimitri p {
			color:#000;
			padding:10px 0 10px 12px;
			font-size:11px;
		}
		.visuel-principal-tourisme-dimitri span {
			color:#FFF;
			margin:170px 0 0 27px;
			float:left;
		}		
	
		.presentation-tourisme {
			width:697px;
			margin-top:3px;
			color:#000000;
			font-size:11px;
		}
		.presentation-tourisme input, select {
			font-size:11px;
			border: 1px solid #999999;
		}
			.conteneur-fiche-tourisme {
				float:left;
				width:216px;
				margin-right:24px;
				margin-top:10px;
			}
				.conteneur-fiche-tourisme h1 {
					width:216px;
					height:22px;
					background-image:url(../images/titre-fiche-monument.jpg);
					background-repeat:no-repeat;
					text-indent:-1000px;
					font-size:1px;
				}
				.fiche-monument {
					width:214px;
					height:526px;
					border-left:1px solid #D39696;
					border-right:1px solid #D39696;
					border-bottom:1px solid #D39696;
				}
				
				.medaillon-tourisme {
					width:185px;
					height:88px;
					margin-left:14px;
				}
				.fiche-monument p {
					padding:10px;
				}
				.fiche-monument span {
					color:#A50101;
					float:right;
					padding-right:11px;
					padding-bottom:5px;
				}
				
			.conteneur-fiche-tourisme h2 {
				width:216px;
				height:22px;
				background-image:url(../images/titre-fiche-musee.jpg);
				background-repeat:no-repeat;
				text-indent:-1000px;
				font-size:1px;
			}
			.fiche-musee {
				width:214px;
				height:526px;
				border-left:1px solid #D39696;
				border-right:1px solid #D39696;
				border-bottom:1px solid #D39696;
			}
				.fiche-musee p {
					padding:10px;
				}
				.fiche-musee span {
					color:#A50101;
					float:right;
					padding-right:11px;
					padding-bottom:5px;
				}
			.conteneur-fiche-expos {
				float:left;
				width:216px;
				margin-top:10px;
			}
				.conteneur-fiche-expos h3 {
					width:216px;
					height:22px;
					background-image:url(../images/titre-fiche-expos.gif);
					background-repeat:no-repeat;
					text-indent:-1000px;
					font-size:1px;
				}
				.fiche-expositions {
					width:214px;
					height:526px;
					border-left:1px solid #D39696;
					border-right:1px solid #D39696;
					border-bottom:1px solid #D39696;
				}
					.fiche-expositions p {
						padding:10px;
					}
					.fiche-expositions span {
						color:#A50101;
						float:right;
						padding-right:11px;
						padding-bottom:5px;
					}

.pied-de-page-tourisme a:link {color:#990000; text-decoration:none}
.pied-de-page-tourisme a:visited {color:#990000; text-decoration:none}
.pied-de-page-tourisme a:hover {color:#000; text-decoration:underline}
.pied-de-page-tourisme a:active {color:#990000; text-decoration:none}

.pied-de-page-tourisme {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	background-image:url(../images/pied-trait-tourisme.gif);
	background-repeat:no-repeat;
	color:#990000;
	padding-top:10px;
}

.vide {clear:both}
.fleche-double {
	width:12px;
	height:10px;
	float:left;
}
.fleche-simple {
	width:9px;
	height:10px;
	float:left;
}
.fleche {
	width:20px;
	height:13px;
	float:left;
}

/*********************** SOUS RUBRIQUES TOURISME *********************************/

/*********************** SOUS RUBRIQUE MONUMENT **********************************/

.titre-sousrub-monument {
	width:695px;
	height:30px;
	border:#D39696 1px solid;
}
.encart-entete-article {
	width:697px;
	height:26px;
	margin-top:8px;
}
.encart-corps-article-monument {
	width:695px;
	height:524px;
	border-bottom:1px solid #D39696;
	border-left:1px solid #D39696;
	border-right:1px solid #D39696;
	color:#000;
}
		.encart-corps-article-monument span {
			color:#93018E;
		}
		.encart-corps-article-monument p {
			color:#000;
			font-size:11px;
			margin-left:15px;
			margin-right:15px;
			padding-bottom:10px;
		}


/***********************************************/

.encart-corps-article {
	width:695px;
	border-bottom:1px solid #D39696;
	border-left:1px solid #D39696;
	border-right:1px solid #D39696;
	color:#000;
}
.encart-corps-article span {
	color:#93018E;
}
.encart-corps-article p {
	color:#000;
	font-size:11px;
	margin-left:15px;
	margin-right:15px;
	padding-bottom:10px;
}

/********************** SOUS RUBRIQUE INFORMATIONS PRATIQUES *******************/

.presentation-tourisme table {
	width:697px;
	border:1px solid #E69797;
}
	.presentation-tourisme td {
		height:28px;
		text-align:left;
	}

	.titre-tableau {
		font-size:16px;
		font-weight:bold;
		background-image:url(../images/fond-cellule-titre.jpg);
		padding-left:27px;
		font-variant:small-caps;
		line-height:20px;
		color:#FFFFFF;
	}
		.titre-tableau img {
			float:left;
		}
		
	.contenu-cellule {
		font-size:14px;
		padding-left:32px;
		color:#990000;
		font-variant:small-caps;
		border-top:1px solid #FFCCCC;
	}
	.contenu-sous-cellule {
		font-size:11px;
		padding-left:52px;
	}
	.contenu-sous-sous-cellule {
		font-size:11px;
		padding-left:72px;
	}
	.contenu-sous-cellule-autre {
		font-size:10px;
		padding-left:10px;
		color:#990000;
		font-style:italic;
	}
	
/**************** SOUS RUBRIQUE BOUTIQUE *************************/

.presentation-boutique {
	width:695px;
	color:#000000;
	font-size:11px;
	border-right:solid #C04D4D 1px;
	border-bottom:solid #C04D4D 1px;
	border-left:solid #C04D4D 1px;
}
	.presentation-boutique h1 {
		font-size:12px;
		color:#A50101;
		padding:10px;
		vertical-align:bottom;
	}
		.presentation-boutique img {
			float:left;
		}
	.presentation-boutique p {
		font-size:11px;
		color:#333333;
		padding:5px 10px 5px 10px;
	}	
	
	.colonnes-liens {
		width:220px;
		float:left;
		padding-bottom:10px;
	}
		.colonnes-liens img {
			float:left;
		}
		.colonnes-liens li {
			padding-left:30px;
		}
	
/******************* SOUS RUBRIQUE AUTOUR DE LA GRANDE ARCHE *******************/	
		
	.presentation-autour {
		width:695px;
		color:#000000;
		font-size:11px;
		border-right:solid #C04D4D 1px;
		border-bottom:solid #C04D4D 1px;
		border-left:solid #C04D4D 1px;
	}
		.presentation-autour h1 {
			font-size:12px;
			color:#A50101;
			padding:10px;
			vertical-align:bottom;
		}
		.presentation-autour p {
			font-size:11px;
			color:#333333;
			padding:5px 10px 10px 10px;
		}
		.visuel-autour2 {
			width:693px;
			height:139px;
			padding:5px 1px 1px 1px;
		}
		
/******************* LIENS *************************/	
		
.presentation-boutique a:link {color:#990000; text-decoration:underline}
.presentation-boutique a:visited {color:#990000; text-decoration:underline}
.presentation-boutique a:hover {color:#990000; text-decoration:underline}
.presentation-boutique a:active {color:#990000; text-decoration:underline}

.presentation-autour a:link {color:#990000; text-decoration:underline}
.presentation-autour a:visited {color:#990000; text-decoration:underline}
.presentation-autour a:hover {color:#990000; text-decoration:underline}
.presentation-autour a:active {color:#990000; text-decoration:underline}

.presentation-tourisme a:link {color:#990000; text-decoration:underline}
.presentation-tourisme a:visited {color:#990000; text-decoration:underline}
.presentation-tourisme a:hover {color:#990000; text-decoration:underline}
.presentation-tourisme a:active {color:#990000; text-decoration:underline}

/**************** SOUS RUBRIQUE EXPOSITIONS ****************************/
	
.fiche-artiste {
	width:167px;
	float:left;
	margin-right:9px;
}
.fiche-artiste-fermante {
	width:167px;
	float:left;
}
	
.encart-entete-artiste {
	width:167px;
	margin-top:8px;
}
.encart-corps-artiste {
	width:165px;
	height:493px;
	border-bottom:1px solid #D39696;
	border-left:1px solid #D39696;
	border-right:1px solid #D39696;
	color:#000;
}
.encart-corps-artiste span {
	color:#A50101;
	font-size:10px;
	padding-left:2px;
	clear:both;
	display:block;
}
.fleche-artiste {
	padding:0 0 5px 5px;
	float:left;
}
.visuel-artiste {
	width:154px;
	height:125px;
	padding:5px 0 5px 6px;
}
.encart-corps-artiste p {
	color:#000;
	font-size:11px;
	margin-left:8px;
	margin-right:10px;
	padding-bottom:10px;
}
.encart-corps-artiste h1 {
	color:#A50101;
	font-weight:bold;
	font-size:12px;
	padding:0 5px 5px 8px;
}
.medaillon-tc {
					width:100px;
					height:164px;
					margin-left:14px;
					margin-right:14px;
					float:left;
				}
				
.fiche-artiste-marina {
	width:695px;
	clear:both;
}
.encart-entete-marina {
	width:695px;margin-top:8px;
}
.encart-corps-marina {
	width:693px; height:237px; clear:both;border-bottom:1px solid #D39696;	border-left:1px solid #D39696;border-right:1px solid #D39696;
}
.encart-corps-marina h1 {
	color:#A50101;font-weight:bold;font-size:12px;padding:0 5px 5px 8px;
}
.encart-corps-marina p {
	color:#000;
	font-size:11px;
	margin-left:8px;
	margin-right:10px;
	padding-bottom:10px;
}
.visuel-marina {
	width:154px;padding:5px 0 5px 6px; float:left; margin-right:10px
}

/**************** POP UP ************************************/

.cadre-general {
	width:695px;
	background-color:#FFFFFF;
}
	.cadre-general h1 {
		font-size:14px;
		color:#333;
	}

		.contenu-popup {
			width:695px;
			background-color:#FFFFFF;
			border:solid #C04D4D 1px;
		}
		
		.contenu-popup p {
			font-size:11px;
			color:#333333;
			margin:10px;
		}
		
		.contenu-popup img {
			margin:0 10px 10px 10px;
			float:left;
		}