h1 {
	font-family: 'Facade';
	font-weight:normal;
	text-transform: lowercase;
	}
	
h2 {
	font-family: 'Facade';
	font-weight:normal;
 }

h3 {
	font-family: 'Facade';
	font-weight:bold;
    }
    
h4 {
	font-family: 'Trade';
	font-weight:bold;
        }
	
p {
	font-family: 'Trade';
	font-size:15px;
	margin-left:15%;
    }

li{
	font-family: 'Trade';
	font-size: 10px;
	margin-left:15%;
}
	
@media print{
	.print{
		display: block !important;
	}

	.screen{
		 display: none !important;
	 }

	@page{
		size: 150mm 230mm;
		marks: crop ;
		margin-top:15mm;
		margin-bottom:15mm;
	 }

@page:right{
        margin-left: 20mm;
        margin-right:15mm;
       @right-middle{
		content: counter(page);
		font-family: 'Trade';
		font-size:8px;
		font-weight: light;
		transform: rotate(-90deg);
            }
}
	
	@page:left{
		margin-left: 15mm;
		margin-right:20mm;
		@left-bottom{
			content: string(title);
			font-family: 'Trade';
			font-weight: light;
			font-style: oblique;
			color: black;
			font-size: 8px;
			writing-mode: tb-rl;
			transform: rotate(-180deg);
			padding: 5mm;
			padding-top: 5px;
		}
		@left-middle{
			content: string(subtitle);
			font-family: 'Trade';
			font-weight: light;
			font-style: oblique;
			color: black;
			font-size: 8px;
			writing-mode: tb-rl;
			transform: rotate(-180deg);
			padding: 5mm;
			padding-top: 5px;
		}
		@left-top{
			content: string(subsubtitle);
			font-family: 'Trade';
			font-weight: light;
			font-style: oblique;
			color: black;
			font-size: 8px;
			writing-mode: tb-rl;
			transform: rotate(-180deg);
			padding: 5mm;
			padding-top: 5px;
		}
	}
	
	@page:blank{
	background-color: withe;
		@bottom-center{
			content: none;
		}
		@bottom-left{
			content: none;
		}
		@right-middle{
			content:none;
		}
		@left-bottom{
		content: none;
		}
	@left-middle{
	    content:none;
	    }
	}
	
	
	p {
		font-family: 'Trade';
		font-size: 10px !important;
		margin: 1mm 1mm 3mm 10mm !important;
		margin-top: 20px;
	}
	
	.textintro{
		font-family:'Trade';
		font-size: 9px !important;
		margin-top: 75px !important;
		break-before: right important;
		}
		
	#nomintro{
		font-family: 'Trade';
		font-size:8px !important;
		font-style: oblique;
		padding-left: 100px;
		
	}
	
	.introcovid{
		font-family:'Trade';
		font-size: 9px !important;
		margin-top: 75px !important;
		break-before: left !important;
		}
	
	p:nth-child(3n) {
		margin-left:30mm !important;
	}
	
	p:nth-child(5n) {
		margin-left:60mm !important;
	}
	
	li{

		font-family: 'Trade';
		font-size: 10px !important;
		margin: 2mm 5mm 2mm !important;
		list-style-type: none !important;
	} 
	
	li:before{
	content:"■  "
	}
	
	ul{
		font-family: 'Trade';
		font-size: 10px !important;
		margin: 2mm 5mm 2mm !important;
	}
	
	ol{
		font-family: 'Trade';
		font-size:10px !important;
		padding-left:20px;
		margin-bottom: 12px !important;
	}
	
	a{
		font-family: 'Trade';
		text-decoration:none !important;
		color: black;
		font-size:10px !important;
	}
	
	#logovariable{
		display:none !important;
	    }
	
.summary{
    position: relative !important;
    }


.button:after{
	    content: none !important;
	}
	
#liste1 a{
	font-family: 'Facade';
	font-weight: bold;
	font-size:18px !important;
	text-decoration: none !important;
	
	
	}
	
#liste2 a{
    font-family:'Trade';
    font-size:14px !important;
    text-transform:lowercase;
    
		}
		
#liste3 a{
    //font-style: oblique !important;
    font-size: 12px !important;
    }
    
#liste4 a{
    font-size: 12px !important;
    }    
    
    
#liste1 ol{
    margin-top: 10px !important;
    margin-bottom: 18px !important;
    }



#cycledeux{
    break-before: always !important;
    margin-top: 130px !important;
        margin-bottom: 0px !important;
    }
    #liste2 ol{
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    }
    
       #liste3 ol{
    margin-top: 7px !important;
    margin-bottom: 10px !important;
    margin-right: 0 !important;
    }
    
       #liste4 ol{
    //margin-top: 7px !important;
    //margin-bottom: 10px !important;
    
    }

