/* ENTETE
-----------------------------------------*/
#clientele_entete {
	height:50px;
	padding:30px 0 0 18px;
	margin-bottom:2px;
	background-repeat:no-repeat ;
	background-position:left top;
	
}

#clientele_entete h1 {
	margin:0;
}

#accueil #clientele_entete {
	height:132px;
	padding:33px 270px 0 23px;
	margin-bottom:10px;
	color:#666;
	font-size:0.92em;
	line-height:1.4em;
}

#accueil #clientele_entete h1 {
	margin:0 0 10px 0;
}


/* CONTENU
-----------------------------------------*/
/* Titres */
h1 {
	padding:0;
	margin:0;
}

h2 {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
/*	color:#444;*/
	color:#252525;
	background:#DADADA url(/images/ul/graphiques/bande_titre_citoyens.gif) no-repeat left top;
	padding:7px 10px 7px 20px;
	margin:0 0 15px 0;
}

h3 {
	font:bold 1.5em/1.2em Arial, Verdana, sans-serif;
	color:#252525;
	margin:0 0 10px 0;
}

.faq h3,
h4 {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	/*color:#50A032;*/
	/*color: #68AFD4;*/
	color:#252525;
	margin:0 0 10px 0;
}

#note_commune_aide {
	margin:20px 20px 0 20px;
	font-size:0.92em;
	line-height:1.2em;
}

#note_commune_aide div {
	margin-bottom:6px;
}


/* ACCUEIL
-----------------------------------------*/
#accueil #colonne_vedettes {
	float:left;
	width:354px;
}

#accueil #colonne_aide {
	float:right;
	width:230px;
}

/* Décision à la une */

#decisions_vedettes div.liste {
	float:right;
	width:170px;
}

#decisions_vedettes div.decision {
	float:left;
	width:170px;	
}


#accueil #decisions_vedettes ul {
	list-style-type:none;
	margin:0 12px;
	padding:0;
}

#accueil #decisions_vedettes ul li {
	padding:5px 8px;
	background:url(/images/ul/graphiques/pointilles_signaler.gif) repeat-x left bottom;
}

#accueil #decisions_vedettes span.date {
	color:#00AFD4;
	font-size:0.92em;
	line-height:2em;
}

#accueil #decisions_vedettes a.doc {
	font-style:italic;
	text-decoration:none;
	color:black;	
}

#accueil #decisions_vedettes h3 {
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#004072;
	margin:0px 0px 3px 0px;
}

#accueil #decisions_vedettes h3 a {
	color:#004072 !important;
}

#accueil #decisions_vedettes ul h3 a:hover {
	color:#407096;
}

#accueil #decisions_vedettes a.plus {
	display:block;
	width:127px;
	height:14px;	
	margin:10px 8px 12px 10px;
	padding:3px 18px 3px 5px;
	text-align:right;
	font-size:0.92em;
	line-height:1.1em;
	color:#444;
	text-decoration:none;
	background:#d3e7cb url(/images/ul/graphiques/plus_citoyens.gif) no-repeat 136px 4px;
}

#accueil #decisions_vedettes a.plus:hover {
	text-decoration:underline;
	background-position:136px -35px;
}


/* À signaler */

#accueil #a_signaler h2 {
	background-color:#C3CBD6;
	background-image:url(/images/ul/graphiques/bande_titre_signaler.gif);
	margin-bottom:3px;
}

#accueil #a_signaler ul {
	list-style-type:none;
	margin:0 12px;
	padding:0;
}

#accueil #a_signaler ul li {
	padding:5px 8px;
	background:url(/images/ul/graphiques/pointilles_signaler.gif) repeat-x left bottom;
}

#accueil #a_signaler span {
	color:#00AFD4;
	font-size:0.92em;
	line-height:1.2em;
}

#accueil #a_signaler ul h3 {
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#004072;
	margin:0;
}

#accueil #a_signaler ul h3 a {
	color:#004072;
}

#accueil #a_signaler ul h3 a:hover {
	color:#407096;
}

#accueil #a_signaler a.plus {
	display:block;
	width:310px;
	height:14px;	
	margin:10px 8px 12px 10px;
	padding:3px 18px 3px 5px;
	text-align:right;
	font-size:0.92em;
	line-height:1.1em;
	color:#444;
	text-decoration:none;
	background:#C3CBD6 url(/images/ul/graphiques/plus_pros.gif) no-repeat 318px 4px;
}

#accueil #a_signaler a.plus:hover {
	text-decoration:underline;
	background-position:318px -35px;
}


/* Trouver une décision */
#accueil #services_trouver {
	margin-bottom:22px;
}

#accueil #services_trouver h2 {
	margin-bottom:8px;
}

