/**************************FORMAT MEDIUM***************************/
/*************************GRANDS ECRANS PC*************************/


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

	#menu-menu-realisations, #menu-realization-menu{
		right : 38px;
	}

	#menu-menu-fonctionnement, #menu-operation-menu{
		left : 38px;
	}
}

/* Section écrans moyen desktop */
@media (min-width: 1401px) and (max-width: 1600px) {
  #tarteaucitronAlertBig{
    width: 35vw;
  }

  #tarteaucitron{
    width: 45vw;
  }
}



/**************************FORMAT MEDIUM***************************/
/*************************PETITS ECRANS PC*************************/
@media screen and (max-width : 1199.98px) and (min-width : 992px){

/*DECORATIONS MD*/

	.switch{
		position : absolute;
		top : 13px;
		left : 132px;
	}

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

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

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

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

	.francais{
		left : 638px;
		top : 50px;
	}

	.english{
		left : 910px;
		top : 40px;
	}

	:root{
		--control-panel-width : 75vw;
	}

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

	#popup-control-panel{
		left : calc(50% - var(--control-panel-width) / 2);
	}

	.tx-629 {
    	width : 60vw;
	}

	.big-tentacle{
		top : 150px;
		width : 300px;
	}

	.tentacle-shadow{
		top : 230px;
		width : 300px;		
	}

/*MENU NAVIGATION MD*/

	.menu{
		width: 972px;
		height: 99px;
		line-height: 95px;
		border-radius : 29px;
		background-image: url('../img/cadre_menu_md.png');
		box-shadow: 2px 4px 2px black,
					4px 10px 4px #3F4645;
	}

	.menu_item{
		width : 375px;
		height : 51px;
		top : 23px;
	}

	.menu_left {
		left: 26px;
	}

	.menu_right{
		right: 26px;
	}

	.tentacle{
		width: 66px;
		height: 100px;
		right: 125px;
		top: 17px;
	}
	
	#menu-menu-realisations, #menu-realization-menu, #menu-operation-menu, #menu-menu-fonctionnement{
	width : 363px;
	}

	#menu-menu-realisations, #menu-realization-menu{
		right : 32px;
	}

	#menu-menu-fonctionnement, #menu-operation-menu{
		left : 32px;
	}

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

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

	nav li{
		width : 96px;
		font-size: 25px;
/* 		max-width: 118px; */
	}

	nav li li{
		font-size: 14px;
		margin-top : 10px;
	}

	nav ul{
		padding-left : 35px;
	}

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

	.logo.etat1{
		left: 392px;
		top: -42px;
		width : 190px;
		height : 190px;
	}

	.logo.etat2{
		left: 432px;
		width : 110px;
		height : 110px;
	}

	.menu-on{
		width : 104px;
		height : 51px;
	}

	.menu-on-1{
		left : 40px;
		top : 22px;
	}

	.menu-on-2{
		left : 162px;
		top : 22px;
	}

	.menu-on-3{
		left : 281px;
		top : 22px;
	}

	.menu-on-4{
		left : 584px;
		top : 22px;
	}

	.menu-on-5{
		left : 706px;
		top : 22px;
	}

	.menu-on-6{
		left : 827px;
		top : 22px;
	}


/*BANNIERES MD*/

	.banniere{
		height : 156px;
	}

	.banniere h1{
		font-size : 50px;
		line-height: 150px;

	}

	.parallaxe h2{
		top : 90px;
		
	}


/*PAGES TECHNIQUES MD*/

	.content-1_technique{
		height : 450px;
	}

	.banniere_technique{
		height : 200px;
	}
		
	.titre_technique h1{
		font-size : 40px;
		margin-top : 0;
		line-height : 200px;
	}


	.menu-secondaire h2{
		font-size: 23px;
	}

	.menu-secondaire ul{
		font-size: 23px;
	}


/*ARCHIVES MD*/

	.illu_archive{
		margin-top: 30px;
	}

/*PAGES BIOGRAPHIE MD*/

	.dossier_bio{
		height : 850px;
	}

	.page_bio{
		width : 827px;
		height : 792px;
	}

	#bio_illu_2{
		left : 170px;
	}

	.bio_delits{
		height : 140px;
	}

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