#liste2 li{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    }
		

	
	h1{
		break-before: right !important;
		break-after: always !important;
		font-size: 100px !important;
		string-set: title content(text);
		float: right;
		margin: 0 !important;
		text-align:right;
		transform: rotate(-180deg);
		writing-mode: tb-rl;
		padding: 0px !important;
		}
	
	
	h2{
		color: black;
		font-family: 'Facade';
		font-style: normal;
		break-before: always;
		font-size: 40px  !important;
		margin-left:0mm !important;
		margin-bottom:3mm !important;
		margin-top: 0px !important;
		padding: 0px !important;
	
	}
	
	.info {
		display:block !important;
		string-set: subtitle content(text) !important;
		}
	
	.sub {
		display:block !important;
		string-set: subsubtitle content(text) !important;
		}
		
#anne1{
    display: none !important;
    }

#anne2et3{
    display: none !important;
    }

#anne4et5{
    display: none !important;
    }

#lamentiondoe{
    display: none !important;
    }

#lamentiondvg{
    display: none !important;
    }
    
#lessondes{
    display: none !important;
    }
#mentiondesigndesmdia{
    display: none !important;
    }
#mentiondesigndescommuns{
    display: none !important;
    }
#programmesderechercheenartetendesignpad{
    display: none !important;
    }
	@page:nth(-n+48){
		@left-middle{
			content:none;
			}
			}
			
			
	@page:nth(n+145){
		@left-middle{
			content:none;
			}
			}

	@page:nth(-n+62){
		@left-top{
			content:none;
			}
			}
			
	@page:nth(n+145){
		@left-top{
			content:none;
			}
			}
			
			
	@page:nth(-n+14){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
			
			
	@page:nth(60){
		@left-middle{
			content:none;
			}
			}

	@page:nth(108){
		@left-top{
			content:none;
			}
			}
			
			
	
			
	@page:nth(114){
		@left-top{
			content:none;
			}
		@left-middle{
			content:none;
			}
			}
			
	@page:nth(48){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
			
	@page:nth(49){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
			
			
	@page:nth(65){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
			}
			
	@page:nth(66){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
			
	@page:nth(67){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}

@page:nth(68){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
			
	@page:nth(69){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
			
	@page:nth(86){
		@left-top{
			content:none;
			}
			}

	@page:nth(89){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
			}

	@page:nth(90){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}

	@page:nth(91){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
			
	@page:nth(92){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}

	@page:nth(93){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}

	@page:nth(109){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}

	@page:nth(116){
		@left-middle{
			content:none;
			}
		@left-top{
			content:none;
			}
			}
			
	@page:nth(118){
		@left-top{
			content:none;
			}
			}
	
	@page:nth(121){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
	
	@page:nth(122){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
	
	@page:nth(123){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
	
	@page:nth(129){
		@right-middle{
			content:none;
			}
			}
	
	@page:nth(132){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
	
@page:nth(133){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
	
	@page:nth(134){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
	
	@page:nth(135){
		@left-middle{
			content:none;
			}
		@left-bottom{
			content:none;
			}
		@left-top{
			content:none;
			}
		@right-middle{
			content:none;
			}
			}
	
	@page:nth(139){
		@right-middle{
			content:none;
			}
			}
	
	h3{
		font-family: 'Facade';
		font-weight: bold;
		font-size: 25px !important;
		margin-left:0mm !important;
		margin-bottom: 2mm !important;
		margin-top: 0mm !important;
		break-before: always;
		padding: 0px !important;
	 }

	h4{
		margin-bottom: 1mm;
		font-weight: bold !important;
		font-size: 20px !important;
		margin-left:10mm !important;
		padding: 0px !important;
	
	}
	
.cours strong {
	font-size: 10px !important;
	font-family: 'Trade' !important;
	font-style: oblique !important;
	
    }
	
.cours {
	columns: 2;
	margin-right: 0px !important;
	margin-left: 0px !important;
    }


.columns{
    columns:1 !important;
    }

.cours p{
	margin-left: 0px !important;
	margin-top: px !important;

}

figcaption{
	padding-bottom:0px;
	font-family: 'Trade';
	font-style: italic;
	font-weight: lighter;
	font-size: 10px;
}


    }
    

	
.image{
    display: block;
    border: solid 1px !important;
    width: 70mm !important;
    height: 70mm !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-left: 30px !important; 
    padding: 0px;
    }

.imagerect{
    display: block ;
    border: solid 1px !important;
    width: 80mm !important;
    height: 60mm !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-left: 30px !important; 
    padding: 0px;
    }

.coul{
	display: none !important;
	opacity:0%; !important
}
.image:hover{
    display: block ;
    border: solid 1px !important;
    }

.imagerect:hover{
    display: block ;
    border: solid 1px !important;
    }


.legende{
    display: block !important;
    opacity: 100% !important;
	font-family: 'Trade';
	font-weight: lighter;
	font-size: 10px;
}

.table{
	break-before:always;
	break-after: always;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: 200mm !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	border: 0px solid;
	
}

.table img{
	width: 190mm !important;
	transform: rotate(-90deg) ;

}

.gros img{
	width: 170mm !important;
	transform: rotate(-90deg) ;
	}
	
#farges{
	width: 60mm !important;
	height: 60mm !important;
    }

#houille {
	width: 55mm !important;
	height: 55mm !important;
	}

#mycelium{
	width: 70mm !important;
	height: 40mm !important;
    }

	.cours .nom {
		font-family: 'trade';
		font-size:12px !important;
		font-style: oblique;
		margin top: 10px !important;
		margin-left: 20px !important;
		break-after: avoid-column !important;
		page-break-after: avoid !important;
		page-break-inside: avoid !important;
		-webkit-column-break-after: avoid !important;
	}
	
	.cours .intitule {
		font-family: 'Trade';
		font-size: 15px !important;
		text-transform: uppercase;
		margin-top: 30px !important;
		margin-bottom: 0px !important;
		margin-left: 20px !important;
		break-after: avoid-column !important;
		page-break-after: avoid !important;
		page-break-inside: avoid !important;
		-webkit-column-break-after: avoid !important;
	}
	
	.cours strong{
		break-after: avoid-column !important;
		page-break-after: avoid !important;
		-webkit-column-break-after: avoid !important;
	}
	
	.cours a{
	font-size: 10px !important;
	}
	
	.cours li{
		margin-left: 0px !important;
	}
	
	strong{
		font-family: 'Trade' !important;
		font-size: 10px !important;
		font-style: oblique !important;
		//margin-left: 0px !important;
	}
	
	span{
		display:block !important;
		display: inline !important;
		font-family:Trade !important;
		font-size:10px !important;
	    }
	
	.soustitre{
		font-family: 'Trade' !important;
		font-size: 15px !important;
		margin-left: 0px !important;
		text-transform: uppercase;
	}
	
	.orga{
		margin-left: 0% !important;
	}
	
	.orga .p{
		margin-left: 0px !important
	}

	.orga .nom{
		font-family: 'trade';
		font-size:10px !important;
		font-style: oblique;
		//margin top: 10px !important;
		margin-left: 0px !important;
		line-height: 13px !important;
	}
	
	
	
	.orga .intitule{
		font-family: 'Trade';
		font-size: 12px !important;
		text-transform: uppercase;
		margin-top: 15px !important;
		margin-bottom: 0px !important;
		margin-left: 0px !important;
	}
	
	.orga .soustitre{
	font-family: 'Trade' !important;
	font-size: 15px !important;
	margin-left: 0px !important;
	margin-top: 20px !important;
	text-transform: uppercase;
	margin-bottom: 2px !important;
	}
	
	.orga .debut{
		break-before: always;
		}
	
	.mentions{
		margin-top: 450px;
		break-before: right;
		font-family: 'Trade';
		font-size: 10px !important;
	}
	
	.mentions .soustitre{
		font-family: 'Facade' !important;
		font-size: 20px !important;
		font-style: bold;
		text-transform: none;
	}
	
	.mentions .intitule{
		font-family: 'Trade';
		font-size: 10px !important;
		text-transform: uppercase;
		margin-top: 15px !important;
		margin-bottom: 0px !important;
		margin-left: 0px !important;
	}
	
	.mentions .nom{
		font-family: 'trade';
		font-size:8px !important;
		font-style: oblique;
		//margin top: 10px !important;
		margin-left: 0px !important;
		line-height: 10px !important;
	}
	
	.mentions .nom a{
	font-size:8px !important;
	}
	
	#colophon{
		display:none;
		}
	.limention{
		font-family: 'trade';
		font-size: 8px !important;
		font-style: oblique;
		margin top: 0px !important;
		margin-left: 0px !important;
		line-height: 12px !important;
		margin-bottom: 0px !important;
	}

    .imagelogo{
        display: block !important;
	    break-before: right;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	width: 60% !important;
	
        }
        #listepage{
            //display: none !important;
            }


}