@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css');
/***************************************************************
                   barre en-tete 
*****************************************************************/
nav.im-nav{
    background-color: white !important;
    max-height: 40px;
}

img.mv-logo {
    max-height: 40px;
    max-width: 200px;
    display: inline-block;
}

div.im-row{
    margin: auto;
    width : 100%;
}

@media only screen and (max-width: 600px){
    div.im-col{
        margin-top: 5px;
    }
}

button.im-search{
    background-color: #0080c5;
    border : 1;
    border-color :#004b71;
    margin-left: 10px;
}
button.im-search:hover{
    background-color: #004b71;
}

a{
    text-decoration: none !important;
}

/***************************************************************
                   barre Menu 
*****************************************************************/

div#menu{
    text-align: end;
}

.menu{
    background-color: #004b71 !important;
}

.im-liste{
    background-color: #004b71;
}

/* div.im-liste{
    margin-top: 15px;
} */

a.im-liste:hover{
    background-color: #0080c5 !important;
}

a.im-bouton:hover {
    background: #0080c5;
    height:auto; 
}

select.im-lang{
    background-color: #004b71;
    border: 0px;
    color: white;
}

select.im-lang:hover{
    background: #0080c5; 
}

.btn-menu{
    background-color: #0080c5;
}

/***************************************************************
                   barre bande 
*****************************************************************/

div#bande{
    background-color: #e6e6e6;
    height: 6px;
}



/***************************************************************
                   barre bandeau 
*****************************************************************/
div.bandeau{
    background-color: #0080c5;
    height: auto;
}

hr.im-hr {
    width: 130px;
    margin-top: 0;
    margin-left:0;
	color: white;
	background-color: white;
}

.im-mview{
    width: 100px;
    height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}

.im-text{
    color : white;
}


/***************************************************************
                   Contenu 
*****************************************************************/
.im-contenu{
    background-color: #f7f7f7;
}

hr.imhr {
    width: 130px;
    margin-top: 0;
    margin-left:0;
	color: #004b71;
	background-color: #004b71;
}
p.im-titre{
    color:#004b71;
}

img.im-contenu{
    display: block;  
}

.para-top {
    margin-top: 2rem;
}

.para-top-big {
    margin-top: 4rem;
}

/* Partie Open Cities + Partenaires*/
.img-contenu {
    display: block;
}

.img-contenu:hover {
    border: 2px solid #f06d31;
    margin: -2px;
}

@media only screen and (min-width: 600px){
    .im-page{
        background-color: #0080c5;
        margin : 2px;
        height: 100px;
    }
    h1.im-h1{
        margin-top: 50%;
        
    }

    h1.im-lien{
        background-color: #f06d31;
    }
}

@media only screen and (max-width: 600px){
    .im-page{
        background-color: #0080c5;
        margin-top:2px;
    }

    h1.im-lien{
        background-color: #f06d31;
        margin-top:2px;
    }
}

h1.im-h1:hover, h1.im-lien:hover{
    color:#004b71 !important;
}


/***************************************************************
                   footer 
*****************************************************************/
a.im-footer:hover{
    color : #004b71 !important;
}

a.im-footer1:hover{
    color : #0080c5 !important;
}

div.im-footer1{
    background-color: #0080c5;
}

div.im-footer2{
    background-color: #004b71
}