/*********************************
 * Défaut
 */

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-size: 2.185rem;
    font-weight: 500;
    line-height: 1.5em;
}

h2 {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.5em;
}

a {
    text-decoration: none;
    color: #962f6c;
}

a:visited {
    color: #97527e;
}

a:hover {
    text-decoration: underline;
    color: #48869e;
}

a.EXTERNAL, a.spip_out, a[rel="external"] {
color: #962f6c;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODI2LjQyOSAtNjk4Ljc5MSkiPjxyZWN0IHdpZHRoPSI1Ljk4MiIgaGVpZ2h0PSI1Ljk4MiIgeD0iODI2LjkyOSIgeT0iNzAyLjMwOSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjOTYyZjZjIi8+PGc+PHBhdGggZD0iTTgzMS4xOTQgNjk4Ljc5MWg1LjIzNHY1LjM5MWwtMS41NzEgMS41NDUtMS4zMS0xLjMxLTIuNzI1IDIuNzI1LTIuNjg5LTIuNjg5IDIuODA4LTIuODA4LTEuMzExLTEuMzExeiIgZmlsbD0iIzk2MmY2YyIvPjxwYXRoIGQ9Ik04MzUuNDI0IDY5OS43OTVsLjAyMiA0Ljg4NS0xLjgxNy0xLjgxNy0yLjg4MSAyLjg4MS0xLjIyOC0xLjIyOCAyLjg4MS0yLjg4MS0xLjg1MS0xLjg1MXoiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==");
background-position: right center;
background-repeat: no-repeat;
padding-right: 13px;
}

/*********************************
 * Structure
 */

#header {
    background-color: #ebf3f8;
    padding-top: 10px;
    /*background-repeat: no-repeat;
    background-position: center top;
    background-image: url("images/fond-550.jpg");*/
}

/*@media (min-width: 551px) {
    
    #header {
        background-image: url("images/fond-768.jpg");
    }
}

@media (min-width: 769px) {
    
    #header {
        background-image: url("images/fond-980.jpg");
    }
}

@media (min-width: 981px) {
    
    #header {
        background-image: url("images/fond-1280.jpg");
    }
}

@media (min-width: 1281px) {
    
    #header {
        background-image: url("images/fond-1920.jpg");
    }
}*/

#header_logo {
    padding-top: 10px;
    padding-bottom: 25px;
}

#header_slogan {
    /*background-color:rgba(255, 255, 255, 0.75);*/
    padding: 5px;
    margin-bottom: 15px;
    color: #555;
    font-family: 'Raleway', sans-serif;
    font-size: 1.5rem;
}


#header_menu {
    background-color: #48869e;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}


/*#header {
    padding-top: 600px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url("images/fond2-1920.jpg");
    min-height: 775px;
    position: relative;
    box-sizing: border-box;
}


#header_logo {
    position: absolute;
    top: 35px;
    width: 100%;
}

#header_slogan {
    position: absolute;
    top: 400px;
    color: #555;
    font-family: 'Raleway', sans-serif;
    font-size: 4rem;
    width: 100%;
}

#header_menu {
    background-color: #48869e;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}*/

#body {
    padding-top: 45px;
    padding-bottom: 90px;
}

#footer {
    background-color: #1a4352;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}



/*********************************
 * Classes générales
 */

.fph-Container {
    max-width: 1170px;
    margin: auto;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    box-sizing: border-box;
}

.fph-Button:hover {
    cursor: pointer;
    text-decoration: underline;
}

.fph-SVG {
    width: 100%;
}

/*********************************
 * #Menu
 */

.fph-header-LogoFph {
    background-repeat: no-repeat;
    background-image: url("images/logoFPH.png");
    width: 360px;
    height: 93px;
    display: block;
}

.fph-header-Langs {
    position: absolute;
    right: 10px;
    top: 30px;
    text-align: right;
    background-color: #48869e;
    padding: 5px 10px;
    border-radius: 5px;
}

.fph-header-Langs a, .fph-header-Langs span {
    display: inline-block;
    width: 2em;
    text-align: center;
}

