/* ---------------------- STYLES DE LA PAGE MAÎTRE SQc.PQ.MasterPage.master  ---------------------- */
/* Auteur: Jean-Denis Parent «
/* Créé le: 2014-07-08 */

/* Table des matières */
/*----------------------------------------------------------------------
1= Reset HTML

2= Police et taille des caractères (AAA)

3= Ajustements à la BO et à SharePoint

4= Console

5= Éléments HTML de base

6= MasterPage

7= PageLayouts

8= Points de ruptures

9= Impression

10 = JQueryUI Overwrite
------------------------------------------------------------------------ */

/*----------------------------------------------------------------------
	1= Reset HTML
------------------------------------------------------------------------ */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video 
{
    display: block;
}
mark, rp, rt, ruby, summary, time 
{
    display: inline;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	background: white none repeat scroll 0% 0%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------------------------------------------------------
	2= Police et taille des caractères (AAA)
------------------------------------------------------------------------ */


body
{
    font-family:  Verdana, Arial, sans-serif;
    color: Black;
    word-wrap: break-word;
}

body.bodyTailleTexte100
{
    font-size: 1em!important; /*0.6666666666666666666667em;*/
}
body.bodyTailleTexte150
{
    font-size: 1.2em!important; /*1em;*/
}                       
body.bodyTailleTexte200
{
    font-size: 1.4em!important; /*1.3333333333333333333334em;*/
}

/*----------------------------------------------------------------------
	3= Ajustements à la BO et à SharePoint
------------------------------------------------------------------------ */
.s4-ca
{
    margin-left: 0;
    background: none;
    position:relative;
}
.ms-sbcell
{
    vertical-align: top;
}
.ms-developerdashboard ul
{
    padding-left: 3em;
}
.sqc-bo-piv .clear
{
    clear: both;
}
.outils
{
    display: inherit;
    margin: 1em 0 0.5em;
}
.outils > button
{
    display: none;
}
.zone-reperage .saisie
{
    /*height: 22px;*/
    /*line-height: 22px;*/
    vertical-align: bottom;
}
.zone-reperage input.boutLoupe
{
    /*min-width: 23px;
    height: 24px;*/
	font-size: 1em;
	line-height: 1em;
    vertical-align: middle;
}
.bodyTailleTexte150 * .zone-reperage input.boutLoupe
{
    /*height: 35px;*/
}
.bodyTailleTexte200 * .zone-reperage input.boutLoupe
{
    /*height: 46px;*/
}
.bodyTailleTexte150 * .zone-reperage .saisie
{
    /*height: 33px;
    line-height: 33px;*/
}
.bodyTailleTexte200 * .zone-reperage .saisie
{
    /*height: 44px;
    line-height: 44px;*/
}
.zone-reperage input[type="text"]:focus {
	outline-color:#13191e;
	outline-style:dotted;
	outline-width:1px;
}
.sqc-bo-logoQuebec .sqc-bo-btn-menu-mobile
{
    margin: .5em 0 0;
}
.sqc-bo-pivMenu, .zone-outils 
{
    padding: 1em 0 0;
}
.sqc-bo-piste-navigation-conteneur
{
    margin: 0.5em auto 0 auto;
    max-width: 990px;
}
.sqc-bo-piste-navigation-conteneur ul.sqc-bo-piste-navigation li
{
    display: inline-block;
}
.sqc-bo-piste-navigation-conteneur ul.sqc-bo-piste-navigation li img.sqc-bo-piste-navigation-separateur
{
    vertical-align: middle;
    margin: 0 0.3em 0 0.6em;
    display:inline;
}
.sqc-bo-dateMiseAJour
{
    margin: 2em 3% 1em 3%;
    text-align: left;
    font-size:0.625em;
}
div.indexAlphabetique ul.indexUL
{
    list-style: none;
}

div.indexAlphabetique ul.indexUL li a.disabled
{
    color:#000000;
}

.sqc-bo-piloteChangerLang
{
    display: block;
    font-size: 0.8125em;
    text-align: right;
}

.sqc-bo-piloteChangerLang.source
{
    background-color: Red;
    color: White;
}

.sqc-bo-piloteChangerLang.source a
{
    color: White !important;
}

.sqc-bo-piloteChangerLang span
{
    float: left;
    font-weight: bold;
}

.sqc-bo-piloteChangerLang ul
{
    display: inline-block;
}

/*----------------------------------------------------------------------
	4= Console
------------------------------------------------------------------------ */
.ms-formfieldcontainer textarea
{
    width: 100%;
}

/* Styles de marques de révision  */
/* Styles de marques de révision  */
h1, h2, h3, h4, h5, h6
{
    font-family:Verdana, Arial, sans-serif;
}
H2.pq-rteElement-mkg-H2
{
    -ms-name: "Titre H2";
}
H3.pq-rteElement-mkg-H3
{
    -ms-name: "Titre H3";
}
H4.pq-rteElement-mkg-H4
{
    -ms-name: "Titre H4";
}
H5.pq-rteElement-mkg-H5
{
    -ms-name: "Titre H5";
}
H6.pq-rteElement-mkg-H6
{
    -ms-name: "Titre H6";
}



/* Styles des tableaux */

/* Out of the box - Sharepoint 2010 */
/* Tableau 1 - clair */
.pq-rteTable-0{
    -ms-name: "Style de tableau 1 - clair";
}
.pq-rteTableFirstCol-0,
.pq-rteTableLastCol-0,
.pq-rteTableFooterFirstCol-0,
.pq-rteTableFooterLastCol-0,
.pq-rteTableHeaderRow-0,
.pq-rteTableHeaderRow-0 th,
.pq-rteTableFooterRow-0
{	
    font-weight: bold;
    text-align: left;
}
/* Tableau 2 - Bandes claires*/
.pq-rteTable-1{
    -ms-name: "Style de tableau 2 - Bandes claires";
    text-align: left;
    line-height: 2;
    vertical-align: top;
    /* [ReplaceColor(themeColor:"Accent1-Darker")] */ color: #00558D;
    font-size: 1em;
}
.pq-rteTable-1 tr.pq-rteTableHeaderRow-1,
.pq-rteTable-1 tr.pq-rteTableFooterRow-1{
    /* [ReplaceColor(themeColor:"Light1")] */ background-color: #FFF;
    /* [ReplaceColor(themeColor:"Accent1")] */ border-top: thin #0072bc solid;
    /* [ReplaceColor(themeColor:"Accent1")] */ border-bottom: thin #0072bc solid;
    font-weight: bold;
    text-align: left;
}
.pq-rteTable-1 tr.pq-rteTableHeaderRow-1 th{
    text-align: left;
}
.pq-rteTable-1 th.pq-rteTableHeaderFirstCol-1,
.pq-rteTable-1 th.pq-rteTableFooterFirstCol-1{
    /* [ReplaceColor(themeColor:"Accent1")] */ border-top: thin #0072bc solid;
    /* [ReplaceColor(themeColor:"Accent1")] */ border-bottom: thin #0072bc solid;
    text-align: left;
}
.pq-rteTable-1 th.pq-rteTableHeaderOddCol-1,
.pq-rteTable-1 td.pq-rteTableFooterOddCol-1{
    /* [ReplaceColor(themeColor:"Accent1")] */ border-top: thin #0072bc solid;
    /* [ReplaceColor(themeColor:"Accent1")] */ border-bottom: thin #0072bc solid;
}
.pq-rteTable-1 th.pq-rteTableHeaderEvenCol-1,
.pq-rteTable-1 td.pq-rteTableFooterEvenCol-1{
    /* [ReplaceColor(themeColor:"Accent1")] */ border-top: thin #0072bc solid;
    /* [ReplaceColor(themeColor:"Accent1")] */ border-bottom: thin #0072bc solid;
}
.pq-rteTable-1 th.pq-rteTableHeaderLastCol-1,
.pq-rteTable-1 th.pq-rteTableFooterLastCol-1{
    /* [ReplaceColor(themeColor:"Accent1")] */ border-top: thin #0072bc solid;
    /* [ReplaceColor(themeColor:"Accent1")] */ border-bottom: thin #0072bc solid;
    text-align: left;
}
.pq-rteTable-1 tr.pq-rteTableOddRow-1{
    /* [ReplaceColor(themeColor:"Light1-Lightest")] */ background-color: #BEE5FF;
}
.pq-rteTable-1 tr.pq-rteTableEvenRow-1{
    /* [ReplaceColor(themeColor:"Light1")] */ background-color: #fff;
}
.pq-rteTable-1 th.pq-rteTableFirstCol-1{
    font-weight: bold;
    text-align: left;
}
.pq-rteTable-1 td.pq-rteTableLastCol-1{
    font-weight: bold;
    text-align: left;
}
/* Tableau 3 - Moyen deux tons*/
.pq-rteTable-6{
    -ms-name: "Style de tableau 3 - Moyen deux tons";
    text-align: left;
    line-height: 2;
    vertical-align: top;
    /* [ReplaceColor(themeColor:"Dark1")] */ color: #000000;
    font-size: 1em;
}
.pq-rteTable-6 tr.pq-rteTableHeaderRow-6,
.pq-rteTable-6 tr.pq-rteTableFooterRow-6{
    /* [ReplaceColor(themeColor:"Light1")] */ background-color: #FFF;
    /* [ReplaceColor(themeColor:"Accent1")] */ border-top: thin #0072bc solid;
    /* [ReplaceColor(themeColor:"Accent1")] */ border-bottom: thin #0072bc solid;
    font-weight: bold;
    text-align: left;
}
.pq-rteTable-6 tr.pq-rteTableHeaderRow-6 th{
    text-align: left;
}
.pq-rteTable-6 th.pq-rteTableHeaderFirstCol-6,
.pq-rteTable-6 th.pq-rteTableFooterFirstCol-6{
    /* [ReplaceColor(themeColor:"Light1")] */ color: #ffffff;
    /* [ReplaceColor(themeColor:"Accent1")] */ background-color: #0072bc;
    /* [ReplaceColor(themeColor:"Dark1")] */ border-top: 2px #000000 solid;
    /* [ReplaceColor(themeColor:"Dark1")] */ border-bottom: 2px #000000 solid;
    text-align: left;
}
.pq-rteTable-6 th.pq-rteTableHeaderOddCol-6,
.pq-rteTable-6 td.pq-rteTableFooterOddCol-6{
    /* [ReplaceColor(themeColor:"Light1")] */ color: #ffffff;
    /* [ReplaceColor(themeColor:"Accent1")] */ background-color: #0072bc;
    /* [ReplaceColor(themeColor:"Dark1")] */ border-top: 2px #000000 solid;
    /* [ReplaceColor(themeColor:"Dark1")] */ border-bottom: 2px #000000 solid;
}
.pq-rteTable-6 th.pq-rteTableHeaderEvenCol-6,
.pq-rteTable-6 td.pq-rteTableFooterEvenCol-6{
    /* [ReplaceColor(themeColor:"Light1")] */ color: #ffffff;
    /* [ReplaceColor(themeColor:"Accent1")] */ background-color: #0072bc;
    /* [ReplaceColor(themeColor:"Dark1")] */ border-top: 2px #000000 solid;
    /* [ReplaceColor(themeColor:"Dark1")] */ border-bottom: 2px #000000 solid;
}
.pq-rteTable-6 th.pq-rteTableHeaderLastCol-6,
.pq-rteTable-6 td.pq-rteTableFooterLastCol-6{
    /* [ReplaceColor(themeColor:"Light1")] */ color: #ffffff;
    /* [ReplaceColor(themeColor:"Accent1")] */ background-color: #0072bc;
    /* [ReplaceColor(themeColor:"Dark1")] */ border-top: 2px #000000 solid;
    /* [ReplaceColor(themeColor:"Dark1")] */ border-bottom: 2px #000000 solid;
    text-align: left;
}
.pq-rteTable-6 tr.pq-rteTableOddRow-6{
    /* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color: #d8d8d8;
}
.pq-rteTable-6 tr.pq-rteTableEvenRow-6{
    /* [ReplaceColor(themeColor:"Light1")] */ background-color: #fff;
}
.pq-rteTable-6 th.pq-rteTableFirstCol-6{
    font-weight: bold;
    text-align: left;
}
.pq-rteTable-6 td.pq-rteTableLastCol-6{
    font-weight: bold;
    text-align: left;
}
.pq-rteTableGrid td,.pq-rteTableGrid th{
    border: thin dotted black;
}

/* Customs SQc  */
/* 1. Par défaut : tout à gauche, caractère normal */
.pq-rteTable-sqc-pq-table-defaut
{
    -ms-name: "Par défaut";
    text-align: left;
    margin-bottom: 2em;
}
.pq-rteTableFirstCol-sqc-pq-table-defaut,
.pq-rteTableLastCol-sqc-pq-table-defaut,
.pq-rteTableFooterFirstCol-sqc-pq-table-defaut,
.pq-rteTableFooterLastCol-sqc-pq-table-defaut,
.pq-rteTableHeaderRow-sqc-pq-table-defaut,
.pq-rteTableFooterRow-sqc-pq-table-defaut
{	
    font-weight: bold;
    text-align: left;
}
.pq-rteTableHeaderRow-sqc-pq-table-defaut
{
    text-align: center;
}
/* 2. Par défaut avec bordure : même chose que le par défaut mais on ajoute des bordures. Exemple si option ligne d'en-tête choisie */
.pq-rteTable-sqc-pq-table-defaut-bordure
{
    -ms-name: "Par défaut avec bordure";
    border-collapse: collapse;
    border: thin solid black;
    text-align: left;
    margin-bottom: 2em;
}
table.pq-rteTable-sqc-pq-table-defaut-bordure td,
table.pq-rteTable-sqc-pq-table-defaut-bordure tr,
.pq-rteTableHeaderRow-sqc-pq-table-defaut-bordure th
{
    border: thin solid black;
}
.pq-rteTableFirstCol-sqc-pq-table-defaut-bordure,
.pq-rteTableLastCol-sqc-pq-table-defaut-bordure,
.pq-rteTableFooterFirstCol-sqc-pq-table-defaut-bordure,
.pq-rteTableFooterLastCol-sqc-pq-table-defaut-bordure,
.pq-rteTableHeaderRow-sqc-pq-table-defaut-bordure,
.pq-rteTableFooterRow-sqc-pq-table-defaut-bordure
{	
    font-weight: bold;
    text-align: left;
}
.pq-rteTableHeaderRow-sqc-pq-table-defaut-bordure
{
    text-align: center;
}
/* 3. Le gauche : tout à gauche, caractère normal comme le par défaut.
-	Si option ligne d'en-tête : première ligne en gras */
.pq-rteTable-sqc-pq-table-gauche
{
    -ms-name: "Gauche";
    text-align: left !important;
    margin-bottom: 2em;
}
.pq-rteTableFirstCol-sqc-pq-table-gauche,
.pq-rteTableLastCol-sqc-pq-table-gauche,
.pq-rteTableFooterFirstCol-sqc-pq-table-gauche,
.pq-rteTableFooterLastCol-sqc-pq-table-gauche,
.pq-rteTableHeaderRow-sqc-pq-table-gauche,
.pq-rteTableHeaderRow-sqc-pq-table-gauche th,
.pq-rteTableFooterRow-sqc-pq-table-gauche
{	
    font-weight: bold;
    text-align: left !important;
}
/* 4. Le gauche avec bordure : Comme le #3 et on ajoute des bordures */
.pq-rteTable-sqc-pq-table-gauche-bordure
{
    -ms-name: "Gauche avec bordure";
    border-collapse: collapse;
    border: thin solid black;
    text-align: left !important;
    margin-bottom: 2em;
}
table.pq-rteTable-sqc-pq-table-gauche-bordure td,
table.pq-rteTable-sqc-pq-table-gauche-bordure tr,
.pq-rteTableHeaderRow-sqc-pq-table-gauche-bordure th
{
    border: thin solid black;
}
.pq-rteTableFirstCol-sqc-pq-table-gauche-bordure,
.pq-rteTableLastCol-sqc-pq-table-gauche-bordure,
.pq-rteTableFooterFirstCol-sqc-pq-table-gauche-bordure,
.pq-rteTableFooterLastCol-sqc-pq-table-gauche-bordure,
.pq-rteTableHeaderRow-sqc-pq-table-gauche-bordure,
.pq-rteTableHeaderRow-sqc-pq-table-gauche-bordure th,
.pq-rteTableFooterRow-sqc-pq-table-gauche-bordure
{	
    font-weight: bold;
    text-align: left !important;
    vertical-align:middle;
    padding:0.5em;
}
/* 5. Le centré : tout est centré au départ, caractère normal */
.pq-rteTable-sqc-pq-table-centre
{
    -ms-name: "Centré";
    text-align: center;
    margin-bottom: 2em;
}
.pq-rteTableFirstCol-sqc-pq-table-centre,
.pq-rteTableLastCol-sqc-pq-table-centre,
.pq-rteTableFooterFirstCol-sqc-pq-table-centre,
.pq-rteTableFooterLastCol-sqc-pq-table-centre,
.pq-rteTableHeaderRow-sqc-pq-table-centre,
.pq-rteTableFooterRow-sqc-pq-table-centre
{	
    font-weight: bold;
}
/* 6. Le centré avec bordure : Comme #5 et on ajoute des bordures */
.pq-rteTable-sqc-pq-table-centre-bordure
{
    -ms-name: "Centré avec bordure";
    border-collapse: collapse;
    border: solid black thin;
    text-align: center;
    margin-bottom: 2em;
}
table.pq-rteTable-sqc-pq-table-centre-bordure td,
table.pq-rteTable-sqc-pq-table-centre-bordure tr,
.pq-rteTableHeaderRow-sqc-pq-table-centre-bordure th
{
    border: thin solid black;
    vertical-align:middle;
    padding: 0.5em;
}
.pq-rteTableFirstCol-sqc-pq-table-centre-bordure,
.pq-rteTableLastCol-sqc-pq-table-centre-bordure,
.pq-rteTableFooterFirstCol-sqc-pq-table-centre-bordure,
.pq-rteTableFooterLastCol-sqc-pq-table-centre-bordure,
.pq-rteTableHeaderRow-sqc-pq-table-centre-bordure,
.pq-rteTableFooterRow-sqc-pq-table-centre-bordure
{	
    font-weight: bold;
}

/*----------------------------------------------------------------------
	5= Éléments HTML de base
------------------------------------------------------------------------ */

html{height:101%;}

b, strong
{
    font-weight: bold;
}
i, em
{
    font-style: italic;
}
sup 
{ 
    vertical-align: super;
    font-size: smaller;
}

main div.contenu 
{
    padding: 0 3%;
}

 #page, #page div{font-size:1em;}

h1
{
    font-size: 1.125em;
    font-weight: bold;
}

h2
{
	font-size: 1.125em; 
    margin-bottom: 1em;
    font-weight: bold;
	color: #294269;
}

legend, caption{font-size: 0.875em; font-weight:bold;}

legend 
{
    font-weight: bold;
}

h3
{
	font-size : 1.0625em;
    margin-bottom: 1em;
    font-weight: bold;
}

h4
{  
	font-size: 1em; 
    margin-bottom: 1em; 
    font-weight: bold;
}

h5 
{
    font-size : 0.9em;
    margin-bottom: 1em;
    font-weight: bold;
}


main a, main a:link, aside a, aside a:link
{
    color: #0244be;  /*#13191e;*/
    text-decoration: none;
    /*font-size: 0.75em;*/
    
}
main a:visited, aside a:visited
{
    color: #7e407e;
}
main a:hover, aside a:hover
{
	text-decoration: underline;
}
a:focus 
{
	outline-color:#13191e;
	outline-style:dotted;
	outline-width:1px;
}


main a, main a:link
{
    color: #0244be;
    
}
p
{
    margin-bottom: 1em;
    font-size:0.8125em;
    line-height: 1.5em;
    padding: 0;
}

.block
{
    display: block;
    position: relative;
}
.wordwrap 
{
	word-wrap: break-word;
}
.clearfix:before,
.clearfix:after 
{
	content: " ";
	display: table;
}
.clearfix:after 
{
	clear: both;
}
.clearfix 
{
	*zoom: 1;
}
.hors-champ 
{
    clip: rect(0px, 0px, 0px, 0px);
    position: absolute !important;
}
.edition
{
    border: thin inset black;
    margin: 0 -1px;
}

.erreur
{
    color: Red;
    margin: 1em;
}

.visuallyhidden{ position:absolute; top:-99999px; left:-999999px;}

img.ms-asset-icon 
{
    margin-left: 0.313em;
}
/*----------------------------------------------------------------------
	6= MasterPage
------------------------------------------------------------------------ */
body
{
    width: auto;
}

.sqc-pq-identification-visuelle
{
    font-size: 1.375em; /* 22 /16 */
    color:#294269;
    font-family:Verdana, Arial, sans-serif;
    font-weight:bold;
    font-style:italic;
    margin-bottom: 0.5em;
    display:inline-block;
}
.sqc-pq-identification-visuelle-sq 
{
    color:#294269;
    font-family:Verdana, Arial, sans-serif;
    font-weight:normal;
    font-style:italic;
}

header, main, div#DeuxColonnes, div#TroisColonnes, footer, .sqc-pq-message-urgence
{
    margin: 0 auto;
}

.zone-reperage label.label-recherche
{
    font-size: 0.75em;
    vertical-align:middle;
}

.ie8 .zone-reperage label.label-recherche
{
    padding-top:0.5em;
}

.zone-reperage input{ vertical-align:middle;}

#options-recherche-compact div 
{
    background:none;
}


header
{
    width: 94%;
    padding:0 3%;
}

header div
{
    background: #FFFFFF;
}

header, header div div
{
    padding:0;
}

.outils > button
{
    margin-left: 0.3em;
}

footer
{
    padding: 0;
    font-family:Verdana, Arial, sans-serif;
    text-align:center;
}
    
footer h2
{
    font-size:  0.8125em;  
    font-family:Verdana, Arial, sans-serif;
    color:#011130;
    padding-top:1.188em;
    font-weight:bold;
}

footer nav
{
    padding-bottom: 1em;
}
        
footer nav ul
{
    vertical-align:top;
    width: 100%;
    text-align: left;
    float:left;
 }
 
footer nav ul li a:link, footer nav ul li a:visited, footer nav ul li a:hover,footer nav ul li a:active
{
    color:#0244be;
}

footer div .copyright
{
    font-size: 0.6666666666666666666667em;
    color: #0000EE;
    text-decoration: none;
}
footer div .copyright:hover 
{
    text-decoration: underline;
}

footer nav
{
    text-align: left;
    background: #ebf0f6;
	border: solid 3px #d1e2ee;
    margin: 0 auto;
}

footer nav div
{
    padding: 0 2%;
}

footer nav ul, footer nav ul li
{
    display:block;
}

footer nav ul li a:link, footer nav ul li a:visited,footer nav ul li a:active 
{
    color: #0244be;
    font-size: 0.8125em;
    text-decoration: none;
    line-height: 1.2em;
}

footer nav ul li a:hover
{
    text-decoration:underline;
}

footer nav ul li a:focus
{
    outline-color: #011130;
    outline-width:1px;
    outline-style:dotted;
}

/* Menu de gauche */
/*Menu*/

#ColonneGauche ul li h2 a:link, #ColonneGauche ul li a:visited,#ColonneGauche ul li a:link, 
#ColonneGauche ul li a:hover, #ColonneGauche ul li a:active,
.sqc-erreur404 .sqc-wrapper-erreur ul li h2 a:link, .sqc-erreur404 .sqc-wrapper-erreur ul li a:visited,
.sqc-erreur404 .sqc-wrapper-erreur ul li a:link, .sqc-erreur404 .sqc-wrapper-erreur ul li a:hover, .sqc-erreur404 .sqc-wrapper-erreur ul li a:active
{
    color:#13191e;
    text-decoration:none;
    display:block;
    font-family:Verdana, Arial, sans-serif;
    font-size: 1em;
}


#ColonneGauche ul li span a:link, .sqc-erreur404 .sqc-wrapper-erreur ul li span a:link{font-size: 1em;}

#ColonneGauche ul li a:hover, .sqc-erreur404 .sqc-wrapper-erreur ul li a:hover
{
    text-decoration: underline;
    font-family:Verdana, Arial, sans-serif;
    font-size: 1em;
}
div#ColonneGauche > nav ul li, div#ColonneGauche > nav span.externe, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li, .sqc-erreur404 .sqc-wrapper-erreur > nav span.externe
{
    background:#9ab7d5;
    font-size: 0.8125em;
}

#ColonneGauche > nav ul li ul li, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li ul li
{
    background:#adc8e3;
    font-size : 1em;
    padding: 0.375em 1em 0.375em 2em;
    display:block;
}

#ColonneGauche nav span.externe + ul li, .sqc-erreur404 .sqc-wrapper-erreur nav span.externe + ul li
{
    padding: 0.375em 1em 0.375em 2em;
    display:block;
}

div#ColonneGauche > nav ul li span.etendu, div#ColonneGauche > nav ul li span.extensible, div#ColonneGauche > nav ul li span.externe, 
#ColonneGauche nav span.externe, 
.sqc-erreur404 .sqc-wrapper-erreur > nav ul li span.etendu, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li span.extensible, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li span.externe, 
.sqc-erreur404 .sqc-wrapper-erreur nav span.externe
{
    display: block;
    font-size:1em;
    margin:0;
    padding: 0.6875em 1em;
    font-weight:normal;
}
div#ColonneGauche > nav ul li li span.extensible {padding: 0;}
div#ColonneGauche > nav ul li ul li span.etendu, div#ColonneGauche > nav ul li ul li span.extensible, 
div#ColonneGauche > nav ul li ul li span.externe,
.sqc-erreur404 .sqc-wrapper-erreur > nav ul li ul li span.etendu, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li ul li span.extensible, 
.sqc-erreur404 .sqc-wrapper-erreur > nav ul li ul li span.externe

{
    font-size:1em;
}


div#ColonneGauche > nav span.externe, .sqc-erreur404 .sqc-wrapper-erreur > nav span.externe{
	margin-top: 0.8125em;
	display:block;
}

