/* 
 * $Revision: 1.4 $ 
 * $Author: manu $ 
 */

/*----------------------balises HTML standards----------------------------------*/

body {
  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: normal;	
	text-align:left;	
	background-color: #f8f3f9;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	top: 0px;
	left: 0px;
	color: #FFFFFF;
}
h1 {
	font-size:14px;
	color: white;
	font-weight:bold;
	background-color:#FFFFFF;    
  letter-spacing: 1px;
}
h2 {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
h3 {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}
h4 {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}
h5 {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}
h6 {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}
p { }
form { 
	padding:0px;
	margin:0px 0px 5px 0px;
}
input { }
textarea { }
select { }
hr { 
	border: 1px solid #000066;
} 
dt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    list-style-position: inside;
    list-style-image: url(../img/puce_def1.gif);
}
dd {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    list-style-type: circle;
}
li {	
    font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-style: normal;
	color: #000000;
	list-style-position: inside;
} 
ul li { }
ul,ol { }
a {	
	font-size : 12px;
	color:#000000;
	text-decoration:none; 
}
a:link { }
a:hover {	
	font-size : 12px;
	background-color:#FFFFFF;
	color:#b789b8;
	text-decoration:none; 
}
a:visited {
  color:#000000;
}
a:active { }
img {
    border: 0px none;
}
strong{
    font-weight: bold;
}
em {
    font-style: italic;
}


/*
 * texte du moteur de recherche
 * @semantic
 */
.recherchehaut {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size:11px;
    color:white;
    background-color:#933589;
    padding-left:20px;
}
.recherchehaut a {
    font-style: normal;
    font-weight: normal;
    font-size:11px;
    color:white;  
    text-decoration:none;
}
.recherchehaut a:hover {
    font-style: normal;
    font-weight: normal;
    font-size:11px;
    color:#fdc702;
    background-color:#933589;
    text-decoration:none
}
.recherchehautInput {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size:11px;
    color:white;  
}


/*
 * texte du moteur de recherche
 * @semantic
 */
.recherche {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
	  font-size:11px;
	  color:#000000;
    background-color:#FFFFFF;
    padding-left:20px;
}
.recherche a {
    font-style: normal;
    font-weight: normal;
	  font-size:11px;
	  color:#000000;	
	  text-decoration:none;
}
.recherche a:hover {
    font-style: normal;
    font-weight: normal;
	  font-size:11px;
	  color:#fdc702;
    background-color:#FFFFFF;
	  text-decoration:none
}
.rechercheInput {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
	  font-size:11px;
	  color:white;	
}


/*--------------------classes @semantic-------------*/
/*
* Style du menu principal (rubriques de niveau 1)
*/
/* essentiel */
.menu {
	text-indent: 0px;
	font-size:13px;
	text-align:right;
	color:white;
	font-style:normal;
	font-weight:normal;
}
/*
 * Style des liens du menu principal
 */
a.menu { }
a.menu:link {
	color:white;
	font-style:normal;
	font-weight:normal;	
}
a.menu:active { }
a.menu:visited { }
a.menu:hover {
	background-color:white;
	color:#83017F;
}

/*
 * Redéfinition des titres pour les contenus
 * @semantic
 * Titre de la page de rubrique
 */
h1.contenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
	text-align: left;
	letter-spacing: 1px;
	font-weight:bold;
	color:black;
	text-indent: 5px;	
}

/*
 * Redéfinition des titres pour les contenus
 * @semantic
 * Titre de bloc + titre de contenu (article, PV, brève et liste)
 */

h2.contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color:#000000;
}

/*
 * Redéfinition des titres pour les contenus
 * @semantic
 * Titre de contenu dans un bloc de page de rubrique
 */
h3.contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	text-indent: 0px;
	font-weight:bold;
  border-bottom: 2px solid #933589;
}

/* 
* Style du rappel du chemin (permettant de 
situer l'internaute dans le site) 
* @semantic 
*/
.pointilleshaut {
  background-image: url(../img/pointilles-haut.gif);
  background-repeat: repeat-x;
  /*background-position: left bottom;*/
  height: 1px;
}
.pointillestitre {
  background-image: url(../img/pointilles-titre.gif);
  background-repeat: repeat-x;
  /*background-position: left bottom;*/
  height: 1px;
}
.decalchemin {
  padding-left:10px;
}
.decalcontenu {
  padding-left:20px;
}
.txtsituation {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	font-style:normal;
	font-weight:normal;	
	text-indent: 00px;
  color: #000000;
	background-color:#FFFFFF;
}
a.txtsituation { 
	font-style:normal;
	font-weight:normal;	
}
a.txtsituation:link  { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-style:normal;
	font-weight:normal;	
    text-decoration: none;
    color: #000000; 	
	background-color:#FFFFFF;	
}
a.txtsituation:active { 
	font-style:normal;
	font-weight:normal;	
}
a.txtsituation:visited { 
	font-style:normal;
	font-weight:normal;
  color:#000000;
}
a.txtsituation:hover { 
	font-style:normal;
	font-weight:normal;	
    text-decoration: none;
	color: #b789b8; 
	background-color:#FFFFFF;	
}

