/* ========================================================================== */
/* General */
/* ========================================================================== */

body {
    color: #262525;
    font: 13px/18px Arial;
}

a {
    color: #b50048;
}

a:hover {
    color: #b50048;
    text-decoration: underline;
}

#loading-global {
    width: 82px;
    height: 84px;
    margin: -41px 0 0 -42px;
    top: 50%;
    left: 50%;
    z-index: 9999999 !important;
    background: rgba(20, 122, 126, 0.6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#loading-global .spinner {
    top: 42px;
    left: 40px;
}

.row-fluid {
    padding: 100px 0 0;
}

/* ========================================================================== */
/* Header */
/* ========================================================================== */

.header.navbar {
    width: 100%;
    height: 70px;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* ---------- Logo ---------- */

.navbar-header {
    padding: 0;
}

.header.navbar .navbar-brand {
    display: block;
    width: calc(100% - 60px) !important;
	maz-width: 250px;
    height: 70px;
    padding: 0;
    background: #353434 url('images/logo.png') no-repeat center center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header.navbar .navbar-brand.no_top {
    height: 0 !important;
    border-top-width: 70px !important;
}
.header.navbar .navbar-brand .logo {
    height: 50px;
    position: relative;
    top: -92px;
    margin: 10px auto;
}
.header.navbar .navbar-brand.no_top .logo { top: -70px; }

/* ---------- Menu ---------- */

.navbar-nav {
    float: right;
    margin-right: -15px;
}

.navbar-nav > li {
    float: left;
    padding: 2px 13px;
    margin: 20px 0;
}

.navbar-nav > li:last-child {
    padding-right: 0;
    border-left: 1px solid rgba( 255, 255, 255, 0.15);
}
.navbar-nav > li.last {
    border: none;
}

.navbar-nav > li > a {
    display: block;
    color: #fff;
    font: 500 14px/18px 'Raleway';
    text-transform: uppercase;
    padding: 4px 10px 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar-nav > li:last-child > a { font-size: 16px; }
.navbar-nav > li.last > a { font-size: 14px; }

.navbar-nav > li > a:hover {
    color: #fff;
    background: #353434;
}

/* ========================================================================== */
/* Slider */
/* ========================================================================== */

.carousel {
    height: auto;
    padding: 70px 0 0;
    overflow: hidden;
    position: relative;
    background: #000 url('images/bg_slider.jpg') no-repeat center top;
}
.carousel.home {
    height: 855px;
    padding: 0;
}

.carousel .wrap {
    position: relative;
    padding: 280px 20px 0;
}
.carousel .wrap.title { padding: 0 20px; }

.carousel .site_logo {
    position: absolute;
    top: 120px;
    right: 20px;
}

/* ---------- Title ---------- */

.carousel .wrap > .title {
    color: #fff;
    font: 300 45px/35px 'Raleway';
    text-transform: uppercase;
    margin: 60px 0;
}

/* Title */
.carousel .main-title {
    color: #FFF;
    font: 500 45px 'Raleway';
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 75px;
}

.carousel .main-title strong {
    font-weight: 500;
}

.carousel .main-title span {
    font-weight: 300;
}


/* ---------- Mon évènement ---------- */

.carousel .wrap.my_event {
    padding: 143px 20px 0;
}

.carousel .wrap.my_event .site_logo {
    top: 50px;
}



/* ========================================================================== */
/* Home */
/* ========================================================================== */

/* ---------- Site's links ---------- */

a.site {
    display: block;
    width: 50%;
    margin: 0.5% auto;
	padding: 0;
    position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	overflow: hidden;
}

a.site:hover { top: -15px; text-decoration: none; }

a.site h1 {
    color: #FFF;
    font: 500 14px/18px 'Raleway';
    font-weight: 100;
    margin: 0;
    font-size: 28px;
    padding: 20px 0 20px 20px;
    text-transform: uppercase;
	position: relative;
}

a.site img { margin: auto; }


/* ---------- Tagline ---------- */

.tagline {
    text-align: center;
    padding: 90px 0;
}

.tagline h2 {
    color: #424242;
    font: bold 31px/30px 'Raleway';
    margin: 0 0 10px;
}
.tagline p {
    color: #424242;
    font: 300 20px/30px 'Raleway';
    margin: 0 0 30px;
}


/* ---------- Services ---------- */

.services_home {
    padding: 90px 0;
    margin: 0 0 -70px;
    background: #e7e7e7;
}

.services_home h2 {
    color: #171717;
    font: 500 40px/35px 'Raleway';
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 70px;
}

.services_home ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.services_home ul li {
    color: #2e2e2f;
    font: 400 20px/25px 'Raleway';
    padding: 0 0 20px 25px;
    background: url('images/puces.gif') no-repeat left 9px;
}

ul, p { margin: 0 0 20px; }




/* ========================================================================== */
/* General */
/* ========================================================================== */

.wrap {
    max-width: 1300px;
    padding: 0 20px;
    margin: 0 auto;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.input-xs {
    height: 22px;
    padding: 3px;
    font-size: 11px;
}

#results .panel-default {
    position: relative;
}

.forfait .head .add_to_my_events.faved,
.forfait.type-3 .head .add_to_my_events.faved {
    background: rgba(0,0,0,0.4);
}


/* ---------- Alert ---------- */

.alert {
    width: 600px;
    height: 100px;
    margin: 0 0 0 -300px;
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 999999;
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 25px rgba(0,0,0,1);
    box-shadow: 0 0 25px rgba(0,0,0,1);
}

.alert_overlay {
    /*width: 100%;
    height: 100%;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999998;
    background: rgba( 0, 0, 0, 0.7);
}


/* ========================================================================== */
/* Search */
/* ========================================================================== */

.search {
    background: #ececec;
}

.search > .wrap {
    padding-top: 30px;
    padding-bottom: 20px;
}

/* Layout */
.search .third {
    float: left;
    width: 26%;
    margin: 0 4% 0 0;
}

.search .two_third {
    float: right;
    width: 40%;
}

/* Title */
.search h3 {
    color: #050505;
    font: 400 16px/20px 'Raleway';
    text-transform: uppercase;
    margin: 0 0 15px;
}

/* ---------- Custom select ---------- */

.search .chosen-container {
    display: block;
    margin: 0 0 15px;
    background: #fff;
	width: 100% !important;
}

/* Text */
.chosen-container-single .chosen-single {
    height: 30px;
    color: #282828;
    font: 400 13px/30px 'Raleway';
    padding: 0 12px;
    background: none;
    border: 1px solid #b0b0b0;
    -webkit-box-shadow: inset 0 1px 1px #ebebeb;
    -moz-box-shadow: inset 0 1px 1px #ebebeb;
    box-shadow: inset 0 1px 1px #ebebeb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-single .chosen-single:hover {
    border: 1px solid #b50048;
}

.chosen-container-single.chosen-disabled .chosen-single:hover {
    border: 1px solid #b0b0b0;
}

.chosen-container-single .chosen-single div {
    right: 3px;
}

.chosen-container-single .chosen-single div b {
    background-position: 0 5px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 5px;
}

/* Drop */
.chosen-container .chosen-drop {
    border: 1px solid #b50048;
    border-top: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.chosen-container .chosen-results li {
    font: 500 13px/16px 'Raleway';
}

.chosen-container .chosen-results li.highlighted {
    background: #b50048;
}

/* ---------- Filters ---------- */

#applied-filters .filter-single {
    float: left;
    width: 45%;
    height: 22px;
    margin: 0 5% 10px 0;
}

/* Remove */
#applied-filters .filter-single .filter-remove {
    display: block;
    float: left;
    width: 6%;
    font-size: 17px;
}

#applied-filters .filter-single .filter-remove:hover {
    color: #000;
    text-decoration: none;
}

/* Title */
#applied-filters .filter-single h4 {
    float: left;
    width: 66%;
    color: #050505;
    font: 500 13px/16px 'Raleway';
    margin: 3px 6% 0;
}

