@import url(./fonts/font-google.css);
@import url(./fonts/font-awesome.min.css);


body, select, input, textarea, button {
	font-family: Roboto;
	line-height: 23px;
	font-weight: 400;
	font-style: normal;
	color: #444;
	font-size: 14px;

}

body {
	/*background-image: url('../images/background.jpg');*/
    background-attachment: fixed;
	background-image: url('../images/bg.jpg');
	/*background-image: url('../images/ciel.jpg');*/
	/*background-image: url('../images/lac.jpg');*/
	/*background-image: url('../images/lavande.jpg');*/
	/*background-image: url('../images/lavande2.jpg');*/
	/*background-image: url('../images/olives.jpg');*/
	/*background-image: url('../images/paysage.jpg');*/
	/*background-image: url('../images/paysage2.jpg');*/
	/*background-image: url('../images/boisLavande.jpg');*/
/*	background-position: 0px 0px;
	background-attachment: fixed;
	background-size: cover;
	background-color: #FFF;
	background-repeat: no-repeat;*/
}


a{ 
	color:#077ba7;
}

h1{
	
	background: #005f82;
	padding: 22px 30px;
	margin: 0px;
	color:#FFFFFF;	
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 400;
	border: none;
	font-family: "Roboto Condensed", Arial;
	box-shadow: 0px 2px 7px #6F6D6D;
}

h2{
	font-family: "Roboto Condensed", Arial;
	line-height: 30px;
	font-weight: 700;
	font-style: normal;
	color: #145F7B;
	font-size: 22px;
}


h3 {
	font-family: "Roboto Condensed", Arial;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;
	color: #005f82;
	border-bottom: 1px solid #ccc;
	margin-bottom:15px;
    font-size: 22px;
    line-height: 24px;
    text-transform:uppercase;
}

h3 span {
	display: inline-block;
	border-bottom: 2px solid #1D95E4;
	padding-bottom: 7px;
	position: relative;
	bottom: -1px;
	
}

.btn-primary {
  background-color: #005f82;
  border-color: #144564;
}

.btn-primary:hover {
background-color: #75a010;
    border-color: #48630b;
}

.btn-primaryNews {
  background-color: #005f82;
  border-color: #144564;
  float:right;
  color:#FFF;
}

.btn-primaryNews:hover {
background-color: #75a010;
    border-color: #48630b;
}

p {
    margin: 7px 16px 10px;
	text-align: justify;
	/*line-height: 17px;*/
}

/*-------------------------------------------------------------------------*/
/*  MAIN WRAPPER
/*-------------------------------------------------------------------------*/
#wrapper{
	background-color:white;
	margin:auto;
	max-width:1200px;
	    box-shadow: 0px 1px 19px #4e4b4b;
}

/*-------------------------------------------------------------------------*/
/*  HEADER
/*-------------------------------------------------------------------------*/
header {
	border-bottom: 1px solid #ccc;
	background:url("../images/top.png") center right no-repeat;
}

header .logo {

}
header .logo img {
	max-height: 225px;
	vertical-align: middle;
	margin: 10px 0px;
}

/*-------------------------------------------------------------------------*/
/*  FOOTER
/*-------------------------------------------------------------------------*/
footer{
	background-color: #111111;
	margin-top:15px;

}

footer .subfooter {
	background: #313131;
	padding: 23px 0px 45px 0px;
	/*box-shadow: 0px -2px 6px #080707;
    background-image: url('../images/footer.jpg');*/
	    border-top: 4px solid #38aad4;
}


footer .subfooter h4 {
        border: none;
        color: #fff;
        font-size: 16px;
        clear: both;
        padding-top: 0px;
        margin-bottom: 15px;
        line-height: 1.5em;
        font-weight: 400;
        text-transform:uppercase;
		border-bottom: 1px dotted #666;
}

footer .subfooter .text {
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7em;
}

footer .subfooter .logo {
	max-width:200px;
	margin-bottom:18px;
}

