body
{
    font-family: arial, helvetica, clean, sans-serif !important;
    font-size: 0.72em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.5;
    color: #534D42;
}
p, ul, ol, table.tableContenu, .ms-rteCustom-tableContenu, .tableRappels
{
    margin-bottom: 1.4em;
}
.contenu .sansMargeInf
{
    margin-bottom: 0;
}
.clear-fix
{
    overflow: hidden;
    clear: both;
}
.article ul, .articleCond ul
{
    list-style-type: disc;
    margin-left: 1em;
}
/*margin-left:2.3em*/
.article ol li ul li, .articleCond ol li ul li
{
    background-position: left 12px;
}
.article ul li, .articleCond ul li
{
    margin: 5px 0 7px 0;
    background-image: url(/_layouts/PortailMapaq/Images/puce_bleue.png);
    background-position: left 7px;
    background-repeat: no-repeat;
    padding-left: 10px;
    list-style-type: none;
}
/*Ajout Daniel Siconnelli pour la liste imbriquée*/
.article ul li.soussite
{
    margin: 5px 0 7px 0;
    background-image: none;
    background-position: left 7px;
    background-repeat: no-repeat;
    padding-left: 10px;
    list-style-type: none;
}
/**/
.article ul ul li.soussite span
{
    font-size: 12px;
}
/*0.85em;*/
.article ul ul
{
    margin-left: 1.30em;
}
.listeCommuniqueMois .listeHorizontale li
{
    padding-left: 7px !important;
}
.article ul li .texteVedette ul
{
    padding-left: 1.4em;
    margin-left: 0;
}
/*changement sebastien*/
.article ul li .texteVedette ul li
{
    list-style-type: none;
    background-image: url(/_layouts/PortailMapaq/Images/puce_bleue.png);
    padding-left: 10px;
}

.texteVedette
{
    float: left;
    width: 225px;
}
.texteVedette ul li
{
    background-image: url(/_layouts/PortailMapaq/Images/puce_bleue.png);
    background-position: left 8px;
    background-repeat: no-repeat;
    list-style-type: none;
}

.article ul ul li, .article ul li ul li
{
    background-image: url(/_layouts/PortailMapaq/Images/sous-puce_bleue.png);
}
/* Change le point bleu pour un cercle pour le 2e niveau de liste et plus */
/*Ajout Daniel Siconnelli pour la liste imbriquée*/
.article ul ul li.soussite, .article ul li ul li.soussite
{
    background-image: none;
    list-style-type: none;
    padding-left: 4px;
}
/* Change le point bleu pour un cercle pour le 2e niveau de liste et plus 
/**/

ol
{
    list-style-type: decimal;
    margin-left: 2.5em;
}
ol li
{
    padding: 5px 0px 5px 0px;
}
h1, h2, h3
{
    font-weight: bold;
    color: #095da6;
}
h1, .pageCommunique .surTitre
{
    font-size: 1.45em;
    margin-bottom: 1em;
    color: #117AD5;
}
.pageCommunique .surTitre
{
    font-weight: bold;
    font-size: 1.3em;
}
h2, .pageCommunique h1
{
    font-size: 1.2em;
    margin: 0 0 10px 0;
    background: none;
    color: #095DA6;
}
.titreGrandsDossiers a:hover
{
    text-decoration: none !important;
    color: #5892c4 !important;
}
h2 a
{
    text-decoration: none;
    color: #607091;
}
h3
{
    font-size: 1em;
    margin-bottom: 3px;
}
h4
{
    font-weight: bold;
}
blockquote
{
    margin-left: 11px;
    margin-right: 20px !important;
}

fieldset
{
    border: 0;
}
legend
{
    float: left;
    height: 0;
    overflow: hidden;
}
label
{
    font-weight: bold;
    color: #095da6;
}

/*** Ajout Pierre Paquet (enlève le gras des libellés du menu sharepoint ***/
.ms-MenuUIItemTableCell label, .ms-MenuUIItemTableHover label
{
    font-weight: normal !important;
}

input[type="checkbox"]
{
    height: 1em;
    vertical-align: bottom;
}

