/*
	CSS pour Barreau du Quebec
	Media : All

	Simon - egzakt.com
	2010-02-02
	
	Chantale 2011-09-29
*/
 
/* ELEMENTS GENERAUX
---------------------------------------------------------*/


.cke_contents {
width: 500px !important;
}

html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

/*@see gabarit.css*/
/*body ci-dessous est celui utilisé dans FCK editor dans le site, il est écrasé par gabarit.css*/
body {
	width:602px;
	background-color:#ffffff;
	font-size: 81%;
	line-height: 140%;
	font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	margin:10px;
	color:#1F1F1F;
}

a {
	cursor:pointer;
	color:#1F1F1F;
	outline:none; /*FF*/
}


a:hover {
	color:#1F1F1F;
	text-decoration:underline;
}



a._blank:after { 
content: url(http://www.barreau.qc.ca/images/icones/externe.gif); 
padding:0px;
}

h2#titre-publications,
h2#titre-sous-sections,
h2#titre-evenements,
h2#titre-actualites-medias,
h2#nouvelles,
h2#titre-evenements {
	position:absolute;
	top:33px;
	left:220px;
	line-height:1em;
	background-color:transparent;
	border:0;
	padding:0;
	margin:0;
}



h1.titre-publication {
	font-weight: bold;
	/*font-size: 1.27em;*/
	font-size: 1.1em;
	line-height: 1.27em;
	margin: 0 0 12px 0px;
	text-transform: uppercase;
	position:relative;
	padding:0px;
}


img {
	border:0;
}

/*Curseur pour le bouton partager de Facebook*/
img#share_button {cursor: pointer;}

p {
	padding:0;
	margin:0 0 1em 0;
}

label {
	color:#2D2C2E;
}
label.texte {
	color:#2D2C2E;
}
label.erreur {
	color:#f00;
}

#wrapper { }




#bouton_comites { 
margin: 0px; 
padding: 0px; 
width: 170px; 
height: 18px; 
/} 

#bouton_comites a { 
display: block; 
width: 170px; 
height: 18px;
background: #fff url('http://www.barreau.qc.ca/images/barreau/comites/postuler.gif') 100% 0 no-repeat} 

#bouton_comites a:hover { 
background: #fff url('http://www.barreau.qc.ca/images/barreau/comites/postuler-on.gif') 100% 0 no-repeat}

#cacher {
	display:none;
}

.exergue {
display: block;
width:200px;
font-size: 14px; 
line-height:20px;
font-family: 'Trebuchet MS ', Verdana, sans-serif; 
padding: 0 10px;
margin:15px 0px 15px 15px; 
float:right; 
color:#AAA;
font-weight:bold;
font-style:italic;
border-left:1px solid #AAA; 
}

.evident{

color:#790131;

}


/* ELEMENTS DE FORMULAIRES
----------------------------*/

form {
	margin: 0;
}

form .btn_submit, form .btn_reinitialiser {
	width:auto !important;
	height:auto;
	background:#620026;
	color:#fff;
	padding:2px 0;
	text-transform:uppercase;
}

form .btn_reinitialiser {
	background:#a45b6e;
}

input, select, textarea {
	color: #2D2C2E;
	border: 1px solid #8C8C8C;
	font-size: 0.833em;
	line-height:1.167em;
	padding: 2px 2px;
	height: 12px;
	margin: 0;
}

input.recherche {
	width: 90px;
}

input.recherche_bottin {
	width: 64px;
}

input.submit_rich {
	cursor:pointer;
	margin:4px 0 0;
	border:0;
	padding:0;
	height:17px;
	width:70px;
	background:#f1f1f1 url(/images/boutons/submit-rich.gif) left top no-repeat;
}
input.submit_rich:hover {
	color:#fff;
	background-position: left -33px;
}

input.submit_rich_loupe {
	cursor:pointer;
	margin:4px 0 0;
	border:0;
	padding:0;
	height:17px;
	width:20px;
	background:#f1f1f1 url(/images/boutons/submit-rich_loupe.gif) left top no-repeat;
}

input.submit_rich:hover, input.submit_rich_loupe:hover {
	color:#fff;
	background-position: left -33px;
}

select {
	height: 1.8em;
	border: 1px solid #B8B8B8;
}

textarea {
	height:auto;
	font-size: 1.21em;
}

input.radio {
	border:0;
}



/* LISTES
----------------------------*/
ul {
	padding: 0 0 0 7px;
	margin: 10px 0 0 0;
	list-style-type: none;
}

ul li {
	padding: 0 0 9px 10px;
	line-height: 1.333em;
}

ul li.selected a { }



/* SOUS-NAVIGATION */



#sous_navigation {
	float:left;
	width:190px; /*200*/
	padding:5px;
	font-size:0.923em;
}

#sous_sous_navigation {
	background-color:#edeeef;
	color:#790131;
	padding:10px;
}


#sous_sous_navigation ul {
	margin:0px 0px 0px 10px;
	padding:0px;
}

#sous_sous_navigation ul li {
	line-height:1.2em;
	/*font-size:0.833em;*/
	font-size: 1.1em;
	padding:0px 0px 7px 15px;
	background:#edeeef url(/images/puces/puce-sous-sous-navigation.gif) 1px 3px no-repeat;
}

#sous_sous_navigation ul li a {
	color:#333333;
	text-decoration: none;
}

#sous_sous_navigation a:hover {
	color:#790131;
	text-decoration: underline;
}

#sous_navigation ul {
	margin:0;
	padding:0;
}
#sous_navigation ul li  {
	display:inline;
	padding:0;
	line-height:1.154em;
}
#sous_navigation ul li a {
	display:block;
	background:#fff url(/images/puces/puce-sous-navigation.gif) 12px 10px no-repeat;
	padding:7px 8px 7px 27px;
	margin-bottom:2px;
	color:#2D2C2E;
	text-decoration:none;
}

#sous_navigation ul li a:hover {
	/*background-color:#F4EBEC;*/
	background-color:#edeeef;
	background-position:12px -190px;
}

#sous_navigation ul li.selected a,
#sous_navigation ul li.selected a:hover {
	background-position:12px -492px;
	background-color:#484647;
	color:#fff;
}

#sous_navigation ul li.selected-with-subnav a {
	margin-bottom:0;
	background-position:-290px -490px !important;
}

#sous_navigation ul li ul {
	border:2px solid #484647;
	border-width:0 2px 2px;
	background:#F2F2F2 none;
	padding:5px 3px;
	margin-bottom:4px;
}

#sous_navigation ul li.selected ul li a {
	background:#F2F2F2 none;
	color:#2D2C2E;
	border-bottom:1px solid #D3D3D5;
	padding:3px 8px 4px 22px;
}

#sous_navigation ul li.selected ul li.selected a,
#sous_navigation ul li.selected ul li.selected a:hover {
	background-color:#790131;
	color:#fff;
}

#sous_navigation ul li.selected ul li a:hover {
	background-color:#edeeef;
	color:#2D2C2E;
}

#sous_navigation ul li.selected-with-subnav ul li a {
	background-color:#e7e7e7;
	color:#2D2C2E;
}

#sous_navigation ul li.selected-with-subnav ul li a:hover {
	/*background-color:#F4EBEC;*/
	background-color:#FFFFFF;
	color:#2D2C2E;
}

/*2014-04-07 SGL*/
#sous_navigation ul ul ul {
   background-color: #ffffff;
   border:1px solid #790131;
   padding-bottom:0;
   margin-top:-1px;
}
#sous_navigation ul li.selected ul li.selected ul li a {
    background-color:#ffffff;
    color:#777777;
    padding:4px 5px 6px 18px;
    
}
#sous_navigation ul li.selected ul li.selected ul li:last-child a {
    border:0;
}
#sous_navigation ul li.selected ul li.selected ul li a:hover,
#sous_navigation ul li.selected ul li.selected ul li.selected a {
    background:#ffffff;
    color:#790131;
}

#sous_navigation_bas {
	position:relative;
}
#sous_navigation_bas div{
	position:absolute;
	top:-21px;
	left:10px;
	width:200px;
	height:20px;
	background-color:#fff;
}


a.liens_vers, a.liens_vers_medias, a.liens_vers_publications {
	display: block;
	color:#484647;
	font-size: 1em;
	line-height: 1em;
	background: #EDEEEF url(http://www.barreau.qc.ca/images/puces/puce-liens-vers.gif) right 7px no-repeat;
	padding: 5px 20px 5px 8px;
	border-right:8px solid #EDEEEF;
	text-decoration:none;
	height:14px; /*IE6 Bug*/
	text-align:right;
}

a.liens_vers:hover, a.liens_vers_medias:hover, a.liens_vers_publications:hover {
	text-decoration:underline;
	background-position: right -82px;
}
a.liens_vers_petit {
	font-size:0.917em;
}

.suite {
	margin-top:0px
}

a.suite {
	/*font-size:0.917em;*/
	color:#790131;
	text-decoration:underline;
}









.dans_section {
	clear:right;
	width:570px;
	/*display:inline; /*IE6*/
	/*margin-left:0px;
	margin-bottom:5px;*/
	display:block;
	border-top:1px dashed #ccc;
	background: #FFF url(http://www.barreau.qc.ca/images/puces/puce-liens-vers.gif) right 15px no-repeat;
	/*margin:10px 20px 10px 10px;*/
	padding:15px;

}

