/*THE PLACE TO BE
CSS by Artamedia.net*/

body {background:#fff url(../../../images/bg-body.gif) repeat; line-height:160%}

a:link, a:visited,
.sp-megamenu-parent >li.active>a {color:#ffc20a}
a:focus, a:hover, .sp-megamenu-parent >li:hover>a {color: #bf9d35}

h1 {margin:0;padding:0;text-align: center}
#icagenda h1 {text-align: left}
.page-header {border:0}
h2 {margin:20px 0}
h3 {margin:0 0 10px 0}

img {display: inline}

.adresse h3 {margin-top:40px}
.adresse {line-height:180%}

.sp-module .sp-module-title, .home-slide .row {margin:40px 0 20px}
.sp-module .sp-module-title {
    font-size: 18px;
	font-weight:100;
    text-transform:none;
    line-height:160%;
}
/*.row {padding:20px 0}*/
.center {text-align:center}
.azp_col-sm-4 p {line-height:20px}
.azp_container h3 {margin-top:20px}

#sp-header, #sp-footer {color:#eee; background-color:rgba(45,45,45,0.95)}
#sp-header .row {padding:0}
#sp-header .logo {margin-top:30px; display:block; height:auto; text-shadow:#000 1px 1px 1px; text-align:center}
#sp-header .logo a, #sp-header p {margin:0; display:block}
#sp-main-body {padding:0}
#sp-main-body .row:first-child {padding:0}
#sp-logo div {text-align:center}
#sp-logo div a {padding:25px 0 5px}
/*#sp-footer {margin:0!important}*/
#sp-footer a {color:#999}
#sp-footer a:hover {color:#666}
.azura_separator {visibility: hidden}

.azura_align_center img {margin-left:auto; margin-right:auto}

/* NAVIGATION */
.sp-megamenu-parent >li >a {letter-spacing:0; font-size:15px; color:#eee}
.sp-megamenu-parent >li >a:hover, .sp-megamenu-parent >li >a:focus, .sp-megamenu-parent >li.active >a {text-shadow:#000 1px 1px 1px}
/*langues*/
.sp-module-content .mod-languages ul.lang-inline {margin: 0 auto; text-align: center}
#sp-top1 .mod-languages li a {letter-spacing:0; line-height: 90px; font-size:15px; color:#eee}
#sp-top1 .mod-languages li.lang-active a {text-shadow:#000 1px 1px 1px; color: #ffc20a;}
#sp-top1 .mod-languages li a:hover, #sp-top1 .mod-languages li a:focus {color:#bf9d35}
.offcanvas-menu {width:280px}
#offcanvas-toggler {margin:30px 0 0 0}
#offcanvas-toggler > i {color: #eee}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0;
    padding: 60px 0 20px 0;
}
.close-offcanvas {
    position: absolute;
    top: 30px;
    right: 15px;
    z-index: 1;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    line-height: 100%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fff;
    color: #fff;
    padding: 3px 5px;
}
.close-offcanvas .fa {line-height:100%}

.azura_btn-primary {color:#fff; background-color:#444;border-color:#222}
.azura_box_shadow_3d_wrap:after, .azura_box_shadow_3d_wrap:before {bottom:11%}
.azura_btn-primary:hover, .azura_btn-primary:focus, .azura_btn-primary.focus, .azura_btn-primary:active, .azura_btn-primary.active, .open > .dropdown-toggle.azura_btn-primary {
	color:#ffc20a; background-color:#333; border-color:#222; text-shadow:#000 1px 1px 1px}


/*CAVEAU*/
.fa {display:block; font-size:20px; line-height:140%}
*:before { padding-right:15px}
.azura_image img {margin-bottom: 20px}
.azura_image a {text-align: center; width: 100%; display: block}
section {margin-bottom:30px}
a#menu-fb {display:block; margin:0 auto; width:150px; height:150px; background: url(https://theplacetobe.ch/images/caveau/menu-facebook.png) 0 0 no-repeat}
a#menu-fb:hover, a#menu-fb:focus {background-position:0 -150px}
.prix-menu {color:#666; font-style:italic; padding-top: 15px}
.cartes p {font-size:18px; line-height:160%; margin-bottom:0 0 25px}
.cartes p a {text-shadow:#000 1px 1px 1px}

/*CINEMA*/
/*#sp-slider #banner {background:#FFF url(../../../images/cinema/banner-cinema.jpg) repeat-x top left; background-size:contain; height:400px}*/
#sp-slider #banner img {width:100%; height: auto; margin: 0; border: 0}
img.affiches {width:100%}
.ic-title-header h2 a:link, .ic-title-header h2 a:visited {text-shadow:#000 1px 1px 1px}
.ic-box-date {/*vignettes films*/
	background-position:top center;
}
.blogvision {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.blogvision iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ic-title-cat {/*titre catégorie à droite des noms de films*/
	display:none
}

/*PAGE EVENEMENT (FILM)*/

#sp-right .sp-module {/*espace entre module dans colonne droite*/
    margin-top: 30px;
}

.ic-top-buttons {/*boutons retour*/
	display:none
}

.ic-info {/*toute la page*/
	background:#fff; 
	border:none
}
.ic-event-header {/*bloc parent encadrant le titre du film h2*/
    background:none;
    border:0;
    border-radius:0
}

.ic-title-header {/*bloc enfant encadrant le titre du film h2*/
	width:100%!important
}

.ic-event-header h2 {/*titre du film*/
    font-size: 26px;
    line-height: 140%;
    text-shadow: none;
    text-decoration: none;
    border: 0;
}

.ic-details-cat {display:none} /*titre catégorie à droite du titre du film*/

.ic-image img {/*affiche du film*/
	width: 400px;
	margin:-15px auto 20px auto; 
	-webkit-box-shadow: 14px 14px 35px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 14px 14px 35px -12px rgba(0,0,0,0.75);
	box-shadow: 14px 14px 35px -12px rgba(0,0,0,0.75);
	-webkit-transform: rotate(3deg);
    transform:rotate(3deg);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.ic-info .ic-details {/*date sous affiche*/
	text-align:left;
	border-bottom:#ccc 1px solid;
	padding: 0 20px;
    line-height: 100%;
}

#detail-date-list .alldates li {/*liste des autres heures / dates */
	padding:5px 0
}

.ic-details .ic-single-starttime, .ic-details small, #icagenda .evttime {/*heures de l'événement*/
	padding:1px 5px;
	margin-left:12px;
	font-size:1em;
	background-color:#999;
	color:#fff
	}

#ic-detail-desc {/* reste du bloc : description + video + informations*/}

.ic-full-description p {/*description*/
	text-align:justify; 
	padding:0 0 10px 0
}

#ic-detail-desc iframe {/*vidéo - height a adapter en responsive*/
	width:100%!important; 
	height:448px!important;
	border:none!important
}

.ic-info-box {background:#f0f0f0 /*bloc information sous vidéo*/}
.ic-info-box .ic-info-box-header {background:#fff; color:#333; text-align:left; width:100%!important /*cadre du titre h3 - Informations*/}
.ic-info-box .ic-info-box-content {color: #666}

#detail-date-list { /*bloc Autres heures et dates*/
	margin: 10px 0;
    padding: 20px;
    color: #333;
    background: #fff;
    border-radius: 10px;
}
#detail-date-list ul {
    background: #f0f0f0;
    color: #333;
    padding: 15px 20px 15px 35px;
    margin: 0;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
    
/*form*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], 
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], 
input[type="tel"], input[type="color"], .uneditable-input {
    display: block;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: #666 1px solid;
/*    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;*/
}
textarea {height:60px}
.visform input, .visform select, .visform textarea {
    border: 1px solid #666;
    padding: 2px;
    background: #fff;
}
.btn, input[type="submit"] {
	display:block;
	padding:8px 12px;
    font-weight: 300;
	text-transform:uppercase;
	float: right;
    margin-right: 75px;
}
.visCSSinput, .editor {
    width:300px;
}
textarea.visCSSinput {
	width:300px
}
.visCSSlabel {
    width: 150px;
	margin-top:0
}
.captcharefresh1 {float:left; margin:30px 10px 0 0}
img#captchacode1 {display:inline}
input#recaptcha_response_field {margin-left:150px; height:26px}
input.visCSStop10 {margin-left: 156px}

/*made with love*/
.sp-copyright .fa {display:inline; font-size:14px; line-height:120%}
.sp-copyright .fa::before { padding:0 5px}

/* MOBILE FRIENDLY */

@media screen and (max-width: 1200px) {
	.sp-module .sp-module-title {font-size:15px}
	.azura_box_shadow_3d_wrap:after, .azura_box_shadow_3d_wrap:before {bottom:13%}
    .sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {padding:0 8px}
}

@media all and (min-width:992px) and (max-width: 1199px) {
#ic-detail-desc iframe {height:362px!important}
}

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

@media (max-width: 992px) {
	.sp-module .sp-module-title {font-size:12px; text-align:center}
	.azura_box_shadow_3d_wrap:after, .azura_box_shadow_3d_wrap:before {bottom:18%}
}

@media all and (min-width:768px) and (max-width: 991px) {
#ic-detail-desc iframe {height:270px!important}
}
@media (max-width:767px) {
 .sp-module .sp-module-title {font-size:22px; text-align:left}
}
@media (min-width: 768px) {
.azp_container {
  width: auto;
}
}
@media (max-device-width:768px) and (orientation: landscape) {
  html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
 .sp-module .sp-module-title {font-size:12px; text-align:center}
	}
@media all and (min-width:641px) and (max-width: 767px){
#ic-detail-desc iframe {height:362px!important}
}
@media all and (min-width:481px) and (max-width: 640px){
#ic-detail-desc iframe {height:314px!important}
}


@media (max-width: 640px) {
    * {box-sizing: border-box}
    body {width: auto; margin: 0; padding: 0}
    img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video, iframe {max-width: 100%}
    img {height: auto}
	textarea, table, td, th, code, pre, samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    code, pre, samp {white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */}
    .hide_mobile, .nomobile, .no_mobile {display: none !important}
    .col-xs-2, .col-sm-2, .col-md-2 {padding: 0!important}
}
@media (max-width: 480px){
	#ic-detail-desc iframe {height:214px!important}
	.ic-box-date {
    width: 80px!important;
	height:80px!important;
    margin: 0 auto!important;
	padding:20px!important;
	}
    #sp-header .logo a {font-size: 20px}
}
@media (max-width: 360px) {
    #sp-slider #banner {display: none!important}
}