div#ColonneGauche > nav ul li span, .sqc-erreur404 .sqc-wrapper-erreur nav ul li span
{
    font-weight: normal;
    margin:0;
}

div#ColonneGauche > nav ul li ul li ul, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li ul li ul
{
    /* padding-top:0.8125em; */
}

div#ColonneGauche > nav ul li .extensible a:after, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li .extensible a:after
{
    content:'';
    background: url(/_layouts/images/SQc.PQ.Branding/PQ_SectionExtensible.png) no-repeat center;
    width:7px;
    height:9px;
    display:inline-block;
    padding-left: 1em;
}
div#ColonneGauche > nav ul li .etendu.courante:after, div#ColonneGauche > nav ul li .etendu a:after,
.sqc-erreur404 .sqc-wrapper-erreur > nav ul li .etendu.courante:after,.sqc-erreur404 .sqc-wrapper-erreur > nav ul li .etendu a:after
{
    content:'';
    background: url(/_layouts/images/SQc.PQ.Branding/PQ_SectionEtendue.png) no-repeat center;
    width:9px;
    height:7px;
    display:inline-block;
    padding-left: 1em;
}

div#ColonneGauche > nav ul li span.etendu, div#ColonneGauche > nav ul li span.courante, div#ColonneGauche > nav ul li .courante,
.sqc-erreur404 .sqc-wrapper-erreur > nav ul li span.etendu, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li span.courante, .sqc-erreur404 .sqc-wrapper-erreur > nav ul li .courante
{
    font-weight: bold;
}
/* */

