@import url("bootstrap.css");
@import url("animate.min.css");
@import url("idangerous.swiper.css");
/*@import url("http://fonts.googleapis.com/css?family=Merriweather:400,700,300italic");*/
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
/* Couleurs

Jaune	#e6ca2e		rgba(230,202,46,1.0)
Bleu	#0a3161		rgba(10,49,97,1.0)

*/
#gallery {
	background: #000!important;
}

/* Preloader */

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#0a3161 url(../img/blue_bg.jpg) center center;
	background-size: cover!important;
	/*background-color:#0a3161;*/ /* change if the mask should have another color then white */
	z-index:200; /* makes sure it stays on top */
}

#preloader h3 {
	color: #FFF;
	text-align: center;
	position: absolute;
	margin: auto;
	top: 55%; left: 0; bottom: 0; right: 0;


}

#status {
	width:150px;
	height:150px;
	position:absolute;
	left:50%;
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/logo_anim2.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position: center bottom;
	margin:-100px 0 0 -75px; /* is width and height divided by two */
	-webkit-animation: play 0.6s steps(10) infinite;
       -moz-animation: play 0.6s steps(10) infinite;
        -ms-animation: play 0.6s steps(10) infinite;
         -o-animation: play 0.6s steps(10) infinite;
            animation: play 0.6s steps(10) infinite;
}



.progress {
	width: 20%;
	/*margin: 750px auto 0 auto;
	position: relative;
	text-align: center;*/
	position:absolute;
	left:40%;
	top:60%;
	
}

.progress-bar.animate {
   width: 100%;
}

.progress-bar.animate {
   width: 100%;
}

.modal-backdrop {
   opacity: 0.5;
}

.modal-dialog {
   -webkit-transform: translate(0px, 50%);
   transform: translate(0px, 50%);
}

.progress-popup {
   margin-bottom: 0;
}

body {
	/*overflow: hidden;*/
}

a, a:hover, a:visited, a:active, a:focus {
	text-decoration: none!important;
	color: #0a3161;
	outline: none!important;
}



.seostring {
	visibility: collapse!important;
	height: 0px;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #FFF;
  border-width: 5px 5px 0;
  
}

.tooltip.bottom .tooltip-arrow {
border-bottom-color: #FFF;
}

.tooltip.right .tooltip-arrow {
border-right-color: #FFF;
}

.tooltip.left .tooltip-arrow {
border-left-color: #FFF;
}


.tooltip-inner {
  color: #0a3161;
  background: #fff;
  border: solid 1px #fff;
  font-size: 18px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
}




/*.hi {
    width: 150px;
    height: 150px;
    background-image: url("../img/logo_anim.png");
    
    -webkit-animation: play .8s steps(10) infinite;
       -moz-animation: play .8s steps(10) infinite;
        -ms-animation: play .8s steps(10) infinite;
         -o-animation: play .8s steps(10) infinite;
            animation: play .8s steps(10) infinite;
}*/

@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1500px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1500px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1500px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1500px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -1500px; }
}


/* Fin du preloader */



.slide_container {
	height: 100%;
	overflow: hidden;
	position: relative;
	/*text-align: center;*/
}

.slide_wrap {

height: auto;
width:100%;
background: rgba(0,0,0,0.05);
display: block;
position: relative;
float: left;


	
}  

section {
	
	position: relative;
     overflow: hidden;
     padding: 80px 0;
     width: 100%;
     
}






.section_spacer {
	height: 80px;
}

#difference {
text-align: center;
height: auto !important;
padding-top: 100px;
padding-bottom: 515px;
-webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
box-sizing: border-box!important;


	
}

.difference_title_fr {
	background: url(../img/difference_txt_fr.png) center top no-repeat;
	width: 100%;
	height: 94px;
	background-size: contain!important;
	margin-bottom: 7%;

	
}

.difference_title_en {
	background:url(../img/difference_txt_en.png) center top no-repeat;
	width: 100%;
	height: 94px;
	background-size: contain!important;
	margin-bottom: 7%;
	
}


#difference_girls {
	width: 512px;
	height: 424px;
	background: url(../img/difference_girl.png) center bottom no-repeat;
	/*border: solid 1px red;*/
	position: absolute;
	bottom: 0;
	left: 0;
	right: 350px;
	margin: auto;
	z-index: 10;
}

#difference_man {
	width: 510px;
	height: 454px;
	background: url(../img/difference_man.png) center bottom no-repeat;
	/*border: solid 1px red;*/
	position: absolute;
	bottom: 0;
	left: 350px;
	right: 0;
	margin: auto;
	
	
	z-index: 1;
}



.results_bar_title_fr {
	background: url(../img/search_result_fr.png) center top no-repeat;
	width: 100%;
	height: 60px;
	background-size: contain!important;
	
}

.results_bar_title_en {
	background:url(../img/search_result_en.png) center top no-repeat;
	width: 100%;
	height: 60px;
	background-size: contain!important;
	
	
}



.results_bar_txt {
	font-family: 'Garamond';
	font-size: 32px;
	width: 100%;
	text-align: center;
	margin: 25px auto;

}

.results_bar_en {
	background: url(../img/search_result_en.png) center top no-repeat;
	font-family: 'Garamond';
	font-size: 32px;
	height: 160px;
	width: 100%;
	background-size: contain!important;
	padding-top: 100px;
	text-align: center;
	margin: 25px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.results_bar p {
	/*margin-top: 30px;*/
}







section h1 {
	font-size: 48px;
	margin-bottom: 40px;

}
                                                                                                                                            

.row {

}

.item {
	
}


.thumb_nav {
	text-align: center;
	
	
}

.thumb_img {
	/*width: 18%;
	height: 0;
	padding-bottom: 18%;*/
	width:100px;
	height: 100px;
	margin: 0.25%;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	
}


.thumb_img img {
	height: 100%;
	width: auto!important;
	min-width:100%;
	max-width: 100%;
	
	

}
                                                                                                                                  

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background:url(../img/textures/ricepaper2.png);
	width: 100%;
	overflow-x: hidden;
}


#accueil {
	min-height: 100%;
	height: auto;
	
	
}


/*
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}
*/
/* Carousel des fiches 3x1 */



/*Swipe */



.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
  
}
.swipe-wrap > div {
 float:left;
  width:100%;
  position: relative;
  
}




/* swipe */


#top_carousel {
  width: 100%;
  height: 600px;
  display: inline-block;
  position: relative;
  z-index: 1;
  text-align: center;
 
  
}


