/*  RAZ feuille de style CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
li , a
{
text-decoration:none;	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ FIN RAZ feuille de style CSS */

html{box-sizing:border-box}


*,*:before,*:after{box-sizing:inherit}


/* standard css */
html{text-size-adjust:100%;text-size-adjust:100%}

body{margin:0}


article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
/*spécif */
nav
	{
	color: rgba(0,0,255,1.0);  /* pour essai */
	}
header, footer
	{
	text-align: center;
	margin: 0.4em;
	padding:1em;
	border-radius: 6px;
/*	background: rgb(216,199,181); */
	background: rgb(255,255,255); 
	}	
footer
	{
	padding:0.3% 0 0.3% 0;	
	height:auto;
	}
/* fin spécif */	
audio,canvas,progress,video{display:inline-block}

progress{vertical-align:baseline}


audio:not([controls]){display:none;height:0}

[hidden],template{display:none}


a{background-color:transparent;text-decoration-skip:objects}

a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}

dfn{font-style:italic}
mark{background:#ff0;color:#000}

small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sub{bottom:-0.25em}
sup{top:-0.5em}
figure{margin:1em 40px}
img{border-style:none}
svg:not(:root){overflow:hidden}

code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}


button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:bold}

button,input{overflow:visible}
button,select{text-transform:none}

button,html [type=button],[type=reset],[type=submit]{appearance:button}





fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} 
f
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}

[type=checkbox],[type=radio]{padding:0}



[type=search]{appearance:textfield;outline-offset:-2px}






/* End extract */
html,body
{
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight:100;	
	font-size:15px;
	line-height:1.5;
	}
html{overflow-x:hidden}

h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
.yp-serif{font-family:serif}

h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
.yp-wide{letter-spacing:4px}
hr{box-sizing:content-box;height:0;overflow:visible}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

a{color:inherit}

.yp-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;
overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;
text-align:center;cursor:pointer;white-space:nowrap}

.py-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;
overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;
text-align:center;cursor:pointer;white-space:nowrap}



.yp-button:disabled{cursor:not-allowed;opacity:0.3}
.yp-dropdown-hover:hover > .yp-button:first-child,.yp-dropdown-click:hover >
 .yp-button:first-child{background-color:silver;color:#000}
.yp-bar-block .yp-dropdown-hover,.yp-bar-block .yp-dropdown-click{width:100%}
.yp-bar-block .yp-dropdown-hover .yp-dropdown-content,.yp-bar-block .yp-dropdown-click .yp-dropdown-content{min-width:100%}
.yp-bar-block .yp-dropdown-hover .yp-button,.yp-bar-block .yp-dropdown-click 
.yp-button{width:100%;text-align:left;padding:8px 16px}

.yp-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;
overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}

/* .yp-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px} */
.yp-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:100%}
.yp-bar{width:100%;overflow:hidden}
.yp-center .yp-bar{display:inline-block;width:auto}

.yp-bar .yp-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}

.yp-bar .yp-dropdown-hover,.yp-bar .yp-dropdown-click{position:static;float:left}

.yp-bar .yp-button{white-space:normal}
/* $$$$$$$$$$$$$$$$$$$$$$$$$ PY-BAR $$$$$$$$$$$$$$$$$$$$$$$$$$ */
.py-bar
	{
	width:100%;
	overflow:hidden;
	}
.py-bar::before, .py-bar::after
	{
	content:"";
	display:table;
	clear:both;
	}	
.py-bar .py-bar-item
	{
	padding:4.6% 4.6%;
	float:left;
	width:auto;
	border:none;
	outline:none;
	display:block;
	}

.yp-bar-block .yp-bar-item{width:100%;display:block;padding:8px 16px;
text-align:left;border:none;outline:none;white-space:normal;float:none}

.yp-bar-block .yp-center .yp-bar-item{text-align:center}
.yp-block{display:block;width:100%}

.yp-container:after,.yp-container:before,.yp-panel:after,.yp-panel:before,
.yp-row:after,.yp-row:before,.yp-row-padding:after,.yp-row-padding:before,
.yp-cell-row:before,.yp-cell-row:after,.yp-clear:after,.yp-clear:before,
.yp-bar:before,.yp-bar:after{content:"";display:table;clear:both}

.py-container:after,.py-container:before{content:"";display:table;clear:both;}

.yp-col,.yp-half,.yp-third,.yp-twothird,.yp-threequarter,.yp-quarter{float:left;width:100%}
.py-cinqter{float:left;width:100%} /* 15-10-2017 */
.py-sixter{float:left;width:100%}
.py-septer{float:left;width:100%}
.py-octer{float:left;width:100%}
.py-un{float:left;width:100%}

/*  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  DEBUT MEDIAS $$$$$$$$$$$$$$$$$$$$$$$$$$ */
@media (min-width:601px)
{
	.yp-col.m1{width:8.33333%}
	.w2-col.m3,.py-cinqter{width:19.99999%} /* 15-10-2017 */
	.w2-col.m2,.py-sixter{width:16.66666%}
	.yp-col.m3,.yp-quarter{width:24.99999%}
	.yp-col.m4,.yp-third{width:33.33333%}
	.yp-col.m5{width:41.66666%}
	.yp-col.m6,.yp-half{width:49.99999%}
	.yp-col.m7{width:58.33333%}
	.yp-col.m8,.yp-twothird{width:66.66666%}
	.yp-col.m9,.yp-threequarter{width:74.99999%}
	.yp-col.m10{width:83.33333%}
	.yp-col.m11{width:91.66666%}
	.yp-col.m12{width:99.99999%}
	.w2-col.m13,.py-septer{width:14.28571%}
	.w2-col.m13,.py-octer{width:12.50%}
	.py-col.m14,.py-un{width:99.99999%;}
	.py-col.m15,.py-cinq{width:19.99999%;}	
}

@media (min-width:993px)
{
	.yp-col.l1{width:8.33333%}
	.yp-col.l2{width:16.66666%}
	.yp-col.l3{width:24.99999%}
	.yp-col.l4{width:33.33333%}
	.yp-col.l5{width:41.66666%}
	.yp-col.l6{width:49.99999%}
	.yp-col.l7{width:58.33333%}
	.yp-col.l8{width:66.66666%}
	.yp-col.l9{width:74.99999%}
	.yp-col.l10{width:83.33333%}
	.yp-col.l11{width:91.66666%}
	.yp-col.l12{width:99.99999%}
	.yp-col.l13{width:14.28571%}
}

.yp-content{max-width:980px;margin:auto}
/* .yp-rest{overflow:hidden} */
.yp-hide{display:none!important}
@media (max-width:600px)
{
	.yp-modal-content{margin:0 10px;width:auto!important}
	.yp-modal{padding-top:30px}
	.yp-dropdown-hover.yp-mobile .yp-dropdown-content,.yp-dropdown-click.yp-mobile .yp-dropdown-content{position:relative}
	.yp-hide-small{display:none!important}
	.yp-mobile{display:block;width:100%!important}
	.yp-bar-item.yp-mobile,.yp-dropdown-hover.yp-mobile,.yp-dropdown-click.yp-mobile{text-align:center}
	.yp-dropdown-hover.yp-mobile,.yp-dropdown-hover.yp-mobile .yp-btn,.yp-dropdown-hover
	.yp-mobile .yp-button,.yp-dropdown-click.yp-mobile,.yp-dropdown-click.yp-mobile .yp-btn,
	.yp-dropdown-click.yp-mobile .yp-button{width:100%}
}

/* @media (max-width:768px){.yp-modal-content{width:500px} */
@media (max-width:768px){.yp-modal-content{width:100%}
.yp-modal{padding-top:50px}
}

/* @media (min-width:993px){.yp-modal-content{width:900px} */
@media (min-width:993px){.yp-modal-content{width:100%}
.yp-hide-large{display:none!important}
.yp-sidebar.yp-collapse{display:block!important}
}

@media (max-width:992px) and (min-width:601px){.yp-hide-medium{display:none!important}
}

@media (max-width:992px){.yp-sidebar.yp-collapse{display:none}
.yp-main{margin-left:0!important;margin-right:0!important}
}
/*  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  FIN MEDIAS yp $$$$$$$$$$$$$$$$$$$$$$$$$$ */



.py-display-topright{top:0 ;}  /* photos haut de page à vérifier */
/* pour slides */
.yp-display-topleft{position:absolute;left:0;top:0}
.yp-display-topright{position:absolute;right:0;top:0}
.yp-display-bottomleft{position:absolute;left:0;bottom:0}
.yp-display-bottomright{position:absolute;right:0;bottom:0}