/*----------------------------------------------------------------------
	7= PageLayouts
------------------------------------------------------------------------ */
    /*----------------------------------------------------------------------
	    Accueil
        7.1= Site et portail
        7.2= Sujets populaires
        7.3= Section portail Québec
        7.4= Bouton
        7.5= Publicité
    ------------------------------------------------------------------------ */

     div#SitesEtPortails, section#SujetsPopulaires, section#SectionsPortailQuebec, section#Publicites
     {
         padding:0; 
     }  
     
     .sectionBleu,
     section#SujetsPopulaires h2,
     section#SujetsPopulaires h2 a,
     .sectionBleuPale,
     .sectionJaune,
     section#SectionsPortailQuebec h2:first-child
     {
         margin-bottom: 0.3125em; /* 5 /16 */
         display:block;
     }    
     
     .sectionBleu
     {
         margin-bottom: 0.15em;
     }   
     
    /*7.1= Site et portail*/
    div#SitesEtPortails
    {
        background: #FFFFFF;
        width: 100%;
    }
    
    div#SitesEtPortails .sectionJaune
    {
        margin-bottom:0.385em;
        display:block;
    }

    div#SitesEtPortails div.bg{
	    width: 100%;
        padding: 0;
        margin: 0 auto;
        float:none;
    }
    
    div#SitesEtPortails div {
        width: 50%;
        margin : 0;
    }
    div#SitesEtPortails div
    {
        float: left;
        width: 50%;
    }

    div#SitesEtPortails div.bg{
	    width: 100%;
        padding: 0;
        margin: 0 auto;
        float:none;
	
    }
    
    div#SitesEtPortails div#BonjourQuebecInternational{
        width: 100%;
        margin: 0;
    }
    
    #BonjourQuebecInternational span a
    {
        font-size:1em;
    }
    
    .pq-rteElement-H2 a
    {
        width:88%;
        text-align:left;  
    }

    div#Entreprises
    {
        margin: 0;  
    }
    /* */
    
    /*7.2= Sujets populaires*/
    section#SujetsPopulaires
    {
        background: #FFFFFF;
        border: 0; 
        float:left;
        width: 100%; 
        padding:0;
    }
    section#SujetsPopulaires h2
    {
        font-size: 1em;
        font-weight: bold;
       
        padding :0;
        position: relative;
        text-align: center;
    
    }
    
    
    section#SujetsPopulaires h2 a
    {
        padding: 0.5em; 
        display:block;
        padding: 1em 2%; 
        background: #cdd5e1;
        width:96%;
        font-size: 1em;
    }
    
    section#SujetsPopulaires ul, section#SectionsPortailQuebec ul
    {
        padding: 0.5em 2%;
        text-align:center;
   
    }
    
     section#SujetsPopulaires ul
    {
    
        display: none; 
        
    }
    
    
    section#SujetsPopulaires ul:before,
    section#SujetsPopulaires ul:after 
    {
	    content: " ";
	    display: table;
    }
    section#SujetsPopulaires ul:after 
    {
	    clear: both;
    }
    
    section#SujetsPopulaires ul li
    {
        float:left;
        vertical-align:top;
        margin-right: 5%;
        width: 40%;
        color: #0244be;
        font-size:0.9375em;
       padding:0 0 0 1em;
        line-height: 1.5em; 
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_puce.png) no-repeat left 9px;  
    }
    /* Demande 26 (Michel Chamberland) : Correction d'un bogue avec la console d'édition de SharePoint qui se présente avec IE,
	lorsqu'une liste est display: inline-block, les éléments lorsque sélectionnés 
	s'affichent comme si une image était sélectionnée. */
	section#SujetsPopulaires.edition ul li { position: relative; display: inline;}
    
    /* */
    
    /*7.3="Sections portail Québec"*/
    
    section#SectionsPortailQuebec
    {
        width:100%;
        border: 0; 
        float:left;
        padding: 0;
    
    }
    
    #SectionsPortailQuebec div 
    {
        padding:0;
    }
      
    section#SectionsPortailQuebec ul
    {
        background: #FFFFFF;
        margin-left:1em;
    }
    
    section#SectionsPortailQuebec ul li
    {
        color: #0244be;
        font-size:0.9375em;
        list-style:none;
        padding:0;
        line-height: 1.5em;  
    }
    
    section#SectionsPortailQuebec ul li a:link, section#SectionsPortailQuebec ul li a:active, section#SujetsPopulaires ul li a:link, section#SujetsPopulaires ul li a:active
    {
        text-decoration:none;
        color: #0244be;   
       
    }
    
    section#SectionsPortailQuebec ul li a:visited,  section#SujetsPopulaires ul li a:visited
    {
    color:#7e407e;    
    }
    
    section#SujetsPopulaires ul li a:hover, section#SectionsPortailQuebec ul li a:hover
    {
        text-decoration: underline;
 
    }

    section#SujetsPopulaires ul li a:focus, section#SectionsPortailQuebec ul li a:focus
    {
        outline-style:dotted;
        outline-width:1px;
        outline-color: #0244be; 
    }

    #SectionsPortailQuebec div
    {
        margin:0;
        position:relative;
    }
    
    #SectionsPortailQuebec .pq-quebec
    {
        text-align:center;
    }
    
    #SectionsPortailQuebec .pq-rteElement-H2 a
    {
        padding-left: 2%;
        padding-right: 2%;
        width: 96%;
    }
    
    /* */
    
    /*7.4=Boutons*/   

    .btn-bleu, .btn-jaune, .pq-rteElement-H2 a, .btn-bleu-pale
    {
        text-align:center;
	    display:block; 
	
    }

    .btn-bleu:link, .btn-bleu:visited, .btn-bleu:hover, .btn-bleu:active
    {
        color:#FFF;
        text-decoration: none;
    }

    .btn-jaune:link, .pq-rteElement-H2 a:link, .btn-bleu-pale:link, .btn-jaune:visited, .pq-rteElement-H2 a:visited, .btn-bleu-pale:visited, .btn-jaune:hover, .pq-rteElement-H2 a:hover, .btn-bleu-pale:hover, .btn-jaune:active, .pq-rteElement-H2 a:active, .btn-bleu-pale:active
    {
        color:#13191e;
        text-decoration: none;
        font-weight:bold;
    }
    
    .btn-jaune:link span
    {
        display:block;
    }
    
    .btn-bleu:focus
    {
        outline-color: #FFF; 
        outline-width:2px; 
        outline-style: dotted;
    }

    .btn-jaune:focus
    {
        outline-color: #FFF; 
        outline-width:2px; 
        outline-style: dotted;
    }

    .btn-bleu-pale:focus
    {
        outline-color:#FFF; 
        outline-width:2px; 
        outline-style: dotted;
    }
    
    .pq-rteElement-H2 a:focus
    {
        outline-color:#000; 
        outline-width:1px; 
        outline-style: dotted;
    }
	
	
    .btn-bleu
    {
	    background-color: #294269;
	    padding: 1em 3.5%;
	    font-size: 1em;
	    font-weight:bold;
    }
	
    .btn-jaune
    {
	    font-family: Verdana, Arial, sans-serif;
	    background-color: #e8a422;
	    padding: 1em 3.5%;
	    font-size: 0.8125em;
	    font-weight:bold;
    }

    #Citoyens .btn-jaune, #Citoyens .btn-bleu
    {
        width:92%; 
        margin-right: 1%;
    }	
    
   #Entreprises .btn-jaune, #Entreprises .btn-bleu
   {
       width:92%; 
       margin-left: 1%;
   }
    	
   .pq-rteElement-H2 a, .btn-bleu-pale
   {
	   background-color: #9ab7d5;
	   padding: 1em 3.5%;
	   font-size:0.8888888888888889em; /* 16 / 18 */
	   position:relative;
	   font-weight:lighter;
    }
    /**/

    /*7.5=Publicité*/
    section#Publicites
    {
        display: none;
    }
    section#Publicites.edition
    {
        display: inherit;
    }
    /* */
    
   /*----------------------------------------------------------------------
	        Page interne
   ------------------------------------------------------------------------ */
 


    /*Page interne*/
    main h1, p.sqc-pq-portrait-region
    {
        background: #294269;
        color:#FFFFFF;
        font-size: 1.125em;
        padding : 1em 3% ;
        margin-bottom: 1.188em;
    }

    /*H1 de la section Portrait des régions*/
    main.pq-portrait-regions h1
    {
        color: #000; 
        background:none; 
        padding : 0 3% ;
    }

    .sqc-pq-bandeau
    {
        display:none;
    }


    .sqc-pq-wrap-content, .sqc-bo-conteneur-erreur
    {

       padding:0.8125em 0 1em 0;    
    }
    
 
    .sqc-bo-conteneur-erreur
    {
       margin:0 auto; 
       padding:0.8125em 1.3038876889848813% 1em 1.3038876889848813%;     
    }
    
     .sqc-bo-conteneur-erreur h1 {margin-bottom: 1em;}
     
     .sqc-pq-message-urgence
    {

       width: 90.6%;
   
    }
    
    .ms-rtestate-field ul, .ms-rtestate-field ol,
    .sqc-pq-message-urgence ul, .sqc-pq-message-urgence ol
    {
        margin-left: 0.5625em;
    }
     
    .sqc-pq-wrap-content ul, .sqc-pq-wrap-content ol,
    .ms-rtestate-field ul, .ms-rtestate-field ol,
    .sqc-pq-message-urgence ul, .sqc-pq-message-urgence ol
    {
        margin-bottom: 1em;
        padding-left: 1em;
    }

    .sqc-pq-wrap-content ul li, .sqc-pq-wrap-content ol li,
    .ms-rtestate-field ul li, .ms-rtestate-field ol li,
    .sqc-pq-message-urgence ul li, .sqc-pq-message-urgence ol li
    {
        font-size:0.8125em;
		list-style-type: disc;
        list-style-position: outside;
        line-height : 1.25em; /* 15 / 12 */
    }
    
   .sqc-pq-wrap-content  div.indexAlphabetique div.pnlContenu ul li{ font-size:1em;}
    
    .sqc-pq-wrap-content ul li ul > li, .sqc-pq-wrap-content ol li ol > li,
    .ms-rtestate-field ul li ul > li, .ms-rtestate-field ol li ol > li,
    .sqc-pq-message-urgence ul li ul > li, .sqc-pq-message-urgence ol li ol > li
    {
        font-size: 1em;
    }

    .sqc-pq-wrap-content ol li,
    .ms-rtestate-field ol li,
    .sqc-pq-message-urgence ol li
    {
        list-style-type:decimal;
    }

    .sqc-pq-wrap-content ul ul, .sqc-pq-wrap-content ol ol,
    .ms-rtestate-field ul ul, .ms-rtestate-field ol ol,
    .sqc-pq-message-urgence ul il, .sqc-pq-message-urgence ol ol
    {
        padding-left: 1.5em;
    }
    
    /*Fil d'ariane*/
    .sqc-bo-piste-navigation-conteneur
    {
        max-width:100%;
        width:1000px;
        background:#FFFFFF;
    }

    .sqc-bo-piste-navigation-conteneur ul, ul.sqc-bo-piste-navigation
    {
    
        width:100%;
        margin: 0.5em auto 0 auto !important;
        padding: 1em 0;
    }

    .sqc-bo-piste-navigation-conteneur ul li, .sqc-bo-piste-navigation-conteneur ul li a:link, .sqc-bo-piste-navigation-conteneur ul li a:visited, .sqc-bo-piste-navigation-conteneur ul li a:hover, .sqc-bo-piste-navigation-conteneur ul li a:active
    {
        color:#0244be;
       
    } 
    .sqc-bo-piste-navigation-conteneur ul li
    {
       font-size:0.875em;
    } 

    .sqc-bo-piste-navigation-conteneur ul li a:link, .sqc-bo-piste-navigation-conteneur ul li a:visited, .sqc-bo-piste-navigation-conteneur ul li a:hover, .sqc-bo-piste-navigation-conteneur ul li a:active
    {
        font-size:1em;
         text-decoration:none;
    }	
    
    .sqc-bo-piste-navigation-conteneur ul li a:hover
    {
        text-decoration: underline;
    }
    
    .sqc-bo-piste-navigation-courant 
    {
        color: #000;
        font-weight: bold;
    }
	
    /**/
    
   /*----------------------------------------------------------------------
	        Ministères et organisme
   ------------------------------------------------------------------------ */
    div.RechercheMO
    {
        margin: 1em 0;
    }
    
    div.indexAlphabetique div.pnlContenu ul
    {
        padding-left:0;
    }

    div.indexAlphabetique div.pnlContenu ul li, div.indexAlphabetique ul.indexUL li
    {
        list-style:none;
    }
    
    div.indexAlphabetique ul.indexUL
    {
        background: none;
        border-color: #e0f1ff;
        border-style: solid none;
        border-width: 6px;    
    }
    
    div.indexAlphabetique ul.indexUL li 
    {
      /*  display:block;*/
    }
    
    div.indexAlphabetique ul.indexUL li a
    { 
        color:#0244be; 
        border: 1px solid #ccdae7;
        padding: 0 2px;  
        min-width: 1%; 
        display:block;
    }
    
    
    .RechercheMO label
    { 
		display: block;
		margin-bottom: 0.6em;
		font-size: 0.875em; font-weight:bold; 
    }
	.sqc-pq-conteneur-champ-obli {
		display: inline-block;
		width: 40%;
	}
    
    .RechercheMO input
    {
        display:inline-block; 
        vertical-align:top;
    }
    
    .RechercheMO input[type="text"]
    {
        width: 100%;
    }
    .sqc-pq-recherche-vide {color: Red;}
    .sqc-pq-champ-obligatoire {
		display: block;
		text-align: right;
		font-size: 0.625em;
	}
    .sqc-pq-lien-tous
    {
        font-size: 0.8125em;
        margin-bottom: 0.4em;
        display:inline-block;
    }
	
	div.indexAlphabetique .pnlContenu ul li a {font-size: 0.8125em;}
    /* */

    /*----------------------------------------------------------------------
	            Prix et concours / Événements et dates importantes
    ------------------------------------------------------------------------ */
    .Tableau
    {
        margin: 1em 0 0 0 ;
        width: 100%;
        font-size : 1em;
    }
    
    .contenu .Tableau{font-size:1em;}
    .Tableau caption
    {
        text-align: left;
    }
    .Tableau th, .Tableau td
    {
        padding: 1em;
		font-size : 0.75em;
  
    }
    .Tableau th
    {
        background: #516a7e;
        color: #ffffff;
        font-weight: bold;
        text-align:left;
        word-wrap: initial;
    }
    .Tableau th.sqc-pq-th-date
    {
        width:20%;
    }
    
    aside .Tableau th.sqc-pq-th-date
    {
        width:40%;
    }
    
    .Tableau th.sqc-pq-th-evenement{ width: 68%;}
     aside  .Tableau th.sqc-pq-th-evenement{ width: 48%;}
    .Tableau th a
    {
        color: #ffffff;
    }
    .Tableau th img
    {
        margin-left: .5em;
    }

    .Tableau tr td a
    {
        color: #0244be;    
    }

    .Tableau tr td
    {
        background: #e9eef7; 
        color:#13191e;
        word-wrap: initial;
    }
    
    .Tableau tr td span
    {
        /*word-break:break-all;*/
        display:block;
    }
    
    aside .Tableau  tr td span a, .Tableau tr td a
    {
        font-size: 1em;
    }
    
    .Tableau tr td span span, .Tableau tr td a span
    {
        display:inherit;
    }
    
    .Tableau tr
    {
        border-top: 10px solid #FFF;
    }
    
    .sqc-pq-lien-encadre:link,.sqc-pq-lien-encadre:visited, .sqc-pq-lien-encadre:active 
    {
        background: #294269;
        padding: 1em 13.620071684587815%;
        display:block;
        color:#FFF;
        font-weight:bold;
        font-size: 0.9375em;
        margin-top: 1em;
    }
   
    
    .sqc-pq-aff-events-dates:link, .sqc-pq-aff-events-dates:visited, .sqc-pq-aff-events-dates:active
    {
        background: #e9eef7;
        color:#0244be;
         margin-bottom:1em;
         display:block;
         text-align:right;
         font-size: 0.75em;
         padding: 1em 5%;
         margin-top:1em;
    }
    
    /* */

    /*----------------------------------------------------------------------
	            Le Québec
    ------------------------------------------------------------------------ */
    .sqc-pq-map-portrait {
        display: none;
        margin-left: auto;
        margin-right: auto;
        max-width:100%;
    }
    .sqc-pq-map-outline area:focus {
        outline-color: #80FF80; 
        outline-width: 2px; 
        outline-style: solid;
    }
    
    /**/
    
 /*----------------------------------------------------------------------
	18= Sondage
------------------------------------------------------------------------ */
.sondage_popup h1 {
    color: black;
    font-size: 1.05em !important;
    font-weight: bold;
}