.swiper-slide {
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.swiper-slide-visible {
  opacity: 0.75;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 200!important;
}





.fiches {
	background: #FFF;
	margin: 5px 0 10px 0;
	border-radius:4px;
	padding: 5px 5px 20px 5px;
	overflow: visible;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	height: 580px!important;
    /*font-family: Arial;*/
	
}


.fiches .btn-default, .fiches .btn-JE, .btn-default {
	
	border-color:#0a3161;
	color: #0a3161;
	border-width: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: lowercase;
}

/*
	border-color: #0a3161;
    color: #0a3161;
    border-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: lowercase;
*/




.fiches h4, .fiches p {
	font-family: Arial;
}

.fiches h4 {
	color:#0a3161 ;
	font-weight: bold;
}

.fiche_icones {
	text-align: center;
}

.fiche_icones>.entypo {
	margin: 0 5px;
	font-size: 36px;
	cursor: pointer;
}

.top_image {
	height: 150px;
	background: center center no-repeat;
	background-size: cover;
	width: 100%;
	border-radius: 3px 3px 0 0;
	padding-top: 5px;
	box-sizing: border-box;
}

.top_image h2 {
visibility: collapse;
height: 0!important;
width: 0!important;
}

.fbContent {
	width: 40px;
	height: 40px;
	font-family: 'entypo';
	float: right;
	margin: -50px 10px 0 0;
	border-radius: 20px;
	background: #FFF;
	text-align: center;
	font-size: 40px;
	padding-top: 0;
	line-height: 40px;
	 -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	
}

.top_image > .vendu_en {
	
	width: 100%;
	height: 57px;
	background:url(../img/vendu_xs_en.png) center center repeat-x ;
	opacity: 0.9;
	
}

.top_image > .vendu_fr {
	width: 100%;
	height: 57px;
	background:url(../img/vendu_xs_fr.png) center center repeat-x ;
	opacity: 0.9;
	
	
}



.non_vendu {
	/*visibility: collapse;*/
	display: none;
	
}


.small_logo {
	height: 60px;
	width: 60px;
	background: transparent url(../img/small_logo.png);
	margin: auto;
	
}

.fiches > .small_logo {
	
	margin-top:-25px;
	
}

.fiche_description {
	width: 90%;
	margin: auto;
}

.fiche_title {
	text-align: center;
}

.fiche_title h4 {
	font-family: arial;
	color: #0a3161;
	font-weight: bold;
}


.fiche_title p {
	text-align: center;
	margin: -5px auto 10px auto;
}

.fiche_description .text_desctiption {
	text-align: justify;
}

.text_description > p {
	font-size: 16px;
}

.fiches table {
	text-align: left;
}

.fiches .btn {
	overflow: hidden;
}

.table tr:first-child > td {
  /*border-top-color: #0a3161;*/
  border-top-color: transparent;
  
}

.table tr td:last-child {
	text-align: right;
	font-weight: bold;
	color: #0a3161;
}

.pieces tr td:last-child {
	/*text-align: left;*/
	font-weight: normal;
	color: inherit;
}



.table tr > td.no_infos {
	border: none!important;
	text-align: left;
}

.no_infos .glyphicon {
	color: #0a3161;
}

.pieces .no_border {
	border: none!important;
}

.table tr > td.total {
	border-top-width: 2px;
	border-top-color: #0a3161;
}

.table tr td.titre, .pieces tr td.titre, span.titre {
	text-align: left;
	font-size: 15px;
	color: #0a3161;
	font-weight: bold;
	line-height: 14px;
}

.table tr td > .badge {
	margin-top: 4px;
	
}

.table tr td.enumeration {
	text-align: left;
	font-weight: normal;
	color: #666;
	
}

.carousel-control {
	background-image: none;
	z-index: 90!important;
	width: 10%;
	/*border: solid 1px blue;*/
	
}
.carousel-control.left,.carousel-control.right {background-image:none;}


.carousel-control .nav_arrow_left {
	height: 75px;
	width: 75px;
	background:transparent url(../img/nav_arrows.png) left center no-repeat ;
	position: absolute;
	top:90px;
	/*top:450px;*/
	left: 20%;
	border: none;
}

.carousel-control .nav_arrow_right {
	height: 75px;
	width: 75px;
	background:transparent url(../img/nav_arrows.png) right center no-repeat ;
	position: absolute;
	top:90px;
	/*top:450px;*/
	right: 20%;
	border: none;
}


.fiche_titre {
	text-align: center!important;
}

#carousel-testimonials .carousel-control .nav_arrow_right, #carousel-testimonials .carousel-control .nav_arrow_left {
	top:330px;

}


#accueil .carousel-control .nav_arrow_left {
	height: 100px;
	width: 	100px;
	background:transparent url(../img/nav_arrows_2x.png) left center no-repeat ;
	background-size: cover!important;
	position: absolute;
	top:45%;
	left: 20%;
	border: none;
}

#accueil .carousel-control .nav_arrow_right {
	height: 100px;
	width: 	100px;
	background:transparent url(../img/nav_arrows_2x.png) right center no-repeat ;
	background-size: cover!important;
	position: absolute;
	top:45%;
	right: 20%;
	border: none;
}


.nav_arrow_right, .nav_arrow_left {
	cursor: pointer;
}

p {
	font-family: 'Garamond';
	
	
}



p > .fat {
	font-weight: 700;
}

h1, h2, h3, h4, h5 {
	font-family: 'champ_limo';
	/*font-family: 'Garamond';*/

}

.fat {
	/*font-family: 'champ_limo_bold';*/
}


/* Sliding Menu */


.menu_top_container {
	width: 100%;
	min-height: 70px;
	background: #000;
	display: block;
	text-align: center;
}

.menu_top_container h2 {
	margin: 0 auto 0 auto;
}


.logo_menu {
	width: 213px;
	height: 46px;
	background:url(../img/logo_searchbar.png) center center no-repeat ;
	float: left;
}



/* Sliding Menu */

.hidden {
	/*visibility: collapse;*/
	display: none;
}

.top_close {
	border: 0px solid #FFF;
	float: right;
	margin: 15px;
	color: #FFF!important;
	font-size: 24px;
	position: relative;
	z-index: 99;
	opacity: 0.75;
	cursor: pointer;
}

.top_menu {
	width: 100%;
	height: 70px;
	background: url(../img/menu_bg2.jpg) center center repeat-x;
	background-size: auto;
	position: fixed;
	border-bottom: solid 5px #FFF;
	z-index: 99;
	top: 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 	0px 0px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 		0px 0px 6px 0px rgba(0,0,0,0.5);
    -webkit-transition: all 0.7s ease-in; 
    transition: all 0.7s ease-in;
   
}

/*.top_menu:hover {
	height: 500px;
	top:0;
	-webkit-transition: all 0.5s ease-out; 
    transition: all 0.5s ease-out;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);

}*/


.accordion.menu {
	border:solid 1px;
	border-color: transparent;
	border-bottom-width: 0!important;
	background: url(../img/menu_bg2.jpg) center bottom no-repeat;
	background-size: cover!important;
	padding-bottom:0 !important;
	margin-bottom: 100px;
	position: fixed;
	width: 100%;
	text-align: center;
	z-index: 100;
	
}
.detail_menu {
	min-height: 70px;
	/*position: relative;*/
	margin: 0;
	width: 100%;
	border-bottom: solid 5px #FFF;
	
	background-size: auto;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 	0px 0px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 		0px 0px 6px 0px rgba(0,0,0,0.5);
		
}

.detail_menu, .detail_menu:hover, .drop_menu, .rotated {
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}

.detail_menu:hover {
	/*background: orange;*/
	min-height: 90px;
	
}

.drop_menu {
	display: hidden;
	font-family: 'entypo';
	color: #FFF;
	font-size: 0;
	cursor: pointer;
	
}

