@import url("lightbox.css");
/* generated by csscreator.com */ 
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, #pagewidth, h1{ 
 margin:0; 
 padding:0;
 } 
 
 body.homebody
 { background-image: url(../img/structure/bg_body_aka_FLYONSTAGE.jpg) !important; }
 body.otherpages
 { background-image: url(../img/structure/bg_body_aka_FLYONSTAGE-watermark.jpg); }
  
 body
 {
    background-position: 100% 100%; /* position of stage */
    background-repeat: repeat-x;
    background-color: transparent;
    background-attachment: fixed;
    font: 1em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: rgb(35, 35, 35);
 }
 a { color: rgb(188, 28, 30); font-weight: bolder !important; text-decoration: underline; }
 a:hover { color: rgb(92, 92, 92); }
 a.active_item, a.active_item:hover { color: rgb(188, 28, 30); }
 a img {
 	border: none;
 }

br.not-visible-br { display: none; }

#pagewidth
{
 width: 100%;
 min-width:768px; 
}
 
#header{
 height:110px; 
  background: transparent url(../img/structure/bg_head_top_yellow.jpg) 0 0 no-repeat;
 width:100%;
}

/* Titles */
h1 a /* h1 = logo */
{
	display: block;
	float: left;
	margin: 10px 0 0 20px;
	width: 161px;	height: 97px;
	background: transparent url(../img/structure/logo_tol_h1_black_oblique.gif) 0 0 no-repeat;
}
h1 span { display: none; }

h2
{
	margin: 0 2em 0 0; padding: 0; float: left;
	color: rgb(130, 130, 130);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 120%;
}

h3
{
	margin: 0; padding: 0;
	/* PINK: color: rgb(230, 57, 151); */
	color: rgb(188, 28, 30);
	font: 1.8em/100% Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
#menus_bar
{
	float: right;
	padding: 0;
	margin: 26px 0 0;
	text-align: left; line-height: 140%;
}
#menus_bar a { padding-right: 1em; font-weight: normal; text-decoration: none; }

ul#mini_menu, ul#main_menu
{ margin: 0 .4em 0 0; padding: 0; list-style-type: none; font-size: 70%; }

ul#mini_menu li, ul#main_menu li
{ display: block; float: left; margin-left: .4em; }
ul#main_menu li
{ margin: 0 .4em 0 0;}

ul#mini_menu li a, a.red_dot
{
z-index: 1000; 
padding: 0 0 0 10px;
background: transparent url(../img/structure/smaller_jeans_square.gif) 0 50% no-repeat; }

ul#main_menu
{ clear: both; margin: 0; padding: .1em 0 0 0; font-size: 80%; }

ul#main_menu li a
{ z-index: 200; background: transparent url(../img/structure/small_jeans_square.gif) 100% 82% no-repeat; }

ul#main_menu a.active_item{
 	/*background: transparent url(../img/structure/small_triangle.gif) 40% 50% no-repeat;*/
	text-decoration: overline;
	color: rgb(92, 92, 92);
 }

#menus_bar a.last-menu-item { padding-right: 0; background: none;}
#menus_bar a.first-menu-item { margin: 0; background: none;}

#wrapper
{
	text-align: center;
 /*background-image: url(../img/structure/bg_body_aka_JEANS.jpg);
 background-position: 220px -60px;
 background-repeat: no-repeat;
  */
}
.wrapper_homepage
{ height: 640px; clear: both; }

#maincol{
font-size: 80%; line-height: 110%;
text-align: left;
background-color: transparent;  
color: rgb(31, 31, 31);
 position: relative; 
 width: 768px;
 margin: 0 auto;
 }
 
 /* VITO: if you need more indent just change the value of text-indent */
#maincol p
{
	text-indent: 1em;
}
 #central_area
 {
 	width: 100%;
	margin: 1.5em 0 0;
	text-align: center;
 }
.pics_souvenez p
{
	line-height: 80%;
	font-size: .1em;
}
.pics_souvenez p img
{
	margin: 0; padding: 0;
}
#left_area, #right_area_old
{
	float: left;
	width: 40%;
}

#right_area, #right_area_inline, #left_area_old
{
	float: left;
	width: 55%;
	margin-top: 3.8em;
}
#left_area_old
{
	margin-right: 2em;
}
#right_area_inline, #left_area_old
{
	padding-left: 1em;
	margin-top: 0;
}

#right_area_old
{
	margin-top: 3em;
}
#footer{
  clear:both;
  text-align: right;
  font-size: 9px;
  width: 98%;
  margin: 3em auto; 
  background-color: transparent;
  color: rgb(90,90,90); 
  font-weight: normal;
 } 
#footer a
{ color: rgb(90,90,90); }

 #footer p
 {
	width: 280px;
 	float: left;
	line-height: 1em;
	margin: 0 4em 0 0;
 }
 #footer img
 {
 	float: left;
	margin: 0 .4em;
 }
/* Special styles */
.smaller
{ font-size: smaller; }
.big
{ font-size: 130%; }
#p_credits, #maincol p#p_credits {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	text-indent: 0;
}
#central_area img
{
	margin: 0; padding: 0;
}
#default_page
{
	/*margin: 130px 0 300px;*/
	position:absolute;
  top: 98px; right: 30%;
	width: 370px; 
	color: rgb(188, 28, 30);
	background-color: transparent;
	font: 1.8em/110% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 900px;
}

