/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*************************************************************/

/* 1 - Les classes pour la version BUREAU / DESKTOP */

/*************************************************************/
p{
	font-family: 'Montserrat', sans-serif;
}
h1{
    font-family: 'Montserrat', sans-serif;
}
h2{
    font-family: 'Montserrat', sans-serif;
}
.medium{
font-weight:600;
}
.incline{
	transform: scale(1, 1) translate(0px, 0px) rotate(356deg);
}
.white{
	color:#ffffff!important;
}
.t-120{
	font-size: 120px!important;
}
.t-70{
	font-size: 70px!important;
}
.t-80{
	font-size: 80px!important;
}
.t-55{
	font-size: 55px!important;
	line-height:1.1em;
}
.t-40{
	font-size: 40px!important;
}
.t-42{
	font-size: 42px!important;
}
.t-30{
	font-size: 30px!important;
}
.t-48{
	font-size: 48px!important;
}
.t-25{
	font-size: 25px!important;
	line-height: 1.2em;
}
.t-20{
	font-size: 20px!important;
	line-height: 1.3em;
}
.t-17{
	font-size: 17px!important;
	line-height: 1.2em;
}
.t-15{
	font-size: 15px!important;
}
.t-15b{
	font-size: 15px!important;
	line-height:1em;
}
.b-btm-w1{
	border-bottom: 1px solid #fff;
    width: 30%;
    margin: auto;
	line-height:10px!important;
	margin-bottom:50px!important;
	margin-top:50px!important;
}

.titre-public{
	font-family: Montserrat, sans-serif;
}
.titre-editor{
	font-family: 'Editors Note Regular'!important;
}
.titre-editor-italic{
	font-family: 'Editors Note Light Italic';
}
.titre-chic{
    color:#fff!important;
    line-height: 1;
    font-size: 80px;
    text-align: center;
    font-family: 'Chic Societe Script';
    font-weight: 400;
    font-style: normal;
}
.m-inv-35{
	margin-bottom:-25px!important;
}
.m-inv-15{
	margin-bottom:-10px!important;
}
.pad-t-30{
	padding-top:30px;
}
.pad-t-40{
	padding-top:40px;
}
.pad-80{
	padding:0 120px;
}
.pad-30{
	padding:0 30px;
}
.pad-50{
	padding:0 50px;
}
.pad-dg{
	padding:0 14%;
	text-align:justify;
}
.pad-50t{
	padding:30px 70px 0 70px!important
}
.pad-50tbis{
	padding:0 70px 35px 70px!important;
}
.pad-t-50{
	padding-top:50px;
}
.pad-t-100{
	padding-top:100px;
}
.pad-t-200{
	padding-top:200px;
}
.mg-t-50{
	margin-top:50px;
}

hr{
	line-height:10px!important;
}
.se {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-sizing: border-box;
    display: block;
    outline: none;
    pointer-events: auto;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.d .sie-hero_1-text {
    color:#fff!important;
    text-transform: none;
    font-size: 120px!important;
    text-align: center;
    font-family: 'Editors Note Regular';
    font-weight: 400;
    font-style: normal;
}
.d .st-d-title {
    color: rgba(16,16,16,1);
    line-height: 1;
    letter-spacing: 0em;
    font-size: 48px;
    text-align: center;
    font-family: 'Editors Note Regular';
    font-weight: 400;
    font-style: normal;
}
.se-t {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    padding: 0;
    top: 0;
    width: 100%;
}
a {
    text-decoration:none!important;
}
/* LES BOUTONS */
.vc_general.vc_btn3:hover {
    transition: all .2s ease-in-out;
	opacity:.8;!important
}
/* BOUTON RAPPEL*/
.sticky-buttons {
    display: none;
}
.page-id-213 .sticky-buttons{
	display:block;
}
.page-id-236 .sticky-buttons{
	display:block;
}
/* Alignement menu et logo header */
.inside-header {
    padding: 0px 20px;
}
.site-header .header-image {
    margin: 20px;
}
.site-header a:hover {
    color: #e6181a!important;
}
/* LES VIDEOS EN HOME */
.page-id-35 .site-content {
    padding:0px!important;
}
/* LES MENUS*/
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color:#3d449e!important;
	transition: all .8s ease-in-out 0s,visibility 0s linear .8s,z-index 0s;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover {
    color:#93c83a!important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a:active {
    color:#000!important;
}
/* ON CHANGE LA TAILLE TYPO DU MENU STICKY */
.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    font-size: 13px!important;
}
#masthead .gp-icon svg{
	color: #3d449e!important;
}
/* On supprime l'icone BARS*/
.gp-icon+.off-canvas-toggle-label {
    padding-left: 9px;
    color: #fff;
}
/* On annule de padding container*/
.one-container .site-content {
    padding: 0px!important;
}
/* change image on hover */
#footer .container {
    position: relative;
    min-height: 300px;
}

