/**********************************************************
 *	fichier destiné à tous les overrides du site kamacuka
 *	pour les petits ajustements de styles.
 *	Concernant les styles plus globaux > fichier styles.css
 **********************************************************/

/*@TODO breakpoint blocks accueil 760px environs passer de 33% a fix
*/
 /***********************************
  *	globaux
  **********************************/
/* reset de certains styles propres aux regions*/
.not-front.no-sidebars #content-inside{	padding: 0 0 60px;}
.not-front.no-sidebars #banner{	border-bottom: none;}
.not-front.no-sidebars #main {	
	padding-top: 0;
/* 	background: url(images/frise_2_guide_1920x312.jpg) 0 -54px no-repeat;
 	background: url(images/frise_2_guide_1920x312.jpg) 0 0 no-repeat;*/ /*droth3*/
	background-size: contain;
}
/* logo dans le menu pour le lien*/
/*
li.tb-megamenu-item.level-1.mega.logo-kamacuka  a{
 	display: block;
	width: 214px;
	height: 45px;
	background-image: url(images/logo-kamacuka-214x45.png);
	background-size: 214px 45px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	padding: 0; 
display: block;
min-width: 214px;
height: 42px;
background: transparent;
background-size: 214px 45px;
background-repeat: no-repeat;
text-indent: -99999px;
padding: 0;
/* margin: 0 130%;
 }*/

 /* container*/
 #banner{
	padding-top:40px;
 }
 
 /* footer */

#footer-menus  ul li.leaf{
	list-style-image:none;
	list-style-type:none;
 }
 
 #footer-bottom, #footer, #footer-menus{
	padding: 10px 0;
 }

 #credits{
	font-size:80%;
}
 
/* menu */
#header-menu{
	position: fixed;
    width: 100%;
    z-index: 100;
}

#block-tb-megamenu-main-menu{
	width:92%;
	float:left;
}

#block-locale-language-content{
	width:8%;
	float:left; /*droth3 vorher right*/
	min-width: 50px; /*droth3 verhindert ein übereinanderschieben der beiden Menüs*/
}

#block-locale-language-content .active{
	font-weight:900;
	margin-left:-3px;
}

#block-locale-language-content ul{
	list-style-type: none; 
	font-size:80%;
	line-height:120%;
	margin: 7px 0;
	padding-left:15px;
}

.tb-megamenu{
	background: transparent url(images/logo-kamacuka-214x45.png) center 0 no-repeat;
 	background-size: contain;
 }
 
@media (min-width: 980px) {
	.tb-megamenu .nav > li.tb-megamenu-item.right{
		float: right;
	}
}

 .tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {
	display:none;
}

li.tb-megamenu-item.level-1.mega  a{
	padding:5px 10px;
}

li.tb-megamenu-item.level-1.mega.abonnement a{
	line-height:110%;
	text-indent:0;
	text-align:center;
}

#block-search-form input.form-text {
	width: 90%;
}

.tb-megamenu li.tb-megamenu-item.level-2.mega a{
	font-size:150%;
	padding:25px;
	line-height:100%;
}

#tb-megamenu-column-3 .tb-megamenu-column-inner,
#tb-megamenu-column-4 .tb-megamenu-column-inner{
	padding: 0 10px;
}
#tb-megamenu-column-3 .tb-megamenu-column-inner h2,
#tb-megamenu-column-4 .tb-megamenu-column-inner h2{
	margin: 0;
}
#tb-megamenu-column-3 .tb-megamenu-column-inner form#user-login-form .form-item{
	margin:0;
}

