/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

@charset "utf-8";

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * FONTS ----------------------------------------------------------
 */
 
/*@font-face {
	font-family: 'LucidaHandwritRegular';
	src: url('../fonts/lucida_h-webfont.eot');
	src: local('☺'), url('../fonts/lucida_h-webfont.woff') format('woff'), url('../fonts/lucida_h-webfont.ttf') format('truetype'), url('../fonts/lucida_h-webfont.svg#webfontNs8XkNcV') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
 
html, body,
#form_contact input,
#form_contact textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } 

html, body {
	margin:0;
	padding:0;
	font-size:11px;
	color:#29251B;
}
body {
	background:#D8D3C0 url("../img/bg.jpg") top center repeat-y;
	_background:#D8D3C0 url("../img/bg_ie6.jpg") top center repeat-y;
}

p, table, tr, th, td, ul, li { margin:0; padding:0; }

a,
a:visited 	{ text-decoration:none; color:#29251B; outline:none; }
a:hover 	{ text-decoration:underline; }

h1, h2, h3, h4, h5, h6	{ margin:0; padding:0; line-height:1.5; height:auto; }

h1,
h2.h2_accueil,
span.h1					{ font-size:14px; color:#0E4959; font-weight:bold; display:block; text-align:left; }

h1.h1_cadre,
h1.h1_visites,
h1.h1_site,
h1.h1_mentions-legales,
h1.h1_credits-photos	{ margin-bottom:15px; }
h1.h1_carnet-d-adresses { margin-bottom:10px; }
h1.h1_contact			{ margin-bottom:5px; *margin-bottom:3px; }

h2						{ }
h2.h2_accueil			{ margin-bottom:15px; }
h2.h2_site				{ font-size:11px; font-weight:bold; color:#B79305; }
h2.h2_carnet-d-adresses { font-size:11px; }
h2.h2_contact			{ font-size:11px; font-weight:bold; color:#A2C10B; }
h2.h2_mentions-legales	{ font-size:11px; font-weight:bold; color:#A2C10B; }

h3						{ font-size:11px; }
h3.h3_site				{ font-weight:bold; }

h4						{ }
h4.h4_accueil			{ font-size:14px; color:#A2C00B; font-weight:bold; display:block; margin-bottom:10px; }

h5						{ }

h6						{ }

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */

/* conteneur de la page */
div#container {
	width:990px;
	margin:0 auto;
	padding:0;
}

/* header */
div#header {
	padding:0;
	border:0;
	height:380px;
}

div#header-content { background:url("../img/bg-header.png") top left no-repeat; height:165px; width:990px; display:block; position:absolute; z-index:99; }

ul#portfolio			{ margin-top:65px; height:315px; width:990px; display:block; background-color:#FFFFFF; position:absolute !important; }
ul#portfolio li			{ list-style:none; height:315px; display:none; }
ul#portfolio li.affiche	{ display:block; }

a#logo-plan-incline {
	float:left;
	margin:31px 0 0 84px;
}

a#luge-alpine { border:1px #A58E2A solid; background-color:#FFFFFF; padding:8px; display:block; float:left; margin:15px 0 0 30px; height:39px; cursor:pointer; }
a#luge-alpine:hover { text-decoration:none; }
a#luge-alpine img { float:left; }
a#luge-alpine span.decouvr { float:left; display:block; width:180px; color:#114B5B; font-size:13px; font-weight:bold; line-height:17px; margin:2px 8px 0 7px; }
a#luge-alpine span.cliquez { float:left; display:block; text-transform:uppercase; color:#FFFFFF; background-color:#114B5B; margin:16px 0 0 0; padding:3px 5px; }

img#lorraine { position:absolute; margin:36px 0 0 784px; z-index:100; }

/* contenu de la page */
div#contenu { }

