/*
Feuille de styles pour les pages d'exercice de Little Boxes
04 CSS - Les premières étapes
*/


#zone_texte{
 color: silver; /*white;*/
 font-weight:normal;  /*bold;*/
 font-size:80%;
  width:798px;
   margin-top:3px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 10px;/*centrage de la page*/
  margin-left: 0px; /*centrage de la page*/
  padding-top:5px ;
  padding-right:0px; 
  padding-bottom:5px;
  padding-left:0px; 
    background-image:url(bg_blue1.png); 
background-repeat:repeat-y; 
border-top:1px solid silver; 
  }
  
     .lirebarech {
 color: orange; /*white;*/
 font-weight:normal;  /*bold;*/
 font-size:85%;
  width:790px; /*height:15px;*/
   margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 5px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
/*background-color:gray;
 border-top:1px solid silver;
 border-bottom:1px solid silver;
border-left: 1px solid silver;
border-right:1px solid silver;*/
  }
 .lirebase {
 color:gray; /*white;*/
 font-weight:normal;  /*bold;*/
 font-size:85%;
  width:790px; /*height:15px;*/
   margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 5px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
 /* background-color:gray;
   border-top:1px solid silver;
 border-bottom:1px solid silver;
border-left: 1px solid silver;
border-right:1px solid silver;*/
  }
   .lirebase_noel {
 color:red;
 font-weight:normal;  /*bold;*/
 font-size:85%;
  width:790px; height:750px;
   margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 5px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
  background-image:url(indy_maq.jpg); background-repeat:no-repeat;
 /* background-color:gray;
   border-top:1px solid silver;
 border-bottom:1px solid silver;
border-left: 1px solid silver;
border-right:1px solid silver;*/
  }
   .lirebasep {
 color: silver; /*white;*/
 font-weight:normal;  /*bold;*/
 font-size:85%;
  width:790px; /*height:15px;*/
   margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 5px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
/*background-color:gray;
 border-top:1px solid silver;
 border-bottom:1px solid silver;
border-left: 1px solid silver;
border-right:1px solid silver;*/
  }
   .lirebaset {
 color: gold; /*white;*/
 font-weight:bold;  /*bold;*/
 font-size:90%; text-align:center;
  width:790px;height:20px;
   margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 3px;/*centrage de la page*/
  margin-left: 5px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
  background-color:#800000;
border:1px solid silver;
  }
 .centrage {text-align:center; 
 /*background-image:url(colorcentre.jpg); background-repeat:no-repeat;*/
 margin-top: 0px;  /*centrage de la page*/
 margin-right:auto;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left: auto; /*centrage de la page*/ 
  }
   .meme_nivo {float:left; 
    width:295px;
   margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom:0px;/*centrage de la page*/
  margin-left: 0px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
	/*border:1px solid red;*/
}

 .image_droite_new {float:right; 
   margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom:0px;/*centrage de la page*/
  margin-left: 0px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
	/*border:1px solid white;*/
}

 .image_gauche {float:left; 
	padding: 0px;
	margin-bottom: 0px;  
	margin-left:0px; 
	/*border:1px solid white; */
}  
 .rz {clear:both;}
 
.coldatet { /* boite gauche (avec le menu) */
   float:left; /* positionné par rapport à la boite parent (ici .container) */
   margin-top: 0px;  /*centrage de la pagetext-align:center; */
  margin-right:0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 0px; /*centrage de la page*/
   width:70px; height:20px; 
 /* background-color: #e0ffff;;*/
   border-right:1px solid orange;

  } /*encadrement discret de la boite */

 .colfichet{ /* boite gauche (avec le menu) */
   float:left; /* positionné par rapport à la boite parent (ici .container)text-align:center; color:gold; */
   margin-top: 0px;  /*centrage de la page*/
  margin-right:0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left:0px; /*centrage de la page*/
   width:150px; height:20px; /*height:480px; largeur de la boite */
 /* background-color: red
   border-top:1px dotted orange;
border-bottom:1px dotted orange;*/
border-right:1px solid orange;
  } /*encadrement discret de la boite */ 

    .coltypet{  float:left;/* boite qui "pousse" vers le bas le reste de la page */
  margin-top: 0px;  /*centrage de la page*/
  margin-right:0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left:0px; /*centrage de la pagemarges gauche et droite, pour la place des 2 autres colonnes */
 /*border:dashed 1px yellow;*/ /*padding: 0px; marge intérieure - indispensable */
   width: 560px;/* height:20px; /* largeur de la boite */
     /*height:480px; largeur de la boite */
 /* background-color: yellow;
  border-top:1px dotted orange;
border-bottom:1px dotted orange;
border-right:1px solid orange;*/
  } 
  

