*, *:after, *:before { border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {
	font-weight: 400 !important;
	font-size: 12pt !important;
	font-family: 'Open Sans', sans-serif; !important;
	font-weight: 400 !important;
	overflow-x:hidden;
	margin: 0;
}

h2{
	color: #03d0c5 !important;
}

img{
	width: 100%;
	height: 100%;
}

.img{
  position: relative;
}

.img img {
    width: 100%;
    vertical-align: top;
}

.img:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:#23dbd2;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.img:hover:after, .img-hover:after {
    opacity: 0.8;
}

.fb{
 background: url("img/fb2.png");
 width: 26px;
 height: 26px;

}

.fb:hover{
  background: url("img/fb2-hover.png");
}


html{margin: 0;}

a {
	color: #ff2696 !important;
	text-decoration: none !important;
	outline: none;
}

ul{

	list-style-type: none;

}

::-moz-selection {
    background: #3c4952;
    text-shadow: none;
	color: #FFFFFF;
}
::selection {
    background: #3c4952;
    text-shadow: none;
	color: #FFFFFF;
}

.pt-perspective {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1200px;
  transform-style: preserve-3d;
}

.pt-page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.pt-page-current,
.no-js .pt-page {
  visibility: visible;
}

.no-js body {
  overflow: auto;
}

.pt-page-ontop {
  z-index: 999;
}

/* Underline From Left */
.hvr-underline-from-left {
	height: 25px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {

  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #ff2696;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/*/ menu /*/

.hvr-underline-from-left-menu {
	height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left-menu:before {

  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #293238;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left-menu:hover:before, .hvr-underline-from-left-menu:focus:before, .hvr-underline-from-left-menu:active:before {
  right: 0;
}

/* Galeries */
.hvr-underline-from-left-galeries {
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left-galeries :before {

  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #ff2696;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left-galeries :hover:before, .hvr-underline-from-left-galeries :focus:before, .hvr-underline-from-left-galeries :active:before {
  right: 0;
}

a:hover, a:focus, .navigation li:hover {
	color: #ee2243;
}

.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

div{

	border-style: solid;
	border-width: 0px;
	border-color: red;
}

footer{
	position: fixed;
	min-width: 100%;
	height: 12%;
	background-color: #eeeeee;
	margin: 0;
	padding: 0;
	bottom: 0;
	z-index: 9997;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1pt;

}

footer img{
	width: 1%;
	height: 25%;
}

.footer-text{
	padding-top:;
}

.title{
	color: #03d0c5 !important;
	font-size: 11pt !important;
	font-weight: 300 !important;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 7pt;
	padding-top: 10px;

}

.title a{
	color: #03d0c5 !important;

}

.list-inline ul{
	right: auto;
	left: auto;
}

.list-inline li{
	margin-left: 2%;
	text-transform: uppercase;
	font-size: 8pt;
	color: #293238;
	letter-spacing: 1.2pt;
	display: inline-block;

}


.list-inline li:first-child{
	margin-left: 0;
}

.list-inline a{
	color: #1c2226 !important;
}

.list-inline a:hover{
	color: #1c2226 !important;
}


.slide2 {
	font-size: 14pt !important;
	padding-right: 15px !important;
	padding-left: 35px;
	border-left-style: solid;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-width: 8px;
	border-color: #03d0c5;
}

/*/ PAGE2 - GALERIES /*/
.galerie-hover, .galerie-hover-dark{
  position: relative;
}

.galerie-hover, .galerie-hover-dark img {
    width: 100%;
    vertical-align: top;
}

.galerie-hover:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background: #f93589 !important;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.galerie-hover-dark:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background: #13171a;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.galerie-hover:hover:after, .galerie-hover-link:after {
    opacity: 0.8;
}

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

span.text-content h3{
	font-weight: 400;
	font-size: 26pt;
	letter-spacing: 1pt;
}

span.text-content {
	background: rgba(0,0,0.8);
	border-left-style: solid;
	border-color: #fff;
	border-width: 5px;
	height: 200px;
	width: 100%;
    color: white;
    cursor: pointer;
    display: table;
    left: 0;
    position: absolute;
    top: 50%;
    opacity: 0;
    -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
}

span.text-content span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 35px;
  padding-right: 25px;
  font-weight: 300;
}

.col-md-6 li{
  float: left;

}


.about {
  font-size: 12pt !important;
  padding-right: 15px !important;
  padding-left: 35px;
  border-left-style: solid;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-width: 8px;
  border-color: #03d0c5;
}

.about-text{
  border: none;
  padding-right: 30px;
  padding-left: 45px;
  padding-bottom: 35px;

}

.tableau1 {
  font-size: 14pt !important;
  padding-right: 15px !important;
  padding-left: 35px;
  border-left-style: solid;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-width: 8px;
  border-color: #03d0c5;
}

.titre-expo{
  width: 300px;
  height: 25px;
  background: #1fece1;
  border-radius: 15pt;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);


}

.titre-expo h1{
  text-align:center; 
  padding-top: 5px;
  color:#3c4952; 
  text-transform:uppercase; 
  letter-spacing:1pt; 
  font-size: 10pt
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.carousel-indicators li { visibility: hidden; }

/*/ HOVER EFFECT FONTS /*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'feathericons';
  src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
  src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
    url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
    url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
    url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

.colors2 li{
  float: left;
  margin-left: 3%;
  width: 15px;
  height: 15px;
  border-radius: 50px;
}


#color3{
  background: #2fa897;
  margin-left: 0%;
  opacity: 0.6;
}

#color4{
  background: #c8b831;
  opacity: 0.6;

}

#color3:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#color4:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.colors li{
  float: left;
  margin-left: 3%;
  width: 15px;
  height: 15px;
  border-radius: 50px;
}

#color1{
  background: #bdbdbd;
  margin-left: -1%;
  opacity: 0.6;
}

#color2{
  background: #e21417;
  opacity: 0.6;

}

#color1:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#color2:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#button-hover{
  color: #ccc;
}

#button-hover:hover{
  color: #ff2696;
  opacity: .6;
        transition: all 0.1s;
    -webkit-transition: all 0.1s;

}

/*/ Colors Acrylique /*/

#color3{
  background: #000;
  margin-left: -1%;
  opacity: 0.6;
}

#color4{
  background: #e21417;
  opacity: 0.6;

}

#color5{
  background: #f9e55b;
  opacity: 0.6;

}

#color6{
  background: #ccc;
  opacity: 0.6;

}

#color7{
  background: #ffea00;
  opacity: 0.6;

}

#color3:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#color4:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#color5:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#color6:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#color7:hover{
  opacity: 1;
      transition: all 0.3s;
    -webkit-transition: all 0.3s;
}