.sondage_popup p, .sondage_popup label {
    color: black;
    font-size: 0.75em !important;
}

.sondage_popup input, .sondage_popup button {
    font-size: 0.7em;
}

 /*----------------------------------------------------------------------
	18=Moteur de recherche
------------------------------------------------------------------------ */

#form-recherche-principal label span, #total-resultats-recherche{font-size:1em!important;}
#raffinement-recherche h2{font-size:1.1em!important;}
#options-recherche-compact label{ font-size: 0.75em;}
#suggestions-recherche ul li{list-style:none;}
.pagination ul{margin-bottom: 0;}
#suggestions-recherche p{margin-bottom:0;}
#source-suggestion-recherche img{vertical-align:middle;}

/*----------------------------------------------------------------------
	19= Prix et concours (BEOW)
------------------------------------------------------------------------ */

table.wb-tables th.sorting_asc, table.wb-tables th.sorting_desc
{
    background: #344b5d;
}

table.wb-tables th span.sqc-pq-libelle
{
    padding: 0.3em 25px 0.3em 0;
    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Icon_TriInactif.png) no-repeat right 4px;   
    display:block;
}

table.wb-tables th.sorting_desc span.sqc-pq-libelle
{
    padding: 0.3em 25px 0.3em 0;
    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Icon_TriActif.png) no-repeat right 4px;     
    display:block;
 
}

