/*      Fichier  vlb4.css
=========================================
	Couleurs utilisées :   Bleu clair :  #D5FFFF;
	Jaune foncé :   #FFD700;  Jaune "pâle" 	: #FFFFCC;
	font-family: Georgia, Palatino, serif;
	font-family: Verdana, Geneva, Arial, Helvetica, "Trebuchet MS", sans-serif;
========================================*/

body {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", arial, helvetica,
sans-serif;
	margin: 0 0 3em 50px;
	padding:0;
	font-size: 80%;
	text-align: center;
	color: Black;
	background : #B0C4DE url("../images/VLB colgauche.png") repeat-y top left;
}
#page {
	margin: 1em auto;
	text-align: center;
	border: 0;
	padding: 0.2em 0.5em 0.5em 0.2em;
	width: 95%;
	background-color: Navy; 
	font-size: 1em;
	line-height: 1.4em;
	min-width: 650px;
	max-width: 1000px;
/*	width:expression(document.body.clientWidth > 920? "920px": "auto" ); */
}

/*    Titres  (h1, h2, h3...)
====================================*/
h1 {
	font-size: 1.3em;
/* 	background-color: #FFFACD; */
	text-align: left;
	letter-spacing:0.2em;
	line-height: 1.5em;
	margin: 0;
	padding: 1em;
	color: White;
	background-color: Navy; /*#D5FFFF; */
	font-weight: Bold;
}
/* 	margin:1em 0.3em 2em 0.3em; 
	padding:0.5em 0.5em;
	font-weight: bold;
	color: Navy;
*/
h2 {
	font-size: 1.2em;
	margin: 1.5em 0 0.2em 0.2em;
	padding : 0.7em 1em;
	color: Maroon;
	background-color: White;
	text-align: left;
	font-weight: bold;
	border-top: 1px solid Maroon;
	border-right: 1px solid Maroon;
	border-bottom: 1px solid Maroon;
	border-left: 0.5em solid Maroon;
}
h3 {
	font-size: 1.1em;
	margin: 1em 0 0.5em 0;
	padding : 0.1em 1em 0.1em 0.4em;
	color: Navy;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid darkolive;
}
/*     Paragraphes
===========================*/
p {
	font-size: 1em;
	text-align: left;
	margin:0;
	padding: 0.5em 0 0 0.5em;
}
/*     Listes  ( ul )
===========================*/
ul, ol {
	margin: 0.5em 0 1em 1em;
	padding: 0 0 0 1em;
	text-align : left;
	border: 0;
	font-size: 1em;
}
li {
	margin: 0; border: 0; padding: 0.1em;
	text-align: left;
}

/*      Blockquote
=========================*/
blockquote {
	font-size: 1em;
	margin: 1em 2% 0 5%;
	padding: 0 0 1em 0;
	text-align : left;
	border-left: thick solid #FFD700;
	background-color : #FFFFCC;
}
blockquote.biblique {
/*	width: 90%; */
	font-size: 1em;
	padding: 0.3em 0 1em 0;
	text-align : left;
	color: Navy;
	border-left: thick solid Navy;
	background-color: #DCEAF3;
}
blockquote p, blockquote.biblique p  {
	font-size: 1em;
	text-align: left;
	margin:0;
	padding: 0.5em 1em 0 1em;
}
blockquote.note {
	text-align: left;
	margin: 1.5em 0em;
	border: 1px solid Navy;
	padding: 0.5em 1em 1em 1em;
	background-color: #FFCC66;
	font-size: 1em;
}
blockquote.note p {
	font-size: 1em;
	margin: 0;
	padding: 0.5em 0 0 0;
}
.note-droite {
	float: right;
	clear: right;
	text-align: left;
	font-size: 100%;
	padding: 0;
	margin: 1em 0 0.5em 0;
	width : 35%;
	background-color: White;
}
.note-droite blockquote {
	font-size: 100%;
	padding:0.5em;
	margin: 0 0 0.5em 1.5em;
	border: 2px dotted #FFD700;
	background-color : #FFFFCC;
}

/*    en-têtes et logo
===============================*/
#orientation {
	margin: 0; border: 0; padding: 0;
	color: silver;
	text-align: right;
}

