/* CSS Document */
HTML
{
	margin:0 auto;
	padding:0;
	/*background: url(../images/HD/html_fond_1.png) #666 no-repeat left top;/**/
}
body
{
	margin:0 auto;
	text-align: justify;
	background-color: #666;/*/* #34383b;*/
	margin-top: 0;
	background: url(../images/HD/html_fond_2.png) no-repeat left top;
}

#contenaire
{
	/*width:1900px;
	height:1080px;
	width:100%;
	height:100%;*/
	margin:0 auto ;
	/*background: url(../images/HD/html_fond_1.png) repeat-x left top;/**/
}
/* ENTETE */
#contenaire_entete
{
	width:1900px;
	height:127px;
	/*height:15%;
	width:100%;*/
	float:left;
}
/* LOGO */
#logo_luca
{
	margin:auto;
		background: url(../images/HD/logo.png) no-repeat left top;
		height:121px;
		width:285px;
		float:left;
}
/* FRISE APRES LE LOGO */
#frise
{
	background: url(../images/HD/frise2_02.png) repeat left top;
	/*background:url(../images/frise_01.jpg) no-repeat;*/
	height:100%;
	/*width:1200px;*/
	margin-left:208px;
	/*float:left;*/
}
/* FRISE PARTIE HAUTE */
#frise_haut
{
	height:58%;
}
/* ESPACE TEXTE SLOGAN*/
#frise_slogan
{
	height:74px;
	float:left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif,"din_lightregular"; 
	font-size: 18px;
	font-weight:bold;
	color:#FFF;
}
.element_slogan
{
	text-shadow: 3px 3px 7px rgba(44, 172, 247, 0.75);
	color: #FFF;
	font-size: 18px;
	font-weight:bold;
}

/* FRISE PARTIE BASSE BOUTON */
#frise_bas
{
	position:relative;
	height:42%;
	z-index:9;
}

/* BOUTON */
#navigation
{
	/*background:url(../images/frise_01.jpg) bottom no-repeat;*/
	height:42px;
}
#frise_bouton
{
	float: left ;
	width:150px;/**/
	padding-top:15px;
	/*margin-top:0px;
	line-height: 15px ;*/
	/*margin-right: 10px ;*/
	margin-left:10px;
	height:42px;
	color: #fff ;
	list-style:none;
	background:url(../images/HD/ombre_Bouton2.png) top right no-repeat;
}
#navigation li 
{
	float: left ;
	width:150px;/**/
	padding-top:15px;
	/*margin-top:0px;*/
	line-height: 15px ;
	/*margin-right: 10px ;*/
	margin-left:10px;
	height:42px;
	color: #fff ;
	list-style:none;
	background:url(../images/HD/ombre_Bouton2.png) top right no-repeat;
}
#navigation li a,#frise_bouton a 
{
	display: block ;
	color: #fff ;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif,"din_lightregular";
	font-size:16px;
	line-height: 1em ;
	padding: 1px 0 ;
	text-align: left ;
	text-decoration: none ;
}	
#navigation li a:hover, #navigation li a:focus, #navigation li a:active,#frise_bouton a:hover,#frise_bouton a:focus,#frise_bouton a:active,#frise_bouton > a.current
{
	color:#9A98A5;
}

/* VUE 360°*/
#frise_360
{
	float: left ;
	width: 150px ;
	margin-top:15px;
	margin-right: 1px ;
	color: #fff ;
	list-style:none;
	height:53px;
	font-size:16px;
}
#frise_360 a 
{
	display: block ;
	background:url(../images/HD/bt_off_360.png) bottom no-repeat;
	color: #fff ;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif,"din_lightregular";
	line-height: 1em ;
	/*padding: 1px 0 ;*/
	text-align: center ;
	text-decoration: none ;
	height:53px;
}
#frise_360 a:hover,#frise_360 a:focus,#frise_360 a:active ,#frise_360 > a.current
{
	background:url(../images/HD/bt_on_360.png) bottom no-repeat;
	color:#9A98A5;
	line-height: 1em ;
	padding: 1px 0 ;
	text-align: center ;
	text-decoration: none ;
	height:53px;
}	
/* SEPARATION BOUTON */
#frise_separation
{
	margin-top:2px;
	float:left;
	height:45px;
	width:32px;
	background:url(../images/HD/ombre_Bouton2.png) no-repeat top;
}