footer .subfooter ul {
	padding:0px;
}

footer .subfooter ul li {
	list-style: none;
	position: relative;
	padding: 2px 0px;
}

footer .subfooter ul li a {
	color: #eaa900;
	font-family: "Roboto Condensed", Arial;
	text-transform: uppercase;
	font-size: 12px;
}

.footer{
	padding: 3px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: #111;
}
.footer-copyright {
	float: left;
	
}
.footer-copyright a {
	color: #666;
		
}
.footer-copyright a:hover {
	text-decoration :none;
	color:#eaa900;
		
}

.footer p {
	color: #777;
	font-size: 13px;
	font-weight: 400;
	margin-top: 8px;
}

.footer-credit-cards {
	float: right;
}

.footer-credit-cards .cg-card img {
	width: 40px;
}

/*-------------------------------------------------------------------------*/
/*  SOCIAL
/*-------------------------------------------------------------------------*/
.facebook-link,
.twitter-link,
.googleplus-link,
.pinterest-link,
.youtube-link,
.rss-link {
    color: #fff;
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    border-radius: 99%;
    line-height: 28px;
    margin-right: 4px;
}

.facebook-link i.fa,
.twitter-link i.fa,
.googleplus-link i.fa,
.pinterest-link i.fa,
.youtube-link i.fa,
.rss-link i.fa {
    line-height: 28px;
}

.facebook-link:hover,
.twitter-link:hover,
.googleplus-link:hover,
.pinterest-link:hover,
.youtube-link:hover,
.rss-link:hover {
    color: #fff;
    opacity: 0.7;
}

.facebook-link {
    background: #1D436E;
}

.twitter-link {
    background: #45c5f4;
}

.pinterest-link {
    background: #e85250;
}

.youtube-link {
    background: #ff0000;
}
.googleplus-link {
    background: #d23c04;
}

/*-------------------------------------------------------------------------*/
/*  NAVIGATION
/*-------------------------------------------------------------------------*/
nav .menu{
	padding-left: 0px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 0px;
	z-index:2000;
}

nav .menu > li{
	display: inline-block;
	padding: 0 14px;
	height:50px;
	position:relative;
}

nav .menu > li.active,
nav .menu > li:hover{
	background-color:#005f82;
}


nav .menu > li > a{
	font-family: "Roboto Condensed", Arial;
	text-transform:uppercase;
	font-size:16px;
	color:#333333;
    -webkit-transition: color .4s ease-in;
    -moz-transition: color .4s ease-in;
    -o-transition: color .4s ease-in;
    transition: color .4s ease-in;
	line-height: 50px;
	height: 50px;
	display: inline-block;
}

nav .menu > li a:hover,
nav .menu > li.active a{
	color:#FFF;
	text-decoration:none;
}


#mobileNav{
	font-size:32px;
	display:none;
	float:left;
	margin-top: 18px;
}

#mobileCall{
	font-size:32px;
	display:none;
	float:right;
	margin-top: 18px;
	margin-left:10px;
}


header .slidebars{
	font-size:40px;
	color:#999999;
	cursor:pointer;
}

.langs{
	float:right;
	margin-top:10px;
	margin-right: -24px;
	display: none;
}

.langs span{
	display:none;
}

/*********************************************** 
 ** HEADER - MOBILE SLIDEBAR
 ***********************************************/

.slidebar a{
	font-family:"Roboto Condensed", Arial;
	font-size:20px;
	display:block;
	padding:10px 10px 10px 30px;
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
}

.slidebar .sb-nav > li{
	border-bottom: 1px solid #333333;
}

.slidebar a:hover{
	color:#10f3ea;
	background-color:#111111;
}

.slidebar .sb-caret{
	float:right;
	margin-top:0px;
	transition:transform 1s;
	color:#FFFFFF;
}

.slidebar .sb-dropdown-menu{
	display:none;
	list-style:none;
	padding-left:0px;
	border-top: 1px solid #333333;
}

