/**
 * FONT
 */
 @font-face {
    font-family: 'dinlight';
    src: url('font/din-light-webfont.eot');
    src: url('font/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/din-light-webfont.woff2') format('woff2'),
         url('font/din-light-webfont.woff') format('woff'),
         url('font/din-light-webfont.ttf') format('truetype'),
         url('font/din-light-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dinmedium';
    src: url('font/din-medium-webfont.eot');
    src: url('font/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/din-medium-webfont.woff2') format('woff2'),
         url('font/din-medium-webfont.woff') format('woff'),
         url('font/din-medium-webfont.ttf') format('truetype'),
         url('font/din-medium-webfont.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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-chevron-down:before {
    content: "\e900";
}
.icon-chevron-up:before {
    content: "\e901";
}

body {
    font-family: "dinlight", "Open Sans", Arial, sans-serif;
}
strong,
.et_pb_more_button,
#top-menu {
    font-family: "dinmedium", "Open Sans", Arial, sans-serif;
    font-weight: 400 !important;
}

/**
 * DEFAULT
 */
body {
    color: #333;
    line-height: 1.1em;
    font-weight: 400 !important;
}
h1, h2, h3, h4, h5, h6 {
    color: inherit;
    line-height: 1.1em;
}
a {
    color: #333;
}

/**
 * TYPOGRAPHIE
 */
h1 {
    font-size: 50px !important;
    font-family: "dinlight", "Open Sans", Arial, sans-serif;
}
h2 {
    font-size: 30px !important;
    font-family: "dinmedium", "Open Sans", Arial, sans-serif;
}
h3 {
    font-size: 22px !important;
    font-family: "dinmedium", "Open Sans", Arial, sans-serif;
}
h4 {
    font-size: 20px !important;
    font-family: "dinlight", "Open Sans", Arial, sans-serif;
}
body {
    font-size: 18px !important;
}

@media (max-width: 380px) {
    h1 {
        font-size: 40px !important;
    }
}

/**
 * Logo Header
 */
#main-header:not(.et-fixed-header) #logo {
    opacity: 1;
}
#main-header:not(.et-fixed-header) #logo-small {
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}
#main-header #logo-small {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 6px;
}
#main-header.et-fixed-header #logo-small {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
#main-header.et-fixed-header #logo {
    opacity: 0;
    zoom: 0;
    width: 0;
}

@media (max-width: 980px) {
    #main-header #logo {
        opacity: 0;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    #main-header:not(.et-fixed-header) #logo-small {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        float: left;
        margin-top: 18px;
    }
}

/**
 * Map
 */
.et_pb_fullwidth_map_0 .et_pb_map {
    height: 540px !important;
}

/**
 * Rollover du Portfolio
 */
.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta {
    opacity: 1;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_item .post-meta {
    color: #eee;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    padding: 0 20%;
    margin-top: 30%;
    font-family: "dinmedium", "Open Sans", Arial, sans-serif;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .post-meta {
    color: #FFDD00;
    font-size: 18px;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .post-meta,
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 {
    opacity: 0;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay {
    top: auto;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay:before {
    content: '';
    background-image: none;
    width: 32px;
    height: 32px;
    top: auto;
    bottom: 26%;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay {
    top: auto;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0);
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_overlay:before {
    top: auto;
    bottom: 50%;
}

/* Header */
#header-contact {
    height: 100px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;   
}

.et-fixed-header #header-contact {
    top: -100px;
}

#et-top-navigation {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#header-contact div div {
   /* height: 100px;
    width: 100%;*/
}

#header-contact .conseiller {
    font-size: 25px;
	line-height: 30px; /* interligne augmenté pour espace sous image conseiller sans toucher le texte */
    /*margin-top: 15px;*/
}
#header-contact .conseiller:before {
    content: '';
    background-image: url(../img/conseiller.png);
    width: 30px;
    height: 38px;
    display: inline-block;
    position: relative;
    background-size: contain;
    top: 8px;
    left: -20px;
}

#header-contact .rdv {
    font-size: 12px;
}

#header-contact .conseiller,
#header-contact .rdv {
    text-align: right;
}

