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

/*

Theme Name: Fusion Jeunesse 2020
Theme URI: 
Description: Programmation par Mathieu Poirier.
Version: 1.0
Author: Mathieu Poirier
Author URI: mailto:jean.mathieu.poirier@gmail.com
 

*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset safari formulaires */

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
-webkit-border-radius: 0;
        border-radius: 0;
}

div{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

img{
	display:block;	
}

h6{
	font-size:0.8em;
}

sup{
	font-size:0.6em;
	vertical-align: super;
}

em{
	font-style:italic;
}

u{
	text-decoration:underline;
}



/* CAPTION WORDPRESS*/

.alignleft{float:left;margin-right:1em}
.alignright{float:right;margin-left:1em}
.aligncenter{display:block;margin:0 auto;text-align:center}

.align_r{
	text-align:right;
}

.align_m{
	text-align:center;
}

.align_l{
	text-align:center;	
}

.wp-caption {
    text-align: left;
    padding: 0;
    color: #A2A4A6;
    font-weight: 300;
    width: 100%!important;
}

.wp-caption p{
	font-size: 0.9em;
    padding: 0.3em 0 0 0;	
}

			.clean_link a:visited, .clean_link a:hover, .clean_link a:link{
				color:#000000!important;
			}

/* TEMPORAIRE */

.rp4wp-related-job_listing>ul li.job_listing a div.position, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
    padding: 0 0 0 0!important;}

.rp4wp-related-job_listing>ul li.job_listing a img.company_logo, .rp4wp-related-job_listing>ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
	display:none!important;
}


/* CSS RÉPÉTITIF */

.click{
	cursor:pointer;
}

.clear{
	clear: both;
    height: 0;
    overflow: hidden;
}


.desktop{
	display:block;
}

.mobile{
	display:none;
}

.bullet li{
	list-style-type:square;
}

.no-bullet li{
	list-style-type:none;
}

a:link, 
a:visited,
a:hover{
	text-decoration:none;
	color:inherit;
}


/* DÉBUT DU SITE */



body {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-display: swap;
    font-weight: 500;
    color: #444;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}



bold, strong {
	font-weight:600;
}


h1{
	
}

h2{
	
}

h3 {

}

h4{

}

h5{
	
}

.avec_sous_menu{
    position:relative;
    cursor:pointer;
}

.sous_menu {
    position: absolute;
    top: 1em;
    background-color: #FFF;
    padding: 0.5em;
    border: solid 1px #000000;
    right: 0;
    display: none;
}

.avec_sous_menu:hover .sous_menu{
    display:block;
}

table.simple{
    font-size:0.8em;
    margin:1em;
}

table.simple td{
    padding:0.3em;
    border:solid 1px #c1c1c1;
}

.video_boxed{
	width: 70%;
    margin: 0 auto;
    background-image: url(https://fusionjeunesse.org/wp-fj/wp-content/uploads/2021/07/fond-video.png);
    padding: 3em;
    background-repeat: no-repeat;
    background-size: 100% 100%;	
}

.conteneur_video{
	width:31%;
}

.video {
    position: relative;
    padding-bottom: 56.25%!important;
    height: 0;
    overflow: hidden!important;
    background-color: #6A6A6A;
}

.video iframe, .video_container object {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	width:100%;
}

.langage{
	float:left;
}

.langage li{
	display:inline-block;
	text-transform: uppercase;
	color:#f7ab2d;
}

.langage li:before {
    content: " | ";
    color: #959595;
    padding: 0 0.2em;
}

.langage li:first-child:before {
	content: normal;
	content: "";
	padding:0;
}

.langage .current-lang{
	color:#959595;
}

.banniere .langage a:link,
.banniere .langage a:visited{
	font-weight:600;
}

.nav_s{
	float:right;
}

footer .nav_s{
	float:none;
	font-size:1.2em;
	margin-top:1em;
}

footer nav li {
    display: inline-block;
    padding: 0 0.4em 0 0;
}


footer .nav_s a:link,
footer .nav_s a:visited{
	color:#FFF;
}

.banniere {
    padding: 0.5em 0;
    background-color: #FFF;
    position: fixed;
    width: 100%;
    z-index: 9999999999999999999999999999999999999;
    border-bottom: solid 1px #959595;
}

.logo_header {
    float: left;
    padding: 1em 1em 1em 0;
    width: 11.633em;
}

.logo_header img{
	width:100%;
	height:auto;
}

nav li{
	display:inline-block;
	padding:0 0.5em;
}

.header .inside{
	position:relative;
}

.reduce_ws {
    width: 80%;
    margin: 0 auto;
}

.valeurs {
    margin: 0em auto 4em auto;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.valeurs .valeur {
    width: 11%;
    display: inline-block;
    margin: 2em 5%;
}

.valeurs .valeur .titre{
	text-align:center;
	padding-bottom:1em;
	font-weight:500;
	position:relative;
	z-index:3;
}

.valeurs .valeur .image{
	position:relative;
	width:100%;
}

.valeurs .valeur .image img {
    width: 100%;
    height: auto;
    z-index: 2;
    position: relative;
}

.valeurs .valeur .image .ombre {
    position: absolute;
    z-index: 1;
    top: 17%;
    right: 17%;
    width: 200%;
}

.nav_desktop{
	display:inline-block;
	float:left;
	margin-right:1em;
	cursor:pointer;
}

.new_nav_p {
    display: none;
    position: absolute;
    background-color: #5f5f5fe3;
    z-index: 999999999;
    width: 100%;
    padding: 2em 0;
    /* font-family: "Roboto Condensed"; */
    top: 2em;
}

.new_nav_p .close_menu {
    position: absolute;
    top: 1em;
    left: 2em;
    z-index: 999999999999999999999999999999999999999999999999999;
    cursor: pointer;
    color: #FFF;
}

.new_nav_p .nav_s {
    float: none;
}

.new_nav_p ul.menu li{
	margin-right:2em;	
}

.new_nav_p ul.menu li:last-child{
	margin-right:0;	
}

.new_nav_p ul.menu li {
    display: inline-block;
    vertical-align: top;
    color: #FFF;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1.2em;
    padding: 0!important;
}

.new_nav_p ul.menu li ul li {
    display: block;
    font-weight: 300;
    font-size: 0.8em;
    padding: 0;
	padding-top:0.3em;
}

.home_icon{
	font-size:1em;
	float:left;
	margin-right:1em;
}

.banniere .new_nav_p a:link,
.banniere .new_nav_p a:visited{
	color:#FFF;
}

.new_nav_p ul li a:link,
.new_nav_p ul li a:visited{
	font-weight:400;	
}

.new_nav_p ul li ul li a:link,
.new_nav_p ul li ul li a:visited{
	font-weight:300;	
}

.new_nav_p .menu-domaines{
	display:none;
}

.slogan_header{
	color: #FFF;
    font-family: 'Roboto condensed';
    font-weight: 500;
    display: block;
    font-size: 1.3em;
    padding: 0.5em 0 1.2em;
    text-align: center;
    width: 100%;
	text-transform:uppercase;
}

.nav_p {
    position: absolute;
    right: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999999999999999;
    font-size: 1em;
}

.nav_p ul ul{
	display:none;
}

.nav_p ul li a{
    color: #FFF;
    font-size: 1em;
    font-weight: 500;
    font-style: normal;
}

.nav_p ul li {
    padding: 4em 0.8em;
    display: inline-block;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    position: relative;
}

.nav_p ul li .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 5555;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: #ffffff;
    border-top: 4px solid #f7ab2d;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    min-width: 220px;
}

.nav_p ul li ul.sub-menu li{
    display: block;    
	z-index:9999999;
 	border-bottom: 1px solid #f5f5f5;
	padding:0;
}

.nav_p ul li ul.sub-menu li{
}

.nav_p ul li ul.sub-menu li a:link,
.nav_p ul li ul.sub-menu li a:visited{
	color: #666666;
	display:block;
	padding: 1em 2em;
    text-decoration: none;
    font-size: 1em;	
	width:100%;
	text-transform: none;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}

.nav_p ul li ul.sub-menu li:hover{
	background-color:#f7ab2d;
}

.nav_p ul li ul.sub-menu li:hover a{
	color:#FFF;
}


.nav_p li:last-child,
.nav_s li:last-child{
	padding-right:0;
}

.nav_p ul li.menu-item-has-children a:after {
    display: inline-block;
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 0.3em;
    font-size: 0.85em;
}

.nav_p ul li.menu-item-has-children ul li a:after {
    content: "";
	margin:0;
}

.nav_p ul li a:hover {
    color: #f7ab2d;
}

.nav_p .menu-item-has-children:hover > .sub-menu {
    display:block;
}

.header .nav_p #menu-item-19769:hover > .sub-menu,
.header .nav_p #menu-item-12985:hover > .sub-menu{
	display:table;
}

.header .menu-item-object-custom .sub-menu,
.header #menu-item-19769 .sub-menu,
.header #menu-item-12985 .sub-menu {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.nav_p ul li ul.sub-menu li.menu-domaines {
    display: table-cell !important;
    padding: 1em 1em;
    border-right: 1px solid #f8f8f8;
    float: none;
    vertical-align: top;
    font-size: 1em;
    line-height: 1.1em;
    border-bottom: 0;
}

.nav_p ul li ul.sub-menu li.menu-domaines:hover{
	background-color:transparent;
}

.nav_p ul li ul.sub-menu li.menu-domaines:hover,
.nav_p ul li ul.sub-menu li.menu-domaines:hover a:link,
.nav_p ul li ul.sub-menu li.menu-domaines:hover a:visited{
	background-color:transparent;
	color:#000000;
}


.nav_p ul li ul.sub-menu li.menu-domaines h3 {
    padding: 0 1rem 1rem;
    height: 2em;
}

.nav_p ul li ul.sub-menu li.menu-domaines:last-child{
	border-right:none;
}

.nav_p ul li ul.sub-menu li.menu-domaines a:link, .nav_p ul li ul.sub-menu li.menu-domaines a:visited {
    padding: 0;
}


.nav_p ul li ul.sub-menu li.menu-domaines .menu-programmes{
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border-top: none !important;
    width: 13em;
    z-index: 1;
}

.nav_p ul li ul.sub-menu li.menu-domaines .menu-programmes li {
    padding: 0.5rem 1rem;
	letter-spacing:0;
}

.nav_p ul li ul.sub-menu li.menu-domaines .menu-programmes li:hover a:link,
.nav_p ul li ul.sub-menu li.menu-domaines .menu-programmes li:hover a:visited,
.nav_p ul li ul.sub-menu li.menu-domaines .menu-programmes li a:hover {
    color:#FFF!important;
}

.nav_p ul li ul.sub-menu li.menu-domaines .menu-programmes li:last-child{
	border:none;	
}

.banniere, .banniere a:link, .nav_s a:visited{
    color: #959595;
    font-weight: 300;
}

.banniere a:hover{
    color: #f7ab2d;
}

/*.bk_fj_bleu{
	background-color:#0d2171;
}*/

.loginform {
    width: 50%;
    min-width: 300px;
    padding: 2em;
    border: solid 1px #cacaca;
    margin-top: 2em;
}

#loginform{
    width:100%;
    max-width:300px;
}

.loginform label {
    margin-bottom: 0.8em;
    font-weight: 600;
}

.loginform input[type="password"], .loginform input[type="text"]{
    display:block;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    background-color: #fafafa;
    border: solid 1px #e0e0e0;
    border-radius: 3px;
    line-height: normal;
    padding:0.5em 1em;
    margin-top:0.4em;
}

.loginform input[type="submit"] {
    cursor: pointer;
    padding: 0.5em 1em;
    background-color: #818181;
    border: none;
    outline: 0;
    margin-top: 1em;
    font-size: 1.1em;
    color: #FFF;
}

.loginform input[type="submit"]:hover {
    opacity:0.8;    
}

.bk_fj_bleu{
	background-color:#363FAD;
}

.header {
    padding-top: 2em;
}

.square_links {
    background-color: #f5f5f5;
    padding: 4em 0 3em;
    border: solid 1px #E8E8E8;
}

.square_links .inside{
	display:flex;
	flex-wrap: wrap;
}

.square_links .square_link {
    padding: 1em 2em;
    width: 49%;
    background-color: #e4e4e4;
    justify-content: space-around;
    margin-right: 1%;
    margin-bottom: 2%;
    font-size: 1.7em;
    font-weight: 300;
    border: solid 1px #d6d6d6;
	line-height:1.1em;
}

.square_links .square_link:nth-child(even){
	margin-right:0;
	margin-left:1%;
}