/*DIVERS MD*/

	.titre_film{
		font-size : 15px;
	}


	.mejs-container{
		display: none;
	}

	#tarteaucitronAlertBig{
	    width: 45vw;
    }

	#tarteaucitron{
	    width: 45vw;
	}

	.tarteaucitronMainLine .tarteaucitronAsk{
	    width: 75%;
	}

	#popup-newsletter{
		top : 2vh;
	}


}

/**************************FORMAT SMALL***************************/
/**********************TABLETTES*SMARTPHONES**********************/


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

	body{
		font-size : 16px;
	}

	a:active{
		background-color : var(--rouge-brique);
	}

	.entry-content img{
		display : block;
	}

	.entry-content img, .wp-caption{
		float : none;
		margin: auto;
		margin-top: 10px;
		margin-bottom : 10px;
	}

	.wpcf7-validation-errors{
		font-size : 19px;
	}

	.wpcf7 p{
		display : block;
		width : 100%;
	}

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

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

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

	#popup-newsletter{
		top : 10vh;
		height : 300px;		
	}

	#tarteaucitronAlertBig{
		max-height : 35vh;
	}

	#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
	    background-position: 160% 80%;
	    background-size : 60%;
	}

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

	#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert small {
	    font-size: 1.3em;
	    margin-bottom: 0.25rem;
	    font-weight: 100;
	}

	#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
	    font-size: 1em;
	    margin-bottom: 1rem;
	}

  #tarteaucitron{
    width: 100vw;
    right: 0;
    bottom : 0;
    top : auto!important;
    max-height: 40vh;
    overflow:auto;
  }

}



/**************************FORMAT SMALL***************************/
/***************************TABLETTES*****************************/
@media screen and (max-width : 991.98px) and (min-width : 768px){

/*DECORATIONS SM*/

	.sonnette{
		display : none;
	}

	.bouton{
		width : 28px;
	}
	
	.bleu, .orange{
		left : 19px;
		top : 13px;
		width : 19px;
	}

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

	.etiqswitch {
	    left: 82px;
	    top: 175px;
	}

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

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

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

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

	.francais{
		left : 570px;
		top : 170px;
		z-index : 10;
	}

	.english{
		left : 680px;
		top : 170px;
		z-index : 10;
	}

/*MENU NAVIGATION SM*/

	.bouton-menu{
		width : 100%;
		height : 50px;
		position : fixed;
		top : 0px;
		left : 0px;
		border-bottom : solid #D2A757 5px;
		z-index : 50001;
		box-shadow: 3px 5px 2px black, 6px 13px 6px #3F4645;
		background-color : #93B3B3;
	}
	
	.icone-off{
		z-index : 10;
	}

	.icone-on{
		z-index : 0;
	}

	.bouton-menu .icone_menu{
		width : 40px;
		height : 40px;
		position : absolute;
		right :  30px;
		top :  5px;
		background-image: url('../img/icone_menu.png');
		cursor : pointer;
	}

	.bouton-menu .custom-logo.etat1, .bouton-menu .custom-logo.etat2{
		width : 45px;
		height : 45px;
		position :  absolute;
		left : 0px;
		top : 0px;
	}

	.menu.etat2{
		top : 50px;
	}
	
	.menu{
		margin-top : 0px;
		padding-top : 10px ;
		background-image : none;
		border-radius : 0px;
		position : fixed;
		top : 50px;
		left : 0;
		z-index : 1500;
		background-color : #F4F4F4;
		width : 100%;
		text-align : center;
		height : 50%;
		font-size : 30px;
		overflow: auto;
		line-height : 40px;
		border-bottom : solid #D2A757 5px;
		z-index :  50000;
		margin : 0;
		padding : 0;
	}
	
	.menu::before{
		content : '';
		background-image : url('../img/cadre_menu_mobile.jpg');
		position: fixed;
		left : 0px;
		top : 45px;
		width : 25px;
		height : 60%;
		z-index : 5000;
	}

	.menu::after{
		content : '';
		background-image : url('../img/cadre_menu_mobile.jpg');
		position: fixed;
		right : 0px;
		top : 45px;
		width : 25px;
		height : 60%;
		z-index : 5000;
	}
	
	
	.menu li a:hover{
		color : #111111;
		text-decoration: none;
	}
	
	.sub-menu{
		width :  100%;
		margin : 0;
		margin-top : -10px;
	}

	.menu-lvl-1 > .menu-item {
    	width: 100%;
	}
	
	nav ul{
		padding : 0!important;
		position : relative;
		margin : 0;
	}

	nav ul ul{
		position : static;
		overflow :  visible;
		max-height : 300px;
		width : 100%;
		box-shadow : none;
		font-size : 20px;
	}

	.menu li li{
		display : block;
		position : relative;
		text-align: center;
		height : auto;
		max-height : 200px;
		margin-top : 10px;
		line-height : 30px;
	}
	.menu li li a{
		color : #111111;
		font-weight : normal;
		background-color : transparent;
		font-size : 15px;

	}

	.menu_item{
		display: none;
	}

	.tentacle{
		display: none;
		width: 66px;
		height: 100px;
		right: 85px;
		top: 17px;
	}
	
	nav li{
		display : block;
		position: relative;
		text-align : center;
		font-family: 'bignoodletitlingregular';
		font-size: 25px;
		z-index: 10;
		margin : auto;
		max-width: none;
	}
	
	nav>ul>li{
		background-color : #98B1AD;
	}

	nav li a{
		position: relative;
		margin : 0;
		padding : 0;
		width : 100%;
	}
	
	.logo.etat1, .logo{
		left: -56px;
		top: 29px;
		width: 170px;
		height: 170px;
	}
	

	.logo.etat2{
		left: -76px;
		top: 14px;
		width : 200px;
		height : 200px;
	}

	#menu-menu-fonctionnement, #menu-menu-realisations, #menu-operation-menu, #menu-realization-menu{
		position : static;
		width : 100%;
		padding-left : 0px;
		text-align : center;
	}

