/**
 * $Id$
 * Website Baker template: simple
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend. 
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Ryan Djurovich, C. Sommer
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    2.70
 * @platform   Website Baker 2.7
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/

body {
	background-color: #9dbed4;
	background-image:url(/global/images/background-page.jpg);
	background-repeat:repeat-y;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}


#menu
{
	width:330px;
	float:left;
}

#menu_haut, #menu_bas
{
	margin-left:33px;
	width:240px;
}

#menu_haut
{
	margin-top:30px;
}

#menu_lien
{
	margin-left:33px;
	margin-top:-15px;
	background-color:#FFF;
	width:240px;
	color:#e24d67;
}

#menu_lien a:link, #menu_lien a:visited, #menu_lien a:active
{
	color:#e24d67;
	text-decoration:none;
}

#menu_lien a:hover
{
	color:#e24d67;
	text-decoration:underline;
}

#menu_lien ul, #menu_lien li {
	list-style-type: none;
	display: block;
}

#menu_lien li {
	border-bottom:#e24d67 solid 1px;
	width:200px;
	padding-bottom:5px;
	margin: 4px 0 0 -20px !important;
}
.retHome img
{
	border:none;
}
/*--- liens picto ---*/

.pictoFBPAF
{
	list-style:none;
	margin:25px 0 0 0;
	padding:0 0 0 32px;
}
.pictoFBPAF li
{
	float:left;
	margin:0 10px 0 0;
}
.pictoFBPAF a
{
	display:block;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
}
.pictoFB span
{
	display:none;
}
.pictoFB
{
	background: url(/global/images/picto_facebook.gif) no-repeat;
	width:67px;
	height:24px;
}
.pictoPAF
{
	background:#93233f;
	padding: 3px 10px 0 10px;
	height:21px;
}
.pictoPAF:hover
{
	background:#bd556f;
}
.clearBoth
{
	clear:both;
}


#contenu
{
	float:left;
	width:650px;
}

#contenu h2
{
	color:#e24d67;
	/*border-bottom:#e24d67 solid 1px;*/
	margin-top:20px;
	background-image:url(/global/images/bg-titre.gif);
	width:613px;
	height:57px;
	display:block;
	padding-left:30px;
	padding-top:10px;
}

#contenu img
{
	margin-right:10px;
	margin-bottom:10px;
}

#contenu a
{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

#contenu a:hover
{
	color:#666666;
	text-decoration:underline;
}

#footer
{
	clear:both;
}

#footer h1
{
	font-size:12px;
	margin-top:30px;
	margin-bottom:20px;
	color:#666;
}

.titre
{
	border-bottom:#e24d67 solid 1px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:15px;
	font-size:16px;
	color:#e24d67;
	background-color:#FFF;
	padding:3px 3px 3px 3px;
}

A.lienPrecedent
{
	float:left ;
	display:block;
	width:150px;
	padding:5px 5px 5px 5px;
	background-color:#FFF;
	color:#e24d67;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	border:#e24d67 solid 1px;
}

A.lienSuivant
{
	float:right ;
	display:block;
	width:150px;
	padding:5px 5px 5px 5px;
	background-color:#FFF;
	color:#e24d67;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	border:#e24d67 solid 1px;
}

.divClearBoth
{
	clear:both;
}

/*--- tableaux roses ---*/
.tabloRose
{
	background:#fba8eb;
	border:2px solid #000;
}
.tabloRose td, .tabloRose th
{
	border:1px solid #000;
	text-align:center;
	padding:5px;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:120px;
}
.tabloRose th span, .tabloRose td span
{
	font-weight:normal;
	font-size:7pt;
}
#contenu .tabloRose td a, #contenu .tabloRose th a
{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}
#contenu .tabloRose td a:hover, #contenu .tabloRose th a:hover
{
	text-decoration:underline;
}


/*--- billeterie ---*/
.afficheBillet
{
	margin:0 0 0 240px;
}
.afficheBillet td
{
	vertical-align:bottom;
}

#contenu .billeterie
{
	background-image:url(/global/images/billetAnim.gif);
	display:block;
	width:228px;
	height:46px;
	padding:18px 0 0 0;
	margin:0 0 15px 10px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	font-size:13pt;
}
#contenu .billeterie:hover
{
	color:#fff;
	text-decoration:none;
}



.zonePartner
{
	margin:20px 0 0 30px;
}
.zonePartner table
{
	background:#fff;
	padding:10px 10px 0 10px;
	width:240px;
}
.zonePartner table td
{
	padding:0 0 20px 0;
}
.zonePartner table td img
{
	border:none;
	width:100px;
}

.zonePartner h2
{
	color:#e24d67;
	text-align:center;
	margin:0;
	width:240px;
	font-size:12pt;
	padding:0 0 5px 0px;
	background:#fff;
}



/********************* pour la lightbox **************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1200; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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: 0; left: 0; height: 100%; width: 100%; z-index: 1000; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:../image/gif;base64,AAAA); /* Trick IE into showing hover */ /*display: block;*/ display:none; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#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{ text-align:center; font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{padding:0 10px 10px; color: #666; text-align: center;}
#imageData a {text-decoration:none; color:#313d48; font-size:8pt; font-weight:bold;}
#imageData a:hover {color:#666;}
#imageData #impri {width:25%; float:left; text-align:left; background: url(/global/images/print.gif) 0% 100% no-repeat; padding:0px 0 0px 25px; height:17px;}
#imageData #liens{ width: 46%; max-width:130px; margin:0 auto 0 auto;}
#imageData  #prec {background: url(/global/images/mini-avt.gif) 0% 15% no-repeat; padding:0px 5px 0px 15px;  height:17px;}
#imageData  #suiv{background: url(/global/images/mini-svt.gif) 100% 15% no-repeat; padding:0px 15px 0px 5px;  height:17px;}
#imageData #bottomNavClose{width:20%; float: right; text-align:right; padding-right:20px; background: url(/global/images/close2.gif) 100% 15% no-repeat; height:17px;}

#imageDetails {padding:0 10px 10px; color:#666;}
#imageDetails #caption {display:block; text-align:center;}
#imageDetails #numberDisplay{display:block; text-align:left; padding-bottom:3px;}



#overlay{ position: absolute; top: 0; left: 0; z-index: 1100; width: 100%; height: 500px; background-color: #000; }