/*Pour mettre du texte en exposant.  */
sup { 
	font-size : 70% ; 
	top:-3px;
	left:-1px;
	/*vertical-align: text-top ; */
	}

.lettrine_faq { 
	display:block;
	width:60px;
	height:15px;
	padding:7px 10px 15px 0;
	font-size:30px;
	float:left;
	color:#790131;
	font-weight:bold;
 }

/* BLOC TEXTE
----------------------------*/
.blocs_texte {
	font-size:1em;
	line-height:1.4em;
}

.blocs_texte.court {
	padding-right: 60px;
}

.blocs_texte.douze {
	font-size: 1.1em;
	line-height: 1.2em;
}

.blocs_texte.padding {
	padding: 15px 10px;
}

.blocs_texte ul {
	padding: 0;
}

.blocs_texte .sup {
	font-size:0.8em;
	line-height:1.2em;
	position:relative;
	top:-3px;
	left:-1px;
}

.blocs_texte .sub {
	font-size:0.8em;
	line-height:1.2em;
	position:relative;
	top:2px;
	left:-1px;
}


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

h1.section_avocats {
	color:#a39a6b;
	font-size:1.3em;
}

h3.section_avocats {
	color:#665f35;
	text-transform:none;
	margin:18px 0 4px 0;
}

h3.section_avocats_encadre {
	color:#665f35;
	text-transform:none;
}

h4.section_avocats {
	color:#665f35;
	text-transform:none;
	font-weight:normal;
}
h5.section_avocats {
	color:#b0a341;
	font-size:1.17em;
}
h6.section_avocats {
	color:#b0a341;
}

ul.section_avocats li,
ul.encadre_section_avocats li {
	background:url(http://www.barreau.qc.ca/images/puces/puce_verte.gif) 0 3px no-repeat;
	line-height:1.2em;
}

ul.encadre_section_avocats {
	width: 200px;
	padding: 13px 10px 10px 10px;
	background-color: #ffffd5;
}
ul.encadre_section_avocats li {
	padding: 0 0 5px 10px;
}

table.section_avocats {
	background-color:#ccc;
	margin-bottom:10px;
}

table.section_avocats th.titre{
	background-color:#d2c574;
	padding:10px;
	text-align:center;
}

table.section_avocats th {
	background-color:#ffffb3;
	padding:6px;
	text-align:left;
}
table.section_avocats td {
	background-color:#fff;
	padding:6px;
	vertical-align:top;
}
table.section_avocats tr.paire td {
	background-color:#f2f2f2;
}

.encadre_section_avocats { }



/*	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;
}

h4.section_outils {
	color:#AB9E5E;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
	font-size:1em;
}
h5.section_outils {
	color:#790131;
	font-size:1.17em;
}
h6.section_outils {
	color:#AB9E5E;
}

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;
}

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;
}


/* TOOLTIP
----------------------------*/
.tooltip {
	position:relative;
	color: #8C8C8C;
	font-size: 1em;
	line-height:1.1em;
	/*width:12.7em;*/
}
.tooltip a {
	display:block;
	text-decoration: none;
}

.tooltip span.texte {
	display:block;
	color: #8C8C8C;
	padding:2px 0 0 0;
}

.tooltip a div.images {
	float: left;
	padding: 4px 5px 2px 0;
}

.tooltip a:hover {
	background:transparent;
}
.tooltip a .over {
	position:absolute;
	visibility:hidden;
}
.tooltip a:hover .over {
	visibility:visible;
}

.tooltip a:hover span.texte {
	color:#620026;
}

.tooltip .tooltip_contenu {
	display:none;
	position:absolute;
	top:-150px;
	left:140px;
	padding:12px;
	background-color:#fff;
	border:1px solid #999;
	width:22em;
	color:#000;
}
.tooltip .tooltip_contenu a {
	display:inline;
	text-decoration:underline;
}


/* POSTIT
----------------------------*/
.postit {
	margin-top:10px;
	background-color:#ecd9db;
	color:#000;
	padding:5px 5px;
	font-size:0.87em;
}


/* MESSAGE
----------------------------*/
.message {
	color:#0c0;
	font-weight:bold;
	font-size:1.1em;
	padding:6px 10px;
	margin:10px auto;
}
.message_erreur {
	color:#f00;
	/*Ajout de CP 20090311*/
	font-size:1.3em;
}

.message_confirmation {
	padding:12px;
	border:1px solid #620026;
	color:#620026;
	margin-bottom:20px;
	text-align:center;
	font-weight:bold;
	/*Ajout de CP 20090311*/
	font-size:1.3em;
}
.message_confirmation_left {
	padding:12px;
	border:1px solid #620026;
	color:#620026;
	margin-bottom:20px;	
	font-weight:bold;
	/*Ajout de CP 20090311*/
	font-size:1.3em;
}

.message_politique {
	padding:5px 10px;
	border:1px solid #620026;
	color:#000;
	margin-bottom:10px;	
	
}

/* STYLES GENERAUX
----------------------------*/

.sans_marge {
	margin-top: 0;
}

.date {
	font-size: 0.9em;
	color: #0A317A;
	padding: 0px 0 12px 0;
}

.note {
	font-size:0.9em;
}

.puce {
	padding: 0px 0 1px 0;
}

.date_avant {
	font-size: 0.9em;
	color: #0A317A;
	padding: 10px 0 1px 0;
}

.normal {
	font-size: 1em;
}

.texte_gris_pale {
	color: #8C8C8C;
	line-height: 1.1em;
	padding: 1px 0;
}

.texte_gris_fonce {
	color: #7D7B7C;
}

a.gris_pale {
	display: block;
	font-size: 0.9em;
	padding: 1px 0;
	color: #8C8C8C;
	text-decoration: underline;
}

a.gris_pale:hover {
	color:#790131;
}

.texte_or, .titre_or {
	color: #AB9E5E;
	line-height: 1.1em;
	padding: 2px 0;
}

.titre_or {
	text-transform: uppercase;
	padding-bottom: 5px;
}

.titre_vert {
	color: #73A79E;
	line-height: 1.1em;
	padding: 2px 0 5px 0;
	text-transform: uppercase;
}

.gras {
	font-weight: bold;
}

img.innertext {
	vertical-align:middle;
}
img.contour {
	border:1px solid #aaa;
}
.marqueur {
	background-color:#f5f7a4;
	color:#620026;
	padding:0 6px;
}

.encadre {
	border:1px solid #ccc;
	background-color:#f8f5e8;
	padding:10px;
	margin-bottom:10px;
	color:#6c6b6b;
	position:relative;
}

.encadre_attention {
	border:1px solid #790131;
	background-color:#eee;
	padding:10px;
	margin-bottom:10px;
	color:#000;
	position:relative;
}


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

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

a.retour_abs {
	float:none;
	position:absolute;
	top:-28px;
	right:-130px;
}


/* 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/pdf.gif) no-repeat 0 0;
	padding:0 0 4px 20px;
}


/* SOURCES / NOTES DE BAS DE PAGE
----------------------------*/
a.voirsources {
	text-decoration:none;
	border-bottom:1px dotted #000;
}
a.voirsources:hover {
	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 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;
}


/* AVOCATS > FORMULAIRES
--------------------------------------*/

#form_liste {
	width:469px;
	margin:10px 0;
}

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

#form_liste dt a {
	display:block;
	width:434px;
	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(../images/boutons/deroulant_formulaires.jpg);
	background-repeat:no-repeat;
	background-position:0 -14px;
}

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

#form_liste dd {
	padding:10px;
	margin:0 0 20px 0;
	background-color:#EEECBF;
	color:#6C6B6B;
}

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