/* DEBUT - Adaptation du logo BFM à la taille du device */

.navbar a.logo {padding: 8px 0px 8px; }

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
.logo {
        height: 50px;
        width: 262px;
    margin-top: -8px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
    .logo {
        height: 55px;
        width: 289px;
        margin-top: -10px;
        margin-left: -12px;
    }
}

/* Medium devices (tablets, 992px and up) */
@media (min-width:992px) {
    .logo {
        height: 60px;
        width: 314px;
        margin-top: -14px;
        margin-left: -12px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
    .logo {
        height: 60px;
        width: 314px;
        margin-top: -14px;
        margin-left: -12px;

    }
}

/* FIN - Adaptation du logo BFM à la taille du device */


/* Logo du partenaire (pour bfm il n'est pas visible*/
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
.logo2 {
        height: 50px;
        width: 50px;
    margin-top: -5px;
    background-image: url(images/logo-bfm.gif);
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
    .logo2 {
        height: 55px;
        width: 55px;
        margin-top: -8px;
        margin-left: 2px;
    }
}

/* Medium devices (tablets, 992px and up) */
@media (min-width:992px) {
    .logo2 {
        height: 60px;
        width: 60px;
        margin-top: -10px;
        margin-left: 2px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
    .logo2 {
        height: 60px;
        width: 60px;
        margin-top: -10px;
        margin-left: 2px;

    }
}

/* FIN - Adaptation du logo BFM à la taille du device */



/* DEBUT - Un peu de style pour améliorer la visualisation de la NAVBAR */

        body { padding-top: 70px; }

        @media (max-width: 770px) 
        {
            .navbar-fixed-top
            {
                position: relative;
                top: auto;
            }

            .navbar-collapse
            {
                max-height: none;
            }

            body
            {
                margin: 0;
                padding-top: 0px;
            }
        }
/* FIN - Un peu de style pour améliorer la visualisation de la NAVBAR*/

/*  
Footer gris
*/
#footer {
       /*background-image: url(Images/bghd-bfm.png);*/
    bottom: 0;
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
}

.bottom-hr
{
    height: 1px;
    margin: 0em 0;
    padding: 0;
    color: #fff;
    /*background-color: #FF4814;*/
    border: 0;
}


/*  
Header
*/
.navbar.navbar.navbar-fixed-top {
    background-size: cover;
    background-image: url('Images/bghd-bfm.png');
    max-height :inherit;
    top: 0px;
    position: absolute;
}


/* centered columns styles */
.row-centered {
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}



/*  
Pull right spécique à certains médias
*/

@media (min-width:768px) {
.pull-right-sm {
  float: right;
}
}
@media (min-width:992px) {
.pull-right-md {
  float: right;
}
}
@media (min-width:1200px) {
.pull-right-lg {
  float: right;
}
}

/*  
Slider
*/

#GC .slider-selection
{
    background: #FF4814;
}

#GC .slider-handle
{
    background: #FF4814;
}

#slMontant_Credit, #slMontant_Livret, #slMontant_Mensualite, #slMontant_Mensuel, #slDuree
{
    width: 250px;
}

/*  
Panel amélioré
*/ 
.shape{	
	border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
	-ms-transform:rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	transform:rotate(360deg);
}
.offer{
	background:#fff; 
    border:1px solid #ddd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
   overflow:hidden;
}
.offer-radius{
	border-radius:7px;
}
.offer-custom {	border-color: rgba(238, 83, 0, 1); }
.offer-custom .shape{
	border-color: transparent #FF4814 transparent transparent;
	border-color: rgba(255,255,255,0) #FF4814 rgba(255,255,255,0) rgba(255,255,255,0);
}
.shape-text{
	color:#fff; font-size:12px; position:relative; right:-45px; top:2px; white-space: nowrap;
}	
.offer-content{
	padding:0 20px 10px;
}

.offer-border-bfm {
    border: 1px solid #dddddd;
}

.text-principal {
      color: #FF4814;
}

/* Autre */
.blue-bfm {
    background-image: url('Images/bghd-bfm.png');
    color:#fff;
}