/* GABARIT.CSS
 * Redefinition des styles de principal.css
 *
---------------------------------------------------------*/

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

body {
	background-color:#7D7C7D;
	margin:0 0 10px;
	color:#1F1F1F;
	width:auto;
}

#wrapper {
	width:1000px;
	margin:0 auto 0 auto;
	background-color:#fff;
}

h1 {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0 0 12px 10px;
	text-transform: uppercase;
	/*position:relative;*/
}

h2 {
	font-size: 1.5em;
	line-height:1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #790131;
	padding: 8px 10px 10px 0px;
	margin:0;
	background: transparent none left bottom repeat-x;
}

h2#titre-general {
	background-color:#790131;
	color:#FFFFFF;
}

h3 {
	font-size: 1.1em;
	line-height:1.1em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	color: #000;
	padding:0;
	margin:18px 0 4px 0;
	color:#21578A;
}


h4 {
	font-size: 1.17em;
	line-height:1.17em;
	font-weight: normal;
	color: #000;
	padding:0;
	margin:2px 0 4px 0;
}



h5 {
	color:#21578A;
	padding:0;
	margin:0 0 4px 0;
	font-size:1.17em;
}

h6 {
	padding:0;
	margin:2px 0 4px 0;
	font-size:1em;
}




/*Classes avec des liens vers les images : on enlève l'URL pour affichage correct du site pour certaines personnes en dev */

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

a.fichier_pdf {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/pdf.gif) right 4px no-repeat;
}
a.fichier_video {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/vid.gif) right 4px no-repeat;
}
a.fichier_dds-1 {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/dds_1.gif) right 4px no-repeat;
}
a.fichier_dds-2 {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/dds_2.gif) right 4px no-repeat;
}
a.fichier_dds-3 {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/dds_3.gif) right 4px no-repeat;
}
a.fichier_dds-4 {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/dds_4.gif) right 4px no-repeat;
}
a.fichier_dds-5 {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/dds_5.gif) right 4px no-repeat;
}
a.fichier_url {
	display:block;
	text-decoration:none;
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/url.gif) right 4px no-repeat;
}
a.fichier_doc {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/doc.gif) right 4px no-repeat;
}
a.fichier_arobas {
	background: transparent url(http://www.barreau.qc.ca/images/icones/fichiers/arobas.gif) right 4px no-repeat;
}

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

.encadre {
	background-image: url(http://www.barreau.qc.ca/images/tuiles/encadre-bg.gif);
}

/* ENTETE
---------------------------------------------------------*/

#entete {
	width: 980px;
	height: 80px;
	padding:10px;
	background:#fff url(http://www.barreau.qc.ca/images/tuiles/entete-new.gif) bottom left repeat-x;
}

#pub_entete {
	float:right;
	width: 470px;
	height: 65px;
	border:0;
}

#pub_entete iframe {
	float:right;
	width: 468px;
	height: 60px;
}

#logo {
	margin:0 0 0 10px;
	padding-top:10px;
	float:left;
}
#logo h1 {
	margin:0;
	padding:0;
}



/* NAVIGATION DU HAUT
----------------------------*/

#nav_entete {
	text-align:right;
	margin-top:3px;
	clear:both;
}

#nav_entete a {
	text-decoration: none;
	/*text-transform:uppercase;*/
	font-size:0.917em;
	line-height:1.083em;
}

#nav_entete a:hover,
#nav_entete a.selected {
	text-decoration: underline;
}

/* NAVIGATION PRIMAIRE
---------------------------------------------------------*/

#navigation {
	border:1px solid #fff;
	border-width:0 1px;
	background:#fff url(http://www.barreau.qc.ca/images/tuiles/navigation-fond.gif) bottom left repeat-x;
	height:43px;
}

#navigation ul {
	margin:0;
	padding:0;
}

#navigation ul.primaire {
	float:left;
	margin-left:10px;
	display:inline; /*IE6*/
}

#navigation ul li {
	display:inline;
	padding:0;
}

#navigation a {
	display: inline; /*IE6*/
	float: left;
	margin: 8px 3px 0 0;
	padding: 3px 20px 4px;
	background:url(http://www.barreau.qc.ca/images/tuiles/navigation-prm-element.gif) left -10px; repeat-x;
	text-decoration: none;
	font-size:1.231em;
	line-height:19px;
	font-weight:bold;
	border-top:4px solid #659FA6;
}

#navigation a:hover { }

#navigation li.barreau a {
	border-color:#659FA6;
}
#navigation li.public a {
	border-color:#D97C21;
}
#navigation li.avocats a {
	border-color:#D2C677;
}
#navigation li.barreau a:hover,
#navigation li.barreau a.selected {
	border-color:#476270;
	background-position:0 -36px;
}
#navigation li.public a:hover,
#navigation li.public a.selected {
	border-color:#9D5E2D;
	background-position:0 -72px;
}
#navigation li.avocats a:hover,
#navigation li.avocats a.selected {
	border-color:#978968;
	background-position:0 -108px;
}