#accueil #services_trouver .fcktexte {
	margin:0 20px 18px 20px;
}

#accueil #services_trouver ul {
	list-style-type:none;
	margin:4px 0 0 0;
	padding:0;
}

#accueil #services_trouver li {
	line-height:1.1em;
	background:url(/images/ul/graphiques/puce_acc_citoyens_trouver.gif) no-repeat 0 4px;
	padding:3px 0 3px 16px;
	color:#444;
}

#accueil #services_trouver li a {
	font-weight:bold;
	text-decoration:none;
	color:#444;
}

#accueil #services_trouver li a:hover {
	text-decoration:underline;
	color:#444;
}

/* Trouver une loi */

#accueil #translation ul {
	list-style-type:none;
	margin:4px 0 0 0;
	padding:0;
}

#accueil #translation li {
	line-height:1.1em;
	background:url(/images/ul/graphiques/puce_acc_citoyens_trouver.gif) no-repeat 0 4px;
	padding:3px 0 3px 16px;
	color:#444;
}

#accueil #translation li a {
	font-weight:bold;
	text-decoration:none;
	color:#444;
}

#accueil #translation li a:hover {
	text-decoration:underline;
	color:#444;
}

#accueil #colonne_aide a.plus {
	display:block;
	width:147px;
	height:14px;
	margin:0 auto;
	padding:3px 18px 3px 5px;
	text-align:right;
	font-size:0.92em;
	line-height:1.1em;
	color:#444;
	text-decoration:none;
	background:#d3e7cb url(/images/ul/graphiques/plus_citoyens.gif) no-repeat 156px 4px;
}

#accueil #colonne_aide a.plus:hover {
	text-decoration:underline;
	background-position:156px -35px;
}


/* English Translation */
#accueil #translation h2 {
	margin-bottom:8px;
}

#accueil #translation .fcktexte {
	margin:0 20px 6px 20px;
}

/* DÉCISIONS A LA UNE
-----------------------------------------*/

#decisions div.liste {
	float:right;
	width:170px;
}

#decisions div.decision {
	float:left;
	width:310px;	
}


#decisions ul {
	list-style-type:none;
	margin:0 12px;
	padding:0;
}

#decisions ul li {
	padding:5px 8px;
	background:url(/images/ul/graphiques/pointilles_signaler.gif) repeat-x left bottom;
}

#decisions span.date {
	color:#00AFD4;
	font-size:0.92em;
	line-height:2em;
}

#decisions a.doc {
	font-style:italic;
	text-decoration:none;
	color:black;
}

#decisions h3 {
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#004072;
	margin:0px 0px 3px 0px;
}

#decisions h3 a {
	color:#004072 !important;
}

#decisions ul h3 a:hover {
	color:#407096;
}

#decisions a.plus {
	display:block;
	width:127px;
	height:14px;	
	margin:10px 8px 12px 10px;
	padding:3px 18px 3px 5px;
	text-align:right;
	font-size:0.92em;
	line-height:1.1em;
	color:#444;
	text-decoration:none;
	background:#d3e7cb url(/images/ul/graphiques/plus_citoyens.gif) no-repeat 136px 4px;
}

#decisions a.plus:hover {
	text-decoration:underline;
	background-position:136px -35px;
}


/* RECHERCHE D'UNE DÉCISION
-----------------------------------------*/
#decision_recherche h3 {
	margin-bottom:2px;
}

/* Formulaires types */
#decision_recherche #types {	
	width:594px; /* Important pour IE6 */
	position:relative;
	margin:12px 0;
	padding-bottom:20px;
	background:url(/images/ul/tuiles/decision_recherche_types.gif) repeat-y left top;
}

#decision_recherche #types .type {
	float:left;
	width:292px;
}
#decision_recherche #types .type_dernier {
	float:right;
}

#decision_recherche #types h4 {
	padding:7px 10px 7px 10px;
	background-color:#7CB865;
	border-left:10px solid #0A6400;
	font:bold 1.08em/1.2em Arial, Verdana, sans-serif;
	color:#fff;
	margin:0;
}

#decision_recherche #types form {
	margin:12px 20px 0 20px;
	padding-bottom:12px; /* En padding au lieu de margin pour IE6 */
}

#decision_recherche #types ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#decision_recherche #types li {
	padding-bottom:6px;
}

#decision_recherche #types input,
#decision_recherche #types select {
	border:1px solid #444;
	padding:2px;
	font:1em/1.25em Arial, Verdana, sans-serif;
	color:#444;
}
#decision_recherche #types input.mots_cles {
	width:248px;
}
#decision_recherche #types input.date {
	width:90px;
}

