/** CHARTE GRAPHIQUE **/ 
@font-face {
font-family: 'Montserrat';
src: url('../font/Montserrat-Medium.otf') format('truetype');
font-weight: normal;
font-style: normal;
}

body {
    font-family: Montserrat, sans-serif !important;
}

/* Entête et formulaire */
html {
    background: #EAEAEA;
}

#form1 {
    background: #EAEAEA;
    padding: 0px 20%; 
}

.txt_center {
    text-align: center;
}

.menuhead2 {
    text-align: center;
}

.menuhead_liens {
    color: #777777;
    text-align: center;
}

.menuhead_liens div {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #CFCFCF;
    padding: 20px 0px;
}

.menuhead_text {
    color: #777777;
    text-align: center;
}

.menuhead_decouverte {
    color: #226677;
    text-decoration: underline;
}

.menuhead_decouverte a {
    cursor: pointer;
}

.menuhead_separateur {
    margin: 0px 10px;
}

.partie_titre {
    color: #226677;
}

.partie_titre hr {
    border-top-color: #CFCFCF;
}

/** Comment ça marche **/
.partie_contenu {
	min-width: 1100px;
}

.menuhead_partie_comment .contenu_separateur {
    color: #B4CED4;
    height: 200px;
    text-align: center;
    line-height: 200px;
    vertical-align: middle;
}

.menuhead_partie_comment .contenu_item {
    background: #B4CED4;
    border-radius: 200px;
    height: 200px;
    width: 200px;
    text-align: center;
    color: #226677;
    position: relative;
}

.menuhead_partie_comment .contenu_item div {
    position: absolute;
    left: 33px;
    top: 60px;
    width: 135px;
    height: 84px;
    display: table;
}

.menuhead_partie_comment .contenu_item div span {
    font-size: small;
}

.menuhead_partie_comment .contenu_item div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.menuhead_partie_comment .contenu_item img {
    position: absolute;
    left: 28px;
    top: -80px;
    width: 150px;
}

/** Fonctionnalités **/
.menuhead_partie_fonctionnalites .contenu_item .item {
    background: white;
    padding: 20px 0px;
    height: 325px;
}

.menuhead_partie_fonctionnalites .item_title {
    color: #226677;
    font-size: small;
}

.menuhead_partie_fonctionnalites .item_line {
    color: #777777;
    font-size: small;
}

.menuhead_partie_fonctionnalites .item_line .glyphicon-ok {
    color: #C7B017;
}


/** Login **/
#login_connexion_formulaire .formulaire {
    background: #B4CED4;
    border-radius: 5px;
    padding: 20px 20px; 
}

#login_connexion_formulaire .formulaire label {
    color: #226677;
}

#login_connexion_formulaire .formulaire_bouton {
    text-align: center;
}

#login_connexion_formulaire #ButtonValider2 {
    background: #226677;
    color: white;
}

#login_connexion_formulaire .formulaire_erreur {
    color: red;
    text-align: center;
}


/* Actualités et nouveautés */
.title {
    color: #226677;
}

.liste_titre {
    color: black;
}

.liste_date {
    color: #777777;
}

.news {
    border-left-width: 1px;
    border-left-style: solid; 
    border-left-color: #CFCFCF;
    padding-left: 30px;
}

.login_navbar_arrow {
    color: #226677;
    cursor: pointer;
    padding-right: 25px;
}

.ajax-loader-ng img {
    margin-left: -20px;
    margin-top: -20px;
    position: relative;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
}


/* Footer */
.footer_masterpage {
    width: 100%;
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.footer {
    background: #EAEAEA;
    height: 50px;             
}

.footer_masterpage {
    height: 100px;
    background: #F4F2F3;
    color: #777777;
}

.footer_masterpage div {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

.footer_masterpage a {
    color: #226677;
    text-decoration: underline;
}

.footer_masterpage .border_right {
        border-right-width: 1px;
        border-right-color: #777777;
        border-right-style: solid;
        padding-right: 15px;
        margin-right: 10px;
}

#fmp_infos img {
    margin-left: 5px;
}

#fmp_link a {
    cursor: pointer;
}