#navigation ul.secondaire {
	margin-right:7px;
	float:right;
	display:inline; /*IE6*/
}

#navigation ul.secondaire a {
	border:0;
	margin-top:12px;
	padding: 4px 15px 3px;
	background:url(http://www.barreau.qc.ca/images/tuiles/navigation-scd-element.gif) left -8px repeat-x;
	font-size:0.923em;
	font-weight:normal;
	color:#790131;
}
#navigation ul.secondaire a:hover,
#navigation ul.secondaire a.selected {
	color:#fff;
	background-position:0 -36px;
}


/* DEBUT CONTENU
---------------------------------------------------------*/

#contenu {
	background:#fff url(http://www.barreau.qc.ca/images/tuiles/contenu.gif) right top repeat-y;
}

#inner_contenu {
	float:left;
	width:840px; /*850*/
	padding:0 0 20px 10px;
}

#entete_contenu {
	position:relative;
}

#contenu_detail { }

.detail {
	margin:44px 10px 20px 0;
	float:right;
	width:618px;
	display:inline;
}

#topic_path {
	width: 800px;
	padding: 3px 20px 6px;
	background-color:#fff;
	font-size:0.917em;
}

#topic_path span { }

#topic_path a {
	color: #6C6B6B;
}

/* ACTUALITÉS/MÉDIAS (GENERAL)
--------------------------------------*/

.ala_une {
	width:600px;
	margin-bottom:10px;
}

.ala_une_entete {
	margin-bottom:0;
	padding-bottom:0;
	height:39px
}

.ala_une_entete img {
	margin-bottom:0;
	padding-bottom:0;
}

.ala_une_contenu {
	background:#630026 url(http://www.barreau.qc.ca/images/tuiles/actualite_une_bg.jpg) top left repeat-y;
	padding:12px 12px 4px;
	margin:0px;
}
.ala_une_contenu h2 {
	color:#fff;
	text-transform:none;
	margin:0;
	padding:0;
	line-height:1em;
	font-size:1.3em;
}

.ala_une_contenu h2 p {
	margin:0;
	padding:0;
}

.ala_une_contenu .suite {
	text-align:right;
}
.ala_une_contenu .suite a {
	color:#c48f9a;
}
.ala_une_contenu .suite a:hover {
	color:#fff;
}

/* À LA UNE - AVIS AU PUBLIC ET AUX MEMBRES
--------------------------------------*/

.ala_une_avis {
	width:628px;
	margin: 0px 0px 20px -18px;
	border:1px solid #6d6d6d;
}

.ala_une_avis_entete {
	margin:0;
	padding: 8px 12px;
	background:#c2c2c2 url(http://www.barreau.qc.ca/images/tuiles/avis_titre_bg.jpg) center left repeat-x;
}

.ala_une_avis_entete h4 {
	color:#790131;
	text-transform:none;
	margin:0;
	padding:0;
}

.ala_une_avis_entete h4 a {
	color:#790131;
	text-decoration:none;
}

.ala_une_avis_entete h4 a:hover {
	color:#6d6d6d;
}

.ala_une_avis_contenu h5 {
	margin:0;
	padding:0;
}

.ala_une_avis_contenu {
	background:#630026 url(http://www.barreau.qc.ca/images/tuiles/avis_texte_bg.jpg) center left repeat-x;
	padding: 8px 12px;
	margin:0px;
}


.ala_une_avis_contenu h2 p {
	margin:0;
	padding:0;
}

/*.ala_une_avis_contenu .suite {
	text-align:right;
}*/
.ala_une_avis_contenu .suite a {
	color:#790131;
	text-decoration:none;
}
.ala_une_avis_contenu .suite a:hover {
	color:#6d6d6d;
	text-decoration:underline;
}

/* Voir publications_categories*/
.actualites_categories ul {
	margin:0;

}
.actualites_categories ul li {
	padding:0 0 5px;
	list-style-type:none;
	background:url(http://www.barreau.qc.ca/images/spacer.gif) left -8px repeat-x;
}
.actualites_categories .intro {
	color:#8c8c8c;
}

/* ACTIONS
-----------------------------------------*/
#actions {
	border-top:20px solid #fff; /*IE6*/
	margin:0 10px 0 17px;
	padding:4px 12px;
	background-color: #F2F2F2;
}

#actions a {
	font-size:0.83em;
	text-decoration:none;
	color:#8C8C8C;
}

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

#actions a#envoyer_ami {
	float:left;
	height:15px;
	padding:0 0 0 20px;
	margin-right:15px;
	background:url(http://www.barreau.qc.ca/images/icones/envoyer.gif) no-repeat 0 0;
}

#actions a#imprimer {
	float:left;
	height:15px;
	padding:0 0 0 20px;
	margin-right:15px;
	background:url(http://www.barreau.qc.ca/images/icones/imprimer.gif) no-repeat 0 0;
}

#actions a#commentaires {
	float:left;
	height:15px;
	padding:0 0 0 20px;
	background:url(http://www.barreau.qc.ca/images/icones/commentaires.gif) no-repeat 0 0;
}

