/*
08.10.2008 - règle #droit img pour insertion d'images dans la colonne droit
07.07.2008 - barre de défilement #scroll-bge, #scroll-bmus
03.07.2008 - pour boite recherche home page
26.06.2008 - h4 défini pour Catalogues: "Autres ressources"
26.06.2008 - .para-top-40 pour "menu contextuel"
20.06.2008 - espace avant pied de page augmenté à 30px
18.06.2008 - a-noter-bmus, style de liste avec le picto note
17.06.2008 - Détails
13.06.2008 - longueur minimale de la page
11.06.2008 - intégration recherche Google et sitemap
29.05.2008 - bandeau DIC
23.05.2008 - corrigé les légendes doubles (suppression style .legende-double)
21.05.2008 - .filet pour images, table-tableau-liste pour expo-virtuelles et publications
17.05.2008 - tableaux des horaires
13.05.2008 - correction bordure pour IE 6, modif .serre
12.05.2008 - changement bordure m-4, calendrier
11.05.2008 - correction alignement bandeau dans IE 7: utilisation d'un background pour la ligne-image
10.05.2008 - correction retrait menu gauche
07.05.2008 - rectification #contenu-m1 img...
06.05.2008 - modification #contenu... , .courant
30.04.2008 - Retrait, ligne verticale par couleurs (contenu-m1, -m2, ...) 
03.03.2008 - Essai pour positionner les rubriques
03.03.2008 - sélecteur universel: marges à 0
*/

 * {margin: 0; padding: 0;} 

/*03.03.2008 - pour que le document soit centré, positionner body à relative et margin 0 auto*/

body
{
	width: 940px;
	position: relative;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

/* --------------bandeaux BGE, BMUS, DIC------------- */
#bandeau {
	height: 147px;
	background-image: url(images/2-bge-bandeau.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#bandeau-dic {
	height: 147px;
	background-image: url(images/2-dic-bandeau.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#bandeau-bmus {
	height: 133px;
	border-bottom: 14px solid #f90;
}

/* -------------- FOND BGE ------------- */

#recherche {
	position: absolute;
	z-index:100;
	left: 608px;
	top: 343px;
	width: 240px;
	height: 34px;
	border: 1px solid #f00;
}

/* -------------- TEXTES de DEFILEMENT ------------- */
#scroll-bge, #scroll-bmus {
	position:absolute;
	z-index:1;
	line-height: 25px;
	vertical-align: middle;
}

#scroll-bge {
	left: 107px;
	top: 475px;
}

#scroll-bmus {
	left: 148px;
	top: 656px;
}


/* -------------- GLOBAL tout ce qui vient sous le bandeau------------- */
#global {
	float:left;
	width: 564px;
	border-right-width: 188px;
	border-left-width: 188px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffc;
	border-left-color: #ffc;

		/* The width and color of the left rail */
  	/* The width and color of the right rail */
}

	
/* --------------gauche------------- */
#gauche {
	float:left;
	width:188px;
	margin-left:-188px;
	position:relative;
	top: 90px;
}

/* --------------contenu------------- */
#contenu{
  	float:left;
  	width:564px;
	height: 30em;
	margin-left:0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.menu-1{border-left: 2px solid #0f0;}
.menu-2{border-left: 2px solid #f00;}
.menu-3{border-left: 2px solid #09f;}
.menu-4{border-left: 2px solid #ff0;}
.menu-5{border-left: 2px solid #f0f;}


html>body #contenu {
	height: auto;
	min-height: 30em;
}


/* -----------------chemin--------------------- */

#chemin {
	float:left;
	width: 400;
	height: 25px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
/* cette clause est ignorée par IE6 */
html>body #chemin {
	margin-left: 10px;}

#imprimer{
	float: right;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-right: 10px;
}


/* -----------menu DES RUBRIQUES---------------------- */

#menu {
	clear: both;
	position: relative;
	text-decoration: none;
	margin: 10px;
}

#menu a {
	text-decoration: none;
	color: #006600;
}

#menu a:hover, #menu a.courant:hover {
	text-decoration: none;
	color: #CC0000;
}

#menu a.courant {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

#menu ul, #menu li {
	margin-top: 10px;
	margin-bottom: 10px;
}

#menu li {
	border-bottom:1px solid #999999;
	margin-left: 0px;
	text-decoration : none;
	text-align: left;
	list-style-type: none;
}

.separation {
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}


#menu ul.subMenu li {
	border-bottom-width: 0px;
	margin-left: 10px;
	border-bottom-style: none;
}

/*#menu ul, #menu li{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-image: none;
	list-style-type: none;
	margin-left: 5px;
}*/


/* -----------------droit--------------------- */

