/*Theme Name: Le thème de FOREST

Theme URI: http://www.webmaster-freelance.paris
Author: Benjamin Levaux
Author URI: http://www.webmaster-freelance.paris
Description: Le thème de 

Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*//* ------------------------------ RESET ------------------------------ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline:none;
	font-size:100%;
    box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------------------------ END RESET ------------------------------ */

/* ------------------------------ GLOBAL ------------------------------ */

body {
    font-family: 'Raleway';
    font-size:1.1rem;
    font-weight: 400;
	line-height:1.4;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	position:relative;
    color:#141454;   
}

.d_none {display: none;}

img {max-width:100%;height:auto;max-height:100%;width:auto;}
a img {border:0;}
.clear {clear:both;}
strong {font-weight:bold;}
a {color:#141454;text-decoration: underline;}
a:hover {text-decoration: none;}

.bg_bleufonce {background-color: #141454;}
.bg_bleuclair {background-color: #6fc5fd;}
.bg_vert {background-color: #93c475;}

.row{display: flex;flex-wrap: wrap; margin:0 -20px;position: relative;}

.col {padding:0 20px;max-width:100%;position: relative;}
.col_12 {width:100%}
.col_10 {width:83.33%}
.col_9 {width:75%}
.col_8 {width:66.66%}
.col_7 {width:58.33%}
.col_6 {width:50%}
.col_5 {width:41.66%}
.col_4 {width:33.33%}
.col_3 {width: 25%;}
.col_2 {width: 16.66%;}
.col_1 {width: 8.33%;}

.center {text-align: center;}
.droite {text-align: right;}

.milieu {align-items:center;}
.bas {align-items:flex-end;}
.between {justify-content: space-between}

.p20 {padding:20px;}

p {text-align: justify;}

/* ------------------------------ CONTENT ------------------------------ */

.container {position: relative;width:1200px;margin:0 auto;padding:20px 15px;box-sizing: border-box;overflow-x: hidden;}

h2 {
    font-weight:700;
    font-size:2.5rem;
    margin:30px 0 0 0;
}

.partners {margin: 50px 0;}
.partners td {border:1px solid #141454;border-collapse: collapse;}
.partners thead td {text-align: center;background: #141454;color:#FFF;font-weight: 700;font-size: 0.9rem;}
.partners tr:nth-child(even) {background: #dbeffb;}
.partners tr:nth-child(odd) {background: #a1d9fe;}
.partners td {padding: 10px;vertical-align: middle;}
.partners img {
    display: inline-block;
    width:auto;
    height:auto;
    max-width:130px;
    max-height:70px;
    margin: 10px 5px;
}
.flag {text-align: center;}
.nom_pays {font-size:0.9rem;margin-top:10px;line-height:1.1;display: inline-block;}
.fi {width:40px;height:30px;box-shadow: 0px 0px 8px #CCC;}
.fi-int {display: none;}

.wp-block-list li {margin-bottom: 20px;}

/* ------------------------------ HEADER ------------------------------ */

header {position: fixed;width:100%;background: #000;z-index:10;}
header .container {align-items: center;padding:10px 15px;}

.sous-header {height:160px;}

#logo {width:140px;margin:0;transition: all ease 0.4s;}
.logos {display: flex;flex-direction: row;align-items: center;}
.forest {font-size:1rem;color:#f2fd59;margin:0 10px;}

nav {flex-grow: 1;margin-top:0px;}
nav ul {display: flex;justify-content: space-between;margin:0;padding: 0;}
nav li {list-style-type: none;padding: 0;margin:0 10px;border-bottom:1px solid #141454;transition: all ease 0.4s;text-align: center;}
nav  a {text-transform: uppercase;color:#f2fd59;text-decoration: none;font-weight:600;font-size:1rem;}
nav  li:hover {border-bottom:1px solid #f2fd59;}

nav li.current-menu-item {border-bottom:1px solid #d3c487;}
nav .current-menu-item a {color:#d3c487;}

* {outline-color: #d3c487;border:0;}

.open_menu {    
    position: absolute;
    right:20px;
    margin-top: -12px;
    width: 26px;
    height: 23px;
    cursor: pointer;
    display: inline-block;
}
.trait_haut {top: 0px;}
.trait_milieu {top: 8px;}
.trait_bas {top: 16px;}
.trait {
    width: 26px;
    height: 3px;
    background: #f2fd59;
    transition: 0.4s ease all;
    position: absolute;
}

.incline_un {transform: rotate(45deg);top:12px;}
.incline_deux {transform: rotate(-45deg);top:12px;}

.menu_mobile {display: none;position: fixed;background: #141454;width:100%;z-index: 100;top:120px;left:0;padding:10px 0;font-size:1.2rem;}
.menu_mobile ul {margin:0;padding:0;list-style-type: none;}
.menu_mobile ul ul {display: none;}
.menu_mobile li {width: 100%; text-align: center;margin:0;padding:10px 0;}
.menu_mobile a {text-decoration: none;color:#f2fd59;}


.wpcf7-form {
    display: block;
    max-width:500px;
    margin:20px auto;
}
.wpcf7-form input, .wpcf7-form textarea {
    padding:10px;
    width:100%;
    margin:5px 0 0 0;
    border-radius: 10px;
    font-family: 'Raleway';
}
.wpcf7-form input[type=submit] {
    display: block;
    width:120px;
    margin:20px auto;
    border-radius: 10px;
    background:#141454;
    color:#f2fd59;
    font-size: 1.1rem;
    text-transform: uppercase;
    cursor: pointer;
    
}
.wpcf7-response-output { padding: 15px !important;color:#061E3A;font-size:1.1rem;border: 2px solid #061E3A !important;text-align: center;}

.invalid .wpcf7-response-output { color:#DE2B4E;border: 2px solid #DE2B4E !important;}


/* ------------------------------  FOOTER -----------------------------*/

footer, footer a {color:#f2fd59;}

/* ------------------------------  RESPONSIVE -----------------------------*/

@media (max-width: 1200px) {
    .container {width:100%;}
}
@media (min-width: 1025px) {
    .mobile {display: none !important;}
}
@media (max-width: 1024px) {
    .desktop {display: none !important;}
    .sous-header {height:70px;}
    #logo {width:50px;}
    .menu_mobile {top:70px}
}