/* -------------------------------------------------------- */
/*                      PARIS STORY V2                     */
/*                      CSS by j4k                         */
/* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/*                          GENERAL                         */
/* -------------------------------------------------------- */

html, body {
	margin: 0; 
	padding: 0;
	background: #744008;
	font-family: Verdana, Arial, sans-serif;
}

a {
	color: #fc3;
	text-decoration: none;
}

a:hover {
	color: #fc3;
	text-decoration: none;
}

a:visited {
	color: #ccc;
	text-decoration: none;
}

li {list-style:none;}

img {border:0;}

strong {margin:10px 0 10px 0px;display:block}
/* -------------------------------------------------------- */
/*                          HEADER                          */
/* -------------------------------------------------------- */

#entete {
	display: block; 
	height: 252px;  
	background: url(img/1.jpg) repeat-x left top #744008;
	margin: 0;
	padding: 0;
}

#credit_photo {position:absolute;top:230px;right:10px;}
#credit_photo a{font-size:10px;color:#AAA;}
h1 span, h2 span {
	display: none;
}

#nom_site_spip {
	font-size:0px;
	background: url(img/h1.jpg) no-repeat left top;
	position:absolute;
	top:0;
	left:0;
	width: 287px;
	height: 250px;
	margin: 0;
	padding: 0;
}

.page_sommaire #nom_site_spip,.page_sommaire #navigation,.page_sommaire .encart {display:none;}

h2 {
	margin: 0;
	padding: 0;	
}

.cartouche h2{
	font-size: 16px;
}
.cartouche h3{
	font-size: 14px;
}

.formulaire_recherche {position:absolute;top:30px;right:10px;}
.formulaire_spip input {border:1px solid #eee;background: #FFCC33;color: Black;}
.formulaire_recherche label {display:none;}
/*#contenu .spip_logos {margin:17px 81px 200px 0;width:339px;height:253px;}
#contenu .bg_picto {margin:-30px 0 0 -30px;float:right;width:500px;background: url(img/bg_picto.jpg) no-repeat left top;}
*/

#contenu .bg_picto {float:right;width:301px;padding:5px; background: url(img/pict_skin001.jpg)no-repeat top left;margin:20px 0 0 20px;}
#contenu .bg_video {float:right;width:320px;padding:5px;border: 0; margin:20px 0 0 20px;}

#contenu #map {float:right;width: 400px; height: 300px;margin:20px 0 10px 20px;}
#contenu .drapeau {float:left;}
#contenu ul {margin-left:40px;}
.ps {margin:40px 0 0 40px;font-size:16px; }
.soustitre{font-size:16px; }
.spip_doc_titre a{text-decoration: none;}
.spip_doc_titre a:hover {color:#744008;}

#docs_pdf {padding:30px 0 0 50px;font-size:12px;}

/* -------------------------------------------------------- */
/*                       3-COL LAYOUT                       */
/* -------------------------------------------------------- */

#left {
	position: absolute;
	left: 0;
	top: 250px;
	width: 272px;
	background: #744008;
}

.hr {margin-left:10%;background-image:url(img/hr.jpg);width:400px;height:16px;}

.hr_links {margin-left:-70px;background:url(img/hr.jpg) no-repeat ;width:400px;height:16px;}
hr {display:none;}
.traductions {
	/*position: absolute;
	right: 0;
	top: 252px;
	width: 250px;*/
	display:block;
	background: #000;
	height:60px;
}
.traductions img {border:0;}

#hierarchie {color:#fff;padding-left:300px;display:none;}

#entete a, .formulaire_recherche form{float:right;}

.traductions li{float:left; margin-left:10%;list-style:none;}
.traductions ul{height:50px;}
.cont_trad {margin-top:80px;padding-left:30px;height:16px;	cursor: pointer;	cursor: hand;}
.titre_rub {margin-top:20px;cursor: pointer;	cursor: hand;}
.cont_trad img{margin-left:291px;width:12px;}
.cont_pdf {height:48px;width:500px;}
li {font-size:12px;}
#contenu {
	background: #744008;
	margin-left: 271px;
	margin-right: 249px;
	voice-family: inherit;
	margin-left: 272px;
	margin-right: 250px;
	color:#FFF;
}

div.syndic a { opacity: 0.75; filter:alpha(opacity=75);}  
div.syndic a:hover { opacity: 1; filter:alpha(opacity=100); border:0;  }
div.syndic li {margin-left:15px;}

html>body #contenu {
	margin-left: 272px;
	margin-right: 250px;
}

