/* CSS Document */
body{
	font-family: Arial,Helvetica,sans-serif!important;	
	margin:0 auto!important;
	font-size:16px!important;
	max-width:1200px;
	min-width: 360px;
	background:#DDD url(../images/PQ_bg.jpg) no-repeat fixed !important;
}

#main{	
	background-color:#FFF;
}

#piv_menu_princ{	
	background-color:#FFF;
}

h2,h3 {
	font-weight:bold!important;
	font-size:1em!important;
}

img {
	vertical-align:inherit!important;
}

table{
	border-collapse:separate;
	border-spacing:1px;
}

/*pemet de corriger l'interpretation d'un tr vide par le html 5, un tr vide en html 5 n'a pas de hauteur.*/
table,tr
{
	height:17px;
}
.texte_petit{
	font-size:0.8em;}
h1{ 
	color:#0b4e7f!important;
	font-size:1em;
	padding:0;
	margin:0;
	font-weight:bold!important;
	margin-bottom: 10px;
}
ol, ul{
	list-style:none;
	margin:0!important;
	padding:0!important;	
}
.modal-code-geo ol{
	list-style-type: decimal;
	padding-left:40px!important;
}
.modal-code-geo ul{
	list-style-type: disc;
	padding-left:40px!important;
}
li{
	margin:0;
	padding:0;		
}
.processus-embauche{margin-bottom:10px !important;}
.processus-embauche li{padding:5px; text-align:center;color:#0b4e7f;}
.processus-embauche h4{color:#0b4e7f; margin:0; font-weight:bold; font-size:26px;}

.taghaut{font-weight:bold;
	font-size:1em;}
	
a:link, a:active, a:visited{
	text-decoration:none;	
}
a:hover{
	text-decoration:underline;
	color:#006195;
}
hr{
	height:0;
	border:0;
	border-top:1px solid #0b4e7f;
	margin:0!important;
}
.clear_both{
	clear:both;
}
.fright{
	float:right;
	margin:5px 5px 0 0;
}
/*** Images ***/
img{
	border:0;
}
/*** utilisé pour placer l'image ads au bout des titres de tableaux **/
.valignbottom{
 vertical-align:bottom;
	}

/*** Paragraphes ***/
p{text-align:justify;}


/** mettre du texte en gras **/
.gras {
	font-weight:bold;
}
.italique{
	font-style:italic;
}
/*Utiliser pour centrer le logo de OCCQ dans le theme culture*/
.centre{
	 margin-left:5em;
}

.width_650 {
	width:650px;
}

/* Forcer la largeur et hauteur des images de gauche (lorsque requis) dans les pages de publication */	
.img_pub
{
	width:190px;
	height:246px;
}
/** aligne le texte au centre (ex: image de gauche dans une page htm de publication ) **/
.align_centre{ text-align:center;}	
/** aligne le texte à droite (ex: Imprimer) **/
.align_droit{
	text-align:right;
}
/** aligne le texte à droite (ex: Imprimer) **/
.align_left{
	text-align:left;
}
/** indentation d'un bloc d'information **/
/* .indentation{
	margin-left:25px !important;	
} */
/** offrir de l'espace au-dessus de l'objet **/
.espaceur{
	margin-top:25px !important;	
}
/** offrir de l'espace entre le li **/
.espace_li{
	margin-top:10px !important;	
}
/* espacement horizontal du PIPE */
.spacer{
	padding:0 15px;
}
.taille_titre{ 
	font-size:1.5em;
}
h2.taille_titre{ 
	font-size:1.5em!important;
	color:#0b4e7f;
}
/* permet de modifier le curseur en ? */
.acronyme{
	cursor:help;	
}

div.tableau_flex
{
	margin:0px;
	padding:0px;
    
	display:flex;
	flex-direction:row;
	/*flex-wrap:nowrap;*/
}

div.tableau_flex_acces_info
{
	margin:0;
	padding:0;
   display: -ms-flexbox;
   width:100%;
	display:flex;
	-ms-flex-direction:row;
	/*flex-wrap:nowrap;*/
}
div.tableau_flex_frais_dep
{
	margin:0;
	padding:0;
   display: -ms-flexbox;
   width:100%;
	display:flex;
	-ms-flex-direction:row;
	/*flex-wrap:nowrap;*/
}
div.tableau_flex_frais_dep div
{ padding:0 0 5px 0;
  width:240px;
}
/*page soutien social*/
div.tableau_flex_SS
{
	margin:0;
	padding:0;
   display: -ms-flexbox;
/*   width:100%;*/
	display:flex;
	-ms-flex-direction:row;
	/*flex-wrap:nowrap;*/
}

div.tableau_flex_SS div
{ padding:5px;
  width:350px;
 /* border:solid 1px;*/
}

.telecharger{
    color: #006195;
    font-size: 15px;
    margin-left: 15px;
    margin-right: 5px;
}
/*utile pour la page frais et depense*/
.ligne{     
    border-bottom-color: #0b4e7f;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 3px;
	margin:5px 0 8px 0;  
}

div.tableau_flex_acces_info div
{ padding:5px;
  width:100%;
  border:solid 1px;
}
.fond_gris{background-color:#DDD;}

/*utile pour les tableux fait avec la macro excel*/
.img-excel {
	display:inline-block;
	width: 20px;
	height: 16px;
	vertical-align:bottom;

}
.ma-bulle {
	display: none;
	font-size: 1.0em;
	position: absolute;
	background-color: #FFF;
	/*top: -5px;*/
	/*left: -100px;*/
	width: 250px;
	height: 200px;
	padding: 5px;
	margin-top:-5px;
	border: 2px solid #b1d55b;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/** indentation d'un bloc d'information on simule deux colonne sur la meme ligne voir page statistiques/agriculture/etat-cultures/index.html **/
.indentationListeGauche{
	float:left;
	margin-right:0px;
	width:220px;
	
}
.indentationListeDroit{
	float:right;
	margin-right:0px;
	width:220px;
		
}
/** indentation d'un bloc d'information on simule deux colonne sur la meme ligne voir page statistiques/agriculture/production-laitiere/index.html **/
.indentationListeGaucheTbl{
	float:left;
	width:50%;
	background-color:#efecea;
	padding-bottom:13px;
	
}
.indentationListeDroitTbl{
	float:right;
	width:50%;
	padding-top:5px;
	background-color:#efecea;
	
}
/* va servir pour cette page file:///P:/expl/HMI/statistiques/culture/index.html*/
.indentationListeGauchecol{
	float:left;
	width:45%;
	background-color:#efecea;
	
}
.indentationListeDroitcol{
	float:left;
	width:50%;
	background-color:#efecea;
	
}
/* va servir pour la page signe conventionnel*/
.indentationSigneGauchecol{
	float:left;
	width:100px;
}
.indentationSigneDroitcol{
	float:left;
	width:50%;	
}
.indentationListeGaucheTbl li{ 
	padding-top:13px;
}
.indentationListeDroitTbl li{ 
	padding-top:4px;
}
/** Pour ne pas afficher les labels ou autres objets **/
.invisible{
	display:none;
	visibility: visible;
}
.texte_input{
    min-height:15px;
	height:0.938em; 
	font-size:0.8em;
	border:#bebebe solid 1px; 
	border-radius:4px;		   
    margin:0;
    padding:3px 5px;	
}
.texte_note{
	font-size:0.8em;
	}
.lien_pair{	
	padding:5px 0 5px 10px;
}
.lien_impair{ 
	background-color:#efecea;
	padding:5px 0 5px 10px;
} 

p.haut-de-page {
    margin: 10px 5px 0 0;
    text-align: right;
}
p.haut-de-page a{
    background: url("../images/haut-de-page.gif") no-repeat scroll left center transparent;
    padding-left:13px;
}

/*******************/
/* css de l'entête */
/*******************/
header[role="banner"]{
	min-width:1018px;
	width:63.625em;/*1018px; */
	margin:0px auto;
	min-height:145px; 
	height:9.063em;/*145px; */
	position:relative;
	background-color:#fff;
	overflow:visible;
	/*box-shadow:0 0 9px 1px rgba(0,0,0,0.3);*/
}

/******************************/
/* css de l'entête (SANS PIV) */
/******************************/
header[role="banner-no-piv"]{
	/*min-width:1018px;
	width:63.625em;*/
	margin:0px auto;
	position:relative;
	background-color:#fff;
	overflow:visible;
	/*box-shadow:0 0 9px 1px rgba(0,0,0,0.3);*/
}
header[role="banner-no-piv"] #piv{
	min-width:auto;
	width: calc(100% - 214px);
}

/**************/
/* css du PIV */
/**************/
#piv{
	background-color:#039;
	min-height:14px;
	position:absolute;
	top:63px;
	min-width:805px;
	width:50.313em;
	font-size:0.75em;
	padding-top:1px;
	text-align:right;
	display:inline;
}
#piv ul, #piv li{
	padding:0 0 0 20px; 
	float:left;
}
#piv a:link, #piv a:visited, #piv a:active, #piv a:hover{
	text-decoration:none;
	color:#fff;
} 
#lang{
	float:right;
	margin-right:15px;
}
#liens-piv {
	font-size:0.75em;
}
/*************************/
/* css du menu principal */
/*************************/
#menu_principal {
	min-width:1066px;
	width:63.625em;
	min-height:45px;
	height:2.8125em;
	background:url(../images/hmi_menu_coin.png) no-repeat left bottom;
	position:relative;
	left:-24px;
	font-size:1em;
	clear:both;
}
#menu_principal ul {
	min-width:1018px;
	width:60.625em;
	min-height:30px;
	height:1.875em;
	padding:0 24px;	
	background:#000 url(../images/hmi_menu_noir.gif) repeat-x left top;
}
#menu_principal li {
	float:left;
	padding:0 1px 0 0;
	background:url(../images/hmi_menu_separateur.gif) no-repeat right top;
}
#menu_principal a:link, #menu_principal a:visited, #menu_principal a:active, .menu_actif{
	display:block;
	text-decoration:none;
	color:#fff;
	text-align:center;
	padding-top:6px;
	height:24px;
	/*height:1.5em;*/
}
.menu_actif2{
	background:url(../images/hmi_menu_principal_over.gif) repeat-x left top;
	height:30px;
    color:#000!important;
}

