body {
  font-size: 80% ;
  font-family: Arial, Helvetica, sans-serif;  
  /*background:transparent url(img/back.gif) repeat;*/
  text-align: center;
  }	
body#popup {
  font-size: 80% ;
  font-family: Arial, Helvetica, sans-serif;  

  text-align: center;
  margin: 12px ; 
  padding: 5px ;  
  }	
* {
  margin: 0 ; 
  padding: 0 ;
  }  
img {border: 0}

a {
color:black;
text-decoration:underline;
}
a:hover {
color:#FF9933;
text-decoration:none;
}

/*structure de la page*/
div#container	{
  margin: 0 auto;
  width: 800px;
  text-align: left;
  background-color: #FFF;
  /*border: 1px solid #CC0000; juste pour voir la structure */
  }
div#popupcontainer	{
  margin: 0 auto;
  width: 525px;
  text-align: left;
  background-color: #FFF;
  /*border: 1px solid #CC0000; juste pour voir la structure */
  }
div#header {
  background-color: #FFF;
  /*border: 1px solid #000; juste pour voir la structure */
  }
div#content {
 background: #FFF url(./../img/fond-improvisation/fond-improvisation14.gif) no-repeat; 
}
div#nav {
  float: left;  
  width: 170px;  
  /*padding-left: 20px;
  padding-top: 5px;*/
  /*border: 1px solid #3366CC; juste pour voir la structure */
  }
div#maincontent {
  float :left;
  width: 480px; /*pas 580 car il y a des bordures, faut donc enlever -4px*/
  /*border: 1px solid #33CC33; juste pour voir la structure */
  margin-left: 20px;
  margin-top: 20px;
  }
 
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*On commence la mise en page*/

div#maincontent p {
 padding-top: 5px; 
/*  border: 1px solid #33CC33;  */
}
div#maincontent h1 {
 text-transform: uppercase;
 font-family: Impact, 'Lucida Grande', Arial, Helvetica, sans-serif; 
}
div#maincontent h2 {
 padding-top: 10px;
 padding-bottom: 5px;
 font-size: 1.5em;
}
div#maincontent img.ListLeft {
float:left;
padding :0 10px 4px 0;
}

/* à REVOIR*/
div#maincontent a.ListImprov {
display: block;
border-bottom: 1px solid #FF9933;
height: 74px;
width: 490px;
margin-top: 10px;	
text-decoration:none;
}

.clearthefloats {
clear:both;
}

/*navigation*/
div#nav {
  /* background: url(./../img/pictos/bg_black.gif); 
  background:transparent url(img/back.gif) repeat;
    background-color: #FFF;*/
    color: black;	
    font-size: 12px;
	font-style: normal;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
  }  
div#nav ul {
  list-style : none; 
  }  
div#footer li {
  list-style : none; 
  }
/* menu gauche*/
div#nav h2 {
 font-size: 1.2em;
 padding-top: 10px;
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
/* color:#FF9933; */
color:black;
 /* border-bottom: thick black outset; */
  	border-bottom: 2px solid black;  
  }

div#nav li {
  display: block;
  padding: 2px 0;
  }
div#nav li a:link, div#nav li a:visited  { 
 padding-left: 10px;
/* background: url(./../img/pictos/fleche-off.gif) no-repeat 1px; */
	color: black;
  font-weight: bold;

 text-decoration: none;
 }
div#nav li a:hover {
/* background: url(./../img/pictos/fleche-on.gif) no-repeat 1px; */
	color: #FF9933;
	text-decoration: none;
	 font-weight: bold;
 }

/*BLOC ACTU PERMANENTE A REVOIR : NE DEVRAIT PAS FAIRE PARTIE DU BLOC NAV !!!!*/

div#ActuPermanente {
    color: black;	
    font-size: 12px;
	font-style: normal;
	text-decoration: none;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:10px;
	border: 2px solid #FF9933;
	text-align:center ;
  }  

div#ActuPermanente a
{
	color: black;
	text-decoration: none;
}

div#ActuPermanente a:hover
{
	color: #FF9933;
}

/*personnages home page 2009*/