/* SIDE BAR
----------------------------*/

#sidebar {
	float:right;
	width:139px;
}
#sidebar .bloc {
	padding:10px 9px 16px;
	background:transparent url(http://www.barreau.qc.ca/images/tuiles/sidebar-bloc.gif) left bottom repeat-x;
	margin-left:0;
	width:121px;
}
#sidebar .bloc_pubs {
	background:#C3C5C5 url(http://www.barreau.qc.ca/images/tuiles/sidebar-blocpubs-top.gif) left top repeat-x;
}

#sidebar .bloc_pubs .pub {
	text-align:center;
	margin-bottom:10px;
}

#sidebar .bloc_pubs_bas {
	height:4px;
	width:139px;
	padding:0;
}
#sidebar .bloc_dernier {
	background-image:none;
}

#sidebar .bloc_ {
	background:#C3C5C5 url(http://www.barreau.qc.ca/images/tuiles/sidebar-blocpubs-top.gif) left top repeat-x;
}

#sidebar .bloc h4,
#sidebar .bloc label {
	display:block;
	color:#1F1F1F;
	font-size: 1em;
	font-weight:bold;
	margin:0 0 0.5em;
}



/* SITES SATELLITES
----------------------------*/
#sites_sat {
	position:relative;
	height:167px;
	padding-bottom:10px;
}

#sites_sat .site_fenetre {
	margin:10px 11px;
	width:92px;
	height:167px;
	border:1px solid #ccc;
	background-color:#fff;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
#sites_sat .site_conteneur {
	position:absolute;
	top:2px;
	left:-92px;
	width:400px;
	height:100px;
}

#sites_sat .site {
	float:left;
	width:92px;
	display:inline; /*IE6*/
	text-align:center;
}

#sites_sat a.logo {
	display:block;
	width:92px;
	height:75px;
	margin:0 auto;
	padding-bottom:8px;
	border-bottom:1px solid #ccc;
	margin-bottom:8px;
	background: transparent none center center no-repeat;
}
#sites_sat a.titre {
	display:block;
	font-size:0.917em;
	text-decoration:none;
	line-height:1.167em;
	padding:0 4px;
}

#sites_sat a.titre:hover,
#sites_sat a.titre_selected {
	text-decoration:underline;
	color:#575F55;
}

#sites_sat .handle {
	position:absolute;
	display:block;
	top:75px;
	left:-9px;
	width:27px;
	height:40px;
	background:transparent none left top no-repeat;
}
#sites_sat .handle:hover,
#sites_sat .handle_selected {
	background-position: 0 -40px;
}

#sites_sat .handle_left {
	background-image: url(http://www.barreau.qc.ca/images/boutons/sites-sat-left.gif);
}
#sites_sat .handle_right {
	background-image: url(http://www.barreau.qc.ca/images/boutons/sites-sat-right.gif);
	left:100px;
}


/* ACCUEIL
----------------------------*/

.wp_accueil #contenu {
	background:#fff url(http://www.barreau.qc.ca/images/tuiles/sidebar.gif) right top repeat-y;
}

.wp_accueil #inner_contenu {
	padding-top:15px;
}

.wp_accueil #inner_contenu ul a {
	text-decoration:none;
	text-transform:normal;
	color:#1f1f1f !important;
}
.wp_accueil #inner_contenu ul a:hover {
	text-decoration:underline;
}

.wp_accueil #inner_contenu h2 { }

.wp_accueil #inner_contenu h3 { }

.wp_accueil #inner_contenu p {
	margin:0;
	padding:0;
}

.wp_accueil #inner_contenu ul {
	margin:10px;
}
.wp_accueil #inner_contenu ul li {
	background:transparent url(http://www.barreau.qc.ca/images/puces/puce_10.gif) left 5px no-repeat;
	padding:0 0 0.5em 16px;
}

.wp_accueil .bloc {
	float:left;
	width:274px;
	margin-left:10px;
	display:inline; /*IE6*/
}
.wp_accueil .bloc_premier {
	margin-left:0;
	width:272px;
}

.wp_accueil .vedette {
	width:840px; /*IE6*/
}

.wp_accueil .info_mission {
	float:left;
	width:272px;
	margin-left:0;
}
.wp_accueil .info_mission h2 {
	background-image:url(http://www.barreau.qc.ca/images/titres/titre-decoration-1.gif);
	padding:7px 20px;
	line-height:17px;
}
.wp_accueil .info_mission .contenu {
	height:182px;
	padding-top:10px; /*IE*/
}
.wp_accueil #inner_contenu .info_mission .contenu ul {
	margin-top:0; /*IE*/
}

.wp_accueil .bloc_lien a {
	padding-bottom:10px;
}


/* ANIMATION ACCUEIL
----------------------------*/
#animation {
	float:right;
	width:554px; /*558*/
	height:243px;
	border:1px solid #464646;
	padding:1px;
	position:relative;
	overflow:hidden;
	font-size:0.95em;
}

