/* Move down content because we have a fixed navbar that is 50px tall */
body {
  background-color: #f1f1f1;
}

a {
   outline: 0;
}

a:hover, a:active, a:focus {
	outline: 0;
}

.lightme {
	text-shadow: 0 0 8px #fff;
}

.background {
    /*background-image: url("/img/background.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;*/
    height: 526px;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratblack';
    src: url('../fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fonts/caviardreams-webfont.woff2') format('woff2'),
         url('../fonts/caviardreams-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrathairline';
    src: url('../fonts/montserrat-hairline-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'MyriadProBoldCondensed';
	src: url('../fonts/MyriadProBoldCondensed.eot');
	src: local('MyriadProBoldCondensed'), url('../fonts/MyriadProBoldCondensed.woff') format('woff'), url('../fonts/MyriadProBoldCondensed.ttf') format('truetype');
}

.montserratblack {
	font-family: "montserratblack";
}

.montserratregular {
	font-family: "montserratregular";
}

@media (max-width: 2560px){
	.background {
    height: 679px;
}
}

@media (max-width: 1980px){
	.background {
    height: 520px;
}
}

@media (max-width: 1440px){
	.background {
    height: 379px;
    background-size: cover;
}
}

@media (max-width: 768px){
	.background {
    background-image: url("/img/background.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 440px;
}
}

@media (max-width: 435px){
	.background {
    background-size: cover;
    height: 240px;
}

}

@media (max-width: 320px){
	.background {
    background-size: cover;
    height: 180px;
}

}

.fullwide {
	width: 100% !important;
}

.fullwide2 {
	width: 100% !important;
	margin: 0 auto;
}

.bgfff {
	background-color: #FFF !important;
}

.bgrater {
	background: url("../img/bgnepasrater.jpg");
	background-size: cover;
    background-repeat: no-repeat;
}

.bgf4dcc4 {
	background-color: #f4dcc4 !important;
}

.bgf9ecdf {
	background-color: #f9ecdf !important;
}

.bg20455c {
	background-color: #20455c !important;
}

.bg1c313f {
	background-color: #1c313f !important;
}

.bg4881a5 {
	background-color: #4881a5 !important;
}

.bga6cad5 {
	background-color: #a6cad5 !important;
}



.anepasrater_title {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: "montserratblack";
	color: #FFF;
	text-transform: uppercase;
}

.offres_title {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "montserratblack";
	color: #d27921;
	text-transform: uppercase;
	letter-spacing: 1.1px;
}

.nonexh_title {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: "montserratbold";
	color: #f4973b;
	letter-spacing: 1.1px;
}

.offres_link {
	font-family: "montserratregular";
	color: #704112;
	margin-bottom: 20px;
}

.catalogue_title {
	font-size: 20px;
	margin-top: 20px;
	font-family: "montserratblack";
	text-transform: uppercase;
}

.catalogue_title2 {
	font-size: 133px;
	margin-top: 10px;
	color: #e7e7e7;
	font-family: "montserratblack";
	text-transform: uppercase;
}

.catalogue_p {
	font-size: 14px;
	color: #7a7a7a;
	font-weight: 600;
	font-family: "Arial";
	text-align: center;
	margin-bottom: 25px;
}

.sourcing_liste {
	margin-top: 10px;
}

.catalogue_liste {
	margin-top: 60px;
}

.catalogue_img {
	max-width:295px;
	border:2px solid #e1e1e1;
	border-bottom: 2px solid #000;
}

.catalogue_block {
	background-color: #e1e1e1;
	padding: 15px 15px 40px;
	max-width:295px;
	min-height: 210px;
}

.catalogue_titre {
	font-family: "Arial Bold", sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.catalogue_desc {
	font-family: "Arial", sans-serif;
	font-weight: 400;
	font-size: 13px;
}


.catalogue_img img {
	width:100%;
}

.container_catalogue {
	max-width: 950px;
}


.container_sourcing {
	max-width: 950px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#sourcing {
	padding-bottom: 20px;
}

.catalogue_offres {
	padding-right: 0px !important;
	padding-top: 15px;
}

.savoirplus {
    background: #E1E1E1 url("/img/savoirplus.png") no-repeat scroll right 0;
    height: 31px;
    padding-top: 5px;
    text-align: right;
    width: 100%;
    max-width:295px;
}

.savoirplus a {
	font-family: "Arial Bold", sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 15px;
	margin-right: 20px;
}

.btn-catalogue {
    background-color: #1c313f;
    border-color: #1c313f;
    color: #fff;
    max-width:295px;
    margin-top: 10px;
}

.btn-catalogue:hover,.btn-catalogue:focus {
	color: #FFF !important;
	background-color: #4881a5;
	border-color: #4881a5;
}
.btn-actif {
	background-color: #4881a5;
	border-color: #4881a5;
}

.sourcing_title {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "montserratblack";
	color: #FFF;
	letter-spacing: 1.1px;
	text-transform: uppercase;
}
.reference_title {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: "montserratblack";
	color: #FFF;
	text-transform: uppercase;
}

.reference_txt { 
	margin: 0 auto 50px;
    text-align: center;
    color: #FFF;
    font-family: "montserratregular";
    font-size: 16px;
}

.chiffres_title {
	font-size: 19px;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #FFF;
	font-family: "montserratblack";
	text-transform: uppercase;
	letter-spacing: 1.2px;
}

.chiffres_nbr {
	color: #FFF;
	font-family: "montserratblack";
	text-transform: uppercase;
	font-size: 56px;
}

.chiffres_nbr2 {
	color: #FFF;
	font-family: "montserratblack";
	text-transform: uppercase;
	font-size: 44px;
	letter-spacing: 1.2px;
}

.chiffres_txt {
	color: #FFF;
	font-family: "montserratblack";
	text-transform: uppercase;
	font-size: 16px;
}

.chiffres_txt2 {
	color: #FFF;
	font-family: "montserratblack";
	text-transform: uppercase;
	font-size: 25px;
	margin-top: 50px;
	letter-spacing: 1.2px;
}

.salons_title {
	font-size: 19px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: "montserratblack";
	color:#4881a5;
	text-transform: uppercase;
}

.salons_txt {
	color: #000;
	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.salons_container2 {
	max-width: 845px;
}

.salons_container3{
	width: 100% !important;
}
.salons_container4{
	width: 100% !important;
}

.salon {
	border:2px solid #4881a5;
}

.salon img {
	text-align: center;
	margin: 0 auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}

.salon_date {
	background-color: #4881a5;
	border: none;
	font-family: "montserratregular";
	color:#FFF;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	width: 100%;
	padding: 20px;
	padding-bottom: 0px;
}

.salon_stand {
	color:#1e5679;
	background-color: #4881a5;
	border: none;
	font-family: "montserratregular";
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	width: 100%;
	padding: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#agence {
	margin-top: 82px;
}

.agence_title {
	font-size: 19px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: "montserratblack";
}

.agence_txt { 
	margin: 0 auto 80px;
    text-align: justify;
    width: 60%;
    font-family: "montserratregular";
    font-size: 16px;
    letter-spacing: 1.2px;
}

.contact_title {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: "montserratblack";
	color: #FFF;
	text-transform: uppercase;
}

.contact_txt { 
	margin: 0 auto 50px;
    text-align: center;
    color: #FFF;
    font-family: "montserratregular";
    font-size: 16px;
}

.sourcing_txt { 
	margin: 0 auto 50px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}

.contact_container {
	max-width: 845px;
}

.contact_adresse_t {
	font-family: "Arial Black",sans-serif;
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	float: left;
	text-align: right;
    width: 42%;
    text-transform: uppercase;
}

.contact_coordonnees_t {
	font-family: "Arial Black",sans-serif;
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	float: left;
	text-align: right;
    width: 52%;
    text-transform: uppercase;
}

.contact_adresse, .contact_coordonnees {
	font-family: "Arial",sans-serif;
	color:#FFF;
	font-size: 16px;
	font-weight: bold;
	float: right;
	border-left: 1px solid #FFF;
	padding-left: 10px;
	padding-top: 35px;
}

.contact_adresse span, , .contact_coordonnees span {
	color: #738692;
}

.reference_logo img {
	max-width: 100%;
}

.pol20 {font-size: 20px;}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.mb50 {margin-bottom: 50px;}
.pb50 {padding-bottom: 50px;}
.pb250 {padding-bottom: 250px;}

.nopaddingall{ padding:0px !important; }


    .catalogue_select {
        width: 100%;
        background-color: #1c313f;
        border-color: #1c313f;
        color: #FFF;
        padding: 10px;
    }

    .catalogue_select > option[selected=selected] {
        width: 100%;
        background-color: #4881A5;
        border-color: #4881A5;
        color: #FFF;
        padding: 10px;
    }

.navbar-fixed-top { background-color: #7B9FAB; }

.navbar-nav {
float:none;
margin:0 auto;
display: block;
text-align: center;

}

.navbar-nav>li {
display: inline-block;
float:none;

}

.cd-top {
    background: rgba(232, 98, 86, 0.8) url("/img/cd-top-arrow.svg") no-repeat scroll center 50%;
    bottom: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: inline-block;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-indent: 100%;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    visibility: hidden;
    white-space: nowrap;
    width: 40px;
}
.cd-top.cd-fade-out, .cd-top.cd-is-visible, .no-touch .cd-top:hover {
    transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
}
.cd-top.cd-is-visible {
    opacity: 1;
    visibility: visible;
}
.cd-top.cd-fade-out {
    opacity: 0.5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#reference img {
	opacity: 0.2;
}

#reference img:hover {
	opacity: 1;
}

.text_enplus {
    color: #fff;
    font-family: "montserratregular";
    font-size: 16px;
    margin: 0 auto 0px;
    text-align: center;
}



.vimeo-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    /*height: 100vh;*/
    position: relative;
    pointer-events: none;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: black;
}
.position-relative {
    position: relative !important;
}

.vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    /*min-height: 100vh;*/
    /*min-width: 177.77vh;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
}

.background .texte {
    position: relative;
    height: inherit;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}


@media (max-width: 1440px) {
#agence {
	margin-top: 225px !important;
}
}

@media (max-width: 768px) {
#agence {
	margin-top: 162px !important;
}
}

@media (max-width: 435px) {
#agence {
	margin-top: 100px !important;
}
.vimeo-wrapper{
	height:	345px !important;
}
}