/*
	CSS pour Tourisme patrimonial du Bas-Saint-Laurent - Principal
	Emilie - egzakt.com
	2009/06/02
*/

body {
	background-color:#9c8a73;
	font:75%/130% Georgia, 'Times New Roman', serif;
	margin:0;
	color:#57514B;
}

h1 {
	font:1.5em/1.2em Georgia, 'Times New Roman', serif;
	background-color:#9F8B73;
	color:#fff;
	margin:10px 0;
	padding:5px 10px;	
}

h2 {
	font:bold 1.5em/1.2em Arial, Verdana, sans-serif;
	color:#000;
	margin:0 0 5px 0;
}

h3 {
	font:bold 1.25em/1.2em Arial, Verdana, sans-serif;
	color:#433B36;
	margin:0 0 5px 0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#57514B;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#769D3F;
}

img {
	border:0;
}

#wrapper {
	width:800px;
	margin:0 auto;
}


/* ENTÊTE
-----------------------------------------*/
#entete {
	height:100px;
	background:url(../images/ul/tuiles/entete.jpg) no-repeat left top;
}

#entete h1 {
	margin:0;
	padding:37px 0 0 40px;
	background:none;
}

#navig_secondaire {
	position:relative;
	float:right;
	width:100px;
	height:95px;
	padding:5px 30px 0 0;	
	text-align:right;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
}

#navig_secondaire a#lien_accueil {
	color:#9F8B73;
}

#navig_secondaire a#lien_accueil:hover {
	color:#FFD281;
}

#navig_secondaire ul {
	position:absolute;
	bottom:13px;
	right:30px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#navig_secondaire li {
	padding:1px 0;
}

#navig_secondaire a {
	color:#fff;
	text-decoration:none;
}

#navig_secondaire a:hover,
#navig_secondaire a.selected {
	color:#FFD281;
}


/* NAVIGATION PRINCIPALE
-----------------------------------------*/
ul#navigation {
	list-style-type:none;
	margin:20px 0 0 40px;
	padding:0;
	text-transform:uppercase;
	font-size:1em;
	line-height:1.3em;
}
#colonne_navig ul#navigation {
	height:350px;
}
#accueil ul#navigation {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

ul#navigation li {
	padding:7px 0;
}

ul#navigation a {
	color:#fff;
	text-decoration:none;
}

ul#navigation a:hover,
ul#navigation a.selected {
	color:#FFD281;
}

a#lien_video {
	display:block;
	width:220px;
	margin-left:40px;
	padding-bottom:7px;
	background-color:#231811;
	color:#fff;
	text-decoration:none;
}
#accueil a#lien_video {
	position:relative;
	top:-30px;
	z-index:3;
	margin-left:0;
}

a#lien_video img {
	display:block;
}

a#lien_video .over {
	position:absolute;
	visibility:hidden;
}

a#lien_video:hover {
	zoom:1; /* Pour IE6 réactivité :hover .over */
}

a#lien_video:hover .over {
	visibility:visible;
}

a#lien_video .titre {
	padding:10px 0 6px 15px;
}

a#lien_video span {
	display:block;
	text-align:center;
}


/* ARCHITECTURE
-----------------------------------------*/
#conteneur_colonnes {
	background:#241615 url(../images/ul/tuiles/contenu.jpg) no-repeat left 400px;
}

#conteneur_colonnes #banniere {
	background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:20px;
}

#colonne_navig {
	float:left;
	width:285px;
}

#colonne_principale {
	float:right;
	width:500px;
	margin-top:10px;
	padding-bottom:10px;
	background-color:#fef3de;
}

#colonne_principale .contenu_padding {
	padding:0 10px;
}

#colonne_principale .bloc_texte_padding {
	padding:0 10px;
}

#actions {	
	text-align:right;
	border-top:1px solid #e3c5b2;
	padding-top:5px;
	margin: 10px 20px 0 20px;
}

#actions a {
	padding-left:13px;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
	color:#57514B;
	background:url(../images/ul/icones/imprimer.gif) no-repeat 0 0;
}

#actions a:hover {
	color:#769D3F;
}


