html,

* {margin :0 ; padding : 0 }
body {font-family: "Arial", sans-serif; background-color: white;}


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

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


a.navigation

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 ;}
img#logo {height:80px; float:right;border-radius:80px; border:1px solid black; margin:5px;}

div.parcours_conteneur_demo {height:300px ; background-color: orange ; border-top : 20px solid black;}
img.bureau_demo {height:280px ; width :auto; float: right; margin:10px}
img.mobile_demo {display:none}
h1.parcours_titre { text-align:center;font-family: Georgia; ; font-size:30px;}
div.parcours_description { text-align:center; font-family: Tahoma, Arial, sans-serif; font-size: 22px ; }
div.parcours_button { text-align:center; padding:30px;}
span.button {font-size: 30px ;background-color: white;padding:10px;border-radius : 20px; border:solid black 3px;}

div.parcours_conteneur_nouveau {height:300px ; background-color: wheat ; border-top : 20px solid black;}
img.parcours_nouveau {height:200px ; width :auto; float: right; margin:10px}

div.parcours_button_niveau1 { text-align:center; padding:10px;border-top : 20px solid black;background-color: wheat ; }
div.parcours_button_niveau2 { text-align:center; padding:10px;border-top : 20px solid black;background-color: orange ; }
div.parcours_button_niveau3 { text-align:center; padding:10px;border-top : 20px solid black;background-color: indianred ; }
div.parcours_conteneur_niveau1 {height:300px ; background-color: wheat ; border-top : 20px solid black;}
div.parcours_conteneur_niveau2 {height:300px ; background-color: orange ; border-top : 20px solid black;}
div.parcours_conteneur_niveau3 {height:300px ; background-color: indianred ; border-top : 20px solid black;}

div.parcours_conteneur_niveau {height:300px ; background-color: white ; border-top : 20px solid black;}
img.parcours_niveau {height:280px ; width :auto; float: left; margin:10px}
div.parcours_button_niveau { text-align:center;padding:20px;}
span.button_niveau1 {font-size: 30px ;background-color: wheat;padding:10px;border-radius : 20px; border:solid black 3px;}
span.button_niveau2 {font-size: 30px ;background-color: orange;padding:10px;border-radius : 20px; border:solid black 3px;}
span.button_niveau3 {font-size: 30px ;background-color: indianred;padding:10px;border-radius : 20px; border:solid black 3px;}

div.parcours_conteneur_expo {height:300px ; background-color: white ; border-top : 20px solid black;}
img.parcours_expo {height:180px ; width :auto; float: right; margin:10px}


div.parcours_conteneur_suivre {background-color: indianred ; border-top : 20px solid black;padding-bottom : 10px;}
h1.parcours_titre_suivre { padding-right: 50px; padding-left: 50px;padding-bottom : 20px; font-family: Georgia; font-size:30px;}
div.parcours_description_suivre { padding-left: 50px;font-family: Tahoma, Arial, sans-serif; font-size: 22px ;width:80%; }
p.classique { border-radius : 20px;padding-right: 50px; padding-left: 50px;padding-bottom : 50px; background-color: white; }



footer {border-top : 20px solid black;font-family: "Arial"; color:grey; font-size: 20px; }