.dans_section a {
	width:540px;
	display:block;
	font-size:0.97em;
	line-height:1.1em;
	text-decoration:none;
}

.dans_section a:hover {
	text-decoration:underline;
	background-position: right -82px;
}




/* ACCES RAPIDE
-----------------------------------------*/
#acces_rapide_conteneur {
	display:block;
	width:200px;
	float:right;
	margin:0 0 20px 20px;
}
a#acces_rapide {
	display:block;
	height:21px;
	padding:2px 0 0 10px;
	background:#fff url(http://www.barreau.qc.ca/images/boutons/acces_rapide.gif) top left no-repeat;
	text-decoration:none;
	font-weight:bold;
	color: #8C8C8C;
	font-size:1em;
	line-height:1.167em;
	
}
a#acces_rapide:hover {
	color:#790131;
}

#acces_rapide_contenu {
	
	width: 200px;
	left: 0px;
	top:28px;
	background-color:#fff;
	z-index: 100;
	overflow: auto;
	height: 210px;
	border: 1px solid #8C8C8C;
	text-align:left;
}
#acces_rapide_contenu a {
	display:block;
	text-decoration:none;
	padding:2px 4px;
	margin:0;
	line-height:12px;
	margin-bottom:2px;
	color:#8C8C8C;
}
#acces_rapide_contenu a.paire {
	background:#f0f0f0;
}

#acces_rapide_contenu a:hover {
	background:#f6f6f6;
	color:#000;
	
}

/* Lire la suite - Dévoilement de contenus cachés */

#lire_suite {
	border-right:5px solid #CCCCCC;
	border-left:5px solid #CCCCCC;
	border-bottom:5px solid #CCCCCC;
	background-color:#F2F2F2;
	margin-top:20px;
	height:1%;  /* IE6 bug avec #accueil_section_gauche qui est en relative; */
	
}

#lire_suite dt {
	border-top:5px solid #CCCCCC;
}

#lire_suite dt a {
	font-size:1em;
	text-transform:none;
	background-color:#790131;
	color:#FFFFFF;
	margin:0;
	padding:4px 10px 3px 30px;
	display:block;
	/*background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_simple.gif);*/
	background-image:url(http://www.barreau.qc.ca/images/puces/puce-liens-vers.gif);
	background-repeat:no-repeat;
	background-position:7px 7px;
	text-decoration:none;
}


#lire_suite dt.selected a {
	background-color:#000000;
	text-decoration:none;
	/*background-position:0 -78px;*/
	background-position:7px -182px;
}

#lire_suite dt:hover a {
	background-color:#666666;
	background-position:7px -182px;
}


#lire_suite dd /*#communiques_liste_ouvert dd*/ {
	margin:0 0 0px 0;
	padding:0;
}

#lire_suite dd ul{
	margin:0;
	padding:0;
	width:100%; /* IE6 bug h4 pas pleine longueur */
}
#lire_suite dd ul li{
	border-bottom:1px solid #CCCCCC;
	padding:5px 15px;
	list-style-type:none;
	background:url(/images/spacer.gif) left -8px repeat-x;
}




/*	SECTION 1 (Tout sur le barreau)
	Personnalisation
----------------------------*/

#detail-barreau {
	/*float:right;*/
	width:630px;
	margin:0;
}


h2#titre-barreau {
	background-color:#90B9BF;
}

.definiraccueil-barreau a {
	background-color:#3A838D;
	background-image: url(/images/icones/barreau-plus.gif);
}

#contenu_detail .alerte-barreau {
	background-color:#ECF3F4;
}

#contenu_detail .alerte-barreau .entete {
	background-image: url(/images/tuiles/alerte-barreau-entete.gif);
}





/*	SECTION 2 (Services au public)
	Personnalisation
----------------------------*/

#detail-public {
	float:right;
	width:630px;
	margin:0;
}

h2#titre-public {
	background-color:#E39E5B;
}

.definiraccueil-public a {
	background-color:#B66523;
	background-image: url(/images/icones/public-plus.gif);
}

#contenu_detail .alerte-public {
	background-color:#FCF5EE;
}

#contenu_detail .alerte-public .entete {
	background-image: url(/images/tuiles/alerte-public-entete.gif);
}




/*	SECTION 3 (Services aux avocats)
	Personnalisation
----------------------------*/

#detail-avocats {
	float:right;
	width:630px;
	margin:0;
}

h2#titre-avocats {
	background-color:#D2C879;
}

.definiraccueil-avocats a {
	background-color:#978968;
	background-image: url(/images/icones/avocats-plus.gif);
}

#contenu_detail .alerte-avocats {
	background-color:#FCF5EE;
}

#contenu_detail .alerte-avocats .entete {
	background-image:url(/images/tuiles/alerte-avocats-entete.gif);
}






/* COMMUNIQUES
----------------------------*/

.communiques_titre {
	padding: 4px 15px 20px 0;
	font-size: 1.37em;
	font-weight: bold;
	line-height: 1.1em;
	
}

.communiques_soustitre {
	padding: 0 15px 1px 0;
	font-size: 1.27em;
	font-weight: normal;
	line-height:1.25em;
	color: #790131;
}

.communiques_soustitre p  {
margin-top:0px;
 margin-bottom:0px;
}


.communiques_texte {
	padding: 0 15px 0 0;
	font-size:0.97em;
}

.mots_cles {
	font-size:0.87em;
	color:#6d6d6d;
	font-style:italic;
	padding:5px;
	margin-top:20px;
	border-top: 1px solid #6d6d6d;
}

.nouvelles_texte {
	padding: 0px 15px 0 0;
}


/*.nouvelle  {
	padding: 0;
	margin:0;
}

.nouvelle .date  {
	padding: 0;
	margin:0;
}*/





/*	VERSION IMPRIMABLE
	Certains elements caches
---------------------------------------------------------*/

#entete_print {
	display:none;
}

.printhide { }




/*	IE6 PNG
---------------------------------------------------------*/
#animation div.selected,
#politiques img {
	behavior: url(/scripts/iepngfix.htc);
}







/*	TEXTE RICHE : Nouvelle classe pour le contenu texte
	Utiliser cette classe pour l'apercu dans fckeditor
--------------------------------------------------------*/

sup { font-size : 70% ; vertical-align: super ; line-height: 80%;  }


.texte_riche {
	font-size:1.077em;
	line-height:1.4em;
	padding:0 10px 0 18px;
}



.info_public a, .info_avocats a, .info_evenements a, .info_barreau a, .info_mission a {
	text-decoration:none ;
}



.texte_riche h2 { font-size: 1.75em;line-height:1.1em;color:#790131; }
.texte_riche h3 { color:#000;font-size: 1.333em; padding-bottom:15px; }
.texte_riche h4 { color:#790131;font-size: 1.2em;font-weight:bold;padding-top:20px; }
.texte_riche h5 { color:#000;font-weight:bold; }
.texte_riche h6 { color:#790131; }

.texte_riche table { }

.texte_riche table td {	font-size:0.923em; }

.texte_riche table.riche {
	background:#d3d3d5;
}


.texte_riche table.riche th {
	background-color:#484647;
	color:#fff;
	padding:4px 8px;
}

	
.texte_riche table.riche td {
	background-color:#fff;
	padding:4px 8px;
	font-size:0.923em;
}


.texte_riche table.riche tr.paire td {
	background-color:#f2f2f2;
}


/*Table en alternance pour présenter les vidéos*/

.texte_riche table.video {
	background:#d3d3d5;
}

.texte_riche table.video th {
	background-color:#484647;
	color:#fff;
	padding:4px 8px;
}

.texte_riche table.video th a {
	color:#fff;
}

.texte_riche table.video td {
	background-color:#f2f2f2;
	padding:20px;
	font-size:1em;
}

.texte_riche table.video td iframe {
	border:1px solid #aaaaaa;
}

.texte_riche table.video tr.paire td {
	background-color:#d3d3d5;
}

/*FIN Table en alternance pour présenter les vidéos*/

.texte_riche ul li {
	background:url(http://www.barreau.qc.ca/images/puces/puce_rouge.gif) 0 3px no-repeat;
	background-position: 0 7px; 
	padding-left: 15px;
}



.titre_complement {
	float:right;
	clear:right;
	width:150px;
	margin:10px 0 0px 30px;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	background: #EDEEEF url(/images/titres/titre-decoration-3.gif) left top;
	padding: 6px 10px;
	border-bottom:2px solid #fff;
	color:#1F1F1F;
}

.dds {
	background: #EDEEEF url(http://www.barreau.qc.ca/images/titres/titre-decoration-dds.gif) left top;
}



.texte_complement {
	float:right;
	clear:right;
	width:150px;
	background-color:#EDEEEF;
	padding:6px 10px;
	border-bottom:2px solid #fff;
	margin:0px 0 0px 30px;
	font-size:0.82em;
	line-height:1.2em;
	display:block;
}

.texte_complement a {
	padding:0px 20px 0px 0px;
	color:#484647;
	text-decoration:none;
	min-height:20px;
}


.texte_complement a:hover {
	color:#000;
	text-decoration:underline;
}



/*a.fichier {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/file.gif) right 4px no-repeat;
}*/
a.fichier_pdf {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/pdf.gif) right top no-repeat;
}
a.fichier_video {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/vid.gif) right 0px no-repeat;
}
a.fichier_dds, a.fichier_dds-1, a.fichier_dds-2, a.fichier_dds-3, a.fichier_dds-4, a.fichier_dds-5 {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/dds.gif) right 0px no-repeat;
}
a.fichier_url {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/url.gif) right 0px no-repeat;
}
a.fichier_doc {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/doc.gif) right 0px no-repeat;
}
a.fichier_arobas {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/arobas.gif) right 0px no-repeat;
}