a.coralie_V4 { 
     display: block; /* la balise a doit être en bloc */
     width: 86px; /* largeur de l'image réactive */
     height: 176px; /* hauteur de l'image réactive */
     background: url(./../img/improvisateur/coralie-lascoux/coralie-v4.jpg); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.coralie_V4:hover { 
	background: url(./../img/improvisateur/coralie-lascoux/coralie-v4.jpg) no-repeat 0 -176px ;
     }
     
a.emilie_V4 { 
     display: block; /* la balise a doit être en bloc */
     width: 119px; /* largeur de l'image réactive */
     height: 176px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/emilie-pfeffer/emilie-v4.jpg); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.emilie_V4:hover { 
	background: url(./../img/improvisateur/emilie-pfeffer/emilie-v4.jpg) no-repeat 0 -176px ;
     }
    
a.sebastien_V4 { 
     display: block; /* la balise a doit être en bloc */
     width: 88px; /* largeur de l'image réactive */
     height: 176px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/sebastien-delaplace/seb-v4.jpg); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.sebastien_V4:hover { 
	background: url(./../img/improvisateur/sebastien-delaplace/seb-v4.jpg) no-repeat 0 -176px ;
     }
     
a.helene_V4 { 
     display: block; /* la balise a doit être en bloc */
     width: 98px; /* largeur de l'image réactive */
     height: 176px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/helene-mouchel/helene-v4.jpg); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.helene_V4:hover { 
	background: url(./../img/improvisateur/helene-mouchel/helene-v4.jpg) no-repeat 0 -176px ;
     }     
     
a.mitch_V4 { 
     display: block; /* la balise a doit être en bloc */
     width: 87px; /* largeur de l'image réactive */
     height: 176px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/michael-bensoussan/mitch-v4.jpg); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
    }
a.mitch_V4:hover { 
	background: url(./../img/improvisateur/michael-bensoussan/mitch-v4.jpg) no-repeat 0 -176px ;
     }


/*personnages home page 2007*/

a.coralie_new { 
     display: block; /* la balise a doit être en bloc */
     width: 98px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background: url(./../img/improvisateur/coralie-lascoux/coralie-home.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.coralie_new:hover { 
	background: url(./../img/improvisateur/coralie-lascoux/coralie-home.gif) no-repeat 0 -256px ;
     }
     
a.emilie_new { 
     display: block; /* la balise a doit être en bloc */
     width: 87px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/emilie-pfeffer/emilie-home.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.emilie_new:hover { 
	background: url(./../img/improvisateur/emilie-pfeffer/emilie-home.gif) no-repeat 0 -256px ;
     }
     
a.thomas_new { 
     display: block; /* la balise a doit être en bloc */
     width: 83px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/thomas-gallezot/thomas-home.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.thomas_new:hover { 
	background: url(./../img/improvisateur/thomas-gallezot/thomas-home.gif) no-repeat 0 -256px ;
     }
    
a.sebastien_new { 
     display: block; /* la balise a doit être en bloc */
     width: 124px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/sebastien-delaplace/seb-home.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.sebastien_new:hover { 
	background: url(./../img/improvisateur/sebastien-delaplace/seb-home.gif) no-repeat 0 -256px ;
     }
     
a.helene_new { 
     display: block; /* la balise a doit être en bloc */
     width: 71px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/helene-mouchel/helene-home.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.helene_new:hover { 
	background: url(./../img/improvisateur/helene-mouchel/helene-home.gif) no-repeat 0 -256px ;
     }     
     
a.mitch_new { 
     display: block; /* la balise a doit être en bloc */
     width: 94px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/michael-bensoussan/mitch-home.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
    }
a.mitch_new:hover { 
	background: url(./../img/improvisateur/michael-bensoussan/mitch-home.gif) no-repeat 0 -256px ;
     }
     
 /*TESTS ROLLOVER*/
div.containerScene {
   border: 0px solid #287CB1;
   width:600px;
 }
div.spacer {
 	clear: both;
     background-color: none;  }

div.sceneImpro {
 	float: left;
   border: 0px solid #287CB1;   
  }
div.sceneImpro p { /*au cas ou, pour presenter une legende des photos*/
 	text-align: center; 	
  }

/*BLOCS CENTRAUX PROMO POUR LA HOME*/
div#MainPromo {float:left; width:570px; background-color:#FFF; }

div#column1 {float:left; width:263px; margin-left:0px; padding: 0px 0px; background-color:#FFF;}
/* column 1 box model hack for IE5s */
* html div#column1   /* this selector recognized by IE only */
{width: 283px;   /* total width (only for IE5.x/Win) */
 w\idth: 263px;  /* content width (for other IE) */ }
div#column1 {width:263px;   /* content width (for other browsers) */}
/*end column 1 box model hack */

div#column2 {float:right; width:263px; margin-left:0px; display:inline; padding: 0 0px; background-color:#FFF; overflow: hidden}

/* column 2 box model hack for IE5s */
* html div#column2   /* this selector recognized by IE only */
{width: 283px;   /* total width (only for IE5.x/Win) */
 w\idth: 263px;  /* content width (for other IE) */ }
div#column2 {width: 263px;   /* content width (for other browsers) */}
/*end column 2 box model hack */

.boitePromo a
{
	display: block;
	padding: 3px;
	text-decoration : none;
	color: black;
	width: 255px;
	height:147px;
}


.boitePromo a:hover {
	background-color : transparent;
	display: block;
	border: 1px solid #FF9933;
	padding: 2px;
}

.boitePromoTotal a
{
	display: block;
	padding: 3px;
	text-decoration : none;
	color: black;
	width: 500px;
	height:80px;
}


.boitePromoTotal a:hover {
	background-color : transparent;
	display: block;
	border: 1px solid #FF9933;
	padding: 2px;
}

.boitePromoTotalAffiche a
{
	display: block;
	padding: 3px;
	text-decoration : none;
	color: black;
	width: 500px;
	height:164px;
}


.boitePromoTotalAffiche a:hover {
	background-color : transparent;
	display: block;
	border: 1px solid #FF9933;
	padding: 2px;
}

.comedien-question {
	color: #666666;
	font-weight: bold;
}


.CallToAction {
	color: #FF9933;
	font-weight: bold;
}

div#Action a{
	background-color : #FFF;
	padding: 3px;
	text-decoration : none;
	color: black;	
	margin-top: 25px;
	margin-bottom: 25px;
 	text-align: left; 
    width: 100%;
	border: 1px solid #FF9933;
	font-weight: bold;
	font-size: 1em;
	float: left;
}

div#Action a:hover {
	color: #FF9933;
}


.citation {
	font-size: 1.2em;
	font-weight: bold;	
}

/*menu footer*/
div#corporateBoite {
  background-color: white;
  text-align: center;
  font-size: 0.9em;
  margin-top: 1.4em;
  }
  
div#legal{
  background-color: white;
  text-align: center;
  font-size: 0.9em;
  }

div#footer {
  margin-top: 1em;
  background-color: white;
  border-bottom: 3px solid black;
  height: 20px;
  text-align: center;
  }
/*c'est une des methodes pour aligner une liste : display: inline; */
div#footer li {
  display: inline;  
  text-align: center;
  }
