#menuwrapper {
        

        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
        width:100px;

       }


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;

	}

#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	}

#primary-nav ul ul {
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%;
	top: 0px;
        transition: 1s max-height 0.3s;
	}

#primary-nav li {
	margin-left: -1px;
	float: left;
border-right: 1px solid #777;
	}

#primary-nav li li {
	letter-spacing:0px;
        color : #e83e62;
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
	background-color:#b8aac0;
        width:300px;
        opacity:0.9;
        z-index:10000;
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
	display: block;
	margin: 0px;
	 padding: 5px 10px;
	text-decoration: none;
        color : grey;
        font-size: 14px;
        font-weight: 100;
	}

#primary-nav li a {
	letter-spacing:0px;
        color : #fff;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #333;
        font-family: OpenSansSemibold;
        font-size:13px;
        transition: color 1s;
        -moz-transition: color 1s; /* Firefox 4 */
        -webkit-transition: color 1s; /* Safari and Chrome */
        -o-transition: color 1s; /* Opera */
	}

#primary-nav li a:hover {
	color:#fff;	
background-color:#b8aac0;
	transition: color 0.5s;
        -moz-transition: color 0.5s; /* Firefox 4 */
        -webkit-transition: color 0.5s; /* Safari and Chrome */
        -o-transition: color 0.5s; /* Opera */
	}
	
	
#primary-nav li li a {
	letter-spacing:0px;
	}

#primary-nav li, #primary-nav li.menuparent {
	letter-spacing:0px;
        color : #81868B;
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
        color:#fff;
        
        
	}



#primary-nav li.menuactive a{
	
color:#fff;

	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	background-image: url(/uploads/images/template/arrows-ffffff.png);
	background-position: center right;
	background-repeat: no-repeat;
          
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
color:#fff;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
         color:#333;
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
color:#333;
font-weight:normal;
	}


/* IE Hacks */

#primary-nav li li {
	float: left;
	clear: both;
	}
#primary-nav li li a {
	height: 1%;
	}
/* Stylesheet: Tamain FULL - MENU Modified On 2014-11-05 11:09:14 */
* {margin:0;padding:0;}

a img {border:0;}
 
 
 
nav_mobile {display:none;}


.slicknav_menu {display:none;}

#content_btn {
     width: 900px;
     margin: 0 auto;
}


body  
     {
     font-size: 15px;	
     -webkit-font-smoothing: antialiased;
     font-family: 'OpenSansLight', arial, verdana, sans-serif;	
     background-color:#FFF;
     line-height: 22px;
     background-repeat: no-repeat;
     }


.wrapper {
     width:80%;
     margin:0 auto;
}

.wrapper_media {
     width:100%; 
     margin:0 auto;
     
}


.wrapper_main {
     width:1100px; 
     margin:0 auto;
     background-color: #918e8d;
     overflow: auto;
     background-color:#c6c6c3;
     background-color:#fff;
     padding-top: 30px;
}

.wrapper_footer {
     width:80%; 
     margin:0 auto;
     height:200px;
     background-color: #ab9277;
     padding: 41px 50px;
}

.wrapper_header {
     width: 100%;
     margin: 0 auto;
     background-color: #223963;
     height: 100px;
     box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
     -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
     -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
}
 

/***      POSITIONNEMENT HEADER NAV FOOTER ...    *****/

header 
     { 
     height: 100px;
     width: 100%;
     background-color:#473C3A;
     position:fixed;
     z-index: 100000;

     }



#d_media 
     {
     width:100%;
     padding-top: 100px;
     }



nav 
     {
     clear: both;
     float: right;
     margin-top: -40px;
     }


main 
     { 
     padding-top:10px;
     }


main p {
opacity:1 !important;
}



#d_logo 
     {
     float:left;
     margin-top:20px;
     }

.logo {
     width: 200px;
padding-top:10px;
}

#langues 
     {
     float:right;
     }

div#langues img 
     {
     width: 18px;
     }

footer 
     {
     float:left;
     width:100%;
     background-color: #ab9277;
     }

