h1 {
	color:red;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	}
h2 {
	color:blue;
	font-size:18px;
	text-align:center;
	}
h3 {
	color:orange;
	font-size:16px;
	text-decoration: underline;
	text-align:center;
	}
h4 {
color:green;
font-style:italic;
text-decoration: underline;
font-size:14px;
text-align:center;
}

table {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 border-collapse:collapse;
 vertical-align:middle;
 text-align:left;
 max-height:400px;
 }
td { 
 border-width:1px;
 border-style:solid; 
 border-color:lightgrey;
 width:auto;
 padding:5px;
 }
 select{
	 vertical-align: middle;
	 width:200px; 
	 position:relative;
	 display:block;
	 }
 label{
 vertical-align: middle;
 display:left;
 }

 #page {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 border-collapse:collapse;
 vertical-align:middle;
 text-align:left;
 max-height:200px;
 height:600px;
 left:10px;
 top:10px
 }
 #editor{
  height: 400px;
  width: 250px;/* 450px*/
  position:relative;
  display:left;
  border: 1px solid #DDD;
  border-radius: 4px;
  border-bottom-right-radius: 0px;
  margin-top: 5px;
 }
#sortie{
  width:800px;
  height:500px;
    display:left;
  padding:2px;
border:2px solid #FF0000;
border-radius:10px;
}
#dessin{
z-index: 1;
position:absolute;
width:800px;
  height:500px;

}
 #monde{
z-index: 2;
position:absolute;
    width:800px;
  height:500px;
}
#tortue{
z-index: 3;
position:absolute;

  
}
#fusion{
z-index: 4;
position:absolute;
}

#vitesse_logo{
  vertical-align: middle;
  width:200px; 
  position:relative
}
#barre-bouton{
  width:850px;
  position:absolute;
  top:520px;
}
#apropos{
text-align:center;
  
}
#charger {
  font-size:20px;
    display: inline-block;
    position: relative;
    padding-left: 50px;
    margin-right: 0.1em;
    cursor: pointer;
    text-align: center;
    overflow: visible;
    height: 50px;
    width:200px;
    background-position:left;
    background-size: 40px;
    background-repeat: no-repeat;
  
}
 .cmd-logo {
 border:0px solid black; 
  }
.code {text-align:center;}
.mot_cle  {
color:blue;
font-weight:bold
	 }
.variable{
color:green;
font-style:italic;
	}
.constante{
	color:red;
	font-weight:bold;
	}
.none {
 border-style:none;
 }  
 .icone_en_ligne{
	float: left; 
	margin: 1px;
	text-align: center;
	padding:2px;
	 }
.icone_en_ligne img {
  display:block;
  width:96px;
  height:96px;  
}
.ui-button {
    font-size:20px;
    display: inline-block;
    position: relative;
    padding-left: 50px;
    margin-right: 0.1em;
    cursor: pointer;
    text-align: center;
    overflow: visible;
    height: 50px;
    width:200px;
    background-position:left;
    background-size: 40px;
    background-repeat: no-repeat;
}
/* Modification du bouton de fermeture des boites de dialogue */
.ui-dialog-titlebar-close
{
  outline-width: 0px !important;
  background-color: transparent !important;
  background-image: url('../images/icon-close-16.png') !important;
  background-repeat:no-repeat !important;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus 
{
    background-color: transparent !important;
    background-image: url('../images/icon-close-16.png') !important;
	background-repeat:no-repeat !important;
}

/* Masque le "x" de la boite de dialogue */
.ui-dialog-titlebar-close span 
{  display:none !important;  }

/* fond translucide */
.ui-dialog 
{  
	opacity: .90;  
}