body {
 margin:0;
 padding:0;
 text-align:center;
 font-family:Verdana,Arial,Sans Serif;
 font-size:0.8em;
 color:black;
 background-color: #e3e3e3;
 cursor: default;
 background-image:url('../img/fond_entete_large.png');
 background-repeat:repeat-x;
}


#tabbed_box {
    margin: 0px auto 0px auto;
    width:700px;
}
.tabbed_box h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:23px;
    color:#ffffff;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.tabbed_box h4 small {
    color:#e3e9ec;
    font-weight:normal;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}
.tabbed_area {
    border:1px solid #494e52;
    background-color:#636d76;
    padding:8px;
}
ul.tabs {
    margin:0px; padding:0px;
}
ul.tabs li {
    list-style:none;
    display:inline;
}
ul.tabs li a {
    background-color:#464c54;
    color:#ffebb5;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
}
ul.tabs li a:hover {
    background-color:#2f343a;
    border-color:#2f343a;
}
ul.tabs li a.active {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}
.content_onglet {
    background-color:#ffffff;
    padding:10px;
    border:1px solid #464c54; 
}
#content_2, #content_3 { display:none; }
ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}
.content_onglet ul {
    margin:0px;
    padding:0px 20px 0px 20px;
}
.content_onglet ul li {
    list-style:none;
    border-bottom:1px solid #d6dde0;
    padding-top:15px;
    padding-bottom:15px;
    font-size:13px;
}
.content_onglet ul li a {
    text-decoration:none;
    color:#3e4346;
}
.content_onglet ul li a small {
    color:#8b959c;
    font-size:9px;
    text-transform:uppercase;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    position:relative;
    left:4px;
    top:0px;
}
.content_onglet ul li:last-child {
    border-bottom:none;
}
ul.tabs li a {
    background-image:url(images/tab_off.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}
ul.tabs li a.active {
    background-image:url(images/tab_on.jpg);
    background-repeat:repeat-x;
    background-position:top;
}
.content_onglet {
    background-image:url(images/content_bottom.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}
#bande_gauche {
width:250px;
top:0px;
left:0px;
}
#bande_droite {
width:750px;
top:0px;
}
/*
Info bulles javascript
*/
div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:transparent;
   border-bottom:1px solid black;
   padding:0.2em;
   font-size:11px;
   width:310px;
    height:auto;
   top:0px;
	background-image: url('../img/info-bulle.png');
	background-repeat: no-repeat;
	background-position:0px 0px;
	margin-top:10px;
}
div#tooltip_arrow {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:transparent;
   border:none;
   width:11px;
    height:auto;
   top:0px;
	background-image: url('../img/image-infobulle.gif');
	background-repeat: no-repeat;
	background-position:0px 0px;
	margin-top:10px;
}
span.bulle {
position: relative; 
color:blue;
}
span.bulle:hover{
 position: relative; 
 color:black;
}/*
Info bulles en CSS
*/



/* Rend invisible tout notre bloc span */
label.info_bulle_vst span
{								   
    position       :  absolute;
	z-index:1000;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
	color:black;
	font-size:10px;
    background-color:  lightblue;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid black; /* Définition des bordures */
} 

label.info_bulle_vst
{				
  color           : blue;
  text-decoration : none; 
  /* Définition de l'arrière plan de notre lien 
  background      : transparent url('comment.gif') no-repeat right center;*/
  background-color:transparent;
  padding         : 0px 0px 0px 0px; /*Définition des marges intérieures de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
	font-size:14px;
	cursor:pointer;
}  
 

/* Rend visible tout notre bloc span et lui attribue une taille */
label.info_bulle_vst:hover span, label.info_bulle_vst:active span 
{
	position:absolute;
	z-index:1000;
    top        :  0px;
    left       :  -310px;
    width      :  300px;
    height     :  auto;
    overflow   :  visible;
	padding         : 5px 5px 5px 5px; /*Définition des marges intérieures de notre lien */
	font-size:11px;
}               

/* Rend invisible tout notre bloc span */
label.info_bulle_notes span
{								   
    position       :  absolute;
	z-index:1000;
    top            :  -2000em;
    left           :  -2000em;
    /* width          :  1px;
    height         :  1px; */
    overflow       :  hidden; 
	color:black;
	font-size:11px;
    background-color:  lightblue;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid black; /* Définition des bordures */
} 

label.info_bulle_notes
{				
  color           : blue;
  text-decoration : none; 
  /* Définition de l'arrière plan de notre lien 
  background      : transparent url('comment.gif') no-repeat right center;*/
  background-color:transparent;
  padding         : 0px 0px 0px 0px; /*Définition des marges intérieures de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
	font-size:11px;
	cursor:pointer;
}  
 

/* Rend visible tout notre bloc span et lui attribue une taille */
label.info_bulle_notes:hover span, label.info_bulle_notes:focus span, label.info_bulle_notes:active span 
{
	position:absolute;
	z-index:1000;
    top        :  auto;
    left       :  -310px;
    width      :  300px;
    height     :  auto;
    overflow   :  visible;
	padding         : 5px 5px 5px 5px; /*Définition des marges intérieures de notre lien */
	font-size:14px;
}               

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
    position:absolute;
    overflow:hidden;
    left:-1000px;  /*1000 ? */
    top:-1000px;
    }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
    position:absolute;
    left:0px;  /* N'existait pas - C'est la position des sous-menus */
    }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
    position:relative;
    left:0px; top:0px; /* écart entre le texte et les bords des sous-menus */
    z-index:22;
    border:1px solid black; /*1px solid #999999 taille et couleur de la bordure carré du sous-menu */
    }