.container.et_menu_container {
    margin-top: 50px;
    margin-bottom: -50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.et-fixed-header .container.et_menu_container {
    margin-top: 0;
    margin-bottom: 0;
}

.et_header_style_left .logo_container {
    margin-top: -50px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.et_header_style_left .et-fixed-header .logo_container {
    margin-top: 0;
}

.et_pb_section.et_pb_section_0.et_section_regular {
    padding-top: 0;
}

.et_pb_row.et_pb_row_0 {
    padding-top: 0;
}
.mobile_menu_bar:before {
    color: #333;
}
#main-header .et_mobile_menu {
    border-top: 3px solid #fff;
    background-color: #fff !important;
}
@media (max-width: 980px) {
    .container.et_menu_container {
        margin-top: 0;
        margin-bottom: 0;
    }
    .et_header_style_left .logo_container {
        margin-top: 0;
    }
    #header-contact {
        background-color: transparent;
        display: none;
    }

    #header-contact .conseiller,
    #header-contact .rdv {
        margin-right: 70px;
    }

    #header-contact .conseiller {
        font-size: 18px;
        margin-top: 5px;
    }

    #header-contact .rdv {
        font-size: 10px;
    }

    #header-contact .conseiller:before {
        content: '';
        background-image: url(../img/conseiller.png);
        width: 24px;
        height: 30px;
        display: inline-block;
        position: relative;
        background-size: contain;
        top: 8px;
        left: -20px;
    }
    #main-header,
    #main-header .et_mobile_menu {
        background-color: #fff !important;
    }
}
@media (min-width: 981px) and (max-width: 1030px) {
    ul#top-menu a {
        font-size: 12px;
    }
    #header-contact .conseiller {
        font-size: 22px;
    }
}


/**
 * Slider Pleine Largeur
 */
.et_pb_slider .et_pb_slide {
    max-height: 600px;
}
.et_pb_slider .et_pb_slide .et_pb_slide_title {
    text-align: right;
    font-family: "dinlight", "Open Sans", Arial, sans-serif;
}
.et_pb_slider .et_pb_slide_description {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 10% 0 10% 50%;
    padding: 2%;
    right: 0;
    position: relative;
}
.et_pb_slider .et_pb_slide_description a.et_pb_more_button.et_pb_button.et_pb_custom_button_icon {
    position: absolute;
    right: 0;
    bottom: -46px;
    padding-left: 60px !important;
}
.et_pb_slider .et_pb_slide_description a.et_pb_more_button.et_pb_button.et_pb_custom_button_icon:after {
    width: 46px;
    height: 46px;
    background-color: #FFCC00;
    top: 0px;
    left: 0px !important;
    line-height: 46px !important;
}
.et_pb_slider .et_pb_slide_description a.et_pb_more_button.et_pb_button.et_pb_custom_button_icon:hover:after {
    margin-left: 0 !important; 
    left: 0.15em;
}

.et-pb-arrow-prev:before,
.et-pb-arrow-next:before {
    content: "";
    width: 59px;
    height: 59px;
    display: block;
}
.et-pb-arrow-prev:before {
    background-image: url(../img/left-arrow.png);
}
.et-pb-arrow-next:before {
    background-image: url(../img/right-arrow.png);
}

.permanences-titre:after {
    content: "";
    background-image: url(../img/arrow.png);
    width: 54px;
    height: 54px;
    position: absolute;
    bottom: -27px;
    left: 48%;
    z-index: 100;
}

@media (max-width: 500px) {
    .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description {
        margin: 10% 0 10% 10%;
    }
    .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_button {
        font-size: 16px !important;
    }
    .et_pb_fullwidth_slider_0.et_pb_slider a.et_pb_more_button.et_pb_button.et_pb_custom_button_icon {
        bottom: -37px;
    }
    .et_pb_fullwidth_slider_0.et_pb_slider a.et_pb_more_button.et_pb_button.et_pb_custom_button_icon:after {
        width: 37px;
        height: 37px;
        line-height: 37px !important;
    }
}

/**
 * FOOTER
 */
.footer a {
    color: #fff;
    text-decoration: none;
}
#footer-info {
    float: none; 
    text-align: center;
}