small {font-size:10px;color:CCC;}

/* -------------------------------------------------------- */
/*                       LEFT_SPECIFIC                      */
/* -------------------------------------------------------- */

h3#h3_about span, h3#h3_links span {
	display: none;
}

h3#h3_about {
	background: url(img/h3_about.jpg) no-repeat left top;
	width: 236px;
	height: 36px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -36px;
	left: 25px;
}

h3#h3_links {
	background: url(img/h3_links.jpg) no-repeat left top;
	width: 236px;
	height: 36px;
	margin: 20px 0 0 26px;
	padding: 0;
}

 #navigation ul{
display:none;}
#navigation img { margin:5px 0 0 20px;}
#navigation {
	background: url(img/bg_1.jpg) no-repeat left top;
	width: 272px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	top:250px;
	left:0;
}
.menu {background:url(img/bg_titre.jpg) repeat-x;height:23px; margin:10px 0 0 20px;width:231px;font-size:12px;padding:5px 0 0 10px;text-align:center;font-weight:bold;  color: Black; }
.menu a {
	color:#000000;
}
.menu a:visited {
	color:#000000;
}
#presse {
/*background: url(img/bg_2.jpg) no-repeat left top;*/
	width: 272px;
	margin:20px 0 0 0;
	left:0;
	
	color:#fff;
}
#presse i {width:190px;display:block;font-size:12px;padding: 30px 30px 30px 50px;}
#presse b {display:none;width:220px;font-size:12px;padding:50px 30px 0 30px;}

#presse img {padding-right:-30px;}
.breves {color:#FFF;padding:20px 30px 0 30px;position:absolute;top:300px;right:0;width:180px;background: url(img/bg_2.jpg) no-repeat left top;}
.breves h4{margin:0;}
.breves i{font-size:12px;}
.breves .bg_5 {margin:0 -30px 0 -30px;background: url(img/bg_5.gif) no-repeat left top;}
.breves a {margin:0 -30px 0 -30px;}
.breves img {width:249px;}
.breves img.spip_logos {width:120px;height:43px;padding-left:60px;}
.breves li {margin-top:2px;height:20px;text-align:center;}
#hugo {position:absolute;top:300px;right:0;width:300px;height:200px;background: url(img/hugo.jpg) no-repeat left top;}

.invisible {display:none;}
#links {
	background: url(img/bg_2.jpg) no-repeat left top;
	width: 272px;
	height: 362px;
	margin: 60px 0 0 0;
	padding: 1px 0 0 0;
}

#contenu p.texte,#contenu .chapo{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ccc;
	text-align: justify;
	line-height: 18px;
	margin: 10px 20px 0 30px;
	padding: 0;
}
#contenu .texte{
	line-height: 18px;
}
#contenu .chapo{ color:#fff;font-weight:bold;}

#contenu .texte{ color:#fff; margin: 10px -4px 0 0px;}

ul#linklist {
	margin: 0 0 0 20px;
	padding: 0;
}

ul#linklist li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #ccc;
	list-style-type: none;
	margin: 0;
	padding: 3px 0 0 7px;
	width: 242px;
	height: 61px;
}

#linklist a {
	display: block;
}



/* -------------------------------------------------------- */
/*                      CENTER_SPECIFIC                     */
/* -------------------------------------------------------- */

h3#h3_nieuws span {
	display: none;
}

h1.titre {
	font-size:20px;
	background: url(img/h3.jpg) no-repeat right top;
	height: 44px;
	width: 100%;
	padding: 10px 0 0 20px;
	margin: 0;
}

#nieuws {
	padding: 2px 0 0 0;
	margin: 0;
}

p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: White;
	text-align: justify;
	line-height: 18px;
	padding: 0 10px 0 10px;
	margin: 7px 0 0 0;
}

#nieuws h4 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	margin: 20px 0 -2px 0;
	padding: 0 5px 0 10px;
}

#nieuws h5 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #693;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 0 10px;
}


/* -------------------------------------------------------- */
/*                       RIGHT_SPECIFIC                     */
/* -------------------------------------------------------- */

h3#h3_foto span, h4#h4_flickr span, h3#h3_forum span {
	display: none;
}

h3#h3_foto {
	background: url(img/h3_foto.jpg) no-repeat right top;
	width: 54px;
	height: 218px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 195px;
}

h4#h4_flickr {
	background: url(http://www.paris-story.com/squelettes/img/flickrlink.jpg) no-repeat right top;
	width: 24px;
	height: 82px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 172px;
	top: 7px;
}