/* Toutes les tables doivent avoir cette classe pour ne pas entrer en conflit avec la barre d'edition de MOSS */
.tableRappels th p, .tableRappels ul li
{
    font-weight: normal;
}

.tableContenu, .ms-rteCustom-tableContenu, .tableRappels
{
    border: 3px solid #CDE0F1;
    border-collapse: collapse;
}
.tableContenu td, .tableContenu th, .ms-rteCustom-tableContenu td, .ms-rteCustom-tableContenu th, .tableRappels th, .tableRappels td
{
    border: 1px solid #CDE0F1;
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
}
.tableContenu th, .ms-rteCustom-tableContenu th
{
    background-color: #EAF5FF;
    color: #095DA6;
}
.tableauFantome, .tableauFantome td, .tableauFantome th
{
    border: 0;
    background: transparent;
    color: #000;
}
.sansCoupure
{
    white-space: nowrap;
}

/* Pour les tableaux prédéfinis */
.ms-rteTable-1
{
    border: 3px solid #BFC6D3 !important;
    border-collapse: collapse;
}

.ms-rteTableHeaderOddCol-1, .ms-rteTableHeaderEvenCol-1, .ms-rteTableOddCol-1, .ms-rteTableEvenCol-1
{
    border: 1px solid #BFC6D3;
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
}

.ms-rteTableHeaderEvenCol-1, .ms-rteTableHeaderOddCol-1, .ms-rteTableFirstCol-1
{
    background: #eceef2;
    color: #607091 !important;
    text-transform: none !important;
}

.ms-rteTableOddRow-1, .ms-rteTableEvenRow-1
{
    background-color: #FFF !important;
}

.h3BoiteBleu
{
    color: #534D42;
}
.sousTitre
{
    font-size: 1.2em;
    color: rgb(96, 112, 145);
}
.appuiGauche
{
    float: left;
    overflow: hidden;
    margin: 8px 0 0 5px;
    padding: 0;
}
.appuiGaucheFormulaire
{
    float: left;
    overflow: hidden;
    margin: 11px 7px 0 0;
    padding: 0;
}
.rechercheAvanceeCheckbox label
{
    float: right;
    width: 210px;
    display: block;
}
.rechercheAvanceeCheckbox input[type="checkbox"]
{
    float: left;
    margin-top: 3px;
}

.appuiDroite
{
    float: right;
    overflow: hidden;
    margin-top: 25px;
}
.retourChariot
{
    clear: left;
    overflow: hidden;
}
.serre
{
    margin: 0;
    padding: 0;
}
.texteEstompe
{
    color: #999;
}
.fondColore
{
    background-color: #EEEEEE;
    width: 500px;
}
hr
{
    display: none;
}
a:link, a:visited
{
    color: #095da6;
    text-decoration: none;
}
a:hover, a.enAction
{
    text-decoration: underline;
}
.pageAliments a:link, .pageAliments a:visited
{
    color: #788C5F;
    text-decoration: underline;
}
.pageAliments a:hover, .pageAliments a:actif
{
    text-decoration: underline;
    color: #607091;
}

#Mes_aliments_courrier input, #Mes_aliments_courrier textarea
{
    display: block;
}

.article a:link, .article a:visited, .articleCond a:link, .articleCond a:visited
{
    color: #677000;
    text-decoration: underline;
}
.article .blocVideoFlash_h a:link
{
    text-decoration: none;
}
.article .listeHorizontale li a, .articleListeAliment ul li a
{
    padding: 5px;
}

