html {
    overflow: scroll;
}

.messageLangueAnglaise {
	background-color: #D9E6EF;
	padding: 20px 0px 8px 0px;
	margin-bottom: 19px;
}

.gsc-control-cse input.gsc-input {
    background-image: none !important;
}
body {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 0.75em;*/
    color: #000;
    line-height: 1.3em;
    text-align: center;
    background: #FFF;
}

.aligncenter {
    text-align: center;
    padding-top: 15px;
}

.alignright {
    text-align: right;
}

.inline {
    display: inline;
}

#diffusion {
    text-align: left;
}

/* ------------------------------------------------------------------------
	ACCESSIBILITE
------------------------------------------------------------------------ */

.accessibilite ul {
    list-style-type: none;
    position: relative;
}

a:focus, button:focus {
    /*outline: 2px solid #dd842a !important;*/
}

a:active {
    outline: none !important;
}

.accessibilite {
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 3;
    height: 0;
    /*width: 780px;*/
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.accessibilite .ally-links {
    position: absolute;
    margin-right: 20px !important;
    top: 5px;
    z-index: 4;
    float: right;
}

.indice .ally-links {
    position: absolute;
    margin-right: 20px !important;
    z-index: 4;
    float: right;
}

#pied .ally-links {
    position: absolute;
    z-index: 4;
    float: right;
    right: 10px;
    bottom: 5px !important;
}

a.ally-links {
    font-size: 1.2em;
    line-height: 5px;
    padding: 10px 10px;
    color: #000;
    background: #fff;
}

    a.ally-links:focus {
    }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ########################################################################
	ACCUEIL
######################################################################## */

#contenu .Nouvelles a {
    color: #000;
    background: none;
    text-decoration: none;
}

    #contenu .Nouvelles a:hover {
        color: #000;
        text-decoration: underline;
    }

#contenu .Nouvelles ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d4d7dd;
}

    #contenu .Nouvelles ul li {
        margin: 0;
        padding: 7px;
        list-style-type: none;
        background: none;
        border-top: 1px solid #d4d7dd;
    }

/*     Publicites     */
/*
#publicites {
	margin: 0 0 1em 0;
	text-align: center;
}

#publicites p {
	margin: 0;
}

#publicites img {
	margin: 0;
	padding: 6px;
	background-color: #fff;
	border: 0px solid #b2b2b2;
}
*/
/*     Encadré     */

/*#accueil div.cadre div {
	padding: 13px 13px 0 13px;
	font-size: 1.1em;
}*/

/* ##################################################################### */

/* ------------------------------------------------------------------------
	Corps de la page
------------------------------------------------------------------------ */
/*#corps {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	background: url(../img/fond_col_droite.gif) 178px 0 repeat-y;
}*/

/* ------------------------------------------------------------------------
	Colonne de gauche
------------------------------------------------------------------------ */
#gauche {
    float: left;
    width: 178px;
    text-align: left;
    padding-bottom: 43px;
}

