@import url(layout.css);
@import url(skins.css);
@import url(carousel.css);

body {font:90% Arial, Helvetica, sans-serif}
p, img[alt] {font-size:80%; line-height:150%}
p.note {font-size:70%}
p.alerte {color:#C00}
span.alerte {font-size:75%; color:#c00}
p.top-align {margin:0}
a {color:#ff0e40}
h1, h2, h3, h4 {text-transform:uppercase}
h1, h2, h4, p {margin-top:10px}
h1 {font-size:125%; line-height:200%; color:#666; font-weight:100}
h1.events {width:700px; border-bottom:1px solid #999}
h1.events a {color:#666;}
h2.events {width:700px; border-bottom:1px solid #999;font-size:125%; line-height:200%; color:#666; font-weight:100}
h2.events a {color:#666;}
h2 {font-size:110%; line-height:120%; font-weight:700; margin-bottom:10px; color:#666}
.col-2 > h1, .col-2 > h2 {margin-top:0}
.col-1 > h2 {margin-top:20px}
.home .col-2 > h2 { margin-top:10px }
h2 a {text-decoration:none}
h2 a:hover {text-decoration:underline}
h3 {font-size:80%; color:#333; padding-bottom:3px; width:160px; border-bottom:1px solid #333}
.col-1 > h3 {padding:0; border:none; width: 700px; margin-top:0px}
.col-2 > h3 {padding:0; border:none; width: 700px; margin-top:0px}
p+h3{margin-top:20px}
h4 {font-size:75%; line-height:150%; color:#333}
.col-2 > h4 {line-height:100%}
.catevent {font-size:60%; font-weight:700; text-transform: none; margin-left:10px}
.catevent a {text-decoration:underline}
.clear {clear:both}
.left {float:left}
.right {float:right}
img.left {margin:0 20px 20px 0}
img.right {margin: 0 0 20px 20px}

#main #main_tools {font:90% Verdana, Geneva, sans-serif; color:#ccc}
	#news p {line-height:100%; margin:0}
	#quicklinks ul {list-style:none}
	#quicklinks li {float:right; text-transform:uppercase; font-size:80%; padding:0 10px; border-right:1px solid #ccc; color:#999; line-height:.7em; margin-top:9px;margin-bottom:3px}
	#quicklinks li:first-child {padding-right:0; border:none;margin-top:0}
	#quicklinks a {color:#ccc; text-decoration:none}
	#quicklinks a:hover {text-decoration:underline}
	#mp3 {float:left}

#main_header, #main_content {padding:0 10px}
#main_header {background:transparent url(../images/content_background_165.png) 0 5px no-repeat; height:170px}
#main_content {background:transparent url(../images/content_background.png) 0 10px}

#navbar {}
	#navbar ul {list-style:none}
	#navbar li {float:left; position:relative}
	#navbar li a {display:block; height:48px; padding:0 20px 0 10px; text-transform:uppercase; line-height:50px; color:#fff2c6; text-decoration:none; font-weight:700; border-left:1px solid #ab8e74}
	#navbar li:first-child a {border: none; padding-right:36px}
	#navbar li a:hover, #navbar li.open a { background:url(../images/skins/navbar_gold_hover.png)}
	#navbar li ul, #navbar li.open ul {background:#ffedfe; visibility:hidden; position:absolute; top:0; left:0; height:0 }
	#navbar li:hover ul, #navbar li a:hover ul { visibility:visible; height:auto; width:99%; left:0; top:48px; padding:0 0 10px 0; margin-left:0.5%;border:1px solid #ebc9ea}
	#navbar li ul li, #navbar li.open ul li {clear:both; border-bottom: 1px solid #ebc9ea; width:100%}
	#navbar li ul li a, #navbar li:first-child ul li a, #navbar li ul li:first-child a, #navbar li.open ul li a { background:#ffedfe; display:block; height:30px; line-height:30px; font-size:75%; font-weight:100; text-transform: none; text-indent:10px; color:#000; border:none; padding:0}
	#navbar li ul li a:hover, #navbar li.open ul li a:hover{background: url(../images/submenu_hover.png)}

#pwd {font-size:75%}
.col-1 img, .col-2 img, iframe {border:1px solid #746351}
.col-1 ul, .col-2 ul, .promo ul {padding:5px 0 0 20px}
.col-1 ul li ul {list-style:disc}
.col-1 ul li, .col-2 ul li, .promo ul li {font-size:80%; line-height:150%; list-style-position:inside}
.col-1 ul li ul li {font-size:100%}

.formulaire, .event-form { width:700px; font-size:100%}
.event-form { width:340px; margin-top:10px; border-top:1px dotted #999}
.formulaire td {padding:15px 0 10px}
.event-form td {line-height:220%}
.formulaire td.labels, .event-form td.labels {width:150px; font-size:75%; font-weight:700; color:#333}
.event-form td[colspan].labels{width : 340px}
.event-form td.labels {font-weight:100}
.formulaire label {margin-right:10px}
.formulaire input, .event-form input, select, label {font:80% Arial, Helvetica, sans-serif; color:#666}
.formulaire textarea {font:90% Arial, Helvetica, sans-serif; width:100%}
.formulaire input[type=text], .formulaire select, .formulaire input[type=submit], textarea, .event-form input[type=text] {border:1px solid #c0c0c0}
.event-form input[type=submit] {width:34px; height:22px; background: url(../images/ok_btn.png); border:none; outline:none; cursor:pointer; margin-left:10px}
.formulaire select{width:174px}
.formulaire input[type=text] {padding:2px; width:170px}
.formulaire input[type=submit] {width:80px; height:30px; font-weight:100; color:#000; font-size:90%; background: url(../images/submit_btn.png); border:none; outline:none; cursor:pointer}

#inner-menu h1 {border-top:1px solid #ccc; padding-top:10px}

.galeriecarousel, .rubriquecarousel, .partnerscarousel {position: relative; /*leave this value alone*/overflow: scroll; /*leave this value alone*/width: 660px; height: 100px; margin:5px 20px 10px 20px}
.galeriecarousel .belt, .rubriquecarousel .belt, .partnerscarousel .belt {position: absolute /*leave this value alone*/}
.galeriecarousel .panel, .rubriquecarousel .panel, .partnerscarousel .panel {float: left; /*leave this value alone*/overflow: hidden; width: 140px; margin:0 20px}
.galeriecarousel img, .rubriquecarousel imgl, .partnerscarousel img {width:138px}

.galerie-4 .belt, .rubrique-4 .belt {width:720px; height:100px; overflow:hidden; margin:5px 0 10px 0}
.galerie-4 .panel, .rubrique-4 .panel {float: left; /*leave this value alone*/overflow: hidden; width: 160px; margin-right:20px}

.rubriquecarousel, .rubrique-4 .belt {height:130px}
.rubriquecarousel h2, .rubrique-4 h2 {font-size:70%; margin:0; padding:0;line-height: 160%; text-transform:none; font-weight:100}
.rubriquecarousel p, .rubrique-4 p {margin:0; padding:0 0 5px 0; font-size:70%; line-height:12px; color:#666}

#search-box {background:url(../images/search_background.png) no-repeat}
#search-box h4 {margin:0}
#search_form input[type=text] {border:1px solid #c0c0c0; height:20px; font-size:90%}
#search_form input[type=submit]{background: url(../images/search_button.png); width:34px; height:22px; margin-left:5px; border:none; outline:none; cursor:pointer}
#sidebar .infos {padding:0 10px; color:#fff}
#sidebar .promo h2, #sidebar .promo h3, #sidebar .promo li {color:#ddd; border-color:#ddd; border:none}
#sidebar .promo li a {color:#fff}

#infos_horaires, #infos_brochures {width:200px}
#infos_horaires #haut, #infos_brochures #haut {height:40px; margin:0}
#infos_horaires #milieu, #infos_brochures #milieu {background:url(../images/horaires_infos_bg.png) repeat-y; width:200px; margin:0; padding-top:10px}
#infos_horaires p, #infos_brochures p {font-size:75%; line-height:120%; padding: 0 16px 10px 16px; margin:0}
#infos_horaires p.tel, #infos_brochures p.tel {font-size:80%; padding: 10px 16px; font-weight:700}
#infos_horaires #bas, #infos_brochures #bas {background:url(../images/horaires_infos_bottom.png) no-repeat; height:10px}

#footer_content #coords, #footer_content ul {float:left; width:170px; margin-right:15px}
#footer_content #groupe_evian {float:left; width:122px; margin:10px 0 0 49px}
#footer_content p, #footer_content h4, #footer_content ul {line-height:150%; color:#666; font-size:75% }
#footer_content ul {list-style:none}
#footer_content li a {text-decoration:none; color:#666}
#footer_content li a:hover {color:#111}
#footer h4 {margin:0}

.stepcarousel {position: relative; /*leave this value alone*/overflow: scroll; /*leave this value alone*/width: 122px; height: 75px}
.stepcarousel .belt {position: absolute; /*leave this value alone*/}
.stepcarousel .panel {float: left; /*leave this value alone*/overflow: hidden; width: 122px; font-size:80%}

#event-banner{position:relative}
#event-banner #banner_texte {background:#000;position:absolute;right:0;top:0; margin:10px; padding:10px; height:auto;width:260px;z-index:10; border:1px solid #f29000}
#event-banner #banner_texte h1 {font-size:110%; color: #f29000; font-weight:700; margin:0; line-height:120%}
#event-banner #banner_texte h2 {font-size:90%; color: #fff; font-weight:700; line-height:150%}
#event-banner #banner_texte h1 a {color: #f29000; text-decoration:none}
#event-banner #banner_texte h1 a:hover {text-decoration:underline}
#event-banner #banner_texte p {color:#fff; padding-bottom:5px; font-size:80%}
#main #layer_erreur_small {margin:10px 0 10px 0; background: url(../images/warning.gif) no-repeat top left; border:1px solid #ff0000}
#main #layer_erreur_small #layer_erreur_title_small {font-size:0.9em; font-weight: 700; padding:5px 5px 5px 45px; color: #ff0000}
#main #layer_erreur_small #layer_erreur_txt_small {font-size:0.8em; font-weight: 700; padding:0px 5px 5px 45px; color: #ff0000}

#main #layer_succes_small {margin:10px 0 10px 0; background: url(../images/succes.gif) no-repeat top left; border:1px solid #005200}
#main #layer_succes_small #layer_succes_title_small {font-size:0.9em; font-weight: 700; padding:5px 5px 5px 45px; color: #005200}
#main #layer_succes_small #layer_succes_txt_small {font-size:0.8em; font-weight: 700; padding:0px 5px 5px 45px; color: #005200}

#table_annonces {clear:both}
#table_annonces th, #table_annonces td {text-align:left}
#table_annonces td {padding-top:0; vertical-align:top}
#table_annonces .first-th {padding-left:0}
#table_annonces td.detail {border-bottom:none; padding-bottom:0; vertical-align:middle}
#table_annonces td.detail2 {border-bottom:none; padding-bottom:5px; vertical-align:middle}
#table_annonces tr.pair {background:#fddefb; height:48px}
#table_annonces tr.impair {background:#ffedfe; height:48px}

table.partnerstable {margin: 10px 0; border-top:1px dotted #999 }
table.partnerstable tr {}
table.partnerstable td { padding:20px 0 20px 10px; vertical-align:top; border-bottom:1px dotted #999}
table.partnerstable td.logos { padding: 0; vertical-align:middle; text-align:center; width:152px}
table.partnerstable td.logos img {border:none}
table.partnerstable h2 {margin-top:0}

#shadowbox_title, #shadowbox_info {border: 0px solid}

#websitenews { background: url(../images/news_bg.png) no-repeat; height:150px}/* Indications largeur et marges ds layout.css */

/*
.glidecontentwrapper {position: relative; overflow: hidden; margin-left: 10px; height: 135px; width: 180px}
.glidecontent {position: absolute; background: url(../images/news_glidecontent_bg.png);  visibility: hidden; width: 100%; padding: 0; }
.glidecontenttoggler {width: 100%; margin: 0; text-align: center}
.glidecontenttoggler a {display: inline-block; color: #000; text-decoration:none; font-size:120%}
#websitenews p {line-height:120%}

.websitenews_title { text-align: center; width: 180px; padding: 10px 0}
.websitenews_title  h3{ width: 100%; border: 0}
.websitenews_title_td { font-weight: bold; font-size: 70%; padding-left: 2px; color:#fff}
.websitenews_right { float: right; padding-top:3px}
.websitenews_right a {color: #fff; font-weight:700}

.line_news { border-bottom:1px solid #999; }
.date_news { font-size: 80%; color: #999; height:16px; } 
.content_news p{ margin-top: 0px;}
*/
.glidecontentwrapper {position: relative; overflow: hidden; margin-left: 10px; height: 125px; width: 180px; padding-top: 7px; }
.glidecontent {position: absolute; background: url(../images/news_glidecontent_bg.png);  visibility: hidden; width: 100%; padding: 0}
.glidecontenttoggler {width: 100%; margin: 0; text-align: center}
.glidecontenttoggler a {display: inline-block; color: #000; text-decoration:none; font-size:120%}
#websitenews p {line-height:120%}

.websitenews_title { text-align: center; width: 180px; padding: 5px 0}
.websitenews_title  h3{ width: 100%; border: 0}
.websitenews_title_td { font-weight: bold; font-size: 85%; color:#fff; line-height:15px}
.websitenews_right { float: right; padding-bottom:2px; font-size: 65%}
.websitenews_right a {color: #fff; font-weight:700}

.line_news { border-bottom:1px solid #999; }
.date_news { font-size: 80%; color: #999; height:16px; } 
.content_news p{ margin-top: 0px;}

.img_news { float: left; width: 65px}
.baseline_news { font-size: 75%;} 

  .carouselcarousel { position: relative; /*leave this value alone*/overflow: scroll; /*leave this value alone*/width: 475px; height: 100px; margin:5px 20px 10px 20px}
  .carouselcarousel .belt {position: absolute /*leave this value alone*/}
  .carouselcarousel .panel {float: left; /*leave this value alone*/overflow: hidden; width: 140px; margin:0 15px}