/*
 Theme Name: Lazare
 Version: 2.0
 DATE : 01/07/2013
 UPDATE :
 BY : HTMLCOOKR
 */

/* Style */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* font face */
@font-face {
	font-family: 'times_new_romanregular';
	src: url('font/times/times.eot');
	src: url('font/times/times.eot?#iefix') format('embedded-opentype'), url('font/times/times.woff') format('woff'), url('font/times/times.ttf') format('truetype'), url('font/times/times.svg#times_new_romanregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'times_new_romanbold';
	src: url('font/timesbd/timesbd.eot');
	src: url('font/timesbd/timesbd.eot?#iefix') format('embedded-opentype'), url('font/timesbd/timesbd.woff') format('woff'), url('font/timesbd/timesbd.ttf') format('truetype'), url('font/timesbd/timesbd.svg#times_new_romanbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'times_new_romanbold_italic';
	src: url('font/timesbi/timesbi.eot');
	src: url('font/timesbi/timesbi.eot?#iefix') format('embedded-opentype'), url('font/timesbi/timesbi.woff') format('woff'), url('font/timesbi/timesbi.ttf') format('truetype'), url('font/timesbi/timesbi.svg#times_new_romanbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'times_new_romanitalic';
	src: url('font/timesi/timesi.eot');
	src: url('font/timesi/timesi.eot?#iefix') format('embedded-opentype'), url('font/timesi/timesi.woff') format('woff'), url('font/timesi/timesi.ttf') format('truetype'), url('font/timesi/timesi.svg#times_new_romanitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	
	list-style:none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
a {
	text-decoration: none;
	outline: none;
}
label, a * {
	cursor: pointer;
}
input {
	outline: none;
}
sup {
	vertical-align: top;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
/*Pour les class alignright, alignleft, alignnone*/
.alignleft {
	float: left;
	margin: 20px 20px 20px 0;
}
.alignright {
	float: right;
	margin: 20px 0 20px 20px;
}
.aligncenter {
	margin: 20px auto;
	display: block;
}
/*Example for rounded corner and how to use PIE*/
#rounded-title {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #000000;
	-pie-background: rgba(0,0,0,0.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	behavior: url(urlto/js/PIE.htc);
}

/* container */
#container {
	width: 100%;
}

@media screen and (max-width: 800px) {
body {
	margin-left:0!important;
	left:0!important;
	height:2000px!important;
	width:1500px!important;
	background:url('http://lazare-paris.fr/wp-content/uploads/2015/02/Slide-2-resized-1-1024x655.jpg');
	background-size:cover!important;
	overflow:hidden!important;
}

#container {
	margin-left:0!important;
	left:0!important;
	height:2000px!important;
	width:auto!important;
}
	
.body-background {
	height:2000px!important;
	width:auto!important;
	margin-left:0!important;
	left:0!important;
}
.body-background img{
	margin-left:0!important;
	left:0!important;
	height:2000px!important;
	width:auto!important;
}
.image-show, .image-background {
	height:2000px!important;
	margin-left:0!important;
	margin-top:0!important;
	left:0!important;
}

.cookies {
	width:1300px!important;
	font-size:1em!important;
}

#sidebar {
	left:0px!important;
}

.box.accueil {
	height:800px!important;
	top:300px!important;
}
.box {
	width:600px!important;
	left:400px!important;
}
.boutique {
	width:600px!important;
}

.box.accueil h1 {
	font-size:2em!important;
}
.box #content-box p {
	font-size:1.8em!important;
}

}



/* camera slideshow */
.camera-slideshow-wrapper {
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 0;
}
#camera-slideshow {
	bottom: 0;
	height: 100%;
	left: 0;
	margin-bottom: 0 !important;
	position: fixed;
	right: 0;
	top: 0;
}
.camera_bar {
	z-index: 2;
}
.camera_thumbs {
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.camera_thumbs_cont {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.camera_overlayer {
	opacity: .1;
}
.camera-slideshow-wrapper .camera_pie, .camera-slideshow-wrapper .camera_commands, .camera-slideshow-wrapper .camera_prev, .camera-slideshow-wrapper .camera_next {
	display: none;
}

/* sidebar */
#sidebar {
	background-color: #050c0f;
	position: absolute;
	top: 0;
	left: 60px;
	z-index: 1;
	height: 100%;
	min-height: 810px;
}
/* navigation */
ul#navigation {
	margin-top: 120px;
	text-align: center;
	font-family: 'times_new_romanbold';
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	list-style:none;
}
ul#navigation li {
	margin: 10px 0;
}
ul#navigation li.seperator {
	border-top: 1px solid #232a2d;
	width: 31px;
	margin: 0 auto;
}
ul#navigation li > a {
	color: #8e9599;
}
ul#navigation li > a:active {
}
/* box */
.box {
	position: absolute;
	z-index: 1;
	width: 370px;
	left: 65%;
	/*top:20%;*/
	background-color: rgba(1, 2, 2,0.8);
	padding: 50px 30px 35px 30px;
	/*height: 360px;*/
	height: 490px;
}
.box.acces{
	height: 500px;
}
.box.accueil {height: 490px;}
.box h1 {
	font-family: 'times_new_romanbold';
	font-weight: bold;
	font-size: 26px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.box #content-box h2 {
	font-family: 'times_new_romanbold';
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
}
.box #content-box p {
	font-family: 'times_new_romanregular';
	color: #cccccc;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: justify;
}
.box ul li {
	font-family: 'times_new_romanregular';
	color: #cccccc;
	font-size: 14px;
}
.box.press ul li, .box.reservation ul li {
	font-size: 16px;
}
.box #content-box strong {
	font-family: 'times_new_romanbold';
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
}
.box.reservation #content-box strong, .box.press #content-box strong {
	font-size: 16px;
}
.reservation #content-box a, .press #content-box a {
	font-family: 'times_new_romanregular';
	color: #cccccc;
	font-size: 16px;
}
.press #content-box a:hover, .reservation #content-box a:hover {
	color: #F89968;
}
#icon-bloc-text {
	position: absolute;
	top: 0;
	left: 30px;
	padding: 25px;
	cursor: pointer;
	background: url(../images/commun/puces/box-ouvert.png) center center no-repeat #050c0f;
	z-index: 10;
}
/*.box #content-box{
 display:none;
 }*/