#decision_recherche #types .bouton {
	position:absolute;
	left:190px;
	bottom:12px;
	border:0;
	padding:0;
}
#decision_recherche #types .type_dernier .bouton {
	left:492px;
}


/* Information supplémentaire */
#decision_recherche #info_supp {
	margin:12px 0;
	padding:10px 20px;
	background-color:#f4f4f4;
}

#decision_recherche #info_supp h4 {
	margin-bottom:6px;
}

#decision_recherche #info_supp ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#decision_recherche #info_supp li {
	padding:2px 0;
}

#decision_recherche #info_supp ul a {
	color:#004072;
}

#decision_recherche #info_supp ul a:hover {
	color:#407096;
}


/* Résultats - Paramètres */
#decision_recherche #parametres {
	margin-top:5px;
	background-color:#F6F6F6;
}

#decision_recherche #parametres a {
	float:right;
	margin:7px 5px 0 0;
	padding:3px 8px;
	border:1px solid #CCCCCC;
	color:#444;
	font-weight:bold;
	font-size:0.92em;
	line-height:1.2em;
	text-decoration:none;
	background:url(/images/ul/boutons/autre_recherche.gif) no-repeat left center;
}

#decision_recherche #parametres a:hover {
	color:#fff;
	background-position:right center;
	border-color:#458a2b;
}

#decision_recherche #parametres table {
	margin-left:10px;
	font-size:0.92em;
	line-height:1.2em;	
}

#decision_recherche #parametres th {
	border-right:2px solid #fff;
	padding:4px 9px 1px 9px;
	color:#989898;
	font-weight:normal;
}

#decision_recherche #parametres td {
	border-right:2px solid #fff;
	padding:0 9px 4px 9px;
	font-weight:bold;
}


/* Résultats */
#decision_recherche table#resultats {
	margin-top:18px;
	border-collapse:collapse;
}

#decision_recherche table#resultats caption {
	color:#50A032;
	padding:0 0 4px 18px;
	font-size:1.5em;
	line-height:1.2em;
	font-weight:bold;	
	text-align:left;
}

#decision_recherche table#resultats caption span {
	font-size:0.67em;
	line-height:1.2em;
	font-weight:normal;
}

#decision_recherche table#resultats th {
	padding:5px 18px;
	background-color:#ccc;
	text-align:left;
	font-size:0.92em;
	line-height:1.2em;
	font-weight:normal;
	border:2px solid #fff;
}

#decision_recherche table#resultats th.date {
	padding:5px 8px;
	width:70px;
}

#decision_recherche table#resultats td {
	padding:5px 18px;
	background-color:#F6F6F6;
	border:2px solid #fff;
}

#decision_recherche table#resultats td.date {
	padding:5px 8px;
	color:#00AFD4;
}

#decision_recherche table#resultats a {
	font-weight:bold;
	color:#252525;
	text-decoration:none;
}

#decision_recherche table#resultats a:hover {
	text-decoration:underline;
}


/* TRIBUNAUX ET ORGANISMES RÉPERTORIÉS
-----------------------------------------*/
#tribunaux table.listing {
	margin-top:10px;
	border-collapse:collapse;
	font-size:0.84em;
	line-height:1.2em;
}

#tribunaux table.listing th {
	padding:4px 8px;
	text-align:left;
	font-weight:normal;
	border:2px solid #fff;
	background-color:#ccc;
}

#tribunaux table.listing th.date {
	width:100px;
}

#tribunaux table.listing td {
	padding:4px 8px;
	border:2px solid #fff;
	background-color:#f6f6f6;
}

#tribunaux table.listing td a {
	color:#444;
}


/* ENGLISH TRANSLATION
-----------------------------------------*/
#translation h4 {
	margin-bottom:5px;
}

#translation #choix_tribunaux {
	margin-bottom:15px;
	padding:6px 10px 6px 18px;
	background-color:#f6f6f6;
}

#translation #choix_tribunaux select {
	border:1px solid #666666;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
	color:#444;
	margin-left:6px;
}


/* SERVICES ÉDITEURS - AUTHENTIFICATION
-----------------------------------------*/
#editeurs #authentification {
	margin-top:20px;
}

#editeurs #authentification h4 {
	margin-bottom:5px;
}

#editeurs #authentification form {
	margin:15px 0 0 0;
}

#editeurs #authentification .gauche {
	float:left;
}

#editeurs #authentification .droite {
	float:right;
	position:relative;
}

#editeurs #authentification input {
	border:1px solid #666;
	font:1em/1.25em Arial, Verdana, sans-serif;
	color:#444;
	width:255px;
}

#editeurs #authentification .droite a {
	position:absolute;
	bottom:-22px;
	left:0;
	font-size:0.92em;
	line-height:1.2em;
}

