/*!
 * Cédric le 151022
 *	.gis{color:#616263;}
	.grisclair{color:#f0f3f3;}
	.noir{color:#474747;}


	.brun{color: #83462d;}
	.dore{color:#b59e6c;}

 
*/
@font-face {
	font-family: "AkzidenzGrotesk";
	font-weight: 400;
	src: url('https://www.au-crocodile.com/fonts/AkzidenzGrotesk-LightExtended.ttf');
}
@font-face {
	font-family: "Antro_Vectra";
	font-weight: 400;
	src: url('https://www.au-crocodile.com/fonts/Antro_Vectra.ttf');
}
@font-face {
	font-family: "Antro_Vectra";
	font-weight: 900;
	src: url('https://www.au-crocodile.com/fonts/Antro_Vectra_Bolder.ttf');
}
@font-face {
	font-family: "BigCaslon";
	font-weight: 400;
	src: url('https://www.au-crocodile.com/fonts/BigCaslon.ttf');
}
/*
@font-face {
	font-family: "OakesGrotesk";
	font-weight: 800;
	src: url('https://www.1741.hoplaweb.fr/fonts/OakesGroteskBold.ttf');
}
*/
 a:hover,a:focus {
    text-decoration: none;
}


  		.background-fondmenu {
  			position:absolute;
  			background: url(../images/Au-Crocodile-Table-Excellence-0019.jpg);
  				background-position: center center;
			/*background: linear-gradient(rgba(32, 37, 43, 0.8), rgba(32, 37, 43, 0.8)),url(../images/Au-Crocodile-Table-Excellence-0019.jpg);
				filter: grayscale(1);
				-webkit-filter: grayscale(1);*/
			    background-repeat: no-repeat;
			    opacity: 1;
			    visibility: inherit;
			    background-size: cover;
			width: 100%;
			height: 100%;
  		}
  		.fondestompesurphoto-acueil{
			width: 100%;
			height: 100%;
			position:absolute;
			z-index:999;

  		}
  		
  		 .fondtexture {background: url(../images/texture_bois_encart.jpg);
			background-repeat: repeat;
  		}
  		.background-accueil-1 {background: url(../images/Au-Crocodile-Table-Excellence-0018.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;

			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;


  		}

  		.background-accueil-2 {background: url('../images/Au-Crocodile-Plat-0028 (2).jpg');
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			
			position:relative;
  		}

  		.background-accueil-3 {background: url(../images/bon-cadeau.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}

  		.background-accueil-4 {background: url(../images/Au-Crocodile-Salle-0016.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
  		}


		.background-headercateetmenu{background: url('../images/Au-Crocodile-Plat-0027 (2).jpg');
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}

  		.background-carteetmenu-1 {background: url('../images/Au-Crocodile-Plat-0026 (2).jpg');
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
  		}




		.background-headerhistoire{background: url(../images/Au-Crocodile-Salle-0017.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}




		.background-headerproducteur{background: url(../images/Au-Crocodile-Producteurs-0014.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}
   		.background-producteur-1 {background: url(../images/Au-Crocodile-Vigneron-0011.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}

  		.background-producteur-2 {background: url(../images/Au-Crocodile-Vigneron-0012.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
  		}
   		.background-producteur-3 {background: url(../images/Au-Crocodile-Producteurs-0013.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}
		.background-headerhistoire{background: url(../images/Au-Crocodile-Decors-0029.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}
   		.background-histoire-1 {background: url(../images/le-celebre-crocodile-empaille-dans-son-nouvel-ecrin-photo-dna-camille-battinger-1579899060.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}
 		.background-histoire-2 {background: url(../images/logo_crocodile_background.png);
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: contain;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			position:relative;
  		}

		.background-headerlocalisation{background: url(../images/Au-Crocodile-Table-Excellence-0021.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}


		.background-headeremilejung{background: url(../images/photo_1_emile_jung.jpg);
	    	    background-position: center 20%;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}

   		.background-emilejung-1 {background: url(../images/photo_carre_emile_jung.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}
  		.background-headersalon{background: url(../images/photo_salon.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}
  		

  		.background-salon-1 {background: url(../images/Au-Crocodile-Salle-0016.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}

  		.background-salon-2 {background: url(../images/Au-Crocodile-Table-Excellence-0020-salon.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			min-height:100%;
			position:relative;
  		}
   		.background-salon-3 {background: url(../images/Au-Crocodile-Table-Excellence-0017.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}
   		.background-salon-4 {background: url(../images/Au-Crocodile-Table-Excellence-0015.jpg);
			background-position: center 30%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			min-height: 100%;


  		}
   		.background-salon-5 {background: url(../images/Au-Crocodile-Table-Excellence-0022.jpg);
			background-position: 75% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			height: 100%;
			position:relative;
			min-height:400px;
  		}




		.background-headerequipe{background: url(../images/Au-Crocodile-Equipe-0008.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
			    opacity: 1;
			    visibility: inherit;
			    width: 100%;
			    height:100%;
  		}
 		.background-equipe-2 {background: url(../images/logo_crocodile_background.png);
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: contain;
			opacity: 1;
			visibility: inherit;
			width: 100%;
			position:relative;
  		}


		/********************************
		Scroll Up
		********************************/ 
		#scrollUp {
			bottom: 30px;
			right: 30px;
			height: 35px;  /* Height of image */
			width: 35px; /* Width of image */
			background-color: #bdcceb ;
			color:#3764a5;
			padding-top:0px;
			padding-left:8px;
		}
		#scrollUp:hover {
			background-color: #3764a5 ;
			color:#fff;
			transition-property: background-color;
			transition-duration: 1s;
			transition-timing-fonction: linear;
		}
		.fonddoreestompe {
		background-color : rgba(190,166,105,0.7);
		}

		.fondbrunestompe{
		background-color : rgba(131,70,45,0.7);
		}
		.fondnoirestompe {
		background-color : rgba(0,0,0,0.7);
		}
		.fondnoirestompe2 {
		background-color : rgba(0,0,0,0.4);
		}
		.fondblancestompe {
		background-color : rgba(255,255,255,0.2);
		}
		.fondblancestompe2 {
		background-color : rgba(255,255,255,0.5);
		}
		.fondgrisestompe {
		background-color : rgba(97,98,99,0.4);
		}
		.fondgrisestompe2 {
		background-color : rgba(97,98,99,0.94);
		}
		.fondestompe{
			background-color : rgba(255,255,255,0.7);}
		.fondtransparent {
			background-color : transparent;}		
		.fondgristransparent{
			background-color : rgba(0,0,0,0.6);
		}
		.fondtaupeestompe{
			background-color : rgba(157,135,127,0.6);
		}
		.fondbordeauestompe{
			background-color : rgba(93,41,55,0.6);
		}
		.fonddegradenoir{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+45,000000+100&0.65+0,0+100 */
			background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.36) 45%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.36) 45%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.36) 45%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
		}	
		.fonddegradeblanc{
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+45,000000+100&0.65+0,0+100 */
			background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.36) 45%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.36) 45%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.36) 45%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
		}	
		.fonddore{
			background-color: #b59e6c;
		}
		.fondbrun{background-color: #83462d;}
		.fondblanc{background-color:#fff;}
		.fondgris{background-color:#616263;}
		.fondgris2{background-color:#d4d7d5;}
		.fondgrisclair{background-color:#d5d9da;}
		.fondgrisclair2{background-color:#f6f5f5;}
		.fondnoir{background-color:#1e1d1d;}
		.gris{color:#58585a;}
		.grisfonce{color:#231f20;}
		.noir{color:#1e1d1d;}
		.blanc{color:#fff;}
		.grisclair{color:#aea8a8;}
		.grisclair2{color:#d5cdcd;}
		.brun{color: #83462d;}
		.dore{
			color: #b59e6c;
		}
		.dore2btn{
			color: #a18d61;
		}
		a.dore2btn{
			color: #a18d61;
		}	
		a.dore2btn:hover{
			color: #fff;
		}		
		a.dore{
			color: #b59e6c;
		}
		.dore{
			color: #b59e6c;
		}
		a.blanc:hover,a.blanc:focus{
			font-weight: bold;
		}
		a.brun:hover,a.brun:focus{
			font-weight: bold;
			color: #83462d;
		}
		a.blancdore{
			color: #fff;
		}
		a.blancdore:hover, a.blancdore:focus{
			color:#b59e6c;
		}
		a.pictodore svg{
			fill: #b59e6c;
		}
		a.pictodore:hover svg, a.pictodore:focus svg{
			fill: #fff;
		}

		a.blancdore:hover, a.blancdore:focus{
			color:#b59e6c;
		}
		.rose{
			color:#db206f;
		}
		a.rose:hover, a.rose:focus{
			color:#db206f;
		}
		a.beige:hover, a.beige:focus{
			color:#dfd6bc;
			font-weight: bold;
		}
		a.gris{
			color:#616263;
		}
		a.noir{
			color:#1e1d1d;
		}
		a.grisclair:hover, a.grisclair:focus{
			color:#aea8a8;
		}
		a.grisclair2:hover, a.grisclair2:focus{
			color:#d5cdcd;
		}
		.lienhoplaweb{
			color:#fff;
		}
		.lienhoplaweb:hover, .lienhoplaweb:focus{
			color:#fff;
			font-size:120%;
		}
		.lienhoplawebblanc{
			color:#fff;
		}
		.lienhoplawebblanc:hover, .lienhoplawebblanc:focus{
			color:#fff;
			font-size:120%;
		}
		.aspecif{
			color:#217be7;
		}
		.aspecif:hover, .aspecif:focus{
			color:#217be7;
		}
		a.blanc{
			color:#fff;
		}
		a.blanc:hover, a.blanc:focus{
			color:#fff;
		}
		a.grisclair:hover, a.grisclair:focus{
			color:#c5c5c5;
		}
		.txtspecial{
			font-family: "Antro_Vectra";
			letter-spacing: 8px;
		}
		.txtspecial2{
			font-family: "BigCaslon";
		}
		
		.txttitre{
			letter-spacing: -3px;
			font-size:60px;
		}
		.txtsoustitre{
			letter-spacing: 3px;
			margin-top:-15px;
			text-transform: uppercase;
		}
		.soustitre{
			text-align: center;
		}
		.txtunpeupetit{
			font-size:70%;
		}
		.txtunpeugrand{
			font-size:140%;
		}
		.txtgrand{
			font-size:200%;
		}
		body{  color: #7a7a7a;
				height: 100%;
    			width: 100%;
		   		font-size: 18px;
		   		font-weight: 400;
		   		font-family:"AkzidenzGrotesk";
		  }

			::-moz-selection{
				color:#fff;
		    	background-color: #616263;
		    }
      		::selection{
	      	  color:#fff;
		      background-color: #616263;
	      	}

		.arrondi {
		   border-radius: 1rem;
		}
		.arrondi-right {
		   border-top-right-radius: 1rem;
		   border-bottom-right-radius: 1.3rem;
		}
		.navbar-nav{font-size: 18px;	
			padding-top:0px;
	        padding-bottom:0px;

	    }
	    #logoheader{
	    	opacity: 0;
	    	-webkit-transition: opacity 1s ease-out;
			-moz-transition: opacity 1s ease-out;
			 -o-transition: opacity 1s ease-out;
			 transition: opacity 1s ease-out;
	    }
		.navbar{  margin-bottom: 0px;
			  -webkit-transition: background-color 1s ease-out;
			  -moz-transition: background-color 1s ease-out;
			  -o-transition: background-color 1s ease-out;
			  transition: background-color 1s ease-out;
			}
		.navbar-brand {
			font-size:40px;
		}
		.navbar-inverse .navbar-toggler {
		    border-color: rgba(255,255,255,1);
		    cursor: pointer;

		}
		.navbar-trans{
		  	/*background: transparent;*/
		  	background-color : rgba(255,255,255,0.7);} 
		 }
		.pull-center {
	        float: none;
	      display: inline-block;
		}
		.btn{font-size: 18px;}
		.carousel-caption {
			    top: 80%;
			    bottom: auto;
		}

		.cssplatdujour{width:80%;margin:auto;}
			.carousel-page-2
			{
				width:100%;
				background-color:#5f666d;
				color:white;
			}
		.navbar-toggle  {
			font-size: 19px !important;
			background-color:#fff !important;
			color:#144c5f;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear; 
		}

		.navbar-toggle:hover, .navbar-toggle:focus{
		    background-color: #3b889c !important;
		    color:#fff;

	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear; 
		}

		.navbar-nav > li > a {
		    text-align: center;
		    padding-right:15px;
		    padding-left:15px;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear; 
	        color:#fff;
	        font-weight: 200;
			letter-spacing: .1em;
			line-height: 33px;
			text-transform: uppercase;
			font-size:22px;
		 }
		/* .navbar-nav > li > a:hover,.navbar-nav > li > a:focus{*/


		.navbar-nav > li > a:hover{
		 	color:#b59e6c;
		 }
		.navbar-nav > li.sanshover:hover{
		 	background-color:transparent;
		 	color:#fff;
		 }

		.sanspadding{
			padding:0px;
		}
		.sansmargin{
			margin:0px;
		}
		li.carrebleu {
			list-style-type: square;
		    color: #217be7;
		}
		.lisansstyle {
		   list-style-type:none;
		}
		.navbar-inverse .navbar-brand:hover,
		.navbar-inverse .navbar-brand:focus {
		 	color: #82b440;
		}
		.visibleinline{
   			display: inline-block;
		}

		.margeauto{
			margin:auto;
		}
		.col-center-block {
			display: block;
			float: none;
			margin-left: auto;
			margin-right: auto;
		} 
		.longueur30 {
			width: 30%;
		 }
		.barre {
			border-bottom: 2px solid #9d9d9d;
		 }
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.h1,
		.h2,
		.h3,
		.h4,
		.h5,
		.h6 {
		  color: inherit;
		}

		.txt1grand::first-letter {
			font-size:120px;
		}
		.txt1moyen::first-letter {
			font-size:70px;
		}
		/* to be added to your global CSS file */
		div small.error {
			color: #B94A48; /* color to match Bootstraps error class */
		}
		.overlay {
		   background:transparent; 
		   position:relative; 
		   height:300px; /* your iframe height */
		   top:300px;  /* your iframe height */
		   margin-top:-300px;  /* your iframe height */
		}
		.bordgauche{
			border-left:2px solid #217be7;
		}
		.paddinghaut{
			padding-top:20px;
		}
		.masquer{display : none;}
		.visible{display:block;}

		.menu-block .item {
			margin-bottom:50px;
			width: 100%;
		}
		.nav-tabs .nav-link {
		    border: 1px solid transparent;
		        border-top-color: transparent;
		        border-right-color: transparent;
		        border-bottom-color: transparent;
		        border-left-color: transparent;
		    border-top-right-radius: 0rem;
		    border-top-left-radius: 0rem;
		    padding-top:10px;
		    padding-bottom:10px;
		    font-weight:400;
		}
		.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
			color: #fff;
		}
		.nav-tabs > li > a {
			color:#b59e6c;
		}
		.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
		    border:1px solid #b59e6c;
		}
		.nav-tabs {
		    border-bottom: 0px solid #b59e6c;
		}
		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		    border: none;

		}
		.nav-tabs .nav-link.active{
			color: #fff;
		    background-color:#b59e6c;
		    border-radius: 0rem;
		}

	.menu-box {
	    display: block;
	    line-height: 1em;
	    margin-top:20px;
	}
	.menu-box .menu-heading {
	    letter-spacing: 0;
	    z-index:2;
	}
	.menu-box .price {
	    position: absolute;
	    padding-left:10px;
		font-style: normal;
	    opacity: 1;
	    z-index:2;
	}
	.menu-box .description {
	    width: 100%;
	}
	.menu-box .price {
	    display: inline;
	    float: right;
	    right: 20px;
	}
	.menu-box .listing {
	    font-style: italic;
	    opacity: 0.5;
	    margin-left:20px;
	}
	.enbas {
		color: #000;
	}


	.nav-tabs > li > a{
	}
	.nav-tabs > li, .nav-pills > li {
	    float:none;
	    display:inline-block;

	}
	.nav-tabs {
	    text-align:center;
	}
	.souligner{
		text-decoration:underline;
	}

	.facebook{
	  	font-size: 20px;
	    letter-spacing: 6px;
	    padding-top:10px;
	    height:50px;
	    color:#ffffff;
		background-color:#3b5998;
		font-weight: bold;
	}
	.facebook a:hover span i{
		color: #ffffff
	}
	.cercle{
	  border-radius:50%;
	  width:50px;
	  height:50px;
	  border:2px solid #ffffff; 
	}

	.btn{
		font-family: "solidocondensedbook",Verdana, Arial, sans-serif;
	}
	 .messagebox{
	    margin-top:70px;
	    border:1px solid #c93;
	    background:#ffc;
	    padding:5px;
	    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	}
	 .messageboxok{
	    margin-top:70px;
	    border:1px solid #349534;
	    background:#C9FFCA;
	    padding:5px;
	    font-weight:bold;
	    color:#008000;
	    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	}
	.messageboxerror{
	    margin-top:70px;
	    border:1px solid #CC0000;
	    background:#F7CBCA;
	    padding:5px;
	    font-weight:bold;
	    color:#CC0000;
	    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	}
	.row{
	    margin-left:0px;
	    margin-right:0px;
	}
	.container-fluid{
	    padding-left:0px;
	    padding-right:0px;
	}
	.bordure-image{
		background-color: #fff;
		padding:10px;
	    border-style: solid;
	    border-width: 1px;
	    color: #d0d0d0;
	}
	.bordure-image2{
		background-color: #fff;
	    border-style: solid;
	    border-width: 1px;
	    color: #d0d0d0;
	}
	.bordure-rose{		
		border:1px solid #db206f;
	}
	.bordure-rouge{		
		border:1px solid #78252f;
	}
	.bordure-top-grisclair{
		border-top:1px solid #f0f3f3;
	}
	.bordure-bottom-grisclair{
		border-bottom:1px solid #f0f3f3;
	}
	.bordure-bottom-brun{
		border-bottom:1px solid #83462d;
	}
	.bordure-bottom-dore{
		border-bottom:2px solid #b59e6c;
	}
	.bordure-centremenu-dore{
		border-top:1px solid #b59e6c;
		margin-left:35%;
		width:30%;
		margin-top:-15px
	}
	.bordure-right-grisclair{
		border-right:1px solid #f0f3f3;
	}
	.bordure-left-grisclair{
		border-left:1px solid #f0f3f3;
	}
	.bordure-top-gris{
		border-top:1px solid #616263;
	}
	.bordure-top-gris-contact{
		border-top:1px solid #616263;
		position:absolute;
		left:20%;
		width:60%;
		margin-top:-15px
	}
	.bordure-bottom-blanc{
		border-bottom:1px solid #fff;
	}
	.bordure-bottom-doreclair{
		border-bottom:1px solid #bca77b;
	}	
	.bordure-right-gris{
		border-right:1px solid #616263;
	}
	.bordure-left-gris{
		border-left:1px solid #616263;
	}
		.affichersousmenu:hover .dropdown-menu {
		    display: block;
		}
		.dropdown-menu{
			margin-top:-1px;
		}
	.bordure-menu-top-dore{
		border-top:5px solid #b59e6c;
	}
	.bordure-menu-haut-dore{
	    content: "";
	    position: absolute;
	    left: calc(13vw + 0px);
	    width: 10px;
	    background: rgba(190,166,105,1);
	    height:100%;
	}
	.bordure-centre-header-dore1{
		background: linear-gradient(to left, #b59e6c, #b59e6c);
		background-repeat: no-repeat;
		background-size: 0 100%;
		transition: background-size 0.5s 0s;
		position:absolute;
		height:5px;
	}
	.bordure-centre-header-dore1.go{
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
	}
	.bordure-centre-header-dore2{
		background: linear-gradient(to left, #b59e6c, #b59e6c);
		background-repeat: no-repeat;
		background-size: 0 100%;
		transition: background-size 1s 0s;
		position:absolute;
		height:5px;
		width:100%;
	}
	.bordure-centre-header-dore2.go{
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
	}
.afficherdiv{
  display: block;
}
.masquerdiv{
  display: none;
 /* opacity: 0;
 // transition: visibility 3s, opacity 0.5s linear;*/
}
.cadreevenement {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 30px;
    z-index: 2;
    background-color: rgba(57,101,165,0.7);
}
	.cadreombre {
	    box-shadow: 2px 2px 2px rgba(198,198,198,0.33),-1px -1px 1px rgba(198,198,198,0.33);
	}
	.cadreombrepasdecote {
	    box-shadow: 2px 2px 2px rgba(198,198,198,0.33),0px -1px 1px rgba(198,198,198,0.33);
	}
.cadresimple{
	height:50px;
	width:450px;
}
.cadreentier{
	height:80%;
	width:80%;
}
.cadreprinc{
	height:100%;
	overflow:hidden;
}
.imageplat > div > img{
	width:100px;
	height:100px;
}
.carousel-caption {
    left: 15%;
    right: 15%;
}
.marginimgplat{
	margin-left:100px;
}
.fixed-topplusbas {
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    z-index: 1030;
}	
.textelogoxs{
	margin-top:-40px;
}
.hauteurimgheader{
	max-width: 200px;
	margin-top:5px;
}
.titre{
	font-weight: 900;
	font-family: "solidocondensedbook",inherit;
}
.marginheader{
	margin-top:-60px;
}
.margintopparking{
	margin-left:-120px;
}
.poslogoheader{
	right: calc(50% - 80px);
}
		.titresousmenu{
			margin-top:-20px;
			margin-left:40%;
		}
		.titresoustarif{
			margin-top:-10px;
			margin-left:0;
		}
		.titresousmenuunpeu{
			margin-top:-40px;
			margin-left:20%;
		}
		.postelheader{
			margin-top:100px;
		}
.pl-50{
    padding-left: 10rem !important;
}
.pr-50{
    padding-right: 10rem !important;
}


		@media (min-width: 0px) {
			  .navbar-collapse {
					min-width: min-content;
			    }
			.background-restaurant-1 {
				height:80%;
			}
			.background-restaurant-2 {
				background: none;
			}
			.background-restaurant-3 {
				padding-top:0px;
				padding-bottom:0px;
			}
			.background-restaurant-2-paddingbottom{
				padding-bottom: 0px;
			}
			 .background-platdelasemaine{
			    background : 0;
			 }
			.txttitre{
				letter-spacing: -3px;
				font-size:45px;
			}
			.postelheader{
					margin-top:100px;
			}
			.poslogoheader{
				left:0;
			}
			.margintopparking{
				margin-top:0px;
			}
				.marginheader{
					margin-top:0px;
				}

				.textelogoxs{
					margin-top:-25px;
				}
				.txtunpeupetit{
					font-size:70%;
				}
				h1.txtspecial2 {font-size: 40px}
				h1,.h1 {font-size: 25px}
				h2,.h2 {font-size: 22px;}
				h3,.h3 {font-size: 18px;}
				h4,.h4 {font-size: 16px;}
				h5,.h5 { font-size: 14px;}
				h6,.h6 {font-size: 12px;}
				.titresousmenu{
					margin-top:-15px;
					margin-left:0%;
				}
				.titresousmenuunpeu{
					margin-top:-15px;
					margin-left:0%;
				}
			 .fixed-topplusbas{
			    top: 0px;
			 }
			 .fixed-topplusbas > .hauteurheader{
				height: auto;
			}
			 .fixed-top > .hauteurheader{
				height: auto;
			}
			.afficherdiv{
				display: none;
			}
			.reduirepolice{
				font-size: 80%;
			}
			.txt1grand::first-letter {
				font-size:70px;
			}
		}
		@media (min-width: 320px) {

			.afficherdiv{
				display: none;
			}
			.arriereplan{
			  	 background-attachment: inherit;
			}
			.carousel-page-2
			{
				height:150px;
			}

				h1.txtspecial2 {font-size: 40px}
				h1,.h1 {font-size: 30px}
				h2,.h2 {font-size: 25px;}
				h3,.h3 {font-size: 20px;}
				h4,.h4 {font-size: 16px;}
				h5,.h5 { font-size: 14px;}
				h6,.h6 {font-size: 12px;}
				h1entete,.h1entete {font-size: 22px;}
				.cssplatdujour{height:50%;}
				.menu-box {

				    line-height: 1.7em;
				}
				.enbas {
				    font-size: 12px;
				}
				.nav-tabs > li > a{
				    font-size: 13px;
				}
		}

		@media (min-width: 480px) {
			.txttitre{
				letter-spacing: -3px;
				font-size:60px;
			}
			.postelheader{
					margin-top:50px;
			}				
			.textelogoxs{
					margin-top:-35px;
			}
			.txtunpeupetit{
				font-size:100%;
			}
			.titresousmenu{
				margin-top:-20px;
				margin-left:40%;
			}
			.titresousmenuunpeu{
				margin-top:-40px;
				margin-left:20%;
			}
			.afficherdiv{
			  display: block;
			}
			.cadreprinc{
				height:100%;
			}
				.arriereplan{
				  	 background-attachment: inherit;
				}
				.carousel-page-2
				{
					height:250px;
				}
				h1.txtspecial2 {font-size: 50px}
				h1,.h1 {font-size: 40px;}
				h2,.h2 {font-size: 35px;}
				h3,.h3 {font-size: 30px;}
				h4,.h4 {font-size: 25px;}
				h5,.h5 { font-size: 20px;}
				h6,.h6 {font-size: 15px;}
				h1entete,.h1entete {font-size: 30px;}
				.cssplatdujour{height:100%;}
				.enbas {
				    font-size: 18px;
				}
				.nav-tabs > li > a{
				    font-size: 20px;
				}
		}
		@media (min-width: 768px) {
			.navbar-collapse {
				width: 400px;
			 }
			.background-restaurant-1 {
				height:100%;
			}
			 .background-restaurant-2 {
 				background: url(../images/restaurant-015.jpg);
	    	    background-position: center center;
			    background-repeat: no-repeat;
			    background-size: cover;
 			}
			.background-restaurant-3 {
				padding-top:500px;
				padding-bottom:0px;
			}
			.background-restaurant-2-paddingbottom{
				padding-bottom: 600px;
			}
				.poslogoheader{
					left: calc(50% - 80px);
				}
			.margintopparking{
				margin-left:-120px;
			}
			.marginheader{
				margin-top:-60px;
			}

				 .fixed-topplusbas{
				 	top:40px;
				 }

			 .fixed-top > .hauteurheader{
				height: 70px;
			}
				.txt1grand::first-letter {
					font-size:120px;
				}
			  	.arriereplan{
			  	 background-attachment: fixed;
			  	}
				.carousel-page-2
				{
					height:400px;
				}
				h1.txtspecial2 {font-size: 50px}
				h1,.h1 {font-size: 40px;}
				h2,.h2 {font-size: 35px;}
				h3,.h3 {font-size: 30px;}
				h4,.h4 {font-size: 25px;}
				h5,.h5 { font-size: 20px;}
				h6,.h6 {font-size: 15px;}
				h1entete,.h1entete {font-size: 50px;}
				.cssplatdujour{height:100%;}

		}
		@media (min-width: 992px) {

			  .arriereplan{
			  	 background-attachment: fixed;
			  }
				.carousel-page-2
				{
					height:500px;
				}

		}
		@media (min-width: 1200px) {

				.marginimgplat{
					margin-left:250px;
				}			
				.imageplat > div > img{
					width:200px;
					height:200px;
				}
			  .arriereplan{
			  	 background-attachment: fixed;
			  }
		}
		@media (min-width: 1400px) {
		}
		
.main-text {
    color: #fff;
    position: absolute;
    bottom: 30%;
	left: 10%;

}
.iconegauche{
	-webkit-transition: 250ms linear;
	-moz-transition: 250ms linear;
	-o-transition: 250ms linear;
	-ms-transition: 250ms linear;
	transition: 250ms linear; 
	width:50px
	
}
.iconegauche:hover,
.iconegauche:focus {
	width:80px;	
}

.policegras{
	font-weight: 900;
}
.policenormal{
	font-weight: 400;
}
.policefin{
	font-weight: 200;
}
.majuscule{
	text-transform: uppercase;
}
.italic{
	font-style: italic;
}

		.btn-specif1tabsactive{
			font-size: 25px;
			color: #fff !important;
			background-color: #b59e6c;
			border-radius: 0rem; 
			cursor: pointer;
			display: inline-block;
			font-family: "AkzidenzGrotesk";
			line-height: 1.5;
			padding: .5rem 1rem;
			padding-top: 10px;
			padding-bottom: 10px;
			font-weight: 400;

		}
		.btn-specif1tabs:hover, .btn-specif1tabs:focus{
		    border: 1px solid #b59e6c;

		}
		.btn-specif1tabs{
			font-size: 25px;
			display: block;
			padding: .5rem 1rem;
			padding-top: 10px;
			padding-bottom: 10px;
			font-weight: 400;
			cursor: pointer;
			color: #b59e6c !important;
			border-radius: 0px;
			display: inline-block;
			background-color: transparent;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;  
	        font-family: "AkzidenzGrotesk";
	        line-height: 1.5;
		}




		.btn-specifbrun:hover, .btn-specifbrun:focus{
		    color: #83462d;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
		}
		.btn-specifbrun{
			cursor:pointer;
			padding-left:20px;
			padding-right: :20px;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 400;
			letter-spacing: .1em;
			margin-top:2px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: #83462d;
		    color: #83462d;
		    border-style: solid;
		    border-width: 1px;
		    border-radius: 10px;
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk";
	        transition: all .2s ease-in-out;
	        background: linear-gradient(to right, #fff, #fff);
			background-repeat: no-repeat;
			background-size: 0 100%;
			transition: background-size 1s 0s;
		}
		.btn-specifblanc:hover, .btn-specifblanc:focus{
		    color: #b59e6c;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
		}
		.btn-specifblanc{
			cursor:pointer;
			padding-left:20px;
			padding-right: :20px;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 400;
			letter-spacing: .1em;
			margin-top:2px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: #fff;
		    color: #fff;
		    border-style: solid;
		    border-width: 1px;
		    border-radius: 10px;
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk";
	        transition: all .2s ease-in-out;
	        background: linear-gradient(to right, #fff, #fff);
			background-repeat: no-repeat;
			background-size: 0 100%;
			transition: background-size 1s 0s;
		}
		.btn-specifdore:hover, .btn-specifdore:focus{
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
	        background-size: 100% 100%;
		}
		.btn-specifdore{
			cursor:pointer;
			padding-left:20px;
			padding-right: :20px;
			padding-top:5px;
			padding-bottom:5px;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 400;
			letter-spacing: .1em;
			margin-top:2px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: #b59e6c;
		    color: #b59e6c;
		    border-style: solid;
		    border-width: 1px;
		    border-radius: 10px;
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk";
	        transition: all .2s ease-in-out;
	        background: linear-gradient(to right, #b59e6c, #b59e6c);
			background-repeat: no-repeat;
			background-size: 0 100%;
			transition: background-size 1s 0s;
		}



		.btn-specifheaderresagauche:hover, .btn-specifheaderresagauche:focus{
		    color: #a18d61;
		}
		.btn-specifheaderresagauche{
			cursor:pointer;
			padding:5px;
			margin-bottom: 0px;
			font-size: 17px;
			font-weight: 700;
			letter-spacing: .2em;
			margin-top:0px;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: transparent;
		    color: #a18d61;
		    border-style: solid;
		    border-width: 2px;
		    border-radius: 25px
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk";
	        height: 70px;
		}

		.btn-specifheaderresa:hover, .btn-specifheaderresa:focus{
	        transition: 500ms linear;
	        background-size: 100% 100%;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specifheaderresa:hover > .glyphicons, .btn-specifheaderresa:focus > .glyphicons{
			color: #fff;
		}

		.btn-specifheaderresa > .glyphicons{
			transition: all .4s ease-in-out;
		}
		
		.btn-specifheaderresa{
			cursor:pointer;
			padding:5px;
			margin-bottom: 8px;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .1em;
			margin-top:0px;
			width:200px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: #a18d61;
		    color: #a18d61;
		    border-style: solid;
		    border-width: 2px;
		    border-radius: 25px;
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk";
	        transition: all .2s ease-in-out;
	        background: linear-gradient(to right, #a18d61, #a18d61);
			background-repeat: no-repeat;
			background-size: 0 100%;
			transition: background-size 1s 0s;
		}
		.btn-specifheaderresa:hover, .btn-specifheaderresa:focus{
	        transition: 500ms linear;
	        background-size: 100% 100%;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}


		.btn-specifheaderresamobile:hover > .glyphicons, .btn-specifheaderresamobile:focus > .glyphicons{
			color: #fff;
		}

		.btn-specifheaderresamobile > .glyphicons{
			transition: all .4s ease-in-out;
		}
		
		.btn-specifheaderresamobile{
			cursor:pointer;
			padding:5px;
			margin-bottom: 8px;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .1em;
			margin-top:0px;
			text-align: center;
			text-transform: uppercase;
		    background-color: transparent;
		    border-color: transparent;
		    color: #b59e6c;
		    border-style: solid;
		    border-width: 2px;
		    border-radius: 25px;
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk";
			height:30px;
		}











		.btn-specifheader2:hover, .btn-specifheader2:focus{
			border-color: #000;
		    background-color: transparent;
		    color: #000;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specifheader2{
			cursor:pointer;
			padding:10px;
			border-radius: 0rem;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 700;
			letter-spacing: .2em;
			margin-top:2px;
			text-transform: uppercase;
		    
		    background-color: #000;
		    border-color: #000;
		    color: #fff;
		    border-style: solid;
		    border-width: 2px;
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk";
		}
		.btn-specifheader:hover, .btn-specifheader:focus{
			border-color: #616263;
		    background-color: #616263;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specifheader{
			cursor:pointer;
			padding:10px;
			border-radius: 0rem;
			margin-bottom: 2px;
			font-size: 15px;
			font-weight: 700;
			letter-spacing: .2em;
			margin-top:2px;
			text-transform: uppercase;
		    background-color: #transparent;
		    border-color: #616263;
		    color: #616263;
		    border-style: solid;
		    border-width: 2px;
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk";
		}

		.btn-specif2:hover, .btn-specif2:focus, .btn-specif2.active{

		    background-color: #295aa0;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specif2:hover, .btn-specif2:focus{

		    background-color: #db206f;
		    color: #fff;
	       -webkit-transition: 500ms linear;
	        -moz-transition: 500ms linear;
	        -o-transition: 500ms linear;
	        -ms-transition: 500ms linear;
	        transition: 500ms linear;
		}
		.btn-specif2{
			cursor:pointer;
			padding:5px;
			padding-left:9px;
			padding-right:9px;
			border-radius: 0rem;
			margin-bottom:2px;
			font-size: 13px;
			font-weight: 700;
			letter-spacing: .2em;
			margin-top:2px;
			text-transform: uppercase;
		    background-color: #1a1a1a;
		    border-color: #1a1a1a;
		    color: #fff;
		    border-style: solid;
		    border-width: 2px;
	        transition: all .2s ease-in-out;
	        font-family: "AkzidenzGrotesk",inherit;
		}
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.troisimage{
	-webkit-transition: 500ms linear;
	-moz-transition: 500ms linear;
	-o-transition: 500ms linear;
	-ms-transition: 500ms linear;
	transition: 500ms linear;  
}


.barrebasrouge{
	border-bottom: 1px solid #7f4a4a;
}
.barresousmenublanc{
	border-bottom: 1px solid #fff;
}
.barremenunoir::after {
    background-color: #000;
    margin-top: 50px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
}
.barremenublanc::after {
    background-color: #fff;
    margin-top: 70px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
}
.barremenuvert::after {
    background-color: #82b440;
    margin-top: 0px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px;
}

/*Zoom tourne*/
.zoom{
	/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
	-webkit-transition: all 1s ease; /* Safari et Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-ms-transition: all 1s ease; /* Internet Explorer 9 */
	-o-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}
.zoom:hover {
	-webkit-transform:scale(1.5); /* Safari et Chrome */
	-moz-transform:scale(1.5); /* Firefox */
	-ms-transform:scale(1.5); /* Internet Explorer 9 */
	-o-transform:scale(1.5); /* Opera */
	transform:scale(1.5);
}
.zoomfixe {
	-webkit-transform:scale(1.5); /* Safari et Chrome */
	-moz-transform:scale(1.5); /* Firefox */
	-ms-transform:scale(1.5); /* Internet Explorer 9 */
	-o-transform:scale(1.5); /* Opera */
	transform:scale(1.5);
}


.imgacceuil{
	height:100%;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}





.transition1sec{
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}

.transition500ms{
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 500ms ease; /* Safari et Chrome */
-moz-transition: all 500ms ease; /* Firefox */
-ms-transition: all 500ms ease; /* Internet Explorer 9 */
-o-transition: all 500ms ease; /* Opera */
transition: all 500ms ease;
}


ul.home-menu li a {

    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;

}

ul.home-menu li i {
    font-size: 28px;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 80px;
    height: 80px;
    line-height: 76px;
    letter-spacing: 0;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0px auto;

}

ul.home-menu li {

    display: inline-block;
    width: 180px;

}

ul.home-menu li:hover a {
	color:#db206f;
}
ul.home-menu li:hover i {
	border: 2px solid #db206f;
	color: #db206f;
}


.titre {

    position: relative;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-align: center;

}
.titre2 {

    position: relative;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-align: center;

}
.soutitre{
	font-size: 25px;
    line-height: 40px;
    font-weight: 300;

}
.big {

    font-size: 25px;
    line-height: 40px;

}

img.vc_single_image-img {

    border-radius: 75% !important;
    height: 300px;
    width: 300px;
    border: 1px solid;

}


.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
}




  .navbar-collapse {
        position: absolute;
        top: 0px;
        left: 0;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        transform: none;
transition: none;
    }
    .navbar-collapse.collapsing {
        -webkit-transition: all 0s ease;
        -o-transition: all 0s ease;
        -moz-transition: all 0s ease;
        transition: all 0s ease;
    }
    .navbar-collapse {
         height: 100vh;
        -webkit-transition: left 0.6s ease;
        -o-transition: left 0.6s ease;
        -moz-transition: left 0.6s ease;
        transition: left 0.6s ease;
        left: -100%;
    }
    .navbar-collapse.show {
        left: 0;
        -webkit-transition: left 0.6s ease-in;
        -o-transition: left 0.6s ease-in;
        -moz-transition: left 0.6s ease-in;
        transition: left 0.6s ease-in;
    }

  /* Navbar colapse animated */
  .icon-bar {
	width: 40px; 
	height: 4px;
	background-color: #a18d61;
	display: block;
	transition: all 0.6s;
	margin-top: 6px;
	border-radius:25px;
}
 
.navbar-toggler {
    border-radius: 0px;
    padding: .25rem .50rem;
}

  .navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggler:hover .middle-bar {
  width: 20px; 
  margin-left:10px;
}
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}




/*LOADER*/


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
#loader {
    display: block;
    position: relative;
    left: 15%;
    top: 0%;
    z-index: 1001;
    width:70%;
}


    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 50%;
        height: 100%;
        background: #fff;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    

    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    

    #content {
        margin: 0 auto;
        padding-bottom: 50px;
        width: 80%;
        max-width: 978px;
    }  


  	.masquerloadergauche{
  		background-color:#fff;
  		width:50%;
  		height: 100%;
  		position: absolute;
  		right:0;
  		-webkit-transition: 1500ms linear;
	    -moz-transition: 1500ms linear;
	    -o-transition: 1500ms linear;
	    -ms-transition: 1500ms linear;
	    transition: 1500ms linear; 
  	}
  	.masquerloaderdroite{
  		background-color:#fff;
  		width:50%;
  		height: 100%;
  		position: absolute;
  		left:0;
  		-webkit-transition: 1500ms linear;
	    -moz-transition: 1500ms linear;
	    -o-transition: 1500ms linear;
	    -ms-transition: 1500ms linear;
	    transition: 1500ms linear; 
  	}



/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		overflow-y: none;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 15px;
	}

/*Left*/
	.modal.left .modal-dialog{
		left: 0px;
		-webkit-transition: opacity 0.3s linear, left 1s ease-out;
		   -moz-transition: opacity 0.3s linear, left 1s ease-out;
		     -o-transition: opacity 0.3s linear, left 1s ease-out;
		        transition: opacity 0.3s linear, left 1s ease-out;
	}
	
	.modal.left.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 1s linear, right 0.6s ease-out;
		   -moz-transition: opacity 1s linear, right 0.6s ease-out;
		     -o-transition: opacity 1s linear, right 0.6s ease-out;
		        transition: opacity 1s linear, right 0.6s ease-out;
	}
	
	.modal.right.show .modal-dialog {
		right: 0px;
	}

	
/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

	.modal-header {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}



	/*FORM*/
	.has-danger{
		color: #ff4136;

	}
	.has-danger input{
		border-color: #ff4136;
	}
	.form-control::placeholder {
	    color: #fff;
	    opacity: 1;
	}
	.form-control{
		background-color: transparent !important;
		color: #83462d;
	}
	.form-control:focus {
	    color: #83462d;
	    box-shadow: none;
	    border-color: #83462d;
	}

	/*Checked*/
input[type='checkbox'].specif-checkbox + label:before,
input[type='checkbox'].specif-checkbox + label:after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-size:25px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input[type='checkbox'].specif-checkbox + label:before{/*unchecked icon*/
    content: "\e154";
}
input[type='checkbox']:checked.specif-checkbox + label:before{/*checked icon*/
    content: "\e153";
    color:#616263;
}
input[type='checkbox']:checked.specif-checkbox2 + label:before{/*checked icon*/
    content: "\e153";
    color:#616263;
}
.textshadow {
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.position-bottom{
	bottom:0;
}


/********************
Hover cadre
********************/



.exsite-item:hover .exsite-item-hover .do-work-item-details h3,
.exsite-item:hover .exsite-item-hover .do-work-item-details h3 a,
.exsite-item:hover .exsite-item-hover .do-work-item-details span{
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}


.exsite-item:hover .exsite-item-hover{
	opacity: 1;
	visibility: visible;
}

.exsite-item-hover{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	background-color : rgba(97,98,99,0.94);
	-webkit-transition: all .35s;
	   -moz-transition: all .35s;
		-ms-transition: all .35s;
		 -o-transition: all .35s;
			transition: all .35s;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transition: all .35s;
	   -moz-transition: all .35s;
		-ms-transition: all .35s;
		 -o-transition: all .35s;
			transition: all .35s;
}



.exsite-item-hover .do-work-item-details{
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	display: inline-block;
	width: 100%;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
}

.exsite-item-hover .do-work-item-details span,
.exsite-item-hover .do-work-item-details h3,
.exsite-item-hover .do-work-item-details h3 a{
	margin: 0;
	text-transform: uppercase;
	line-height: 1;
	display: block;
	opacity: 0;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		-ms-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}

.exsite-item-hover .do-work-item-details h3,
.exsite-item-hover .do-work-item-details h3 a{
	display: inline-block;
}

.exsite-item-hover .do-work-item-details span.do-work-item-subtitle{
	font-size: 30px;
	letter-spacing: 7px;
	padding-left: 7px;
	margin-top: 5px;
}


.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
}
.remonterdiv:hover{
	margin-top:-10px;
}

.hidden-load {visibility: hidden;}
.hidden-load.animated {visibility: visible;}

.mh-100{
	min-height: 100%;
}
.cadrecentresalon1{
	z-index: 10;
	width: 40%;
	top: 50%;
	left: 20%;
	position: absolute !important;
}
.cadrecentresalon2{
	z-index: 10;
	width: 40%;
	top: 20%;
	left: 60%;
	position: absolute !important;
}

.cadrecentresalon3{
	z-index: 10;
	width: 40%;
	top: 30%;
	left: 10%;
	position: absolute !important;
}

.cadrecentreproducteur1{
	z-index: 10;
	width: 40%;
	top: 50%;
	left: 20%;
	position: absolute !important;
}
.cadrecentreproducteur2{
	z-index: 10;
	width: 40%;
	top: 20%;
	left: 60%;
	position: absolute !important;
}

.cadrecentreproducteur3{
	z-index: 10;
	width: 40%;
	top: 30%;
	left: 10%;
	position: absolute !important;
}
.cadrecentreequipe1{
	z-index: 10;
	width: 40%;
	top: 20%;
	left: 60%;
	position: absolute !important;
}
.cadrecentreequipe2{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}
.cadrecentreequipe3{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}
.cadrecentreequipe4{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}
.cadrecentreequipe5{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}
.cadrecentreequipe6{
	z-index: 10;
	top: 15%;
	position: absolute !important;
}