/**************************************************
 ****    PANELS
 * Different styles for the panels pages James 21-11-2014
***************************************************/ 

/********************************** Text *********************************************/

.node-type-panel-blue .site-title-container .page-title {
  color: #4e7288;
margin:0 0 20px;
}

.node-type-panel-brown .site-title-container .page-title {
  color: #675c5e;
margin:0 0 20px;
}

.node-type-panel-brown h2.panel-style-subtitle {
	color:#817c7a;
	margin:0 0 20px;
}

.node-type-panel-blue h2.panel-style-subtitle {
	color:#5f5552;
	margin:0 0 20px;
}

h3.panel-style-intro {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	margin:0 0 20px;
}

.node-type-panel-brown h3.panel-style-intro {
	color:#817c7a;
}

.node-type-panel-blue h3.panel-style-intro {
	color:#5f5552;
}

.pane-bundle-text .field-name-field-basic-text-text {
	font-family:Arial, sans-serif;
	font-size:13px;
}

.node-type-panel-brown .pane-bundle-text .field-name-field-basic-text-text {
	color:#696969;
}

.node-type-panel-blue .pane-bundle-text .field-name-field-basic-text-text {
	color:#5f5552;
}

.panel-style-exerge {
	display:block;

	font-family: Georgia, "Times New Roman", serif;
	font-size:18px;
	font-style:italic;
	text-align:center;
}

.node-type-panel-brown .panel-style-exerge {
	color:#775766;
}

.node-type-panel-blue .panel-style-exerge {
	color:#4e7288;
}

.panel-style-nom {
	display:block;

	font-family: Arial, sans-serif;
	font-size:13px;
	text-align:right;
}

.node-type-panel-brown .panel-style-nom {
	color:#817c7a;
}

.node-type-panel-blue .panel-style-nom {
	color:#5f5552;
}

/********************************** Layout *********************************************/

.node-type-panel-blue {
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #4E7288 100%);
/* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #4E7288 100%);
/* Opera */ 
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #4E7288 100%);
/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #4E7288));
/* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #4E7288 100%);
/* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #4E7288 100%);
}

.node-type-panel-brown {
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #675C5E 100%);
/* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #675C5E 100%);
/* Opera */ 
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #675C5E 100%);
/* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #675C5E));
/* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #675C5E 100%);
/* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #675C5E 100%);
}

.site-body-content-row {
	padding-right:5px;
}


.pane-bundle-text .field-name-field-basic-text-text {
	display:block;
	max-width:560px;
}

/********************************** Image - Vidéo *********************************************/
img.panopoly-image-full {
	margin-bottom:0px !important;
}

.pane-bundle-spotlight,
.pane-bundle-video,
.pane-bundle-image {
	-moz-box-shadow: 2px 2px 4px 0px #737373;
	-webkit-box-shadow: 2px 2px 4px 0px #737373;
	-o-box-shadow: 2px 2px 4px 0px #737373;
	box-shadow: 2px 2px 4px 0px #737373;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#737373, Direction=134, Strength=4);
	position:relative;
}

.pane-bundle-image .fieldable-panels-pane {
	position:relative;
}

.pane-bundle-image .field-name-field-basic-image-caption {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	width:100%;
	background-image:url('../img/panel-img-legend-bg.png');
	background-repeat:repeat;
	bottom:0px;
	height:40px;
	padding:8px 0px 3px 5px;
	
	font-family: Arial, sans-serif;
	font-size:11px;
	color:#ffffff;
	line-height:12px;
}

.pane-bundle-spotlight h2.pane-title,
.pane-bundle-video h2.pane-title,
.pane-bundle-image h2.pane-title {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:1px solid #9d9692;
	background-image:url('../img/panel-img-title-bg.png');
	background-repeat:repeat-x;
	margin:0;
	padding-left:5px;
	width:100%;
	height:23px;
	
	
	font-family: Georgia, "Times New Roman", serif;
	font-size:14px;
	font-weight:bold;
	color:#3a1f23;
	line-height:23px;
	text-transform:none;
}

.pane-bundle-image h2.pane-title,
.pane-bundle-spotlight h2.pane-title {
	position:absolute;
	top:0;
	z-index:10;
}

/********************************** Diaporama *********************************************/
.panopoly-spotlight-buttons-wrapper {
	top:auto !important;
	right: auto !important;
	left:0px;
	bottom:0px;
	width:100%;
	background-image:url('../img/panel-img-legend-bg.png');
	background-repeat:repeat;
	padding:0px 0;
}

.panopoly-spotlight-function-buttons {
	display:none !important;
}

	.pane-bundle-spotlight .ui-tabs .ui-tabs-nav {
		padding:16px 8px;
		opacity:1;

	}

		.pane-bundle-spotlight .ui-tabs .ui-tabs-nav li.ui-state-default {
			border:1px solid #FFFFFF !important;
			background-color:transparent;
			margin-right:5px;
			opacity:1;
		}
		
		.pane-bundle-spotlight .ui-tabs .ui-tabs-nav li.ui-state-active {
			background-color:#FFF;
		}

			.pane-bundle-spotlight .ui-tabs .ui-tabs-nav li a {
				text-indent:-1000px;
				font-size:5px;
				padding:0;
				height:6px;
				width:6px;
			}
			
/* Custom rules for some specific pages */
/*.page-node-5976 #panels-ipe-paneid-4{
  margin-bottom: 20px !important;
}*/
.pane-bundle-image {
    margin-bottom: 20px !important;
}