/*
Theme Name: fantastic_modelers_theme
Text Domain: fantasticmodelers;
Theme URI: ?
Author: petersteven (code) et philigore (design)
Author URI: https://wordpress.org/
Description: Thème du site fantastic-modelers-fr (ou.com), site de présentation de maquettes et de sculptures.
Version: 1.0
License: GNU General Public License v2 or later

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

/*******************************FONTS*************************************/

@font-face {
    font-family: 'bignoodletitlingregular';
    src: url('fonts/big_noodle_titling-webfont.ttf') format('truetype'),
    	 url('fonts/big_noodle_titling-webfont.woff2') format('woff2'),
         url('fonts/big_noodle_titling-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'astrudregular';
    src: url('fonts/astrud-webfont.ttf') format('truetype'),
    	 url('fonts/astrud-webfont.woff2') format('woff2'),
         url('fonts/astrud-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'westmeathregular';
    src: url('fonts/westmeath-webfont.ttf') format('truetype'),
    	 url('fonts/westmeath-webfont.woff2') format('woff2'),
         url('fonts/westmeath-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansregular';
    src: /*url('fonts/opensans-regular-webfont.ttf') format('truetype'), trop lourd à charger*/
    	 url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'capture_itregular';
    src: /*url('fonts/capture_it-webfont.ttf') format('truetype'), trop lourd à charger*/
    	 url('fonts/capture_it-webfont.woff2') format('woff2'),
         url('fonts/capture_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dymofontinversregular';
    src: url('fonts/dymofontinvers-webfont.woff2') format('woff2'),
         url('fonts/dymofontinvers-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'courier_primeregular';
    src: url('fonts/courier_prime-webfont.woff2') format('woff2'),
         url('fonts/courier_prime-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sfdistantgalaxy';
    src: url('fonts/sfdistantgalaxy-webfont.woff2') format('woff2'),
         url('fonts/sfdistantgalaxy.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'stardate81316';
    src: url('fonts/stardate81316-webfont.woff2') format('woff2'),
         url('fonts/stardate81316-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bttf';
    src: url('fonts/bttf-webfont.woff2') format('woff2'),
         url('fonts/bttf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cfnightofterror';
    src: url('fonts/cfnightofterror-webfont.woff2') format('woff2'),
         url('fonts/cfnightofterror-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opusmundi';
    src: url('fonts/opusmundi-webfont.woff2') format('woff2'),
         url('fonts/opusmundi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cfcpaceshipregular';
    src: url('fonts/cfcpaceshipregular-webfont.woff2') format('woff2'),
         url('fonts/cfcpaceshipregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'beautifulpeople';
    src: url('fonts/beautifulpeople-webfont.woff2') format('woff2'),
         url('fonts/beautifulpeople-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'badabb';
    src: url('fonts/badabb-webfont.woff2') format('woff2'),
         url('fonts/badabb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'perfect_dos_vga_437';
    src: url('fonts/perfect_dos_vga_437-webfont.woff2') format('woff2'),
         url('fonts/perfect_dos_vga_437-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/***************************FIN FONTS**********************************/

/************************COULEURS****************************

textes : #0c0e11 (gris foncé);
fond du body : #93B3B3 (vert moyen);
ombres du menu : #3F4645 (gris foncé aussi);
cadres des div de contenu : #C28C55 (brun);
ombres des div de contenu : #3F4645 (gris foncé) #DDCFA6 (beige clair);
fond des div de contenu général : #d1e8e6 (vert clair);
fond des div de contenu maquette : prop 1 : #8EB7AF (vert foncé); 
fond des div de contenu sculpture : prop 1 : #feb49a (rouge brique); 
fond des div de contenu diorama : prop 1 : #f6e2aa (jaune foncé);
fond des menus déroulants : #F5E9C8 (beige);
menu-on : #ad0e83 (mauve);
cadre d'image : #D2A757 (brun);
textes : #343434 (gris très foncé);
rouge-brique (liens) :#FF632E;


*************************FIN COULEURS************************/

:root{

	--strong-links-font : 'astrudregular';
	--main-text-font : 'open_sansregular';
	--main-title-font : 'westmeathregular';
	--menu-items-font : 'bignoodletitlingregular';
	--tags-font : 'dymofontinversregular';
	--slogan-font : 'capture_itregular';
	--computer-font : 'perfect_dos_vga_437';

	--rouge-brique : #FF632E;
	--base-fond-div : #d1e8e6;
	--border-img-color : #D2A757;
	--fond-body :  #93B3B3;
	--main-text-color : #0c0e11;
	--maquette-fond-div : #8EB7AF;
	--sculpture-fond-div : #feb49a;
	--diorama-fond-div : #f6e2aa;
	--shadow-color : #3F4645;
	--shadow-light-color : #DDCFA6;
	--rouge-profond :  #932A20;

}


/********************************GENERAL**************************************/

body{
	background-color: var(--fond-body);
	font-size : 16px;
}

p{
	font-family : var(--main-text-font);
	
}

p, h1, h2, h3, strong {
	color : var(--main-text-color);
	font-weight : 300;
}

p strong{
	text-shadow : 0px 0px 1px var(--rouge-brique);
}

body.single h3{
	margin : 2em 0 1em 0;
}

h3 a:hover{
	letter-spacing : 1px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

h3 a{
	letter-spacing : 0px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;	
}

blockquote p{
	font-family : 'courier_primeregular';
	font-size : 1.2em;
	background-color: rgba(245,233,200,.4);
	padding : 10px 10px 10px 50px;
	border-radius : 10px;
	margin : 0;
}

blockquote{
	border : none;
	margin : 20px 0;
	width : 100%;
	position : relative;
}

blockquote::before {
    content: url('img/quote_icon.png');
    font-size : 100px;
    position: absolute;
    left : 20px;
    top : -45px;
}

img{
	transition: all .3s;
}

figure.wp-block-gallery-2{
	display: flex;
}

figure.wp-block-gallery{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap : wrap;
}

figure.wp-block-gallery figure.wp-block-image{
	padding: 0;
	position: relative;
	overflow: hidden;
	border: var(--border-img-color) solid 5px;
  	border-radius: 15px;
  	box-shadow: 4px 4px 4px var(--shadow-color), 4px 4px 4px var(--shadow-color) inset;
}

figure.wp-block-gallery figure.wp-block-image img{
	border: none !important;
	border-radius: 0;
	display: block;
	margin: 0;
	transition: all .3s;
}


figure.wp-block-gallery figure.wp-block-image::before{
	display: none;
}

.container .content-2 .wp-block-image figure,
.container .content-2 figure.wp-block-image
{
	position: relative;
	margin: 2rem 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.container .content-2 .wp-block-image figure figcaption.wp-element-caption,
.container .content-2 figure.wp-block-image figcaption.wp-element-caption
{
	position: absolute;
	height: 40%;
	width: 80%;
	max-height: 0;;
	background: rgba(0,0,0,.5);
	color: #fff;
	position: absolute;
	left: 50%;
	transform : translateX(-50%);
	border-radius : 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .5s;
	bottom: 1rem;
	right: 0;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption,
.container .content-2 .wp-block-image figure:hover figcaption.wp-element-caption,
.container .content-2 figure.wp-block-image:hover figcaption.wp-element-caption
{
	max-height: 100%;
}

/* html .banniere :where(img){
	height : 200px;
} */

html .banniere img{
	height : 200px;
}

.button-hold{
	        transition: all .1s;
}

.button-hold:hover,
.button-hold:active,
.button-hold:focus,
.wp-block-button:hover
{
	        transform: scale(.95);
}

.button-hold-right:hover,
.button-hold-right:active,
.button-hold-right:focus
{
	transform-origin : 110%;
}

input:focus,
textarea:focus
{
	outline : none;
}

input[type='text'],
input[type='email'],
textarea{
	        transition: all .3s;
}

input[type='text']:focus,
input[type='email']:focus
{
	background-color : #080a03 !important;
	color : #ffb000!important;
	font-family : var(--computer-font)!important;
	box-shadow: 8px 8px 8px var(--shadow-color);
    transform: scale(1.05);
}

textarea:focus{
	background-color : #080a03 !important;
	color : #ffb000!important;
	font-family : var(--computer-font)!important;
	box-shadow: 8px 8px 8px var(--shadow-color),
							 8px 8px 8px var(--shadow-color) inset!important;
    transform: scale(1.01);
}

.reglage{
	border : solid black 1px;
}

.margin30{
	margin-top :  30px;
}

.spacer1{
	height : 270px;
}

.spacer2{
	height : 50px;
}

.spacer3{
	height : 20px;
}

.display-on{
	display : block!important;
}

.display-off{
	display : none!important;
}

.italique{
	font-style: italic;
}

.no-overflow{
	overflow : hidden;
}

.cb{
	clear : both;
}

.salissures{
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	display : none;
	z-index : 0;
}

.salissures-fixes{
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index : 0;
}

.patine, .patine-fixe{
	background : url('img/salissures.png');
}

.rouille, .rouille-fixe{
	background : url('img/rust.png') no-repeat;
}

.rouille2, .rouille2-fixe{
	background : url('img/rust2.png') no-repeat 50% 200px;
}

.rouille2.etat2{
	top: -80px;
}

.loader{
	position: fixed;
	background-color: #3E413E;
	right: 0;
	top: 0;
	z-index: 10000000000000000;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.loader div{
	text-align: center;
	margin-top : 50vh; /*décalage de la moitié de la hauteur de la fanêtre*/
	-webkit-transform: translateY(-50%);/*remonté de la motié de sa hauteur*/
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	filter : drop-shadow(10px 10px 5px #222);
}

.loader div img{
	position: absolute;
}

.loader div img.logo-fm-loader{
	width : 170px;
	left : calc(50% - 85px);
	top : calc(50% - 85px);
	animation : logo-rotation 5.217s linear infinite;
}

.loader .small-gear{
	width : 150px;
	height : 150px;
	right : calc(50% - 206px);
	bottom : 15px;
}

@keyframes logo-rotation {
	from{
		transform : rotate(0deg);
	}

	to{
		transform : rotate(360deg);
	}
}


.loader p{
	font-family : var(--menu-items-font);
	font-size : 3em;
	color: white;
	text-align: center;
}


.no-padding{
	padding-right : 0;
	padding-left :0;
}

.no-margin{
	margin-right : 0;
	margin-left : 0;
}

a{
	text-decoration: none;
	color : #0c0e11;
}

a:hover{
	text-decoration: none;
	color : #0c0e11;
}

a:focus{
	text-decoration: none;
	color : #0c0e11;
}

p:not(.date) a{
	color : var(--rouge-brique);
	display: inline-block;
    transition: all .3s;
}


.content-2_text li a{
	color : #000;
}

p:not(.date) a:hover{
	text-decoration: none;
	color : #ff902e;
	text-shadow : #888 0px 5px 4px,
					#000 0px 0px 1px;
    transform: translateY(-5px);
}

.content-2_text li a:hover{
	color : var(--rouge-brique);	
}

p a:focus{
	text-decoration: none;
	color : var(--rouge-brique);
}

/*************************************DECORATIONS ET LANGUES***********************************/

.gribblies{
	position : relative;
	height : 0px;
}

#pannel-control-tag{
	font-size : 16px;
	position: absolute;
	font-family : var(--tags-font);
	color : var(--rouge-profond);
	top : 80px;
	left : 200px;
	-webkit-transform: rotate(-3deg);
	   -moz-transform: rotate(-3deg);
	    -ms-transform: rotate(-3deg);
	     -o-transform: rotate(-3deg);
	        transform: rotate(-3deg);
}

#arrow-painted{
	position: absolute;
	top : 40px;
	left : 200px;
	width : 90px;
	animation : oscillation 1s infinite ease-in-out;
}

@keyframes oscillation {
	0%{
		left : 200px;
	}
	50%{
		left : 220px;
	}

	100%{
		left : 200px;
	}
}

.control-panel-button{
	background-image: url('img/switch-on.png');
	position : absolute;
	bottom : 0px;
	left : 2px;
	width : 149px;
	height : 62px;
	z-index : 1000;
}

:root{

	--control-panel-width : 65vw;
	--control-panel-height : 460px;

}

#popup-control-panel{
	position: fixed;
	top : calc(50% - var(--control-panel-height) / 2);
	left : calc(50% - var(--control-panel-width) / 2);
	z-index : 1500;
	background-color : var(--base-fond-div);
	display: none;
	animation : controlPanelExtends 4s;
	height : auto;
}

#popup-control-panel .content-2{
	height : 0px;
	background-color : var(--fond-body);
	padding-bottom : 30px;
	overflow :  hidden;
}

@keyframes controlPanelExtends {
	from {left : -120vw;}
	to {left : calc(50% - var(--control-panel-width) / 2)}
}

#popup-control-panel .instructions{
	padding : 5px 20px;
	font-size : 16px;
}

.control-panel-wrapper{
	display: flex;
	width : 100%;
	justify-content: space-around;
	align-items: center;
	margin-top : 20px;
}

.control-panel{
	display: flex;
	flex-direction: column;
	padding-right : 10px;
}

#control-panel-1{
	margin-left : 162px;
	height : auto;
	position: relative;
}

#popup-control-panel .control{
	position: relative;
	height : 62px;
	font-size : 20px;
}

#popup-control-panel .control>p{
	font-family : var(--tags-font);
	color : var(--rouge-profond);
	font-size : 20px;
	position: relative;
	bottom : 10px;
}

#popup-control-panel .control-button{
	cursor : pointer;
	position: absolute;
	bottom : 0;
	left : -155px;
}

#popup-control-panel .control-button-on{
	z-index : 10;
}

#popup-control-panel .control-button-off{
	z-index : 0;
}

#popup-control-panel .control img.control-img{
	position: fixed;
	left : -250vw;
	transition : none;
	z-index : 2000;
}

#popup-control-panel audio{
	display : block!important;
}

#popup-control-panel a.control-link{
	display: inline;
	font-family : var(--strong-links-font);
	font-style : italic;
	position: absolute;
	right : -50px;
	top : 13px;
	opacity : 0;
    transition: all .3s;
}

#popup-control-panel a.control-link:hover{
	font-style : normal;
	color : var(--rouge-brique);
}

#popup-control-panel h2{
	font-family: var(--slogan-font);
	color : var(--rouge-profond);
	font-size : 32px;
}

#popup-control-panel.active,
.overlayer.active
{
	display: block;
}

#popup-control-panel .close{
	position: absolute;
	top : 10px;
	right : -10px;
	background-image : url('img/cancel-button.svg');
	background-repeat : no-repeat;
	width : 50px;
	height : 25px;
	opacity : 1;
	z-index : 10;
}

.cancel-switches{
	position: absolute;
	left : -162px;
	width : 162px;
	z-index : 30;
}

#control-panel-button:hover{
	cursor : pointer;
	filter : saturate(200%);
}

#popup-control-panel .content-2{
	width : var(--control-panel-width);
	height : auto;
}

.control img.control-button{
	width : 149px;
	height : 62px;
}

img.control-img{
	position: fixed;
}

.overlayer{
	width : 100vw;
	height : 100vh;
	position: fixed;
	top : 0;
	left : 0;
	z-index : 1000;
	background-color : var(--shadow-color);
	opacity : .8;
	display: none;
}

.lang-item{
	position : absolute;
	top : 13px;
	left : 152px;
	width : 149px;
	height : 62px;	
}

.lang-item a{
	display : block;
	color : transparent;
	width : 149px;
	line-height : 62px;
}

.switchlang li{
	list-style-type: none;
}

.lang-item-fr{
	background-image: url('img/switch-on.png');
}

.lang-item-en{
	background-image: url('img/switch-off.png');
}

.etiqlang{
	font-family : var(--tags-font);
	color : var(--rouge-profond);
	font-size : 12px;
	position : absolute;
	z-index :  400;
}

.etiqswitch{
	left : 30px;
	top : 25px;
}

.francais{
	left : 738px;
	top : 20px;
}

.english{
	left : 1020px;
	top : 20px;
}

.bouton-large-gauche{
	position: absolute;
	right : 269px;
	top : 13px;
	z-index : 20;
}

.voyant-droit{
	position: absolute;
	right : 179px;
	top : 19px;
	z-index : 5;
}

.bouton-large-droite{
	position: absolute;
	right : 164px;
	top : 13px;
	z-index : 20;
}

.voyant-gauche{
	position: absolute;
	right : 285px;
	top : 19px;
	z-index : 5;
}

/*********************************FIN DECORATIONS ET LANGUES***********************************/


.sons{
	position: relative;
	z-index : 100;
}

.fixed{
	position: fixed;
	z-index: 1000;
}

/**********************************FIN GENERAL******************************/

/**********************************MENU DE NAVIGATION**********************/

.logo-mobile{
	position : relative;
	width : 170px;
	height : 170px;
	margin : auto;
	margin-top : 55px;
}

.logo-mobile .logo.etat1, .logo-mobile .logo.etat2{
	position : relative;
	width : 170px;
	height : 170px;
	top : 0px;
	left : 0px;
}

.menu{
	margin-top: 80px;
	width: 1170px;
	height: 117px;
	line-height: 115px;
	border-radius : 39px;
	background-color: black;
	background-image: url('img/cadre_menu.png');
	background-repeat : no-repeat;
	box-shadow: 3px 5px 2px black,
				6px 13px 6px var(--shadow-color);
}

.menu_item{
	position : absolute;
	width : 449px;
	height : 60px;
	top : 28px;
	z-index: 0;
}

.menu_left {
	float: left;
	left: 32px;
}

.menu_right{
	float: right;
	right: 32px;
}

.tentacle{
	position : absolute;
	float : right;
	width : 79px;
	height : 120px;
	right : 146px;
	top : 22px;
	z-index: 20;
}


#menu-menu-realisations, #menu-menu-fonctionnement, #menu-realization-menu, #menu-operation-menu{
	width : 436px;
	margin : 0;
	padding : 0;
	display: flex;
	align-items: flex-start;
}



.menu-lvl-1>.menu-item{
	width : 33.33333%;
}

nav ul ul {
	line-height : 22px;
	text-align : center;
	padding-left : 0;
	padding-top : 0px;
	margin : 0;
	position : absolute;
	top : 121px;
	background-image: url('img/deroulant_texture.jpg');
	box-shadow: 3px 3px 3px var(--shadow-color);
	max-height : 0px;
	overflow : hidden;
	-webkit-transition: 1s max-height 0.3s;
	-o-transition: 1s max-height 0.3s;
	transition: 1s max-height 0.3s;
}

.menu-lvl-1 > li:hover ul{
	max-height : 200px; 
/*attention une trop grande max-height augmente le délai de repli*/
}

.sub-menu{
	width : 90%;
	margin : 0 5% 0 5%;
}

nav ul{
	position: absolute;
	width: 100%;
	list-style-type: none;
}

nav li{
	position: relative;
	text-align : center;
	font-family: var(--menu-items-font);
	font-size: 31px;
	z-index: 10;
/* 	max-width: 145px; */
}

nav li li{
	display: block;
	position: relative;
	font-family: var(--menu-items-font);
	font-size: 15px;
	margin-top : 10px;
	width : 100%;
}

nav li li:hover{
	background-color : rgba(255,99,46,.2);
}


nav li a{
	position: relative;
	display : block;
	margin : 0;
	padding : 0;
	width : 100%;
}

.logo.etat1{
	position: absolute;
	left: 471px;
	top: -57px;
	width : 230px;
	height : 230px;
	z-index: 10;
}


.logo.etat2{
	position: absolute;
	left: 523px;
	top: 2px;
	width : 130px;
	height : 130px;
	z-index: 10;
}

img.logo.lazyloaded{
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.logo:hover{
	-webkit-transform: scale(.98);
	   -moz-transform: scale(.98);
	    -ms-transform: scale(.98);
	     -o-transform: scale(.98);
	        transform: scale(.98);
}

nav.reduce{
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -o-transition: all .5s;
	        transition: all .5s;
}

nav.etat1{
	top : 0px;
}

nav.etat2{
	top : -75px;
}

.menu-on{
	width : 126px;
	height : 61px;
	position : absolute;
	background-size : cover;
	opacity : 1;
	display: none;
}


.menu-on-1{
	left : 48px;
	top : 27px;
}

.menu-on-2{
	left : 194px;
	top : 27px;
}

.menu-on-3{
	left : 338px;
	top : 27px;
}

.menu-on-4{
	left : 706px;
	top : 27px;
}

.menu-on-5{
	left : 850px;
	top : 27px;
}

.menu-on-6{
	left : 995px;
	top : 27px;
}

.fond-1{
	background-image: url('img/eclair-1.png');
}

.fond-2{
	background-image: url('img/eclair-2.png');
}

.fond-3{
	background-image: url('img/eclair-3.png');
}

.fond-4{
	background-image: url('img/eclair-4.png');
}

.fond-5{
	background-image: url('img/eclair-5.png');
}

.fond-6{
	background-image: url('img/eclair-6.png');
}



/**********************************FIN MENU DE NAVIGATION**********************/


/*******************************CADRES D'AFFICHAGE GENERAL**************************/

.row-project,
.row-home,
.row-single{
	height : auto;
	display: flex;
	position: relative;
	flex-basis : auto;
	height : 100%;
}

.lift-shaft{
	display: flex;
	flex-direction : column;
	flex : 1;
	margin-top : 30px;
}

.lift{
	display: flex;
	flex-direction : column;
	justify-content : flex-end;

	-webkit-transition: all 2s ease;
	   -moz-transition: all 2s ease;
	    -ms-transition: all 3s ease;
	     -o-transition: all 2s ease;
	        transition: all 3s ease;
}

.content-1{
	border: solid #C28C55 5px;
	border-radius: 30px;
	box-shadow : 	4px 4px 4px var(--shadow-color),
					-2px -2px 2px var(--shadow-light-color),
					4px 4px 4px var(--shadow-color) inset;
	margin-top :  30px;
	height : auto;
}

.content-1.content-context{
	margin-top : 0px;
}

.context-animate-down{
	animation : contextAnimationDown 3s;
}

@keyframes contextAnimationDown {
	from{ margin-bottom : 0px; }
	30%{ margin-bottom : 100px; }
	to{ margin-bottom : 0px; }
}

.first{
	margin-top: 230px;
}

.illu,
.zoombox_container,
.fancybox-image-wrap,
.hot-random-image,
.flowplayer,
.video-container,
.wp-block-image:not(.is-style-rounded) img
{
	border : var(--border-img-color) solid 5px !important; 
	border-radius : 15px;
	box-shadow : 	4px 4px 4px var(--shadow-color),
					4px 4px 4px var(--shadow-color) inset;
	padding : 0;
	overflow : hidden !important;
}

.flowplayer{
	border-radius : 15px;
}

a .illu img:hover
{
	        transform: scale(1.2);
}

.wp-block-image figure,
figure.wp-block-image
{
	overflow: hidden;
	border: var(--border-img-color) solid 5px !important;
  	border-radius: 15px;
  	box-shadow: 4px 4px 4px var(--shadow-color), 4px 4px 4px var(--shadow-color) inset;
  	padding: 0;
}

.container .wp-block-image figure img,
.container figure.wp-block-image img
{
	border: none !important;
	border-radius: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	margin: 0;
}

.container .wp-block-image figure a,
.container figure.wp-block-image a
{
	display: flex;
	width: 100% !important;
	height: 100% !important;	
}

figure a img:hover{
	transform: scale(1.05);
}

a .illu img,
figure a img{
	transition: all 1s;	
}

.illu a img:hover{
    transform: scale(1.2);
	transition: all 1s;
}

.illu a img{
	transition: all 1s;	
}

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

.no-title{
	padding-top : 30px;
}


.content-2{
	position: relative;
	width :100%;
	height : 100%;
	margin : auto;
	background-color : var(--base-fond-div);
	border : solid #C28C55 3px;
	border-radius : 25px;
	box-shadow : 	4px 4px 4px var(--shadow-color) inset,
					2px 2px 4px black,
					-2px -2px 2px var(--shadow-light-color);
	
}


.content-2_text{
	padding : 0px 20px 5px 20px;
}

.content-2 p{
	margin-top : 30px;
}

.bouton{
	position : absolute;
	left : 16px;
	top : 6px;
}

.bleu, .orange{
	left : 19px;
	top : 8px;
}

.content-2 .logo-titre h2:not(.article-title){
	font-family: var(--strong-links-font);
	font-size : 26px;
	margin-left : 64px;
	margin-top : 6px;
	padding : 0;
	text-align : left;
}

.content-2_blog h2, .content-2_sidebar h2 , .content-2_contact h2{
	font-family: var(--menu-items-font);
	text-shadow : -2px -2px 2px var(--shadow-light-color);
	padding-left : 1.3em;
	margin: .3em 0 2em 0;
}


.contour{
	z-index : 10;
}

.bleu{
	z-index : 5;
}

.orange {
	z-index : 3;
}

.content-2:hover .orange{
	z-index : 8;
}

/******Apparition progressive des images**************/
/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: all .3s linear;
       -moz-transition: all .3s linear;
                 transition: all .3s linear;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}

.wp-pagenavi{
	margin-bottom : 10px;
}


/*******************************FIN CADRES D'AFFICHAGE GENERAL**************************/

/**********************************BLOG****************************************/

.accroche h1{
	font-family : var(--slogan-font);
	color : var(--rouge-profond);
	opacity : .8;
	font-size : 28px;
	text-align : center;
}

.accroche span{
	display: block;
	font-family : var(--slogan-font);
	color : var(--rouge-profond);
	opacity : .8;
	font-size : 28px;
	text-align : center;
	width: 100%;
}

.blog{
	min-height : 100px;
}

.blog p{
	margin-top : 20px;
}

.wp-block-media-text__content.no-padding-left{
	padding-left : 0px;
}

.wp-block-media-text__content.no-padding-right{
	padding-right : 0px;
}

.more_blog,
.form-submit,
.wp-block-button{
	background-color : transparent;
	width : 190px;
	height : 43px;
	background-image : url('img/suite_blog.png');
	background-repeat : no-repeat;
	margin : auto;
}

.wp-block-button{
	background-position : center;
	font-family : var(--strong-links-font);
}

.wp-block-button__link{
	background-color : transparent!important;
	font-size : 2rem;
	padding : 0;
	line-height : 2;

}

.more_blog p{
	margin : 0;
	text-align: center;
	line-height: 43px;
	font-family : var(--strong-links-font);
	font-size : 24px;

}

.wp-post-image{
	width : 100%;
	height : auto;
}

.content-2_blog, .content-2_contact{
	background-image : url('img/onglet_blog.png');
	background-repeat : no-repeat;
}


.date, .comment_intro{
	font-family : var(--strong-links-font);
	font-size : 22px;
}

.date a{
	font-style : italic;
	color : var(--maquette-fond-div);
}

.date a:hover,
li.link_with_icon a:hover
{
	font-style : normal;
	color : var(--rouge-brique);
}


.wp-pagenavi{
	text-align: center;
	position :  relative;
	z-index :  1000;
}

.wp-pagenavi span, .wp-pagenavi a{
	border-radius : 5px;
	border : var(--border-img-color) solid 2px;
	background-color : var(--shadow-light-color);
	font-family : var(--menu-items-font);
}

/*****************************FIN BLOG***********************************/

/*****************************SINGLE***********************************/

.entry-content img,
.rll-youtube-player,
.related-post-thumbnail
{
	border: var(--border-img-color) solid 5px;
	border-radius: 15px;
	box-shadow: 4px 4px 4px var(--shadow-color), 4px 4px 4px var(--shadow-color) inset;
	padding: 0;
	margin-bottom : 5px;
	margin-top : 5px;
	height : auto;
}


.entry-content ul:not(.kit):not(.blocks-gallery-grid)
{
	border-left : 3px var(--border-img-color) solid;
	margin-left : 20px;
	padding-left : 15px;

	filter: drop-shadow(2px 2px 3px #222);

}

.entry-content ul:not(.kit)>li
{
	list-style-type: ">";
	font-size : .9em;
	padding-left : 5px;
	margin-bottom : 5px;
}

.entry-content ol:not(.kit)>li{
	list-style-type: decimal;	
}

.entry-content ul:not(.kit) li a,
.entry-content ol:not(.kit) li a
{
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.entry-content ul:not(.kit) li a:hover,
.entry-content ol:not(.kit) li a:hover
{
	letter-spacing : .5px;
}

.entry-content a .illu img{
	border : none;
	border-radius :  0px;
	height :  120%;
}

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

.cr-conv img{
	width : 100%;
	height : auto;
}

iframe{
	width : 100%;
	border :  none;
}

.video-container {
   	position:relative;
    padding-bottom:43.25%;
    padding-top:33px;
    overflow:hidden;
    max-height : 360px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

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

.vp-player-out{
	display : none;
	width : 100%;
	left : 0;
}

.rll-youtube-player iframe{
	width : 100%;
}

.alignleft{
	float: left;
	margin-right : 20px;
}

.alignright{
	float: right;
	margin-left : 20px;
}

.aligncenter{
	display : block;
	margin: auto;
}

a.related-post-link{
	display: flex;
	margin-bottom : 5px;
	align-items: center;
}

a.related-post-link img:hover{
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
}

.related-post-thumbnail{
	width : 50%;
	min-width : 50%;
	height : auto;
	overflow : hidden;
}

.related-post-thumbnail img{
	width :  100%;
}

.content-2_text .related-post-link h4{
	margin-left : 10px;
	font-size : 1.4em!important;
	width : 50%;
	text-align : center;
}


p.wp-caption-text {
	text-align: center;
	margin-top : 10px;
	font-weight : bold;
	border: var(--border-img-color) solid 2px;
	border-radius: 5px;
	box-shadow: 4px 4px 4px var(--shadow-color), 4px 4px 4px var(--shadow-color) inset;
	background-color : var(--shadow-light-color);
	padding : 5px;
	width : 100%;
}

.logo-titre-news{
	background-image : url('img/logo-news.png');
}

.more_link{
	width : 100px;
	font-family : var(--strong-links-font);
	font-size : 27px;
	padding-left: 5px;
	margin-top : 3px;
	line-height: 33px;
	margin-left : 34px;
	display : inline-block;
	width : 121px;
}

.more{
	font-family : var(--strong-links-font);
}

.more a{
	font-size : 22px;
	display : inline-block;
	width : 154px;
	margin-left : 34px;
	line-height : 33px;
	margin-top : 5px;
	padding-left : 3px;
	
}

/***********************COMMENTAIRES*******************************/

.comment_intro span a{
	color : var(--maquette-fond-div);
}

.comment_intro span a:hover{
	font-style: italic;
	color : var(--rouge-brique);
}

.comment-body p{
	margin-top : 10px;
	border: var(--border-img-color) solid 2px;
	border-radius: 5px;
	box-shadow: 4px 4px 4px var(--shadow-color), 4px 4px 4px var(--shadow-color) inset;
	background-color : var(--shadow-light-color);
	padding : 10px 15px 5px 15px ;
}

.reply {
	font-family: var(--strong-links-font);
	font-size: 20px;
	padding-left: 5px;
	margin-top: 3px;
	width : 60px;
}

.reply:hover{
	font-style: italic;
}

.comment_date{
	float : right;
}

.comment-respond h3{
	float : none;
	text-align: center;
}

.comment-form input {
	line-height: 25px;
}

.comment-form label{
	margin-top : 10px;
}

.form-submit{
	text-align: center;
}

#commentform .form-submit input{
	background-color : transparent;
	border : none;
	height : 36px;
	margin-top : 2px;
	font-family: var(--strong-links-font);
	font-size : 27px;
	width : 124px;
}

#commentform .form-submit input:hover{
	background-color: rgba(255,99,46,.3);
}

/*******************FIN COMMENTAIRES***************************/


/*****************************FIN SINGLE***********************************/

/**********************************SIDEBAR*******************************/

.sidebar1{
	margin-top : 0px;
}

.widget p{
	margin-right : 10px;
}

.link_with_icon img{
	width :  50px;
	height: 25px;
	padding-right : 0!important;
	margin-right : 20px;
	border-radius : 50%;
	-webkit-transition: border-radius .2s;
	-o-transition: border-radius .2s;
	transition: border-radius .2s;
}

.link_with_icon:hover img{
	border-radius : 10%;
	-webkit-transition: border-radius .2s;
	-o-transition: border-radius .2s;
	transition: border-radius .2s;
}

#sidebar_partenaires a{
	font-family: var(--strong-links-font);
	font-style : italic;
	font-size : 20px ;

	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

#sidebar_partenaires a:hover{
	font-style : normal;
	color :  var(--rouge-brique);
}

.content-2_sidebar ul{
	padding : 0px 20px 0px 20px;
}

.content-2 div:not(.logo-titre) h2:not(.article-title):not(.content-tag){
	font-family : var(--main-title-font);
	padding : 1em 0;
	font-size : 3em;
	text-align : center;
	margin : 0;
}

h1.post-title{
	font-family : var(--main-title-font);
	padding : 1em 0;
	font-size : 3em;
	text-align : center;
	margin : 0;	
}

h2.content-tag{
	margin : 0 0 50px 0;
	padding : 0 0 0 56px;
	position: relative;
	top : 8px;
}

span.content-tag{
	display: block;
	font-family: var(--menu-items-font);
	text-shadow: -2px -2px 2px var(--shadow-light-color);
	font-size: 30px;
	color: var(--main-text-color);
	margin : 0 0 50px 0;
	padding : 0 0 0 40px;
	position: relative;
	top : 3px;
}

h2.actu-tag{
	margin-left : -20px;
}

.content-2_text h3:not(.titre_film){
	font-size : 2em;
	font-weight : 300;
	color : #000;
	float : none;
	position: relative;
}

.content-2_text h3:not(#reply-title):not(.titre_film)::after{
	content : '';
	width : 100%;
	height : 4px;
	border-radius : 2px;
	box-shadow : 2px 2px 3px var(--main-text-color);
	background-color : var(--border-img-color);
	position: absolute;
	bottom : -6px;
	left : 0;
}

.post_titre h3{
	padding-left : 15px;
}

.post_titre h3::after,
h3.titre_film::after,
.home .content-2_blog h3::after
{
	display: none;
}

.content-2_text:not(.content-2_long-text) h4{
	font-family : var(--main-title-font);
	font-size : 1.5em;
	font-weight : 300;
	color : #000;
	margin-top : 1em;
}

.content-2_sidebar h4
{
	text-align : center;
	font-family : "astrudregular";
	font-size : 30px;
	font-style : italic;
}

.content-2_text.content-2_long-text h4{
	font-family : "open_sansregular";
	font-size : 1.1em;
	color : var(--border-img-color);
	font-weight : bold;
}

.content-2_text a h4:hover,
.content-2_sidebar a h4:hover
{
	color : var(--rouge-brique);
	font-style : normal;
}

.widgettitle{
	float : none;
}

.sidebar1 li, .sidebar2 li{
	list-style-type: none;
	margin-bottom : 10px;
}

.sidebar2{
	margin-top : 50px;
}

.content-2_sidebar{
	background-image : url('img/onglet_sidebar.png');
	background-repeat : no-repeat;
}

.widget_categories li{
	font-family : var(--strong-links-font);
	font-size: 20px;
	background-image : url('img/logo-news.png');
	background-repeat : no-repeat;
	width : 253px;
	height : 66px;
}

.widget_categories li a{
	margin: 6px 5px 0 60px;
	padding-left: 5px;
	line-height: 42px;
	height : 41px;
	display: inline-block;
	width: 148px;
}

#swtop{
	display : block;
	width : 90px;
	margin: auto;
}

