/* CSS Document */

html { 
  padding:0;
  margin:0;
  /*overflow: -moz-scrollbars-vertical;*/ /* Bug : Empêche de scroller dans Netscape 7.1 */
}

/* Détermine la famille de polices et sa couleur pour l'ensemble du sites */
body {
	background-color: #FFFFFF;
	font-size: 0.7em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;  
	text-align:center;
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
	
}

.petit {
	font-size: 90%;	
}

.volume {
	font-size: 75%;
	font-weight: normal;
}

#diversite {
	display:none;
}

/* Div qui contient toute la page. Le width:760px; détermine la largeur de la page et le margin: 0px auto; permet de centrer la page */

#contenant {
	width:766px;
	margin: 0px auto;
	padding:0px;
	text-align:left;
}

/* Pour masquer un élément sans le rendre illisible */
#recherche label, .raccourcis, .masqueAccessibilite {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/************************************************************************/
/* Mise en forme générale des balises */
/************************************************************************/
a:link		{color:#0020AE; text-decoration:underline;}
a:hover {color:#B9401F; text-decoration:underline;}
a:active {color:#B9401F; text-decoration:underline;}
a:visited {color:#0020AE; text-decoration:underline;}


/* Mise en forme générale des listes, des images */
img {
	border:0;
	margin:0;
	padding:0;
}

img.droit {
	border:0;
	margin:0;
	vertical-align: top;
	float: right;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0;
}

/************************************************************************/
/* Haut de la page PIV */
/************************************************************************/

#haut {
	width:100%;
	margin:0;
	padding:0;
	background-color:transparent;
	overflow: hidden;
}

#piv {
	font-size:1em;
	width:100%; 
	background: url(/fileadmin/templates/html/images/bandeau-diversite.jpg) no-repeat 100% 0;
	margin:0;
	padding:0;
	height:100px;
	background-color:transparent;
	position:relative;
}

#piv img {
	margin:0;
	padding:0;
}

/* Navigation du PIV */
#piv #menuhaut {
	font-size:90%;
	position:relative;
	left:211px;
	top:-45px;
	list-style:none; 
	margin:0; 
	background-color:#003399;
	color:#FFFFFF;
	padding:1px 2px 2px 25px;
	width:528px; 
	min-height:12px;
	height: auto;
}

#piv #menuhaut ul {
	margin:0; 
	padding:0;
	float:left;
	width:383px;
}
#piv ul li {
	display:inline; 
	padding:0 10px 0 5px;
}

#piv a {
	color:#FFFFFF; 
	text-decoration:none;
}

#piv a:hover {
	color:#FFFFFF; 
	text-decoration:underline;
}

#piv #langue{
	float:right;
}

#piv #langue ul {
	float:none;
	margin:0;
	padding:0;
	text-align:right;
	width:145px;
}

#piv #langue ul li {
	display:inline;
	float:none;
	padding:0 5px;
}

#piv h1 {
	font-size:110%;
	font-weight:normal;
	margin:0;
	padding:0;
	position:relative;
	left:211px;
	width:549px;
	top:-40px;
	background-color:transparent;
}

/************************************************************************/
/* Titre Diversité */
/************************************************************************/
/* Cette section comprend le titre en image */
#contenant h1 {
	/* background-color:#FFFFFF; */
	/* background: url(/fileadmin/templates/html/images/fond-titre-diversite.gif) no-repeat 100% 0; */
	margin:0;
	padding:0;
	width:100%;
	height: 85px;
}

/************************************************************************/
/* Colonne de gauche */
/************************************************************************/
/* Mise en forme du menu de gauche */
#gauche {
	background-color:#FFFFFF;
	width:220px;
	margin:0;
	padding:0;
	float:left;
	background-image: url(/fileadmin/templates/html/images/fond-menu-diversite.gif);
	background-repeat: no-repeat;
	background-position: left 0;
}

#hauteur_menu_gauche {
	height:255px;
	float:right;
	width:20px;
}

/* Grosseur du caractère 0.9em */
#menu_gauche {
	font-size:0.9em;
	width:195px;
	margin:0;
	padding:0;
	float:left;
}

/* Menu de gauche mis en forme par une liste à puce */
#menu_gauche ul {
	padding:0;
	list-style-type:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}

#menu_gauche ul li ul {
	margin:0;
	padding:0;
}

#menu_gauche ul li ul li {
	margin:0;
	padding:0;
}

/* Mise en forme des chaque élément de la liste à puce du menu de gauche */
#menu_gauche li {
	margin:0;
	padding:0;
}