#menu_principal a:hover, .menu_actif {
	background:url(../images/hmi_menu_principal_over.gif) repeat-x left top;
	height:30px;
	color:#000;
}
#serv{min-width:177px; width:11.063em;}
#stat{min-width:237px; width:14.813em;}
#enqt{min-width:135px; width:8.438em;}
/*#jeun{min-width:126px; width:7.875em;}*/
#inst{min-width:132px; width:8.250em;}
#pres{min-width:178px; width:11.125em;}
#menu_principal li#site{padding:0; min-width:154px; width:9.625em; background:none;}

/***************/
/* css du main */
/***************/
div[role="main"]{
	background-color:#fff;
	clear:both;
	margin:0 auto;
	padding: 0 15px;
}

/***********************/
/* css du fil d'ariane */ 
/***********************/
#ariane{
	padding:10px 0;
	font-size: 0.75em;
}
#ariane>a {
	display:none;
}
#ariane>ol {
	display:flex;
}
#ariane li {
	padding:0 13px 0 8px;
	background:url(../images/hmi_crochet_gris.png) no-repeat right 4px; 
}
#ariane li.actif{
	background:none;
	padding:0 0 0 8px;
}
#ariane a:link, #ariane a:visited, #ariane a:active{
	text-decoration:none;
	color:#626262;
} 
#ariane a:hover{
	text-decoration:underline;
	color:#626262;
}
/* Social */
#social {
	font-size:0.75em;
}
#faceb{
	position:absolute;
	right:46px;
	top:0;
}
#tweet{
	position:absolute;
	right:15px;
	top:0;
}
#abonm{
	position:absolute;
	right:40px;
	top:0;
}


/***************************************************************************/
/* css du menu bleu de la page d'accueil pour Statistiques et Publications */ 
/***************************************************************************/
.menu_stat_publ{
	min-height:250px;
	height:15.625em;
	margin-top:8px;
	background:#c9e5fa url(../images/hmi_menu_accu.gif) repeat-x left top;
	position:relative;
	padding:0;
	clear:both;
}
.menu_stat_publ img {
	padding-top:8px;
}

span.nav_slider{
    font-size: 0.7em;
    color: rgba(11, 78, 127, 0.33);    
}
span.nav_slider:hover{
	color: rgba(11, 78, 127, 0.5);
	cursor: pointer;
}

.lbl_stat_1{
	position:absolute;
	top:35px;
	left:285px;
	min-width:695px;/*695*/
/*	float:left;*/
	border-bottom-color:#79c3ec; 
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom:2px;
	width:20.625em;
}

.lbl_stat_2{
	position:absolute;
	top:35px;
	left:657px;
	min-width:300px;
	/*width:18.75em;*/
}
.lbl_stat_3{
	position:absolute;
	top:55px;
	left:280px;
	min-width:300px;
	/*width:18.75em;*/
}

.menu_titre_un
{
	float:left;
	width:230px;
	font-size: 0.8em;
}
.menu_titre_deux
{
	float:left;
	width:180px;
	font-size: 0.8em;
}
.menu_titre_trois
{
	float:left;
	width:175px;
	font-size: 0.8em;
}
.menu_titre_trois_an
{
	float:left;
	width:135px;
	font-size: 0.8em;
}
/*.menu_titre_quatre_an
{
	float:left;
	width:140px;
	font-size: 0.8em;
}*/
/*.menu_titre_quatre
{
	float:left;
	width:110px;
	font-size: 0.8em;
}*/


.menu_col_1{
	position:absolute;
	top:74px;
	left:280px;
	min-width:310px;
	width:19.375em;
	font-size:0.75em;
}
.menu_col_2{
	position:absolute;
	top:74px;
	left:605px;/*54.5em;657px;*/
	min-width:300px;
	width:18.75em;
	font-size:0.75em;
}
.menu_publ_recent{
	position:absolute;
	top:64px;
	left:280px;
	min-width:665px;
	width:41.563em;
	font-size:0.75em;
}
.menu_stat_publ li{
	background:url(../images/hmi_crochet_noir.png) no-repeat left 5px;
	padding-left:12px;
	margin:1px 0;
}
.menu_stat_publ a:link, .menu_stat_publ a:visited, .menu_stat_publ a:active{
	text-decoration:none;
	color:#000;
}
.menu_stat_publ a:hover{
	color:#000; 
	text-decoration:underline;
}

#nouvelle_theme{
	text-align:right;
}

/** Principaux indicateurs */
/* menu bleu, liste des principaux indicateurs */
.nav_indic
{
	position:absolute;
	top:64px;
	left:280px;
	width:675px;
	font-size:0.75em;
}
.indic_col_gauche_1
{
	display:inline-block;
	background:url(../images/hmi_crochet_noir.png) no-repeat left 5px;
	padding-left:12px;
	margin:3px 0;
	width:240px;
}
.indic_col_droite_1
{
	display:inline-block;
	width:78px;
	text-align:right;
}
.indic_col_gauche_2
{
	display:inline-block;
	background:url(../images/hmi_crochet_noir.png) no-repeat left 5px;
	padding-left:12px;
	margin-left:15px;
	width:230px;
}
.indic_col_droite_2
{
	display:inline-block;
	width:78px;
	text-align:right;
}

.img_fleche{
	margin-right:5px;
	padding-top:0 !important;
	display:inline !important;
}


.menu_princ_indic{
	min-height:250px;
	height:15.625em;
	margin-top:8px;
	background:#c9e5fa url(../images/hmi_menu_accu.gif) repeat-x left top;
	position:relative;
	padding:0;
	clear:both;
}
.menu_princ_indic img {
	padding-top:8px;
}
.menu_princ_indic li{
	background:url(../images/hmi_crochet_noir.png) no-repeat left 5px;
	padding-left:12px;
	margin:3px 0;
}
.menu_princ_indic a:link, .menu_princ_indic a:visited, .menu_princ_indic a:active{
	text-decoration:none;
	color:#000;
}
.menu_princ_indic a:hover{
	color:#000; 
	text-decoration:underline;
}

.index_bandeau_indic_col_gauche
{
	display:inline-block;
	width:210px;
}

.index_bandeau_indic_col_droite
{
	display:inline;
	width:70px;
	text-align:right;
	float:right;
}

.alignement_droit_li
{ position:absolute;
right:0;
margin-right:25px;
	}

.text_indic_date
{
	font-size:0.8em;
	float:left;
}
/** Fin Principaux indicateurs **/