/* ACCUEIL
-----------------------------------------*/
#accueil {
	width:800px;
	position:relative;
}

#accueil #banniere {
	width:800px;
	height:400px;
}

#accueil #banniere img {
	position:absolute;
	z-index:1;
	display:none;
}

#accueil #banniere #banniere_1 {
	display:block;
}

#accueil #contenu {
	padding:0 40px;
	background:url(../images/ul/tuiles/contenu.jpg) no-repeat left top;
}

#accueil #contenu .bloc_texte {
	float:right;
	width:470px;
	padding:20px 0;
	color:#CABFB2;
	line-height:1.4em;
}

#accueil #contenu .bloc_texte a {
	color:#fff;
}

#accueil #contenu .bloc_texte a:hover {
	color:#769D3F;
}


/* DÉCOUVRIR - LISTE
-----------------------------------------*/
#decouvrir #categorie_complements {
	width:155px;
	float:right;
	margin:0 0 10px 10px;
}

#decouvrir #voir_video {
	display:block;
	margin:10px auto 0 auto;
	width:87px;
	height:18px;
	padding:5px 0 0 10px;
	font:bold 0.83em/1.2em Arial, Verdana, sans-serif;
	color:#57514B;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/ul/boutons/voir_video.gif) no-repeat 0 0;

}

#decouvrir #voir_video:hover {
	background-position:0 -23px;
}

#decouvrir_liste h1 {
	background:none;
	margin:10px 10px 5px 10px;
	padding:0;
	text-transform:uppercase;
	color:#000;
}

/* Filtre */
#decouvrir #filtre {
	height:30px;
	margin-top:12px;
	padding:2px 0 0 20px;
	background-color:#FFE6C3;
}

#decouvrir #filtre h5 {
	float:left;
	color:#000;
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	margin:7px 5px 0 0;
}

#decouvrir #filtre #selecteur {
	float:left;
	width:189px;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
}

#decouvrir #filtre #selecteur_courant {
	width:178px;
	height:17px;
	padding:8px 0 0 11px;
	background:url(../images/ul/tuiles/filtre_regions_courant.png) no-repeat center 5px;
	cursor:pointer;
}

#decouvrir #filtre ul {
	position:absolute;
	display:none;
	width:178px;
	padding:0 0 7px 11px;
	list-style-type:none;
	margin:0;
	background:url(../images/ul/tuiles/filtre_regions_selecteur.png) no-repeat left bottom;
}

#decouvrir #filtre ul li {
	padding:2px 0;
}

#decouvrir #filtre ul a {
	text-decoration:none;
	color:#57514B;
}

#decouvrir #filtre ul a:hover,
#decouvrir #filtre ul a.selected{
	color:#000;
	font-weight:bold;
}

#decouvrir #aucun{
	margin:10px 0 0 20px;
}

/* Liste entreprises */
#decouvrir ul#entreprises {
	list-style-type:none;
	margin:0;
	padding:0;
}

#decouvrir ul#entreprises li {
	display:inline;
}

#decouvrir ul#entreprises a {
	display:block;
	overflow:hidden;
	width:440px;
	padding:10px 20px;
	margin-top:10px;
	background:url(../images/ul/tuiles/liste_entreprises.gif) repeat-y left top;
	text-decoration:none;
}

#decouvrir ul#entreprises .presentation {
	float:left;
	width:290px;
}

#decouvrir ul#entreprises .lieu {
	float:right;
	width:128px;
	font:0.92em/1.3em Arial, Verdana, sans-serif;
	text-align:right;
}

#decouvrir ul#entreprises h2 {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	color:#000;
	margin:0 0 2px 0;
}

#decouvrir ul#entreprises .themes {
	display:block;
	margin-bottom:5px;
	font:bold 0.92em/1.2em Arial, Verdana, sans-serif;
	color:#000;
}

#decouvrir ul#entreprises .intro {
	display:block;
	margin-bottom:1px;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
}

#decouvrir ul#entreprises .plus {
	color:#769D3F;
	font:0.83em/1.2em Arial, Verdana, sans-serif;
}

#decouvrir ul#entreprises a:hover {
	background-position:right top;
	color:#57514B;
}