div.accueil .btn-reserver {
	background: none;
	border: 1px solid #6d6d6d;
	font-family: 'times_new_romanbold';
	font-weight: bold;
	font-size: 14px;
	color: #6d6d6d;
	text-transform: uppercase;
	padding: 7px 5px;
	cursor: pointer;
	display: block;
	width: 120px;
	text-align: center;
}

.page-id-8 #insc-nl{
	visibility:hidden!important;
}

#insc-nl{
	border-top: 1px solid #f89968;
    margin: 30px 0 0;
    padding: 20px 0 0;
}

.page-id-8 #insc-nl {	
    margin: 5px 0 0;
    padding: 5px 0 0;
}

#insc-nl h2{
	color: #ffffff;
    font-family: "times_new_romanbold";
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

#insc-nl label{ 
	color:#fff; 
	font-family: "times_new_romanbold";
    font-size: 16px;
     margin: 0 5px 0 0;
}

#insc-nl input#csubmit{ 
	  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgb(109, 109, 109);
    color: rgb(109, 109, 109);
    cursor: pointer;
    display: inline-block;
    font-family: "times_new_romanbold";
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 5px;
    padding: 2px 5px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
}
#insc-nl input#csubmit:hover{ 
	color:#f89968;
	border:1px solid #f89968;
}
div#subscribe-form{
	color:#fff; 
	font-family: "times_new_romanbold";
    font-size: 14px;
}