#animation .frame_bottom, 
#animation .frame_top {
	background:#fff none left top no-repeat;
}

#animation .frame_bottom {
	width: 406px;
	height:244px;
}

#animation .frame_top {
	position:absolute;
	top:1px;
	left:1px;
	width: 406px;
	height:244px;
}

#animation .frame_top_span {
	cursor:default;
}

#animation .navigation {
	position:absolute;
	left:407px;
	top:0px;
	height:244px;
	width:147px;
	border-left:1px solid #fff;
	background-color:#626264;
}

#animation .navigation a {
	display:block;
	color:#1f1f1f;
	background:#d6d7d9 url(http://www.barreau.qc.ca/images/tuiles/animation-lien.gif) left bottom repeat-x;
	border-top:1px solid #fff;
	padding:5px 10px 0;
	height:55px; /*61*/
	text-decoration:none;
	line-height:1em;
}

#animation .navigation a strong {
	color:#013148;
	display:block;
}

#animation .navigation a.selected {
	background:#013148 none;
	color:#fff;
}
#animation .navigation a.selected strong {
	color:#fff;
}

#animation div.selected {
	display:none;
	position:absolute;
	top:1px;
	left:388px;
	height:60px;
	width:20px;
	background:transparent url(http://www.barreau.qc.ca/images/puces/animation-selected.png) left top no-repeat;
}



/* ACCUEIL BARREAU-PUBLIC-AVOCATS
------------------------------------------*/
.wp_accueil .principales {
	background:transparent url(http://www.barreau.qc.ca/images/tuiles/accueil-principales.gif) left top repeat-y;
	border-top:10px solid #fff;
	margin-bottom:10px;
	clear:both;
	width:840px; /*IE6 Bug*/
}

/* ACCUEIL NOUVELLES-FORMATIONS
------------------------------------------*/
.wp_accueil .bloc_nouvelles h2,
.wp_accueil .bloc_formations h2 {
	background-image: url(http://www.barreau.qc.ca/images/titres/titre-decoration-2.gif);
	background-position: left bottom;
}

.wp_accueil .bloc_nouvelles .nouvelle {
	/*padding:15px 20px 0px;*/
	padding:10px 10px 10px 10px;
	/*clear:both;*/
}

.wp_accueil .secondaires {
	margin-top:15px;
	clear:both;
}

.wp_accueil .secondaires .bloc_lien a {
	padding-bottom:4px;
}

.wp_accueil .secondaires .bloc_nouvelles,
.wp_accueil .secondaires .bloc_lien_premier {
	width:556px;
	margin-left:0;
}

.wp_accueil .secondaires .bloc_formations {
	width:274px;
}

.wp_accueil .secondaires .bloc_formations .formation { }

.wp_accueil .secondaires .bloc_formations .titre,
.wp_accueil .secondaires .bloc_formations .intro {
	width:180px;
}

.info_public { }

.info_avocats { }

.info_public a:hover, .info_avocats a:hover, .info_evenements a:hover, .info_barreau a:hover, .info_mission a:hover, .accueil a:hover {
	text-decoration:underline;
}

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

.info_avocats h2 {
	background-image: url(http://www.barreau.qc.ca/images/titres/titre-decoration-avocats.gif);
}
.info_barreau h2 {
	background-image: url(http://www.barreau.qc.ca/images/titres/titre-decoration-barreau.gif);
}
.info_public h2 {
	background-image: url(http://www.barreau.qc.ca/images/titres/titre-decoration-public.gif);
}

/* BAS
---------------------------------------------------------*/
#bas {
	margin-top: 1px;
	background: #F4F4F5 url(http://www.barreau.qc.ca/images/tuiles/bas.gif) left top no-repeat;
	padding: 0 0 10px;
	border-bottom:10px solid #F4F4F5;
}

#bas .bloc {
	float:left;
	width:232px; /*272*/
	padding:14px 20px 0;
	margin-left:10px;
}

#bas .bloc h2 {
	margin:0 0 0.667em;
	padding:0;
	color:#000;
	font-size:1.167em;
	text-transform:none;
	font-weight:normal;
}

#bas .bloc h2 a {
	text-decoration:none;
	color:#1F1F1F;
}
#bas .bloc h2 a:hover {
	color:#1F1F1F;
	text-decoration:underline;
}

#bas .bloc ul {
	margin:0;
	padding:0;
}

#bas .bloc ul li {
	padding:0 0 0.5em;
	font-size:0.917em;
}

#bas .bloc ul li a {
	color:#6B696A;
	text-decoration:none;
}
#bas .bloc ul li a:hover,
#bas .bloc ul li a.selected,
#bas #politiques a {
	color:#6B696A;
	text-decoration:underline;
}

#signature {
	float: right;
	text-transform: uppercase;
}
#signature a {
	color:#fff;
	text-decoration:none;
}

#politiques {
	float:right;
	width:110px; /*140*/
	padding:16px 15px 2px;
	text-align:center;
}

#politiques p {
	font-size:0.917em;
	margin:0.833em 0;
}

