@charset "utf-8";
/* CSS Document */

.well {
    text-align: center;
}


.thumbnails:before, .thumbnails:after {
    content: "";
    display: table;
    line-height: 0;
}
.thumbnails:after {
    clear: both;
}
.thumbnails:before, .thumbnails:after {
    content: "";
    display: table;
    line-height: 0;
}
.thumbnails {
    margin-left:0;
	padding:0;
}
.thumbnails {
    list-style: none outside none;
}

.thumbnail > img {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}




.thumbnails > li {
    padding-left: 0px;
}
.thumbnails > li {
    float: left;
    margin-bottom: 20px;
}
.span3 {
    width: 270px;
}
.fade {
    transition: opacity 0.15s linear 0s;
}

/* TAILLE MD*/
@media (min-width: 992px) and (max-width: 1199px) {
.span3 {
    width: 300px;
}
}

/* TAILLE SM*/
@media (min-width: 768px) and (max-width: 991px) {
.span3 {
    width: 330px;
}
}

@media (min-width: 555px) and (max-width: 767px) {
.span3 {
    width: 500px;
	
	}
	.thumbnails > li { float:none; margin: auto; padding:0}
}
@media (min-width: 450px) and (max-width: 559px) {
.span3 {
    width: 390px;
	
	}
	.thumbnails > li { float:none; margin: auto; padding:0}
}
@media (min-width: 300px) and (max-width: 449px) {
.span3 {
    width: 300px;
	
	}
	.thumbnails > li { float:none; margin: auto; padding:0}
}
@media(max-width: 350px) {
.span3 {
    width: 190px;
	
	}
	.thumbnails > li { float:none; margin: auto; padding:0}
}

[class*="span"] {
    min-height: 1px;
}

.thumbnails .thumbnail { background-color:#f7dba6}