/************RECHERCHE****************/

input#s{
	width: 100%;
	padding: 10px;
	display: block;
	border: var(--border-img-color) solid 5px !important;
	border-radius: 15px;
	background-color: #f4f4f4;
	box-shadow: 4px 4px 4px var(--shadow-color),
				4px 4px 4px var(--shadow-color) inset;
	background-image: none;
	text-shadow: none;
	color: #444;
	font-size: 14px;
	line-height: normal;
	box-sizing: border-box;
	height: auto;	
}

input#searchsubmit{
	border: none !important;
	display: block;
	border-radius: 0;
	box-shadow: none;
	width: 189px;
	height: 43px;
	background-image: url('img/suite_blog.png') !important;
	margin: auto;
	margin-top: 20px;
	position: relative;
	line-height: 20px;
	background-color: transparent;
	font-family: var(--strong-links-font);
	font-size: 20px;
	border: none;
	color: #000;
}

.screen-reader-text{
	display: none;
}

.content-2 .logo-titre-recherche span{
	position: absolute;
	right : 10%;
	top : 20px;
	font-family: 'courier_primeregular';
	font-size: 36px;
	background-color: rgba(245,233,200,.4);
	padding: 10px 10px 10px 50px;
	border-radius: 10px;
	margin: 0;
}

