@charset "utf-8";


/*GLOBAL*/

html, body {
    min-height: 100%;
	color: black;
	
	}  

    h1 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 56px; line-height: 1.2; }
    h2 { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 40px; line-height: 1.3; }
    h3 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 32px; line-height: 1.3; }
    h4 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 24px; line-height: 1.4; }
    h5 { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; line-height: 1.4; }
    h6 { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.4; }

    p  { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6; }
    a  { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #FF6600; text-decoration: none; }

    nav a { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; text-transform: uppercase; }




/*Header*/
header{
	padding: 0% 5%;
	margin-bottom: 1rem;
}

/*Menu de navigation basic*/

nav{
	height: auto;
			   }
ul.navbar-nav{
	padding-right: 3%;
              }
 

/*About*/
.me-img {
    margin: auto;
    margin-top: 1.5rem;
}
.me-text {
    padding-left: 10%;
    }
/*Content*/


/*Gallery*/

h6{
	
	padding-top: 2%;
}

h5{
    text-align: center;
	
}

h4{
	text-align: left;
	
}

h3{
	padding-top: 3%;
	padding-left: 1%;	
}
 

.currently{
	 color: black;
    font-weight: 500;
	font-variant: small-caps;
}

.btn-link{
	color: black;
}

/*Contact*/

.formulaire{
	margin-bottom: 1rem;	
}



.form-check-label{
    font-size: small;
    font-variant: normal;

}

.btn-outline-dark {
    color: coral;
    background-color: whitesmoke;
    border-color: coral;
    float: right;
    border-style: solid;
    font-weight: 500;
    border-radius: 0px 4px;
}


.btn-outline-dark:hover {
    color: #fff;
    background-color: #F8BB62;
    border-color: lightcoral;
    border-radius: 0px;
}


/*Footer*/
footer{
    font-family: 'Open Sans', sans-serif; 
    font-weight: 400; 
    font-size: 12px; 
    background-color: burlywood;
    text-align: right;
	padding: 1% 8%; 
	margin-top: 1rem;
	
}

 p em{
	float: left;
	text-align:left;
	opacity: 65%;
}

.row .col-xl-12 h5 {
    padding-top: 1.5em;
}
.row .col-xl-12 h2 {
    padding-top: 1em;
    font-family: inherit;
}
 
.mail {
  position: relative;
  text-decoration: none;
  color: black;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  transition: color 0.3s ease;
}

.mail::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  left: 0;
  bottom: -2px;
  background-color: coral;
  transition: width 0.3s ease;
}

.mail:hover {
  color: coral;
}

.mail:hover::after {
  width: 100%;
}


/*Mobile*/
@media (max-width: 767px){
	

.me-img {
    padding-top: 3%;
}
.text-smaller {
    font-size: 14px;

}
h3 {
    font-size: 18px;
}
	
	}

/*Tablet*/
@media (min-width: 768px) and (max-width: 991px){
	
	footer p{
		font-size: 14px;
	}
	.me-img {
    padding-top: 3%;
		
}	
}

/* Hide honeypot field */
    .hidden-field { display: none !important; visibility: hidden; }


/*Desktop*/
@media (min-width: 992px) and (max-width: 1199px){
}

/*Xtra Large*/
@media (min-width: 1200px){
}