/****************************************************/
/* css de la section nouvelle de la page d'accueil  */ 
/****************************************************/
#nouvelles{
	float:left; 
	min-width:663px;
	width:41.438em;
	margin:15px 10px 0 25px; 
}
#nouvelles > header{
	border-bottom-color:#006595; 
	border-bottom-style:solid; 
	border-bottom-width:1px;
	padding-bottom:3px;
	position:relative;
}
#nouvelles > header h1{
	display:inline;
	margin-right:20px;	
}
#nouvelles > header img{
	vertical-align:text-bottom;
}
#nouvelles article{
	margin:20px 0 5px 0;
	font-size:0.8em;
}
#nouvelles article > header{
	font-weight:bold;
}
/* positionnement du crochet différent pour IE, voir son CSS isq-ie8.css */
.lst_crochet li{
	background:url(../images/hmi_crochet_noir.png) no-repeat left 6px;
	padding-left:12px;
	margin:4px 0 8px 0;
}
/* positionnement du crochet page document prise de décision différent pour IE, voir son CSS isq-ie8.css */
.lst_crochet2 li{
	background:url(../images/hmi_crochet_noir.png) no-repeat left 6px;
	padding-left:12px;
	margin:5px 0 5px 0;
}
/* positionnement du crochet page soutien social et entraide différent pour IE, voir son CSS isq-ie8.css */
.lst_crochet3{
	background:url(../images/hmi_crochet_noir.png) no-repeat left 6px;
	padding-left:12px;
	margin:5px 0 5px 0;
}
/* positionnement du crochet page pop up pour region dans page accueil et archive nouvelle, voir son CSS isq-ie8.css */
.lst_crochet4 li{
	background:url(../images/hmi_crochet_noir.png) no-repeat left 6px;
	padding-left:12px;
	margin:4px 0 0 0;
}
/*positionnement du crochet pour la page du code geo*/
.lst_crochet5 li{
	background:url(../images/hmi_crochet_noir.png) no-repeat left 6px;
	padding-left:12px;
	/*margin:4px 0 0 0;*/
}
#toutes_nouvl{
	display:block;
	position:absolute;
	right:0;
	bottom:3px;
	background:url(../images/hmi_btn_nouvl.gif) no-repeat right center;
	font-size:0.8em;
	padding-right:20px;
}

/***********************************************/
/* css de la zone droite de la page d'accueil  */ 
/***********************************************/
#aside_accu{
	float:right;
	width:300px;
	margin:15px 10px 0 5px; 
}
#aside_accu hr{
	height:1px;
	background-color:#0b4e7f;
	border:0;
	width:90%;
}
#aside_accu img{
	margin:10px 5px 10px 15px;
}

/*************************************************/
/* css pour les pages d'accueil alternatives     */ 
/************************************************
#aside_accu_alternatif_1{
	float:right;
	width:300px;
	margin:15px 10px 0 5px; 
}
#aside_accu_alternatif_1 hr{
	height:1px;
	background-color:#c8c8c8;
	border:0;
	width:90%;
}
#aside_accu_alternatif_1 img{
	margin:10px 5px 10px 15px;
}
*/
#pub_accu{
	margin:15px 30px 0 30px; 
}
#pub_accu hr{
	height:1px;
	background-color:#0b4e7f;
	border:0;

}
#pub_accu img{
	margin:10px 20px 10px 0;
}

/*************************************************************************************************/
/* le titre du menu est un h1, dans une zone grise ou verte dans les menus de droite et de gauche*/
/*************************************************************************************************/
[role=navigation].menu_droit {
    background: #EEE;
	border-radius:5px;
}

.menu_h1_gris{
	margin: 0 0 10px 0;
    border-bottom: 1px #0b4e7f solid;
    color: #0b4e7f;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

.menu_h1_vert{
	padding:5px;
	border-bottom: 1px #0b4e7f solid;
	color:#0b4e7f;
	font-size:14px;
	font-weight:bold;
	margin-top:0;
}
.menu_h1_vert a:link, .menu_h1_vert a:visited, .menu_h1_vert a:active{
	/*color:#000;*/
	text-decoration:none;
	display: block;
}

.menu_h1_vert_2_lign{
	min-height:35px;
	height:2.188em;
	border:#bebebe solid 1px;
	border-radius:7px 7px 0 0;
	background:url(../images/hmi_menu_vert_2_lign.gif) repeat-x left top;
	padding-left:7px;
	padding-top:6px;
	padding-bottom:2px;
	font-size:0.75em;
	color:#000; 
}
.menu_h1_vert_2_lign a:link, .menu_h1_vert_2_lign a:visited, .menu_h1_vert_2_lign a:active{
	color:#000;
	text-decoration:none;
	display: block;
} 
.menu_h1_vert_2_lign:hover {
	color:#000;
}

.menu_h1_vert_3_lign{
	min-height:35px;
	height:2.188em;
	border:#bebebe solid 1px;
	border-radius:7px 7px 0 0;
	background:url(../images/hmi_menu_vert_2_lign.gif) repeat-x left top;
	padding-left:7px;
	padding-top:6px;
	padding-bottom:2px;
	font-size:0.55em;
	color:#000; 
}
.menu_h1_vert_3_lign a:link, .menu_h1_vert_3_lign a:visited, .menu_h1_vert_3_lign a:active{
	color:#000;
	text-decoration:none;
	display: block;
} 
.menu_h1_vert_3_lign:hover {
	color:#000;
}

/**********************************************************/
/* css de la partie de gauche, commune à toutes les pages */ 
/* le plus souvent les menus                              */
/**********************************************************/
/* Définition de la zone */
#zone_gauche{
	width:220px;
	display:inline-block;
	vertical-align:top;
}
#zone_gauche .zone_droite {
	margin-left:0;
	width: 220px;
}

#menu_de_gauche{
	margin-bottom:15px;
}

/* Structure du niveau 1 du menu */
.menu_gauche>ul {
	list-style: none;
    padding-left: 15px!important;
}
.menu_gauche>ul>li {
	background: url(../images/hmi_crochet_noir.png) no-repeat 4px 5px;
    margin-left: -15px;
	border-radius: 5px;
    padding: 0 5px 0 15px;
    font-size: 0.75em;
}
 
.menu_gauche>ul>li:hover {
	background-color:#b1d55b;
}
/* le menu actif est vert, accompagné d'une puce */
.niv_1_actif{
	background-color:#b1d55b!important;
}

.niv_1_vide{
	background-color:#FFFFFF;
	color:#000; 
	border-left:#bebebe solid 0px;
	border-right:#bebebe solid 0px;
	border-bottom:#bebebe solid 1px;
	font-size:0.75em;	
	padding:1px 5px;
} 

/* Positionnement de la puce verte dans le menu gauche (positionnement différent pour IE, voir son CSS)*/
.puce_verte_simple{
	display:none;
}
.puce_verte_double{
	display:none;
}
.puce_verte_triple{
	display:none;
}

/* Structure du niveau 2 du menu */ 
.menu_gauche>ul>li.niv_2, .menu_gauche>ul>li.niv_2_actif{
	margin-left:0;
}

/* le menu actif est blanc, caractère gras */
.niv_2_actif, .niv_2_actif:hover{	
	color:#000; 
	font-weight:bold;
	background-color:#fff!important;
}
.niv_2_actif a:link, .niv_2_actif a:visited, .niv_2_actif a:active{
	color:#000;
	text-decoration:none;
	display: block;
} 

/* Structure du niveau 3 du menu*/ 
.niv_3{
	color:#000; 
	border-left:#bebebe solid 1px;
	border-right:#bebebe solid 1px;
	border-bottom:#bebebe solid 1px;
	background-color:#fff;
	padding:5px 5px 5px 40px;
	font-size:0.75em;
}
.niv_3 a:link, .niv_3 a:visited, .niv_3 a:active{
	color:#000;
	text-decoration:none;
	display: block;
} 
.niv_3:hover {
	font-weight:bold;
	color:#000;
}
.niv_3_actif{	
	color:#000; 
	border-left:#bebebe solid 1px;
	border-right:#bebebe solid 1px;
	border-bottom:#bebebe solid 1px;
	font-weight:bold;
	background-color:#fff;
	padding:5px 5px 5px 40px;
	font-size:0.75em;
}
.niv_3_actif a:link, .niv_3_actif a:visited, .niv_3_actif a:active{
	color:#000;
	text-decoration:none;
	display: block;
} 