.transMenu.top .items {
    border-top:none;
    }

/* each TR.item is one menu item */
.transMenu .item {
    color:#000000; /* couleur du texte des sous-menus */
    font-size:13px; /* 12px Taille de la police des sous-menus */
    font-family:sans-serif;
    text-decoration:none;
    /*font-weight:bold;
     this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
    border:none;
    cursor:pointer;
    cursor:hand;
    
    
    }

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
    position:absolute;
    left:0px; top:0px;  /* position de la zone transparente (hors texte) par rapport au fond */
    z-index:11;
    -moz-opacity:.90;
    filter:alpha(opacity=100);  /* 92 niveau de transparence des sous-menus : 0=transparent 100=opaque*/
    }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
    position:absolute;
    z-index:33;
    top:3px; width:2px;
    -moz-opacity:.4;
    filter:alpha(opacity=40);
    }

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
    position:absolute;
    z-index:11;
    left:3px; height:2px;
    -moz-opacity:.4;
    filter:alpha(opacity=40);
    }

/* Couleur de fond lors du passage de la souris sur les sous_menus - this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
    background:black; /* #00296F */
    color:#FFFFFF;
     
    }

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
    margin-left:10px; /* 10px longueur vide après le texte des sous-menus */
    }
	
.flottante {
margin: 2px;
float: left;
width: 180px;
height: 150px;
text-align: center;
 font-family:Verdana,Arial,Sans Serif;
 font-size:1.2em;
 font-weight:bold;
 color:black;
}

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

img.ruban  {
 border:0;
 padding:0;
 padding-bottom:5px;
 margin:0;
 height:80px;
}
.ruban {
 font-size:0.7em;
}
.ruban h1 {
 border:0;
 padding:0;
 margin:0;
 height:120px;
}
.ruban_oeuvresliees {
 border:0;
 padding:0;
 margin:0;
 height:60px;
}

a {
 text-decoration:none;
 color: blue;
}

a:visited {
 text-decoration:none;
 color: blue;
}

a:hover {
 text-decoration:none;
 color: blue;
 }

li {
 list-style-type:circle3}

/* styles communs aux entêtes*/
h1.titre_oeuvre {
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.2em;
 color:purple;
 font-weight:bold;
 margin:2px;
}

h1.titre_oeuvre_accueil {
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.4em;
 color:#C0875D;
 font-weight:bold;
 padding-left:0px;
padding-bottom:10px;
}

font.titre_oeuvresliees  {
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.2em;
 color:#C0875D;
 font-weight:bold;
}

font.auteur_oeuvre  {
 font-size:0.8em;
 font-weight:bold;
 color:#C0875D;
 padding-left:10px;
}

p.titre_visite  {
 text-align:left;
 height:25px;
 padding-left:40px;
 font-size:1.3em;
 color:black;
 background-image:url('../img/puce1.png');
 background-repeat:no-repeat; 
}

font.num_inventaire   {
 font-size:0.8em;
 color:gray;
 font-weight:normal;
}

font.ref_livre   {
 font-size:0.8em;
 color:gray;
 font-weight:bold;
}
font.emplacement_livre   {
 text-decoration:none;
 color:gray;
 font-size:0.8em;
}
font.emplacement_livre_titre   {
 text-decoration:underline;
 color:gray;
 font-size:0.8em;
 font-weight:bold;
}