.yp-display-middle
	{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	}

.yp-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);transform:translate(-0%,-50%)}

.yp-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);transform:translate(0%,-50%)}

.yp-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);transform:translate(-50%,0%)}

.yp-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);transform:translate(-50%,0%)}

.yp-display-container:hover .yp-display-hover{display:block}
.yp-display-container:hover span.yp-display-hover{display:inline-block}

.py-btn-white,.py-hover-white:hover{color:#000!important;background-color:#fff!important}
.py-btn-black,.py-hover-black:hover{color:#fff!important;background-color:#000!important}


/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.yp-row-padding>.py-cinqter{padding:0 8px} /* 15-10-2017 */
.yp-row-padding>.py-sixter{padding:0 8px}
.yp-row-padding>.py-septer{padding:0 8px}
.yp-row-padding>.py-octer{padding:0 8px}
.yp-row-padding>.py-un{padding:0 8px}
.yp-container,.yp-panel{padding:0.01em 16px}
.py-container{padding:0.01em 16px}

.yp-card,.yp-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}


.py-animate-fading-py{animation:fading 750ms infinite}
@keyframes fading-py{
		0%{opacity:0.9;}
		50%{opacity:1.0;}
		100%{opacity:1.0;}
}
/* -prefixes- animation  */
.yp-animate-opacity
	{
	animation:opac 0.8s;		
	animation:opac 0.8s;		
	animation:opac 0.8s;
	animation:opac 0.8s;	
	animation:opac 0.8s;
	}
	
@keyframes opac{from{opacity:0}
 to{opacity:1}
}
@keyframes opac{from{opacity:0}
 to{opacity:1}
}
@keyframes opac{from{opacity:0}
 to{opacity:1}
}
@keyframes opac{from{opacity:0}
 to{opacity:1}
}
@keyframes opac{from{opacity:0}
 to{opacity:1}
}
/* fin prefixes animation */

.yp-animate-top{position:relative;animation:animatetop 0.4s}
@keyframes animatetop{from{top:-300px;opacity:0}
 to{top:0;opacity:1}
}

.yp-animate-left{position:relative;animation:animateleft 0.4s}
@keyframes animateleft{from{left:-300px;opacity:0}
 to{left:0;opacity:1}
}

.yp-animate-right{position:relative;animation:animateright 0.4s}
@keyframes animateright{from{right:-300px;opacity:0}
 to{right:0;opacity:1}
}

.yp-animate-bottom{position:relative;animation:animatebottom 0.4s}
@keyframes animatebottom{from{bottom:-300px;opacity:0}
 to{bottom:0;opacity:1}
}

.yp-animate-zoom {animation:animatezoom 0.6s}
@keyframes animatezoom{from{transform:scale(0)}
 to{transform:scale(1)}
}

.py-animate-zoom-5 :hover{
animation:py-animatezoom-5 6.6s;
animation:py-animatezoom-5 6.6s;
animation:py-animatezoom-5 6.6s;
animation:py-animatezoom-5 6.6s;
animation:py-animatezoom-5 6.6s}

@keyframes py-animatezoom-5{from{transform:scale(0)}
 to{transform:scale(5,5)}
}
@keyframes  py-animatezoom-5{from{transform:scale(0)}
 to{transform:scale(5,5)}
}

@keyframes  py-animatezoom-5{from{transform:scale(0)}
 to{transform:scale(5,5)}
}
@keyframes py-animatezoom-5{from{transform:scale(0)}
 to{transform:scale(5,5)}
}
@keyframes  py-animatezoom-5{from{transform:scale(0)}
 to{transform:scale(5,5)}
}

.py-animate-zoom-10 :hover{
animation:py-animatezoom-10 6.6s;
animation:py-animatezoom-10 6.6s;
animation:py-animatezoom-10 6.6s;
animation:py-animatezoom-10 6.6s;
animation:py-animatezoom-10 6.6s}

@keyframes py-animatezoom-10{from{transform:scale(0)}
 to{transform:scale(10,10)}
}
@keyframes py-animatezoom-10{from{transform:scale(0)}
 to{transform:scale(10,10)}
}

@keyframes py-animatezoom-10{from{transform:scale(0)}
 to{transform:scale(10,10)}
}
@keyframes py-animatezoom-10{from
								{transform:scale(0)}
								to{transform:scale(10,10)}}

@keyframes py-animatezoom-10{from
							{transform:scale(0)}
							to{transform:scale(10,10)}}

/*  $$$$$$$$$$$$$$$$$$$$$$$$$$ bordures $$$$$$$$$$$$$$$$$$$$$$$$ */

.py-border-0{border:0;}

.py-border-1{border:1px solid red!important}
.py-border-1-n{border:1px solid black!important}
.py-border-2-n{border:2px solid black!important}
.py-border-2-w{border:2px solid wheat!important}
.py-border-4-n{border:4px solid black!important}
.py-border-6-n{border:6px solid black!important}
.py-border-4-w{border:4px solid wheat!important}
.py-border-1-in{border:1px solid indigo!important}
.py-border-2-in{border:2px solid indigo!important}
.py-border-3-in{border:3px solid indigo!important}
.py-border-4-in{border:4px solid indigo!important}
.py-border-5-in{border:5px solid indigo!important}
.py-border-6-in{border:6px solid indigo!important}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ présentation page texte $$$$$$$$$$$$$$$$ */
.py-border-gen
	{
	border-radius:6px;
	border : 2px solid gray;
	margin:1% 0 1% 0;
	}
.py-pad-gen
	{
	padding:0 1% 0 1%;
	}

/* styles de bordure */
.py-brd-blue-double
	{
	border: 4px double blue;
	}	
.py-brd-silver-double
	{
	border: 4px double silver;
	}
.py-brd-darkgray-double
	{
	border: 4px double darkgray;
	}	
.py-brd-style-s{border-style: solid;}
.py-brd-style-d{border-style: double;}	
.py-brd-style-g{border-style: groove;}
.py-brd-style-r{border-style: ridge;}
.py-brd-style-i{border-style: inset;}
.py-brd-style-o{border-style: outset;}	
.py-brd-style-dot{border-style: dotted;}
.py-brd-style-dash{border-style: dashed;}
	
/* largeur de bordure */	
.py-brd-width-1{border-width: 1px;}
.py-brd-width-2{border-width: 2px;}
.py-brd-width-3{border-width: 3px;}
.py-brd-width-4{border-width: 4px;}
.py-brd-width-5{border-width: 5px;}
/* fin largeur bordure */
	
/* couleur de bordure */
.py-brd-behance{color:rgba(24,105,255,1.0)!important;}
.py-brd-blue{color: rgba(0,0,255,1.0)!important;}
.py-brd-dribbble{color:rgba(235,75,136,1.0)!important;}
.py-brd-facebook{color:rgba(59,89,153,1.0)!important;}
.py-brd-flickr{color:rgba(0,99,219,1.0)!important;}
.py-brd-foursquare{color:rgba(12,186,223,1.0)!important;}
.py-brd-github{color:rgba(23,21,22,1.0)!important;}
.py-brd-google{color:rgba(221,75,57,1.0)!important;}
.py-brd-indigo{color: rgba(75,0,130,1.0)!important;}
.py-brd-instagram{color:rgba(81,127,164,1.0)!important;}
.py-brd-linkedin{color:rgba(0,123,182,1.0)!important;}
.py-brd-printerst{color:rgba(203,32,39,1.0)!important;}
.py-brd-red{color:rgba(255,0,0,1.0)!important;}
.py-brd-skype{color:rgba(0,175,240,1.0)!important;}
.py-brd-snapchat{color:rgba(255,250,55,1.0)!important;}
.py-brd-tumblr{color:rgba(50,80,109,1.0)!important;}
.py-brd-twitter{color:rgba(50,204,254,1.0)!important;}
.py-brd-vimeo{color:rgba(26,183,234,1.0)!important;}
.py-brd-vine{color:rgba(0,191,143,1.0)!important;}
.py-brd-virb{color:rgba(0,176,217,1.0)!important;}
.py-brd-whatsapp{color:rgba(100,212,72,1.0)!important;}
.py-brd-white{color:rgba(100,212,72,1.0)!important;}
.py-brd-youtube{color:rgba(255,255,255,1.0)!important;}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$ py border link teintes bleues $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.py-brd-link1, .py-brd-link2, .py-brd-link3, .py-brd-link4
	{
	border-radius: 3%;
	border: 3px double;
	padding: 2%;
	color: indigo;		
	}
.py-brd-link1
	{
	border-color: rgba(0,172,237,1.0);	
	background-color: rgba(0,172,237,0.1);
	}	
.py-brd-link2
	{
	border-color: rgba(0,123,182,1.0);		
	background-color: rgba(0,123,182,0.2);
	}	
.py-brd-link3
	{
	border-color: rgba(26,183,234,1.0);		
	background-color: rgba(26,183,234,0.3);
	}	
 .py-brd-link4
	{
	border-color: rgba(0,176,217,1.0);		
	background-color: rgba(0,176,217,0.4);
	}	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

/* coins arrondis */
.py-round-2{border-radius:2px}
.py-round-4{border-radius:4px}
.py-round-6{border-radius:6px}
.py-round-8{border-radius:8px}
.py-round-10{border-radius:10px}
.py-round-12{border-radius:12px}
.py-round-14{border-radius:14px}
.py-round-16{border-radius:16px}
.py-round-24{border-radius:24px}
.py-round-32{border-radius:32px}
.py-round-40{border-radius:40px}
.py-round-64{border-radius:64px}
.py-brd-rad-1{border-radius: 1%;}	
.py-brd-rad-2{border-radius: 2%;}
.py-brd-rad-3{border-radius: 3%;}	
.py-brd-rad-4{border-radius: 4%;}	
.py-brd-rad-5{border-radius: 5%;}	
.py-brd-rad-6{border-radius: 6%;}	
.py-brd-rad-7{border-radius: 7%;}
.py-brd-rad-8{border-radius: 8%;}	
.py-brd-rad-9{border-radius: 9%;}	
.py-brd-rad-10{border-radius: 10%;}	
.py-circle{border-radius:50%}

/* border opacité */
.py-brd-opc-1{border-color:rgba(255,255,255,0.1);}
.py-brd-opc-2{border-color:rgba(255,255,255,0.2);}
.py-brd-opc-3{border-color:rgba(255,255,255,0.3);}
.py-brd-opc-4{border-color:rgba(255,255,255,0.4);}
.py-brd-opc-5{border-color:rgba(255,255,255,0.5);}
.py-brd-opc-6{border-color:rgba(255,255,255,0.6);}
.py-brd-opc-7{border-color:rgba(255,255,255,0.7);}
.py-brd-opc-8{border-color:rgba(255,255,255,0.8);}
.py-brd-opc-9{border-color:rgba(255,255,255,0.9);}
.py-brd-opc-10{border-color:rgba(255,255,255,1.0);}
/*   border width */
.py-brd-w1{border-width:1px;}
.py-brd-w2{border-width:2px;}
.py-brd-w3{border-width:3px;}
.py-brd-w4{border-width:4px;}
.py-brd-w5{border-width:5px;}
.py-brd-w6{border-width:6px;}
.py-brd-w7{border-width:7px;}
.py-brd-w8{border-width:8px;}
.py-brd-w9{border-width:9px;}
.py-brd-w10{border-width:10px;}
/* border-style */
.py-brd-styl-dotted{border-style:dotted;}
.py-brd-styl-dashed{border-style:dashed;}
.py-brd-styl-solid{border-style:solid;}
.py-brd-styl-double{border-style:double;}
.py-brd-styl-groove{border-style:groove;}
.py-brd-styl-ridge{border-style:ridge;}
.py-brd-styl-inset{border-style:inset;}
.py-brd-styl-outset{border-style:outset;}
.py-brd-styl-hidden{border-style:hidden;}
/*  border color nuances de gris  */
.py-brd-gainsboro{border-color:gainsboro;}
.py-brd-lightgray{border-color:lightgray;}
.py-brd-silver{border-color:silver;}
.py-brd-darkgray{border-color:darkgray;}
.py-brd-gray{border-color:gray;}
.py-brd-dimgray{border-color:dimgray;}
.py-brd-lightslategray{border-color:lightslategray;}
.py-brd-slategray{border-color:slategray;}
.py-brd-darkslategray{border-color:darkslategray;}
.py-brd-black{border-color:black;}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

.py-margin-0{margin:0!important}
.py-margin-all-1{margin: 1%!important;}
.py-margin-all-2{margin: 2%!important;}
.py-margin-x{margin:0.5%!important}
.py-margin-16{margin:16px!important}
.py-margin-top{margin-top:16px!important}
.py-margin-top-40pc{margin-top:40%!important}
.py-margin-top-50pc{margin-top:50%!important}
.py-margin-top-60pc{margin-top:60%!important}
.py-margin-top-70pc{margin-top:70%!important}
.py-margin-top-80pc{margin-top:80%!important}
.py-margin-top-xxpc{margin-top:00%!important}
.py-margin-bottom{margin-bottom:16px!important}

.py-margin-left{margin-left:16px!important;}
.py-margin-right{margin-right:16px!important;}
.py-mrg-left-0{margin-left:0.25%!important;}
.py-mrg-left-1{margin-left:1%!important;}
.py-mrg-left-2{margin-left:2%!important;}
.py-mrg-left-3{margin-left:3%!important;}
.py-mrg-left-4{margin-left:4%!important;}
.py-mrg-left-5{margin-left:5%!important;}
.py-mrg-left-6{margin-left:6%!important;}
.py-mrg-right-1{margin-right:1%!important;}
.py-mrg-right-2{margin-right:2%!important;}
.py-mrg-right-3{margin-right:3%!important;}
.py-mrg-right-4{margin-right:4%!important;}
.py-mrg-right-5{margin-right:5%!important;}
.py-mrg-right-6{margin-right:6%!important;}
.py-mrg-bottom-1{margin-bottom:1%!important;}
.py-mrg-bottom-2{margin-bottom:2%!important;}
.py-mrg-bottom-3{margin-bottom:3%!important;}
.py-mrg-bottom-4{margin-bottom:4%!important;}
.py-mrg-bottom-5{margin-bottom:5%!important;}
.py-mrg-bottom-6{margin-bottom:6%!important;}
.py-mrg-top-1{margin-top:1%!important;}
.py-mrg-top-2{margin-top:2%!important;}
.py-mrg-top-3{margin-top:3%!important;}
.py-mrg-top-4{margin-top:4%!important;}
.py-mrg-top-5{margin-top:5%!important;}
.py-mrg-top-6{margin-top:6%!important;}
.py-mrg-lr-un
	{
	margin:0 1.5% 0 1.5%;
	}
.yp-padding-small{padding:4px 8px!important}
.yp-padding{padding:8px 16px!important}
.yp-padding-large{padding:12px 24px!important}

.yp-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.yp-padding-24{padding-top:24px!important;padding-bottom:24px!important}

.yp-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.yp-padding-48{padding-top:48px!important;padding-bottom:48px!important}

.yp-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.py-padding-ltrb{padding: 1%!important;}
.py-padding-all-1{padding: 1%!important;}
.py-padding-all-2{padding: 2%!important;}
.py-padding-all-3{padding: 3%!important;}

.py-padding-0{padding: 0!important;}

.py-padding-025{padding: 0.25%}
.py-padding-050{padding: 0.50%}
.py-padding-075{padding: 0.75%}
.py-padding-100{padding: 1.00%}
.py-padding-125{padding: 1.25%}
.py-padding-150{padding: 1.50%}
.py-padding-175{padding: 1.75%}
.py-padding-200{padding: 2.00%}
.py-padding-225{padding: 2.25%}
.py-padding-250{padding: 2.50%}
.py-padding-275{padding: 2.75%}
.py-padding-300{padding: 3.00%}
.py-padding-325{padding: 3.25%}
.py-padding-350{padding: 3.50%}
.py-padding-375{padding: 3.75%}
.py-padding-400{padding: 4.00%}

.py-padding-left-025{padding-left: 0.25%}
.py-padding-left-050{padding-left: 0.50%}
.py-padding-left-075{padding-left: 0.75%}
.py-padding-left-100{padding-left: 1.00%}
.py-padding-right-025{padding-right: 0.25%}
.py-padding-right-050{padding-right: 0.50%}
.py-padding-right-075{padding-right: 0.75%}
.py-padding-right-100{padding-right: 1.00%}

img .py-padding-ltrb{padding: 1%}
.py-float-left{float:left!important}
.py-float-right{float:right!important}
.py-float  /* pour image double dans page */
	{
	float:left;
	width:50%;
	height:auto;
	}	
.yp-left{float:left!important}
.yp-right{float:right!important}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.yp-button:hover{color:#000!important;background-color:silver!important}
.py-button:hover{color:#000!important;background-color:silver;}

.py-button-hover-red:hover{color:white!important;background-color:red!important}
.py-button-hover-green:hover{color:white!important;background-color:green!important}
.py-button-hover-radial-green:hover{color:white!important;background: radial-gradient(green, lime)!important;}
.py-button-hover-radial:hover{color:black!important;background : radial-gradient(yellow, deeppink)!important;}


.yp-transparent{background-color:transparent!important}

/* Colors  ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ */
.yp-amber,.yp-hover-amber:hover{color:#000!important;background-color:#ffc107!important}

.yp-aqua,.yp-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}

.yp-blue,.yp-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}

.yp-light-blue,.yp-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}

.yp-brown,.yp-hover-brown:hover{color:#fff!important;background-color:#795548!important}

.yp-cyan,.yp-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}

.yp-blue-grey,.yp-hover-blue-grey:hover,
.yp-blue-gray,.yp-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}