a.fichier_mobile {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/mobile.gif) right 0px no-repeat;
}

.encadre, .cadre {
	font-family: Geneva, sans-serif;
	border:1px solid #ccc;
	background-color:#f8f5e8;
	padding:20px 20px;
	margin:10px 0px;
	font-size:0.83em;
	line-height: 1.3em;
	background-image: url(http://www.barreau.qc.ca/images/tuiles/encadre-bg.gif);
	background-repeat:no-repeat;

}

.encadre h4 {
	padding-top:0px;

}
.attention {
	border:1px solid #790131;
	background-color:#eee;
	background-image: url(http://www.barreau.qc.ca/images/tuiles/encadre-attention-bg.gif);
	}

.court {
	width:350px;
}

.gros {
	font-size:1em;
}

.dans_section {
	clear:right;
	width:570px;
	/*display:inline; /*IE6*/
	/*margin-left:0px;
	margin-bottom:5px;*/
	display:block;
	border-top:1px dashed #ccc;
	background: #FFF url(http://www.barreau.qc.ca/images/puces/puce-liens-vers.gif) right 15px no-repeat;
	/*margin:10px 20px 10px 10px;*/
	padding:15px;

}

.dans_section a {
	width:540px;
	display:block;
	font-size:0.97em;
	line-height:1.1em;
	text-decoration:none;
}

.dans_section a:hover {
	text-decoration:underline;
	background-position: right -82px;
}

/* BLOC TEXTE (OLD)
----------------------------*/
	
		
		/*	SECTION 3 (Services aux avocats)
			Personnalisation
		----------------------------*/
		
		h1.section_avocats {
			color:#a39a6b;
		}
		
		h3.section_avocats {
			color:#665f35;
			text-transform:none;
		}
		
		h3.section_avocats_encadre {
			color:#665f35;
			text-transform:none;
			margin-top:0px;
		}
		
		h4.section_avocats {
			color:#665f35;
			text-transform:none;
			font-weight:normal;
		}
		
		h4.section_avocats_encadre {
			color:#665f35;
			text-transform:none;
			font-weight:normal;
			margin-top:0px;
		}
		h5.section_avocats {
			color:#b0a341;
			font-size:1.17em;
		}
		h6.section_avocats {
			color:#b0a341;
		}
	
		
		
		
		/*	SECTION OUTILS (Barre bourgogne)
			Personnalisation
		----------------------------*/
		
		h1.section_outils {
			color:#a39a6b;
		}
		
		h3.section_outils {
			color:#790131;
			text-transform:none;
		}
		
		h3.section_outils_encadre {
			color:#790131;
			text-transform:none;
			margin-top:0px;
		}

h4.section_outils {

	color:#790131;
	/*color:#7B7A5A;*/
	/*color:#9A996E;*/
	/*color:#AB9E5E;*/
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	/*font-size:1em;*/
	margin-top:15px;
}
		h5.section_outils {
			color:#790131;
			/*font-size:1.17em;*/
		}
		h6.section_outils {
			color:#8C824F;
		}

ul.section_outils li,
ul.encadre_section_outils li {
	background:url(http://www.barreau.qc.ca/images/puces/puce_rouge.gif) 0 3px no-repeat;
	/*line-height:1.2em;*/
	background-position: 0 .4em; 
	padding-left: 10px;

}

		ul.encadre_section_outils {
			width: 200px;
			padding: 13px 10px 10px 10px;
			background-color: #f0e0e1;
		}
		ul.encadre_section_outils li {
			padding: 0 0 5px 10px;
		}
		
		
		table.section_outils {
			background-color:#ccc;
			margin-bottom:10px;
		}
		
		table.section_outils th.titre{
			background-color:#790131;
			padding:10px;
			text-align:center;
		}
		
		table.section_outils th {
			background-color:#790131;
			padding:6px;
			text-align:left;
		}
		table.section_outils th h3 {
			font-size:1.1em;
			color:#fff;
		}
		
		table.section_outils td {
			background-color:#fff;
			padding:6px;
			vertical-align:top;
		}
		table.section_outils tr.paire td {
			background-color:#f2f2f2;
		}
		
		
		/*	SECTION HAUT (Barre grise)
			Personnalisation
		----------------------------*/
		
		/* blanc a nettoyer dans le HTML*/
		ul.blanc li,
		ul.section_haut li {
			background:url(http://www.barreau.qc.ca/images/puces/puce_blanche.gif) 0 3px no-repeat;
		}
		
		

		
		
		/* MESSAGE
		----------------------------*/
		.message {
			color:#21578A;
			font-weight:bold;
			font-size:1.1em;
			padding:6px 10px;
			margin:10px auto;
		}
		.message_erreur {
			color:#790131;
		}
		
		.message_confirmation {
			padding:12px;
			border:1px solid #620026;
			color:#620026;
			margin-bottom:20px;
			text-align:center;
			font-weight:bold;
		}
		
		
		/* STYLES GENERAUX
		----------------------------*/


.date {
	font-size: 0.917em;
	/*line-height:1.25em;*/
	line-height:0.917em;
	color: #003E80;
	padding: 0px 0 1em;
}
		
		.note {
			font-size:0.9em;
		}
		
		.puce {
			padding: 0px 0 1px 0;
		}
		

		
		.normal {
			font-size: 1em;
		}
		
		
		.texte_gris_fonce {
			color: #7D7B7C;
		}
		
		
		
		img.innertext {
			vertical-align:middle;
		}
		img.contour {
			border:1px solid #aaa;
		}




a.retour,
a.retour_abs {
	display: block;
	float: right;
	color: #790131;
	padding-bottom: 10px;
}

a:hover.retour,
a:hover.retour_abs {
	color: #000;
}

a.retour_abs {
	float:right;
}


		/* LISTES DE DOCUMENTS
		----------------------------*/
		ul.documentation {
			margin:0;
			
		}
		ul.documentation li {
			font-size:0.9em;
			line-height:1.1em;
		}
		ul.documentation li.pdf {
			background:url(http://www.barreau.qc.ca/images/icones/fichiers/pdf.gif) no-repeat 0 0;
			padding:0 0 4px 20px;
		}
		
		
		/* SOURCES / NOTES DE BAS DE PAGE
		----------------------------*/
		
		
div#qTip {
 padding: 8px;
 display: none;
 background-color:#f8f5e8;
 border:1px solid #ccc;
 color: #000;
 font: 9px 'Trebuchet MS', Arial, Verdana, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
 width:140px;
}


.voirsource {
	text-decoration:none;
	border-bottom:1px dotted #790131;
	display: inline;
}
		
.voirsource:after { 
	content: url(http://www.barreau.qc.ca/images/icones/info.gif); 
	padding:0px;
}

.voirsource:hover {
	text-decoration:none;
	cursor:help;
}
		
		/* a.voirsources:hover {
		text-decoration:none;
		border-bottom:1px dotted #790131;
		}
		
		span.sources {
			position:relative;
		}
		span.sourcescontenu {
			display:none;
			position:absolute;
			top:-20px;
			left:0px;
			padding:8px;
			background-color:#f8f5e8;
			border:1px solid #ccc;
			width:22em;
			color:#000;
		}
		span.sourcescontenushow {
			display:block;
			z-index:100;
		}
		
		span.delim {
			display:none;
		}*/
		
		
		/* AVOCATS > FORMULAIRES
		--------------------------------------*/
		ul.formulaires {
			color:#2D2C2E;
		}
		
		ul.formulaires_ia {
			line-height:1.6em;
			color:#000;
			font-size:12px;
		}
		
		ul.formulaires h4 {
			text-transform:none;
			margin:0 0 8px 0;
		}
		
		ul.formulaires .texte {
			float:left;
			width:300px;
		}
		
		ul.formulaires .texte img {
			float:none;
		}
		
		ul.formulaires a {
			line-height:2em;
		}
		
		ul.formulaires_ia a {
			line-height:1.6em;
		}
		
		/* AVOCATS > FORMULAIRES
		--------------------------------------*/
		
		#form_liste, #form_liste_to  {
			width:600px;
			margin:10px 0;
		}
		
		#form_liste, #form_liste_to  {
			width:600px;
			margin:10px 0;
		}
		
		
		#form_liste dt, #form_liste_to dt {
			margin-bottom:2px;
		}
		
		#form_liste dt a {
			display:block;
			width:565px;
			padding:2px 10px 2px 25px;
			font:1em 'Trebuchet MS', Arial, Verdana, sans-serif;
			color:#2D2C2E;
			text-decoration:none;
			background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_formulaires.jpg);
			background-repeat:no-repeat;
			background-position:0 -14px;
		}
		
		#form_liste_ia dt a {
			display:block;
			width:561px;
			padding:2px 10px 2px 25px;
			font:bold 1.09em/1.2em 'Trebuchet MS', Arial, Verdana, sans-serif;
			color:#2D2C2E;
			text-decoration:none;
			background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_formulaires_ia.jpg);
			background-repeat:no-repeat;
			background-position:0 -14px;
		}
		
		#form_liste_to dt a {
			display:block;
			width:565px;
			padding:2px 10px 2px 25px;
			font:1em 'Trebuchet MS', Arial, Verdana, sans-serif;
			color:#2D2C2E;
			text-decoration:none;
			background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_formulaires_to.jpg);
			background-repeat:no-repeat;
			background-position:0 -13px;
		}
		
		#form_liste dt a:hover, #form_liste dt.selected a, #form_liste_ia dt a:hover, #form_liste_ia dt.selected a {
			background-position:0 -66px;
		}
		
		
		#form_liste_to dt a:hover, #form_liste_to dt.selected a {
			background-position:0 -112px;
		}
		
		#form_liste dd, #form_liste_to dd, #form_liste_ia dd {
			padding:10px;
			margin:0 0 20px 0;
			background-color:#EEECBF;
			color:#1F1F1F;
		}
		
		#form_liste dd ul, #form_liste_to dd ul, #form_liste_ia dd ul {
			margin:0;
			position:static; /* Bug IE du slide si en relatif*/
		}
		
		
		
		.hidden {
			color:#fff;
			font-size:1px;
			padding:0;
			margin:0;
		}
		
		
		table.modif_adresse {
	background-color:#f9f5e8;
	border-bottom:1px solid #ebe4bd;
	width:580px;
}