/* Si menu de niveau 3, le menu de niveau 2 actif est gris */
.niv_2_actif_niv3{	
	color:#000; 
	border-left:#bebebe solid 1px;
	border-right:#bebebe solid 1px;
	border-bottom:#bebebe solid 1px;
	font-weight:bold;
	background-color:#efecea;
	padding:5px 5px 5px 25px;
	font-size:0.8em;
}
.niv_2_actif_niv3 a:link, .niv_2_actif_niv3 a:visited, .niv_2_actif_niv3 a:active{
	color:#000;
	text-decoration:none;
	display: block;
} 

/*********************************************/
/* partie centrale des pages à deux colonnes */ 
/*********************************************/
#contenu_droit{
	margin: 0 0 0 10px;
    font-size: 0.8em;
    width: calc(100% - 235px);
    display: inline-block;
    vertical-align: top;
}
#contenu_droit h1{ 
	display: inline;
    color: #0b4e7f;
    font-size: 18px;
    margin-top: 0;
	margin-bottom:10px;
}

/********************************************************/
/* Pour les publications enchassées dans contenu_droit  */
/* et qui n'ont pas de bouton S'abonner, on utilise     */
/* l'intégralité de la div pour afficher le titre       */
/********************************************************/
.h1_publ{
	min-width:699px;
}
/********************************************************/
#contenu_droit h2{ 
	font-size:1.2em;
	padding:0;
	margin:5px 0;
	color:#0b4e7f;
	font-weight:normal;
}

#contenu_droit hr{
	height:1px;
	background-color:#0b4e7f;
	border:0;
}
#contenu_droit > header{
	position:relative;
	margin-bottom: 10px;
}
#contenu_droit > header img{
	vertical-align:text-top;
	margin-right:8px;
}

/* contenu avec listes : puces disponibles :*/
.puce_pleine{
	list-style:disc;
	margin-left:15px!important;
}
.puce_vide{
	margin-left:-20px;
	padding:5px;
}
.no_puce li{
	/*list-style:circle;*/
	margin-left:25px;
}
.no_puce_l_50 li{
	/*list-style:circle;*/
	margin-left:50px;
}
.puce_cercle li{
	list-style:circle;
	margin-left:50px;
}

/**********************************************/
/* Pour les pages de recensement              */ 
/**********************************************/
.nav_ancres{
	float:left;
	margin:3px;
	width:130px;
}
.nav_ancres_popu{
	margin:3px;
	width:230px;
	display: inline-block;
    vertical-align: top;
}
.frightpub{
	float:right;
	margin:5px 5px 0 0;
	font-size:0.85em;
	font-weight:bold;
}
.nav_ancres_popu2{
	float:left;
	margin:3px;
	width:300px;
}
.nav_ancres_inter{
	float:left;
	margin:3px;
	width:160px; 
}
.listeGauche{
	float:left;
	margin:3px;
	width:50px; 
}
.listeDroit{
	float:left;
	margin:3px;
	width:800px; 
}

#contenu_droit h3{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 0px;
}
#contenu_droit h4{
	font-size:0.9em;
	padding:0;
	margin:15px 0 0 0;
}

/**********************************************/
/* partie centrale des pages à trois colonnes */ 
/**********************************************/
#contenu_centre{
	padding-left: 10px;
	width:calc(100% - 225px);
	font-size:0.8em;
	display:inline-block;
	vertical-align:top;
}

#contenu_centre header{
	margin-bottom: 10px;
}

#contenu_centre header h1{
	display:inline;
	color:#0b4e7f;
	font-size:18px;
	margin-top:0;
}

#contenu_centre h1.pleine-largeur{
	width:503px;
}

#contenu_centre h2{
	font-size:1.2em;
	padding:0;
	margin:20px 0 5px 0;
}
#contenu_centre h3{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 0px;
}
#contenu_centre h4{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 10px;
}
#contenu_centre h5{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 15px;
}

#contenu_centre > header img{
	vertical-align:text-top;
	margin-right:8px;
}

#contenu_centre li{
	margin-top:5px;}

#abonmt{
	font-size: 0.85em;
    float: right;
}
/*****************************/
/* css des fenêtres modales  */
/*****************************/
.justifier{
	text-align:justify;
}
.fentr_modal{
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	z-index:10000;
}

.fentr_modal h1{
	color:#0b4e7f; 
	font-size:1.5em;
	font-weight:normal;
	padding:0;
	margin:0;
}

.fentr_modal h2{
	font-size:1.2em;
	padding:0;
	margin:20px 0 5px 0;
}

/********/
/* Construction de la boite des abonnements de la page d'accueil*/
.mes_abonmt{
	margin:20px 10px 0 0;
	float:left;
	min-width:223px;
	width:13.938em;
}
.label_abonmt{
	font-size:0.75em;	   
    margin:0 5px 0 5px;
	min-width:79px;
	width:4.938em;
	display:inline-block;
}
.input_abonmt{
    min-height:17px;
	height:1.063em;
	min-width:120px;
    width:7.500em; 
	font-size:0.8em;
	border:#bebebe solid 1px; 
	border-radius:4px;		   
    margin:5px 5px 0 5px;
}
.lien_abonmt{
	font-size:0.75em;	   
    margin:5px 5px 0 5px;
	width:130px;
	display:inline-block;
}
.btn_abonmt{
	float:right;
	margin:5px 5px 0 0;
}

/* Utilisé pour afficher les boites à cocher dans les Abonnements du client */
.span_checkbox{
	min-width:20px;
	margin-top:2px;
	width:1.250em;
	display:inline-block;
	vertical-align:top;
}
.span_text_box{
	min-width:425px; 
	width:26.5625em;
	display:inline-block;
	vertical-align:top;
}
.span_box_tab_pub{
	min-width:940px; 
	width:58.750em;
	display:inline-block;
	vertical-align:top;
}
.abndivGauche{
	float:left;
	vertical-align:top;
	width:470px; 
	margin-bottom:20px;
}
.abndivDroite{
	float:right;
	vertical-align:top;
	width:465px; 
}

/******************************/
/*jquery ui autocomplete*/
/*********************************/
.ui-menu .ui-menu-item a {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    min-height: 0;
    padding-bottom: 2px;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 2px;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
}
.ui-widget-content a {
    color: #006195;
}

/**********************************************/
/* partie centrale des pages à trois colonnes page de publication */ 
/**********************************************/
#contenu_centre_pub{
	margin:25px 10px 0;
	font-size:0.8em;
	float:left;
	min-width:455px;
	width:28.438em;	
}

#contenu_centre_pub h1{
	display:inline-block;
	color:#0b4e7f; 
	width:455px;
	font-size:1.5em;
	font-weight:normal;
	padding:0;
	margin:0;
}

#contenu_centre_pub h2{
	font-size:1.2em;
	padding:0;
	margin:20px 0 5px 0;
}
#contenu_centre_pub h3{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 0px;
}
#contenu_centre_pub h4{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 10px;
}
#contenu_centre_pub h5{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 15px;
}
#contenu_centre_pub > header{
	position:relative;
}

#contenu_centre_pub > header img{
	vertical-align:text-top;
	margin-right:8px;
}


/********************************************/
/* partie droite des pages à trois colonnes */ 
/********************************************/
.zone_droite{
	width:230px;
	float:right;
	background-color:#fff;
	padding-left:10px;
}
.zone_droite>.tabl_indic>*+*{
	padding-top:15px;
}

.niv_ul{
	color: #000;
    margin: 0;
    text-align: center;
    padding-bottom: 5px!important;
    padding: 0;
}
.niv_li{
	color:#000;
	background:url(../images/hmi_crochet_noir.png) no-repeat left; 
	margin-left:10px;
	padding:5px 5px 5px 10px;
}


/* classe pour le tableau des indicateurs clés (liste d'images) */
.indic_li{
	color:#000; 
	margin:0;
	display: inline-block;
	font-size:0.75em;
}

/***************************************************************************************************************************/
/* partie centrale des pages Statistiques et publications; les tableaux et publications occupent la totalité de la colonne */ 
/***************************************************************************************************************************/

#contenu_tabl_stat{
	margin:0 0 0 10px;
	font-size:0.8em;
	float:left;
	min-width:747px; 
	width:46.688em;
	left:245px;

}
#contenu_tabl_stat h1{
	display:inline-block;
	color:#0b4e7f; 
	width:559px;
	font-size:1.5em;
	font-weight:normal;
	padding:0;
	margin:0;
}
#contenu_tabl_stat h2{
	font-size:1.2em;
	padding:0;
	margin:10px 0 5px 0;
}
#contenu_tabl_stat h3{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 0px;
}
#contenu_tabl_stat h4{
	font-size:1em;
	padding:0;
	margin:10px 0 5px 10px;
}
#contenu_tabl_stat > header{
	position:relative;
}
#contenu_tabl_stat > header img{
	vertical-align:text-top;
	margin-right:8px;
}