.detail_menu:hover .drop_menu {
	display: visible;
	font-size: 42px;
		   
}

.rotated {
	
	-webkit-transform: rotate(180deg);
	-moz-transform:    rotate(180deg);
	-ms-transform: 	   rotate(180deg);
	-o-transform: 	   rotate(180deg);
	transform:			rotate(180deg);
}

.disabled {
	/*opacity: 0.5;*/
	visibility: hidden;
	height: 0;
	width: 0;
	cursor: not-allowed;
	
}




.accordion-inner {
	
	padding: 0!important;
}

.detail_menu .navigation {
	border: solid 1px yellow;
	float: right;
	text-align: center!important;
}

.detail_menu  .logo {
	width: 213px;
	height: 46px;
	background:url(../img/logo_searchbar.png) center center no-repeat ;
	
	display: inline-block;
	margin: 10px 0 0 30px;
	float: left;
}


.right_navigation {
	/*border: solid 1px yellow;*/
	height: 100%;
	width: auto;
	display: inline-block;
	float: right;
	color: #FFF;
	margin-right: 30px;
}

.detail_menu h2 {

	font-family: 'Garamond';
	font-weight: bold!important;
	line-height: normal;
	margin: auto;
	margin-top: 12px;
	font-size: 35px;
	color: #e6ca2e;
	display: inline-block;
	
	
}


.detail_menu h4 {
	vertical-align:  top;
	display: inline-block;
	line-height: normal;
	font-family: arial;
	font-weight: 300;
	margin-top: 22px;	
	
}

.detail_menu > .right_navigation > h4 > a {
	
	vertical-align: middle;
}

.top_menu a, .detail_menu a {
	color: #FFF;
}


.top_icon {
	
	height: 40px;
	width:40px;
	display: inline-block;
	position: relative;
	z-index: 100;
	margin:12px 0 -15px 0;
	padding: 0;
	
}

.top_icon .fcb_svg {
	width: 30px;
	height: 30px;
	margin:auto;
}	

.top_icon.search {
	background: url(../img/icones_searchbar.png) left center no-repeat;
	
}

.top_icon.print {
background: url(../img/icones_searchbar.png) center center no-repeat;
	
}
.top_icon.email {
background: url(../img/icones_searchbar.png) right center no-repeat;
	
}


.search_content {
	background: url(../img/top_background.png) center top no-repeat;
	width: 100%;
	height: auto;
	border: solid 1px transparent;
	padding: 0;
	position: relative;
	
	
	
}

/* Placeholders */



::-webkit-input-placeholder {
	color: #0a3161;
	font-weight: bold;
}

:-moz-placeholder { /* Firefox 18- */
	color: #0a3161;
	font-weight: bold;
}
::-moz-placeholder {  /* Firefox 19+ */
	color: #0a3161;
	font-weight: bold;
}
:-ms-input-placeholder {  
	color: #0a3161;
	font-weight: bold;	
}



/* Placeholders */



	.search_bar {
		height: auto;
		padding:7px 0 4px 0!important;
		background: rgba(10,49,97,0.7);
		z-index: 100;
		text-align: center;
		position: relative;
		width: 100%;
		margin-top: 377px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

	}
	
	.search_bar > .container > input {

		
	}
	
	.img_submit {
		/*background: none!important;
		border: none!important;
		
		padding:0!important;
		margin: 0!important;
		 -webkit-box-shadow:none !important;
	    -moz-box-shadow:none !important;
	    box-shadow:none !important;*/
	    height:35px;
	    width: 45px;
	    padding-left: 10px;
	    position: absolute;
	    
	}
	
	
	#select_categories, #select_villes {
		width: 200px;
	}
	
	.rounded_input {
		width: 200px;
		height: 35px;
		-webkit-border-radius: 20px;
		-moz-border-radius:20px ;
		border-radius:20px ;
		background: -webkit-linear-gradient(#FFFFFF 0%, #999999 100%);
		display: inline-block;
		-webkit-box-shadow: inset 0 -2px 5px 2px rgba(255, 255, 255, .5),  0 1px 4px 1px rgba(0, 0, 0, .5);
		-moz-box-shadow: inset 0 -2px 5px 2px rgba(255,255, 255, .5),  0 1px 4px 1px rgba(0, 0, 0, .5);
		box-shadow: inset 0 -2px 5px 2px rgba(255, 255, 255, .5),  0 1px 4px 1px rgba(0, 0, 0, .5) ;
		border: none;
		color:#0a3161;
	    border:none;
	    outline:none;
	    display: inline-block;
	    -webkit-appearance:none;
	    -moz-appearance:none;
	    appearance:none;
	    cursor:pointer;
	    padding: 5px 15px;
	    margin: 0 2px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    
	font-weight: bold;
	
		
	}
	
	
	 button.multiselect {
		width: 200px;
		height: 35px;
		-webkit-border-radius: 20px;
		-moz-border-radius:20px ;
		border-radius:20px ;
		background: -webkit-linear-gradient(#FFFFFF 0%, #999999 100%);
		display: inline-block;
		-webkit-box-shadow: inset 0 -2px 5px 2px rgba(255, 255, 255, .5),  0 1px 4px 1px rgba(0, 0, 0, .5);
		-moz-box-shadow: inset 0 -2px 5px 2px rgba(255,255, 255, .5),  0 1px 4px 1px rgba(0, 0, 0, .5);
		box-shadow: inset 0 -2px 5px 2px rgba(255, 255, 255, .5),  0 1px 4px 1px rgba(0, 0, 0, .5) ;
		border: none;
		color:#0a3161;
	    border:none;
	    outline:none;
	    display: inline-block;
	    -webkit-appearance:none;
	    -moz-appearance:none;
	    appearance:none;
	    cursor:pointer;
	    padding: 5px 15px;
	    margin: 0 2px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    font-weight: bold;
	    margin-top: -3px;
	    text-align: left;
	    
	 }
	 
	
	 
	 
	 /* Multi select */
	 
	 
.multiselect-container {
	position:absolute;
	list-style-type:none;
	margin:0;
	padding:0;
	
}

.multiselect-container .input-group {
	margin:5px;
	

}

.multiselect-container>li { 
	padding:0;

}

.multiselect-container>li>a.multiselect-all label{
	font-weight:700;
	
	

}

.multiselect-container>li>label.multiselect-group{
	margin:0;
	padding:5px 15px;
	height:100%;
	font-weight:700;
	
}

.multiselect-container>li>a {
	padding:0;

}

.multiselect-container>li>a>label {
	margin:0;
	height:100%;
	cursor:pointer;
	font-weight:400;
	padding:3px 20px 3px 40px;
	

}

.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox {
	margin:0;

}

.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom:5px;
}

.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;

}