.fph-header-Langs a, .fph-header-Langs a:visited {
    color: #fff;
}

.fph-header-Langs a:hover {
    font-weight: 700;
    text-decoration: none;
}

.fph-header-Langs span {
    font-weight: 700;
}

.fph-header-Search {
    position: absolute;
    right: 10px;
    top: 70px;
}

.fph-header-Search button {
    display: inline-block;
    border: none;
    cursor: pointer;
    height: 21px;
    width: 21px;
    background-image: url("images/icon-loupe.png");
    background-color: transparent;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.fph-header-Search button:hover {
    background-color: #48869e;
}

.fph-header-Search input {
    display: inline-block;
    border-color: #000;
    border-radius: 4px;
    border-style: solid;
    padding: 2px;
    
}

@media (max-width: 450px) {
    
    .fph-header-Langs {
        position: static;
    }
    
    .fph-header-Search {
        position: static;
    }
}


/*********************************
 * #Menu
 */

#header_menu a, #header_menu a:visited {
    color: #fff;
}



.fph-menu-Rubriques {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
	flex-direction: row;
    justify-content: space-around;
}

.fph-menu-Button {
    font-size: 1.125rem;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin-bottom: auto;
}

.fph-menu-List {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fph-menu-List > li {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right: 20px;
    padding-left: 0;
}



.fph-menu-Button:hover {
    font-weight: 700;
    cursor: pointer;
}

.fph-menu-Button.fph-menu-ActiveButton {
    font-weight: 700;
}

.fph-menu-Article {
    font-family: 'Raleway', sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

/*********************************
 * #burger
 */

#burger {
    display: none;
}

#burger button {
    display: inline-block;
    padding: 9px 10px;
    border: 1px solid  #48869e;
    border-radius: 4px;
    background-color: transparent;
}

#burger span {
    display: block;
    margin-top: 4px;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    background-color: #fff;
}