/*PAGES TECHNIQUES SM*/

	.content-1_technique{
		height : 680px;
	}
	
	.banniere_technique{
		height : 200px;
	}

	.titre_technique h1{
		font-size : 40px;
		line-height : 200px;
	}

	.menu-secondaire h2{
		font-size: 23px;
	}

	.menu-secondaire ul{
		font-size: 19px;
		text-align: center;
		font-family: 'bignoodletitlingregular';
		list-style-type: none;
		margin : 0;
		padding : 0;
		line-height : 1.5em;
	}

/*ARCHIVES SM*/

	.illu_archive{
		margin-top: 80px;
	}

/*BANNIERES SM*/

	.banniere{
		height : 156px;
	}

	.banniere h1{
		font-size : 50px;
		line-height: 150px;

	}

	.parallaxe h2{
		top :90px;
	}


/*SIDEBAR SM*/

	.content-2_sidebar{
		background-image : url('../img/onglet_sidebar_sm.png');

	}

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

	.widget_categories li a{
		margin: 6px 5px 0 60px;
		width: 117px;
		font-size : 18px;
	}

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

	.widgettitle, .textwidget{
		padding-left : 20px;
	}

	.widgettitle{
		font-size : 25px ;
	}

	#categories-3 ul{
		padding-left : 0px;
	}

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

	.content-2 h2{
		font-size : 26px;
	}

	.content-2_sidebar h2{
		margin-left : 58px;
	}



/*PAGES BIORAPHIES XS*/

	.dossier_bio h1.ouvert{
		display : block;
	}

	.dossier_bio h1.ferme{
		display : none;
	}

	.dossier_bio{
		height : 1540px;
	}

	.page_bio{
		width : 567px;
		height : 1480px;
	}

	.bio_photos{
		height : 240px;
	}

	.bio_illu{
		top : 30px;
	}

	#bio_illu_2{
		left : 240px;
	}

	.bio_delits{
		height : 140px;
	}

	.bio_gauche{
		border-right : none;
		border-bottom : solid black 1px;
		height : 830px;
		width : 95%;
		margin :auto;
	}

  	#tarteaucitron{
    	width: 50vw;
  	}

	  #tarteaucitronAlertBig{
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: auto;
	    box-shadow: none;
	  }

	  #tarteaucitronMainLineOffset{
	    border-radius:0;
	  }

	  #tarteaucitronClosePanel{
	    margin: 0.5rem 0 0 0;
	    bottom: auto;
	    background:#FFF;
	    color:var(--couleur3);
	  }

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

	#random-model-illu{
		height : 153px;
	}

}


/********************FORMAT EXTRA SMALL***************************/
/***********************SMARTPHONES*******************************/

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