/* 
* Style de la liste des contenus (facultatif) 
* certains sites (exple: SOA) rappelent la liste 
des contenus de la rubrique courante au dessus 
de la zone de contenu 
* @semantic 
*/ 
/*	
 * mise en forme des rubriques internes
 * @semantic
 */
 /*	
 * Rappel des contenus : cellule et separateurs des liens
 */
.rubinterne {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
  color: #000000;
	background-color: #FFFFFF;
}
/* Style de la liste des contenus (facultatif) 
* caractère utilisé pour séparer les contenus 
dans la liste des contenus 
* @semantic 
*/ 
.rubinterneon { }
a.rubinterne, a.rubinterne:link, a.rubinterne:active, a.rubinterne:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.rubinterne:hover {
	color: #b789b8;
	text-decoration: none;
	background-color: #FFFFFF;	
}

.rubbas {
	font-size:11px;
	color:#000000;
}
a.rubbas:link  { 
	color:#000000;
}
a.rubbas:hover {
	color:#b789b8;
  background-color:#fdc702;
  font-size:11px;
}

.savoirplus {
	font-style: normal;
	font-weight: normal;
	font-size:11px;
	text-align:right;
  padding-right:5px;
	color:#000000;
}
a.savoirplus:link {
	color:#b789b8;
}
a.savoirplus:hover {
  color:white;
	font-style: normal;
	font-weight: normal;	
  background-color:#b789b8;
  font-size:11px;
}







div.submenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #F8F6FB;
}
/* 
 Les styles des div suivants, même s'ils ne sont pas visibles, doivent être définis et "non vides" (avec la propriété background-color pour IE!) car ils sont toujours appelés.
 Ils permettent d'éviter que la fonction hideMenus() soit appelée lorsque la souris passe sur un contenu sous le sous-menu en question...
 */
div.submenu0 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB; 
}
div.submenu1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB; 
}
div.submenu2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB; 
}
div.submenu3 { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB; 
}
div.submenu4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB; 
}
div.submenu5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB; 
}
div.submenu6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB;
}
div.submenu7 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB;
}
div.submenu8 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB;
}
div.submenu9 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	background-color: #F8F6FB;
}


/*
 * Styles des sous-menus
 * @semantic
 */
.submenu li, .submenu0 li, .submenu1 li, .submenu2 li, .submenu3 li, .submenu4 li, .submenu5 li, .submenu6 li, .submenu7 li, .submenu8 li, .submenu9 li  {
	background-color: #F0EDF6;
	
	margin: 2px;
	padding: 4px;
	vertical-align: middle;
	
	list-style-type: none;
	list-style-position: inside;
	list-style-image: none;
}

.submenu ol, .submenu0 ol, .submenu1 ol, .submenu2 ol, .submenu3 ol, .submenu4 ol, .submenu5 ol, .submenu6 ol, .submenu7 ol, .submenu8 ol, .submenu9 ol { 
    padding: 0;
    margin: 0;
}

/* 
 Note: l'attribut "!important" permet ici de ne pas faire appliquer le style par défaut des liens (pour IE apparemment)
*/
.submenu li a, .submenu0 li a, .submenu1 li a, .submenu2 li a, .submenu3 li a, .submenu4 li a, .submenu5 li a, .submenu6 li a, .submenu7 li a, .submenu8 li a, .submenu9 li a { 
    color: #000000 !important;
	font-style:italic !important;
	text-decoration: none !important;
	background-color: #F0EDF6 !important;
}

.submenu li a:hover, .submenu0 li a:hover, .submenu1 li a:hover, .submenu2 li a:hover, .submenu3 li a:hover, .submenu4 li a:hover, .submenu5 li a:hover, .submenu6 li a:hover, .submenu7 li a:hover, .submenu8 li a:hover, .submenu9 li a:hover { 
    text-decoration: underline !important;
	color: #000000 !important;
	background-color: #F0EDF6 !important;	
	font-style:italic !important;	
}


h3.breves {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-indent: 10px;
}

/*
 Styles de mise en forme des différentes parties des contenus
*/
.flottantgauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
}
.flottantdroit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	text-align: right;
}
.flottantfin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
}
.flottantfinliste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
}

p, .visibleCells, .elementsCategorie {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
  text-align: left;
}

.alignedroit {
	text-align: right;
}

/*
 * commentaire dans un contenu
 * @semantic
 */