.yp-green,.yp-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}

.yp-light-green,.yp-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}

.yp-indigo,.yp-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ PY color couleurs $$$$$$$$$$$$$$$$$$$$$  */
.py-link-blue
	{
	background-color:white;
	color: blue;
	border-radius: 10%;
	}	
.py-link-blue:hover
	{
	background-color: blue;
	color: white;
	border-radius: 10%;
	}
.py-black{color:black;}	
.py-blanc{color:white;}
.py-blue{color: blue;}	
.py-cornsilk{color: Cornsilk!important;}
.py-dribbble{color:rgba(235,75,136,1.0)!important;}
.py-darkred{color:darkred;font-weight:bolder;}
.py-facebook{color:rgba(59,89,153,1.0)!important;}	
.py-firebrick{color:firebrick;font-weight:bolder;}
.py-foursquare{color:rgba(12,186,223,1.0)!important;}
.py-github{color:rgba(23,21,22,1.0)!important;}
.py-google{color:rgba(221,75,57,1.0)!important;}
.py-gainsboro{color:gainsboro;}		
.py-indigo{color:indigo!important;}
.py-instagram{color:rgba(81,127,164,1.0)!important;}
.py-lightgray{color:lightgray;}	
.py-lime{color:rgba(0,255,0,1.0)!important;}
.py-linkedin{color:rgba(0,123,182,1.0)!important;}
.py-navajo-white{color: NavajoWhite!important;}
.py-printerst{color:rgba(203,32,39,1.0)!important;}
.py-maroon{color: maroon;}
.py-navy{color:navy!important;}
.py-plum{color:plum;}
.py-red{color:red;}
.py-red{color:red;font-weight:bolder;}
.py-silver{color:silver;}
.py-skype{color:rgba(0,175,240,1.0)!important;}
.py-snapchat{color:rgba(255,250,55,1.0)!important;}
.py-transparent{color:transparent;}
.py-trsp{color:transparent;}
.py-tumblr{color:rgba(50,80,109,1.0)!important;}
.py-turquoise{color:rgba(255,255,255,0.3)!important}
.py-twitter{color:rgb(50,204,254)!important;}
.py-vimeo{color:rgba(26,183,234,1.0)!important;}
.py-vine{color:rgba(0,191,143,1.0)!important;}
.py-virb{color:rgba(0,176,217,1.0)!important;}
.py-whatsapp{color:rgba(100,212,72,1.0)!important;}
.py-white{color:white;}
.py-youtube{color:rgba(187,0,0,1.0)!important;}
	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$ py couleurs background $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.py-bg-behance{background-color:rgba(24,105,255,1.0)!important;}