#contenu_tabl_stat hr{
	height:1px;
	background-color:#0b4e7f;
	border:0;
	width:100%;
}
#contenu_tabl_stat li{
	margin-top:3px;}

/******************************************************/
/* partie centrale des pages tableaux et cartographie */ 
/******************************************************/
#contenu_table{
	margin:25px 10px 0px;
	border:0;
	padding:0;
	min-width:940px;
	font-size:0.8em;
	background-color:#FFFFFF;
}

/* ligne verte sous les images tableau représentation carto et tableau personnalisé */
#tabl_cart{
	border-bottom:#b1d55b solid 2px;
	height:43px;
/*	position:relative;
	margin-bottom:10px;*/
	height:45px;
}

/*#contenu_table table{ background-color:#FFFFFF;}*/

#contenu_table h1{
	font-size:1em;
	padding:0;
	margin:10px 0 15px;
}
#contenu_table h2{
	font-size:1em;
	padding:0;
	margin:10px 0 0;
}
/* position du bouton Classification dans les pages tableaux */
.class_pos{
	top:0;
	right:0;
	float:right; 
	position:absolute;
}
#contenu_table img {
	margin:0;
	padding:0;
}


/**************************************************************/
/* Pour les pages de coup d'oeil sur les régions, 2 colonnes, */
/* mais celle de droite est divisée en 2 sections             */ 
/**************************************************************/
#coup_oeil_droit{
	margin:25px 0 0 15px;
	font-size:0.8em;
	float:left;
	min-width:700px; 
	width:750px;
}


/* Largeur du menu et définition de son entête pour la section coup oeil des régions*/
.menu_gauche_region{
	float:left;
	min-width:236px;
	width:13.813em;
	margin:20px 10px 0 15px;
}

#coup_oeil_droit h1{ 
	color:#0b4e7f; 
	font-size:1.5em;
	font-weight:normal;
	padding:0;
	margin:0;
}
#coup_oeil_droit h2{
	font-size:1.2em;
	padding:0;
	margin:20px 0 5px 0;
}
#coup_oeil_droit h3{
	font-size:1em;
	padding:0;
	margin:15px 0 0;
}
#coup_oeil_droit h4{
	font-size:0.9em;
	padding:6px;
	margin:15px 0 0;
}

.miseajour{
	color:#CC3333;
	font-size:0.8em;
	vertical-align:text-top;
}

#partie_carte{
	float:left;
	min-width:370px;	
	width:400px;
}
#partie_profil{
	float:right;	
	min-width:300px;
	/*width:18.75em;*/
}
.imprm_region{
	min-height:25px;
	height:1.563em;
	margin:5px;
	border:#bebebe solid 1px; 
	border-radius:4px;
	padding:3px 5px;		
}
.iframe_region{
	min-width:300px; 
	width:18.75em;
	min-height:460px;
	height:28.75em;
}


/******************************/
/* page archive des nouvelles */
/******************************/
.menu_nouvelle{
	float:left;
	margin:3px;
	width:300px; 
}
/******************************/
/* page économie */
/******************************/
.menu_nouvelle2{
	margin:3px;
	width:220px; 
	vertical-align: top;
    display: inline-block;
}

/***************************************************************************/
/* pages sans colonne comme Accessibilité, Nous joindre, specialistes,     */
/* activités,...                                                           */
/***************************************************************************/
#lien_externe{
	margin:25px 0 0 170px;
	font-size:0.8em;
	width:644px; 	
}
#lien_externe h1{
	color:#0b4e7f; 
	font-size:1.5em;
	font-weight:normal;
	padding:0;
	margin:0;
}
#lien_externe h2{
	font-size:1.2em;
	padding:0;
	margin:20px 0 5px 0;
}
#lien_externe hr{
	height:1px;
	background-color:#0b4e7f;
	border:0;
}
.demi_page{
	float:left;
	width:300px;
}
.desc_gauche{
	width:250px; 
	display:inline-block;
	margin:5px 0;
}
.desc_fonction{
	 width:374px; 
	 display:inline-block; 
	 vertical-align:text-top;
}

/*************************/
/* page des publications */
/*************************/
.div_select{
	margin-top:10px;
}
.boite_select{
    min-height:23px;
	border:#bebebe solid 1px; 
	border-radius:4px;		   
    margin:0;
    padding:2px 5px;
	max-width:680px;
}
.boite_select_error{
    min-height:25px;
	border:#F00 solid 2px; 
	border-radius:4px;		   
    margin:0;
    padding:3px 5px;
}
input[type="image"]{vertical-align:top;}

/* Permet d'aligner les boutons OK par rapport aux listes */
.bordure_img{
	margin:0 10px 0 15px;
}
.doc_li{
	background:url(../images/hmi_crochet_noir.png) no-repeat left 6px;
	padding-left:12px;
	margin:1px 0 8px 0;
	text-align:justify;
}

/********************************************************/
/* alignement des icones sous l'image de la publication */
/********************************************************/
#nav_partage{
	margin:0 0 0 36px;
	padding:0 0 0 25px;
	height:29px;
	background:#fff url(../images/hmi_partager_publc.gif) no-repeat left top;
	display:block!important;
}
#nav_partage ul{
	margin:-5px 0 0 0;
	font-size:0.6em;
}
#nav_partage li{
	float:left;
	margin:8px 10px 0 0;
}

/******************************************************/
/* css de la page Plan du site                        */ 
/******************************************************/
.pleine_largeur{
	margin:0px 15px;
	border:0;
	padding:0;
	width:988px;
	font-size:0.8em; 
}
.pleine_largeur h1{ 
	font-size:1.5em;
	color:#0b4e7f; 
	font-weight:normal;
	padding:0;
	margin:0;
}
.pleine_largeur h2{ 
	font-size:1.2em;
	padding:0;
	margin:15px 0 5px 0;
	background-color:#efecea;
}
.pleine_largeur h3{ 
	font-size:1em;
	padding:10px 0 0 10px;
	margin:0;
}
.pleine_largeur li{
	width:450px; 
	padding:2px 0 0 20px; 
	margin:0;
}
.divGauche{
	/*float:left; */
	display:inline-block;
	vertical-align:top;
	width:470px; 
	margin-bottom:20px;
}
.divDroite{
	/*float:right; */
	display:inline-block;
	vertical-align:top;
	width:465px; 
}

/******************************************************/
/* css de la page Définitions, Classifications, etc   */ 
/******************************************************/
#contenu_classif{
	margin:0 15px 0px 15px;
	border:0;
	padding:0;
/*	min-width:940px;*/
	font-size:0.8em;
	background-color:#FFF;
}
.clasf_actif{
	font-weight:bold;
	font-size:1.2em;
	padding:0 3px;
}
.clasf_h2{
	font-weight:bold;
	font-size:1.2em;
	color: #0B4E7F;
}

/***************/
/* css du pied */
/***************/
footer{
	padding-top:25px;
	padding-bottom:10px;
	clear:both;
	width:auto;
	margin:0 auto;
	background-color:#fff;
	font-size:0.8em;
	text-align:center; 
	
}

/************************************
* CSS de la carto et du mode avancé *
************************************/

/* Pour les champs input, boite select des tableaux personnalisés et cartographie */
.champs_input{
    min-height:18px;
    border:#bebebe solid 1px; 
    border-radius:4px;                        
    margin-top:3px;
    padding:3px 5px;
    min-width:16.250em; /*260px*/
}
.champs_choix{
    min-height:18px;
    border:#bebebe solid 1px; 
    border-radius:4px;                        
    margin-top:3px;
    padding:3px 5px;
    min-width:16.250em; /*260px*/
}
.niveau_detl{
    min-height:18px;
    border:#bebebe solid 1px; 
    border-radius:4px;                        
    margin-top:3px;
    padding:3px 5px;
    display:inline-block;
    min-width:15.4em; 
}
.divChoix{
    float:left; 
    width:470px; 
}
.puce_chiffre{
	list-style:decimal;
	margin-left:30px;
}
.puce_chiffre_in{
	list-style:decimal;
	list-style-position:outside;
	margin-left:30px;
}
.puce_chiffre_in>li {
    margin-left: 20px;
    text-align: justify;
    margin-right: 10px;
}
.puce_chiffre li{
	padding-bottom:4px;
}