table.wb-tables th.sorting_asc span.sqc-pq-libelle
{
    padding: 0.3em 25px 0.3em 0;
    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Icon_TriActifAsc.png) no-repeat right 4px;   
    display:block;
  
}
.ie8 table.wb-tables th span.sqc-pq-libelle, .ie8 table.wb-tables th.sorting_desc span.sqc-pq-libelle, .ie8 table.wb-tables th.sorting_asc span.sqc-pq-libelle{display:inline-block;}

table.wb-tables{width:100%;}
table.wb-tables td {
	-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
			hyphens: auto;
			
	/*word-wrap: break-word; nécessite un conteneur avec largeur fixe */
} /* word-break: break-word : not working in Firefox */
table tr th.sqc-pq-column1, table tr th.sqc-pq-column2{width: auto; }
table tr th.sqc-pq-column3{width: auto; }
/*----------------------------------------------------------------------
	8= Points de ruptures
------------------------------------------------------------------------ */
@media only screen and (max-width: 481px) {
/*.Cacher
	{
		display: none;
	}
			
.Bascule
	{
		cursor: pointer;
	}*/
	p 
	{
	    padding: 0 1em;
	}
	.RechercheMO input
    {
        margin-left: 1em;
    }
    
    .RechercheMO input[type="text"]
    {
        margin-left: 0;
        -webkit-appearance: none;
    }
}
		