#droit {
	float:right;
	width:188px;
	margin-right:-188px;
	position:relative;
	/*top: 90px;*/
	list-style-image: none;
	list-style-type: none;
}

#droit p{
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: 10px;
	white-space: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}

.para-top-40 {
	position:relative;
	top: 30px;
}

/* -----------------Google search box--------------------- */

#cse-search-box {
	margin-left: 5px;
	margin-top: 8px;
	margin-right: 5px;
	height: 50px;
	border-bottom: 1px solid #cccccc;
}

#cse-search-box input{
	margin-left: 0px;
}

#cse-search-box p {
	margin-left: 0px;
	border-bottom: none;
}

#recherche-homepage {
	position: absolute;
	left: 608px;
	top: 345px;
	right: 88px;
	height: 32px;
 	/*border: 1px solid #f00;*/
}

#recherche-homepage input {
	margin-left: 5px;
	margin-top: 6px;
	margin-right: 0px;
}

#recherche-homepage p {
	position: relative;
	margin-left: 0px;
	top:-32px;
	left: 178px;
	height: 32px;
	width: 80px;
	line-height: 11px;
	border-bottom: none;

}

/* -----------------Calendrier--------------------- */
#droit table {
	font-size: 10px;
	top: 30px;
	margin-left: 8px;
	position: relative;
	text-align: center;
	border-collapse:collapse;
	background-color: #FFFFFF;
}

#droit thead {
	font-weight: bold;
}

.bord-dessous, #droit th  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#droit table, #droit td {
	border: 1px solid #000000;
	background-repeat: no-repeat;
	background-position: bottom;
}


/* -----------------Tableau liste+publications--------------------- */

table.tableau-liste  {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
	margin-left: 10px;
}

.tableau-liste td {
	vertical-align: top;
	margin-top: 10px;
}

td.largeur100 {
	width: 100px;
}

td.largeur120 {
	width: 120px;
}

td.largeur240 {
	width: 240px;
}

td.largeur360 {
	width: 360px;
}

td.largeur33 {
	width: 33%;
}
.tableau-liste p, .tableau-liste img  {
	vertical-align: top;	
	margin-top: 10px;
}

/* -----------------Tableau horaires+contacts--------------------- */
table.tableau-horaire  {
/*	margin-top: 15px;
	margin-bottom: 20px;
*/	margin-left: 20px;
	margin-right: 20px;
	position: relative;
	text-align: center;
	border-collapse:collapse;
	border: 1px solid #000000;
 	/*width: 524px;*/
	vertical-align: top;
}

.tableau-horaire td {
	vertical-align: top;
	border: 1px solid #000000;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;

}

.tableau-horaire p {
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
}

.gauche {
	text-align: left;
}



/* -----------------PIED-PAGE--------------------- */
#pied-page {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-indent: 10px;
	}

/* --------------Mise en forme CONTENU------------- */

p {
	clear:both;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.serre {
	margin-top: 5px;
	margin-bottom: 10px;
}

.retrait {
	margin-left: 20px;
}

.liste-in-texte {
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

li {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	list-style-type: none;
}

.a-noter-bmus {
	display: list-item;
	list-style-position: outside;
	list-style-image: url(images/picto-note.png);
	margin-left: 30px;
}

a {
	color: #FF0000;
	text-decoration: none;
}

a:hover,visited {
	text-decoration: underline;
}

h1, h2, h3, h4, p.retour {
	clear:both;
}

h1 {
	font-size: 13px;
	line-height: 25px;
	font-weight: 900;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align: left;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-bottom: 15px;
	color: #FFFFFF;
	background-color: #333333;
	height: 25px;
	text-indent: 10px;
}

h2 {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-align: left;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: 999;
	border-bottom-width: 1px;
	border-right-style: none;
	border-left-style: none;
	margin-left: 10px;
	margin-top: 25px;
	margin-bottom: 10px;
}

h3 {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-left: 10px;
	margin-top: 25px;
	margin-bottom: 10px;
}

h4 {
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-style: italic;
	font-weight: normal;
}
/* --------------Mise en forme des IMAGES------------- */
.legende {
	clear:both;
	background-color: #eee;
	margin-left: 10px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #eee;
	margin-bottom: 10px;
}


.image {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	border: 1px solid #666666;
}

/* -----Insertion d'images dans la colonne DROIT--------*/
#droit img  {
	position: relative;
	top: 30px;
}

.image-gauche {
	float: left;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	border: 1px solid #666666;
}

.image-gauche-sans-filet {
	float: left;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.image-droite {
	float: right;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #666666;
}

.filet {
	border: 1px solid #666666;
}

.picto {
	vertical-align: middle;
	margin-right: 4px;
	margin-left: 4px;
}
.horaire_reduit {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #F00;
	font-style: normal;
	font-weight: bold;
}