*{border:0px dashed #3a5fcd;}

.support {
background-color :#bbb;
   width:800px;/*largeur mini*/
	padding :0px;
	 margin:10px 10px 10px 10px;
  border:3px solid #ddd;
  	  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:10px;

}
h1 {
  margin-left:20px;

  color: #00539F;
  text-shadow: 2px 2px 2px black;
}

h3 {color:red;
}

.flotte{float:left;}

.rappel{
background-color :#f1cf84;
   width:600px;/*largeur mini*/
	padding :5px 5px 0px 0px ;
	 margin:15px 10px 10px 15px;
  border:3px solid #f1a80c;
  	  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:10px;
}

.exercice
{
  background-color :#bbb;
   min-width:500px;/*largeur mini*/
    max-width:800px;/*largeur mini*/
	padding :10px;

}

.donne
{
  margin:10px 10px 10px 10px;
  border:1px solid white;
 box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5);

}

.tooltip{
  text-decoration:none;
  position:relative;
   background-color :#444;
}
 
 
.tooltip span{
  display:none; 
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white; 
}
 
 
.tooltip span img{
  float:left;
  margin:0px 0px 0px 0;
}
 
 
.tooltip:hover span{
  display:block;
  position:absolute;
  background:#eee; /*fond couleur*/
   box-shadow:8px 8px 10px 0 rgba(0,0,0,0.5); /*ombre*/
  top:-140px; /*position bulle*/
  left:100px;/*position bulle*/
  z-index:1000;
  width:auto;  
  min-width:300px;/*largeur mini*/
  min-height:100px;/*hauteur mini*/
  border:2px solid black;
  margin-top:20px;
  margin-left:20px;
   margin-right:5px;
  overflow:hidden;
  padding:6px;/*ok */
}
.intro {
margin-left :20px;
	color :#08088A;
	font-family:cursive;
	font-style: italic;
}

.blue {
	color:blue;
	font-size: 28px;
	display:inline;
	margin-left :5px;
}

.red {
	color:red;
	font-size: 28px;
	display:inline;
	margin-left :5px;
}

.orange {
	color:orange;
	font-size: 28px;
	display:inline;
	margin-left :5px;
}

.black {
	color:black;
	font-size: 28px;
	display:inline;
	margin-left :5px;
}

.green {
	color:green;
	font-size: 28px;
	display:inline;
	margin-left :5px;
}

.important {
font-weight: bold;
	 color: #000;
	 
  text-shadow: 1px 1px 3px red;
}
.mini {
 font-size: 80%;
	 color: #000;
}

discret {
 font-size: small;
	 color: #000;
}

reduit {
 font-size: 60%;
	 color: #000;
}
surligne {
	color:#F00;font-weight :bold ;
}

.remarque {
padding-left:30px;
padding-right:30px;
 font-size: 90%;font-family: cursive;
	 color: #0E349E;

}