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

#zone_texte{
 color: silver;  /*white; navy;#FFECD9;*/
 font-weight: normal; /*bold;*/
 font-size:70%;
  width:798px;/* 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:5px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:3px; 
 background-image:url(bg_blue1.png); 
background-repeat:repeat-y; 
/*border:2px solid red;*/ 
border-top:1px solid silver; 
/*background-color:#000033;   #e0ffff;#fffacd;*/ /*#add8e6;#2C87B4#247297;*/
/* #87ceeb; #1e90ff;#000033 ;#7877B0;#0F0A77;#00ccff;#003366;#4c4d7d;#03060f;#54537A;#eee8aa ; #4682b4;#fff8dc;#daa520;  #ffdead;   #4682b4; #003399; */
/*clear:both;*/
  }

 .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-right:5px;/*centrage de la page*/
	margin-bottom: 0px;  
	margin-left:0px; 
	/*width:200px; height:200px;

background-color:#f5f5f5;
border:1px solid red; */
}
 .image_droite_sp {float:right; 
	padding: 0px;
	 margin-right:0px;/*centrage de la page*/
	margin-bottom: 0px;  
	margin-left:0px; 
	width:780px;
	/* height:200px;
background-color:#f5f5f5;
border:1px solid red; */
}
 .image_gauche {float:left; 
	padding: 0px;
	 margin-right:2px;
	margin-bottom: 0px;  
	margin-left:5px;
	/*width:200px; height:120px;
	border:1px solid blue;*/
	background-color:#f5f5f5;
}
/* TEST 27/10/09 */
 .image_center {float:left; 
	padding: 0px;
	 margin-right:50px;
	margin-bottom: 0px;  
	margin-left:100px;
	/*width:200px; height:120px;
	background-color:#f5f5f5;
	border:1px solid red;*/
}
/* TEST 27/10/09 */
 .rz {clear:both;}
 .zone_vue{
  width:784px;/* height:680px;*/
   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:10px; 
/*border:1px solid red; */
}
    .vue{ float:left;/* boite qui "pousse" vers le bas le reste de la page */
  margin-top: 0px;  /*centrage de la page*/
  margin-right: 4px;/*centrage de la page*/
  margin-bottom: 10px;/*centrage de la page*/
  margin-left:5px; /*centrage de la pagemarges gauche et droite, pour la place des 2 autres colonnes */
 /*border:dashed 1px yellow;*/ /*padding: 0px; marge intérieure - indispensable */
   padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width:120px;
/*border:solid 1px white;*/
/*background-color:#f5f5f5;*/ /* #b0c4de;#fffacd;#6495ed; */
  } 

.fotovue{ 
  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 */
   padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width:120px;
  height:120px;  
/* border:dashed 1px orange;*/
background-color:#b9c8cf; /* #b0c4de;#fffacd;#6495ed; */  /*#f5f5f5;*/
} 

.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:30px; 
}
	
  .ocentre{ 
  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:5px; 
  padding-bottom:0px;
  padding-left:5px;
/*   background-position: center ;
 border:dashed 1px green;*/
/*background-color:#e0ffff; */
 }
  .ocentre_sp{ 
  margin-top:0px;   /*centrage de la page*/
  margin-right: 0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 100px; /*centrage de la page*/
  padding-top:5px ;
  padding-right:5px; 
  padding-bottom:0px;
  padding-left:5px;
/*   background-position: center ;
 border:dashed 1px green;*/
/*background-color:#e0ffff; */
 }
  .legende{  text-align:center; 
   color: orange ; /*white;*/
 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: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;*/
} 
#zonetitre{  
 margin-top: 20px;  /*centrage de la page*/
  margin-right:2px;/*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; 
     width: 794px; 
   height:180px;  
/*background-color:red;
 border:1px solid orange;*/
  } 
  .image_titred
  {float:left; 
 margin-top: 0px;
  margin-right:0px;/*centrage de la page*/
	margin-bottom: 0px;  
	margin-left:0px; 
	 padding-top:3px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
	width:150px; /*height:180px;*/
/*border:1px solid green; 
background-color:#f5f5f5;*/
}
 .image_titreg {
 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;  margin-top: 0px;
width:150px;  /* height:180px;*/
/*border:1px solid yellow;
	background-color:#f5f5f5;*/
}
 .encadre{ 
  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:5px solid #b9c8cf;
/*   background-position: center center ;
 border:dashed 1px green;*/
/*background-color:#e0ffff; */
 }
  .nonencadre{ 
  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:5px solid #b9c8cf;
  background-position: center center ;
 border:dashed 1px green;*/
/*background-color:#e0ffff; */
 }
  .peticadre{ 
  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;
/*   background-position: center center ;
 border:dashed 1px green;*/
/*background-color:#e0ffff; */
 }
   .centrecomp {float:left;
 margin-top: 0px;  /*centrage de la page*/
 margin-right:10px;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left:10px; /*centrage de la page*/ 
 padding-top:5px ; /* padding-top:35px ;*/
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
  text-align:center; color:gold;
  font-family:times new roman, arial; 
     width: 465px; 
   /*height:120px;
border:1px solid white; */
  } 
 .orital {  font-style: italic ; font-weight:normal; color:orange; /*border:dashed 1px red;*/  } 
 .ornorme {  font-style: normal ; font-weight:normal; color:orange; /*border:dashed 1px red;*/  } 
 
 .inthenavy {  font-style: italic ; font-weight:normal; color:navy; /*border:dashed 1px red;*/ } 
 
 .tomate {  font-weight:normal; color:tomato;  /*border:dashed 1px red;*/     /*#CCFFFF; #e0ffff; */} 

 .enattente{font-style:italic ; font-weight:normal; color:magenta; } 
  
 .gold  {color:gold;} 

 .ital {font-style:italic ; font-weight:normal;  } 
 
 .censure {font-style:italic ; font-weight:normal;  color:red;} 
 
 .forma_para { font-style: normal ; font-weight:normal; color:silver; font-family:times new roman, arial; font-size:120%;
 margin-top:0px;  
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px; 
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:5px; }
 
