/* ------------------"-- BODY
----------------------------*/
body {
	margin-left:0; 
	padding:0 0 0 0;
	border:0; 
	height:100%;
	overflow-y:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	background-color:#222222;
}
/* -------- LE BACKGROUND
----------------------------*/
#boite_background{
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	position:fixed;
	z-index:-1;
}
#image{
	width:100%;
}
#trame{
	top:0;
position:fixed;
}
* html #boite_background {
	z-index:-1;
	position:absolute;
}
* html #trame {
	position:absolute;
}
* html #container1 {
	z-index:0;
	position:absolute;
}

/* ------------- CONTAINER 1
----------------------------*/
#container1{
  top:10px;
  left:10px;
  width:236px;
  position:fixed;
}
/* ------------ LA SIGNATURE
----------------------------*/
#signature{
   width:236px;
   height:140px;
   background-image:url("../images/formes/signaturenoir.gif");
}
/* ----------------- LE MENU 
----------------------------*/
#boite_menu{
  width:236px;
  margin-top:10px;
}
.upperbox_menu{
	width:236px;
	height:20px;
	background-image:url("../images/formes/upperbandeau_menunoir.gif");
}
.middlebox_menu{
	width:196px;
    padding:0px 20px 0px 20px;
	font-size:12px;
    background-color:black;
}
a.texte_menu{
	line-height:13px;
	display:block;
    color:#CCCCCC;
    text-decoration:none;
	padding:5px 0 5px 5px;
}
a.texte_menu:hover{
    color:#000000;
    cursor:pointer;
	font-weight: normal;
	/*background-image:url("../images/formes/bt_menu3.gif");
	background-position: left center;
	background-repeat:no-repeat;*/
	background-color:#ffffff;
}
.lowerbox_menu{
	width:236px;
	height:20px;
	background-image:url("../images/formes/lowerbandeau_menunoir.gif");
}
/* ------------- CONTAINER 2
----------------------------*/
#container2{
  z-index:2;
  margin-left:255px;
  /*position:relative;*/
  position:relative;
}
* html #container2 {
	position:static;
}
/* ---- LES ECARTS ENTRE LES BOX
--------------------------------*/
.ecart{
 margin:0; 
 padding:0 0 0 0;
 border:0;
 overflow-y:hidden;
 height:10px;
}
.ecart_expo{
 margin:0; 
 padding:0 0 0 0;
 border:0;
 overflow-y:hidden;
 height:5px;
}
#ecart_publics{
 margin:0; 
 padding:0 0 0 0;
 border:0;
 overflow-y:hidden;
 height:150px;
}
/* --------------------- LES BOX
--------------------------------*/
.upperbox{
	width:640px;
	height:20px;
    background-image:url("../images/formes/upperbandeau.gif");
}
.upperbox_onglet{
	width:640px;
	height:20px;
    background-image:url("../images/formes/upperbandeau_onglet.gif");
}
.onglet{
	background-image:url("../images/formes/expo_off.gif");
	padding:8px 0 5px 0;
	width:180px;
	height:22px;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#555555;
	font-size:17px;
	display:block;
}
#off_left{
	background-image:url("../images/formes/expo_off_left.gif");
}
#off_left2{
	background-image:url("../images/formes/expo_off_left2.gif");
}
#on{
	padding:10px 0 5px 0;
	height:20px;
	background-image:url("../images/formes/expo_on.gif");
}