#en-tete {
	font-size: 1em;
	margin: 0;
	padding: 1.4em 1em;
	background-color: white;
	color: Maroon;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#en-tete p {
	font-family: Georgia, Palatino, serif;
	color: Maroon;
	font-size: 2em;
	margin: 0; border: 0; padding: 0;
	background-color: White;
}
#en-tete p span {
	font-size: 0.6em;
	margin: 0; border: 0; padding: 0;
}
#titre-page {
	font-size: 1em;
	border-top: 0.1em solid Navy;
	border-bottom: 0.1em solid Navy;
	padding: 0.5em 0.7em;
	margin: 1em 0.3em 0.5em 0.3em;
	
}
#titre-page p {
	font-size: 1em;
	margin: 0; padding: 0;
	text-align: center;
	color: saddlebrown;
	font-weight: Normal;
}
#menu {
	font-size: 1em;
	margin: 0.5em 0.9em; border: 0; padding: 0; 
/*	text-align: center; */
}
.menu-general {
	font-size: 1em;
	border-top: 0.2em solid Maroon;
	border-bottom: 0.2em solid Maroon;
	margin: 0 0 1em 0; padding: 0.7em 0;
	background-color: #FBECD5;
}
.menu-general p {
	font-size: 1em;
	text-align: center;
	color: Maroon;
	margin: 0; padding: 0;
	line-height: 2.2em;
}
/*      Positionnement des colonnes
/*-----------------------------------------*/
.colgauche {
	clear: left;
	float: left;
	width: 25%;
	text-align: left;
	font-size: 1em;
	line-height: 1.3em;
	background: White;
	padding: 0;
	margin: 0;
	border: 0;
}
.colpcpale {
	float: left;
	width: 44%;
	margin: 0;
	font-size: 1em;
	text-align: left;
	padding: 0;
	border: 0;
}
.corps-du-texte {
	clear: left;
	float: left;
	width: 69%;
	margin: 0; border: 0; padding: 0;
	font-size: 1em;
	text-align: left;
	color: Black;
	background: White;
}

.coldroite {
	clear: right;
	float: right;
	width: 30%;
	text-align: left;
	font-size: 1em;
	background: #EEE8AA;
	padding: 0;  margin: 1em 0;  border: 0;
}

/*    Colonne principale
=============================*/
.cadre-corps-du-texte {
	border: 0;
	background-color: White;
	padding: 0 0.5em;
	margin: 0 2em 1em 1em;
	font-size: 1em;
	color: Black;
}
.chapeau {
	font-size: 1em;
	font-weight: bold;
	color: Black;
	margin: 0 0;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid Navy;
}
.chapeau ul li {
	margin: 0 1em;
	padding: 0.2em 1em;
}
.chapeau1 {
	margin-top: 1em;
}
.chapeau-texte {
	color: Black;
	font-weight: Bold;
	margin-left: 1em;
	margin-right: 0.5em;
}

.cadre-colpcpale {
	border: 0;
	background-color: White;
	padding: 0 1em;
	margin: 0em 0 0.5em 0.3em;
	font-size: 1em;
}

/*     Colonne gauche
/*==========================*/
.cadre-gauche {
	border: 0.15em solid Navy;
	background-color: #EEE8AA;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	font-size: 1em;
}
.cadre-gauche h2 {
	margin: 0;
	padding: 0.5em 1em;
	font-size: 1em;
	color: Maroon;
	text-align: left;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 0.15em solid Navy;
	background-color: #F7F4D6;
}
.cadre-gauche p, .cadre-droit p {
	margin:0;
	padding:0.5em 1.5em 0.5em 1.5em;
	font-size: 1em;
}
.cadre-gauche ul, .cadre-droit ul {
	list-style: none;
	margin: 0 0 0 0.5em;
	padding: 0;
	font-size: 1em;
	text-align : left;
}
.cadre-gauche li p, .cadre-droit li p {
	margin:0;
	font-size: 1em;
	padding: 0;
	color: Navy;
}
.cadre-gauche li {
	padding: 0.5em;
	border-bottom: 0.5em solid Teal;
	border-left: 0.5em solid Teal;

}
.cadre-droit li {
	margin: 1em 0.5em 0 0;
	padding: 0 0.5em 0.5em 0.5em;
	border-bottom: medium solid Navy;
	border-left: thin solid Navy;
}

/*     Colonne droite
/*=============================*/
.cadre-droit {
	border: 0;
	background-color: White; /*#FFFACD; */
	padding: 0 0 1em 0;
	margin: 0 5% 0 0;
	font-size: 1em;
	color: Black;
}
.cadre-droit h2 {
	margin:0 1%;
	padding:0.3em 0em;
	color: Navy; 
	font-size: 1em;
	text-align:center;
	border-top: thin solid Navy; 
	border-bottom: medium solid Navy; 
	border-left: thin solid Navy;
	border-right: medium solid Navy;
	background-color: #F7F4D6;
}
.cadre-droit h3 {
	color: Navy;
	font-weight: bold;
	margin: 0; border: 0; padding: 0;
} 
/*     Images
===================*/
img {
	display: block;
}

