* { margin: 0; padding: 0; border: 0; }

body {
	text-align: center;  /* centrage pour IE */
	font-family: Arial, sans-serif;
	font-size: 76%;
	line-height: 1.15em;
	font-weight: normal;
	}
		body#home {background: #260700 url(../images/home/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageNouvelles {background: #260700 url(../images/nouvelles/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageUnivers {background: #502100 url(../images/univers/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageVetements {background: #26180b url(../images/vetements/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageCostumes {background: #250001 url(../images/costumes/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageBistrobar {background: #261d00 url(../images/bistrobar/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageEspacelouer {background: #1e0c04 url(../images/espacelouer/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageEvenements {background: #240100 url(../images/evenements/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageLiens, body#pageCredits {background: #150600 url(../images/liens/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageNousjoindre {background: #181a04 url(../images/nousjoindre/rotate.php) no-repeat; background-position: 50% 25px;}
		body#pageGaleries {background: #000;}
	
.center {text-align: center;}
.right {float: right;}
	
/* ---[ Layout ]--------------------- */

#container {
	margin-left: auto;	
	margin-right: auto;	
	margin-top: 25px;
	text-align: center;  /* centrage pour IE */
	width: 712px;
	height: 723px;
	}
		
#menubar {
	float: left;
	position: relative;
	width: 257px;
	height: 723px;
	text-align: left;
	margin: 0 16px 0 0;
	}
	
	#fakelogo {
		width: 257px; 
		height: 107px;
		position: absolute; 
		top: 0; left: 0;
		}
	
	#nouvellesSection {
		float: left; 
		width:240px; 
		overflow:hidden; 
		margin: 165px 9px 20px 9px;
		}
	
ul#nav {width: 257px;}
	ul#nav.home {margin: 165px 0 0 0;} 
	
ul#nav li {
	float: left;
	display: block;
	list-style: none;
	width:252px;
	padding-left:5px;
	margin-bottom:5px;
	}	
	
	ul#nav li a {display: block; background-position:  0 0; text-decoration:none;}
	
	ul#nav li a { font-size:1.85em; font-family:Verdana, Geneva, sans-serif; color:#b5f1f1; padding:5px;}
	
	ul#nav li#espacelouer { margin: 0 0 25px 0;}
	ul#nav li#liens, ul#nav li#nousjoindre, ul#nav li#english { margin-bottom:0px;}
	ul#nav li#liens a, ul#nav li#nousjoindre a, ul#nav li#english a { font-size:1.5em; padding:3px;}
	
	/* Nav état off */
	/*li#univers a {height:28px; background: url(../images/b_univers.gif) no-repeat; }
	li#vetements a {height:28px; background: url(../images/b_vetements.gif) no-repeat;}
	li#costumes a {height:28px; background: url(../images/b_costumes.gif) no-repeat;}
	li#bistrobar a {height:26px; background: url(../images/b_bistrobar.gif) no-repeat;}
	li#spectacles a {height:29px; background: url(../images/b_spectacles.gif) no-repeat;}
	li#evenements a {height:29px; background: url(../images/b_evenements.gif) no-repeat;}
	li#espacelouer a {height:30px; background: url(../images/b_espacelouer.gif) no-repeat; margin: 0 0 25px 0;}
	li#liens a {height:20px; background: url(../images/b_liens.gif) no-repeat;}
	li#nousjoindre a {height:20px; background: url(../images/b_nousjoindre.gif) no-repeat;}
	li#english a {height:21px; background: url(../images/b_english.gif) no-repeat;}*/
	
	
	ul#nav li a:hover,  /* Nav état hover */

	body#pageUnivers li#univers a, 	/* Nav état ON */
	body#pageVetements li#vetements a, 
	body#pageCostumes li#costumes a,
	body#pageBistrobar li#bistrobar a,
	body#pageEspacelouer li#espacelouer a,
	body#pageEvenements li#evenements a,
	body#pageLiens li#liens a,
	body#pageNousjoindre li#nousjoindre a {background-position:  -257px 0;}
	
	ul#nav li:hover {
		background:#b5f1f1;
		color:#000033;
	}
	ul#nav li:hover a {
		color:#000033;
	}

	/* remove annoying dotted box in Firefox */
	ul#nav li a:focus, a:focus {outline: none;}