.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio {

	padding:5px 15px 5px 30px;

}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio] {

	margin-left:-20px;
	margin-right:0;
	border: solid 1px #333!important;
	

}
	 
	 
	 
	 
	 
	 
	 /* Multi select */
	
	
	
	
	/* The CSS */
	/*.search_bar select, .search_bar input, .search_bar button {
	    padding:5px 20px;
	    margin: 0px 2px;
	    -webkit-border-radius:15px;
	    -moz-border-radius:15px;
	    border-radius:15px;
	    
	    -webkit-box-shadow:
	        0 2px 0 #0a3161,
	        0 -1px #CCC inset;
	    -moz-box-shadow:
	        0 2px 0 #0a3161,
	        0 -1px #CCC inset;
	    box-shadow:
	        0 2px 0 #0a3161,
	        0 -1px #CCC inset;
	    
	    background: #f8f8f8;
	    color:#0a3161;
	    border:none;
	    outline:none;
	    display: inline-block;
	    -webkit-appearance:none;
	    -moz-appearance:none;
	    appearance:none;
	    cursor:pointer;
	    
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	    .search_bar select, .search_bar input {padding-right:18px}
	}
	.search_bar label {position:relative}
	.search_bar label:after {
	    
	    content:'>';
	    
	    color:#aaa;
	    -webkit-transform:rotate(90deg);
	    -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	    transform:rotate(90deg);
	    right:5px; top:4px;
	    padding:0 0 2px;
	    border-bottom:1px solid #ddd;
	    position:absolute;
	    pointer-events:none;
	}
	.search_bar label:before {
	    content:'';
	    right:5px; top:0px;
	    width:20px; height:20px;
	   
	    position:absolute;
	    pointer-events:none;
	    display:block;
	}
	
	.search_bar .glyphicon {
		background: #e6ca2e;
		font-size: 20px;
		margin-top: -7px;
		-webkit-box-shadow:
	        0 2px 0 #0a3161,
	        0 -1px #d7b42d inset;
	    -moz-box-shadow:
	        0 2px 0 #0a3161,
	        0 -1px #d7b42d inset;
	    box-shadow:
	        0 2px 0 #0a3161,
	        0 -1px #d7b42d inset;
	
	}
	
	*/
	
	/**/







.top_menu  .logo {
	margin: 30px auto 0 auto;
	display: block;
}

.top_menu h2, .top_menu h3, .top_menu h4 {
	color: #FFF;
	text-align: center;
}

.top_menu h2 {
	font-family: 'Garamond';
	/*font-weight: 300;*/
	color: #e6ca2e;
	margin-top: -65px;
	font-size: 36px!important;
}


.menu_bar {
	padding:0;
	height: 500px;
	position: absolute;
	width: 100%;
	
	bottom: 0;
	
}


.logo_searchbar {
	width: 213px;
	height: 46px;
	background:url(../img/logo_searchbar.png) center center no-repeat ;
	position: absolute;
	left: 5%;
	bottom: 10px;
}

.menu_content .navigation {
	
	border: none;
	position: absolute;
	bottom:12px;
	right: 5%;
	padding:0;
	
	vertical-align: sub;
	
	
	
}

.menu_content {
	width: 100%;
	height: 60px;
	padding-top: 5px;
	margin-top: 10px;
}








.menu_bar .navigation h4 {

	font-family: arial;
	font-weight: 300;
	margin-top: 0;
	display: inline-block;
}




#header_fr {
	background: url(../img/logo_head_fr.png) center center no-repeat;
	height: 160px;
	margin:20px 0 25px 0;
		
}

#header_en {
	background: url(../img/logo_head_en.png) center center no-repeat;
	height: 160px;
	margin:20px 0 25px 0;
	
}



.phone_number {
	background: url(../img/telephone.png) 10% 50% no-repeat ;
	height: 150px;
}

.nav_txt_fr {
	background:url(../img/naviguez_txt_fr.png) center center no-repeat;
	margin-top: 40px;
	height: 75px;
	/*cursor: s-resize ;*/
	
}

.nav_txt_en {
	background:url(../img/naviguez_txt_en.png) center center no-repeat;
	margin-top: 40px;
	height: 90px;
	/*cursor: s-resize ;*/
	
}


.testimonials {
	background: rgba(0,0,0,0.15);
	margin-top: 280px;
	padding: 10px;
	text-align: center;
	height: auto;
	
	/*font-family: 'champ_limo';*/
}

#coffee {
	background:url(../img/coffee.png) center center no-repeat;
	/*float: right;*/
	width: 489px;
	height: 431px;
	/*margin-right: -150px;*/
	right: -150px;
	top:780px;
	position: absolute;
	z-index: 80;
	
}

#pen {
	background:url(../img/crayon.png) center center no-repeat;
	float: left;
	width: 374px;
	height: 316px;
	position: absolute;
	top:770px;
	z-index: 80;
	 
}


/* Test pour animation durant le scrolling */
/*

#coffee {
	background:url(../img/coffee.png) center center no-repeat;
	width: 489px;
	height: 431px;
	right: -500px;
	top:780px;
	position: absolute;
}

#pen {
	background:url(../img/pen.png) center center no-repeat;
	width: 201px;
	height: 463px;
	position: absolute;
	top:700px;
	left:-200px;
	z-index: 80;
}
.animate {
	transition: 2s ease-in-out;
	-moz-transition: 2s ease-in-out;
	-webkit-transition: 2s ease-in-out;
}

#pen.animate {
	transform: translate(220px,0);
	-moz-transform: translate(220px,0);
	-webkit-transform: translate(220px,0);
}

#coffee.animate {
	transform: translate(-400px,50px);
	-moz-transform: translate(-400px,50px);
	-webkit-transform: translate(-400px,50px);
}*/



/* Section Résultat des recherches */

#search_results {
	min-height: 100%;
	height: auto;
	/*margin-bottom: 300px;*/
	/*border: solid 1px #333;*/
	/*margin-top: 200px;*/
	/*background: rgba(10,49,97,0.5);
	padding: 0;
	border: solid;
	border-color: #FFF;
	border-width: 5px 0 5px 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);*/
    /*height:auto;*/
  
    
}

.search_results {
	/*
	background: rgba(10,49,97,0.5);
	
	height: auto;
	display: inline-block;
	text-align: center;
	border: solid;
	border-color: #FFF;
	border-width: 5px 0 5px 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    */
    display: block;
    text-align: center;
    padding: 25px;
}

.clearing_bar {
	width: 100%;
	height: 1px;
	background: black;
}


.search_thumb {
	width:10%;
	height: 0;
	padding-bottom: 10%;
	background: rgba(10,49,97,0.9);
	display: inline-block;
	float: left;
	margin: 0;
	overflow: hidden;
	background-size: cover!important;
	/*box-sizing: border-box;
	overflow: hidden;*/
	
}

.search_thumb > img {
	
	width: 135%!important;
	min-height: 100%!important;
	

}



.selected {


}

.unselected {

    opacity: 0.4;
	-webkit-filter: saturate(0%);
	filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='saturate0'><feColorMatrix in='SourceGraphic' type='saturate' values='0.0' /></filter></svg>#saturate0");
	filter:saturate(0%);/*
	-moz-filter:grayscale(90%);
	-webkit-filter: grayscale(90%);
  filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='gray50'><feColorMatrix in='SourceGraphic' type='saturate' values='0.9' /></filter></svg>#gray90");
  filter:grayscale(90%);
  -ms-filter: grayscale(90%);*/
  

}




