﻿/***********************************************/
/***********************************************/
/*********  CHANGEMENT DU À BOOTSTRAP **********/
/***********************************************/
/***********************************************/




/****************************************************/

html {
    font-size: 1em;
}
/*
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: '';
    display: table;
    clear: both;
}


*/
/*
.noContentAfter::after{
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
    */


/* DÉBUT */

body {
    text-align: left;
    background: #FFF;
    border-top: 8px solid #095797;
}

#entetePiv .nomOrganisme a:link, #entetePiv .nomOrganisme a:visited {
	color:#000000;
	text-decoration:none;
}

.champRechercheSubmit {
    right: 38px;
    top: 3px;
}


#txtSearch {
    width: 97%;
}


@media only screen and (max-width: 750px) {
  .pivHautHeader.fondBlanc .pivHaut {
     border-top: none; 
  }
  
  .champRechercheSubmit {
    right: 5px;
  }
  
  
  #txtSearch {
    width: 100%;
  }
  
  .mobileResponsiveNonPresent .fondBlanc .pivHautBoutonsMobile li button.pivHautBoutonRecherche {
    right: 97px;
  }


}
.pivHautHeader {
	border-top:none;
}

.MainPage {
    /*width: 62.5em;*/
    /*min-width: 1000px;*/
    /*max-width: 1500px;*/
    margin: 0 auto;
    /*height: auto;
    min-height: 950px;*/
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight: normal;
    /*text-align: left;*/
}



@media (min-width:1024px) {
    .MainPage {
        /*width: 62.5em;*/
        /*min-width: 1000px;
        max-width: 1500px;*/
        margin: 5px auto;
        height: auto;
        /*min-height: 950px;*/
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-weight: normal;
        /*text-align: left;*/
    }
}

@media (max-width: 1024px) {
    .MainPage {
        /*width: 62.5em;*/
        /*min-width: 1000px;
        max-width: 1500px;*/
        margin: 5px auto;
        /*height: auto;
        min-height: 950px;*/
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-weight: normal;
        /*text-align: left;*/
    }
}

#main ul li {
    width: 98%;
}


h2 {
    font-size: 1.25em;
    color: #57667f;
}

h3 {
    font-size: 1em;
    color: #57667f;
}

img {
    border-style: none;
}

#DEClic1 {
    vertical-align: top;
}

#DEClic, .DEClicExpress {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
}

#DEClic, .DEClicExpress2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #525D7B;
}

.floatleft {
    float: left;
}

#DEClic, .DEClicExpress3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 14pt;*/
}

#DEClic, .DEClicTitre {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 9pt;*/
}


#DEClic, .DEClicTitre2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 9pt;*/
    color: #009999;
}

#DEClic, .DEClicTitre3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 9pt;*/
}

.NotaNARS {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 9pt;*/
    font-weight: normal;
}

    .NotaNARS a:hover {
        text-decoration: underline !important;
    }

/*#main #services a
{
	color: #525d7b;
	text-decoration: none;
}

#main #services a:hover
{
	color: #525d7b;
	text-decoration: underline;
}


#main #services div
{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
}
#main #services li
{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 0px;
}

#main #services #imgClic
{
	margin-top: 5px;
	margin-bottom: -6px;
}


#main #ligne
{
	margin: 0px;	
	padding: 0px;
	min-height: 242px;
	width: 760px;
	border-bottom: solid 1px #cccccc;	
}*/

.tariftexte {
    margin: 0 0px;
    padding: 5px 0 0 0 !important;
    min-height: 50px;
}


#NotaTarif a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #525d7b;
}

#NotaTarif .tarif {
    font-weight: bold;
}

#NotaTarif .tariftexte {
    margin-top: 10px;
    display: block;
    font-weight: normal;
}



.CentrerImgCarousel {
  margin-left: -15px;
}













/* ------------------------------------------------------------------------
	PIV
------------------------------------------------------------------------ */
.hr_bas {
	margin-top: 0px;
    margin-bottom: 0px;	
    border-top: 1px solid darkgrey;
}

.hr_faq {
	margin-top: 0px;
    margin-bottom: 0px;	
    border-top: 1px solid darkgrey; 
}

#piv .navbar {
    background-color: white;
    color: black;
    margin-bottom: 0;
    position: initial;
    padding: 0;
}

#piv .navbar-nav {
    /*width: 735px;
    min-height: 20px !important;
    margin-top: 57px;*/
    background: none repeat scroll 0 0 #039;
    margin-top: 52px;
    width: 100%;
}