/* Input / Icon */
#applied-filters .filter-single span {
    display: block;
    float: left;
    width: 16%;
    text-align: center;
}

#applied-filters .filter-single span .form-control {
    font-size: 12px;
    text-align: center;
    border: 1px solid #b0b0b0;
    -webkit-box-shadow: inset 0 1px 1px #ebebeb;
    -moz-box-shadow: inset 0 1px 1px #ebebeb;
    box-shadow: inset 0 1px 1px #ebebeb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#applied-filters .filter-single span .form-control:hover,
#applied-filters .filter-single span .form-control:focus {
    border: 1px solid #b50048;
}

/* ---------- Sub search ---------- */

.subsearch {
    background: #bfbebe;
}

/* Close */
.subsearch .close-search {
    float: left;
    display: block;
    color: #fff;
    font: 400 17px/20px 'Raleway';
    text-transform: uppercase;
    padding: 14px;
    cursor: pointer;
    position: static;
    z-index: 999;
    background: #bfbebe;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.subsearch .close-search i {
    font-size: 21px;
    padding-right: 7px;
}

.subsearch .close-search:hover {
    background: #989898;
}

.subsearch .close-search.fixed {
    position: fixed;
    top: 70px;
    left: 0;
}

.alert-info {
    margin: 70px 0 0;
}

