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


#zone_texte{
 color: navy; /*white;*/
 font-weight:normal;  /*bold;*/
 font-size:80%;
  width:800px;/* height:680px;*/
   margin-top:3px;   /*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; 
   /* background-image:url(bg_blue1.png); 
background-repeat:repeat-y; */
/*background-color:#000033;*/
border-top: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*/ 
  }
 .image_droite {float:right; 
	padding: 0px;
	margin-bottom: 0px;  
	margin-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;}
 
.preambule{ 
margin-top:10px; 
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px; 
    padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:5px; 
  color: white; /*white;*/
 font-weight:normal;  /*bold;*/
 font-size:90%;
   width:785px; 
 /*border:solid 2px aqua;*/
  } 
 .aqua90{color:aqua;}
  
  .colonne { /*colonne gauche et centre avec bordure droite */
  float:left;
  margin-top: 0px; 
  margin-right:2px;
  margin-bottom: 10px;
  margin-left:2px; 
   width: 258px;
   height:600px; 
 border-right: 1px dotted silver;
   font-size:90%; color:white; /*dashed#99FFFF;#CCFFFF; */
/*background-color:#e0ffff;*/  /*#000033; #247297; */
  } 
  .colonned{  /* colonned pour supprimer la bordure droite sinon idem à colonne */
  float:left;
  margin-top: 0px;  
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left:2px;
   width: 258px;
   height:600px; 
 /*border-right: 1px dotted silver;*/
   font-size:90%; color:white; /*dashed#99FFFF;#CCFFFF; */
/*background-color:#e0ffff;*/  /*#000033; #247297; */
  } 
  .incol {  
  margin-top: 15px;  
  margin-right: 3px;
  margin-bottom: 0px;
  margin-left: 4px; 
   width: 245px;
   height:35px; 
   border:solid 1px silver;
   font-size:100%; color:gold; /*#CCFFFF; */
/*background-color:#000033; */  /*#e0ffff; */
  }   
.drapg { /* boite gauche drapo compagnie image dans titre compagnie */
   float:left; 
   margin-top: 0px; 
  margin-right:0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:4px; 
/*border:1px solid orange;*/
  } 
   .centrecomp {float:left;
 margin-top: 0px; 
 margin-right:0px;
 margin-bottom: 0px;
 margin-left:0px; 
 padding-top:3px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
  text-align:center;  font-size:90%;
     width: 170px; 
   height:32px; 
/*border:1px solid white;*/
  } 
 .drapd { /* boite droite  drapo compagnie image dans titre compagnie */
   float:left;
   margin-top: 0px;  
  margin-right:0px;
  margin-bottom: 0px;
  margin-left:0px; 
     padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
/* border:1px solid orange;*/
  } 
  .nomship {  
  margin-top: 0px;  
  margin-right:0px;
  margin-bottom:0px;
  margin-left: 20px; 
       padding-top:3px ;/*3*/
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width: 238px;
   height:25px; 
   text-align:left; font-weight: normal;
   font-size:90%; color:silver; /*#CCFFFF; */
border-left: solid 1px silver ;  
/*border-bottom:dashed 1px red ; */ /*#e0ffff; */
  }   
  .okweb{  
  margin-top: 0px;  
  margin-right:0px;
  margin-bottom:0px;
  margin-left: 10px; /*20*/
       padding-top:3px ;/*3*/
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width: 238px;
   height:25px; 
   text-align:left; font-weight: normal;
   font-size:90%; color:silver; /*#CCFFFF; */
border-left: solid 1px silver ;  
/*border-bottom:dashed 1px red ; */ /*#e0ffff; */
  } 
    .okwait{  
  margin-top: 0px;  
  margin-right:0px;
  margin-bottom:0px;
  margin-left: 20px; 
       padding-top:3px ;/*3*/
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width: 238px;
   height:25px; 
   text-align:left; font-weight: normal;
   font-size:90%; color:silver; /*#CCFFFF; */
border-left: solid 1px silver ;  
/*border-bottom:dashed 1px red ; */ /*#e0ffff; */
  } 
/*les liens */
.okweb a {text-decoration:none;} /*pas de soulignement des liens*/
.okweb a:link {color:aqua;}
.okweb a:visited {color:aqua;}
.okweb a:hover, a:focus {color:gold;} /*#ff0033; text-decoration:underline;*/ 
.okweb a:active {color:gold;}/* gold; background-color:yellow;*/

/*couleurs des liens magenta tant que la fiche maquette n'est pas préte à etre en ligne*/
.nomship a {text-decoration:none;}  
.nomship a:link {color:magenta;}
.nomship a:visited {color:magenta;}
.nomship a:hover, a:focus {color:gold;} /*text-decoration:underline;*/
.nomship a:active {color:gold;} /*background-color:yellow;*/ 

/*couleurs des liens magenta tant que la fiche maquette n'est pas préte à etre en ligne reste photo maquettes et accord pour diffusion photos*/
.okwait a {text-decoration:none;}  
.okwait a:link {color:#00ff00;}
.okwait a:visited {color:#00ff00;}
.okwait a:hover, a:focus {color:gold;} /*text-decoration:underline;*/
.okwait a:active {color:gold;} /*background-color:yellow;*/