/*@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&display=swap');*/
.icone
{
    height: 16px;
}
.lien-mail:hover
{
    color: #D7000F;
}
input[type="checkbox"]
{
    /*accent-color: #D7000F;*/
    accent-color: black;
}
.choix-edition
{
    width: 830px;
    max-width: 830px;
    margin-left: 8px;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
}
.choix-edition h1
{
    margin-left: calc(50% - 100px);
    max-width: 350px;
}
.choix-edition ul.choix
{
    width: 100%;
    flex-direction: column;
    align-content: center;
    margin-left: calc(50% - 100px);
    margin-bottom: 10px;
}
.choix-edition  [type="checkbox"]
{
    opacity: unset !important;
    pointer-events: auto !important;
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px;
    position: relative !important;
}
.choix-edition ul.choix li
{
    text-align: left;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 350px;
    margin: 10px;
}
.choix-edition label
{
    font-size: 1rem;
    width: 350px; /*Pour que toute la ligne soit cliquable*/
}
.choix-edition .zone-button
{
    text-align: center;
    margin-top: 50px;
    margin-left: calc(50% - 250px);
}

    @font-face
    {
        font-family: 'elus2014';
        src: url('./fonts/elus2014.eot');
        src: url('./fonts/elus2014.eot?#iefix-wfwe3x') format('embedded-opentype'), url('./fonts/elus2014.woff?-wfwe3x') format('woff'), url('./fonts/elus2014.ttf?-wfwe3x') format('truetype'), url('./fonts/elus2014.svg?-wfwe3x#elus2014') format('svg');
        font-weight: normal;
        font-style: normal;
    }

@font-face
{
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/ubuntu-v14-latin-regular.eot');
    src: url('./fonts/ubuntu-v14-latin-regular.eot?#iefix-wfwe3x') format('embedded-opentype'), url('./fonts/ubuntu-v14-latin-regular.woff?-wfwe3x') format('woff'), url('./fonts/ubuntu-v14-latin-regular.ttf?-wfwe3x') format('truetype'), url('./fonts/ubuntu-v14-latin-regular.svg?-wfwe3x#elus2014') format('svg');
}
/* LAYOUT PRINCIPAL*/
html
{
    height: 100%;
    width: 100%;
    font-size: 16px;
}
.header-wrapper, .footer-wrapper
{
    max-width: 980px;
}
body
{
    display: flex;
    flex-direction: column;
    height: 100%;
}

header
{
    /*height: 70px;*/
}

/*footer
{
    height: 100px;
    position: relative !important;
}*/

.containerOne
{
    flex: 1;
    /*overflow: auto;*/
    width: 980px;
    margin: auto; /* pour gérer les marges au delà de 980px*/
    display: flex;
    flex-direction: column;
    /* justify-content: center;*/
    /*margin-bottom: 85px;*/ /* Place du footer*/
    margin-top: 120px;
}
/* Ecrans avec fond gris*/
.containerOne.Accueil, .containerOne.AccueilInfos
{
    background-color: #f9f9fb;
    width: 100%;
}

.containerOne.Accueil, .containerOne.AccueilInfos
{
    background-color: #f9f9fb;
    width: 100%;
}
.deconnecter-logo {
    padding-left: 8px;
}

.containerOne.Accueil .container-zone, .containerOne.AccueilInfos .container-zone
{
    width: 980px;
    margin: auto;    
}
.containerOne.AccueilInfos .container-zone
 {
    margin-top: 20px;
}