/* Button */
.subsearch #apply-filters {
    float: right;
    height: 50px;
    color: #fff;
    font: 500 16px/15px 'Raleway';
    text-transform: uppercase;
    padding: 0 15px 0 20px;
    margin: 0;
    background: #b50048;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.subsearch #apply-filters .icon-search {
    font-size: 20px;
    padding-left: 5px;
}

.subsearch #apply-filters:hover {
    background: #989898;
}



/* ========================================================================== */
/* Salon des mariés */
/* ========================================================================== */

/* ---------- Titles ---------- */

.text_infos.salon_maries h1 {
    margin: 0 0 10px;
}
.text_infos.salon_maries h1 img {
    margin: 0 auto;
}

.text_infos.salon_maries small {
    display: block;
    font: 20px/22px 'Raleway';
    text-align: center;
}

.text_infos.salon_maries h2 {
    font: 35px/30px 'Raleway';
    text-align: center;
    margin: 60px 0 70px;
}

.text_infos.salon_maries h3 {
    font: bold 18px/20px 'Raleway';
    text-transform: uppercase;
    margin: 0 0 20px;
}
.text_infos.salon_maries h3 em {
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0 0;
}


/* ---------- Infos ---------- */

.text_infos.salon_maries .infos {
    float: left;
    width: 32%;
    margin: 0 2% 60px 0;
}

.text_infos.salon_maries .map {
    float: left;
    width: 66%;
    height: 250px;
    margin: 0 0 60px;
}


/* ---------- Layout ---------- */

.text_infos.salon_maries .third {
    float: left;
    width: 32%;
    margin: 0 2% 30px 0;
}
.text_infos.salon_maries .third.last { margin-right: 0; }