/*      Bas de page
===============================*/
#pied-de-page {
font-size: 1em;
	margin: 7em 0 1.5em 0; border: 0; padding: 0;
	width: 100%;
/*	vertical-align: bottom; */
	}

.cadre-pied-de-page {
	margin:2em 0 1.5em 0;
	padding : 1em 1em 2em 2em;
	border-top: thin solid Navy;
	border-right: 0.5em solid Navy;
	border-bottom: thin solid Navy;
	border-left: thick solid Navy;
	color: Black;
	background: White;
	text-align: left;
	font-weight: Normal;
	font-size: 1em;
	line-height: 1.1em;
}
.cadre-pied-de-page p a, cadre-pied-de-page p a:link, cadre-pied-de-page p a:visited {
	text-decoration: none;
	color: Navy;
	font-weight: Bold;
}
#pied-de-page p {
	margin: 0;
	padding: 0.2em;
	font-size: 1em;
}
#pied-de-page ul {
	margin: 0;
	padding: 0.2em 0.2em 0 4em;
	font-size: 1em;
}

/*      Pseudo  formats
Pour obtenir une représentation correcte des pseudo-formats, vous devez les noter l'ordre suivant:
:link, :visited, :hover, :active.
===============================*/
a:link {
	color: Navy;
	text-decoration: underline;
}

/* #menu a:link {
	font-family: Georgia, Palatino, serif;
	text-decoration: none;
	letter-spacing: 0.2em;
	color: Navy;
	font-weight: Bold;
	border: 0.1em solid Maroon;
	margin: 1em 0 0 0;
	padding: 0.15em 0.7em;
	background-color : #EEE8AA;
} */
a.accueil:link, a.introductions:link, a.AT:link, a.groupes:link, a.toile:link,
a.accueil:visited, a.introductions:visited, a.AT:visited, a.groupes:visited, a.toile:visited
{
  font-size: 1em;
  color: Maroon;
  text-decoration: none;
  margin: 0.3em 0 1px 0;
  padding: 0.3em 0.5em;
  border: 0.1em solid Maroon;
  background-color: White;
}
a.NT:link, a.NT:visited, a.NT:hover {
	  font-size: 1em;
  color: Silver;
  text-decoration: none;
  margin: 0.3em 0 1px 0;
  padding: 0.3em 0.5em;
  border: 0.1em solid Maroon;
  background-color: White;
} 
a.accueil:hover, a.introductions:hover, a.AT:hover, a.groupes:hover, a.toile:hover {
	color: Green;
	margin: 0.3em 0 0 0;
	padding: 0.3em 0.4em 0.2em 0.5em;
	border-top: 1px solid Green;
	border-left: 1px solid Green;
	border-right: 0.2em solid Green;
	border-bottom: 0.2em solid Green;
}
a:active {
	text-decoration:underline;
	color: Navy;
}
a:visited {
	color: Navy;
	text-decoration: underline;
}

/* .menu-general a:link, .menu-general a:visited */ 
/* ul a:link {
	color: Navy;
	text-decoration: none;
} */
/* ul a:hover { 
		text-decoration:underline;
} 
#menu a:hover {
	text-decoration: underline;
} */
/*  Menus  
------------------*/
.menu-general span {
	border: 0; margin: 0; padding: 0;
	color: White;
}
#menu-rubrique {
	font-size: 1em;
	border: 0;
	margin: 0.2em 0;
	padding: 0 0.5em;
}
#menu-rubrique h2 {
	font-size: 1.2em;
	background-color: #F7F4D6;
	color: Green;
	font-weight: Bold;
	margin: 0.3em 0 0 0;
	padding: 0.3em 0.5em;
	border-top: 3px solid Green; 
	border-left: 7px solid Green;
	border-right: 7px solid Green;
	border-bottom: 3px solid Green;
}
#menu-rubrique li {
	font-size: 1em;
	margin: 0.3em 0.5em 0 0;
	padding: 0.3em 0.5em 0.4em 1em;
/*	line-height: 2em;*/
	border-bottom: 0.2em solid Green;
	border-left: 1px solid Green;
}

/*   Tableau
/*===============================*/
table {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	background-color: White;
	color: Black;
	font-size: 1em;
	text-align: center;
}
td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	text-align: left;
	color: Black;
	background-color: White;
	vertical-align: top;
}