/* carte */
div.carte ul {
	text-align: center;
}
div.carte #content-box {
	margin-top: 20px;
}
div.carte ul li a {
	background: none;
	border: 1px solid #6d6d6d;
	font-family: 'times_new_romanbold';
	font-weight: bold;
	font-size: 14px;
	color: #6d6d6d;
	text-transform: uppercase;
	padding: 10px 30px;
	cursor: pointer;
	min-width: 165px;
	display: inline-block;
	margin: 8px 0;
}
/* reservation */
div.reservation #content-box {
	padding-top: 15px;
}
div.reservation #content-box ul {
	margin-top: 40px;
}
div.reservation #content-box p {
	margin-top: 20px;
	font-size: 16px;
}
div.reservation #content-box img {
	float: right;
	margin-top: -20px;
}
div.reservation #content-box h2 {
	display: inline;
	font-size: 16px;
}

/* press */
/*div.press #content-box {
	padding-top: 35px;
}*/
div.press #content-box ul {
	margin-top: 30px;
}

/* plan */
div.acces #content-box {
	position: relative;
}
div.acces #content-box h2:first-child {
	padding-top: 10px;
}
div.acces #content-box h2 {
	font-size: 14px;
}
div.acces ul li {
	font-size: 14px;
}
div.acces #map {
	position: absolute;
	right: 0;
	top: 78px;
}
div.acces #content-box ul {
	margin-bottom: 15px;
}
div.acces #content-box ul li {
	background: url(../images/commun/puces/puce.png) left 6px no-repeat;
	padding-left: 15px;
}
div.acces #content-box p {
	margin-bottom: 15px;
	font-size: 16px;
}

/* footer */
#footer {
	font-family: 'Kreon', serif;
	font-size: 12px;
	position: absolute;
	bottom: 20px;
	color: #3d4346;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}
#footer a#mentionlegales{ color:#3d4346; margin-top: 10px; display: inline-block; }
#footer a#mentionlegales:hover{ color:#FFFFFF;}
#footer ul li {
	display: inline-block;
	margin: 0 5px;
}
#footer ul {
	margin: 15px 0 30px 0;
}
#footer ul li.foursquare a {
	/*background:url(../images/commun/puces/foursquare-off.png) center center no-repeat;
	 padding:10px 20px;*/
}
#footer ul li.facebook a {
	/*background:url(../images/commun/puces/facebook-off.png) center center no-repeat;
	 padding:10px 20px;*/
}
#footer ul li.twitter a {
	/*background:url(../images/commun/puces/twitter-off.png) center center no-repeat;
	 padding:10px 20px;*/
}

.body-background{
	position:fixed;
	top:0px;
	right:0px;
	z-index: -1;
	max-width:100%;
	width: 100%;
	height:100%;
	/*overflow: hidden; */
}
.body-background > img{
	position:absolute;
	top: 0;
	left: 0;
	display: block; 
	height: 100%;
}
.image-container{
	visibility:hidden;
	display:none;
}
.image-background{
	z-index: 1;	
}
.image-show{
	z-index: 2;
}
#popin{
	background: #000000;
	padding: 30px 30px;
	width: 575px;
	position: relative;
	display: none;
	padding-top: 50px;
	padding-bottom: 20px;
}
#popin a.close-popin {
	position: absolute;
	right: 30px;
	top: 20px;
	background: url(../images/commun/puces/popup-close.png) center center no-repeat;
	width: 18px;
	height: 17px;
}
.headline{ text-transform: uppercase; font-weight: bold; color: #FFFFFF; }
#popin .popin-content ul { margin-bottom: 35px; }
#popin .popin-content ul li { margin-bottom: 13px; color: #cccccc; font-size: 14px; }
.popin-title{ 
	font-family: 'times_new_romanbold';
	font-size: 26px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 20px;
	display: block;
}
#popin-overlay { display: none; }
.popin-content a#fermer { 
	background: none;
	border: 1px solid #6d6d6d;
	font-family: 'times_new_romanbold';
	font-size: 14px;
	color: #6d6d6d;
	text-transform: uppercase;
	padding: 10px 30px;
	cursor: pointer;
	display: inline-block;
	margin: 8px 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
	.box {
		position: absolute;
		top: 20%;
	}
}