@media only screen and (min-width: 481px) 
{
    /*----------------------------------------------------------------------
	8.1 = Mobile 481px
        8.1.1 = PIV
        8.1.2 = Outils
        8.1.3 = Divisions
    ------------------------------------------------------------------------ */
    /*8.1.2 = PIV*/
    .sqc-bo-piv 
    {
        display: table;
        padding: 30px 0 13px 0;
        width: 100%;
    }
    .sqc-bo-piv .sqc-bo-logoQuebec
    {
        height: 43px;
    }
    .sqc-bo-piv .sqc-bo-pivMenu
    {
        display: table-cell;
	    padding: 0;
        vertical-align: bottom;
        width: 100%;
    }
    .sqc-bo-piv .sqc-bo-pivMenu ul
    {
        margin: 0;
    }
    
     .sqc-bo-piv .sqc-bo-pivMenu ul li
    {
    line-height:1em;    
    }
    .sqc-bo-pivMenu a
    {
        color: white !important;
        
    }
    
    .sqc-bo-pivMenu a:focus
    {
        outline-color: #FFFFFF;
        outline-width : 1px;
        
    }
    /**/
    
    /*8.1.2 = Outils*/
    .outils
    {
        float: right;
    }
    
    .outils > button
    {
        display: inline-block;
    }
    /**/
    
    /*8.1.3 = Divisions*/
    div.wrapper,  div#DeuxColonnes, div#TroisColonnes, .sqc-erreur404, .sqc-pq-message-urgence
    {
        width: 100%;
    
    }

    div#DeuxColonnes div#ColonneGauche, div#TroisColonnes div#ColonneGauche
    {
        float: left;
        width: 28.725701943844495%; /* (266 / 926)*/
    }
    
    div#DeuxColonnes .wrapper, div#TroisColonnes .wrapper, .sqc-bo-conteneur-erreur, .sqc-pq-message-urgence
    {
        background:#FFFFFF;  
    }
    
    .sqc-pq-message-urgence div{ padding: 0 3%;}
    
    div#DeuxColonnes main
    {
        float: right;
        width: 100%; /* (634 / 926) * 100 */
        background:none;
        padding:0;
        margin: 0; /*(14 / 926)*/
        
    }
  
    
    .sqc-pq-wrap-content
    {
        width:68.57451403887688%; 
        float:right; 
    }

    div#UneColonne .sqc-pq-wrap-content, div#UneColonne .sqc-pq-wrap-content main, div#UneColonne .sqc-pq-wrap-content main header
    {
        width:100%;
        padding:0;
    }
    
    div#UneColonne .sqc-pq-wrap-content {background:#FFFFFF;}
    .sqc-pq-bandeau
    {
        margin: 0 0 1.0625em 0; /* 17 / 16 */
        display:block;
        max-width: 100%;
    }
     
    .sqc-pq-wrap-content main
    {
        background : none;    
    }
     
    .sqc-pq-wrap-content main h1, #DeuxColonnes main h1
    {
        margin-top: 0;
        margin-bottom: 0.8em;  
    }
    p 
    {
        padding: 0 1em;
    }
    .RechercheMO input
    {
        margin-left: 1em;
    }
    
    .RechercheMO input[type="text"]
    {
        margin-left: 0;
        -webkit-appearance: none;
    }
    /**/

}/*/mediaquery*/