@media (max-width: 980px) {
	.tb-megamenu button.btn.btn-navbar.tb-megamenu-button{
		border:none;
		box-shadow:none;
		background: transparent;	
	}
	.tb-megamenu button.btn.btn-navbar.tb-megamenu-button i{
		color:#fff;
		font-size: 250%;
	}
	.tb-megamenu ul li[data-id="237"] a.dropdown-toggle{
		display:none;
	}
	
	.tb-megamenu ul,
	.tb-megamenu ul div,
	.tb-megamenu ul li,
	.tb-megamenu ul li input,
	.tb-megamenu ul li label,
	.tb-megamenu ul li h2,
	.tb-megamenu ul li a,
	.tb-megamenu .span12.mega-col-nav .mega-inner,
	.tb-megamenu .mega-inner{
		padding:0;
		margin:0;
	}
	.tb-megamenu .mega-inner{
		margin:5px;
	}
	.tb-megamenu .nav > li > a {
		background:none;
	}
	.tb-megamenu .nav-collapse .nav > li > a{
		border:none;
		/* padding:3px; */
	}
	.tb-megamenu ul.level-0 li,.tb-megamenu .nav-collapse .nav > li{
		float:left;
		min-width:15%;
		margin-right:10px;
	}
	.tb-megamenu ul div a,.tb-megamenu li.tb-megamenu-item.level-2.mega a{
		padding:3px;
	}
}


/* typographie */
.not-front h1{
	/* transform:rotate(-1.5deg); */
	/* -ms-transform:rotate(-1.5deg);  *//* IE 9 */
	/* -webkit-transform:rotate(-1.5deg); */ /* Opera, Chrome, and Safari */
	padding: 5px;
	text-align: center;
	background: rgba(255,255,255,0.66);
/* 	margin: 25px 0px 50px;
 */	margin: 25px 0px 50px;
}

.big-text{
	font-size:20px;
}

.right{
	
	float:right;
}

.left{
	float:left;
}
blockquote{	min-height : 30px;}

body:not(.page-node-edit).not-front .content .node div:not(.field-name-field-chrono-lire-aussi-interne).field-type-entityreference .field-item a ,
body:not(.page-node-edit).not-front .content .node div:not(.field-name-field-art-generique-lire-aussi).field-type-entityreference .field-item a ,
body:not(.page-node-edit).not-front .content .node div:not(.field-name-field-basique-lire-aussi-interne).field-type-entityreference .field-item a {
    color: white;
}

body:not(.page-node-edit).not-front .content .node div.field-name-field-chrono-lire-aussi-interne.field-type-entityreference .field-item a ,
body:not(.page-node-edit).not-front .content .node div.field-name-field-art-generique-lire-aussi.field-type-entityreference .field-item a ,
body:not(.page-node-edit).not-front .content .node div.field-name-field-basique-lire-aussi-interne.field-type-entityreference .field-item a {
	color: #00000A; /*droth3 #1487d4;*/
}

/* gif animé autocomplete*/
html.js input.form-autocomplete{
	background-position: 100% 10px;
    background-size: calc(20px) auto;
}

html.js input.throbbing{
	background-position: 100% -18px;
}
#content iframe{
	max-width: 100%;
}


 /***********************************
  *	page d'accueil
  *
  **********************************/
  
/* masquer les divs links de la page d'accueil et ajuster les contenus sur les images + border img et background transparent textes*/
.front #banner .links,.front #banner .submitted,.front #banner h1,.front #banner .flex-caption,
.front #content .links,.front #content .submitted,.front #content h1{	display:none; }
.front #content .ds-above-left,
.front #content .ds-above-middle,
.front #content .ds-above-right,
.front #content .ds-below-left,
.front #content .ds-below-middle,
.front #content .ds-below-right,
.front #content .ds-middle,
.front #content .ds-footer{	position:relative;}
.front #content .node {
	padding:10px;
}

.front #content h2, .front #content .group-block-over-img{
	background-color: rgba(255,255,255,0.66);
	/* width: 100%; */
	padding: 5px 10px;
}

.front #banner h2, .front #content h2{	position:absolute;}
.front #content .group-block-over-img{	bottom: 5%;    position: absolute;}

.front #content #content-inside { 	padding:0;}