.article .listeHorizontale li a:hover, .articleListeAliment ul li a:hover, .articleListeAliment ul li a.actif, .article .listeHorizontale li a.actif
{
    background-color: #E7E7E7;
    padding: 5px;
    text-decoration: none;
    color: #095DA6;
}
/*.article a:link, .article a:visited {color:#607091;text-decoration: none;}*/
.article a:visited, .article a:hover, .article a.actif, .articleCond a:visited, .articleCond a:hover, .articleCond a.actif
{
    text-decoration: underline;
    color: #095da6;
}
h2 .article a:link, h2 .article a.visited
{
    text-decoration: none;
    color: #095da6;
}
a[disabled]:hover
{
    text-decoration: none;
}
.zone2 a:link, .zone2 a:visited
{
    color: #095da6;
    text-decoration: none;
}
.zone2 a:hover, .zone1 a:hover
{
    text-decoration: underline;
}
.accueil .zone2 a:hover, .accueil .zone1 a:hover
{
    text-decoration: underline !important;
}
.zone1 .boiteVerte a:link, .zone1 .boiteVerte a:visited
{
    text-decoration: none!important;
    color: #555555;
}
img
{
    border: 0;
}
img.ms-asset-icon
{
    margin-right: 2px;
}
.texteBleu
{
    color: #095da6;
    font-weight: bold;
}
#page
{
    width: 960px;
    margin: auto;
    text-align: left;
    position: relative; /*background: url(/_layouts/PortailMapaq/Images/fond_ligne_haut.jpg) top repeat-x*/
}
#corps
{
    overflow: hidden;
    float: none;
}

.h2BassinsVersants
{
    margin-left: 4.5em;
}
.ulBassinsVersants
{
    margin-left: 4.5em;
}
.ulBassinsVersants li
{
    float: left;
    margin-left: 30px;
    padding-left: 5px;
    width: 120px;
}

.hautRecherche
{
    height: 45px;
    margin-bottom: 10px;
}
.hautRecherche h2
{
    float: left;
    color: #000;
    margin: 0.3em 0 0 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}
ul.pagination
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    background-color: #E4EED3;
}
ul.pagination li
{
    height: 20px;
    float: left;
    background: none;
    margin: 0;
    padding: 0 3px;
}
ul.pagination li a
{
    height: 20px;
    display: block;
}
ul.pagination li.pagePrecedente
{
    background-image: url('/_layouts/PortailMapaq/Images/pagination_fleche_gauche.png');
    background-repeat: no-repeat;
    background-position: 50% 6px;
}
ul.pagination li.pageSuivante
{
    background-image: url('/_layouts/PortailMapaq/Images/pagination_fleche_droite.png');
    background-repeat: no-repeat;
    background-position: 50% 6px;
}

div.pointille
{
    background-image: url(/_layouts/PortailMapaq/Images/m_g_vert_pointile.gif);
    background-repeat: repeat-x;
    background-position: left center;
    height: 5px;
    width: 100%;
    background-color: #FFF;
}
h2.titreQuoiNeuf
{
    border-bottom: 1px solid #095DA6;
    color: #095DA6 !important;
    width: 210px;
    text-transform: uppercase;
}
h2.titreQuoiNeufPetit
{
    border-bottom: 1px solid #095DA6;
    color: #095DA6 !important;
    width: 165px;
    text-transform: uppercase;
}
.deux_colonnes .zone1
{
    float: left;
    overflow: hidden;
    width: 100%;
    margin-right: 10px;
    position: relative;
}
.modeEdition .deux_colonnes .zone1
{
    /*position: static;*/
    position: relative;
    overflow: visible;
    clear: both;
}
.deux_colonnes .zone2
{
    width: 279px; /*position:relative*/
}
.imagesEspacees img
{
    float: left;
    margin-right: 8px;
}
.imageAGauche
{
    float: left;
    margin-right: 10px;
}
.zone1 ul li
{
    list-style-type: none;
}
.zone2 ul li
{
    list-style-type: none;
}
.zone1 ul li .elementListeTiroir
{
    font-weight: normal !important;
}
/* Ajustements Sebastien h3 */
.accueilPresse .boiteVerte h3
{
    padding-left: 15px;
}


/* Boites a coins ronds -- utilise certaines proprietes non-standard en attendant que CSS3 soit mieux supporte */
.boiteBleue
{
    width: 538px;
    border: 1px solid #9AB9DC;
    background: #fff;
    float: left;
    clear: left;
    padding: 10px;
    margin-bottom: 15px;
}
.boiteBleue div.entetegauche
{
    width: 95%;
    float: left;
}
.boiteBleue div.entetedroite
{
    width: 5%;
    float: right;
    text-align: right;
}

.boiteBleue div.contenu
{
}