#rightColHome {
	float: left;
	position: relative;
	margin: 280px 0 0 0;
	width: 257px;
	height: 440px;
	text-align: left;
	}
	
	#infoSpectacles {padding: 12px 8px;}
		
#rightCol {
	float: left;
	position: relative;
	width: 257px;
	height: 723px;
	text-align: left;
	}
	
#introSection {
	float: left;
	width: 237px;
	padding: 15px 10px;
	color: #b5f1f1;
	text-transform: uppercase;
	line-height: 1.43em;
	background: #000;
	}	
	
#footer { /* Attention, si on déplace le footer hors du container div, le script des thubmnails ne marchent plus dans IE6 et 7, une fois sur le serveur.  WTF?! */
	clear: both;
	float: left;
	width: 100%;
	color: #796556;
	font-size: 90%;
	line-height: 1.40em;
	margin: 15px 0 10px 0;
	}


	
/* ---[ Text format ]--------------------- */

#divContent p, #nouvellesSection p {color: #37d8fb; font-size: 100%;line-height: 1.40em; margin: 0 0 5px 0;}	
#divContent h1, #nouvellesSection h1 {text-transform: uppercase; color: #37d8fb; font-size: 88%;}
#divContent h2, #nouvellesSection h2 {text-transform: uppercase; color: #fff; font-size: 100%; margin: 2px 0 3px 0;}
	
#introSection p {margin-bottom: 8px; font-size: 85%;}	

#introSection strong, #divContentSection strong {
	color: #fff;
	font-weight: normal;
	}	

#introSection h1 {text-indent: -5000px; margin: 0 0 10px 0;}
	h1#h1_bistrobar {height: 17px; background: url(../images/h1_bistrobar.gif) no-repeat;}
	h1#h1_vetements {height: 21px; background: url(../images/h1_vetements.gif) no-repeat;}
	h1#h1_univers {height: 17px; background: url(../images/h1_univers.gif) no-repeat;}
	h1#h1_costumes {height: 17px; background: url(../images/h1_costumes.gif) no-repeat;}
	h1#h1_vetements {height: 21px; background: url(../images/h1_vetements.gif) no-repeat;}
	h1#h1_spectacles {height: 17px; background: url(../images/h1_spectacles.gif) no-repeat;}
	h1#h1_evenements {height: 21px; background: url(../images/h1_evenements.gif) no-repeat;}
	h1#h1_espacelouer {height: 21px; background: url(../images/h1_espacelouer.gif) no-repeat;}
	h1#h1_liens {height: 21px; background: url(../images/h1_liens.gif) no-repeat;}
	h1#h1_nousjoindre {height: 17px; background: url(../images/h1_nousjoindre.gif) no-repeat;}
	h1#h1_nouvelles {height: 17px; background: url(../images/h1_nouvelles.gif) no-repeat;}
	h1#h1_credits {height: 21px; background: url(../images/h1_credits.gif) no-repeat;}
	
#rightColHome h1 {text-indent: -5000px;}
	h1#entete_spectacles {height: 69px; background: url(../images/h1_entete-spectacles.gif) no-repeat; margin: 5px 0 5px 1px;}

#infoSpectacles h2 {
	color: #fff; 
	font-size: 125%; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin: 5px 0;
	}

.titreDetails {
	color: #fff; 
	font-size: 90%; 
	text-transform: uppercase; 
	}

.details  {
	color: #37d8fb; 
	font-size: 95%; 
	}
	
.photo {
	float: left;
	margin: 10px 10px 5px 0; 
	/*border: 1px #000 solid;*/
	}	
	
#bt_closeWin {
	position: absolute;
	bottom: 2px; right: 7px;
	}	
		#promoTxt {width: 80%; margin: 0 auto; text-align: center;}	
		#promoTxt p {color: #fff; font-size: 95%; margin: 0 0 8px 0; line-height: 1.30em;}	
		#promoTxt h1 {color: #fff; margin: 10px 0; font-size: 120%; line-height: 1.30em;}
		#promoTxt h2 {color: #fff; margin: 10px 0; font-size: 100%; text-transform: uppercase;}
		#promoTxt a {color: #f07606; font-weight: bold; text-decoration: underline;}
		