#piv .navbar-collapse {
    padding: 0;
    float: left;
    width: 100%;
}

#piv .pull-right {
    padding-right: 5px;
}

#piv .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;
}

#piv .navbar-nav li {
    padding-left: 10px !important;
    padding-bottom: 3px;
}

    #piv .navbar-nav li a {
        padding: 0 !important;
        margin: 0;
        color: #fff;
        text-decoration: none;
        font-size: 1em;
        height: 15px;
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
    }

#piv .navbar-nav .ministere {
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    width: 100%;
    background-color: #fff;
}

    #piv .navbar-nav .ministere a {
        color: #000;
        font-weight: bold;
        letter-spacing: normal;
        font-size: 0.85em;
        height: 15px;
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        text-align: left;
    }

#piv .navbar-nav li a:hover, #piv .navbar-nav li a:focus {
    text-decoration: underline;
    background: none repeat scroll 0 0 #039;
    color: #fff;
}

#piv .navbar-nav .ministere a:hover, #piv .navbar-nav .ministere a:focus {
    text-decoration: underline;
    background: #fff;
    color: #000;
}


/* ------------------------------------------------------------------------
	Menu utilitaire
------------------------------------------------------------------------ */

#menu_utilitaire {
    background: #4873bb;
    padding: 5px 0 5px 0;
    /*min-width: 1000px;*/
}

    #menu_utilitaire .container {
        padding: 0;
    }

    #menu_utilitaire .navbar-collapse {
        padding: 0;
    }

    #menu_utilitaire .navbar {
        margin-bottom: 0;
        min-height: 28px;
        min-width: 0;
        display: block !important;
    }

    #menu_utilitaire .navbar-nav {
        background: none repeat scroll 0 0 #4873bb;
        vertical-align: middle;
    }

        #menu_utilitaire .navbar-nav li a {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            padding-left: 10px;
            padding-right: 10px;
            margin: 0;
            color: #fff;
            text-decoration: none;
            /*font-size: 0.85em;*/
            font-family: Verdana, Arial, Helvetica, sans-serif !important;
            line-height: 1.3em;
        }

@-moz-document url-prefix() {
    #menu_utilitaire .navbar-nav li a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 8px;
        padding-right: 8px;
        margin: 0;
        color: #fff;
        text-decoration: none;
        /*font-size: 0.85em;*/
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        line-height: 1.3em;
    }
}

@-moz-document url-prefix() {
    #menu_utilitaire .navbar-nav li a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 8px;
        padding-right: 8px;
        margin: 0;
        color: #fff;
        text-decoration: none;
        /*font-size: 0.85em;*/
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        line-height: 1.3em;
    }
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menu_utilitaire .navbar-nav li a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 8px;
        padding-right: 8px;
        margin: 0;
        color: #fff;
        text-decoration: none;
        /*font-size: 0.85em;*/
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        line-height: 1.3em;
    }
}
/* Opera */
@media not screen and (1) {
    #menu_utilitaire .navbar-nav li a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 8px;
        padding-right: 8px;
        margin: 0;
        color: #fff;
        text-decoration: none;
        /*font-size: 0.85em;*/
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        line-height: 1.3em;
    }
}
/* Chrome */
@media not all and (-webkit-min-device-pixel-ratio:0) {
    #menu_utilitaire .navbar-nav li a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 8px;
        padding-right: 8px;
        margin: 0;
        color: #fff;
        text-decoration: none;
        /*font-size: 0.85em;*/
        font-family: Verdana, Arial, Helvetica, sans-serif !important;
        line-height: 1.3em;
    }
}




#menu_utilitaire .navbar-nav li a:hover, #menu_utilitaire .navbar-nav li a:focus {
    text-decoration: underline;
    background: none repeat scroll 0 0 #4873bb;
    color: #fff;
}


/* ------------------------------------------------------------------------
	Zone d'entête
------------------------------------------------------------------------ */

#header {
    margin: 0;
    padding: 10px 0 0 0;
    position: relative;
    height: 222px;
}

    #header img {
        padding-top: 10px;
    }

    #header div h2 {
        margin: 0;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 10px;
    }


    #header ul {
        padding: 0;
        position: relative;
        overflow: hidden;
    }

        #header ul li {
            margin: 0;
            padding: 5px 0;
        }

            #header ul li a {
                margin: 0 0 0 5px;
                padding: 0;
                color: Black;
                text-decoration: none;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                display: inline;
                vertical-align: top;
            }

            #header ul li img {
                margin: 0;
                padding: 0;
            }

    #header a:hover {
        text-decoration: underline;
    }