table.modif_adresse th {
	color:#1F1F1F;
	vertical-align:top;
	padding:10px 5px 5px 0px;
	text-align:left;
	width:6em;
}

table.modif_adresse td {
	vertical-align:top;
	padding:10px 10px 5px;
}

table.modif_adresse {
	background-color:#f9f5e8;
	border-bottom:1px solid #ebe4bd;
	margin-bottom:10px;
}

		
	/* Sortable tables */

		
		a img {
	border: 0;
}
table.sortable {
	/*border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;*/
}
table.sortable th, table.sortable td {
	/*padding: 2px 4px 2px 4px;*/
	/*border-style: solid;
	border-color: #444;*/
	
}
table.sortable th {
	/*border-width: 0px 1px 1px 1px;*/
	/*background-color: #ccc;*/
}

table.sortable th a {
	color:#FFFFFF;
}

table.sortable td {
	/*border-width: 0px 1px 0px 1px;*/
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}



/*
	CSS pour Barreau du Quebec
	Section Outils
	Media : All
	
	Emilie - egzakt.com
	2007-09-20
*/


/* ACTUALITÉS/MÉDIAS > LE BREF
--------------------------------------*/



a#abonnement {
	display:block;
	color:#FFFFFF;
	text-align:center;
	background-image:url(http://www.barreau.qc.ca/images/boutons/bref_abonnement.jpg);
	background-repeat:no-repeat;
	background-position:0 -13px;
	padding:9px 10px;
	margin-bottom:8px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.81em;
}

a#abonnement:hover {
	background-position:0 -60px;	
}

#juricarriere {	
	width:200px;
}

#juricarriere .titre {	
	background-color:#790131;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	padding:3px 10px;
	font-size:0.87em;
}

#juricarriere .texte {
	background-color:#F2F2F2;
	padding:12px 8px;

	font-size:0.87em;
}


#bref_formulaires {
	width:391px;
	margin:10px 0;
}

#bref_formulaires dt {
	margin-bottom:2px;
}

#bref_formulaires dt a {
	display:block;
	width:356px;
	padding:2px 10px 2px 25px;
	font:bold 1.09em/1.2em 'Trebuchet MS', Arial, Verdana, sans-serif;
	color:#2D2C2E;
	text-decoration:none;
	background-image:url(http://www.barreau.qc.ca/images/boutons/bref_types_abonnement.jpg);
	background-repeat:no-repeat;
	background-position:0 -14px;
}

#bref_formulaires dt a:hover, #bref_formulaires dt.selected a {
	background-position:0 -66px;
}

#bref_formulaires dd {
	padding:15px 25px 20px 25px;
	margin:0 0 20px 0;
	background-color:#F2F2F2;
	color:#6C6B6B;
}

#bref_formulaires dd table {
	width:100%;
}

#bref_formulaires dd table td {
	vertical-align:top;
}

#bref_formulaires .champs_obligatoires{
	color:#790131;
	padding-top:3px;
}

#bref_formulaires input, #bref_formulaires textarea {
	font:1em/1.2em 'Trebuchet MS', Arial, Verdana, sans-serif;
}

#bref_formulaires .boutons {
	float:right;
}

#bref_formulaires .btn_submit, #bref_formulaires .btn_reinitialiser {
	text-transform:none;
}





/* Listes déroulantes pour les FAQ 
--------------------------------------*/


#faq_liste, .faq_liste {
	/*border-right:5px solid #CCCCCC;
	border-left:5px solid #CCCCCC;
	border-bottom:5px solid #CCCCCC;*/
	border:5px solid #CCCCCC;
	background-color:#F2F2F2;
	margin-top:0px;
	height:1%;  /* IE6 bug avec #accueil_section_gauche qui est en relative; */
	clear:both;
	
}

#faq_liste h4, .faq_liste h4 {
	font-size:1.1em;
	color:#2D2C2E;
	font-weight:bold;
	text-transform:none;
	border-bottom:3px solid #CCCCCC;
	background-color:#F2F2F2;
	margin:0;
	padding:12px 5px 4px 5px;
}

#faq_liste dt, .faq_liste dt {
	border-bottom:2px solid #CCCCCC;
}

#faq_liste dt p, .faq_liste dt p {
	margin:0px;
	padding:0px;
}

#faq_liste dt a, .faq_liste dt a {
	font-size:0.917em;
	text-transform:none;
	background-color:#790131;
	color:#FFFFFF;
	margin:0;
	padding:4px 10px 3px 30px;
	display:block;
	background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_faq.gif);
	background-repeat:no-repeat;
	background-position:0 -12px;
	text-decoration:none;
}


#faq_liste dt.selected a, .faq_liste dt.selected a {
	background-color:#000000;
	text-decoration:none;
	background-position:0 -131px;
}

#faq_liste dt:hover a, .faq_liste dt:hover a {
	background-color:#666666;
}


#faq_liste dd, .faq_liste dd /*#communiques_liste_ouvert dd*/ {
	margin:0 0 0px 0;
	padding:0;
}

#faq_liste dd ul, .faq_liste dd ul {
	margin:0;
	padding:0;
	width:100%; /* IE6 bug h4 pas pleine longueur */
}
#faq_liste dd ul li, .faq_liste dd ul li {
	border-bottom:1px solid #CCCCCC;
	padding:5px 15px;
	list-style-type:none;
	background:url(/images/spacer.gif) left -8px repeat-x;
}

#faq_liste dd ul li p, .faq_liste dd ul li p {
	margin-top:0px;
	margin-bottom:0px;
}

#faq_liste dd ul li .date, .faq_liste dd ul li .date {
	font-size: 0.917em;
	line-height:0.917em;
	color: #003E80;
	padding: 5px 0px 2px 0px;
}

#faq_liste dd ul li .titre, .faq_liste dd ul li .titre {
	padding: 0px 0px 5px 0px;
}




/* FAQ conteneur dans les pages
--------------------------------------*/

/*#faq : utiliser plutot .faq_boite*/ 
#faq,
.faq_boite {
	margin: 40px 0 10px 0;
}
.faq_titre {
	height:32px;
	background-image:url(http://www.barreau.qc.ca/images/titrages/faq_pages.jpg );
	color:#e4e3e3;
}

.faq_contenu {
	background:#e4e3e3;
	padding:0px;
}

.faq_contenu h5 {
	padding: 0px 14px;
	color:#790131;
	margin-bottom:0px;
}



/* REGARD SUR LES MEMBRES - OUVRIR FERMER
--------------------------------------*/

#regard_liste {
	width:580px;
	margin:10px 0;
}


#regard_liste dt {
	margin-bottom:2px;
}

#regard_liste dt a  {
	display:block;
	width:560px;
	line-height:1.2 em;
	padding:2px 10px 2px 25px;
	font:bold 1.2em 'Trebuchet MS', Arial, Verdana, sans-serif;
	color:#000;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 -8px;
	background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_liste_regard.jpg);
		color:#000;
}



#regard_liste dt.selected a {
	background-position:0 -78px;
	color:#FFF;
}



#regard_liste dd  {
	padding:10px;
	width:575px;
	margin:0 0 20px 0;
	background-color:#efefef;
	color:#000;
}


#regard_liste dd ul  {
	margin:0;
	position:static; /* Bug IE du slide si en relatif*/

}
#regard_liste dd ul li {
	padding-bottom:0; /* bug IE slideUp */
	font: 1em 'Trebuchet MS', Arial, Verdana, sans-serif;
	line-height:1.2 em;		
	list-style-type: none;
	background:url(/images/spacer.gif) left -8px repeat-x;
}


/* AVIS AUX MEMBRES
--------------------------------------*/

#avis p {
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
}

#avis a {
	color:#1F1F1F;
	outline:none; /*FF*/
	text-decoration:none;
}