/* ------------------------------------------------------------------------
	ANCIEN Menu de gauche
------------------------------------------------------------------------ */
/*
#menu {
	margin: 0;
	padding: 1px 1px 10px 0;
	overflow: hidden;
	width: 177px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 0;
	width: 176px;
}

#menu li {
	margin: 2px 0 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	background: url(../img/fond_bt_menu.gif) 0 bottom no-repeat;
	height: auto !important;
	height: 31px;
	min-height: 31px;
}

#menu li a {
	padding: 0.8em 5px 7px 38px;
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	/* text-transform: uppercase; */
/*
	background: url(../img/menu_puce_generale.gif) 11px 0.6em no-repeat;
}
#menu li.certificat a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.attestation a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.naissance a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.insertion a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.mariage a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.deces a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.changenom a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.servligne a {background-image: url(../img/menu_puce_generale.gif);}


#menu li a:hover, #menu li a:focus {color: #6a7ca6;}
#menu li.certificat a:hover, #menu li.certificat a:focus {color: #003399;}
#menu li.attestation a:hover, #menu li.attestation a:focus {color: #196170;}
#menu li.naissance a:hover, #menu li.naissance a:focus {color: #004824;}
#menu li.insertion a:hover, #menu li.insertion a:focus {color: #0BB0AC;}
#menu li.mariage a:hover, #menu li.mariage a:focus {color: #73460C;}
#menu li.deces a:hover, #menu li.deces a:focus {color: #660033;}
#menu li.changenom a:hover, #menu li.changenom a:focus {color: #c39726;}
#menu li.servligne a:hover, #menu li.servligne a:focus {color: #8d8158;}


#certificat #menu li.certificat a, #certificat #menu li.certificat a:hover,
#attestation #menu li.attestation a, #attestation #menu li.attestation a:hover,
#naissance #menu li.naissance a, #naissance #menu li.naissance a:hover,
#insertion #menu li.insertion a, #insertion #menu li.insertion a:hover,
#mariage #menu li.mariage a, #mariage #menu li.mariage a:hover,
#deces #menu li.deces a, #deces #menu li a.actif:hover,
#changenom #menu li.changenom a, #changenom #menu li.changenom a:hover,
#formulaires #menu li.formulaires a, #formulaires #menu li.formulaires a:hover,
#servligne #menu li.servligne a, #servligne #menu li.servligne a:hover {
	padding-left: 11px;
	background: url(../img/menu_fleche.gif) 165px 50% no-repeat;
	color: #fff;
}
#certificat #menu li.certificat a, #certificat #menu li.certificat a:hover {background-color: #003399;}
#attestation #menu li.attestation a, #attestation #menu li.attestation a:hover {background-color: #196170;}
#naissance #menu li.naissance a, #naissance #menu li.naissance a:hover {background-color: #004824;}
#insertion #menu li.insertion a, #insertion #menu li.insertion a:hover {background-color: #0BB0AC;}
#mariage #menu li.mariage a, #mariage #menu li.mariage a:hover {background-color: #73460C;}
#deces #menu li.deces a, #deces #menu li a.actif:hover {background-color: #660033;}
#changenom #menu li.changenom a, #changenom #menu li.changenom a:hover {background-color: #c39726;}
#formulaires #menu li.formulaires a, #formulaires #menu li.formulaires a:hover {background-color: #6a7ca6;}
#servligne #menu li.servligne a, #servligne #menu li.servligne a:hover {background-color: #8d8158;}
*/

/* ------------------------------------------------------------------------
	Nouveau Menu de gauche
------------------------------------------------------------------------ */

#menu {
    margin: 0;
    padding: 1px 1px 10px 0;
    overflow: hidden;
    width: 177px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    line-height: 1.1em;
}


    #menu ul {
        margin: 0;
        padding: 0;
        width: 176px;
    }

    #menu li {
        margin: 2px 0 0 0;
        padding: 0;
        list-style-type: none;
        float: left;
        width: 100%;
        height: auto !important;
        height: 31px;
        min-height: 31px;
    }

        #menu li a {
            padding: 0.8em 5px 7px 30px;
            display: block;
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }

        #menu li:hover, #menu li:focus {
            color: #000;
            background: #ededec;
        }

#certificat #menu li.certificat a, #certificat #menu li.certificat a:hover,
#attestation #menu li.attestation a, #attestation #menu li.attestation a:hover,
#naissance #menu li.naissance a, #naissance #menu li.naissance a:hover,
#insertion #menu li.insertion a, #insertion #menu li.insertion a:hover,
#mariage #menu li.mariage a, #mariage #menu li.mariage a:hover,
#deces #menu li.deces a, #deces #menu li a.actif:hover,
#notifieracte #menu li.notifieracte a, #notifieracte #menu li a.actif:hover,
#changenom #menu li.changenom a, #changenom #menu li.changenom a:hover,
#changesexe #menu li.changesexe a, #changesexe #menu li.changesexe a:hover,
#formulaires #menu li.formulaires a, #formulaires #menu li.formulaires a:hover,
#servligne #menu li.servligne a, #servligne #menu li.servligne a:hover {
    padding-left: 11px;
    background: url(../img/fleche-noir.gif) 165px 50% no-repeat;
    color: #000;
    background-color: #ededec;
}

