@font-face {font-family:"typ1451";src:url("/font/typ1451-regular.woff2")format("woff2"),url("/font/typ1451-regular.woff")format("woff");}
	html,body,header,footer,nav,label,ul,li,a,section,h1,h2,h3,h4,h5,h6,p,img,figure,div,span,input,textarea{margin:0;padding:0;border:0;outline:0;font-family:Calibri,Arial,Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman","serif";font-size:100%;color:black;vertical-align: baseline;line-height: 1;}
	*{box-sizing:border-box;font-style:normal;}
	a,img{text-decoration:none;border:none;outline:none;}
	textarea{resize:vertical;}
	nav ul{list-style-type:none;}
	body{overflow-y:scroll;}
	label,button:hover,a:hover,.go input{cursor:pointer !important;}
/* Position */
	#zoom #texte{position:relative;}	
	#zoom #liste,#apres,#avant,#up,#zoom #liste figure{position:absolute;}
	#apres,#avant,#up{z-index:10;}
	#zoom #liste {top:0;bottom:0;left:0;right:0;}
	#avant{top:10%;bottom:0;left:0;right:60%;}
	#apres{top:10%;bottom:0;left:45%;right:0;}
	#up{top:0;bottom:90%;left:0;right:0;}
/* Display */
	.tiret,.anspa{display:none;}
	#box-ima,#box-flex,body,.calc{display:grid;}
	#avant a,#apres a,#up a,#zoom #liste figure,#menu_2 ul,.go,h1,#logo,#menu_1 a,#sponsor,#navig2,#formulaire span{display:flex;}
	img{display:inline-block;}
	.green,#direction .tel,#structure .tel{display:inline-block;}
	#zoom #liste a{opacity:0.6;}
	#zoom #liste a:hover{opacity:1;}
/* Schémas */
	#logo{grid-area:logo;}
	#titre{grid-area:titre;}
	#navig{grid-area:navig;}
	#navig2{grid-area:navig2;}
	#direction{grid-area:direction;}
	#structure{grid-area:structure;}
	#centre{grid-area:centre;}
	#sponsor{grid-area:sponsor;}
	#copi{grid-area:copi;}
	.calc{grid-template-columns:minmax(max-content,1fr) max-content;grid-gap:0.5vmin;}	
	#calcul aside{grid-column:1 /span 2;}
	#box-ima,#box-flex{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:2vmin;}
/* Fonts */
	h1,h2{font-family:typ1451,Calibri,"serif";}
	#direction .tel:hover,h2,#liens #centre li a:hover,#liens #centre li:hover,.tel:hover{color:#e75095;}
	#calcul input[type=number],#navig a:hover,#navig a:hover span,#navig2 a:hover,.pdf a:hover,#liens #centre li,#liens #centre li a,h4,.tel{color:#1caddc;}
	.center{color:#1caddc !important;}
	.actif,#navig2 p{color:#9ace32 !important;}
	h1{color:#aaa;}
	#copi a,#copi p{color:#999;}
	#calcul aside{color:#666;}
	li .it{color:#111;}
	#direction h4,#direction .tel{color:black;}
	.nok{color:red;}
	.ok{color:green;}
	#navig a,#navig a span,#navig2 a,#navig2 a p{color:white;}
	#navig2 .transparent{color:transparent !important;}
	h2,.green,#liens #centre li,.tel,.bold{font-weight:bold;}
	.it {font-weight:normal;}
	.it,#calcul aside{font-style:italic;}
	#navig,#navig2{text-shadow:1px 1px 1px black;}
	h2{text-shadow:2px 2px 1px white;}
	#navig2 .transparent{text-shadow:none;}
	#texte p,#texte li{line-height:1.2;}
	#direction,#structure{line-height:1.3;}
	#structure .it,#structure span,#direction p,#direction .rue{line-height:1.5;}
	h2{font-size:calc(20px + 0.7vw + 0.7vh);}
	#menu_1,#navig2{font-size:calc(12px + 0.2vw + 0.2vh);}
	.tel,h4{font-size:calc(13px + 0.4vw + 0.4vh);}
	#structure .it,#structure span,.rue{font-size:calc(12px + 0.3vw + 0.3vh);}
	#calcul label,input[type=number],input[type=checkbox],#calcul aside,#direction p{font-size:calc(10px + 0.3vw + 0.3vh);}
	#copi a,#copi p{font-size:calc(10px + 0.2vh + 0.2vw);}
	form h4{font-size:calc(13px + 0.3vw + 0.3vh);}
	h3{font-size:calc(14px + 0.2vw + 0.2vh);}
	h1{font-size:calc(12px + 0.2vw + 0.2vh);}
	#texte{font-size:calc(12px + 0.2vw + 0.2vh);}
	.mail{font-size:calc(14px + 0.4vw + 0.4vh);}
	#liens #centre li{font-size:calc(14px + 0.4vw + 0.4vh);}
	input[type=checkbox]{transform: scale(1.3)}
/* Background */
	.transparent{background-color:transparent!important;}
	#navig{background-color:rgba(231,80,149,1);}
	.actif,#navig2 p{background-color:rgba(0,0,0,0.2);}
	#navig2{background-color:rgba(231,80,149,0.7);}
	#accueil #centre{background:url(/img/00-accueil.jpg) no-repeat center;background-size:cover;}
	#fond #centre{background:url(/img/01-fondation.jpg) no-repeat center;background-size:cover;}
	#dir #centre{background:url(/img/02-direction.jpg) no-repeat center;background-size:cover;}
	#presco #centre{background:url(/img/04-prescolaire.jpg) no-repeat center;background-size:cover;}
	#nurserie #centre{background:url(/img/05-nurserie.jpg) no-repeat center; background-size:cover;}
	#trotteurs #centre{background:url(/img/06-trotteurs.jpg) no-repeat center;background-size:cover;}
	#moyens #centre{background:url(/img/07-moyens.jpg) no-repeat center;background-size:cover;}
	#para #centre{background:url(/img/08-parascolaire.jpg) no-repeat center;background-size:cover;}
	#cully #centre{background:url(/img/09-cully.jpg) no-repeat center;background-size:cover;}
	#grandvaux #centre{background:url(/img/10-grandvaux.jpg) no-repeat center;background-size:cover;}
	#p78 #centre{background:url(/img/11-78p.jpg) no-repeat center;background-size:cover;}
	#utiles #centre{background:url(/img/12-utiles.jpg) no-repeat center;background-size:cover;}
	#liens #centre{background:url(/img/13-liens.jpg) no-repeat center;background-size:cover;}
	#calcul #centre{background:url(/img/14-calcul.jpg) no-repeat center;background-size:cover;}
	#contact #centre{background:url(/img/15-contact.jpg) no-repeat center;background-size:cover;}
	#actu #centre{background:url(/img/19-actu.jpg) no-repeat center;background-size:cover;}
	#covid #centre{background:url(/img/20-covid.jpg) no-repeat center;background-size:cover;}
	#divers #centre{background:url(/img/21-divers.jpg) no-repeat center;background-size:cover;}
	#zoom #texte,#image #texte,#photos #texte{background-color:#222;opacity:1 !important;}
	#plan #texte{background-color:rgba(231,80,149,0.2);}
	#texte,#contact form{background-color:rgba(255,255,255,0.8);}
	#calcul fieldset{background-color:rgba(255,255,255,0.9);}
	#calcul table{background-color:rgba(28,173,220,0.2);}
	.surlign{background-color:silver;}
	.question label{background-color:#9ace32;}
	.go input{background-color:#1caddc;}
	.go input:hover{background-color:#e75095;}
	#box-ima a,#box-flex figure{background-color:#ddd;}
	#revenu_annuel,#D1,#CM1,#CM2,#CJ2,#CMS,#CMR{background-color:rgba(0,0,0,0.1);}
	.w_11n,.w_12n,.w_21n,.w_31n, .w_32n{background-color:rgba(231,80,149,0.1) !important;}



/* Bordures */
	.tel{border:1px solid #9ace32;border-radius:12px;}
	#direction .tel{border:1px solid black;}
	#navig2 a,#navig2 p{border-left:1px solid rgba(255,255,255,0.3);}
	#navig2 a:last-child,#navig2 p:last-child{border-right:1px solid rgba(255,255,255,0.5);}
	#menu_1 a{border-right:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);}
	#navig2 .transparent,#navig2 .transparent:last-child { border:none;}
	h3{border-bottom:1px solid #1caddc;}
	fieldset{border:1px solid #1caddc;}
	input[type=number]{box-shadow:1px 1px 1px silver;}
	textarea,input[type=text],input[type=email] {box-shadow:1px 1px 2px rgba(5,60,0,0.7);}
	.go input{border-radius:10%;}
	.go input{box-shadow:1px 1px 2px rgba(5,60,0,0.7);}
	#box-flex figure{border-radius:5%;}
/* Alignements */
	.center,#box-flex figure,.surlign,.question label,#calcul td,#calcul th,h3,h4,#menu_2,#menu_1 a,#structure,#direction,#copi{text-align:center;}
	#avant a,#apres a,#zoom #liste figure,h1,.go,#logo,#sponsor,#menu_1 a{align-items:center;}
	#up a,#zoom #liste figure,h1,#menu_1 a,#logo,.go{justify-content:center;}
	#sponsor{justify-content:space-around;}
	.right,.calc label,input[type=number],#D1,#CM1,#CM2,#CJ2,#CMS,#CMR,#revenu_annuel{text-align:right;}
	.go {justify-content:space-between;}
	#formulaire span{flex-wrap:wrap;}
	#avant a{justify-content:flex-start;}
	#apres a{justify-content:flex-end;}
/* Dimensions */
#box-ima a{height:100%;width:100%;border-radius:5%;display:flex;justify-content:center;align-items:center;align-content: center;}
#box-ima img{max-width:96%;max-height:96%;width:auto;height:auto;}
	#zoom #liste,#avant a,#apres a,#up a,#logo img,#menu_1,#menu_2 li,#zoom #liste figure{width:100%;}
	.alb img,#zoom figure img {width:auto;}
	.surlign,.w_21,.w_21n{width:calc(100% - 2vmin);}
	.w_11,.w_11n,.w_12,.w_12n{width:calc(50% - 2vmin);}
	.w_31,.w_31n{width:calc(20% - 2vmin);}
	.w_32, .w_32n{width:calc(80% - 2vmin);}
	#calcul input[type=number],#D1,#CM1,#CM2,#CJ2,#CMS,#CMR,#revenu_annuel{min-width:100px;width:5vw;}
	#zoom figure img {max-width:100%;}
	#sponsor img{width:25%; max-width:120px;}
	#calcul form,#contact form{max-width:700px;}
	.alb img{max-width:200px;}
	.w_11,.w_11n,.w_12,.w_12n,.surlign,.w_21,.w_21n,.w_32,.w_32n,.w_31,.w_31n{min-width:auto;}
	body{height:100vh;}
	#zoom #liste,#avant a,#apres a,#up a,#zoom #liste figure{height:100%;}
	#zoom figure img {height:auto;}
	.alb img{height:80%;}
	#zoom figure img {max-height:100%;}
	.alb img{max-height:113px;}
	#texte{min-height:100%;}
	.alb{min-height:150px;}
/* Margin */
	h2{margin-bottom:3vmin;}
	#direction .tel,#structure .tel{margin:1vh auto;}
	#texte ul{margin-left:5vw;}
	#liens #centre li{margin-bottom:2vh;}
	input[type=text],input[type=email],textarea{margin: 0.5vmin 1vmin;}
	.question label{margin: 1vmin;}
	.surlign{margin: 0.5vmin 1vmin;}
	#calcul table{margin:auto;}
	#calcul table,h3{margin-bottom:0.5vh;}
	#contact form{margin-top:1vh;margin-bottom:1vh;}
	#box-flex,#box-ima{margin-top:5vh;}
/* Padding */
	#navig2 a,#navig2 p{padding:1vh 1vw;}
	#copi{padding:1.5vh 1vw 1vh;}
	#menu_1 a{padding:1vh 0;}
	h1,#logo{padding:1vmax;}
	#direction,#structure{padding:3vh 0;}
	.tel{padding:1vmax;}
	input[type=text],input[type=email],textarea,.question label,.go,.go input{padding:1vmin;}
	.surlign{padding:1vh 1vw;}
	.second{padding-top:2vh;}
	#direction p{padding:1vw;}
	#D1,#CM1,#CM2,#CJ2,#CMS,#CMR,#revenu_annuel{padding:0 15px;}
	#calcul aside {padding-bottom:0.5vh;}
	.center{padding-top:0.5vh;padding-bottom:0 !important}
	#calcul form h4{padding:0.5vh;}
/* Divers */
	#menu_1 a{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens: auto;}
	.pdf li{list-style-image:url("/img/pdf.png");}
	.tel{white-space:nowrap;}

@media screen and (max-width: 500px){ .cache{display:none;}}

@media screen and (orientation: landscape){
	#contact form,#calcul form {position:absolute;}
/* Display */
	#navig,#menu_1,#navig2 a,#navig2 p{display:flex;}
/* Schémas */
	body{grid-template-columns:20vw 1fr;grid-template-areas:"logo navig" "titre navig2" "direction centre" "structure centre" "sponsor centre" "copi centre";}
	#navig { grid-template-columns:1fr max-content;}
	body{grid-template-rows:max-content max-content 1fr 1fr max-content max-content;}
/* Background */
	#accueil #right{background:url(/img/00-accueil.jpg) no-repeat center;background-size:cover;}
	#fond #right{background:url(/img/01-fondation.jpg) no-repeat center;background-size:cover;}
	#dir #right{background:url(/img/02-direction.jpg) no-repeat center;background-size:cover;}
	#presco #right{background:url(/img/04-prescolaire.jpg) no-repeat center;background-size:cover;}
	#nurserie #right{background:url(/img/05-nurserie.jpg) no-repeat center;background-size:cover;}
	#trotteurs #right{background:url(/img/06-trotteurs.jpg) no-repeat center;background-size:cover;}
	#moyens  #right{background:url(/img/07-moyens.jpg) no-repeat center;background-size:cover;}
	#para #right{background:url(/img/08-parascolaire.jpg) no-repeat center;background-size:cover;}
	#cully #right{background:url(/img/09-cully.jpg) no-repeat center;background-size:cover;}
	#grandvaux #right{background:url(/img/10-grandvaux.jpg) no-repeat center;background-size:cover;}
	#p78 #right{background:url(/img/11-78p.jpg) no-repeat center;background-size:cover;}
	#utiles #right{background:url(/img/12-utiles.jpg) no-repeat center;background-size:cover;}
	#liens #right{background:url(/img/13-liens.jpg) no-repeat center;background-size:cover;}
	#calcul #right{background:url(/img/14-calcul.jpg) no-repeat center;background-size:cover;}
	#contact #right{background:url(/img/15-contact.jpg) no-repeat center;background-size:cover;}
	#actu #right{background:url(/img/19-actu.jpg) no-repeat center;background-size:cover;}
	#covid #right{background:url(/img/20-covid.jpg) no-repeat center;background-size:cover;}
	#divers #right{background:url(/img/21-divers.jpg) no-repeat center;background-size:cover;}
/* Dimensions */
	#right,#menu_1 a{width:100%;}
	#right,#menu_2 ul{height:100%;}
	#right{min-height:100%;}
/* Alignements */
	#menu_1{justify-content:space-between;}
	h1{text-align:center;}
	#menu_2 ul,#menu_2 li,#navig2 a,#navig2 p{justify-content:center;}
	#navig2 a,#navig2 p,#menu_2 ul,#menu_2 li{align-items:center;}
	#menu_2 ul,#menu_2 li{flex-direction:column;}
/* Fonts */
	#menu_2 a{font-size:calc(12px + 0.2vw + 0.2vh) !important;}
	#menu_2 a:hover{color:#1caddc;}	
/* Margin  */
	#right{margin-left :10vmin;}
/* Padding */
	#texte{padding:5vmin;}
	.green{padding-top:3vh; padding-bottom:1vh;}
/* Bordures */
	#menu_2 ul{border-left:1px solid rgba(255,255,255,0.3);}
	#menu_2 li:first-child{border-bottom:1px solid rgba(255,255,255,0.3);}
	#titre{border-bottom: 1px solid rgba(231,80,149,1);}
/* Divers */	
#right {
	float: right;
	-webkit-shape-outside: margin-box polygon(60% 0, 100% 0, 100% 100%, 90% 100%);
			shape-outside: margin-box polygon(60% 0, 100% 0, 100% 100%, 90% 100%);
	-webkit-clip-path: 		polygon(60% 0, 100% 0, 100% 100%, 90% 100%);
	clip-path: 				polygon(60% 0, 100% 0, 100% 100%, 90% 100%);
}
	
}

/*****************************************/
@media screen and (orientation: portrait){
/*****************************************/
	#menu_2 li:first-child {border-right:1px solid rgba(255,255,255,0.3);}
/* Display */
	#right,#photos #direction,#image #direction,#zoom #direction,#photos #structure,#image #structure,#zoom #structure,#photos #copi,#image #copi,#zoom #copi,#photos #sponsor,#image #sponsor,#zoom #sponsor {display:none !important;}
	#direction,#menu_1,#navig {display:grid;}
/* Background */
	#menu_2{background-color:#1caddc;}
	#structure{background-color:rgba(28,173,220,0.1);}
	#direction{background-color:rgba(231,80,149,0.2);}
	#direction .tel,#structure .tel{background-color:white;}
/* Dimensions */
	#menu_2 ul{width:100%;}	
	#centre{min-height:50vh;}
/* Schémas */	
	body{grid-template-columns:30vw 1fr;}	       
	body{grid-template-areas:"logo titre""navig navig""navig2 navig2""centre centre""structure structure""direction direction""sponsor sponsor""copi copi";}
	body{grid-template-rows:max-content max-content max-content max-content max-content min-content min-content min-content;}
	#photos,#image,#zoom{grid-template-areas:"logo titre""navig navig""navig2 navig2""centre centre" !important;}
	#photos,#image,#zoom {grid-template-rows:max-content max-content max-content 1fr;}
	#direction{grid-template-areas:"a2 ouverture""rue ouverture""tel ouverture""mail mail";grid-template-columns:1fr 1fr;grid-gap:1vmin;}
	#menu_1{grid-template-columns: repeat(auto-fill, minmax(19.2vw, 1fr) ) ;}
	#navig {grid-template-areas:"repas""suite";}
	#menu_1{grid-area:suite;}
	#menu_2{grid-area:repas;}
	address h4{grid-area:a2;}
	#direction .tel{grid-area:tel;}
	#direction .rue{grid-area:rue;}
	.mail{grid-area:mail;}
	#direction p{grid-area:ouverture;}
/* Fonts */
	#menu_2 a{font-size:calc(13px + 0.3vw + 0.3vh) !important;}	
	#menu_2 a:hover{color:#e75095;}
/* Alignements */
	#menu_2 ul{justify-content:space-around;text-align:center;}
	#direction{align-items:center;}
/* Margin  */
	#direction{margin-bottom:2vh;}
	#structure h4{margin:1vmin;}
	#copi{margin-bottom:3vh;}
	#calcul form,#contact form{margin-right:auto;margin-left:auto;}
/* Padding */
	#texte{padding:3vmin;}
	#menu_2 li{padding:1vh 1vw;}

}