@media only screen and (min-width: 768px) {
    /*----------------------------------------------------------------------
	8.2 = Tablette 768px
        8.2.1 = Entête
        8.2.2 = Main interne
        8.2.3 = Accueil
        8.2.4 = Divisions
        8.2.5 = Boutons
        8.2.6 = Pied de page
    ------------------------------------------------------------------------ */
    /*8.2.1 = Entête*/
    
    .sqc-pq-identification-visuelle
    {
        margin-bottom: 0em;
        font-size: 1.6875em; /* 27 / 16 */
    }
    
    header.interne.variation
    {
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_Ombre_SitesEtPortails.png) no-repeat center -65px ;
        background-size: 100%;
        padding: 0 30px 30px;
    }
    
    header div
    {
        padding: 0 0 1.5em;
    }
    
    
    .sqc-bo-piste-navigation-conteneur
    {
        display:block;
    }
    
    
    .sqc-bo-piste-navigation-conteneur ul, ul.sqc-bo-piste-navigation
    {
  
        padding: 0;
        width: 93%;
    }
    
    .sqc-bo-piv 
    {
        padding: 30px 3% 13px 3%;
        width: 94%;
    }
    /**/
    
    /*8.2.2 = Main interne*/
    .sqc-pq-wrap-content, .sqc-bo-conteneur-erreur
    {
       padding:0.8125em 0.75em 1em 0.75em;     
    }
    

    main div.contenu
    {
        padding:0;
    }
    
    main h1, p.sqc-pq-portrait-region
    {
        font-weight: bold;
        padding: 0.2em 0.5em 0.5625em;
        margin-top:1.000em;
        margin-bottom: 1.438em;
        position: relative;
        text-align: left;
        color:#000000;
        background:url(/_layouts/images/SQc.PQ.Branding/PQ_bg_titre.gif) #ebf2f8 repeat-x bottom center;         
    } 
    p.sqc-pq-portrait-region {margin-top : 0;}
    
   main.pq-portrait-regions h1
   {
        background:none;
   }
    
   main.pq-portrait-regions h1:after
   {
       background:none;
   }
   
    main.pq-portrait-regions h1
    {
        padding : 0 ;
    
    }
    .sqc-pq-map-portrait
    {
        display:block;
    }
   /**/
   
   /*8.2.3 = Accueil*/ 
   div#SitesEtPortails div, div#SitesEtPortails div#BonjourQuebecInternational
   {
        width: 33.8%; /* 338 (originally 338) / 926 */ 
       
   }
   
    
   div#SitesEtPortails, section#SujetsPopulaires, section#Publicites
   {
        padding: 1em 0;
   }
   
   section#SectionsPortailQuebec
   {
        width: 31.145833333333332%; /* 299 (originally 299) / 960 */ 
    
   }
    
   #SitesEtPortails .bg div .sectionBleu , #SitesEtPortails .bg div .sectionBleuPale
   {
        background:url(/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Btn.png) no-repeat center center; 
        background-size: 100%;
        padding: 0 5%;
        display:block;
   }
    
   .ie8  #SitesEtPortails .bg div .sectionBleu, .ie8  #SitesEtPortails .bg div .sectionBleuPale
   {
        background:none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Btn.png', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Btn.png', sizingMethod='scale')";
   }
   
   #SitesEtPortails .bg div .sectionJaune , #SectionsPortailQuebec .pq-rteElement-H2
   {
        background:url(/_layouts/images/SQc.PQ.Branding/PQ_Ombre_BtnJaune.png) no-repeat center center; 
        background-size: 100%;
        padding: 0 5%;
   }
   
   .ie8 #SectionsPortailQuebec .pq-rteElement-H2
   {
        background:none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_BtnJaune.png', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_BtnJaune.png', sizingMethod='scale')";
   }

   

   div#SitesEtPortails, section#SujetsPopulaires, section#Publicites
   {
        padding:1em 0; 
   }
        
    
  .sectionBleu, .sectionJaune, .sectionBleuPale:first-child
   {
        margin-bottom: 0.6875em; /* 11 / 16 */
   }
    
   div#SitesEtPortails div.bg
   {
        width: 96%; /* 878 (originally 926) / 940 */ 
        padding: 2.591792657% 1.6198704103671708%; 
        background-color: #cdd5e1;
	    -webkit-box-shadow: inset 0 0 20px 9px rgba(56,75,91,0.23);
	    -moz-box-shadow: inset 0 0 20px 9px rgba(56,75,91,0.23);
	    box-shadow: inset 0 0 20px 9px rgba(56,75,91,0.23);
    }
    
    div#SitesEtPortails div 
    {
        width: 47.33%;
        margin : 0 1%;
    }
    
    div#SitesEtPortails div#BonjourQuebecInternational
    {
        width: 98%;
        margin: 0 1%;
    }
    
    div#SitesEtPortails div, div#SitesEtPortails div#BonjourQuebecInternational
    {
        width: 33.25269978401728%; /* 338 (originally 338) / 926 */ 
       
    }
    
    div#SitesEtPortails h3
    {
        margin-bottom:0;
    }
    div#SitesEtPortails
    {
        background: #FFFFFF;
        padding: 0 3% 3% 3%; 
        width: 94%;
    }

    div#SitesEtPortails div, div#SitesEtPortails div#BonjourQuebecInternational 
    {
         margin : 0;
    }
    
    /*Sujets populaire*/
    section#SujetsPopulaires
    {
        width: 62.05%; /* 602 (originally 602) / 960 */ 
        padding: 2.3958333333333335%; 
        margin-right:2%;    
    }
    section#SujetsPopulaires h2
    {
        font-size: 1.125em;
        font-weight: bold;
        background: #cdd5e1;
        position: relative;
        text-align: center;
		background:url(/_layouts/images/SQc.PQ.Branding/PQ_bg_titre.gif) #ebf2f8 repeat-x bottom center; 
		padding-bottom : 0.5625em;
    }
    
    section#SujetsPopulaires h2 a 
    {
        padding-top: 0.5em; 
        padding-bottom:0.5em;
    }
    
    section#SujetsPopulaires h2 a, section#SujetsPopulaires h2 a:before, section#SujetsPopulaires h2 a:after 
    {
        font-size: 1em; 
        background: none; 
        border:none; 
        display:block; 
        width:96%;
        margin:0;
	}
    
    section#SujetsPopulaires ul, section#SujetsPopulaires ul.cacher, section#SectionsPortailQuebec ul, section#Publicites
    {
        display:block;
    }
    
    section#SectionsPortailQuebec ul, section#SujetsPopulaires ul{text-align:left;}
    
   
    /* */
    
    /*Sections Portail Québec"*/
    #SectionsPortailQuebec div
    {
        padding: 7% 5% 3.5% 5%;
    } 
   
    
    #SectionsPortailQuebec .pq-rteElement-H2 a
    {
        width:85%;  
        padding: 0.6em 10% 0.6em 5%;
    }
    
    #SectionsPortailQuebec .pq-quebec a
    {
        text-align:center;
    }
    
    .sqc-pq-lien-encadre:link, .sqc-pq-lien-encadre:visited, .sqc-pq-lien-encadre:active
    {
        margin-top:0;
    }
   
    /* */
    
    /*Icone pour Le Québec et Mon gouvernement*/
    .pq-quebec a, .pq-gouv a
    {
        position:relative;
        z-index:300;
    }
        
 
    .pq-quebec a span.icon
    {
        content:"";
        background:url(/_layouts/images/SQc.PQ.Branding/PQ_Icone_carte.png) no-repeat;
	    height:65px;
	    width: 55px;
	    position: absolute;
	    right:-15px;
	    top:-10px; 
	    display:block;
	    z-index:200;
    }

    .pq-gouv a span.icon
    {
        content:"";
        background:url(/_layouts/images/SQc.PQ.Branding/PQ_Fleur_lys.png) no-repeat;
	    height:63px;
	    width: 53px;
	    position: absolute;
	    right:-15px;
	    top:-10px;  
	    display: block;
	    z-index:200;
    }
        
    .pq-gouv a span, .pq-quebec a span
    {
        z-index:200; 
        display:block;
        position:relative;
    }
    
    
    /*Publicites*/
    section#Publicites
    {
        clear: both;
        display: inherit;
        text-align:center;
    }
   
    section#Publicites a
    {

        width: auto; /* (1 / 3) * 100 */
        max-width:100%;
        margin-left: 0.9375em;
    }
    
    section#Publicites a:first-child
    {
        margin-left: 0;
    }
    
    section#Publicites a img
    {
        margin: 0 !important;
        max-height: 100%;
        max-width: 100%;
    }
    
    section#Publicites:before,
    section#Publicites:after 
    {
	    content: " ";
	    display: table;
    }
    
    section#Publicites:after 
    {
	    clear: both;
    }
    /* */
    
    /*Ministère et organisme*/
    
     div.indexAlphabetique ul.indexUL li {

  
    display:inline-block;

    }
    
    div.indexAlphabetique ul.indexUL li a{min-width: auto; display:inline-block; min-width: 55%;}
    
   
    /**/
	
	/*Prix et concours*/
	
	table.wb-tables td {word-break: normal;}
	table tr th.sqc-pq-column1, table tr th.sqc-pq-column2{width:19%; }
	table tr th.sqc-pq-column3{width:44%; }
	
	/**/
    
    /*8.2.4 = Boutons*/	
    #Citoyens .btn-jaune, #Citoyens .btn-bleu
    {
        width:auto; 
        margin-right: 0;
    }	
    
    #Entreprises .btn-jaune, #Entreprises .btn-bleu
    {
        width:auto; 
        margin-left:0;
    }
   .pq-rteElement-H2 a:link, .btn-bleu-pale:link, .pq-rteElement-H2 a:visited, .btn-bleu-pale:visited, .pq-rteElement-H2 a:hover, .btn-bleu-pale:hover, .pq-rteElement-H2 a:active, .btn-bleu-pale:active
    {
        font-weight :normal;
        width: auto;
    }
    .btn-jaune
    {
        font-size: 1em;    
    }
    .btn-jaune:link span
    {
        display:inline;
    }
    .btn-bleu
    {
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Mid_Bleu.png) repeat #294269;
	    background-size: 100%;
	    font-size: 1.3125em; /* 21 /16 */
        position:relative;
        border: solid 3px #4b6479;
	}
	
	.btn-bleu:before
	{
	    content:"";
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Top_Bleu.png) no-repeat;
	    background-size: 100%;
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:17px;
	}
	
	.btn-bleu:after
	{
	    content:"";
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Bottom_Bleu.png) no-repeat;
	    background-size: 100%;
	    position:absolute;
	    bottom:0;
	    left:0;
	    width:100%;
	    height:17px;

	}
	
    .btn-jaune
    {
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Mid_Jaune.png) repeat #e8a422;
	    background-size: 100%;
	    position:relative;
	    border: solid 3px #ffae44;
	}
	
	.btn-jaune:before
	{
	    content:"";
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Top_Jaune.png) no-repeat;
	    background-size: 100%;
	    position:absolute;
	    top:0;
	    left:0;
	    height:35px;
	    width:100%;
	    
	}
	.btn-jaune:after
	{
	    content:"";
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Bottom_Jaune.png) no-repeat;
	    background-size: 100%;
	    position:absolute;
	    bottom:0;
	    left:0;
	    height:10px;
	    width:100%;
	    
	}
			
    .pq-rteElement-H2 a, .btn-bleu-pale
    {
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Mid_BleuPale.png) repeat #9ab7d5;
	    background-size: 100%;
	    position:relative;
	    border: solid 3px #4b6479;
	   
    }
    
    .pq-rteElement-H2 a:before, .btn-bleu-pale:before
    {
	     content:"";
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Top_BleuPale.png) no-repeat;
	    background-size: 100%;
	    position:absolute;
	    top:0;
	    left:0;
	    height:15px;
	    width:100%;
	    z-index:100;
    }
    
    .pq-rteElement-H2 a:after, .btn-bleu-pale:after
    {
	    content:"";
	    background: url(/_layouts/images/SQc.PQ.Branding/PQ_Btn_Bottom_BleuPale.png) no-repeat;
	    background-size: 100%;
	    position:absolute;
	    bottom:0;
	    left:0;
	    height:15px;
	    width:100%;
	    z-index:100;
	   
    }
    
    .pq-rteElement-H2 a:hover, .btn-bleu-pale:hover, .btn-bleu:hover, .btn-jaune:hover, .pq-rteElement-H2 a:focus, .btn-bleu-pale:focus, .btn-bleu:focus, .btn-jaune:focus
    {
        text-decoration:underline;
    }
   
   /*Dégradé des boîtes dans la divisions "SectionsPortailQuebec" (Dégradé blanc)*/
   #SectionsPortailQuebec div
    {
        background: #FFFFFF;
        margin-bottom: 1em;
    }

    /*8.2.5 = Divisions*/	
    /*Redimensionne la partie inférieur de SitesEtPortails à 930px*/
    div.wrapper,  div#DeuxColonnes, div#TroisColonnes, .sqc-bo-conteneur-erreur
    {
        width: 92.60000000000001%; /* 926 / 1000 */ 
        margin: 1.7em auto 0;
    
    }
    
    .sqc-erreur404 .sqc-wrapper-erreur{ width: 92.6%; margin: 0 auto;}
    .sqc-erreur404 #sqc-master-menu{float: left;
    width: 28.7257%;}
    
    #ColonneGauche #sqc-master-menu{ width: 100%;}
    
    .sqc-bo-conteneur-erreur-sup
    {
        float:right;
        width: 71.2743%; /* 926 / 1000 */ 
        margin:0 auto;
       
        
        }
     .sqc-bo-conteneur-erreur
    {
       
      padding: 0.8125em 1.30389% 1em;
      width: 97.4%;
      margin-top:0;
    
    }
    
    
    div#DeuxColonnes, div#TroisColonnes, div#TroisColonnes div.wrapper, div#DeuxColonnes div.wrapper, div#UneColonne, div#UneColonne div.wrapper,   .sqc-erreur404, .sqc-pq-message-urgence
    {
        margin:0 auto;
    
    }
    
    /* */
    
    
   /*8.2.6 = Pied de page*/	
    footer
    {
        padding-top:1em;
    }
        
    footer nav
    {
        text-align: left;
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_Pattern.png) repeat #d0d8e4;
	    width: 93%; /* 960 (originally 960) / 1000 */ 
	    position:relative;
	    padding: 0;
    }
    
    .sqc-bo-dateMiseAJour
    {
        margin: 2em 0 1em 0;
        float: left;
        clear :both;
        display:block;
        text-align:right;
        width:100%;
    }
    
    
    footer nav div
    {
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Mid_Footer.png) repeat-y 0 0;
        background-size:100%;
        margin: 0;
        width:96%;
    } 
    
    footer nav ul
    {
        width: 32%; 
        
    }
    
    .ie8 footer nav div
    {
        background:none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Mid_Footer.png', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Mid_Footer.png', sizingMethod='scale')";
    } 
    
    footer nav div.footerTop
    {
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Top_Footer.png) repeat-x 0 0;
        background-size:100%;
        width:100%;
        height:19px;
        border:0;
        padding:0;
        margin:0;
    }
    
    footer nav h2 
    {
        padding-top:0; 
        color:#011130;
    }
    

    
    footer nav ul li a:link, footer nav ul li a:visited, footer nav ul li a:hover, footer nav ul li a:active
    {
        color:#011130;
    }
    
    .ie8 footer nav div.footerTop
    {
        background: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Top_Footer.png', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Top_Footer.png', sizingMethod='scale')";
       
    }
    
    footer nav div.footerBottom
    {
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Bottom_Footer.png) repeat-x 0 0;
        background-size:100%;
        width:100%;
        height:19px;
        border:0;
        padding:0;
        margin:0;
    }
    
    .ie8 footer nav div.footerBottom
    {
        background: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Bottom_Footer.png', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/_layouts/images/SQc.PQ.Branding/PQ_Ombre_Bottom_Footer.png', sizingMethod='scale')";
    }
    
    p 
	{
	    padding: 0;
	}
	.RechercheMO input
    {
        margin-left: 0;
        
    }
    .RechercheMO input[type=text] 
    {
        -webkit-appearance: textfield;
    }
    /**/
    
}/*/mediaquery*/