/* ------------------------------------------------------------------------
	Services en ligne
------------------------------------------------------------------------ */

.Bandepleine {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #edf2fa;
    min-height: 275px;
}

@media (min-width:1024px) {
    .Bandepleine {
        position: absolute;
        left: 0;
        right: 0;
        background-color: #edf2fa;
        min-height: 275px;
    }
}

@media (max-width:1024px) {
    .Bandepleine {
        position: absolute;
        left: 0;
        width: 1019px;
        background-color: #edf2fa;
        min-height: 275px;
    }
}


#ServiceEnLigne {
    position: relative;
    margin-top: 0;
}

#main {
    /*margin: 0;*/
    min-height: 215px;
    font-weight: bold;
    /*background-color: #edf2fa;*/
    padding: 1em;
    padding-top: 0;
    text-align: left;
}

    #main h2 a {
        /*font-size: 1.25em;*/
        color: #57667f;
    }

    #main .col-xs-6 {
        padding: 0;
    }

    /*#main h3 {
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 1.25em;
    }*/

    #main ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #main li {
        padding: 5px 0;
    }

        #main li a {
            color: #6c6c6c;
            /*font-size: 0.85em;*/
            /*text-decoration: none;*/
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }

    #main a:hover {
        /*text-decoration: none;*/
    }

    /*
    #main .panel {
        border: 1px solid #007780;
      
        height: 100%;
        background-color: #F7F7F7;
    }


        #main .panel .panel-heading {
            border-radius: 30px 30px 0px 0px;
            -moz-border-radius: 30px 30px 0px 0px;
            -webkit-border-radius: 30px 30px 0px 0px;
            border: 0px solid #007780;
            background-color: transparent;
        }

        #main .panel .panel-body {
            padding-top: 0;
            padding-bottom: 0;
            font-weight: normal;
            font-size: 1.5em;
            color: black;
            color:#666666;
        }

            #main .panel .panel-heading:hover,
            #main .panel .panel-heading:active,
            #main .panel .panel-body:hover,
            #main .panel .panel-body:active {
                           }


            #main .panel:hover .panel-heading {
                background-color: transparent;
            }

        #main .panel:hover {
            background-color: lightcyan;
        }


            #main .panel:hover .panel-heading h3 {
            
            }

        #main .panel h3 {
            color: #007780;
            font-weight: normal ;
            font-size: 2em;
        }
        */



    #main h2 {
        font-size: 2.5em;
        font-weight: bold;
        color: #007780;
    }


/* ------------------------------------------------------------------------
	Nouvelles
------------------------------------------------------------------------ */