.square_links .square_link:hover {
    background-color: #f7ab2d;
    color: #FFF;
}


.square_links .square_link h3 {
	padding-bottom:1em;
}



/* PAGE EMPLOYES  */


.menu_employes ul{
    text-align:center;
    margin:1em 0;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

.menu_employes ul li{
    font-size:0.8em;
    display:inline-block;
    cursor:pointer;
    padding:1em;
    margin:0.5em;
    border: solid 1px #f7ab2d;
    color:#f7ab2d;
    border-radius:50px;
}

.menu_employes ul li.actif, .menu_employes ul li:hover{
    color:#FFF;
    background-color:#f7ab2d;
}

.employes{
    margin-top:2em;
    /*display:flex;
    flex-wrap:wrap;
    justify-content: space-between; */
}

.employe {
    display: inline-block;
    width: 19.6%;
    height: auto;
    padding: 2% 1%;
    vertical-align: top;
    cursor: pointer;
}

.employe .photo{
    position:relative;
    /*font-size: 3.4em;*/
    font-size: calc(2vw + 2vh);
    background-color: #ebebeb;
}

.employe .photo .initiales{
    color:#f7ab2d;
    
    top: 0.01em;
    left: 0.09em;
    position: absolute;
    letter-spacing: 0.05em;
}

.test_taille .employe{
    width: 14%;  
}

.employe img{
    width:100%;
    height:auto;
}

.employes .employe .meta{
    margin-top:0.3em;
    font-size:0.8em;
}

.employe_region{
    color:#FFF;
    background-color:#f7ab2d;
    padding:0.2em 0.5em;
    border-radius:7px;
    font-weight:300;
    width:fit-content;
}

.region_invisible{
    display:none;
}

.division_invisible{
    display:none;
}


/*.page-template-page-accueil  */

.temoignage{
	position:relative;	
}

.temoignage img{
	width:100%;	
	height:auto;
}

.temoignage .texte_wrap {
    position: absolute;
    height: 100%;
    width: 40%;
    top: 0;
    right: 0;
    background-color: #00000082;
    color: #FFF;
    padding: 2em;
    text-align: center;
}

.temoignage .texte_wrap h6{
	font-style: italic;
}

.temoignage .texte_wrap .texte {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    left: 6%;
}

.banniere_gv{
	position:relative;
}

.banniere_gv .titre{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#FFF;
}

.banniere_gv .titre h1{
	text-align: center;
    font-size: 2.5em;
    font-weight: 400;
    text-transform: uppercase;
}

.banniere_gv img{
	width:100%;
	height:auto;
}

.banniere_programme {
    padding: 3em 0 9em;
    position: relative;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-attachment: scroll;
    font-size: 1em;
    background-size: cover;
}

.banniere_programme .titre{
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
}

.banniere_programme .titre h1{
	font-size:3.2em;
	letter-spacing: 2.5px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 7px rgba(0, 0, 0, 1), 0 0 9px rgba(0, 0, 0, 1);
}

.banniere_programme .titre h2 {
    font-size: 1.5em;
    padding-bottom: 1em;
    font-weight: 400;
	letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 4px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);
}

.banniere_programme .icone{
	position:absolute;
	bottom:-5em;
	left:50%;
	-webkit-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	        transform:translateX(-50%);
}


.inside {
    margin: 0 auto;
    max-width: 1250px;
	width:100%;
    padding: 0 2em;
    position: relative;
}

.inside_fw{
	padding:0 2em;
}

.slider_top{
	width:100%;
}

.slider_top img{
	width:100%;
	height:auto;
}

.slider_top .slider_item{
	display:none;
}

.slider_top .slider_item:first-child{
	display:block;
}

.slider_arrows .slick-prev, 
.slider_arrows .slick-next {
    background-color: transparent;
    padding: 1em;
    position: absolute;
    top: 50%;
	transform:translateY(-50%);
    cursor: pointer;
    z-index: 9999999;
    text-align: center;
    color: transparent;
    border: none;
    outline: 0;
}

.slider_arrows .slick-prev:before {
    content: "\f104";
}

.slider_arrows .slick-next:before {
    content: "\f105";
}

.slider_arrows .slick-prev:before, .slider_arrows .slick-next:before {
    font-family: FontAwesome;
    font-size: 3em;
    line-height: 1;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider_arrows .slick-prev{
	left:0;	
} 
.slider_arrows .slick-next {
	right:0;
}

.slider_principal {
    position: relative;
    /* border-top: solid 1px #FFF; */
    font-size: 1.2em;
}

.slider_principal img{
	width:100%;
	height:auto;
}

.slider_principal .texte_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #FFF;
    line-height: 1.6em;
    width: 80%;
    text-align: center;
}

.slider_principal .texte_wrap button {
    color: #FFF;
	background-color:#f7ab2d;
    outline: 0;
    border: none;
    padding: 1em 2em!important;
    text-transform: uppercase;
    font-size: 0.8em;
	cursor:pointer;
	border-radius:5px;
	margin-top:1em;
}

.four_blocks {
    margin: 3em 0;
    overflow: hidden;
}

.four_blocks .ligne{
	
}

.four_blocks .ligne .bloc {
    width: 49.9%;
    position: relative;
    float: left;
    margin-bottom: 3px;
}

.four_blocks .ligne .bloc .image p {
	font-size:0;
}

.four_blocks .ligne .bloc:nth-child(2){
	float:right;	
}

.four_blocks .ligne img{
	width:100%;
	height:auto;
}


.four_blocks .ligne .bloc .contenu{
    width: 80%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#FFF;
}


.fj-pictogrammes{
	margin-bottom:7em;
}



.section .fj-pictogrammes{
	font-size:0.8em;
} 

.section .fj-domaine-titre {
    font-size: 0.6em;
}

/*

.section .fj-pictogrammes{
	display:flex;
	flex-wrap:wrap;
	font-size:0.8em;
} 

.section .fj-pictogrammes .fj-domaine{
	width:48%;
} 

.section .fj-domaine-titre {
    font-size: 0.6em;
}

*/

.fj-domaine {
    margin-top: 3em;
    overflow: hidden;
    padding-bottom: 2em;
}

.fj-domaine-titre{
	border-bottom: solid 1px #d9d9d9;
}


/*
.fj-pictogrammes .fj-programme {
    display: inline-block;
    width: 170px;
    height: 170px;
    vertical-align: top;
    margin: auto -5px;
}
*/

.fj-pictogrammes .fj-programme {
    display: inline-block;
    width: 11.33333em;
    height: 11.33333em;
    vertical-align: top;
    margin: auto -0.333333em;
}