.poussepied{ /*DECOLLE de 3px LES PARAGRAPHES DE la marge GAUCHE  et DROITE*/
margin-top:5px;  
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:12px;  font-size:100%;
/*border:2px solid yellow; 
background-color:red;*/
  }
.year_liberty ul { float:left;}
 .year_liberty ul li { display: inline;list-style-type:none; 
 margin-top: 0px;  
  margin-right:0px;
  margin-bottom:0px;
  margin-left: 150px; 
       padding-top:0px ;/*3*/
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
   width: 70px;
   height:15px; 
   text-align:left; /*font-family: times new roman, Verdana, Arial, Helvetica, sans-serif;*/ font-weight: normal;
   font-size:90%; color:gold; /*#CCFFFF; */
border: dotted 1px silver ;  
/*border-bottom:dashed 1px red ; */ /*#e0ffff; */
list-style-type:none;
  }   
 
 /*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;*/ 

#ambiance{   
 margin-top: 20px;  /*centrage de la page*/
  margin-right:2px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 4px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
     width: 790px; 
   height:110px;  
/*background-color:red;*/
 border:1px solid orange;
  } 
.funny1{  float:left;
 margin-top: 40px;  /*centrage de la page*/
  margin-right:0px;/*centrage de la page*/
  margin-bottom: 0px;/*centrage de la page*/
  margin-left: 4px; /*centrage de la page*/
  padding-top:0px ;
  padding-right:0px; 
  padding-bottom:0px;
  padding-left:0px; 
 /* width: 200px; 
      height:100px;  
background-color:red;*/
 border:1px solid red;
  }
  
     .centrecomp2 {
 margin-top: 0px;  /*float:left;  centrage de la page*/
 margin-right:10px;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left:10px; /*centrage de la page*/ 
 padding-top:3px ; /* padding-top:35px ;*/
  padding-right:0px; 
  padding-bottom:3px;
  padding-left:0px; 
  text-align:center; color:gold;
  font-family:times new roman, arial; 
     width: 780px; 
   /*height:120px;*/
   background-color:#000033;
border:1px solid yellow; 
  } 

     .centrecomp3 {
 margin-top: 0px;  /*float:left;  centrage de la page*/
 margin-right:160px;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left:160px; /*centrage de la page*/ 
 padding-top:3px ; /* padding-top:35px ;*/
  padding-right:0px; 
  padding-bottom:3px;
  padding-left:0px; 
  text-align:center; color:gold;
  font-family:times new roman, arial; 
     width: 480px; 
   /*height:120px;*/
   background-color:#660033;
border:1px solid yellow; 
  } 
     .centrecomp31 {
 margin-top: 0px;  /*float:left;  centrage de la page*/
 margin-right:160px;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left:160px; /*centrage de la page*/ 
 padding-top:3px ; /* padding-top:35px ;*/
  padding-right:0px; 
  padding-bottom:3px;
  padding-left:0px; 
  text-align:center; color:gold;
  font-family:times new roman, arial; 
     width: 480px; 
   /*height:120px;*/
   background-color:#c0c0c0;
border:2px solid #FF6600; 
  } 
       .centrecomp32 {
 font-weight:bold;  /*bold;*/
 margin-top: 0px;  /*float:left;  centrage de la page*/
 margin-right:160px;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left:160px; /*centrage de la page*/ 
 padding-top:3px ; /* padding-top:35px ;*/
  padding-right:0px; 
  padding-bottom:3px;
  padding-left:0px; 
  text-align:center; color:white;
  font-family:times new roman, arial; 
     width: 480px; 
   /*height:120px;*/
   background-color:#0156a9;
border:2px solid silver; 
  } 
    .centrecomp4 {
 margin-top: 0px;  /*float:left;  centrage de la page*/
 margin-right:0px;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left:75px; /*centrage de la page*/ 
 padding-top:3px ; /* padding-top:35px ;*/
  padding-right:0px; 
  padding-bottom:3px;
  padding-left:0px; 
  text-align:center; color:gold;
  font-family:times new roman, arial; 
     width: 600px; 
   /*height:120px;*/
   background-color:#660033;
border:1px solid silver; 
  }