#infosite {
	width:1000px;
	margin:2px auto 0 auto;
	color:#fff;
	font-size:0.917em;
}


/*OUTILS DE RECHERCHE DE GOOGLE DANS LES PAGES DES COMMUNIQUÉS, PUBLICATIONS, ETC.*/

/**
 * Minimalist theme - GOOGLE dans les pages des positions, des communiqués, des publications
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse.gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  font-family:  'Trebuchet MS', Arial, Verdana, sans-serif;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
/* Search form */
.cse form.gsc-search-box,
form.gsc-search-box {
  padding: 0px 4px 2px 6px;
  margin-bottom: 6px;
}
.cse .gsc-branding-text,
.gsc-branding-text {
  color: #000000;
}
.cse td.gsc-input,
td.gsc-input {
  padding-right: 0;
}
.cse .gsc-search-box,
.gsc-search-box {
  border-collapse: collapse;
}
/* Search input */
.cse input.gsc-input,
input.gsc-input {
  font-family: inherit;
  border: 1px solid;
  border-color: #777777;
  padding: 3px;
  width: 99%;
  font-size: 12px;
  height:20px;   
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 2px #000000;
  padding: 3px 8px 4px 8px;
  background-color: #333333;
  border: 1px solid;
  border-color: #333333;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  height:28px;
}
/* Base tab selector styles */
.cse .gsc-tabHeader,
.gsc-tabHeader {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #000000;
  padding: 2px 8px 0 8px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  background-color: #777777;
  border: 1px solid;
  border-color: #777777;
  border-bottom: none;
  color: #ffffff;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #333333;
  border: 1px solid;
  border-color: #333333;
  border-bottom: none;
  color: #ffffff;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #333333;
  padding: 0;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  margin: 0;
  border: block;
}
/* Wrapper for all results */
.cse .gsc-results,
.gsc-results {
  width: 100%;
  margin-top: 1em;
}
/* Uber-wrapper for a result. Add padding to elements within a result block */
.cse .gs-result .gs-title,
.gs-result .gs-title,
.cse .gs-result .gs-snippet,
.gs-result .gs-snippet,
.cse .gs-result .gs-visibleUrl,
.gs-result .gs-visibleUrl,
  padding: 0;
}
/* Font size */
.cse .gs-result .gs-title,
.gs-result .gs-title,
.cse .gs-result .gs-snippet,
.gs-result .gs-snippet {
  font-size: 14px;
  line-height: 18px;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: 0 0 0 .5em;
  border-left: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border-left: 1px solid;
  border-color: #000000;
}
/* Set link colors. */
.cse .gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link,
.cse .gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link b,
.cse .gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited,
.cse .gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:visited b,
.cse .gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover,
.cse .gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:hover b,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse .gsc-trailing-more-results:link,
.gsc-trailing-more-results:link {
  color: #444444;
}
.cse .gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active,
.cse .gs-webResult.gs-result a.gs-title:active b,
.gs-webResult.gs-result a.gs-title:active b {
  color: #777777;
}
/* Snippet text color */
.cse .gs-webResult.gs-result .gs-snippet,
.gs-webResult.gs-result .gs-snippet {
  color: #333333;
}
/* URL text color */
.cse .gs-webResult.gs-result .gs-visibleUrl,
.gs-webResult.gs-result .gs-visibleUrl,
.cse .gs-webResult.gs-result .gs-visibleUrl-short,
.gs-webResult.gs-result .gs-visibleUrl-short {
  color: #000000;
  font-weight: bold;
}
/* Pagination container centered */
.cse .gsc-cursor-box,
.gsc-cursor-box {
  border-top: 1px dotted;
  border-color: #333333;
  padding: .5em 0 0 .5em;
  text-align: left;
}
/* Selected pagination */
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page,
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  color: #fff;
  background-color: #333333;
  text-shadow: 0 1px 1px #000;
  padding: 0 5px;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #E6E6E6;
  border: 1px solid;
  border-color: #CCCCCC;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #444444;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #00CC00;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #333333;
}
/* Promotion url */
.cse .gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #00CC00;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #CCCCCC;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 15px;
  position: absolute;
  background: white;
  border: 1px solid #777777;
  padding: 3px;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult.gs-result .gs-visibleUrl-short {
  display: none;
}
.gs-webResult.gs-result .gs-visibleUrl-long {
  display: block;
}



/*OUTILS DE RECHERCHE DE GOOGLE DANS LES PAGES DES COMMUNIQUÉS, PUBLICATIONS, ETC.*/

/**
 * Minimalist theme - GOOGLE dans les pages des positions, des communiqués, des publications
 *POUR AFFICHER UN 2E MOTEUR DE RECHERCHE DANS UNE MÊME PAGE
 */