#decouvrir ul#entreprises a:hover .plus {
	color:#000;
}


/* DÉCOUVRIR - DÉTAIL
-----------------------------------------*/
#decouvrir_detail h1 {
	background-color:#FFD281;
	color:#000;
	text-transform:uppercase;
	margin: 10px;
}

#decouvrir_detail h1 a#retour {
	float:right;
	margin-top:5px;
	font:0.6em/1.2em Arial, Verdana, sans-serif;
	color:#67605C;
	text-decoration:none;
	text-transform:none;
}

#decouvrir_detail h1 a#retour:hover {
	color:#000;
}

#decouvrir h2 {
	margin: 8px 0px 0px 20px;
}

#decouvrir #fiche {
	margin:0 10px;
	width:460px;
}

#carousel {
	width: 490px;
	height: 188px; /* 203 - pad */
	margin: auto;
	padding-top: 15px;
	background:  url('/images/ul/tuiles/carousel_bg.gif');
	position: relative;
}

#carousel #prev {
	position: absolute;
	top: 45px;
	left: 5px;
	z-index: 10;
}

#carousel #next {
	position: absolute;
	top: 45px;
	right: 5px;
	z-index: 10;
}

#carousel #slideshow {
	position: relative;
	overflow: hidden;
	width: 460px;
	height: 173px;
	margin: auto;
	clear: left;
	text-align: center;
	background-color: #fff;
}

#carousel #slideshow img {
	margin: 10px 5px 10px 5px;
}

#carousel #slideshow .slide {
	text-align: center;
	margin:  auto;
	width: 460px;
}

#decouvrir #fiche #themes {
	margin-bottom:10px;
	font:bold 0.92em/1.2em Arial, Verdana, sans-serif;
	color:#000;
}

#decouvrir #fiche .conteneur_infos {
	margin-top:14px;
	/*background:url(../images/ul/graphiques/separation_fiche.gif) repeat-y center top;*/
	padding-top:5px;
}

#decouvrir #fiche .gauche {
	float:left;
	width:210px;
}

#decouvrir #fiche .droite {
	float:right;
	width:210px;
}

#decouvrir #fiche .info {
	border-right:1px solid #E3C5B2;
	padding: 0px 20px 0px 20px;
	float: left;
}

#decouvrir #fiche #galerie {
	border-top:0;
	padding-top:0;
}

#decouvrir #fiche #galerie ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font:0.85em/1.2em Arial, Verdana, sans-serif;
	color:#433B36;
}

#decouvrir #fiche #galerie li {
	padding:5px 0;
}

#decouvrir #fiche #galerie .vignette,
#decouvrir #fiche #galerie .credit {
	margin:1px 0;
}

#decouvrir #fiche #galerie .credit {
	font-style:italic;
}

#decouvrir #fiche #localisation {
	border-top:0;
	padding-top:0;
}

#decouvrir #fiche #adresse {
	font:0.92em/1.3em Arial, Verdana, sans-serif;
	color:#433B36;
	border-right: 0px;
}


/* À PROPOS
-----------------------------------------*/
#apropos #carte_generale {
	float:right;
	margin:0 0 10px 10px;
}

#apropos #carte_zoom {
	clear:right;
	display:block;
	margin-top:10px;
}


/* LEXIQUE
-----------------------------------------*/
#lexique dl {
	margin:0;
}

#lexique dt {
	font:bold 1.25em/1.2em Arial, Verdana, sans-serif;
	color:#433B36;
}

#lexique dd {
	margin:1px 0 12px 0;
}


/* BLOC TEXTE
-----------------------------------------*/
.note {
	font-size:0.85em;
	line-height:1.2em;
}

.encadre {
	background-color:#fff;
	padding:5px 10px;
}

.colore {
	color:#769D3F;
}

.bloc_texte ul {
	margin:0;
	padding:0 0 0 20px;
}

.bloc_texte .bloc_deroulant {
	margin:8px 0;
	background:url(../images/ul/boutons/lien_deroulant_bas.gif) no-repeat bottom left;
	padding-bottom:7px;
}