.Nouvelles {
    padding: 0;
}

    .Nouvelles h2 a {
        /*font-size: 1.25em;*/
        color: #007780;
    }

    .Nouvelles .item {
        text-align: left;
    }

        .Nouvelles .item h3 {
            margin-top: 10px;
        }

    .Nouvelles .AffichageDate {
        /*font-size: 0.85em;*/
        color: #6c6c6c;
    }


    .Nouvelles .item a {
        color: #6c6c6c;
        /*font-size: 0.85em;*/
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .Nouvelles a:hover {
        text-decoration: underline;
    }

    .Nouvelles .carousel:hover .carousel-caption {
        background-color: white !important;
    }

    .Nouvelles .carousel-caption {
        padding: 0;
        /*height: 100px;*/
        /*height:auto;*/
        color: black;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        text-shadow: none;
        right: 0;
        left: 0;
        top: 0;
    }

    .Nouvelles .carousel-indicators.top-right {
        text-align: right;
        float: right;
        right: 2% !important;
        left: inherit;
    }


    .Nouvelles .carousel-indicators li {
        background: #ccc;
        width: 8px;
        height: 8px;
    }

    .Nouvelles .carousel-indicators .active {
        background: #6c6c6c;
        width: 10px;
        height: 10px;
    }

    .Nouvelles .btnOptions {
        float: left;
        width: 19px;
        height: 19px;
        margin-left: 5px;
    }


    .Nouvelles .carousel-haut {
        /*border: 1px solid #CEDFDF;*/
        /*padding: 1em;*/
        /*padding-top: 0.5em;*/
    }

    .Nouvelles.Actualites .carousel-haut .carousel-indicators {
        right: 0;
        float: right;
        margin-left: 1em;
        margin-right: 1em;
        text-align: right;
        width: auto;
        position: relative;
        left: 0;
    }

    .Nouvelles.Actualites .carousel-haut .indicateur {
        text-align: right;
        margin-top: 1em;
    }

    .Nouvelles.Actualites h2 {
        color: #007780;
    }

    .Nouvelles.Actualites h3 {
        color: #6c6c6c;
    }

    .Nouvelles .carousel-haut h3 {
        font-size: 1.5em;
    }

    .Nouvelles .carousel-haut h4 {
        font-size: 1em;
        font-weight: bold;
    }

    .Nouvelles .glyphicon {
        top: 0;
    }



/* ------------------------------------------------------------------------
	PIV bas
------------------------------------------------------------------------ */
#pied {
    margin: 0;
    padding: 0 0 0 0 !important;
    line-height: normal;
    text-align: center;
    font-size: 0.8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 0px none;
    font-weight: normal;
    position: relative;
    clear: both;
}

    #pied .retrait-sondage iframe {
        width: 100%;
        float: left;
    }

    #pied hr {
        width: 100%;
        border: 1px solid #007080;
        display: inline-block;
    }

    #pied p {
        margin: 0;
        padding: 0;
    }

        #pied p.politique {
            margin: 0 0 1em 0;
            padding: 0;
        }

        #pied p a {
            color: #000;
            text-decoration: underline;
        }

            #pied p a:hover {
                color: #000;
                text-decoration: none;
            }

    #pied ul.politique_bas {
        padding: 0;
        text-align: center;
        clear: both;
        margin: 0 auto;
    }

        #pied ul.politique_bas li {
            display: inline;
            list-style: none;
        }

            #pied ul.politique_bas li a {
                color: #007780;
                text-decoration: none;
                display: inline-block;
                *display: inline;
                zoom: 1;
                padding-left: 1em;
                padding-right: 1em;
                font-size: 1.2em;
                margin-bottom: 0.5em;
            }

#logoquebec a {
    display: block;
    margin: auto;
    clear: both;
    margin-top: 4px;
}

#pied ul li a:hover {
    /*color: #000;*/
    text-decoration: underline;
}

.Actualites {
    padding-left: 1em;
    padding-right: 1em;
}

    .Actualites .carousel-indicators {
        width: inherit;
        position: initial;
    }

        .Actualites .carousel-indicators ol {
            padding-left: 0.5em;
        }



.Nouvelles.Publicites .carousel-indicators {
    position: relative;
    bottom: 0;
    display: block;
    margin-bottom: 0;
}

/**/
.Nouvelles.Publicites .boutonStartStop {
    /*bottom: 5px;*/
}

/* ------------------------------------------------------------------------
	accordéon page accueil
------------------------------------------------------------------------ */
#main .accordion .panel {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #F7F7F7;
}

#main .accordion .panel-title, #main .accordion .glyphicon {
    font-size: 2em;
    font-weight: normal;
    color: #007780;
}

#main .accordion .glyphicon {
    float: left;
    font-size: 1.5em;
    margin-right: 0.5em;
    margin-top: 0.2em;
}

#main .accordion .panel-title-description {
    margin-left: 2em;
    color: #666666;
}

    #main .accordion .panel-title-description div:not(:last-child) {
        margin-bottom: 0.5em;
    }

#main .panel-body {
    margin-top: 0;
    padding-top: 0;
}

    #main .panel-body ul {
        margin-left: 3em;
    }

#main .accordion > div {
    padding-left: 0;
    padding-right: 0;
}


#main .accordion .accordion-toggle:not(.collapsed) .glyphicon-plus {
    display: none;
    visibility: hidden;
}

#main .accordion .accordion-toggle.collapsed .glyphicon-minus {
    display: none;
    visibility: hidden;
}

#main .accordion .panel-body ul {
    list-style: disc;
    color: #007780;
}