.commentaire {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
.commentairei {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
.commentaireiu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
}
/*
 * texte legende
 * @semantic
 */
.legende {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration: none;

    /* L'espace entre l'image et la légende */
    padding-top: 1em;
}
/*
 * texte code reference
 * @semantic
 */
.code {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    font-style: italic;
}
/*
 * Affichage tous les types de dates
 * @semantic
 */
.date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

/*
 * texte auteur
 * @semantic
 */
.auteur {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-style: italic;
}
/*
 * texte resume
 * @semantic
 */
.resume {
    width:95%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}
/*
 * texte pour toutes coordonnees
 * @semantic
 */
.coordonnees {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-style: normal;
    font-weight: normal;
    color: #1B9540;
    text-decoration: none;
}
a.coordonnees:hover {
    text-decoration: underline;
}
/*
 * accroche d'un contenu
 * @semantic
 */
.accroche {
    width:95%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #000000;
}

/*
 * Un bloc dans le cadre d'un assemblage de  diffrents blocs dans une page
 * @semantic
 */
.bloc {
    /* background-color: #f4e7d0;  */
    
	padding:  1.5em;
	
	border-width:  0.2em;
	border-style:  outset;
}

/*
 * categorie dans un contenu
 * @semantic
 */
.categorie {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}





/*
 * mise en forme des rubriques
 * @semantic
 */
.rubmenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    height: 23px;
    vertical-align: bottom;
}
a.rubmenu:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-style: normal;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
}
/*
 * mise en forme des sous rubriques
 * @semantic
 */
.ssrub {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
}
a.ssrub:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    text-decoration: underline;
}




.bandeau-haut {
	background-image: url(../img/bandeau-haut.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
  	background-color: #819CC9;
}

.colonne-gauche {
	background-color: #CDE2D1;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
	/* text-indent: 10px; */
}

/*
 * La barre fine qui sépare l'entete de la page de ses contenus
*/
.header-barre {
	background-color: #FFFFFF;
}

/*
 * La barre fine qui sépare chaque nom de rubrique dans le menu
*/
.menu-barre { line-height: 1px; background-color: #4673B4;  }

/*
 * L'emplacement de l'image de la page de rubrique
*/
.image-page-rubrique {
	text-align: center;
	vertical-align: middle;
}

.footercentre {
  text-align: left;
  vertical-align: middle;
  line-height: 30px;
  background-color: #fdc702;
  color: #000000;
  padding-left:20px;
}

.footerdroit {
  text-align: left;
  vertical-align: middle;
  line-height: 30px;
  background-color: #933589;
  padding-left:15px;
  font-size:11px;
}

.footerdroitcorner {
  vertical-align: top;
  background-color: #933589;
}

.advancedSearch {
  width: 95%;
  margin: 15px 0px 10px 10px;
  padding: 0px;
  float: left;
}
.advancedSearch th {
  font-style: normal;
  text-align: left;
  margin: 10px 0px 10px 0px;
  color: #000000;
  background-position: left;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px dashed #DDDCD7;
  font-weight: bold;
  padding: 10px 0px 2px 0px;
}
.advancedSearch td {
  color: #4D4D4D;
  vertical-align: top;
  margin: 0px;
  padding: 3px 3px 3px 3px;
  font-size: 12px;
}
.advancedSearch input {
  color: #4D4D4D;
  font-size: 12px;
}
.advancedSearch select {
  color: #4D4D4D;
  font-size: 12px;
}
.advancedSearch .recherche {
  color: #4D4D4D;
  font-size: 12px;
}
.advancedSearchResults {
  width: 95%;
  margin: 15px 0px 10px 10px;
  padding: 0px;
  float: left;
}
.advancedSearchResults .listItem {
}
.advancedSearchResults .titre3 {
  font-style: normal;
  width: 95%;
  margin: 12px 0px 15px 16px;
  color: #000000;
  background-position: left;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px dashed #DDDCD7;
  font-weight: bold;
  padding: 5px 0px 2px 0px;
}
.advancedSearchResults .listItemTitle {
  width: 95%;
  margin: 4px 0px 4px 0px;
  background-position: left;
  clear: left;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #E2E2E2;
  display: block;
  padding: 0px 0px 0px 20px;
}
.advancedSearchResults .listItemTitle a {
  color: #4C4C4C !important;
  font-weight: bold;
  font-size: 13px;
}
.advancedSearchResults .listItemScore {
  color: #4D4D4D;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
}
.advancedSearchResults .listItemSummary {
  color: #000000 !important;
  vertical-align: top;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}
.advancedSearchResults .listItemDescription a {
  color: #000000 !important;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}
.advancedSearchResults .listItemDescription {
  color: #4C4C4C;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
}
.advancedSearchResults span.listItemLink {
  color: #4C4C4C;
  background-position: left;
  background-repeat: no-repeat;
  margin: 0px;
  font-size: 11px;
  padding: 0px;
}
.advancedSearchResults .listItemLink a {
  font-style: normal !important;
  color: #4C4C4C !important;
  text-decoration: none;
  margin: 0px;
  padding: 0px 0px 5px 12px;
  font-size: 12px !important;
}

.advancedSearchResults .listItemLink a:hover {
  color: #b789b8 !important;
}