a.oeuvre_texte  {
 text-decoration:none;
 color: blue;
}

a.oeuvre_texte:visited {
 text-decoration:none;
 color: blue;
}
a.oeuvre_texte:hover {
 text-decoration:none;
 color: blue;
}
div.oeuvre_texte  {
 color: black;
 margin: 0.8em; /*gestion des espaces interparagraphes */
 font-size:14px;
}
div.article_texte  {
 color: black;
 margin: 0.8em; /*gestion des espaces interparagraphes */
 font-size:14px;
 text-align:justify;min-height:300px;
 width:250px;
 overflow:hidden;
}
p {
 color: black;
 margin: 0.8em; /*gestion des espaces interparagraphes */
 font-size:1.0em;
}

h1 {
 margin:0;
 margin-bottom:5px;
 padding:0;
 font-size:1.6em;
 color:purple;
}

h2 {
 margin:0;
 margin-bottom:5px;
 padding:0;
 font-size:1.3em;
 color:black;
}

h3 {
 margin:0;
 margin-bottom:5px;
 padding:0;
 font-size:1.3em;
 color:darkblue;
}
#all_content {
 margin:0;padding:0;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 width:1200px;
 min-height:0px;
 height:auto;
 text-align:left;
 background-color:transparent;
 background-image:url('../img/fond_entete_large.png');
 background-repeat:repeat-x;
}

#content_vierge {
 margin:0;padding:0;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 width:1000px;
 min-height:0px;
 height:auto;
 text-align:left;
 background-color:#e3e3e3;
}


.bandeau_image {
 clear:both;
 text-align:center;
 width:1200px;
 height:80px;
}

.banniere {
 text-align:left;
 width:1200px;
 height:50px;
 border:none;
 padding:0px;
 margin:0px;
 padding-bottom:60px;
}

.titre_banniere {
 z-index:5;
 position:absolute;
 text-align:right;
 height:20px;
 left:160px;
 top:25px;
 width:100px;
 border:none;
 padding:0px;
 margin:0px;
 color:black;
 font-size:23px;
 font-family:Arial;
 font-weight:bold;
}

.titre_banniere_suite {
 z-index:5;
 position:absolute;
 text-align:left;
 height:20px;
 left:350px;
 top:25px;
 border:none;
 padding:0px;
 margin:0px;
 color:black;
 font-size:23px;
 font-family:Arial;
 font-weight:bold;
}
#logo_banniere {
 z-index:3;
 position:absolute;
 left:200px;
 top:0px;
 border:none;
 text-align:center;
 font-size:12px;
 font-family:Arial;
}
#ariane_banniere {
 z-index:3;
 position:absolute;
 left:288px;
 top:140px;
 border:none;
 text-align:center;
 color:black;
 }
#langue_banniere {
 z-index:3;
 position:absolute;
 left:1050px;
 top:10px;
 border:none;
 text-align:left;
 font-size:12px;
 font-family:Arial;
}
#langue_banniere_2 {
 z-index:3;
 position:absolute;
 left:1050px;
 top:40px;
 border:none;
 text-align:left;
 font-size:12px;
 font-family:Arial;
}
#recherche_banniere {
 z-index:3;
 position:absolute;
 left:858px;
 width:200px;
 top:50px;
 border:none;
 text-align:center;
 font-size:12px;
 font-family:Arial;
}
#encadre_inscription {
 z-index:3;
 position:absolute;
 padding:0;
 margin:0;
 left:0px;
 top:188px;
 border:solid black 1px;
 text-align:center;
 font-size:12px;
 font-family:Arial;
}

.banniere h1 {
 font-size:1.2em;
 color:#C0875D;
 padding:0px;
 margin:0px;
}
#menuadmin {
 z-index:2;
 position:absolute;
 text-align:center;
 height:20px;
 left:650px;
 top:10px;
 border:none;
 padding:0px;
 margin:0px;
 color:black;
 font-size:14px;
 font-family:Arial;
 font-weight:bold;
}
/*----------------------*/
/* Les différents blocs */
#Mainmenu {
 z-index:0;
 position:absolute;
 width:1300px;
 height:30px;
 padding:0px;
 margin:0px;
 top:90px;
 margin-left:30px;
 margin-bottom:0px;
 font-family:Arial;
 font-size:1em;
 font-weight:bold;
 background-color:transparent;
 border-top:1px solid #987676;
 border-bottom:1px solid #987676;
 border-right:1px solid #987676;
 color:white;
}

