/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== JSN MEGAZINE CUSTOM CSS ============================== */
/* =============== GENERAL LAYOUT =============== */

@import url(https://fonts.googleapis.com/css?family=Merienda);
/* =============== GENERAL LAYOUT =============== */
#jsn-usermodules1 {
	background-image: none;
}
.jsn-demo-page #jsn-pos-user1 {
	width: 60%;
}
.jsn-demo-page #jsn-pos-user2 {
	width: 37%;
}
body.jsn-joomla-30 ul li.newsflash-item {
	list-style: none;
	margin: 0.3em 0;
}
/* =============== CATEGORY BLOG LAYOUT =============== */
.com-content .category-blog .componentheading,
.blog .componentheading,
.jsn-homepage .blog-featured .page-header,
.jsn-homepage .componentheading {
	border-bottom: 3px solid #000;
	padding: 0;
}
.com-content .category-blog .componentheading span,
.blog .componentheading span,
.jsn-homepage .blog-featured .page-header h1,
.jsn-homepage .componentheading span  {
	display: inline-block;
	padding: 10px 12px 6px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	background-color: #ed2409;
	margin: 0;
}
.jsn-homepage .intro-text,
.com-content .category-blog .intro-text,
.blog .intro-text {
	position: relative;
}
.com-content .category-blog .intro-text .category-name,
.blog .intro-text .category-name,
.jsn-homepage .intro-text .category-name {
	position: absolute;
	margin-left: 0;
	left: 0;
	top: 0;
	color: #fff;
	padding: 10px 15px;
	background: #000\9;
	background: rgba(0,0,0,0.85);
}
.com-content .category-blog .intro-text + .readon,
.blog .intro-text + p.readmore a,
.jsn-homepage .jsn-article .readon,
.jsn-homepage .intro-text + p.readmore a {
	float: right;
}
.jsn-homepage p.readmore a {
	float: none;
}
p.readmore {
	text-align: right;
}
body.jsn-direction-rtl p.readmore {
	text-align: left;
}
/* =============== NEWS FLASH MODULE =============== */
.jsn-modulecontainer.jsn-news-flash1 .intro-text {
	overflow: hidden;
}
.jsn-modulecontainer.jsn-news-flash1 .intro-text img {
	display: block;
}
.jsn-modulecontainer.jsn-news-flash1 .intro-text p {
	display: none;
}
.jsn-modulecontainer.jsn-news-flash1 .jsn-article {
	position: relative;
	margin-bottom: 10px;
}
.jsn-modulecontainer.jsn-news-flash1 .jsn-article .contentheading {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	z-index: 100;
}
.jsn-modulecontainer.jsn-news-flash1 .jsn-article .contentheading a {
	font-size: 16px;
	padding: 10px 15px;
	background-color: #000\9;
	background-color: rgba(0,0,0,0.8);
	display: block;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.jsn-modulecontainer.jsn-news-flash1 .jsn-article:hover .contentheading a {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}

.jsn-modulecontainer.jsn-news-flash2 .jsn-moduletitle {
	border-bottom: 3px solid #000;
	padding: 0;
	margin: 20px 0 25px;
}
.jsn-modulecontainer.jsn-news-flash2 .jsn-moduletitle span {
	display: inline-block;
	padding: 10px 15px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	background-color: #000;
}
/* =============== LOGIN MODULE =============== */
body.jsn-joomla-25 .jsn-modulecontainer.jsn-user-login #modlgn-username,
body.jsn-joomla-25 .jsn-modulecontainer.jsn-user-login #modlgn-passwd {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body.jsn-joomla-30 .jsn-modulecontainer.jsn-user-login #modlgn-username,
body.jsn-joomla-30 .jsn-modulecontainer.jsn-user-login #modlgn-passwd {
	width: 65%;	
}
/* =============== HOMEPAGE SLIDESHOW =============== */
.promo-top .galleria-info {
	top: 50% !important;
	left: 10% !important;
	margin-top: -60px;
	width: auto !important;
}
.promo-top .galleria-info .galleria-info-text {
	background: none !important;
}
.promo-top .galleria-info-title,
.promo-top .galleria-info-description {
	display: inline-block !important;
	float: left;
	clear: both;
}