.py-bg-bisque{background-color: Bisque!important;}
.py-bg-black{background-color:black!important;}
.py-bg-blanc{background-color:rgba(255,255,255,1.0)!important;}
.py-bg-blanched-almond{background-color: BlanchedAlmond!important;}
.py-bg-blue{background-color: rgba(0,0,255,1.0)!important;}
.py-bg-cornsilk{background-color: Cornsilk!important;}
.py-bg-dribbble{background-color:rgba(235,75,136,1.0)!important;}
.py-bg-facebook{background-color:rgba(59,89,153,1.0)!important;}
.py-bg-flickr{background-color:rgba(0,99,219,1.0)!important;}
.py-bg-foursquare{background-color:rgba(12,186,223,1.0)!important;}
.py-bg-github{background-color:rgba(23,21,22,1.0)!important;}
.py-bg-google{background-color:rgba(221,75,57,1.0)!important;}
.py-bg-indigo{background-color: rgba(75,0,130,1.0)!important;}
.py-bg-instagram{background-color:rgba(81,127,164,1.0)!important;}
.py-bg-lime{background-color:rgba(0,255,0,1.0)!important;}
.py-bg-linkedin{background-color:rgba(0,123,182,1.0)!important;}
.py-bg-navajo-white{background-color: NavajoWhite!important;}
.py-bg-printerst{background-color:rgba(203,32,39,1.0)!important;}
.py-bg-red{background-color:rgba(255,0,0,1.0)!important;}
.py-bg-skype{background-color:rgba(0,175,240,1.0)!important;}
.py-bg-snapchat{background-color:rgba(255,250,55,1.0)!important;}
.py-bg-transparent{background-color:transparent;}
.py-bg-trsp{background-color:transparent;}
.py-bg-tumblr{background-color:rgba(50,80,109,1.0)!important;}
.py-bg-turquoise{background-color:rgba(255,255,255,0.3)!important}
.py-bg-twitter{background-color:rgba(50,204,254,1.0)!important;}
.py-bg-vimeo{background-color:rgba(26,183,234,1.0)!important;}
.py-bg-vine{background-color:rgba(0,191,143,1.0)!important;}
.py-bg-virb{background-color:rgba(0,176,217,1.0)!important;}
.py-bg-whatsapp{background-color:rgba(100,212,72,1.0)!important;}
.py-bg-white{background-color:rgba(255,255,255,0.3)!important;}
.py-bg-youtube{background-color:rgba(187,0,0,1.0)!important;}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ fin py couleurs background *$$$$$$$$$$$$$$$$$$$$$  */

/* $$$$$$$$$$$$$$$$$$$$$ début background-color gray $$$$$$$$$$$$$$$$$$$ */
.py-bg-gainsboro{background-color:gainsboro;}	
.py-bg-lightgray{background-color:lightgray;}		
.py-bg-silver{background-color:silver;}		
.py-bg-darkgray{background-color:darkgray;}		
.py-bg-gray{background-color:gray;}
.py-bg-dimgray{background-color:dimgray;}
.py-bg-lightslategray{background-color:lightslategray;}
.py-bg-slategray{background-color:slategray;}
.py-bg-darkslategray{background-color:darkslategray;}
/* $$$$$$$$$$$$$$$$$$$$$ fin background-color gray $$$$$$$$$$$$$$$$$$$ */	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ FIN PY BACKGROUND COLORS*$$$$$$$$$$$$$$$$$$$$$  */
.yp-khaki,.yp-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}

.yp-lime,.yp-hover-lime:hover{color:#000!important;background-color:#cddc39!important}

.yp-orange,.yp-hover-orange:hover{color:#000!important;background-color:#ff9800!important}

.yp-deep-orange,.yp-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}

.yp-pink,.yp-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}

.yp-purple,.yp-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}

.yp-deep-purple,.yp-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}

.yp-red,.yp-hover-red:hover{color:#fff!important;background-color:#f44336!important}

.yp-sand,.yp-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}

.yp-teal,.yp-hover-teal:hover{color:#fff!important;background-color:#009688!important}

.yp-yellow,.yp-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}

.yp-white,.yp-hover-white:hover{color:#000!important;background-color:#fff!important}

.yp-black,.yp-hover-black:hover{color:#fff!important;background-color:#000!important}

.yp-grey,.yp-hover-grey:hover,.yp-gray,.yp-hover-gray:hover{color:#000!important;background-color:#bbb!important}

/*.yp-light-grey,.yp-hover-light-grey:hover,.yp-light-gray,
.yp-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
*/





.py-lightsalmon{background-color: LightSalmon!important;}

.yp-dark-grey,.yp-hover-dark-grey:hover,.yp-dark-gray,
.yp-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}

.yp-pale-red,.yp-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}

.yp-pale-green,.yp-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}

.yp-pale-yellow,.yp-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}

.yp-pale-blue,.yp-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}

