h2
{
  font-size: 2rem;
  font-weight:bold;
  margin-bottom: 0.7rem;
  margin-bottom: 1.4rem;
  /*margin-top: 0.5rem;*/
}


h3
{
	all: unset;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0.6rem;
	/*text-align: left !important;*/
}





sup
{
	font-size: 0.6rem;
}

small
{
	font-size: 0.6rem;
	line-height: 0.6rem;
	display: inline-block;
}

table
{
	margin:auto;
}


td, th
{
	padding: 0.8rem;
	text-align: left;
}

th
{
	font-weight: bold;
}

td, th, table
{
	width: auto;
}

tr
{
	border-bottom: 0.9px solid #F6ECF3;
}

input, textarea, select
	{
		border: 0.9px solid #E8CEE0;
	}

p
{
	margin-bottom: 1.3rem;
}
	
	


.logofixedLeft
{
	width: 8rem;
	position: fixed;
	text-align: left;
	margin: 0.8rem;
}

.red{
	color: #f00000;
}

.grey{
	color: grey;
}

.anchor
{
	display: block;
	/* height: calc(var(--H1FontSize) * var(--H1LineHeight) + var(--H1MarginTop) + var(--H1MarginBottom) + var(--ButFontSize) * var(--ButLineHeight) + var(--ButMarginBottom)); /*same height as header*/
	/* margin-top: calc(0 - (var(--H1FontSize) * var(--H1LineHeight) + var(--H1MarginTop) + var(--H1MarginBottom) + var(--ButFontSize) * var(--ButLineHeight) + var(--ButMarginBottom))); /*same height as header*/
	height: var(--OffsetMenu);
	margin-top: calc(-1*var(--OffsetMenu));
	visibility: hidden;
}

.warning
{
	color:red;
	font-weight: bold;
	font-size: 1.1rem;
}


.justify
{
	text-align: justify;
}


.center
{
	text-align: center;
}


.left
{
	text-align: left;
}


.hidden
{
	visibility: hidden;
}


.BoxStyle
{
	margin: 0.6rem 0 0.6rem 0;
	border-width: 0.3rem 0 0.3rem 0; 
	border-color: #de0097;
	border-style: double none double none; /* haut | droite | bas | gauche */
/*	vertical-align: middle;	*/
}

.submitbutton
{
	margin: 0 0.5rem 0 0.5rem /* haut | droit | bas | gauche */
}

.ImgSize1
{
	width: 23rem;
}

.ImgSize2
{
	width: 18rem;
}

.ImgSize100
{
	width: 100%;
	/*margin-bottom: 0;*/
}


.FloatLeft
{
	float: left; /*inline-start*/
	Margin-right: 1rem;
}


.FloatRight
{
	float: right; /*inline-end*/
	Margin-left: 1rem;
}


.form
{
/*	position: absolute;*/
/*	margin-left: 11rem;
	margin-right: 11rem;*/
/*	margin-top: 2rem;*/
/*	top: 5rem;*/
	margin-bottom: 10rem;
	font-size: 1.5rem;
}


.crytel::after{content:"633+";}


.logo-fixed-left
{
	position: fixed;
	bottom: 0.6rem;
	left: 0.6rem;
	width: 10rem;
}


.logo-fixed-right
{
	position: fixed;
	bottom: 0.6rem;
	right: 0.6rem;
	width: 10rem;
}


.acr1
{
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	color: #2f912a;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}


.submit
{
	font-size: 1.5rem;
}


/* ------------------------Bouton général------------------------*/


.BoutonRev5A
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+26,ff9ef8+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 26%, #ff9ef8 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 26%,#ff9ef8 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffff 26%,#ff9ef8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff9ef8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	-moz-border-radius: 0 0.8rem 0 0.8rem;
    -webkit-border-radius: 0 0.8rem 0 0.8rem;
    border-radius: 0 0.8rem 0 0.8rem;
	
	display: inline-block;
	color: #333;
	font: bold var(--ButFontSize)/var(--ButLineHeight) arial, sans-serif;
	text-align: center;
	width: 10rem;
}