#footer .widget {
    position: absolute;
    bottom: 0;
}

.blancentre{
color:#fff;
text-align:center;
}

.blanc{
	color:#fff;
}
.violet{
	color:#3d449e;
}
.rouge{
	color:#e6181a;
}
.vert{
	color:#317724;
}
.noir{
	color:#000;
}
.ombre{
	box-shadow: 2px 1px 1px #333;
}
/* Les typo */
.majuscule{
	text-transform: uppercase!important;
}
.title{
	font-size:2.8em;
	line-height:1.7em;
	display: flex!important;
	flex-direction: row!important;
	flex-wrap: nowrap!important;
	justify-content: center!important;
	align-items: center!important;
	align-content: normal!important;
}
h1{
	text-transform:none!important;
}
.maintitle{
	font-size: 42px;
	line-height: 1.05em;
	font-weight:500!important;
	color:#000;
}
.slogan{
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight:500!important;
}
.underline{
	text-decoration:underline!important;
}
.underline a{
	text-decoration:underline!important;
	transition: all .5s ease-in-out 0s,visibility 0s linear .5s,z-index 0s;
}
.underline a:hover{
	text-decoration:none!important;
	transition: all .5s ease-in-out 0s,visibility 0s linear .5s,z-index 0s;
}

.fabricdescription{
	font-size:.9em;
	line-height:1.3em;
	margin-top:-15px!important;
}
/* les alignement */
.centrage {
    display: flex!important;
    /*align-items: center!important;*/
    justify-content: center!important;
    text-align: center!important;
}
.droite {
    text-align: right!important;
}
.justify {
    text-align:justify!important;
}
.legend {
    display: flex!important;
    justify-content: center!important;
    text-align: center!important;
}
/* Les liens animés */
.linkmotion a {
  box-shadow: inset 0 0 0 0 #54b3d6!important;
  color: #54b3d6!important;
  margin: 0 -.25rem!important;
  padding: 0 .25rem!important;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out!important;
}
.linkmotion a:hover {
  box-shadow: inset 100px 0 0 0 #54b3d6!important;
  color:#fff!important;
}

/* Les espaces */
.wgt-space{
	padding-top:30px;
}
.wgb-space{
	padding-bottom:30px;
}
.wgb-space50{
	padding:0 20% 50px 20%!important;
}
.rowmargintop{
	margin-top:25px;
}
.rowmargintopsm{
	margin-top:0px;
}
.margelegend{
	padding-bottom:5px;
}
.margegauche {
    margin-left:14%!important;
}
.marge120{
	margin-top:170px!important;
}
.pad-dg-15{
	padding:0 15%;
}
.pad-hb-5{
	padding:3% 0;
}

/* ICONE ANIMEE */
.arrow {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    -webkit-transform: rotate(45deg);
    border-left: none;
    border-top: none;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
}
.arrow:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    margin: -10px 0 0 -10px;
    border-left: none;
    border-top: none;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: arrow;
}
.arrow, .arrow:before {
    position: absolute;
    left: 50%;
}
0% {
    opacity:1!important;
}
100% {
    opacity:0;
    transform: translate(-10px, -10px)!important;
}
.off{
	display:none!important;
}  
  

/*************************************************************/

/* 2- Les classes pour la version mobile */

/*************************************************************/
@media (max-width: 768px) {
.off{
	display:block!important;
} 
/* on supprime le menu secondaire de la version mobile*/
.secondary-navigation .menu-toggle {
    display:none!important;
}
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: rgba(0, 0, 0, 0)!important;
}
.t-80 {
    font-size: 35px!important;
}
p {
    padding: 0 15px;
}
.formpad {
    padding: 0 15px;
}	
.t-55 {
    font-size: 25px!important;
    line-height: 1.1em;
}
.t-25 {
    font-size: 18px!important;
    line-height: 1.2em;
}
.pad-dg-15 {
    padding: 0%;
}
.pad-50t {
    padding:0px!important;
}
.pad-50tbis {
    padding:0px!important;
}
.t-40 {
    font-size:18px!important;
}
.wgb-space50{
	padding:0 15px 50px 15px!important;
}
/* LE MENU */
.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    font-size: 18px!important;
}
.main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .main-navigation.sticky-navigation-transition .menu-bar-item > a, .sticky-navigation-transition .navigation-branding .main-title {
    line-height: 1.4em;
	padding:6px 5px!important;
}
}