#infoSpectacles	{font-size: 100%;}
#infoSpectacles p {margin: 0 0 8px 0;}


	
#divContentSection, #infoSpectacles {color: #76e7ff; line-height: 1.40em;}
#divContentSection p {font-size: 100%; margin: 5px 0 8px 0;}

#divContentSection h2 {text-indent: -5000px; margin: 15px 0 8px 0;}
	#divContentSection h2#h2_config {height: 13px; background: url(../images/h2_config.gif) no-repeat;}
	#divContentSection h2#h2_faim {height: 13px; background: url(../images/h2_faim.gif) no-repeat;}	
	#divContentSection h2#h2_soif {height: 13px; background: url(../images/h2_soif.gif) no-repeat;}
	#divContentSection h2#h2_costumes {height: 13px; background: url(../images/h2_costumes.gif) no-repeat;}	
	#divContentSection h2#h2_caracteristiques {height: 17px; background: url(../images/h2_caracteristiques.gif) no-repeat;}	
	#divContentSection h2#h2_enmarge {height: 13px; background: url(../images/h2_enmarge.gif) no-repeat;}
	#divContentSection h2#h2_espaces {height: 13px; background: url(../images/h2_espaces.gif) no-repeat;}
	#divContentSection h2#h2_promos {height: 13px; background: url(../images/h2_promos.gif) no-repeat;}
	#divContentSection h2#h2_mailinglist {height: 13px; background: url(../images/h2_mailinglist.gif) no-repeat;}
	#divContentSection h2#h2_calendrier {height: 13px; background: url(../images/h2_calendrier.gif) no-repeat;}
	#divContentSection h2#h2_reagissez {height: 17px; background: url(../images/h2_reagissez.gif) no-repeat;}

#divContentSection h3, #introSection h3 {text-transform: uppercase; color: #fff; font-size: 100%; margin: 10px 0 3px 0;}

#divContentSection ul {padding: 5px 0 5px 25px;}
	#divContentSection li  {list-style-type: square; font-size: 100%;}
	
/* ---[Links format  ]--------------------- */

a {color: #000;}

#divContent a, #nouvellesSection a, #divContentSection a, #rightColHome a, #introSection a, #footer a  {
	color: #f07606; 
	font-weight: bold; 
	/*text-transform: uppercase; */
	font-size: 95%; 
	text-decoration: underline;
	}
	
#divContentSection a {font-size: 100%;}	
	
/* ---[Photo Zoom  ]--------------------- */


.highslide {
    cursor: url(images/photoZoom/zoomin.cur), pointer;
    outline: none;
	}

.highslide img {border: 1px #000 solid;}

.highslide:hover img {border: 1px #fff solid;}

.highslide-image {border: 1px #fff solid;}

.highslide-image-blur { }

.highslide-caption {
    display: none;
    border: 1px #fff solid;
    border-top: none;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
	}

.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
	}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
	}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
	}
	
.highslide-display-block {
    display: block;
	}

.highslide-display-none {
    display: none;
	}	
	
/* ---[ Photo Gallery ]--------------------- */

#myGallery {
	width: 535px;	
	text-align: left;
	margin: 0 auto;
	}
	
#myGallery h3 {
	color: #fff;
	font-size: 160%;
	}

#myGallery p {
	font-size: 100%;
	/*color: #535353;*/
	line-height: 1.5em;
	text-align: justify;
	padding: 3px 0 10px 0;
	}


#zone {
	width: 535px;
	background-color: #faf5f5;
	relative: absolute;
	top: 0; left:0;
	z-index:-1
	}

#zone a {color: #fff;}


#zone p.linkage {
	margin-top: 2em;
	text-align: right;
	font-size: 100%;
	color: #ddd;
	}

#zone p.linkage a { color: #fff; }

/*#zone p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

#.zone p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/



/* ---[ Lightbox styles ]--------------------- */

#lightbox{
	background-color:#faf5f5;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 100%;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }		

/* ---[ Hacks ]--------------------- */

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

.clearfix {display: inline-block;}

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