/* Premier niveau */
/* Mise en forme des liens du menu de gauche */
#menu_gauche li a {
	width:150px;
	margin:0;
	background-image:url(/fileadmin/templates/html/images/puce-menu.gif);
	background-repeat:no-repeat;
	background-position:30px 0.3em;
	display:block;
	color:#000000;
	text-decoration:none;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 45px;
}

#menu_gauche li a:hover {
	color:#B9401F;
}

/* Mise en forme de l'élément actif du menu de gauche */
#menu_gauche li a.niv1actif {
	background-image:url(/fileadmin/templates/html/images/puce-menu-active.gif);
	background-position:30px 0.3em;
	font-weight: bold;
	color:#993300;
}

/* Deuxième niveau */
/* Sous-menu de gauche mis en forme par une liste à puce */
#menu_gauche ul li ul li a {
	width:135px;
	margin:0;
	background-image:url(/fileadmin/templates/html/images/puce-menu-niv2.gif);
	background-position:46px 0.1em;
	display:block;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 59px;
}

#menu_gauche ul li ul li a:hover {
	color:#B9401F;
}

/* Mise en forme de l'élément actif du sous-menu de gauche */
#menu_gauche ul li ul li a.niv2actif {
	background-image:url(/fileadmin/templates/html/images/puce-menu-niv2-active.gif);
	font-weight: bold;
	color:#993300;
}

/* Troisième niveau */
#menu_gauche ul li ul li ul li a {
	width:120px;
	margin:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 74px;
	background-image:url(/fileadmin/templates/html/images/puce-menu-niv2.gif);
	background-repeat:no-repeat;
	background-position:61px 0.1em;
	display:block;
	text-decoration:none;
}

#menu_gauche ul li ul li ul li a:hover {
	color:#B9401F;
}

#menu_gauche li ul li ul li a.niv3actif {
	background-image:url(/fileadmin/templates/html/images/puce-menu-niv2-active.gif);
	font-weight: bold;
	color:#993300;
}

/* Mise en forme du séparateur du menu de gauche */
#menu_gauche hr {
	border:0;
	border-top:1px solid #CC6700;
	height:1px;
	margin:0;
	padding:0;
	background-color:transparent;
}

html>body #menu_gauche hr {
	margin:7px 0 7px 0;
}

#gauche_bas {
	/*background-color:#FFFFFF;*/
	clear:both;
	margin:0;
	/*padding-top: 20px;*/
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 35px;
	float:left;
	background-image: url(/fileadmin/templates/html/images/fond-menu-diversite-bas.gif);
	background-repeat: no-repeat;
	background-position: left 0;
    	width:155px;/*modif yann 20 a 175*/	
    	font-size:85%;
}

.hauteur_gauche_bas {
    height:33px!important;
    height:15px;
    float:right;
    width:155px;/*modif yann 20 a 175*/
}

#gauche_bas ul {
	padding:0px;
	list-style-type:none;
	margin: 0px;
}

#gauche_bas li {
	margin:0;
	background-image:url(/fileadmin/templates/html/images/puce.gif);
	background-repeat:no-repeat;
	background-position:0px 0.4em;
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 8px;
}

#gauche_bas h1	{
	border:0;
	margin:0;
	color: #B8401F;
	font-size: 100%;
	padding: 0px;
}

#gauche_bas h2	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 110%;
	padding: 0px;
}

#gauche_bas h3	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 105%;
	padding: 0px;
}

#gauche_bas h4	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 100%;
	padding: 0px;
	font-weight: bold;
}

#gauche_bas h5	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 90%;
	padding: 0px;
	font-weight: bold;
}

#gauche_bas h6	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 85%;
	padding: 0px;
	font-weight: bold;
}

/************************************************************************/
/* Colonne du centre */
/************************************************************************/
/* Mise en forme de la colonne du centre */


#centre {
	/*width:390px;*/
	width:540px;
	float:left;
	background-color:transparent;
	overflow:hidden; /*Corrige un bug avec les italiques qui font décaler le contenu vers le bas dans IE*/
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

/* Mise en forme de la colonne du centre s'il n'y a pas de colonne de droite */
#col2 #centre {
	width:540px;
	float:left;
	background-color:transparent;
	overflow:hidden; /*Corrige un bug avec les italiques qui font décaler le contenu vers le bas dans IE*/
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#centre .sommaire {
	background-color: #FDF9F4 /*#FCFDDE*//*#F9FCBE*/;
	/*padding :5px 5px 5px 5px;*/
	margin :0px 30px 0px 15px;
	font-size: 95%;
	/*padding: 2px;*/
}
#centre h1	{
	border:0;
	margin:0;
	color: #B8401F;/*#0020AE;*/
	background-image:url(/fileadmin/templates/html/images/puce-menu-active.gif);
	background-repeat:no-repeat;
	background-position:0px 0.2em;
	font-size: 140%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
        height:auto;
}