/* positionner le titre du slide */
.front #banner .slides h2{
	width:10%;
	min-height: 70px;
	background-color:rgba(255,255,255,0.80);
    font-size: 400%;
    line-height: 70px;
	/*text-align:center; => bug mode déconnecté !!*/
/* 	padding-left: 4%;
 */	top: 46%;
    transform: translateY(-46%);
    -webkit-transform: translateY(-46%);
	text-align:center;
}

.front.adminimal-menu #banner .slides h2{
	width:100%;
}

.front #banner .flexslider{
	margin:0;
	border-radius:0;
	box-shadow:none;
	border:none;
}

.front #banner .flexslider .flex-control-nav{
	z-index: 10;
	bottom:0;
}

/*******************************
 *	resultats recehrche views
 *******************************/
/* pour affichage 6 resultats en grille
	views transforme les "_" en "-" */

@media (min-width: 980px){

	.container_12 .grid-4 {
		/* width: 300px; */
		width:31%;
		min-height:312px;
	}
	
	.grid-4{
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media (max-width: 980px) and (min-width: 760px){

	.container_12 .grid-4 {
		/* width: 220px; */
		width:30%;
	}
	
	.grid-4{
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media (max-width: 760px){

	.grid-4 {
		margin-left: 10px;
		margin-right: 10px;
	}
}

/* pager */
ul.pager li.pager-next.first.last a{
	color: #fefefe;
	padding: 7px 15px;
	text-shadow: 0 1px 1px #003547;
	font-weight: bold;
	border: none;
	font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
	cursor: pointer;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 1px 2px #939da2;
	-moz-box-shadow: 0px 1px 2px #939da2;
	box-shadow: 0px 1px 2px #939da2;
	background: #008ab8;
}

/*******************************
 *	espace guide et espace actu
 *******************************/
 
/* théming exposed filter */
.page-actualites ul.tabs.primary,
.page-guide ul.tabs.primary, 
.page-ressources ul.tabs.primary {
	margin:0 0 20px 0;
	padding:0;
	font-size: 150%;
}

ul.primary li a {
	background-color: transparent; 
	border:none;	
}

ul.primary li.active a {
	background-color: rgb(232, 255, 247);
	border:none;	
}

.view-actualit-s .views-exposed-widget,
.view-guide .views-exposed-widget {
	padding: 0 0 10px 0;
	position:relative;
	min-width: 470px;
}

.view-actualit-s .views-exposed-widget.views-submit-button,
.view-guide .views-exposed-widget.views-submit-button ,
.view-actualit-s .views-exposed-widget.views-reset-button,
.view-guide .views-exposed-widget.views-reset-button {
	min-width:inherit;
}

.view-actualit-s.view-display-id-page_4 .views-exposed-widget,
.view-guide.view-display-id-page_4 .views-exposed-widget{
	width:66%;
}

.view-actualit-s.view-display-id-page_4 .views-exposed-widget input#edit-combine,
.view-guide.view-display-id-page_4 .views-exposed-widget input#edit-combine{
	width:95%;
}

.view-actualit-s .views-exposed-form .views-exposed-widget .form-submit,
.view-guide .views-exposed-form .views-exposed-widget .form-submit {
	margin-top:0;
}

.view-actualit-s .views-exposed-widget .form-item.form-type-bef-checkbox,
.view-guide .views-exposed-widget .form-item.form-type-bef-checkbox{
	float: left;
/* 	min-width: 25%;
 */	width: 117px;
}

.view-actualit-s .views-exposed-widget>label,
.view-ressources .views-exposed-widget>label,
.view-guide .views-exposed-widget>label {
	color: #00000A; /*droth3 vorher rgb(20, 135, 212);*/
	font-size: 150%;
	float: left;
	padding:5px
}

.view-actualit-s .views-exposed-widget>views-widget,
.view-guide .views-exposed-widget>views-widget{
	float: left;
}

.view-actualit-s .views-exposed-widget .bef-select-all-none a.bef-toggle,
.view-guide .views-exposed-widget .bef-select-all-none a.bef-toggle{
	position:absolute;
	left:0;
	padding:5px 10px ;
	background:rgb(232, 255, 247);
	border-radius:  5px 5px 0 0;	
	top:0;
}


/*******************************
 *	espace actu
 *******************************/
 
.page-actualites #content .links,.page-actualites #content .submitted {	display:none; }

.page-actualites .view-actualit-s .grid-4 h2{
	margin:5px 0;
}

.page-actualites .view-actualit-s .grid-4 p{
	margin:0;
}

/* .page-actualites .view-actualit-s .grid-4 .views-field-field-art-generique-introduction,
.page-actualites .view-actualit-s .grid-4 .views-field-field-chrono-texte-introduction{
	padding:5px;
} */

.views-field-field-event-date-debut,
.views-field-field-event-date-fin{
    background: #FFFFFF; /*droth3 green;*/
    color: #000000; /*droth3 white;*/
    display: inline-block;
    padding: 1px 5px;
}


/*******************************
 *	fiches
 *******************************/
 
/*video*/
.node.view-mode-full .ds-right .field-item iframe {
    max-width: 312px;
}

/*print icons*/
.block.block-print-ui{
	margin-top: -40px;
	float:right;
}
div#block-print-ui-print-links span{
	display: inline-block;
	margin: 0;
}

#block-print-ui-print-links img{
    width: 32px;
}

/*******************************
 *	global search & taxo
 *******************************/
 
.page-search404 .node .submitted,
.page-search404 .node .links,
.page-search .node .submitted,
.page-search .node .links{
	display:none;
}

.page-search .node,
 .page-search404 .node {
	float:left;
	min-height:100px;
	width:100%;
	margin-bottom: 10px;
}
.page-search .node img,
 .page-search404 .node img{
	max-width:100px;
	padding:0 10px 0 0 ;
	float:left;
}

.page-search .node > h2,
 .page-search404 .node > h2{
	border-bottom:3px solid #4d8f46;
	margin: 10px 0;
	
}

.page-search .node.node-fiche-artiste > h2,
 .page-search404 .node.node-fiche-artiste > h2{
	border-bottom:3px solid #F8B029;
}

.page-search404 .node.node-article > h2,
.page-search404 .node.node-chronologie > h2,
.page-search .node.node-article > h2,
.page-search .node.node-chronologie > h2{
	border-bottom:3px solid #BD1F2D;
}

.page-search .node.node-structure > h2,
 .page-search404 .node.node-structure > h2{
	border-bottom:3px solid #36B2A4;
}

.page-search .node.node-evenement > h2,
 .page-search404 .node.node-evenement > h2{
	border-bottom:3px solid #38A9DC;

}

.page-search input.form-text,
 .page-search404 input.form-text {
	width:auto;
}

.page-search #block-system-main .field-name-field-event-hom-img-block,
 .page-search #block-system-main .group-block-over-img,
  .page-search404 #block-system-main .field-name-field-event-hom-img-block,
   .page-search404 #block-system-main .group-block-over-img {
	float: left;
}
/*******************************
 *	admin newsletter
 *******************************/