.BoutonRev5A:hover
{
    background: #b4ddb4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiNGRkYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiM4M2M3ODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiM1MmIxNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NiUiIHN0b3AtY29sb3I9IiMwMDhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiMwMDU3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAyNDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #b4ddb4 0%, #83c783 27%, #52b152 56%, #008a00 86%, #005700 97%, #002400 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b4ddb4), color-stop(27%,#83c783), color-stop(56%,#52b152), color-stop(86%,#008a00), color-stop(97%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #b4ddb4 0%,#83c783 27%,#52b152 56%,#008a00 86%,#005700 97%,#002400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #b4ddb4 0%,#83c783 27%,#52b152 56%,#008a00 86%,#005700 97%,#002400 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #b4ddb4 0%,#83c783 27%,#52b152 56%,#008a00 86%,#005700 97%,#002400 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #b4ddb4 0%,#83c783 27%,#52b152 56%,#008a00 86%,#005700 97%,#002400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}


.BoutonRev5A:active
{
	background: #b4ddb4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiNGRkYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyYjE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iIzAwOGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzAwNTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-radial-gradient(center, ellipse cover,  #b4ddb4 0%, #52b152 0%, #008a00 86%, #005700 97%, #002400 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b4ddb4), color-stop(0%,#52b152), color-stop(86%,#008a00), color-stop(97%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #b4ddb4 0%,#52b152 0%,#008a00 86%,#005700 97%,#002400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #b4ddb4 0%,#52b152 0%,#008a00 86%,#005700 97%,#002400 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #b4ddb4 0%,#52b152 0%,#008a00 86%,#005700 97%,#002400 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #b4ddb4 0%,#52b152 0%,#008a00 86%,#005700 97%,#002400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}


div.Msg
{
	position: relative;
	padding:1rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	text-align: justify;
	background: white; 
}


span.crytel
{
	unicode-bidi: bidi-override;
	direction: rtl;
	font-weight: bold;
}


#myButton
{
	width: 15rem;
}


#refresh
{
	width: 50px;
}


#TopButton
{
	width: 100%;
	margin-bottom: var(--ButMarginBottom);
	text-align: center;
}


#BottomButton
{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 2rem;
	text-align: center;
}


#LeftButton
{
	position: fixed;
	left: 0;
	width: 10rem;
	top: 6rem;
	bottom: 2rem;
	text-align: center;
}


#RightButton
{
	position: fixed;
	right: 0;
	width: 10rem;
	top: 10rem;
	bottom: 2rem;
	text-align: center;
}




#captcha
{
	width: 10rem;
}


/*
#CenterLButton
{
	position: fixed;
	left: 11rem;
	right: 50%;
	top: 10rem;
	bottom: 10rem;
	text-align: center;
}


#CenterRButton
{
	position: fixed;
	left: 50%;
	right: 11rem;
	top: 10rem;
	bottom: 10rem;
	text-align: center;
}*/

/*avoirh1
{
	font-family: Garamond, serif;
	line-height: 1rem;
	color: #2f912a;
	font-weight:bold;
	font-size: 131px;
	text-shadow:0px 0px 0 rgb(15,113,10),1px 1px 0 rgb(7,105,2),2px 2px 0 rgb(0,98,-5),3px 3px 0 rgb(-8,90,-13),4px 4px 0 rgb(-15,83,-20),5px 5px 0 rgb(-23,75,-28),6px 6px 0 rgb(-30,68,-35),7px 7px 0 rgb(-38,60,-43),8px 8px 0 rgb(-45,53,-50),9px 9px 0 rgb(-53,45,-58),10px 10px 0 rgb(-60,38,-65), 11px 11px 0 rgb(-67,31,-72),12px 12px 11px rgba(0,0,0,0.9),12px 12px 1px rgba(0,0,0,0.5),0px 0px 11px rgba(0,0,0,.2);
}*/

/*#intro
{
	position: absolute;
	width: 70%;
	text-align: center;
	padding: 15%;
}*/


/* ------------------------Logo------------------------*/
/*#tronix
{
	font-family: Garamond, serif;
	line-height: 1rem;
	color: #2f912a;
	font-weight:bold;
	font-size: 1.5rem;
	text-shadow:0px 0px 0 rgb(19,117,14), 1px 1px 0 rgb(-9,89,-14),2px 2px 1px rgba(0,0,0,0),2px 2px 1px rgba(0,0,0,0.5),0px 0px 1px rgba(0,0,0,.2);
}*/

/* ------------------------Zone Menu------------------------*/



/*---------------------------------------------------------------------------------------------*/



/* disabled button styles
   works with this markup: <button disabled="disabled">Submit</button>
*******************************************************************************/
button[disabled],
button[disabled]:hover,
button[disabled]:active {
  background: #999;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #aaa;
  cursor: not-allowed;
  text-shadow: none; }
 
 
/* disabled button styles
   works with this markup: <div class='disabled'>Submit</button>
*******************************************************************************/
div.disabled,
div.disabled:hover,
div.disabled:active {
	margin-bottom: 4px;
	margin-left: 4px;
	background: #2f912a;
	
	-moz-border-radius: 0 0.8rem 0 0.8rem;
    -webkit-border-radius: 0 0.8rem 0 0.8rem;
    border-radius: 0 0.8rem 0 0.8rem;
	
	font: bold 1rem/1.5 arial, sans-serif;
	text-align: center;
	width: 10rem;
	
	background: #999;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #aaa;
	text-shadow: none;
}

div.g-recaptcha>div
{
	margin: 1.5rem auto;
}

button
{
	border: 0.9px solid #E8CEE0;
	margin-left: 1rem;
}



/*InfoBulle*/
.conteneur {
position: relative;
overflow: visible;
}

.conteneur .objet_vise {
color: #00C000;
}

.conteneur .objet_vise:hover {
color: red;
}

.conteneur .infobulle {
position: absolute;
top: -20px;
left: 10px;
padding: 0.2rem;
background-color: #FFB7B7;
opacity: 0;
visibility: hidden;
border-radius: 4px;

-webkit-transform: rotate(360deg);
transform: rotate(360deg);
transition: all ease 1s;
}

.conteneur:hover .infobulle {
opacity: 1;
visibility: visible;
z-index: 999;

-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: all ease 1;
}




@media all and (max-width: 991px)
{


	
	
	small

}