body {
	position: relative; 
	 overflow-x: hidden; /* Hide horizontal scrollbar */
}
  		

body, html {
  	height: 100%;
  	margin: 0;
} 
 
nav{
	font-size:1rem;
}


.bgimg-x,.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6,.bgimg-7,.bgimg-info-generale, .bgimg-info-visa, .bgimg-abstract-submit, .bgimg-oral-guide, .bgimg-partner, .bgimg-partnership, .bgimg-floorplan {
	position: relative;
  	/*opacity: 0.60;*/
  	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}

.bgimg-x {
	background-image: url("../images/xspeaking.jpg");
  	min-height:70%;
}

.bgimg-1 {
	background-image: url("../images/01Splash_begin.jpg");
  	min-height: 100%;
}
		
.bgimg-2 {
  	background-image: url("../images/02Welcome.jpg");
  	min-height: 100%;
  	
}

.bgimg-3 {
	background-image: url("../images/03Schedule.jpg");
  	min-height: 60%;
}

.bgimg-4 {
	background-image: url("../images/04Hotel.jpg");
	min-height: 70%;
}
	
.bgimg-5 {
	background-image: url("../images/05Social_event.jpg");
  	min-height: 80%;
}

.bgimg-6 {
	background-image: url("../images/06Tours.jpg");
  	min-height: 100%;
}
		
.bgimg-7 {
	background-image: url("../images/01Splash_begin.jpg");
  	min-height: 60%;
}

.bgimg-info-generale{
	background-image: url("../images/07info-generale.jpg");
  	min-height: 100%;
}

.bgimg-info-visa{
	background-image: url("../images/08info-visa.jpg");
  	min-height: 100%;
}


.bgimg-abstract-submit{
	background-image: url("../images/09abstract-submit.jpg");
  	min-height: 70%;
}


.bgimg-oral-guide{
	background-image: url("../images/10oral-guide.jpg");
  	min-height: 70%;
}


.bgimg-partner{
	background-image: url("../images/11Partners.png");
  	min-height: 70%;
}

.bgimg-partnership{
	background-image: url("../images/12Partnership-oport.jpg");
  	min-height: 70%;
}


.bgimg-floorplan{
	background-image: url("../images/13floorplan.png");
  	min-height: 70%;
}


		
.caption {
	position: relative;
  	left: 0;
  	top: 35%;
  	width: 100%;
  	text-align: center;
  	color: #000;
}

.caption span.border {
	background-color: #111;
  	color: #fff;
  	padding: 18px;
  	font-size: 25px;
  	letter-spacing: 10px;
}

h3 {
	letter-spacing: 5px;
  	text-transform: uppercase;
  	font: 20px "Lato", sans-serif;
  	color: #111;
}
		
/* section importante date */

.imp_date .card .card-title {
	margin: 15px 15px 10px;
	font-family: Raleway;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color:#6677aa;
}


.imp_date .card .card-title {
	margin: 15px 15px 10px;
	font-family: Raleway;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color:#6677aa;
}

/* section horloge page */

.time_message{
 display:inline;
 font-size:1.2vw;
 text-align:center;
 font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
 text-shadow:0 0 5px #00c6ff;

}

.clock{
 /*margin:0 auto;
 padding:30px;
 border:1px solid #333;
 background-color: #333;*/
 color:#fff;
}


/* l'horloge elle même */
.theclock{
	display:inline;
	font-size:14px;
	text-align:center;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
	text-shadow:0 0 5px #00c6ff;
}

/* Heure de quebec */
.timequebec{
	color:#ffffff;
	display:inline;
	font-size:14px;
	text-align:center;
	font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;
	text-shadow:0 0 5px #00c6ff;
}


#Date_speak { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:14px; text-align:center; text-shadow:0 0 5px #00c6ff; }

.clock ul { width:auto; margin:auto; padding:0px; list-style:none; text-align:center; }
.clock ul li { display:inline; font-size:1.0vw; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

@-webkit-keyframes mymove 
{
25% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}


@-moz-keyframes mymove 
{
25% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}

/* fin de section horloge */

#mc_embed_signup{
	background:#fff;
	clear:left;
	font:14px Helvetica,Arial,sans-serif;
	width: 370px;
}
				
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
	
	
#more {
display: none;
}

/* unvisited link */
a:link {
color: red;
}

/* visited link */
a:visited {
  color: #000000;
}

/* mouse over link */
a:hover {
color: grey;
}

/* selected link */
a:active {
color: blue;
}




		
/* ajustement des image utiliser dans les description de produit */

.hotel-img {
	height:300px;
}
		
.banquet-img {
	height:300px;
}

.social-img {
	height:300px;
}
		
.tour-img {
	height:300px;
}
		
#myBtn {
	display: none;
  	position: fixed;
  	bottom: 65px;
  	right: 30px;
  	z-index: 99;
  	font-size: 18px;
  	border: none;
  	outline: none;
  	background-color: red;
  	color: white;
  	cursor: pointer;
  	padding: 15px;
  	border-radius: 4px;
}