.thumb_info {

	padding-top: 5%;
	color:#fff;
	text-align: center;
	/*background: #1655b9;*/
	min-height: 100%;
	width: 100%;
	/*box-sizing: border-box;*/
	margin-top: -100%;
	visibility: collapse;
}

.thumb_info h4 {
	font-family: arial;
	margin-bottom: 0;
}

.thumb_info p {
	font-family: arial;
	line-height: 14px;
	margin-bottom: 5px;
}
.thumb_info h4 {
	font-weight: bold;
}


.thumb_info small {
	display: block;
	font-size: 11px;
}



.thumb_info .glyphicon {
	font-size: 18px;
}

.search_thumb .glyphicon-list-alt {
	float: right;
	margin-top: 21px;
}

.search_thumb:hover {
	background: #1655b9; /*rgba(22,85,185,1.0);*/
}

.search_thumb:hover > .thumb_info {
    visibility: visible;
    
}

.unselected:hover + .thumb_info {
    visibility: hidden;
    
}

.search_thumb:hover > .selected {
	visibility: collapse;

}

/*Section Fiches des résultats */

#fiches_results {
	/*padding-top: 120px;*/
}




.image_principale {
	border: solid 5px #FFF;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.5);
    border-radius: 5px;
    /*margin:45px 0 30px 0;*/
    margin:0 0 30px 0;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    
}

.image_principale img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	float: left;
	
	
}


.image_principale .vendu_en {
	
	width: 100%;
	height: 100px;
	background:url(../img/vendu_lg_en.png) center center repeat-x ;
	position: relative;
	margin: 43px 0 -143px 0;
	z-index: 99;
	
	
	
}



.image_principale .vendu_fr {
	width: 100%;
	height: 100px;
	background:url(../img/vendu_lg_fr.png) center center repeat-x ;
	position: relative;
	margin: 43px 0 -143px 0;
	z-index: 99;
	
	
	
	
}




.panel, .panel-heading {
	background: none;
	border: none;
}

.panel-title {
	font-weight: bold;
	font-size: 24px;
	/*color: #0a3161;*/

}


.panel-selection:before { 
content:"\25B4";
font-family: 'entypo';
font-size: 30px;
color: #0a3161;

}
.panel-selection.collapsed:before { 

content:"\25BE";
font-family: 'entypo';
font-size: 30px;
color: #0a3161;

}




/* Section Camion */

#maison {
	background: url(../img/maison.png) center bottom no-repeat;
	background-size: cover!important;
	min-height: 100%!important;
	/*-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);*/
    text-align: center;
    /*padding-top: 130px;*/
}

#camion {
	background:url(../img/truck2.png) center center no-repeat;
	background-size: contain!important;
	width: 371px;
	height: 200px;
	position: absolute;
	bottom: 20px;
	right: 55%;
}

#pancarte {
	background:url(../img/pancarte.png) center center no-repeat;
	background-size: contain;
	width: 252px;
	height: 466px;
	position: absolute;
	bottom:-7px;
	right: 10%;
	/*float: right;
	margin: 245px 10% 0 0;*/
		
}

.small_link {
	font-family: 'Garamond';
	font-style: italic;
	font-size: 20px;
	color: #000!important;
}

#description {
	text-align: center;
    padding-top: 100px;
}

#equipe {
	background: url(../img/blue_bg.jpg);
	background-size: cover;
	padding: 100px 0;
	min-height: 100%;
	text-align: center;
	border: solid;
	border-color: #FFF;
	border-width: 5px 0 5px 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}



.close {
	
	position: relative;
	z-index: 99;
	margin: 10px 15px 0 0;
	/*float: right;*/

}
.equipe_modal {
	text-align: left;
}

.equipe_modal img {
	width: 200px;
	height: 200px;
}

.equipe_modal h2 {
margin-top: 0!important;
}


.equipe_membres {

	width: 30%;
	height: 0;
	padding-bottom: 30%;
	background: rgba(10,49,97,0.9);
	display: inline-block;
	/*margin-right:1%;
	margin-bottom:1%;*/
	box-sizing: border-box;
	overflow: hidden;
	
	
}

.equipe_membres:nth-child(4n+4) {
	/*background: #FFF;*/
	margin-right: 0;
}

#equipe_titre {
	
	color: #FFF;
	padding: 0;
	text-align: left;
	-webkit-box-shadow: none;
    box-shadow: none;
   padding: 0!important;
    width: 250px;
	height: 250px;
	margin: 5px;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px red;
	overflow: hidden;

}

#equipe_titre h1, #equipe_titre p {

	-webkit-transition: opacity 2s;
	-moz-transition: 	opacity 2s;
	-ms-transition: 	opacity 2s;
	-o-transition: 		opacity 2s;
	transition: 		opacity 2s;
}

#equipe small {
	
	display: block;
	font-size: 14px;
	margin-top: 10px;
}

.equipe_titre h1 {
 margin-bottom: 10px;	
}

/* Image flipping */
/*
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  display: inline-block;
}

	.flip-container:hover .flipper,  
  .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {

	width: 250px;
	height: 250px;
	margin: 5px;
	
	
}

.back a {
	color: #FFF;
	margin-top: 20px;
	font-size: 26px;
	-webkit-transition: color 0.8s;
	-moz-transition: 	color 0.8s;
	-ms-transition: 	color 0.8s;
	-o-transition: 		color 0.8s;
	transition: 		color 0.8s;
}								

.back a:hover {
	color: #0a3161;
	-webkit-transition: color 0.3s;
	-moz-transition: 	color 0.3s;
	-ms-transition: 	color 0.3s;
	-o-transition: 		color 0.3s;
	transition: 		color 0.3s;
	
}

.flip-container > .flipper > .front > img {
	background: blue;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
}

.front {
	
	z-index: 2;
}


.front img {
	width: 100%;
	height: auto;
}

.back {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
		margin: 5px -5px;
		color: #FFF;
		padding:40px 10px 10px 0;
		background-color: #315aa6;
		background-image:-webkit-linear-gradient(top, #315aa6, #0a3161);
		background-image:linear-gradient(to bottom, #315aa6, #0a3161);		text-align: center!important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		border: solid 1px #0a3161;
	
}

.back h4 {
	margin-bottom: 0px;
	font-size: bold;
}

.back small {
	
}

.back p {
	margin-top: 7px;
	text-align: justify;
	font-size: 13px;
}

*/

/* Flip container pour firefox */

/* // entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	-webkit-perspective: 1000;
	  -moz-perspective: 1000;
	  -o-perspective: 1000;
	  perspective: 1000;
	-webkit-transform-style:preserve-3d ;
	-moz-transform-style:preserve-3d ;
	-ms-transform-style: preserve-3d;
	transform-style:preserve-3d ;
	
	display: inline-block;
	margin: 5px;
}
	/* //  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		
		-webkit-transform: rotateY(0deg);
	    -moz-transform:rotateY(0deg) ;
	    -ms-transform: rotateY(0deg);
	    -o-transform: rotateY(0deg);
	    transform:rotateY(0deg) ;
	}
	.flip-container:hover .front {
	    
	    -webkit-transform: rotateY(180deg);
	    -moz-transform:rotateY(180deg) ;
	    -ms-transform: rotateY(180deg);
	    -o-transform: rotateY(180deg);
	    transform:rotateY(180deg) ;
	}

.flip-container, .front, .back, .front_titre {
	width: 250px;
	height: 250px;
	
}



/* // flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	-moz-transition:0.6s ;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style:preserve-3d ;
	transform-style:preserve-3d ;
	position: relative;
	
}

/* // hide back of pane during swap*/
.front, .back, .front_titre {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	-moz-transition:0.6s ;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style:preserve-3d ;
	transform-style:preserve-3d ;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:	0px 0px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 		0px 0px 4px 0px rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
}