.boiteVerte
{
    background-color: #d0e1f1;
    overflow: hidden;
}
.boiteVerte p, .boiteVerte ul
{
    margin: 0 1em 1em 1em;
    padding: 0;
}
.boiteVerte ul
{
    padding-left: 1.2em;
}
.boiteVerte a:link, .boiteVerte a:visited
{
    /*color:#666*/
}
.contenuVedette .boiteBleue
{
    width: 320px;
}
/* Ajustements Olivier 2e colonne portails) */
.zone2 .boiteVerte ul
{
    padding-left: 0;
}
.zone2 .boiteVerte
{
    background-color: #FFF;
}
.zone2 .article ul
{
    margin-left: 1em;
}

.sectionDroite
{
    float: right;
    width: 760px;
}



div.separateur
{
    display: none;
}
div.retourHaut
{
    margin: 0 auto;
    width: 360px;
    height: 40px;
    clear: both;
}
#linkTopPage
{
    width: 960px;
    clear: both;
    margin: -35px auto 0 auto;
}
#toppage
{
    display: block;
    background: url("/_layouts/PortailMapaq/Images/arrowtop.jpg") 0 0 no-repeat;
    height: 34px;
    width: 34px;
    float: right;
}
div.retourHaut a:hover, div.retourHaut a:focus, div.retourHaut a.enAction
{
    /*background:url("/_layouts/PortailMapaq/Images/fleche_haut_hover.gif") no-repeat left top;*/
}
ul.listeSemantique, ul.listeSemantique li
{
    margin: 0;
    padding: 0;
    background: none;
    list-style-type: none;
}
ul.listeSemantique ul li
{
    background-image: url("/_layouts/PortailMapaq/Images/puce_bleue.png");
    list-style: none;
    background-position: 0 7px;
    background-repeat: no-repeat;
    padding-left: 10px;
}

.important
{
    font-weight: bold;
}
#corps ul.listeHorizontale
{
    margin-left: 0;
}
#corps ul.listeHorizontale li
{
    display: inline;
    list-style-type: none;
    background: none;
}


/* Pour elements A graphiques servant de liens : le texte est masqué via le height:0, mais lu quand meme par lecteurs vocaux */
.iconeLien
{
    background: url("http://dummyimage.com/16x16/ccc/fff.gif") top left no-repeat;
    height: 0;
    width: 16px;
    padding-top: 16px;
    overflow: hidden;
    display: inline-block;
}

/* Elements ayant un icone a gauche d'un libelle a des fins decoratives (ne sert pas de lien) */
.iconeDecoratif
{
    background: url("http://dummyimage.com/16x16/ccc/fff.gif") top left no-repeat;
    display: inline-block;
    padding-left: 20px;
}

.iconePhoto
{
    background-image: url("/_layouts/PortailMapaq/Images/icoPhoto.gif");
    margin-right: 5px;
}
.iconeVideo
{
    background-image: url("/_layouts/PortailMapaq/Images/icoVideo.gif");
}
.iconeDOC
{
    background-image: url("/_layouts/PortailMapaq/Images/iconword.gif");
}
.iconeDVD
{
    background-image: url("/_layouts/PortailMapaq/Images/icoVideo.gif");
}
.iconePPT
{
    background-image: url("/_layouts/PortailMapaq/Images/iconpowerpoint.gif");
}
.iconeXLS
{
    background-image: url("/_layouts/PortailMapaq/Images/icoExcel.gif");
}

.iconeAudio
{
    background-image: url("/_layouts/PortailMapaq/Images/icoVideo.gif");
}