footer a {color:#fff;font-family:OpenSansSemibold;text-decoration:none;}
footer a:hover {color:#ccc;}
footer h4 {color:#fff;font-family:OpenSansBold;}
footer p {color:#e8e8e8;}
footer li {height: 30px;
list-style: none;
float: left;
margin-left: 20px; text-transform:uppercase;font-size: 13px;
padding-left: 2px;}

footer ul {float:right;}


footer img {
float: right;
clear: both;
margin-top: 30px;
margin-right: -11px;
  width: 570px;
}

/****************  PRODUITS   ********************/
div#content-produit {
width: 100%;
margin-top: 40px;
}

.produit{
    
}

.block {
position:relative;
width: 30%;
margin-right: 4%;
float: left;
text-align:center;
margin-bottom: 30px;
border: 1px solid #ccc;
height:410px;
background-color: rgba(162, 143, 127, 1);
color:#fff;
}

.block h2 {color:#fff;}



.last {
 margin-right:0%;
}

.img_block {
    max-width:100%;
    width:100%;
}

.mask:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}


.mask {
text-align:center;
padding: 0;
position: absolute;
top: 0;
height: 100%;
width:100%;
color: #fff;
margin: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
background-color: rgba(241,93,34, 0.8);
background-color: rgba(0, 106, 162, 0.8);
background-color: rgba(239, 33, 46, 0.9);
background-color: rgba(162, 143, 127, 0.9);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}


.mask h3 {
     font-family:OpenSansSemibold;
     color:#fff;
margin-top:60px; 
text-transform:uppercase;
}


.mask p {
     font-family:OpenSansRegular;
     color:#fff;
     line-height: 29px;
     margin-top: 30px;
}
.block h2 {
     font-family:OpenSansSemibold;
     text-align:center;
     font-size: 17px;
}

/**************   BUTTON   **********************/
.button 
     {
     border:2px solid #fff; 
     padding:15px;
     font-size:13px;
     background-color:#006aa2;
     color:#fff;
     letter-spacing:2px;
     -moz-transition: background-color .5s;
     -webkit-transition: background-color .5s;
     -o-transition: background-color .5s;
     }

.button:hover
     {
     
     background-color:#ef212e;
     }


/************     LIENS    ******/

a    {
    
     font-family:OpenSansSemibold;
     color:#926e56;
     text-decoration: none;
     transition: color 0.2s linear;
     -moz-transition: color 0.2s linear;
     -webkit-transition: color 0.2s linear;
     -o-transition: color 0.2s linear;
     }

a:hover 
     {
     color: #858482;
     }



h5{font-family:OpenSansBold;color:#b49578;}
p .enavant {font-family:OpenSansBold;color:#b49578;}
span .enavant {font-family:OpenSansBold;color:#b49578;}

/*************    TITRES    **********************************/
h1 { font-size: 37px; line-height: 42px; margin-bottom: 30px; text-transform:uppercase;}
h2 { font-size: 22px; line-height: 36px; margin-bottom: 10px;color:#767475;}
h3 { font-size: 19px; line-height: 34px; margin-bottom: 7px; }
h4 { font-size: 18px; line-height: 32px; margin-bottom: 7px; }
h6 { font-size: 14px; line-height: 24px; margin-bottom: 7px;  }
/**

h1{background-color: #e8e8e8;
color: #fff;
text-transform: uppercase;
padding: 6px 10px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #444;
text-transform: uppercase;
background: #473C3A;
font-weight: bold;
line-height: 34px;
margin-bottom: 7px;}
**/

h1 {
color: #926e56;
letter-spacing: -0.5px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
font-family: 'OpenSansSemiBold', sans-serif;

}

h2,h3,h4,h6 {
	color: #926e56;	
	letter-spacing: -0.5px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-family:'OpenSansSemiBold', sans-serif;
        	
}



h1.light, h2.light, h3.light, h4.light, h5.light, h6.light, p.light {
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	font-family: 'OpenSansLight';
}

h1.light { font-size: 34px; margin-bottom: 30px; }
h2.light { font-size: 28px; margin-bottom: 30px; letter-spacing: 0.5px;}
h3.light { font-size: 24px; margin-bottom: 15px; letter-spacing: 0.5px;}
h4.light { font-size: 18px; margin-bottom: 7px; letter-spacing: 0.5px;}
h5.light { font-size: 16px; margin-bottom: 7px; letter-spacing: 0.5px;}
h6.light { font-size: 14px; margin-bottom: 7px;  letter-spacing: 0.5px;}

h1.uppercase { letter-spacing: 3px; }
h2.uppercase { letter-spacing: 2.5px; }
h3.uppercase { letter-spacing: 2px; }
h4.uppercase { letter-spacing: 2px; }
h5.uppercase { letter-spacing: 1.3px; }
h6.uppercase { letter-spacing: 1.3px; }






/*******    MENU TOP       *********/



/******** CHARGEMENT DES POLICES ************/
@font-face 
    {
    font-family: 'OpenSansLight';
    src: url('/fonts/OpenSans-Light-webfont.eot');
    src: url('/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal; 
    }

@font-face 
    {
    font-family: 'OpenSansRegular';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('http://abalone-studio.fr/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

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

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


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

}

/********** Colonnes *******/


#content_main {
float: left;
width: 700px;
background-color: #fff;
padding: 0 20px 20px 20px;

}

#content {
padding:20px 50px;
}


.owl-carousel.owl-theme.owl-loaded {
margin-bottom: 60px;
}

carousel .wrapper-carousel {
width: 100%;
margin: 0 auto;
}
/* Stylesheet: Tamain - FULL Modified On 2019-07-12 14:57:02 */
.menu-defaut {color:#000;font-size:13px;font-weight:200;}

/*********   altern    ******/



@media all and  (min-width: 980px) and  (max-width: 1250px)
      {
      .wrapper {width:98%;}
      .wrapper_main { width:90%;}
      .wrapper_media {width:100%; }
      .wrapper_footer { width:90%; }
     
      footer li {height:auto;}
      }




@media all and  (min-width: 800px) and  (max-width: 979px)
      {
      .wrapper {width:100%;}
      .wrapper_main {width:100%;}
       .wrapper_footer { width:auto;height:250px;}
      
      .slicknav_menu {display:none;} 

      #primary-nav li a {font-size:10px;}
      #primary-nav a {padding: 5px 4px;}

      #content {padding: 20px 16px;}
 
      footer li {height:auto;}
      }




@media all and  (min-width: 600px) and  (max-width: 799px)
      {

      .bx-wrapper .bx-controls-direction a {top:50%;}

      .wrapper {width:100%; }
      .wrapper_main {width:100%; }
      .wrapper_footer { width:auto;height:250px;}

      nav {display:none;}
      .slicknav_menu {display:block;}
      nav_mobile { display:block;width: 100%;display:none; }

      #content {padding: 20px 16px;}

     /** .col {margin-right: 8%; margin-left: 45px; }  .span5 {width:28%;height:120px;}   **/



      footer li {height:auto;float:none; text-align:right;}
      footer img {float:right;  width: 100%;}
      }


@media all and  (min-width: 410px) and  (max-width: 599px)
      {
 
      .wrapper {width:100%; }
      .wrapper_main {width:100%; }
      .wrapper_footer { width:auto;}

      .bx-wrapper .bx-controls-direction a {top:50%;}

      .logo {width: 58%;height: auto;margin-top: 21px;}

      nav { display:none; }
      nav_mobile { display:block;width: 100%;display:none;}
      .slicknav_menu {display:block;}


      #content {padding: 20px 16px;}

      div#content-produit { width: 70%;position:relative; margin:0 auto;}

      .block {width: 100%;height:auto;}
      footer li {height:auto;float:none; text-align:right;}
      footer img {float:right;  width: 100%;}

 }





@media all and  (min-width: 210px) and  (max-width: 409px)
      {
 
      .wrapper {width:100%; }
      .wrapper_main {width:100%; }
      .wrapper_footer { width:auto;}

      .bx-wrapper .bx-controls-direction a {top:50%;}

      .logo {width: 58%;height: auto;margin-top: 21px;}

      nav { display:none; }
      nav_mobile { display:block;width: 100%;display:none;}
      .slicknav_menu {display:block;}

      #content {padding: 20px 16px;}

      h1 {font-size:22px;}
      h2 {font-size:18px;line-height: 22px;}

      div#content-produit { width: 100%;position:relative; margin:0 auto;}

      .block {width: 100%;height:auto;}
      footer li {height:auto;float:none; text-align:right;}
      footer img {float:right;  width: 100%;}



#d_carousel .owl-prev {height: 48px;width: 10px;background-image: url(/modules/OwlCarousel/fleche-gauche-mobile.png);}
#d_carousel .owl-next {height: 48px;width: 10px;background-image: url(/modules/OwlCarousel/fleche-droite-mobile.png);}
#d_carousel .owl-prev, #d_carousel .owl-next {
top: 36%;
}

 }




/***** Gestion des pages slider petit 


@media all and  (min-width: 690px) and  (max-width: 1000px)
      {
      #topmedia {width: 70%;height: auto;}
      #topnavboutique{width:30%;height: auto;}
      #topnavboutique img {width:98%;}
 
      #content_btn {width:100%;} 

      #topnav li {width:auto;}
      #topnav {width: 27%;float: left;padding-left: 3%;}

      .btn_img {width:350px;}

.contactform input[type=submit] {width:auto;}

div#wrapper {
background: #FFFFFF;
width: 100%;}
 

#content_col2 {width:30%;}
#content_main2{width:60%;}
.montage_img {width:85%;}

      }

@media all and  (min-width: 210px) and  (max-width: 689px)
      {
      #topmedia {width: 100%;height: auto;}
      #topnavboutique{display:none;}
      #topnav{display:none;}

      #content_btn {width:100%;} 
      .btn_img {margin: 20px 0;}

.contactform input[type=submit] {width:auto;}
 
 
div#wrapper {
background: #FFFFFF;
width: 100%;}


#content_col2 {width: 90%;padding:10px;}
#content_main2{width:100%;margin-left:0;}
.montage_img {width:100%;}




      }**/ 
/* Stylesheet: Tamain - RESPONSIVE Modified On 2015-03-23 12:21:40 */
/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 0;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #ab9277;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
   background: #473C3A;
  padding: 5px;
  position: fixed;
  z-index: 1000000;
  right: 0;
  margin-top: 47px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
/* Stylesheet: Tamain - Menu Mobile Modified On 2015-03-13 15:11:34 */