.slidebar .sb-dropdown-menu li a{
	border-top: 1px solid #333333;
	padding-left:50px;
}

.slidebar .sb-dropdown-menu li:first-child a{
	border-top: none;
}

.slidebar .sb-dropdown.open .sb-dropdown-menu{
	display:block;
}

.slidebar .sb-dropdown.open .sb-caret,
.slidebar .sb-dropdown:hover .sb-caret{
  -webkit-transform:rotate(90deg); 
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg); 
  -ms-transform:rotate(90deg); 
  transform:rotate(90deg);
}

.slidebar .dropdown-backdrop{
	display:none;
}

.slidebar .glyphicon{
	margin-right:10px;
}

.slidebar .separator{
	height:4px;
	background-color:#444444;
}

.slidebar .lang-item img{
	float:right;
	margin:-3px 10px 7px;
}


/*-------------------------------------------------------------------------*/
/*  THEME
/*-------------------------------------------------------------------------*/

.theme{
	height:200px;
	background-size:cover;
	text-align:center;
	margin-bottom:30px;
	box-shadow: 1px 1px 3px #000;
}

.theme .content-wrapper{
	text-align: center;
	opacity:0;
	background-color: rgba(255,255,255,0.8);
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;	
	height: 100%;
	display:block;
	text-decoration:none;
}

.theme .content-wrapper.light{
	background-color: rgba(255,255,255,0.3);
}

.theme .content-wrapper .content{
	width: 80%;
	height: 100%;
	padding-top: 10%;
	margin: auto;
	padding-bottom: 10%;


}
.theme .content-wrapper:hover{
	opacity:1;
}


/*-------------------------------------------------------------------------*/
/*  BREADCRUMB
/*-------------------------------------------------------------------------*/
.breadcrumb-wrapper{
	background-color:#93d9f3;
	padding:6px 0px;
	
}
.breadcrumb{
	margin-bottom:0px;
	padding:0px 0px;
	float:right;
	background-color:transparent;
}

.breadcrumb > li + li:before {
	content: "\f105";
	padding: 0 5px;
	color: #000000;
	font-family: FontAwesome;
}

/*.backUrl{
	float:right;
}

.backUrl:before {
	content: "\f104";
	padding: 0 5px;
	color: #000000;
	font-family: FontAwesome;
}*/
/*-------------------------------------------------------------------------*/
/*  ARTICLE
/*-------------------------------------------------------------------------*/
.article .main{
	padding-bottom:30px;
}


/*-------------------------------------------------------------------------*/
/*  NEWS LIST
/*-------------------------------------------------------------------------*/
.newsList .main{
	padding-top:20px;
}


.newsList .main article{
	margin-bottom:20px;
	padding: 20px 10px;
	background: #ecfaff;
}

.newsList .main article img{
	border:4px solid #fff;
	width:100%;
}

.newsList .main article h2{
	margin-top:0px;
}
.newsList .main article h2 a{
	color:#333333;
	font-size:28px;
}
.newsList .main article h2 a:hover{
	color:#d54800;
    -webkit-transition: color .4s ease-in;
    -moz-transition: color .4s ease-in;
    -o-transition: color .4s ease-in;
    transition: color .4s ease-in;
	text-decoration:none;
}

.newsList .main article .author{
	font-style:italic;
	font-size:13px;
}

/*-------------------------------------------------------------------------*/
/*  NEWS DETAIL
/*-------------------------------------------------------------------------*/
.newsDetail .main{
	padding-top:20px;
}
.newsDetail .author{
	font-style:italic;
	font-size:13px;
	margin-bottom:20px;
}

.newsDetail .main{
	padding-bottom:30px;
}

/*-------------------------------------------------------------------------*/
/*  HOME
/*-------------------------------------------------------------------------*/
.home h3{
	margin-bottom:15px;
}

#home-slider{
	margin-bottom:30px;
}

#home-slider.rsDefault .rsBullets{
	background-color:transparent;
	height:40px;
}