.page-user-newsletter-signup #block-system-main{
	display:none;
}

#block-mailchimp-signup-newsletter-signup {
	border-right: 3px solid rgb(204,204,204);
	margin-right: 5%;
}
.page-user .block-mailchimp-signup {
	box-sizing: border-box;	
	display: inline;
	float: left;
	margin: 0;
	min-height: 312px;
	width: 50%;
}
.page-user #block-mailchimp-signup-inscription-newsletter-priv-e {
	width: 44%;
}
.page-user .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields .form-item {
	margin: 0;
}

.page-user .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields label {
	display: inline-block;
	font-size: 1em;
	width: 120px;
}

.page-user .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields input {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	width: 150px;
}

@media (max-width: 760px){
	#block-mailchimp-signup-newsletter-signup {
		border-right: 0;
		float: none;
		margin-right: 0;
	}
	.page-user .block-mailchimp-signup {
		display: block;
		width: 90%;
	}
}
 /*******************************
 *	Menu rédacteur
 *******************************/
#block-menu-menu-menu-r-dacteur h2 {
	border-bottom: 3px solid rgba(204, 204, 204, 0.3);	
	margin: 0 auto;	
	text-align: center;
	width: 90%;
}
#block-menu-menu-menu-r-dacteur ul {
	text-align: center;
	width: 90%;
}

