/* reset */
html,body,h1,h2,h3,h4,h5,h6,ul,li,p,dl,dt,dd,img,select,label,img,sup,hr{padding:0;margin:0}
:active,:focus {outline:none;}
img,fieldset,hr,iframe {border:0;}
ul { list-style:none; }
/* general */
html {width:100%;height:100%;}
body {width:100%;height:100%;font:normal 12px/150% Arial,Helvetica,sans-serif;color:#000;background:#FFF;}

a:link,a:visited { text-decoration:none; color:#FFF; }
a:hover,a:active { text-decoration:underline; color:#FFF; }
abbr { text-decoration:none; border:0; }

/* design */
.left { float:left }
.clear { clear:both; }
.background { position:fixed; top:0; width:100%; height:100%; background: 50% 50% no-repeat; z-index:-999; }
.background .item { position:absolute; top:0; width:100%; height:100%; z-index:-999; }
.space { text-indent:-99999px; }
#atffc, #atff {
	height:0;
	font-size:0;
	line-height:0;
}
#menu {
  position:fixed;
  left:60px;
  width:180px;
  height:100%;
  padding:0 15px 0 9px;
  background:url(../img/menu.png) 0 0 repeat-y;
}
#menu #lang {
	/* tant qu'il n'y a qu'une seule langue */
    /*visibility:hidden;*/
  margin:0 auto;
  width:60px;
}
#menu #lang li {
  float:left;
}
#menu #lang li a {
  display:block;
  width:20px;
  height:25px;
  padding-top:4px;
  font-size:0.8em;
  text-align:center;
  text-transform:uppercase;
  color:#FFF;
}
#menu #lang li a:hover, #menu #lang li a.active {
  background:url(../img/lang.gif) top center no-repeat;
  text-decoration:none;
}
#menu ul, #menu span.space {
  margin:0 1px;
}
#menu #navigation, #menu #information {
  clear:both;
  background:#007c67;
}
#menu #navigation li {
	height:27px;
}
#menu #navigation li a {
  display:block;
  height:27px;
  padding-left:12px;
  line-height:27px;
  font-weight:bold;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#FFF;
}
#menu #navigation li a:hover, #menu #navigation li a.active, #menu #information li a:hover, #menu #information li a.active {
  background:#014b3e;
  text-decoration:none;
}
#menu #information {
  background:#006453;
}
#menu #information li a {
  display:block;
  padding-left:12px;
  text-transform:uppercase;
  color:#FFF;
}
#menu span.space {
  display:block;
  width:178px;
  height:11px;
  background:url(../img/space.gif) 0 0 no-repeat;
}
#menu #newsletter {
  margin:0 1px;
  height:80px;
  padding:0;
  background:#014b3e;
}
#menu #newsletter form {
	margin:0;
	padding:0;
}
#menu #newsletter fieldset {
	margin:0;
	padding:5px 0 5px 10px;
}
#menu #newsletter span.space {
  margin:0;
  background-position:-178px 0;
}
#menu #newsletter legend { display:none; }
#menu #newsletter label {   
  text-transform:uppercase;
  color:#FFF;
}
#menu #newsletter input {
  float:left;
  border:0;
  height:16px;
  color:#999;
}
#menu #newsletter input#mail {
	width:116px;
}
#menu #newsletter input.submit {
  width:40px;
  height:18px;
  font:normal 0.8em/1em Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  color:#FFF;
  background:#3f9dd1;
  cursor:pointer;
}
#menu #newsletter strong {
  display:block;
  height:20px;
  font-size:0.8em;
  font-weight:normal;
  color:#FFF;
  text-align:center;
}
#menu #social {
  padding:10px 0;
  width:178px;
  height:20px;
  text-align:center;
  background:#00967D;
}
#menu #social li {
  float:left;
  margin-left:13px;
}
#menu #social li a {
  display:block;
  width:152px;
  height:20px;
  text-indent:-99999px;
  background:url(../img/social.png) 0 0 no-repeat;
}
.transparency {
  position:absolute;
  margin-bottom:20px;
  width:825px;
  height:100%;
  opacity:0.6;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  z-index:-1;
}
.map_transparency {
  position:absolute;
  margin-bottom:20px;
  width:825px;
  height:820px;
  opacity:0.6;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  z-index:-1;
}
#content .ombre_down {
  position:absolute;
  display:block;
  margin-left:-20px;
  margin-bottom:20px;
  width:100%;
  height:20px;
  background:transparent url(../img/contentombredown.png) 0 0 repeat-x;
}
#content.clair .transparency { background:#014b3e; }
#content.clair div { background:#00967d; }
#content.clair div img { border:1px solid #014b3e; }
#content.fonce .transparency { background:#00967d; }
#content.fonce div { background:#014b3e; }
#content.fonce div img { border:1px solid #00967d; }