@media print {
   .box {
		position: absolute;
		z-index: 1;
		width: 370px;
		left: 65%;
		margin-left: -150px; 
		/*top:20%;*/
		background-color: rgba(1, 2, 2,0.8);
		padding: 50px 30px 35px 30px;
		height: 360px;
	}
}

.error404 a{ color: #CCCCCC;
    font-family: 'times_new_romanregular';
    font-size: 14px;}
.error404 a:hover{ color: #ffffff;}

/*popin noel style*/
.fancybox-inner { height: 567px!important;  overflow:hidden!important;}
#popinnoel { 
	width: 652px;
	height:auto;
	margin: 0 auto;
	text-align: center;
	/*border: 1px solid #a18855;*/
	/*padding: 10px 15px;*/
	/*background: url(../images/commun/pictos/noel-arbre.png) black bottom center no-repeat;*/
	font-size: 20px;
	color: #FFFFFF;
	position:relative;
}
#popintgr { visibility: hidden; }
#popinnoel p, #popinnoel span{ font-weight: bold; display: block; }
#popinnoel p { font-size: 24px; line-height: 35px; }
#popinnoel p.popintitle{
	font-size: 30px;
	font-family:"Times New Roman", Times, serif;
	margin-bottom: 5px;
	margin-top: 30px;
}
#popinnoel p.popintitle + span{
	display: block;
	margin-bottom: 50px;
}
#popinnoel span.reservation { margin-top: 20px; margin-bottom: 75px; }
#popinnoel a#popinclose{
	border: 1px solid #a18855;
	padding: 7px 25px;
	text-align: center;
	text-decoration: none;
	color: #a18855;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 20px;
	background: #000000;
}
#popinnoel a#popinclose:hover{
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
#popinnoel span a {
	font-size: 18px;
	color: #b2a16b;
	font-style: italic;
	font-weight: normal; 
	margin-bottom: 13px;
	display: inline-block;
}
#popinnoel span a:hover { color: #FFFFFF; }

/*CSS for Reserver button */
#reserver{
	width: 100%;
	position: absolute;
	top: 240px;
	list-style:none;
}
#reserver li{
	text-align: center;
	height: 3px;
	width: 200px;
	margin: 0 auto;
	background: #fa9963;
	border: 1px solid #c0784f;
}
#reserver li.reserver{
	padding: 15px 0;
	height: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	
}
#reserver a{
	font-family: 'times_new_romanbold';
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	padding: 15px 46px;
	cursor: pointer;
}

@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
.fancybox-type-iframe div{
	padding-top:10px;
}
.fancybox-type-iframe .fancybox-outer div {
	overflow-y:scroll!important;
}
.fancybox-type-iframe .fancybox-inner div {
	overflow-y:scroll!important;
	overflow-x:hidden;
	
}
}


/*CSS for image Guide Pudlo Paris 2014*/
img#guide-pudlo-paris{
	position: absolute;
	top: 40px;
	left: 365px;
}

/*fin popin noel style*/

/*Page cartes cadeaux*/
.boutique {
	height: 490px;
	width:370px;
	overflow:auto;
	padding-right:25px;
}
.boutique #cartes h2 {
font-family:'times_new_romanregular';
}

#cartes table {
	width:70%;
	overflow:auto;
	text-align:center;
	margin-right:auto;
	color:#FFF;
	margin-top:20px;
}

#cartes table td {
	border-bottom:1px solid #666;
	padding-bottom:30px;
	padding-top:10px;
	padding-right:7px;
	padding-left:7px;
}

#cartes table img {
	width:110px;
	height:72px;
	padding-top:10px;
}
.shopping_cart {
	color:#FFF;
font-family:'times_new_romanregular';
}
.shopping_cart table th {
	border-bottom:1px solid #666;
	padding-top:5px;
	padding-bottom:5px;
}
.shopping_cart table td {
	padding-top:5px;
	padding-bottom:5px;
}
.shopping_cart table td:last-child {
	text-align:right;
	padding-right:5%;
}
#CGV {
	text-align:justify;	
	color:#FFF;
	font-family:'times_new_romanregular';
	padding-bottom:10px;
	padding-top:15px;
	font-style:italic;
}
#CGV  a{
	text-align:justify;	
	color:#FFF;
	font-family:'times_new_romanregular';
	text-decoration:underline;
}