div#footer li a:link, div#footer li a:visited  { 
 color: black;
 text-decoration: none;
 font: 10px Verdana ;
 padding: 0 5px;
 border-right: 1px solid black;
	 font-weight: bold;
 }
div#footer li a:link.last, div#footer li a:visited.last{ 
 border-right: none;
 }
div#footer li a:hover { 
 text-decoration: none;
	color: #FF9933;
 }

 .warning { 
	font-weight: bold;
	color: red;
 }
 /*4 photos*/
table td.big {
        border: 1px solid #D0DFDE;
      }
table td.mini {
        border: 1px solid #D0DFDE;
        width: 47px;
        height: 49px;
        }


/**** DEFINITION ****/
.definition div {
	border-top: 2px solid #FF9600;
	border-bottom: 2px solid #FF9600;
	padding: 10px;
}
.definition div blockquote {
	margin: 3px 0;
	padding: 2px 0 0 10px;
}
.definition div blockquote p {
	margin: 0;
	padding: 0;
}	
ul.definition, ul {
	padding: 0;
	margin: 4px;
}
ul.definition li {
	margin: 2px;
	padding: 0;
	padding-left: 12px;
	list-style-type: none;
	background: url('/img/puce-carre.gif') no-repeat 0px 3px;
	font-size: 13px;
}
ul.definition li a {
	text-decoration: none;
}

ul.definition ul {
	display: none;
}
/********/
/*personnages home page*/

a.coralie { 
     display: block; /* la balise a doit être en bloc */
     width: 55px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background: url(./../img/improvisateur/coralie-lascoux/coralie-lascoux.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.coralie:hover { 
	background: url(./../img/improvisateur/coralie-lascoux/coralie-lascoux.gif) no-repeat 0 -256px ;
     }
     
a.emilie { 
     display: block; /* la balise a doit être en bloc */
     width: 78px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/emilie-pfeffer/emilie-pfeffer.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.emilie:hover { 
	background: url(./../img/improvisateur/emilie-pfeffer/emilie-pfeffer.gif) no-repeat 0 -256px ;
     }
     
a.thomas { 
     display: block; /* la balise a doit être en bloc */
     width: 57px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/thomas-gallezot/thomas-gallezot.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.thomas:hover { 
	background: url(./../img/improvisateur/thomas-gallezot/thomas-gallezot.gif) no-repeat 0 -256px ;
     }
     
a.sebastien { 
     display: block; /* la balise a doit être en bloc */
     width: 103px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/sebastien-delaplace/sebastien-delaplace.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.sebastien:hover { 
	background: url(./../img/improvisateur/sebastien-delaplace/sebastien-delaplace.gif) no-repeat 0 -256px ;
     }
     
a.helene { 
     display: block; /* la balise a doit être en bloc */
     width: 80px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/helene-mouchel/helene-mouchel.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
     }
a.helene:hover { 
	background: url(./../img/improvisateur/helene-mouchel/helene-mouchel.gif) no-repeat 0 -256px ;
     }     
     
a.mitch { 
     display: block; /* la balise a doit être en bloc */
     width: 92px; /* largeur de l'image réactive */
     height: 256px; /* hauteur de l'image réactive */
     background-image: url(./../img/improvisateur/michael-bensoussan/michael-bensoussan.gif); 
     background-repeat: no-repeat;
     color: #FFF;
     font-size:1px;
     text-decoration:none;
    }
a.mitch:hover { 
	background: url(./../img/improvisateur/michael-bensoussan/michael-bensoussan.gif) no-repeat 0 -256px ;
     }