.middlebox{
	width:560px;
	font-size:12px;
	margin:0 0 0 0;
	padding:1px 40px 40px 40px;
    background-color:white;
	line-height:20px;
}
.lowerbox{
	width:640px;
	height:20px;		
	background-image:url("../images/formes/lowerbandeau.gif");
}
/* ----------- BOX PARTICULIERES
--------------------------------*/
#publics_scolaires{width:580px;padding:1px 20px 40px 40px;}
#derniere{height:1000px;}/* ASTUCE : pour caler correctement la box*/
/* ------------------- LES FONTS
--------------------------------*/
h1{/* pour les titres */
	font-size:20px;
	font-weight:900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 40px 0px;
	color:#777777;
	background-image:url("../images/formes/separator_01.png");
	background-repeat:no-repeat;
}
h2{/* >> le meme que H1 avec un interlignage (quand les titres reviennent à la ligne)*/
	font-size:20px;
	font-weight:900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:26px;
	padding:5px 0 40px 0px;
	color:#777777;
	background-image:url("../images/formes/separator_02.png");
	background-repeat:no-repeat;
}
h3{/* pour les sous titres (exemple: equipe >> commissariat) */
	font-size:16px;
	font-weight:900;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:20px 0 11px 0;
	color:#777777;
	background-image:url("../images/formes/separator_00.png");
	background-repeat:no-repeat;
}
h4{/* pour les sous titres petit (exemple: infos pratiques >> tarifs) */
	font-size:12px;
	font-weight:100;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h5{/* pour les titres dans pages expositions */
	font-size:14px;
	font-weight:700;
	color:#555555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 5px 15px;
	background-image:url("../images/formes/hline.gif");
	background-repeat:repeat-y;
}
h6{/* les légendes des pages expositions en italic */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:12px;
font-style:italic;
}
h7{/* les sous titre des pages expositions en italic */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:15px;
}

/* -------------- LES IMAGES
----------------------------*/
.image_commissaires{
  margin-top:-10px;
 padding:0 0 20px 0;
  } 
.box_logo{
    margin-left:-2px;
    border:solid 0.1px #eeeeee;
	float:left;
	width:140px;
	height:93px;
	overflow:hidden;
}
.box_press{
    margin-left:-2px;
    border:solid 0.1px #eeeeee;
	float:left;
	width:120px;
	height:80px;
	overflow:hidden;
}
img.img_logo{
	border:none;
}
a:hover img.img_logo{
	width:130px;
	height:86px;
	padding:5px 5px 5px 5px;
}
a.img_presse:hover{
	opacity:0.7;
}
/* ----------- LIENS VERS...
----------------------------*/
a.lien_download{
  padding:2px 5px 2px 25px;
  text-decoration:none;
  color:#777777;
  font-weight:700;
  background-image:url("../images/icones/trombone.gif");
  background-position:left center;
  background-repeat:no-repeat;
}
a.lien_download:hover{
  color:#ffffff;
  background-image:url("../images/icones/trombonehover.gif");
  background-color:#AAAAAA;
}
a.lien_website{
 padding:2px 5px 2px 25px;
 color:#777777;
 font-weight:700;
 text-decoration:none;
 background-image:url("../images/icones/fleche.gif");
 background-position:left center;
 background-repeat:no-repeat;
}
a.lien_website:hover{
color:#ffffff;
background-image:url("../images/icones/flechehover.gif");
background-color:#AAAAAA;
}
a.lien_contact{
 padding:2px 5px 2px 25px;
 color:#777777;
 font-weight:700;
 text-decoration:none;
 background-image:url("../images/icones/enveloppe.gif");
 background-position:left center;
 background-repeat:no-repeat;

}
a.lien_contact:hover{
color:#ffffff;
background-image:url("../images/icones/enveloppehover.gif");
background-color:#AAAAAA;
}
a.lien_expo{
 padding:2px 2px 2px 2px;
 font-style:italic;
 color:#777777;
 font-weight:700;
 text-decoration:none;
}
a.lien_expo:hover{
color:#ffffff;
background-color:#AAAAAA;
}
a.menu_conf{
	color:#777777;
	font-weight:700;
	text-decoration:none;
	padding:2px 2px 2px 2px;
}
a.menu_conf:hover{
	color:#ffffff;
	background-color:#AAAAAA;
	padding:2px 2px 2px 2px;
}
a.ht_page{
	color:#777777;
	font-weight:700;
	text-decoration:none;
	padding:2px 2px 2px 20px;
	background-image:url("../images/icones/fleche_ht.gif");
	background-position:left center;
	background-repeat:no-repeat;
}
a.ht_page:hover{
	color:#ffffff;
	background-color:#AAAAAA;
	background-image:url("../images/icones/fleche_ht_hover.gif");
}
a.menu_expo {
	text-align:center;
	text-decoration:none;
	color:#aaaaaa;
	font-size:17px;
	display:block;
}
a.menu_expo:hover{
	color:#000000;
}
/* ------------- EXPOSITIONS
----------------------------*/
.upper_expo{
	 width:560px;
	 height:5px;
	 background-image:url("../images/formes/upper_expo.gif");
	 background-repeat:no-repeat;
}
.middle_expo{
	 width:560px;
	 padding:0 0 0 0;
	 background-image:url("../images/formes/middle_expo.gif");
	 background-repeat:repeat-x;
	 background-position: bottom;
}
.lower_expo{
	 width:560px;
	 height:7px;
	 background-image:url("../images/formes/lower_expo.gif");
	 background-repeat:no-repeat;
}
.expo_colone{
	float:left;
	width:400px;
}
.boite_logo{
	float:left;
	margin-top:15px;
	padding:0 30px 0 10px;
}
.boite_image{
	margin-top:5px;
	margin-right:10px;
	float:right;
	width:80px;
	height:50px;
	overflow:hidden;
}
.bt_expo{
	display:block;
	padding:15px 0 0 0;
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
}
.bt_expo:hover{
	color:#000000;
	text-decoration:underline;
	background-image:url('../images/formes/middle_expo_over.gif');
	background-repeat:repeat-x;
	background-position:bottom;
}

/* ------------- STYLE DE TEXTES
----------------------------*/
a.equipe{
	color:#555555;
	font-weight:700;
}
a.equipe:hover{
	color:#ffffff;
	font-weight:700;
	background-color:#777777;
	text-decoration:none;
}
span.text1{
	color:#555555;
	font-weight:700;
}
span.text_expo{
	display:block;
	padding: 0 0 10px 0;
	font-size:9px;
	color:#000000;
	font-weight:400;
}
span.titre_expo{
	display:block;
	padding: 20px 0 20px 0;
	font-size:25px;
	color:#000000;
	font-weight:500;
}
span.ss_titre_expo{
	display:block;
	padding: 10px 0 0 70px;
	font-size:17px;
	color:#000000;
	font-weight:500;
}
span.petit{
	font-size:10px;
	line-height:14px;
}
span.titre_petit{
	display:block;
	padding: 5px 0 5px 20px;
	font-size:20px;
	color:#000000;
	font-weight:500;
	line-height:23px;
}
span.bt_select{
	font-size:13px;
	line-height:13px;
	display:block;
    color:#555555;
    text-decoration:none;
	padding:5px 0 5px 5px;
}
span.conf{
	display:block;
	color:#ffffff;
	font-size:15px;
	font-weight:900;
	background-color:#999999;
	padding:3px 0 3px 10px;
	font-variant: small-caps ;
}
span.conf_jour{
	display:block;
	color:#555555;
	font-size:18px;
	font-weight:900;
	padding:20px 2px 10px 10px;
}
/* ------------- LISTES
----------------------------*/
ul {
    /*list-style-type: square ;*/
    list-style-image: url('../images/formes/puce.gif');
    list-style-position: inside;
}
/* ------------- TABLEAUX
----------------------------*/
td{
	font-size:11px;
	padding: 5px 20px 5px 20px;
}
/* -------------   CLEAR
----------------------------*/
.clear{
	clear:both;
}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.bouquin {
	width:800px;
	height:620px;
}
#flashcontent{
	width:100%;
	height:100%;
}