.bloc_texte a.lien_deroulant {
	display:block;
	padding:9px 35px 2px 15px;
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#372917;	
	text-decoration:none;
	background:url(../images/ul/boutons/lien_deroulant.gif) no-repeat 0 0;
}

.bloc_texte a.lien_deroulant:hover,
.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	color:#95AE26;
	background-position:0 -100px;
}

.bloc_texte .zone_deroulante {
	padding:8px 15px;
	background:url(../images/ul/tuiles/zone_deroulante.gif) repeat-y top left;
}


.bloc_texte .zone_deroulante ol {
	padding-left:40px;
}

/* Templates */
.tmpl_tableau_colore th,
.tmpl_tableau_colore td {
	padding:11px;
	font:0.86em/1.2em Arial, Verdana, sans-serif;
}

.tmpl_tableau_colore thead th {
	background-color:#655B4D;
	color:#fff;
	font-weight:bold;
}

.tmpl_tableau_colore thead td {
	background-color:#8D847A;
	color:#fff;
	font-weight:bold;
}

.tmpl_tableau_colore tbody th {
	background-color:#E3EDD5;
	color:#736259;
	text-align:left;
}

.tmpl_tableau_colore tbody td {
	background-color:#EEF4E6;
	color:#372917;
}

a.fichier {
	padding:2px 0 0 22px;
}
a.fichier_pdf {
	background:url(../images/ul/icones/pdf.gif) no-repeat 0 0;
}
a.fichier_doc {
	background:url(../images/ul/icones/doc.gif) no-repeat 0 0;
}


/* BAS
-----------------------------------------*/
#partenaires {
	width:720px;
	margin:0 auto;
	padding:15px 0 10px 0;
	background:url(../images/ul/graphiques/pointilles_partenaires.gif) no-repeat left top;
}

#partenaires ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#partenaires li {
	float:right;
	padding-left:18px;
}

#partenaires li#partenaire5 {
	padding-right: 10px;
}

#partenaires li#partenaire6 {
	padding-left: 0px;
	float:left;
}

#signature {
	margin:4px;
	color:#E0DAD2;
	font:0.85em/1.2em Arial, Verdana, sans-serif;
}

#signature a {
	float:right;
	font:9px/11px Arial, Verdana, sans-serif;
	color:#E0DAD2;
	text-decoration:none;
	text-transform:uppercase;
}

#signature a:hover {
	text-decoration:underline;
}


/* POPUP
-----------------------------------------*/
#popup {
	background-color:#fef3de;
}

#popup #fermer {
	text-align:center;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
	padding-bottom:10px;
}


/* Carte */
#popup #carte {
	margin:10px;
}

#popup #map_directions {
	text-align:right;
	width:550px;
	margin:0 auto 10px auto;
}

#popup #map_directions form {
	margin-top:3px;
}

#popup #map_directions input {
	border:1px solid #9c8a73;
	padding:3px;
	font:11px/13px Arial, Verdana, sans-serif;
	color:#57514B;
}

#popup #map {
	margin:0 auto;
}

#popup #directions {
	width:550px;
	margin:0 auto;
}

#popup #directions .googledir div table td {
	background-color:#fff !important;
}

#popup #directions .googledir div div table td {
	background:none !important;
	border-top-color:#e3c5b2 !important;
}


/* Vidéo */
#popup #video {
	width:528px;
	margin:5px auto;
}


/* Lexique */
#popup #lexique {
	margin:10px;
}

#popup #lexique .bloc_texte {
	margin:0 10px;
}


/* DIVERS
-----------------------------------------*/
.message, .succes {
	color:#e21414;
	border:1px solid #e21414;
	padding:10px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	margin-bottom:10px;
}

.succes {
	background:#fff url(../images/ul/icones/crochet.gif) no-repeat 15px center;
	color:#2ea542;
	border:1px solid #2ea542;
}

.message ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.erreur {
	color:#e21414;
}

form {
	margin:0;
}

.radio {
	border:none !important;
}

.print {
	display:none;
}

#version_dev {
	background:#FF0000 url(../images/ul/icones/avertissement.gif) no-repeat 8px 4px;
	padding:5px 10px 5px 30px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
	text-transform:uppercase;
}