@media (max-width: 991px) {
    
    #burger {
        display: block;
        text-align: right;
    }
    
    #burger button:hover {
        border: 1px solid #fff;
    }
    
    #header_menu {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .fph-menu-Rubriques {
        display: block;        
    }
    
    .fph-menu-Rubriques > div {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

/*********************************
 * #body
 */

.fph-body-Container {
    display: flex;
	flex-direction: row;
}

.fph-body-Side {
    max-width: 370px;
    box-sizing: border-box;
    padding-left: 30px;
}

.fph-body-Main {
    max-width: 740px;
}

.fph-body-Entete {
    display: flex;
	flex-direction: row;
    align-items: center;
    margin-bottom: 50px;
}

.fph-body-Logo {
    background-repeat: no-repeat;
    height: 146px;
    width: 192px;
    margin-right: 25px;
    flex-shrink: 0;
}

.fph-body-Soustitre {
    font-size: 1.125rem;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 10px;
    margin-top: -40px;
}



.fph-body-Budget {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 50px;
}

.fph-body-Zone {
    background-color: #d9e4eb;
    border-radius: 10px;
    padding: 10px;
    margin-top: 40px;
}

.fph-body-zone-Entete {
    display: flex;
	flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

.fph-body-zone-Titre {
    margin: 0;
}

.fph-body-zone-Logo {
    height: 40px;
    width: 55px;
    margin-right: 10px;
    flex-shrink: 0;
}

.fph-body-zone-Partenaire {
    margin-left: 20px;
    margin-bottom: 10px;
}

.fph-body-zone-Ouvrage {
    display: inline-block;
    width: 220px;
    vertical-align: top;
    margin-bottom: 10px;
    text-align: center;
    margin-right: 10px;
}

.fph-body-zone-Logo_partenaires {
    background-image: url("images/h2-partenaires.png");
}

.fph-body-zone-Logo_ouvrages {
    background-image: url("images/h2-ouvrages.png");
}

.fph-body-LogoRubrique_2 {
    background-image: url("images/h1-fondation.png");
}

.fph-body-LogoRubrique_3 {
    background-image: url("images/h1-finance.png");
}

.fph-body-LogoRubrique_4 {
    background-image: url("images/h1-partenaire.png");
}

.fph-body-LogoRubrique_5 {
    background-image: url("images/h1-lieux.png");
}

.fph-body-LogoRubrique_6 {
    background-image: url("images/h1-edition.png");
}

.fph-body-LogoAxe_G-fr {
    background-image: url("images/h1-gouv_fr.png");
}

.fph-body-LogoAxe_M-fr {
    background-image: url("images/h1-outils_fr.png");
}

.fph-body-LogoAxe_R-fr {
    background-image: url("images/h1-ethique_fr.png");
}

.fph-body-LogoAxe_T-fr {
    background-image: url("images/h1-transition_fr.png");
}

.fph-body-LogoAxe_G-en {
    background-image: url("images/h1-gouv_en.png");
}

.fph-body-LogoAxe_M-en {
    background-image: url("images/h1-outils_en.png");
}

.fph-body-LogoAxe_R-en {
    background-image: url("images/h1-ethique_en.png");
}

.fph-body-LogoAxe_T-en {
    background-image: url("images/h1-transition_en.png");
}


@media (max-width: 991px) {
    
    .fph-body-Container {
        display: block;
    }
    
    .fph-body-Side {
        max-width: 740px;
    }
}

@media (max-width: 500px) {
    
    .fph-body-Entete {
        display: block;
    }

    .fph-body-Logo {
        margin: auto;
    }
    
}

/*********************************
 * Page des AP
 */
.fph-ap-TitreProgramme {
    margin-top: 40px;
    
}

.fph-ap-TitreProgramme a {
    display: block;
    padding-left: 70px;
    min-height: 40px;
    background-repeat: no-repeat;
    background-position: center left;
}

.fph-ap-TitreProgramme_R a {
    background-image: url("images/h2-ethique-roll.png");
}

.fph-ap-TitreProgramme_R a:hover {
    background-image: url("images/h2-ethique-over.png");
}

.fph-ap-TitreProgramme_G a {
    background-image: url("images/h2-gouv-roll.png");
}

.fph-ap-TitreProgramme_G a:hover {
    background-image: url("images/h2-gouv-over.png");
}

.fph-ap-TitreProgramme_T a {
    background-image: url("images/h2-transition-roll.png");
}

.fph-ap-TitreProgramme_T a:hover {
    background-image: url("images/h2-transition-over.png");
}

.fph-ap-TitreProgramme_M a {
    background-image: url("images/h2-outils-roll.png");
}

.fph-ap-TitreProgramme_M a:hover {
    background-image: url("images/h2-outils-over.png");
}


/*********************************
 * liste des partenaires
 */

.fph-partenaires-ListeLiens {
    text-align: center;
}

.fph-partenaires-LienInitiale {
    display: inline-block;
    background-color: #97527e;
    color: #fff;
    font-weight: 700;
    padding: 1px 5px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 4px;
    margin-top: 5px;
    min-width: 1em;
}

.fph-partenaires-LienInitiale:visited  {
    color: #fff;
}

.fph-partenaires-LienInitiale:hover  {
    color: #fff;
    background-color: #48869e;
    text-decoration: none;
}

.fph-partenaires-Initiale {
    margin-top: 40px;
}


/*********************************
 * partenaire
 */

.fph-partenaire-Site {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.fph-partenaire-Cartouche {
    background-color: #d9e4eb;
    border-radius: 5px;
    padding: 15px;
    margin-top: 25px;
}

.fph-partenaire-H2 {
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 25px;
}

.fph-partenaire-Cartouche .fph-partenaire-H2 {
    margin-top: 0;
}

.fph-partenaire-Cartouche ul {
    margin: 0;
}

.fph-partenaire-Logo {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

/*********************************
 * #footer
 */

#footer p {
    margin: 0;
}

#footer p.fph-footer-Title {
    margin-bottom: 20px;
}

#footer .fph-Container {
    min-height: 140px;
}

.fph-footer-Title {
    font-size: 1.125rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    padding-left: 160px;
}

.fph-footer-Address, .fph-footer-Title {
    max-width: 33%;
    display: inline-block;
    vertical-align: top;
    padding-right: 40px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.fph-footer-Logo {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 142px;
    height: 140px;
    background-repeat: no-repeat;
    background-image: url("images/footer-logo-FPH.png");
}

@media (max-width: 991px) {
  
    .fph-footer-Address, .fph-footer-Title { 
        max-width: 500px;
        display: block;
        padding-left: 160px;
    }
}

@media (max-width: 450px) {
    
    .fph-footer-Logo {
        position: static;
        margin: auto;
        margin-bottom: 20px;
    }
  
    .fph-footer-Address, .fph-footer-Title { 
        display: block;
        padding-left: 0;
    }
    
    .fph-footer-Title {
        text-align: center;
    }
}

/*********************************
 * Créés par les modèles
 */

.fph-modeles-SousAxe {
    border-radius: 10px;
    border-width: 3px;
    border-color: #d9e4eb;
    border-style: solid;
    padding: 10px;
    display: flex;
	flex-direction: row;
    margin-bottom: 30px;
}

.fph-modeles-Programme {
    background-repeat: no-repeat;
    width: 120px;
    height: 100px;
    flex-shrink: 0;    
}

.fph-modeles-ListeProgrammes {
    margin: 0;
    padding: 0;
    list-style: none;
    
}

.fph-modeles-ListeProgrammes li {
    margin-left: 0;
    margin-bottom: 15px;
    font-size: 1.125rem;
    font-family: 'Raleway', sans-serif;
}

.fph-modeles-Programme_TC {
    background-image: url("images/icon-NB-service.png");
}

.fph-modeles-Programme_TF {
    background-image: url("images/icon-NB-territoires.png");
}

.fph-modeles-Programme_TP {
    background-image: url("images/icon-NB-posConsum.png");
}

.fph-modeles-Programme_TT {
    background-image: url("images/icon-NB-transversale.png");
}

.fph-modeles-Programme_GR {
    background-image: url("images/icon-NB-coop.png");
}

.fph-modeles-Programme_GT {
    background-image: url("images/icon-NB-gouvernance.png");
}

.fph-modeles-Programme_MO {
    background-image: url("images/icon-NB-diffusion.png");
}

.fph-modeles-Programme_ML {
    background-image: url("images/icon-NB-animLieux.png");
}

.fph-modeles-Programme_RE {
    background-image: url("images/icon-NB-socioPro.png");
}

.fph-modeles-Programme_RT {
    background-image: url("images/icon-NB-transversale.png");
}

/*********************************
 * Accueil
 */
.fph-accueil-Titre {
    text-align: center;
    margin-top: 50px;
}

.fph-accueil-LireSuite {
    text-align: center;
    margin-bottom: 25px;
}

.fph-accueil-LireSuite a {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: #97527e;
    font-weight: 400;
    padding: 1px 5px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 4px;
    margin-top: 5px;
    font-size: 0.9rem;
}

.fph-accueil-LireSuite a:hover  {
    border-color: #48869e;
    text-decoration: none;
}

.fph-accueil-DescriptifSite {
  font-size: 1.0rem;
  line-height: 1.5em;
}

.fph-accueil-Chapo {
  font-size: 1.2rem;
  line-height: 1.5em;
}

.fph-accueil-QuatreAxes {
    text-align: center;
    margin:auto;
}

.fph-accueil-Axe {
    width: 260px;
    height: 197px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #97527e;
    border-radius: 4px;
}

.fph-accueil-Axe:hover {
    background-color: #48869e;
}

.fph-accueil-Axe_T-fr {
     background-image: url("images/icon-transition-fr-roll.png");
}

.fph-accueil-Axe_T-fr:hover {
    background-image: url("images/icon-transition-fr-over.png");
}

.fph-accueil-Axe_G-fr {
     background-image: url("images/icon-gouv-fr-roll.png");
}

.fph-accueil-Axe_G-fr:hover {
    background-image: url("images/icon-gouv-fr-over.png");
}

.fph-accueil-Axe_R-fr {
     background-image: url("images/icon-ethique-fr-roll.png");
}

.fph-accueil-Axe_R-fr:hover {
    background-image: url("images/icon-ethique-fr-over.png");
}

.fph-accueil-Axe_M-fr {
     background-image: url("images/icon-outils-fr-roll.png");
}

.fph-accueil-Axe_M-fr:hover {
    background-image: url("images/icon-outils-fr-over.png");
}

.fph-accueil-Axe_T-en {
     background-image: url("images/icon-transition-en-roll.png");
}

.fph-accueil-Axe_T-en:hover {
    background-image: url("images/icon-transition-en-over.png");
}

.fph-accueil-Axe_G-en {
     background-image: url("images/icon-gouv-en-roll.png");
}

.fph-accueil-Axe_G-en:hover {
    background-image: url("images/icon-gouv-en-over.png");
}

.fph-accueil-Axe_R-en {
     background-image: url("images/icon-ethique-en-roll.png");
}

.fph-accueil-Axe_R-en:hover {
    background-image: url("images/icon-ethique-en-over.png");
}

.fph-accueil-Axe_M-en {
     background-image: url("images/icon-outils-en-roll.png");
}

.fph-accueil-Axe_M-en:hover {
    background-image: url("images/icon-outils-en-over.png");
}

@media (max-width: 1139px) {
    
    .fph-accueil-QuatreAxes {
        max-width: 700px;
    }
}

@media (max-width: 450px) {
    
    .fph-accueil-DescriptifSite {
        font-size: 1.2rem;
    }

    .fph-accueil-Chapo {
        font-size: 1.0rem;
    }
    
}

.fph-accueil-Colonnes {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.fph-accueil-Raccourci {
    width: 33%;
    text-align: center;
}

.fph-accueil-Raccourci a {
    display: inline-block;
    color: #fff;
    background-color: #97527e;
    border-radius: 4px;
    padding: 10px;
}

.fph-accueil-Raccourci a:hover {
    background-color: #48869e;
}

.fph-accueil-MembredeBloc {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #d9e4eb;
}

.fph-accueil-Membrede {
    width: 33%;
    text-align: center;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 500px) {
    
    .fph-accueil-Colonnes, .fph-accueil-Membrede {
        display: block;
    }
    
    .fph-accueil-Raccourci {
        width: 100%;
    }
    
    .fph-accueil-Membrede {
        width: 100%;
    }
}



/*********************************
 * Lecteur Audio
 */

.fph-lecteuraudio-Bloc{
    display: block;
    border-radius: 5px;
    padding: 15px;
    clear: left;
    margin-bottom: 15px;
    background-color: #d9e4eb;
}

.fph-lecteuraudio-Bloc:after {
  content: "";
  display: table;
  clear: both;
}

.fph-lecteuraudio-Vignette {
    float: left;
    margin-right: 10px;
}

.fph-lecteuraudio-Corps {
    margin-left: 200px;
    margin-right: 20px;
}

.fph-lecteuraudio-Titre {
    font-weight: bold;
}

.fph-lecteuraudio-Audio {
    width: 100%;
}



/*********************************
 * ECLM
 */

a.fph-eclm-BlocLien {
    display: block;
    border-radius: 5px;
    padding: 15px;
    clear: left;
    margin-bottom: 15px;
}

.fph-eclm-BlocLien:after {
  content: "";
  display: table;
  clear: both;
}

a.fph-eclm-BlocLien, a.fph-eclm-BlocLien:hover, a.fph-eclm-BlocLien:visited {
    text-decoration: none;
    color: #000;
}

.fph-eclm-BlocLien:nth-child(odd) {
    background-color: #d9e4eb;
}

a.fph-eclm-BlocLien:hover, a.fph-eclm-BlocLien:nth-child(odd):hover {
    background-color: #97527e;
    color: #fff;
}

.fph-eclm-Couverture {
    float: left;
}

.fph-eclm-BlocLien p {
    margin-left: 120px;
}

.fph-eclm-Titre {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}

.fph-eclm-Soustitre {
    margin-top: 3px;
    font-style: italic;
    margin-bottom: 0;
}

.fph-eclm-Chapeau {
    margin-top: 10px;
    font-size: 0.9rem;
}

.fph-eclm-Auteurs {
    margin-top: 6px;
    font-size: 0.9rem;
}


/*********************************
 * ECLM
 */
.fph-uneeclm_Bloc {
    text-align: center;
    margin-bottom: 80px;
}

.fph-uneeclm_Bloc a {
    display: inline-block;
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
    vertical-align: bottom;
}

.fph-uneeclm-Bouton {
    position: absolute;
    z-index: 1;
    bottom: -30px;
    left: calc(50% - 35px);
    width: 70px;
    height: 71px;
    background-repeat: no-repeat;
    background-image: url("images/acc-icon-flech-roll.png");
}

.fph-uneeclm_Bloc a:hover .fph-uneeclm-Bouton {
    background-image: url("images/acc-icon-flech-over.png");
}

/*****************************************
 * Colonne des quatre axes
 */
.fph-colonne-QuatreAxes {
    text-align: center;
    margin:auto;
}

.fph-colonne-Axe {
    height: 146px;
    width: 192px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #97527e;
    border-radius: 4px;
}

.fph-colonne-Axe.fph-colonne-Current, .fph-colonne-Axe:hover {
    background-color: #48869e;
}

.fph-colonne-Axe_T-fr {
     background-image: url("images/h1-transition_fr.png");
}

.fph-colonne-Axe_T-fr.fph-colonne-Current, .fph-colonne-Axe_T-fr:hover {
    background-image: url("images/h1-transition_fr-over.png");
}

.fph-colonne-Axe_G-fr {
     background-image: url("images/h1-gouv_fr.png");
}

.fph-colonne-Axe_G-fr.fph-colonne-Current, .fph-colonne-Axe_G-fr:hover {
    background-image: url("images/h1-gouv_fr-over.png");
}

.fph-colonne-Axe_R-fr {
     background-image: url("images/h1-ethique_fr.png");
}

.fph-colonne-Axe_R-fr.fph-colonne-Current, .fph-colonne-Axe_R-fr:hover {
    background-image: url("images/h1-ethique_fr-over.png");
}

.fph-colonne-Axe_M-fr {
     background-image: url("images/h1-outils_fr.png");
}

.fph-colonne-Axe_M-fr.fph-colonne-Current, .fph-colonne-Axe_M-fr:hover {
    background-image: url("images/h1-outils_fr-over.png");
}

.fph-colonne-Axe_T-en {
     background-image: url("images/h1-transition_en.png");
}

.fph-colonne-Axe_T-en.fph-colonne-Current, .fph-colonne-Axe_T-en:hover {
    background-image: url("images/h1-transition_en-over.png");
}

.fph-colonne-Axe_G-en {
     background-image: url("images/h1-gouv_en.png");
}

.fph-colonne-Axe_G-en.fph-colonne-Current, .fph-colonne-Axe_G-en:hover {
    background-image: url("images/h1-gouv_en-over.png");
}

.fph-colonne-Axe_R-en {
     background-image: url("images/h1-ethique_en.png");
}

.fph-colonne-Axe_R-en.fph-colonne-Current, .fph-colonne-Axe_R-en:hover {
    background-image: url("images/h1-ethique_en-over.png");
}

.fph-colonne-Axe_M-en {
     background-image: url("images/h1-outils_en.png");
}

.fph-colonne-Axe_M-en.fph-colonne-Current, .fph-colonne-Axe_M-en:hover {
    background-image: url("images/h1-outils_en-over.png");
}



/*********************************
 * Coredem
 */

.fph-coredem-Bloc {
    display: flex;
}

.fph-coredem-Logo {
    width: 129px;
    height: 127px;
}

.fph-coredem-Logo a{
    display: inline-block;
    width: 129px;
    height: 127px;
    background-repeat: no-repeat;
    background-image: url("images/coredem.png");
}

.fph-coredem-Recherche {
    width: calc(50% - 129px);
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 25px;
}

.fph-coredem-ListeAccueil {
    width: 50%;
    order: 3;
}

.fph-coredem-Liste {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fph-coredem-Liste li {
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
    min-height: 20px;
}

.fph-coredem-Liste li img {
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
}

.fph-coredem-Liste li a {
    color:  #96003c;
}

.fph-coredem-TitreBase {
    font-size: 0.9em;
}

.fph-coredem-Lien {
    text-align: center;
    margin-top: 30px;
}

.fph-coredem-Lien a {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color:  #96003c;
    color:  #96003c;
    font-weight: 400;
    padding: 1px 5px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 4px;
    margin-top: 5px;
    font-size: 0.9rem;
}

.fph-coredem-Lien a:visited {
    color:  #96003c;
}

.fph-coredem-Lien a:hover  {
    border-color: #48869e;
    color: #48869e;
    text-decoration: none;
}

.fph-coredem-Input {
    border-color: #96003c;
    color: #96003c;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    min-height: 19px;
    padding: 2px;
    vertical-align: middle;
    width: calc(100% - 40px);
}

.fph-coredem-Submit {
    border: none;
    width: 18px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url("images/icon-loupe-coredem.png");
    display: inline-block;
    background-color: #fff;
    padding: 0;
    vertical-align: middle;
}

.fph-coredem-Submit:hover {
    cursor: pointer;
}

.fph-coredem-TitreSelection {
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 10px;
}

.fph-coredem-LienRecherche {
    margin-top: 20px;
    background-repeat: no-repeat;
    background-image: url("images/coredem-petit.png");
    background-position: left 6px;
    min-height: 42px;
    padding-left: 48px;
    font-size: 0.9rem;
}

@media (max-width: 991px) {
    
    .fph-coredem-Bloc {
        display: block;
    }
    
    .fph-coredem-Logo {
        margin: auto;
        margin-bottom: 30px;
       
    }

    .fph-coredem-Recherche {
        width: 700px;
        margin: auto;
    }

    .fph-coredem-ListeAccueil {
        width: 700px;
        margin: auto;
        margin-bottom: 30px;
    }
}

@media (max-width: 700px) {
    
    .fph-coredem-Recherche {
        width: 100%;
    }

    .fph-coredem-ListeAccueil {
        width: 100%;
    }
}


/*********************************
 * Modèle pdf
 */

.fph-pdf-Bloc {
    display: inline-block;
    max-width: 120px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 30px;
}

.fph-pdf-Lien {
    text-align: center;
}

.fph-pdf-Descriptif {
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.3em;
}


/*********************************
 * Cas particuliers
 */

.fph-special-Detail {
display: flex;
flex-direction: row;
justify-content: space-around;
}

.fph-special-Detail li {
list-style: none;
min-width: 200px;
}


/**
 * Fenêtres Popup
 **********************************************************/

.popup-Logo {
    text-align: center;
    min-width: 170px;
}


.popup-Title {
 font-weight: bold;
 text-align: center;
 word-wrap: normal;
  hyphens: none;
}

.popup-Subtitle {
 font-style: italic;
 text-align: left;
}

.popup-Field {
    text-align: center;
}

.popup-FicheLink {
    text-align: center;
    margin-top: 15px;
    font-size: 0.9em;
}

.popup-Label {
    font-weight: bold;
    font-size: 0.9em;
}


/** 
 * Icone
********************************************************** **/

.icon-Container {
    background-color: #2470B5;
    border-radius: 16px;
    box-shadow: 6px 13px 8px -4px #000;
    height: 32px;
    line-height: 32px;
    opacity: 0.9;
    text-align: center;
    width: 32px;
}

.icon-Arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 16px solid #2270B5;
    height: 0px;
    left: 6px;
    position: relative;
    top: -4px;
    width: 0px;
}

.icon-Container .icon-Picto {
    vertical-align: middle;
    max-width: 24px !important;
}

.icon-Cluster {
    color: #fff;
}


/** 
 * Formulaire
********************************************************** **/

.formulaire_spip label {
    display: block;
    margin-top: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.formulaire_spip textarea {
    width: 100%;
}

.formulaire_spip fieldset {
    border: none;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
}

.formulaire_spip .explication {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.9rem;
}

.formulaire_spip .boutons {
    margin-top: 50px;
    text-align: center;
}

.reponse_formulaire_ok {
    color: #00ff00;
}