.coldate{ /* boite gauche (avec le menu) */
   float:left; /* positionné par rapport à la boite parent (ici .container) */
   margin-top: 0px;  /*centrage de la page*/
  margin-right:0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 0px; /*centrage de la page*/
   width:70px;
 padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:2px; 
  /*height:480px; largeur de la boite */
 /* background-color: #e0ffff; */
/*border-right:1px solid orange;*/
  } /*encadrement discret de la boite */

 .colfiche{ /* boite gauche (avec le menu) */
   float:left; /* positionné par rapport à la boite parent (ici .container) */
   margin-top: 0px;  /*centrage de la page*/
  margin-right:0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left:0px; /*centrage de la page*/
   width:150px; 
    padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:2px; 
  /*height:480px; largeur de la boite */
/*  background-color: red;*/
/* border-right:1px solid orange;*/
  } /*encadrement discret de la boite */ 
 
    .coltype{  float:left;/* boite qui "pousse" vers le bas le reste de la page */
  margin-top: 0px;  /*centrage de la page*/
  margin-right:0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left:0px; /*centrage de la pagemarges gauche et droite, pour la place des 2 autres colonnes */
 /*border:dashed 1px yellow;*/ /*padding: 0px; marge intérieure - indispensable */
 width: 560px; 
    padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:2px; 
  /* largeur de la boite */
     /*height:480px; largeur de la boite */
 /* background-color: yellow;*/
/* border:1px solid orange;*/
  } 

.delair {
  width:780px; height:0px;
   margin-top:3px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom:5px;/*centrage de la page*/
  margin-left: 5px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
  /* background-color:gray;*/
 border-bottom:1px dotted orange;
/*border-left: 1px solid silver;
border-right:1px solid silver;
border: 1px solid orange;*/
  }
  .delair09{
  width:780px; height:0px;
   margin-top:3px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom:5px;/*centrage de la page*/
  margin-left: 5px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
  /* background-color:gray;*/
 border-bottom:3px dotted red;
/*border-left: 1px solid silver;
border-right:1px solid silver;
border: 1px solid orange;*/
  }
.flashy {color:red; /*white;*/
 font-weight:normal;  /*bold;*/
 font-size:100%;}
.orital {  font-style: italic ; font-weight:normal; color:orange; /*border:dashed 1px red;*/  } 
  .ocentre_new{ 
  margin-top:0px;  
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  padding-top:5px ;
  padding-right:5px; 
  padding-bottom:0px;
  padding-left:5px;
/*border:dashed 1px green;*/
 }  
 .legendekilo{  text-align:center; 
font-style: italic ; font-weight:normal; color:orange;
 font-size:80%;
  margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 0px; /*centrage de la page*/
  padding-top:5px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
 /*border:dashed 1px orange;*/
/*background-color:#000033;*/
}
 .legendeaqua{  text-align:center; 
   color:navy;
 font-weight:normal; /*normal; */
 font-size:80%;
  margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 0px; /*centrage de la page*/
  padding-top:3px ;
  padding-right:5px; 
  padding-bottom:0px;
  padding-left:5px; 
/* border:dashed 1px red;
background-color:#000033;*/
} 
/*les liens ok OK OK OK */
a {text-decoration:none;} /*pas de soulignement des liens*/
a:link {color:aqua;} /*magenta*/
a:visited {color:aqua;} /*magenta*/
a:hover, a:focus {color:gold;} /*magenta;*/ /*text-decoration:underline;*/
a:active {color:gold;}  /*magenta;*/  /*background-color:yellow;*/ 

  .page_titre{  
  margin-top: 0px;  
  margin-right:0px;
  margin-bottom:0px;
  margin-left: 3px; 
  padding-top:3px ;/*3*/
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:25px; 
  width: 750px;
  height:50px; 
  text-align:center; /*font-family: times new roman, Verdana, Arial, Helvetica, sans-serif;*/ font-weight: bold;
  font-size:100%; color:silver; /*#CCFFFF; */
border: solid 3px yellow ; 
/*border-bottom:dashed 1px red ; */ /*#e0ffff; */
background-color:#000033;
list-style-type:none;
  }   
  .datepage{  
  margin-top: 0px;  
  margin-right:0px;
  margin-bottom:0px;
  margin-left: 3px; 
  padding-top:3px ;/*3*/
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:20px; 
  width: 680px;
  height:25px; 
  text-align:center; /*font-family: times new roman, Verdana, Arial, Helvetica, sans-serif;*/ font-weight: bold;
  font-size:100%; color:silver; /*#CCFFFF; */
/*border: solid 1px silver ; */
/*border-bottom:dashed 1px red ; */ /*#e0ffff; */
list-style-type:none;
  }   
.tablopage { /*colonne gauche et centre avec bordure droite */
  float:left;
  margin-top: 10px; 
  margin-right:0px;
  margin-bottom: 20px;
  margin-left:3px; 
   width: 780px;
   /*height:550px; */
/*border: 1px solid red;*/
   font-size:90%; color:white; /*dashed#99FFFF;#CCFFFF; */
/*background-color:#e0ffff;*/  /*#000033; #247297; */
 list-style-type:none;
 }