/* CSS Document */

.clear{
	clear:both;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#727a7d;
	background-image:url(/images/fond_site.jpg);
	background-repeat:repeat-x;
	background-color:#4ec4ff;
}

* {
	margin:0px;
	padding:0px;
}
div, img {
	border: none;
	border:0px;	
}
.mobile{
	display:none;	
}

.firstlink{
	cursor: pointer;
}

#site {
    height: 100%;
    margin: auto;
    position: relative;
    width: 100%;
}

p{
padding-bottom:1.2em;
line-height:1.3em;
}



h1, h1.contact{
	font-family: ProximaNova-Regular;
	color:#70537f;
	font-size:30px;
	padding-bottom:18px;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:0px;
	line-height:30px;
	
}

.home h1{
	font-family: ProximaNova-Regular;
	color:#FFF;
	font-size:42px;
	padding-bottom:2px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:0.8em;
	margin-top:10px;
}

.home h2,  h2.collections_titre{
text-transform: uppercase;
padding-bottom: 10px;
margin-top: 40px;
}

.homebox h2{
 margin-top: 0px;
}

h2{
	font-family: ProximaNova-Regular;
	color:#70537f;
	font-size:20px;
	padding-bottom:16px;
	font-weight:normal;
	
}

h3{
	font-family: ProximaNova-Regular;
	color:#FFF;
	font-size:30px;
	padding-bottom:16px;
	font-weight:normal;
	text-transform:uppercase;
	
}
h4{
	font-family: ProximaNova-Regular;
	color:#FFF;
	font-size:42px;
	padding-bottom:2px;
	font-weight:normal;
	text-transform:uppercase;
	line-height:0.8em;
	margin-top:10px;
	
}


a {
 outline: none;
}


a:active {
 outline: none;
}

:focus {
 -moz-outline-style: none;
}

a, a:active{
text-decoration: none;
color:#84D6FF;
}
a:hover {
text-decoration:none;
color:#b094bf;
}
a.discover{
	text-decoration: none;
color:#84d6ff;
}


.imgleft{
float:left;
padding-right:20px;
}
.imgright{
float: right;
padding-left:20px;
}



#header, #container{
	min-width:940px;
	max-width:1140px;
}


#header_new {
  margin: auto;
  height: 114px;
  background-color: #846f97;
  position: absolute;
  z-index: -1;
  width: 100%;
  max-width: 1140px;
  left: 50%;
  transform: translateX(-50%);
  top: -46px;
}

#container_top{
	width:100%;
	background-color:#FFF;
	height:60px;
	top:46px;
	position:absolute;
	z-index:3000;
}

#menu_container{
	width:940px;
	margin:auto;
	height:60px;	
}

#logo{
	float:left;
	width:195px;
    margin-top: 13px;
    cursor: pointer;
}

#social_link{
	float:right;
    margin-top: 10px;
}

#social_link a{
    margin-left: 5px;
}

#container{
	margin:auto;
	background-color:#FFF;
	position: relative;
    top: 0px;
    padding-top: 160px; 
	
}

.home #container{
  padding-top: 40px; 
}







#content{
	width:940px;
	margin:auto;
	padding-top:30px;
	
}
#content_page{
	width:940px;
	margin:auto;
	position:relative;
	
}
#content_page ul li{
	margin-left:20px;
	line-height:19px;
	
}




	
.swiper-container_collection{
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	
}
 .swiper-container_collection   .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
.swiper-button-next, .swiper-button-prev {
  color: #4ec4ff;
	visibility: hidden;
}


	
.swiper-container_collection:hover .swiper-button-prev, .swiper-container_collection:hover .swiper-button-next {
	visibility: visible;
}
	


#detail_objet{
	padding:20px;
	width:100%; 
	background-color:#f6f6f6; 
	margin-bottom:20px;
}

 a.violet{
	color:#70537f !important;
	
}

#detail_objet ul li{
	color:#464646;
	text-transform:uppercase;
	
}


.box_grise{
	padding:20px;
	width:100%; 
	background-color:#f6f6f6; 
	margin-bottom:20px;
	width:420px;
}
.big_box_grise{
	padding:20px;
	width:100%; 
	background-color:#f6f6f6; 
	margin-bottom:20px;
	width:700px;
	float:right;
}
.img_shadow{
-webkit-box-shadow: 0px 5px 10px 3px #8f8f8f;
box-shadow: 0px 5px 10px 3px #8f8f8f; 	
}

#boxcontact{
	background-image:url(/images/fond_box_contactme.jpg);
	background-repeat:repeat-x;
	background-color:#70537f;
	padding:24px;
	width:252px;
	
}
#boxcontact p{
	color:#FFF;
	font-size:24px;
}
#boxcontact a{
	color:#8cd7f3;	
}


#col1_home, #col2_home, #col3_home{
	width:300px;
	float:left;
	margin-right:20px;
	padding-bottom:20px;
}

.homebox{
	cursor:pointer;	
}

#footer{
	width:940px;
	margin:auto;
	padding-top:20px;
	padding-bottom:40px;
	font-size:11px;
	border-top:1px solid #b8bcbe;
	color:#959595;
}





.errormsg{
	color:#F00;
}
label{
	color:#808080;
	width:100%;	
}
input, textarea {
	margin-top:4px;
	margin-bottom:10px;
	width:220px;
	line-height:20px;
}
input.donate{
	width: auto;
	
}
input.boxcheck{
	width:24px;	
	
}
a.btnsmall, a btnsmall:active{
	padding:10px;
	background-color:#7AB51E;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
			
}
 a btnsmall:hover{
	color:#9A9B9C;
	
}

