/* MISCELLANEOUS
--------------------------------------------------------------------- */
.red {
	color: red;
}

.navbar-collapse {
	max-height: none;
	box-shadow: none;
	border: none;
}



/* FORMS GROUPS
--------------------------------------------------------------------- */
.form-group {
	p {
		font-size: 12px;
		line-height: 1.2em;
		margin-top: 4px;
		font-style: italic;
		margin-bottom: 20px;
		color: #797979;
	}
}
.form-group:last-child {
	margin-bottom: 0;
}
.btn + .btn {
	margin-left: 0;
}


/* PANELS
--------------------------------------------------------------------- */
.panel-title {
	font-weight: 700;
	font-size: 15px;
}

.panel-group .panel {
	border-radius: 0;
}
.panel-group .panel:first-child {
	border-radius: 4px 4px 0 0;
}
.panel-group .panel:last-child {
	border-radius: 0 0 4px 4px;
}
.panel-group .panel+.panel {
	margin-top: 0;
	border-top: none;
}
.panel-body > .list-group:last-child {
	margin-bottom: 0;
}
.panel-body > .list-group:first-child:last-child {
	margin: -16px;
	.list-group-item:first-child {
		border-radius: 0;
	}
}
.panel-body {
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		ul {
			padding-left: 20px;
		}
	}
}



/* LIST-GROUP
--------------------------------------------------------------------- */
.list-group-item .btn {
	font-size: 12px;
	padding: 3px 7px;
	margin: -3px -8px 0 0;
	float: right;
}
.list-group-item-heading {
	color:#1a9dda;
}
.list-group-item-thumbnail {
	float: left;
	margin-right: 15px;
}
.list-group-item-text {

}
.list-group-item-theme {
	margin-bottom: 5px;
}
.list-group-view-all {
	margin: 0;
	text-align: right;
}



/* BOX
--------------------------------------------------------------------- */
.box {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);	
	/*background: rgba(241, 241, 241, 0.85);*/
	background:#fff;
	border: 1px solid #D8D8D8;	
	margin-bottom: 25px;
	display: block;
	padding: 15px;
	.borderRadius();
	position:relative;
	&.box-full {
		padding: 0;
	}
}
.box2 {
	padding-bottom:0;
	margin-bottom:30px;
}
.box3 {
	position:relative;
	padding:0;
	margin:40px 0;
}
.box-title {	

	position:absolute;
	top:-20px;
	left:10px;
	margin-left:8px;
	margin-bottom: 12px;	
	border-radius:7px;
	color:#fff;
	padding:5px 0;
	z-index:9999;
	h3 {
		float: left;
		margin-top: 0px;
		
		font-size:17px;
		font-weight:700;
	}
	.breadcrumb + & {
		border-bottom: none;
		margin-bottom: 5px;
	}
	.clearfix();

	

}

.box-body {
}
.box-light {
	background:#fff;
}
.box-dark {
	background:#D2D2D2;
	
}
.box-perspective {
	position: relative;
	height: 50px;
	width: 130px;
	margin: 0px;
	padding:0px;	
	-webkit-perspective:50px; /* Chrome, Safari, Opera  */
	perspective:50px;
	
}

.box-rotate {
	padding:10px 20px 10px 20px;
	position: absolute;
	color:#fff;
	font-size:16px;	
	border-radius:7px;
	-webkit-transform: rotateY(5deg); /* Chrome, Safari, Opera  */
	transform: rotateY(5deg);
	h3 {
		-webkit-perspective:0px; /* Chrome, Safari, Opera  */
		perspective:0px;
		-webkit-transform: rotateY(50deg); /* Chrome, Safari, Opera  */
		transform: rotateY(50deg);
		font-size:24px;

	}
	box-shadow:1px 2px 6px #333;

}
.box-rotate--color1 {
	background: rgba(47, 135, 172, 1) url(../img/icon-agenda.png) 10 center no-repeat;		
}
.box-rotate--color2 {
	background: #ed710e url(../img/icon-news.png) 10 center no-repeat;		
}
.box-rotate--color3 {
	background: #6f6246 url(../img/icon-webtv.png) 10 center no-repeat;		
}
.box-rotate--color4 {
	background: #d91a80;
	padding-left:10px;	

}
.box-rotate--color5 {
	background: #2b92c3 url(../img/icon-agenda.png) 10 center no-repeat;		
}