/* Slight reset to make the preview have ample padding. */
.cse2 .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse2 .gsc-branding,
.gsc-branding {
  display: none;
}
.cse2.gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse2 .gsc-control-cse,
.gsc-control-cse {
  font-family:  'Trebuchet MS', Arial, Verdana, sans-serif;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse2 .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
/* Search form */
.cse2 form.gsc-search-box,
form.gsc-search-box {
  padding: 0px 4px 2px 6px;
  margin-bottom: 6px;
}
.cse2 .gsc-branding-text,
.gsc-branding-text {
  color: #000000;
}
.cse2 td.gsc-input,
td.gsc-input {
  padding-right: 0;
}
.cse2 .gsc-search-box,
.gsc-search-box {
  border-collapse: collapse;
}
/* Search input */
.cse2 input.gsc-input,
input.gsc-input {
  font-family: inherit;
  border: 1px solid;
  border-color: #777777;
  padding: 3px;
  width: 99%;
  font-size: 12px;
  height:20px;   
}
/* Search button */
.cse2 input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 2px #000000;
  padding: 3px 8px 4px 8px;
  background-color: #333333;
  border: 1px solid;
  border-color: #333333;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  height:28px;
}
/* Base tab selector styles */
.cse2 .gsc-tabHeader,
.gsc-tabHeader {
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #000000;
  padding: 2px 8px 0 8px;
}
/* Inactive tab */
.cse2 .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  background-color: #777777;
  border: 1px solid;
  border-color: #777777;
  border-bottom: none;
  color: #ffffff;
}
/* Active tab */
.cse2 .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #333333;
  border: 1px solid;
  border-color: #333333;
  border-bottom: none;
  color: #ffffff;
}
/* This is the tab bar bottom border. */
.cse2 .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #333333;
  padding: 0;
}
.cse2 .gsc-resultsHeader,
.gsc-resultsHeader {
  margin: 0;
  border: block;
}
/* Wrapper for all results */
.cse2 .gsc-results,
.gsc-results {
  width: 100%;
  margin-top: 1em;
}
/* Uber-wrapper for a result. Add padding to elements within a result block */
.cse2 .gs-result .gs-title,
.gs-result .gs-title,
.cse2 .gs-result .gs-snippet,
.gs-result .gs-snippet,
.cse2 .gs-result .gs-visibleUrl,
.gs-result .gs-visibleUrl,
  padding: 0;
}
/* Font size */
.cse2 .gs-result .gs-title,
.gs-result .gs-title,
.cse2 .gs-result .gs-snippet,
.gs-result .gs-snippet {
  font-size: 14px;
  line-height: 18px;
}
/* Inner wrapper for a result */
.cse2 .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: 0 0 0 .5em;
  border-left: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse2 .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border-left: 1px solid;
  border-color: #000000;
}
/* Set link colors. */
.cse2 .gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link,
.cse2 .gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link b,
.cse2 .gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited,
.cse2 .gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:visited b,
.cse2 .gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover,
.cse2 .gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:hover b,
.cse2 .gsc-cursor-page,
.gsc-cursor-page,
.cse2 .gsc-trailing-more-results:link,
.gsc-trailing-more-results:link {
  color: #444444;
}
.cse2 .gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active,
.cse2 .gs-webResult.gs-result a.gs-title:active b,
.gs-webResult.gs-result a.gs-title:active b {
  color: #777777;
}
/* Snippet text color */
.cse2 .gs-webResult.gs-result .gs-snippet,
.gs-webResult.gs-result .gs-snippet {
  color: #333333;
}
/* URL text color */
.cse2 .gs-webResult.gs-result .gs-visibleUrl,
.gs-webResult.gs-result .gs-visibleUrl,
.cse2 .gs-webResult.gs-result .gs-visibleUrl-short,
.gs-webResult.gs-result .gs-visibleUrl-short {
  color: #000000;
  font-weight: bold;
}
/* Pagination container centered */
.cse2 .gsc-cursor-box,
.gsc-cursor-box {
  border-top: 1px dotted;
  border-color: #333333;
  padding: .5em 0 0 .5em;
  text-align: left;
}
/* Selected pagination */
.cse2 .gsc-results .gsc-cursor-page.gsc-cursor-current-page,
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  color: #fff;
  background-color: #333333;
  text-shadow: 0 1px 1px #000;
  padding: 0 5px;
}
/*Promotion Settings*/
/* The entire promo */
.cse2 .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #E6E6E6;
  border: 1px solid;
  border-color: #CCCCCC;
}
/* Promotion image */
.cse2 .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse2 .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse2 .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse2 .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #444444;
}
.cse2 .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #00CC00;
}
/* Promotion snippet */
.cse2 .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #333333;
}
/* Promotion url */
.cse2 .gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #00CC00;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #CCCCCC;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 15px;
  position: absolute;
  background: white;
  border: 1px solid #777777;
  padding: 3px;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult.gs-result .gs-visibleUrl-short {
  display: none;
}
.gs-webResult.gs-result .gs-visibleUrl-long {
  display: block;
}

/* Table des matières pour les archives du Journal en HTML*/

.TdM { 
width:200px; 
float:left;
font-size: 0.79em;
margin:0px 30px 0px 0px;
}

