/*body {background-color: #34495e}*/
body {
  background-color: rgba(255,255,255)
  /*counter-reset: no;*/
}

.navbar {
    height: 100%;
    max-height: 30px;
  }

.question:before {
    content: "Q" counter(no) " : " ;

}

.a_faire_vous_meme::after
{
  content: " " counter(no_a_faire_vous_meme);
}
button
{
  padding:5px;
  margin:15px;
}

.cache
{
	visibility:hidden;
  display:none;
}

.a_faire_vous_meme
{
  counter-increment: no_a_faire_vous_meme;
  font-size:22px !important;
  color:orange;
}

.question
{
counter-increment: no;
}

h3:before
{
  content: counter(no_paragraphe) ". " ;
}

h3
{
  counter-increment: no_paragraphe;
  color:red;
  font-size: 20px;
}

}
.navbar .container .navbar-brand{
   font-size: 17px;
}
.proc{
 border:2px solid black;
}
.tile{
 border-radius:0;
}
.btn-block{
 border-radius:0;
}

.a_faire
{
	color:blue;
	font-weight: bold;
}

#baniere{
	width:90%;
	margin-top:20px;
    margin-right:auto;
	margin-left:auto;
	text-align:center;
}
#baniere img{

	margin-left:10px;
}
#info_lyc{
  text-align: center;
}
#info_lyc_p{
  margin-bottom:5%;
}
.intro {
  margin-top: 20%;
}
#intro {
  margin-top: 2%;
}
#intro_snt {
  margin-top: 2%;
}
.act {
  margin-top:100px;
  width:60%;
}
.act p{
  /*color:white;*/
  font-family: Verdana,Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  text-align: justify;
}
.act {
  /*color:white;*/
  color:black;
  font-family: Verdana,Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  text-align: justify;
}
code
{
	font-size:18px;
}

.motclefPseudoCode
{
  color:#9F2E16;
  font-size:100%;
  font-weight:bold;
  line-height: 1.2 !important;
}

.variablePseudoCode
{
  color:#088862;
  font-size:100%;
  font-weight:bold;
  line-height:1.2 !important;
}
.act h4{
  /*color:white;*/
  color:black;
  font-size: 20px;
}
.act h5{
  /*color:white;*/
  color:black;
  font-size: 18px;
}
.act table
{
    border-collapse: collapse;
    color:black;
}
.act td
{
    border: 2px solid black;
    font-size: 20px;
    text-align: center;
}
.act th
{
    font-size: 15px;
    border: 2px solid black;
    text-align: center;
    padding: 2px 5px;
}
.act caption{
	font-size: 15px;
}
.act img{
  margin-bottom:12px;
}
.cc{
	margin-bottom:20px;
}
.cc a {
  margin-right:20px;
  margin-left:20px;
  color : rgb(100,100,100);
  text-decoration: underline;
}
#const {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:10%;
}
#logo{
  display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:5%;
    width: 300px;

}
.ens{
  height:60px;
}
.tile{
  background-color: white;
   border: 5px solid rgb(200,200,200);
   border-radius: 25px;
}
.centrer{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.titre
{
	font-size:25px;
	font-weight:bold;
	text-align:center;
}

.nom_classe
{
	visibility:hidden;
}

.entete
{
	color:blue;
	border-radius:10px;
	background-color:gray;
	padding-bottom:25px;
}

.encadre
{
  border:1px solid;
  border-radius: 5px;
}