#avis a:hover {
	color:#790131;
	text-decoration:underline;
}

/* ACTUALITÉS/MÉDIAS > COMMUNIQUÉS
--------------------------------------*/
.communiques_mois {
	font:bold 1.09em/1.2em 'Trebuchet MS', Arial, Verdana, sans-serif;
	color:#2D2C2E;
}

#communiques_liste {
	width:600px;
	margin:10px 0;
}

#communiques_liste dt {
	margin-bottom:2px;
}

#communiques_liste dt a {
	display:block;
	width:565px;
	padding:2px 10px 2px 25px;
	font:bold 1.09em/1.2em 'Trebuchet MS', Arial, Verdana, sans-serif;
	color:#2D2C2E;
	text-decoration:none;
	background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_communiques.jpg);
	background-repeat:no-repeat;
	background-position:0 -14px;
}


#communiques_liste dt.selected a {
	background-position:0 -66px;
}

 dt.selected a {
	background-position:0 -14px;
}

#communiques_liste dd /*#communiques_liste_ouvert dd*/ {
	margin:0 0 0px 0;
	width:600px;
	background-color:#F2F2F2;
	color:#6C6B6B;
	padding:0;
}

#communiques_liste dd ul{
	padding:10px;
	width:580px;
	margin:0 0 0 0px;
	position:static; /* Bug IE du slide si en relatif*/
	background-color:#F2F2F2;
}
#communiques_liste dd ul li{
	padding-bottom:0; /* bug IE slideUp */
	margin:0 0 0px 0;
	background-color:#F2F2F2;
}

#communiques_liste .date{
	margin:15px 0 0px 0;
	padding:0px;
}






/* PUBLICATIONS > ACCUEIL
--------------------------------------*/
ul.publications {
	margin:0;
	padding:0;
	color:#8C8C8C;
}

ul.publications li {
	margin:0;
	padding:0 10px 10px 0;
	list-style-type:none;
	background-image:none;
}

ul.publications li img {
	float:left;
	margin-right:10px;
	border:1px solid #999999;
}

ul.publications li .texte {
	float:left;
	width:210px;
}

ul.publications li .date {
	margin-top:3px;
}

#publications_accueil #avocats {
	float:left;
	width:300px;
}

#publications_accueil #public {
	float:right;
	width:300px;
}

#publications_accueil a.liens_vers {
	margin-top:10px;
	background-position:280px 5px;
	font-size:0.78em;
}

#publications_accueil a.liens_vers_medias {
	font-size:0.78em;
	background: #FFFFFF url(http://www.barreau.qc.ca/images/puces/puce-liens-vers.gif) right 7px no-repeat;
}

dl.publications_categories,
dl.actualites_categories {
	margin:10px 0;
	height:1%; /* IE6 bug avec #accueil_section_gauche qui est en relative; */
}

dl.publications_categories dt,
dl.actualites_categories dt {
	padding:3px 5px;
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

dl.actualites_categories dt {
	width:590px;
}


dl.publications_categories dd,
dl.actualites_categories dd{
	margin:0 0 12px 0;
	padding:10px 5px 0;
	background-color:#F2F2F2;
}

dl.actualites_categories dd {
	width:590px;
}


dl.publications_categories dd .texte,
dl.avis_categories dd .texte {
	width:300px;
}

dl.actualites_categories { }


/* PUBLICATIONS > DESTINÉES
--------------------------------------*/
ul.destinees {
	color:#2D2C2E;
}

ul.destinees h3 {
	text-transform:none;
	margin:0 0 8px 0;
}

ul.destinees img {
	float:left;
	margin-right:10px;
}

ul.destinees .texte {
	float:left;
	width:500px;
}

ul.destinees .texte img {
	float:none;
}

ul.destinees a {
	/*line-height:2em;*/
}


/* ACTUALITÉS/MÉDIAS > PRÉSENCE
--------------------------------------*/


#general_liste {
	border-right:5px solid #CCCCCC;
	border-left:5px solid #CCCCCC;
	border-bottom:5px solid #CCCCCC;
	background-color:#F2F2F2;
	/*margin-top:20px;*/
	height:1%;  /* IE6 bug avec #accueil_section_gauche qui est en relative; */
	
}

#general_liste dl {
	margin:0px;
	padding:0px;
}

#general_liste dt {
	border-top:5px solid #CCCCCC;
}

#general_liste dt a {
	font-size:1.2em;
	text-transform:none;
	background-color:#790131;
	color:#FFFFFF;
	margin:0;
	padding:4px 10px 3px 30px;
	display:block;
	background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_simple.gif);
	background-repeat:no-repeat;
	background-position:0 -8px;
	text-decoration:none;
}


#general_liste dt.selected a {
	background-color:#000000;
	text-decoration:none;
	background-position:0 -78px;
}

#general_liste dt:hover a {
	background-color:#666666;
}


#general_liste dd /*#communiques_liste_ouvert dd*/ {
	margin:0 0 0px 0;
	padding:0;
}

#general_liste dd ul{
	margin:0;
	padding:0;
	width:100%; /* IE6 bug h4 pas pleine longueur */
}
#general_liste dd ul li{
	border-bottom:1px solid #CCCCCC;
	padding:5px 15px;
	list-style-type:none;
	background:url(/images/spacer.gif) left -8px repeat-x;
}

#general_liste dd ul li p{
	margin-top:0px;
	margin-bottom:0px;
}

#general_liste dd ul li .date {
	font-size: 0.917em;
	line-height:0.917em;
	color: #003E80;
	padding: 5px 0px 2px 0px;
}

#general_liste dd ul li .titre {
	padding: 0px 0px 5px 0px;
}

#general_liste h4 {
	font-size:1.2em;
	color:#2D2C2E;
	font-weight:bold;
	text-transform:none;
	background-color:#CCCCCC;
	margin:0;
	padding:4px 15px;
}

/*#general_liste .date{
	margin:15px 0 0px 0;
	padding:0px;
}*/



/* PUBLICATIONS > JOURNAL
--------------------------------------*/
#publications_journal {
	border:5px solid #CCCCCC;
	background-color:#F2F2F2;
	margin-top:20px;
	height:1%;  /* IE6 bug avec #accueil_section_gauche qui est en relative; */
}

#publications_journal h3 {
	font-size:1.2em;
	text-transform:none;
	background-color:#790131;
	color:#FFFFFF;
	margin:0;
	padding:4px 10px 3px 15px;
}

#publications_journal h4 {
	font-size:1.2em;
	color:#2D2C2E;
	font-weight:bold;
	text-transform:none;
	background-color:#CCCCCC;
	margin:0;
	padding:4px 15px;
}

#publications_journal ul {
	margin:0;
	padding:0;
	width:100%; /* IE6 bug h4 pas pleine longueur */
}

#publications_journal ul li {
	border-bottom:1px solid #CCCCCC;
	padding:5px 15px;
	list-style-type:none;
	background:url(/images/spacer.gif) left -8px repeat-x;
}

#publications_journal ul li .date {
	font-size: 0.917em;
	line-height:0.917em;
	color: #003E80;
	padding: 5px 0px 2px 0px;
}

#publications_journal ul li .titre {
	padding: 0px 0px 5px 0px;
}


/* PUBLICATIONS > ADMINISTRATIVES
--------------------------------------*/
ul.publications_admin {
	padding:0;
	margin:0;
	position:static; /* IE6 bug cache image en deroulant */
}

ul.publications_admin li img {
	float:none;
	margin:0;

}

a.publications_archives {
	float:right;
	text-transform:none;
	margin-right:10px;
	color:#fff;
}
a.publications_archives:hover {
	color:#790131;
}

/* VIDÉOS
--------------------------------------*/
#videos {
	border:5px solid #CCCCCC;
	background-color:#F2F2F2;
	margin-top:20px;
	height:1%;  /* IE6 bug avec #accueil_section_gauche qui est en relative; */
}

#videos a {
	text-decoration:none;
}

#videos a:hover {
	text-decoration:underline;
}

#videos h3 {
	font-size:1.2em;
	text-transform:none;
	background-color:#790131;
	color:#FFFFFF;
	margin:0;
	padding:4px 10px 3px 15px;
}

#videos h4 {
	font-size:1.2em;
	color:#2D2C2E;
	font-weight:bold;
	text-transform:none;
	background-color:#CCCCCC;
	margin:0;
	padding:4px 15px;
}

#videos ul {
	margin:0;
	padding:0;
	width:100%; /* IE6 bug h4 pas pleine longueur */
}

#videos ul li {
	/*border-bottom:1px solid #CCCCCC;*/
	padding:15px 30px;
	list-style-type:none;
	background:url(/images/spacer.gif) left -8px repeat-x;
	float:left; 
	width:130px;
	font-weight:bold;
}

#videos ul li img {
	 border:4px solid #790131;
	 margin:0px;padding:0px;
}

#videos ul li img:hover {
	 border:4px solid #21578A;
}


#videos ul li .titre {
	font-size: 0.87em;
	line-height:1em; 
	color: #003E80;
	padding: 5px 4px 0px 4px;
}

#videos ul li .canal {
	font-size: 0.79em;
	line-height:1em;
	color: #7d7d7d;
	padding: 4px 4px 0px 4px;
	font-weight:normal
}

/*AIDE À LA PRATIQUE - BOUTONS ACCUEIL*/