/*********************
* Style d'impression *
*********************/
@media print
{
	body {
		margin-top: 0;
		padding-top: 0;
	}

	#logo-piv {
		position: relative!important;
		margin: 10px 0;
	}
	#contenu_centre, #contenu_droit {
		width: 100%!important;
		display: block!important;
	}
	span.visible-print {
		display:inline !important;
	}
	/* Zone du haut à faire disparaitre */
	#liens-piv, #recherche-piv, #zone_gauche, #menu-principal, #social {
        display:none
	}
	
	header[role='banner'] form, nav#menu_principal, nav#piv, nav#ariane.a, footer a, footer span, footer a[href*='copyright'] img
	{
		display:none;
	}
	
	footer a[href*='commun'], footer a[href*='copyright']
	{
		display:inline;
	}
	#tabl_cart, #Tableau_Dynamique
	{
		display:none;
	}
	
	#conteneurBoxContent
	{
		display:block;
	}
	#Tableau_Dynamique
	{
		display:none;
	}
	/* PRINT sans lien ecrit */
	a[href]:after {
		content: ""!important;
	}

	/* Print modale bootstrap */
	.modal {
		position:relative;
	}
	/* Cacher tout si la fenetre modale est ouverte */
	.modal.in.bound .modal-dialog,.modal.in.bound .modal-body{
		position:relative!important;
		height:auto!important;
	}
	.modal.in ~ *,.modal-footer{
		display:none;
	}

	.modal-dialog,.modal-content {
		height:auto;
		max-height:none;
	}

	.modal-open {
		overflow:auto;
	}
}
/*********************
* Table avec bordure *
*********************/
.bordure
{
	border:double;
	border-color:#c8c8c8;
	padding:5px;
}
/***************************
* css du tableau dynamique *
***************************/

.tableau{
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	background-color:#FFF;
}

.div_pied_tableau{
	margin-bottom:15px;
}

.div_pied_tableau no_puce{
	margin-left:25px;	
}

.div_pied_tableau li{
	padding-bottom:5px;
	/*font-size:1em;*/	
}

#conteneurBoxContent #conteneurPied
{
	z-index:4;
	position:relative;
}

#conteneurTable
{
	margin-top:26px;
	z-index:4;
	position:relative;
}
#conteneurTable img
{
	cursor: pointer;
}

.sign_conv_col1 {
	display:inline-block;	
	min-width:20px;
	width:1.250em;
}
.sign_note_col1 {
	display:inline-block;	
	vertical-align:top;
	min-width:95px;
	width:5.938em;
}

.sign_note_col2 {
	display:inline-block;	
	vertical-align:top;
	min-width:825px;
	width:51.563em;
	text-align:justify;
}
.sign_note_col2 > ol {
	list-style:decimal;
	margin-left: 15px!important;
}

.div_pied_tableau gras_254 {
	font-weight:bold;
	font-size:0.8em;	
}

.souligne{
	text-decoration:underline;
}
.div_pied_tableau taille_titre{ 
	font-size:1.4em;
}
.div_pied_tableau puce_pleine{
	list-style:disc;
	margin-left:30px;
}
.div_pied_tableau puce_pleine li{
	padding-bottom:4px;
	font-size:1em;	
}
.div_pied_tableau puce_vide{
	margin-left:-20px;
	padding:5px;
}
.div_pied_tableau puce_ordonnee{
	list-style:decimal;
	margin-left:30px;
}
.div_pied_tableau puce_ordonnee.no_indent{
	margin-left:15px;
}
.div_pied_tableau puce_ordonnee li{
	padding-bottom:4px;
	font-size:1em;
}
.div_pied_tableau puce_blanche{
	list-style:circle;
	margin-left:30px;
}	
.div_pied_tableau puce_blanche li{
	padding-bottom:4px;
	font-size:1em;
}
.floatgauche{
	float:left;
}
.floatdroit{
	float:right;
	width:600px;
}
/******************************
* Hyperlien sans effet visuel *
******************************/
.hyperlien_invisible a:hover{
	text-decoration:none !important;
	color:#000 !important;
}

/***********************************************
* Utilisés par la page recherche de Léo-Ouimet *
***********************************************/
.liens_leo{
	float:left;
	margin:10px 0;
	right:0;
}
.case_centr{
	 vertical-align:middle;
}
.boite_select_rechr{
    min-height:18px;
	border:#bebebe solid 1px; 
	border-radius:4px;		   
    min-width:6.250em; /*100px*/
    padding:3px 5px;
}

.reslt_rechr{
	margin:25px 10px 0;
	font-size:0.8em;
}

.list_result{
	min-width:940px;
    background:white;
}

.li_display_leo
{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.li_titr_reslt{ 
	background-color:#efecea;
	padding:5px 5px 5px 10px;
	text-align:justify;	
	display: flex;
    flex-direction: row;
    justify-content: space-between;
} 
.span_titr_film{
	width: 445px;
    display: inline-block;
    vertical-align: top;
}
.span_proj_assis{
/*	min-width:100px;*/
	width:95px;
	display:inline-block;
	vertical-align:top;
	text-align: right;
}
.span_an_reslt{
/*	min-width:100px;6.875em*/
	width:90px;
	display:inline-block;
	vertical-align:top;
	text-align: center;
}
.span_pays{
/*	min-width:100px;6.875em*/
	width:105px;
	display:inline-block;
	vertical-align:top;
	text-align: right;
}

/** Fixe la largeur du tableau dans la page maitre/détail (appel de la page de la régie) **/
.result_maitr_detl{
	min-width:800px;
    background:white;
}

/************************************************************/
/* pagination des résultats de la recherche ou des thèmes   */ 
/************************************************************/
.pagination{
	margin:20px auto 0; 
	padding:3px 0px; 
	width:500px; 
	background-color:#efecea;  
	border-radius:4px; 
}
.pagination ul{ 
	text-align:center; 
	height:25px;
} 
.pagination li{ 
	display:inline; 
	height:25px;
}
.pagination a{
	display:inline-block; 
	vertical-align:middle; 
	padding:0 8px; 
}
.pagination .navigation_premiere a{
	width:18px;
}
.pagination .navigation_derniere a{
	width:18px;
}
.pagination img{
	padding-top:3px;
}
.pagination .actif {
	font-weight:bold;
	font-size:1.2em;
	padding:0 8px;
}
/*****************************************************************************************************************/
/* css de la page Bon de commande de bulletins de naissance, de décès, de mortinaissance et enveloppes de retour */ 
/*****************************************************************************************************************/
.divLigne1 {
	border:#bebebe solid 1px;
	padding:5px 0 10px;
}
.divLigne1 h2 {
	font-size:1.2em;
	padding:0;
	margin:5px 0 5px 0;
	
	}

.image_envl{
	width:25px;
	vertical-align:bottom;}

.divLigne1 h3 {
	font-size:1em;
	padding:0;
	margin:5px 0 5px 0;
}

.pleine_largeur2{
	margin:0px 15px;
	border:0;
	padding: 0px;
	width:988px;
	font-size:12px; 
}
.pleine_largeur3{
	margin:0px 15px;
	border:0;
	padding: 15px;
	width:988px;
	font-size:13px; 
}
.pleine_largeur3 h1{ 
	font-size:1.5em;
	color:#0b4e7f; 
	font-weight:normal;
	margin:0;
}
.pleine_largeur3 h2 {
    font-size: 1.2em;
    padding: 0;
    margin: 15px 0 5px 0;
    background-color: #efecea;
}

.espace1
{
	padding-left:300px;
	margin:0px;
	text-align:left;
}
.espace2
{
	padding-left:50px;
	margin:0px;
	text-align:left;
}
.espace3
{
	padding-left:25px;
	margin:0px;
	text-align:left;
}
.espace4
{
	padding-left:10px;
	margin:0px;
	text-align:left;
}
.espace5
{
	padding-left:5px;
	margin:0px;
	text-align:left;
}
.espace_isq
{
	padding-left:52px;
	margin:0px;
	text-align:left;
}
.espace_dec
{
	padding-left:118px;
	margin:0px;
	text-align:left;
}
.position_commentaires{
	float:right;
	margin-right:40px;
}

.pleine_largeur2 li{
	width:988px; 
	padding:2px 0 0 20px; 
	margin:0;
}

.pleine_largeur2 label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 700;
}