.promo-top .galleria-info-title {
	/*color: #fff !important;*/
	text-transform: uppercase;
	/*font-size: 2.4em !important;*/
	margin: 0;
	/*background: rgba(0,0,0,0.8);*/
	padding: 10px 15px;
}
.promo-top .galleria-info-description {
	/*color: #fff !important;*/
	padding: 5px 15px;
	font-size: 1.8em !important;
	/*background: *rgba(0,0,0,0.5);*/
}
/* =============== DEMO CONTACT INFO =============== */
.demo-contact-info .jsn-uniform .jsn-row-container {
	margin: 0;
}
.demo-contact-info .jsn-uniform .jsn-row-container .form-actions {
	margin: 0 0 15px;
	padding: 0 7px;
}
.demo-contact-info .jsn-uniform .jsn-row-container .form-actions .btn-toolbar {
	margin: 0;
}
.demo-contact-info .jsn-uniform .jsn-row-container .form-actions .btn-toolbar .jsn-form-submit {
	background: #000;
	box-shadow: none;
	border: none;
	padding: 10px 20px;
	color: #fff;
	text-shadow: none;
	border-radius: 0;
}
.demo-contact-info .jsn-uniform .jsn-row-container .control-group {
	padding: 5px;
}
.demo-contact-info .jsn-uniform .jsn-row-container .control-group.ui-state-highlight {
	border: none !important;
	background: none !important;
}
.demo-contact-info .jsn-uniform .jsn-row-container label {
	display: none !important;
}

.demo-contact-info .jsn-uniform .jsn-row-container input.email {
	border-radius: 0;
	margin: 0;
	padding: 15px 10px;
}
.demo-contact-info .jsn-uniform .demo-contact-desc {
	margin: 5px 0;
	padding: 10px;
}
@media only screen and (max-width: 480px), (max-device-width: 480px) {
	.promo-top .galleria-info {
		left: 0 !important;
	}
	.promo-top .galleria-info-title {
		font-size: 1.3em !important;
	}
	.promo-top .galleria-info-description {
		font-size: 1.2em !important;
	}
	.jsn-homepage #jsn-promo {
		padding: 0;
	}
	#dj-suggester {
	    width: auto !important;
	    left: 10px !important;
	    right: 10px !important
	}
	.dj-select.inputbox {
		max-width: 65%;
	}

}
@media only screen and (max-width: 320px), (max-device-width: 320px) {
	.promo-top .galleria-info {
		top: 45% !important;
	}
	.promo-top .galleria-info-title {
		font-size: 1.3em !important;
	}
}

form#login-form a.btn.hasTooltip {
	display: inline-block !important;
}

/* ========================================================== CUSTOM NATH ============================================ */

/* =========================== TEMPLATE COLOR BLUE CSS ======================== */

/* ============================== DEFAULT HTML ============================== */
a {
	color: #497ec1 !important;
}

/* ----- ACTION LINK ----- */
.link-action {
	border-bottom: 1px solid  #497ec1 !important;
}
.link-action:hover {
	background-color: #497ec1 !important;
	}
/* ----- READ MORE BUTTON ----- */
.readon,
p.readmore a {
	background-color: #497ec1 !important;
	}

/* ----- CURRENT / HOVER STATE FIRST LEVEL ----- */
	div.jsn-modulecontainer ul.menu-mainmenu > li:hover,
	div.jsn-modulecontainer ul.menu-mainmenu > li.active {
		background: #497ec1 !important;
	}
	div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a,
	div.jsn-modulecontainer ul.menu-mainmenu ul li.current > a {
		color: #497ec1 !important;
	}
		
/* ----- CURRENT / HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-treemenu ul li:hover > a,
div.jsn-modulecontainer ul.menu-treemenu ul li.active > a {
color: #497ec1 !important;
	}

/* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li:hover > a,
div.jsn-modulecontainer ul.menu-sidemenu ul li.active > a {
	color: #497ec1 !important;
	}
/* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */
div.jsn-modulecontainer ul.menu-sidemenu > li.active > a {
	color: #497ec1 !important;
	} 