.pratique_famille a, .pratique_criminel a, .pratique_immigration a, .pratique_demarrage a, .pratique_relation a, .pratique_parentalite a, .pratique_mediation a, .pratique_privee a, .pratique_entreprise a, .pratique_testament-mandat a,
.pratique_techno a  {
	display: block; 
	width: 100px; 
	height: 90px;
	text-decoration:none;
}

.pratique_famille a {
	background: url(/images/aide-pratique/boutons/droit-famille-bouton.png) center top no-repeat;
}

.pratique_criminel a {
	background: url(/images/aide-pratique/boutons/droit-criminel-bouton.png) center top no-repeat;
}

.pratique_immigration a {
	background: url(/images/aide-pratique/boutons/droit-immigration-bouton.png) center top no-repeat;
}

.pratique_demarrage a {
	background: url(/images/aide-pratique/boutons/hab-demarrage-bouton.png) center top no-repeat;
}

.pratique_relation a {
	background: url(/images/aide-pratique/boutons/hab-relation-bouton.png) center top no-repeat;
}

.pratique_parentalite a {
	background: url(/images/aide-pratique/boutons/hab-parentalite-bouton.png) center top no-repeat;
}

.pratique_mediation a {
	background: url(/images/aide-pratique/boutons/type-mediation-bouton.png) center top no-repeat;
}

.pratique_privee a {
	background: url(/images/aide-pratique/boutons/type-privee-bouton.png) center top no-repeat;
}

.pratique_entreprise a {
	background: url(/images/aide-pratique/boutons/type-entreprise-bouton.png) center top no-repeat;
}

.pratique_testament-mandat a {
	background: url(/images/aide-pratique/boutons/testament-mandat-bouton.png) center top no-repeat;
}

.pratique_techno a {
	background: url(/images/aide-pratique/boutons/hab-techno-bouton.png) center top no-repeat;
}
.pratique_famille a:hover, .pratique_criminel a:hover, .pratique_immigration a:hover, .pratique_demarrage a:hover, .pratique_relation a:hover, .pratique_parentalite a:hover, .pratique_mediation a:hover, .pratique_privee a:hover, .pratique_entreprise a:hover, .pratique_testament-mandat a:hover,
.pratique_techno a:hover {
	background-position: center -90px;
}



/*AIDE À LA PRATIQUE - MENUS DE PETITS BOUTONS*/


.pratique_famille_petit a, .pratique_criminel_petit a, .pratique_immigration_petit a, .pratique_demarrage_petit a, .pratique_relation_petit a, .pratique_parentalite_petit a, .pratique_mediation_petit a, .pratique_privee_petit a, .pratique_entreprise_petit a, .pratique_testament-mandat_petit a,
.pratique_techno_petit a {
	display: block; 
	width: 50px; 
	height: 45px;
	text-decoration:none;
}

.pratique_famille_petit a {
	background: url(/images/aide-pratique/boutons/droit-famille-bouton_petit.png) center top no-repeat;
}

.pratique_criminel_petit a {
	background: url(/images/aide-pratique/boutons/droit-criminel-bouton_petit.png) center top no-repeat;
}

.pratique_immigration_petit a {
	background: url(/images/aide-pratique/boutons/droit-immigration-bouton_petit.png) center top no-repeat;
}

.pratique_demarrage_petit a {
	background: url(/images/aide-pratique/boutons/hab-demarrage-bouton_petit.png) center top no-repeat;
}

.pratique_relation_petit a {
	background: url(/images/aide-pratique/boutons/hab-relation-bouton_petit.png) center top no-repeat;
}

.pratique_parentalite_petit a {
	background: url(/images/aide-pratique/boutons/hab-parentalite-bouton_petit.png) center top no-repeat;
}

.pratique_mediation_petit a {
	background: url(/images/aide-pratique/boutons/type-mediation-bouton_petit.png) center top no-repeat;
}

.pratique_privee_petit a {
	background: url(/images/aide-pratique/boutons/type-privee-bouton_petit.png) center top no-repeat;
}

.pratique_entreprise_petit a {
	background: url(/images/aide-pratique/boutons/type-entreprise-bouton_petit.png) center top no-repeat;
}

.pratique_testament-mandat_petit a {
	background: url(/images/aide-pratique/boutons/testament-mandat-bouton_petit.png) center top no-repeat;
}

.pratique_techno_petit a {
	background: url(/images/aide-pratique/boutons/hab-techno-bouton_petit.png) center top no-repeat;
}

.pratique_famille_petit a:hover, .pratique_criminel_petit a:hover, .pratique_immigration_petit a:hover, .pratique_demarrage_petit a:hover, .pratique_relation_petit a:hover, .pratique_parentalite_petit a:hover, .pratique_mediation_petit a:hover, .pratique_privee_petit a:hover, .pratique_entreprise_petit a:hover, .pratique_testament-mandat_petit a:hover,
.pratique_techno_petit a:hover {
	background-position: center -45px;
}