/* mobile seulement */
@media screen and (max-width: 767px) {

    .Nouvelles.Actualites .carousel-indicators {
        left: 0;
        margin-left: 0;
    }
    .Nouvelles.Actualites ol {
        margin-right: 10px;
    }

    #piv .navbar-brand {
        height: 80px;
    }

    ul.navbar-piv {
        display: flex;
        flex-direction: column;
    }

        ul.navbar-piv li {
            order: 1;
        }

            ul.navbar-piv li.langue {
                float: left !important;
            }

            ul.navbar-piv li.ministere {
                order: 0;
            }

    #outils {
        text-align: inherit;
    }

        #outils .glyphicon {
            height: auto;
        }

    .navbar-form .form-group-btn,
    .navbar-form .input-group-addon {
        width: auto;
    }


    /*#main .panel {
        padding-bottom: 1em;
    }*/

    /*#main .panel-heading {
        padding-top: 0;
    }*/

    #main h2#ServiceEnLigne {
        /*margin-bottom: 1.5em;*/
    }

    #masterMenu button.navbar-toggle {
        margin-left: 1em;
    }

    #masterMenu .blocRecherche {
        padding-right: 1em;
        padding-left: 1em;
        padding-bottom: 1em;
        margin-left: 0;
    }

    #masterMenu ul li {
        padding-left: 1em;
        padding-right: 1em;
    }

    #pied ul.politique_bas li {
        display: block;
    }

    .Publicites .item {
        /*height: 125px !important;*/
    }

    .Nouvelles h2 {
        margin-top: 0;
    }

    #CarouselPublicites .carousel-indicators li {
        /*display: block;*/
    }
}

@media screen and (min-width: 768px) {

    .Nouvelles.Actualites .carousel-indicators {
        bottom: 0;
        left: 0;
        text-align: left;
        margin-left: 0;
    }

    .Nouvelles.Actualites .boutonStartStop {
        margin-left: 5%;
        margin-bottom: 1%;
    }

    .Publicites .item {
        height: 185px !important;
    }

    .Actualites .item {
    }

    .Actualites .carouselNouvelles-indicators {
        margin-top: 1em;
    }

    #outils button {
        margin: 0 7px;
        display: inline;
        border: 0;
    }

    #outils #srig {
        width: auto;
        display: inline-block;
    }

    #masterMenu .blocRecherche {
        height: 20px;
    }

    .sm-equal {
        display: -webkit-flex;
        display: flex;
    }

    #main .row {
        margin-bottom: 1em;
    }

    /*#main .panel {
        border-radius: 30px 30px 30px 30px;
        -moz-border-radius: 30px 30px 30px 30px;
        -webkit-border-radius: 30px 30px 30px 30px;
    }*/

    #pied ul.politique_bas li:not(:last-child) a {
        border-right: 1px solid #000;
    }

    #outils {
        float: right;
    }

        #outils .blocSupplementaire .blocTaillePolice {
            display: inline;
        }
}


@media (min-width: 768px) and (max-width: 991px) {

    #outils {
        /*width: 100px;*/
    }

        #outils .blocRecherche input[type=text] {
            width: 150px;
        }

        #outils button {
            margin: 0;
        }

        #outils .blocSupplementaire button {
            white-space: nowrap;
        }

    #piv .navbar-nav li a {
        font-size: 0.85em;
    }
}

@media screen and (min-width: 992px) {
}

#outils input[type=text] {
    width: 180px;
    max-width: 180px;
}

/*col-lg*/
@media screen and (min-width: 1200px) {
    #main .accordion .panel {
        border: none;
        background-color: white;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #main .panel-body ul li a {
        font-weight: normal;
    }

    #main .accordion .panel, #main .accordion .panel-heading {
        padding: 0;
        padding-right: 1em;
    }

    #main .accordion > div {
        padding-bottom: 1em;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .Actualites .carousel-indicators {
        position: relative;
    }
}


/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

    #cookieConsent a {
        color: #4B8EE7;
        text-decoration: none;
    }

#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}

    #closeCookieConsent:hover {
        color: #FFF;
    }

#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 10px 0 10px;
}

#cookieConsent a.cookieConsentNoThx {
    background-color: #A1D000;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 10px 0 10px;
}

#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}

#cookieConsent a.cookieConsentNoThx:hover {
    background-color: #A6DF00;
}

.parent {
    color: black;
    padding: 70px;
    position: relative;
    background-color: white;
    margin-top: 15px;
}

.element {
    /*xbackground-color: lighten(#0074d9, 20);*/
    background-color: rgba(20,20,20,0.9);
    opacity: .85;
    /*xpadding: 20px;*/
    padding: 8px 0 8px 130px;
    /*xcolor: rgba(255,255,255,.9);*/
    color: #ccc;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 26px;
    font-size: 14px;
    line-height: 26px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    display: none;
    z-index: 9999;
}
/*Cookie Consent End*/


/*#############################################################

### Recherche SRIG

###############################################################*/ 
ul.ui-autocomplete ,ul.ui-autocomplete li {
  background:#fff;
  width: 556px !important;
  list-style-image:none;
  list-style:none;
}

ul.ui-autocomplete li {
  width: 100% !important;
}

