/* @override 
	http://dev-villa-maria.pantheon.io/sites/all/themes/bootstrap_villamaria/css/content.css?o2eezx
	http://dev-villa-maria.pantheon.io/sites/all/themes/bootstrap_villamaria/css/content.css?o2eg5u
	http://test-villa-maria.pantheon.io/sites/all/themes/bootstrap_villamaria/css/content.css?o2eizt
	http://dev-villa-maria.pantheon.io/sites/all/themes/bootstrap_villamaria/css/content.css?o2eizt
	http://dev-villa-maria.pantheonsite.io/sites/all/themes/bootstrap_villamaria/css/content.css?oazobb
	http://dev-villa-maria.pantheonsite.io/sites/all/themes/bootstrap_villamaria/css/content.css?obll24
	http://dev-villa-maria.pantheonsite.io/sites/all/themes/bootstrap_villamaria/css/content.css?obno39
	http://dev-villa-maria.pantheonsite.io/sites/all/themes/bootstrap_villamaria/css/content.css?oc3xsk
	http://dev-villa-maria.pantheonsite.io/sites/all/themes/bootstrap_villamaria/css/content.css?oc5vrj
	http://dev-villa-maria.pantheonsite.io/sites/all/themes/bootstrap_villamaria/css/content.css?ocd6da
	http://www.villamaria.qc.ca/sites/all/themes/bootstrap_villamaria/css/content.css?ocorrd
	http://dev-villa-maria.pantheonsite.io/sites/all/themes/bootstrap_villamaria/css/content.css?odgg1c
	http://dev-villa-maria.pantheonsite.io/sites/all/themes/bootstrap_villamaria/css/content.css?odjvzw
	http://villa-maria-pantheon:8888/sites/all/themes/bootstrap_villamaria/css/content.css?otcowq
	http://villa-maria-pantheon:8888/sites/all/themes/bootstrap_villamaria/css/content.css?otctf4 */

/*
 * content.less
 *
 * stylesheet parent for the content.
 * All linked files can be found in the 'content' folder.
 */
 
 .pane-node-body div.pane-content p,
 .pane-node-body div.pane-content li,
 .pane-node-body div.pane-content p{
 	font-family: 'Roboto', sans-serif !important;
 }
 
 ul li li.expanded ul{
 	display: none !important;
 }
 #block-menu-block-1 .menu-block-wrapper{
 	opacity: 1 !important;
 }
 div.region.region-content-header {
 	position: relative;
 	top: -14px;
/* 	float: left;*/
 }
 
 #block-villa-maria-tools-visite-virtuelle-btn{
	position: absolute;
	z-index: 0;
	right: 0;
	top: -5px;
	width: 100vw;
	height: calc(100vw * 0.22222222222);
	z-index: 1;
/*	display: none;*/
}

ul.tabs--primary.nav.nav-tabs {
	position: relative;
	z-index: 100;
}

.btn-visite-virtuelle-wrapper{
	position: relative;
	width: 100vw;
	max-width: 1200px;
	margin: 0 auto;
	height: calc(100vw * 0.22222222222);
	
	
	
}
.btn-visite-virtuelle-wrapper a{
	display: block;
	position: absolute;
	bottom: -56px;
	right: 40px;
	width: 116px;
	height: 116px;
	background: url(../img/btn-visite-virtuelle.png);
	background-size: 116px;
	transition: all ease 0.1s;
}
@media all and (max-width:768px){
	
    .btn-visite-virtuelle-wrapper{
        height: 187px;	
    }
    
    .btn-visite-virtuelle-wrapper a{
		bottom: 10px;
		width: calc(116px / 2);
		height: calc(116px / 2);
		background-size: calc(116px / 2);
	}
	.btn-visite-virtuelle-wrapper a:hover{
		bottom: 20px !important;
	}
}
.btn-visite-virtuelle-wrapper a:hover{
	bottom: -40px;
}

.btn-visite-virtuelle-wrapper.visite-en a{
	background: url(../img/btn-visite-virtuelle-e.png);
	background-size: cover;
}

.btn-visite-virtuelle-wrapper.inscription a{
	background: url(../img/btn-inscrire.png);
	background-size: cover;
}

