739 lines
8.5 KiB
CSS
739 lines
8.5 KiB
CSS
/*---------Download fonts---------*/
|
|
|
|
@font-face {
|
|
font-family: 'Crete Round';
|
|
src: url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.eot');
|
|
src: url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.woff') format('woff'),
|
|
url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.ttf') format('truetype'),
|
|
url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.svg#CreteRoundRegular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Crete Round';
|
|
src: url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.eot');
|
|
src: url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.woff') format('woff'),
|
|
url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.ttf') format('truetype'),
|
|
url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.svg#CreteRoundItalic') format('svg');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
body
|
|
{
|
|
background-color: #FDF697;
|
|
}
|
|
|
|
h1
|
|
{
|
|
text-align: center;
|
|
display: inline;
|
|
font-weight: normal;
|
|
}
|
|
|
|
a
|
|
{
|
|
font-style: normal;
|
|
text-decoration: none;
|
|
color: black;
|
|
cursor: pointer;
|
|
}
|
|
|
|
em
|
|
{
|
|
font-style: normal;
|
|
}
|
|
|
|
strong
|
|
{
|
|
font-weight: normal;
|
|
}
|
|
|
|
mark
|
|
{
|
|
background-color: transparent;
|
|
color: inherit;
|
|
}
|
|
|
|
#algorithmie
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
#content
|
|
{
|
|
background-color: #FDE862;
|
|
width: 980px;
|
|
height: auto;
|
|
position: relative;
|
|
margin: auto;
|
|
margin-top: 50px;
|
|
margin-bottom: 50px;
|
|
border: solid;
|
|
border-width: 4px;
|
|
border-radius: 15px;
|
|
border-color: #FAC801;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.conversion
|
|
{
|
|
position: relative;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
.icone
|
|
{
|
|
position: relative;
|
|
bottom: 180px;
|
|
right: 99px;
|
|
margin-right: 7px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#support_menus
|
|
{
|
|
position: absolute;
|
|
top: -187px;
|
|
left: 247px;
|
|
}
|
|
|
|
#selection
|
|
{
|
|
position: absolute;
|
|
top: -91px;
|
|
left: 255px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.onglet_deroulant
|
|
{
|
|
position: absolute;
|
|
left: 255px;
|
|
}
|
|
|
|
#onglet_deroulant1
|
|
{
|
|
top: -126px;
|
|
z-index: 9;
|
|
}
|
|
|
|
#onglet_deroulant2
|
|
{
|
|
top: -97px;
|
|
z-index: 8;
|
|
}
|
|
|
|
#onglet_deroulant3
|
|
{
|
|
top: -68px;
|
|
z-index: 7;
|
|
}
|
|
|
|
#onglet_deroulant4
|
|
{
|
|
top: -39px;
|
|
z-index: 6;
|
|
}
|
|
|
|
#onglet_deroulant5
|
|
{
|
|
top: -10px;
|
|
z-index: 5;
|
|
}
|
|
|
|
#onglet_deroulant6
|
|
{
|
|
top: 19px;
|
|
z-index: 4;
|
|
}
|
|
|
|
#onglet_deroulant7
|
|
{
|
|
top: 48px;
|
|
z-index: 3;
|
|
}
|
|
|
|
#onglet_deroulant8
|
|
{
|
|
top: 77px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.instruction
|
|
{
|
|
position: absolute;
|
|
left: 470px;
|
|
font-family: 'Crete Round', serif;
|
|
font-size: 16px;
|
|
color: #9B7606;
|
|
cursor: pointer;
|
|
width: 116px;
|
|
height: 33px;
|
|
}
|
|
|
|
#instruction1
|
|
{
|
|
top: -136px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#instruction2
|
|
{
|
|
top: -107px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#instruction3
|
|
{
|
|
top: -78px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#instruction4
|
|
{
|
|
top: -49px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#instruction5
|
|
{
|
|
top: -20px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#instruction6
|
|
{
|
|
top: 9px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#instruction7
|
|
{
|
|
top: 38px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#instruction8
|
|
{
|
|
top: 67px;
|
|
z-index: 10;
|
|
}
|
|
|
|
#vous_programmez_en, .langage_actuel
|
|
{
|
|
font-family: 'Crete Round', serif;
|
|
font-size: 16px;
|
|
position: relative;
|
|
color: #D70404;
|
|
}
|
|
|
|
#vous_programmez_en
|
|
{
|
|
bottom: -3px;
|
|
right: 371px;
|
|
}
|
|
|
|
.langage_actuel
|
|
{
|
|
bottom: 2px;
|
|
}
|
|
|
|
#langage_algo
|
|
{
|
|
right: 407px;
|
|
}
|
|
|
|
#langage_casio
|
|
{
|
|
right: 407px;
|
|
}
|
|
|
|
#langage_ti
|
|
{
|
|
right: 420px;
|
|
}
|
|
|
|
#infos
|
|
{
|
|
width: 355px;
|
|
height: 44px;
|
|
background-color: #FFD745;
|
|
border: solid;
|
|
border-width: 4px;
|
|
border-radius: 5px;
|
|
border-color: #FAC801;
|
|
position: absolute;
|
|
top: -194px;
|
|
right: 43px;
|
|
font-family: 'Crete Round', serif;
|
|
color: #D70404;
|
|
font-size: 14px;
|
|
font-style: normal;
|
|
text-decoration: none;
|
|
text-align: justify;
|
|
padding: 6px 8px 0px 9px;
|
|
z-index: 1;
|
|
cursor: help;
|
|
overflow: auto;
|
|
}
|
|
|
|
#syntaxe
|
|
{
|
|
position: absolute;
|
|
top: 22px;
|
|
left: 8px;
|
|
}
|
|
|
|
.mot_cle
|
|
{
|
|
color: #D70404;
|
|
font-size: 16px;
|
|
font-family: 'Crete Round', serif;
|
|
}
|
|
|
|
.indications
|
|
{
|
|
|
|
color: #C17700;
|
|
font-size: 14px;
|
|
font-family: 'Crete Round', serif;
|
|
font-style: italic;
|
|
}
|
|
|
|
#syntaxe_titre
|
|
{
|
|
position: absolute;
|
|
top: -8px;
|
|
left: 6px;
|
|
font-size: 11px;
|
|
color: #C17700;
|
|
}
|
|
|
|
#annonces
|
|
{
|
|
width: 235px;
|
|
height: 322px;
|
|
background-color: #FFE378;
|
|
border: solid;
|
|
border-width: 4px;
|
|
border-radius: 15px;
|
|
border-color: #FAC54A;
|
|
position: absolute;
|
|
top: 374px;
|
|
right: 22px;
|
|
font-family: 'Crete Round', serif;
|
|
font-size: 12px;
|
|
color: #C17700;
|
|
font-style: normal;
|
|
text-decoration: none;
|
|
text-align: left;
|
|
padding: 0px 8px 0px 9px;
|
|
}
|
|
|
|
#texteAnnonce
|
|
{
|
|
position: absolute;
|
|
left: 704px;
|
|
top: 450px;
|
|
text-align: center;
|
|
width: 225px;
|
|
font-family: Navig, Arial;
|
|
font-size: 20px;
|
|
color: rgb(11, 122, 196);
|
|
}
|
|
|
|
#pub1
|
|
{
|
|
position: absolute;
|
|
left: 706px;
|
|
top: 408px;
|
|
z-index: 1;
|
|
}
|
|
|
|
#pub2
|
|
{
|
|
position: absolute;
|
|
left: 830px;
|
|
top: 408px;
|
|
z-index: 1;
|
|
}
|
|
|
|
#pub3
|
|
{
|
|
position: absolute;
|
|
left: 784px;
|
|
top: 323px;
|
|
}
|
|
|
|
.pub4
|
|
{
|
|
position: relative;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
#pub_aide
|
|
{
|
|
position: absolute;
|
|
left: 127px;
|
|
top: 2010px;
|
|
}
|
|
|
|
.cleditorMain
|
|
{
|
|
position: absolute;
|
|
top: -84px;
|
|
left: 263px;
|
|
z-index: 1;
|
|
margin-bottom: 0px;
|
|
border: solid;
|
|
border-width: 4px;
|
|
border-color: #FFAF22;
|
|
padding:0 1px 1px;
|
|
background-color: #FAF07A;
|
|
}
|
|
|
|
#disable
|
|
{
|
|
position: absolute;
|
|
z-index: 1;
|
|
left: 263px;
|
|
top: -84px;
|
|
}
|
|
|
|
#debug
|
|
{
|
|
position: absolute;
|
|
width: 634px;
|
|
height: 92px;
|
|
top: 285px;
|
|
left: 42px;
|
|
background-color: #DF6060;
|
|
border: solid;
|
|
border-width: 4px;
|
|
border-color: #D12424;
|
|
overflow: auto;
|
|
}
|
|
|
|
#attention
|
|
{
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 8px;
|
|
}
|
|
|
|
#debug_titre
|
|
{
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 55px;
|
|
font-family: 'Crete Round', serif;
|
|
font-size: 16px;
|
|
color: #AC0000;
|
|
}
|
|
|
|
.erreurs
|
|
{
|
|
position: relative;
|
|
top: 40px;
|
|
left: 14px;
|
|
text-align: left;
|
|
width: 315px;
|
|
}
|
|
|
|
#description_erreur
|
|
{
|
|
font-family: 'Crete Round', serif;
|
|
font-size: 14px;
|
|
color: #771A1A;
|
|
}
|
|
|
|
#suggestion_erreur
|
|
{
|
|
font-family: 'Crete Round', serif;
|
|
font-style: italic;
|
|
font-size: 14px;
|
|
color: #1B6618;
|
|
}
|
|
|
|
.ampoule
|
|
{
|
|
position: relative;
|
|
top: 4px;
|
|
left: 3px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.signes_icone
|
|
{
|
|
position: absolute;
|
|
left: 635px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#signe_icone1
|
|
{
|
|
top : -75px;
|
|
}
|
|
|
|
#signe_icone2
|
|
{
|
|
top : -35px;
|
|
}
|
|
|
|
#signe_icone3
|
|
{
|
|
top : 5px;
|
|
}
|
|
|
|
#signe_icone4
|
|
{
|
|
top : 45px;
|
|
}
|
|
|
|
#signe_icone5
|
|
{
|
|
top : 85px;
|
|
}
|
|
|
|
#signe_icone6
|
|
{
|
|
top : 125px;
|
|
}
|
|
|
|
#signe_icone7
|
|
{
|
|
top : 165px;
|
|
}
|
|
|
|
#signe_icone8
|
|
{
|
|
top : 205px;
|
|
}
|
|
|
|
.signes
|
|
{
|
|
position: absolute;
|
|
left: 643px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#signe1
|
|
{
|
|
top : -89px;
|
|
}
|
|
|
|
#signe2
|
|
{
|
|
top : -49px;
|
|
}
|
|
|
|
#signe3
|
|
{
|
|
top : -9px;
|
|
}
|
|
|
|
#signe4
|
|
{
|
|
top : 34px;
|
|
left: 642px;
|
|
}
|
|
|
|
#signe5
|
|
{
|
|
top : 73px;
|
|
}
|
|
|
|
#signe6
|
|
{
|
|
top : 110px;
|
|
}
|
|
|
|
#signe7
|
|
{
|
|
top : 150px;
|
|
left: 644px;
|
|
}
|
|
|
|
#signe8
|
|
{
|
|
top : 192px;
|
|
}
|
|
|
|
#execution
|
|
{
|
|
width: 622px;
|
|
height: 210px;
|
|
background-color: #EED858;
|
|
border: solid;
|
|
border-width: 4px;
|
|
border-color: #D2A124;
|
|
position: absolute;
|
|
bottom: -496px;
|
|
left: 42px;
|
|
font-family: 'Crete Round', serif;
|
|
font-style: normal;
|
|
text-decoration: none;
|
|
text-align: left;
|
|
padding: 48px 0px 8px 12px;
|
|
overflow: auto;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#resultats_titre
|
|
{
|
|
position: absolute;
|
|
top: -12px;
|
|
left: 10px;
|
|
font-size: 18px;
|
|
color: #DB7517;
|
|
}
|
|
|
|
#resultats
|
|
{
|
|
position: relative;
|
|
bottom: 19px;
|
|
font-size: 15px;
|
|
color: #D29A17;
|
|
}
|
|
|
|
#fin_execution
|
|
{
|
|
color: red;
|
|
font-size: 18px;
|
|
position: absolute;
|
|
right: 14px;
|
|
}
|
|
|
|
#lire
|
|
{
|
|
resize: none;
|
|
}
|
|
|
|
.bouton
|
|
{
|
|
position: absolute;
|
|
top: 285px;
|
|
right: 158px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#reset
|
|
{
|
|
right: 53px;
|
|
}
|
|
|
|
#variables
|
|
{
|
|
width: 172px;
|
|
height: 106px;
|
|
background-color: #FFD745;
|
|
border: solid;
|
|
border-width: 4px;
|
|
border-color: #FAC801;
|
|
position: absolute;
|
|
top: 383px;
|
|
right: 53px;
|
|
font-family: 'Crete Round', serif;
|
|
font-style: normal;
|
|
text-decoration: none;
|
|
text-align: left;
|
|
padding: 6px 8px 0px 9px;
|
|
overflow: auto;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#variable_titre
|
|
{
|
|
position: absolute;
|
|
top: -12px;
|
|
left: 5px;
|
|
font-size: 14px;
|
|
color: #D70404;
|
|
}
|
|
|
|
.vars
|
|
{
|
|
position: relative;
|
|
top: 18px;
|
|
left: 4px;
|
|
margin-top: 3px;
|
|
margin-bottom: 0px;
|
|
font-size: 14px;
|
|
color: #D70404;
|
|
}
|
|
|
|
#publier
|
|
{
|
|
position: absolute;
|
|
bottom: -501px;
|
|
right: 53px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
footer
|
|
{
|
|
text-align: center;
|
|
font-family: normal, Arial;
|
|
}
|
|
|
|
#partenaires
|
|
{
|
|
margin: auto;
|
|
}
|
|
|
|
.espace
|
|
{
|
|
margin-left: 9px;
|
|
margin-right: 9px;
|
|
}
|
|
|
|
.nom_part
|
|
{
|
|
font-size: 12px;
|
|
}
|
|
|
|
#auteur
|
|
{
|
|
font-size: 14px;
|
|
}
|
|
|
|
#credits_images
|
|
{
|
|
font-size: 12px;
|
|
}
|
|
|
|
.lien
|
|
{
|
|
color: #C51111;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.publier_titres
|
|
{
|
|
margin-left: 170px;
|
|
}
|
|
|
|
#avertissement
|
|
{
|
|
font-family: 'Crete Round', serif;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
margin-left: 200px;
|
|
}
|
|
|
|
#capcha
|
|
{
|
|
margin-left: 260px;
|
|
}
|
|
|
|
#ins
|
|
{
|
|
color: red;
|
|
} |