#block-menu-menu-menu-r-dacteur ul li.leaf {
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}
#block-menu-menu-menu-r-dacteur ul li.leaf:before {
	content: "- ";
}
#block-menu-menu-menu-r-dacteur ul li.leaf:after {
	content: " -";
}

#block-menu-menu-menu-r-dacteur ul li.leaf:hover {
	text-decoration: underline;
}

#block-views-contenu-r-dacteur-block {
	clear: left;
}

@media (max-width: 980px){
	#block-menu-menu-menu-r-dacteur h2 {
		border-bottom: 3px solid rgba(204, 204, 204, .3);	
		margin: 0 auto;	
		text-align: center;
		width: 50%;
	}

	#block-menu-menu-menu-r-dacteur ul li.leaf {
		display: block;
	}
	#block-menu-menu-menu-r-dacteur ul li.leaf:before {
		content: "- ";
	}
	#block-menu-menu-menu-r-dacteur ul li.leaf:after {
		content: " -";
	}
}
@media (max-width: 760px){

}
/* Contenu rédacteur */
#block-views-contenu-r-dacteur-block {
	background-color: rgba(204, 204, 204, .2);
	margin: 0 auto 50px auto;
	min-height: 80px;
	padding: 10px 20px;	
	width: 90%;
}
#block-views-contenu-r-dacteur-block li {
	display: inline-block;
	list-style: none;
	margin: 10px;
	padding: 10px;
}
#block-views-contenu-r-dacteur-block .pager li {
	margin: 0;
}
.page-user #block-system-main table thead a img {
	display: inline-block;
	margin-left: 3px;
}
 /*******************************
 *	page connexion
 *******************************/

.toboggan-unified #login-links a,
.toboggan-unified #login-links a.lt-active:hover {
	border:none;
	background-color: #3498db;
	color:#ffffff;
}

.toboggan-unified #login-links a.lt-active {
	border:none;
	background-color: transparent;
	color:#3498db;
}

 /*******************************
 *	page abonnement
 *******************************/

 .page-node-3121 #content .content {
	text-align:center;
 }


  /*******************************
 *	pages taxo
 *******************************/
.page-taxonomy .grid-4 {
	min-height:100px;
	width:100%;
 }

.page-taxonomy .grid-4 h2 {margin: 5px 0;}

.page-taxonomy .grid-4 img {padding: 0 10px 0 0;}

.page-taxonomy .domaine a,
.page-taxonomy .territoire a,
.page-taxonomy .views-field-type span {
	color:white;
	padding:0px 5px;
	font-weight: bold;
}

.domaine, .territoire {
	padding:0px 5px;
	color:black; /*droth3: vorher white;*/
}

.view-guide .domaine {
	background-color: #ffffff; /*droth3 #f1c40f;*/
}

.view-guide .territoire {
	background-color: #ffffff; /*droth3 #3498db;*/
	float:left;
}

.domaine {
	background-color: #f1c40f;
	/*background-color: #ffffff; droth3 #f1c40f;*/
}

.territoire {
	background-color: #3498db;
	/*background-color: #ffffff; droth3 #3498db;*/
	float:left;
}

.page-taxonomy span.Artiste {background-color:#F8B029;}

.page-taxonomy span.Article,
.page-taxonomy span.Chronologie {background-color:#BD1F2D;}

.page-taxonomy span.Structure {background-color:#36B2A4;}

.page-taxonomy span.Événement {background-color:#38A9DC;}