a:link       { color: #281bff }a:visited    { color: #000000 }a:active     { color: #fc0028}
/* base font-size corresponds to 10px and is adapted to rem unit */
html {    font-size: 100%;}/* Codes de la palette des couleurs */
/*       Couleur verte              .primary-1 { background-color: #A5EF00 }.primary-2 { background-color: #8AB32D }.primary-3 { background-color: #6B9B00 }.primary-4 { background-color: #BEF73E }.primary-5 { background-color: #CDF76F }*/
/* Couleur orange         .primary-1 { background-color: #FFBF00 }.primary-2 { background-color: #BF9B30 }.primary-3 { background-color: #A67C00 }.primary-4 { background-color: #FFCF40 }.primary-5 { background-color: #FFDC73 }*/
/* Couleur bleue .primary-1 { background-color: #028E9B }.primary-2 { background-color: #1E6D74 }.primary-3 { background-color: #015C65 }.primary-4 { background-color: #35C0CD }.primary-5 { background-color: #5EC4CD }*/ 
/* Couleur jaune */
.primary-1 { background-color: #FFF500 }
.primary-2 { background-color: #BFBA30 }.primary-3 { background-color: #A69F00 }
.primary-4 { background-color: #FFF840 }.primary-5 { background-color: #FFFA73 }
.primary-6 { background-color: #5EC4CD }
.altitude1000 {    position: absolute;    left: 950px;    top: 1220px;}.altitude1000libel {    position: absolute;    left: 830px;    top: 1230px;}
.altitude1500 {    position: absolute;    left: 900px;    top: 1200px;}.altitude1500libel {    position: absolute;    left: 850px;    top: 1250px;}
.altitude2000 {    position: absolute;    left: 950px;    top: 1150px;}.altitude2000libel {    position: absolute;    left: 900px;    top: 1200px;}
.altitude2500 {    position: absolute;    left: 900px;    top: 1100px;}.altitude2500libel {    position: absolute;    left: 850px;    top: 1150px;}
.altitude3000 {    position: absolute;    left: 950px;    top: 1050px;}.altitude3000libel {    position: absolute;    left: 900px;    top: 1100px;}
.altitude3500 {    position: absolute;    left: 900px;    top: 1000px;}.altitude3500libel {    position: absolute;    left: 850px;    top: 1050px;}
.altitude4000 {    position: absolute;    left: 950px;    top: 950px;}.altitude4000libel {    position: absolute;    left: 900px;    top: 1000px;}
.altitude4500 {    position: absolute;    left: 900px;    top: 900px;}.altitude4500libel {    position: absolute;    left: 850px;    top: 950px;}
.altitude5000 {    position: absolute;    left: 950px;    top: 850px;}.altitude5000libel {    position: absolute;    left: 900px;    top: 800px;}
.altitude5500 {    position: absolute;    left: 900px;    top: 800px;}.altitude5500libel {    position: absolute;    left: 850px;    top: 750px;}
.altitude6000 {    position: absolute;    left: 900px;    top: 715px;}.altitude6000libel {    position: absolute;    left: 900px;    top: 650px;}
.altitude6100 {    position: absolute;    left: 850px;    top: 723px;}.altitude6100libel {    position: absolute;    left: 850px;    top: 650px;}
.altitude6200 {    position: absolute;    left: 800px;    top: 715px;}.altitude6200libel {    position: absolute;    left: 800px;    top: 650px;}
.altitude6300 {    position: absolute;    left: 750px;    top: 710px;}.altitude6300libel {    position: absolute;    left: 750px;    top: 650px;}
.altitude6400 {    position: absolute;    left: 700px;    top: 708px;}.altitude6400libel {    position: absolute;    left: 700px;    top: 650px;}
.altitude6500 {    position: absolute;    left: 650px;    top: 700px;}.altitude6500libel {    position: absolute;    left: 650px;    top: 650px;}
.altitude6700 {    position: absolute;    left: 590px;    top: 660px;}.altitude6700libel {    position: absolute;    left: 590px;    top: 600px;}
.altitude7000 {    position: absolute;    left: 550px;    top: 635px;}.altitude7000libel {    position: absolute;    left: 550px;    top: 600px;}
.altitude7300 {    position: absolute;    left: 500px;    top: 585px;}.altitude7300libel {    position: absolute;    left: 500px;    top: 500px;}
.altitude7500 {    position: absolute;    left: 450px;    top: 525px;}.altitude7500libel {    position: absolute;    left: 450px;    top: 450px;}
.altitude7700 {    position: absolute;    left: 400px;    top: 490px;}.altitude7700libel {    position: absolute;    left: 400px;    top: 450px;}
.altitude8000 {    position: absolute;    left: 350px;    top: 470px;}.altitude8000libel {    position: absolute;    left: 350px;    top: 400px;}
.altitude8300 {    position: absolute;    left: 300px;    top: 450px;}.altitude8300libel {    position: absolute;    left: 300px;    top: 400px;}
.altitude8500 {    position: absolute;    left: 250px;    top: 410px;}.altitude8500libel {    position: absolute;    left: 250px;    top: 350px;}
.altitude8848 {    position: absolute;    left: 200px;    top: 377px;}
/* Caractéristiques des cartes à jouer 450 / 370 */
.Reponse {    position: absolute;    left: 670px;    top: 450px;	}
.Reponse td{	width:15em; height:1em;}.cartes_fond{	width:42em; height:10em;}
.cartes_fond {    color: #000000;	font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;	font-size: 100%; /* equiv 26px */    line-height: 1.2em;	text-align: justify;	font-style: italic;    margin:-280 0 0 0;}
.color-tapis{font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;color: #000000;background-color: #00ff00;background-repeat: no-repeat; border-color: #000000;background-position: left top}
.carte0{    margin:0 0 100 40;}	.carte1{    margin:0 0 100 0;}.carte2{    margin:0 0 100 -60;}.carte00{    margin:0 0 100 -70;}	.carte05{    margin:-90 0 100 0;}	.carte10{    margin:0 0 0 -50;}.carte100{    margin:-90 0 100 300;}.carte50{    margin:-190 0 100 100;}.carte20{    margin:-100 0 100 -50;}
/* Caractéristiques des section des documents .html  */
.EBdroite td{	width:16em; height:10em;}	
.EBdroite {    color: #000000;	font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;	font-size: 100%; /* equiv 26px */    font-weight: bold;    line-height: 1.2em;	font-style: italic;    margin:10 0 0 760;}
.EBgauche td{	width:16em; height:10em;}
.EBgauche {    color: #000000;	font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;	font-size: 100%; /* equiv 26px */    font-weight: bold;    line-height: 1.2em;	font-style: italic;    margin:-380 0 0 0;}
.EBcentre {    color: #000000;	font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;	font-size: 100%; /* equiv 26px */    line-height: 1.2em;	text-align: justify;	font-style: italic;    margin: -420 0	0 280 ;}
.resultats {    color: #000000;	font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;	font-size: 100%; /* equiv 26px */    line-height: 1.2em;	text-align: justify;	font-style: italic;    margin: 0 0	0 112 ;}
section{  width:64em;  border:  none;  margin:  0 0 0 0;    border-collapse: collapse;  border-spacing: 0;}   
/*     Couleur beige du fond d'écran */
body{    background-color: #FFFFCC;	background-repeat:no-repeat;    color: #000000;    font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;    line-height: 1.5; /* adapt to your design */	text-align: left;}
table        {table-border-color-light: rgb(102,204,204); table-border-color-dark: rgb(0,102,102); font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;color: #000000;background-color: #FFFA73;background-repeat: no-repeat; border-color: #000000;background-position: left top}
.formulaire  {table-border-color-light: rgb(102,204,204); table-border-color-dark: rgb(0,102,102); font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;color: #000000;background-color: #03ff47;background-repeat: no-repeat; border-color: #000000;background-position: left top}
.dernieres_nouvelles{font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;color: #ffffff;background-color: #2349ff;background-repeat: no-repeat; border-color: #000000;background-position: left top}
.sos_partenaires{font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;color: #000000;background-color: #7bdfff;background-repeat: no-repeat; border-color: #000000;background-position: left top}h1, 
.h1-like {    color: #000000;	font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;	font-size: 250%; /* equiv 26px */    font-weight: bold;    line-height: 1.2em;	font-style: italic;    margin: 0 0 0 0;}h2,
 .h2-like {	color: #000000;	font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;    font-size: 150%; /* equiv 24px */    font-weight: bold;    line-height: 1.75em;	font-style: italic;    margin: .875em 0 0 0;}h3,
 .h3-like {	color: #000000;    font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;	font-size: 100%; /* equiv 22px */    font-weight: normal;    line-height: 1.5em;	font-style: normal;    margin: 0 0 0 0;}h4, 
 .h4-like {    color: #000000;    font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;	font-size: 80%; /* equiv 20px */    font-weight: normal;    line-height: 1.05em;	font-style: normal;    margin:  1.05em 0 0 0;}h5,
 .h5-like {	color: #000000;    font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;    font-size: 60%; /* equiv 18px */    font-weight: normal;    line-height: 1.1667em;    margin:  1.1667em 0 0 0;}h6, 
 .h6-like {	color: #000000;    font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;    font-size: 90%; /* equiv 16px */    line-height: 1.5312em; 	font-weight: bold;    margin:  0 0 0 0;	background-color: #FFFA73;}h7, 
 .h7-like {	color: #000000;    font-family: Comic Sans MS , Verdana, helvetica, arial, sans-serif;    font-size: 60%; /* equiv 16px */    font-weight: bold;    line-height: 1.3125em;    margin:  0 0 0 0; 	background-color: #7bf4ff;}p {	margin: 0.5em 0;}
 .color-table{  width:76em;  border:  none;    border-collapse: collapse;  border-spacing: 0;  font-size: 100%;}
 .color-table th {  border:  none;  padding: 0 1em 0 0;  text-align: right;  vertical-align: middle;  font-size: 100%;}
 .color-table td.sample{	width:60em; height:8em;	padding: 10px;	text-align: left;	vertical-align:middle;	font-size:100%;	border: px solid white;	white-space:nowrap;}
 .color-table .white {  margin-bottom: 0.2em;  color: white;}
 .color-table .black {  margin-top: 0.2em;  color: black;} 
 ul { padding:0; margin:0; list-style-type:none;} 
 li{ margin-left:2px; float:left; /*pour IE*/} 
 ul li a{ display:block; float:left;    width:100px; background-color:#a3ff73; color:black; text-decoration:none; text-align:center; padding:3px; border:3px solid; /*pour avoir un effet "outset" avec IE :*/ border-color:#DCDCDC #FFF840 #FFF840 #DCDCDC;}
 ul li a:hover{ background-color:#D3D3D3; border-color:#FFF840 #DCDCDC #DCDCDC #FFF840;}#footer{padding:1em;text-align:left; font-size:80%;}
 /* ========================================================= */
/* ========================================================= */
/* ========================================================= */

/*        Compatible avec le menu 2018-2019                  */

/* ========================================================= */
/* ========================================================= */
/* ========================================================= */
/* Pour mettre des arrondis 	ux  images */

#menu1
{
border-radius: 15px;
box-shadow: 0px 5px 5px #1c1a19;

}