/* CONTENU*/
#txt_contents
{
	/*border:solid 2px #FF0033;*/
	width:100%;
	position:relative;
	height:800px;
	left:0px;
}

/* FOOTER*/
#footer
{
	height:55px;
	/*width:1200px;
	margin:0;*/
	width:100%;
	background:url(../images/HD/ombre_Bas.png) repeat top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif,"din_lightregular"; 
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	/*margin: 15px 0px 0px 0px;*/
	padding-top:25px;
	text-align:center;
	position:fixed;/*IMPORTANT pour que le footer RESTE en BAS*/
	bottom:0px; /*le footer reste ne bas à ZERO*/
	width : 100%;  /*FORCER le footer à rester à la taille de la FENETRE*/
	left:0px;
}

#footer_texte
{
	float:left;
	height:55px;
	/*width:85%;*/
	padding-left:10px;
	overflow:hidden;
}
/* FACEBOOK */
#footer_fb
{
	position:absolute;
	width:187px;
	height:55px;
	float:right;
	right:0px;
	bottom:3px;
	background:url(../images/HD/facebook_off.png) right no-repeat;
}

#footer_fb:hover
{
	/*width:128px;
	height:37px;
	float:right;*/
	background:url(../images/HD/facebook_on.png) right no-repeat;
}
#footer_fb_texte
{
	text-align:center;
	/*height:15px;*/
	line-height:58px;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.9);
	color: #F9F2F4;
	font-size: 16px;
	text-decoration: none ;
}	
#frise_news a
{
	position: fixed;
	height:74px;
	width:80px;
	float: /*left; */right;
	right:0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif,"din_lightregular";/**/
	font-size:16px;
	line-height:70px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	/*background:url(../images/HD/news_off.png) left bottom no-repeat;*/
	z-index:7;
}
.element_news
{
	text-shadow: 3px 3px 7px rgba(44, 172, 247, 0.75);
	color: #FFF;
	font-size: 16px;
	font-weight:bold;
}
#frise_news a:hover
{
	color:#9A98A5;
	/*height:74px;
	width:146px;
	float:right;*/
	background:url(../images/HD/news_on.png) right bottom no-repeat;/**/
	
}
#frise_news_texte
{
	/*text-align:center;
	height:100%;
	width:100%;
	line-height:8px;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.9);
	color: #F9F2F4;
	font-size: 13px;*/
}



.jssora02l, .jssora02r 
{
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url('img/a02.png') no-repeat;
	overflow: hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }

        /* jssor slider thumbnail navigator skin 03 css */
        /*
        .jssort03 .p            (normal)
        .jssort03 .p:hover      (normal mouseover)
        .jssort03 .pav          (active)
        .jssort03 .pdn          (mousedown)
        */
/* REGLAGE DES PETITES IMAGES */ 
       
/* CONTENAIRE PETITES IMAGES*/
#thumbnav
{
	position: relative;
	left:100px;
	top:810px;
	bottom:10px;
	width:750px;
	height:120px;
	z-index:4;
}
/* FIN CONTENAIRE PETITES IMAGES*/
/* TAILLES DES PETITES IMAGES*/
.jssort03 .p 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 120px;
}
        
.jssort03 .t 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
        
.jssort03 .w, .jssort03 .pav:hover .w 
{
	position: absolute;
	width: 200px;
	height: 120px;
	border: white 1px dashed;
	box-sizing: content-box;
}
        
.jssort03 .pdn .w, .jssort03 .pav .w 
{
	border-style: solid;
}
        
.jssort03 .c 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 120px;
	background-color: #000;
	filter: alpha(opacity=45);
	opacity: .45;
	transition: opacity .6s;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
}
        
.jssort03 .p:hover .c, .jssort03 .pav .c 
{
	filter: alpha(opacity=0);
	opacity: 0;
}
        