.logo-titre-recherche span::before{
	content : url('img/quote_icon.png');
	position: relative;
	top : -20px;
}

span.type_post{
	font-family: 'courier_primeregular';
	font-size: 2em;
	text-transform : capitalize;
}

#random-model-illu{
	height : 253px;
	background-image : url('img/small-gear.svg');
	background-repeat : no-repeat;
	background-size : 20%;
	background-position : calc(50%) calc(50%);
	background-color : var(--diorama-fond-div);
}

#random-model-illu img{
	color : var(--diorama-fond-div);
}

h4#random-model-title{
	min-height : 33px;
}

/*****************************FIN SIDEBAR*****************************************/

/***********************PROJET *****************************/

.screenshot{
	min-height : 100px;
}

.mejs-container{
	overflow : hidden;
	height : 54px !important;
	min-width: 0 !important;
}

.mejs-button{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mejs-button button{
	transition: all .3s;
	display: block;
	padding: 0;
	background-color: transparent;
}


.mejs-button.mejs-play  button{
	width: 0;
	height: 0;
	border-style: solid;
    border-width: 25px 0px 25px 50px;
    border-color: transparent transparent transparent var(--rouge-profond);
}

.mejs-button.mejs-pause  button{
	border-left: 15px var(--rouge-profond) solid;
	border-right: 15px var(--rouge-profond) solid;
	border-top: none;
	border-bottom: none;
	width: 50px;
	height: 50px;
}

span.mejs-offscreen{
	font-size: 2rem;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-bottom: 0.5rem;
	font-family: 'bignoodletitlingregular';
}

.mejs-time,
.mejs-time-rail,
.mejs-currenttime-container,
.mejs-mute,
.mejs-controls a.mejs-horizontal-volume-slider
{
	display: none;
}

audio:not([controls]) {
  display: block;
  height: 100%;
}

.blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images){
	margin-top : 3em;
}