@media only screen and (min-width: 1000px) 
{
    body
    {
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_bg.jpg) no-repeat top center!important;
        
    }
    
    header, main, div#UneColonne, div#DeuxColonnes, div#TroisColonnes, footer, .sqc-pq-message-urgence, .sqc-erreur404
    {
        max-width: 1000px; /* 1000px */
        width: 94%; /* 1000px */
        display:block;
    }
    
    footer nav div.footerBottom, footer nav div.footerTop{ height:24px;}
    
     header.interne
    {
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_Ombre_SitesEtPortails.png) no-repeat center -50px ;
        background-size: 100%;
        padding: 0 30px 30px;
    }
    
       div#TroisColonnes main
    {
        width: 57.46456692913386%; /* (403 / 635) * 100 */
        padding:0;
        margin: 0;
        float:left;
    }
    
    
    div#TroisColonnes #ColonneDroite
    {
        float: right;
        width: 40.488188976377955%; /* (219 / 635) * 100 - 5% */
        
    }
   
}/*/mediaquery*/

@media only screen and (min-width: 1090px) 
{
    
     main
    {
        background: url(/_layouts/images/SQc.PQ.Branding/PQ_Ombre_SitesEtPortails.png) no-repeat center -30px ;
        background-size: 100%;
        padding: 0 30px;
    }
   
}/*/mediaquery*/

/*----------------------------------------------------------------------
	9= Impression
------------------------------------------------------------------------ */
@media print 
{
    * {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	
	body, button, input, select, textarea {font-size: 12px!important;}

	a, a:visited {
		text-decoration: underline;
	}
	
	section#SujetsPopulaires ul, section#SujetsPopulaires ul.cacher, section#SectionsPortailQuebec div ul, section#Publicites
	{
	    display:block;
	}
	
	
	.btn-bleu, .btn-jaune, .pq-rteElement-H2 a, .btn-bleu-pale
	{
	    text-align:left;
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: thin solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	.sqc-pq-wrap-content img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5in;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

    a
    {
        text-decoration: none !important;
    }
    
    .outils, .sqc-bo-piste-navigation-conteneur, #ColonneGauche, footer nav
    {
        display: none;
    }
}

/*----------------------------------------------------------------------
	10= JQueryUI Overwrite
------------------------------------------------------------------------ */
.ui-autocomplete 
{
    border: 1px solid #aaa !important;
    background: #FFF !important;
    color: #000 !important;
    border-radius: 0px !important;
}
.ui-autocomplete .ui-menu-item 
{
    border: 0 !important;
    background: #FFF !important;
    color: #000 !important;
    font-size: 0.75em;
    padding: 0.25em 0.1em !important;
}

.ui-autocomplete .ui-menu-item.ui-state-focus 
{
    color:#000 !important;
    background: #DADADA !important;
    font-weight: normal !important;
    padding: 0.25em 0.1em !important;
}

.sqc-srig-searchblock label 
{
    display: block !important;
}
@media only screen and (min-width: 481px) 
{
    .sqc-srig-searchblock label 
    {
        display: inline !important;
    }
}