/*   CMS
/*=============*/
.titre {
	margin: 2em 0 0 0;
	padding: 0;
	border-top: thin solid Navy;
	border-right: thin solid Navy;
	border-bottom: thin solid Navy;
	border-left: thin solid Navy;
}
.soustitre {
	font-size: 1em;
	font-weight: bold;
	color: Navy;
	margin: 0; 
	padding: 0.3em 0.3em 0.3em 4%;
	background-color: #f7f4d6; 
/*	border: 0.1em solid Maroon; */
}
.soustitre p {
	padding: 0.1em;
}
.ouvrage {
	text-align: center;
	font-weight: Bold;
	font-size: 1.1em;
	color: Maroon;
	margin: 1em 0 2em 0;
	padding: 0.3em 0 1em 0;
	border: 0.1em solid Maroon;
}
.ouvrage p {
	text-align: center;
}
.ouvrage .ouvrage-titre {
	font-size: 1.5em;
	text-align: center;
	line-height: 1.6em;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 0.2em;
}
.texte h3 {
	color: Navy;
	margin: 1.5em 2em 0.5em 0.5em;
	padding: 0.5em 1em 0.2em 0.2em;
	border-bottom: 1px solid Navy;
}
.texte {
	font-size: 1em;
	margin: 0;
	padding: 0.5em 0;
/*	border-left: 0.5em solid #D5FFFF; */
}
.calendrier ul li {
	padding: 0.1em;
}
.texte p {
	margin: 0;
	padding: 1em 1em 0 1.3em;
}
.texte ul, ol {
	font-size: 1em;
	margin: 0 0 1em 5%;
	padding: 0 0 0 10%;
	text-align : left;
	border: 0;
}
.ps {
	font-size: 0.9em;
	color: Navy;
	font-weight: Bold;
	padding:0.7em;
	margin: 3em 0 3em 0.5em;
	border: 2px dotted #FFD700;
	background-color : #FFFFCC;
}
.ps-coldroite {
	margin-top: 15em;
	margin-right: 1.5em;
}
.ps h3 {
	margin-top: 0;
	font-size: 1.2em;
}
.texte .ps {
	font-size: 1em;
	margin-top: 3em;
	padding: 1.5em 0.7em 2.5em 0.7em;
}
.notes {
	font-size: 1em;
	margin: 3em 1em 0.5em 1em;
	padding: 0.5em;
	border: 1px solid Navy;
	background-color: #F2F2FF;
}
.notes p {
	font-size: 92%;
	padding: 0.5em;
}
.signature {
	text-align: right;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 35% 2.5em 5em;
	color: Maroon;
}
.droit-utilisation {
	font-size: 1em;
	line-height: 1.2em;
	margin: 1.5em 1em 0.5em 1em;
	padding: 0.5em;
	border: 1px solid Navy;
	background-color: #F2F2FF;
}
.droit-utilisation ul, .droit-utilisation ol {
	margin-top: 0.5em;
}
.droit-utilisation ul li, .droit-utilisation ol li {
	line-height: 1.2em;
	padding: 0;
	margin-left: 1.5em;
}
/*   Selecteurs complementaires
/*===============================*/
.courant {
	background-color: #F7F4D6;
	color: Green;
	font-weight: Bold;
	margin: 0.3em 0 0 0;
	padding: 0.3em 0.5em;
  border-top: 1px solid Green;
  border-left: 1px solid Green;
  border-right: 0.2em solid Green;
  border-bottom: 0.2em solid Green;
}
hr.interligne {
	width:50%; 
	text-align: center; 
	margin: 0 auto;
}
.invisible {
	display:none;
}

