/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

::selection {background: #ffe303}
::-moz-selection {background: #ffe303}

@font-face{font-family:"Montserrat-Light";src:url("fonts/Montserrat-Light.woff2") format("woff2"),url("fonts/Montserrat-Light.woff") format("woff");font-weight:400;font-style:normal}

@font-face{font-family:"Montserrat-Thin";src:url("fonts/Montserrat-Thin.woff2") format("woff2"),url("fonts/Montserrat-Thin.woff") format("woff");font-weight:400;font-style:normal}

@font-face{font-family:"Montserrat-Regular";src:url("fonts/Montserrat-Regular.woff2") format("woff2"),url("fonts/Montserrat-Regular.woff") format("woff");font-weight:400;font-style:normal}

@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900,100,200);

html,
body {
    width: 100%;
    height: 100%;
    background: #e5e5e5;
    font-size: 15px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
}

.thin {
	font-family: "Montserrat-Thin";
}

.bold {
	font-family: "Montserrat-Regular";
}

.mid {
	font-family: "Montserrat-Light";
}

.text-vertical-top {
    height: 10%;
    display: table-row;
    text-align: left;
}

.text-vertical-top h6 {
	margin-top: 30px;
    padding: 0 0 0 100px;
    font-size: 1.3em;
    color: #1e1e1e;
}

.text-vertical-bottom {
	height: 5%;
    display: table-row;
    text-align: left;
}

.text-vertical-bottom h6 {
	margin: 0;
    padding: 0 0 30px 100px;
    font-size: 1.2em;
    color: #1e1e1e;
}

.text-vertical-bottom h6 a {
    text-decoration: none;
    color: #1e1e1e;
    border-bottom: 0;
}

.text-vertical-bottom h6 a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #1e1e1e;
}

.text-vertical-bottom h6 a:active,
.text-vertical-bottom h6 a:focus {
    text-decoration: none;
    border-bottom: 0;
}

.text-vertical-center {
	height: 85%;
    display: table-row;
    text-align: left;
}

.text-vertical-center .middle {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}


.text-vertical-center h1 {
	margin: 0;
    padding: 0 0 0 100px;
    font-size: 6em;
    color: #1e1e1e;
}

.text-vertical-center h3 {
	margin: 0;
    padding: 0 0 0 100px;
    font-size: 3em;
    color: #1e1e1e;
}

.text-vertical-center h5 {
	margin: 0;
    padding: 5px 0 0 100px;
    font-size: 1.5em;
    color: #1e1e1e;
}

.text-vertical-center img {
	margin: 0 0 0 100px;
    width: 200px;
    border: 1px solid #1e1e1e;
}

.texte {
	width:90%;
	text-align:left;
	margin: 0;
    padding: 0 0 0 100px;
}

.text-vertical {
    text-align: left;
    padding: 25px 25px 25px 0;
}

.text-vertical h1 {
	margin: 0;
    padding: 0 0 0 100px;
    font-size: 6em;
    color: #1e1e1e;
}

.text-vertical h3 {
	margin: 0;
    padding: 0 0 0 100px;
    font-size: 3em;
    color: #1e1e1e;
}

.text-vertical h5 {
	margin: 0;
    padding: 0 0 0 100px;
    font-size: 1.5em;
    color: #1e1e1e;
}




/* Custom Button Styles */

.btn-dark {
    background-color: #e5e5e5;

    border-radius: 50%;
}

.btn-dark:link{
    color: #1e1e1e;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #1e1e1e;
    background-color: #e5e5e5;
}

.btn-light {
    background-color: #e5e5e5;
    border-radius: 50%;
}

.btn-light:link{
    color: #1e1e1e;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #1e1e1e;
    background-color: #e5e5e5;
}


/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 400px;
    margin-right: -250px;
    overflow-y: auto;
    background: #e5e5e5;
    border-radius: 0 0 0 10px;

}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 1.2em;
}

.sidebar-nav li {
	line-height: 3em;
}

.sidebar-nav li a {
    text-decoration: none;
    color: #1e1e1e;
    border-bottom: 0;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #1e1e1e;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
    border-bottom: 0;
}


.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;

}

.toggle {
    margin: 20px 20px 0 0;
}

#menu-toggle:link{border: 0px;}

#menu-close:link{border: 0px;}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
/*    background: url(../img/4.jpg) no-repeat center center scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    /*background-attachment:fixed;
	background-size:contain;*/
	background-color:#e5e5e5;
	margin: 0 0 0 0;
}

a:link {
color: #e5e5e5;
text-decoration: none;
background-color: none;
border-bottom: 1px dotted #e5e5e5;
}

a:visited {
color: #e5e5e5;
text-decoration: none;
background-color: none;
}

a:hover {
color: #e5e5e5;
text-decoration: none;
background-color: none;
}

a:active {
color: #f7f7f7;
text-decoration: none;
background-color: none;
}

/* contact */


p {
	padding-top: 5px;
}

