html,

* {margin :0 ; padding : 0 }

body {font-family: "Arial", sans-serif; background-color: rosybrown}


@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: 42px ;
background-color: white ;
}

div#marque {padding-bottom: 20px; background-color:white;} 
span#marque {font-family: "Georgia", Arial, sans-serif; font-size: 22px;}

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

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

span.demo_button { font-family: "Georgia", Arial, sans-serif; font-size: 22px ;
box-shadow: 5px 5px red; float: right; margin:10px; text-align:center; padding:10px; background-color: wheat ; }



div.bloc1 {margin-top :20px ; padding : 40px ; padding-right: 0px ; background-color: beige ;
}


div.bloc2 {margin-top :20px ; padding : 40px ; padding-right: 0px ; background-color: grey ;
}

div.bloc3 {margin-top :20px ; padding : 40px ; padding-left: 0px ; padding-right: 33%; background-color: rosybrown ;
}

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

div.bloc5 {margin-right : 5%; margin-left : 75%; padding : 10px ;
background-color: white; margin-bottom:10px ;
}


div.bloc6 {margin-top :20px ; padding : 40px ; padding-right: 0px ; background-color: black ;
height:300px;
}



div.bloc7 {margin-top :20px ; padding : 10px ; padding-right: 0px ; background-color: rosybrown ;}

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

.left {float:left; margin-left: 10%; margin-right: 20px;
background-color: white; border:5px solid brown; padding:5px;}

.thumb { border:3px solid brown; padding: 3px; background-color: white;}





h1.bloc1 {font-family: "Tahoma"; color:red; font-size: 26px; background-color: white;
 padding : 10px; margin-left:66% ; margin-bottom:40px  ;
}

h1.bloc2 {font-family: "Tahoma"; color:red; font-size: 26px; background-color: white;
 padding : 10px; margin-left:10% ; margin-bottom:40px  ;
}

h1.bloc3 {font-family: "Tahoma"; color:red; font-size: 26px; background-color: white;
 padding : 10px; margin-left:33% ; margin-bottom:40px  ;
}

h1.bloc4 {font-family: "Tahoma"; color:red; font-size: 26px; background-color: white;
 padding : 10px ; margin-bottom:40px  ;
}

h1.bloc5 {font-family: "Tahoma"; color:red; background-color: white;
 padding : 5px ; font-size: 18px;
}



img#jeu { overflow: scroll; border:10px solid black ;
}



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

.image {text-align:center; }



.flotte { float:left;
}

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

p.texte  {font-family: "Tahoma"; color:black; font-size: 20px; background-color: white;
 padding : 40px; margin-left:20% ; margin-right:20% ; margin-bottom:40px  ;
}


div#large {text-align:center; margin-top:32px; margin-bottom:16px; }

img#carte {background-color: white ; border:3px solid brown ; padding: 3px ; }

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 : 16px ; font-size: 32px; text-align:center; margin-top:32px ;
}


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

div.social {color:white; font-family:"Tahoma";font-size:18px;
 padding-left : 24px;
}

p.partage {color:white; font-size:32px; font-family:"Tahoma";
padding-left : 40px; padding-top :5px; padding-bottom :15px; }

span.lienrond {border:2px solid black; border-radius: 5px ;padding:2px;}

div.link {padding:5px}