ul.ui-autocomplete li {
  padding: 4px;
}

ul.ui-autocomplete {
  border: 1px solid #BBB;
}

ul.ui-autocomplete li:not(:last-child) {
  border-bottom: 1px solid #BBB;
}

#jconstellio_main .jconstellio-main-resultsnumber {
    font-size: 1.2em;
}

.jconstellio-main-thesauruscontainer li {
  background:none !important;
  padding-left:0 !important;
}

#jconstellio_main .jconstellio-main-resulturl {
  margin-bottom: 1em !important;
}

.jconstellio-header-search .jconstellio-header-searchinput {
  display:inline;
}

.jconstellio-header-search .jconstellio-header-searchinput input {
  padding:5px 5px;
}

.jconstellio-header-advancedsearch .jconstellio-header-fixedlabel {
  font-size:1.3em;
  width: 7em;
}

.jconstellio-header-search label[for=jconstellio-header-searchbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#boiteRecherche input.sqc-srig-searchbox{
  padding: 4px;
}
#boiteRecherche input.sqc-srig-searchbutton{
  top: 1px;
  position: relative;
}

.jconstellio-header-search .jconstellio-header-advancedsearch {
  margin: 0;
  padding:0;
}

#jconstellio_main {
    padding-left:0!important;
}
#jconstellio{
  color: rgb(51,51,51);
}
.jconstellio-main-resultcontainer h4{
  font-family:roboto;
  font-size:1rem;
  font-color:rgb(0, 64, 107);
}
#jconstellio a{
  color:rgb(0, 64, 107)!important;
  line-height: 1.6rem;
}

.jconstellio-main-resultcontainer a{
  font-size:1.4rem;
}

#jconstellio em{
  font-style: normal;
  font-weight: bold;
}
#jconstellio_searchbutton{
    padding: 5px 20px;
}
.jconstellio-main-synonyms.clearfix, .jconstellio-main-spellcheck.clearfix{
  overflow:visible!important;
}
#contenu .jconstellio-main-synonyms, #contenu .jconstellio-main-spellcheck, #contenu  .jconstellio-main-disambiguations{
  overflow:visible!important;
  padding: 1em 0.5em 0.5em 30px!important;
}

#contenu #jconstellio ul li {
	  background:none;
}

.jconstellio-header-search {
    padding: 0.8em!important;
}
.jconstellio-header-required{
  display: none;
}

.jconstellio-header-search .jconstellio-header-searchbox {
  width: 99%;  
  font-size: 1rem;
  height: 1.375em;
  box-sizing: content-box;
  padding: 7px 6px;
  border: 1px solid #BBB;
  vertical-align: middle;
  margin-bottom:5px;
}
.jconstellio-header-advancedsearch select{
margin-bottom:0;
}

.jconstellio-header-search > label{
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

header#jconstellio_header {
  padding-bottom:5px;
}

.jconstellio-header-search .jconstellio-header-searchbtn{
  background: none rgb(51,51,51);
  text-indent: 0;
  margin-left: 0px;
  margin-top:4px;
  width: auto;
  height: auto;
  padding: 6px 12px;
  color: white;
  font-weight: bold;
  position:relative;
  top:inherit;
  right:inherit;
  font-size: 1.4em;
}

.jconstellio-header-search .jconstellio-header-advcheckbox label{
  font-size: 1.3em;
}

ul.ui-autocomplete li{
text-align:left;
  padding-top:0.4em;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  margin: 0!important;
}
.jconstellio-main-resultcontainer p{
/*font-size:14px!important;*/
}
p.jconstellio-main-resulturl{
font-size:12px!important;
}
/*Pagination*/
.jconstellio-main-pagination{
  background-color: transparent!important;
}
#contenu .jconstellio-main-pagination ul li{
  background: none;
  padding-left: 5px;
  background:none;
}
#jconstellio .jconstellio-main-pagination ul li.current a{
  color: white!important;
  border-color: #333333;
  background-color: #333333;
  padding: 2px 5px 0 5px;
  text-decoration: none;
}
#featuredLink-recherche{
  background-color: transparent;
  padding:0 10px 1px 15px;
  border-left: 2px solid #C0C0C0;
  border-top:0;
  border-right:0;
  border-bottom:0;
}
.featuredLink p{
margin-bottom:0.5em;
}
.resultats-recherche .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 572px !important;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: 156px !important;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:hover {
    cursor:pointer;
}

#featuredLink-recherche span:first-child{display:none}

