/* THEME1 */

.theme1-container {
    margin-top: 60px
}

.theme1left {

}
.theme1left img {
    float: right;
}
.img-right1 {
    display: block;
    position: relative;
    left: 12%;
    margin-top:300px;
}

.titre-tropical {
    margin-top: 5%;
    position: absolute;
    left: -300px;
}

@media all and (max-width: 768px) {
    .titre-tropical {
    margin-top: 5%;
    position: absolute;
    left:0px;
    width: 100%;
    }

    .text {
    left: 0%;
    width: 100%;
    }
}

.text {
    width: 406px;
    display: block;
    position: relative;
}

.text h2{
    margin-bottom: 35px;
    margin-top: 55px;
    font-family: 'freightbig';

}

.text p{
    margin-bottom: 25px;
    margin-top: 25px;
    line-height: 30px;
    font-family: 'gotham_bookregular';

}

.theme1right .text a,.theme2center .text a {
    background-color: #fff;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
    padding:10px 50px;
    font-family: 'gotham_bookregular';
    text-transform: uppercase;
    margin-bottom: 60px;
    border:1px solid black;

}

.theme1right .text a:hover,.theme2center .text a:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
    transition: 0.3s;
}

.accessoires-container {
    margin-top: 150px;
}

.homepage040517 h3 {
    text-transform: uppercase;
}

.titre-bijoux {
    width: 160px;
    height: 50px;

    padding-left:50%;
    margin-top: 15%;
}

.homepage040517 h4 {
    z-index: 1000;
    margin:0 auto;
    margin-top: 15%;
    padding-left: 50%;
    position: absolute;
}

.bijoux-left {
    padding-left:10%;
}

.bijoux-right{
    padding-right: 150px;
    float: right;
}

.theme2-container {
    margin-top: 60px;
    margin-bottom: 60px;
}


.theme2left img {
    position: relative;
    right: 0;
    margin-top: 25px;
}

.theme2right {
    margin-top: 60px;
}

.text2 h3 , #rayures {
    font-size: 40px;
    position: relative;
    left: 0;
    margin-bottom: 0;
    color: #000;
    text-align: center;
    font-family: 'gotham_mediumregular';
    text-transform: uppercase;
}


.text2 h3 span, #bleues {
    font-size: 128px;
    color: #6089D2;
    position: relative;
    left: 70px;
    margin-top: 0;
    text-align: center;
    font-family: 'freightbig';
}

.text2 h3 span {
    clear: both;
    display: block;
    color: #000!important;
    font-size: 90px;
    left: 0px;
}

/* SPECIAL */

.special-container {
    background-color: #f8f8f8;
    padding: 4% 0 4% 0;
}
.special-title h2 {
    font-size: 72px;
    line-height: 77px;
    text-align: center;
    font-family: 'gotham_bookregular';
    color: #000;
    text-transform: uppercase;
}
.special-title h2 span {
    font-size: 90px;
    clear: both;
    display: block;
    font-family: 'freightbig';
    color: #000;
}
.special-title h3 {
    text-transform: uppercase;
    font-size: 30px;
    clear: both;
    display: block;
    text-align: center;
    color: #000;
    font-family: 'gotham_mediumregular'
}
.special-title h3 span {
}

.boutique {
    font-family: 'gotham_bookregular';
    color: #000;
    font-size: 12px;
    margin-top: 15px;
    text-align: center
}


.boutique-in img {
    width: 90%;
    border:5px solid white;
    margin-left: 15px;
    margin-right: 15px
}
.boutique-out img {
    width: 90%;
    border:5px solid white;
    margin-left: 15px;
    margin-right: 15px
}
#boutique1 img {
    float: right;
}
#boutique1 figcaption {
    clear: both;
}
.boutique figcaption {
    margin: 25px 0 0 10px;
}