.br_clear { clear: both; }

.person
{	font-size: 125%; font-weight: bolder;
color: #191970;
 }
.tthe_right, .at_right
{ text-align: right; }
p.at_centre, .at_center
{ text-align: center; }

#left_area #default_page p.saison {
	margin: 0; padding: 0;
}
#left_area.larger_div
{
	width: 75%;
}
p.p_act
{ margin: 1em 0 3em 0; }

p.p_act strong.act_title
{  font: 180%/100% Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bolder; }
p.p_act strong.act_title, p.p_act a, p.p_act a:visited, .text_in_red
{ color: rgb(150, 21, 25); text-decoration: none; }
p.p_act strong.act_title, p.p_act a, p.p_act a:visited { color: rgb(188, 28, 30); }
p.p_act a:hover, p.p_act a:active
{ color: rgb(195, 195, 195); }

p.p_act em.act_author
{ color: rgb(119, 119, 119); font: 100%/190% Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: bolder;}

p.p_act span.act_dates
{
	display: block; margin: .8em 0 0; font-size: 120%; line-height: 1.1em;
}

.img_container
{
	text-align: center;
	clear: both; width: 700px; margin: 0 0 30px;
}
#top_2 {
	margin-left: 50px; /*Changed from 150 to 50 since 4 in a row*/
}
#btm_3 {
	margin: 5em 0 0 50px;
	width: 100%;
}

#progr_au-menu-de-l-actu
{ background: url(../img/pics/quad_au-menu-de-l-actu.jpg); } 

#progr_huis-clos
{ background: url(../img/pics/quad_huis-clos.jpg); } 
#progr_un-petit-jeu-sans-consequence
{ background: url(../img/pics/quad_un-petit-jeu-sans-consequence.jpg); } 
#progr_madame-marguerite
{ background: url(../img/pics/quad_madame-marguerite.jpg); } 
#progr_bash
{ background: url(../img/pics/quad_bash.jpg); }
#progr_attention-chantier-en-cours
{ background: url(../img/pics/quad_attention-chantier-en-cours.jpg); } 
#progr_histoires-d-hommes
{ background: url(../img/pics/quad_histoires-d-hommes.jpg); }
#progr_elle-voit-des-nains-partout
{ background: url(../img/pics/quad_elle-voit-des-nains-partout.jpg); }

#img_fauconnet
{
	margin-top: 70px;
}
a.normal_event, a.a_l_afiche
{
	display: block; float: left;
	width: 150px; height: 150px;
	margin: 0 20px 0 0;
	text-decoration: none;
	font-size: 90%;
	background-repeat: no-repeat;
}
a.normal_event
{
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}

a.normal_event span { margin-top: 150px; line-height: 105%; text-decoration: none; display:block; /*display: none;*/ } /* this hide the text in the area*/
a.a_l_afiche span {
	color: rgb(150, 21, 25);
}
a.a_l_afiche#progr_au-menu-de-l-actu, 
a.normal_event#progr_au-menu-de-l-actu:hover, 
a.normal_event#progr_huis-clos:hover, 
a.a_l_afiche#progr_huis-clos, 
a.normal_event#progr_un-petit-jeu-sans-consequence:hover, 
a.a_l_afiche#progr_un-petit-jeu-sans-consequence, 
a.normal_event#progr_madame-marguerite:hover, 
a.a_l_afiche#progr_madame-marguerite, 
a.normal_event#progr_bash:hover, 
a.a_l_afiche#progr_bash, 
a.normal_event#progr_attention-chantier-en-cours:hover, 
a.a_l_afiche#progr_attention-chantier-en-cours, 
a.normal_event#progr_histoires-d-hommes:hover, 
a.a_l_afiche#progr_histoires-d-hommes, 
a.normal_event#progr_elle-voit-des-nains-partout:hover, 
a.a_l_afiche#progr_elle-voit-des-nains-partout
{ background-position: 0 -150px; }

.over_p
{
	line-height: 120%;
	width: 600px;
}
.tol_guestbook
{ display: block; height: 23px; padding: 0 0 0 40px; background: transparent url(../img/structure/tol_guestbook.gif) 0 50% no-repeat;}
.tol_photogalleries
{ display: block; height: 29px; padding: 0 0 0 35px; background: transparent url(../img/structure/tol_photogalleries.gif) 0 50% no-repeat;}
.ico_piccola
{ padding-left: 20px; }
.ico_print
{ background: transparent url('../img/structure/print.gif') 0 50% no-repeat; }
.div_flt_right
{ float: right;}
.div_flt_left
{ float: left;}

#image-list-container
{ width: 99.6%; margin: 0 auto; }
#image-list-container td
{ padding: .6em; text-align: center; vertical-align: middle;}
.gallery-image-container img
{
  border: 1px solid #024481;
  padding: .1em;
}
.gallery-image-container a:hover img
{ border-color: rgb(128,128,128) ;}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 


a, #leftcol, #header, .barra_sottomenu {display:none;} 
#twocols, #wrapper, #maincol, #pagewidth {width:100%; float:none;}
#pagewidth
{ border: none; }
.no_print
{ display: none; }

}