h3 {
	padding-top: 5px;
}

.un {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-color:#1e1e1e;
	margin: 0 0 0 0;
}

.un h1 {
	margin: 0;
    color: #e5e5e5;
    font-size: 6em;
}

.un h3 {
	margin: 0;
    color: #e5e5e5;
    font-size: 3em;
}

.un h5 {
	margin: 0;
    color: #e5e5e5;
    font-size: 1.5em;
}

.un p {
	color: #e5e5e5;
    font-size: 1.5em;
}

.un .text-vertical-top h6 {
    color: #e5e5e5;
}

.un .text-vertical-bottom h6 {
    color: #e5e5e5;
}

.un .text-vertical-bottom h6 a {
    color: #e5e5e5;
}

.un .text-vertical-bottom h6 a:hover {
    border-bottom: 1px dotted #e5e5e5;
}

.un p a {
    color: #e5e5e5;
    border-bottom: 1px dotted #e5e5e5;
}

.un p a:hover {
    color: #ffe303;
    border-bottom: 1px dotted #ffe303;
}

.deux {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-color:#e5e5e5;
	margin: 0 0 0 0;
}

.deux h1 {
	margin: 0;
    color: #1e1e1e;
    font-size: 6em;
}

.deux h3 {
	margin: 0;
    color: #1e1e1e;
    font-size: 2em;
}

.deux h5 {
	margin: 0;
    color: #1e1e1e;
    font-size: 1.5em;
}

.deux p {
	color: #1e1e1e;
    font-size: 1.5em;
}

.deux p a {
    color: #1e1e1e;
    border-bottom: 1px dotted #1e1e1e;
}

.deux p a:hover {
    color: #ea6cbc;
    border-bottom: 1px dotted #ea6cbc;
}

.trois {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-color:#1e1e1e;
	margin: 0 0 0 0;
}

.trois h1 {
	margin: 0;
    color: #e5e5e5;
    font-size: 6em;
}

.trois h3 {
	margin: 0;
    color: #e5e5e5;
    font-size: 2em;
}

.trois p {
	color: #e5e5e5;
    font-size: 1.5em;
}

.trois .text-vertical-top h6 {
    color: #e5e5e5;
}

.trois .text-vertical-bottom h6 {
    color: #e5e5e5;
    font-family: "Montserrat-Thin";
}

.trois .text-vertical-bottom h6 a {
    color: #e5e5e5;
}

.trois .text-vertical-bottom h6 a:hover {
    border-bottom: 1px dotted #e5e5e5;
}

.trois .contain h1 a {
    color: #e5e5e5;
    border-bottom: 0;
}

.trois .contain h1 a:hover {
    color: #ffe303;
}

.quatre {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/epound.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-color:#e5e5e5;
	margin: 0 0 0 0;
}

.quatre h1 {
	margin: 0;
    color: #1e1e1e;
    font-size: 6em;
}

.quatre h3 {
	margin: 0;
    color: #1e1e1e;
    font-size: 2em;
}

.quatre p {
	color: #1e1e1e;
    font-size: 1.5em;
}

.quatre p a {
	color: #1e1e1e;
}

.quatre p a:hover {
	border-bottom: 1px dotted #1e1e1e;
}

.contain {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}


/* Footer */

footer {
    padding: 0 0 5px 0;
    background: #e5e5e5;
}

.text-muted {
    color:#e5e5e5;
    font-size: 0.75em;
	text-align: left;

}

.text-muted2 {
    color:#1e1e1e;
    font-size: 0.85em;
	text-align: left;

}


.lead {
    font-size: 1.2em;
    color: #333333;
}

.lead2 {
    font-size: 1.2em;
    color: #f7f7f7;
}

.text-muted2 a{
	color: #1e1e1e;
	border-bottom: 1px dotted #1e1e1e;
}

.text-muted2 a:hover{
	color: #ea6cbc;
	border-bottom: 1px dotted #ea6cbc;
}

@media screen and (max-width: 768px) {
body{font-size:12px;}

.text-vertical-top h6 {
    padding: 0 0 0 20px;
}

.text-vertical-bottom h6 {
    padding: 0 0 0 20px;
}

.text-vertical-center h1 {
    padding: 0 0 0 20px;
}

.text-vertical-center h3 {
    padding: 0 0 0 20px;
}

.text-vertical-center h5 {
    padding: 0 0 0 20px;
}

.texte {
    padding: 0 0 0 20px;
}

.text-vertical h1 {
    padding: 0 0 0 20px;
}

.text-vertical h3 {
    padding: 0 0 0 20px;
}

.text-vertical h5 {
    padding: 0 0 0 20px;
}

}

/* GRID */

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

.gallery {
  background: #e5e5e5;
}

.gallery-cell {
  width: 40%;
  margin-right: 10px;
  background: #e5e5e5;
  counter-increment: gallery-cell;
}


/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: #e5e5e5;
}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .gallery-cell {
    width: 70%;
  }
}