.plus-icon:before {
    content: '';
    background-image: url(../img/plus-small.png);
    width: 14px;
    height: 14px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

/**
 * Sections mobile
 */

@media (max-width: 980px) {
    .section-title.et_pb_section {
        padding: 10px 0;
    }
    .et_pb_fullwidth_section {
        padding: 0;
    }
    .et_pb_row {
        padding: 10px 0;
    }

    .featured-image .et_pb_column {
        margin-bottom: 0 !important;
    }

    body:not(.home) .et_pb_section_0 {
        background-color: #fff;
    }

    body:not(.home) .et_pb_section_0 .et_pb_row_1 .et_pb_column {
        padding-left: 0;
        padding-right: 0;
    }
}

.et_pb_row_0 {
    padding: 0 0;
}

@media (min-width: 1350px) {
    .et_pb_row.et_pb_row_0 {
        padding-bottom: 0;
    }
}


/************* Eric TOURNIER : Liens soulignés avec la classe "lien-eie" pour des blocs de DIVI *************/
/************* à utiliser à chaque ajout de bloc divi *************/
.lien-eie a {
    color: #000000!important;
    text-decoration: underline !important;
}

.lien-eie a:hover {
    color: #F59C00 !important;
    text-decoration: none !important;
}

/************* Espace avant h2 h3 h4 *************/
h2, h3, h4 {
    margin-top: 30px;
}


/******** Eric TOURNIER : affichage TOC table content plus différent de classe "lien-eie" DIVI  *******/
/************* 120% du bloc, pas de la page *************/
/************* Essai de sticky pour que le div reste fixe sur la page mais bug *************/
div#toc_container {
    width: 220px !important;
    padding: 5px !important;
    /*width: 120% !important; */
    /*overflow: inherit !important;  cf http://www.geekabyte.io/2014/03/when-css-position-sticky-doesnt-work.html
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
    top: 0px; */
}

.telech .et_pb_column_1 {
    padding-right: 3px !important; /* marge de droite réduite uniquement sur page ressource (classe "telech") */
}

/************* couleur des H2 uniquement dans espace Documentation téléch et Actions avec la classe "telech" en plus de la classe "lien-eie" *************/
.telech h2 {
    color: #F59C00;
    margin-top: 10px !important;
    padding-bottom  : 0px !important;
}

/************* couleur des H3 uniquement dans espace Documentation téléch et Actions avec la classe "telech" en plus de la classe "lien-eie" *************/
.telech h3 {
    font-size: 24px !important;
    margin-top: 10px !important;
    padding-bottom  : 0px !important;
}

/************* couleur des H4 uniquement dans espace Documentation téléch et Actions avec la classe "telech" en plus de la classe "lien-eie" *************/
.telech h4 {
    color: ##F5F5F5;
    font-size: 16px !important;
    font-weight: bold;
    margin-top: 15px !important;
    padding-bottom  : 0px !important;
}


/************* TABLEAUX sans bordure dans espace Documentation téléch avec la classe "telech" en plus de la classe "lien-eie" *************/
.telech table,tr,td {
    font-size: 15px;
    padding: 3px !important;
    border: 0px !important;
    border-color: #d9d9d9 !important;
    vertical-align: top !important;
}


/************* alignement à droite des liens haut de page dans div avec classe "toppage", utilisé dans dans Espace Documentation ressource de telechargement *************/
.toppage {
    float: right !important;
    font-size: 12px;
}

/************* marge 15 px au dessus de la page Documentation téléch, yc H1 et TOC *************/
.telech {
    padding-top: 15px !important;
}


#toc_container a {
    text-decoration: none !important;
}
#toc_container a:hover {
    color: #F59C00 !important;
    text-decoration: underline !important;
}

/************* niveau li dans ul : equiv h2, en gras *************/
#toc_container ul li {
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
}

/************* ul li dans niveau li dans ul : equiv h3 pas en gras *************/
#toc_container ul li ul li {
    font-size: 13px;
    font-weight: normal;
}

/************* ul li dans ul li  dans niveau li dans ul : equiv h4 pas en gras *************/
#toc_container ul li ul li ul li {
    font-size: 11px;
    font-weight: normal;
}

/************* MENU PRINCIPAL bande orange : espacement caractères et marge de droite *************/
#top-menu li {
    padding-right: inherit !important;
    padding-left: 10px !important;
}

#top-menu li a { /*** Menu en minuscules sauf 1ères lettres ***/
    text-transform:capitalize !important;
    font-size: 14px;
}


/*** essai
.menu-item > li:last-child {
    padding-right: 0px !important;
}
*/


/************* Eric TOURNIER : Liens soulignés avec la classe de A "lien-eie" pour chaque balise A : uniquement pour anciennes pages *************/
a.lien-eie {
    color: #000000!important;
    text-decoration: underline !important;
}

a.lien-eie:hover {
    color: #f7a90b !important;
    text-decoration: none !important;
}