.btn-visite-virtuelle-wrapper.inscription-en a{
	background: url(../img/btn-inscrire-e.png);
	background-size: cover;
}

.panels-flexible-9 .panels-flexible-row {
  padding: 0 0 0em 0;
  margin: 0;
}

#webform-client-form-199,#webform-client-form-203  {
	width: calc(100vw / 2);
	margin: 0 auto;
	min-width: 200px;
	max-width: 400px;
/*	padding-top: 100px;*/
}



.page-node-201 div.panels-flexible-region.panels-flexible-region-9-content.panels-flexible-region-last.col-lg-9,.page-node-202 div.panels-flexible-region.panels-flexible-region-9-content.panels-flexible-region-last.col-lg-9 {
	height: 100px;
}
@media screen and (max-width: 767px) {
  .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    height: 150px;
    position: relative;
  }
  .panels-flexible-9 .panels-flexible-row .field-name-field-image > .field-items > .field-item img {
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-height: 100%;
    width: auto !important;
    max-width: inherit;
    position: absolute;
    min-width: 100%;
  }
}
.panels-flexible-9 .panels-flexible-row > .panels-flexible-row-9-2-inside {
  max-width: 1170px;
  margin: 0 auto;
}
.page-home .panel-pane.pane-custom.pane-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1200px) {
  .page-home .panel-pane.pane-custom.pane-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
  
}
.page-home .panel-pane.pane-custom.pane-2 p {
/*  font-family: 'Noto Serif', serif;*/
  text-transform: none;
}
.page-home .panel-pane.pane-custom.pane-2 *:not(h3):not(h2):not(h1) {
  font-size: 14px;
}
body .pane-content {
  top: -35px;
  
}
body .col-md-4.feature {
  padding-left: 0px!important;
  padding-right: 0px!important;
  height: 300px;
  border: 1px red solid;
}
body .col-md-4.feature a {
  background-color: blue;
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  text-align: center;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .menu-block-wrapper {
    /*display: none;*/
  }
  .pane-content {
    top: 0px;
  }
  .field-name-field-featured-image .field-items img {
    display: none;
  }
  .col-lg-9 {
    position: relative;
    width: 100vw;
  }
  .page-node .field.field-name-field-image:first-child .field-items img {
    height: 30vw;
  }
  .page-node .panels-flexible-region-inside.panels-flexible-region-9-content-inside {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) and (max-width: 1200px) {
  .page-node .panels-flexible-region-inside.panels-flexible-region-9-content-inside {
    padding: 30px;
  }
}
.i18n-en .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  background-color: #ffffff;
  border-radius: 8em;
  border: .1em solid white;
  color: #96afc2;
  width: 2.6em;
}
.i18n-en .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button:hover {
  background-color: rgba(7, 20, 30, 0.7);
  color: #cccccc;
}
body .panels-flexible-1 .panels-flexible-row {
  max-width: 100vw;
  padding: 0 0 0 0;
}
body .panels-flexible-region-1-slideshow,
.panels-flexible-region-12-slideshow {
  float: left;
  width: 100%;
}
body .panels-flexible-region.panels-flexible-region-1-content.panels-flexible-region-first.panels-flexible-region-last {
 /* width: calc(100%;
  	
  	display: block;*/
  
}
.panels-flexible-row-1-2-inside,.panels-flexible-row-12-2-inside {
/*  max-width: 1170px;*/
/*
padding-top: 40px;
padding-bottom: 40px;
*/
  margin: 0 auto;
  background: white;
}