#centre h2	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 130%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
}

#centre h2.bulletin	{
	text-align:left;
	color: #B8401F;/*#0020AE;*/ 
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#centre h3	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 120%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#centre h3.bulletin	{
	color: #0020AE;
	
}
#centre h2.sommaire	{
	text-align:left;
	color: #B8401F;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#centre h3.sommaire{
	color: #B8401F;
	
}

#centre h4	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 110%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}

#centre h5	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 100%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}

#centre h6	{
	border:0;
	margin:0;
	color: #000000;
	font-size: 90%;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}

#centre p	{
	margin:0;
	font-size: 100%;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 15px;
	margin-bottom: 20px;
}

#centre p.encadre	{
	font-size: 100%;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	font-weight: bold;
	background-color: #EFBF41;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#centre p.date	{
	margin:0;
	font-size: 80%;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}


#centre p.haut_page {
	text-align:right;
	margin: 10px -30px 20px 0;
}

#centre p.haut_page a, p.haut_page a:visited {
	background-image:url(/fileadmin/templates/html/images/haut_page.gif);
	background-repeat:no-repeat;
	background-position:100% 0.25em;
	padding:3px 18px 3px 0;
	color:#1A3363;
	text-decoration:none;
	font-size:90%;
}

#centre a.nouvelles:link{color:#F9FCBE;/*#000000;*/ text-decoration:none;}
#centre a.nouvelles:active{color:#B9401F; text-decoration:underline;}
#centre a.nouvelles:visited{color:#F9FCBE;/*#000000;*/ text-decoration:none;}
#centre a.nouvelles:hover{color:#F9FCBE;/*#B9401F;*/ text-decoration:underline;}
	
#centre ul {
	list-style-type:none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

#centre ul li {
	margin:0;
	background-image:url(/fileadmin/templates/html/images/puce.gif);
	background-repeat:no-repeat;
	background-position:30px 0.4em;
	display:block;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 40px;
}

#centre ul.archive {
	font-size:90%;
	list-style:none;
	margin:0;
	color:#000000;
	padding-top: 5px;
	padding-right: 125px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#centre ul.archive li {
	display:inline;
	background-image:url();
	margin: 0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	line-height: 15px;
}

#centre ul.archive li a {
	background-image:url(/fileadmin/templates/html/images/puce-menu-niv2.gif);
	background-position:0px 0.1em;
	color:#000000;
	text-decoration:none;
	background-repeat: no-repeat;
	padding-left: 12px;
}

#centre ul.archive li a:hover {
	color:#000000; 
	text-decoration:underline;
}

#centre ul.archive li a.actif {
	background-image:url(/fileadmin/templates/html/images/puce-menu-niv2-active.gif);
	background-position:0px 0.1em;
	color:#993300;
	text-decoration:none;
	background-repeat: no-repeat;
	font-weight: bold;
}

#centre ul.archive li a.actif:hover {
	color:#000000; 
	text-decoration:underline;
}


#centre hr {
	border:0;
	border-top:1px solid #AF5E36;
	height:1px;
	padding:0;
	background-color:transparent;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}

#centre blockquote	{
	font-size: 100%;
	display: block;
	padding: 0 10px 0 30px;
	margin: 1em 0;
	/*background: url(/fileadmin/templates/html/images/quote.gif) no-repeat top left;*/
	/*border-left : 1px solid #CCCCCC;*/
	text-align:justify;
	vertical-align: middle;
	margin-left: 10px;
	margin-right:70px;
}
#centre blockquote p	{
	padding: 0px 0px 5px 0px;
}

q {
   quotes:"\201C" "\201D" "\2018" "\2019";
   }
q:before {
   content:open-quote;
   }
q:after {
   content:close-quote;
   }


.arianne {
	padding:0;
	margin: 0 0 10px 0;
	list-style: none;
}
.arianne li {
     background: url(/fileadmin/templates/html/images/tiret.gif) no-repeat 0 7px;
     display:inline;
     padding:0 7px 0 10px;
}
.arianne li.first {
     background: none;
     display:inline;
     padding:0 7px 0 0;
}
/************************************************************************/
/* Colonne de droite */
/************************************************************************/

#droite {
	font-size:0.9em;
	width:150px;
	margin:0;
	padding:0;
	float:right;
	background-color:transparent;
	color:#000000;
}

/* Dans le cas des pages à 2 colonnes la troisième est masquée */
#col2 #droite {
	display:none;
}

#droite p	{
	margin:0;
	font-size: 100%;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}

#droite ul {
	padding:0;
	list-style-type:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 15px;
}