/** CSS FRED **/
div.colMin
{
	display:inline-block;
	min-width:10px;
}

div.col12
{
	display:inline-block;
	width:12%;
}

div.col15
{
	display:inline-block;
	width:15%;
}

div.col20
{
	display:inline-block;
	width:20%;
}

div.col25
{
	display:inline-block;
	width:25%;
}

div.col30
{
	display:inline-block;
	width:30%;
}
div.col35
{
	display:inline-block;
	width:35%;
}
div.col40
{
	display:inline-block;
	width:40%;
}
div.col45
{
	display:inline-block;
	width:45%;
}

div.col50
{
	display:inline-block;
	width:50%;
}

div.col100
{
	display:inline-block;
	width:100%;
}

.width93
{
	display:inline-block;
	width:93px;
	vertical-align:top;
}
.width90
{
	display:inline-block;
	width:90px;
	vertical-align:top;
}
.width241
{
	display:inline-block;
	width:241px;
	vertical-align:top;
}
.width235 {
    display: inline-block;
    width: 235px;
    vertical-align: top;
}
.width285
{
	display:inline-block;
	width:285px;
}

.width100
{
	width:100px;
}
.width300
{
	width:300px;
}

.width320
{
	width:320px;
}

.width400
{
	width:400px;
}

input.wide {
	min-width:50px;
	width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.textAlignRight
{
	display:inline-block;
	width:100%;
	text-align:right;
}
.grasCommande
{
	font-weight:bold;
	font-size:14px;
}

/****************/
/* Encadré vert */
/****************/
.cadre-vert {
	border: 2px rgb(177, 213, 91) solid;
    background-color: rgba(177, 213, 91,0.15);
    padding: 6px;
	display: flex;
}
.cadre-vert p{
	margin:0;
	padding:0;
}

.cadre-vert>*
{
	width:100%;
	display:inline-block;
}

.width25 {
	width:25px!important;
}
.width-45 {
	width:45px!important;
}
.width-100 {
	width:100px!important;
}
.width-180 {
	width:180px!important;
}
.width-140 {
	width:140px!important;
}
/**/
abbr {
	cursor:pointer;
}

/**************************************************************/
/* css de la page des enquêtes réalisées                      */ 
/**************************************************************/
/*#contenu_c_d{
	margin:25px 10px 0;
	font-size:0.8em;
	float:left;
	min-width:750px;
	width:46.875em;	
}*/
#contenu_c_d h1{ 
	display:inline-block;
	color:#0b4e7f; 
	width:620px;
	font-size:1.5em;
	font-weight:normal;
	padding:0;
	margin:0;
}
#contenu_c_d > header{
	position:relative;
}
#contenu_c_d > header img{
	vertical-align:text-top;
	margin-right:8px;
}
#contenu_c_d > article > h2{ 
	font-size:1em;
	padding:0;
	margin:20px 0 5px 0;
	color:#000;
	font-weight:bold;
}
.h1_enque{ 
	width:750px !important;
}

/*#result_theme{	
	min-width:750px;
	width:46.875em;	
}*/
#result_theme > header{
	padding-top:20px;
}

.nav_tabl{
	font-weight:bold;
	color:#006195;
}
.nav_tabl:hover{
	text-decoration:underline;
	cursor:pointer;
}
.nav_tabl.lien_actif{
	color:#000;
	cursor:default;
	text-decoration:none;
}

/* boite pour les listes Producteurs, Ordre et Nbre de résultats */
.span_tableau{
	display:inline-block;
	vertical-align:top;
}
.span_publc{
	padding-right:10px;
	display:inline-block;
	vertical-align:top;
}
/**Responsive**/
/*PIV RESPONSIVE*/
.list-inline {
    padding: 0 15px!important;
	margin-left: 0!important;
	margin-bottom: 0!important;
}
.list-inline.list-center>li {
	text-align:center;
}

/*******/
/* PIV */
/*******/
#logo-piv {
	position:absolute;
	top: 24px;
}

#recherche-piv {
	text-align:right;
        height: 57px;
    margin-top: 5px;
}

#btn_recherche {
	vertical-align:middle;
}

input[type=search] {
    border: #bebebe solid 1px;
    border-radius: 4px;
    margin: 0;
    padding: 3px 5px;
}

#boite_recherche {
	width:200px;
	vertical-align:middle;
}

#liens-piv {
	margin-left:214px; /*Logo ISQ fixe*/
	margin-right:0px!important;
	background-color: #039!important;
}

#liens-piv *{
	color:#fff;
	background-color: #039!important;
}

@media (max-width:767px){
	#liens-piv {
		margin-left:0px;
	}
}
@media (max-width:499px){
	#boite_recherche {
		width:120px;
	}
}

/********/
/* Menu */
/********/
#social {
	margin:5px 0;
}
#social a {
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
	font-size:21px;
}
#social a:hover{
	text-decoration:none;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
#menu-principal {
	/*margin-top: 30px;*/
	color:#fff;
}
#menu-principal ul {
	padding:0!important;
	height:30px;
	text-align: center;
}
#menu-principal ul>li {
	background: url(../images/hmi_menu_separateur.gif) no-repeat right top;
	padding:0;
	margin:0;
}
#menu-principal ul>li + li {
	border-left:2px solid #666;
}
#menu-principal ul>li>a {
	color: #fff;
	background: #000 url(../images/hmi_menu_noir.gif) repeat-x left top;
    font-size: 15px;
    padding: 5px;
    width: 100%;
	line-height:20px;
    display: inline-block;
}
#menu-principal ul>li>a:hover, #menu-principal ul>li>a.active {
	background: url(../images/hmi_menu_principal_over.gif) repeat-x left top;
	color:#000;
	text-decoration:none;
}

h1.menu-titre {
	padding-bottom:5px;
	border-bottom: 1px #0b4e7f solid;
	color:#0b4e7f;
	font-size:14px;
	font-weight:bold;
}

@media(max-width:768px)
{
	#contenu_centre, #contenu_droit {
		width:100%;
		margin: 0;
		padding: 0;
	}
	
	#zone_gauche {
		margin-bottom:15px;
		width:100%;
	}
	#zone_gauche .zone_droite {
		width: 100%;
	}
	#zone_gauche>* {
		display:inline-block;
		vertical-align:top;
		margin-top:0!important;
	}
}
@media(min-width:768px) and (max-width:991px)
{
	#contenu_centre {
		width:calc(100% - 225px);
		margin-right:0;
	}
}

@media(max-width:991px)
{
	.zone_droite {
		display:none;
		float: none;
		padding: 0;
	}
}

/*****************/
/* css recherche */
/*****************/
/********************/
/* RECHERCHE GOOGLE */
/*******************/
 /*FA 2017-07-21: Remplacer Google par SRIG*/
#recherche-piv {
	text-align:left!important;
}
#recherche-piv table {
	border-collapse: separate!important;
}
#recherche-piv *{
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	 box-sizing: content-box!important;
}
.gsc-input-box {
	min-height: 25px;
	line-height: 16px;
}
.gsib_a {
	padding: 0!important;
}
input.gsc-search-button-v2 {
	padding: 6px 10px!important;
	margin-top:4px!important
}
table.gsc-search-box td.gsc-input {
    padding-right: 0!important;
}
table.gsc-search-box td{
	vertical-align:bottom!important;}
	
.gsc-control-cse {
	padding:0!important;
	margin-top:15px;
}
.gsc-imageResult:hover {
	background-color: transparent!important;
}
#recherche-piv input[type=text]{
	line-height:normal;
}
/*header[role="banner"] form{
    top:28px;
	right:15px;
    position:absolute;
}
#recherche-piv {
    text-align: right;
    height: 65px;
    padding-top: 30px;
}
#boite_recherche{
    min-height:15px;
    width:159px; 
	font-size:0.8em;
	border:#bebebe solid 1px; 
	border-radius:4px;		   
    margin:0;
    padding:3px 5px;
	-webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
/* positionnement du bouton différent pour IE, voir son CSS 
input[name="btnRecherche"]{vertical-align:top;}
*/