.iconePlus
{
    background-image: url("/_layouts/PortailMapaq/Images/icoPlus.gif");
}
.tirroirFermer
{
    background-image: url("/_layouts/PortailMapaq/Images/icoPlus.gif");
    padding-left: 22px;
    background-repeat: no-repeat;
    cursor: pointer;
}
/* JM */
.infractionFermer, .lienDetailsboiteVerteFermer
{
    background-image: url("/_layouts/PortailMapaq/Images/icoPlus.gif");
    padding-left: 22px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.modeEdition .tirroirFermer,
{
    padding-left: 0;
    background: none;
    cursor: auto;
}
.modeEdition .infractionFermer
{
    padding-left: 0;
    background: none;
    cursor: auto;
}
.iconeMoins
{
    background-image: url("/_layouts/PortailMapaq/Images/icoMoins.gif");
}
.tirroirOuvert
{
    background-image: url("/_layouts/PortailMapaq/Images/icoMoins.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 22px;
}
.infractionOuvert,  .lienDetailsboiteVerteOuvert
{
    background-image: url("/_layouts/PortailMapaq/Images/icoMoins.gif");
    padding-left: 22px;
    background-repeat: no-repeat;
    cursor: pointer;
}
/* JM */

.iconePDF
{
    background-image: url("/_layouts/PortailMapaq/Images/icoPdf.gif");
}
.iconExcel
{
    background-image: url("/_layouts/PortailMapaq/Images/icoExcel.gif");
}
.iconeAvertir
{
    background-image: url("/_layouts/PortailMapaq/Images/icoAvertir.gif");
}
.iconeRss
{
    background-image: url("/_layouts/PortailMapaq/Images/icoRss.gif");
}

A span.pdf
{
    color: #000;
    text-decoration: underline;
}
.btnPresse
{
    width: 30px;
    height: 20px;
}
/* Un champ avec bouton OK graphique */
.champAvecOK
{
    display: block;
    line-height: 1em;
    overflow: hidden;
    margin-bottom: 1em;
}
.champAvecOK a, .champAvecOK input, .champAvecOK select, .champAvecOK label
{
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 0.5em;
}
.champAvecOK a.boutonOK
{
    background: url(/_layouts/PortailMapaq/Images/recherche_bt_ok_off.gif) top left no-repeat;
    height: 0;
    padding-top: 21px;
    width: 36px;
}
.champAvecOK a.boutonOK:hover, .champAvecOK a.boutonOK:focus, .champAvecOK a.boutonOK:active
{
    background-image: url(/_layouts/PortailMapaq/Images/recherche_bt_ok_on.gif);
}
.champAvecOK input
{
    width: 370px;
    height: 22px;
    border: 1px solid #DBDBDB;
    padding: 0 30px 0 5px;
}

.ok
{
    background: url(/_layouts/PortailMapaq/Images/search_loupe.jpg) 0 0 no-repeat;
    width: 12px;
    height: 14px;
    border: 0;
    cursor: pointer;
    margin: 5px 0 0 -35px;
}
.articleListeAliment .ok{
    background: none;
    width: 0px;
    height: 0px;
}
/*.ok:hover, .ok:active, .ok:focus, button.enAction {background-image:url(/_layouts/PortailMapaq/Images/recherche_bt_ok_on.gif);}*/
.deuxiemeOk
{
    float: left;
    clear: both;
}
.deuxiemeOk .ok
{
    display: block;
}

.listeCommuniqueMois .ok
{
    background: none !important;
}


/* Lien graphique 'Retour' */
.lienRetour
{
    display: block;
    background: url(/_layouts/PortailMapaq/Images/fr/bt_retour_on.gif) top left no-repeat;
    height: 0;
    padding-top: 22px;
    width: 66px;
}
.lienRetour:hover, .lienRetour:focus, .lienRetour:active
{
    background-image: url(/_layouts/PortailMapaq/Images/fr/bt_retour_over.gif);
}


/* Pour contenu affiches sur deux colonnes */
.contenuAlterneGaucheDroite p
{
    width: 45%;
}

/* Accordeon */
.accordeonAncre
{
    overflow: hidden;
}
.accordeonAncre a
{
    margin-right: 0.5em;
}
/*
.accordeonContenu {padding:1em; clear: both; } /* JM */
.accordeonContenu
{
    clear: both;
}
/* DS. Le padding cause problème avec les +/- */

/* Styles de base pour formulaire simple */
.zoneFormulaire
{
    padding: 1em 0;
    clear: both; /* JM */
}
.zoneFormulaire label
{
    display: inline-block;
    width: 40%;
    margin-bottom: 0.7em;
}

/* Pour masquer un bloc de facon accessible. Garder cette regle en bas de la feuille */
.masque, .masque *
{
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    float: none;
    clear: both;
    display: none;
}

/* Dialogue glossaire */
#dlgGlossaire
{
    display: none;
}

/* Styles propres à l'aide contextuelle */
h1 .labelAide
{
    font-size: 0.69em;
}
h2 .labelAide
{
    font-size: 0.77em;
}
.labelAide
{
    font-size: 1em;
    color: #000;
    font-weight: bold;
    border: 1px solid #bbbbbb;
    background: #f6fdfd url(/_layouts/PortailMapaq/Images/aide.gif) no-repeat 99% center;
    padding: 5px;
    margin: 5px 0px 5px 4px;
    display: block;
    clear: both;
}

/* Styles pour le RTE */
.ms-rteCustom-MotGlossaire
{
    text-decoration: none;
    border-bottom: 1px dotted #788C5F;
    cursor: pointer;
}
.ms-rteCustom-NoteImportante
{
    font-weight: bold;
    color: #800000;
    font-size: 1.18em;
}
.ms-rteCustom-ImageAGauche
{
    float: left;
    margin-right: 10px;
}
.ms-rteCustom-ImageADroite
{
    float: right;
    margin-left: 10px;
}
.ms-rteCustom-ImageAuCentre
{
    text-align: center;
}
.ms-rteCustom-MauvaiseHerbeImg
{
    float: left;
    width: 275px;
}
.ms-rteCustom-MauvaiseHerbeSansLargeur
{
    float: left;
}
.ms-rteCustom-MauvaiseHerbeTxt
{
    margin-left: 280px;
}
.ms-rteCustom-ImageAvecLegendeDroite
{
    float: right;
    margin: 0 0 10px 10px;
    font-size: 80%;
    background: #dedede;
    padding: 10px;
}
.ms-rteCustom-ImageAvecLegendeGauche
{
    float: left;
    margin: 0 0 10px 10px;
    background: #dedede;
    font-size: 80%;
    padding: 10px;
}

.conteneurAuthoring
{
    width: 960px;
    margin: 0 auto;
}
.conteneurAuthoring .boutonSiteAction
{
    float: right;
}
.conteneurAuthoring .consolePublication
{
    clear: both;
    text-align: left;
}
.conteneurAuthoring .consolePublication td, .conteneurAuthoring .consolePublication th
{
    text-align: left;
}
.conteneurAuthoring table
{
    height: auto !important;
}

/*ajout recherche publication*/
.recherchePublicationCrit p input
{
    float: left;
}
.recherchePublicationCrit p label
{
    float: left;
    margin-left: 5px;
    width: 205px;
}

.lienExterne
{
    background: url(/_layouts/PortailMapaq/Images/LienExterne.png) 0 0 no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 3px;
}
.ChampsSecurite
{
    display: none;
}

/* CSS JM */
.legendStyleH2
{
    font-size: 1.2em;
    margin: 5px 0 0 0;
    color: #095da6;
    font-weight: bold;
    clear: left;
    height: 100% !important;
}
.hStyleH2
{
    color: #607091;
    font-size: 1.3em;
    font-weight: bold;
}
.floatLeft
{
    float: left !important;
}
.floatRight
{
    float: right !important;
}
.clearLeft
{
    clear: left;
}
.grandDossier h2
{
    clear: left;
}
.clearAll
{
    clear: both;
}
/* ajout pour tiroirs dans la liste imbriquée */
ul li .legendStyleH2
{
    margin: 0 -8px 0px 0px;
}
/*ajout sd*/
.adresseCoordonee
{
    margin: 0 5px 0 0 !important;
}
.resultatRecherche1
{
    padding: 5px !important;
}
.resultatRecherche2
{
    float: none !important;
    margin: 0 !important;
}
.zone1 .ms-long, .zone1 .ms-usereditor
{
    width: 335px;
}
/*Ajout pour le carousel*/
#carousel
{
    margin-left: 14px;
    text-align: left;
}
#carouselInterieur
{
    float: left;
    width: 130px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
    zoom: 1;
}

#carouselInterieur .ulCarousel
{
    position: relative;
    left: -210px; /* important */
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 9999px; /* important */
    z-index: 0;
}

#carouselInterieur .ulCarousel li
{
    float: left;
    width: 200px !important; /* fixed width, important */
    padding: 0px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

#carouselInterieur .ulCarousel li img
{
    margin-bottom: -4px; /* IE  fix */
    cursor: pointer;
    border: 0px;
}
#btnGauche, #btnDroite
{
    float: left;
    cursor: pointer;
}
#btnGauche img, #btnDroite img
{
    padding-top: 20px;
    border: 0;
    cursor: pointer;
}
/*glossaire*/
#dlgGlossaire
{
    text-align: left !important;
}
/*Map région svg*/
.mapQc-region:hover .mapQc{
	fill:#2c96ce;
 	-webkit-transition: fill 500ms; 
    transition: fill 500ms; 
}
.mapQc{
	fill:#afd7e2;
}
.mapQc-region:hover .mapQc-chiffre{
   opacity: 1;
   	-webkit-transition: opacity 750ms; 
    transition: opacity 750ms; 
}
.mapQc-chiffre{
	opacity: 0;
}



/*Pop up custom pour map*/
#popupCustom
{
    display: none;
    position: fixed;
    background: #FFFFFF;
    z-index: 100;
    padding: 10px;
    width: auto;
}
.popupCustomGaspe
{
    margin-left: -210px !important;
}
#background-PopupCustom
{
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 90;
}
#fermerCustom
{
    overflow: auto;
    padding-top: 10px;
}
#fermerCustom img
{
    float: right;
    cursor: pointer;
}
#mapHoverCustom
{
    position: absolute;
    top: 0;
    left: 0;
    border: #000 solid 2px;
    cursor: pointer;
    z-index: 101;
}
/** Section rétroaction **/

#sectionRetroaction
{
    margin-top: 50px;
}
#sectionRetroaction textarea
{
    font-family: arial,helvetica,sans-serif;
    color: #505050;
    height: 65px;
    width: 557px;
    margin-bottom:1.4em;
}
#sectionRetroaction label
{
    color: #777;
}
#sectionRetroaction .btn_radio_retroaction
{
    margin-top: 10px;
    
    
}
#sectionRetroaction .btn_radio_retroaction input, #sectionRetroaction .btn_radio_retroaction label
{
    float: left;
}
#sectionRetroaction .btn_radio_retroaction input, #sectionRetroaction .btn_radio_retroaction label
{
    float: left;
    padding-right: 15px;
    margin-left:5px;
}

#section_specifiez
{
    clear:both;
    float:left;
}


#btnzoneRetro
{
    
	clear:both;
    height: 65px;
    width: 557px;
	
    float: right;
}


#btnzoneRetro .btnRetroaction
{

    width:70px;
    margin-top: 15px;
	margin-left: 5px;
    color: #505050;
    padding: 5px;
}

#retroaction_contact
{
    float: left;
    color: #534D42;
    margin-bottom: 5px;
}


/* --- */
.ResultatRechercheCategorie
{
    margin-left: 0;
}
.ResultatRechercheCategorie ul
{
    list-style: none;
}
.ResultatRechercheCategorie ul li
{
    list-style: none;
}

}
/** FAQ **/
#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_ucRechercheCategorie_pnlCriteresAdditionnels ul
{
    margin-left: -8px;
}
#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_ucRechercheCategorie_pnlCriteresAdditionnels ul li
{
    background-image: none;
}
#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_ucRechercheCategorie_pnlCriteresAdditionnels ul li input
{
    margin-right: 5px;
}
#FormulaireCourriel label
{
    margin: 15px 0 10px 0;
    display: block;
    clear: both;
}
#FormulaireCourriel #ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_ucFormulaireEnvoiCourrier_txtCourriel
{
    float: left;
}
.btnNousJoindreForm
{
    margin-top: 15px;
    clear: left;
    float: left;
}
/*-- Aller directement au contenu --*/
#skipToContent
{
    visibility: hidden;
}

.ttip
{
    position: absolute;
    width: 341px;
    height: 145px;
    color: #000;
    padding: 15px 50px;
    background: url(http://www.mapaq.gouv.qc.ca/SiteCollectionImages/tooltips.png) no-repeat;
    display: none;
}
.ttip h1
{
    font-size: 20px;
    margin: 0;
}
.ttip a
{
    color: #677000;
}
.contentsPDZA
{
    font-size: 15px;
    float: left;
}
.closeDescPDZA
{
    font-size: 14px;
    text-align: center;
    display: block;
    float: right;
    margin: -12px -37px 0 0;
    padding: 4px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #939393;
}
.boiteDescPDZA
{
    display: none;
    position: absolute;
    background: #000;
    padding: 0px;
    z-index: 10;
    min-height: 0px;
    min-width: 0px;
    color: #336699;
}



/* Pour les messages concernant l'abonnement à l'info-lettre */
.abonnementOkay
{
    padding: 5px;
    background: #d3f5d4;
    display: block;
}

.abonnementErreur
{
    padding: 5px;
    background: #E60000;
    display: block;
}

/***/

.aucunEtablissementPermis
{
    padding: 10px;
    background: #f3f3f3;
    display: block;
    font-weight: bold;
    text-align: center;
}


/* Pour les accordéons */
.accordion-container{
  position: relative;
  width: 570px;
  height: auto;
  margin: 20px auto;
}

.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
 
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none!important;
  color: #000!important;
  font-size: 13px;
   cursor:pointer;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a span{
  width: 24px;
  height: 24px;
  padding: 0;
  margin-top: -3.5px;
  display: block;
  float: left;
  margin-right: 10px;
}

.set > a.active{
  background-color:#E2E2E2;
  color:#000!important;
}
.set > a.active i{
}
.accordion-container  p,.accordion-container  ul {
  padding: 10px 10px 20px 15px;
  margin-top: 0px; 
}
.accordion-container  ul li{
  list-style: none;
  padding:2px;
  background-image:none;
}
.accordion-container ul li a,.accordion-container ul li a:hover{
  font-size: 12px;
  text-decoration: underline;
  margin:5px 0px 5px -10px;
  list-style:none;
}

.accordion-container i.icon-plus:before {
  content: "+";
}
.accordion-container i.icon-moins:before {
  content: "-";
}
.accordion-container i{
  position: absolute;
  left: 540px;
  height: 10px;
  width: 10px;
  font-size: 14px;
}
.content-accordeon{
  position:relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
}
.content-accordeon ul{
  padding-bottom: 0px;
}
.content-accordeon ul li{
  list-style: inherit;
}
.content-accordeon p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
.content-accordeon p:last-child
{
    margin-bottom:20px;
}
.content-accordeon.para ul li{
     list-style-type: circle;
     margin-left:10px;
}

/***/
.error 
{
    color:Red;
}

/* Dropdown liste cond  */
.dropdown-list-cond {
        margin-top: 33px;
    position: absolute;
    z-index: 9999;
    right: 280px;
      border: 1px solid #a9a9a9;
}
 .list-items-cond  {
    display: block;
    padding-top: 10px;
}

 .list-items-cond input {
     float:left;
}
  .list-items-cond label:nth-child(1) {
      padding-bottom:15px;
}
 .list-items-cond label {
  width: 100%;
  display: block;
  margin: 0!important;
  padding-left: 20px;
    text-transform:lowercase;
}
.list-items-cond label:first-letter {
 text-transform:uppercase;
}

.drop-menu-cond {
  display:none;
  width: 180px;
  background-color: #f7f7f7;
  font-size:12px;
   border-top: 1px solid #a9a9a9;
  padding: 5px 10px 10px 10px;
}
.dropdown-list-cond .icon-down {
    position: absolute;
    color:#a9a9a9;
    right: 15px;

}

.button-area-cond {
  background: none;
  border: none;
  height: 20px;
  width:200px;
  text-align: left;
  cursor:pointer;
}
.button-area-cond > .placeholder {
    padding: 0px 5px 0 10px;
    color: #095da6;
    font-weight: bold;
    float: left;
    font-size: 12px;
}
.button-area-cond > .dropicon {
  color: #fff;
  float: right;
}

.dropdown-list-cond > .line {
  height: 1px;
}

.list-items-cond > label {
  color: #000;
  display: block;
}


.list-items-cond input[type=checkbox] + label:before {
  display: inline-block;
  color: #000;
}