a.btn_simple{
  background-color: #846f97;
  padding: 10px 20px;
  border: 0px;
  border-radius: 4px;
  color: #FFFFFF;
}

/*//////menu lan//////////////*/
#menu_lan{
float:right;
text-align:right;
	

	
}

#menu_lan ul{
	list-style:none;
	padding:0px;
	margin:0px;
	margin-top:20px;
}

#menu_lan ul li{
    float: left;
	margin-right:1px;
}
#menu_lan ul li a {
	color:#9a9b9c;
	text-decoration:none;
	font-size:10px;
	background-image:url(/img/separator_menutop.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position: right;
	padding-right:12px;
	padding-left:12px;
	text-transform:uppercase;
	

	
}

#menu_lan ul li a:hover, #menu_lan ul li a.current {
    color: #313131 !important;
    text-shadow: none;
}






ul.archive{
	list-style:none;
	margin:0px;
	padding:0px;	
}
ul.archive li{
	list-style:none;
	margin:0px;
	padding:0px;	
}
ul.archive li a{
	margin-bottom:10px;
	display:block;
}
.lazy {
  display: none;
  background-color:#EFEFEF;
}


.mysearch_barre{
	 width:940px;
	 height:60px;
	 margin:auto;
	 position:relative;
	
}
.envoisform, .inputsearch, select#paysID{
	font-family:Arial, Helvetica, sans-serif;
	background: transparent;
	
	border: 0px;
    border-radius: 0 0 0 0;
    font-size: 16px;
    height: 34px;
    line-height: 1;
    padding: 6px;
/*	 width: 161px;*/
	 width: calc(100% + 40px);
	 -webkit-appearance: none;
	
   }
 .styled-select {
    background: url('/images/down_arrow_select.png') no-repeat scroll right center #FFF;
    border: 1px solid #CCCCCC;
	background-color:#FFF;
    height: 34px;
    overflow: hidden;
    width: 138px;
	float:left;
	margin-right:20px;
	
}



.inputsearch{
	background: transparent;
	border: 0px;
    border-radius: 0 0 0 0;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    padding: 0px;
	padding-left:4px;
	  width: calc(100% - 40px);
	 margin:0px;
	 float:left;	
	 -webkit-appearance: none;
	
   }

 .big_select{
	width:298px;	
}
   
 
.placeholder { 
color: #aaa; 
}




#container_carousel {
  width: 100%;
  background-color: #FFF;
  height: auto;
  position: relative;
  top: 0px;
  margin-top: 104px;  
  overflow: hidden;
  max-width: 3420px;
}   


.fond_carousel{
width:1140px;
position:absolute;
overflow:hidden;
height: 100%;
}



#carousel {
  position: relative;
  width: 1140px;
  height: auto;
  left: 50%;
  margin-left: 0px;
 
  background-color: #846F97;
  overflow: hidden;
  max-width: 100%;
  transform: translateX(-50%)
      
}



img.blur {
      height: 100%;
	
	 filter: url(/css/blur.svg#blur);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
	
    filter: blur(10px); 
	-webkit-filter: blur(10px); 
	-moz-filter: blur(10px);
    -o-filter: blur(10px); 
	-ms-filter: blur(10px);
 
	 } 
	 
 .carousel_back{
     display:none;
 }
 .firstslide{
     display:block; 
 }

    
.swiper-slide_img{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
    }    
    
.swiper-slide_img:after{
    content: '';
    padding-top: 50%;
    display: block;
    }
    

  [id^="check_transparent-btns1_s"] {
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }
	
 #check_transparent-btns1_s0 {
    opacity: 1; /* Set the initial opacity for the first slide's element */
  }	

.swiper-pagination-bullet-active {
  background: #84d6ff !important;
}
.home .swiper-pagination-bullets.swiper-pagination-horizontal{
bottom: 76px !important;
  width: 1140px !important;
  left: 50% !important;
  max-width: 100% !important;
  transform: translateX(-50%);
  text-align: left;
  margin: 0px 96px;
}

.swiper-pagination-bullet {
    height: 12px !important;
    width: 12px !important;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
      background: #000 !important;
     opacity: 0.5 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #84d6ff !important;
  opacity: 1 !important;
}


.mylegende_carousel h1 {
   text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
    0px -4px 10px rgba(255,255,255,0.3);
}


.mylegende_carousel p{
color: #FFF;
font-size: 16px;
text-transform: uppercase;
padding: 0px;
   text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 
    0px -4px 10px rgba(255,255,255,0.3);	
}
/*FORM*/

.btn_send{
    
    background-color: #846f97;
    padding: 10px 20px;
    border: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0px;

}
.btn_send:hover{
    color: #FFFFFF;
    text-decoration: none;
}


.styled-select_form{
	float: left;
	margin-bottom:11px;
	width:260px;
    border: 1px solid #CCCCCC;
    background-color: #FFF;
    height: 34px;
    overflow: hidden;
}

.envoisform{
	width:280px;
}

h5{
	padding-top:20px;
	 padding-bottom:20px;	
}

.errormsg {
    float: left;
	margin-left:4px;
    width: 100%;
}

.inputsimple{
    margin-right:0px;
    background-image:none;
    margin-right: 20px;
	
}

.input-mini{
	width:120px !important;
	
}


.daterangepicker_end_input{
	margin-bottom:20px;
	padding-left:0px !important;
	margin-left:0px !important;	
}
	

