:root {
  --col-green-black  : #1b4a4e;
	--col-green-dark   : #357978;
	--col-green-medium : #4eb0af;
	--col-green-light  : #b8e0e0;
  
  --col-body-background      : #f5efd5;
  --col-div-info-background  : #e6dec4;

  --col-gold : #edda97;
}

* { 
  font-family: 'Verdana';
  box-sizing: border-box;
	margin:0; 
	padding:0;
	vertical-align: top;
}

html {
	
	/*
    Helvetica (sans-serif)
    Arial (sans-serif)
    Arial Black (sans-serif)
    Verdana (sans-serif)
    Tahoma (sans-serif)
    Trebuchet MS (sans-serif)
    Impact (sans-serif)
    Gill Sans (sans-serif)
    Times New Roman (serif)
    Georgia (serif)
    Palatino (serif)
    Baskerville (serif)
    Andalé Mono (monospace)
    Courier (monospace)
    Lucida (monospace)
    Monaco (monospace)
    Bradley Hand (cursive)
    Brush Script MT (cursive)
    Luminari (fantasy)
    Comic Sans MS (cursive)
	*/
	font-size: 17px; 
	line-height : 1.5;
	text-align: left;  
	font-weight: normal; 
	color: #000000; 
	scroll-behavior: smooth;
}

body {  background-color: var(--col-body-background);	}



img { vertical-align: middle; }

ul,ul li{
  margin-left: 8px;
  padding: 0;
}


.title-text { color: var(--col-green-dark); font-size: 32px; line-height : 1.2; font-weight: normal;  }

.img-square { border-radius: 32px; }

.fondimage {
  background: url('images/largetop.png'); 
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  background-size: 100% 100%;
}

.fondlignesalpha {
  margin-bottom: 32px; 
  min-height:214px; 
  background-image:url('images/fondlignesalpha.png'); 
  background-repeat:repeat-x; 
  background-position:50% 0px;
}

.fondligne {
  height: 128px;
  margin: 32px 0px 32px 0px;
  background-image:url('images/fondligne.png'); 
  background-repeat:repeat-x; 
  background-position:50% 0px;
}



a {
	color: var(--col-green-dark); 
	text-decoration: none;
}

a:hover {
	color:var(--col-green-medium);
}

.footerlink a {
	color: var(--col-green-medium); 
	text-decoration: none;
}

.footerlink a:hover {
	color:var(--col-green-light);
}



.btmenu {
	display: inline-block; 
	color: var(--col-green-medium); 
	padding: 6px 24px 6px 0px; 
	font-size: 18px; 
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

.btmenu:hover {
	color: var(--col-green-light);
}


.btlink {
	display: inline-block; 
	color: #ffffff; 
	background-color:var(--col-green-black); 
	padding: 6px 12px 6px 12px; 
	margin: 2px; 
	font-size: 17px; 
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
}

.btlink:hover {
	color: #ffffff;
	background-color:var(--col-green-dark);
}


.div-info {
  padding: 32px;
  border-radius: 32px;  
  background-color: var(--col-div-info-background);
}

.div-full {
	display: block;
	width: 100%; 
	min-width: 320px;
	padding: 0px;
} 

.div-scaled {
	max-width: 950px;
	padding: 0px 10px 0px 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
} 

.mobile-hide {display: block;}
.mobile-show {display: none;}

.div-right-redim-center { text-align: right; }
.div-right-redim-left   { text-align: right; }
.div-left-redim-center  { text-align: left; }

.logo-mob { width: 100%; max-width: 128px; }
.img-mob  { width: 100%; max-width: 512px; }
.img-mob-128-64 { width: 128px; }

[class*="div-cell-"] {	float: left;  display: table-cell; width: 100%; padding: 0px 0px 32px 0px; }
.div-cell-0   { width: auto; } 
.div-cell-5   { width:  5%; } 
.div-cell-10  { width: 10%; } 
.div-cell-15  { width: 15%; } 
.div-cell-20  { width: 20%; } 
.div-cell-25  { width: 25%; } 
.div-cell-30  { width: 30%; } 
.div-cell-35  { width: 35%; } 
.div-cell-40  { width: 40%; } 
.div-cell-45  { width: 45%; } 
.div-cell-50  { width: 50%; } 
.div-cell-55  { width: 55%; } 
.div-cell-60  { width: 60%; } 
.div-cell-65  { width: 65%; } 
.div-cell-70  { width: 70%; } 
.div-cell-75  { width: 75%; } 
.div-cell-80  { width: 80%; } 
.div-cell-85  { width: 85%; } 
.div-cell-90  { width: 90%; } 
.div-cell-100 { width: 100%; } 

@media only screen and (max-width: 500px) {
  /* For mobile : */
  .mobile-hide { display: none; }
  .mobile-show {display: block;}
  .logo-mob { width: 96x; }
  .img-mob  { display: inline-block; }
  .img-mob-128-64 { width: 64px; }
  .img-mob-64 { width: 64px; }

  [class*="div-cell-"] {	float: none; display: inline-block; width: 100%; padding: 0px 8px 32px 8px; }
	.div-cell-0 { display: none; }
	.div-cell-5 { display: none; }
	.div-right-redim-center { text-align: center; }
	.div-right-redim-left   { text-align: left; }
	.div-left-redim-center  { text-align: center; }
}

.add-padding { padding-bottom: 48px; }



.div-form { 
  font-size: 15px; 
  font-weight: normal; 
  text-align: left;  
  display: block;
	margin-top: 16px;
	padding: 16px;
	border: 8px solid #e2dadb;
}
	

.row::after {
  content: "";
  clear: both;
  display: table;
}

.radio-group {
  display: flex;
  align-items: center;
}
.radio-group label {
  margin-left: 8px;
}

input {
  font-size: 17px;
  padding: 4px;
}

textaera {
  font-size: 17px;
  padding: 4px;
  box-sizing: border-box;
}