/* =========================== CUSTOM SPECIFIQUE TOUYAROT ======================== */

/*-- LARGEUR PROMO HOMEPAGE ET POSITION GALLERIA-INFO --*/
#jsn-promo {
    margin: 0px 0 20px !important;
}
@media only screen and (min-width: 1600px) {
	   #jsn-body	
	 {
		width:100% !important;
			}
	#jsn-content, #jsn-content-bottom, #jsn-content-bottom-below{
		width: 1170px;
		margin-left: auto !important;
		margin-right: auto !important;
		}
	.promo-top .galleria-info {
	padding-left: 16% !important;
		}
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	   #jsn-body	
	 {
		width:100% !important;
			}
	#jsn-content, #jsn-content-bottom, #jsn-content-bottom-below{
		width: 1170px;
		padding-right:10px;
		padding-left:10px;
		margin-left: auto !important;
		margin-right: auto !important;
		}
	.promo-top .galleria-info {
	padding-left: 7% !important;
		}
}

/*-- POSITION TITRE ET DESCRIPTION GALLERIA-INFO --*/


@media only screen and (min-width: 700px)  {
	.promo-top .galleria-info-title{
		
		font-family :  'Merienda', cursive !important;
		font-size:4.5em !important;
		text-transform : none !important;
		color:#fcfcfc !important;
		text-shadow: 0 0 10px #210600, 0 5px 5px rgba(0, 0, 0, 0.6);
		margin-top:-18% !important; 
		background: none !important;
		font-style:italic ! important;
		}
	
	.promo-top .galleria-info-description {
		margin-top: 24% !important; 
		font-family : 'Merienda', cursive !important;
		color:#fff !important;
		font-size : 2.6em !important;
		font-style:italic ! important;
		background : none !important;
		}
}
@media only screen and (max-width: 699px){
	.promo-top .galleria-info-title{
		font-family : 'Merienda', cursive !important;
		color:#fcfcfc !important;
		text-shadow: 0 0 10px #210600, 0 5px 5px rgba(0, 0, 0, 0.6);
		margin-top:-22% !important; 
		background: none !important;
		}
	
	.promo-top .galleria-info-description {
		margin-top: 36% !important; 
		color:#fff !important;
		font-style:italic ! important;
		font-family : 'Merienda', cursive !important;
		background : none !important;
				}
}
@media only screen and (max-width: 520px){
	.promo-top .galleria-info-description {
		font-size: 100% !important;
	}
}

 /*-- TITRE DIAPORAMA ACCEUIL --*/
 div.galleria-info .galleria-info-text {
    background: none repeat scroll 0 0 rgba(246, 92, 14, 1)!important;
    padding: 12px;
    height: auto;
}
/*-- DIAPORAMA ACCUEIL IMAGE DECALEE VERS LE BAS --*/
#jsn-pos-right div.galleria-image {
	top: 32px !important;
}

/*-- COULEUR HEADER ET MENU --*/
#jsn-menu{
	background-color: #fff !important;
	border-top: none !important;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > a {
       color: #ae0505 !important;
	   font-weight: bold !important;
}
div.jsn-modulecontainer ul.menu-mainmenu > li {
    border-right: none !important;
}
body.jsn-color-blue div.jsn-megamenu ul.menu-mainmenu > li:hover, body.jsn-color-blue div.jsn-megamenu ul.menu-mainmenu > li.active {
    background-color: #497ec1 !important;
}
div.jsn-modulecontainer ul.menu-mainmenu > li:hover, div.jsn-modulecontainer ul.menu-mainmenu > li.active {
    background: #497ec1 !important;
}


/* ----- RICHBOX ----- */
div.richbox-2 div.jsn-modulecontainer_inner {
	background-color: #497ec1  !important;
}

/*-- button-green--A modifier creer un button-brown*/
.link-button.button-green, .link-button.button-green:hover {
background-color:#497ec1 !important;
padding: 5px 6px !important;
border-radius:3px;
}

/*-- VINA ACCORDEON MODULE --*/
div.vinatitre h3.jsn-moduletitle {
	display: inline-block;
	padding: 10px 12px 6px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	background-color: #ed2409;
	margin: 0;
}
div.vinatitre div.jsn-modulecontent{
	border-top: 3px solid #000;
}