/*#menu li.certificat a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.attestation a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.naissance a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.insertion a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.mariage a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.deces a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.changenom a {background-image: url(../img/menu_puce_generale.gif);}
#menu li.servligne a {background-image: url(../img/menu_puce_generale.gif);}



#menu li.certificat:hover, #menu li.certificat:focus {color: #000;}
#menu li.attestation:hover, #menu li.attestation:focus {color: #000;}
#menu li.naissance:hover, #menu li.naissance:focus {color: #000;}
#menu li.insertion:hover, #menu li.insertion:focus {color: #000;}
#menu li.mariage:hover, #menu li.mariage:focus {color: #000;}
#menu li.deces:hover, #menu li.deces:focus {color: #000;}
#menu li.changenom:hover, #menu li.changenom:focus {color: #000;}
#menu li.servligne:hover, #menu li.servligne:focus {color: #000;}




#certificat #menu li.certificat a, #certificat #menu li.certificat a:hover {background-color: #ededec;}
#attestation #menu li.attestation a, #attestation #menu li.attestation a:hover {background-color: #ededec;}
#naissance #menu li.naissance a, #naissance #menu li.naissance a:hover {background-color: #ededec;}
#insertion #menu li.insertion a, #insertion #menu li.insertion a:hover {background-color: #ededec;}
#mariage #menu li.mariage a, #mariage #menu li.mariage a:hover {background-color: #ededec;}
#deces #menu li.deces a, #deces #menu li a.actif:hover {background-color: #ededec;}
#changenom #menu li.changenom a, #changenom #menu li.changenom a:hover {background-color: #ededec;}
#formulaires #menu li.formulaires a, #formulaires #menu li.formulaires a:hover {background-color: #ededec;}
#servligne #menu li.servligne a, #servligne #menu li.servligne a:hover {background-color: #ededec;}*/

/* ------------------------------------------------------------------------
	Colonne de droite
------------------------------------------------------------------------ */
#droite {
    float: left;
    overflow: hidden;
    border-left: 1px solid #ededec;
    border-right: 1px solid #ededec;
    border-top: 1px solid #ededec;
    width: 100%;
    /*width: 822px;*/
}

#frmMain h2 {
    font-weight: bold;
}

/* ------------------------------------------------------------------------
	Outils
------------------------------------------------------------------------ */


#outils {
    margin-right: 1px;
    padding: 6px 0 4px 0;
    text-align: right;
    line-height: normal;
    font-size: 0.833em;
}


    #outils p {
        margin: 0 7px;
        display: inline;
        color: #404040;
        text-decoration: none;
        cursor: pointer;
        border: 0 !important;
        text-align: right;
        font-size: 1em;
    }

        #outils p.taille_police a {
            margin: 0;
            padding: 0 0 0 32px;
            background: url(../img/bt_texte_normal.gif) 0 50% no-repeat;
        }


        #outils p.imprimer a {
            padding: 0 0 0 16px;
            background: url(../img/bt_imprimer.gif) 0 50% no-repeat;
        }


    #outils button.taille_police {
        padding: 0 0 0 35px;
        background: url(../img/bt_texte_normal.gif) 0 50% no-repeat;
    }

*:first-child + html button.taille_police {
    padding: 0 0 0 13px !important;
}

#outils button.imprimer {
    padding: 0 0 0 16px;
    background: url(../img/bt_imprimer.gif) 0 50% no-repeat;
}

*:first-child + html button.imprimer {
    padding: 0 0 0 8px !important;
}

#outils button:hover {
    text-decoration: underline;
}

#outils .glyphicon {
    height: 18px;
    margin-left: 0;
    vertical-align: top;
}

#outils input[type=text] {
    margin-top: 1px;
}

