/*=================================================
||				Espace Login Enseignes
==================================================*/

.item-enseignes .section-bg-enseignes
{
    background-image: url(../images/enseignes/montage_enseignes.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.enseignes .section-bg-enseignes
{
    /*background: url('../images/beer-bg1.png'), url('../images/beer-bg2.png');
    background-position-x: 58%, 80%;
    background-position-y: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: 300px,240px;*/

    background: url("../images/enseignes/login-bg1.png"), url("../images/enseignes/login-bg2.png");
    background-repeat: no-repeat, no-repeat;

    background-position: 51% 58%, 75% 58%;

    background-size: 300px 300px, 240px 240px;
}


/*=================================================
||				Espace Inscription Enseignes
==================================================*/
.item-inscription .section-bg-inscription
{
    background-image: url(../images/enseignes//montage_enseignes.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.inscription .section-bg-inscription
{
    /*background: url('../images/beer-bg1.png'), url('../images/beer-bg2.png');
    background-position-x: 58%, 80%;
    background-position-y: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: 300px,240px;*/

    background: url("../images/enseignes/inscription-bg1.png"), url("../images/enseignes/inscription-bg2.png");
    background-repeat: no-repeat, no-repeat;

    background-position: 51% 58%, 75% 58%;

    background-size: 300px 300px, 240px 240px;
}


.pageEnseigne{

    background-image: url("../images/enseignes/fond_enseigne.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    /*width: 100%;
    height: auto;*/
}

.espaceIcones{
    margin: 2px 5px 0px 5px;
}

#navBarEnseigne{
    margin: 0px 15px 0px 5px;
}

.row.gradientColor{
    display: table;
    background: linear-gradient(#C8D1EC, #fff);
    background: -webkit-linear-gradient(#C8D1EC, #fff);
    background:    -moz-linear-gradient(#C8D1EC, #fff);
    background:     -ms-linear-gradient(#C8D1EC, #fff);
    background:      -o-linear-gradient(#C8D1EC, #fff);
    margin-left: -20px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 105%;
}

ul.navBarEnseigne{
    width:100%;
    height: auto;
    margin: 0px 10px 0px 10px;
}

ul.navBarEnseigne li{
    display: table-cell;
    list-style-type:none;

}

.sectionEnseigne {
    margin-left: 2em;
    margin-bottom: 2em;

}

object{
    display:block;

}


.sectionEnseignes{
    margin-left: 3em;
}



select.listeProduits{

    /*border: 1px solid #607d9b;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #c0c0c0 inset;
    padding: 3px;*/
    width: 300px;



}

.espaceJulie{
    margin: 2em 5em;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #285179;
    color: #fff;
}

.listeSansTarifs{
    font-size: 0.9em;
}

/*=============================
||	 modale portfolio brochure
==============================*/

.modal-dialog {
    width:600px;
}
.thumbnail {
    margin-bottom:6px;
}


/*=================================================
||				Media Query
==================================================*/


/*=================
||	 Ipad paysage
===================*/

@media (max-width: 1024px) and (min-width: 768px){

    ul.navBarEnseigne{
        width:100%;
        height: auto;
        padding-right: 5em;
        margin: 0px 10px 0px -2em;
    }

    .row.gradientColor{
        width: 110%;
        padding-top: 5px;
    }

}

/*====================
||	 Ipad portrait
=====================*/

@media (max-width: 768px){

    ul.navBarEnseigne{
        width:135%;
    }
    .modal-dialog {width:100%;}
}
/*=====================
||	 Iphone 4 paysage
======================*/

@media (max-width: 670px){

    .row.gradientColor{
        width: 120%;
        padding-top: 5px;
    }

    ul.navBarEnseigne{

        width: 135%;
        width: 100%;
        height: auto;
        margin: 0px 10px 0px -2em;
    }

    img.espaceIcones{
        width: 90%;
        margin: 2px 85px 0px 0px;
    }
}
/*======================
||	 Iphone 4 portrait
=======================*/    

@media (max-width: 320px){


    ul.navBarEnseigne{

        width: 135%;
        padding: 0px;
        margin: 0px 10px 0px 1em;
    }

    img.espaceIcones{
        width: 90%;
        margin: 2px 85px 0px 0px;
    }
    
}