.clear-ie {
	clear: both;
	visibility: hidden;
	margin: 0; 	padding: 0; border: 0;
}
.clear-gauche {
	clear: left;
	width: 25%;
	visibility: hidden; 
	margin: 0;  padding: 0; border: 0;
}
sup, sup a {
	color: Maroon;
	font-weight: bold;
}
sup a:link, sup a:hover, sup a:active, sup a:visited {
	text-decoration: none;
	color: Maroon;
	font-weight: bold;
}
citation {
	font-style: normal;
	background-color: #DCEAF3;
	display: inline;
}
.chapitre {
	color: Navy;
	font-size: 1.5em;
	font-weight: bold;
}
.width-ie {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.min-width-ie {
	width: 650px; visibility: hidden;
	margin: 0; border: 0; padding: 0; line-height: 0;
}
strong, b {
	color: Navy; /*steelblue; */
	font-weight: bold;
}
em, i {
	color: darkoliveNavy; /* #4F5179; */
	font-style: italic; 
}
.imprim {
	display: none;
}
.non-imprim {
	display: block;
}
.largeur23 {
	width: 70%;     /* 70% au lieu de 65% - 10.08.2005 */
}
.largeur13 {
	width: 30%;     /* 30% au lieu de 35% - 10.08.2005 */
}
.td-coldroite {
	background-color: White; #FFFACD;
}
/* Sommaire-document.css Document */
#sommaire-document {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 3em 3px 2em 3px;
	border: 0;
	background-color: Navy;
} 
.sommaire-rubrique {
	font-size: 92%;     /* 10.08.2005 */
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 1em 3px 0.5em 3px;
	border: 0;
	background-color: Navy;
}
.sommaire-rubrique-haut {
	margin-top: 3em;
}
#sommaire-document h3 {
	font-size: 1em;
	color: White;
	font-weight: bold;
	text-align: center;
	padding: 0.5em; 
	margin: 0;
	border: 0;
   background-color: Navy; /* #D1E1EF; */
	line-height: 1.7em;
}
#sommaire-document h3 span {
	font-size: 1.4em;
	padding: 1em 0.4em;
}
.sommaire-rubrique h3 {
	font-size: 1.1em;    /* 1.1em au lieu de 1.2em - 10.08.2005 */
	color: White;
	font-weight: bold;
	text-align: center;
	padding: 0.4em; 
	margin: 0;
	border: 0;
   background-color: Navy; /* #D1E1EF; */
	line-height: 1.6em;
}
#sommaire-document ul {
	font-size: 1em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto; 
	border-top: 3px solid Navy;
	border-right: 7px solid Navy;
	border-bottom: 20px solid Navy;
	border-left: 7px solid Navy;
   background-color: #BED4E9;
}
.sommaire-rubrique ul {
	font-size: 1em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto; 
	border-top: 3px solid Navy;
	border-right: 7px solid Navy;
	border-bottom: 10px solid Navy;
	border-left: 7px solid Navy;
   background-color: #BED4E9;
}
/*------------------------------------------*/
#sommaire-document ul li, .sommaire-rubrique ul li {
	border-top: 2px solid Navy;
	border-right: 0px solid Navy;
	border-bottom: 0px solid Navy;
	border-left: 0px solid Navy;
	width: auto;
	margin: 0;
	padding: 0.5em 0.7em 1em 0.7em; 
	color: Navy;
	font-weight: bold;
   background-color: #BED4E9;
}

#sommaire-document ul li a, .sommaire-rubrique ul li a {
	font-weight: normal;
	font-size: 1em;
   color: Navy;
   font-weight: Bold;
	padding: 0;
	margin: 0;
/*   padding-bottom: 0.5em; */
	text-decoration: none;
	border: 0;
}

#sommaire-document ul li ul, .sommaire-rubrique ul li ul {
	border: 0;
	margin: 0;
	padding: 0;
}

#sommaire-document ul li ul li {
	border: 0;
	margin: 2px 0 0 0;
	padding: 0.2em 0.7em 0.2em 1.1em; 
	color: Black;
   background-color: #f0f5fa;
	font-weight: Normal;
}
.sommaire-rubrique ul li ul li {
	border: 0;
	margin: 2px 0 0 0;
	padding: 0.2em 0.7em 0 1.1em; 
	color: Black;
   background-color: #BED4E9;
	font-weight: Normal;
}
.sommaire-rubrique ul li.courant, .sommaire-rubrique ul li.courant ul, .sommaire-rubrique ul li.courant ul li {
	background-color: #F7F4D6;
}
#sommaire-document ul li ul li a, .sommaire-rubrique ul li ul li a {
	font-size: 1em;
	color: #333333;
  font-weight: Normal;
  padding: 0;
  margin: 0;
  border: 0;
}

#sommaire-document a:hover, .sommaire-rubrique a:hover {
	text-decoration: underline;
  color: Navy;
  font-weight: Bold;
}
/* Fin sommaire-doc */
ul.en-ligne {
	display: inline;
}
.sommaire-en-ligne {
	text-align: center;
	margin: 1em 0 0 0;
	padding: 0;
}
.sommaire-en-ligne ul {
	text-align: center;
	margin: 0 auto;
}
.sommaire-en-ligne ul li {
	font-size: 0.9em;
	display: inline;
	margin: 0 5px 0 0;
	border-top: 0.1em solid Navy;
	border-right: 0.1em solid Navy;
	border-bottom: 0.1em solid Navy;
	border-left: 0.1em solid Navy;
	width: auto;
	padding:  0.5em 0.7em 1em 0.7em; 
	color: Navy;
	font-weight: bold;
}
.sommaire-en-ligne ul li a {
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}
li.menu-bas {
	background-color: #BED4E9;
}
li.courant-bas {
	background-color: #f0f5fa;
}