/* ------------------------------------------------------------------------
	Contenu de la colonne de droite
------------------------------------------------------------------------ */
#contenu {
    margin: 10px 15px 0 25px;
}

    #contenu h1 {
        margin: 0 0 0.6em 0;
        font-size: 1.8em;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        color: #000000;
        line-height: 1.2em;
    }

        #contenu h1:focus {
            outline: 2px solid #dd842a !important;
        }

        #contenu h1 a {
            color: #000000;
            background: none;
            text-decoration: underline;
        }

            #contenu h1 a:hover {
                color: #000000;
                background: none;
                text-decoration: underline;
            }

    #contenu h2 {
        margin: 0 0 0.6em -25px;
        padding: 5px 0 5px 25px;
        font-size: 1.3em;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        background: url(../img/fond_h2.jpg) 0 0 repeat-y;
        color: #000000;
        line-height: 1em;
    }

        #contenu h2.nouvelles {
            margin: 0 0 0.5em 0 !important;
            padding: 0 !important;
            font-size: 1.35em !important;
            background: transparent !important;
            color: #000 !important;
            line-height: 1em !important;
        }

        #contenu h2 a {
            color: #000000;
            background: url(../img/fond_h2.jpg) 0 0 repeat-y;
            text-decoration: underline;
        }

            #contenu h2 a:hover {
                color: #000000;
                background: url(../img/fond_h2.jpg) 0 0 repeat-y;
                text-decoration: underline;
            }

p.indice:focus {
    outline: 2px solid #dd842a !important;
}

/* ANCIENNE COULEURS 
#certificat h1, #certificat h2 {color: #003399;}
#attestation h1, #attestation h2 {color: #196170;}
#naissance h1, #naissance h2 {color: #004824;}
#insertion h1, #insertion h2 {color: #0BB0AC;}
#mariage h1, #mariage h2 {color: #73460C;}
#deces h1, #deces h2 {color: #660033;}
#changenom h1, #changenom h2 {color: #a9862f;}
#servligne h1, #servligne h2 {color: #8d8158;}
*/


/* COULEURS NOIRE */
/*#certificat h1, #certificat h2 {color: #000000;}
#attestation h1, #attestation h2 {color: #000000;}
#naissance h1, #naissance h2 {color: #000000;}
#insertion h1, #insertion h2 {color: #000000;}
#deces h1, #deces h2 {color: #000000;}
#changenom h1, #changenom h2 {color: #000000;}
#servligne h1, #servligne h2 {color: #000000;}*/


#contenu h2.tailleh2plan {
    margin: 0 0 0.5em 0 !important;
    font-size: 1.15em !important;
    color: #000 !important;
    background: none !important;
    padding: 0 0 0 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

    #contenu h2.tailleh2plan a {
        color: #000 !important;
        background: none !important;
        text-decoration: underline !important;
    }

        #contenu h2.tailleh2plan a:hover {
            color: #000 !important;
            background-color: #fffbc3 !important;
            text-decoration: underline !important;
        }

#contenu h3 {
    margin: 0 0 0.5em 0;
    font-weight: bold;
    color: black;
}
/*#contenu h3 a {
	color: #000;
	text-decoration: underline;
	background-color: #FFFBC3;
	font-size: 0.8em;
	line-height: 1.3;
}
#contenu h3 a:hover {
	color: #000;
	background-color: #FFFBC3;
	text-decoration: none;

}*/

#contenu h4 {
    margin: 0 0 0.3em 0;
    font-size: 1.12em;
}

    #contenu h4.nouvelles {
        font-size: 1em !important;
    }

    #contenu h4 a {
        color: #000;
        text-decoration: underline;
    }

        #contenu h4 a:hover {
            color: #000;
            background-color: #fffbc3;
            text-decoration: underline;
        }

#contenu h5, #contenu h6 {
    margin: 0 0 0 0;
    font-size: 1em;
    font-weight: bold;
}

p {
    margin: 0 0 1em 0;
}

table {
    font-size: 1em;
}

.date_revision {
    font-size: 0.9em;
    color: #404040;
    margin-top: 15px;
}