.jssort03 .p:hover .c 
{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
        
* html .jssort03 .w 
{
	width /**/: 200px;
	height /**/: 120px;
}
/* FIN TAILLES DES PETITES IMAGES*/
/* FIN REGLAGE DES PETITES IMAGES */ 		
		
	
.jssor_1
{
	/*background:#666;*/
	position: relative; 
	margin: 0 auto; 
	/*top: 0px; 
	left: 0px; */
	text-align:center;
	width: 1900px; 
	height: 1080px; 
	/**/overflow: hidden; 
	visibility: hidden;
	/*z-index:1;*/
}

.loading
{
	position: absolute; 
	top: 0px; 
	left: 0px;
}

.loading1
{
	filter: alpha(opacity=70); 
	opacity: 0.7; 
	position: absolute; 
	display: block; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
}

.loading2
{
	position:absolute;
	display:block;
	background:url('img/loading.gif') no-repeat center center;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

/* ESPACE D'AFFICHAGE DU SLIDE */
.slides
{
	position: relative; 
	margin:0 auto; 
	margin-left:100px;
	margin-right:100px;/**/
	width: 1700px; 
	height: 947px; 
	z-index:2;
}

.zone-image
{
	 display: none;
}

/* TAILLE DE L'IMAGE DU SLIDER */
#image
{
	width:1700px;
	height:947px;
	z-index:2;
}


#thumbnav2
{
	position: relative;
	left:800px;
	top:200px;
	bottom:10px;
	width:400px;
	height:180px;
	z-index:4;
}
.thumbnav1
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height:100%; 
	background-color: #000; 
	filter:alpha(opacity=30.0); 
	opacity:0.3;
	z-index:3;
}

.thumbnav3
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height:100%; 
	background-color: #FFF; 
	filter:alpha(opacity=30.0); 
	opacity:0.3;
	z-index:3;
}

#thumb-image
{
	position:relative;
	width:100px;
	height:60px;
	z-index:6;	
}

/* CONTENAIRE DESCRIPTIF CUISINE */
#caption1
{
	position: relative; /**/
	margin-left: 1190px;
	top: -240px; 
	width: 500px; 
	height: 220px;
	filter:alpha(opacity=30.0);
	background-color: rgba(200,250,255,0.6);/* rgba(40,177,255,0.6);*/
	z-index:7;
}

#caption2
{
	position: absolute ;
	right:-100px;
	top:720px;
	bottom:10px;
	width:600px;
	height:210px;
	background-color: rgba(200,250,255,0.6);
	z-index:7;
	float:right;
}
/* TITRE CUISINE */
.caption3
{
	position: relative; 
	top: 0px; 
	left: 0px;
	 width: 100%; 
	 height: 30px; 
	 font-size: 24px; 
	 line-height: 30px;
	filter:alpha(opacity=60.0);
	background-color: rgba(10,10,10,0.6);
	 text-align:center;
	 z-index:8;
}

/* DESCRIPTIF CUISINE */
.caption4
{
	position: relative; 
	top: 40px; 
	left: 10px; 
	width: 100%; 
	height: 40px; 
	font-size: 13px; 
	line-height: 15px; 
	text-align: left;"	
	z-index:8;
}

#facebook
{
	font: "Lucida Grande", "Tahoma","Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:13px;
	color:white; 
	position:absolute;
	width:128px;
	height:37px;
	float:right;
	right:0px;
	bottom:7px;
	background:url(../images/facebook2_off.jpg) right bottom no-repeat;
	/*padding-top:10px;
	margin-top:10px;
	text-align:center;*/
}
#facebook a
{
	text-align:center;
	height:10px;
	
	font: "Lucida Grande", "Tahoma","Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:13px;
	color:white;
	text-decoration:none;
}
#facebook a:hover
{
	width:128px;
	height:37px;
	float:right;
	background:url(../images/facebook2_on.jpg) right bottom no-repeat;
}
#facebook_texte
{
	text-align:center;
	height:15px;
	line-height:38px;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.9);
	color: #F9F2F4;
	font-size: 13px;

}