/* *****************
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
																		Global element 	content: '✔';
																		***************** */

#familogo	{	
					color: red;
					background-color: transparent;
					font-family: Tangerine;
					font-size: 30em;
}
span.familogo_Grey	{	
					color: lightgrey;
					background-color: transparent;
					font-family: Tangerine;
					font-size: 15em;
}
#tabcateg td[data-input="inp"] {
    width: 1000px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

#tabimmo { border-collapse: collapse;}
#tabimmo th {background-color: green;text-align:center; }
#tabimmo td, #tabimmo th { padding: 8px; border: 1px solid #40485E }

/*#tabcateg tr:nth-child(even){background-color: lightgrey;}*/
#lstLCRs tr:nth-child(even){background-color: lightgrey;}
#lstAchats tr:nth-child(even){background-color: lightgrey;}
#ilsttyporgs tr:nth-child(even){background-color: lightgrey;}
#ilsttyporgs tr:nth-child(even) > td {background-color: lightgrey;}

canvas {
    -webkit-transition: width 2s,-webkit-transform 2s;  /* For Safari 3.1 to 6.0 */
    -moz-transition: width 2s,-moz-transform 2s;  /* For Mozilla 3.1 to 6.0 */
    transition: width 2s, transform 2s;
} 

label {
    display: inline-block;
    vertical-align: baseline;
    width: 200px;
}

input {
    display: inline-block;
    vertical-align: baseline;
}
/* span.titre {padding-left: 1em; padding-right: 1em; font-size: 1em;color: transparent;text-decoration: none;} */
span.titre {padding-left: 1em; padding-right: 1em; font-size: 1em;background: transparent;color:lightgrey;text-decoration: none;}
span.titre:link {padding-left: 1em; padding-right: 1em; font-size: 1em;background:white;color: black;text-decoration: none;}
span.titre:visited {padding-left: 1em; padding-right: 1em; font-size: 1em;text-decoration: none;background: white;color: black;}
span.titre:hover {background: red; color: white;text-decoration: none;}

a:link		{text-decoration: none;}
a:visited	{text-decoration: none;}

#ipasswd a:link {color: white;} /* #99EBFF */
#ipasswd a:visited {color: #508CE6; }

/*
		Row in a Table
tr:hover		{background-color: skyblue;	}
*/
tr:hover		{background-color: #336600; color: beige;	}
input:hover	{background-color: grey; color: beige;	}

/* 
				Checkbox (Products)
*/
fieldset input[type="checkbox"]:not(:checked),
fieldset input[type="checkbox"]:checked {
	position: absolute;
	left: -999px; 
}
fieldset input[type="checkbox"]:not(:checked)+label,
fieldset input[type="checkbox"]:checked+label {
	position: relative;
	padding-left: 5em;
	padding-top: 1em;
	width: 40em;
	cursor: pointer;
}
fieldset input[type="checkbox"]:not(:checked)+label:before,
fieldset input[type="checkbox"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 2px;
	width: 3em;
	height: 3em;
	background-color: transparent;
	border: 1px solid black;
	border-radius: 50%;
}

fieldset input[type="checkbox"]:not(:checked)+label:after,
fieldset input[type="checkbox"]:checked+label:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 2px;
	width: 3em;
	height: 3em;
	background-color: #09ad7e;
	border: 1px solid white;
	border-radius: 50%;
	transition: all .2s;
	-moz-transition: all .5s;
	-webkit-transition: all .2s;
}
fieldset input[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
}
fieldset input[type="checkbox"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}

/* 
				Checkbox (Organizations)
*/
td input[type="checkbox"]:not(:checked),
td input[type="checkbox"]:checked {
	position: absolute;
	left: -999px; 
}
td input[type="checkbox"]:not(:checked)+label,
td input[type="checkbox"]:checked+label {
	position: relative;
	padding-left: 1em;
	padding-top: 1em;
	width: 1em;
	cursor: pointer;
}
td input[type="checkbox"]:not(:checked)+label:before,
td input[type="checkbox"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 2px;
	width: 1em;
	height: 1em;
	background-color: transparent;
	border: 1px solid white;
	border-radius: 50%;
}

td input[type="checkbox"]:not(:checked)+label:after,
td input[type="checkbox"]:checked+label:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 2px;
	width: 1em;
	height: 1em;
	background-color: #09ad7e;
	border: 1px solid white;
	border-radius: 50%;
	transition: all .2s;
	-moz-transition: all .5s;
	-webkit-transition: all .2s;
}
td input[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
}
td input[type="checkbox"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}

/* 
				Select (lcrs)
*/
select.un {cursor: pointer; background-color: #000029; color: white; border-style: hidden;}
select.unH {visibility: hidden;}


.apparence							{							-moz-appearance:	normal;
																	background-color: transparent;
																	overflow: hidden;	
										}
																	/* Field Set + Legend */
legend > span						{							margin-left: 5px;									}

																	/* Table */
td:hover 							{							color: red; /* #40485E; */
																	background-color: lightgrey;					
																	text-decoration: none;							}
td > input:hover					{							color: #40485E; 
																	background-color: lightgrey;					}																	

#ipac tr > td		 				{							color: #40485E;
																	background-color: transparent;				
																	text-decoration: none;
																	overflow:hidden;			  						}