.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{
	width : 90%;
}

.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{
	padding-bottom : 3em;
}

.blocks-gallery-grid .blocks-gallery-image figure img,
.blocks-gallery-grid .blocks-gallery-item figure img,
.wp-block-gallery .blocks-gallery-image figure img,
.wp-block-gallery .blocks-gallery-item figure img {
    z-index : 200;
}

.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
    margin-bottom : 50px;
    position: relative;
}

.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    position: absolute;
    bottom: 0px;
    width: 90%;
    max-height: 100%;
    overflow: auto;
    padding: 3em .77em .7em;
    color: #fff;
    text-align: center;
    font-size: .9em;
    background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
    box-sizing: border-box;
    margin: 0;
    z-index : 100;
    border-right : var(--border-img-color) 2px solid;
    border-left : var(--border-img-color) 2px solid;
    border-bottom : var(--border-img-color) 2px solid;
    border-radius : 0 0 15px 15px;
    -webkit-transform: translateX(6%);
       -moz-transform: translateX(6%);
        -ms-transform: translateX(6%);
         -o-transform: translateX(6%);
            transform: translateX(6%);
}

.coord{
	display: none;
}

.cell{
	position : relative;
	margin-top :  30px;
}

.slave{
	position : relative;
	margin : 0;
	height : auto;
	-webkit-transition: all 4s;
	-o-transition: all 4s;
	transition: all 4s;
}