.cadre-haut {
	/*display:inline-block;*/
	background-image:url(http://www.barreau.qc.ca/images/aide-pratique/cadres/cadre-haut.png);
	background-repeat:no-repeat;
	background-position:center;
	height:45px;
}

.cadre-bas {
	/*display:inline-block;*/
	background-image:url(http://www.barreau.qc.ca/images/aide-pratique/cadres/cadre-bas.png);
	background-repeat:no-repeat;
	background-position:center;
	height:57px;
}

.cadre-milieu {
	/*display:inline-block;*/
	background-image:url(http://www.barreau.qc.ca/images/aide-pratique/cadres/cadre-milieu.png);
	background-repeat:repeat;
	background-position:center;
}


.aide_pratique  {
	border-top:5px solid #d3d3d5;
	border-left:5px solid #d3d3d5;
	border-right:5px solid #d3d3d5;
	background-color:#F2F2F2;
	margin:0;
	height:1%;  /* IE6 bug avec #accueil_section_gauche qui est en relative; */
	/*clear:both;	*/
}


.aide_pratique dt {
	/*border-bottom:2px solid #CCCCCC;*/
}

.aide_pratique dt p {
	margin:0px;
	padding:0px;
}

.aide_pratique dt a {
	font-size:1.1em;
	font-weight:bold;
	text-transform:none;
	text-align:left;
	margin:0;
	padding:4px 10px 4px 30px;
	display:block;
	background-image:url(http://www.barreau.qc.ca/images/boutons/deroulant_faq.gif);
	background-repeat:no-repeat;
	background-position:0 -12px;
	text-decoration:none;
}

.aide_pratique dt a {
	background-color:#948932;
	color:#FFFFFF;
}

.aide_pratique dt:hover a {
	background-color:#d2c879;
}

.droit-famille dt a {
	background-color:#00008b;
	color:#FFFFFF;
}

.droit-famille dt:hover a {
	background-color:#0000ff;
}

.testament-mandat dt a {
	background-color:#008800;
	color:#FFFFFF;
}

.testament-mandat dt:hover a {
	background-color:#00c800;
}

.droit-criminel dt a {
	background-color:#8c0000;
	color:#FFFFFF;
}

.droit-criminel dt:hover a {
	background-color:#FF0000;
}

.droit-immigration dt a {
	background-color:#56008f;
	color:#FFFFFF;
}

.droit-immigration dt:hover a {
	background-color:#9900ff;
}

.hab-relation dt a {
	background-color:#008794;
	color:#FFFFFF;
}

.hab-relation dt:hover a {
	background-color:#00c8dc;
}

.hab-demarrage dt a {
	background-color:#008800;
	color:#FFFFFF;
}

.hab-demarrage dt:hover a {
	background-color:#00c800;
}

.hab-parent dt a {
	background-color:#a86214;
	color:#FFFFFF;
}

.hab-parent dt:hover a {
	background-color:#f7901e;
}

.type-mediation dt a {
	background-color:#591e3b;
	color:#FFFFFF;
}

.type-mediation dt:hover a {
	background-color:#993366;
}

.type-privee dt a {
	background-color:#003a58;
	color:#FFFFFF;
}

.type-privee dt:hover a {
	background-color:#006699;
}

.type-entreprise dt a {
	background-color:#003c1e;
	color:#FFFFFF;
}

.type-entreprise dt:hover a {
	background-color:#006633;
}

.aide_pratique dt.selected a {
	background-color:#000000;
	text-decoration:none;
	background-position:0 -131px;
}

.technologies dt a {
	background-color:#6b0f54;
	color:#FFFFFF;
}

.technologies dt:hover a {
	background-color:#8c196f;
}

.technologies dd table tr td:hover h5 {
	color:#6b0f54;
}








.aide_pratique dd {
	margin:0 0 0px 0;
	padding:0;
}

.aide_pratique dd a {
	text-decoration:none;
}

.aide_pratique dd table tr td:hover {
	background-color:#FFFFFF;
}

.aide_pratique dd table {
	margin:0;
	padding:0;
	width:100%; /* IE6 bug h4 pas pleine longueur */
}

.aide_pratique dd table tr td {
	border-bottom:1px solid #CCCCCC;
	padding:5px 15px;
	font-size:0.93em;
	text-align:left;
	cursor: pointer;
}

.aide_pratique dd table tr td h5 {
	font-size:1.2em;
	letter-spacing: 1px;
	margin-bottom:1px;
	padding:bottom:0px;
}

.aide_pratique dd table tr td:hover h5 {
	color:#948932;
}

.droit-famille dd table tr td:hover h5 {
	color:#00008b;
}

.droit-criminel dd table tr td:hover h5 {
	color:#8c0000;
}

.droit-immigration dd table tr td:hover h5 {
	color:#56008f;
}

.hab-relation dd table tr td:hover h5 {
	color:#008794;
}

.hab-demarrage dd table tr td:hover h5 {
	color:#008800;
}

.hab-parent dd table tr td:hover h5 {
	color:#a86214;
}

.type-mediation dd table tr td:hover h5 {
	color:#591e3b;
}

.type-privee dd table tr td:hover h5 {
	color:#003a58;
}

.type-entreprise dd table tr td:hover h5 {
	color:#003c1e;
}

.aide_pratique dd table tr td p {
	margin-top:0px;
	margin-bottom:0px;
}

.compteur {
	/*display:inline-block;*/
	float:right;
	color:#790131;
	text-align:center;
	line-height:20px;
	background:url(http://www.barreau.qc.ca/images/aide-pratique/compteur-20.png)  left top no-repeat;
	/*padding:9px 10px;*/
	margin: 4px 7px;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
	height:20px;
	width:20px;
}

input.submit_rich:hover {
	color:#fff;
	background-position: left -33px;
}

/* OFFRE DE FORMATION CONTINUE*/ 

.accueil-offre {
	width:628px;
	height:761px;
	margin:-18px;
	border:1px solid #6d6d6d;
	display:block;
	background-image:url(http://www.barreau.qc.ca/images/formation/offre/fond.jpg);
	background-repeat:no-repeat;
}

.accueil-offre .onglet-ligne a, .accueil-offre .onglet-salle a, .accueil-offre .onglet-seminaires a, .accueil-offre .onglet-rendez-vous a, .accueil-offre .onglet-domaines a {
	padding:0;
	margin:4px 0 4px 20px;
	width:250px;
	height:58px;
	display:block;
	background-repeat:no-repeat;
	text-decoration:none;
}

.accueil-offre .onglet-ligne a {
	margin:220px 0 4px 20px;
	background-image:url(http://www.barreau.qc.ca/images/formation/offre/bouton-en-ligne.png);
}

.accueil-offre .onglet-salle a {
	background-image:url(http://www.barreau.qc.ca/images/formation/offre/bouton-en-salle.png);
}

.accueil-offre .onglet-seminaires a {
	background-image:url(http://www.barreau.qc.ca/images/formation/offre/bouton-seminaires.png);
}

.accueil-offre .onglet-rendez-vous a {
	background-image:url(http://www.barreau.qc.ca/images/formation/offre/bouton-grf.png);
}

.accueil-offre .onglet-domaines a {
	background-image:url(http://www.barreau.qc.ca/images/formation/offre/bouton-domaines.png);
}

.accueil-offre .onglet-ligne a:hover, .accueil-offre .onglet-salle a:hover, .accueil-offre .onglet-seminaires a:hover, .accueil-offre .onglet-rendez-vous a:hover, .accueil-offre .onglet-domaines a:hover {
	background-position:0 -58px;
}

/* CSS PAGES ELECTIONS FR */ 

.accueil-elections {
	width:628px;
	height:761px;
	margin:-18px;
	border:1px solid #6d6d6d;
	display:block;
	background-image:url(http://www.barreau.qc.ca/fr/barreau/elections/img/accueil/fond_elec.jpg);
	background-repeat:no-repeat;
}

.accueil-elections .onglet-election a, .accueil-elections .onglet-candidat a, .accueil-elections .onglet-enlice a, .accueil-elections .onglet-voter a, .accueil-elections .onglet-resultats a, .accueil-elections .onglet-datescles a, .accueil-elections .onglet-faq a {
	padding:0;
	margin:6px 0 6px 50px;
	width:400px;
	height:60px;
	display:block;
	background-repeat:no-repeat;
	text-decoration:none;
}

.accueil-elections .onglet-election a {
	margin:150px 0 6px 50px;
	background-image:url(http://www.barreau.qc.ca/fr/barreau/elections/img/accueil/bouton-election.png);
}

.accueil-elections .onglet-candidat a {
	background-image:url(http://www.barreau.qc.ca/fr/barreau/elections/img/accueil/bouton-candidat.png);
}

.accueil-elections .onglet-enlice a {
	background-image:url(http://www.barreau.qc.ca/fr/barreau/elections/img/accueil/bouton-enlice.png);
}

.accueil-elections .onglet-voter a {
	background-image:url(http://www.barreau.qc.ca/fr/barreau/elections/img/accueil/bouton-voter.png);
}

.accueil-elections .onglet-resultats a {
	background-image:url(http://www.barreau.qc.ca/fr/barreau/elections/img/accueil/bouton-resultats.png);
}

.accueil-elections .onglet-datescles a {
	background-image:url(http://www.barreau.qc.ca/fr/barreau/elections/img/accueil/bouton-datescles.png);
}

.accueil-elections .onglet-faq a {
	background-image:url(http://www.barreau.qc.ca/fr/barreau/elections/img/accueil/bouton-faq.png);
}

.accueil-elections .onglet-election a:hover, .accueil-elections .onglet-candidat a:hover, .accueil-elections .onglet-enlice a:hover, .accueil-elections .onglet-voter a:hover, .accueil-elections .onglet-resultats a:hover, .accueil-elections .onglet-datescles a:hover, .accueil-elections .onglet-faq a:hover {
	background-position:0 -60px;
}

/* CSS PAGES ELECTIONS ENG */ 
.accueil-elections-en {
	width:628px;
	height:761px;
	margin:-18px;
	border:1px solid #6d6d6d;
	display:block;
	background-image:url(http://www.barreau.qc.ca/en/barreau/elections/img/accueil/fond_elec-en.jpg);
	background-repeat:no-repeat;
}

.accueil-elections-en .onglet-election-en a, .accueil-elections-en .onglet-candidat-en a, .accueil-elections-en .onglet-enlice-en a, .accueil-elections-en .onglet-voter-en a, .accueil-elections-en .onglet-resultats-en a, .accueil-elections-en .onglet-datescles-en a, .accueil-elections-en .onglet-faq-en a {
	padding:0;
	margin:6px 0 6px 50px;
	width:360px;
	height:60px;
	display:block;
	background-repeat:no-repeat;
	text-decoration:none;
}


.accueil-elections-en .onglet-election-en a {
	margin:150px 0 6px 50px;
	background-image:url(http://www.barreau.qc.ca/en/barreau/elections/img/accueil/bouton-election-en.png);
}

.accueil-elections-en .onglet-candidat-en a {
	background-image:url(http://www.barreau.qc.ca/en/barreau/elections/img/accueil/bouton-candidat-en.png);
}

.accueil-elections-en .onglet-enlice-en a {
	background-image:url(http://www.barreau.qc.ca/en/barreau/elections/img/accueil/bouton-enlice-en.png);
}

.accueil-elections-en .onglet-voter-en a {
	background-image:url(http://www.barreau.qc.ca/en/barreau/elections/img/accueil/bouton-voter-en.png);
}

.accueil-elections-en .onglet-resultats-en a {
	background-image:url(http://www.barreau.qc.ca/en/barreau/elections/img/accueil/bouton-resultats-en.png);
}

.accueil-elections-en .onglet-datescles-en a {
	background-image:url(http://www.barreau.qc.ca/en/barreau/elections/img/accueil/bouton-datescles-en.png);
}

.accueil-elections-en .onglet-faq-en a {
	background-image:url(http://www.barreau.qc.ca/en/barreau/elections/img/accueil/bouton-faq-en.png);
}

.accueil-elections-en .onglet-election-en a:hover, .accueil-elections-en .onglet-candidat-en a:hover, .accueil-elections-en .onglet-enlice-en a:hover, .accueil-elections-en .onglet-voter-en a:hover, .accueil-elections-en .onglet-resultats-en a:hover, .accueil-elections-en .onglet-datescles-en a:hover, .accueil-elections-en .onglet-faq-en a:hover {
	background-position:0 -60px;
}


/*
 Programmes pour les nouveaux parents
 SGL - 2014
 */
#avocats-pnp div.entete {
   height:302px;
   background:transparent url(http://www.barreau.qc.ca/images/pnp/entete.gif) left 20px no-repeat;
}
#avocats-pnp div.entete h2 {
    color:#000000;
    text-align:right;
    text-transform:none;
    font-size:18px;
    line-height:27px;
}
#avocats-pnp div.entete h2 strong {
    display:block;
    font-size:1.5em;
    line-height:1.35em;
    font-weight:400;
    padding-top:10px;
    text-transform:uppercase;
    color:#43889A;
}
#avocats-pnp h3 {
    color:#43889A;
    font-size:18px;
    margin:0 0 6px;
    padding:0;
}
#avocats-pnp p {
    font-size:12px;
}
#avocats-pnp .blocs {
    position:relative;
}
#avocats-pnp .bloc {
    width:284px;
    background: transparent none left top no-repeat;
    line-height:15px;
}
#avocats-pnp .bloc .inner {
    padding:16px 15px 8px;
}
#avocats-pnp .bloc h1 {
    margin:0;
    color:#ffffff;
    line-height: 30px;
    height: 30px;
}
#avocats-pnp .bloc h1 a,
#avocats-pnp .soussection-entete h1 {
    text-decoration:none;
    background:transparent none 1px top no-repeat;
    display:inline-block;
    width:140px;
    height:19px;
    margin:0;
    padding:0;
}
#avocats-pnp .bloc h1 a span,
#avocats-pnp .soussection-entete h1 span {
    display:none;
}
#avocats-pnp .bloc h5 {
    color:#ffffff;
    margin:10px 0 6px;
    font-size:17px;
    font-weight:300;
}
#avocats-pnp .bloc h6 {
    color:#000000;
    font-size:12px;
    margin:10px 0 0;
}
#avocats-pnp .bloc .suite {
    color:#000000;
    font-weight:600;
    font-size:14px;
}
#avocats-pnp .bloc1 {
    background-image:url(http://www.barreau.qc.ca/images/pnp/bloc-1.jpg);
    margin-bottom:20px;
}
#avocats-pnp .bloc1 h1 a,
#avocats-pnp .bebe-bonus-entete h1 {
    background-image:url(http://www.barreau.qc.ca/images/pnp/bebe-bonus.gif);
}
#avocats-pnp .bloc2 {
    background-image:url(http://www.barreau.qc.ca/images/pnp/bloc-2.jpg);
    position:absolute;
    top:-80px;
    left:310px;
    width:287px;
}
#avocats-pnp .bloc2 .inner {
    padding-bottom:20px;
}
#avocats-pnp .bloc2 h1 a,
#avocats-pnp .apta-entete h1 {
    background-image:url(http://www.barreau.qc.ca/images/pnp/apta.gif);
    background-position:left top;
}
#avocats-pnp .bloc3 {
    background-image:url(http://www.barreau.qc.ca/images/pnp/bloc-3.jpg);
    position:absolute;
    left:-48px;
    width:298px;
}
#avocats-pnp .bloc3 .inner {
    padding-left:19px;
    padding-bottom:10px;
}
#avocats-pnp .bloc3 h1 a,
#avocats-pnp .coaching-entete h1 {
    background-image:url(http://www.barreau.qc.ca/images/pnp/coaching.gif);
}
#avocats-pnp .faq-entete h1 {
    background-image:url(http://www.barreau.qc.ca/images/pnp/faq.gif);
    margin-top:3px;
}
#avocats-pnp p {
    margin:0 0 8px;
}
#avocats-pnp .note {
    font-weight:600;
}
#avocats-pnp .home-text {
    width:270px;
}
#avocats-pnp .home-text .inner {
    padding:15px 15px 100px;
}
#avocats-pnp .home-text hr {
    width:170px;
    margin:15px 0;
    color: #D1D3D4;
    background-color: #D1D3D4;
    height:2px;
    padding:0;
    border:0;
    text-align: left;
}
#avocats-pnp h3 a {
    color:#43889A;
    text-decoration:none;
    font-weight:300;
}
#avocats-pnp h3 a:hover {
    color:#000000;
    text-decoration:underline;
}
sup.ast {
    vertical-align: middle;
    font-size:14px;
    font-weight:bold;
}
#avocats-pnp .renseignements h4 {
    color:#000000;
    margin-top:20px;
}
#avocats-pnp .soussection-entete {
    width:602px;
    height:129px;
    overflow:hidden;
}
#avocats-pnp .bebe-bonus-entete {
    background:#AEC492 url(http://www.barreau.qc.ca/images/pnp/bebe-bonus-entete.gif) left top no-repeat;
}
#avocats-pnp .apta-entete {
    background:#d15e55 url(http://www.barreau.qc.ca/images/pnp/apta-entete.gif) left top no-repeat;
}
#avocats-pnp .coaching-entete {
    background:#b5a762 url(http://www.barreau.qc.ca/images/pnp/coaching-entete.gif) left top no-repeat;
    height:148px;
}
#avocats-pnp .faq-entete {
    background:#3a7585 url(http://www.barreau.qc.ca/images/pnp/faq-entete.gif) left top no-repeat;
    height:91px;
}
#avocats-pnp .coaching-entete h1 {
    margin-top:3px;
}
#avocats-pnp .soussection-entete .inner {
    padding:14px 18px;
}
#avocats-pnp .soussection-entete a.back-link {
    display:block;
    color:#ffffff;
    text-align:right;
    font-size:12px;
    line-height:16px;
    height:32px;
}
#avocats-pnp .soussection-entete h1 {
    
}
#avocats-pnp .soussection-entete h2,
#avocats-pnp .soussection-entete h4 {
    margin:0;
    padding:0;
    color:#ffffff;
    text-transform:none;
    font-size:15px;
    font-weight:300;
}
#avocats-pnp .soussection-entete h4 {
    margin-top:16px;
    font-size:18px;
}
#avocats-pnp ul {
    margin-bottom:15px;
}
#avocats-pnp ul li {
    background:transparent url(http://www.barreau.qc.ca/images/pnp/puces.gif) 12px -297px no-repeat;
    padding-left:30px;
    font-size:13px;
}
#avocats-pnp .encadre {
    border:1px solid #000000;
    background:#ffffff none;
    padding:10px;
    margin-bottom:15px;
    font-size:12px;
    font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
}
#avocats-pnp .encadre .titre {
    text-align:center;
    font-weight:600;
    font-size:13px;
}
#avocats-pnp .encadre ul {
    margin-bottom:0;
}
#avocats-pnp .encadre p,
#avocats-pnp .encadre ul li {
    font-size:12px;
    padding-left:20px;
    background-position: 1px -298px !important;
}
#avocats-pnp .contenu {
    padding:20px 0;
}
#avocats-pnp .bebe-bonus-contenu ul li {
    background-position:12px 3px;
}
#avocats-pnp .apta-contenu ul li {
    background-position:12px -147px;
}
#avocats-pnp .coaching-contenu ul li {
    background-position:12px -447px;
}
#avocats-pnp-nav {
    width:415px;
    margin:20px auto 0;
    text-align:center;
    background:transparent url(http://www.barreau.qc.ca/images/pnp/nav-bas.gif) left top no-repeat;
    padding-top:12px;
    font-weight:600;
    font-size:18px;
    line-height:18px;
    vertical-align:top;
}
#avocats-pnp-nav a {
    text-decoration: none;
    color:#666666;
    background:transparent url(http://www.barreau.qc.ca/images/pnp/nav-bas-liens.gif) 0 0 no-repeat;
    display:inline-block;
    height:24px;
}
#avocats-pnp-nav a.formulaire {
    width:163px;
}
#avocats-pnp-nav a.formulaire:hover {
    width:163px;
    background-position:-173px 0;
}
#avocats-pnp-nav a.aide {
    width:128px;
    background-position:3px -28px;
}
#avocats-pnp-nav a.aide:hover {
    background-position:-170px -28px;
}