#home-slider.rsDefault .rsBullet {
	width:20px;
	height:16px;				
}
#home-slider.rsDefault .rsBullets span{
	width:16px;
	height:16px;
	opacity:0.5;
}

/*-------------------------------------------------------------------------*/
/*  BOOK DETAIL
/*-------------------------------------------------------------------------*/
.bookDetail .brand{
	float:right;
	margin-top:20px;
}

.bookDetail .tinymce{
	background-color:#eee;
	padding:20px;
	margin-bottom:20px;
}

.bookDetail .photos{
	margin-top:20px;
}

.bookDetail .infos{
	font-size:13px;
	line-height:16px;
	margin-bottom:20px;
}
.bookDetail .infos .l{
	font-weight:bold;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:right;
}
.bookDetail .infos .v{
	padding-top:6px;
	padding-bottom:6px;	
}


.bookDetail .promo{
    color: #bbb;
    text-decoration:line-through;
    padding-right:15px;
}	
.bookDetail .amount{
    font-family: 'Roboto Condensed';
    font-size: 22px;
    text-transform: uppercase;	
    color: #d54800;
     margin-bottom:20px;
}	

.bookDetail .similar{
    margin-top:20px;
    margin-bottom:20px;
}

.bookDetail .complement{
	margin-left: -5px;
	margin-right: -5px;
}
.bookDetail .complement .block{
	margin-bottom:20px;
}
.bookDetail .complement>div{
	padding:5px;
}
.bookDetail .complement .block{
	background-color:#eee;
	padding:5px 5px;
}
.bookDetail .complement .block h5{
	font-weight:bold;
	text-align:center;
	font-size:13px;
	border-bottom:1px solid #FFF;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.bookDetail .complement .block .text{
	text-align:center;
	font-size:13px;
}

/*-------------------------------------------------------------------------*/
/*  BOOK LIST
/*-------------------------------------------------------------------------*/

.bookList .book{
	height:400px;
	
}
.bookList .book-img{
	width:100%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	height:286px;
	border:1px solid #ccc;
	display:block;
	cursor:pointer;
	
}
.bookList .book-category{
    font-family: 'Roboto Condensed';
	font-size: 13px;
	line-height: 23px;
	color: #bbb;
	text-align:center;
	margin:5px 0px;	
	text-transform:uppercase;

	
}		
.bookList .book-title{
    font-size:16px;
    line-height:18px;
	text-align:center;
	margin:5px 0px;	
	font-family: Roboto;
	font-weight:normal;		
	color:#333;
	display:block;
}		

.bookList .book-promo{
    color: #bbb;
    text-decoration:line-through;
    padding-right:15px;
}	
.bookList .book-amount{
    font-family: 'Roboto Condensed';
    font-size: 16px;
    text-transform: uppercase;	
    text-align:center;
    color: #d54800;
   
}	

.bookList .main {
	padding-top: 20px;
}

.bookList .main article {
	margin-bottom: 20px;
}



.bookList .bookCatSublist .bookCat{
	height:140px;
}

.bookList .bookCatSublist .bookCat .img{
	width:100%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	height:90px;
	border:1px solid #ccc;
	display:block;
	cursor:pointer;	
}


/*-------------------------------------------------------------------------*/
/*  MAP
/*-------------------------------------------------------------------------*/
#map-canvas{
		height:400px;
	}
	
/*-------------------------------------------------------------------------*/
/*  SIDEBAR
/*-------------------------------------------------------------------------*/

.sidebar .information{
	font-size:12px;
}

.sidebar h3 {
	font-size: 16px;
}


.sidebar .video iframe{
	width:100%
}
/*-------------------------------------------------------------------------*/
/*  CONTACT
/*-------------------------------------------------------------------------*/
.contact .form-group{
		margin:0px;
}

.contact .form-group .btn{
		margin-top:20px;
}

.contact  .has-feedback .form-control-feedback{
	top:31px;
}


/*************************************
 ** COMMUNICATIONS
 *************************************/