/*DECORATIONS FORMAT XS*/

	.row-home,
	.row-project,
	.row-single
	{
		flex-direction : column;
	}

	.home .illu{
		max-height : 120px;
	}

	.home h3{
		font-size : 22px;
	}

	.lang-item{
		position : static;
		text-align: center;
		width : 100px;
		height : 24px;
	}

	.lang-item a{
		display : block;
		color : black;
		line-height : 24px;
		width : 100px;
		font-family : 'astrudregular';
		font-size: 17px;
	}

	.xslang{
		height : 24px;
	}

	.xslang li{
		list-style-type: none;
		display : inline-block;
	}

	.lang-item-fr{
		background-image: url('../img/suite_inverse.png');
		background-repeat : no-repeat;
		float : left;
	}

	.lang-item-fr a{
		padding-right : 14px;
	}

	.lang-item-en{
		background-image: url('../img/suite_reduit.png');
		background-repeat : no-repeat;
		float : right;
	}

	div.wp-block-media-text__content{
		padding : 0px !important;
	}

	.sidebar1, .sidebar2{
		margin-top : 20px;
	}

	.wp-pagenavi .pages, .wp-pagenavi .last {
		display: none;
		
	}


/*MENU NAVIGATION XS*/

	.bouton-menu{
		width : 100%;
		height : 50px;
		position : fixed;
		top : 0px;
		left : 0px;
		border-bottom : solid #D2A757 5px;
		z-index : 50001;
		box-shadow: 3px 5px 2px black, 6px 13px 6px #3F4645;
		background-color : #93B3B3;
	}
	
	.icone-off{
		z-index : 10;
	}

	.icone-on{
		z-index : 0;
	}

	.bouton-menu .icone_menu{
		width : 40px;
		height : 40px;
		position : absolute;
		right :  30px;
		top :  5px;
		background-image: url('../img/icone_menu.png');
		cursor : pointer;
	}

	.bouton-menu .custom-logo.etat1, .bouton-menu .custom-logo.etat2{
		width : 45px;
		height : 45px;
		position :  absolute;
		left : 0px;
		top : 0px;
	}

	.menu.etat2{
		top : 50px;
	}
	
	.menu{
		margin-top : 0px;
		padding-top : 10px ;
		background-image : none;
		border-radius : 0px;
		position : fixed;
		top : 50px;
		left : 0;
		z-index : 1500;
		background-color : #F4F4F4;
		width : 100%;
		text-align : center;
		height : 60%;
		font-size : 30px;
		overflow: auto;
		line-height : 40px;
		border-bottom : solid #D2A757 5px;
		z-index :  50000;
		margin : 0;
		padding : 0;
	}
	
	.menu::before{
		content : '';
		background-image : url('../img/cadre_menu_mobile.jpg');
		position: fixed;
		left : 0px;
		top : 45px;
		width : 25px;
		height : 60%;
		z-index : 5000;
	}

	.menu::after{
		content : '';
		background-image : url('../img/cadre_menu_mobile.jpg');
		position: fixed;
		right : 0px;
		top : 45px;
		width : 25px;
		height : 60%;
		z-index : 5000;
	}
	
	
	.menu li a:hover{
		color : #111111;
		text-decoration: none;
	}
	
	.sub-menu{
		width :  100%;
		margin : 0;
		margin-top : -10px;
	}

	.menu-lvl-1 > .menu-item {
    	width: 100%;
	}
	
	nav ul{
		padding : 0!important;
		position : relative;
		margin : 0;
	}

	nav ul ul{
		position : static;
		overflow :  visible;
		max-height : 300px;
		width : 100%;
		box-shadow : none;
		font-size : 20px;
	}

	.menu li li{
		display : block;
		position : relative;
		text-align: center;
		height : auto;
		max-height : 200px;
		margin-top : 10px;
		line-height : 30px;
	}
	.menu li li a{
		color : #111111;
		font-weight : normal;
		background-color : transparent;
		font-size : 15px;

	}

	.menu_item{
		display: none;
	}

	.tentacle{
		display: none;
		width: 66px;
		height: 100px;
		right: 85px;
		top: 17px;
	}
	
	nav li{
		display : block;
		position: relative;
		text-align : center;
		font-family: 'bignoodletitlingregular';
		font-size: 25px;
		z-index: 10;
		margin : auto;
		max-width: none
	}
	
	nav>ul>li{
		background-color : #98B1AD;
	}

	nav li a{
		position: relative;
		margin : 0;
		padding : 0;
		width : 100%;
	}
	
	.logo.etat1, .logo{
		left: -56px;
		top: 29px;
		width: 170px;
		height: 170px;
	}
	

	.logo.etat2{
		left: -76px;
		top: 14px;
		width : 200px;
		height : 200px;
	}

	#menu-menu-fonctionnement, #menu-menu-realisations, #menu-operation-menu, #menu-realization-menu{
		position : static;
		width : 100%;
		padding-left : 0px;
		text-align : center;
	}