#content.map { overflow:hidden; }
#content.map .transparency { background:#014b3e; }
#content.map div { background:#014b3e; }
#content.map div.map_transparency { background:black; }
#content.map div.map { background:none; }
#content.map div h2 { position:absolute; }
#content.map #map_info {
  position:relative;
  height:210px;
  background:none;
  overflow:hidden;
  overflow-x:scroll;
}
#content.map #map_info ul {
  width:1000px; /* = taille li * nombre de lien */
  height:200px;
  padding:0 20px;
}
#content.map #map_info ul li { 
  float:left;
  width:250px;
  height:200px;
}
#content.map #map_info h3,div.infoBulle h3 { font-size:12px; color:#18405A; }
#content.map #map_info img,div.infoBulle img { float:none; margin:0; }
#content.map #map_info a,div.infoBulle a { color:#FFF; }
div.infoBulle { position:absolute; display:none; width:244px; height:230px; padding-right:10px; text-align:center; background:url(../img/infobulle.png) 0 0 no-repeat; }
div.mention { display:none; margin-left:30px; }
a.tooltip {
  position:absolute;
  display:block;
  width:45px;
  height:45px;
}
a.tooltip:hover { background:url(../img/target.png) 0 0 no-repeat; }

#content {
  position:absolute;
  top:84px;
  left:335px;
  margin-bottom:30px;
  width:825px;
  padding:0 20px;
  background:url(../img/contentombre.png) 0 0 repeat-y;
}
#content #extracontent #googlemap {
	margin:10px 0 5px 50px;
}
#content #extracontent #pdfreader {
	position:relative;
	left:-300px;
	margin:0 50%;
}
#content #extracontent a.extrapdf,#content #extracontent a.extragoogle {
    color:#FFFFFF;
    text-align:left;
}
#content #extracontent a.extrapdf {
    margin-left:115px;
}
#content #extracontent a.extragoogle {
    margin-left:60px;
}
#content .column {
	width:400px;
	float:left;
	width:404px;
}
#content hr.separateur {
	background-color:#007C67;
	width:100%;
	height:1px;
}
.close,.minimize,.restaure {
  position:absolute;
  top:88px;
  width:14px;
  height:14px;
  text-indent:-99999px;
  background:url(../img/toolbar.png) 0 0 no-repeat;
  cursor:pointer;
  z-index:400;
}
.close {
  left:1162px;
    background-position:-28px 0;
}
.minimize{
    left:1145px;
    background-position:0 0;
}
.restaure{
    left:1145px;
    background-position:-14px 0;
}
#content div {}
#content h1 {
  width:805px;
  font:bold 30px "Arial Black",Arial;
  line-height:72px;
  text-indent:20px;
  color:#FFF;
}
#content h1.mapdown {
    text-indent:60px;
    background:url(../img/mapdown.gif) 20px 20px no-repeat;
}
#content h1.accueil {
    text-indent:60px;
    background:url(../img/titre_accueil.png) 10px 15px no-repeat;
}
#content h1.tourisme {
    text-indent:60px;
    background:url(../img/titre_tourisme.png) 10px 15px no-repeat;
}
#content h1.restauration {
    text-indent:60px;
    background:url(../img/titre_restauration.png) 10px 10px no-repeat;
}
#content h1.evenement {
    text-indent:60px;
    background:url(../img/titre_evenement.png) 10px 10px no-repeat;
}
#content h1.infospratiques {
    text-indent:60px;
    background:url(../img/titre_infospratiques.png) 10px 10px no-repeat;
}
#content h2 {
  margin-bottom:10px;
  font:bold 24px Arial;
  margin-left:20px;
  line-height:55px;
  color:#FFF;
}
.title1 {
  margin-bottom:10px;
  font:bold 24px Arial;
  line-height:55px;
  color:#FFF;
}
.title2 {
  margin-bottom:6px;
  font:bold 18px Arial;
  line-height:42px;
  color:#FFF;
}
.align_center {
	text-align:center;
}
#content img { 
	float:right; 
	margin:-50px 20px 0px; 
}
#content #player {
  float:left;
  padding:0 0 20px 20px;
}
#content #menu_player {
  height:365px;
  overflow:hidden;
}
#content #menu_player ul {
  display:block;
  float:left;
  margin: 0 0 0 20px;
}
#content #menu_player ul li {
  display:block;
  margin: 0 0 10px 0;
  width:132px;
  height:94px;
}
#content #menu_player ul li h3 { color:#FFF; }
#content #menu_player ul li img { margin:0; }
#content #menu_player ul li a {
  position:absolute;
  display:block;
  margin-top:-20px;
  width:132px;
  height:94px;
  text-indent:-99999px;
}
#content p {
  padding:0 20px 0;
  color:#FFF;
}
#content p a {
    text-decoration:underline;
}
#content p a:hover {
    text-decoration:none;
}
/* Galerie */
#content #galerie { margin-top:50px; }
#content #galerie h3 { clear:both; margin-left:20px; color:#FFF; }
#content #galerie img { float:none; margin:0 0 0 20px; }
#content #galerie p { margin:0 0 20px 20px; padding:0; }
#lightbox_close { display:block; float:right; margin:-25px -25px -5px 0; width:30px; height:30px; cursor:pointer; }
#lightbox { display:none; position:absolute; z-index:800; margin:0 0 0 -50%; text-align:center; z-index:401; background:url(../img/loading.gif) 50% 50% no-repeat; }
#lightbox_content { margin:0 auto; width:600px; height:auto; padding:10px; background:#FFF; z-index:5; }
#lightbox_visual img { display:block; margin:0 auto 5px; height:330px; }
#lightbox_menu { }
#lightbox_menu ul li { float:left; margin-right:5px; margin-bottom:5px; cursor:pointer; }
/*#lightwrap { width:600px; margin:0 auto; color:#fff; position:relative; z-index:2; }
#lightwrap img { padding:10px; background:#FFF; border:1px #ccc solid; }
#closebox { width:16px; height:16px; line-height:15px; position:absolute; top:5px; right:10px; cursor:pointer; z-index:9999; }*/
#lightbox_shade { display:none; width:100%; height:100%; z-index:400; position:fixed; top:0px; left:0px; background:#000; -moz-opacity:0.92; -khtml-opacity:0.92; opacity:0.92; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=92); }
#content a.bouton {
  display:block;
  margin:30px 40px;
  width:148px;
  height:30px;
  font-weight:bold;
  font-size:15px;
  text-align:center;
  line-height:30px;
  color:#FFF;
  background:url(../img/bouton-galerie.gif) 0 0 no-repeat;
}
#content #content_menu { padding:15px; }
#content #content_menu li {
  float:left;
  display:block;
  margin:0 3px 15px;
  width:258px;
  height:170px;
  background:#afeeee;
}
#content #content_menu li h3 {
  position:absolute;
  width:258px;
  font:bold 18px Arial;
  text-transform:uppercase;
  text-align:center;
  line-height:35px;
  color:#18405a;
  z-index:1;
}
#content #content_menu.sub li h3 {
  margin-top:125px;
  font-size:12px;
  text-align:left;
  text-indent:10px;
  text-transform:none;
}
#content #content_menu li img {
  position:absolute;
  margin:35px 7px 10px;
  border:1px solid #00967d;
  width:243px;
  z-index:1;
}
#content #content_menu.sub li img {
  border:1px solid #3f9dd1;
  width:243px;
  z-index:1;
  margin:10px 7px 10px;
}
#content #content_menu li a {
  position:absolute;
  display:block;
  width:258px;
  height:170px;
  text-indent:-99999px;
  z-index:1;
}
#content #switch_menu { padding:10px 20px; /*height:75px;*/ }
#content #switch_menu li { margin:12px 0; }
#content #switch_menu li a {
  display:block;
  font-size:18px;
  font-weight:bold;
  text-indent:20px;
  color:#FFF;
}
#content #switch_menu li a:hover, #content #switch_menu li a.active {
  background:url(../img/switch.gif) 2px 2px no-repeat;
}
#content #footer {
  padding:8px 0;
  font:bold 11px Arial;
  text-align:center;
  color:#FFF;
}
#content #footer ul { display:inline; }
#content #footer ul li { display:inline; margin:0 4px; padding-left:10px; background:url(../img/puce.gif) 0 6px no-repeat; }
#menu #newsletter .error,.success { font-size:0.8em; line-height:1em; }
#menu #newsletter .error { color:red; }
#menu #newsletter .success { color:#049500; }

a.conditions {
	position:fixed;
	bottom:0;
	right:5px;
	padding:2px 5px;
	font-style:italic;
	text-decoration:underline;
	color:#fff;
	z-index:0;
}
a.conditions:hover {
	text-decoration:none;
}