/*
.et_pb_title_container:before {
    content: 'test'!important;
    display: inline-block;
    float: left;
}
*/

/********************************************************/
/* Flèche orange horizontale devant tous les titres H1 */
.et_pb_title_container h1:before {
    width: 67px;
    height: 42px;
    content: ' ';
    background: url('http://www.infoenergie38.org/wp-content/uploads/2016/01/simple-arrow.png') no-repeat;
    display: inline-grid;
}

/********************************************************/
/* Flèche montante haut de page devant tous les liens a (#haut) dans div de classe toppage, pages Actions et Documentation */
.toppage a:before {
    width: 11px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    content: ' ';
    background: url('http://www.infoenergie38.org/wp-content/uploads/fleche-haut-page.png') no-repeat;
    display: inline-grid;
}

.et_pb_row_0 {
    padding: inherit;
}

.et_pb_row.et_pb_row_0 {
    padding-top: 20px;
    padding-top: 2%;
}

/* suppression de la flèche, à enlever une fois que les nouveaux gabarits sont mis en place sur toutes les pages 
.et_pb_module.et-waypoint.et_pb_image.et_pb_animation_off.et_pb_image_0.et-animated {
    display: none;
}*/

p:last-of-type {
    line-height: 26px;
}
/***************************************************************
***************** Formulaire de contact ************************
***************************************************************/
form.wpcf7-form p {
    display: initial!important;
}

form.wpcf7-form p label.test {
    float: left;
    width: 48.5%;
    padding-bottom: 0;
}

form.wpcf7-form p:nth-child(odd) label.test {
    margin: 0 0 1.5% 0;
}

form.wpcf7-form p:nth-child(even) label.test {
    margin: 0 3% 1.5% 0;
}

/******** Div "espace-bas" pour Espace avant liste checkbox et code postal ***/
.espace-bas {
	margin-bottom: 5px!important;
}

.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=password], 
.wpcf7-form-control-wrap input[type=tel], .wpcf7-form-control-wrap input[type=email], 
.wpcf7-form-control-wrap input.text, .wpcf7-form-control-wrap input.title, 
.wpcf7-form-control-wrap select {
    width: 100%;
    padding: 16px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #000;
    background-color: #eee;
    font-size: 16px;
    margin: 0 3% 3% 0;
}
/******** Espace avant textarea ***/
.wpcf7-form-control-wrap textarea {
    width: 100%;
    padding: 16px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #000;
    background-color: #eee;
    font-size: 16px;
    margin: 3% 3% 3% 0;
}

.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-quiz {
    max-width: 45px;
    padding: 16px;
}


input.wpcf7-form-control.wpcf7-quiz {
    max-width: 45px;
    padding: 16px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #999;
    background-color: #eee;
    font-size: 14px;
}

input.wpcf7-form-control.wpcf7-submit {
    display: block;
    float: right;
    margin: 8px auto 0;
    font-family: inherit;
    cursor: pointer;

    position: relative;
    padding: 0.3em 1em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;

    color: #2ea3f2;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background: rgba(0, 0, 0, 0.05);
    padding: 0.3em 2em 0.3em 2em;
    border: 2px solid transparent;
}