#editeurs #authentification .bouton {
	text-align:right;
	padding-top:5px;
}

#editeurs #authentification .bouton input {
	border:0;
	width:69px;
}


/* SERVICES UTILISATEURS - FORM CONTACT
-----------------------------------------*/
#questions #contact form {
	margin:10px 0 0 0;
}

#questions #contact form .gauche {
	float:left;
	width:268px;
}

#questions #contact form .droite {
	float:right;
	width:268px;
}

#questions #contact form ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#questions #contact form li {
	padding-bottom:6px;
}

#questions #contact form input,
#questions #contact form li input,
#questions #contact form select,
#questions #contact form li select,
#questions #contact form textarea,
#questions #contact form li textarea {
	border:1px solid #666;
	font:1em/1.2em Arial, Verdana, sans-serif;
	color:#444;
	width:264px;
}

#questions #contact form input.radio,
#questions #contact form li input.radio {
	width: 13px;
	margin-right: 3px;
	border: none;
}

#questions #contact form fieldset,
#questions #contact form li fieldset {
	margin: 0;
	padding: 7px 0 0 0;
	border: 0;
}

#questions #contact form fieldset legend,
#questions #contact form li fieldset legend {
	padding: 0;
	margin: 0;
}

#questions #contact form fieldset legend label,
#questions #contact form li fieldset legend label {
	color: #444444;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#questions #contact form fieldset label,
#questions #contact form li fieldset label {
	font-weight: bold;
}

#questions #contact form fieldset label span,
#questions #contact form li fieldset label span {
	font-weight: normal;
	display: block;
	padding: 0 0 0 18px;
}

#questions #contact form .bouton,
#questions #contact form li .bouton {
	padding-top:10px; /* En padding au lieu de margin pour IE */
	text-align:right;
}

#questions #contact form .bouton input,
#questions #contact form li .bouton input{
	border: 0;
	width: auto !important;
}

/* Capsules éducaloi*/

.capsule_plus img {border:none;}
.capsule_plus a {font-size:0.92em;
	line-height:1.1em;}

.caspule h2.titre {
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	color:#50A032;
	margin:15px 0 5px 0;
	background :none;
	padding:0!important;
}

.plusinfoeducaloi {margin-top: 2em;}

/* Nouvelle page des traductions */
.translations_dedie #decision {width:50%; float:left;}
.translations_dedie #translations_finder {width:45%; float:right;}
.translations_dedie .liste {width: 100%!important;}
#translations_finder form  {padding:0 20px;}
#translations_finder select {width:100%;margin-bottom:5px;}
#translations_finder h2.more {margin:40px 0 0 0;}

.btn-egzakt {background-image:url(//jugements.qc.ca/images/egzakt/fd-btn-vert.gif); border:1px solid #50A032; color:#fff;  text-decoration:none; font-weight:bold; display:inline-block; vertical-align:middle;padding:3px 10px 0 10px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
a.btn-egzakt:hover {color:#039;}
div.ligne-bouton {text-align:right; padding-top:10px;}



/* Décision à la une */

#decisions_vedettes_en div.liste {
	float:right;
	width:170px;
}

#decisions_vedettes_en div.decision {
	float:left;
	width:170px;	
}


#accueil #decisions_vedettes_en ul {
	list-style-type:none;
	margin:0 12px;
	padding:0;
}

#accueil #decisions_vedettes_en ul li {
	padding:5px 8px;
	background:url(/images/ul/graphiques/pointilles_signaler.gif) repeat-x left bottom;
}

#accueil #decisions_vedettes_en span.date {
	color:#00AFD4;
	font-size:0.92em;
	line-height:2em;
}

#accueil #decisions_vedettes_en a.doc {
	font-style:italic;
	text-decoration:none;
	color:black;	
}

#accueil #decisions_vedettes_en h3 {
	font:bold 1em/1.2em Arial, Verdana, sans-serif;
	color:#004072;
	margin:0px 0px 3px 0px;
}

#accueil #decisions_vedettes_en h3 a {
	color:#004072 !important;
}

#accueil #decisions_vedettes_en ul h3 a:hover {
	color:#407096;
}

#accueil #decisions_vedettes_en a.plus {
	display:block;
	width:127px;
	height:14px;	
	margin:10px 8px 12px 10px;
	padding:3px 18px 3px 5px;
	text-align:right;
	font-size:0.92em;
	line-height:1.1em;
	color:#444;
	text-decoration:none;
	background:#d3e7cb url(/images/ul/graphiques/plus_citoyens.gif) no-repeat 136px 4px;
}

#accueil #decisions_vedettes_en a.plus:hover {
	text-decoration:underline;
	background-position:136px -35px;
}