/*-- COULEUR MENU EN RESPONSIVE --*/
#jsn-menu .jsn-modulecontent > .jsn-menu-toggle, #jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle {
    color: #497ec1 !important;
}

/*-- COULEUR TITRE BOITE SOLID-1 --*/
div.solid-1 h3.jsn-moduletitle {
    background-color: #497ec1  !important;
  }
  
/*-- BOX TITRE ORANGE --*/
div.titreorange h3.jsn-moduletitle{
	display:inline-block !important;
	background-color: #ed2409!important;
	color: #fff !important;
	padding-top: 10px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	border-radius: 3px !important;
	}
 
/*-- MODULE BORDURE --*/
.bordure{
	border: 1px solid #cccccc;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left:10px;
}

/*-- ALIGNEMENT DANS LE MODULE ARTICLES NEWS --*/
#jsn-usermodules3 .span3:nth-child(1){
	margin-left:0 !important;
	padding-left:0px !important;
}
/*#jsn-usermodules3 .span3:nth-child(4){
	padding-right:10px !important;
}*/
#jsn-usermodules3 .span3:nth-child(5){
	margin-left:0 !important;
	padding-left:0px !important;
}
/*#jsn-usermodules3 .span3:nth-child(8){
	padding-right:10px !important;
}*/
#jsn-usermodules3 .span3:nth-child(9){
	margin-left:0 !important;
	padding-left:0px !important;
}
/*#jsn-usermodules3 .span3:nth-child(12){
	padding-right:10px !important;
}*/
#jsn-usermodules3 .span3:nth-child(13){
	margin-left:0 !important;
	padding-left:0px !important;
}
h4.contentheading {
	padding-left: 5px !important;
}
div.intro-text p:last-child{
	padding-left:5px !important;
}


/*-- BORDER RADIUS BOX --*/
div[class*="lightbox-"] div.jsn-modulecontainer_inner {
    border: 1px solid #cccccc;
	border-radius: 3px !important;
}
div.solid-1 h3.jsn-moduletitle {
	border-radius:3px 0px 3px 3px !important;
}
h3.jsn-moduletitle {
	border-radius: 3px 3px 0px 0px !important;
}
.page-header h1 {
	border-radius: 3px 3px 0px 0px !important;
}

/*-- BACKGROUND HEADER --*/
#jsn-header{
	background: url("../images/coucher-soleil3.jpg") fixed center !important;
}

/*-- BACKGROUND BODY --*/
#jsn-body {
	background: url("../images/bg.jpg") center fixed no-repeat !important;
	background-size : cover !important;
		}

/*--BACKGROUND BLANC CONTENU--*/
#jsn-content {
	background: #ffffff ! important;
	padding:10px !important;
		}
.fondblanc {
	background: #ffffff ! important;
		}
/*--ENLEVER AFFICHAGE ARTICLE ONGLET CONTACT--*/
#jsn-master.jsn-itemid-2736 #jsn-content {
	display:none !important;
}
div#jsn-content.jsn-hasright{
	margin-top: 20px !important;
}
#jsn-body{
	margin-top: -20px !important;
}


/*--MODULE EVENT LIST --*/
/*div.ic-event-div {
	padding:10px 0px !important;
}
div.ic-date-img-box {
	border: 1px solid #cc1010 !important;
	position:absolute !important;
		}
.iceventlist-title, .iceventlist-desc {
	margin-left: 55px !important;
}*/


/*-- POSITION FOOTER MENU -- */
#jsn-pos-bottom ul.menu-divmenu{
	float: right !important;
}

/*-- ECRITURE DES TITRES -- */

h2, h4 { 
	font-family : 'Merienda', cursive !important;
}

/*-- NE PAS AFFICHER HEURE DANS LISTE EVENEMENT TOUTES LES DATES --*/
.evttime {
	display: none !important;
}

/*--AFFICHER BORDER-BOTTOM DANS ARTICLE EXCURSION --*/
.excursion {
	border-bottom: 3px dotted;
	margin-bottom: 15px;
	}