.container-vertical-center
{
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

.container-zone
{
    padding-bottom: 20px;
}
/* FIN DU LAYOUT PRINCIPAL*/

h1
{
    color: black;
    font-weight: bold;
    font-size: 22px;
}
h2
{
    color: black;
    font-weight: bold;
    font-size: 18px;
}

.fa-print {
    font-size: 30px;
}
[class^="icon-bubble"], [class*=" icon-bubble"] {
    font-family: 'elus2014';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-bubble:before {
	content: "\e600";
	font-size:x-small;
	padding-left:6px;	
    vertical-align:super;
    cursor:pointer;
}
.tooltip_info
{
    cursor:pointer;
}
.page-break {
    page-break-after: always;
    clear: both;
}
/*.titreD_C {*/
    /*position: absolute;*/
   /* color: #D00019;*/
    /*font-weight: bold;*/
    
    /*font-family: Arial;
    margin-left: 0;
    width: 100%;*/
    /*height: 0px;
}*/

/*    .titreD_C > div {
        display: inline-block;
        text-align: center;
        margin-top: 16px;
    }*/

/*    .titreD_C div > span:first-child, .titreD_C div > span:last-child {
        color: #7D7F87;
        font-size: 24px;
        text-align: center;
    }*/
/*.titreD_C .titreLogoEt {
    color: #D00019;
    font-size: 20px;
    font-weight: 400;
    padding-top: 0;
}

.titreD_C .titreLogo {
    color: #7D7F87;
    font-size: 24px;
    font-weight: 400;
    padding-top: 0;
}
.titreD_C_Edit {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}*/

body
{
    text-align:center;
    /*font-family:Arial;*/
    font-family:Ubuntu, Arial, Helvetica, sans-serif;
    color:#666666;
    /*font-size: 100%; */
}
/**
 * Common
 */
body,
footer,
input,
[class^=button-],
.cookies-box {
    font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.1px;
}

body,
input {
    color: #333;
}
#innerBody.scrolled {
    padding-top: 140px;
}
.partenaires > span {
    font-size: 32px;
    line-height: 40px;
    font-weight: 300;
    margin-left: 16px;
}

/*.containerOne
{
    width: 100%;
    max-width: 980px;
    display: inline-block;
    margin-bottom: 100px;*/ /* Pour le footer */
/*}*/
input, textarea{
    color:#000;
}
textarea {
  border: 1px solid #cccccc;
  }
select[disabled] { background-color: #DDD; }

/*.active a,.active a:hover{	
		color:#FFFFFF;
	}*/


.sup_nav
{
    font-size:12px;
    margin: 0 auto;
    color: #59595E; 
}
.sup_nav > div
{
    display:inline-block;
    width:200px;
    vertical-align:top;
}
.sup_nav > div p
{            
    text-align:left;
    line-height:20px;
}

.sup_nav > div p:first-child
{
    font-size:14px;
    color: #000000;   
    font-weight:bold;
    line-height:30px;
}
.sup_nav > div p a.active, .sup_nav > div p a:hover
{        
    color:#D7000F;
}

.bandeau_nav
{
    font-size:14px;
    margin: 0 auto;
    color: #59595E; 
    text-align: left;
}
.bandeau_nav > div span {
    font-weight: bold;
}
.bandeau_nav > div
{
    display:block;
    vertical-align:top;
}
.bandeau_nav > div:first-child
{
    /*border: 1px solid blue;*/
    text-align: left;
}
    .bandeau_nav > div p:first-child {
        font-size: 14px;
        color: #000000;
        font-weight: bold;
        line-height: 30px;
        margin-top: 16px;
    }
    .bandeau_nav > div ul li a.active, .bandeau_nav > div ul li a:hover {
        color: #D7000F;
    }

.bandeau-elt li {
    padding-bottom: 4px;
}


.promo-dsef {
    border: 2px dashed #CCC;
    border-radius: 4px;
    padding: 16px;
    width: 800px;
    max-width: 90%;
    text-align: center;
    margin: auto;
}
.promo-dsef > div{
    display: inline-block;
    vertical-align: middle;
}
.promo-dsef .img {
    width: 160px;
}
    .promo-dsef .pub {
        width: 550px;
        /*padding-left: 24px;*/
    }
.promo-dsef img {
    width: 150px;
}
    .promo-dsef .title {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 16px;
    }
    .promo-dsef .descriptif {
        width: 560px;
        text-align: center;
    }
        .promo-dsef .descriptif .first {
            font-size: 16px;
            font-weight: normal;
        }
        .promo-dsef .descriptif .second {
            font-size: 16px;
            font-weight: bold;
        }
        .promo-dsef .descriptif .third {
            font-size: 13px;
            font-weight: normal;
        }
        .promo-dsef .descriptif .rouge {
            color: #D7000F;
        }
    .promo-dsef .titreD_C {
        position: relative;
        height: auto;
        margin-bottom: 16px;
        text-align: left;
    }

    @media only screen and (max-width : 991px) {
        /*.sup_nav
    {
        font-size:14px;
    }*/

        .sup_nav > div
    {
        width:250px;
    }

    .bandeau_nav {
        font-size: 12px;
        margin: 0 auto;
        color: #59595E;
        border-bottom: 1px solid #F0F0F0;
        text-align: center;
    }

        .bandeau_nav > div {
            display: inline-block;
            vertical-align: top;
            /*width: 24%;*/
            margin: 4px;
        }
    .bandeau_navDsef > div:first-child {
        margin-left: 16px;
    }
    .bandeau_navDsef > div {
        margin: 0 auto;
        margin: 8px;
        text-align:center;
    }

    .bandeau_navProspective > div:first-child {
        margin-left: 16px;
    }

    .bandeau_navProspective > div {
        margin: 0 auto;
        margin: 16px;
        text-align: center;
    }



    .bandeau_nav > div div:first-child {
        font-size: 14px;
        color: #000000;
        font-weight: bold;
        line-height: 30px;
        margin-top: 16px;
    }

        .bandeau_nav > div {
            cursor: pointer;
            text-align: center;
            /*border: 1px solid;*/
        }
       

            .bandeau_nav > div span.title:after {
                margin-left: 2px;
                vertical-align: middle;
                content: "\e60a";
                font-family: "bpce-icons";
                speak: normal;
                font-size: 15px;
            }

            .bandeau_nav > div ul {
                position: absolute;
                z-index: 10;
                background: white;
                margin: 0;
            }

                .bandeau_nav > div ul li {
                    display: none;
                }

            .bandeau_nav > div:hover ul li {
                display: block;
            }

            .bandeau_nav > div:hover ul {
                border: 1px solid;
                padding: 2px;
            }

            .bandeau_nav > div .active {
                border-bottom: 1px solid #D7000F;
            }

        .container-zone, .containerOne
        {
            max-width: 100%;
        }
}

@media only screen and (max-width : 376px)
{
    /*.sup_nav
    {
        font-size:14px;
    }*/
    .containerOne {
        max-width: 375px;
        width: 375px;
    }

    .sup_nav > div
    {
        width:100%;
    }

    .titreD_C {
        margin-top: -20px;
    }
    .titreD_C div {
        /*margin-left:84px;*/
        font-size: 14px;
        padding-top: 0px;
    }
    .titreD_C div > span:first-child, .titreD_C div > span:last-child{
        font-size:14px;
    }

    .promo-dsef {
        padding: 8px;
    }
    .promo-dsef .img {
        width: 90px;
    }

    .promo-dsef .pub {
        width: 300px;
    }

    .promo-dsef img {
        width: 80px;
        margin-bottom: 16px;
    }
    .promo-dsef .descriptif {
        width: 90%;
        text-align: justify;
    }
}