@import url("font-awesome.min.css");
.footer {
    background-color: #222;
    color: #FFF;
}


ul.my-tags {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
ul.my-tags li {
    line-height: 1.1;
    list-style: none;
    display: inline-block;
    padding-right:5px;
}

.jumbotron {
	/* background-color:#9C9D01	; */
    background-image: url("images/circle-500.png"), url("images/circle-500.png");
    background-position: -300px -400px, top right;
    background-size: 800px 550px,  70% 650px;
    background-repeat: no-repeat, no-repeat;
    background-color:#9C9D01;
    padding: 48px 0 0 0;
	color: #fff;
	text-shadow: 2px 2px 5px #000;
}

.jumbotron h1 {
	font-size: 30px;
}
.jumbotron p {
	font-size: 20px;
	font-style: italic;
}
.vente .detail ul {
    margin-bottom: 0;
}
.btn:focus {
    outline-color: #9C9D01;
}
.photos ul{
    padding-left: 0;
}
.photos ul li {
    background-color: #fff;
    -webkit-background-origin:padding-box;
    background-origin:padding-box;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #aaa;
    padding: 3px;
    margin: 2px 1px;
    height: 60px;
    width: 60px;
    box-sizing: content-box;
    text-align: center;
   /* opacity: 0.5; */
}
.effect {
    /*opacity:0.3;*/
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s ease-in-out;
}

.effect:nth-child(odd):hover{
    -webkit-transform: scale(1.2) rotate(-5deg) translate3d( 0, 0, 0);
    transform: scale(1.2) rotate(-5deg);
}

.effect:nth-child(even):hover {
    -webkit-transform: scale(1.2) rotate(5deg) translate3d( 0, 0, 0);
    transform: scale(1.2) rotate(5deg);
}

aside h3 {
    font-size: 20px;
    margin:0;
}
#alert-ie {
    margin: 80px 10px 20px 10px;
}
#alert-ie .icon{
    font-size: 40px;
    margin-right: 20px;
}
.vente .detail h4 {
    margin-top: 0;
}
.my-tooltip {
    margin-bottom: 15px;
}
footer .navbar-brand {
    font-size: 14px;
}
section[role="main"] h3 {
    color: #9C9D01;
}