/* //  UPDATED! front pane, placed above back*/
.front, .front_titre {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	    -moz-transform:rotateY(0deg) ;
	    -ms-transform: rotateY(0deg);
	    -o-transform: rotateY(0deg);
	    transform:rotateY(0deg) ;
	    padding: 0!important;
}

.front img, .front_titre img {
	width: 250px;
	height: 250px;
	
}


/* // back, initially hidden pane*/
.back {
	
	-webkit-transform: rotateY(-180deg);
	-moz-transform:rotateY(-180deg) ;
	-ms-transform: rotateY(-180deg);
	-o-transform:rotateY(-180deg) ;
	transform: rotateY(-180deg);
	background-color: #315aa6;
	background-image:-webkit-linear-gradient(top, #315aa6, #0a3161); 
	background-image:linear-gradient(to bottom, #315aa6, #0a3161);
	text-align: center!important;
	color: #FFF!important;
	padding-top: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #0a3161;

}


.back a {
	color: #FFF;
	margin-top: 20px;
	font-size: 26px;
	-webkit-transition: color 0.8s;
	-moz-transition: 	color 0.8s;
	-ms-transition: 	color 0.8s;
	-o-transition: 		color 0.8s;
	transition: 		color 0.8s;
}								

.back a:hover {
	color: #e6ca2e;
	-webkit-transition: color 0.3s;
	-moz-transition: 	color 0.3s;
	-ms-transition: 	color 0.3s;
	-o-transition: 		color 0.3s;
	transition: 		color 0.3s;
	
}


.back h4 {
	
	margin-bottom: 0px;
	font-size: bold;
}

.back p {
	margin-top: 7px;
	text-align: justify;
	font-size: 13px;
}






/* */


#realisations {
	height: 1252px;
	/*min-height: 100%;*/
	background: #deceb5 url(../img/maisoninside_bg.jpg) center bottom no-repeat ;
	padding-top: 100px;
	/*text-align: right;*/
	text-align: center;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
	
}




#boites_realisation {
	background:url(../img/boites_realisation.png) center center no-repeat;
	background-size: contain;
	width:241px;
	height: 346px;
	
	position: absolute;
	bottom: 200px;
	left: 0;
	right: 310px;
	margin: auto;

	z-index: 0;

}

#parents {
	background:url(../img/parents.png) center center no-repeat;
	background-size: contain;
	width:143px;
	height: 300px;
	position: absolute;
	bottom:250px;
	right: 20%;
	
}

#enfant {
	background:url(../img/enfant.png) center center no-repeat;
	background-size: contain;
	position: absolute;
	bottom:50px;
	right: 25%;
	width: 140px;
	height: 290px;
}





#illico {
	height: 1172px;
	/*height: 100%!important;*/
	background: url(../img/gestion_illico_bg.jpg) center center no-repeat;
	background-size: cover!important;
	/*padding-top: 30px;*/
	text-align: center;
	/*-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);*/
	
}



#boites_1 {
	background:url(../img/boites_left1.png) center center no-repeat;
	background-size: contain;
	/*float: left;*/
	width:492px;
	height: 326px;
	/*margin: 320px 0 0 20px; 
	position: relative;*/
	z-index: 2;
	position: absolute;
	bottom: 2%;
	left: 3%;
	
	
}

#boites_2 {
	background:url(../img/boites_left2.png) center center no-repeat;
	background-size: contain;
	float: left;
	width:278px;
	height: 306px;
	/*margin: 250px 0 0 -80px;
	position: relative;*/
	position:absolute;
	left: 21%;
	top:620px;
	z-index: 0;
	
}

#boites_3 {
	background:url(../img/boites_right.png) center center no-repeat;
	background-size: contain;
	/*float: right;*/
	width:330px;
	height: 505px;
	/*margin: 150px 20px 0 0; */
	position: absolute;
	bottom: 5%;
	right: 2%;
}







#partenaires {
	/*padding: 100px 0 20px 0;
	text-align: center;*/
	min-height:100%!important;
	margin-bottom: 20px;
}

.partner_wrap {
	margin-top: 5%;
	padding: 6px 0;
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 	0px 0px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 		0px 0px 6px 0px rgba(0,0,0,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.partenaire_container {
	
	background: url(../img/tiles_bg.jpg) center center;
	background-size: cover;
	height: 400px;
	width: 100%;
	border: solid;
	border-color: #1655b9;
	border-width: 5px 0 5px 0;
	/*-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);*/	
	text-align: center!important;

	
}

.swiper-wrapper {
	
	width: 100%;
	height: 400px;
	margin: auto;
	display: block;
}

.swiper-container {
	
	height: 400px;
	width: 100%;
}
.cards_nav {
	
	width: 650px;
	margin: auto!important;
	margin-top: -65px!important;
	height: 50px;
	
	position: relative;
	z-index: 99;

	
}

.cards_nav .nav_arrow_left {
	height: 40px;
	width: 40px;
	background:transparent url(../img/nav_arrows.png) left center no-repeat ;
	float: left;
	border: none;
	background-size: cover!important;
}

.cards_nav .nav_arrow_right {
	height: 40px;
	width: 40px;
	background:transparent url(../img/nav_arrows.png) right center no-repeat ;
	
	float: right;
	border: none;
	background-size: cover!important;
}

.cards_nav .nav_arrow_right, .cards_nav .nav_arrow_left {
	opacity: 0.5!important;
	-webkit-transition: opacity 0.5s;
	-moz-transition: 	opacity 0.5s;
	-ms-transition: 	opacity 0.5s;
	-o-transition: 		opacity 0.5s;
	transition: 		opacity 0.5s;
}


.cards_nav .nav_arrow_right:hover, .cards_nav .nav_arrow_left:hover {
	opacity: 1!important;
	-webkit-transition: opacity 0.5s;
	-moz-transition: 	opacity 0.5s;
	-ms-transition: 	opacity 0.5s;
	-o-transition: 		opacity 0.5s;
	transition: 		opacity 0.5s;
}


.swiper-slide-active.partner_cards {
	/*margin-left: -140px!important;
	width: 525px!important;
	height: 300px!important;
	padding: 0 !important;*/
	position:relative;
	margin-top: 20px;
	height: 300px;
	z-index: 120;
	
}
.partner_cards {
	padding: 0;
	width: 525px;
	height: 300px;
}

.partenaires_title_fr {
	background: url(../img/partenaires_txt_fr.png) center top no-repeat;
	width: 100%;
	height: 89px;
	background-size: contain!important;
	/*margin-bottom: 7%;*/
	
}

.partenaires_title_en {
	background: url(../img/partenaires_txt_en.png) center top no-repeat;
	width: 100%;
	height: 89px;
	background-size: contain!important;
	/*margin-bottom: 7%;*/
	
}

#partenaires .logo_couleur {
	margin:20px auto 0 auto;
}



.guides {
	text-align: center;
	
}

.formulaire_rap {
	float: left;
	margin:-10px 0 0 -90px;
	z-index: 1;
	position: relative;
	
}
.guide_acheteur {
float: left;
z-index: 10;
position: relative;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	
}

.guide_vendeur {
float: right;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    margin-bottom: 100px;

	
}


#carte {
	background:url(../img/carte.png) center center no-repeat;
	background-size: contain;
	width: 500px;
	height: 300px;
	z-index: 80;
	position: absolute;
	right: 0;
	top:610px;
	/*margin: -300px -200px 0 0;*/
	
	
	
	
	
	
}