.yp-text-red,.yp-hover-text-red:hover{color:#f44336!important}

.yp-text-green,.yp-hover-text-green:hover{color:#4CAF50!important}

.yp-text-blue,.yp-hover-text-blue:hover{color:#2196F3!important}

.yp-text-yellow,.yp-hover-text-yellow:hover{color:#ffeb3b!important}

.yp-text-white,.yp-hover-text-white:hover{color:#fff!important}

.yp-text-black,.yp-hover-text-black:hover{color:#000!important}

.yp-text-grey,.yp-hover-text-grey:hover,.yp-text-gray,.yp-hover-text-gray:hover{color:#757575!important}

.yp-text-amber{color:#ffc107!important}

.yp-text-aqua{color:#00ffff!important}

.yp-text-light-blue{color:#87CEEB!important}

.yp-text-brown{color:#795548!important}

.yp-text-cyan{color:#00bcd4!important}

.yp-text-blue-grey,.yp-text-blue-gray{color:#607d8b!important}

.yp-text-light-green{color:#8bc34a!important}

.yp-text-indigo{color:#3f51b5!important}

.yp-text-khaki{color:#b4aa50!important}

.yp-text-lime{color:#cddc39!important}

.yp-text-orange{color:#ff9800!important}

.yp-text-deep-orange{color:#ff5722!important}

.yp-text-pink{color:#e91e63!important}

.yp-text-purple{color:#9c27b0!important}

.yp-text-deep-purple{color:#673ab7!important}

.yp-text-sand{color:#fdf5e6!important}

.yp-text-teal{color:#009688!important}

.yp-text-light-grey,.yp-hover-text-light-grey:hover,.yp-text-light-gray,
.yp-hover-text-light-gray:hover{color:#f1f1f1!important}

.yp-text-dark-grey,.yp-hover-text-dark-grey:hover,.yp-text-dark-gray,
.yp-hover-text-dark-gray:hover{color:#3a3a3a!important}

.yp-border-red,.yp-hover-border-red:hover{border-color:#f44336!important}

.yp-border-green,.yp-hover-border-green:hover{border-color:#4CAF50!important}

.yp-border-blue,.yp-hover-border-blue:hover{border-color:#2196F3!important}

.yp-border-yellow,.yp-hover-border-yellow:hover{border-color:#ffeb3b!important}

.yp-border-white,.yp-hover-border-white:hover{border-color:#fff!important}

.yp-border-black,.yp-hover-border-black:hover{border-color:#000!important}

.yp-border-grey,.yp-hover-border-grey:hover,.yp-border-gray,
.yp-hover-border-gray:hover{border-color:#bbb!important}
/*  $$$$$$$$$$$$$$$$$$$$$$$$$$$ PY FONTS $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.py-font-s{font-size:1.2rem;
			font-weight: bolder;
			color: grey;
			}
.py-fnt-w-n{font-weight: normal;}
.py-fnt-w-ltr{font-weight: lighter;}				
.py-fnt-w-b{font-weight: bold;}						
.py-fnt-w-bdr{font-weight: bolder;}	


/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ DEBUT COPYRIGHT  copy2 rt copy - est-ce bien utile  ? - $$$$$$$$$$$$$$$$$$$$ */

div#copy2, div#copy
	{
	margin-top:6.50%;
	width:100%;
	height:6%;
	overflow:hidden;
	background-color:wheat;
	color:mediumpurple;
	display:inline;
	border-radius : 8px;
	border : 1px solid darkslategray;
	padding: 0.25%;
	padding-left:3%;
	margin-left : 0;
	opacity:1.0;
	}
div#copy2::before, div#copy::before
	{	
	content:"Copyright" " 2007 2026" "\a0\a9\a0" "calanquedemorgiou.fr Tous droits réservés."; 
	font-size: 0.80rem;
	font-family:Syne;
	font-weight:600;
	margin-left:1.0vw;
	}
	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  FIN COPYRIGHT  2 - est-ce bien utile  ? - $$$$$$$$$$$$$$$$$$$$ */

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ ENTITES HTML FLECHES DE LIENS ETC. $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */	
/* derniere version */	
/* commun */
.py-alpha-b::before, 
.py-arrow-dashed-left-b,
.py-arrow-dashed-right-a::after,
.py-arrow-down-x::before , /* arrow-down devient arrow-down-x */
.py-arrow-down-a::after,
.py-arrow-down-b::before,
.py-arrow-left-a::after,
.py-arrow-left-b::before,
.py-arrow-long-left-b::before,
.py-arrow-long-right-a::after,
.py-arrow-right-a::after,
.py-arrow-right-b::before,
.py-arrow-two-left-b::before,
.py-arrow-up-x::before,   /* arrow-up devient arrow-up-x 13 02 2018 */
.py-arrow-up-a::after,
.py-arrow-up-b::before, 
.py-arrow-up-c::after,
.py-arrow-up-center::after,
.py-balance-a::after,
.py-clef-c,
.py-clef-r,
.py-clef-v,
.py-contact-a::after,
.py-cube-a::after,
.py-eye::before,
.py-globe-a::after,
.py-globe-b::before,
.py-house-a::after,
.py-house-b::before,
.py-key-a::after,
.py-key-cube-a::after,
.py-menu::after,
.py-menu-a::after,
.py-menu-b::before, 
.py-menu-paper-a::after,
.py-menu-paper-b::before,
.py-menu-plan-a::after,
.py-menu-plan-site-a::after,
.py-menu-plan-site-b::before,
.py-menu-x::after,
.py-menu2-a::after,
.py-omega-a::after,
.py-plus-a::after,
.py-return-a::after,
.py-rues-plan-sigle

 	{
	font-size:120%; 
	font-weight:bolder;	
	}
/*   fin commun  */	
	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$  HTML ENTITIES SIGLES $$$$$$$$$$$$$$$$$$ */
.py-alpha-b::before
	{
	content: "\a0\3b1\a0";
	background-color:transparent;
	}
.py-arrow-dashed-left-b::before
	{
	content: " \21e0\a0";
	}
.py-arrow-dashed-right-a::after
	{
	content: " \a0\21e2";
	}
.py-arrow-down-x::before   /* arrow-down devient arrow-down-x 13 02 2018 */
	{
	content: "\2c5";
	color:white;	
	}	
.py-arrow-down-a::after
	{
	content: "\a0\2c5";	
	color:white;	
	}	
.py-arrow-down-b::before
	{
	content: "\2c5\a0";
	color:white;	
	}
.py-arrow-left-a::after  
	{
	content: "\a0\2190";
	color:white;	
	}	
.py-arrow-left-a::after  
	{
	content: "\a0\23ea";
	color:white;	
	}	
.py-arrow-left-b::before  
	{
	content: "\2190\a0 ";
	color:white;	
	}	
.py-arrow-left-b::before 
	{
	content: "\23ea\a0 ";
	color:white;	
	}	
.py-arrow-long-left-b::before
	{
	content: " \27f5\a0";
	color:white;	
	}
.py-arrow-long-right-a::after
	{
	content: " \a0\27f6";
	color:white;	
	}	
.py-arrow-right-a::after   
	{
	content: " \2192\a0";
	color:white;	
	}	
.py-arrow-right-a::after  
	{
	content: " \23e9\a0";
	color:white;	
	}	
.py-arrow-right-b::before 
	{
	content: "\23e9\a0";
	color:white;	
	}
.py-arrow-two-left-b::before
	{
	content: " \219e\a0";
	color:white;	
	}		
.py-arrow-up-center::after 
	{
	content: "\2c4";
	content: "\2303";	
	color:white;
	}
.py-arrow-up-center::after  
	{
	content: "\2c4";
	content: "\2303";	
	color:white;
	}	
	
	
	
	
  .py-arrow-up-a::after, .py-arrow-up-c::after
 	{
	content: "\a0\2303";		
	color:white;
	}	
.py-arrow-up-b::before 
	{
	content: "\2303\a0";		
	color:white;	
	}
.py-up
	{
	color:black;
	font-weight: bolder;
	font-size: 150%;
	}	
	
.py-up::before
	{
	content: "\a0\2303\a0";	
	color:black;
	font-weight: bolder;
	font-size: 150%;	
	}

.py-up:hover
	{
	background: white;
	color:rgb(59,89,153);	/* facebook */
	font-weight: bolder;
	font-size: 150%;	
	}	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$ PY ARROW $$$$$$$$$$$$$$$$$$$$$$$$ */
.py-arrow-left, .py-arrow-right, .py-arrow-up, .py-arrow-down 
	{
	width: 0;
	height: 0;
	border: 0.6rem solid transparent;
	display: inline-block;
	overflow: hidden;	
	}
.py-arrow-left
	{
	border-left-width: 0;
	border-right-color: white;
	border-right-color: black;	
	margin-right: 4%;	
	}
.py-arrow-right
	{
	border-right-width: 0;
	border-left-color: white;
	border-left-color: black;	
	margin-left: 4%;	
	}
.py-arrow-up
	{
	border-top-width: 0;
	border-bottom-color: white;
	border-bottom-color: black;	
	}
.py-arrow-down
	{
	border-bottom-width: 0;
	border-top-color: white;
	border-top-color: black;	
	}
.py-arrow-left:hover{border-right:  0.6rem double rgb(59,89,153);}
.py-arrow-right:hover{border-left:  0.6rem double rgb(59,89,153);}
.py-arrow-up:hover{border-bottom: 0.6rem double rgb(59,89,153);}
.py-arrow-down:hover{border-top: 0.6rem double rgb(59,89,153);}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$ FIN PY ARROW $$$$$$$$$$$$$$$$$$$$$$$$ */	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$ PY ARROW FOND BLACK $$$$$$$$$$$$$$$$$$$$$$$ */
.py-arrow-left-black, .py-arrow-right-black, .py-arrow-up-black, .py-arrow-down-black 
	{
	width: 0;
	height: 0;
	border: 1vw solid transparent;
	display: inline-block;
	overflow: hidden;
	background-color: black;
	}
.py-arrow-left-black
	{
	border-left-width:1vw;
	border-right-color: white;
	border-right-color:silver;	
	margin-right: 4%;	
	}
.py-arrow-right-black
	{
	border-right-width: 1vw;
	border-left-color: white;
	border-left-color: silver;	
	margin-left: 4%;	
	}
.py-arrow-up-black
	{
	border-top-width: 2vw;
	border-bottom-color: white;
	border-bottom-color: silver;	
	}
.py-arrow-down-black
	{
	border-bottom-width:2vw;
	border-top-color: white;
	border-top-color: silver;	
	}
.py-arrow-left-black:hover{border-right:  2vw solid white;}
.py-arrow-right-black:hover{border-left:  2vw solid white;}
.py-arrow-up-black:hover{border-bottom: 2vw solid white;}
.py-arrow-down-black:hover{border-top:  2vw solid white;}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$ FIN PY ARROW  FOND BLACK $$$$$$$$$$$$$$$$$$$$$$$$ */	

.py-balance-a::after{content: "\a0\2696";}	
.py-bg-plan
	{
	background-image:url(deco/morgiou_plan_puce_015.png);
	background-repeat: no-repeat;
	background-position:center;
	opacity:1.0; /* 0.8 */
	}	
.py-bg-plan-n, .py-bg-plan-s    /* à préférer */
	{
	background-image:url(deco/morgiou_plan_puce_015.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;	
	opacity:1.0; /* 0.8 */
	}
.py-bg-plan-s   /* à préférer */
	{
	background-position: 100px 50%;	/* efface précédente position .py-bg-plan-s */
	}		
.py-bg-plan-rues-sigle
	{
	background-image:url(mr_rues/rues_plan_sigle_002.png);
	background-position:40% 50%;
	background-repeat:no-repeat;
	}	
.py-bg-linear-c
	{
	background: linear-gradient(180deg, rgba(224,255,255,0.1), rgba(30,144,255,1.0) );	
	}
.py-bg-linear-d
	{
	background: linear-gradient(180deg, rgba(30,144,255,1.0), rgba(224,255,255,0.1) );		
	}


	
.py-clef-c
	{
	background-image:url(mr_pic/PYZ_0842_puce_clef_p.png);
	background-repeat: no-repeat;
	background-position:center;	
	}
.py-clef-r
	{
	background-image:url(mr_pic/PYZ_0842_puce_clef_p.png);
	background-repeat: no-repeat;
	background-position:50% 90%;
	font-weight:bolder;	
	}
.py-clef-v
	{
	background-image:url(mr_pic/PYZ_0842_puce_clef_v.png);
	background-repeat: no-repeat;
	background-position: 120px 50%;
	font-weight:bolder;	
	}			
	
.py-contact-a::after{content:"\a0\2709\a0";}
.py-cube-a::after{content:"\a0\2752";}
.py-eye::before{content:"\1f441";}	
.py-globe-a::after{content: "\a0\1f310";color:black;font-size:1.50rem;}
.py-globe-b::before{content: "\1f310\a0";color:black;font-size:1.50rem;}
.py-house-a::after{content:"\a0\2302";font-size: 1.50rem;}
.py-house-b::before{content:"\a0\2302";	font-size: 1.50rem;}
.py-key-a::after{content:"\a0\1f5dd";}
.py-key-cube-a::after{content:"\a0\1f5dd" "\a0\2752";}
.py-menu::after  /* choisir */{content: "\25a4\a0";}	
.py-menu::after  /* choisir */{content: "\2338\a0";}
.py-menu-a::after{content: "\a0\2261\2261";}
.py-menu-b::before {content: "\2261\2261\a0";}
.py-menu-paper-a::after{content:"\a0\1f4f0";vertical-align:middle;}	
.py-menu-paper-b::before{content:"\a0\1f4f0\a0\a0";}
.py-menu-plan-a::after{content:"\a0\2637\2637\a0";}
.py-menu-plan-site-a::after{content:"\a0\2637\2637";}	
.py-menu-plan-site-b::before{content:"\a0\2637\a0\a0";}
.py-menu-x::after{content: "\a0\2630\a0";}
.py-menu2-a::after{content:"\a0\2637";	vertical-align:middle;}
.py-omega-a::after{content: "\a0\3a9\a0";background-color:transparent;}
.py-plus-a::after{content: "\a0\271b\a0";background-color:transparent;}
.py-button-plus{display:inline;	padding:8px 16px;color:rgb(0,176,217);}	
.py-return-a::after{content: "\a0\23ce";background-color:transparent;}
/* spécifique à certaines pages color bleu et glyphe 1/2 carré flêche */
/* $$$$$$$ RETOUR FLECHE COIN SUPERIEUR  LEFT $$$$$$$ */
.py-retour::before, .py-retour-f::before,
.py-a-r::before, .py-ar-f::before, .py-retour-black::before
	{
	content: "\21f1\a0";
	font-size:1.5rem;		
	}	
.py-retour, .py-retour-f,
.py-a-r, .py-ar-f
	{
	color:rgb(0,176,217);
	color: blue;	
	border-right-width:2px;
	border-right-style:solid;	
	border-right-color:rgb(0,175,217);
	border-right-color: blue;	
	border-bottom-width:2px;
	border-bottom-style:solid;		
	border-bottom-color:rgb(0,175,217);
	border-right-color: blue;	
	border-bottom-width:2px;	
	line-height:100.0%;
	padding-right:1.0%;
	}
.py-retour    /* ok nouveaux coloris 13 02 2018 */
	{
	border-right:2px outset indigo;
	border-bottom:2px outset indigo;
	line-height:100.0%;
	padding-right:1.0%;
	}
.py-retour-black    /* ok nouveaux coloris pour fond black 24 05 2018 */
	{
	background-color: gainsboro;
	border-right:2px outset silver;
	border-bottom:2px outset silver;
	line-height:100%;
	padding-right:1.0%;
	}
.py-retour-black:hover
	{
	background-color:white;	
	color:black;
	border-right-color:white;
	border-bottom-color:white;	
	font-weight:bolder;		
	}	
	

 /* .py-retour-f = pour fonds gris clair only */	
.py-retour-f,
.py-ar-f
	{
	color:black;	 
	border-right-color:black;
	border-bottom-color:black;	
	} 
.py-retour:hover, .py-retour-f:hover,
.py-a-r:hover, .py-ar-f:hover
	{
	background-color:transparent;
	background-color:white;	
	color:black;
	border-right-color:black;
	border-bottom-color:black;	
	font-weight:bolder;		
	}	
.py-retour-f:hover,
.py-ar-f:hover
	{
	background-color: rgb(50,204,254); 
	border-right-color: blue;	
	border-bottom-width:2px;	
	}
/* $$$$$$$ RETOUR FLECHE COIN INFERIEUR  RIGHT $$$$$$$ */
.py-retour-d::after, .py-retour-d-f::after,
.py-ar-d::after, .py-ar-d-f::after
	{
	content: "\a0\21f2";
	font-size:1.5rem;		
	}	
.py-retour-d, .py-retour-d-f,
.py-ar-d, .py-ar-d-f
	{
	color:rgb(0,176,217);
	color: blue;	
	border-right-color: blue;	
	border-bottom-width:2px;	
	line-height:100.0%;
	padding-right:1.0%;
	}
 /* .py-retour-d-f = pour fonds gris clair only */	
.py-retour-d-f,
.py-ar-d-f
	{
	color:black;	 
	border-right-color:black;
	border-bottom-color:black;	
	} 
.py-retour-d:hover, .py-retour-d-f:hover,
.py-ar-d:hover, .py-ar-d-f:hover
	{
	background-color:transparent;
	color:black;
	border-right-color:black;
	border-bottom-color:black;	
	}

.py-retour-d-f:hover,
.py-ar-d-f:hover
	{
	background-color: rgb(50,204,254);
	border-right-color: blue;	
	border-bottom-width:2px;	
	}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/* $$$$$$$$$$$$$$$$$$$$ POSITIONNEMENT FLECHES DANS SLIDE $$$$$$$$$$$$ */

.py-btn-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);transform:translate(-0%,-50%)}

.py-btn-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);transform:translate(0%,-50%)}

.yp-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);transform:translate(-50%,0%)}

.yp-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);transform:translate(-50%,0%)}

/* $$$$$$$$$$$$$$$$$$$$ FIN POSITIONNEMENT FLECHES DANS SLIDE $$$$$$$$$$$$ */
.yp-display-container{position:relative} /* reserve_cube_001 2 */
.yp-display-container:hover .yp-display-hover{display:block}
.yp-display-container:hover span.yp-display-hover{display:inline-block}

/* $$$$$$$$$$$$$$$$$$$$$$$$$ MODIFICATION DU CURSEUR POUR ZOOM IN OUT $$$$$$$$$$$$$$$ */
.py-zoom-in{cursor : zoom-in; cursor : zoom-in;}
.py-zoom-out{cursor : zoom-out; cursor : zoom-out;}
/* $$$$$$$$$$$$$$$$$$$$$$$$$ FIN MODIFICATION DU CURSEUR POUR ZOOM IN OUT $$$$$$$$$$$ */		
/* fin spécif */
.py-rues-plan-sigle
	{
	background-image:url(mr_rues/rues_plan_sigle_002.png);
	background-repeat: no-repeat;
	background-position:50% 90%;
	}
/* $$$$$$$$$$$$$$$$$$$$$$$$$ CADRAGE PAR ESPACES $$$$$$$$$$$$$$$$$$$$$$$ */
.py-gap1a::after{content : "\a0";}	
.py-gap2a::after{content : "\a0\a0";}	
.py-gap3a::after{content : "\a0\a0\a0";}
.py-gap4a::after{content : "\a0\a0\a0\a0";}
.py-gap5a::after{content : "\a0\a0\a0\a0\a0";}
.py-gap6a::after{content : "\a0\a0\a0\a0\a0\a0";}
.py-gap7a::after{content : "\a0\a0\a0\a0\a0\a0\a0";}
.py-gap8a::after{content : "\a0\a0\a0\a0\a0\a0\a0\a0";}
.py-gap9a::after{content : "\a0\a0\a0\a0\a0\a0\a0\a0\a0";}	
.py-gap10a::after{content : "\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0";}		
.py-gap1b::before{content : "\a0";}	
.py-gap2b::before{content : "\a0\a0";}	
.py-gap3b::before{content : "\a0\a0\a0";}	
.py-gap4b::before{content : "\a0\a0\a0\a0";}	
.py-gap5b::after{content : "\a0\a0\a0\a0\a0";}
.py-gap6b::after{content : "\a0\a0\a0\a0\a0\a0";}
.py-gap7b::after{content : "\a0\a0\a0\a0\a0\a0\a0";}
.py-gap8b::after{content : "\a0\a0\a0\a0\a0\a0\a0\a0";}
.py-gap9b::after{content : "\a0\a0\a0\a0\a0\a0\a0\a0\a0";}	
.py-gap10b::after{content : "\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0";}		

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$ FIN ENTITES HTML FLECHES DE LIENS ETC $$$$$$$$$$$$$$$ */
/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV DEBUT LIENS VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */	
.py-hidden{visibility:hidden;}
.py-none{display:none;}
.py-link-blue
	{
	background-color:white;
	color: blue;
	border-radius: 10%;
	}
.py-link-blue-sp  /* spécif */
	{
	border-radius: 10px;
	border-width: 2px;
	border-style: solid;	
	padding: 0 1% 0 1%;	
	background-color: rgba(50,204,254,1.0);
	background-color: transparent;
	border-color: rgba(59,89,153,0.5);
	}
.py-link-blue:hover, .py-link-blue-sp:hover
	{
	background-color: blue;
	color: white;
	border-radius: 10%;
	}
/* AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA FIN LIENS AAAAAAAAAAAAAAAAAAAAAAAAAAAAA */


/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ NUMEROS RUES taille et épaisseur $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.py-0::before,	
.py-1::before, .py-2::before, .py-3::before, .py-4::before, .py-5::before, .py-6::before,
.py-7::before, .py-8::before, .py-9::before, .py-10::before, .py-11::before, .py-12::before,
.py-13::before, .py-14::before, .py-15::before, .py-16::before,	.py-17::before, .py-18::before,
.py-19::before, .py-20::before, .py-21::before, .py-22::before, .py-23::before, .py-24::before,
.py-25::before, .py-26::before, .py-16-17::before
	{
	font-size:1.85rem;
	font-weight:bolder;
	vertical-align:-0.3rem;
	}
.py-21::before, .py-22::before, .py-23::before,
.py-24::before, .py-25::before, .py-26::before
	{
	font-size:1.55rem;
	}

.py-0:hover,	
.py-1:hover, .py-2:hover, .py-3:hover, .py-4:hover, .py-5:hover, .py-6:hover,
.py-7:hover, .py-8:hover, .py-9:hover, .py-10:hover, .py-11:hover, .py-12:hover,
.py-13:hover, .py-14:hover, .py-15:hover, .py-16:hover,	.py-17:hover, .py-18:hover,
.py-19:hover, .py-20:hover, .py-21:hover, .py-22:hover, .py-23:hover, .py-24:hover,
.py-25:hover, .py-26:hover
	{
	background-color:white;
	border-radius:8px;
	border:1px solid indigo;
	padding:1% 2% 1% 2%;
	}		

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ numéro des rues 1 à 18 $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.py-0::before, .y0::before{content: "\24ea\a0";}
.py-1::before, .y1::before{content: "\2460\a0";}
.py-2::before, .y2::before{content: "\2461\a0";}
.py-3::before, .y3::before{content: "\2462\a0";}
.py-4::before, .y4::before{content: "\2463\a0";}
.py-5::before, .y5::before{content: "\2464\a0";}
.py-6::before, .y6::before{content: "\2465\a0";}
.py-7::before, .y7::before{content: "\2466\a0";}
.py-8::before, .y8::before{content: "\2467\a0";}
.py-9::before, .y9::before{content: "\2468\a0";}
.py-10::before, .y10::before{content: "\2469\a0";}
.py-11::before, .y11::before{content: "\246a\a0";}
.py-12::before, .y12::before{content: "\246b\a0";}
.py-13::before, .y13::before{content: "\246c\a0";}
.py-14::before, .y14::before{content: "\246d\a0";}
.py-15::before, .y15::before{content: "\246e\a0";}
.py-16::before, .y16::before{content: "\246f\a0";}
.py-17::before, .y17::before{content: "\2470\a0";}
.py-16-17::before, .y16-17::before{content: "\246f\2470\a0";}	
.py-18::before, .y18::before{content: "\2471\a0";}

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ numéro des rues 19 à 26 $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.py-19::before, .y19::before{content: "\2472\a0";}
.py-20::before, .y20::before{content: "\2473\a0";}

/* $$$$$ ajuster la dimension  A PARTIR DU N° 21 UTILISER sous la forme ㉑ etc. $$$$ */
.y0, .y1, .y2, .y3, .y4, .y5, .y6, .y7, .y8, .y9,
.y10, .y11, .y12, .y13, .y14, .y15, .y16, .y16-17, .y17, .y18, .y19,
.y20, .y21, .y22, .y23, .y24, .y25, .y26
	{
	font-size:1.55rem;
	font-weight:bolder;
	vertical-align:-0.3rem;
	}
	
/* $$$$$$$$$$$$ */	
	
.py-hover:hover
	{
	background-color:white;
	color:indigo;
	}
.py-hover-r:hover
	{
	background-color:indigo;
	color:white;
	}
.py-c-white
	{
	color:white;
	}
.py-precedent-b::before, .py-suivant-a::after
	{
	background-color:transparent;
	font-size:1.5rem;
	color:white;
	}
.py-precedent-b::before
	{
/*	content: "\2329\a0"; */
	content: "\3c\a0";	
	}	
.py-suivant-a::after
	{
/*	content: "\a0\232a"; */
	content: "\a0\3e";	
	}
span.py-precedent-b:hover
	{
	color:indigo;
	}	
span.py-suivant-a:hover
	{
	color:indigo;
	}
.py-arrow-up-a:hover, .py-arrow-up-b:hover,
.py-arrow-up-c:hover, .py-arrow-up-center:hover
	{
	background-color:indigo;
	color:white;
	}
.py-brdr-radius-l
	{
	border-radius:50px 0 0 50px;
	border:5px solid transparent;
	}
.py-brdr-radius-r
	{
	border-radius:0 50px 50px 0;
	border:5px solid transparent;
	}
.py-hidden
	{
	visibility:hidden;
	}
div p.py-texte /* $$$$$$$$$$$ texte des pages lieu mer $$$$$$$$$$$ */
	{
	margin-top:0.50%;
	margin-left:0;
	margin-bottom:0.50%;
	padding:0 1% 0 1%;
	color:indigo;
	text-align:justify;
	border-color:indigo;
	border-width:3px;
	border-style:outset;
	}
.py-justify.py-red{text-align:justify!important;}	
.py-text-left{margin-left:75%;}	
.py-center{text-align: center;	}	
/* $$$$$$$$$$$$$$$ POUR MENU SMALL SCREEN */	
.fl-flex-small{display: flex;width: 20%;}
.fl-col{flex-direction: column;}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV	DEBUT FLEX PROPRIETES VVVVVVVVVVVVVVVVVVVVVVV */	
.fl-flex
	{
	display: flex;
	display: flex;
	width: 100%;
	}
.fl-flex-inline
	{
	display: inline-flex;
	display: inline-flex;
	width: 100%;
	}	
	
/* flex-direction : direction des éléments dans conteneur flexible défini l'axe principal */
.fl-col
	{
	flex-direction: column;
	flex-direction: column;
	}
.fl-row
	{
	flex-direction: row;
	flex-direction: row;
	}
.fl-col-r
	{
	flex-direction: column-reverse;
	flex-direction: column-reverse;
	}
.fl-row-r
	{
	flex-direction: row-reverse;
	flex-direction: row-reverse;
	}	
	
/* fin flex-direction */
	
/* justify-content : répartition des espaces autour des éléments selon axe principal du conteneur */
.fl-just-start
	{
	justify-content: flex-start;	
	justify-content:flex-start;
	}
.fl-just-end
	{
	justify-content: flex-end;	
	justify-content:flex-end;
	}

.fl-just-center
	{
	justify-content: center;		
	justify-content: center;
	}
.fl-just-space-b
	{
	justify-content:   space-between;		
	justify-content:  space-between;
	}	
.fl-just-space-a
	{
	justify-content: space-around;		
	justify-content:  space-around;
	}
.fl-just-space-evenly
	{
	justify-content: space-evenly;
	justify-content:  space-evenly;
	}	
.fl-just-stretch
	{
	justify-content: stretch;		
	justify-content:  stretch;
	}	



	
/* fin justify-content */	
.fl-wrap
	{
	flex-wrap: wrap;
	}	
.fl-nowrap
	{
	flex-wrap: nowrap;
	}
.fl-alitems-strech
	{
	align-items: stretch;
	}	
.fl-alitems-start
	{
	align-items: flex-start;
	}		
.fl-alitems-end
	{
	align-items: flex-end;
	}	
.fl-alitems-center
	{
	align-items: center;
	}	
.fl-alitems-base
	{
	align-items: baseline;
	}
/* align-content : défini la réparition de l'espace autour des éléments le long de l'axe en bloc du conteneur */

.fl-alicontent-space-b
	{
	align-content: space-between;
	}	
.fl-alicontent-space-a
	{
	align-content: space-around;
	}
.fl-alicontent-strech
	{
	align-content: stretch;
	}
/* align-content */	
/* AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA  FIN FLEX PROPRIETES AAAAAAAAAAAAAAAAAAAAAAAA */	
	
	
	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$ mise en page standard FLEX $$$$$$$$$$$$$$$ */
.py-flex
	{
	display: flex;
	flex-direction: row;	
	justify-content: center;
	flex-wrap: wrap;
	}
.py-just-center
	{
	justify-content: center;		
	justify-content: center;
	}	

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$ mise en page flex pour header et footer $$$$$$$$$$$$$$$ */
.py-flex-up
	{
	display: flex;
	justify-content: center; 
	align-items: center;
	padding-bottom: 1%;
	}
.py-flex-down
	{
	display: flex;
	justify-content: center; 
	align-items: center;
	padding: 2%;
	}	
.py-arrow-up /* spécifique à cette page */
	{
	border-bottom-color: black;
	}
.py-retour  /* spécifique à cette page */
	{
	color: black;
	}
.py-retour:hover  /* spécifique à cette page */
	{
	background-color: blue;
	color: white;
	}	

/* $$$$$$$$$$$$$$$$$$$$$$$$$$ pour function JS bascule $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */	
.py-show
	{
	display:block!important;
	}		
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */	
	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  MEDIAS PY $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.py-600
	{
	color:black;
	}
@media (min-width:50px)
{
	.py-700
		{
		font-size:1.0rem;
		}		
	div.py-600, .py-600
		{
		font-size:0.9rem;
		}
	.py-500	
		{
		font-size:1.0rem;
		}
	.py-400	
		{
		font-size:0.7rem;
		}			
	.py-small
		{
		font-size:0.7rem;
		}
}	

@media (min-width:100px)
{
	.py-700
		{
		font-size:1.5rem;
		}		
	div.py-600, .py-600
		{
		font-size:1.0rem;
		}
	.py-500	
		{
		font-size:1.1rem;
		}
	.py-400	
		{
		font-size:0.8rem;
		}		
	.py-small
		{
		font-size:0.8rem;
		}
}
@media (min-width:481px)
{
	.py-700
		{
		font-size:1.8rem;
		}		
	div.py-600, .py-600
		{
		font-size:1.5rem;
		}
	.py-500	
		{
		font-size:1.4rem;
		}	
	.py-400	
		{
		font-size:1.0rem;
		}			
	.py-small
		{
		font-size:0.9rem;
		}	
}		
@media (min-width:768px)
{
	.py-700
		{
		font-size:2.5rem;
		}		
	div.py-600, .py-600
		{
		font-size:2.0rem;
		}
	.py-500	
		{
		font-size:1.6rem;
		}
	.py-400	
		{
		font-size:1.2rem;
		}		
	.py-small
		{
		font-size:0.9rem;
		}	
}
@media (min-width:1024px)
{
	.py-700
		{
		font-size:3.0rem;
		}		
	div.py-600, .py-600
		{
		font-size:2.3rem;
		}
	.py-500	
		{
		font-size:1.8rem;
		}	
	.py-400	
		{
		font-size:1.5rem;
		}			
	.py-small	
		{
		font-size:1.0rem;
		}
}		
@media (min-width:1280px)
{
	.py-700
		{
		font-size:3.0rem;
		}	
	div.py-600, .py-600
		{
		font-size:2.6rem;
		}
	.py-500	
		{
		font-size:2.0rem;
		}
	.py-400	
		{
		font-size:2.0rem;
		}		
	.py-small
		{
		font-size:1.5rem;
		}
}
/* ========================================================================= */

@media (max-width:768px)
{
	.fl-row-col
		{
		flex-direction: column;
		}
}


@media (min-width:769px)
{
	.fl-row-col
		{
		flex-direction: row;;
		}
}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ AJOUT MEDIA QUERIES POUR TV  01/04/21 $$$$$$$$$$$$$$$$$$$$$$$$ */

@media (min-width:1921px)
{
	.py-700
		{
		font-size:2.5rem;
		}	
	div.py-600, .py-600
		{
		font-size:2.3rem;
		}
	.py-500	
		{
		font-size:2.0rem;
		}
	.py-400	
		{
		font-size:4.0rem;
		}				
	.py-small
		{
		font-size:1.6rem;
		}
	.py-smallest
		{
		font-size:1.4rem;
		}
	.img33, .img50
		{
		align-self:baseline;
		}	
	.py-retour, .py-retour-d, .py-fleche-up
		{
		font-size: 5.0rem;
		font-weight:400;
		}	
}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ AJOUT MEDIA QUERIES POUR TV  01/04/21 $$$$$$$$$$$$$$$$$$$$$$$$ */







/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ FIN MEDIAS PY $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$ FIN CSS $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */