@charset "utf-8";
/* CSS Document */

body{font-family: 'ralewaybold', sans-serif;font-size:14px;font-weight: 400;}

/***************************NAVIGATION OPACITY***************************/
.opacity-nav{position:fixed;display:none;width:100%;height:100%;top:0;z-index:9999999;background:black;opacity: 90%;}

ul.menu-fullscreen{width: 100%;top: 50%;position: absolute;height: 280px;margin-top: -140px;}
ul.menu-fullscreen li{font-size:35px;text-align:center;line-height:70px;font-weight:500;}
ul.menu-fullscreen li > a{text-decoration:none;color:#999999;border:0;}
ul.menu-fullscreen li > a:hover{text-decoration:none;color:#ffffff;}
#accueil nav li:nth-of-type(1) a{color: #ad9380;border-bottom: 2px solid #ad9380;}
#apropos nav li:nth-of-type(2) a{color: #ad9380;border-bottom: 2px solid #ad9380;}
#portfolio nav li:nth-of-type(3) a{color: #ad9380;border-bottom: 2px solid #ad9380;}
#contact nav li:nth-of-type(4) a{color: #ad9380;border-bottom: 2px solid #ad9380;}

/***************************HEADER***************************/
header{width: 1140px;margin: 0 auto;border-bottom: 1px solid #f1f1f1;padding-bottom: 5px;display: flex; align-items: center;}

.logo a{width:330px; text-decoration:none;transition: all 0.2s ease-in;color:black;font-size:23px;line-height:80px;padding-right:40px; display: flex; align-items: center;}
.logo a:hover{color:#c3c3c3;}
.logo a img{margin-right: 10px}

.menu-horizontal{position :absolute; right: 150px;}
.menu-horizontal li{display: inline-block; margin: 0px; padding: 0px; width: 100px; text-align: center; line-height: 40px;}

.menu-horizontal a{text-decoration:none;transition: all 0.2s ease-in;color:black;font-size:16px;line-height:50px;display: block;flex-wrap: wrap;}
.menu-horizontal a:hover{color:#c3c3c3;}

.menu-index{position: fixed;right: 5%;top: 35px;z-index: 99999;padding:20px;background:black;cursor:pointer;}
.menu-index i{float:right;font-size:18px;color:white;padding-right:0px !important;}
.menu-index i:hover{color:#c3c3c3;}

/**************************************CONTENU**************************************/
/***************************CONTENU : ALL***************************/
.contenu{position:relative;width:1140px;margin: 0 auto;}
.contenu .text-accueil{width: 100%;height: 600px; margin: 0 auto;display: flex; float: left;align-items: center;}
.contenu .text-accueil h1{font-size:43px;color:#000000;font-weight:50;line-height:50px;text-transform:uppercase;margin-top: 50px;}
.contenu .text-accueil h2{font-size:30px;color:#000000;font-weight:50;line-height:50px;margin-top: 50px;}
.contenu .text-intro{width: 1140px;margin: 0 auto;display: flex;flex-wrap:wrap;text-decoration: none;}
.contenu .text-intro a{width: 1140px;margin: 0 auto;display: flex;flex-wrap:wrap;text-decoration: none;}
.contenu .text-intro h1{width: 1140px; font-size:43px;color:#000000;font-weight:50;line-height:50px;text-transform:uppercase;margin-top: 50px;}
.contenu .text-intro h2{width: 1140px;font-size:30px;color:#000000;font-weight:50;line-height:22px;margin-top: 50px;}
.contenu .text-intro h3{color:black;text-decoration: none;margin-top: 50px;}
.contenu .text-intro h3:hover{color:grey;}
.contenu .text-intro h4{width: 1140px;font-size:20px;color:#706F6F;font-weight:50;line-height:22px;}
.contenu .text-intro p{width: 1140px;font-size:13px;color:#8d8d8d;font-weight:50;line-height:22px;letter-spacing:1px;margin-top:0px;padding-bottom: 20px;text-align: justify;}

/*****************CONTENU : A PROPOS, SINGLE PAGE*****************/
.column{width: 1140px;margin: 0 auto;display: flex;flex-wrap:wrap;}
.one-column{width:40%;}
.one-column p{text-align: justify;padding-right: 50px;font-size:13px;color:#8d8d8d;font-weight:50;line-height:22px;letter-spacing:1px;margin-top:0px;padding-bottom: 20px;}

.two-column{width:60%;position:relative;}
.two-column p{text-align: justify;font-size:13px;color:#8d8d8d;font-weight:50;line-height:22px;letter-spacing:1px;margin-top:0px;padding-bottom: 20px;}

/************************CONTENU : A PROPOS************************/
.column-formation{width:31%;margin:0 20px 0 0;}
.column-formation h3{font-size:15.5px;color:#000000;font-weight:50;line-height:22px;text-transform:uppercase;}
.column-formation h4{font-size:20px;color:#706F6F;font-weight:50;line-height:22px;}
.column-formation p{text-align: justify;padding-right: 50px;font-size:13px;color:#8d8d8d;font-weight:50;line-height:22px;letter-spacing:1px;margin-top:0px;padding-bottom: 20px;}

/**********************CONTENU : Accueil (QUALIFICATION)**********************/
.contenu-qualification{width:1140px;margin: 0 auto;display: flex;flex-wrap: wrap; background-color: #f1e9e1;}
.contenu-qualification .qualification-column{position:relative;align-content: center;margin: 0 auto;}
.contenu-qualification .qualification-column h4{text-align: center;font-size:20px;color:black;letter-spacing:1px;margin-top:0px;padding-top: 30px}
.contenu-qualification .qualification-column p{text-align: center;font-size:13px;color:black;line-height:30px;letter-spacing:1px;margin-top:0px;padding-bottom: 50px;}
.contenu-qualification .qualification-column img{padding-top: 50px;}

/**********************CONTENU : Accueil (MES SERVICES)**********************/
.contenu-service{width:1140px;margin: 0 auto;display: flex;flex-wrap: wrap;background-color: #f1e9e1;}
.contenu-service .service-column{position:relative;align-content: center;margin: 0 auto;padding-bottom: 20px; padding-top: 20px;}
.contenu-service .service-column h4{width: 100%;text-align: center;font-size:20px;color:#cc8574;letter-spacing:1px;margin-top:0px;padding-top: 30px}
.contenu-service .service-column p{width: 100%; text-align: center;font-size:13px;color:black;line-height:30px;letter-spacing:1px;margin-top:0px;}
.contenu-service .service-column img{padding-top: 30px;}

/***************************PORTFOLIO GRID***************************/
li,ol,ul {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;list-style: none;}

.portfolio-grid{width:1170px;position:relative;margin:  auto;}

li.grid-item{width:360px;position:relative;float:left;padding:15px;}
li.grid-item img{width:360px;}

.grid-hover{position: absolute;width:360px;height: 100%;top:0;background: white;z-index: 2;opacity: 0;
  -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;}

.grid-hover:hover{opacity: 0.9;}
.grid-hover h1{font-size:23px;bottom:80px;left:15px;position:absolute;text-transform:uppercase;color:#000000;letter-spacing:1px;line-height:50px;}
.grid-hover p{font-size:13px;bottom:40px;left:15px;position:absolute;color:#686868;letter-spacing:1px;line-height:25px;}

/***************************BUTTON : SEE MORE**************************/
.ulbuttonseemore{width: 100%; max-width: 1170px;margin: 0 auto;padding-bottom: 50px;}
.ulbuttonseemore a{text-decoration: none;color: white;font-size: 16px;line-height: 40px;font-family: 'ralewaybold';letter-spacing: 1px;padding: 15px 45px 15px 45px;background-color: black;opacity: 0.8;text-align:center;}
.ulbuttonseemore a:hover{opacity:1;}
.buttonseemore{width: 100%; position: relative; float: left; text-align: center;}

/***************************BUTTON : DECOUVREZ SERVICES**************************/
.ulmesservices{width: 100%; max-width: 1170px;margin: 0 auto;padding: 50px 0 0 0;}
.ulmesservices a{text-decoration: none;font-size: 16px;line-height: 40px;font-family: 'ralewaybold';letter-spacing: 1px;padding: 15px 45px 15px 45px;text-align:center;background-color: 0 0;color: black;border: 2px solid grey;}
.ulmesservices a:hover{background-color: #f1e9e1;border-color: #f1e9e1;color: black;opacity: 1;}
.messervices{width: 100%; position: relative; float: left; text-align: center;}

/***************************CONTACT***************************/
.contact-one, .contact-two, .contact-three{width:30%;padding-right:3%;position:relative;}
.contact-one p, .contact-two p, .contact-three p{width:100% !important;}

input{width:100%;height:40px;background:#f8f7f7;border:0;color:#000000;font-weight:500;line-height:40px;font-family: 'ralewaybold', sans-serif;margin-bottom:10px;
	  font-size:13px;padding-left:15px;
  	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	  box-sizing: border-box;         /* Opera/IE 8+ */
}

input.button-envoyer{width:220px;height:40px;background:#f8f7f7;font-weight:500;border:0;font-family: 'ralewaybold', sans-serif;color:#000000;float:right;
					 line-height:40px;font-size:13px;}

textarea{width:100%;height:40px;border:0;line-height:40px;background:#f8f7f7;color:#000000;font-size:13px;font-family: 'ralewaybold', sans-serif;font-weight:500;
	margin-bottom:10px;padding:0 0 0 15px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in; }

.contact-three textarea:focus{background:#f4f4f4; height:250px;}

/***************************BUTTON BACK TO TOP***************************/
#back_to_top span {position: fixed; bottom: 65px;right: 5%;z-index:999999;width: 50px;height: 50px;color: grey;line-height: 52px;text-decoration: none;
	-o-border-radius: 52px;-moz-border-radius: 52px;-webkit-border-radius: 52px;border-radius: 52px;-webkit-transition: all .2s ease 0s;-moz-transition: all .2s ease 0s;-o-transition: all .2s ease 0s;border: 2px solid grey;background: 0 0;text-align: center;}

#back_to_top:hover span {background-color: #f1e9e1;border-color: #f1e9e1; color:black;}

.fa-stack {position:fixed;display: inline-block;}

/***************************BUTTON PREV-NEXT***************************/
.prev-next{width:100%;width:1170px;margin:0 auto;padding-top:100px;}
.prev-next a{color:black;font-weight:500;padding-bottom: 15px;border-bottom:1px solid darkgray; text-decoration: none;}
.prev-next a:hover{border-bottom:2px solid grey;color:grey;}

.prev-button{width:50%;position:relative;float:left;text-align:left;}
.next-button{width:50%;position:relative;float:left;text-align:right;}

/***************************FOOTER***************************/
footer{background: #f1f1f1;width:100%;margin-top:170px;height:300px;overflow:hidden;position:relative;z-index:10;}

.footer-margin{width:1140px;margin: 30px auto;line-height: 100px;}
.footer-margin .social-footer{color: #686868;letter-spacing: 1px;font-size: 13px;width: 100%;text-align:center;}
.footer-margin .social-footer a{font-size:15px;color:black;padding: 20px;}
.footer-margin .social-footer a:hover{color:#c3c3c3;}
.footer-margin .copyright{color: #686868;letter-spacing: 1px;font-size: 12px;width: 100%;text-align:center;}