#droite li {
	margin:0;
	background-image:url(/fileadmin/templates/html/images/puce.gif);
	background-repeat:no-repeat;
	background-position:0px 0.4em;
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 12px;
}


/************************************************************************/
/* Bas de la page */
/************************************************************************/

/* Mise en forme Québec Drapeau */
#piv_bas {
	border-top:1px solid #AF5E36;
	font-size:90%;
	text-align:center;
	width:100%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#piv_bas a {
	color:#333333;
	text-decoration:none;
}

#piv_bas a:hover {
	color:#003399;
	text-decoration:underline;
}

#piv_bas p {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin-top: 0;
	margin-right: 100px;
	margin-bottom: 0;
	margin-left: 100px;
}

/* Mise en forme de l'impression pour les internautes qui utilisent l'impression du navigateur*/
@media print {

#diversite {
	display:block;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	padding-left: 75px;
}

#contenant {
	width:660px;
}

#centre {
	overflow:visible;
}


#menupiv  {
	display:none;
}

#langue  {
	display:none;
}

#titre  {
	display:none;
}

#gauche  {
	display:none;
}

#centre ul.archive {
	display:none;
}

#centre p.haut_page {
	display:none;
}

.arianne {
	display:none;
}

/*#piv_bas {
display:none;
}*/

}
/*Formulaires*/

#centre .label_form {
	width:80px;
	padding: 0 0 0 0;
	display:block;
	float:left;
}
#centre input, #centre select {
	margin:10px 0px 10px 0px;
}

#centre input.submit{
	margin:10px 0px 10px 0px;
}
/*Recherche*/

#recherche input {
	width:127px;
}

#recherche input.bouton {
	width:18px;
}
/*************/

/* Recherche */

/*************/

/* Mise en forme de la section recherche */

#recherche {
	margin:0 0 10px 35px;
	padding:0;
	text-align:left;
}

#recherche p {
	margin:0;
	text-align:left;
}

#recherche a {
	color:#0066CC;
}

#recherche a:hover {
	color:#BA5400;
}

#recherche input {
	width:137px;
	height:14px;
	padding-left:3px;
	border:1px solid #cccccc;
	font-size: 80%;
	color : #666666;
}

/* Mise en forme du bouton de la section recherche seulement */

#recherche input.bouton {
	width:18px;
	height:18px;
	margin: 0 0 0 2px;
	padding:18px 0 0 0;
	border:0;
	background-image: url(../images/loupe.gif);
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:top left;
	vertical-align:text-bottom;
	overflow:hidden;
}

html>body #recherche input.bouton {
	vertical-align:bottom;
}

/* AJout automatique de l'image pour un lien pdf */
.pdflink {
	background-image: url(../images/pdflink.gif);
	background-repeat: no-repeat;
	background-position: top right;
    padding-right: 20px;
}

#centre .tx-indexedsearch{
    margin: 0px;
}
#centre .tx-indexedsearch .tx-indexedsearch-browsebox {
    margin: 0px 0px 10px 0px;
    text-align:center;
}
#centre .tx-indexedsearch .tx-indexedsearch-browsebox p{
    margin: 10px 0px 0px 0px;
}
#centre .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox {
	list-style-type: none;
	text-align: center;
	display: block;
	padding:0px;
	margin:0px;
}
#centre .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li{
	display:inline;
	margin:0px 0px 0px 1px;
	padding:2px 1px 5px 1px;
        background-image: none;
}
#centre .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li a {
	text-decoration:underline;
        padding: 0 3px 0 3px;
}
#centre .tx-indexedsearch .tx-indexedsearch-browsebox ul.browsebox li a:hover {
	text-decoration:underline;
}
#centre .tx-indexedsearch dl.info-tmpl-css{ margin:0px 0px 0px 15px;padding: 1px 1px 1px 3px;display:block;font-style: italic;background-color:#e9e9e9;}
#centre .tx-indexedsearch dl.info-tmpl-css dt { margin:0; }
#centre .tx-indexedsearch dl.info-tmpl-css dd { margin:0;}
#centre .tx-indexedsearch .info-tmpl-css dt.item-mtime { float:left;margin:0;}
#centre .tx-indexedsearch .info-tmpl-css dd.item-patmtimeh { float:left;margin:0;}
#centre .tx-indexedsearch-rules{
	font-size: 90%;
	margin:0px;
}
#centre .tx-indexedsearch-rules h2{
	font-size: 95%;
	margin:0px;
}
#centre .tx-indexedsearch-descr descr{ float:left;display:block;margin:0;}
#centre .tx-indexedsearch-whatis{ margin:0px 0px 0px 15px;}