/*FOOTER XS*/

	.sonnette, .big-tentacle{
		display : none;
	}

	.tx-629{
		width : 80%;
	}

	.tentacle-shadow{
		top : 40px;
	}

	footer{
		height : 200px;
	}

/*PAGES BIOGRAPHIES*/

	.dossier_bio{
		border-radius :10px;
		position : relative;
		height : auto;
		padding-bottom : 30px;
	}

	.page_bio{
		width : 90%;
		left : 5%;
		position : relative;
		height : auto;
		padding-bottom : 30px;
		margin-bottom: 30px
	}
	
	.bio_gauche{
		border-right: none;
	}

	#bio_illu_2{
		display : none;
	}
	
	.bio_gauche{
		height : 370px;
	}


/*PAGES TECHNIQUES*/

	.titre_technique h1, .titre_archive h1{
		font-size : 25px;
		line-height : 88px;
		text-align: center;
		left : 0;
	}

	.menu-secondaire ul li{
		background-image : url('img/item_menu_single.jpg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.illu_technique{
		margin-bottom : 20px;
	}

	.content-1_technique{
		height : auto;
	}


/*ARCHIVES*/

	.term-star-wars-maquettes h1 span, .term-star-wars-en-models h1 span{
		font-size : 30px;
	}

	.term-star-trek-maquettes h1 span, .term-star-trek-en-models h1 span{
		font-size : 60px;
	}

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

	.term-cosmos-1999-maquettes h1 span,  .term-space-1999-en-models h1 span{
		font-size : 40px;
	}

	.term-epouvante-sculptures h1 span, .term-horror-en-sculpts h1 span{
		font-size : 40px;
	}

	.term-extraterrestres-sculptures h1 span, .term-extraterrestrials-en-sculpts h1 span{
		font-size : 20px;
	}

	.term-star-wars-dioramas h1 span, .term-star-wars-en-dioramas h1 span{
		font-size : 30px;
	}


/*BANNIERES*/

	.banniere{
		height : 105px;
	}

	.banniere h1{
		font-size : 25px;
		line-height: 90px;
		position : relative;
		margin-top: 0;
		right : 30% !important ;
    	filter: blur(0px) !important;
	}

	.banniere li, .banniere ul{
		width : 768px;
		margin : 0;
		padding : 0;
	}

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

	.parallaxe h2{
		top : 60px;
		left : 15%;
		font-size : 23px;
    	filter: blur(0px);
	}

	.kit{
		float : none;
		margin : auto;
		margin-top : 20px;
	}

	#popup-newsletter{
		max-width : 340px;
		right : -390px;
	}

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

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

  	#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    	background-size:auto 80%;
  	}

  	.tarteaucitronMainLine .tarteaucitronAsk{
    	width: 75%;
  	}

	#tarteaucitronAlertBig{
		width : 90vw;
		max-height : 50vh;
	}

	#tarteaucitron{
		width : 90vw;
		max-height : 40vh;	
	}

	#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper {
	    display: flex;
	    justify-content: center;
	    align-items : center;
	    flex-direction :  column;
	}

	#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button{
		width : 90%;
		margin : 10px 0;
	}

	.tarteaucitronLine .tarteaucitronAsk {
	    flex-direction : column;
	    align-items : center;
	}

	.tarteaucitronLine .tarteaucitronAsk > button{
		width : 90%!important;
		margin : 10px 0;
	}

	#tarteaucitron #dialogTitle {
	    font-size: 1.1em;
	}

	#tarteaucitronRoot #tarteaucitronClosePanel{
		position : static;
		display: block;
		width : 100px;
		margin : 30px auto;

		-webkit-transform: translateX(50%-50px);
		   -moz-transform: translateX(50%-50px);
		    -ms-transform: translateX(50%-50px);
		     -o-transform: translateX(50%-50px);
		        transform: translateX(50%-50px);
	}

	.content-2 .logo-titre-recherche span{
		top : 70px;
	}

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

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button span,
#tarteaucitronPrivacyUrlDialog > span,
#tarteaucitronRoot button > span {
    font-size: 1.5rem;

}