.mur-images{
	min-height : 100px;
	padding-bottom : 20px;
	display: flex;
	flex-direction: column;
}

.mur-images .logo-titre{
	background-position : 0 5px;
}

.mur-images ul{
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	flex-wrap : wrap;
	align-content : space-between;
}

.mur-images ul li{
	width : 15%;
}

.mur-images .illu{
	margin-top : 20px;
	position : relative;
}

.mur-images .legende{
	color : white;
	font-family : var(--main-text-font);
	font-size : 10px;
	text-align : center;
	background-color : rgba(63,70,69,.5);
	position : absolute;
	padding : 0 3px 0 3px;
	width : 100%;
	bottom : 0px;
	max-height : 0px;
	overflow:hidden;
	-webkit-transition: 0.7s max-height 0.3s;
	-o-transition: 0.7s max-height 0.3s;
	transition: 0.7s max-height 0.3s;
}

.mur-images a:hover .legende{
	max-height : 100%;
} 

.loupe{
	background-image: url('img/loupe.png');
	background-repeat : no-repeat;
	background-size : 100%;
	width : 1000px;
	height : 1000px;
	position : absolute;
	top : 0px;
	left : 30px;
	-webkit-transition: 0.7s width, height 0.3s;
	-o-transition: 0.7s width, height 0.3s;
	transition: 0.7s width, height 0.3s;
}


.mur-images a:hover .loupe{
	width : 80px;
	height : 80px;

}

.content-2 .logo-titre{
	margin-left : -5px;
	
	background-repeat: no-repeat;
	height : 66px;
	margin-bottom : 10px;
}

.content-2 .logo-titre-maquette{
	background-image: url('img/logo-maquette.png');
}

.content-2 .logo-titre-sculpture{
	background-image: url('img/logo-sculpture.png');
}

.content-2 .logo-titre-diorama{
	background-image: url('img/logo-diorama.png');
}



.logo-titre h2{
	line-height : 55px;
	font-size : 27px;
}

.content-2_maquette,
.content-2_modeling-technics{
	background-color: #a2c7c0;
}

.content-2_sculpture,
.content-2_sculpt-technics{
	background-color: var(--sculpture-fond-div);
}

.content-2_diorama,
.content-2_diorama-technics{
	background-color: var(--diorama-fond-div);
}

.auteur{
	font-family: var(--strong-links-font);
	font-size : 20px;
	float : right;
}

.titre_film{
	font-size : 20px;
	float : left;
	margin-bottom : 5px;
}

.kit{
	list-style-type: none;
	border: var(--border-img-color) solid 5px;
	border-radius: 15px;
	box-shadow: 4px 4px 4px var(--shadow-color), 4px 4px 4px var(--shadow-color) inset;
	padding: 10px;
	margin : 0 20px 10px 0;
	background-color : white;
	float : left;
	background-color: var(--base-fond-div);
}

.kit_dio{
	background-color: #fefef4;
}

.kit span{
	font-family: var(--strong-links-font);
	font-size: 20px;
	text-decoration: underline;
	line-height : 39px;
}





/********************FIN PROJET *****************************/

/*****************************BANNIERES PARALLAXE*****************************************/

.banniere{
	height : 216px;
}

.banniere .content-2{
	overflow : hidden;
	/*-webkit-mask-image: -webkit-radial-gradient(white, black);*/
}

.parallaxe{
	position : relative;
	height : 200px;
	border-radius : 22px;
	overflow: hidden;
}


.parallaxe li{
	position : absolute;
	list-style-type: none;
}

.banniere h1{
	font-family: var(--main-title-font);
	font-size : 70px;
	line-height :200px;
	text-align : center;
	margin-top : 0;
	margin-bottom : 0;
}

.parallaxe h1, .parallaxe h2{
	color : #F5E9C8;
	-webkit-filter: blur(0.5px);
	-o-filter: blur(0.5px);
	filter: blur(0.5px);
	text-shadow: 0 0 5px var(--shadow-color);
}


.parallaxe h2{
	position : absolute;
	top :140px;
	right : -580px;
	margin : 0;
	overflow :  visible;
	font-family : var(--strong-links-font);
}

/*****************************FIN BANNIERE PARALLAXE*****************************************/

/********************ARCHIVE*****************************/

.titre_archive h1{
	background-size : 100%;
	color : #C28C55;
	text-shadow : 0px 0px 4px #000;
}

.separator{
	width :  40%;
	height : 6px;
	border-radius : 3px;
	background-color : var(--border-img-color);
	text-align : center;
	box-shadow : 3px 3px 3px var(--shadow-color),
					3px 3px 3px var(--shadow-light-color) inset;
	opacity :.9;
	margin : 20px auto;
}

h3{
	font-family: var(--main-title-font);
	font-size: 30px;
	float : right;
}

.more, .more_category{
	position : absolute;
	width : 200px;
	height : 43px;
	right : -20px;
	bottom : -40px;
	background-image: url('img/suite.png');
	background-repeat: no-repeat;
}

.more_category{
	right : -90px;
}

.more_category a{
	margin-top : 5px;
	margin-left : 35px;
	padding-left : 3px;
	display : inline-block;
	width : 96px;
	line-height: 32px;
	font-family: var(--strong-links-font);
	font-size : 24px;
}

.term-star-wars-maquettes h1, .term-star-wars-en-models h1 {
	background-size: cover;
	color : #FDE717;
	font-size : 40px;
}

.term-star-wars-maquettes h1 span, .term-star-wars-en-models h1 span{
	font-family : 'sfdistantgalaxy';
	font-size : 70px;
}

.term-star-trek-maquettes h1, .term-star-trek-en-models h1 {
	background-size: cover;
	color : #226FC1;
	font-size : 40px;
	text-shadow :  3px 3px black;
}

.term-star-trek-maquettes h1 span, .term-star-trek-en-models h1 span{
	font-family : 'stardate81316';
	font-style :  italic;

	font-size : 90px;
}

.term-voitures-extraordinaires-maquettes h1, .term-extraordinary-cars-en-models h1{
	background-size: cover;
	color : #EFB828 ;
	text-shadow : 0px 0px 2px #4A9FCA;
	font-size : 30px;
}

.term-voitures-extraordinaires-maquettes h1 span,  .term-extraordinary-cars-en-models h1 span{
	font-family : 'bttf';
	font-size : 40px;
}

.term-cosmos-1999-maquettes h1, .term-space-1999-en-models h1{
	background-size: cover;
	color : #fff ;
	text-shadow : 0px 0px 2px #4A9FCA;
	font-size : 40px;
}

.term-cosmos-1999-maquettes h1 span,  .term-space-1999-en-models h1 span{
	font-family : 'opusmundi';
	font-size : 70px;
}

.term-epouvante-sculptures h1, .term-horror-en-sculpts h1 {
	background-size: cover;
	color : #8A0707;
	font-size : 40px;
}

.term-epouvante-sculptures h1 span, .term-horror-en-sculpts h1 span{
	font-family : 'cfnightofterror';
	font-size : 70px;
}

.term-extraterrestres-sculptures h1, .term-extraterrestrials-en-sculpts h1 {
	background-size: cover;
	color : #7ee085;
	font-size : 40px;
}

.term-extraterrestres-sculptures h1 span, .term-extraterrestrials-en-sculpts h1 span{
	text-transform : uppercase;
	font-family : 'cfcpaceshipregular';
	font-size : 70px;
}