div#actualites		{ float:left; width:125px; /*min-height:428px; _height:428px;*/ padding:17px 17px 6px 17px; background-color:#0E4959; color:#FFFFFF; }
span.actu-titre 	{ text-transform:uppercase; color:#A2C10B; font-weight:bold; }
span.actu-fleche 	{ color:#A2C10B; }
span.actu-texte		{ }
a.actu-link			{ color:#FFFFFF; text-transform:uppercase; background-color:#0B272D; margin-top:15px; padding:5px 0; font-size:9px; text-align:center; display:block; font-weight:normal; }
a.actu-link:hover,
a.actu-link:visited	{ color:#FFFFFF; text-decoration:none; }

div#content { float:left; background-color:#FFFFFF; }
div#contentwofooter { width:791px; padding:16px 20px 22px 20px; min-height:386px; _height:386px; }


div#div_		{ text-align:justify; width:210px; padding:0 20px 0 0; float:left; }
div#div_cadre 	{ text-align:justify; width:210px; padding:0 20px 0 0; float:left; }
div#div_visites	{ text-align:justify; width:215px; padding:0 55px 0 0; float:left; }
div#div_sitel 	{ text-align:justify; width:396px; padding:0 20px 0 0; float:left; }

div#div_visites a { display:block; border-top:1px #A69E7D dotted; font-weight:bold; color:#0E4959; padding:4px 0 3px 20px; text-align:left; }
div#div_visites #a5 { border-bottom:1px #A69E7D dotted; }
div#div_visites #a1:hover,
div#div_visites #a1.active { background:url("../img/bulle-visite-commentee.jpg") top left no-repeat; }
div#div_visites #a2:hover,
div#div_visites #a2.active { background:url("../img/bulle-visite-commentee-vedette.jpg") top left no-repeat; }
div#div_visites #a3:hover,
div#div_visites #a3.active { background:url("../img/bulle-visite-commentee-croisiere.jpg") top left no-repeat; }
div#div_visites #a4:hover,
div#div_visites #a4.active { background:url("../img/bulle-visite-commentee-vedette-train.jpg") top left no-repeat; }
div#div_visites #a5:hover,
div#div_visites #a5.active { background:url("../img/bulle-visite-commentee-train-touristi.jpg") top left no-repeat; }

div.textepage { }

/* box right */
/* --- accueil -------- */
div#div_right_	{ float:left; width:540px; padding:0 0 0 20px; border-left:1px #495F77 solid; }

div#div_right_cadre		{ float:left; width:539px; margin:4px 0 0 0; padding:10px 10px 5px 10px; border:1px #A2C10B solid; text-align:right; }
div#div_right_cadre img	{ width:539px; }

div#div_right_site		{ float:left; width:353px; margin:4px 0 0 0; padding:10px 10px 5px 10px; border:1px #A2C10B solid; text-align:right; }
div#div_right_site img	{ width:353px; }

div#visite_1,
div#visite_2,
div#visite_3,
div#visite_4,
div#visite_5 { border:1px #495F77 solid; width:499px; padding:10px; }

div#div_right_visites				{ float:left; width:519px; margin:4px 0 0 0; /**margin:-1px 0 0 0;*/ padding:0; }
div#div_right_visites ul			{ margin:0; padding:0; }
div#div_right_visites ul li			{ margin:0; padding:0 0 0 7px; list-style:none; background:url("../img/li.jpg") top left no-repeat; }
div#div_right_visites div.left		{ float:left; width:254px; padding:0 10px 0 0; }
div#div_right_visites div.right		{ float:left; width:235px; }

div#div_right_visites div.tarifs							{ background-color:#E8E6DC; padding:10px; font-weight:bold; width:234px; }
div#div_right_visites div.tarifs table						{ }
div#div_right_visites div.tarifs table tr					{ }
div#div_right_visites div.tarifs table tr td				{ }
div#div_right_visites div.tarifs table tr td.prix			{ width:35px; padding:0 0 0 2px; text-align:right; background:url("../img/point.png") top left repeat-x; _background:url("../img/point.jpg") top left repeat-x; }
div#div_right_visites div.tarifs table tr td.prix span		{ background-color:#E8E6DC; padding-left:2px; }
div#div_right_visites div.tarifs table tr td.points			{ width:212px; background:url("../img/point.png") top right repeat-x; _background:url("../img/point.jpg") top left repeat-x; }
div#div_right_visites div.tarifs table tr td.points span	{ background-color:#E8E6DC; padding-right:2px; font-weight:bold; }

div#div_right_visites span.tit		{ color:#0E4959; }
div#div_right_visites h2			{ color:#FFFFFF; font-size:14px; font-weight:bold; margin:0 0 10px 0; padding:4px 8px; }
h2.visite-commentee					{ background:#A2C10B url("../img/picto-visite-commentee.png") top right no-repeat; }
h2.visite-commentee-vedette			{ background:#114B5B url("../img/picto-visite-commentee-vedette.png") top right no-repeat; }
h2.visite-commentee-croisiere		{ background:#CFA705 url("../img/picto-visite-commentee-croisiere.png") top right no-repeat; }
h2.visite-commentee-vedette-train	{ background:#CE8005 url("../img/picto-visite-commentee-vedette-train.png") top right no-repeat; }
h2.visite-commentee-train-touristi	{ background:#83673D url("../img/picto-visite-commentee-train-touristi.png") top right no-repeat; }
div#div_right_visites img			{ float:left; width:235px; }

img.imgsite { border:1px #495F77 solid; padding:9px; }

div.cadre		{ border:1px #495F77 solid; margin:0 0 12px 0; padding:15px 19px; }
span.vert		{ color:#A2C00B; font-weight:bold; }

div#pics 		{ width:335px; float:left; }

div#meteo				{ width:150px; float:left; margin:5px 0 0 25px; padding:11px 15px 72px 15px; *padding:11px 15px 70px 15px; background:#CEA606 url("../img/ancre.png") bottom left no-repeat; }
div#meteo div			{ margin-bottom:0; }
div.picto				{ float:left; width:61px; }
div#box_meteo_container	{ font-size:11px; background:url("../img/bg-meteo.png") top left no-repeat; padding:14px 8px 14px 2px; }
span.temp-1				{ color:#006699; }
span.temp-2				{ color:#990000; }
span.lieu				{ font-size:14px; font-weight:bold; }

div.links			{ position:absolute; margin:0; text-align:right; width:791px; }
div.links a 		{ border-top:1px #A69E7D dotted; border-bottom:1px #A69E7D dotted; padding:4px 20px 3px 20px; *padding:3px 20px 4px 20px; height:16px; display:block; float:right; color:#0E4959; font-weight:bold; }
div.links a:hover,
div.links a.active	{ background:url("../img/bulle-visite-commentee-croisiere.jpg") top left no-repeat; }

div.carnet-links			{ margin:0 0 10px 0; text-align:right; width:791px; display:block; }
div.carnet-links a 			{ border-top:1px #A69E7D dotted; border-bottom:1px #A69E7D dotted; padding:4px 20px 3px 20px; *padding:3px 20px 4px 20px; height:16px; display:block; float:left; color:#0E4959; font-weight:bold; }
div.carnet-links a:hover,
div.carnet-links a.active	{ background:url("../img/bulle-visite-commentee-croisiere.jpg") top left no-repeat; }

div.carnetp table			{ border:1px solid #495F77; margin:5px 0 0 0; }
div.carnetp table tr		{ }
div.carnetp table tr td		{ vertical-align:top; width:33%; padding:8px 10px; }

a.presse					{ background:url("../img/dossier-de-presse.jpg") top right no-repeat; display:block; height:42px; text-align:right; margin:10px 0 0 0; padding:8px 57px 0 0; }
a.presse:hover				{ color:#0E4959; }

/* bas de page */
div#footer					{ float:left; padding-bottom:10px; }
div#footer ul 				{ list-style-type:none; margin:0; padding:0; }
div#footer ul li 			{ display:inline; list-style:none; margin:0 2px; padding:0; }
div#footer ul li a			{ margin:0; }
div#footer ul li a:hover	{ }
div#footer ul li.current a	{ }

div#menubas-left			{ padding:0 0 0 20px; width:351px; text-align:left; float:left; }
div#menubas-right			{ padding:0 20px 0 0; width:440px; text-align:right; float:left; }

div#copyrights {
	clear:both;
	text-align:center;
}

/*
 * MENUS ----------------------------------------------------------
 */

/* lang */
ul#lang							{ position:absolute; border:1px #FFFFFF solid; margin:22px 0 0 881px; z-index:101; }
ul#lang li						{ list-style:none; background-color:#B8AC91; width:85px; height:19px; display:block; }
ul#lang li.otherlang			{ display:none; }
ul#lang li a,
ul#lang li span					{ color:#FFFFFF; padding:2px 5px 0px 5px; *padding:1px 5px 0 5px; _padding:2px 5px 0 5px; display:block; cursor:pointer; height:17px; }
ul#lang li a:hover				{ text-decoration:none; }
ul#lang li.choose-fr img		{ margin:0 0 0 1px; }
ul#lang li.choose-de img		{ margin:0 0 0 3px; }
ul#lang li img.flag				{ margin:0 5px 0 0; }
ul#lang li img.cache			{ display:none; }

div#cache { display:block; margin:349px 0 0 0; position:absolute; width:159px; height:31px; background:url("../img/bg-actualites.png") top left repeat; z-index:97; }

/* menu */
div#menu {
	display:block;
	margin:349px 0 0 159px;
	/*_margin:349px 0 0 160px;*/
	position:absolute;
	width:831px;
	/*_width:830px;*/
	height:31px;
	background:url("../img/bg-menu.png") top left repeat;
	z-index:98;
}

div#menu ul					{ display:block; margin:0; padding:0; width:831px; height:31px; position:absolute; }
div#menu ul li				{ display:block; float:left; list-style:none; margin:0; height:31px; }
div.menu-fr ul li			{ background:url("../img/gouvernail.png") top left no-repeat; }
div.menu-de ul li			{ background:url("../img/gouvernail-de.png") top left no-repeat; }
div.menu-fr ul li:hover,
div.menu-fr ul li.current	{ background:url("../img/bg-menu-hover.png") top left no-repeat; }
div.menu-de ul li:hover,
div.menu-de ul li.current	{ background:url("../img/bg-menu-hover-de.png") top left no-repeat; }
div#menu ul li a			{ color:#FFF; font-size:15px; display:block; line-height:31px; height:31px; _height:29px; text-shadow:2px 2px 2px #444; }
/* *** style uniquement sur ie6 *** */
div.menu-fr ul li a.accueil	{ width:74px; }
div.menu-fr ul li a.cadre	{ width:65px; }
div.menu-fr ul li a.visites	{ width:69px; }
div.menu-fr ul li a.site	{ width:51px; }
div.menu-fr ul li a.carnet	{ width:146px; }
div.menu-fr ul li a.contact	{ width:78px; }
div.menu-de ul li a.accueil	{ width:78px; }
div.menu-de ul li a.cadre	{ width:76px; }
div.menu-de ul li a.visites	{ width:88px; }
div.menu-de ul li a.site	{ width:110px; }
div.menu-de ul li a.carnet	{ width:100px; }
div.menu-de ul li a.contact	{ width:73px; }
/* fin style uniquement sur ie6 */
div.menu-fr ul li a			{ padding:0 0 0 58px; }
div.menu-de ul li a			{ padding:0 0 0 51px; }
div#menu ul li a:hover		{ text-decoration:none; }
div#menu ul li.current a	{ }

/* coords */
div#coords { text-align:center; color:#8C837B; margin:15px 0 0 0; *margin:4px 0 0 0; font-size:11px; }
div#coords a { color:#8C837B; text-decoration:none; }
div#coords ul { }
div#coords ul li { list-style:none; color:#6B5543; display:inline; margin:0 2px; }
div#coords ul li a { color:#6B5543; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */
 
/* Logo Animaweb */
.logo_animaweb {
	float:right;
	position:relative;
	margin:0px;
}

/*
* TABLES */
table.data { width:100%; }
table.data th { font-weight:bold; font-size:1em; color:#333333; white-space:nowrap; padding:0.2em 0.5em; border:1px #eeeeee solid; vertical-align:middle; }
table.data td { padding:0.2em 0.5em; font-size:1em; border:1px #eeeeee solid; vertical-align:middle; }

table.normal { width:100%; }
table.normal th { font-weight:bold; font-size:1em; padding:0; vertical-align:top; }
table.normal td { font-weight:normal; font-size:1em; padding:0; vertical-align:top; }
div#container table { margin-bottom:0;}

/*
* FORMULAIRES */
div.leform								{ width:270px; float:left; }

#form_contact .required 				{ color:#CC0000; }
#form_contact 							{ border:0; margin:0; padding:0; }
#form_contact legend 					{ }
#form_contact legend.img				{ }
#form_contact p 						{ text-align:center; }
#form_contact ul 						{ margin:0; padding:0; }
#form_contact ul li 					{ list-style:none; display:block; min-height:24px; margin:4px 0 0 0; float:left; }
#form_contact legend img				{ }
#form_contact ul li label				{ width:95px; display:block; text-transform:uppercase; float:left; line-height:24px; }
#form_contact ul.anti-spam li label		{ height:56px; }
#form_contact label.error				{ display:none !important; }
#form_contact .inline					{ }
#form_contact input						{ margin:0; padding:3px; width:167px; font-size:11px; float:left; }
#form_contact input[type=text],
#form_contact input[type=password] 		{ }
#form_contact input[type=file] 			{ }
#form_contact input[type=radio] 		{ }
#form_contact input[type=checkbox],
#form_contact input.checkbox 			{ }
#form_contact input[type=text]:focus,
#form_contact textarea:focus			{ }

#form_contact select 					{ }
#form_contact textarea					{ margin:0; padding:3px; width:167px; font-size:11px; float:left; height:32px; }

div.subm 								{ float:left; background-color:#0B272D; margin:4px 0 0 95px; _margin:4px 0 0 48px; }
div.subm input.envoi					{ background-color:#0B272D; color:#FFFFFF; font-weight:bold; width:175px !important; _width:173px !important; height:24px; margin:0 !important; padding:3px 5px !important; border:0; text-transform:uppercase; _font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; _cursor:pointer; _position:absolute; *position:absolute; }
div.subm input.envoi:hover				{ cursor:pointer; }

#form_contact input#captcha_code		{ margin:4px 0 0 0; }

img.crypto								{ float:left; }

div.achtung { height:17px; margin:5px 0 10px 0; }

div.plan { width:501px; float:left; padding:5px 0 0 20px; }
div.plan iframe { margin-top:5px; *margin-top:1px; }

ul.mentions-legales 	{ margin:0 0 0 22px; }
ul.mentions-legales li	{ }

/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { color:#000000; font-weight:bold; font-size:1.3em; line-height:1.3em; }
div.sitemap ul li ul { margin-left:2em; }
div.sitemap ul li ul li { list-style:inside disc; }
div.sitemap ul li ul li a { color:#333333; font-weight:normal; font-size:1em; }
div.sitemap ul li ul li ul { margin-left:2em; }
div.sitemap ul li ul li ul li { list-style:inside lower-latin; font-size:0.8em; }

/*
* Bloc actualités */
.block_actualites {  }
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 0 1em 0; padding:5px; background-color:#F6F6F6; width:781px; float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#ffffff; } 
.block_actualites h2 { display:block; border-bottom:1px #A2C10B dotted; padding:0.5em; margin:0; font-size:11px; font-weight:bold; text-transform:uppercase; }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:5px 12px 8px 12px; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; text-align:right; padding:0 1em; background-color:#FFFFFF; }

.block_actualites.mini { clear:both; width:35%; float:right; background-color:#EFF4FA; padding:1em; }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em; }
.block_actualites.mini h3 a { display:block; padding:0.5em; text-decoration:none; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }


/*
* PNG Fix */
div#header-content,
div#meteo,
div#div_right_visites h2,
div.menu-fr ul li,
div.menu-de ul li { behavior:url("/common/js/iepngfix/iepngfix.htc"); }