@font-face {
    font-family: 'BrushScriptStd';
    src: url('../fonts/BrushScriptStd.otf');
}
@font-face {
    font-family: 'forte';
    src: url('../fonts/FORTE.TTF');
}

body{
    background-image: url("/troc/web/images/background.jpg");
    background-attachment: fixed;
}

.logo{
    background-color: rgba(0, 0, 0, .2);
    /*box-shadow: 0 0px 15px rgba(0, 0, 0, 0.7);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
}
#middle{
    padding: 20px 0;
    //background-color: rgba(0, 0, 0, .9);
}
.container-fluid{
    //background-color: rgba(0, 0, 0, .5);
}
.search{
    padding: 25px 0;
    background-color: rgba(255, 255, 255, .8);
    //position: absolute;
    //left: 0; right: 0;
}
.logo h1{
    font-family: "Arial Narrow";
    margin-top: 0;
    padding-bottom: 20px;
    text-align: center;
    font-size: 50px;
    color: #ffffff;;
}
nav{
    background-color: #ffffff;
    border-bottom: 4px solid #337ab7;
}
nav ul{
    margin: 0;
    padding: 0;
}
nav a{
    display: inline-block;
    font-size: 18px;
    padding: 20px;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -ms-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    transition: ease 0.5s;
    text-decoration: none;
    margin-right: -3px;
}
nav a:hover,
nav .active{
    background-color: #337ab7;
    color: #ffffff;
}
nav a:visited,
nav a:active,
nav a:focus,
nav a:hover{
    text-decoration: none;
}
nav a:focus{
    outline: 0px none;
}
.list-inline {
    margin-left: 0;
}
.list-inline > li {
    padding-right: 0px;
    padding-left: 0px;
}
.titre{
    font-family: "BrushScriptStd";
    margin-top: 0;
    padding: 20px 0;
    text-align: center;
    font-size: 40px;
    color: #ffffff;;
}
.brush{
    font-family: "BrushScriptStd";
    color: #337ab7;;
}
.logo-footer img{
    max-width: 50%;
    margin-left: 20%;
}
.forte{
    font-family: 'forte';
}
fieldset {
    padding: 0em 33% 0em;
    border: 1px solid #ffffff;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
 }
legend {
    font-size: 40px;
    color: #ffffff;
    border-bottom: 0;
}
cite{
    font-family: "Arial Narrow";
    font-size: 20px;
    line-height: 1.5em;
    color: #ffffff;
    font-style: normal;
    text-align: justify;
    //background-color: #616161;
}
.thumbnail img{
    //max-height: 200px;
    width: 100%;
}
.thumbnail{
    height: auto;
    margin-right: 0%;
    padding-bottom: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
}
.thumbnail .img{
    width: 100%;
    height: 150px;
    //border: 1px solid black;
    overflow-y: hidden;
}
.produits{
    //background-color: rgba(255, 255, 255, .3);
    max-width: 100%;
    margin-left: 0px;
    margin-top: 20px;
}

#carousel-example-generic{
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
    box-shadow: 0px 0px 100px rgba(0, 0, 0, 1);
}
#carousel-example-generic .item{
    max-height: 400px;
}
.item img{
    width: 100%;
}

footer{
    background-color: rgba(255, 255, 255, .8);
    margin-top: 50px;
}
footer .copy{
    padding: 20px 0;
    color: #ffffff;
}
footer h4{
    color: #ffffff;
}

.btn-small {
    //padding: 18px 28px;
    font-size: 12px;
    //border-radius: 8px;
    max-width: 90%;
}

/*
 * formulaire
 */
form{
    //background-color: rgba(0, 0, 0, .5);
    padding: 5px 0;
}
form legend{
    //color: #ffffff;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    padding: 5px 0;*/
}
#macarte {
    height: 400px;
    width: 100%;
    background-color: #f7f7f7;
    margin-bottom: 10px;
}
#suscribe,
#connect,
#announce-title,
#account{
    text-align: center;
}

#announce-title{
    padding: 5px 0;
}

#modalAccount .brush{
    font-size: 27px;
}
#modalAccount .pseudo img{
    width: 20%;
}
#modalAccount .message{
    //padding: 5px;
    //background-color: #c62828;
    //margin-left: 5px;
    color: #c62828;
    //border-radius: 10px;
    font-size: 22px;
}
.nav-justified{
    width: 100%;
}
.error{
    color: #a94442;
    display: none;
}
.alert{
    display: none;
}
#er-actif,
#er-account,
#er-identifiants{
    padding: 5px 0;
}

.description-annonce{
    background-color: rgba(255, 255, 255, 1);
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}
.description-main{
}
.account-content{
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 0;
}

.dropdown-menu{
    max-height: 300px;
    margin-left: -30%;
    overflow-y: hidden;
}
.dropdown-menu:hover{
    overflow-y: scroll;
}

.dropdown-menu::-webkit-scrollbar{
    width: 10px;
}
.dropdown-menu::-webkit-scrollbar-button{
    background-color: #dddddd;
}
.dropdown-menu::-webkit-scrollbar-thumb{
    background-color: #dddddd;
    border-radius: 10px;
}
.ann-nav img{
    transition: .3s ease;
}
.ann-nav:hover img{
    box-shadow: 0 0 5px #000;
}