#avocats-pnp-nav a.faq {
    width:44px;
    background-position:6px -57px;
}
#avocats-pnp-nav a.faq:hover {
    width:44px;
    background-position:-167px -57px;
}
#avocats-pnp-nav a span {
    display:none;
}

/*Fier d'etre avocat*/
.blocs_v1 { }
.blocs_v1 .bloc_v1 {padding-bottom:10px; border-bottom:1px solid #e6e6e6;margin-bottom:20px;}
.blocs_v1 .bloc_v1:after {
    content:'';
    display:block;
    clear: both;
}
.blocs_v1 #general_liste {background-color:transparent;}
.blocs_v1 #general_liste dd {padding:10px;}
.blocs_v1 #general_liste dd .bloc_v1:last-child {border-bottom:0;}

/* Elections 2015 */
#elections-bottom-nav {
    margin-top:40px;
}
#elections-bottom-nav .innercontent {
    background-color:#000000; height:29px;
}
#elections-bottom-nav .title {
    float:left;text-transform:uppercase; color:#ffffff;font-size:11px; line-height:15px; letter-spacing:1px;padding:7px 0 0 15px;
}
#elections-bottom-nav .list {
    margin-left:245px;position:relative;z-index:1;
}
#elections-bottom-nav .list a {
    position:absolute;
    top:-15px;
    display:block;
    width:30px;
    height:30px;
    background:transparent url(/images/boutons/boutons-navigation-elections.png) -15px top no-repeat;
}
#elections-bottom-nav .list a.elections, #elections-bottom-nav .list a[href*="/tout-sur-les-elections"] {  }
#elections-bottom-nav .list a.candidat, #elections-bottom-nav .list a[href*="/devenir-candidat"] { left: 100px; background-position:-125px top; }
#elections-bottom-nav .list a.dates, #elections-bottom-nav .list a[href*="/postes-electifs"] { left: 50px; background-position:-70px top; }
#elections-bottom-nav .list a.candidats, #elections-bottom-nav .list a[href*="/candidats-en-lice"] { left: 150px; background-position:-180px top; }
#elections-bottom-nav .list a.voter, #elections-bottom-nav .list a[href*="/comment-voter"]{ left: 200px; background-position:-235px top; }
#elections-bottom-nav .list a.resultats, #elections-bottom-nav .list a[href*="/resultats"] { left: 250px; background-position:-290px top; }
#elections-bottom-nav .list a.faq, #elections-bottom-nav .list a[href*="/faq"] { left: 300px; background-position:-345px top; }