.indice {
    font-size: 0.9em;
    color: #000000;
}

#contenu .pas_marges {
    margin: 0;
}

sup {
    vertical-align: text-top;
    font-size: 0.85em;
}

img {
    border: 0;
}

blockquote {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.Listenouvelles {
    margin: 0 0 1em 0;
    padding: 0;
    padding-top: 15px;
    /*border-bottom: 1px solid #e0e0e0;*/
    text-align: left;
}


    .Listenouvelles li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        /*border-top: 1px solid #e0e0e0;*/
    }

#contenu ul {
    margin: 0 0 1em 20px;
    padding: 0;
    /*border-bottom: 1px solid #e0e0e0;*/
    text-align: left;
}

    #contenu ul ul, #contenu ul ul ul, #contenu ul ul ul ul {
        margin-bottom: 0;
        border: 0;
    }

    #contenu ul li {
        margin: 0;
        padding: 0 0 0 15px;
        list-style-type: none;
        background: url(../img/puce.gif) 0 0.5em no-repeat;
        /*border-top: 1px solid #e0e0e0;*/
    }

/* #contenu ul li::before {
            content: "• ";
            color: #007080;
        }
           */
/*#certificat #contenu ul li {background-image: url(../img/puce.gif);}
#attestation #contenu ul li {background-image: url(../img/puce.gif);}
#naissance #contenu ul li {background-image: url(../img/puce.gif);}
#insertion #contenu ul li {background-image: url(../img/puce.gif);}
#mariage #contenu ul li {background-image: url(../img/puce.gif);}
#deces #contenu ul li {background-image: url(../img/puce.gif);}
#changenom #contenu ul li {background-image: url(../img/puce.gif);}*/


#contenu ol {
    margin-bottom: 1em;
    text-align: left;
}

    #contenu ol ol, #contenu ol ol ol, #contenu ol ol ol ol {
        margin-bottom: 0;
    }

    #contenu ol ul, #contenu ul ol {
        margin-bottom: 0;
    }

#contenu a {
    color: #007780;
    /*background-color: #fffbc3;*/
    text-decoration: none;
}

    #contenu a:hover {
        /* color: #005eb4;*/
        text-decoration: underline;
    }

    #contenu a.haut_page {
        padding: 0 0 0 15px;
        color: #000000;
        font-size: 0.8em;
        background: url(../img/fleche_haut_page.gif) 0 50% no-repeat;
        text-decoration: none;
    }

        #contenu a.haut_page:hover {
            text-decoration: underline;
        }

div.cadre {
    margin: 0 0 1em 0;
    border: 1px solid #a0a7b7;
    border-top: 0;
    border-left: 0;
}

    div.cadre div {
        margin: 0;
        padding: 9px 9px 0 9px;
        background-color: #fff;
        border: 6px solid #e9e9e9;
    }

/* Tables des matières */
.table_matieres {
    margin: 0 -15px 1em -25px;
    /*font-size: 0.9em;*/
    /*background: #e5e5e5 url(../img/fond_tabmatieres.jpg) right 0 no-repeat;*/
    padding: 10px 150px 10px 25px;
    text-align: left;
}
/*#certificat .table_matieres {background-image: url(../img/fond_tabmatieres.jpg);}
#attestation .table_matieres {background-image: url(../img/fond_tabmatieres.jpg);}
#naissance .table_matieres {background-image: url(../img/fond_tabmatieres.jpg);}
#insertion .table_matieres {background-image: url(../img/fond_tabmatieres.jpg);}
#mariage .table_matieres {background-image: url(../img/fond_tabmatieres.jpg);}
#deces .table_matieres {background-image: url(../img/fond_tabmatieres.jpg);}
#changenom .table_matieres {background-image: url(../img/fond_tabmatieres.jpg);}*/


#contenu .table_matieres a {
    background: none;
    text-decoration: none;
}

    #contenu .table_matieres a:hover {
        text-decoration: underline;
    }

.table_matieres p {
    margin: 0;
}