.panels-flexible-row-1-2-inside div.panel-pane.pane-custom.pane-1 div.pane-content,.panels-flexible-row-12-2-inside div.panel-pane.pane-custom.pane-1 div.pane-content {
	  max-width: 1170px;
	  margin: 0 30px;
	  background: white;
}
@media all and (min-width:1200px){
	.panels-flexible-row-1-2-inside div.panel-pane.pane-custom.pane-1 div.pane-content,.panels-flexible-row-12-2-inside div.panel-pane.pane-custom.pane-1 div.pane-content{
		margin: 0 auto;
	}
}
.panels-flexible-1 {
  max-width: 100vw;
}
.bx-wrapper .bx-viewport {
  border: none;
  left: 0px;
}
@media only screen and (min-width: 768px) {
  .panels-flexible-region-1-slideshow,
  .panels-flexible-region-12-slideshow {
/*    max-height: 725px;*/
  }
  .panels-flexible-region-1-slideshow li,
  .panels-flexible-region-12-slideshow li {
    width: 100%;
    background-color: #FEEDC4;
  }
  .panels-flexible-region-1-slideshow .bx-next,
  .panels-flexible-region-12-slideshow .bx-next,
  .panels-flexible-region-1-slideshow .bx-prev,
  .panels-flexible-region-12-slideshow .bx-prev {
    display: none;
  }
  .panels-flexible-region-1-slideshow .bx-viewport,
  .panels-flexible-region-12-slideshow .bx-viewport {
    max-height: 725px;
  }
  .panels-flexible-region-1-slideshow .inside,
  .panels-flexible-region-12-slideshow .inside {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .panels-flexible-region-1-slideshow .bx-next,
  .panels-flexible-region-12-slideshow .bx-next,
  .panels-flexible-region-1-slideshow .bx-prev,
  .panels-flexible-region-12-slideshow .bx-prev {
    display: none;
  }
  .panels-flexible-region-1-slideshow .inside,
  .panels-flexible-region-12-slideshow .inside {
    height: auto;
    max-width: 100vw;
    overflow: hidden;
  }
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  border-radius: 8em;
  width: 2.6em;
  left: 50%;
  margin-left: -36px;
  top: 50%;
  margin-top: -36px;
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button:not(:hover) {
  background-color: white;
  border: .1em solid white;
  color: #96AFC2;
}
#video-size {
  height: 725px;
  display: block;
  background-color: transparent;
  text-align: center;
  margin: 0 auto;
}
.bx-wrapper img {
  display: block;
  height: 725px;
  max-width: 1580px!important;
  margin: 0 auto;
}

body .main-container.container {
  width: 100%;
}
body .featured-img-block,
body div.row,
body .col-md-4.feature,
body .pane-content,
body .region-content {
  padding-left: 0px;
  padding-right: 0px;
}
body .featured-img-block {
  margin-bottom: 40px;
}
body p,
body h1,
body h2,
body h3 {
  color: #003e6b;
}
body .col-md-4.feature {
  height: 300px;
  border: none;
}
body .col-md-4.feature a {
  position: relative;
  display: inline-block;
  width: 100%;
  top: 0px;
  left: 0px;
  text-align: center;
  padding: 15px;
  color: #003e6b;
  z-index: 1;
}
body .col-md-4.feature span {
  z-index: 1;
}
body .col-md-4.feature:first-child {
  background-image: url(../img/home_highlight_place@x2.jpg);
}
body .col-md-4.feature:first-child a {
  background-color: #FEB912;
}
body .col-md-4.feature:first-child span {
  background-image: url(../img/icon_highlight_portes.jpg);
}
body .col-md-4.feature:first-child:after {
  background-image: url(../img/home_highlight_place@x2_hover.jpg);
}
body .col-md-4.feature:nth-child(2) {
  background-image: url(../img/home_highlight_education_3@x2.jpg);
}
body .col-md-4.feature:nth-child(2) a {
  background-color: #FFCB4D;
}
body .col-md-4.feature:nth-child(2) span {
  background-image: url(../img/icon_highlight_education_3.jpg);
}
body .col-md-4.feature:nth-child(2):after {
  background-image: url(../img/home_highlight_education_3@x2_hover.jpg);
}
body .col-md-4.feature:nth-child(3) {
  background-image: url(../img/home_highlight_vie@x2.jpg);
}
body .col-md-4.feature:nth-child(3) a {
  background-color: #FDD87C;
}
body .col-md-4.feature:nth-child(3) span {
  background-image: url(../img/icon_highlight_vie.jpg);
}
body .col-md-4.feature:nth-child(3):after {
  background-image: url(../img/home_highlight_vie@x2_hover.jpg);
}
body .col-md-4.feature {
  background-size: cover;
  background-position: center;
}
body .col-md-4.feature:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=00);
  background-position: center;
  background-size: cover;
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}
body .col-md-4.feature a {
  background-color: #FDD87C;
  text-decoration: none;
}
body .col-md-4.feature span {
  height: 80px;
  width: 80px;
  background-position: center;
  border-radius: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -20px;
}
body .col-md-4.feature:hover::after {
  opacity: 1;
  filter: alpha(opacity=100);
}
body .col-md-4.feature:hover:nth-child(1) span {
  background-image: url(../img/over1.png);
}
body .col-md-4.feature:hover:nth-child(2) span {
  background-image: url(../img/over2.png);
}
body .col-md-4.feature:hover:nth-child(3) span {
  background-image: url(../img/over3.png);
}
body .col-md-4.feature:nth-child(1):hover,
body .col-md-4.feature:nth-child(2):hover,
body .col-md-4.feature:nth-child(3):hover {
  background-position: center;
}
body .col-md-4.feature:nth-child(1):hover a:before,
body .col-md-4.feature:nth-child(2):hover a:before,
body .col-md-4.feature:nth-child(3):hover a:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 5;
  top: 0px;
  left: 0px;
  padding-bottom: 300px;
}
body .col-md-4.feature:nth-child(1):hover span,
body .col-md-4.feature:nth-child(2):hover span,
body .col-md-4.feature:nth-child(3):hover span {
  background-repeat: no-repeat;
}
body.page-node-22 .panels-flexible-region-9-content,
body.page-node-23 .panels-flexible-region-9-content {
  padding: 15px;
}
body.page-node-16 .panels-flexible-region-9-content,
body.page-node-17 .panels-flexible-region-9-content,
body.page-node-19 .panels-flexible-region-9-content,
body.page-node-20 .panels-flexible-region-9-content,
body.page-node-21 .panels-flexible-region-9-content {
  padding: 15px;
}