/* BREADCRUMB
--------------------------------------------------------------------- */
.breadcrumb {
	padding: 0 0 7px;
	margin-bottom: 20px;
	list-style: none;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 0;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	font-size: 12px;
}
.breadcrumb>li+li:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0da";
	padding: 0 6px;
	color: #707070;
}
.breadcrumb > .active {
	color: #505050;
	font-weight: bold;
}





/* VIEW MORE
--------------------------------------------------------------------- */
.view-more {
	display: block;
	padding: 5px 0 5px 10px;
	color: #333;
	font-size: 13px;
	float: right;
}
.view-more:hover {
	text-decoration: none;
}



/* TABS
--------------------------------------------------------------------- */

.nav-tabs > li > a {
	border-radius: 0;
	padding: 11px 14px;
	background:#d2d2d2;
	text-transform:uppercase;
	color:#454545;
	margin:0;
	min-width:110px;
	min-height:45px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	margin:0;
	min-height:45px;
	cursor: default;
	border-radius: 0;
	font-weight: 700;
	background:#eaeaea;
}
.tab-pane {
	background: white;
	margin-top: -1px;
}
.tab-pane .list-group-item {
	padding: 12px 20px 0 20px;
	background:#eaeaea;
	border:none;
}
.tab-pane p {
	font-size: 13px;
}
.title {
	color:#1a9dda;
}
.nav-tabs > li.see-all > a {
	font-weight:700;
	text-transform:none;
	.fa-plus-circle {
		display:inline;		
		padding-right:7px;
		color: #2b92c3;
	}
}

/* THUMBNAILS
--------------------------------------------------------------------- */
.thumbnails {
	.clearfix();
	margin: 0 -10px;
}
.thumbnail-body {
	float: left;
	padding: 0 10px;
	display: block;
	color: #333;
	height: 190px;
	width: 33.33%;
	overflow: hidden;
	&:hover .thumbnail-hover {
		opacity: 1;
		.icon {
			opacity: .8;
			-webkit-transform: scale(1.6);
			-moz-transform: scale(1.6);
			-ms-transform: scale(1.6);
			-o-transform: scale(1.6);
			transform: scale(1.6);
		}
	}
}
.thumbnail-img {
	height: 138px;
	overflow: hidden;
	position: relative;
	img {
		width: 100%;
	}
}
.thumbnail-hover {
	display: block;
	height: 100%;
	width: 100%;
	padding: 20px 15px;

	position: absolute;
	top: 0;
	left: 0;
	font-size: 11px;
	
	color: white;
	background: rgba(0, 0, 0, 0.70);
	opacity: 0;
	transition: opacity .3s ease;
	.icon {
		opacity: 0;
		font-size: 20px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px;
		margin-top: -10px;
		transition: all .2s ease-in;
		-webkit-backface-visibility:hidden;
	}
	.icon-sm {
		position: absolute;
		bottom: 20px;
		right: 20px;
		font-size: 21px;
	}
}
.thumbnail-title {
	font-size: 13px;
	font-weight: bold;
	margin-top: 7px;
}
.thumbnail-description {
	margin-bottom: 0;
}
.thumbnails-list {
	&:hover a {
		text-decoration: none;
	}
	&.thumbnails {
		margin: 0;
	}
	.thumbnail-body {
		float: none;
		height: auto;
		width: auto;
		padding: 15px 10px 20px;
		&, &:hover {
			border-bottom: 1px dashed #B9B9B9;
		}
		&:hover {
			background: white;
		}
	}
	.thumbnail-img {
		height: auto;
		float: left;
		margin-right: 15px;
		overflow: hidden;
		position: relative;
		img {
			width: auto;
		}
	}
}

/* ACCES DIRECTS
--------------------------------------------------------------------- */
#access, #menu2 {

	.panel-title {
		font-weight:normal;
		text-transform:uppercase;
	}
	.panel-group {
		border-radius:7px;
		overflow:hidden;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
	}
	.panel-heading {
		border:none;
		border-radius:0;
		.fa {
			color:#fff;
			text-align:right;
			float:right;
			display:inline-block;
			font-weight:normal;
			padding-right:0;
		}
	}
	.panel-default>.panel-heading {
		background:#8233ac;
		color:#fff;
		border:none;		
	}
	#projets {
		background:#bf45ae;
	}
	.panel-body .nav > li > a {
		color:#323233;
	}
	.fa {
		color:#8a3eb2;
		padding-right:7px;
	}
	.panel {
		border:none;
		border-radius:0;
	}
}