#contenu .table_matieres ul {
    margin: 0 0 0 -25px;
    padding: 0;
    border: 0;
    width: 100%;
    /*background: url(../img/fond_liste_tabmatieres.gif) 0 0 repeat-y;*/
}

    #contenu .table_matieres ul li {
        margin: 0;
        padding: 2px 0;
        list-style-type: none;
        background: none;
        border: 0;
        list-style: none;
    }
        /*#certificat #contenu .table_matieres ul li,
#attestation #contenu .table_matieres ul li,
#naissance #contenu .table_matieres ul li,
#insertion #contenu .table_matieres ul li,
#mariage #contenu .table_matieres ul li,
#deces #contenu .table_matieres ul li,
#changenom #contenu .table_matieres ul li {background-image: url(../img/degrade_li_tabmatieres.gif);}*/


        #contenu .table_matieres ul li a {
            margin-left: 25px;
            padding: 0 0 0 15px;
            background: url(../img/puce.gif) 0 0.5em no-repeat;
            /*background: url('data:image/gif;base64,R0lGODlhBgAGAIAAAGp8pgAAACH5BAAAAAAALAAAAAAGAAYAAAIFhI+pywUAOw==')  0 0.45em no-repeat;*/ /*../img/puce_tabmatieres.gif*/
            font-weight: bold;
            color: #000;
            display: block;
        }

#certificat #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODlhBgAGAIAAAGp8pgAAACH5BAAAAAAALAAAAAAGAAYAAAIFhI+pywUAOw==');*/ /*../img/puce_tabmatieres.gif*/
}

#attestation #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODlhBgAGAIAAAGp8pgAAACH5BAAAAAAALAAAAAAGAAYAAAIFhI+pywUAOw==')*/ /*../img/puce_tabmatieres.gif*/
}

#naissance #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODdhBgAGAPAAAGp8pgAAACwAAAAABgAGAAACBYSPqcsFADs=')*/ /*../img/puce_tabmatieres.gif*/
}

#insertion #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODdhBgAGAPAAAGp8pgAAACwAAAAABgAGAAACBYSPqcsFADs=')*/ /*../img/puce_tabmatieres.gif*/
}

#mariage #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODdhBgAGAPAAAGp8pgAAACwAAAAABgAGAAACBYSPqcsFADs=')*/ /*../img/puce_tabmatieres.gif*/
}

#deces #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODdhBgAGAPAAAGp8pgAAACwAAAAABgAGAAACBYSPqcsFADs=');*/ /*../img/puce_tabmatieres.gif*/
}

#notifieracte #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODdhBgAGAPAAAGp8pgAAACwAAAAABgAGAAACBYSPqcsFADs=');*/ /*../img/puce_tabmatieres.gif*/
}

#changenom #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODdhBgAGAPAAAGp8pgAAACwAAAAABgAGAAACBYSPqcsFADs=')*/ /*../img/puce_tabmatieres.gif*/
}

#changesexe #contenu .table_matieres ul li a {
    background: url(../img/puce.gif) 0 0.5em no-repeat;
    /*background-image: url('data:image/gif;base64,R0lGODdhBgAGAPAAAGp8pgAAACwAAAAABgAGAAACBYSPqcsFADs=')*/ /*../img/puce_tabmatieres.gif*/
}


#contenu .table_matieres ul li ul li a {
    margin-left: 55px;
    padding: 0;
    background: none;
    font-weight: normal;
}

#certificat #contenu .table_matieres ul li ul li a,
#attestation #contenu .table_matieres ul li ul li a,
#naissance #contenu .table_matieres ul li ul li a,
#insertion #contenu .table_matieres ul li ul li a,
#mariage #contenu .table_matieres ul li ul li a,
#deces #contenu .table_matieres ul li ul li a,
#notifieracte #contenu .table_matieres ul li ul li a,
#changenom #contenu .table_matieres ul li ul li a,
#changesexe #contenu .table_matieres ul li ul li a {
    background: none;
}


#contenu .table_matieres ul ul {
    margin: 0;
    padding: 0;
}