.TdM dt { 
font-weight:bold;
}

.TdM ul { 
margin:0px 0px 0px 0px;
}

.TdM ul li { 
margin:2px 0px;
padding:0px 0px 0px 10px;
}

.TdM ul li a, .TdM dt a {
	color:#790131;
	outline:none; /*FF*/
	text-decoration:none;
	
}

.TdM ul li a:hover, .TdM dt a:hover {
	color:#1F1F1F;
	text-decoration:underline;
}


.TdM ul li a:visited, .TdM dt a:visited {
	color:#1F1F1F;
}


/* BASE DES SECTIONS
----------------------------*/

h2.section {
	padding:20px;
	font-size:2.333em;
	color:#1F1F1F;
	background-color:#D2C879;
	font-weight:normal;
	height:28px;
	border-bottom:15px solid #fff;
}

.definiraccueil {
	position:relative;
}
.definiraccueil a {
	position:absolute;
	left:666px;
	top:-71px;
	display:block;
	background:transparent none 13px 10px no-repeat;
	color:#fff;
	width:115px; /*168*/
	height:36px; /*44*/
	padding:8px 4px 0 45px;
	font-size:0.917em;
	text-decoration:none;
	line-height:1.25em;
}
.definiraccueil a:hover {
	color:#fff;
	background-color:#484647;
	text-decoration:underline;
}

#contenu_detail .alerte {
	border:1px solid #808080;
	margin-bottom:10px;
	width:628px;
}

#contenu_detail .alerte .entete {
	background:#fff none left bottom repeat-x;
	padding:10px 20px 0;
	height:30px;
}

#contenu_detail .alerte .entete h3 {
	display:inline;
	color:#790131;
	text-transform:none;
}
#contenu_detail .alerte .entete .date {
	display:inline;
	font-size:1.083em;
}

#contenu_detail .alerte .fermer {
	position:relative;
}

#contenu_detail .alerte .fermer a {
	display:block;
	position:absolute;
	height:19px;
	left:547px;
	width:50px;
	padding:10px 15px;
	background:#fff url(http://www.barreau.qc.ca/images/boutons/fermer.gif) 56px 14px no-repeat;
	font-size:0.917em;
	text-decoration:none;
}

#contenu_detail .alerte .fermer a:hover {
	color:#1f1f1f;
	text-decoration:underline;
	background-position:-132px 14px;
}


#contenu_detail .alerte .contenu {
	padding:10px 20px;
	color:#484647;
}

#contenu_detail .alerte .contenu h4 {
	font-size:1.333em;
	margin-bottom:0;
	font-weight:bold;
}
#contenu_detail .alerte .contenu h4 a {
	text-decoration:none;
}
#contenu_detail .alerte .contenu h4 a:hover {
	text-decoration:underline;
	color:#1f1f1f;
}


.bloc h2 {
	color:#1F1F1F;
	font-weight:normal;
	text-transform:none;
	padding:7px 20px;
}

.bloc h3 {
	margin:0.25em 0;
}

.bloc .titre a {
	text-decoration:none;
	text-transform:none;
	line-height:1.083em;
}
.bloc .titre a:hover,
.bloc .titre a:hover {
	text-decoration:underline;
}

.bloc .date {
	padding:0
}

.bloc_nouvelles,
.bloc_lien_premier
.bloc_titre_section {
	width:377px;
	float:left;
	margin-left:0;
	display:inline; /*IE6*/
}

.large {
	width:630px;
}