.term-pin-up-sculptures h1, .term-pin-up-en-sculpts h1 {
	background-size: cover;
	color : #ff8181;
	font-size : 40px;
}

.term-pin-up-sculptures h1 span, .term-pin-up-en-sculpts h1 span{
	font-family : 'beautifulpeople';
	font-size : 70px;
}

.term-star-wars-sculptures h1, .term-star-wars-en-sculpts h1 {
	background-size: cover;
	color : #FDE717;
	font-size : 40px;
}

.term-star-wars-sculptures h1 span, .term-star-wars-en-sculpts h1 span{
	font-family : 'sfdistantgalaxy';
	font-size : 70px;
}

.term-star-wars-dioramas h1, .term-star-wars-en-dioramas h1 {
	background-size: cover;
	color : #FDE717;
	font-size : 40px;
}

.term-star-wars-dioramas h1 span, .term-star-wars-en-dioramas h1 span{
	font-family : 'sfdistantgalaxy';
	font-size : 70px;
}



.term-bande-dessinee-dioramas h1, .term-comics-dioramas h1{
	background-size: cover;
	background-color : #fff;	
}

.term-bande-dessinee-dioramas h1 span, .term-comics-dioramas h1 span{
	font-family : 'badabb';
	font-size : 70px;
	color : #FF8C08;
	text-shadow : 7px 7px 0px #000;
}

.term-extraterrestres-dioramas h1, .term-extraterrestrials-en-dioramas h1 {
	background-size: cover;
	color : #7ee085;
	font-size : 40px;
}

.term-extraterrestres-dioramas h1 span, .term-extraterrestrials-en-dioramas h1 span{
	text-transform : uppercase;
	font-family : 'cfcpaceshipregular';
	font-size : 70px;
}

/********************FIN ARCHIVE *****************************/



/********************TECHNIQUE *****************************/

.content-1_technique{
	margin-top : 30px;
	height : 410px;
}


.content-2_technique h3{
	float : none;
}

.titre_technique h1{
	font-size : 50px;
	text-align : center;
	margin-top : 0;
	line-height : 200px;
}

.content-1_menu-secondaire{
 	height : 216px;
}

.menu-secondaire h2{
	font-size: 28px;
	margin-left : 0px;
	text-align: center;
}

.term-maquette h1, .term-modeling-technics h1{
	color : #A2C7C0;
	text-shadow : 0px 0px 30px #000;
}

.term-sculpture h1, .term-sculpt-technics h1{
	color : var(--sculpture-fond-div);
	text-shadow : 0px 0px 30px #000;
}

.term-diorama h1, .term-diorama-technics h1{
	color : var(--diorama-fond-div);
	text-shadow : 0px 0px 30px #000;
}

.menu-secondaire ul{
	font-size: 20px;
	text-align: center;
	font-family: var(--menu-items-font);
	list-style-type: none;
	margin : 0;
	padding : 0;
	line-height : 1.2em;
}

.menu-secondaire ul li a:hover{
	cursor : pointer ;
	position : relative;
}

.illu_technique{
	margin : 30px 20px 5px 0;
}


/********************FIN TECHNIQUE *****************************/

/***************************CONTACT***********************/

/************newsletter*********************/

.widget_newsletterwidget form{
	margin-top : 15px;
}

.widget_newsletterwidget input,
.tnp-subscription input
{
	border : var(--border-img-color) solid 5px!important;
	border-radius : 15px;
	box-shadow : 	4px 4px 4px var(--shadow-color),
					4px 4px 4px var(--shadow-color) inset;
	padding : 0;
	overflow : hidden;
	padding : 0 10px 0 10px;
}

.widget_newsletterwidget label{
	font-family : var(--strong-links-font);
	font-size : 20px !important;
	font-weight : normal;
 }

.widget_newsletterwidget .tnp-field-button input.tnp-submit,
.tnp-subscription .tnp-field-button input.tnp-submit
{
	border : none !important;
	border-radius : 0;
	box-shadow : none;
	width : 189px;
	height : 43px;
	background-image : url('img/suite_blog.png')!important;
	margin : auto;
	margin-top : 20px;
	position : relative;
	line-height : 20px;
	background-color : transparent;
	font-family : var(--strong-links-font);
	font-size : 20px;
	border : none;
	color : #000;
}

.widget_newsletterwidget .tnp-field-privacy a:hover{
	color : var(--rouge-brique);
	font-style : normal;
}

.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], .tnp-subscription input[type="submit"], .tnp-subscription select {
    width: 100%;
    height: 50px;
    padding: 10px;
    display: block;
    border: 1px;
    border-color: #ddd;
    background-color: #f4f4f4;
    background-image: none;
    text-shadow: none;
    color: #444;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    line-height: normal;
    box-sizing: border-box;
}

/**********fin newsletter***************/


div.wpcf7{
	margin-top: 100px;
}

textarea{
	font-family : 'open-sansregular' !important;
}

.wpcf7-form input, .wpcf7-form textarea, #comment, #author, #email, #url{
	border : var(--border-img-color) solid 5px;
	border-radius : 15px;
	box-shadow : 	4px 4px 4px var(--shadow-color),
					4px 4px 4px var(--shadow-color) inset;
	padding : 0;
	overflow : hidden;
	padding : 0 10px 0 10px;
	max-width : 100%;
}

.wpcf7-form input{
	height : 50px;
	line-height: 50px;
	font-size: 20px;
}

.wpcf7-form textarea{
	height : 150px;
	font-size: 15px;
	padding: 10px;
	width : 100%;
	min-height : 20rem;
}

.wpcf7-form h3 legend{
	font-size : 30px;
}

.wpcf7-form label{
	font-family : var(--strong-links-font);
	font-size : 25px;
	font-weight : normal;
}

.wpcf7 p{
	display : inline-block;
	width : 33%;
}

.wpcf7 p:nth-child(2){
	text-align: left;
}

.wpcf7 p:nth-child(3){
	text-align: center;
}

.wpcf7 p:nth-child(4){
	text-align: right;
}


.wpcf7-form p:nth-child(5){
	width : 100%;
}

.wpcf7-form p:nth-child(5) label, .your-message{
	width : 100%;
}

.your-message textarea{
	width : 100%;
	height : 300px;
}

.wpcf7-form p:nth-child(6){
	width : 100%;
}

#acceptance{
	height : 20px;
	line-height : 20px;
	margin-right : 10px;
	box-shadow : none;
}

.wpcf7-form p:nth-child(7){
	width : 100%;
	text-align : center;
}

.wpcf7-form p:nth-child(7) input{
	border : none;
	border-radius : 0;
	box-shadow : none;
	width : 189px;
	height : 43px;
	background-image : url('img/suite_blog.png');
	margin : auto;
	margin-top : 20px;
	position : relative;
	line-height : 29px;
	background-color : transparent;
	font-family : var(--strong-links-font);
	font-size : 29px;
	border : none;
}

div.wpcf7-validation-errors, div.wpcf7-response-output{
	font-family : 'open-sans';
	font-size : 23px;
	text-align: center;
	border-radius : 10px;
}

div.wpcf7-response-output{
	background-color: rgba(142,183,175,.2);
	border : solid 2px var(--maquette-fond-div);
	color : var(--maquette-fond-div);
}

div.wpcf7-validation-errors{
	background-color: rgba(255,99,46,.2);
	border : solid 2px red;
	color : var(--rouge-brique);
}



div.wpcf7-validation-errors p, div.wpcf7-response-output p{
	margin : 10px;
}

/***************************FIN CONTACT******************/


/***************************BIOGRAPHIES******************/

.bio{
	position : relative;
}

.dossier_bio{
	position : relative;
	background-image : url('img/bio-texture.jpg');
	background-color : white;
	height : 720px;
	border : solid 1px #9e6e1a;
	z-index : 0;
	border-radius : 10px 0 10px 10px;
}

.onglet_bio{
	background-image : url('img/bio-texture.jpg');
	position : absolute;
	right : -61px;
	top : 10px;
	width : 61px;
	height : 230px;
	border-radius : 0 20px 20px 0;
	z-index : 10;
	border-top : solid 1px #9e6e1a;
	border-right : solid 1px #9e6e1a;
	border-bottom : solid 1px #9e6e1a;
	cursor : pointer;
}

.onglet_bio h2{
	 font-family: var(--tags-font);
	 font-size :20px;
	 color: var(--rouge-profond);
	 margin-top : 5px;
	 margin-left : -3px;
	 text-align : center;
	 transform-origin: 20px 20px;
	-webkit-transform: rotate(82deg);
	 -ms-transform: rotate(82deg);
	 -o-transform: rotate(82deg);
	 transform: rotate(82deg);
	 white-space: nowrap;

}

.page_bio{
	position : absolute;
	left : 30px;
	top : 30px;
	background-color : white;
	width : 1017px;
	height : 652px;
	box-shadow: 8px 8px 10px var(--shadow-color);
	padding : 30px;
}


.page_bio.ferme{
	display : none;
}

.page_bio.ouvert{
	display : block !important;
}

.onglet_bio.ouvert{
	z-index : 20;
	border-left : none;
}

.onglet_bio.ferme{
	z-index : 10;
	border-left : solid 1px #9e6e1a;
}