#mouse {
	background:url(../img/mouse.png) center center no-repeat;
	float: left;
	background-size: contain;
	width: 400px;
	height: 600px;
	margin: -600px 0 0 -100px;
	

	
}


.cartes_partenaires {
	background: url(../img/blue_bg.jpg);
	/*background: url(../img/tiles_bg.jpg) center center;*/
	background-size: cover;
	height: 322px;
	width: 100%;
	margin-top: 60px;
	border: solid;
	border-color: #FFF;
	border-width: 5px 0 5px 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	overflow: hidden;
}



#wrapper {
	/*background-color: #643;
	border-top: 1px solid #532;
	border-bottom: 1px solid #532;*/
	width: 100%;
	height: 150px;
	/*margin-top: -100px;*/
	/*position: absolute;
	top: 50%;
	left: 0;*/
	border:solid 1px #FFF;
}
.caroufredsel_wrapper {
	/*margin-top: 30px !important;*/
	padding-top: 20px !important;
	/*padding-bottom: 20px !important;*/
}
#carousel_cartes {
margin-top: 30px;
}
#carousel_cartes div {
	float: left;
	width: 350px;
	height: 200px;
	/*border: solid 1px #FFF;*/
}
#carousel_cartes img {
	border: none;
	position: relative;
	box-shadow: 0 0 10px #000;
}
#nav {
	width: 520px;
	margin: auto;
	/*position: absolute;
	bottom: -30px;
	left: 50%;*/
	/*border:solid 1px #FFF;*/
	text-align: left;
	margin-top: -80px;
	position: relative;
	z-index: 50;
	
}
#next {
	float: right;
}
#prev {
	/*float: left;*/
}
#prev, #next {
	text-decoration: none;
	color: #FFF;
	/*margin-top: -50px;*/
}
#prev:hover, #next:hover {
	text-decoration: none;
	color: #fff;
}
#prev.disabled, #next.disabled {
	color: #0a3161;
	cursor: default;
}



#pre_contact {
	text-align: center;
}

.logo_couleur {
	margin: auto;
}

#pre_contact {
	padding: 200px 0 20px 0;	
}

#map_section {
min-height: 100%!important;
/*height: 700px;*/
/*background: url(../img/menu_bg2.jpg) center top no-repeat;*/
padding-top: 72px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;

}

#map_section h1 {
	margin-bottom: 0;
}

#map_section h2 {
	margin-top: 0;
	margin-bottom: 20px;
}
.map_top_bg {
	height: 310px;
	width: 100%;
	background:url(../img/top_background.png) center center no-repeat;
	background-size: contain!important;
}

#map_canvas {
	height: 390px;
	width: 100%;
	border: solid;
	border-color: #FFF;
	border-width: 5px 0 5px 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	
}

#result_map_canvas, #details_map_canvas {
	height: 450px;
	width: 100%;
	border: solid;
	border-color: #FFF;
	border-width: 5px 0 5px 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	
}

#loading {
	width: 150px;
  height: 150px;
  margin: auto;
	background-image:url(../img/logo_anim2.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position: center bottom;
	/*margin:-100px 0 0 -75px;*/ /* is width and height divided by two */
	-webkit-animation: play 0.6s steps(10) infinite;
       -moz-animation: play 0.6s steps(10) infinite;
        -ms-animation: play 0.6s steps(10) infinite;
         -o-animation: play 0.6s steps(10) infinite;
            animation: play 0.6s steps(10) infinite;
	
}

.disclaimer {
	
	position: absolute;
	bottom: 0!important;
	margin: auto!important;
	width: 100%;
	text-align: center;
	padding: 25px 0;
}

.logo_adresse {
	text-align: center;
	margin-top: -100px;
	position: relative;
	z-index: 80;
}
.social_icons {
	
	padding: 0!important;
}
.social_icons > a {
	font-size: 72px!important;
	margin-top: 0!important;
	line-height: 65px;
}

#map_info {
	background: #F5F5F5;
	margin-top: -400px;
	position: relative;
	z-index: 80;
	padding-top: 30px;
	border: solid;
	border-color: #FFF;
	border-width:0 5px 5px 5px;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
    text-align: center;
    border-top: Solid 5px #F1F1F1;
}

#map_info > address {
	color: #0a3161;
	margin-top: 20px;
}

#contact_forms {
	background: url(../img/blue_bg.jpg) center top;
	background-size: cover;
	min-height: 100%;
	padding: 100px 0 100px 0;
	color: #fff;
	border: solid;
	border-color: #FFF;
	border-width: 5px 0 5px 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    

}

#contact_forms2 {
	background: transparent;
	background-size: cover;
	min-height: 100%;
	padding: 100px 0 100px 0;
	color: #fff;
	border: solid;
	border-color: #FFF;
	border-width: 5px 0 5px 0;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    

}

/* Background Carousel */

#contact_forms2 > .carousel { z-index: -99; } /* keeps this behind all content */
#contact_forms2 > .carousel .item {
    position: fixed; 
    width: 100%; height: 100%;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
 
}
#contact_forms2 > .carousel .one {
    background: url(../img/contact_bg/Zone_contact_01.jpg);
    background-size: cover;
    -moz-background-size: cover;
}
#contact_forms2 > .carousel .two {
    background: url(../img/contact_bg/Zone_contact_001.jpg);
    background-size: cover;
    -moz-background-size: cover;
}
#contact_forms2 > .carousel .three {
    background: url(../img/contact_bg/Zone_contact_002.jpg);
    background-size: cover;
    -moz-background-size: cover;
}
#contact_forms2 > .carousel .active.left {
    left:0;
    opacity:0;
    z-index:2;
}
/*url(../img/contact_bg/Zone_contact_01.jpg) */
/*url(../img/contact_bg/Zone_contact_001.jpg)*/
/*url(../img/contact_bg/Zone_contact_002.jpg)*/
/*url(../img/contact_bg/Zone_contact_003.jpg)*/
/*url(../img/contact_bg/Zone_contact_004.jpg)*/
/*url(../img/contact_bg/Zone_contact_005.jpg)*/
/* Background carousel */