#News {
 margin:0;
 padding:0;
 margin-left:570px;
 width:221px;
 min-height:100px;
 clear:right;
 height:300px;
}

#MainContent {
 top:0px;
 left:200px;
 width:1200px;
 min-height:100px;
 margin-top:25px;
}

#MainContentFull {
 left:0px;
 padding-left:200px;
 padding-top:30px;
 top:0px;
 width:1200px;
 min-height:330px;
 background-color:#e3e3e3;
}

#Footer {
}

/*premier sous-container : aligner un contenu de droite avec DES contenus à gauche*/
#sscontainer {
 float:left;
}

/* container splachscreen et evenement*/
#sssscontainer {
 float:left;
}

#Splash {
 float:left;
 width:401px;
 height:127px;
 background-image:url('../img/splashweb.jpg'); 
 background-repeat:no-repeat;
 background-position:top left;
}

#Evenement {
 margin-left:401px;
 width:165px;
 height:30px;
}

/*-----------------------------*/
/*Styles pour les bords arrondis */
/*Compatible IE et Firefox */

.cadre {
 background: url('../img/fond_blanc_bord.png'); 
 background-repeat:repeat-y;
 background-position:left;
 background-color: transparent;
}

.cadre2 {
 background: url('../img/fond_blanc_droit.png');
 background-repeat:repeat-y;
 background-position:right;
}

/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit {
 height: 10px; width: 10px;
 background-repeat: no-repeat;
 font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {
 background: url('../img/hautgauche.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.hautdroit {
 float: right;
 background: url('../img/hautdroite.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.basgauche {
 background: url('../img/basgauche.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.basdroit {
 float: right;
 background: url('../img/basdroite.gif');
 background-repeat:no-repeat;
 z-index:999;
}
.bas {
 background: url('../img/basmilieu.gif');
 background-repeat:repeat-x;
 clear:both;
}
.haut {
 background: url('../img/hautmilieu.gif');
 background-repeat:repeat-x;
}

.contenu {
 position:relative;
 margin:0;
 margin-left:25px;
 margin-right:25px;
 padding:0;
 padding-left: 4px;
 padding-right: 6px;
}

/* titre graphisme : fond bleu */
.graph {
 margin-top:-6px;
 margin-left:2px;
 background-color:#566E79;
 background-image:url('../img/titre_bleu.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  actus : fond orange*/
#actus h2{
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.1em;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;
 
 background-color:#DD8845;
 background-image:url('../img/titre_orange.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  techno : fond vert*/
#tech h2 {
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.1em;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;

 background-color:#537334;
 background-image:url('../img/titre_vert.gif');
 background-repeat:no-repeat;
 background-position: top right;
}

/* titre  évènement : fond rouge*/
#events h2{
 margin:0;
 padding:0;
 font-family: Verdana, Arial, Sans Serif;
 font-size:1.1em;
 color:#F6F5E5;
 padding-left:10px;
 height:18px;
 width:75%;

 margin-top:-6px;
 margin-left:2px;

 background-color:#7A1F0C;
 background-image:url('../img/titre_rouge.gif');
 background-repeat:no-repeat;
 background-position: top right;
}


#minContainer {
 background-color: #FFFFFF;
 background: url('../img/droite.gif');
 background-repeat:repeat-y;
 background-position:top right;
 border-top:0px dotted #FFFFFF;
 border-bottom:0px dotted #FFFFFF;
 margin-top:-8px;
 margin-bottom:-8px;
}


/*--------------------*/
/*Styles du menu Copix*/

#Mainmenu ul{
 margin:0;padding:0;
 list-style-type:none;
 list-style-position:outside;
}
#Mainmenu span{
}
#Mainmenu span:hover{
 background-color:black;
}
#Mainmenu li{
	float:left;
	margin: 0px;
	list-style-type: none;
	padding:5px;
	color: white;
	border-left:1px solid #c19696;
}
#Mainmenu li:hover{
	float:left;
	margin: 0px;
	list-style-type: none;
	padding:5px;
	color: white;
	border-left:1px solid #c19696;
	background-color:black;
}

#Mainmenu a {
 text-decoration:none;
	color: white;
}
#Mainmenu a:visited {
 text-decoration:none;
	color: white;
}

#Mainmenu a:hover {
 text-decoration:none;
	color: white;
}


#Footer p{
 width:100%;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}

#menu2 {
   width: 600px;
}