/********************************
/* FA 2017-07-21 : Recherche SRIG
/********************************
/* Search Spinner 
.spinner-overlay {
    position: absolute;
    left: 0;
    right: 10px;
    text-align: center;
    z-index: 10;
    background: rgba(0,0,0,0.2);
    border-radius: 0px;
}

#searchModal .spinner-overlay {
    background: #fff;
}

 /* Bouton de lancement de recherche 
 #searchModal {
	 font-size: 12px;
 }
.btn-search::after {
	font-family:"Glyphicons Halflings";
	content:"\e003";
}

/* Hauteur dynamique de la modale de recherche 
#searchModal .modal-body {
	max-height: calc(100% - 100px);
	overflow-y: auto;
	opacity: 1;
}

#searchModal .modal-header {
	text-align: left;
}

#searchModal .modal-btn-close, #recherche-piv .btn-search {
	padding: 5px 12px !important;
	font-size: 14px !important;
	line-height: 1.42857143 !important;
}

#searchModal button.close {
	margin-top: 0!important;
	float: right!important;
	font-size: 25px!important;
}
/* Separation entre les elements de recherche 
#searchModal .search-item + .search-item {
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

.search-item-url {
	font-size: 12px;
}

.search-item-desc {
	text-align: justify;
}

.search-item-titre {
	font-weight: bold;
}

/* Info total en haut de la recherche 
.search-total-info {
	font-weight: bold;
}
/**/
/* Pagination de recherche 
.search-pager-wrapper {
	text-align: center;
	padding-top: 15px;
}
.search-pager-wrapper>* {
    width: auto;
}

/*****************************************/
/*************/
/* Bootstrap */
/*************/
	/* Panel */
.panel-group .panel {
	margin-top:2px;
}

.panel-group .panel+.panel {
	margin-top:2px;	
}

.panel-heading {
	padding:0;
	background-color:#FFF!important;
}

.panel-title {
	padding:0 15px;
}

.panel-title > a,.panel-title > a:focus,.panel-title > a:hover,.panel-title > a:visited {
	text-decoration: none;
	font-weight:bold;
	display:inline-block;
	width:100%;
	font-size:14px;
	line-height:25px;
}
/*************/
/*********/
/* Kendo */
/*********/
	/* Légende */
/******************/
/******************/
  /***************/
 /* Utilitaires */
/***************/
.fond_gris{ 
	background-color:#efecea;
} 
.img-center {
	margin: 0 auto;
}
/*Social - Twitter, facebook, rss*/
.fa-facebook-square,.fa-facebook-square:hover  {
	color:#3b5998!important;
}
.fa-twitter-square, .fa-twitter-square:hover{
	color:#55acee!important;
}
.fa-rss-square,.fa-rss-square:hover {
	color:#F77F00!important;
}
/**/
.display-flex {
	display:flex;
}
.display-flex>* {
	width:100%;
}
.border-b-bleu {
	border-bottom:1px solid #0b4e7f;
}
.border-t-bleu {
	border-top:1px solid #0b4e7f;
}
.margin-t-15 {
	margin-top: 15px;
}
.pad-b-5 {
	padding-bottom:5px;
}
.pad-b-10 {
	padding-bottom:10px;
}
.pad-t-10 {
	padding-top: 10px;
}
.pad-t-15 {
	padding-top: 15px;
}
.pad-t-18 {
	padding-top: 18px;
}
.pad-t-30 {
	padding-top: 30px;
}

/**/
.pad-l-10 {
	padding-left: 10px;
}
.pad-l-15 {
	padding-left:15px;
}
.pad-l-16 {
	padding-left:16px;
}
.pad-l-30 {
	padding-left:30px;
}
.pad-l-32 {
	padding-left:32px;
}
.pad-l-35 {
	padding-left:35px;
}
.pad-l-45 {
	padding-left:45px;
}
.pad-l-60 {
	padding-left:60px;
}
.pad-l-85 {
	padding-left: 85px;
}
.pad-r-5 {
	padding-right: 5px;
}
.pad-r-10 {
	padding-right: 10px;
}
.cache {
	display:none;
}
.text-bleu {
	color:#0b4e7f;
}
span.logo-pdf {
	cursor:default;
}
.logo-pdf {
	color:red!important;
	font-size:15px;
	font-weight:bold;
}

.logo-pdf:hover {
	text-decoration:none;
}
.text-bold, .text-gras {
	font-weight:bold;
}
.w-700-responsive {
	width:100%;
	max-width:700px;
}
.w-900-responsive {
	width:100%;
	max-width:900px;
}
.w-100-responsive {
	width:100%;
	max-width:100px;
}
.w-100 {
	width:100px;
}

.w-60 {
	width:60%;
}

.max-w-100 {
	max-width:100px;
}
.max-w-300 {
	max-width:300px;
}
.max-w-400 {
	max-width:400px;
}
.max-w-500 {
	max-width:500px;
}
.indic_li_tedra{
	color:#000; 
	margin:0;
	display: inline-block;
	text-align:left;
	padding:0 5px 5px 10px;
	font-size:12px;
}
.marg-t-15 {
	margin-top: 15px;
}
.marg-b-15 {
	margin-bottom: 15px;
}

.pad_5{
	font-size:11px;
	padding:5px;
}

.bg-vert, .bg-vert-hover:hover {
	background-color: #b1d55b;
}
/* FA 2017-07-21: Recherche SRIG
.form-control{
	padding: 0;
    font-size: 13px;
    color: #000;
    border-radius: 0;
}
*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:4px;
}



.table-hover{
	background-color:#efecea;
}

#menu-emploi {
	margin-top: 30px;
	padding-bottom: 20px;
}
#menu-emploi ul {
	padding:0!important;
	height:30px;
	text-align: center;
}
#menu-emploi ul>li {
	background: url(../images/hmi_menu_separateur.gif) no-repeat right top;
	padding:0;
	margin:0;
}
#menu-emploi ul>li + li {
	border-left:2px solid #666;
}
#menu-emploi ul>li>a {
	color: #000;
	background: #000 url(../images/hmi_menu_principal_over.gif) repeat-x left top;
    font-size: 15px;
    padding: 5px;
    width: 100%;
	line-height:20px;
    display: inline-block;
}
#menu-emploi ul>li>a:hover, #menu-emploi ul>li>a.active {	
	color:#fff;
	text-decoration:none;
}

/*****************************/
/* Fenetre modale  BOOTSTRAP */
/*****************************/
.modal-header {
	padding:5px 10px;
	border-radius:5px 5px 0 0;
}
.modal-header .close {
    margin-top: 2px;
}

.modal-dialog {
    /* 100% - margin top/bottom */
	/*height: 100%;*/
	min-height:300px;
	
	max-height: -webkit-calc(100% - 60px);
  	max-height: -moz-calc(100% - 60px);
  	max-height: -o-calc(100% - 60px);
  	max-height: -ms-calc(100% - 60px);
	max-height: calc(100% - 60px);
	
}

.modal-backdrop {
	position: fixed;
}

.modal-content {
	height: 100%;
}

.modal-title {
	line-height:25px;
	overflow:hidden;
	height:25px;
}

.modal-body {
  /* 100% = dialog height, 120px = header + footer */
  overflow-y: auto;
  height: auto;
  
  max-height: -webkit-calc(100% - 100px);
  max-height: -moz-calc(100% - 100px);
  max-height: -o-calc(100% - 100px);
  max-height: -ms-calc(100% - 100px);
  max-height: calc(100% - 100px);
}
.bound .modal-footer {
	position: absolute;
    bottom: 0;
    width: 100%;
}
/* classe "bound" à la fenêtre modale -> Adaptative haut-bas */
.modal.bound .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.modal.bound .modal-body {
	height:100%;
}
.modal-1200 {
	width: 100%;
    max-width: 1200px;
    padding: 10px;
}
/* FIN MODALE BOOTSTRAP */

/* Enjoliver les onglets de Bootstrap */
.nav-tabs {
    border-bottom: 2px solid #b1d55b;	
    height: 42px;
}
.nav-tabs a:link {
	background-color: #efecea;
	border-top-right-radius:15px;
}

.nav-tabs a:hover {
	color:#000;
}
.nav-tabs>li.active a:focus {
	background-color:#b1d55b;	
}
.nav-tabs>li.active a {
	background-color:#b1d55b!important;
}	

.a-nav-tabs{
	text-decoration:none;
	color:#000;	
}

/** 
/* 2017-12-14 : Ajout v-middle pour image 
/* */
img.v-align-middle {
	vertical-align: middle!important;
}
/**
style pour le tableau de detail a droite de la carte dans le sous site des regions.
*/
#region_detail table {
  font-size : 10px;
  line-height : 1.3;
}