h3#h3_forum {
	background: url(img/h3_forum.jpg) no-repeat right top;
	width: 54px;
	height: 218px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 195px;
	top: 295px;
}

#foto {
	width: 230px;
	height: 270px;
	margin: 0 0 30px 0;
}

#forum {
	width: 230px;
}

#foto img {
	float: left;
	margin: 0 0 8px 8px;
	padding: 4px;
	width: 62px;
	height: 62px;
	border: 2px solid #9c3;
}

#goforum {

	padding: 10px 40px 40px 10px;
	margin: 5px 0 0 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

.p3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ccc;
	text-align: justify;
	line-height: 18px;
	margin: 0 65px 0 10px;
	padding: 0;
}


/* -------------------------------------------------------- */
/*                   AGENDA (5-COL LAYOUT)                  */
/* -------------------------------------------------------- */


#h3_agenda {
	display: none;
	margin: 0;
	padding: 0;
}

.tak {
	width: 20%;
	padding: 0;
	float: left;
	margin: 50px -3px 0 0;
	border-left: 2px solid #9c3;
	background: url(img/bg_6.jpg) repeat-x 0 30px #9c3;
}

.tak h3 {
	margin: 10px 0 0 0;
	padding: 0;
}

.fixer {
	clear: both;
	color: #9c3;
}

.tak h5 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	text-decoration: underline;
	margin: 8px 0 0 0;
	padding: 0 10px 0 10px;
}

.p4 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 3px 0 12px 0;
	padding: 0 10px 0 10px;
}


/* -------------------------------------------------------- */
/*                      AGENDA_HEADERS                      */
/* -------------------------------------------------------- */

#h4_pagadders span, #h4_speelclub span, #h4_kwiks span, #h4_tippers span, #h4_tip10s span {
	display: none;
}

#h4_pagadders {
	background: url(http://www.paris-story.com/squelettes/img/h4_pagadders.jpg) no-repeat left top;
	height: 30px;
}

#h4_speelclub {
	background: url(http://www.paris-story.com/squelettes/img/h4_speelclub.jpg) no-repeat left top;
	height: 30px;
}

#h4_kwiks {
	background: url(http://www.paris-story.com/squelettes/img/h4_kwiks.jpg) no-repeat left top;
	height: 30px;
}

#h4_tippers {
	background: url(http://www.paris-story.com/squelettes/img/h4_tippers.jpg) no-repeat left top;
	height: 30px;
}

#h4_tip10s {
	background: url(http://www.paris-story.com/squelettes/img/h4_tip10s.jpg) no-repeat left top;
	height: 30px;
}


/* -------------------------------------------------------- */
/*                           FOOTER                         */
/* -------------------------------------------------------- */


#pied {
	margin-top:10px;
	width: 100%;
	background: url(img/bg_4.jpg) repeat-x left top #9c3;
	position: relative;
	height:300px;
	text-align:right;
}
#pied a {  opacity: 0.5;

  filter:alpha(opacity=50);}
  
#pied img { 
  border:0;margin:30px 2px 0 0;margin-right:2px;}

#pied a:hover {

  opacity: 1;

  filter:alpha(opacity=100); 

   border:0; 

  }


#pied ul li {
	display: inline;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #9c3;

}

/* Fading Tooltips By Dustin Diaz*/
#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:1px solid #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
#toolTip p em { display:none;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
#toolTip p em span { font-weight:bold;color:#fff; }
#presse ul, #presse li {display:block;margin:0;padding:0;}
.page_plan .breves, .page_plan .rubriques h2{display:none;}

div.syndic ul{margin-top:10px;}
div.syndic span{margin:0;}
div.syndic {border:0;background:url(img/link_center.jpg) repeat-y;}
div.syndic p,div.syndic h2{padding-left:60px;}
  
div.texte p{padding-left:40px;margin:0;}
div.texte_top {margin-top:-40px;background:url(img/link_top.jpg) -30px repeat-y;height:40px;}
*html div.texte_top {margin-top:0px;}
div.texte {border:0;background:url(img/link_center.jpg) -30px repeat-y;}
div.texte_bottom {border:0;background:url(img/link_bottom.jpg) -30px repeat-y;height:40px;}
div.texte strong {padding-left:40px;margin:0;display:block}
div.texte h3{padding-left:40px;}
/* lightbox */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0px;
	left: 0;
	height: 32px;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { 	height: 32px;left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink { 	height: 32px;right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #744008;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}