input.wpcf7-form-control.wpcf7-submit:after {
    position: absolute;
    margin-left: -1em;
    opacity: 0;
    font-size: 32px;
    line-height: 1em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;

    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
    content: """!important;
}

select.wpcf7-form-control.wpcf7-select {
    height: 50px;
}

/***************** Fin formulaire de contact ***********************/


/*****************************************************************************************/
/****************** Page moteur aides Mon projet, Mes Aides financières ******************/
/*****************************************************************************************/

/** classes textes infos et formulaire moteur aides **/
.left, .center { float: left; }
.right { float: right; }
/** ET 05/08 .one-half { width: 48%; margin-bottom: 0px; } : one-half remplacé par colonne-droite 66% et colonne-gauche 33% **/
.colonne-gauche { width: 33%; margin-bottom: 0px; }
.colonne-droite { width: 67%; margin-bottom: 0px; } /* pour permettre affichage 1 seule ligne du texte "COMMUNE | EPCI" dans content-help */

/** cadre bleu message rappel champs saisis **/
.message-info {
    background-color:#d9edf7;
    border-color:##6E9ECC !important;
    color:#3a87ad;
	font-size: 16px;
	font-family: "calibri", "Open Sans", Arial, sans-serif; /* passé en calibri pour éviter lettre pas à la même hauteur en taille 16*/
}


.message {
    padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -webkit-border-radius: 10px; /* ET ajout -webkit et -moz */
    -moz-border-radius: 10px;
    border-radius: 10px; /* ET passé de 4 à 10 */
}

.cf::after {
    clear: both;
}
.cf::before, .cf::after {
    content: "";
    display: table;
}


/** cadre message erreur rouge champs manquants**/
.message-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}


/** positionnement blocs formulaire moteur aides **/
.bloc-item { margin: 0 0 10px 0; }
.bloc-item h4 { font-weight: bold;}
.bloc-item label {
    margin: 5px 0 0 0;
    display: block;
    text-align: left;
    font-size: 13px;
}

/* ET mise à jour liste déroulante COMMUNES / codes postaux : police pas trop grosse pour la commune sélectionnée (affichage en entier) */
.selection {
	font-size: 9pt !important;
}

.one-third { /* ET classe pour formulaire en 3 colonnes pied de pages */
    width: 30%;
    margin-bottom: 10px; /* ET réduit de 35 à 10 */ 
    margin-left: 20px;
}

.center { margin: 0 2%; }

/*** Police dans le texte de chaque aide : pas dynlight car signe ">" était remplacé par une flèche **/
.section-aides blockquote {
	font-family: "calibri", "Open Sans", Arial, sans-serif;
}

/** cadre gris autour de chaque aide (classe section-aides), bordure orange, arrondi **/

.section-aides blockquote {
    margin-left: 20px; /* ET passé de 5 à 20 pour indentation texte aide par rapport au titre aide */
    border: 1px solid #ddd;
    border-left: 1px solid #dab916;
    margin-top: 5px !important; /* marge haute espacée de l'ombre */
    margin-bottom: 15px !important;  /* marges basse réduite */
    padding: 5px 15px; /* haut-bas et droite-gauche*/
    -moz-box-shadow: -5px 0 #fed71a;
    -webkit-box-shadow: -5px 0 #fed71a;
    box-shadow: -5px 5px #fed71a;
    -webkit-border-radius: 10px; /* cadre arrondi */
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/** position exposant pas trop haut dans le texte (classe section-aides) **/
.section-aides blockquote sup {
    bottom: 7px !important;
	font-size: 13px;
}

/** section aides page pas toute largeur **/
.section-aides {
    padding-left: 10px;
    padding-right: 10px;}


/** marge avant et sous paragraphes dans classe section-aides **/
.section-aides p {
    margin-top: 3px;
	margin-bottom: 3px; 
	margin-left: 20px;
	margin-right: 0px;
	font-size: 17px; /* P en taille 17 hors des blockquote */
}


/** sous-titre (aides, prêts, avantages fiscaux) : paragraphes en majuscule gras dans classe section-aides **/
.section-aides p.sous-titre-aide {
    text-transform: uppercase;
	/* font-weight: bold;*/
	color: #9b9b9b; /* gris moyen */
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	letter-spacing: 2px;
	font-family: "Verdana", "Open Sans", Arial, sans-serif;
	font-size: 12px;
}

/** marge réduite sous ul et ol
indentation gauche interligne réduite dans classe section-aides **/
.section-aides ul, ol {
    padding-bottom: 0px !important;
	padding-left: 35px !important;
	line-height: 20px;
}


.section-aides p:last-child {
    margin-bottom: 0 !important;
}

/** taille paragraphes et ul li et ol li dans les blockquote de classe section-aides **/
.section-aides blockquote p, ul li, ol li {
    font-size: 16px;
}

/** indentation et espace inter puces des ul li et ol li dans les blockquote de classe section-aides **/
.section-aides blockquote ul li, ol li {
    margin-left: 15px !important;
	list-style-position: outside !important; /*évite décalage des listes ol trop indentées à droite */
	padding-top: 2px;
	padding-bottom: 2px;
}

/** espace avant/après H2 oranges et taille dans les blockquote de classe section-aides **/
.section-aides blockquote h2 {
    margin-top: 5px !important;
	margin-bottom: 5px;
	font-size: 24px !important;
}
/** espace avant H3 et taille réduite à 18 dans les blockquote de classe section-aides **/
.section-aides blockquote h3 {
    margin-top: 7px;
	font-size: 18px !important;
}

/** lignes grises de classe section-aides **/
.section-aides hr {
    border: 0;
    height: 2px;
    background: #ddd;
    clear: both;
	margin: 10px 0 !important; /* passé de 35 en style dans le code à 10*/
}


/** Texte d'AIDES INCLUSES insérées dans une aide avec cadre orange : classe aide-incluse pour div, dans section-aides **/
.aide-incluse {
    margin-left: 30px;
	padding: 5px;
	border-width: 1px;
	border-color: #aaaaaa;
	border-style: dotted;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background-color: #f3f3f3;
}

/** bouton valider **/
.btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus, .primary:hover, .primary:focus {
    color: #fff;
    text-decoration: none;
    background: #222;
}

.form-aides .btn {
    display: block;
    padding: 10px 0;
    width: 100%;
    cursor: pointer;
	font-size: 16px;
	letter-spacing: 1px;
}

/*****************************************************************************************
******************* DIV bloc texte et Tableau Exposition sans bordure *******************/
.tab-exposition table {
    border: none !important;
}


/******************* classe exposition pour tableau des expositions avec bordure - variante pour tableau outils de sensib avec bordure *******************/
.exposition {
    border: 1px solid #dadada !important;
    border-left: 3px solid #dab916 !important;
    padding: 10px 0;
    width: 33%;
}

.exposition {
	text-align: center;
}

.exposition p {
    padding-bottom: 0px !important;
}

.exposition td {
    padding-bottom: 0px !important;
}

.exposition-vide {
    border: 0px;
    padding: 10px 0;
    width: 33%;
}

.exposition img:hover {
    box-shadow: 0 0 5px 1px #dab916;
}

/************************************** Outils sensib *************************************/
/************* couleur des H2 uniquement dans outils-sensib avec la classe "outils-sensib" en plus de la classe "lien-eie" dans divi *************/
.outils-sensib h2 {
    color: #F59C00;
    margin-top: 50px !important;
    padding-bottom  : 0px !important;
}

.outils-sensib p {
    margin-top: 5px !important;
    margin-bottom : 10px !important;
}

/* classe pour TR outils sensib avec liseret orange */
.ligne-orange {
	/*border: 1px solid #dadada !important;*/
    border-top: 3px solid #dab916 !important;
	border-bottom: 3px solid #dab916 !important;
	text-align: left;
}

.ligne-orange h3 {
    text-align: center !important;
	margin-top:0px;
}

/* classe pour TD outils sensib 50% de large et marge */
.cellule-sensib {
	width: 50%;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.cellule-sensib li {
	margin-top: 5px!important;
	font-size: 100%!important;
	line-height: 1em;
}

/******************************************************************
 * Mes aides financières accordéons pour replier/déplier les textes
 *****************************************************************/

.category-wrapper .help-wrap {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out; /* ET : délai raccourci de 0.5 à 0.2s pour replier */
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.category-wrapper .help-wrap.active {
    max-height: 9999px;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.help {
    padding-bottom: 15px;
    margin-left: 15px; /* ET : indentation aide par rapport au titre catégorie */
}

.help-toggler h2 {
    display: inline-block;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 30px;
    border-left: none !important;
    padding-left: 0px;
    color: #F59C00 !important;
    cursor: pointer;
}
    
.filter-category {
    font-size: 30px !important;
    line-height: 35px;
	font-family: "dinmedium", "Open Sans", Arial, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px; /* ET 20 à 10 */
    color: #9b9b9b; /* ET gris moyen */
}
    
.filter-category span {
    cursor: pointer;
}

.all-wrapper {
    font-size: 18px; /* ET 20 à 18 */
    line-height: 25px;
}

.filter-category a {
    float: right;
    padding-left: 10px;
    text-decoration: none !important;
    color: #9b9b9b !important; /* ET : passé de #ffdd00 orange à #9b9b9b gris moyen */
}

.help-toggler:after,
.all-wrapper:after {
    content: ' ';
    clear: both;
    display: table;
}

.help-toggler a,
.all-wrapper a {
    float: right;
    padding-left: 10px;
    text-decoration: none !important;
    color: #9b9b9b !important; /* ET : couleur de lien identique entre .help-toggler et .all-wrapper, gris moyen */
}

.h-toggler span {
    display: inline-block;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.h-toggler.active span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
    font-size:12px Arial;
    line-height: 17px;
}

/**
 * Mes aides financières : Correctif Eric
 */



/* 
.filter-category > span {
    
}

 */