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


#zone_texte{
 color: white; /*white;*/
 font-weight:normal;  /*bold;*/
 font-size:80%;
  width:793px;/* 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:7px; 
    background-image:url(bg_blue1.png); 
background-repeat:repeat-y; 
border-top:1px solid silver;
/*border:1px solid red; */
  }
  
 .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_gauche {float:left; 
   margin-top:5px;   /*centrage de la page*/
  margin-right: 5px;/*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; 
	/*border:1px solid white; */
}
 .image_droite{float:right; 
   margin-top:5px;   /*centrage de la page*/
  margin-right:5px;/*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; 
	/*border:1px solid white; */
}

.colonne { /*colonne gauche et centre avec bordure droite */
  float:left;
  margin-top: 10px; 
  margin-right:0px;
  margin-bottom: 20px;
  margin-left:6px; 
   width: 380px;
   /*height:550px; */
 /*border: 1px solid red;*/
   font-size:90%; color:white; /*dashed#99FFFF;#CCFFFF; */
/*background-color:#e0ffff;*/  /*#000033; #247297; */
 list-style-type:none;
 } 
  .colonned{  /* colonned pour supprimer la bordure droite sinon idem à colonne */
  float:left;
  margin-top: 10px;  
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left:8px;
   width: 380px;
  /* height:500px; */
/*border: 1px solid silver;*/
   font-size:90%; color:white; /*dashed#99FFFF;#CCFFFF; */
/*background-color:#e0ffff;*/  /*#000033; #247297; */
 list-style-type:none; 
  } 
 
  .dateship {  
  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: 360px;
   height:25px; 
   text-align:left; /*font-family: times new roman, Verdana, Arial, Helvetica, sans-serif;*/ font-weight: normal;
   font-size:90%; color:silver; /*#CCFFFF; */
border: solid 1px silver ;  
/*border-bottom:dashed 1px red ; */ /*#e0ffff; */
list-style-type:none;
  }   
  
  .gold  { color:gold;} 
 .cons80{font-size:85%; color:silver; /* border:dashed 1px green; */}
.tomate {  font-weight:normal; color:tomato;  /*border:dashed 1px red;*/     /*#CCFFFF; #e0ffff; */} 
  .rz {clear:both;}
 

 /*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;*/ 

   .legendeblue{  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:0px; 
  padding-bottom:0px;
  padding-left:0px; 
 /*  border:dashed 1px green; */
background-color:#000033;*/
} 
.espace20 { 
  margin-top:0px;  
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
    width:790px;
	height:20px; /*espace de 20px
border:dashed 1px red;*/
}

.parbloc1{
  width:793px; /*height:680px;*/
   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 magenta;
  }

.lapresse{float:left;
  width:655px; /*;height:680px;*/
   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 blue;
  }
.espace_presse { 
  margin-top:0px;  
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
    width:655px;
	height:40px; /*espace de 20px*/
border:dashed 1px aqua;
}
.lesfotos{float:left;
 width:295px; /* height:680px;*/
   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;*/
  }
 .image_lesfotos{float:right; 
   margin-top:5px;   /*centrage de la page*/
  margin-right:3px;/*centrage de la page*/
  margin-bottom:5px;/*centrage de la page*/
  margin-left:3px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
	/*border:1px solid white; */
}
 .image_lapresse {float:left; 
/* width:145;*/
   margin-top:3px;   /*centrage de la page*/
  margin-right: 2px;/*centrage de la page*/
  margin-bottom:3px;/*centrage de la page*/
  margin-left: 2px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
	border:1px solid green;
}
 .zone_foto{
  width:784px;/* height:680px;*/
   margin-top:5px;   /*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:10px; 
/*border:1px solid red; */
}
    .foto{ float:left;
  margin-top: 0px;
  margin-right: 4px;
  margin-bottom: 10px;
  margin-left:5px;
   padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width:120px;
/*border:solid 1px green;*/
  } 
      .fotopresse{ 
  margin-top: 0px;  
  margin-right: 4px;
  margin-bottom: 10px;
  margin-left:5px; 
   padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width:120px;
/*border:solid 1px green; */
  } 
	    .fotoconst{ 
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left:0px; 
   padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width:120px;
  height:120px;  
/*border:dashed 1px aqua;*/
background-color:#b9c8cf; 
} 
  .ocentre{ 
  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;*/
 }
	.legendevue{  text-align:center; 
   color: navy ; /*white;*/
 font-weight:normal; /*normal;bold */
 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:0px; 
  padding-bottom:0px;
  padding-left:0px; 
/*border:dashed 1px yellow;*/
/*background-color:magenta;*/
   width:120px;
  height:60px; 
}
  .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:0px; 
  padding-bottom:0px;
  padding-left:0px; 
 /* border:dashed 1px green;*/
background-color:#000033;
} 
  .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:left; /*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;
 }