/* Cartes de localisation */
.cartes {
    margin: 1em 0 0 0;
    overflow: hidden;
    width: 100%;
}

    .cartes p {
        float: left;
        width: 50%;
        text-align: center;
    }

        .cartes p a img {
            border: 0;
            padding: 6px;
            margin: 4px;
            background-color: #fff;
            /*border: 1px solid #e9e9e9;*/
        }

#contenu .cartes a {
    background: none;
    text-decoration: none;
}

    #contenu .cartes a:hover {
        background: none;
        text-decoration: none;
    }

/* th page engagements*/
.bg {
    background: white !important;
}


table.services th {
    width: 50% !important;
}


/* th page delai */
table.tableau_donnees th#Process {
    width: 20%;
}

/* Test Simon */
table.tableau_donnees .CaptionNonBold {
    font-weight: normal !important;
}


table.tableau_donnees th#mode-transmission, th#normal-mode-transmission {
    width: 40%;
}

table.tableau_donnees th#cost-document {
    width: 35%;
}

/* Tableau de données */

caption {
    text-align: left;
    font-size: 1.15em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

table.tableau_donnees {
    margin: 0 0 1em 0;
    border-collapse: collapse;
    border: 1px solid #6B6B6B;
    width: 100%;
}

    table.tableau_donnees th {
        padding: 4px;
        text-align: left;
        background-color: #6B6B6B;
        color: #fff;
        font-weight: bold;
        border: 1px solid #000;
        vertical-align: top;
    }

    table.tableau_donnees td {
        padding: 4px;
        border: 1px solid #6B6B6B;
        vertical-align: top;
        text-align: left;
    }

        table.tableau_donnees td.bordure_bas, table.tableau_donnees th.bordure_bas {
            border-bottom: 1px solid #fff;
        }

        table.tableau_donnees td.bordure_gauche, table.tableau_donnees th.bordure_gauche {
            border-left: 1px solid #fff;
        }


/* Tableau de nouvelles */
table.tableau_nouvelles {
    margin: 0 0 1em 0;
    border-collapse: collapse;
    border: 1px solid #6B6B6B;
    text-align: left;
    width: 100%;
}

    table.tableau_nouvelles th {
        padding: 4px;
        text-align: left;
        background-color: #6B6B6B;
        color: #fff;
        font-weight: bold;
        width: 50%;
        border: 1px solid #000;
        vertical-align: top;
    }


table.fee th {
    padding: 4px;
    text-align: left;
    background-color: #6B6B6B;
    color: #fff;
    font-weight: bold;
    width: inherit !important;
}

table.tableau_nouvelles td {
    padding: 4px;
    border: 1px solid #6B6B6B;
    vertical-align: top;
}

    table.tableau_nouvelles td.bordure_bas, table.tableau_nouvelles th.bordure_bas {
        border-bottom: 1px solid #fff;
    }

    table.tableau_nouvelles td.bordure_gauche, table.tableau_nouvelles th.bordure_gauche {
        border-left: 1px solid #fff;
        text-align: center;
    }

/**/

table.tableau_nouvelles th.Colonne1 {
    width: 40%;
}

table.tableau_nouvelles th.Colonne2 {
    border-left: 1px solid #fff;
    text-align: left;
    width: 20%;
}

table.tableau_nouvelles th.Colonne3 {
    border-left: 1px solid #fff;
    text-align: left;
    width: 40%;
}

/* Tableau de nouvelles = Attestation */

table.attestation p {
    margin: 0;
    padding-right: 110px;
}

/* ########################################################################
	PAGES D'EXEMPLE
######################################################################## */
#exemple {
    margin: 10px;
    text-align: left;
}

    #exemple img {
        padding: 0;
        margin: 0;
        background-color: #fff;
        border: 6px solid #e9e9e9;
    }

    #exemple h1 {
        margin: 0 0 0.6em 0;
        font-size: 1.5em;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
        /* text-transform: uppercase; */
        color: #000000;
    }



.justify-content-md-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}