/*--------------------------------------------------
 *
 * PRELOADER
 *
 *--------------------------------------------------*/

#preloader {
    position: absolute;
    z-index: 2000;
    width: 100%;
    height: 100%;
    background: #6e2e1e;
}



/*--------------------------------------------------
 *
 * GENERAL
 *
 *--------------------------------------------------*/

html, body { width: 100%; height: 100%; }

body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
	font-weight: 400;
    line-height: normal;
	color: #fff;
	background: #3c3c3c;
}

/* LINKS */
a, button, .btn {
	cursor: pointer;
	outline: none !important;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

:focus{ outline: none !important;}

a, a:link, a:visited { color: #bdc613; text-decoration: none;}
a:hover, a:focus { color: #d19662; text-decoration: none;}

/* H GROUP */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Georgia', sans-serif;
    font-weight:normal;
	line-height: normal;
}

h1, h2 { font-size: 25px; color:#bdc613; margin: 0; padding-bottom: 15px; }

/* TEXT */
::selection{ background: #bdc613; color: #000;}

.lead { 
	font-size: 17px;
	padding-bottom: 10px;
}

.highlight{ color: #d19662;}

sup { font-size: 75%; vertical-align:text-top; line-height: 1; top:0;}
sub { font-size: 75%; vertical-align:text-bottom; line-height: 1; bottom: 2px;}

em { font-style: italic;}

hr {
	width: 100%;
	border-top: 1px solid #d19662;
	padding: 0;
	margin: 20px 0;
}


/* COMMONS */
.clearfix{ clear:both;}


/*--------------------------------------------------
 *
 * HEADER
 *
 *--------------------------------------------------*/

#wedding {
    position: fixed;
    top: 35px;
    right: 20px;
    z-index: 900;
    
    
    }


#logo-fluide {
    width: 100px;
    height: 30px;
    position: fixed;
    bottom: 5px;
    right: 10px;
    z-index: 900;
}

.logo-fluide-inner {
	position: relative;
    width: 100px;
    height: 30px;
}

.madebyfluide {
	font-size: 10px;
	line-height: 31px;
	text-transform: uppercase;
	text-align: left;
	color: #000;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.icon-FluideBlack {
	position:absolute;
	z-index: 10;
	opacity: 1;
    width: 26px;
    height: 30px;
	top:0;
	right: 0;
	background:url(../fluide/FluideBlack.png);
	background-size: cover;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.icon-FluideWhite {
	position:absolute;
	z-index: 5;
	opacity: 0;
    width: 26px;
    height: 30px;
	top:0;
	right: 0;
	background:url(../fluide/FluideWhite.png);
	background-size: cover;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#logo-fluide:hover .madebyfluide { color: #fff;}
#logo-fluide:hover .icon-FluideBlack { opacity: 0; }
#logo-fluide:hover .icon-FluideWhite { opacity: 1; }


/* ---- SUB-HEADER ---- */
#top-header { height: 30px; font-size: 13px; line-height: 29px; color: #333; background-color: #bdc613; position: relative; overflow: hidden;}
#top-header .container { padding: 0; } 
#top-header div { height: 30px; }

#top-header ul { margin: 0; padding: 0; list-style: none; }
#top-header ul.social li { float: left; margin-right: 20px;}

#top-header a { color: #333;}
#top-header a:hover { color: #fff;}

#top-header i { font-size: 16px; line-height: 30px; margin-right: 5px;}
#top-header i.fa.fa-envelope { font-size: 14px; line-height: 25px;}

#top-header .legal { text-transform: uppercase; }


/* ---- MAIN-HEADER ---- */
#header { height: 80px; background:#f3fae3; position: relative;}
#header .container { padding: 0; }

#header .navbar{
    margin: 0;
    padding: 0;
    background-color: inherit;
    border: none;
}

.navbar-collapse { padding: 0; }

#header nav.navbar ul#navPrincipal li { 
    margin: 0;
    padding: 0;
	width: 13%; 
	height: 80px; 
	line-height: 80px; 
	text-align: center; 
	overflow: hidden;    
}

#header nav.navbar ul#navPrincipal li a,
#header nav.navbar ul#navPrincipal li button{
	width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
	height: 80px;
	line-height: 80px; 
	color: #6d2e1d; 
	text-align: center; 
	background-color: transparent;
	display: block;
    text-transform: uppercase;
    vertical-align: middle;
}

#header nav.navbar ul#navPrincipal li a:hover,
#header nav.navbar ul#navPrincipal li.active a { color: #6d2e1d; background-color: #bdc613;}

#header nav.navbar ul#navPrincipal li a span {
    display: inline-block;
	font-size: 14px; 
    line-height: 15px;
    vertical-align: middle;
}

#header nav.navbar ul#navPrincipal li.logo { width: 22%; position: relative; overflow:visible; }
#header nav.navbar ul#navPrincipal li.logo a { margin-top: 25px; padding: 0 15px; }
#header nav.navbar ul#navPrincipal li.logo a:hover{ background-color: inherit;}
#header nav.navbar ul#navPrincipal li.logo a img { width: 100%;}

/*--------------------------------------------------
 *
 * SOUS-MENU
 *
 *--------------------------------------------------*/

ul.sous-menu {
    margin: 0;
    padding: 0 0 30px 0;
    list-style: none; }

/*  SCROLLBAR  ACTIVE  */ ul.sous-menu { margin-right: -15px;}
/* NO SCROLLBAR ACTIVE */ .mCS_no_scrollbar ul.sous-menu { margin-right: 0;}

ul.sous-menu li { margin: 0; padding: 0; border-bottom: 1px solid #666;}
ul.sous-menu li a {
	width: 100%; 
    margin: 0;
    padding: 12px 8px;
	display: block;
	border: 0;
	box-shadow: none;
	text-align: left;
	color: #aaa; 
    box-sizing: border-box;
    border-left:5px solid transparent;
}
ul.sous-menu li.active a { border-left:5px solid #bdc613; color: #fff;}
ul.sous-menu li a:hover { background:#bdc613; color: #000; }


/*--------------------------------------------------
 *
 * STRUCTURES
 *
 *--------------------------------------------------*/



#wrapper {
    position:relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
}

#main {
    position:relative;
    width: 100%;
}

#content { position: relative; }
#content.container { padding-left: 0; padding-right: 0; }

p { margin-bottom: 15px; }

/* ---- BLOCK ---- */
.contentBlock { width: 425px; background: rgba(0, 0, 0, 0.8); position: absolute; }
.contentBlock.left { left : -1000px; }
.contentBlock.right { right : -1000px; }
.contentBlock .detect-scrollbar { height: 100%; overflow: hidden; }

/* ---- TAB CONTENT ---- */
.tab-content { padding: 0px 15px 30px 15px; position: relative; text-align: justify; color: #fff; }
.tab-content .photo { height: 150px; overflow: hidden; margin-bottom: 30px; }
.tab-content .photo img { width: 100%; }

.tabpanel { color:#fff; }

/* ---- GALERIE PHOTO ---- */
.gallery { padding: 30px 15px; position: relative; text-align: justify; color: #fff; }

ul.allphotos { margin: 0; padding: 0; list-style: none; }
ul.allphotos > li { float: left; width: 50%; padding-bottom: 15px; }
ul.allphotos > li:nth-child(odd) { padding-right: 7px; }
ul.allphotos > li:nth-child(even) { padding-left: 7px; }

ul.allphotos > li a { display: block; }
ul.allphotos > li a span { display: block; height: 125px; overflow: hidden; }
ul.allphotos > li a span img {
	width: 100%;
	-webkit-filter: saturate(10%);
	-webkit-transition: .25s ease-in;
    -moz-transition: .25s ease-in;
    -o-transition: .25s ease-in;
    transition: .25s ease-in;
}
ul.allphotos > li a:hover span img{  -webkit-filter: saturate(100%);}

/* ---- CONTACT ---- */
#contactHavane span{ font-family: 'Roboto Condensed', sans-serif; color: #FFF; font-size: 14px; display: block;}

#contact, #contact_temoignages{ margin-top: 15px;}

#contact #contact_body, #contact_temoignages #contact_body_temoignages{ margin-top: 5px; padding-bottom: 20px;}

#contact #contact_body .form-group input,
#contact #contact_body .form-group textarea,
#contact_temoignages #contact_body_temoignages .form-group input,
#contact_temoignages #contact_body_temoignages .form-group textarea{ font-family: 'Roboto Condensed'; border-radius: 0;}

#contact #contact_body .form-group #submit_btn,
#contact_temoignages #contact_body_temoignages .form-group #submit_temoignages_btn{ width: 100%; color: #333; background-color: #bdc613; border: 0;}

#contact #contact_body .form-group #submit_btn:hover,
#contact_temoignages #contact_body_temoignages .form-group #submit_temoignages_btn:hover{ background-color: #D2DB15;}

/* ---- TEMOIGNAGES ---- */
#temoignages #carousel-temoignages .item ul.nav.nav-tabs li a{ min-height: 120px}

#temoignages #carousel-temoignages .left.carousel-control,
#temoignages #carousel-temoignages .right.carousel-control{ background-image: none; position: absolute; top: 50px;}

#temoignages #carousel-temoignages .left.carousel-control{ left: -20px;}
#temoignages #carousel-temoignages .right.carousel-control{ right: -20px;}

#temoignages #carousel-temoignages .carousel-control:hover{ color: #bdc613;}

#temoignages #carousel-temoignages .left.carousel-control i,
#temoignages #carousel-temoignages .right.carousel-control i{ width: 25px; height: 25px; background-color: #333; border-radius: 13px; padding: 3px 0px;}

#temoignages #carousel-temoignages .item ul.nav.nav-tabs li a p.temoignage-name{ margin-bottom: 0;}

.nav-tabs{ border:none;}
.nav-tabs > li > a {
    background-color: inherit;
	padding: 9px 18px;
	margin-right: 11px;
	border: none;
    color: #555;
    height: auto;
    min-height: 185px;
    cursor: pointer;
	border-radius: 5px 5px 0 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus {
	background-color: transparent;
	border:none;
	color: #bdc613;
	cursor: pointer;
}
.nav-tabs li:last-child a{ margin:0;}
.temoignage-horizontal-content{ margin-top: 20px;}
.nav-tabs p{ font-size: 12px; color: #fff; margin: 0;}
.nav-tabs .temoignage-photo{
	width:100px;
  	height:100px;
  	overflow: hidden;
  	border-radius: 50%;
  	display: block;
  	margin: 0 auto;
  	border: 2px solid #FFF;
  	margin-bottom: 10px;
  	transition: all 1s;
}
.nav-tabs li:hover a p.temoignage-photo,
.nav-tabs li.active a p.temoignage-photo{ border: 2px solid #bdc613;}
.nav-tabs .temoignage-photo img{ max-width: 110%; margin-left: -5px; margin-top: 50%; transform: translateY(-50%);}
.nav-tabs .temoignage-name{ margin-top: 5px;}
.nav-tabs .temoignage-poste{ text-transform: none; color: #999;}
.temoignage-horizontal-content h3{ font-size: 22px; margin-bottom: 0;}
.temoignage-guillemet{ font-family: arial; font-size: 18px; font-weight: 700; color: #bdc613;}

.btnLink{ width: 100%; font-family: 'Roboto Condensed'; text-align: center; color: #333 !important; background-color: #bdc613; border-radius: 0; margin-bottom: 0; padding: 6px 0px;}
.btnLink:hover{ background-color: #D2DB15;}
.btnLink a{ color: #333 !important;}

/*--------------------------------------------------
 *
 * PAGE PRELOAD
 *
 *--------------------------------------------------*/

#page-preload {
    position: absolute;
    z-index: 1500;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
	display: none;
}

.page-preload-icon {
	position: absolute;
	width: 28px;
	height: 28px;
	left: 50%;
	margin-left: -14px;
	top: 50%;
	margin-top: -14px;
}

.page-preload-icon i { color: #fff; }


/*--------------------------------------------------
 *
 * MODALS
 *
 *--------------------------------------------------*/
#award {
    margin-left: auto;
  margin-right: auto;
  width: 125px;
 margin-top: 30px;
    
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.modal .modal-dialog {
	margin: 0 auto;
	padding: 10px;
	left: 0;
	right:0;
	width: 980px;
	min-height: 100%;
	z-index: 1100;
	position: relative; }

.modal .modal-content { min-height: 100%; box-shadow: none; border:0;  }

.modal .modal-content .modal-header { background: #6d2e1d;}
.modal .modal-content .modal-header h2 { font-size: 20px; color: #bdc613; text-align: center; text-transform: uppercase; margin: 0; padding: 0; }
.modal .modal-content .modal-header .close { color: #FFF !important; text-shadow: none; opacity: 1 !important;}
.modal .modal-content .modal-header .close:hover,
.modal .modal-content .modal-header .close:hover span{ color: #bdc613 !important; opacity: 1 !important;}

.modal .modal-content .modal-body { background-color: #F5F5EE; padding: 30px; min-height: 100%; color: #3c3c3c; font-size: 12px; font-weight:300; }

.modal .modal-content .modal-body h3 { font-size: 18px; color:#6d2e1d; text-transform: uppercase; margin: 0; padding:0 0 10px 0; }
.modal .modal-content .modal-body h3.deco { padding:10px 0; }

.modal .modal-content .modal-body h4{ font-size: 17px; color:#bdc613; text-transform: uppercase; letter-spacing: 10px; margin: 0; padding:15px 0 30px 0;}

.modal .modal-content .modal-body h5{ font-size: 15px; color: #6d2e1d; margin: 0; padding:15px 0;}
.modal .modal-content .modal-body h5:before{ content: ''; width: 38px; height: 5px; position: absolute; background: url(../css/img/titleOrnementLeft.png) no-repeat; margin-left: -45px; margin-top: 6px;}
.modal .modal-content .modal-body h5:after{ content: ''; width: 38px; height: 5px; position: absolute; background: url(../css/img/titleOrnementRight.png) no-repeat; margin-left: 5px; margin-top: 6px;}

.modal .modal-content .modal-body .separator{ width: 45px; padding: 10px 0;}

/*--------------------------------------------------
 *
 * RESPONSIVE
 *
 *--------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
    
    #wedding { display: none;}
    
	#header { height: 72px; }
    
    #header nav.navbar ul#navPrincipal li, 
	#header nav.navbar ul#navPrincipal li a,
	#header nav.navbar .ul#navPrincipal li button {
		height: 72px;
		line-height: 72px;
	}
	
	#header nav.navbar ul#navPrincipal li a span { font-size: 13px; line-height: 14px; }
	
	#header nav.navbar ul#navPrincipal li.logo a { margin-top: 22px; padding: 0 5px; }
        
    .contentBlock { width: 360px; }

	.modal .modal-dialog { width: 880px; }

}


@media (min-width: 768px) and (max-width: 991px) {
    
    #wedding { display: none;}
	
	#top-header ul.social li span  { display: none; }
	#top-header i { margin-right:0; }
	
    #header { height: 70px; }
    
    #header nav.navbar ul#navPrincipal li, 
	#header nav.navbar ul#navPrincipal li a,
	#header nav.navbar .ul#navPrincipal li button {
		height: 70px;
		line-height: 70px;
	}
	
	#header nav.navbar ul#navPrincipal li a span { font-size: 12px; line-height: 13px; }
	
	#header nav.navbar ul#navPrincipal li.logo a { margin-top: 0; padding: 0 5px; }
    
    .contentBlock { width: 340px; }

	.modal .modal-dialog { width: 100%; }
	
	.modal .modal-content .modal-body { padding: 15px 30px; }
    
}


@media (max-width: 767px) {
    
    #wedding { display: none;}
    
	body{ background-color: #000;}
	#wrapper { overflow: auto; }
	
	.vegas-background,
	.vegas-loading { display: none !important;}
	
	#top-header { display: none; }
    #header { height: 70px; }
	a.navbar-brand { position: absolute; z-index: 1; display: block; height: 70px; width:100%; padding: 5px 0; margin: 0; text-align: center;}
	a.navbar-brand img { height: 60px; }
	
	.navbar-default .navbar-toggle {
		position: relative;
		z-index: 10;
		margin:10px 15px;
		height:50px;
		width:50px;
		color:#fff;
		background: #bdc613;
		border: 0;
		text-align:center;
		padding: 10px 15px;
	}

	.navbar-default .navbar-toggle .icon-bar {
		width: 20px;
		background-color: #fff;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background: #6d2e1d;
	}

	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar{
		background-color: #fff;
	}
	
	#header .navbar.navbar-default .navbar-collapse {
		background: #f3fae3;
		border: 0;
		width: 100%;
		max-height: 100% !important;
		margin: 0;
		padding: 0;
		box-shadow:none;
	}
	
	ul#navPrincipal { margin: 0; padding: 0; }

	#header nav.navbar ul#navPrincipal > li {
		width: 100%;
		height: auto;
		line-height:normal;
		text-align: center;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #bdc613;
	}	
	#header nav.navbar ul#navPrincipal > li a,
	#header nav.navbar ul#navPrincipal > li button {
		width: 100%;
		height: auto;
		line-height: normal;
		text-align: center;
		padding: 10px 5px;
		display: block;
	}
	
	#header nav.navbar ul#navPrincipal ul.social { margin: 0; padding: 0; list-style: none; }
	#header nav.navbar ul#navPrincipal ul.social > li { margin: 0; padding: 0; list-style: none; float: left; width: 25%; text-align: center; height: auto; line-height:normal; }
	#header nav.navbar ul#navPrincipal ul.social > li i {  font-size:20px; }
	
	#content .contentBlock { width: 100%; padding-bottom: 60px;}

	ul.allphotos > li a span { display: block; height: 100px; overflow: hidden; }
	
	.modal .modal-dialog { width: 100%; }
	.modal .modal-content .modal-body { padding: 15px; }

}