/* EVENTS
--------------------------------------------------------------------- */
.events .carousel-caption {
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	background:rgba(47, 135, 172, 0.8);
	max-width:344px;
	padding:0 20px 20px 20px;
	border-radius:0 30px 0 0;
	h3 {
		text-transform: uppercase;
		font-size:16px;
		font-weight:600;
		margin-bottom:10px;
	}
	
}
.events {
	.events--title {
		
	}
	.fa {
		font-size:16px;
		color:#fff;
	}
	.carousel-control {
		top:52%;
		height:30px;
		width:30px;
		z-index:9990;
		opacity:1;
	}
	.carousel-control.left, .carousel-control.right {
		background:none;

	}
	.carousel-control.left {
		left:54%;
	}
	.carousel-control.right {
		right:37%;
	}
	/*.left {
		top:15%;
		z-index:9990;
		left:45%;
		width:auto;
	}
	.right {
		top:15%;
		z-index:9990;
		left:57%;
		width:auto;
	}*/
}

.col-right-events {

	.panel {
		border:1px solid #5a5a5a;
	}
	.panel-space { 
		background: #5a5a5a;
		border:none;
		border-color:none;
		min-height:30px;
	}
	a.list-group-item {
		background: #5a5a5a;
		border:none;
		color:#fff;
		padding-bottom:0;
		h4 { color:#31abe5; }
		&:hover {
			background: rgba(0, 0, 0, 0.9);
		}
	}
	a.list-group-item2 {
		background: #484848;
		border:none;
		color:#fff;
		padding-top:7px;
		padding-bottom:5px;
		h4 { color:#31abe5; }
		.color1 .fa {
			padding-right:5px;
			color:#44a8d8;
		}
		.color2 .fa {
			padding-right:5px;
			color:#eba62d;
		}
		
	}
	
	.spacer2 {
		border-color:#7a7a7a;
		margin:10px 0 0 0;
	}


}
/* NEWS
--------------------------------------------------------------------- */
.news {
	a.list-group-item {
		padding:8px 15px;
		border:none;
		color:#3c3c3c;
		&:hover {
			background:none;
		}
	}
	.news--big {
		h4 {
			color:#ff7200;
		}
		.list-group { 
			margin:0; 
			background: #e9e9e9;
			padding:20px 0 10px 0;
			
		}
		a.list-group-item {
			background: #e9e9e9;
			border:none;
			.spacer {
				border-top:1px dotted #ababab;
				margin:10px 0;
			}
			.spacer2 {
				margin-top:20px;
			}
			img {
				border-radius:7px;
			}
			
		}
	}
	.news--small {
		.list-group {
			padding-top:10px;
		}
		.spacer2 {
			border-color:#7a7a7a;
		}
	}
}

/* WEB TV 
--------------------------------------------------------------------- */
.webtv {
	color:#454545;
	.webtv--video {
		background:#e9e9e9;
		margin:-15px;
		
		padding:15px;
		
	}

	h4 { 
		padding-top:10px;
		color:#6f6246 
	}
	.view-more {
		.fa {
			color:#6f6246;
			padding-right:7px;
		}
	}
}


/* YAMM DROPDOWN
--------------------------------------------------------------------- */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
	left: auto;
	right: 0;
}
.yamm .yamm-content {
	padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}


/* DATEPICKER
--------------------------------------------------------------------- */
.datepicker-inline {
	width: auto;
}
.datepicker {
	margin: -15px;
	table {
		thead > tr:first-child {
			padding: 10px 15px;
			border-bottom: 1px solid rgba(0, 0, 0, 0);
			border-top-right-radius: 3px;
			border-top-left-radius: 3px;
			color: #333;
			background-color: #F5F5F5;
			border-color: #DDD;
			font-size: 15px;
			overflow: hidden;
			th {
				border-radius: 0;
			}
		}
		tbody {
			tr {
				border-left: 5px solid #FFF;
				border-right: 5px solid #FFF;
			}
		}
		width: 100%;
	}
	.dow,
	.day {
		text-align: center;
		font-size: 13px;
	}
	.datepicker-switch {
		font-size: 15px;
		padding: 7px;
	}
}




/* CONTENT ITEMS
--------------------------------------------------------------------- */

.main {
	min-height: 220px;
}

.introduction {
	background: rgba(255, 255, 255, 0.8);
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #D3D3D3;
	.clearfix();
	.borderRadius();
	img {
		float: left;
		margin-right: 15px;
	}
}
.description {
	// margin-bottom: 20px;
	padding-bottom: 15px;
	.clearfix();
	h2 {
		font-size: 18px;
		font-weight: 700;
	}
	ul {
		display: block;
		list-style-type: disc;
		padding-left: 40px;
	}
	
}
.aside {
	float: right;
	padding: 0;
}
.well {
	.clearfix();
	.thumbnail {
		margin-bottom: 0;
	}
	:last-child {
		margin-bottom: 0;
	}
}
.pull-right {
	.thumbnail {
		margin-left: 15px;
	}
}
.pull-left {
	.thumbnail {
		margin-right: 15px;
	}
} 
.thumbnail .caption {
	padding: 6px 2px 3px;
	color: #333;
	font-size: 12px;
}
.spacer {
	height: 1px;
	clear: both;
	width: 100%;
	display: block;
}
.spacer2 {
	margin:10px 0 0 0;
	height: 2px;
	clear: both;
	width: 100%;
	border-top:1px dotted #b2b2b2;
	display: block;
}

/* DIAPORAMA
--------------------------------------------------------------------- */
.diaporama {
	a {		
		overflow:hidden;
		margin:8px;
		border-radius:5px;
		border:1px solid #999;
		display:inline-block;
		&:hover {
			background:#fff;
		}
	}
	img {
		margin:5px;
	}
}

/* Rubriques Fiches - Module ezpublish
--------------------------------------------------------------------- */

ul.onglets { 
	overflow:hidden; 
	line-height:normal; 
	padding:0 
}
ul.onglets li { 
	display:inline; 
	background:none; 
	padding:0; 
	margin:0 
}
ul.onglets li a { 
	position:relative; 
	display:block; 
	float:left; 
	width:167px; 
	height:240px; 
	line-height:1.6em; 
	color:#000; 
	overflow:hidden;
	text-decoration:none; 
	background:#e7e7e7; 
	border-right:1px solid #fff; 
	border-bottom:1px solid #fff; 
	padding:8px 
}
ul.onglets li a img { float:left; margin:0; opacity: 0.5;}
ul.onglets li a:hover img, ul.onglets li.ui-tabs-selected a img { opacity: 1; }
ul.onglets li a span { position:absolute; bottom:8px; right:8px; display:block; text-align:right; color:#9e3d3d; background:url(../images/background/puce.gif) no-repeat right center; padding:0 8px 0 0; text-decoration:underline }
ul.onglets li a:hover, ul.onglets li a:focus {background:#f1f1f1}
ul.onglets li a:hover span, ul.onglets li a:focus span {text-decoration:none}
ul.onglets li.ui-tabs-selected a { filter:alpha(opacity=30); -moz-opacity:0.30; background-image:none; background-color:#f4f4f4; cursor:text }
ul.onglets li.ui-tabs-selected a span {display:none}
#fiche { overflow:hidden; border-left:8px solid #babcbd; background:#e7e7e7; padding:15px; margin:0 0 10px 0 }
div.ui-tabs-hide {display:none}
div.fiche {clear:both;}
div.fiche .object-right { 
	float:right; margin-left:15px; 
}
div.fiche img { float:left; margin:0; }
.intro {
	position:absolute;
	bottom:0;
	font-size:11px;
	background:rgba(000,000,000,0.7);
	color:#fff;
	width:167px;
	padding:5px 10px;
}


/* STYLES EZPUBLISH 
--------------------------------------------------------------------- */
.tableau_donnees {
	font-size:12px;	
	tr {
		padding:5px 0;
		border-bottom:1px solid #ccc;
		td {
			padding:15px 0;
		}
	}
}
.object-right2 { 
	float:right; 
	margin-left:15px; 
	margin-bottom:15px; 
}

div.vue_line img { float:left; margin-right:15px; }
.agauche {
	width:49%;
	float:left;
	overflow:hidden;
	min-height: 200px;
}
.adroite {
	width:49%;
	float:right;
	overflow:hidden;
	min-height: 200px;
}
.pagination {
	
}
.image {
	margin-right:15px; 
}
.dates {
	color:#BD2336;
}
/* STAR RATING
--------------------------------------------------------------------- */
.comment {
	font-size: 11px;
}
.glyphicon-star {
	font-size:30px;
	&:hover {
		color:lighten(#BD2336, 15%);
		cursor:pointer;
	}
	
}
.star-default {
	color:#aaa;		
}
.star-active {
	color:#BD2336;
}

/* TOOLS
--------------------------------------------------------------------- */
.description ul.tools {
	padding: 0;
	margin: 0;
	li {
		list-style: none;
		padding: 0;
		margin:0;
		display:inline-block;
		width:24%;	
		line-height:21px;	
		a {
			color:#333;
			padding:3px;
			&:hover {
				text-decoration:none;
				background: #fff;	
				border-radius:5px;			
			}
		}		
	}
	.glyphicon {
		margin-right:5px;
		font-size:20px;
		display:block;
		float:left;
	}

}

/* SEARCH
--------------------------------------------------------------------- */
.search-result--text {
	color:#BD2336;
	font-size: 23px;
}
.search-result--keyword {
	padding:0 2px;
	color:#fff;
	background:#BD2336;
}

/* SHAREPICS
--------------------------------------------------------------------- */
.sharepics {
	clear:both;
	margin:20px 0;
}

.contact {
	margin:0;
	padding:0;
	li  {
		display:block;
		float:left;
		list-style:none;
		margin:0;

	}
	li.contact-step  {	
		padding:5px;	
		background:#fff;
		border:1px solid #666;
	}
	li.contact-chevron  {
		padding:3px 7px 0 6px;
		font-size:21px;

	}
	.glyphicon  {
		line-height:20px;
		color:#909090;
	}
}

/* CAROUSEL VIDEO
--------------------------------------------------------------------- */
.carousel-video {
	padding-top:15px;
}
.carousel-video .carousel-control {	
	font-size:60px;

}
.carousel-video .left, .carousel-video .right {
	padding-top:80px;
}

/* CAROUSEL IMAGE
--------------------------------------------------------------------- */
.carousel-image {
	padding-top:15px;
}
.carousel-image .carousel-control {	
	font-size:60px;

}
.carousel-image .left, .carousel-image .right {
	padding-top:40px;
}

/* CAROUSEL WB TV
--------------------------------------------------------------------- */
.carousel-wb-tv {
	padding-top:0;	
	.thumbnail-body {
		width:100%;
		height:400px;
		padding:0;
	}
	.thumbnail-hover {
		padding:20px 30px;
	}
	.carousel-control {
		width:5%;
		display:none;

	}
	&:hover .carousel-control {
		display:block;
		background-image:none;
		background: rgba(0, 0, 0, 0.6);
	}
	.fa-play-circle-o {
		font-size:30px;
	}
	.thumbnail-body--height {
		height:200px;
	}
	.thumbnail-body--height2 {
		padding:5px 0;
		height:170px;
	}
	.thumbnail-img {
		height:100%;		
		.thumbnail-img--date {
			font-size:55px;
			margin:0 auto;
			display:block;
			text-align:center;
			background: #000;
			padding:0;
			color:#fff;		
			span {
				transform:rotate(-5deg);
				-ms-transform:rotate(-5deg); 
				-webkit-transform:rotate(-5deg);
				background: #333;
				padding:2px 15px;
				margin:32px 0;
				display:inline-block;
				border:1px solid #ddd;
				color:#ffffff;
				transition: all .3s ease;
				&:hover {
					background: #444;
					transform:rotate(0deg);
					-ms-transform:rotate(0deg); 
					-webkit-transform:rotate(0deg);
				}
				.second {
					margin-top:-30px;
				}
			}
		}
		.thumbnail-hover .icon {
			top:60%;
		}
		.thumbnail-hover .icon-2 {
			top:70%;
		}
	}
	.thumbnail-img--hack {
		height:auto;
	}
}
.carousel-wb-tv .carousel-control {	
	font-size:60px;
}
.carousel-wb-tv .left, .carousel-wb-tv .right {
	padding-top:150px;
}
.dm_videowall {
	margin-left:-15px;
}

/* MEDIA QUERIES
--------------------------------------------------------------------- */
@media (min-width: 992px) {
	.panel-heading a {
		padding: 15px;
		display: block;
		margin: -15px;
	}
	.panel-body .nav > li > a {
		padding: 4px 0;
		font-size: 13px;
	}
}
@media (max-width: 992px) {
	.container {
		width: 100%;
	}
}