#contact_forms h2, #contact_forms h3, #contact_forms h1, #contact_forms label {
	/*color: #efcb01;*/
	color:#0a3161;
}


#contact_forms select {
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
	
	border:none;
    outline:none;
    
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.checkboxes {
	display: inline-block;
	float: left;
}

#contact_forms .btn-contact, #contact_forms .btn-submit {
font-family: 'Garamond';
text-transform: uppercase;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
background-color: #0a3161 !important;
border-color:#052348;
border-width: 1px 3px 3px 1px;
color:#FFF;
-webkit-box-shadow: 0px 1px 2px 0px rgba(5,35,72,0.5);
-moz-box-shadow: 	0px 1px 2px 0px rgba(5,35,72,0.5);
box-shadow: 		0px 1px 2px 0px rgba(5,35,72,0.5);

	
}

#contact_forms .btn-submit {
	padding-left: 45px;
	background-image: url(../img/btn_icon.png);
	background-position:left center;
	background-repeat: no-repeat;
	background-size: contain;
}

#contact_forms .form-control {
border: 1px solid #efcb01; /* stroke */
-moz-box-shadow: -1px 2px 9px rgba(2,3,3,.67), inset -1px 2px 6px rgba(2,3,3,.75); /* drop shadow and inner shadow */
-webkit-box-shadow: -1px 2px 9px rgba(2,3,3,.67), inset -1px 2px 6px rgba(2,3,3,.75); /* drop shadow and inner shadow */
box-shadow: -1px 2px 9px rgba(2,3,3,.67), inset -1px 2px 6px rgba(2,3,3,.75); /* drop shadow and inner shadow */
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}

#contact_forms .btn-contact:hover, #contact_forms .btn-submit:hover {
	background-color: #052348 !important;
	border-color:#000!important;
	color: #e6ca2e;
}

#contact_forms .btn-contact.active, #contact_forms .btn-submit.active {
	background-color:#e6ca2e!important;
	color:#052348;
	border: solid 1px #e6ca2e!important;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(5,35,72,0.5);
	-moz-box-shadow:   	inset 0px 1px 2px 0px rgba(5,35,72,0.5);
	box-shadow: 		inset 0px 1px 2px 0px rgba(5,35,72,0.5);
	font-weight: bold;
}



button[type=submit] {
	/*border: solid 1px yellow;*/
}

#contact_forms .btn-group {
	padding-left: 5px;
	padding-right: 5px;
}

#contact_forms .btn-group:first-child {
	padding-left: 0!important;
	padding-right: 5px;
}

#contact_forms .btn-group:last-child {
	padding-left: 5px;
	padding-right: 0!important;
}

.modal-content {
	background:url(../img/textures/ricepaper2.png);
	color: #0a3161;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
}

.modal-content .btn-default {
	
	
}
.modal-content > iframe, iframe {
	height: 700px;
	border: solid 1px blue;
	width: 100%;
	position: relative;
	z-index: 100;
}

.required {
	color: red!important;
}
.form-control {
		-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
}


footer {
	background: #FFF url(../img/footer_logo.png) no-repeat;
	background-position: 70% 60%;
	height: 400px;
	padding:20px 0 50px 0;
	color: #0a3161;
	
	
	
}

footer a {
	display: block;
}


footer .scrollup {
	float: right;
	text-decoration: none;
	font-size: 42px;
	margin-top: -20px;
		
}




.social {
	font-family: 'social';
	font-size: 24px;
}



.entypo {
	font-family: 'entypo';
	font-size: 30px;
}

#bottom_nav {
	width: 100%;
	height: 80px;
	background: rgba(255,255,255,0.5);
	position: fixed;
	bottom:0;
	z-index: 80;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}

#bottom_nav a.scrollup {
	float: right;
	color: #0a3161;
	font-size: 60px;
	margin-right: 30px;
	text-decoration: none;
	position: relative;
	z-index: 80;
	
}
/* Video JE */

#JE > .top_image > a {
	
	display: block;
	margin-top: 35px;
	opacity: 0.7;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: 	all 0.5s ease-in;
	-ms-transition: 	all 0.5s ease-in;
	-o-transition: 		all 0.5s ease-in;
	transition: 		all 0.5s ease-in;
}

#JE > .top_image > a:hover {
	
	opacity: 1;
}

#JE .btn-block {
	
	position: absolute;
	bottom: 15px;
	margin: auto!important;
	left: 0;
	right: 0;
	width: 90%;
	text-transform: inherit;
	font-weight: bold;
}

#JE strong {
	display: inline-block;
}

.lien_facebook {
	width: 40px;
	height: 40px;
	margin: auto!important;
	
}

#VideoModal video {
	margin: auto!important;
	width: 100%;
	height: auto;
}


/* Map infoWindow*/
.info_window {
	width: 180px;
	text-align: center;	
}

.info_window .top_image {
	height: 70px;
	background-position-y: 25%!important;
  background-size: cover!important;
}
	
.info_window .small_logo {
	margin-top: -25px!important;
	height: 50px;
  width: 50px;
  background: transparent url(../img/small_logo.png);
  background-size: cover;
  margin: auto;
}

.info_window .btn {
	text-transform: inherit;
}


/* Gallery */

.blueimp-gallery-controls .play-pause {
	/*border: solid 1px red;*/
	position: relative;
	z-index: 200!important;
}

.blueimp-gallery-controls .title {
	cursor:pointer;
}

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

}

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

}

@media screen and (max-width: 767px) {
	.detail_menu .logo {
		background-position: left center;
		width: 50px!important;
	}
	

	
	.detail_menu h2 {
		
		font-size: 24px;
		margin-top: 17px;
	}
	
	.top_icon {
		z-index: 30;
	}
	
	
	#coffee, #pen, .nav_txt_en, .nav_txt_fr {
		visibility: collapse;
	}
	
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 


	.partenaire_container, #cartes_partenaires {
		height: 250px;	
	}
	
	.cards_nav {
		width: auto;
	}
	
	.partner_cards img {
		max-width: 100%;
	}

}



@font-face {
    font-family: 'champ_limo_bold';
    src: url('../fonts/champ_limo_bold.eot');
    src: url('../fonts/champ_limo_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/champ_limo_bold.woff') format('woff'),
         url('../fonts/champ_limo_bold.ttf') format('truetype'),
         url('../fonts/champ_limo_bold.svg#../fonts/champ_limobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'champ_limo';
    src: url('../fonts/champ_limo.eot');
    src: url('../fonts/champ_limo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/champ_limo.woff') format('woff'),
         url('../fonts/champ_limo.ttf') format('truetype'),
         url('../fonts/champ_limo.svg#../fonts/champ_limoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'entypo';
    src: url('../fonts/entypo.eot');
    src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo.woff') format('woff'),
         url('../fonts/entypo.ttf') format('truetype'),
         url('../fonts/entypo.svg#../fonts/entypo') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'social';
    src: url('../fonts/entypo-social.eot');
    src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo-social.woff') format('woff'),
         url('../fonts/entypo-social.ttf') format('truetype'),
         url('../fonts/entypo-social.svg#../fonts/entypo-social') format('svg');
    font-weight: normal;
    font-style: normal;

}