/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 sept. 2015, 14:43:30
    Author     : paul
*/
@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/Raleway/raleway-bold-webfont.eot');
    src: url('../fonts/Raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/Raleway/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('../fonts/Raleway/raleway-extrabold-webfont.eot');
    src: url('../fonts/Raleway/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/Raleway/raleway-extrabold-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/Raleway/raleway-regular-webfont.eot');
    src: url('../fonts/Raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/Raleway/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayheavy';
    src: url('../fonts/Raleway/raleway-heavy-webfont.eot');
    src: url('../fonts/Raleway/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-heavy-webfont.woff2') format('woff2'),
         url('../fonts/Raleway/raleway-heavy-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-heavy-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/Raleway/raleway-semibold-webfont.eot');
    src: url('../fonts/Raleway/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/Raleway/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/Raleway/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/Raleway/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* General */
html,
body
{
    /*font-family: 'ralewayregular', sans-serif;*/
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px;
    height: 100%;
    min-height: 100%;
}

.row-eq-height
{
	display:flex;
}

@media (max-width: 768px)
{
	.row-eq-height
	{
		display:initial;
	}
}

.text-uppercase
{
    text-transform: uppercase;
}

.monfi-btn-plus-resultat
{
    width:170px; 
    text-align:center; 
    padding: 14px 0px; 
    border: 2px solid #fff; 
    border-radius:0; 
    color: #fff
}

.monfi-btn-block
{
    display: block;
    width: 75%;
}

.monfi-btn-bf
{
    background-color: #0c2a58;
    -moz-box-shadow: 0px 3px 0px 0px #071933;
    -webkit-box-shadow: 0px 3px 0px 0px #071933;
    -o-box-shadow: 0px 3px 0px 0px #071933;
    box-shadow: 0px 3px 0px 0px #071933;
    color: white;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#071933, Direction=180, Strength=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.monfi-btn-bf:hover
{
    background-color: #071933;
    color: white;
    text-decoration: none;
}

.monfi-btn-b
{
    background-color: #386795;
    -moz-box-shadow: 0px 3px 0px 0px #38475C;
    -webkit-box-shadow: 0px 3px 0px 0px #38475C;
    -o-box-shadow: 0px 3px 0px 0px #38475C;
    box-shadow: 0px 3px 0px 0px #38475C;
    color: white;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#38475C, Direction=180, Strength=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.monfi-btn-b:hover
{
    background-color: #38475C;
    color: white;
    text-decoration: none; 
}

.monfi-btn-b:focus
{
	color:white;
}

.monfi-btn-r 
{
    background-color: #e22c86;
    -moz-box-shadow: 0px 3px 0px 0px #b02169;
    -webkit-box-shadow: 0px 3px 0px 0px #b02169;
    -o-box-shadow: 0px 3px 0px 0px #b02169;
    box-shadow: 0px 3px 0px 0px #b02169;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
    font-family: verdana, sans-serif;
    font-size: 14px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#b02169, Direction=180, Strength=0);
    padding: 12px;
}

.monfi-btn-r2 
{
    background-color: #e22c86;
    -moz-box-shadow: 0px 3px 0px 0px #b02169;
    -webkit-box-shadow: 0px 3px 0px 0px #b02169;
    -o-box-shadow: 0px 3px 0px 0px #b02169;
    box-shadow: 0px 3px 0px 0px #b02169;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#b02169, Direction=180, Strength=0);
   /*  padding-left: 30px;
    padding-right: 30px; */
}

.monfi-btn-bleu-ciel
{
    background-color: #10DFFF;
    -moz-box-shadow: 0px 3px 0px 0px #09869A;
    -webkit-box-shadow: 0px 3px 0px 0px #09869A;
    -o-box-shadow: 0px 3px 0px 0px #09869A;
    box-shadow: 0px 3px 0px 0px #09869A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #3186A3;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#09869A, Direction=180, Strength=0);
    
    padding: 11px 30px;
}

.monfi-btn-r:hover,
.monfi-btn-r2:hover,
.monfi-btn-r2:focus,
.a-active
{
    background-color: #b02169 !important;
    color: white !important;
    text-decoration: none; 
}

.monfi-bloc-bordure-g-d {
    background-color: #e6e6e6;
    border-left: 1px solid #191919;
    border-right: 1px solid #191919;
}

.monfi-texte-bleu 
{
    color: #386796 !important;
}

.monfi-texte-rose
{
    color: #e22c86 !important;
}

.monfi-fond-rose
{
    background-color: #e22c86;
    color: #fff;
}

.monfi-fond-rose:hover, .monfi-fond-rose:active, .monfi-fond-rose:focus
{
	background-color: #b02169;
	color:white;
}

.monfi-fond-bleu
{
    background-color: #386796;
    color: #fff;
}


.monfi-nom-rubrique
{
    background-color: #386796;
    background-image: none;
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-family: verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.monfi-separateur-gris
{
    border-top: 5px solid #e6e6e6;
    margin-bottom: 15px;
}

/* les blocs contenu avec fond image */
.div-cover
{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; 
    padding-left: 3.089598%;
    position: relative; 
}

.div-cover-content 
{
    background-color: rgba(0,0,0,0.5);
    color: white;
    min-height: 402px; /* hauteur des images à utiliser*/
    padding: 20px 3.089598%; 
    position: relative;
    width:  35.118435%
}

.media-object {
    width: 169px;
    height: auto;
}

.home-atelier
{
    height: 210px;
    margin-top: 15px;
    position: relative;
    
}

.home-atelier > img
{
    position: absolute;
    height: 100%;
    top: 5px;
    width: 100%;
    
    z-index: 1;
}
.home-atelier > div
{
    background-color: rgba(0,0,0,0.65);
    bottom: 0;
    color: white;
    position: absolute;
    z-index: 2;
}

.home-atelier > div > * 
{
    padding-left: 10px; 
    padding-right: 10px; 
}

.home-date-atelier 
{
    background-color: #e22c86;
    color: white;
    height: 25px;
    left: 10px;
    line-height: 25px;
    top: 0px;
    padding-left: 12px;
    padding-right: 12px;
    position: absolute;
    z-index: 2;
}

/* HEADER */
.monfi-header-top
{
    background-color: #39393e;
    border-bottom: 1px solid #323236;
    border-top: 5px solid #386796;
    padding-bottom: 20px;
    padding-top: 20px;
}

.monfi-header-bottom
{
    background-color: #386796;
    border-bottom: 1px solid #4b8ac9;
    padding-bottom: 10px;
    padding-top: 10px;
}

.monfi-btn-navigation
{
    background-image: url(../img/svg/menu.svg);
    background-position: top center;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    width: 65px;
    height: 65px;
}

.monfi-btn-contact
{
    background-image: url(../img/svg/contact.svg);
    background-position: top center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 65px;
    height: 65px;
}

.monfi-btn-recherche
{
    background-image: url(../img/svg/recherche.svg);
    background-position: top center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-left: 15px;
}


.monfi-btn-acces-membre
{
    display: inline-block;
    height: 46px;
    line-height: 46px;
    min-width: 200px;
    padding: 0 12px;
    text-align: center;
    vertical-align: top;
}
.monfi-btn-off
{
    background-image: url(../img/svg/shutdown.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px; 
    margin-left: 15px;
    padding: 0 12px;
    vertical-align: top;
}

.monfi-btn-off > span
{
    display: none;
}

.monfi-btn-acces-prod
{
    min-width: 175px; 
    min-height: 46px;
    padding:0 12px; 
}

.monfi-btn-acces-media
{
    min-width: 175px; 
    height: 46px;
    line-height: 46px;
    padding:0 12px; 
}



/* fin HEADER */

/* HOME MORNING */
.home-edito 
{
    background-color: #e6e6e6;
}

.home-morning-paragraphe-titre {
    color: #386796;
}

.monfi-titre-morning
{
    color: #fff;
    font-family: ralewayextrabold, serif;
    font-size: 30px;
    
}
.monfi-texte-morning
{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;

}

.monfi-lien-morning
{
    font-family: verdana, sans-serif;
    font-size: 14px;
    background-color: #e22c86;
    color: white;
}
.monfi-colonne-morning-titre
{
    color: #386796;
    font-family: 'ralewaybold', sans-serif;
    font-size: 18px;
}

.monfi-colonne-morning-paragraphe
{
    color: #191919;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.monfi-colonne-morning-paragraphe a
{
    color: #e22c86 !important;
    text-decoration: underline !important;
}
/* fin HOME MORNING */

/* FORMAT ACTU 2 */
.monfi-format-actu-2-titre
{
    color: #386796;
    /*font-family: 'ralewayextrabold', sans-serif;*/
    font-family: Verdana, sans-serif;
    font-size: 17px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0px;
}
.monfi-format-actu-2-texte
{
    color: #191919;
    /*font-family: 'ralewayregular', sans-serif;*/
    font-family: Verdana, sans-serif;
    font-size: 14px;
}

.news-petite-image-contener
{
    border-bottom: 0px solid black;
    position: relative;
}
.news-petite-image
{
    position: relative;
    border-bottom: 4px solid #d0d0d0;
    margin-bottom: 20px;
}

.news-petite-image > a
{
    text-decoration: none !important;
    white-space: normal;
}

.monfi-format-actu-3-titre
{
    color: #386796;
    font-family: ralewayregular, serif;
    font-size: 18px;
}
.monfi-format-actu-3-texte
{
    color: #191919;
    font-family: ralewayregular, serif;
    font-size: 15px;
}

/* BLOC PUB 1 */
.home-pub-1 
{
   position: relative;
   /* background-color: graytext;*/
}
.home-pub-1 img
{
    display: block;
    border: 0;
}
/* fin BLOC PUB 1 */


.monfi-ne-manquez-pas-texte
{
    color: #010101;
    font-family: Verdana, sans-serif /*'ralewayregular', sans-serif*/;
    font-size: 14px;
}

.monfi-ne-manquez-pas-date
{
    /*font-family: 'ralewaybold';*/
    font-weight: 600;
}

.monfi-ne-manquez-pas-texte a
{
    color: #e22c86 !important;
    text-decoration: underline !important;
}

.monfi-home-atelier-date
{
    background-color: #e22c86;
    color: #fff;
    font-family: 'ralewayregular', sans-serif;
    font-size: 14px;
    left: 10px;
    padding: 6px 12px;
    position: absolute;
    text-align: center;
    top: -5px;
    
}
.monfi-home-atelier-description
{
    background-color: rgba(0,0,0, 0.8); 
    color: #fff;
    bottom:0;
    padding: 10px 10px 5px;
    position:absolute;   
}
.monfi-home-titre-atelier
{
    /*font-family: 'ralewayextrabold', sans-serif;*/
    font-family: Verdana, sans-serif;
    font-size: 19px;
    font-variant: small-caps;
    margin: 0;
}
.monfi-home-texte-atelier
{
    /*font-family: 'ralewayregular', sans-serif;*/
    font-family: Verdana, sans-serif;
    font-size: 14px;
}


#fixe_footer
{
	padding-bottom:155px;
}

/* FOOTER */
.monfi-footer
{
	/* Footer coincé en bas */
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 155px;
	
    /* position: relative;
    margin-top: auto; */
}

.monfi-footer-top 
{
    background-color: gainsboro;
}
.monfi-footer-top-content
{
    position: relative;
}

.monfi-footer-top-content > a 
{
    background-color: darkgrey;
    color: white;
    float: left;
    margin: 10px 3.089598% 10px 0px !important;
    padding: 15px 0px !important;
    text-align: center;
    -moz-box-shadow: 0px 3px 0px 0px gray;
    -webkit-box-shadow: 0px 3px 0px 0px gray;
    -o-box-shadow: 0px 3px 0px 0px gray;
    box-shadow: 0px 3px 0px 0px gray;
}

.monfi-footer-top-content > a:hover
{
    background-color: gray;
    color: white;
    text-decoration: none;
}

.monfi-footer-top-content > a:last-child
{
    margin-right: 0 !important;
}

.btn-171
{
    width: 17.507724%;
    border-radius: 0px;
}

.btn-71
{
    width: 7.209063%;
    border-radius: 0px;
}

@media (max-width: 768px) 
{
   .monfi-footer-top-content
    {
        padding-left: 15px;
        padding-right: 15px;
    }
   .monfi-footer-top-content > a 
   {
       margin-right: 0%;
       width: 100%;
       
   }
 
}

.monfi-footer-bottom 
{
    background-color: grey;
}

.monfi-footer-bottom-content
{
    height: 63px;
    line-height: 63px;
    text-align: center;
}

.monfi-footer-bottom-content img
{
    display: block;
    height: 100%;
    max-height:  100%;
    margin: 20px auto 0px auto;
    border: 0px solid red;
}

/* LAYER RECHERCHE */

#monfi
{
	min-height: 100%;
	position: relative;

    /*transition: 1s;*/
}
.blur 
{
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    filter: DXImageTransform.Microsoft.Blur(pixelradius=2);
    zoom: 1;
}

#form-log-contener
{
    background-color: #fff;
    display: none;
    position: absolute;
    right: 30px;
    width: 340px;
    z-index: 100;
}

#masque, #masque_news
{
    background-color: rgba(34,34,34);
    background-color: rgba(34,34,34,0.75);
    background-image: none;
    bottom: 0;
    color: #fff;
    height: 100%;
    padding-top: 25px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;

}

#masque .media .media-left, #masque_news .media .media-left
{
	width:170px;
}

#masque .media .media-body, #masque_news .media .media-body
{
	width:inherit;
}

#masque_news > div
{
	position: fixed;
	max-width: 1170px;
	width: 100%;
	height: 150px;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -585px;
}

.glyphicon-border
{
    padding: 2px;
    border-style: solid;
    border-width: 2px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}

.monfi-navigation-list > li
{
    margin-bottom: 30px !important;
}

.monfi-navigation-list > li a
{
    color: #fff;
}

.monfi-navigation-list > li a .glyphicon-border
{
    border: 2px solid #fff;
}

.monfi-navigation-list > li a.active
{
    color: #e22c86;
}

.monfi-navigation-list > li a.active .glyphicon-border
{
    border: 2px solid #e22c86;
}

#monfi-form-recherche .input-group-btn > *
{
    background-color: transparent;
}

#monfi-form-recherche .form-control
{
    background-color: transparent;
    border-width: 0;
    color: #fff;
}


/* RECHERCHE */
.resultat-monfi
{
    padding-top: 20px;
    padding-bottom: 20px; 
}
.resultat-monfi .media .media-body a,
.resultat-monfi .media-heading
{
    color: #191919 !important;
}

.resultat-recherche-item
{
    display: block;
    margin: 0px auto 30px auto;
    border: 1px solid red;
    color: #191919;
    font-family: 'ralewayregular', serif;
}

.resultat-recherche-item:hover
{
    text-decoration: none;
}
.resultat-recherche-item .media-heading
{
    color: #386796 !important;
    font-family: 'ralewaybold', serif;
}

/* NAVBAR ESPACE PERSO */
#espace-perso-nav.navbar-default .navbar-nav>li>a
{
    color: #386795;
    font-weight: 700;
}
#espace-perso-nav.navbar-default .navbar-nav>.active>a, 
#espace-perso-nav.navbar-default .navbar-nav>.active>a:focus, 
#espace-perso-nav.navbar-default .navbar-nav>.active>a:hover
{
    background-color: inherit;
    border-bottom: 5px solid #386795;
}

.hrfo
{
    border-top: 4px solid #f0f0f0;
}

.user-bloc-title
{
    font-size: 16px;
    font-weight: 600;
}

.no-padding-right
{
    padding-right: 0px;
}

.no-padding-left
{
    padding-left: 0px;
}

.liste-mag
{
   font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif; 
}
.liste-mag .media-object
{
    width: 53px; /*107px;*/
}

.liste-mag .media-heading
{
    
    font-variant: small-caps;
}

.strong
{
    font-weight: 600;
}

.liste-services > div[class^="col-"]
{
    margin-bottom: 30px;
}

.liste-services-btn
{
    display: block;
    position: relative;
    height: 174px;
    background-color: rgba(0,0,0, 0.8);
    color: #fff;
    border-bottom: 4px solid #7F7F7F;
    overflow: hidden;
}

.liste-services-btn:hover
{
    color: #fff;
    text-decoration: none;
}

.liste-services-btn:hover .liste-services-btn-bottom
{
   height: 100%; 
}

.liste-services-btn > img
{
    display: block;
    width: 100%;
    max-width: 100%;
    
}

.liste-services-btn-top
{
    padding: 0px 15px 30px 15px;
    font-family: 'ralewayextrabold', sans-serif;
    font-size: 21px;
    line-height: normal;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    
}

.liste-services-btn-bottom
{
    background-color: #C4C4C4;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    transition: height 0.3s ease-in-out;
}

.no-radius
{
    border-radius: 0px;
}

.bloc-souscription-news
{
    display: block;
    padding: 12px 10px;
    background-color: #A3A3A3;
    color: #fff;
    font-size: 16px;
    margin-bottom: 1px;
    cursor: pointer;
}

.bloc-souscription-news > span
{
    
    vertical-align: middle;
    margin-right: 10px;
}

.bloc-souscription-news:hover
{
    background-color: #626166;
    color: #fff;
    text-decoration: none;
}

.bloc-souscription-news.inscrit
{
    background-color: #E32C86;
}

.bloc-souscription-news.inscrit:hover
{
    background-color: #b02169;
}



.monfi-doc-list 
{
    display: table;
    width: 100%;
}
.monfi-doc-list > li
{
    display: table-row;
}

.monfi-doc-list-label 
{
    display: table-cell;
    vertical-align: middle;
    background-color: #f0f0f0;
    padding: 12px 15px;
}
.monfi-doc-list-dl 
{
    display: table-cell;
    vertical-align: middle;
    width: 77px;
    background-color: #E32C86;
    color: white;
    padding: 10px 15px;
    text-align: center;
    color: white;
    border-bottom: 3px solid #B12169;
}

.monfi-doc-list-dl:hover
{
    background-color: #B12169;
    color: white;
    text-decoration: none;
}

.monfi-nav
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   white-space: nowrap;
   overflow-x: scroll;
}

.monfi-nav > li
{
    display: inline-block;
    border-right: 1px solid white;
    
}

.monfi-nav > li:last-of-type
{
    border-right: none;
}

.monfi-nav > li a
{
    display: block;
    padding: 20px 25px;
}

#monfi-prod-nav > a,
.monfi-menu-slide > a
{
    display: block;
}

#monfi-prod-nav .item,
.monfi-menu-slide .item
{
    display: block;
    background: transparent;
    padding: 10px 0px;
    margin: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    border-left: 1px solid white;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}


#monfi-prod-nav .item a,
.monfi-menu-slide .item a
{
    color: #337ab7;
}

.monfi-menu-slide .item:hover,
.monfi-menu-slide .item.active
{
    text-decoration: none;
}
#monfi-prod-nav .item:hover,
#monfi-prod-nav .item.active
{
    border-bottom: 4px solid #386795;
}

/* Slide des menus */
#monfi-prod-nav.owl-theme .owl-pagination,
.monfi-menu-slide.owl-theme .owl-pagination {
    display: none;
}
#monfi-prod-nav.owl-theme .owl-controls .owl-buttons div,
.monfi-menu-slide.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
  
}
 
#monfi-prod-nav.owl-theme .owl-buttons span,
.monfi-menu-slide.owl-theme .owl-buttons span {
  margin-top: 2px;
}
//To move navigation buttons outside use these settings:
 
#monfi-prod-nav.owl-theme .owl-controls .owl-buttons div,
.monfi-menu-slide.owl-theme .owl-controls .owl-buttons div
{
  position: absolute;
  
  
}
 
#monfi-prod-nav.owl-theme .owl-controls .owl-buttons .owl-prev,
.monfi-menu-slide.owl-theme .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  background-color: transparent;
  color: #386795;
  left: -20px;
  /*top: 15px;*/
  top: 0px;
}

#monfi-prod-page-nav.owl-theme .owl-controls .owl-buttons .owl-prev
{
   left: 10px;
   color: #e22c86;
   
}
#monfi-prod-page-nav.owl-theme .owl-controls .owl-buttons .owl-next
{
    right: 10px;
    color: #e22c86;
}
 
#monfi-prod-nav.owl-theme .owl-controls .owl-buttons .owl-next,
.monfi-menu-slide.owl-theme .owl-controls .owl-buttons .owl-next {
  position: absolute;
  background-color: transparent;
  color: #386795;
  right: -15px;
  /*top: 15px;*/
  top: 0px;
}

#prod-carousel.carousel
{
    height: 371px;
    margin-bottom: 40px;
}

#prod-carousel .carousel-indicators
{
    bottom: -40px;
    z-index: 135;
}

#prod-carousel .carousel-indicators li
{
    background-color: #C5C6CA;
}

#prod-carousel .carousel-indicators li.active
{
    background-color: #396798;
}

#prod-carousel .carousel-inner
{
   margin-bottom: 0px;
}

#prod-carousel.carousel .item
{
    height: 371px;
    background-color: #777;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#prod-carousel .carousel-caption
{
    position: relative;
    top:0;
    left:25%;
    right:0;
    bottom: 0;
    height: 371px;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    text-align: left;
    margin-right: 50%;
    padding: 30px 4%;
}

#prod-carousel h1
{
    color: #fff;
}

@media screen and (max-width: 768px) {
   #prod-carousel .carousel-caption
   {
       margin-right: 15%;
       left: 7%;
   }
   #prod-carousel .carousel-caption .btn
   {
       margin-top: 20px;
   }
   
   #prod-carousel.carousel,
   #prod-carousel.carousel .item,
   #prod-carousel .carousel-caption
   {
       
       height: auto;
   }
   
}


.home-produit-opportunites-head
{
    /*border-bottom-style: solid;
    border-bottom-width: 1px;*/
    margin-bottom: 10px;
    color: #386795;
    font-size: 14px; 
}

.monfi-opportunites-bloc
{
   position: relative;
   overflow: auto;
   background-color: #f0f0f0;
   margin-bottom: 30px;
}
.opportunites-head
{
    position: relative;
    padding: 30px 12px 10px 12px;
    color: white;
    font-weight: 300;
    background-color: black;
    margin-bottom: 0;
    height: 210px;
    z-index: 5;
    
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.opportunites-head:after
{
    content: "";
    background-color: black;
    opacity: 0.4;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.opportunites-head > p
{
    margin-bottom: 0;
}
.opportunites-head > span
{
    display: inline-block;
    background-color: rgba(56,103,149,0.9);
    color: white;
    padding: 15px 20px;
    font-size: 21px;
    font-weight: 300;
}

.monfi-opportunites-bloc .opportunites-bottom
{
    position: relative;
    padding: 15px 10px;
    text-align: center;
    
}

.opportunites-btn-contener
{
    position: relative;
    padding: 10px 3%;
    
}

.bloc-calcul
{
    background-color: #3D5A78; 
    padding-top: 40px; 
    padding-bottom: 30px;
    position: relative;
    margin-top: 30px;
}

.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #3D5A78;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #3D5A78;
	border-width: 31px;
	margin-left: -31px;
}

.bloc-resultat-calcul
{
    display: none;
    background-color: #1D4173;
    color: #75A9B4;
    padding-top: 46px; 
    padding-bottom: 40px;
}

.bloc-resultat-calcul-gauche
{
    border-right: 1px solid #4B6E94;
    text-align: right;
}

@media (max-width: 768px) 
{
    .bloc-resultat-calcul-gauche
    {
        border-right: 0px solid #4B6E94;
        text-align: left;
    }
    
}

h2.titre-page{
	font-size:3vw;
}
@media (max-width: 768px) 
{
	h2.titre-page{
		font-size:7vw;
	}
}

h2.extra{
	line-height:100px;
}
@media (max-width: 768px) 
{
	h2.extra{
		line-height:50px;
	}
}

.monfi-text-bleu-ciel
{
    color: #10DFFF;
}

.monfi-text-vert-clair
{
    color: #09869A;
}
/* Calcul epargne */
.td-graphe
{
    width: 132px;
    vertical-align: bottom;
}

.td-graphe:first-of-type 
{
    padding-bottom: 2px;
}

.td-text-graphe
{
    vertical-align: top; 
    padding-left: 15px;
}
.calcul-graphe
{
    /*display: none;*/
}

#bg-interet
{
    background-color: #10DFFF;
}

#bg-versement
{
   background-color: #09869A; 
}

#form-simulation input, 
#form-simulation .input-group-addon
{
    background-color: transparent;
    border: 0;
    color: #10DFFF;
    font-size: 26px;
    height: 50px;
}

#form-simulation input
{
    border-bottom: 1px dotted #10DFFF;
    border-radius: 0px;
    text-align: right;
    padding-right: 0;
    
}

#form-simulation #duree
{
    text-align: center;
}

@media (max-width: 768px) 
{
    #form-simulation #duree
    {
        text-align: right;
    }
}

#form-simulation .input-group-addon
{
    text-align: left;
    padding-left: 0;
}

#form-simulation label
{
    width: 100%;
    color: white;
    font-weight: 300;
    text-align: left ;
}

.bloc-mon-conseiller
{
    position: relative;
    display: block;
    z-index: 5;
    padding-left: 15px;
    padding-right: 15px;
}

.bloc-mon-conseiller:after
{
    content: "";
    background: url(../img/visuel-fonds-form-ep.jpg) top center;
    opacity: 0.4;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.bloc-mon-conseiller-inner
{
    background-color: rgba(255, 255, 255, 0.8);
}



.row-table
{
   display: table;
}

.row-table [class^="col-md-"]
{
   float: none;
   display: table-cell;
   vertical-align: top;
   padding-top: 0;
   padding-bottom: 0;
}

@media screen and (max-width: 998px) {
    .row-table [class^="col-md-"]
    {
       float: left;
       display: block;
       vertical-align: inherit;
       padding-top: 0;
       padding-bottom: 0;
    }
}

#navbartop
{
    border-radius: 0px;
    margin-bottom: 0px;
    /*background-color: #39393e;*/
    background-color: rgb(57, 57, 62);
    border-bottom: 1px solid #323236;
    border-top: 5px solid #386796;
    padding-top: 5px;
    padding-bottom: 5px;
}

#navbartop.navbartopfixedinactive {
	background-color: rgb(57, 57, 62);
}

#navbartop.navbartopfixed {
	background-color: rgba(57, 57, 62, 0.98);
}

#navbartop .navbar-header
{
    float: none;
    display: block;
    padding: 15px;
    text-align: center;
    width: 100%;
    background-color: inherit;
    margin: 0;
    
}

#navbartop a 
{
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    margin-top: 20px;
    padding: 0;
    left: initial;
    right: initial;
    border: 0;
}

#navbartop a.btnlarge
{
    width: 160px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    margin-top: 20px;
    padding: 0;
    left: initial;
    right: initial;
    border: 0;
}

#btn-navigation
{
    float: left;
}

#navbartop a.navbar-right
{
    margin-left: 15px;
}

#navbartop a img,
#navbartop a img 
{
    display: block;
    max-width: 100%;
}

#navbartop .navbar-brand
{
    float: none;
    display: block;
    position: relative;
    width: 60%; /*261px;*/
    max-width: 261px;
    height: auto;
    margin: auto;
    line-height: inherit;
    padding: 0;
    border: 0;
}

@media( max-width: 320px)
{
    #navbartop .navbar-brand
    {
        width: 55%;
        margin: auto;
    }
}


#navbartop .navbar-brand img
{
    height: 64px;
    display: block;
    margin: auto;
    vertical-align: middle;
}
/*
#navbartop2
{
    background-color: #386796;
    border-bottom: 1px solid #4b8ac9;
    border-radius: 0;
    margin-bottom: 0;
}

#navbartop2 .navbar-header
{
    float: none;
    display: block;
    text-align: left;
    width: auto;
    background-color: inherit;
    margin: 0 auto;
    padding: 0px;
    border: 0px solid red;
    z-index: 1;
}

#navbartop2 .navbar-brand
{
    border: 0px solid green;
    text-transform: uppercase;
    color: white;
    float: none;
    display: block;
    position: relative;
    margin: 10px auto;
    padding: 14px 0px;
    line-height: inherit;
    height: auto;
    text-align: center;
}

#navbartop2 a 
{
    padding: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 2;
}

#navbartop2 a.deuxline
{
    padding-top: 5px;
    padding-bottom: 5px;
}

#navbartop2 a.navbar-right
{
    margin-left: 15px;
    background-color: #e22c86;
    -moz-box-shadow: 0px 3px 0px 0px #b02169;
    -webkit-box-shadow: 0px 3px 0px 0px #b02169;
    -o-box-shadow: 0px 3px 0px 0px #b02169;
    box-shadow: 0px 3px 0px 0px #b02169;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#b02169, Direction=180, Strength=0);
    
}

#navbartop2 a.shutdown
{
    width: 43px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    position: relative;
}

#navbartop2 a.shutdown img
{
    width: 50%;
    position: absolute;
    top: 5px;
    left: 10px;
}

#navbartop2 a.member-access
{
    width: 200px;
    height: 42px;
}
*/
#top2-container
{
  background-color: rgb(56, 103, 150); 
}
#top2-container.top2fixed {
	background-color: rgba(56, 103, 150, 0.98);
}
#top2
{
    position: relative;
    padding: 2px 0px;
    margin-right : -15px;
    /*background-color: #386796;*/
    /*background-color: rgb(56, 103, 150);*/
    color: white;
    border-bottom: 1px solid #4b8ac9;
}

#top2-gauche
{
    position: relative;
    float: left;
    width: 300px;
    margin: 10px auto;
}

#top2-gauche .btn-acces-actus,
#top2-gauche .btn-acces-produit
{
    display: inline-block;
    width: 300px;
    height: 42px;
    text-align: center; 
    /*background-color: #0c2a58; ---> ça aussi, ça a été sauvé par Benoît le sauveur !, le 07/12/2016*/
    background-color: #e22c86;
    -moz-box-shadow: 0px 3px 0px 0px #b02169;
    -webkit-box-shadow: 0px 3px 0px 0px #b02169;
    -o-box-shadow: 0px 3px 0px 0px #b02169;
    box-shadow: 0px 3px 0px 0px #b02169;
    color: white;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#b02169, Direction=180, Strength=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
}

#top2-gauche .btn-acces-actus:hover,
#top2-gauche .btn-acces-produit:hover
{
    background-color: #b02169;
}

#top2-gauche .btn-acces-actus
{
  padding: 12px 0px; 
}

#top2-centre
{
    position: relative;
    z-index: 2;
    margin: 10px 300px;
    padding: 12px 0px;
    text-align: center;
    text-transform: uppercase;
}
#top2-droite
{
    position: relative;
    float: right;
    width: 260px;
    text-align: right;
    margin: 10px 0px;
}

#top2-droite .btn-nom-client, #top3-droite .btn-nom-client
{
    display: inline-block;
    width: 200px;
    height: 42px;
    padding: 12px 0px;
    text-align: center;
    background-color: #e22c86;
    -moz-box-shadow: 0px 3px 0px 0px #b02169;
    -webkit-box-shadow: 0px 3px 0px 0px #b02169;
    -o-box-shadow: 0px 3px 0px 0px #b02169;
    box-shadow: 0px 3px 0px 0px #b02169;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#b02169, Direction=180, Strength=0);
    text-decoration: none !important;
    
}
#top2-droite .btn-off-client, #top3-droite .btn-off-client
{
    display: inline-block;
    position: relative;
    width: 45px;
    height: 42px;
    padding: 12px 0px;
    margin-left: 15px;
    text-align:center;
    background-color: #e22c86;
    -moz-box-shadow: 0px 3px 0px 0px #b02169;
    -webkit-box-shadow: 0px 3px 0px 0px #b02169;
    -o-box-shadow: 0px 3px 0px 0px #b02169;
    box-shadow: 0px 3px 0px 0px #b02169;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#b02169, Direction=180, Strength=0);
    /*background-image: url(../img/svg/shutdown.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;*/
}

#top2-droite .btn-nom-client:hover,
#top2-droite .btn-off-client:hover,
#top2-droite .btn-nom-client:active,
#top3-droite .btn-nom-client:hover,
#top3-droite .btn-off-client:hover,
#top3-droite .btn-nom-client:active
{
    background-color: #b02169;
    text-decoration: none;
}


#top2-droite .btn-off-client span, #top3-droite .btn-off-client span
{
    visibility: hidden;
}

#top2-droite .btn-off-client img, #top3-droite .btn-off-client img 
{
    position: absolute;
    top: 5px;
    left: 10px;
    width: 50%;
}

#top2-droite a:hover,
#top2-gauche a:hover,
#top3-droite a:hover,
#top3-droite a:hover
{
    text-decoration: none;
}

@media (max-width: 991px) 
{
    #top2 > div
    {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 12px 0px;
        text-align: center;
    }
}

/* #top3-droite => bouton de connexion responsive en format sm */
#top3-droite
{
	width:200px;
	position:absolute;
	top:30px;
	right:75px;
}

#top3-droite .btn-nom-client, #top3-droite .btn-off-client
{
	line-height:initial;
	margin:0;
}

#top3-droite .btn-off-client
{
	position: absolute;
	right: -60px;
}

.news_image_moyenne h4
{
    color: #396798;
}

.news_image_moyenne p
{
    color: black;
}

.news_image_moyenne_img_contener
{
    position: relative;
}

.news_image_moyenne_img_contener img 
{
    margin: auto;
    display: none;
}

.news_grande_image
{
    position: relative;
    margin: 0;
    padding: 0;
}

.news_grande_image .news_grande_image_img
{
    position: relative;
    margin: 0;
    padding: 0;
}
.news_grande_image .news_grande_image_img > img
{
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border: 0;
}
.news_grande_image .texte-fond-gris
{
    position: absolute;
    width: 38.3%;
    height: 100%;
    left: 3.5%;
    top:0;
    background-color: rgba(0,0,0,0.5);
    color: white;
}

.news_grande_image .texte-fond-gris img 
{
    display: none;
}

.news_grande_image .texte-fond-gris > div
{
    padding: 20px 7.5%;
}

@media (max-width: 1024px) 
{
    .news_grande_image
    {
        height: auto;
    }
    .news_grande_image .news_grande_image_img > img 
    {
        /*display: none;*/
    }
    .news_grande_image .texte-fond-gris 
    {
        position: relative;
        width: 100%;
        background-color: inherit;
        color: inherit;
        left: 0;
        padding-bottom: 15px;
    }
    .news_grande_image .texte-fond-gris > div
    {
        padding: 0;
    }
    
    .news_grande_image .texte-fond-gris img 
    {
        display: none;
    }
    
    .monfi-titre-morning
    {
        color: #396798;
    }
    
    .monfi-texte-morning
    {
        color: black;
    }
}

.prod_conseil
{
    /*border-left: 5px solid #f0f0f0; 
    border-right: 5px solid #f0f0f0;*/
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 0px 5%;
}

.produit-page-top
{
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media( max-width: 992px) {
    .produit-page-top 
    {
        background-image: none !important;
        text-align: center;
    }
}

.produit-page-top-blue
{
    background-color: rgba(57,103,152,0.7);
    color: white;
    margin-top: 104px;
    margin-bottom: 61px; 
    z-index: 6;
    min-height: 200px;
}

@media( max-width: 992px) {
    .produit-page-top-blue
    {
        margin-top: 0;
        margin-bottom: 0;
        background-color: inherit;
        color: black;
        min-height: 0px;
    }
}

.produit-page-top-fond-gris
{
    position: relative;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 20px 4%;
    z-index: 5;
}

@media( max-width: 992px)
{
    .produit-page-top-fond-gris 
    {
        background-color: inherit;
        color: black;
        
    }
    
    .produit-page-titre
    {
        color: #396798;
    }
}

.produit-page-top-rendement
{
    padding: 20px 15px;
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 300;
    
}
.produit-page-top-rendement .big
{
    font-size: 3.2em;
    font-weight: 600;
}
.produit-page-top-rendement .small-big
{
    font-size: 2.5em;
    padding: 0px 4px;
}

@media( max-width: 992px)
{
    .produit-page-top-rendement
    {
        padding-top: 0px;
        color: #396798;
    }
}

.produit-page-titre
{
    font-family: Helvetica, sans-serif;
    margin-top:10px;
    font-size: 42px;
    font-weight: 400;
}

.produit-page-titre span:first-of-type
{
    display: block;
    margin-bottom: -5px;
    /* text-transform: uppercase; */
    font-size: 0.35em;
    font-variant: small-caps;
    font-weight: 700;
    text-indent: 10px;
}

.produit-page-texte
{
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 300;
}

.produit-page-texte .btn 
{
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin-top: 25px;
    white-space: normal;
}

#monfi-prod-page-nav .item
{
    color: white;
    font-weight: 300;
}

#monfi-prod-page-nav .item:hover
{
    border-bottom-color: white;
}
#monfi-prod-page-nav .item.active
{
    background-color: white;
    color: #386795;
}

.essentiel-bloc-contener
{
    position: relative;
    
	
}

.test [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.test{
  overflow: hidden; 
}

.essentiel-bloc-btn-contener
{
    margin-bottom: 10px;
}
.essentiel-bloc-btn-contener .btn
{
    white-space: normal;
}

@media (min-width: 992px)
{
    /* Pour avoir la même hauteur */
    .essentiel-bloc-contener
    {
       /*  display: table-row; */
    }
    
    .essentiel-bloc-contener .col-md-6
    {
      /*  float: none;
       display: table-cell;
       position: relative;
       vertical-align: top;
       padding-top: 0;
       padding-bottom: 10px;
       height: 100%; */
    }
    
    .essentiel-bloc-btn-contener
    {
        position: absolute;
        bottom: 0px;
        left: 15px;
        right: 15px;
    }
     
}
.essentiel-bloc-contener .btn-block
{
    
}

.essentiel_bloc_out
{
	
}

.essentiel-bloc
{
    position: relative;
    border: 2px solid #d7d7d7;
    padding-top: 20px;
    padding-right: 4%;
    padding-left: 4%;
    padding-bottom: 20px;
    margin-bottom: 10px;
    color: #386795;
	height:100%;
}

.essentiel-bloc h2
{
	margin-top:0;
}

.produit-page-texte p
{
	font-size:14px;
}

.essentiel-bloc-titre
{
    position: relative;
    margin-top: 5px;
    padding-left: 9%;
    
}
.essentiel-bloc-titre .fa
{
    position: absolute;
    left: 0;
    width: 5%;
}

.essentiel-bloc-sous-titre
{
    margin-bottom: 10px;
}

.essentiel-bloc-texte li
{
    color: black;
}

.essentiel-texte
{
    margin: 30px auto;
    font-size: 18px;
}

.essentiel-texte .gros
{
    font-size: 2.2em;
    text-transform: uppercase;
}

.produit-liste-btn
{
    border-right: 0px solid #f0f0f0;
    
}
.produit-liste-btn .btn
{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 300;
    white-space: normal;
}

.produit-liste-btn .btn:last-of-type
{
    margin-bottom: 3px;
}

.btn-produit
{
    text-align: left;
    background-color: #386795;
    color: white;
    border-radius: 0px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #071933;
    font-size: 17px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 300;
    white-space: normal;
    margin-bottom: 10px;
}

.btn-produit:hover, .btn-produit:focus
{
	background-color:#3A465C;
	color:white;
}

.btn-produit > span
{
    display: inline-block;
    vertical-align: middle;
}

.btn-produit .fa
{
    font-size: 50px;
    width: 30%;
    text-align: center;
}

.zone-centre table
{
    width: 100% !important;
}
.zone-centre a,
.word-break
{
    word-break: break-all;
}
.zone-centre img
{
    display: block;
    max-width: 100%;
}
.zone-centre-titre,
.zone-centre-titre-plus
{
   color: #e22c86;
   font-size: 17px;
}

.zone-centre-titre-plus
{
    cursor: pointer;
}

.zone-centre-plus-content
{
    display: none;
}

.zone-centre-bas-de-page
{
    margin-top: 20px;
    font-size: 12px;
}

.les-plus-bloc {
    border: 2px solid #f0f0f0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.les-plus-titre
{
    margin-top: 0px;
    color: #386795;
    font-weight: 300;
}

.les-plus-texte {
    font-size: 15px;
    color: #e22c86;
    margin-top: -12px;
}

.les-plus-bloc-div
{
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 15% 100%;
    padding-left: 17%;
}

.essentiel_commun
{
	border-left:4px solid #f0f0f0;
}

@media( max-width: 992px) {

	.essentiel_commun
	{
		border-left:none;
		margin-top:15px;
	}
}

/* CATEGORIE PRODUIT */

.opportunites-home-top,
.categorie-home-top
{
    position: relative;
    background-color: #999;
    color: white;
    background-image: url(../img/couvertures/couverture-opportunites.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0px solid red;
    
}

.opportunites-home-top-content,
.categorie-home-top-content
{
    /*margin-bottom: 97px;*/
    text-align: center;
    border-bottom: 0px solid green;
    padding-top: 30px;
    padding-bottom: 20px;
}

.opportunites-home-top-titre,
.categorie-home-top-titre
{
    text-transform: uppercase;
    font-weight: 400;
}

.opportunites-home-top-sous-titre,
.categorie-home-top-sous-titre
{
    /*font-family: cursive;*/
    font-size: 42px;
    /*font-style: italic;*/
    
}

.opportunites-home-top-transparent,
.categorie-home-top-transparent
{
    position: relative;
    height: 97px;
    background-color: rgba(255,255,255,0.5);
}

.opportunites-home-titre
{
    text-align: center;
    color: #386795;
    margin: 40px auto;
}

.row-for-same-height
{
    overflow: hidden;
}

.row-for-same-height [class*="col-"]
{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.categorie-home-liste-contener
{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f0f0f0;
    
}

.categorie-home-liste-contener .bloc-produit
{
   position: relative;
   margin: 10px auto;
   border: 0px solid red; 
   background-color: white;
   padding: 28px 2% 20px 2%;
   //height:95%;
}

.categorie-home-liste-contener .bloc-produit a.btn-add-to-comp
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    background-color: #dbdbdb;
    border-bottom: 2px solid #C6C6C6;
    color: white;
    padding: 0px 5%;
}

.categorie-home-liste-contener .bloc-produit .btn-add-to-comp:hover
{
    background-color: #e22c86;
    border-bottom: 2px solid #B12167;
    text-decoration: none;
}

.bloc-produit-left
{
    display: table-cell;
    width: 40%;
    vertical-align: top;
    
}

.bloc-produit-right
{
    display: table-cell;
    position: relative;
    vertical-align: top;
    /* padding-bottom: 40px; */
    padding-left: 15px;
    
    
}

.bloc-produit-right > a 
{
    text-decoration: none;
}

.bloc-produit-btn-contener
{
    /* position: absolute; */
    bottom: 0;
    left: 15px; 
    right: 0;
}

.bloc-produit-btn-contener a
{
	margin-bottom:5px;
}

.bloc-produit-titre
{
    color: #e22c86;
    font-size: 17px;
    font-weight: 500;
}

.btn-bleu
{
    background-color: #386795;
    color: white;
    border-width: 0px;
    border-bottom: 2px solid #38475C;
}
.btn-bleu:hover
{
    background-color: #38475C;
    color: white;
    border-bottom-color: #38475C;
}

.btn-rose
{
    background-color: #e22c86;
    color: white;
    border-width: 0px;
    border-bottom: 2px solid #B12169;
}
.btn-rose:hover
{
    background-color: #B12169;
    color: white;
    border-bottom-color: #B12169;
}

.assurance-visuel-home-texte
{
    font-size: 18px;
    color: #386795;
    margin-top: 10px;
}

#home-assurance-vie-top
{
    background-image: url(../img/couvertures/couverture-home-assurance-vie.jpg);
}

.bloc-produit-rappel
{
    background-image: url(../img/visuel-etre-rappele.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

.bloc-produit-rappel
{
    font-size: 17px;
}
.bloc-produit-rappel .texte-big
{
    font-size: 27px;
}

.bloc-produit-rappel .btn-add-to-comp
{
    background-color: #e22c86 !important;
    border-bottom: 2px solid #B12167 !important;
}

.border-left-right
{
    border-left: 2px solid #dbdbdb;
    border-right: 2px solid #dbdbdb;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 4%;
    padding-right: 4%;
}

.by-monfinancier
{
    margin-bottom: 40px;
	width:50%;
}

#home-assurance-vie-comparateur-top
{
    background-image: url(../img/couvertures/couverture-comparateur.jpg);
}

#home-assurance-vie-comparateur-top .categorie-home-top-titre
{
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
}

#home-assurance-vie-comparateur-top .categorie-home-top-sous-titre
{
    
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.comparateur-intro
{
    position: relative;
    background-color: white;
    padding: 20px;
}

.comparateur-intro h2
{
    color: #386795;
    font-weight: 400;
    padding-left: 6%;
}

#show-comparateur-plus
{
    cursor: pointer;
}

.comparateur-plus
{
    display: none;
}
.comparateur-gros-texte-contener
{
    position: relative;
    display: table-row;
    font-size: 21px;
    font-weight: 500;
    
    
}

.comparateur-gros-texte-contener > span
{
    display: table-cell;
    vertical-align: top;
}

.comparateur-gros-texte-contener .gros-zero
{
    font-size: 160px;
}
.comparateur-gros-texte-contener .comparateur-gros-texte
{
    font-size: 80px;
}
.comparateur-gros-texte-r > span
{
    display: block;
}

.comparateur-row
{
    font-weight: 400;
}
.comparateur-row-bloc 
{
    border-bottom: 1px solid #dbdbdb;
    margin-top: 10px;
    margin-bottom: 10px;
}

.comparateur-row-bloc div.monfi-texte-rose
{
    color: black;
}


@media( min-width: 768px )
{
   .comparateur-row
   {
       font-weight: 500;
       text-align: center;
   }
   
   .comparateur-row-bloc 
   {
       background-color: #FFF4FA;
       margin-top: 10px;
       margin-bottom: 10px;
       padding: 20px 15px;
       border-bottom: 0;
   }
}

.news-image-moyenne-bloc 
{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 4px solid #d0d0d0;
}
.news-image-moyenne-bloc-titre
{
    display: block;
    color: #386796;
    font-family: ralewayextrabold, serif;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    
}
.news-image-moyenne-bloc-texte
{
    color: #191919;
    font-family: ralewayregular, serif;
    font-size: 15px;
    
}

.news-image-moyenne-bloc > a
{
    text-decoration: none !important;
}

.raleway
{
    font-family: ralewayregular, sans-serif;
}

.ralewaybold
{
    font-family: ralewaybold, sans-serif !important;
}

.ralewayextrabold
{
    font-family: ralewayextrabold, sans-serif;
}

.ralewayheavy
{
    font-family: ralewayheavy, sans-serif;
}

.uk-button.monfi-fond-rose:hover
{
    background-color: #B12169;
    color: white;
}

/* Page Liste des contrats */

/* Formulaire Données personnelles */
.erreur
{
    border:1px solid #eb1010;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
}

/*.bloc_erreur
{
    padding:12px;
    padding-left: 2px;
    border-radius:3px;
    
    border: 1px solid;
    
    color: #D8000C;
    background-color: #FFBABA;
   
    //color:white;
    font-family:ralewaybold;
    font-size:18px;
}*/

.bloc_erreur p{
    
    padding: 5px;
}

#titreContrat{
    
    font-family: ralewayregular;
    font-weight: bold;
    font-size: 21px;
    color: #386796;
}

.texte2{
    
    margin-left: 10px;
    font-family: ralewayregular;
    font-size: 16px;
    color: #386796;
    margin-top: 10px;
}

#liner{
    
    border: 1px solid #2d5278;
   // margin-left: 10%;
    //width: 80%;
}

/*.formContrats{
    
    background-color: #386796;
    border: 1px solid black;
    padding: 15px;
    max-width: 340px;
}*/

.titreForm{ 
    
    color: #ffffff;
    font-family: ralewayregular;
    font-size: 21px; 
    background-color: #e32c86;
    font-weight: bold;
    margin: 0px;
    padding: 10px;
   // width: auto;
}

/*.formContrats h5{
    
    font-size: 14px;
}*/

.formContrats h4{
    
    color: #ffffff;
    font-weight: bold;
    font-family: ralewayregular;
}

.titreDocument{
    
    font-size: 22px;
    color: #386796;
    font-weight: bold;
    font-family: ralewayregular;
}

.formContrats h6{
    
    font-size: 16px;
    color: #5d5e63;
    font-family: ralewayregular;
}

.formContrats a{
    
    text-decoration: none;
}

/*.formContrats hr{
    
    color: red;
    background-color: red;
}*/

.liensForm{
   
    padding-left: 15px;
}

.ligneForm{
 
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
    //height: ; 

    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.colonneLiens{
    
    border: 1px ridge #dcdcdc;
}

.liensForm a{
    
    font-family: ralewayregular; 
    font-size: 16px;
    color: #5d5e63;
}

#afficheContrats{
    
    background-color: red; 
    font-family: ralewayregular; 
   /* font-weight: bold;
    font-size: 100px;*/
}

#lienContrats:hover{
    
    text-decoration: none;
}

#lienContrats:link{
    
    text-decoration: none;
}

.imgContrats{
    
    padding: 0px;
}

#zoneLiens{
    
    margin-top: 7px;
}

.liensForm a li{
    
    list-style: circle;
}

.bdp{
	font-size:11px;
	text-align:justify;
}

.text-info{
	font-family: ralewaybold;
	font-size:18px;
	line-height:20px;
	color:#336798;
}

.picto-infos{
	max-width:4%;
	margin-right:10px;
}

.fb-footer{
	width:14%;
}
.tw-footer{
	width:33%;
}

#cookie
{
	position: fixed;
	top: 0;
	left: 0;
	color: white;
	background-color: #386796;
	font-family: Verdana;
	font-size: 11px;
	color: #9ebbd9;
	width: 100%;
	height: 34px;
	z-index: 999999999999;
}

#cookie a
{
	text-decoration:underline;
}

#cookie img
{
	cursor:pointer;
}

@media( max-width: 768px ){
	.fb-footer{
		width:5%;
	}
	.tw-footer{
		width:8%;
	}
}

.bloc_pub
{
	padding:30px 0 15px;
	/* background-color:#ededed; */
}

.bloc_pub > div
{
	display:inline-block;
}

.bloc_pub .info_pub
{
	float:right;
	font-size:10px;
}

@media( max-width: 970px )
{
	.bloc_pub
	{
		display:none;
	}
}

.question-liste-restricted
{
    padding:20px;
    box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
    border-radius: 2px;
    color:#e22c86;
}

.question-liste-restricted img
{
    margin-bottom:10px;
    width:80px;
}

.btn-acces-reserv:hover{
    
    background-color: #b02169 !important;
}

.question-liste-restricted-text
{
    font-family: 'ralewaybold', serif;
    font-size: 1.5rem;
    color:#e22c86;
}

.question-liste-restricted .btn
{
    display: inline-block;
    width: 100%;
    height: 42px;
    padding: 12px 0px;
    text-align: center;
    background-color: #e22c86;
    box-shadow: 0px 3px 0px 0px #b02169;
    border-radius: 3px;
    color: white;
}