#ipac tr > td:hover 				{							color: #40485E;
																	background-color: transparent;				
																	text-decoration: none;							}
#tabcateg	input:hover			{							background-color: transparent; color: #40485E;		}
#tabprod		input:hover			{							background-color: transparent; color: #40485E;		}

																	/* Navigation + lines */																	
nav ul ul 							{							height: 0;
																	transform: scaleY(0); 
																	transform-origin: 50% 0;
																	-webkit-transform: scaleY(0); 
																	-moz-transform: scaleY(0); 
																	-webkit-transform-origin: 50% 0;
																	-moz-transform-origin: 50% 0;
																	-webkit-transition: transform 2s ease;
																	-moz-transition: transform 2s ease;
																	transition: transform 2s ease;
										}
nav ul li:hover > ul 			{							height: auto;
																	transform: scaleY(1);
																	-webkit-transform: scaleY(1);
																	-moz-transform: scaleY(1);
										}

li										{							list-style: none; padding: 0;					}
ul										{							list-style: none;	padding: 0;					}

textarea.one {color: #508CE6;}

li.one {	color: black;}
li.two {	color: black;}
li.liC {vertical-align: middle;}
form.nofrm {border-style: none;}

																	/* *****************
																		Sharing Selectors
																		***************** */
																		
																	/* backgroundColor */
																	
.bgorange							{							background-color: #ff531a; 																			}
.bgblanc								{							background-color: white;																			}
.bgjauneclair						{							background-color: #ffff99;																			}	
.bgjaune								{							background-color: yellow;																			}	
.bgmalabar							{							background-color: #DA4791;																			}
.bgrosefonce						{							background-color: #ff85e0;																			}
.bgrose								{							background-color: #FFC2F0;																			}
.bgrougefonce						{							background-color: #660000;																			}
.bgrouge								{							background-color: red;																				}
.bgrougeclair						{							background-color: #e6005c;																			}
.bggrisclair						{							background-color: #F8F8F8;																			}
.bggris								{							background-color: #4D4D4D;																			}
.bgrisfonce							{							background-color: #333333;																			}
.bggrisbleu							{							background-color: #40485E;																			}
.bgnoir								{							background-color: black;																			}
.bgviolet							{							background-color: purple;																			}
.bbleuclair 						{							background-color: #99EBFF;																			}
.bbleugris							{							background-color: #e0f0ff;																			}
.bbleu								{							background-color: #0047B2;																			}		
.bbleumarine						{							background-color: #000029;																			}
.bbleufonce							{							background-color: darkBlue;																		}		
.bgvert								{							background-color: green;																			}		
.bgvertclair						{							background-color: #ccffb2;																			}		
.bgtransp							{							background-color: transparent; 																	}
	/* Dégradé */
.bdbleu								{							background: -moz-linear-gradient( left, rgba(80, 140, 230 , 0.3) , rgba(153, 235, 255 , 0.3) , rgba(80, 140, 230 , 0.3));
																	background: -webkit-linear-gradient( rgba(80, 140, 230, 0.3) , rgba(153, 235, 255 , 0.3) , rgba(80, 140, 230 , 0.3) ); /* For Safari */
																	background: -o-linear-gradient( rgba(80, 140, 230 , 0.3) , rgba(153, 235, 255 , 0.3) , rgba(80, 140, 230 , 0.3)); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( rgb(80, 140, 230, 0.3) , rgb(153, 235, 255, 0.3) , rgb(80, 140, 230, 0.3)); /* Standard syntax */				}

.bdvertbleu							{							background: -moz-linear-gradient( left, rgba(51, 153, 102 , 0.5) , rgba(153, 235, 255 , 0.3) , rgba(51, 153, 102 , 0.5));
																	background: -webkit-linear-gradient( rgba(51, 153, 102 , 0.3) , rgba(153, 235, 255 , 0.3) , rgba(51, 153, 102 , 0.3) ); /* For Safari */
																	background: -o-linear-gradient( rgba(51, 153, 102 , 0.3) , rgba(153, 235, 255 , 0.3) , rgba(51, 153, 102 , 0.3)); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( rgba(51, 153, 102 , 0.3) , rgb(153, 235, 255, 0.3) , rgba(51, 153, 102 , 0.3)); /* Standard syntax */				}
																	
.bdrose								{							background: -moz-linear-gradient( #DA4791 , #ffc2f0 , #DA4791 );
																	background: -webkit-linear-gradient( #DA4791 , #ffc2f0 , #DA4791 ); /* For Safari */
																	background: -o-linear-gradient( #DA4791 , #ffc2f0 , #DA4791 ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( #DA4791 , #ffc2f0 , #DA4791 ); /* Standard syntax */		
																	background-clip: border-box;
										}
.bdvert								{							background: -moz-linear-gradient( green , SpringGreen , transparent );
																	background: -webkit-linear-gradient( green , SpringGreen , transparent ); /* For Safari */
																	background: -o-linear-gradient( green , SpringGreen , transparent ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( green , SpringGreen , transparent ); /* Standard syntax */				}
.btvert								{							background: -moz-linear-gradient( black , lightgreen );
																	background: -webkit-linear-gradient( black , lightgreen ); /* For Safari */
																	background: -o-linear-gradient( black , lightgreen ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( black , lightgreen ); /* Standard syntax */				
										}
.btjaune								{							background: -moz-linear-gradient( black , yellow );
																	background: -webkit-linear-gradient( black , yellow ); /* For Safari */
																	background: -o-linear-gradient( black , yellow ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( black , yellow ); /* Standard syntax */				
										}
.btrose								{							background: -moz-linear-gradient( black , pink );
																	background: -webkit-linear-gradient( black , pink ); /* For Safari */
																	background: -o-linear-gradient( black , pink ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( black , pink ); /* Standard syntax */				
										}
.btgris								{							background: -moz-linear-gradient( transparent , lightgrey );
																	background: -webkit-linear-gradient( transparent , lightgrey ); /* For Safari */
																	background: -o-linear-gradient( transparent , lightgrey ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( transparent , lightgrey ); /* Standard syntax */				
										}
.btrouge								{							background: -moz-linear-gradient( black , red );
																	background: -webkit-linear-gradient( black , red ); /* For Safari */
																	background: -o-linear-gradient( black , red ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( black , red ); /* Standard syntax */				
										}
.btraz								{							background: -moz-linear-gradient( black , #ff6600 );
																	background: -webkit-linear-gradient( black , #ff6600 ); /* For Safari */
																	background: -o-linear-gradient( black , #ff6600 ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( black , #ff6600 ); /* Standard syntax */				
										}
.btbleu								{							background: -moz-linear-gradient( black , #85c2ff );
																	background: -webkit-linear-gradient( black , #85c2ff ); /* For Safari */
																	background: -o-linear-gradient( black , #85c2ff ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( black , #85c2ff ); /* Standard syntax */				
										}
.btviolet							{							background: -moz-linear-gradient( black , purple );
																	background: -webkit-linear-gradient( black , purple ); /* For Safari */
																	background: -o-linear-gradient( black , purple ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( black , purple ); /* Standard syntax */				
										}
.bdjaune								{							background: -moz-linear-gradient( yellow , #ffff99 , yellow );
																	background: -webkit-linear-gradient( yellow , #ffff99 , yellow ); /* For Safari */
																	background: -o-linear-gradient( yellow , #ffff99 , yellow ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( yellow , #ffff99 , yellow ); /* Standard syntax */				}
	/* background: -moz-linear-gradient(#DA4791,#ffc2f0,white); */	
.bdnoirblanc						{							background: -moz-linear-gradient( rgba(0,0,0,0.) , rgba(255,255,255,0.8) , rgba(0,0,0,0.8) );
																	background: -webkit-linear-gradient( rgba(0,0,0,0.8) , rgba(255,255,255,0.8) , rgba(0,0,0,0.8) ); /* For Safari */
																	background: -o-linear-gradient( rgba(0,0,0,0.8) , rgba(255,255,255,0.8) , rgba(0,0,0,0.8) ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( rgba(0,0,0,0.8) , rgba(255,255,255,0.8) , rgba(0,0,0,0.8) ); /* Standard syntax */				
										}
.bodnoir								{							background:  -moz-linear-gradient( rgba(0,0,0,0.8) , rgba(0,0,0,0.) , rgba(0,0,0,0.8) );
																	background: -webkit-linear-gradient( rgba(0,0,0,0.8) , rgba(0,0,0,0.8) , rgba(0,0,0,0.8) ) ); /* For Safari */
																	background: -o-linear-gradient( rgba(0,0,0,0.8) , rgba(0,0,0,0.8) , rgba(0,0,0,0.8) ); /* For Opera 11.1 to 12.0 */
																	background: linear-gradient( rgba(0,0,0,0.8) , rgba(0,0,0,0.8) , rgba(0,0,0,0.8) ); /* Standard syntax */				
										}
.bobleu								{							background-color: rgba(80, 140, 230 , 0.3)		}
.boviolet							{							background-color: rgba(255, 0, 102, 0.6)			}
.bovert								{							background-color: rgba(0, 255, 0, 0.3)				}
.bojaune								{							background-color: rgba(255, 255, 36, 0.3)				}
.bonoir								{							background-color: rgba(0, 0, 0, 0.6)				}
.bonoirsombre						{							background-color: rgba(0, 0, 0, 0.8)				}
.boorange							{							background-color: rgba(204, 51, 0, 0.3)				}
.borouge								{							background-color: rgba(204, 0, 0, 0.4)				}
.boblanc								{							background-color: rgba(255, 255, 255, 0.4)		}
.boblancclair						{							background-color: rgba(255, 255, 255, 0.2)		}

.green {	
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , lightgreen );
	background: -webkit-linear-gradient( transparent , lightgreen ); /* For Safari */
	background: -o-linear-gradient( transparent , lightgreen ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , lightgreen ); /* Standard syntax */
	/*background-color: lightgreen;*/
	cursor: pointer;
	color: white;
}
.yellow {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , yellow );
	background: -webkit-linear-gradient( transparent , yellow ); /* For Safari */
	background: -o-linear-gradient( transparent , yellow ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , yellow ); /* Standard syntax */
	color: darkblue;
	/* background-color: yellow; */
	cursor: pointer;
}
.pink {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , pink );
	background: -webkit-linear-gradient( transparent , pink ); /* For Safari */
	background: -o-linear-gradient( transparent , pink ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , pink ); /* Standard syntax */
	color: white;
	/* background-color: pink;*/
	cursor: pointer;
}
.purple {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , purple );
	background: -webkit-linear-gradient( transparent , purple ); /* For Safari */
	background: -o-linear-gradient( transparent , purple ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , purple ); /* Standard syntax */
	color: white;
	/*background-color: purple;*/
	cursor: pointer;
}
.gris {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , #E9E9E9 );
	background: -webkit-linear-gradient( transparent , #E9E9E9 ); /* For Safari */
	background: -o-linear-gradient( transparent , #E9E9E9 ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , #E9E9E9 ); /* Standard syntax */
	/*background-color: #E9E9E9;*/
	color: white;
	cursor: pointer;}
.blue {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , #85c2ff );
	background: -webkit-linear-gradient( transparent , #85c2ff ); /* For Safari */
	background: -o-linear-gradient( transparent , #85c2ff ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , #85c2ff ); /* Standard syntax */
	color: white;
	/*background-color: #85c2ff;*/
	cursor: pointer;}
.erase {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , #ff6600 );
	background: -webkit-linear-gradient( transparent , #ff6600 ); /* For Safari */
	background: -o-linear-gradient( transparent , #ff6600 ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , #ff6600 ); /* Standard syntax */
	color: white;
	/*background-color: #ff6600;*/
	cursor: pointer;
}
.reset {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , salmon );
	background: -webkit-linear-gradient( transparent , salmon ); /* For Safari */
	background: -o-linear-gradient( transparent , salmon ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , salmon ); /* Standard syntax */
	color: white;
	/*background-color: salmon;*/
	cursor: pointer;}
.delete {
	border: none;
	font-family: Times;
	background: -moz-linear-gradient( transparent , red );
	background: -webkit-linear-gradient( transparent , red ); /* For Safari */
	background: -o-linear-gradient( transparent , red ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , red ); /* Standard syntax */
	color: white;
	 cursor: pointer;}

																	/*	Background Image	*/
.bImg1								{							background-image: url(/mcrs/images/cergy1.gif); 		 
																	background-color: transparent ;
																	background-repeat	:	no-repeat; 
																	background-size: cover;							
										}								
.bImg5								{							background-image: url(/mcrs/images/leqzy2.jpg); 		 
																	background-repeat	:	no-repeat; 
																	background-size: cover;							
										}
.bImg2								{							background-image: url(/mcrs/images/bgd2.jpeg); 		 
																	background-repeat	:	no-repeat; 
																	background-size: cover;							
										}								
.bImg3								{							background-image: url(/mcrs/images/out1.jpeg); 		 
																	background-repeat	:	no-repeat; 
																	background-size: cover;							
										}																									
.bImg4								{							background-repeat	:	no-repeat;
																	background-position:50%; 
																	border-radius: 50%;
																	border:	solid 1px #FFF;
																	/*overflow: hidden;*/
																	position: static;							
																	width: 150px;							
																	height: 150px;							
										}
.Rond									{							border-radius: 50%;
																	border:	solid 1px #FFF;
																	overflow: hidden;
																	width: 7em;							
																	height: 7em;							
										}
.Round								{							border-radius: 50%;
																	border:	solid 1px #FFF;
																	overflow: hidden;
																	width: 150px;							
																	height: 150px;							
										}
.Roundbig							{							border-radius: 50%;
																	overflow: hidden;
																	width: 10em;							
																	height: 10em;							
										}
.Round img							{							display: block;
																	min-height: 100%;
																	min-width: 100%;
}								
.Roundsmall							{							border-radius: 50%;
																	overflow: hidden;
																	width: 50px;							
																	height: 50px;							
										}
.Roundsmall img					{							display: block;
																	min-height: 100%;
																	min-width: 100%;
										}								
																																		/* Color */
.cnoir															{color: black;										}
.ctransp															{color: transparent;								}
.cblanc															{color: white;										}
.cbeige															{color: beige;										}
.cjaune															{color: yellow;									}
.cgrisclair														{color: lightgrey;								}
.cgris															{color: grey;										}
.cgrisbleu														{color: #40485E;									}
.cbleuclair 													{color: #0099FF;									}
.cbleu 															{color: #0099FF;									}
.csaumon															{color: salmon;									}
.crouge															{color: red;										}
.crougefonce													{color: darkred;									}
.cbleufonce														{color: darkblue;									}
.cbleutext														{color: #508CE6;									}
.colive															{color:olive;										}
.cvertclair														{color:springgreen;								}

																	/* Largeur */
.W300px								{							width: 300px;										}					
.W200px								{							width: 200px;										}					
.W150px								{							width: 150px;										}					
.W100px								{							width: 100px;										}					
.W100pct								{							width: 100%;										}					
.W95pct								{							width: 99%;											}					
.W90pct								{							width: 90%;											}					
.W80pct								{							width: 80%;											}					
.W70pct								{							width: 70%;											}					
.W60pct								{							width: 60%;											}					
.W50pct								{							width: 50%;											}					
.W45pct								{							width: 45%;											}					
.W40pct								{							width: 40%;											}					
.W30pct								{							width: 30%;											}					
.W20pct								{							width: 20%;											}					
.W15pct								{							width: 15%;											}					
.W10pct								{							width: 10%;											}	
.W5pct								{							width: 5%;											}	
.WCell								{							width: 10em;										}
					/* Hauteur	*/
.H100pct								{							height: 100%;										}				
.H100em								{							height: 100em;										}				
.H10em								{							height: 10em;										}				
.H15em								{							height: 15em;										}				
.H20em								{							height: 20em;										}				
.H2em									{							height: 2em;										}				

					/* Display */
.DTable								{							position: relative; 
																	display: table;																}
.DITable								{							display: inline-table;														}
.DCell								{							display: table-cell;															}
.DRow									{							display: table-row;															}
.DIBlk								{							display: inline-block;														}
.DBlk									{							display: block;																}
.DNon									{							display: none;																	}

					/* Visibiité */
.Cache 			{visibility: hidden;		}
.Voir 			{visibility: visible;	}
.Transparent	{opacity: 0.7;				}
.Discret			{opacity: 0.5;				}
.Dilue			{opacity: 0.1;				}
.Opaque			{opacity: 1;				}
					/* Position 		 */
.Haut15em	{top: 30%;					}
.Haut0		{top: 0px;					}
.Bas10pct	{bottom: 10%;				}
.Gauche0		{left: 0px;					}
.Gauche20	{left: 20%;					}
.G40pct		{left: 40em;				}
.D10pct		{right: 10%;				}

					/* Indice Position */
.ZIneg		{z-index: -5;				}
.ZI800		{z-index: 800;				}
.ZI500		{z-index: 500;				}
.ZI999		{z-index: 999;				}
.ZI1000		{z-index: 1000;			}
.ZI2000		{z-index: 2000;			}

					/* Text Padding */
.Ptiers		{padding: 0.3em;			}
.Pdemi		{padding: 0.5em;			}
.P1em			{padding: 1em;				}
.P2em			{padding: 2em;				}
.PT15em 		{padding-top: 15em;		}
.PT12em 		{padding-top: 12em;		}
.PT2em 		{padding-top: 2em;		}
.PT1em 		{padding-top: 1em;		}
.PL8em 		{padding-left: 8em;		}
.PL2em 		{padding-left: 2em;		}
.PL1em 		{padding-left: 1em;		}
.PR1em 		{padding-right: 1em;		}
.PR8em 		{padding-right: 8em;		}
.PBdemi		{padding-bottom: 0.5em;	}

					/* Text Justify */
.TLeft 		{text-align: left;		}
.TRight 		{text-align: right;		}
.TCentre 	{text-align: center;		}

					/* Marges */				
.Mauto		{margin: auto;				}			
.MCentre		{margin-left: auto;margin-right: auto;}
.ML10pct		{margin-left: 10%;		}
.ML20pct		{margin-left: 20%;		}
.ML40pct		{margin-left: 40%;		}
.ML5px		{margin-left: 5px;		}
.ML10em		{margin-left: 10em;		}
.ML5em		{margin-left: 5em;		}
.ML2em		{margin-left: 2em;		}
.ML0			{margin-left: 0;			}
.MR20pct		{margin-right: 20%;		}
.MR2em		{margin-right: 2em;		}
.MR0			{margin-right: 0;			}
.MT0			{margin-top: 0;			}
.MT1em		{margin-top: 1em;			}
.MT2em		{margin-top: 2em;			}
.MT4em		{margin-top: 4em;			}
.MT6em		{margin-top: 6em;			}
.MT8em		{margin-top: 8em;			}
.MT10em		{margin-top: 10em;		}
.MT12em		{margin-top: 12em;		}
.MT15em		{margin-top: 15em;		}
.MTauto		{margin-top: auto;		}
.MT10pct		{margin-top: 10%;			}
.MT20pct		{margin-top: 20%;			}
.M1em			{margin: 1em;				}
.MB2em		{margin-bottom: 2em;		}

					/* Cursor */
.CursD 		{cursor: default;			}
.CursP 		{cursor: pointer;			}
.CursH 		{cursor: help;				}
.CursNA 		{cursor:not-allowed;		}
.CurPro		{cursor: progress;		}

					/* Cadre */
																	/* Cadre */

.Cadre1								{							border: grey solid 1px;									}
.Cadre2								{							border: white solid 5px;								}
.Cadre3								{							border: #40485E solid 1px;								}
.CadreN								{							border-style: none;										}
.NoBord								{							border-collapse: collapse; border-spacing: 0px;	}
.BordDroit							{							border-right: thin solid white;						}
.BordGauche							{							border-left: thin	solid	white;						}
.BordBas								{							border-bottom: thin	solid	black;					}
.BordBasClair						{							border-bottom: thin	solid	lightgrey ;				}
.OmbreBlanc							{							box-shadow:  8px 8px 12px #fff;						}
.Ombre1								{							box-shadow:  8px 8px 12px #000;						}
.Ombre2 								{							box-shadow: 0px 30px 40px rgba(0,0,0,.1);			}
.Ombre3 								{							box-shadow: 0px 30px 40px rgba(255,255,255,.1);	}
.Ombre4 								{							box-shadow:  1px 1px 8px #40485E;					}
.Rond10								{							border-radius: 10px;										}
.Rond20								{							border-radius: 20px;										}
.Rond50								{							border-radius: 50%;										}
.Rond60								{							border-radius: 60px;										}
.Binset								{							border-style: inset;										}
.Boutset								{							border-style: outset;									}
.BDouble								{							border-style: double;									}
.Bnoir								{							border-color: black;										}
.Brouge								{							border-color: red;										}

					/* Indentation */
.LIndent			{text-indent: 2em;				}
					/* Hauteur de ligne */
.LH3				{line-height: 3em;	}
.LHDouble		{line-height: 2;	}

					/* Majuscules	*/
.Maj				{text-transform: uppercase;	}
.Min				{text-transform: lowercase;	}
.Capital			{text-transform: capitalize;	}

					/* Souligne	*/
.fSouligne		{text-decoration: underline;	}
.fSlignerouge		{text-decoration: underline red;	}
.fOlignerouge	{text-decoration: overline red;}
.fNoDeco			{text-decoration: none;			}

					/* Text Font */
.fTitre 			{ text-shadow: 2px 2px 5px black; letter-spacing: 4px}
.fInput 			{ 	letter-spacing: 2px;
						text-shadow: 5px 2px 5px #989898; 
					  	-webkit-text-shadow: 5px 2px 5px #989898;
					  	-moz-text-shadow: 5px 2px 5px #989898;
					  	-o-text-shadow: 5px 2px 5px #989898;
					}
.LSP2px			{	letter-spacing: 2px;}
					
.ffTangerine	{font-family: 'Tangerine', cursive;} /*font-family: 'Tangerine', cursive; */
.ffPFS			{font-family: 'Petit Formal Script', cursive;}
.ffAllura		{font-family: 'Allura', cursive;}
.ffTimes			{font-family: "Times New Roman", Times, serif;	}
.ffArial			{font-family: Arial, sans-serif;	}
.ffHelvetic		{font-family: Helvetica, sans-serif;	}
.fItalic			{font-style: italic;	}
.fGras	 		{font-weight:900;		}
.fDemiGras	 	{font-weight:600;		}
.fSLarge	 		{font-size: 4em		}
.fSGeant	 		{font-size: 6em		}
.fSXXL	 		{font-size: 8em		}
.fSXXXL	 		{font-size: 10em		}
.fS2XL	 		{font-size: 20em		}
.fS3XL	 		{font-size: 30em		}
.fS5XL	 		{font-size: 50em		}
.fS10	 			{font-size: 3em		}
.fStoutpetit	{font-size: 0.5em; 	}
.fSsmall	 		{font-size: 0.8em; 	}
.fSmedium 		{font-size: 0.9em; letter-spacing:2px; 	}
.fS1	 			{font-size: 1em; letter-spacing: 1px;		}
.fS2	 			{font-size: 1.2em		}
.fS5	 			{font-size: 1.5em		}
.fS6	 			{font-size: 1.8em;		}
.fSmed			{font-size: large;	}
.fS100pct		{font-size: 100%		}
.fCalendar		{font-family: "Times New Roman", Times, serif;letter-spacing: 1px;}

					/* Text Area */
.Asccache		{overflow-y: hidden;}
.Noresize		{resize: none;}

					/* Position	*/
.PFixe			{	position: fixed;						}					
.PRelatif		{	position: relative;					}					
.PAbsolu			{	position: absolute;					}					
.clout			{	position: fixed; left: -1000px;	}
					
					/* Vertical Align */
.VATop		{vertical-align: top;		}
.VAMid		{vertical-align: middle; 	}
.VABot		{vertical-align: bottom; 	}

				/* Images Effects	*/
#imgpdt:target	{background-color: red;	}
#iimg:target	{background-color: red;	}

/*
aside table tr td img {mix-blend-mode:	darken; }
form label span	{mix-blend-mode:	lighten; }
*/

/* Checkbox (entre crochet pour donner un style à un élément identifié par un attribut et pas une classe ou id  */
input.checkbox:focus {background-color: green;width: 1em; height: 1em; padding: 0px; margin: 0px}
input.chkcat { padding: 1px;margin: 1px; }
[name="ckcateOLD"]:not(:checked),
[name="ckcateOLD"]:checked { position: absolute; }

td.greenC {text-align: left;background-color: green; color:green; border-style: solid 2px; border-radius:50%}
td.transpC {text-align: left;background-color: white; color:transp; border-style: solid 2px; border-radius:50%}
td.redC {text-align: left;background-color: red; color:red; border-radius:50%}

blockquote.blq1 {
	vertical-align: top;
	margin-left: 1px;
	padding-left: 2px;
	display: inline-block;
	background-color: #E0E0E0;
	color: black;
}
blockquote.blq1H {
	visibility: hidden;
	vertical-align: top;
	display: inline-block;
}
blockquote.blq2 {
	display: block;
	margin-top: 2em;
	margin-left: 10%;
}
fieldset.c_sys { margin-top: 3em; height: 15em; border-style: solid;border-width: 2px;border-color: grey;}
fieldset.twoAccueil {
	margin-top: 12em;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	vertical-align: top;
	text-align: center;
	color: black;
	box-shadow:  8px 8px 12px #aaa;	
	background: -moz-linear-gradient(peachpuff,white,white);	
	border: none;
	border-top-left-radius:2em;
	border-top-right-radius:2em;
	border-bottom-left-radius:2em;
	border-bottom-right-radius:2em;
}
fieldset.one {
	box-shadow:  8px 8px 12px #aaa;	
	background: -moz-radial-gradient(white,white,#EBF5FF);	
	background: white;
	color: #508CE6;
	border: none;
}
fieldset.onelarge {
	box-shadow:  8px 8px 12px #aaa;	
	background: -moz-radial-gradient(white,white,#EBF5FF);	
	background-color: white;
	color: grey;
	width: 100%;
	border: none;
}
fieldset {
	vertical-align: top;
	display: inline;
	background-color: white;
	color: #508CE6;
	border-style: solid;
	border: 1px 1px 1px;
/*	border-top-left-radius:2em;
	border-top-right-radius:2em;
	border-bottom-left-radius:2em;
	border-bottom-right-radius:2em;
	box-shadow:  8px 8px 12px #aaa;	
*/
}
.twoTop {
	background-color: white;
	border-style: none;
	/* border-color: grey; */
	color: black;
	/* vertical-align: top; 
	display: inline-block;
	margin-top: 2em;
	padding-left: 12em;
	padding-right: 12em;
	*/
}
.twoNorm {
	background-color: white;
	/* vertical-align: top; 
	margin-top: 8em;
	*/
	padding-left: 12em;
	padding-right: 12em;
}
.twoPink {
	background: -moz-linear-gradient(#DA4791,#ffc2f0,white);	
	margin-top: 7em;
}
.twoBeige {
	background: -moz-linear-gradient(#ffebcd,#fff1dc,white);	
	margin-top: 2em;
}
fieldset.twoWhite {
	/*background: -moz-linear-gradient( white , white);
	background: -webkit-linear-gradient( white , white ); /* For Safari */
	/*background: -o-linear-gradient( white , white ); /* For Opera 11.1 to 12.0 */
	/*background: linear-gradient( white , white ); /* Standard syntax */
   /*-moz-border-radius: 60px;
   border-radius: 60px;
	background: -moz-linear-gradient(#ffff99,#ffff99,white); */	
	background-color: white;
	margin-top: 4em;
}
fieldset.twoYellow {
	background: -moz-linear-gradient( yellow , transparent);
	background: -webkit-linear-gradient( yellow , transparent ); /* For Safari */
	background: -o-linear-gradient( yellow , transparent ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( yellow , transparent ); /* Standard syntax */
   /* -moz-border-radius: 60px;
   border-radius: 60px;
	background: -moz-linear-gradient(#ffff99,#ffff99,white); */	
	margin-top: 8em;
}
fieldset.twoBlue {
	background: -moz-linear-gradient(#508CE6,#508CE6,white);	
}
fieldset.twoGreen {
	background: -moz-linear-gradient(green,white,white);	
}
fieldset.twoOrange {
	background: -moz-linear-gradient(#ff9966,white,white);	
}
fieldset.twoGrey {
	background: -moz-linear-gradient(#202020,lightgrey,white);	
}
fieldset.twoRed {
	background: -moz-linear-gradient(red,white,white);	
}
fieldset.twoSpringGreen {
	background: -moz-linear-gradient(SpringGreen,SpringGreen,white);	
}
fieldset.alertes {
 	width: 60%;
 	margin-right: auto; margin-left: auto; margin-bottom: 1em;
 	border-style: outset;
 	padding-bottom: 1em; padding-top: 1em ;
}
hr.blue {color: #508CE6;}
/*
iframe.oneH { border-style: none;width: 200px; }
.menu {width: 47%;}
img.txt1 {vertical-align: top;}
label.one  {
	color: black;
	background-color:white;
	font-style: italic;
	padding-left: 5px;
	padding-top: 5px;
}
legend.one  {
	color: darkred;
}
legend.two  {
	color: grey;
	background-color:white;
	font-style: italic;
	box-shadow:  8px 8px 12px #aaa;	
	cursor: pointer;
}
table.two {
	opacity: 0.3; 
	border-color: red;
	border: 1px solid;
	cursor: pointer;
	}
*/	
tfoot.one {
	color: black;
	background-color:white;
	font-style: italic;
	border-color: black;
	border: 5px solid;
}
th.one1 {
	background-color: #ffff99;
	color: darkblue;
	text-align: center;
	border: none;
	border-spacing: 3px;
	padding: 2px;
}
th.one2 {
	background-color: #ffff99;
	color: darkblue;
	text-align: right;
	border: none;
	border: 3px;
	padding: 2px;
}
th.three {
	background-color: white;
	color: darkblue;
}
th.fourB {
	padding: 1px;
	margin: 1px;
	border-spacing: 3px;
	background-color: #ffff99;
	color: darkblue;}
th.fourOLD {
	background-color: #508CE6;
	color: lightgrey;}
input.buttonOLD {border: 0; font-size: 1em;font-family: Arial;color:darkblue;background-color: #66FF66;} 
input {color: grey; font-family: Arial;font-size: 1em; text-align: center;}
.button {	font-family: Times;margin-bottom:1.5em;margin-left:1.5em;cursor: pointer;}
.bluebutton {border: 0;color:darkblue;background-color: #508CE6;cursor: pointer;}
span.greyBR {color: ctransp; border-right: 1px solid black; padding-right: 5px}
span.logo {color:red; margin-top: 1em; margin-left: 1em; font-family: Tangerine, serif; font-size: 2em}
span.logosmall {color:red; margin-left: 1em; font-family: Tangerine, serif; font-size: 2em}
span.one {color:white;}
span.titre0 {padding-left: 1em; padding-right: 1em; font-size: 1em;color: red; text-decoration:none; }
span.titre0:hover {background: red; color: white;text-decoration: none;}
span.txt1 {margin-top: 3em; margin-bottom: 3em}
span.txt2 {padding-left: 2px;padding-top: 1em; display: inline; }
span.dte {color: black;}
div.zone1Pink {
	position: relative;
	z-index: 999;	
	color: #e0f0ff;
	background: -moz-linear-gradient( transparent , #DA4791 );
	background: -webkit-linear-gradient( transparent , #DA4791 ); /* For Safari */
	background: -o-linear-gradient( transparent , #DA4791 ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , #DA4791 ); /* Standard syntax */
	border: none;
	width: 32%; 
	float: left;
	height: 300px; 
	margin-top: 2em}
div.zone1Yellow {
	position: relative;
	z-index: 999;	
	color: #e0f0ff;
	background: -moz-linear-gradient( yellow , transparent );
	background: -webkit-linear-gradient( yellow , transparent ); /* For Safari */
	background: -o-linear-gradient( yellow , transparent ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( yellow , transparent ); /* Standard syntax */
	width: 32%;
	float: left;
	height: 300px;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 2em}
div.zone1Blue { 
	position: relative;
	z-index: 999;	
	color: #e0f0ff;
	background: -moz-linear-gradient( transparent , #508CE6 );
	background: -webkit-linear-gradient( transparent , #508CE6 ); /* For Safari */
	background: -o-linear-gradient( transparent , #508CE6 ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , #508CE6 ); /* Standard syntax */
	width: 32%;
	float: left;
	height: 300px;
	margin-top: 2em}
div.zone1SpringGreen {
	position: relative;
	z-index: 999;	
	color: beige;
	background: -moz-linear-gradient( transparent , SpringGreen );
	background: -webkit-linear-gradient( transparent , SpringGreen ); /* For Safari */
	background: -o-linear-gradient( transparent , SpringGreen ); /* For Opera 11.1 to 12.0 */
	background: linear-gradient( transparent , SpringGreen ); /* Standard syntax */
	width: 32%;
	float: left;
	height: 300px;
	margin-top: 2em}

blockquote.image {text-align: center; margin-left: 0%; margin-top: 10%; background-color: transparent;}
img.txt2 { vertical-align: middle;}
img.twoB { width: 128px; height: 128px;}
img.twoB:hover {opacity: 0.4}
img.twoB:hover > ul {display: block;}

span.trans1 { transition-property: font-size ; transition-duration: 1s; color:black; font-family: Helvetica serif; font-size:0.8em; } /* #40485E */
/* span.trans1:hover {color: #40485E; font-size: 1.7em;} */
span.trans1:hover {color: red; font-size: 1.7em;}