#myBtn:hover {
	background-color: #555;
}
		
		
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
    margin: auto;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:70%;
    width:80%;
    position:absolute;
     
   
}		

.btn-default {
  font-family: Raleway-SemiBold;
  font-size: 13px;
  color: rgba(108, 88, 179, 0.75);
  letter-spacing: 1px;
  line-height: 15px;
  border: 2px solid rgba(108, 89, 179, 0.75);
  border-radius: 40px;
  background: transparent;
  transition: all 0.3s ease 0s;
}	


footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;  
  
  
}


	/* hotel thing */

	.mapref {
  		float: right;
  		margin-left: 8px;
	}

	.rating {
  		float: right;
  		color: #fc0;
  		margin-top: 5px;
  		font-size: 14px;
	}

 	.table-responsive > .table > tbody > tr > td{
  		white-space: normal;
	}

 	.table-responsive{
  		width: auto;
  		overflow-x: visible;
  		overflow-y: visible;
	}



	.navbar-nav a {
  		float: left;
  		display: block;
 		/* color: #f2f2f2; */
  		text-align: left;
  		padding: 5px 16px;
  		text-decoration: none;
  		font-size: 14px;
  		border-bottom: 3px solid transparent;
	}

	.navbar-nav a:hover {
  		border-bottom: 3px solid red;
  		background-color: transparent;
	}

	.navbar-nav a.active {
  		border-bottom: 3px solid red;
	}

	.navbar {
		background: transparent; 
	}
	
	.dropdown-menu{
		background-color: #343a40;
	}

	/* Espace carrousel */

	.col-md-3{
  		display: inline-block;
  		margin-left:-4px;
	}	

	/* permet l'ajustement des image dans les slider  */

    .carousel-item a > img {
  		width:50%;
  		height:auto;
	}

	body .carousel-indicators{
		bottom:-40px;
	}

	body .carousel-indicators li{
  		background-color:black;
	}

	body .carousel-control-prev-icon, body .carousel-control-next-icon{
  		background-color:black;
	}
	
	.avatar img {
  		max-width: 80px;
  		max-height: 80px;
	}

.thebanner {
	text-align: center;
	background: #05163d;
	color: #FFF;
	padding: 0;
	margin: 0;
	border-top: 1px solid #c9224a;
	border-bottom: 4px solid #13265e;
}	
	

 .carousel-item .carousel-inner > .item {
   height: 400px;
}
	

#summary {
  font-size: 14px;
  line-height: 1.5;
}

#summary p.collapse:not(.show) {
    height: 42px !important;
    overflow: hidden;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary p.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after  {
    content: '+ Read More';
}

#summary a:not(.collapsed):after {
    content: '- Read Less';
}



		
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
	.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7 {
    			background-attachment: scroll;
	}
}


/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/

@media screen and (min-width: 320px) {

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 12px;
		font-size: 16px;
		letter-spacing: 3px;
	}

	/*	body { font-size: 1.4rem; } /* =14px */ 
}

 
@media (min-width: 525px){

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 12px;
		font-size: 16px;
		letter-spacing: 3px;
	}

}
 
 
/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) { 

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 21px;
		letter-spacing: 6px;
	}
 
 	/* body { font-size: 1.4rem;  } */  /* =14px */
}
 
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

	h3 {
  		letter-spacing: 5px;
  		text-transform: uppercase;
 		font: 12px "Lato", sans-serif;
  		color: #111;
	}
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 

	}
 /* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {  

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 25px;
		letter-spacing: 10px;
		}
}
 

 
 
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */

@media (max-width: 950px) {

	.caption {
		/*position: absolute;*/
  		left: 0;
  		top: 10%;
  		width: 100%;
  		text-align: center;
  		color: #000;
	} 

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 2,5vw;
		letter-spacing: 2px;
	}

	body { 
		font-size: 1rem; /* =14px */
		} 	
		
	.thebanner img {
		margin-top:0px;
		margin-bottom: 15px;
	}
	
	.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: .80rem;
    line-height: inherit;
    white-space: nowrap;
	}
 
 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:transparent;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
	}
 
 .dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #transparent;
	}
 
}

/* Extra large devices (large desktops, 1200px and up)  */
@media (max-width: 1200px) {

	.caption {
		/*position: absolute;*/
  		left: 0;
  		top: 10%;
  		width: 100%;
  		text-align: center;
  		color: #000;
	} 

	.caption span.border {
		background-color: #111;
		color: #fff;
		padding: 18px;
		font-size: 25px;
		letter-spacing: 10px;
		}
	
	body { 
		font-size: 1rem; /* =14px */
		} 	
		
	.thebanner img {
		margin-top:0px;
		margin-bottom: 15px;
	}
	
	.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: .80rem;
    line-height: inherit;
    white-space: nowrap;
	}
 
 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color:transparent;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
	}
 
 .dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #transparent;
	}
 
}