/*Page cartes cadeaux horizontale*/
.boutique {
	height: 490px;
	width:370px;
	overflow:auto;
	padding-right:25px;
}
.boutique #cartes2 h2 {
font-family:'times_new_romanregular';
}

#cartes2 table {
	width:95%;
	overflow:auto;
	text-align:center;
	margin-right:auto;
	padding-left:7px;
	color:#FFF;
	margin-top:20px;
	border-bottom:1px solid #666;
	font-family:'times_new_romanregular';
}

#cartes2 .wp-cart-button-form  input{
background-color:transparent;
font-family:'times_new_romanbold';
text-transform:uppercase;
font-weight:900;
border:1px solid #666;
color:#666;
padding:4px;
cursor:pointer;
}
#cartes2 .wp-cart-button-form  input:hover{
background-color:transparent;
font-family:'times_new_romanbold';
text-transform:uppercase;
font-weight:900;
border:1px solid #FFF;
color:#FFF;
padding:4px;
cursor:pointer;
}
#cartes2 table td {
	padding-bottom:10px;
	padding-left:7px;
	vertical-align:middle;
}
#cartes2 table img {
	width:110px;
	height:72px;
	padding-top:10px;
}
.shopping_cart {
	color:#FFF;
font-family:'times_new_romanregular';
}
.shopping_cart table th {
	border-bottom:1px solid #666;
	padding-top:5px;
	padding-bottom:5px;
}
.shopping_cart table td {
	padding-top:5px;
	padding-bottom:5px;
	font-family:'times_new_romanregular';
	font-weight:200;
}
.shopping_cart table td:last-child {
	text-align:right;
	padding-right:5%;
}
#CGV {
	text-align:justify;	
	color:#FFF;
	font-family:'times_new_romanregular';
	padding-bottom:10px;
	padding-top:15px;
	font-style:italic;
}
#CGV  a{
	text-align:justify;	
	color:#FFF;
	font-family:'times_new_romanregular';
	text-decoration:underline;
}


/*Page Recrutement*/
.recrutement {
	height: 490px;
	width:370px;
	padding-right:25px;
	overflow:auto;
	font-family: 'times_new_romanregular';
	color: #cccccc;
	font-size: 14px;
	line-height:20px;
	margin-bottom: 10px;
	text-align: justify;
}

#recrutement {
	width:95%;
	overflow:auto;
	margin-right:auto;
	padding-left:7px;
	color:#FFF;
	margin-top:20px;
	border-bottom:1px solid #666;
	font-family:'times_new_romanregular';
	
}
.recrutement a {
	font-family: 'times_new_romanregular';
	color: #cccccc;
	font-size: 14px;
	line-height:20px;
	text-decoration:underline;
}
.recrutement ul {
	padding-top:7%;
	padding-bottom:2%;
}
.recrutement ul li {
	background: url(../images/commun/puces/puce.png) left 6px no-repeat!important;
	padding-left: 15px;
	font-size:14px;
	font-weight:800;
	text-transform:uppercase;
	color: #fff;
}

.mentions {
	height: 490px;
	width:370px;
	padding-right:25px;
	overflow:auto;
	font-family: 'times_new_romanregular';
	color: #cccccc;
	font-size: 14px;
	line-height:20px;
	margin-bottom: 10px;
	text-align: justify;
}

#mentions {
	width:95%;
	overflow:auto;
	margin-right:auto;
	padding-left:7px;
	color:#FFF;
	margin-top:20px;
	border-bottom:1px solid #666;
	font-family:'times_new_romanregular';
	
}
.mentions a {
	font-family: 'times_new_romanregular';
	color: #cccccc;
	font-size: 14px;
	line-height:20px;
	text-decoration:underline;
}
#footer a#mentionslegales{ color:#3d4346; margin-top: 10px; display: inline-block; }
#footer a#mentionslegales:hover{ color:#FFFFFF;}