/*  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 */ // css reset
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ feuille de style S.C.E. CSS */
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ DEBUT COPYRIGHT  copy2 rt copy - est-ce bien utile  ? - $$$$$$$$$$$$$$$$$$$$ */
/* background-color $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.coul1{background-color:#ffa07a;} /* clé */
.coul2{background-color:#ffffe0;} /* qualité */
.coul3{background-color:#fffacd;} /* nom */
.coul4{background-color:#fad2ff;} /* prénom */
.coul5{background-color:#e6e6fa;} /* naissance */
.coul6{background-color:#f5f5dc;} /* n° */
.coul7{background-color:#fdf5e6;} /* adresse */
.coul8{background-color:#fffaf0;} /* suite adresse */
.coul9{background-color:#fffff0;} /* c postal */
.coul10{background-color:#faebd7;} /* ville */
.coul11{background-color:#faf0e6;} /* pays */
.coul12{background-color:#dcdcdc;} /* tel 1 */
.coul13{background-color:#d3d3d3;} /* tel 2 */
.coul14{background-color:#c0c0c0;} /* tel 3 */
.coul15{background-color:#afeeee;} /* ident mail */
.coul16{background-color:#7fffd4;} /* adresse mail */
.coul17{background-color:#add8e6;} /* sce */
.coul18{background-color:#87ceeb;} /* membre sce */
.coul19{background-color:#adff2f;} /* ciq */
.coul20{background-color:#7fff00;} /* membre ciq */
.coul21{background-color:#f5deb9;} /* apcm */
.coul22{background-color:#f5deb3;} /* membre apcm */
.coul23{background-color:#d8bfd8;} /* date heure */
.coul24{background-color:#e9967a;} /* id adh */
.coul25{background-color:#9acacc;} /* xxxxxxxxxxxx */
.coul26{background-color:#ffefd3;} /* xxxxxxxxxxxx */
.coul27{background-color:#a47974;} /* xxxxxxxxxxxx */
.coul28{background-color:#ccb2ab;} /* xxxxxxxxxxxx */
.coul29{background-color:#afeeee;} /* xxxxxxxxxxxx */
.coul30{background-color:#F7230C;} /* xxxxxxxxxxxx */
.coul00{background-color:#eddadd;} /* xxxxxxxxxxxx */
.coul1,.coul2,.coul3,.coul4,.coul5,.coul6,.coul7,.coul8,.coul9,.coul10{color:blue;}		
.coulred{background-color:red;color:white;}
.pink1{background-color:#ffc0cb;}		
.pink2{background-color:#ffb6c1;}			
.pink3{background-color:#ff69b4;}	
.pink4{background-color:#ff1493;color:white;}
.pink5{background-color:#c71587;color:white;}	
.pink6{background-color:#db7093;}			
.orange1{background-color:#ffa07a;}		
.orange2{background-color:#ff7f50;}			
.orange3{background-color:#ff6347;}	
.orange4{background-color:#ff4500;color:white;}
.orange5{background-color:#ff8c00;}	
.orange6{background-color:#ffa500;}	
.red1{background-color:#cd5c5c;color:white;}		
.red2{background-color:#f08080;}			
.red3{background-color:#fa8072;}	
.red4{background-color:#e9967a;}
.red5{background-color:#ffa07a;}	
/* .red6{background-color:#dc143c;color:white;}	*/
.red7{background-color:#ff0000;color:white;}	
.red8{background-color:#b22222;color:white;}	
.red9{background-color:#8b0000;color:white;}
.yellow1{background-color:#ffd700;}		
.yellow2{background-color:#ffff00;}			
.yellow3{background-color:#ffffe0;}			
.yellow4{background-color:#fffacd;}	
.yellow5{background-color:#fafad2;}	
.yellow6{background-color:#ffefd5;}	
.yellow7{background-color:#ffe4b5;}		
.yellow8{background-color:#ffdab9;}			
.yellow9{background-color:#eee8aa;}			
.yellow10{background-color:#f0e68c;}
.yellow11{background-color:#bdb76b;}		
.purple1{background-color:#e6e6fa;}		
.purple2{background-color:#d8bfd8;}			
.purple3{background-color:#dda0dd;}	
.purple4{background-color:#ee82ee;}
.purple5{background-color:#da70d6;}	
.purple6{background-color:#ff00ff;color:white;}	
.purple7{background-color:#ff00ff;color:white;}	
.purple8{background-color:#ba55d3;color:white;}	
.purple9{background-color:#9370db;color:white;}		
.purple10{background-color:#8a2be2;color:white;}			
.purple11{background-color:#9400d3;color:white;}			
.purple12{background-color:#9932cc;color:white;}
.purple13{background-color:#8b008b;color:white;}		
.purple14{background-color:#800080;color:white;}			
.purple15{background-color:#4b0082;color:white;}			
.purple16{background-color:#6a5acd;color:white;}	
.purple17{background-color:#483d8b;color:white;}	
.green1{background-color:#adff2f;}		
.green2{background-color:#7fff00;}			
.green3{background-color:#7cfc00;}			
.green4{background-color:#00ff00;}	
.green5{background-color:#32cd32;}	
.green6{background-color:#98fb98;}	
.green7{background-color:#90ee90;}		
.green8{background-color:#60fa9a;}			
.green9{background-color:#00ff7f;}			
.green10{background-color:#3cb371;color:white;}
.green11{background-color:#2e8b57;color:white;}		
.green12{background-color:#228b22;color:white;}			
.green13{background-color:#008000;color:white;}			
.green14{background-color:#006400;color:white;}	
.green15{background-color:#9acd32;}	
.green16{background-color:#6b8e23;color:white;}	
.green17{background-color:#808000;color:white;}		
.green18{background-color:#556b2f;color:white;}			
.green19{background-color:#66cdaa;color:white;}			
.green20{background-color:#8fbc8f;color:white;}
.green21{background-color:#20b2aa;color:white;}		
.green22{background-color:#008b8b;color:white;}			
.green23{background-color:#008080;color:white;}			
.bleu1{background-color:#00ffff;}	
.bleu2{background-color:#0effff;}			
.bleu3{background-color:#afeeee;}			
.bleu4{background-color:#7fffd4;}	
.bleu5{background-color:#40e0d0;}	
.bleu6{background-color:#48d1cc;color:white;}	
.bleu7{background-color:#00ced1;color:white;}		
.bleu8{background-color:#5f9fa0;color:white;}			
.bleu9{background-color:#4682ba;color:white;}			
.bleu10{background-color:#b0c4de;}
.bleu11{background-color:#b0e0e6;}		
.bleu12{background-color:#add8e6;}			
.bleu13{background-color:#87ceeb;}			
.bleu14{background-color:#87cefa;}	
.bleu15{background-color:#00bfff;}	
.bleu16{background-color:#1e90ff;color:white;}	
.bleu17{background-color:#6495ed;color:white;}		
.bleu18{background-color:#7b68ee;color:white;}			
.bleu19{background-color:#4169e1;color:white;}			
.bleu20{background-color:#0000ff;color:white;}
.bleu21{background-color:#0000cd;color:white;}		
.bleu22{background-color:#00008b;color:white;}			
.bleu23{background-color:#000080;color:white;}			
.bleu24{background-color:#191970;color:white;}
.brown1{background-color:#fff8dc;}		
.brown2{background-color:#ffebcd;}			
.brown3{background-color:#ffe4c4;}	
.brown4{background-color:#ffdead;}
.brown5{background-color:#f5deb3;}	
.brown6{background-color:#deb887;}	
.brown7{background-color:#d2b48c;}	
.brown8{background-color:#bc8f8f;color:white;}	
.brown9{background-color:#f4a460;}		
.brown10{background-color:#daa520;}			
.brown11{background-color:#b8860b;color:white;}			
.brown12{background-color:#cd853f;color:white;}
.brown13{background-color:#d2691e;color:white;}		
.brown14{background-color:#8b4513;color:white;}			
.brown15{background-color:#a0522d;color:white;}			
.brown16{background-color:#a52a2a;color:white;}	
.brown17{background-color:#800000;color:white;}	
.white1{background-color:#ffffff;}		
.white2{background-color:#fffafa;}			
.white3{background-color:#f0fff0;}	
.white4{background-color:#f5fffa;}
.white5{background-color:#f0ffff;}	
.white6{background-color:#f0f8ff;}	
.white7{background-color:#f8f8ff;}	
.white8{background-color:#f5f5f5;}	
.white9{background-color:#fff5ee;}		
.white10{background-color:#f5f5dc;}			
.white11{background-color:#fdf5e6;}			
.white12{background-color:#fffaf0;}
.white13{background-color:#fffff0;}		
.white14{background-color:#faebd7;}			
.white15{background-color:#faf0e6;}			
.white16{background-color:#fff0f5;}	
.white17{background-color:#ffe4e1;}	
.gris1{background-color:#dcdcdc;}		
.gris2{background-color:#d3d3d3;}			
.gris3{background-color:#c0c0c0;}			
.gris4{background-color:#a9a9a9;}	
.gris5{background-color:#808080;color:white;}	
.gris6{background-color:#696969;color:white;}	
.gris7{background-color:#778899;color:white;}		
.gris8{background-color:#708090;color:white;}			
.gris9{background-color:#2f4f4f;color:white;}			
.gris10{background-color:#000000;color:white;}	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ CADRAGE $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.cleft {text-align : left;}
.ccenter {text-align : center;}
.cright {text-align : right;}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ COULEURS $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.pyaquamarine{color:aquamarine;}
.pyblack{color:black;}
.pyblue{color:blue;}
.pychartreuse{color:chartreuse;}
.pycyan{color:cyan;}
.pydarkturquoise{color:darkturquoise;}
.pyfuchsia{color:fuchsia;}
.pygreen{color:green;}
.pygray{color:gray;}
.pylightcyan{color:lightcyan;}
.pylightseagreen{color:lightseagreen;}
.pylime{color:lime;}
.pymaroon{color:maroon;}
.pynavy{color:navy;}
.pyolive{color:olive;}
.pyorange{color:Orange;}
.pypalegreen{color:palegreen;}
.pypaleturquoise{color:paleturquoise;}
.pyplum{color:plum;}
.pypurple{color:purple;}
.pyred{color:red;}
.pysilver{color:silver;}
.pyteal{color:teal;}
.pyturquoise{color:turquoise;}
.pyviolet{color:violet;}
.pywheat{color:wheat;}
.pywhite{color:white;}
.pyyellow{color:yellow;}
.py314{color:Orange;}

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ COULEURS BACKGROUND $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.pybgaquamarine{background-color:aquamarine;}
.pybgblack{background-color:black;}
.pybgblue{background-color:blue;}
.pybgchartreuse{background-color:chartreuse;}
.pybgcyan{background-color:cyan;}
.pybgdarkkhaki{background-color:darkkhaki; color:white;}
.pybgdarkturquoise{background-color:darkturquoise;}
.pybgfuchsia{background-color:fuchsia;}
.pybggold{background-color:gold;}
.pybggreen{background-color:green;}
.pybggray{background-color:gray;color:white;}
.pybgkhaki{background-color:khaki;}
.pybglavender{background-color:lavender}
.pybglightcyan{background-color:lightcyan;}
.pybglightseagreen{background-color:lightseagreen;}
.pybglime{background-color:lime;}
.pybgmaroon{background-color:maroon;}
.pybgnavy{background-color:navy;}
.pybgolive{background-color:olive;}
.pybgorange{background-color:Orange;}
.pybgpalegreen{background-color:palegreen;}
.pybgpaleturquoise{background-color:paleturquoise;}
.pybgplum{background-color:plum;}
.pybgpurple{background-color:purple;}
.pybgred{background-color:red;}
.pybgsilver{background-color:silver;}
.pybgteal{background-color:teal;}
.pybgturquoise{background-color:turquoise;}
.pybgviolet{background-color:violet;}
.pybgwheat{background-color:wheat;}
.pybgwhite{background-color:white;}
.pybgyellow{background-color:yellow;}
.pybg314{background-color:Orange;}



/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ BG ET COULEURS $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

.pybg314{background-color:#dc143c;color:white;}
/* .red6{background-color:#dc143c;color:white;}	*/





/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$BOUTONS ENVOI EFFACER $$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
.env, .eff{
	padding-bottom : 3.0vh;
	width:15vw;
	height:6.0vh;
	background-color:#3cb371;
	color:white;
	border-radius: 1.5vw;
	border:0.3vw solid navy;
	}
.eff{
	background-color:red;
	border-radius: 1.5vw;
	border:0.3vw solid black;
	}	

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ COPYRIGHT $$$$$$$$$$$$$$$$$$$$$$$$$$ */



div#copy2, div#copy
	{
	margin-top:2.0vh; /* 1.50% */
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:wheat; /* 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 2025" "\a0\a9\a0" "calanquedemorgiou.fr Tous droits réservés."; 
	font-size: 1.10vw;
	font-family:Syne;
	font-weight:400;
	margin-left:1.0vw;
	}
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$	ICONES $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
.py-croix::before
	{
	content: "\002573 ";			
	content: "\0026d2 ";
	font-size:200%;
	vertical-align:middle;
	}	
	
	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ FORMATAGE SIGLE SCE  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

.sce{color:lightseagreen;
	font-size :3.0vw;
	font-weight:400;
	font-family: "French Script MT", cursive;
	style:italique;
}

.py-hidden{visibility:hidden;}	
.py-visi{visibility:visible;}
.py-visino{display:none;}	
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ FLECHES DOWN ET UP $$$$$$$ */
.py-arrow-up::before, .py-arrow-up-x::before, .py-arrow-up-center::after  
	{
	content: "\2c4";
	content: "\2303";
//	content: "\002192";	
//	content: "\a0\01f845";	
//	content: "\a0\01f845";	
	content: "\0023eb";
	color:navy;
	text-align:center;
	}
.py-arrow-down::before, .py-arrow-down-x::before,  .py-arrow-down-center::after   
	{
	content: "\0023ec";
	color:navy;	
	}		

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$  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;
		}
}