.fj-pictogrammes .fj-domaine a img {
    -webkit-transform: scale(0.8) translateY(0);
        -ms-transform: scale(0.8) translateY(0);
            transform: scale(0.8) translateY(0);
    -webkit-filter: drop-shadow(0 0 4px #ccc);
            filter: drop-shadow(0 0 4px #ccc);
    /* opacity: 1.0; */
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.fj-pictogrammes .fj-programme img {
    margin-top: -8.133333em;
    margin-left: -0.2em;
}

.fj-pictogrammes .fj-domaine a:hover .fj-image {
    -webkit-transform: scale(1.0) translateY(-8px);
        -ms-transform: scale(1.0) translateY(-8px);
            transform: scale(1.0) translateY(-8px);
    -webkit-filter: drop-shadow(8px 8px 8px #ccc);
            filter: drop-shadow(8px 8px 8px #ccc);
    /* opacity: 0.6; */
}

/*
.fj-pictogrammes .fj-programme-titre {
    position: relative;
    top: -18px;
    left: 10px;
    width: 130px;
    height: 36px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-top: 0.5em;
}
*/

.fj-pictogrammes .fj-programme-titre {
    position: relative;
    top: -1.2em;
    left: 0.666em;
    width: 8.666em;
    height: 2.4em;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    color: #000000;
    margin-top: 0.5em;
}

.fj-pictogrammes .communautes-autochtones .fj-programme-titre::after, .fj-pictogrammes .aboriginal-communities .fj-programme-titre::after {
    content: '*';
    display: inline-block;
    width: 0;
    font-size: 1em;
    color: #008d5a;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.fj-pictogrammes .fj-programme-titre .tag.tag-first, .fj-pictogrammes .fj-programme-titre .tag.tag-first-en {
    clear: left;
    display: inline-block;
    width: 75px;
    height: 20px;
    background: center center url(https://fusionjeunesse.org/copie_fj/wp-content/themes/euxino-child/images/tag-first-75x20.png) no-repeat;
    margin: 2px auto 0;
}

.fj-image{
	-webkit-transform: scale(0.8) translateY(0);
	    -ms-transform: scale(0.8) translateY(0);
	        transform: scale(0.8) translateY(0);
    -webkit-filter: drop-shadow(0 0 4px #ccc);
            filter: drop-shadow(0 0 4px #ccc);
    /* opacity: 1.0; */
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.content_holder{
	padding-bottom: 2em;
    margin-bottom: 1em;
}

footer{
	padding:3em 0;
	color: #fff;
	font-weight:400;
}

.one_fourth, #footer-menu .menu > li {
    width: 22%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, #footer-menu .menu > li {
    float: left;
    margin-right: 4%;
    position: relative;
}

strong, b {
    color: #f7ab2d;
    font-weight: 500;
}


footer .widget h3:first-child {
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    border-bottom: 2px solid #f7ab2d;
    padding-bottom: 0.666em;
    margin-bottom: 1.466em;
}

#site-title, .site-title, #site-title a, .site-title a, .entry-title, .entry-title a, h1, h2, h3, h4, h5, h6, .widget-title {
    font-family: "Roboto Condensed";
    font-weight: 700;
}

.last {
    clear: right;
    margin-right: 0 !important;
}

.textwidget {
    font-size: 0.9em;
    line-height: 1.3em;
}

.azrieli img{
	margin:0 auto;
	margin-top:1em;
}

#powered {
    height: 50px;
    min-width: 100%;
    background-color: #000000;
    color: #cecece;
    overflow: hidden;
}

#powered .inner {
    font-size: 9px;
    text-align: right;
    display: table;
    height: 100%;
    margin: 0 auto;
    width: 1230px;
    padding: 0 40px;
    position: relative;
}

.author_credits {
    display: table-cell;
    vertical-align: middle;
}

.author_credits #topnav2 {
    float: none;
}
ul#topnav2 {
    margin: 0;
    padding: 0;
    display: block;
    min-height: 30px;
    position: relative;
    float: right;
}

ul#topnav2 li {
    display: block;
    list-style: none;
    margin: 0 0 0 0;
    z-index: 1099;
    padding: 0;
    float: left;
}

ul#topnav2 > li a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    padding: 0px 8px;
    text-decoration: none;
    white-space: nowrap;
    text-transform: uppercase;
    color: #000000;
}

.author_credits [lang|="en"] {
    display: none;
}

.banniere_image img{
	width:100%;
	height:auto;
}

.jeux_liens{
	text-align: center;
}

article .texte .jeux_liens a:link, article .texte .jeux_liens a:visited {
    display: inline-block;
    padding: 0.5em 1em;
    background-color: #8667ab;
    text-decoration: none;
    margin: 0 0.5em;
    color: #FFF;
}

.jeux_liens a:hover{
	opacity:0.8;
}

.jeux {
    /* display: flex; */
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 3em;
}

.jeux h2 {
    font-size: 2em;
    border-bottom: solid 2px #848484;
    padding: 0 1em 0.3em 1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1em auto;
    color: #848484;
    font-weight: 300;
}

.laureats_groupe {
    background-color: #f2eef6;
    margin-bottom: 1em;
}

.laureats_groupe .jeu {
    width: 24%;
    font-size: 1.2em;
    margin-left: 0;
    margin-right: 0;
}

.laureats_groupe h4 {
    padding: 1em 1.6em 0.5em;
    font-size: 2em;
}

.jeu {
    width: 14%;
    text-align: center;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1.5em;
    vertical-align: top;
}

.jeu img{
	width:100%;
	height:auto;
}

.page-template-page-jeux-videos .jeu img:hover{
	-webkit-transform: scale(1.1) translateY(-8px);
	    -ms-transform: scale(1.1) translateY(-8px);
	        transform: scale(1.1) translateY(-8px);
}



.jeu .jeu_popup {
    width: 80%;
    max-width: 1200px;
    padding: 0;
    /* border: solid 1px #e6e6e6; */
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    background-color: #FFF;
    text-align: left;
    -webkit-box-shadow: 0px 0px 50px 18px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 50px 18px rgba(0,0,0,0.27);
    cursor: auto;
    max-height: 90vh;
    overflow: auto;
	z-index:99999999999999999999999999;
}

.jeu .jeu_popup_jeux_video{
	width:90%!important;	
}

.jeu .jeu_popup .jouer {
    color: #FFF;
    background-color: #8667ab;
    padding: 0.5em 1em;
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
}

.jeu .jeu_popup .jouer_lien a:link,
.jeu .jeu_popup .jouer_lien a:visited{
	text-decoration: none;
}

.jeu .jeu_popup .titre {
    color: #8667ab;
    font-size: 2em;
    border: none;
    width: auto;
    padding: 0;
    margin: 0 0 1em 0;
}

.page-template-page-galerievirtuelle .jeu .jeu_popup .titre h2{
	padding:0;

}

.pochette_manquante{
    position:relative;
}

article .texte .pochette_manquante h4 {
    position: absolute;
    top: 40%;
    left: 49%;
    transform: translate(-50%,-50%);
    font-size: 0.6em;
    text-align: center;
    width: 40%;
}

.jeu .jeu_show .meta {
    font-size: 0.7em;
    color: #868686;
    margin-top: 0.5em;
}



.jeu .jeu_popup .mention {
    font-size: 1em;
    color: #969696;
    font-weight: 300;
    margin-bottom: 1.5em;
    margin-top: 0.3em;
}


.jeu .jeu_popup .mention li {
	list-style-type: none;
}

.jeu .jeu_popup .description {
    padding: 1.5em;
    background-color: #8667ab1c;
    margin-top: 1em;
}

.description h3{
	padding-bottom:1em;
}

.description p{
	font-weight:300;
}

.jeu .jeu_popup .jeu_contenu {
    padding: 2em 3em 2em 2em;
}

	

.page-template-page-galerievirtuelle .jeu .jeu_popup .jeu_contenu {
    padding: 3em 4em 2em 4em;
}

.jeu_popup_jeux_video .jeu_contenu {
	float: right;
    width: 70%;	
}

.jeu .jeu_popup li {
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
    line-height: 1.2em;
    border-bottom: solid 1px #e6e6e6;
    font-weight: 300;
}

.jeu .jeu_popup li:last-child{
	border:none;
}

.jeu .jeu_popup li strong {
    color: #636363;
    font-weight: 500;
}

.jeu .jeu_popup td{
	vertical-align: top;
}

.jeu .jeu_popup .left {
    width: 40%;
    max-width: 500px;
    /* margin-right: 2em; */
    background-color: #f2eef6;
    padding: 1.2em 0;
    border-right: solid 1px #eae1f3;
    float: none;
}

.jeu .jeu_popup_jeux_video .left {
    width: 30%;
    float: left;
}

.jeu .jeu_popup .close {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    padding: 0.5em;
    cursor: pointer;
    top: 0;
    right: 0;
    font-size: 2em;
    text-align: right;
}

.left{
	float:left;
}

article {
	
}

article .texte .image_half{
	width:50%;
	height:auto;
}


article .texte img {
    max-width: 100%;
    height: auto;
}

article .texte {
    font-size: 1.2em;	
	font-weight:300;
	position:relative;
	overflow:hidden;
}	


article .texte * {

}

article .texte h1{
	font-family: "Roboto Condensed";
    font-weight: 700;
	font-size:2em;
	text-transform: uppercase;
	padding-bottom:1em;
	line-height:1.2em;
}


article .texte h2 {
	font-family: "Roboto Condensed";
    font-size: 1.5em;
    font-weight: 600;
    color: #1d1d1b;
    letter-spacing: 0;
    line-height: 1.2em;
    padding-bottom: 1em;
    text-transform: uppercase;
}


article .texte h3 {
    font-size: 1.4em;
    padding-bottom: 1em;
    padding-top: 0.5em;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
	line-height:1.2em;
}

article .texte h3:first-child{
	padding-top:0;
}

article .texte h4 {
    font-size: 1.4em;
    padding-top: 0.5em;
    padding-bottom: 0.8em;
	letter-spacing: 0.15em;
    line-height: 1.2em;
    text-transform: uppercase;
}

article .texte h5 {
    font-size: 1.1em;
    padding-top: 0.5em;
    padding-bottom: 0.4em;
	letter-spacing: 0.15em;
    line-height: 1.2em;
    text-transform: uppercase;
}

article .texte h6 {
    font-size: 1em;
    padding-bottom: 1.8em;
    line-height: 1.2em;
    text-transform: none;
    font-weight: 400;
	letter-spacing: 0.15em;
}

.texte .ql-align-justify{
	text-align: justify;	
}

.texte .ql-align-right{
	text-align: right;	
}

.texte .ql-align-center{
	text-align: center;	
}

article .texte p{
	padding-bottom:1em;
	line-height:1.2em;
}

article .texte ul{
	padding-bottom:1em;
}

article .texte li{
	padding-bottom:0;
	line-height:1.2em;
}

article .texte ul li {
    list-style-type: square;
}

article .texte ol li {
    list-style-type: decimal;
}

article .texte li {
    list-style-position: outside;
    margin-left: 2.5em;
}

article .texte a:link,
article .texte a:visited{
	color:#000000;
	text-decoration: underline;
}

article .texte hr {
    background-image: none;
    line-height: 0;
    margin: 1.5em 0;
    width: 100%;
    padding: 0;
}

.page-id-7623 article .texte hr, .page-id-7847 article .texte hr {
    background-image: none;
    line-height: 0;
    margin: 0 0 1em 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color:  #e8e8e8;
    padding: 0;
}



/* article .texte *:last-child{
	padding-bottom:0;
} */

blockquote {
    /*background-color: #f9f9f9;*/
    border-left: none;
    margin: 3em 4em 2em;
    padding: 0 0 3em 6em;
    quotes: "\201C""\201D""\2018""\2019";
    border-bottom: solid 1px #cdcdcd;
    position: relative;
}

blockquote:before {
    color: #f7ab2d;
    font-family: FontAwesome;
    content: "\f10d";
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.8em;
    vertical-align: -0.4em;
    position: absolute;
    top: 0;
    left: 0;
}

blockquote:last-child{
	border:none;
}

blockquote:only-of-type{
	border:none;
}


blockquote h6 {
    padding-top: 1.5em;
    text-align: right;
    line-height: 1.2em;
}

.section{
	margin:3em auto;	
}

/* LPP */


.lpp_contenu{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.lpp_contenu .lpp_item {
    width: 22.606%;
    text-align: center;
    font-size: 0.5em;
    margin: 2em 2.2% 2em 0;
    display: inline-block;
}

.lpp_contenu .lpp_item:nth-last-child(4n+1) {
     margin-right:0;
}

article .texte .lpp_contenu a,
article .texte .lpp_contenu a:link,
article .texte .lpp_contenu a:visited,
article .texte .lpp_contenu a:hover{
	text-decoration: none!important;
}

.lpp_item h3{
	color:#363FAD;
	font-weight:300;
}

.lpp_item h4 {
    background-color: #363FAD;
    color: #FFF;
    padding: 0.5em 1em!important;
    font-weight: 300;
}

.lpp p{
	padding:0!important;
}

.lpp_entete {
    background-color: #363FAD;
    color: #FFF;
    padding: 2em;
    line-height: 1.4em;
    margin-bottom: 2em;
}

.lpp_entete .image {
    max-width: 279px;
    width: 30%;
    margin-right: 3em;
    float: left;
}

.lpp_entete img {
    border: solid 0.3em #FFF;
	width:100%;
	height:auto;
}

.lpp img:hover {
	filter: grayscale(100%);
}

.lpp_entete blockquote:before {
    color: #FFF;
    font-size: 2em;
}

.lpp_entete blockquote {
    margin: 2em 0 0 0;
    padding: 0 0 0 3em;
}


/* GESTION DES COOKIES */

.video h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 300;
    font-size: 2em;
    color: #FFF;
    text-align: center;
    line-height: 1.3;
}

.cookie_open {
    position: fixed;
    bottom: 0;
    right: 1em;
    padding: 0.5em 0.5em 0.5em 1em;
    background-color: #ffffff;
    width: auto;
    font-size: 0.8em;
    line-height: 1.2;
    font-weight: 300;
    box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.3);
    z-index: 100000;
    cursor: pointer;
    border-radius: 1em 0 0 0;
}

.close_cookie, .close_cookie_long {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    cursor: pointer;
    font-size: 0.8em;
}

.cookie_court_wrap, .cookie_long_wrap {
    position: fixed;
    bottom: 0;
    padding: 2em;
    background-color: #ffffff;
    line-height:1.2;
    font-weight: 300;
    box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.3);
    z-index:100000;
}

.cookie_court_wrap{
    right: 1em; 
    min-width: 320px;
    width: 50%;
}

.cookie_long_wrap{
    width: 100%;
    height:60vh;
    font-size:0.8em;
    overflow-y:scroll;
    overflow-x:hidden;
}


.cookie_acceptation{
    margin-top:2em;
}

.cookie_acceptation li {
    width: fit-content;
    padding: 0.5em 1em;
    border: solid 2px #363fad;
    background-color:#363fad;
    color:#FFF;
    display: inline-block;
    font-size: 0.8em;
    cursor: pointer;
    margin-right: 0.5em;
    border-radius: 0.5em;
}

.cookie_long_wrap .cookie_acceptation li{
    font-size:1em;
} 

.cookie_acceptation li:hover {
    opacity:0.8;
}

/* IMPLIQUEZ-VOUS */

.page-id-23123 p{
    font-size:1.2em;
}


.items{
	padding:4em;
	background-color:#fff6eb;
	margin-top:3em;
}

.items .inside{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}

.item {
    width: 47%;
    display: inline-block;
    margin-right: 5.6%;
    margin-bottom: 3em;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.item img{
	width:100%;
	height:auto;
}

.item:nth-child(even){
	margin-right:0;
}

.item:hover .item_overflow{
	display:block;
}


.item .image{
	position:relative;
}

.item .titre h3 {
    margin-bottom: 0.4em;
    color: #f7ab2d;
    font-size: 1.6em;
    text-transform: uppercase;
}

.image .item_overflow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 94%);
    top: 0;
    left: 0;
    padding: 1.5em;
    border: solid 1px #f0f0f0;
    font-size: 0.92em;
    display: none;
}

.image .item_overflow .texte{
	font-size:0.9em;
	width:100%;
	height:100%;
}

/*.image .item_overflow h3 {
    padding-bottom: 1em;
    line-height: 1.1em;
    font-size: 1.5em;
} */

.image .item_overflow li {
    font-size: 1.2em;
    line-height: 1em;
    margin-left: 1em;
    padding-bottom: 0.5em;
	list-style-type: square;
} /*

.image .item_overflow li:last-child {
    padding-bottom: 0;
}

.image .item_overflow p{
	font-size:1.2em;
	line-height:1.1em;
} */

.image .item_overflow h6 {
    font-size: 0.9em;
    line-height: 1.1em;
    padding: 0.5em 1em!important;
    /* border: solid 1px #b9b9b9; */
    text-align: center;
    margin: 2em 0 0;
    background-color: white;
}

.image .item_overflow a,
.image .item_overflow a:visited{
	color:#000000;
	text-decoration:underline;
}

.centre_absolu {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 80%;
    text-align: center;
	text-transform: uppercase;
}

.bouton_iv {
    text-decoration: none;
    background-color: #f7ab2d;
    color: #FFF;
    padding: 0.4em 1.5em;
    border: none;
    font-size: 1.2em;
    font-weight: 300;
	margin:0.1em 0.5em 0.1em 0;
	cursor:pointer;
}

.bouton_iv .fa{
	padding-left:0.5em;
}

.bouton_iv:hover {
	opacity:0.8;
}

.bouton_iv_inline{
	display:inline-block;
}

.popupfrance {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 1.1em 2em;
    background-color: #FFF;
    margin: 0;
    border: solid 2px #000000;
    z-index: 99999;
    left: 0;
    line-height: 1.2em;
    font-size: 1em;
    text-align: left;
}

.show_hover{
	display:none;
}

/* FORMULAIRE */

.formulaire_wrap {
    width: 75%;
    margin: 0 auto;
}

.formulaire {
    padding: 2em;
    background-color: #f7f7f7;
	overflow:hidden;
}

.formulaire .section{
    margin-top:2em!important;    
}

.formulaire .three_columns{
    display:flex;
    justify-content:space-between;
}

.formulaire .three_columns div{
    display:inline-block;
}

.formulaire .quarter{
    width:23%;
}


.texte .formulaire_wrap h3 {
    background-color: #f7ab2d;
    color: #FFF;
    padding: 1em 1.5em !important;
    -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
}

article .texte .formulaire h5{
	padding-bottom:0.8em;
}

.formulaire .hidden{
	margin-bottom:2em;
	display:none;
}

.formulaire input, .formulaire textarea, .formulaire select {
    width: 100%;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.8em!important;
    font-family: 'Roboto', sans-serif;
    border-top: solid 1px #ddd;
    border-right: solid 1px #f7f7f7;
    border-bottom: solid 1px #f7f7f7;
    border-left: solid 1px #ddd;
    margin-top: 0.3em;

}

.formulaire select {
    -webkit-appearance: none;    
}

.formulaire input[type="date"]{
	padding: 0.83em 1em;
}

.formulaire td {
    padding: 0.2em 0.2em 0.1em 0.2em;
    min-width:0.8em;
}

.formulaire input[type="checkbox"]{
	width:auto;
}

.formulaire input:focus, .formulaire textarea:focus {
	border:solid 1px #000000;	
}

.formulaire textarea {
    width: 100%!important;
}

.formulaire textarea {
    height: 10em;
}

.formulaire .section{
	margin:0 0 1.6em 0;
}


.formulaire .half{
	width:49%;
}

.formulaire .float_left{
	float:left;
}

.formulaire .float_right{
	float:right;
}

.formulaire .whole{
	width:100%;
}

.formulaire input[type="submit"] {
    border: none;
    background-color: #949494;
    padding: 1em 3em;
    float: left;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 0.8em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.formulaire input[type="submit"]:hover {
    opacity: 0.8;
}

.resultat{
	position: fixed;
    top: 0;
    left: 0;
    background-color: #f1f1f1c2;
    width: 100vw;
    height: 100vh;
	display:none;
}

.overflow{
	padding: 2em;
    font-size: 2.5em;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    text-align: center;
}

.table_simple{
	width:90%;
	margin:0 auto;
	font-size:0.8em;
}

.table_simple td {
    padding: 0.1em 0.3em;
    border: solid 1px #eaeaea;
    vertical-align: middle;
}

.table_simple th{
	vertical-align:bottom;
	text-align:left;
	padding:0.3em;
}

.fr{
	display:block;
}

.en{
	display:none;
}

/* VISUAL COMPOSER - Devenez mentor */


.vc_tta-panel-title>a {
    color: #FFF!important;
}

.vc_tta-panel-title {
    color: #FFF;
    background-color: #f7ab2d;
    font-weight: 400;
}

.vc_tta-controls-icon::before,
.vc_tta-controls-icon::after{
    border-color: #fff!important;
}

.vc_tta-panel-heading h4{
	padding:0!important;
}

/* VISUAL COMPOSER - FIN Devenez mentor */

/* VISUAL COMPOSER - Organisme */

.vc_progress_bar.vc_progress-bar-color-bar_green .vc_single_bar .vc_label {
    color: #000!important;
}

.vc_progress_bar.vc_progress-bar-color-bar_green .vc_single_bar .vc_bar {
    background-color: #f7ab2d!important;
}

/* VISUAL COMPOSER - FIN Organisme */

/* Ancien custom + parallax - Évènements */

.wide-block {
    margin: 0 -50% -1px;
    padding: 0;
    position: relative;
}

.wide-block .wide-background {
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
    z-index: 0;
}

.wide-block .wide-background {
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
    z-index: 0;
}

.wide-block:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.block.evenement .panels {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    color: #363FAD;
}

.block.evenement .panels, .block.evenement .text {
    max-width: 720px;
    margin: auto;
	padding:0 2em;
}

.block.evenement .panel {
    min-width: 230px;
    margin: 1em auto;
}
.panels.panel-count-2 .panel {
    width: 50%;
}
.panels .panel {
    display: inline-block;
}



.block.evenement .panels .panel a.bouton {
    min-width: auto;
}

.block.evenement {
    padding: 0.8em 0 2.4em;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.25em;
    text-align: center;
}

.panels.panel-count-3 .panel {
    width: 33%;
}

.block.evenement .divider {
    vertical-align: 9px;
}
.block .divider {
    display: inline-block;
    height: 2px;
    width: 4.5em;
    background-color: #f7ab2d;
}

.block.evenement .panel p {
    margin: 0;
	padding:0;
}

.block.evenement .lien-info {
    font-size: 0.8em;
}

.panels .panel a.bouton {
    min-width: auto;
}

.block.evenement a.bouton{
    display: inline-block;
    margin: 0.6666em auto;
    padding: 1em 1.6em;
    color: #555;
    border-width: 5px;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    word-wrap: break-word;
    line-height: normal;
    font-size: 1em;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

.block.evenement a.bouton {
    border-color: #f7ab2d;
}

.trois_evenements {
    padding: 1em;
    width: 100%;
    font-size: 0.9em;
}

.trois_evenements .item {
    width: 31%;
    padding-right:2em;
    margin: 0;
vertical-align:top;
}

.trois_evenements .item:nth-child(even) {
    padding: 0 2em;
    border-left: solid 1px #e3e3e3;
    border-right: solid 1px #e3e3e3;
    margin: 0;
    width: 33.3%;
}

.trois_evenements .item:last-child {
    padding-right:0;
    padding-left:2em;
}

.trois_evenements .bouton_iv{
font-size:0.8em;
}

.trois_evenements h3 img{
width:50%;
margin:0 auto;
}

.smaller_img{
width: 70%!important;
margin:0 auto;
}

.more_smaller_img{
width: 50%!important;
margin:0 auto;
}



/* GALERIE VIRTUELLE */


.overflow_galerie{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #fffffff7;
    z-index: 999999999999999999999999999999999999999999999999;
    top: 0;
    left: 0;
}

.overflow_galerie .contenu {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 900px;
}

.overflow_galerie .contenu .video_boxed{
	width:100%;
}

.result_image img,
.image_presentation img{
	width:100%;
	height:auto;
}

a.lien_neutre,
a:hover.lien_neutre,
a:visited.lien_neutre{
	text-decoration:none!important;	
}

#suggestion-box {
    background-color: #FFF;
    padding: 0.8em;
    font-size: 0.9em;
    margin-bottom: 1em;
    font-weight: 300;
}

#suggestion-box li:hover{
	font-weight:400;
}

#suggestion-box li{
	line-height:1.3em;
}

.gv_texte > *:first-child{
	padding-top:0!important;
}

.gv_texte > *:last-child{
	padding-bottom:0!important;
}

.gv_texte h5{
	padding-bottom:1em!important;
}

.contenu_dynamique .ligne {
    margin-bottom: 1.4em;
    overflow: hidden;
}

.contenu_dynamique .ligne.half .element {
    width: 48.8%;
    display: inline-block;
    vertical-align: top;
}

.contenu_dynamique .ligne.half .element:last-child{
	float:right;
}

.contenu_dynamique .ligne.third .element {
    width: 31.6%;
    display: inline-block;
    vertical-align: top;
}

.contenu_dynamique .ligne.third .element:nth-child(1){
	float:left;
}

.contenu_dynamique .ligne.third .element:nth-child(2) {
    margin-left: 2.5%;
    margin-right: 2%;
}

.contenu_dynamique .ligne.third .element:nth-child(3){
	float:right;
}

.contenu_dynamique .ligne.whole .element{
	width: 100%;
}

.banniere_image{
	position:relative;
}

.banniere_image .slogan_banniere {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #FFF;
    text-align: center;
    width: fit-content;
    padding: 0 1em;
}

.banniere_image .slogan_banniere h3 {
    font-size: 2.5em;
    font-weight: 300;
}

.banniere_image .slogan_banniere .bouton_iv {
    border-radius: 10px;
    font-size: 1.5em;
}



.page-template-page-galerievirtuelle .banniere_programme {
    padding: 3em 0 20em;
	position:relative;
}

.page-template-page-galerievirtuelle .fj-bloc h2{
	display:none;
}

.page-template-page-galerievirtuelle .banniere_programme h1{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.vote_actif{
	cursor:pointer;
}

.vote_reponse {
    background-color: #FFF;
    padding: 2em;
    text-align: center;
    font-size: 2em;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999999999999999999999999;
    border: solid 4px #000000;
}

.gv_projet .entete {
    padding: 0.8em 2em 0.8em 1.6em;
    letter-spacing: 0.05em;
    line-height: 1.33em;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgb(0 0 0 / 60%);
    cursor: pointer;
    color: white;
    background-color: #3D3D3D;
    position: relative;
}

.gv_projet .entete .logo_programme {
    float: left;
    width: 5em;
    margin-right: 1em;
}

.gv_projet .entete .domaine {
	padding-top:0.8em;	
}

.gv_projet .entete .programme {
    font-size: 2em;
    font-weight: 600;
    line-height: 1.2em;
}

.gv_projet img {
    max-width: 100%;
}


.gv_projets{
	margin:4em 0;
}

.gv_projet {
    margin-bottom: 3em;
    border: solid 1px #f1f1f1;
    position: relative;
	background-color:#CFCFCF;
}


.gv_projet .gv_projet_contenu_teaser {
    min-height: 200px;
    padding: 2em;
    color: #fff;
	color:#000000;
    background-color: #e0e0e0;
}

.gv_projet_contenu{
	padding:1em;
	background-color:beige;
	display:none;
}

.province h3.province_titre {
    border-bottom: solid 2px #000000;
    padding-bottom: 0!important;
    margin-bottom: 1em;
}


.ecole h4.ecole_titre {
    font-size: 1em!important;
}

.bouton_projet{
	border:0;
	outline:0;
	margin-top: 2em;
	padding: 0.8em 2em;
	color:#FFF;
	font-size:0.8em;
	text-transform:uppercase;
	float:right;
	cursor:pointer;
}

.fef {
    padding: 2em;
    border: solid 5px #000000;
    border-left: none;
    border-right: none;
    width: 97%;
    margin: 3em auto;
}

.fef h3 {
    font-size: 2em;
    color: #4A4A4A;
    text-transform: uppercase;
    margin-bottom: 1em;
    float: right;
}

.fef_2 h3 {
    float: none!important;
    margin-top: 0.5em;
}

.fef .video_wrap{
	width:30%;
	float:left;
}

.fef_2 .video_wrap{
	float:none;
	display:inline-block;
	margin-right:2em;
}

.fef_2 .video_wrap:last-child{
	margin-right:0;
}

.conteneur_fef .date {
    margin: 0 1em;
    border-bottom: solid 2px;
    background-color: #c3c3c3;
    padding: 0.5em;
}

.conteneur_fef .conteneur_video{
	margin-right:2em;
	margin-left:0!important;
}

.fef_select {
    padding: 2em;
    font-weight: 600;
    text-transform: uppercase;
	margin-bottom:2em;
}

/*.texte_gv{
	width:80%;
	margin:0 auto;
}
*/

/* FIN GALERIE VIRTUELLE */

  .fonction{
      font-size:0.8em;
  }

/* RH ADMIN */

.rh_admin{
    margin:3em 0;
    font-size:0.9em!important;
}

.rh_admin .ajout_equipe_form{
    display:none;
}

.rh_admin th{
    padding:0.4em; 
    text-align:left;
    border-bottom:solid 2px #000000;
    font-weight:500;
}
.rh_admin td{
    padding:0.6em 0.4em;
    border:solid 1px #c7c7c7;
}

.rh_admin td.date {
    width: 5.3em;
}

.rh_admin td.courte {
    width: 2em;
}

.rh_admin td.moyenne {
    width: 10em;
}

.rh_admin td.longue {
    width: 15em;
}

.rh_admin table .center {
    text-align: center;
}

.rh_admin tr td:first-child{
    opacity:0.7;
}

.rh_admin td.tr_sortable:hover{
     cursor:move;   
}

.rh_admin tr:nth-child(even) td{
    background-color:#e5efff;
}

.rh_admin tr.review td{
    background-color:#fbc1c1!important;
}

.rh_admin table{
    margin-bottom:2em;
}

.rh_admin .ajout_equipe{
    cursor:pointer;
}

.rh_admin .formulaire{
    margin-bottom:1em;
    min-width:300px;
    width:40%;
}

.rh_admin .formulaire .half {
    width: 49%;
    display: inline-block;
    float:left;
}

.rh_admin .formulaire .half:nth-child(even) {
    float:right;
}

/* FIN RH ADMIN */

/* DÉBUT CARRIÈRE */

.element_checked p{
    display:inline-block;
}

.recherche_emploi .conteneur{
    display:flex;
}

.page-template-page-carriere-nouveau .formulaire {
    padding: 0;
    background-color: transparent;
}

.page-template-page-carriere-nouveau .formulaire input, .page-template-page-carriere-nouveau .formulaire textarea, .page-template-page-carriere-nouveau .formulaire select {
    /*background-color: #fff8db;*/
    background-color: #ffffff;
}

.section_accueil_carriere .element{
    float:left;
    width:51%;
}

.section_accueil_carriere .element:nth-child(even){
    float:right;
}

.page-template-page-carriere-nouveau .formulaire select {
    padding: 0.932em;
}

.emploi_encadre {
    border: solid 1px #c1c1c1;
    padding: 1em 1em 0 1em;
    text-align: center;
    color: #5e519d;
    width: fit-content;
    margin-bottom: 2em;
    font-weight: 500;
    margin-top: 0.5em;
}

    .page_emploi td{
        vertical-align:top;
        padding:1em 0;
    }

/*    .page_emploi td p{
        padding-bottom:0;
    }*/
    
    .page_emploi tr td:first-child{
        width:2em;
    }
    
    .page_emploi tr td img{
        margin:0 auto;
    }
    
    .page_emploi strong{
        color:#5e519d;
    }
    
.page_emploi .texte h1 {
    font-size: 1.6em;
    padding: 0;
    border-bottom: solid 1px #5e519d;
    margin-bottom: 0.4em;
    color: #5e519d;
}
    
.page_emploi .texte h2 {
    font-size: 1em;
    padding: 0;
    color: #5e519d94;
}

.emploi_en_question .page_emploi .texte h2{
    font-size:1.2em;
}
    
.page_emploi .texte h3 {
    margin-top: 1em;
    font-size: 1.1em;
    background-color: transparent;
    color: #000000;
    padding-bottom: 1em!important;
    padding-top: 0.5em!important;
    padding-left: 0!important;
}

.emploi_en_question  .page_emploi .texte h3 {
    margin-top: 0;
}

/*.emploi_en_question {
    font-size: 0.9em;
    margin: 0 4em;
    padding: 0 2em;
    border-left: solid 2px #5e519d;
    border-right: solid 2px #5e519d;
}*/

.emploi_en_question .avantages {
    padding: 2em 4em 1em 4em;
    background-color: #5e519d0f;
    margin-top: 1em;
    margin-bottom:2em;
}

.emploi_en_question .avantages table.conditions tr td:first-child {
    width: 1em;
}

/*.emploi_en_question table.conditions tr td:nth-child(2) {
    border-bottom: solid 1px #5e519d47;
}

.emploi_en_question table.conditions:last-of-type td {
    border-bottom: none;
}*/

/*.emploi_en_question .avantages table.conditions li {
    list-style-position: outside;
    margin-left: 0;
}*/

.recherche_emploi .element{
    display:inline-block;
    margin-right:1.5em;
    width:32%;
    justify-content: space-between;
}

.recherche_emploi .element_checked{
    margin-right:1.5em;
    width:auto;
    justify-content: flex-start;
}

.recherche_emploi .element:last-child{
    margin-right:0;
}

.table_recherche_emploi {
    width:100%;
    font-size:1.1em;
    font-weight:300;
}

.table_recherche_emploi td{
    border-top:solid 1px #c1c1c1;
    padding: 1em;
    cursor:pointer;
}

.table_recherche_emploi .gray td{
    background-color:#ECECEC;
}

.table_recherche_emploi tr:hover td {
    background-color: #f7ca0d;
}

.table_recherche_emploi tr td:first-child{
    font-weight:500;
}

.table_recherche_emploi tr td:last-child{

}

.recherche_emploi{
    margin-bottom:3em;
}

/* DÉBUT SINGLE-EMPLOI */

.page_single_emploi_intro{
    background-color:#dddaeb;
    font-size:0.8em;
    padding:3em 0;
    color:#5e519d;
}


.single-type_emplois .onglet{ 
    display:none;
    font-size:0.8em;
}

.single-type_emplois .onglet h3 {
    padding-top: 1em;
    color: #f7ab2d;
    padding-bottom: 0.6em;
}

.single-type_emplois article .texte h6 {
    font-size: 0.9em;
    letter-spacing: 0;
}

.page_single_emploi_intro .section{
    margin:0;
}

.single-type_emplois .actif{
    display:block;
}

.single-type_emplois .single_emploi_menu{
    border-bottom:solid 1px #dddaeb;
    margin-bottom:3em!important;
    padding-bottom:0;
}

.single-type_emplois .single_emploi_menu li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 2em;
    padding-bottom: 1em;
    cursor: pointer;
    font-size: 0.9em;
    color: #959595;
}

.single-type_emplois .single_emploi_menu li.actif{
    border-bottom:solid 5px #5e519d;
}

.single-type_emplois .actif{ 
    display:block;
}

table.conditions {
    margin-bottom: 0.6em;
    width: 100%;
}


table.conditions tr td{
    vertical-align: middle;
}

table.conditions tr td img{
    margin:0 auto;
}

table.conditions tr td ul{
    padding:0;
    margin:0;
}

table.conditions tr td:first-child {
    font-size: 2em;
    color: #5e519d;
    text-align: center;
    padding: 0;
    width: 1.5em;
    padding-right:1.5em;
}


.page_single_emploi_intro .element{
    float:left;
    width:50%;
    padding-right:2em;
}

.page_single_emploi_intro .element:nth-child(even){
    float:right;
    text-align:right;
}

.page_single_emploi_intro .element .social li{
    width:2em;
    list-style: none;
    padding-top:1em;
    padding-left: 1em;
    display: inline-block;
    margin: 0;
}


article .texte table.conditions li {
    list-style-position: inside;
    margin-left: 0;
}

/* FIN SINGLE-EMPLOI */


article .leader h3{
	color:#17abb4;
	font-size:2em;
}

article .leader strong,
article .leader bold{
	color:#000000;
}

article .leader .section_padded {
    padding: 3em 0 0.2em;
}

article .leader .section_backgrounded{
	padding:5em 0;
	background-image:url("https://fusionjeunesse.org/wp-fj/wp-content/uploads/2021/07/Banniere-Bourses-03-scaled.jpg");
	background-repeat:no-repeat;
}

article .leader h3{
	color:#FFF;
	text-align:center;
}

article .leader .video{
	border:solid 1px #FFF;
}

article .leader .conteneur_video{
	width:70%;
	margin:0 auto;
}

.leader blockquote:before {
    color: #17abb4;
}

table.bourses_mtl{
	margin:2em 0;
	text-align:center;
}

table.bourses_mtl td {
    padding: 0 2em 0 2em;
    width: 33%;
}

table.bourses_mtl th {
    font-size: 3em;
    color: #FFF;
}

table.bourses_mtl th p {
    padding: 0.5em;
    background-color: #17abb4;
    width: 1em;
    height: 1em;
    border-radius: 100em;
    margin: 0 auto;
    font-weight: 300;
}

    .page-template-page-bourses .inside_inside{
        padding: 0 4em;
    }
    
    .page-template-page-bourses .formulaire {
        background-color: #f7f7f736;
    }
    
    .page-template-page-bourses .intro .bloc_gauche{
        width:35%;
        float:left;
    }
    
    .page-template-page-bourses .intro .bloc_droit{
        width:55%;
        float:right;
    }
    
    .page-template-page-bourses .leadership .bloc_gauche{
        width:50%;
        float:left;
    }
    
    .page-template-page-bourses .leadership .bloc_droit{
        width:47%;
        float:right;
    }
    
    .page-template-page-bourses .texte{
        line-height:1.2em;
    }
    
    .page-template-page-bourses .span_emphase {
        font-weight: 600;
        text-transform: uppercase;
        color: #fad74e;
    }
    
    .page-template-page-bourses .bouton_bourses {
        text-decoration: none;
        background-color: #43408a;
        color: #FFF;
        padding: 0.4em 1.5em;
        border: none;
        font-size: 1em;
        font-weight: 300;
        margin: 0.1em 0.5em 0.1em 0;
        cursor: pointer;
        border-radius: 15px;
    }
    
.page-template-page-bourses .open_cognito {
    text-decoration: none;
    background-color: #f6b444;
    color: #ffffff;
    padding: 0.4em 1.5em;
    border: none;
    font-size: 1em;
    font-weight: 400;
    margin: 0.1em 0.5em 0.1em 0;
    cursor: pointer;
    border-radius: 15px;
    width: fit-content;
    float: right;
}
    
    .page-template-page-bourses .criteres{
        margin-left:2em;
    }
    
.page-template-page-bourses article .texte .criteres h6 {
    letter-spacing: 0em;
    padding-bottom: 0.7em;
}
    
.page-template-page-bourses article .texte .criteres h6:before {
    content: "\f046";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 0.5em;
}
    
.page-template-page-bourses .cognito_wrap {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #00000094;
    padding: 6em 2em 2em 2em;
    display: block;
    z-index: 9999;
    top: 0;
    left: 0;
}
    
.page-template-page-bourses .cognito_wrap .cognito {
    margin: 0 auto!important;
}
    
.page-template-page-bourses .cognito_wrap .close {
    position: absolute;
    font-size: 2em;
    top: 3em;
    right: 3em;
    color: #FFF;
    cursor: pointer;
}
    
    .page-template-page-bourses .section {
        margin: 3em auto;
    }

.formulaire .section {
    margin: 0 0 1.6em 0;
}
    
.page-template-page-bourses .divider {
    position: relative;
    margin-top: 3em;
    height: 1px;
}

.page-template-page-bourses .div-transparent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    width: 70%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgb(195 195 195), transparent);
}
    
.page-template-page-bourses .ou {
    text-decoration: underline;
    font-size: 1.2em;
    padding-bottom:1em;
    }
    
.page-template-page-bourses article .texte h2 {
    font-size: 3em;
    color: #FFF;
    padding-bottom: 0;
    padding-top: 1em;
    font-style: italic;
    text-align: right;
}
    
.page-template-page-bourses article .texte h3 {
    color: #fad74e;
}
    
.page-template-page-bourses article .texte h4 {
    color: #f6b444;
}
    
.page-template-page-bourses article .texte h5 {
    padding-bottom: 1em;
    letter-spacing: 0.15em;

}
    
    .page-template-page-bourses article .texte .rappel h2{
        text-align:center;
        padding-top:0;
    }
    
    .page-template-page-bourses article .texte .rappel .open_cognito{
        float:none;
        margin:0 auto;
        display:block;
    }
    
    
.page-template-page-bourses .leader blockquote:before {
    color: #fad74e!important;
}
    
.page-template-page-bourses .leader blockquote{
   font-size:1.3em!important;
}
    
.page-template-page-bourses .numbercircle {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    padding: 0.6em;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    position: relative;
    font-size: 1.4em;
}
    
.page-template-page-bourses .numbercircle div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
    
.page-template-page-bourses .texte .formulaire_wrap h3 {
    background-color: #43408a;
}
    
    .page-template-page-bourses article .texte a, article .texte a:link, article .texte a:visited, article .texte a:hover{
        color:#f6b444;
    }
    
.page-template-page-bourses .bourses_mtl {
    display: flex;
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
}
    
    .page-template-page-bourses .bourses_mtl .element{
        width:30%;
        text-align:center;
        position:relative;
    }
    
    .page-template-page-bourses .bourses_mtl .has_tooltip{
        cursor:pointer;
    }
    
.page-template-page-bourses .bourses_mtl .element .tooltip {
    display: none;
    font-size: 0.7em;
    text-align: left;
    padding: 2em;
    background-color: #fff8db;
    color: #000000;
    margin-top: 1em;
    z-index: 99999;
    position: absolute;
    top: -15em;
    left: 0;
    line-height: 1.1em;
}
    
.page-template-page-bourses .bourses_mtl .element .tooltip p{
    line-height: 1.1em;
}
    
   
.page-template-page-bourses .bourses_mtl .element .tooltip:last-child * {
    padding-bottom:0;
}
    
    .page-template-page-bourses .bourses_mtl .element:hover .tooltip{
        display:block;
    }
    
    .page-template-page-bourses img{
        max-width:100%;
    }

.bouton_general {
    display: inline-block;
    min-width: 16.6666em;
    margin: 0.6666em auto;
    padding: 1em 1.6em;
    color: #363fad;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    word-wrap: break-word;
    line-height: normal;
    font-size: 0.8em;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none!important;
    font-weight: 600;
    border-color: #363fad;
	background-color:#FFF;
}

.bouton_general:hover {
    background-color: #363fad !important;
    color: #FFF;
}

.leader .bouton_general {
    color: #17abb4;
    border-color: #17abb4;
}

.leader .bouton_general:hover {
    background-color: #17abb4 !important;
	color:#FFF;
}

table.tableau_stats_fj {
    margin: 0 0 3em;
}

table.tableau_stats_fj tr th{
	text-align:center;
	font-size:1.1em;
	font-weight:400;
	color:#FFF;
	padding:0.5em 2em;
}

table.tableau_stats_fj tr th:nth-child(even){	
	background-color:#363FAD;
}

table.tableau_stats_fj tr td{
	text-align:center;
	vertical-align: middle;
	font-weight:600;
	font-size:1.2em;
	padding:1em 3em;

}

table.tableau_stats_fj tr:first-child td{
	color:#000000;
	font-size:0.8em;
	text-transform: uppercase;
	text-align:center;
	vertical-align: bottom;
	font-weight:600;
}

table.tableau_stats_fj tr:nth-child(2) td{
	color:#363fad !important;	
}

table.tableau_stats_fj tr td img{
	margin:0 auto;
}

.leader .formulaire_wrap{
    /*margin-top:3em;*/
}

.leader .formulaire_wrap h3{
    font-size:1em;
    background-color: #3c1c5d;
}

table.cv{
    width:50%;
    min-width:320px;
}

table.cv tr td {
    padding: 0.6em 0.5em;
    border-bottom: solid 1px #ededed;
}

table.cv tr td:first-child{
    /*text-align:right;*/
}

.formulaire input[type="submit"] {
    background-color: #3c1c5d;
}

.formulaire input, .formulaire textarea, .formulaire select {
    width: 100%;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.8em!important;
    font-family: 'Roboto', sans-serif;
    border-top: solid 1px #ddd;
    border-right: solid 1px #f7f7f7;
    border-bottom: solid 1px #f7f7f7;
    border-left: solid 1px #ddd;
    margin-top: 0.3em;
}

.leader blockquote {
    font-size: 1.5em;
    padding-bottom: 0;
}


.gabriel {
    margin-bottom: 2em;
    font-size: 0.95em;
    border-left: solid 3px #000000;
    padding-left: 0.5em;
    font-style: italic;
    margin-left: 0.5em;
    overflow: hidden;
}

.tableau_de_base {
    margin: 2em 0;
	border:solid 1px #363fad;
}

.tableau_de_base td {
    width: 30%;
    font-weight: 300;
    padding: 1em 2em;
}

.tableau_de_base td:nth-child(2) {
    background-color: #e6e6e6;
}

.tableau_de_base li {
    margin-left: 1em!important;
}

.tableau_de_base thead th {
    font-weight: 600;
    text-transform: uppercase;
    background-color: #363fad;
    color: #FFF;
    padding: 1em;
}

.etats_financiers a:link,
.etats_financiers a:visited{
	text-decoration: none!important;
	color:#FFF!important;
}

.etats_financiers li {
    padding: 1em 1em!important;
    background-color: #8d90b9;
    display: inline-block;
    margin: 0 1em 1em 0!important;
}

/* TIMELINE */

.time_line {
    border-left: solid 4px #363fad;
    margin-left: 1em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 3em;
	margin-bottom:3em;
}

.time_line h3 {
    color: #363fad;
    position: relative;
    padding: 0!important;
    margin: 1em 0;
}

.time_line h3:before {
    position: absolute;
    left: -2em;
    top: 0;
    width: 1.7em;
    border-bottom: solid 4px #363fad;
    content: "";
    height: 0.5em;
}

.time_line li{
	padding:0.2em 0;
}

.time_line_two_images{
	overflow:hidden;
}

.time_line_two_images .image {
    width: 49.5%;
    float: left;
    display: inline-block!important;
    margin: 0;
}

.time_line_two_images .image img {
	width:100%;
	height:auto;
}

.time_line_two_images div:nth-child(2){
	float:right;
}

/* GESTION GALERIE VIRTUELLE */

.design_de_mode_icone{
    display:inline-block;
	vertical-align: top;
	padding-right:0.2em;
}

.design_de_mode_icone img {
    height: 1em!important;
    width: auto!important;
}

.result_image_fr .meta{
	display:none;
}

.gv_menu{
	float:left;
	overflow-y:auto;
	width:15%;
	min-height:100vh;
	background-color:#d1d1d1;
	padding:1em;
}

.gv_menu table{
	width:100%;
	font-weight:400;
}

.gv_wrap_contenu{
	float:right;
	width:85%;
}

.gv_contenu{	
	padding:2em;
	width:100%;
	max-width:1039px;
}

.gv_menu h2{
	font-size:1.5em;
	padding-bottom:1em;
}

.gv_menu h3{
	font-size:1.2em;
}

.gv_contenu .formulaire{
	font-size:1.2em
}

.gv_contenu .formulaire h6{
	font-weight:300;
	padding-top:0.2em;
}

.gv_contenu .formulaire textarea{
	height:auto;
}
.mod_projet.actif{
	background-color:#f7ab2d;
	color:#FFF;
}

.mod_projet{
	padding:0.2em 0.5em;
}

.gv_ligne{
	margin: 1.3em 0;	
}

.gv_ligne .exemple {
    padding: 1em;
    background-color: #FFF;
    display: flex;
    justify-content: space-between;
    margin-top:0.5em;
}

.open_select{
	cursor:pointer;
}

.gv_ligne .exemple .open_select {
    width: 32%;
    min-height: 10em;
    border: dashed 2px #d1d1d1;
	padding:0.2em;
}


.overflow_constructeur_wrap {
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999999999999999999999;
}

.overflow_constructeur_wrap .close {
    position: absolute;
    font-size: 2em;
    top: 1em;
    right: 2em;
    cursor: pointer;
}

.constructeur_wrap, .constructeur_wrap_ecole {
    margin: 0.5em;
    padding: 3em;
    border: solid 1px #d1d1d1;
    position: absolute;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #FFF;
    display: none;
    overflow-y: scroll;
    max-height: 90vh;
}

.constructeur_wrap .menu_open_type li{
	display:inline-block;
	margin-right:1em;
	color:#909090;
	cursor:pointer;
}



.constructeur_wrap li.active{
	color:#f7ab2d;
}

.constructeur{
	min-height:5em;
	border:solid 1px #d1d1d1;
	padding:1em;
	margin-top:1em;
}

.constructeur .type_gv{
	width:50%;
}

.constructeur .texte_gv{
	width:100%;
}

.editeur_bloc{
	width:49%;
	display:inline-block;
	vertical-align: top;
}

.editeur_bloc:last-child{
	float:right;
}

.constructeur img{
	max-width:100%;
	height:auto;
}

.drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 100%;
    padding: 1em;
    margin-top: 1em;
    position: relative;
    text-align: center;
}

.drag_upload_file {
    width: 50%;
    margin: 0 auto;
}

.drop_file_zone h6 {
    font-size: 1em;
    text-align: center;
}

.constructeur_wrap .general {
    position: relative;
    padding: 0.4em 1.3em;
    border: none;
    outline: 0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.7em;
    cursor: pointer;
    margin-top: 2em;
    background-color: #949494;
	
}

.drag_upload_file #selectfile_membre, .drag_upload_file #selectfile_admin, .drag_upload_file #selectfile_pdf  {
    display: none;
}

.result_image {
    display: block;
    background-color: #FFF;
    /* padding: 1em; */
    text-align: center;
    margin-top: 1em!important;
    margin-bottom: 1em;
}

.type_gv{
	display:none;
}

.constructeur .active{
	display:block;
}

.format_result img{
	width:100%;
	height:auto;
}

.open_select img{
	width:100%;
	height:auto;
}

.constructeur_wrap .ql-editor{
	min-height:10em;
}

.constructeur_wrap .video {
    display: none;
}

.second_menu_gv li {
    display: inline-block;
    padding: 0.2em 1em 0.2em 0;
}

.jury {
    width: 80%;
    margin: 0 auto;
    padding: 2em;
    border: solid 1px #000000;
}

.search-bar input{
	padding-left:4em;
}

#search-box{
	background-color:rgb(255 255 234);
}

.fa-search{
	position:absolute;
	padding:1em;
}

#suggestion-box{
	display:none;
}

.formulaire input#search-box-result:disabled{
	background-color:#FFF;	
}

/* PORTFOLIO GALERIE VIRTUELLE */


.ecole{
	margin-bottom:2em;
}

.portfolio_projets {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.portfolio_projets .jeu {
	text-align: inherit;
	display:block;
    max-width: 300px;
    margin: 1em 1em;
    width: 25%;
}

.prog_12 .jeu {
    width: 17%; /* 5 jeux vidéos par ligne */
}

.prog_18 .image{
    width:100%;
    aspect-ratio: 1 / 1;
    border: solid 1px #f3f3f3;
    position:relative;
    overflow:hidden;
}

@supports not (aspect-ratio: 1 / 1) {
  .prog_18 .image::before {
    float: left;
    padding-top: 100%;
    content: "";
  }

  .prog_18 .image::after {
    display: block;
    content: "";
    clear: both;
  }
}

.prog_18 .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.portfolio_projet .titre {
    font-weight: 600;
	margin-top:0.5em;
}

.portfolio_projet .meta {
    font-size: 0.7em;
    color: #0006;
    margin-top: 0.5em;
}

.portfolio_projet img{
	width:100%;
}

.jeu_contenu .vote{
	font-size:0.5em;
	color: #0006!important;
}

/* END PORTFOLIO GALERIE VIRTUELLE */


.cognito_form input{
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
    border-top:solid 1px #000000;  
    border-bottom:solid 1px #000000;
    max-width:300px;
}

.cognito{
    margin-top:3em!important;
}

.cognito h3.titre {
    color: #ffffff;
    border: solid 1px #276200;
    padding: 1em!important;
    background-color: #4db00d;
    margin-bottom: 0!important;
}



/* PLUGIN JOB MANAGER */

.job_filters .search_jobs input, .job_filters .search_jobs select {
    padding: 1em;
    border: solid 1px #e2e2e2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
	font-size:0.8em;
}

.job_filters .search_jobs input[type=text]:focus, .job_filters .search_jobs select:focus {
    border: solid 1px #008c5b!important;
}

.job_filters .search_jobs {
    padding: 0;
    background-color: #ffffff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.8em!important;
	font-size :0.8em;
}

.select2-container .select2-selection--single {
    height: auto!important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: inherit!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit!important;
    line-height: 1.2em!important;
}

.job_filters .job_types li {
    list-style: none;
}

.single_job_listing .meta .job-type {
    color: #fff;
    background-color: #f7ab2d!important;
}

.single_job_listing .meta {
    padding: 1em!important;
    background-color: #f7f7f7!important;
}

.single_job_listing .meta li{
    list-style: none!important;
}

job-listing-meta meta{
	margin:1em 0!important;	
}

.single_job_listing .job_description {
    margin: 0em 0 1.5em!important;
}

.job_description table{
	border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	border:solid 1px #efefef;
}

.job_description table td {
    border-bottom: solid 1px #efefef;
    width: 50%;
    padding: 1em;
}

.job-manager-application-wrapper .application, .single_job_listing .application {
    display:none!important;
}

.single_job_listing .meta .date-posted:before {
    width: 1em!important;
    height: 1em!important;
    font-size: 1em!important;
    margin: 0 0.4em 0 0!important;
	color:#999;
}

article .texte a.google_map_link:link, article .texte a.google_map_link:visited {
    color: #999;
    text-decoration: none;
}

.job_filters .job_types li {
    border-right: none!important;
}

.job_filters .job_types {
    background: #FFF!important;
	border:none!important;
}

.job_filters .search_jobs {
    width: 50%!important;
    padding: 0!important;
    margin-bottom: 3em!important;
}

.job_filters {
    background: transparent!important;
}

.job_filters input[type="submit"]{
	background-color: #f7ab2d!important;
    color: #FFF!important;	
	text-transform: uppercase;
	cursor:pointer;
}

.job-manager .job-type, .job-types .job-type, .job_listing .job-type {
    color: #f7ab2d!important;
}

.vc_btn3.vc_btn3-color-warning.vc_btn3-style-3d {
    background-color: #f7ab2d!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    font-size: 1.3em;
    text-decoration: none;
    text-transform: uppercase;
}

article .texte a.load_more_jobs:link, article .texte a.load_more_jobs:visited {
    text-decoration: none;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a, ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a {
    background: #fefee5!important;
}

/* END PLUGIN JOB MANAGER */





/* PROJETS */


/*
Responsive CSS Sprite created using: https://responsive-css.us/
*/

.bg-01_arts, .bg-02a_science, .bg-02b_science, .bg-03_design, .bg-04a_leadership, .bg-04b_leadership, .bg-arts_de_la_scene, .bg-arts_numeriques, .bg-cinema, .bg-creation-de-jeux-video, .bg-design_d_exposition, .bg-design_de_mode, .bg-design_environnemental, .bg-engagement_communautaire, .bg-entrepreneuriat, .bg-entrepreneuriat_primaire, .bg-intelligence_artificielle, .bg-jeu_theatral, .bg-leadership, .bg-media, .bg-productions-mediatiques, .bg-robotique_explore, .bg-robotique_rivalise, .bg-saines_habitudes_de_vie, .bg-science_du_territoire, .bg-science_et_technologie 
{display:inline_block; overflow:hidden; background-repeat: no_repeat;
background-image:url(https://fusionjeunesse.org/wp-fj/wp-content/uploads/2020/12/projets-sprites.png);}

.bg-01_arts {
    width: 11.66em;
    height: 4.66em;
    background-position: 56.9140% 16.1426%;
    background-size: 1170.29%;
}
.bg-02a_science {width: 37.4em; height: 4.66em; background-position: 83.5911% 16.1426%; background-size: 365.062%; }
.bg-02b_science {width: 50.0666em; height: 4.66em; background-position: 82.1897% 23.6897%; background-size: 272.703%; }
.bg-03_design {width: 15.6em; height: 4.66em; background-position: 99.5590% 16.1426%; background-size: 875.214%; }
.bg-04a_leadership {width: 71.4666em; height: 4.66em; background-position: 0.204918% 32.0755%; background-size: 191.045%; }
.bg-04b_leadership {width: 70.7333em; height: 4.66em; background-position: 0.202634% 39.6226%; background-size: 193.025%; }

.bg-arts_de_la_scene {width: 10em; height: 10em; background-position: 0.105374% 0.228833%; background-size: 1365.33%; }
.bg-arts_numeriques {width: 10em; height: 10em; background-position: 8.11380% 0.228833%; background-size: 1365.33%; }
.bg-cinema {width: 10em; height: 10em; background-position: 16.1222% 0.228833%; background-size: 1365.33%; }
.bg-creation-de-jeux-video {width: 10em; height: 10em; background-position: 24.1307% 0.228833%; background-size: 1365.33%; }
.bg-design_d_exposition {width: 10em; height: 10em; background-position: 32.1391% 0.228833%; background-size: 1365.33%; }
.bg-design_de_mode {width: 10em; height: 10em; background-position: 40.1475% 0.228833%; background-size: 1365.33%; }
.bg-design_environnemental {width: 10em; height: 10em; background-position: 48.1560% 0.228833%; background-size: 1365.33%; }
.bg-engagement_communautaire {width: 10em; height: 10em; background-position: 56.1644% 0.228833%; background-size: 1365.33%; }
.bg-entrepreneuriat {width: 10em; height: 10em; background-position: 64.1728% 0.228833%; background-size: 1365.33%; }
.bg-entrepreneuriat_primaire {width: 10em; height: 10em; background-position: 72.1812% 0.228833%; background-size: 1365.33%; }
.bg-intelligence_artificielle {width: 10em; height: 10em; background-position: 80.1897% 0.228833%; background-size: 1365.33%; }
.bg-jeu_theatral {width: 10em; height: 10em; background-position: 88.1981% 0.228833%; background-size: 1365.33%; }
.bg-leadership {width: 10em; height: 10em; background-position: 96.2065% 0.228833%; background-size: 1365.33%; }
.bg-media {width: 10em; height: 10em; background-position: 0.105374% 17.6201%; background-size: 1365.33%; }
.bg-productions-mediatiques {width: 10em; height: 10em; background-position: 8.11380% 17.6201%; background-size: 1365.33%; }
.bg-robotique_explore {width: 10em; height: 10em; background-position: 16.1222% 17.6201%; background-size: 1365.33%; }
.bg-robotique_rivalise {width: 10em; height: 10em; background-position: 24.1307% 17.6201%; background-size: 1365.33%; }
.bg-saines_habitudes_de_vie {width: 10em; height: 10em; background-position: 32.1391% 17.6201%; background-size: 1365.33%; }
.bg-science_du_territoire {width: 10em; height: 10em; background-position: 40.1475% 17.6201%; background-size: 1365.33%; }
.bg-science_et_technologie {width: 10em; height: 10em; background-position: 48.1560% 17.6201%; background-size: 1365.33%; }





/* END PROJETS */


/* PAGE COORDONNATEUR */

.carroussel_programmes{
    width:90%;
    margin:0 auto;
    font-size:0.7em;
    display:flex;
    justify-content: space-around;
    position:relative;
}

.carroussel_programmes .slick-arrow, .carroussel_temoignages .slick-arrow{
    position:absolute; 
    transform:translateY(-50%);
    top:50%;
    font-size:4em;
    cursor:pointer;
    color:#373fad;
}

.carroussel_programmes .slick-prev, .carroussel_temoignages .slick-prev{   
    left:-0.7em;
}

.carroussel_programmes .slick-next, .carroussel_temoignages .slick-next{
    right:-0.7em;
}

.texte_opacity{
    opacity:0.4;
}

.carroussel_programmes .texte h3 {
    font-size: 1.1em;
    padding-top: 0.3em!important;
    text-align: center;
}

.carroussel_programmes .item {
    padding: 0.25%;
    margin: 0!important;
}

.carroussel_programmes .item img{
    border-radius:1em;
}

.mission_flex_items{
    display:flex;
    justify-content: space-between;
}

.mission_flex_items .mission_item{
    width:30%;
}

.methode_vision .mission_item {
    padding: 0 2em 1em;
    background-color: #dfdfef;
    font-size: 0.8em;
}

.divider {
    position: relative;
    margin-top: 3em;
    height: 1px;
}

.div-transparent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;
    width: 70%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgb(195 195 195), transparent);
}

.carroussel_temoignages{
    width:90%;
    margin:0 auto;
}

.carroussel_temoignages .temoignage{
    padding:0.5%;
    width:30%;
}

.carroussel_temoignages .temoignage h6{
    font-size:0.9em;
}

.carroussel_temoignages .temoignage blockquote {
    /* background-color: #f9f9f9; */
    border-left: none;
    margin: 0;
    padding: 0;
    quotes: "\201C""\201D""\2018""\2019";
    border-bottom: none;
    position: relative;
}

.carroussel_temoignages .temoignage blockquote:before {
    color: #dfdfef;
    font-family: FontAwesome;
    content: "\f10d";
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.8em;
    vertical-align: -0.4em;
    position: absolute;
    top: 0;
    left: -0.3em;
    z-index: 1;
}

.carroussel_temoignages .temoignage p{
    position:relative;
    z-index:999;
}



/* END PAGE COORDONNATEUR */


/* SINGLE PROGRAMMES */

.single-programmes .section {
    margin: 9em auto 5em auto;
}

.single-programmes article .texte h2 {
    color: #444444;
    font-size: 2.8em;
    font-weight: 1000;
    letter-spacing: 2.5px;
    line-height: 1;
	padding:0em 0 0.3em;
}

.fj-bloc {
    padding-bottom: 2em;
    line-height: 1.3em;
}



.single-programmes article .texte h2:after {
    content: " ";
    background-color: #888;
    display: block;
    width: 4.6rem;
    height: 0.333rem;
	margin: 1rem 0;
}


.fj-etapes .etape {
    display: inline-block;
    margin: 0 0.6666em 1.8em;
    padding: 0;
    position: relative;
    width: 10em;
    height: 15em;
    text-align: center;
    vertical-align: top;
    font-size: 0.8em;
}

.fj-etapes .etape-texte {
    display: block;
    top: 0px;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
}

.fj-etapes .etape-picto {
    position: absolute;
    left: 1em;
    top: 5em;
    width: 8em;
    height: 8em;
    -webkit-border-radius: 50%;
            border-radius: 50%;
}

.fj-stats {
    /* text-align: center; */
    text-align: left;
    margin-right: -3%;
}

.fj-stats .donnee {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    min-width: 12em;
    min-height: 8em;
    margin: 0 3% 0 0;
    text-align: center;
    line-height: 1.2;
    padding-top: 7.3333em;
    background-position: center top;
    background-repeat: no-repeat;
}

.fj-stats .donnee .nombre {
    font-size: 2.4em;
    font-weight: 600;
}

.fj-stats .donnee .libelle {
    font-size: 1.13em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.4em;
}

.fj-stats .donnee .details {
    padding: 0 0.6666em;
}

.fj-stats .donnee span {
    display: block;
}

.fj-partenaires .fj-partenaire .logo>img {
    display: none;
}

.fj-bloc a.bouton {
    display: inline-block;
    min-width: 16.6666em;
    margin: 0.6666em auto;
    padding: 1em 1.6em;
    color: #555;
    border-width: 5px;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    word-wrap: break-word;
    line-height: normal;
    font-size: 1em;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none!important;
    font-weight: 600;
}

.fj-bloc a.bouton:hover{
	color:#FFF;
}



/* END SINGLE PROGRAMMES */


.partenaires-gv{
    margin:2em 0;    
}

.partenaires-gv .element h2 {
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 1em;
}


.partenaires-gv .element{
    padding-right: 2em;
    padding-left: 2em;
    border-right: solid 1px #ececec;
}

.partenaires-gv .element .partenaire-gv {
    width: 4em;
    height: 4em;
    padding: 1em 0.7em;
}

.partenaires-gv .element .partenaire-gv .logo{
    width:100%;
    height:100%;
    position:relative;
}

.partenaires-gv .element .partenaire-gv img{
    max-width:100%;
    max-height:100%;
    height:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    
}


/* FOOTER */

footer .logo{
	width:100%;
	max-width:212px;
}

footer .logo img{
	width:100%;
	height:auto;
}

footer .partenaire_national{
	margin-top:3em;
}

footer .partenaire_national img{
	width:90%;
	max-width:150px;
}

footer .colonne .partenaire_national h4{
	margin-bottom:0.6em;
}

footer .inside{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

footer .colonne{
	width:24%;
	display:inline-block;
	vertical-align:top;
	padding:0 1em;
}

footer .colonne h3 {
    color: #FFF;
    border-bottom: solid 2px #f7ab2d;
    font-size: 1.4em;
    padding-bottom: 0.7em;
    margin-bottom: 1.1em;
    font-weight: 500;
}

footer .colonne h4 {
    color: #FFF;
	font-weight:500;
	font-size:1.2em;
	margin-bottom:0.3em;
}

footer .colonne .bureau_region:first-child{
	margin-top:0;
}

footer .colonne .bureau_region{
	margin-top:2em;
}

footer .colonne .bureau:first-child{
	margin-top:0;
}

footer .colonne .bureau {
    font-size: 0.9em;
    margin-top: 1.4em;
    line-height: 1.2em;
    font-weight: 300;
}

.credits {
    padding: 1em;
    font-size: 0.8em;
    border-bottom: solid 3em #FFF;
}

.credits nav{
	float:left;
}

.credits .credit_fj {
	float:right;
}

.credits .credit_fj div{
	display:inline-block;
}

#topcontrol {
    z-index: 10000;
    position: fixed;
    bottom: 3.5em;
    right: 1em;
    opacity: 1;
    cursor: pointer;
	display:none;
}

span.scroltopcontrol {
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3em;
    cursor: pointer;
    z-index: 10000;
    position: relative;
	opacity: 0.7;	
    background-color: #333333;
}

span.scroltopcontrol:before {
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    vertical-align: middle;
    font-family: FontAwesome;
    content: "\f077";
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;

}

span.scroltopcontrol:hover {
	opacity:1;
}






@media screen and (min-width: 768px) and (orientation: landscape){
	.wide-block.parallax .wide-background {
		height: 140%;
		top: 0;
		bottom: 0;
		background-attachment: fixed;
	}

	.wide-block.parallax {
    overflow: hidden;
	}
}

/* Ancien custom + parallax - FIN Évènements */







/* Pour annuler du CSS pour les pages qui affichent l'ancien site en load() ou iframe */

#header, #header2, .ancien_footer, a.euxino-post-nav.euxino-post-prev, a.euxino-post-nav.euxino-post-next {
	display:none!important;
}

ul, ol, pre, code {
    margin-bottom: 0!important;
}

ul {
    margin-left: 0!important;
}

#language {
	line-height: inherit!important;
    height: auto!important;
    margin: 0!important;
}










@media only screen and (max-width: 1400px) {

body{
	font-size:14.5px;
}
	
.temoignage .texte_wrap {
    font-size: 0.8em;
}

}

@media only screen and (max-width: 1350px) {

	
.temoignage .texte_wrap {
    font-size: 0.8em;
}
	
.new_nav_p .close_menu {
    top: 0.5em;
    left: 0.5em;
}

}

@media only screen and (max-width: 1300px) {

body{
	font-size:14px;
}
	
}

@media only screen and (max-width: 1200px) {

body{
	font-size:13.5px;
}
	
.items {
    padding: 4em 0;
}
	

	
}

@media only screen and (max-width: 1100px) {

body{
	font-size:13px;
}
	
}

@media only screen and (max-width: 1050px) {

body{
	font-size:12px;
}
	

	
.nav_p {
    position: relative;
    right: inherit;
    top: inherit;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 0 auto;
    text-align: center;
}
	
.nav_p ul li {
    padding: 2em 0.8em 2em;
    position: relative;
}
	
header .banniere {
    font-size: 1.2em;
}
    

	

	
.jacquesmenard {
    width: 100%!important;
    float: none!important;
}
	
.jacquesmenard .photo {
    float: left!important;
    padding-right: 1em;
    width: 35%;
}
	
.jacquesmenard .nom {
	margin-top:0!important;
    text-align: left!important;
}
	
.ca_container {
	float:none!important;
    width: 100%!important;
}
	
.item {
    width: 49%;
    margin-right: 1.8%;
}
	
.fj-domaine-titre {
    font-size: 0.8em;
}
	
.jeu {
    width: 22%;
}
	
.four_blocks .ligne .bloc .contenu {
    font-size:0.9em;
}
	
}

@media only screen and (max-width: 950px) {
    
    
.page-template-page-bourses article .texte h2 {
    font-size: 2em;
}

.item,
.item:nth-child(even)	{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
}
	
	
.new_nav_p .inside {
	padding:0!important;		
}
	
.new_nav_p ul.menu li {
    margin: 0 1%;
	width:22%;
}
	
.new_nav_p ul.menu li ul li {
	margin:0;
	width:100%;
}
	
.slider_principal .texte_wrap {
    font-size: 0.8em;
}
	
.video_boxed {
    width: 90%;
}
	
.slider_arrows .slick-next:before {
    padding-left: 0;
}
	
.slider_arrows .slick-prev:before {
    padding-right: 0;
}
	
.temoignage .texte_wrap {
    position: relative;
    height: 100%;
    width: 100%;
    top: unset;
    right: unset;
	background-color: transparent;
}
	
.temoignage .texte_wrap .texte {
    position: relative;
    top: unset;
	left:unset;
    transform: none;
    width: 80%;
    margin:0 auto;
}
	
.temoignages{
	background-color: #000000a3;	
}
    
    .formulaire_wrap{
        width:100%;
    }
	
	
}

@media only screen and (max-width: 800px) {

body{
	font-size:11.5px;
}
    
    
.employe {
    width: 24%;
}
	
.lpp_contenu .lpp_item {
    width: 31%;
}
	
.lpp_contenu .lpp_item:nth-last-child(3n+1) {
     margin-right:0;
}
	
.inside {
    padding: 0 1em;
}
    
    .page-template-page-bourses .inside_inside{
        padding: 0 1em;
    }
	
footer .inside {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
	
footer .colonne {
    width: 31%;
}
	
footer .colonne-1 {
    width: 100%;
    margin-bottom: 2em;
}
	
footer .footer_right_mobile_wrap {
    float: right;
	width:50%;
	text-align: right;
}
	
footer .logo {
    float: left;
	width:40%;
}
	
footer .partenaire_national img {
    margin-left: auto;
	width:70%;
}
	
.four_blocks .ligne .bloc .contenu {
    font-size:0.8em;
}
	
}

@media only screen and (max-width: 750px) {
	
	
.new_nav_p {
    top: 4em;
}
	
header .header {
    padding-top: 4.5em;
}	
	
.nav_desktop {
    margin: 1em;
}
	
.new_nav_p ul.menu li {
    margin: 0 1% 1em 1%;
    width: 47%;
}
	
/*menu mobile */
	
	
.nav_p {
    display: none;
}
	
	
.langage {
    float: right;
    margin-left: 2em;
}
	
header .inside_fw {
    padding: 0;
}
	

	
.nav_mobile {
    display: inline-block!important;
    cursor: pointer;
    font-size: 1em;
    color: #000000;
    padding: 1em;
}
	
header .banniere .nav_s,
header .banniere .langage{
	padding:1em 0;	
}
	
header .banniere .langage li:last-child{
	padding-right:1em;		
}
	
header .banniere .nav_s li a:link,
header .banniere .nav_s li a:visited,
header .banniere .langage li a:link,
header .banniere .langage li a:visited
	{
    padding: 1em 0.1em;
}

	
.show_menu_mobile .nav_s {
    float: none;
    font-size: 0.8em;
    padding: 0 0 2em 0!important;
	display:none;
}
	
.show_menu_mobile .nav_s li{
	padding: 0 1em 0 0;
}
	
.show_menu_mobile #menu-item-19769 .sub-menu, .show_menu_mobile #menu-item-12985 .sub-menu {
    left: inherit;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding: 0;
}
	
.show_menu_mobile{
	font-size:1.2em;
	padding:2em 1em 1em 1em;
    height: 100vh;
    overflow: auto;
}
	
.show_menu_mobile ul li{
	font-size:1.2em;
	font-weight:600;
	padding-bottom:0.5em;
}
	
.show_menu_mobile ul li ul,
.show_menu_mobile ul li ul li ul{
	padding:0.5em 0;
}
	
	.show_menu_mobile .menu-domaines{
		padding: 0.5em 1em 0.5em 1em;
	}
	
	.show_menu_mobile .menu-programmes li{
		font-size:1em;
	}
	
.show_menu_mobile ul li a:link,
.show_menu_mobile ul li a:visited{
	font-weight:600;
} 
	
.show_menu_mobile ul li ul li {
    font-size: 0.8em;
    font-weight: 300;
	padding-bottom:0.2em;
}
	
.show_menu_mobile ul li ul li a:link,
.show_menu_mobile ul li ul li a:visited{
	font-weight:300;
} 
	
.home_icon {
    margin: 1em;
    margin-right: 0;
}
    
.page-template-page-bourses .formulaire_wrap {
    width: 100%;
}
    
.trois_evenements {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    
.trois_evenements .item {
    width: 49%;
    margin-bottom:3em;
}
    
.trois_evenements .item:nth-child(even) {
    width: 49%;
    margin-bottom:3em;
    border-right: none;
}
	

	
}

@media only screen and (max-width: 700px) {

body{
	font-size:11px;
}
    
.mission_flex_items .mission_item {
    width: 100%;
}
    
.mission_flex_items {
    display: block;
}
    
.carroussel_programmes, .carroussel_temoignages{
    width:80%;
}
    
.page-template-page-bourses .leader blockquote {
    margin: 2em 2em 0 2em;
    padding: 0 0 0 3em;
}
    
.page-template-page-bourses .leader blockquote:before {
    font-size: 2em;
}
    
.page-template-page-bourses .bourses_mtl {
    display:block;
}
    
.page-template-page-bourses .bourses_mtl .element {
    width: 100%;
    margin-bottom: 2em;
    border-bottom: solid 1px #FFF;
}
    
.page-template-page-bourses .bourses_mtl .element:last-child {
    border-bottom: none;
    margin-bottom:0;
}
    
article .leader .conteneur_video {
    width: 100%;
}
	
.square_links .square_link {
    width: 100%;
    margin-right: 0;
	margin-left:0!important;
    margin-bottom: 1em;
}
	
.fj-stats .donnee {
    padding-top: 8.3333em;
}
	
.credits nav {
    float: none;
    text-align: center;
    font-size: 1.6em;
}
	
.credits .credit_fj {
    float: none;
    text-align: center;
    padding-top: 1em;
}
	
#topcontrol {
    bottom: 4.5em;
}
	
.fj-domaine-titre {
    font-size: 0.7em;
}
	
.jeu {
    width: 31%;
}
	
.four_blocks .ligne .bloc {
    width: 100%;
}
	
.four_blocks .ligne .bloc .contenu {
    font-size: 1em;
}
	
}

@media only screen and (max-width: 650px) {

.fj-equipe .membre .photo {
    float: none!important;
    margin-bottom: 1em!important;
}
	
	
}

@media only screen and (max-width: 600px) {

body{
	font-size:10.5px;
}
    
.page-template-page-bourses .bloc_droit, .page-template-page-bourses .bloc_gauche {
    width: 100%!important;
    float: none!important;
}
    
.page-template-page-bourses article .texte h2 {
    text-align: center;
}
    
.page-template-page-bourses .open_cognito {
    float: none;
}
    
.page-template-page-bourses .intro .bloc_gauche {
    text-align: center;
}
	
header .header {
    padding-top: 6em;
}
	
.lpp_contenu .lpp_item {
    width: 48%;
}
	
.lpp_contenu .lpp_item:nth-last-child(2n+1) {
     margin-right:0;
}
	
.slider_principal .texte_wrap {
    font-size: 0.6em;
}
	
.fj-stats .donnee {
    padding-top: 9.3333em;
}
	
header .banniere .nav_s{
	display:none;
}
	
header .banniere .show_menu_mobile .nav_s {
	display:block;
}
	
header .banniere .show_menu_mobile .nav_s li {
	padding-right:0.6em;
}
	
header .banniere .show_menu_mobile .nav_s li:last-child {
	padding-right:0;
}
	
header .banniere {
    font-size: 1.4em;
}
	
.fj-domaine-titre {
    font-size: 0.6em;
}
	
article .texte .image_half{
	width:100%;
	height:auto;
	padding-bottom:1em;
}
	
.jeu {
    width: 47%;
}
	
.valeurs {
    margin: 2em 0;
    width: 100%;
}
	
.valeurs .valeur {
    width: 25%;
}
    
.folks_ajout_candidat{
    padding: 0 2em 2em 2em!important;
}
    
.folks_ajout_candidat .float_left, .folks_ajout_candidat .float_right, .folks_ajout_candidat .quarter, .folks_ajout_candidat .half{
    display:block;
    width:100%;
    float:none;
}
    
.folks_ajout_candidat .three_columns {
    display: block;
}
    
.folks_ajout_candidat .three_columns {
    display: block;
}
    
/*.folks_ajout_candidat input, .folks_ajout_candidat textarea, .folks_ajout_candidat select {
    font-size:0.9em;
    padding: 1em;
}*/
	
}

@media only screen and (max-width: 500px) {

body{
	font-size:10px;
}
    
.employe {
    width: 32%;
}
	
.slider_principal .texte_wrap {
    font-size: 0.5em;
}
	
footer .partenaire_national {
    margin-top: 2em;
}
	
.fj-equipe .membre {
    width: 48%!important;
}
	
.fj-domaine-titre {
    font-size: 0.5em;
}
    
.banniere_image .slogan_banniere {
    font-size:0.8em;
}
    
.trois_evenements .item {
    width: 100%;
    margin:2em 0;
    padding:2em;
    border-bottom:solid 1px #e3e3e3;
}
    
.trois_evenements .item:nth-child(even) {
    width: 100%;
    margin:2em 0;
    padding:2em;
    border-right: none;
    border-left:none;
}
	

	
}

@media only screen and (max-width: 450px) {
	
	.credits .credit_fj{
		font-size:1.1em;
	}
	
	.credits .credit_fj div{
		display:block;
		padding:0.1em 0;
	}
	
	.credits .credit_fj .hide_450{
		display:none;
	}
	
	.four_blocks .ligne .bloc .contenu {
		font-size: 0.9em;
	}
	
}

@media only screen and (max-width: 400px) {

body{
	font-size:9.5px;
}
	
footer .partenaire_national {
    margin-top: 1em;
}
	
.show_menu_mobile .nav_s {
    font-size: 0.7em;
}
	
.new_nav_p ul.menu li {
    margin: 0 1em 1em 1em;
    width: 100%;
}
	
}

@media only screen and (max-width: 375px) {

.fj-domaine-titre {
    font-size: 0.44em;
}
	
.credits {
    font-size: 0.7em;
}

	
}

@media only screen and (max-width: 350px) {

body{
	font-size:9px;
}

	
}