.dossier_bio h1{
	font-family: var(--slogan-font);
	color: var(--rouge-profond);
	opacity: .8;
	font-size: 90px;
	text-align: center;
	line-height: 658px;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.bio_wrapper{
	border : solid black 1px;
	height : 100%;
	padding-bottom : 10px;
	font-family : 'courier_primeregular';
}

.bio_logo{
	background-image: url('img/logo_nb.jpg');
	background-repeat: no-repeat;
	background-position: top;
	height : 100px;
}

.bio_titre{
	height : 55px;
	margin-top : 5px;
	text-align : center;
	line-height: 55px;
}

.bio_wrapper h3, .bio_wrapper h4{
 	font-family : 'courier_primeregular';
 	font-weight : bold;
 	float : none;
 }

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

.bio_wrapper h4{
	font-size : 14px;
}

.bio_gauche{
	height: 95%;
	position : relative;
	border-right : 1px solid black;
	margin-top : 13px;
}

.bio_droite{
	height : 95%;
	position : relative;
	margin-top : 13px;
}

.trait{
	border-top: 1px solid black;
	position : absolute;
	top : 55px;
	right : 5px;
	margin-top : 17px;
	width : 74%;
}

.bio_photos{
	height : 200px;
}

.bio_civilite, .bio_empreinte, .bio_delits{
	height : 245px;
}

.bio_civilite{
	padding : 0 5px 0 10px;
}

.bio_empreinte{
	padding : 70px 2px 0 2px;
}

.bio_wrapper table{
	border : solid black 1px;
	height : 100%;
	font-size : 11px;
}

.bio_wrapper table th{
	height : 15px;
	border-bottom : solid black 1px;
	text-align : center;
	font-weight: bold;
	font-size :10px;
}

.bio_civilite span{
	font-weight: bold;
	font-size : 11px;
}

.bio_wrapper table td{
	border-bottom : solid black 1px;
	padding : 0 5px 0 5px;
}

.bio_biographie, .signalement{
	text-align : justify;
}

.bio_delits ul{
	padding : 10px;
}

.bio_delits ul li{
	list-style-type: '- ';
}

.bio_wrapper p, .bio_wrapper td{
	font-family : 'courier_primeregular';
	font-size : 10px;
	margin : 0;
}

.bio_declaration{
	margin-bottom: 10px;
	height : 34px;
	line-height: 34px;
	text-align : center;
} 

.bio_photos li{
	list-style-type: none;
}

.bio_illu{
	border : #fcfced 6px solid;
	box-shadow : 10px 10px 10px var(--shadow-color);
	position : absolute;
}

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

#bio_illu_1{
	left : 0;
	z-index : 10;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#bio_illu_2{
	left : 220px;
	z-index : 5;
	-webkit-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
}


/***************************FIN BIOGRAPHIES******************/

/**************************FOOTER**********************************/

footer{
	width : 100%;
	height : 320px;
	position : relative;
}

footer ul#menu-menu-footer,
footer ul#menu-menu-footer-us
{
	position: absolute;
	left : 20%;
	top : 150px;
}

footer ul#menu-menu-footer li,
footer ul#menu-menu-footer-us li
{
	list-style-type: none;
	font-family : var(--strong-links-font);
	font-size : 1.5em;

	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

footer ul#menu-menu-footer li:hover,
footer ul#menu-menu-footer-us li:hover
{
	letter-spacing : 1px;
}

.deco-footer{
	position : absolute;
	max-width : 100%;
}

.deco-footer-content{
	position : relative;
}

.tx-629{
	right : 5px;
	top : 40px;
}

.big-tentacle{
	left : -70px;
	top : 100px;
	z-index : 410;
}

.tentacle-shadow{
	left : -70px;
	top : 182px;
}

.sonnette{
	top : 3px;
}

#popup-newsletter{
	width : 500px;
	height : auto;
	position: fixed;
	right : -550px;
	top : 20vh;
	z-index : 3000;

	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	        transition: all 1s;
}

#popup-cancel-top{
	position: absolute;
	top : 85px;
	right : 35px;
	width : 100%;
	height: 20px;
	z-index : 3001;
}

#popup-newsletter.popup-newsletter-on{
	right : -25px;
}

#popup-newsletter.popup-newsletter-off{
	right : -500px;
}

#popup-newsletter .content-2{
	padding-right : 30px;	
}

#popup-newsletter .popup-newsletter-ok{
	width : auto;
	height : 40px;
	padding : 0 20px;
	position: absolute;
	top : 200px;
	left : 0px;

	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
	        transform: rotate(-90deg);

	transform-origin : bottom left;

	background-color : var(--base-fond-div) ;
	font-family :  var(--strong-links-font);
	font-size : 1.6em;
	text-align:  center;
	border-left : solid 5px var(--border-img-color);
	border-top : solid 5px var(--border-img-color);
	border-right : solid 5px var(--border-img-color);
	border-radius : 10px 10px 0px 0px;
	display: none;
	opacity : 0;
	z-index : 3000;
}

#popup-newsletter .popup-newsletter-ok:hover{
	color : var(--rouge-brique);
	cursor : pointer;
	font-style : italic;
}

#popup-newsletter .popup-cancel{
	font-family : var(--strong-links-font);
	font-size : 1.5em;
	cursor : pointer;
	position: relative;
}

#popup-newsletter .popup-cancel::after{
	content : url('img/cancel-button.svg');
	color : var(--rouge-brique);
	width : 30px;
	height : 20px;
	display: block;
	position: absolute;
	bottom : 6px;
	right : 0px;

}

#popup-newsletter .popup-cancel:hover{
	font-style : italic;
	color : var(--rouge-brique);
}

/************************FIN FOOTER****************************/


/********************PAGE 404***************************/

.content-2_404{
	background: url('img/404-storm.jpg') no-repeat center,
				url('img/404-texture.jpg') repeat;
	background-position : left;
	height : 500px;
	position: relative;
}

.links-404{
	display: block;
	position: absolute;
	bottom : 80px;
	left : calc(50% - 95.5px);
	border : none;
	border-radius : 0;
	box-shadow : none;
	width : 189px;
	height : 43px;
	background-image : url('img/suite_blog.png');
	line-height : 29px;
	background-color : transparent;
	font-family : var(--strong-links-font);
	font-size : 29px;
	text-align : center;
	line-height : 43px;
}


/********************FIN PAGE 404***************************/


/* Cookie-notice (tarte au citron) */
#tarteaucitronAlertBig{	
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  width: 30vw;
  background-color:var(--base-fond-div);
  border-radius: 10px;
  overflow: hidden;
  font-size: 2rem;
/* 	-webkit-touch-callout: none; */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
  user-select: none;
  border: solid #C28C55 5px;
  border-radius: 30px;
  box-shadow: 4px 4px 4px var(--shadow-color), -2px -2px 2px var(--shadow-light-color), 4px 4px 4px var(--shadow-color) inset;
  margin-top: 30px;
  height: auto;
  z-index : 10005;
  max-height : 95vh;
  overflow : auto;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
  padding:2rem;
  display: block;
  background-image: url('img/dark-vador-cookies.png');
  background-repeat: no-repeat;
  background-position: 110% 10px;
  background-size:60%;
  text-shadow : var(--base-fond-div) 0px 0px 2px;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert small{
  display: block;
  font-size: 2em;
  margin-bottom: 0.25rem;
  font-weight: 100;
  font-family : var(--main-title-font);
  text-shadow : var(--base-fond-div) 0px 0px 2px;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong{
  display: block;
  font-size: 1.5em;
  margin-bottom: 1rem;
  font-family : var(--main-text-font);
  text-shadow : var(--base-fond-div) 0px 0px 2px;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p{
  margin-bottom: 0;
  margin-top : 130px;
  font-size : .8em;
  width :  100%;

}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p + p{
  margin-top: 1rem;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper{
  display: flex;
  justify-content: space-around;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button{
  background:none;
  border: var(--border-img-color) solid 5px !important;
  border-radius: 15px;
  box-shadow: 4px 4px 4px var(--shadow-color), 4px 4px 4px var(--shadow-color) inset;
  width : 28%;
  cursor: pointer;
  transition: 0.25s all;
  padding:5px;
  margin-bottom : 30px;
  font-weight: 100;
  font-size : .9em;
  font-family : var(--strong-links-font);
  position: relative;
  padding-bottom : 3rem;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button span::before,
#tarteaucitronRoot button > span::before
{
	display: none!important;
}

#tarteaucitronPrivacyUrlDialog,
button.tarteaucitronAllow,
button.tarteaucitronDeny
{
  padding-bottom : 3rem!important;
  position: relative;	
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button span,
#tarteaucitronPrivacyUrlDialog > span,
#tarteaucitronRoot button > span
{
  font-size : 2.3rem;
  text-transform : uppercase;
  font-family : var(--menu-items-font);
  position: absolute;
  bottom : 0;
  left : 0;
  width :  100%;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button.tarteaucitronAllow{
  font-weight: 500;
}

#tarteaucitronAllDenied2{
	display: none;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper button#tarteaucitronPersonalize2:hover{
  background-color : #000;
  color:var(--rouge-brique);
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper button#tarteaucitronCloseAlert:hover{
  background-color : #fff;
  color:var(--fond-body);
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper button#tarteaucitronPrivacyUrl:hover{
  background-color : #bbdcf0;
  color:var(--border-img-color);
}

#tarteaucitronRoot button{
  background:none;
  border: var(--border-img-color) solid 5px !important;
  border-radius: 15px;
  box-shadow: 4px 4px 4px var(--shadow-color), 4px 4px 4px var(--shadow-color) inset;
  cursor: pointer;
  transition: 0.25s all;
  padding:5px;
  margin-bottom : 10px;
  font-weight: 100;
  font-size : .9em;
  font-family : var(--strong-links-font);
  height : auto;
  position: relative;
}

#tarteaucitronRoot #tarteaucitronClosePanel,
#tarteaucitronRoot #tarteaucitronManager{
  position: absolute;
  background: var(--base-fond-div);
  border : solid 3px var(--border-img-color)!important;
  padding:0.25rem 0.5rem;
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  border-radius: 10px;
  top : 60px;
  right: 20px;
  box-shadow :  none!important;
  cursor: pointer;
  transition: 0.25s all;
  outline: none;
  z-index : 10000;
  padding : 3px 20px;
  text-align :  center;
}

#tarteaucitronRoot #tarteaucitronManager{
  border-bottom : solid 3px var(--border-img-color)!important;
  border-radius: 10px;	
}

#tarteaucitronIcon button::after {
    content: "Cookies";
    text-transform: uppercase;
    font-size: 1.2em!important;
}

#tarteaucitronRoot #tarteaucitronClosePanel:hover,
#tarteaucitronRoot #tarteaucitronManager{
  color: var(--rouge-brique);
  font-style : normal;
}

#tarteaucitron{
  overflow : hidden;
  position: fixed;
  z-index: 10010;
  bottom: 1rem;
  right: 1rem;
  top:auto;
  width: 30vw;
  background-color:var(--base-fond-div);
  font-size: 1.5rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
  user-select: none;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.4);
  display: none;
   border: solid #C28C55 5px;
  border-radius: 30px;
  box-shadow: 4px 4px 4px var(--shadow-color), -2px -2px 2px var(--shadow-light-color), 4px 4px 4px var(--shadow-color) inset;
  margin-top: 30px;
  overflow : auto;
  max-height : 95vh;
}