.communication{
	padding-top:20px;
}

.communication .item{
	margin-bottom: 15px;
	display:block;
}

.communication .item img{
	width:100%;
}

.communication .text{
	/*text-align: justify;*/
	font-size:12px;
	    line-height: 17px;
}


/*-------------------------------------------------------------------------*/
/*  SEPARATOR
/*-------------------------------------------------------------------------*/
.separator{
	margin-bottom: 0px;
  background-color: #FFFFFF;
  height: 0px;
  width: 100%;
  clear: both;
  
}

#sb-site, .sb-site-container{
	background-color:transparent;
}

/*-------------------------------------------------------------------------*/
/*  CONTACT
/*-------------------------------------------------------------------------*/
.message{
	padding:15px;
	margin-bottom:15px;
}


/*-------------------------------------------------------------------------*/
/*  PAGINATION
/*-------------------------------------------------------------------------*/
.pagination > li > a, 
.pagination > li > span {
	color: #df440b;
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus{
	color: #df440b;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
	background-color: #df440b;
	border-color: #df440b;
}

/*-------------------------------------------------------------------------*/
/*  OWL - CAROUSEL
/*-------------------------------------------------------------------------*/
.owl-carousel .item{
	border:1px solid #ccc;
	margin:15px;
	padding:10px;
}
.owl-carousel .item a{
	display:block;

}
.owl-carousel .item a img{
	max-width:100%;
}

/*-------------------------------------------------------------------------*/
/*  ROYAL SLIDER
/*-------------------------------------------------------------------------*/
.rsDefault .rsThumb.rsNavSelected {
	background: #2C2E2E;
}


/*-------------------------------------------------------------------------*/
/*  RESPONSIVE - SCREEN BELLOW 1199px
/*-------------------------------------------------------------------------*/

@media (max-width: 1199px) {
	#wrapper{
		max-width:992px;
	}
	
}

/*-------------------------------------------------------------------------*/
/*  RESPONSIVE - SCREEN BELLOW 992px
/*-------------------------------------------------------------------------*/

@media (max-width: 991px) {
	#wrapper{
		max-width:768px;
	}
	
	nav .menu > li {
		padding: 0px 10px;
		
	}
	.theme .content-wrapper .content h2{
		font-size:24px;
	}
	.theme .content-wrapper .content .text{
		display:none;
	}
}

/*-------------------------------------------------------------------------*/
/*  RESPONSIVE - SCREEN BELLOW 768px
/*-------------------------------------------------------------------------*/
@media (max-width: 767px) {
	header .logo {
		height: 105px;
		text-align:center;
	}
	header .logo img {
		max-height: 90px;
	}	
	header{
		background:none;
	}
	
	footer .subfooter .text {
		margin-bottom:30px;
	}
	nav .menu{
		position: absolute; 
		width: 90%; 
		height:auto;
		margin-left: -15px;
		background-color:#000000;
		display:none;
		border-right:2px solid #FFFFFF;
		border-bottom:2px solid #FFFFFF;
	}
	nav .menu > li{
		display:block;
		padding-left:15px;	
		height:auto;
		border-top: 1px solid #333333;
		
	}

	nav .menu > li:first-child{
		border-top: none;
		padding-left:15px;
	}
	
	nav .menu > li a{	
		width:100%;
		color: #fff;
		display:block;
		height:40px;
		line-height:40px;
		
	}
	nav .langs{
		display:none;
	}

	#mobileNav{
		display:block;
	}	
	#mobileCall{
		display:block;
	}	
	.theme .content-wrapper .content h2{
		font-size:28px;
	}	
	.theme .content-wrapper .content .text{
		display:block;
	}
	
	#map-canvas{
		height:200px;
	}
}

/*********************************************** 
 ** MODAL
 ***********************************************/
.modal .glyphicon{
    margin-right: 20px;
    font-size: 38px;
    float: left;
}

/*************************************
 ** DEBUG
 *************************************/
.debug{
	display:none;
	color:white;
}