.bloc_nouvelles h2,
.bloc_formations h2
.bloc_titre_section h2 {
	background-image: url(http://www.barreau.qc.ca/images/titres/titre-decoration-3.gif);
	background-position: left top;
}

.bloc_evenements h2 {
	background-image: url(http://www.barreau.qc.ca/images/titres/titre-decoration-2.gif);
	background-position: left bottom;
}


.bloc_formations .formation,
.bloc_evenements .evenement {
	/*padding:15px 20px 0px;*/
	padding:10px 20px 10px 20px;
	clear:both;
}

.bloc_evenements .titre{
	width:250px;
}

.bloc_nouvelles .nouvelle {
	/*padding:15px 20px 0px;*/
	padding:20px 20px 10px 20px;
	/*clear:both;*/
}



.bloc_outils,
.bloc_formations,
.bloc_evenements {
	clear:right;
	float:right;
	width:243px;
	display:inline; /*IE6*/
	margin-left:10px;
}


.bloc_outils {
	margin-bottom:15px;
	width:241px;
	/*border:1px solid #ccc;*/
	font-size:0.9em;
}

.bloc_page_principale {
	clear:right;
	width:600px;
	/*display:inline; /*IE6*/
	margin-left:10px;
	margin-bottom:15px;
	font-size:0.9em;
}




.bloc_outils a.outil, 
.bloc_page_principale  a.outil  {
	margin:0 20px 10px 10px;;
	padding:5px 0 0 0;
	display:block;
	font-size:1.167em;
	line-height:1.167em;
	font-weight:bold;
	border-top:1px dashed #ccc;
	background: #FFF url(http://www.barreau.qc.ca/images/puces/puce-liens-vers.gif) right 7px no-repeat;
}

.bloc_page_principale span {
	font-size:0.846em;
	font-weight:normal;
	margin:0;
	padding:0;
	
}

.bloc_outils a.outil_premier {
	border:0;
	margin-top:5px;
}

.bloc_outils a.outil:hover, 
.bloc_page_principale a.outil:hover {
	text-decoration:underline;
	background-position: right -82px;
}

.bloc_formations .formation {
	width:234px; /*IE*/
}


.bloc_evenements .evenement {
	width:203px; /*IE*/
	clear:both;
}

.bloc_formations .formation h3,
.bloc_evenements .evenement h3 {
	margin-top:0;
}


.bloc_nouvelles .nouvelle .intro,
.bloc_formations .formation .intro,
.bloc_evenements .evenement .intro {
	color:#484647;
	display:inline;
	font-size:0.917em;
	line-height:1.231em;
	

}
.bloc_formations .formation .intro {
	color:#1F1F1F;
}

.bloc_formations .date,

.encadre_fco {
        position:relative;
	left:-10px;
}

.bloc_evenements .date {
	line-height:1em;
	color: #790131; /*#1F1F1F;*/
	text-transform:uppercase;
	text-align:center;
	float:left;
	width:32px;
	padding:3px;
	border:1px solid #790131; /*#696969;*/
	margin-top:3px;
	font-weight:bold;
	display:inline; /*IE6*/
	background:transparent url(http://www.barreau.qc.ca/images/tuiles/date.gif) left bottom repeat-x;
	text-decoration:none !important;
}
.bloc_formations .date b,
.bloc_evenements .date b,
.bloc_formations .date em,
.bloc_evenements .date em {
	color:#787878;
	font-style:normal;
}
.bloc_formations .titre,
.bloc_formations .intro,
.bloc_evenements .titre,
.bloc_evenements .intro {
	float:right;
	width:150px;
}

/*.bloc_evenements .titre {
	position:relative;
	left:35px;
	top:-45px;
	float:right;
	width:190px;
}

.bloc_evenements .intro {
	position:relative;
	top:-45px;
}*/


.bloc_nouvelles p {
	padding:0px;
	margin:0px;
}

.bloc_nouvelles .filtres {
	background-color:#E9E9E9;
	padding:8px 8px 0 20px;
	margin-top:3px;
	font-size:0.846em;
	line-height:1.083em;
	height:25px; /*33*/
}


.bloc_nouvelles .filtres ul {
	margin:0;
	padding:0;
	float:right;
}


.bloc_nouvelles .filtres ul li {
	display:inline;
	padding:0;
}


.bloc_nouvelles .filtres ul li a {
	float:left;
	background-color:#C3C5C6;
	color:#1F1F1F;
	padding:2px 8px;
	text-decoration:none;
	margin-left:4px;
	display:inline; /*IE6*/
}


.bloc_nouvelles .filtres ul li a:hover,
.bloc_nouvelles .filtres ul li.selected a {
	background-color:#1F1F1F;
	color:#fff;
}


/* boutons CTA FCO */


.buttonctafco {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 20px 0px 20px;
    border: 1px solid #0347bd;
    border-radius: 8px;
    background: #0686ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#0686ff), to(#0347bd));
    background: -moz-linear-gradient(top, #0686ff, #0347bd);
    background: linear-gradient(to bottom, #0686ff, #0347bd);
    text-shadow: #022a6f 1px 1px 1px;
    font: normal normal bold 14px arial;
    color: #ffffff;
    text-decoration: none;
}
.buttonctafco:hover,
.buttonctafco:focus {
    border: 1px solid #0454de;
    background: #07a1ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#07a1ff), to(#0455e3));
    background: -moz-linear-gradient(top, #07a1ff, #0455e3);
    background: linear-gradient(to bottom, #07a1ff, #0455e3);
    color: #ffffff;
    text-decoration: none;
}
.buttonctafco:active {
    background: #0347bd;
    background: -webkit-gradient(linear, left top, left bottom, from(#0347bd), to(#0347bd));
    background: -moz-linear-gradient(top, #0347bd, #0347bd);
    background: linear-gradient(to bottom, #0347bd, #0347bd);
}
.buttonctafco:after{
    content:  "\0000a0";
    display: inline-block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    margin: 0 -4px -6px 4px;
    position: relative;
    top: 1px;
    left: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnUlEQVQ4jdWTMQoDIRBFvyFezcrGE+jRnDMkvYW1dxEEmxFNETbVanZZUkQQhOF/3p8ZxRgDV87tkvpnBkT0IKIhhMB2zxJoYwy8918btIxwxOQ+KzDzG0XrzWQ3x5Qg54xSCmqtUEqBiHZJpgStNfTe0XvHalemBlLKzzuEAGvtuQjMDGZGjBHOuekcl01MKS3FK4LnETEAiP//TC/H5knW47fP0QAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}