/* @group video accueil */
#bgvid{
/*	width: 100vw;*/
/*	position: absolute;*/
	z-index: 0;
}
.front video { 
    position: absolute;
    /*top: 102px;*/
    top: calc(100vw * 0.18);
    
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100vw;
    height: auto;
    z-index: -100 !important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

  -webkit-transition: 1s opacity;
   transition: 1s opacity;
}
.not-front video{
	display: block;
	width: 80%;
	height: auto;
	margin: 40px auto;
}

div.wrapper-home-video {
/*	height: 400px;*/
	overflow: hidden;
	height: calc(100vw * 0.46);
	max-height: 640px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: -moz-flex;
 	display: -ms-flexbox;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-align:center;
		justify-content:space-between;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
}
#block-villa-maria-tools-footer-pourquoi {
	background-color: white;
}
.play-home-video{
/*	position: absolute;*/
	z-index: 100;
/*	background-color: rgba(0,0,0,0.6);*/
	width: calc(100vw * 0.10);
	height: calc(100vw * 0.10);
	max-width: 130px;
	max-height: 130px;
	min-width: 60px;
	min-height: 60px;
	margin: 0 auto;
	border-radius: 100%;
	background-image: url(../img/bouton-play.svg);
	background-size: no-repeat;
	background-size:100%;
	cursor: pointer;
}
/*.play-other-video{
	width: 100%;
	height: 100%;
	position: absolute;
}*/
#page-page table td p {
	margin: 0!important;
}

.loop{
	max-width: 1200px;
	margin: 0 auto;
}

/* @end */

/* @group pastille retour à l'école */
.pane-villa-maria-tools-retour-a-l-ecole{
	position: relative;
	height: 74px;

}
.wrapper-retour-a-l-ecole{
	position: absolute;
	width: 322px;
	height: 74px;
	background: url(../img/retour-ecole-villa.png) no-repeat;
	background-size: 322px;
	z-index: 1;
	right: 0;
}
.i18n-en .wrapper-retour-a-l-ecole{
	background-image:url(../img/retour-ecole-villa-en.png) ;
/*	top: 2px;*/
}

#block-villa-maria-tools-retour-a-l-ecole .wrapper-retour-a-l-ecole{
	top: -6px;
}

/* @end */
@media all and (max-width:700px){
	.front video{
		display: none;
	}
	div.wrapper-home-video {
		background: url(../img/back-video-front.jpg) no-repeat;
		background-size: 100%;
	}
	.wrapper-retour-a-l-ecole{
		width: 200px;
		height: 46px;
		background-size: 200px;
	}

}