html,

* {margin :0 ; padding : 0 }


body {font-family: "Arial", sans-serif; background-color: royalblue; font-size:1rem;}


@media screen and (min-width: 739px) {
  .mobile {    display: none; }
}

@media screen and (max-width: 739px) {
  .bureau {    display: none; }
}



p#logo {  font-family: "Georgia", Arial, sans-serif; font-size: 1.5rem ;
background-color: white ;
}

div#marque {padding-bottom: 0.5rem; background-color:white;} 
span {font-family: "Georgia", Arial, sans-serif; font-size: 1rem;}

p#presentation {  font-family: "Georgia", Arial, sans-serif; font-size: 1rem ;
background-color: white ;}

span#logo {font-family: "Georgia", Arial, sans-serif; font-size: 1rem ;
}

span.demo_button { font-family: "Georgia", Arial, sans-serif; font-size: 1,2rem ;
box-shadow: 0.2rem 0.2rem red; float: right; margin:0.3rem; text-align:center; padding:0.3rem; background-color: wheat ; }



div.bloc1 {margin-top :1em ; padding : 2em ; padding-right: 0px ; background-color: beige ;
}


div.bloc2 {margin-top :1em ; padding : 2em ; padding-right: 0px ; background-color: grey ;
}

div.bloc3 {margin-top :1em ; padding : 1em ; padding-left: 0px ; padding-right: 10%; background-color: royalblue ;
}

div.bloc4 {margin-top :1em ; padding : 2em ; padding-left: 0px ; padding-right: 33%; background-color: wheat ;
}

div.bloc5 {margin-right : 5%; margin-left : 35%; padding : 0.3em ;
background-color: white; margin-bottom:1em ;
}


div.bloc6 {margin-top :1em ; padding : 1em ; background-color: black ; 
height: 150px }


div.bloc7 {margin-top :1em ; padding : 1em ; padding-right: 0px ; background-color: royalblue ;}

div.bloc8 {margin-left :10% ; margin-right :10% ; padding : 1em ;}

.left {float:left; margin-left: -2%; margin-right: 1em;
background-color: white; border:0.2em solid brown; padding:0.2em;}

.thumb { border:0.3em solid brown; padding: 0.3em; background-color: white;}




h1.bloc1 {font-family: "Tahoma"; color:red; font-size: 1.3em; background-color: white;
 padding : 0.5em; margin-left:66% ; margin-bottom:2em  ;
}

h1.bloc2 {font-family: "Tahoma"; color:red ; font-size: 1.2em; background-color: white;
 padding : 0.5em; margin-left:5% ; margin-bottom:1em  ;
}

h1.bloc3 {font-family: "Tahoma"; color:red; font-size: 1em; background-color: white;
 padding : 0.5rem; margin-left:10% ; margin-bottom:0.5em; 
}

h1.bloc4 {font-family: "Tahoma"; color:red; font-size: 1.3em; background-color: white;
 padding : 0.5em ; margin-bottom:2em  ;
}

h1.bloc5 {font-family: "Tahoma"; color:red; background-color: white;
 padding : 0.3em ; font-size: 1em;
}



img#jeu { overflow: scroll; border:0.5em solid black ;
}


p.bloc6 {font-family: "Tahoma"; color:black; font-size: 1.3em; text-align:center; 
background-color: white;
 padding : 0.5em; margin-left:10% ; margin-right:10% ; margin-bottom:0px  ;
}

.image {text-align:center; }



.flotte { float:left;
}

p.fin { font-size:4em ; line-height:125px; text-align:center;
font-family: Georgia;color:white
}

img#fin { height:100px;
}

p.texte  {font-family: "Tahoma"; color:black; font-size: 1em; background-color: white ;
 padding : 1em; margin-left:10% ; margin-right:10% ; margin-bottom:1em  ;
}

div#large {text-align:center; margin-top:2rem; margin-bottom:1rem; }

img#carte {background-color: white ; border:0.2rem solid brown ; padding: 0.2rem ; }

img#carte:hover { background-color: orange ;
}

img.left:hover { background-color: orange ;
}

div#change {background-color: wheat ;}

div#change:hover {background-color: orange ;}

h1#bloc7 {font-family: "Tahoma"; color:black;
 padding : 1rem ; font-size: 2rem; text-align:center; margin-top:2rem ;
}


div#consigne  {font-family: "Tahoma"; color:black; font-size: 1.3rem;
 padding : 1rem; margin-left:10% ; margin-right:10% ; margin-bottom:1rem  ;
}


div.social {color:white; font-family:"Tahoma";font-size:1.5rem;
 padding-left : 2rem;
}

p.partage {color:white; font-size:2rem; font-family:"Tahoma";
padding-left : 2rem; padding-top :0.5rem; padding-bottom :1rem; }

span.lienrond {border:0.2rem solid black; border-radius: 0.2rem ; padding:0.2rem;}

div.link {padding:0.2rem}