.text_infos.salon_maries .third ul {
    font-size: 14px;
    line-height: 23px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.text_infos.salon_maries .third ul li span {
    display: inline-block;
    width: 100px;
    font-weight: bold;
}

.text_infos.salon_maries p {
    font-size: 14px;
    line-height: 23px;
}

.text_infos.salon_maries .third.docs a {
    display: block;
    color: #262525;
    font: bold 15px/35px 'Raleway';
    text-align: center;
    text-transform: uppercase;
    background: #eaeaea;
}
.text_infos.salon_maries .third.docs a:hover {
    color: #fff;
    text-decoration: none;
    background: #ce042a;
}



/* ========================================================================== */
/* Pop-up */
/* ========================================================================== */

.pop-up {
    width: 730px;
    height: 800px;
    background: #fff;
}

/* ---------- Title ---------- */

.pop-up h2 {
    height: 60px;
    color: #fff;
    font: bold 20px/22px 'Raleway';
    text-transform: uppercase;
    padding: 11px 40px 0;
    margin: 0;
    background: #147a7e;
}

.pop-up h2 small {
    display: block;
    color: #fff;
    font: normal 12px/18px Arial;
}


/* ---------- One Slide ---------- */

.pop-up .one_slide {
    width: 100%;
    height: 300px;
    background: #fff no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}


/* ---------- Slides ---------- */

.pop-up .wrapper-slides {
    width: 100% !important;
    height: 300px !important;
    position: relative;
}

.slides {
    display: none;
}

.slidesjs-pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 99;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 0 0 4px;
}

.slidesjs-pagination li a {
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    background: #cbc9c9;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

.slidesjs-pagination li a.active {
    background: #fff;
}

/* ---------- Informations ---------- */

.pop-up .informations {
    height: 160px;
    padding: 25px 40px;
}

.pop-up .informations .thumb {
    float: left;
    width: 110px;
    height: 110px;
    margin: 0 60px 0 0;
}

.pop-up .informations p {
    margin: 10px 0;
}

.pop-up .informations p .address {
    display: block;
    text-transform: uppercase;
    padding: 0 0 10px;
}

.pop-up .informations p a {
    display: inline-block;
    padding: 10px 0 0;
}

/* ---------- Tabs ---------- */

.pop-up .tabs {
    height: 280px;
    background: #e5e6e6;
}

/* Title */
.pop-up .tabs .tabs-title {
    height: 50px;
    list-style: none;
    padding: 10px 25px 0;
    margin: 0;
}

.pop-up .tabs .tabs-title li {
    float: left;
    width: 33.33333%;
    color: #1e1e1e;
    font: 500 13px/14px 'Raleway';
    text-transform: uppercase;
    text-align: center;
    padding: 14px 0 12px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pop-up .tabs .tabs-title li:hover {
    color: #d61160;
}

.pop-up .tabs .tabs-title li.current {
    color: #d61160;
    background: #fff;
}

/* Content */
.pop-up .tabs .tabs-content {
    height: 230px;
    position: relative;
    background: #fff;
}

.pop-up .tabs .tabs-content > div {
    display: none;
    width: 100%;
    height: 230px;
    padding: 50px 45px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
}

.pop-up .tabs .tabs-content > div.current {
    display: block;
}

/* ========================================================================== */
/* Forfaits */
/* ========================================================================== */

.wrapper-forfait {
    margin: 0 -1%;
}

.forfait {
    float: left;
    width: 31.3333%;
    margin: 0 1% 25px;
    position: relative;
    background: #edebeb;
}

.carousel .forfait.type-3 {
    float: none;
    width: 100%;
    margin: 0;
}

/* ---------- Title ---------- */

.wrapper-forfait legend {
    width: auto;
    color: #050505;
    font: 400 22px/25px 'Raleway';
    text-transform: uppercase;
    margin: 50px 1% 20px;
    border: none;
}

/* ---------- Header ---------- */

.forfait .head {
	position: relative;
    background: #353636;
}

.forfait.type-3 .head {
    background: #147a7e;
}

/* Title */
.forfait .head h2 {
    float: left;
    width: 90%;
    color: #fff;
    font: bold 13px/15px 'Raleway';
    text-transform: uppercase;
    padding: 8px 20px;
    margin: 0;
}

.forfait.type-2 .head h2 {
    width: 64%;
}

.forfait.type-3 .head h2 {
    width: 70%;
    font: bold 18px/20px 'Raleway';
    padding: 12px 20px 10px;
}

.forfait.type-3 .head h2 small {
    display: block;
    color: #fff;
    font: normal 12px/18px Arial;
    text-transform: uppercase;
}

/* Services */
.forfait .head .services {
    float: left;
    width: 25%;
    color: #fff;
    font: 500 14px/21px 'Raleway';
    text-transform: uppercase;
    text-align: center;
    padding: 13px 0 11px;
    cursor: pointer;
    background: rgba(255,255,255,0.15);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* More infos */
.forfait .head .more_infos {
	position: absolute;
    display: block;
	top: 0;
	right: 11%;
	bottom: 0;
    width: 15%;
    color: #fff;
    font: 70px/61px 'Entypo';
    text-align: center;
    cursor: pointer;
    background: rgba(255,255,255,0.15);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Add events */
.forfait .head .add_to_my_events {
    position: absolute;
    display: block;
	top: 0;
	right: 0;
	bottom: 0;
    width: 11%;
    color: #fff;
    font: 400 40px/41px 'Raleway';
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    background: rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.forfait.type-3 .head .add_to_my_events {
    width: 15%;
    font: 400 65px/61px 'Raleway';
}
.forfait.type-3 .head .more_infos { right: 15%; }

.forfait .head .add_to_my_events .hor-add,
.forfait .head .add_to_my_events .top-add,
.forfait .head .add_to_my_events .bottom-add {
    width: 3px;
    height: 7px;
    margin: 1px 0 0 -2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.forfait .head .add_to_my_events .top-add {
    top: auto;
    bottom: 50%;
    margin: 0 0 2px -2px;
}

.forfait .head .add_to_my_events .hor-add {
    width: 17px;
    height: 3px;
    margin: -2px 0 0 -9px;
}
.forfait.type-3 .head .add_to_my_events .hor-add,
.forfait.type-3 .head .add_to_my_events .top-add,
.forfait.type-3 .head .add_to_my_events .bottom-add {
    width: 4px;
    height: 9px;
    margin: 2px 0 0 -2px;
}

.forfait.type-3 .head .add_to_my_events .top-add {
    margin: 0 0 2px -2px;
}

.forfait.type-3 .head .add_to_my_events .hor-add {
    width: 22px;
    height: 4px;
    margin: -2px 0 0 -11px;
}

.forfait .head .add_to_my_events.faved .top-add,
.forfait .head .add_to_my_events.faved .bottom-add {
    height: 0px;
}

/* Hover */
.forfait .head .services:hover,
.forfait .head .services.current,
.forfait .head .more_infos:hover,
.forfait .head .add_to_my_events:hover {
    text-decoration: none;
    background: rgba(255,255,255,0.25);
}

/* ---------- Services ---------- */

.forfait .wrapper-services {
    display: none;
    width: 100%;
    height: 195px;
    position: absolute;
    top: 40px;
    left: 0;
    background: #252525;
	z-index: 2;
}

.forfait .wrapper-services p {
    color: #fff;
    padding: 35px 30px;
}

/* ---------- Logo ---------- */

.forfait .logo {
    float: right;
    width: 36%;
    margin: 0 0 0 25px;
    background: #fff;
}

.forfait.type-3 .logo {
    width: 30%;
}

.forfait .logo img {
    max-width: 85%;
    margin: 0 auto;
}

/* ---------- Infos ---------- */

.forfait .infos {
	position: relative;
    padding: 25px 20px;
}

.forfait .infos .address {
    display: block;
    text-transform: uppercase;
    padding: 0 0 10px;
}

.forfait .infos a {
    display: inline-block;
    padding: 10px 0 0;
}

.forfait .infos p {
    margin: 18px 0 0;
}

.forfait .infos p strong {
    text-transform: uppercase;
}

/* ---------- Thumb ---------- */

.forfait .thumb {
    position: relative;
	display: block;
    width: 100%;
    height: 210px;
    background: #fff no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* ---------- Forfait 4 ---------- */

/* Head */
.forfait.type-4 .head h2 {
    width: 92.5%;
}

.forfait.type-4 .head .add_to_my_events {
    width: 7.5%;
}
.forfait .head .add_to_my_events .hor-add {
    width: 15px;
    margin-left: -8px;
}
.forfait .head .add_to_my_events .top-add,
.forfait .head .add_to_my_events .bottom-add {
    height: 6px;
}

/* Infos */
.forfait.type-4 .infos {
    font-size: 12px;
    padding: 10px 20px;
}

.forfait.type-4 .infos .address,
.forfait.type-4 .infos a {
    padding: 0;
}

.forfait .ms {
	position: relative;
	display: block;
	padding: 10px 0 0;
	height: 42px;
}

.forfait .ms .btn_ms {
    position: relative;
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 0;
	width: 32px;
	height: 32px;
	background: center no-repeat;
}
.forfait .ms .btn_ms.btn_ms_fb { background-image: url(images/btn_fb.png); }
.forfait .ms .btn_ms.btn_ms_tw { background-image: url(images/btn_twitter.png); }
.forfait .ms .btn_ms.btn_ms_lk { background-image: url(images/btn_linkedin.png); }
.forfait .ms .btn_ms.btn_ms_yt { background-image: url(images/btn_youtube.png); }
.forfait .ms .btn_ms.btn_ms_fk { background-image: url(images/btn_flickr.png); }
.forfait .ms .btn_ms.btn_ms_gg { background-image: url(images/btn_google.png); }
.forfait .ms .btn_ms.btn_ms_ig { background-image: url(images/btn_instagram.png); }
.forfait .ms .btn_ms span { display: none; }



/* ========================================================================== */
/* Content */
/* ========================================================================== */

.text_infos {
    padding: 70px 1% 0;
}

.text_infos h1 {
    font-weight: 200;
}
.text_infos h1 strong {
    font-weight: 500;
}


/* ---------- Print ---------- */

.carousel .wrap > .logo_title {
    display: none;
    color: #000;
    font: 500 45px/45px 'Raleway';
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 10px;
}
.carousel .wrap > .logo_title span {
    font-weight: 300;
}

.print_button {
    display: inline-block;
    width: 70px;
    height: 70px;
    color: #fff;
    font: 92px/68px 'Entypo';
    text-align: center;
    cursor: pointer;
    background: #147a7e;
	vertical-align: top;
}
.print_button:hover {
    background: #252525;
}

@media print {
    a:link:after, a:visited:after { display: none; content: ""; }
    .carousel .wrap > .logo_title { display: block; }
    .carousel .wrap > .title { text-align: center; color: #000; font-size: 35px; margin: 0; }
    .carousel { padding: 20px 0 50px; background: none; }
    .forfait { width: 48%; border: 1px solid #000; }
    .forfait.type-3 { height: 235px; }
    .forfait .head { border-bottom: 1px solid #000; }
    .forfait .infos { padding: 10px 20px; }
    .forfait .infos a { padding: 0; }
    .forfait .head h2 { width: 100%; }
    .forfait .logo img { padding: 0 10px 0 0; }
    .forfait.type-3 .head h2 { width: 100%; font-size: 14px; line-height: 18px; padding: 8px 20px; }
    .forfait.type-3 .head h2 small { font-size: 11px; line-height: 16px; }
    .carousel .wrap.my_event { padding: 0; }
    .header, .footer, .copyright, .print_button, .more_infos, .add_to_my_events, .forfait .thumb, .wrapper-forfait legend, .carousel .site_logo { display: none !important; }
}


/* ---------- Contact ---------- */

/* Title */
.text_infos .contact-title {
    color: #000;
    font: 500 30px/33px 'Raleway';
    margin: 0 0 30px;
}

.text_infos .contact-title strong {
    text-transform: uppercase;
}
.text_infos .contact-title span {
    font-weight: 300;
}

.text_infos .contact-title small {
    display: block;
    font: 500 20px/33px 'Raleway';
}

/* Form */
.text_infos form {
    padding: 30px;
    background: #ececec;
}

.text_infos input[type=text],
.text_infos input[type=email],
.text_infos textarea {
    float: left;
    width: 49%;
    height: 40px;
    color: #282828;
    font: 400 13px/40px 'Raleway';
    padding: 0 12px;
    margin: 0 2% 20px 0;
    background: #fff;
    border: 1px solid #b0b0b0;
    -webkit-box-shadow: inset 0 1px 1px #ebebeb;
    -moz-box-shadow: inset 0 1px 1px #ebebeb;
    box-shadow: inset 0 1px 1px #ebebeb;
}
.text_infos input[type=text]:nth-child(2n),
.text_infos input[type=email]:nth-child(2n),
.text_infos textarea {
    margin-right: 0;
}
.text_infos textarea {
    width: 100%;
    height: 125px;
    line-height: 18px;
    padding: 8px 12px;
}

.text_infos input[type=submit] {
    float: right;
    height: 40px;
    color: #fff;
    font: 500 17px/15px 'Raleway';
    text-transform: uppercase;
    padding: 0 25px;
    margin: 0;
    background: #b50048;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.text_infos input[type=submit]:hover {
    background: #000;
}


div.send_email {
	position: relative;
	display: inline-block;
	padding: 20px;
	height: 70px;
    background: #3a146b;
	vertical-align: top;
}



/* ========================================================================== */
/* Footer */
/* ========================================================================== */

.footer {
    padding: 100px 0;
    margin: 70px 0 0;
    background: #2e2e2e;
}

.footer .wrap {
    position: relative;
}

/* ---------- Menu ---------- */

.footer .menu,
.footer .others {
    float: left;
    width: 20%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .menu li,
.footer .others li {
    margin: 0 0 10px;
}
.footer .others li.first { text-transform: uppercase; }
.footer .others li.last { margin: 25px 0 0; }

.footer .menu a,
.footer .others a {
    color: #fff;
    font: 200 15px/20px 'Raleway';
}
.footer .others li.first a { font-weight: 500; }

/* ---------- Contact ---------- */

.footer .contact {
    float: left;
    color: #fff;
    font: 200 15px/30px 'Raleway';
    padding: 0 0 0 7%;
    border-left: 1px solid #6d6d6d;
}

.footer .contact p {
    margin: 0;
}

.footer .contact span {
    text-transform: uppercase;
}

/* ---------- Socials ---------- */

.footer .socials {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 15px;
}

.footer .socials li {
    float: left;
    margin: 0 -7px;
}

.footer .socials li a {
    display: block;
    width: 82px;
    height: 82px;
    color: #2e2e2e;
    font: 65px/82px 'EntypoSocial';
    text-align: center;
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

.footer .socials li a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.7);
}

/* ---------- Copyright ---------- */

.copyright {
    padding: 20px 0;
    background: #2e2e2e;
    border-top: 1px solid #4c4c4c;
}

.copyright p {
    float: left;
    color: #fff;
    font: 12px/15px 'Raleway';
    margin: 0;
}

.copyright p.right {
    float: right;
}

.copyright p a {
    color: #fff;
}

.copyright p a:hover {
    text-decoration: underline;
}








/* ========================================================================== */
/* Responsive */
/* ========================================================================== */

@media only screen and (max-width: 469px) {
	a.site { width: 100%; }
	.navbar-collapse { background: #000; }
    .search .third, .search .two_third { width: 100%; margin: 0 0 4%; }
    .header.navbar .navbar-brand { height: 0 !important; border-top-width: 70px !important; }
	.header.navbar .navbar-brand .logo { top: -70px; } 
	
	.subsearch div.wrap { padding: 0; }
	.subsearch .close-search { float: none; left: auto !important; text-align: center; }
	.subsearch #apply-filters { float: none; width: 100%; }

    .forfait { width: 98%; }
}


@media only screen and (min-width: 470px) and (max-width: 699px) {
	a.site { float: left; width: 49%; margin: 0.5%; }
	.navbar-collapse { background: #000; }
    .search .third, .search .two_third { width: 100%; margin: 0 0 4%; }
    .header.navbar .navbar-brand { height: 0 !important; border-top-width: 70px !important; }
	.header.navbar .navbar-brand .logo { top: -70px; } 
	
	.subsearch div.wrap { padding: 0; }
	.subsearch .close-search { float: none; left: auto !important; text-align: center; }
	.subsearch .close-search.fixed { left: 0 !important; right: 0;}
	.subsearch #apply-filters { float: none; width: 100%; }
	
    .forfait { width: 48%; }
}


@media only screen and (min-width: 700px) and (max-width: 1000px) {
	a.site { float: left; width: 32.33333333%; margin: 0.5%; }
	.services_home ul { -moz-column-count: 3; -webkit-column-count: 3; }
	.navbar-header { float: none; }
	.navbar-toggle { display: block; }
	.navbar-collapse { background: #000; }
	.navbar-collapse.collapse { display: none !important; overflow-x: visible !important; overflow-y: auto !important; }
    .search .third { width: 46%; }
    .search .two_third { width: 100%; }
    .header.navbar .navbar-brand { height: 0 !important; border-top-width: 70px !important; }
	.header.navbar .navbar-brand .logo { top: -70px; } 
	
    .forfait { width: 48%; }
}


@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	a.site { float: left; width: 19%; margin: 0 0.5%; }
	.services_home ul { -moz-column-count: 3; -webkit-column-count: 3; }
}


@media only screen and (min-width: 1200px) {
	a.site { float: left; width: 19%; margin: 0 0.5%; }
	.services_home ul { -moz-column-count: 3; -webkit-column-count: 3; }
}


@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	
}


@media only screen and (min-width: 1500px) and (max-width: 1799px) {
	
}


@media only screen and (min-width: 1800px) {
	
}


@media screen and (max-width: 1075px) {

    .header.navbar { height: 60px; }
    .header.navbar .navbar-brand { height: 60px; }
    .navbar-nav > li { padding: 21px 11px; }

    .carousel { padding: 60px 0 0; }
    .subsearch .close-search.fixed { top: 60px; }

    .footer { padding: 70px 0; margin: 50px 0 0; }
    .footer .menu a,
    .footer .others a { font: 200 13px/18px 'Raleway'; }
    .footer .contact { font: 200 13px/25px 'Raleway'; }
    .footer .socials { bottom: 10px; }
    .footer .socials li { margin: 0 -5px; }
    .footer .socials li a { width: 70px; height: 70px; font: 55px/72px 'EntypoSocial'; }

}


@media screen and (max-width: 965px) {

    .header.navbar { height: 76px; }
    .header.navbar .navbar-brand { height: 76px; }
    .navbar-nav { width: 450px; padding: 10px 0; }
    .navbar-nav > li,
    .navbar-nav > li:last-child { float: right; padding: 5px 15px; }

    .carousel { padding: 76px 0 0; }
    .subsearch .close-search.fixed { top: 76px; }

    .footer .menu, .footer .others { width: 24%; }
    .footer .contact { padding: 0 0 0 5%; margin: 0 0 0 5%; }

}