/* L.Robin ; version du 27/11/2015 */

html { width : 2500px ; overflow-x:scroll ; overflow-y:hidden }
body { width : 1000px }
div.fond { background-image : url("http://www.museumtextures.com/textures-sol/beton-desactive-b.jpg") }

[id="le nom du document"]
   { padding-top:0.15em;
    background-image : url("http://us.cdn3.123rf.com/168nwm/1xpert/1xpert1210/1xpert121000035/15961045-wood-seamless-dark-parquet-texture.jpg") }
   
[id="le nom du document"] i, .avertissement > i.actionneur
   { background-color : rgba(255,255,255,0.6) !important ; color:black ;
     display : inline-block ; vertical-align : middle ; height : 1.25em ;
     padding : 0 0.25em 0 0.25em ; border-radius : 0.4em ; border-bottom : none !important }

body.vidéoprojeté [id="le brouillon"], body.vidéoprojeté [id="l'algorithme"],
.grossi, .grossie { font-size : 175% }

affiche { display : block ; border : dotted 1px gray ; border-bottom : solid 1px black ;
   padding : 0.25em }

div.conteneur.déplaçable { top : 100px ; left : 425px ; background-color:white ; 
   width : 750px ; height : 520px ; overflow : hidden ; z-index : 10 ; resize : horizontal ;
   box-shadow : 5px 5px 15px black }
   
body.vidéoprojeté div.conteneur.déplaçable { height : 700px }
   
div.conteneur.déplaçable:hover { z-index : 500 }
   
div.conteneur.déplaçable .script.éditable { margin-top : 0 ;
   height : 87% ; width : 98% ; overflow : scroll ; resize : none }

[id="la mémoire à instructions"] { left : 450px ; top : 660px }
[id="la calculatrice"] { top : 100px }

i[onclick] { cursor:url("http://www.algodok.com/images/curseurs/Pointeur-index-main.png") 13 4, auto }

[id="le brouillon"] { height:89% !important ; padding : 0.5em }

[id="l'algorithme"] { background-color:beige ; line-height:1.25em ; letter-spacing: -0.075em; font-size:14px }
[id="l'algorithme"]::selection { color:white ; background-color:maroon }
[id="l'algorithme"]::-moz-selection { color:white ; background-color:maroon }

[id="l'algorithme"]+i { width:5em !important }

.avertissement { text-align : center ; color : red ; font-size : 120% }
.premier.tiroir { height : 600px }
.second.tiroir { height : 680px ; width : 1010px ; right : -1012px }

résultat { display:block }