#tarteaucitronMainLineOffset{
  background:var(--couleur3);
  color:var(--couleur2);
  padding: 1rem;
  text-align: center;
}

#tarteaucitron #dialogTitle{
  display: block;
  font-size: 1.6em;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family :  var(--main-title-font);
}

#tarteaucitron #dialogTitle span{
  font-family :  var(--main-text-font);
  font-weight : bold;
  font-size : .6em;
}

#tarteaucitronMainLineOffset .tarteaucitronAsk > *{
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  height : auto;
}

#tarteaucitron ul{
  list-style-type: none;
  padding: 0;
}

#tarteaucitron #tarteaucitronPrivacyUrlDialog{
  margin:1rem auto 1.7rem auto;
  display: block;
  background:none;
  border:none;
  cursor: pointer;
  font-weight: 500;
  border:1px solid var(--couleur2);
  padding:0.4rem 1.5rem 0.5rem 1.5rem;
  font-size : 1.3em;
}

#tarteaucitron #tarteaucitronPrivacyUrlDialog:hover{
  background:#bbdcf0;
  color:var(--border-img-color);
  font-style : normal;
}

.tarteaucitronHidden{
  display: none;
  position: relative;
}

#tarteaucitron .tarteaucitronBorder > ul{
  padding:0 1.5rem 0 1.5rem ;
  margin-top: 1.7rem;
  margin-bottom: 1.5rem;
}

#tarteaucitron .tarteaucitronBorder > ul > li + li{
  margin-top: 2rem;
}

.tarteaucitronTitle{
  margin-bottom: 0rem;
}

#tarteaucitronRoot .tarteaucitronTitle button{
  background:none!important;
  border:none!important;
  padding: 0.5rem 0 0.6rem 0;
  margin: 0;
  display: block;
  text-align: center;
  width: 100%;
  font-weight: 100;
  font-size: 2rem;
  font-family : var(--main-title-font);
  box-shadow: none!important;
}

.tarteaucitronLine{
  display: flex;
}

.tarteaucitronLine:not(.tarteaucitronMainLine){
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tarteaucitronLine:not(.tarteaucitronMainLine).tarteaucitronIsAllowed{
  border-left:4px solid #3b733b;
  padding-left: 0.5rem;
}

.tarteaucitronLine:not(.tarteaucitronMainLine).tarteaucitronIsDenied{
  border-left:4px solid #b90a0a;
  padding-left: 0.5rem;
}

#tarteaucitronMainLineOffset{
  flex-direction: column;
  align-items: center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.tarteaucitronLine .tarteaucitronName,
.tarteaucitronLine .tarteaucitronAsk{
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.tarteaucitronLine .tarteaucitronH2{
  text-align: left;
  padding-right: 1rem;
  line-height: 1rem;
  font-size: 1.5rem;
  margin-bottom : 10px;
}

#tarteaucitronMainLineOffset .tarteaucitronName{
  text-align: center;
  margin-bottom: 0.3rem;
}

.tarteaucitronLine .tarteaucitronName a{
  color:var(--couleur3);
}

.tarteaucitronLine .tarteaucitronAsk{
  display: flex;
}

#tarteaucitronScrollbarAdjust.tarteaucitronAsk > button{
  color:var(--maint-text-color);
  font-size : 1.2em;
  width : 50%;
}

.tarteaucitronAsk > button{
	width : 50%!important;
	font-size :  1.2em!important;
}

.tarteaucitronAsk > button:hover{
	font-style : normal!important;
}

.tarteaucitronAsk > button.tarteaucitronAllow:hover{
	background-color :  #000!important;
	color : var(--rouge-brique);
}

.tarteaucitronAsk > button.tarteaucitronDeny:hover{
	background-color :  #fff!important;
	color : var(--fond-body);
}

#tarteaucitron a > img{
	display: block;
	background-color : #d17a88;
	margin : 10px 20px;
	padding : 0 10px;
	border-radius : 5px;
}

#tarteaucitronAllAllowed:hover{
  color : var(--rouge-brique)!important;
  background-color : #000;
  font-style : normal;
}

#tarteaucitronAllDenied:hover{
  color : var(--fond-body)!important;
  background-color : #fff;
  font-style : normal;
}

.tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk > button.tarteaucitronAllow{
  background-color:#6cc082!important;
}

.tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronAsk > button.tarteaucitronDeny{
  background-color:#d17a88!important;
}

.tarteaucitronLine .tarteaucitronAsk > button + button{
  margin-left: 1rem;
}

.tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronAllow.tarteaucitronIsSelected{
  background-color:#6cc082;
  opacity:1;
}

#tarteaucitronServices_mandatory .tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronAllow{
  background-color:#6cc082;
  opacity:1;
  cursor: default;
  width : 100%;
  font-size : 1.2em;
}

.tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronDeny.tarteaucitronIsSelected{
  background:#b90a0a;
  opacity:1;
}

#tarteaucitronRoot .tarteaucitronCross::before {
  content: '\2717';
  display: inline-block;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
  content: '\2713';
  display: inline-block;
}

#tarteaucitronIcon{
  position: fixed;
  z-index: 99;
  bottom: 0;
  right: 0;
  border-top:1px solid rgba(0,0,0,0.3);
  border-left:1px solid rgba(0,0,0,0.3);
  border-top-left-radius:5px;
  transition: 0.25s all;
}

#tarteaucitronIcon:hover{
  background:rgba(0,0,0,0.3);
}

#tarteaucitronIcon button{
  border:none;
  background:none;
  padding: 0.3rem 0.7rem;
  display: block;
}

#tarteaucitronIcon button::after{
  content:"Cookies";
  text-transform: uppercase;
  font-size: 0.8rem;
}

#tarteaucitronIcon button img{
  display: none;
}

#tarteaucitronRoot .tarteaucitronPlus::before {
  content: '\271b';
  display: inline-block;
}

.tarteaucitronH3{
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  margin-bottom: 0.5rem;
}

.tarteaucitronInfoBox{
  background:rgba(0,0,0,0.4);
  color:#FFF;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  display: none;
  border-radius : 5px;
}

#tarteaucitronServices{
  height:auto !important;
}

/* Tarteaucitron vimeo */

div.vimeo_player{
  display: flex;
  align-items: center;
  justify-content: center;
}

.tac_activate{
  position: relative;
}

.tac_activate button{
  background:none;
  border:1px solid var(--couleur3);
  border-radius: 6px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  margin-top: 0.5rem;

}

.tac_activate .tac_float{
	font-family : var(--slogan-font);
	color : var(--rouge-profond);
	font-size : 2.5rem;
	text-align: center;
}

.tac_activate .tac_float button{
	font-family : var(--strong-links-font);
	color : var(--main-text-color);
	font-weight : bold;
	border : var(--border-img-color) solid 5px !important; 
	border-radius : 15px;
	box-shadow : 	4px 4px 4px var(--shadow-color),
					4px 4px 4px var(--shadow-color) inset;
	padding : 2rem!important;
	overflow : hidden !important;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.tac_activate .tac_float button:hover{
	color : var(--rouge-brique);
	background-color : #000;
}

.tac_activate .tac_float button span{
	font-family : var(--menu-items-font);

}

/***************scrollbar*************/

html{
	scrollbar-color: var(--border-img-color) var(--base-fond-div);
}

::-webkit-scrollbar {
  width: 15px;
  background: var(--base-fond-div); 
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px gray;
  border-radius: 15px;
  background: var(--base-fond-div);
  margin:	5px 0;
}

::-webkit-scrollbar-thumb {
  background: var(--border-img-color);
  border-radius: 15px; 
  box-shadow: inset 0 0 5px black;
}

::-webkit-scrollbar-thumb:hover {
	box-shadow: inset 0 0 10px black;
}

::-webkit-scrollbar-button {
 background: whitesmoke;
 box-shadow: inset 0 0 5px var(--rouge-brique);
 border-radius: 15px; 
 border: 1x solid var(--rouge-brique);
}

::-webkit-scrollbar-button:hover {
	box-shadow: inset 0 0 3px purple;
	background: var(--rouge-brique);
}