/*
Feuille de styles pour les pages maquettes marine marchande
04 CSS - Les premières étapes
*/
*{padding: 0; margin: 0; }
html { height: 101%; } 
body {
  color: white;
  background-color:#b9c8cf;        /*#434682;  #C1E0FF;*/    /* #87cefa; #34446D;   #add8e6; #87ceeb; #1e90ff;#000033 ;#7877B0;#0F0A77;#00ccff;#003366;#4c4d7d;#03060f;#54537A;#eee8aa ; #4682b4;#fff8dc;#daa520;  #ffdead;   #4682b4; #003399; */
 /*#393CBF; #355A6E; #003366; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#wrapper {position:relative; /*positionne le bato*/
  width:800px; /*height:768px;*/ /*largeur du conteneur  largeur du conteneurlargeur du conteneurlargeur du conteneurlargeur du conteneurlargeur du conteneur*/
background-image:url(bg_blue1.png); 
background-repeat:repeat-y; 
/*background-image:url(444nn.jpg); 
background-repeat:no-repeat;
background-position:0px 0px;*/
 margin-top: 5px; 
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto; 
/* border:1px dotted red;*/
}
#bandeau {
/*background-image:url(atoulon.jpg); background-repeat:no-repeat; */
 width:800px;  height:100px; 
/* background-image:url(bg_blue1.png); 
background-repeat:repeat-y;*/
 margin-top:0px; /*centrage de la page*/
 margin-right: 0px;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left:0px; 
 border-bottom:1px solid silver;
background-image:url(888nsmall.gif); background-repeat:no-repeat; /*logommm.gif  88*97*/
/*width:88px;  height:97px; */
background-position:700px 1px;  /*left top pour position  888nsmall.gif*/
/*border:1px solid white;*/ 
}

#bandeau_bonan { /*NOEL*/
/*background-image:url(atoulon.jpg); background-repeat:no-repeat; */
 width:800px;  height:100px; 
/* background-image:url(bg_blue1.png); 
background-repeat:repeat-y;*/
 margin-top:0px; /*centrage de la page*/
 margin-right: 0px;/*centrage de la page*/
 margin-bottom: 0px;/*centrage de la page*/
 margin-left:0px; 
 border-bottom:1px solid silver;
background-image:url(noel_113.gif); background-repeat:no-repeat; /*lles rennes.gif  position 550    rennes6.gif*/
/*width:88px;  height:97px; */
background-position:600px 1px;  /*left top*/
/*border:1px solid white;*/ 
}
#titrelettre_bonan{ /*NOEL*/
position:absolute;
width:600px;  height:80px;   
top: 15px;/*10*/
left:60px;/*80*/
font-family:times new roman, arial, helvetica, sans-serif;
color:gold;  /* navy;white;*/
 font-weight:bold;  /*bold;*/
/*border:1px solid orange;*/
}
.titrelettre_noel{ /*NOEL*/
position:absolute;
width:200px;  height:80px;   
top: 0px;/*10*/
left:365px;/*80*/
font-family:times new roman, arial, helvetica, sans-serif;
color:black;  /* navy;white;*/
 font-weight:bold; /*bold;*/
 font-size:120%;
/*border:1px solid gold;*/
}
.titrelettre_noel2{ /*NOEL*/
position:absolute;
width:200px;  height:80px;   
top: 0px;/*10*/
left:368px;/*80*/
font-family:times new roman, arial, helvetica, sans-serif;
color:silver;  /* navy;white;*/
 font-weight:bold; /*bold;*/
 font-size:120%;
/*border:1px solid gold;*/
}

#titrelettre{position:absolute;
width:600px;  height:80px;   
top: 15px;/*10*/
left:60px;/*80*/
font-family:times new roman, arial, helvetica, sans-serif;
color:gold;  /* navy;white;*/
 font-weight:bold;  /*bold;*/
/*border:1px solid orange;*/
}
/* fin de zone du bandeau fin de zone du bandeau fin de zone du bandeau fin de zone du bandeau*/

 .drapfranc1{background-image:url(frgold.ico); background-repeat:no-repeat;
background-position:8px 10px;/*left top*/
 width:50px;  height:50px; 
 margin-top: 0px; 
  margin-right:0px;
  margin-bottom: 0px;
  margin-left:0px; 
/*  border:1px solid gold; */
}
 .drapfranc2{background-image:url(frgold.ico); background-repeat:no-repeat;
 background-position:8px 5px; /*left top*/
 width:50px;  height:50px;   
   margin-top: 0px; 
  margin-right:0px;
  margin-bottom: 0px;
  margin-left:0px; 
/*border:1px solid magenta;*/
/* background-color:#b9c8cf; */
}

 .drapusa1{background-image:url(usagold.ico); background-repeat:no-repeat;
background-position:8px 10px;/*left top*/
 width:50px;  height:50px; 
 margin-top: 0px; 
  margin-right:0px;
  margin-bottom: 0px;
  margin-left:0px; 
/*  border:1px solid gold; */
}
 .drapusa2{background-image:url(usagold.ico); background-repeat:no-repeat;
 background-position:8px 5px; /*left top*/
 width:50px;  height:50px;   
   margin-top: 0px; 
  margin-right:0px;
  margin-bottom: 0px;
  margin-left:0px; 
/*border:1px solid magenta;*/
/* background-color:#b9c8cf; */
}
/*zone navigation zone navigation zone navigation zone navigation zone navigation*/
 #navcontainer 
	{float:right;
	width:800px; 
	padding-left:0px;
	margin:0px;
	/*  margin-bottom: 5px; background-image:url(bg_blue1.png);
	background-repeat:repeat-y;*/
	/*background-color:#036;*/ 
	background-position:top left; 
	text-align:right; color:white; font-weight:bold; font-size:80%; /*10pt;*/
	font-family: arial, helvetica, sans-serif;
/*border-left: 1px solid red;
border-right: 1px solid green;*/
} 
#navcontainer ul 
{float:left; /*positionne les navigateurs à doite right ou a gauche left*/
 margin-top: 3px;  
 margin-right:0px;
 margin-bottom: 0px;
margin-left: 18px;
padding:0px;
}
	#navcontainer ul li { display:inline; list-style-type:none;}

	#navcontainer ul li a
	{float:left; 
	margin-left: 5px;
	padding:0.2em 1em;
	/*background-color:#4682b4; *//*;#036;*/
	/*background-image:url(cristal.jpg); background-repeat:no-repeat;*/
	color:aqua;
	text-decoration:none;
	/*decalage avec padding et float*/
	/*border:1px dotted silver;*/
	}

	#navcontainer ul li a:hover
	{/*background-image:url(cristalh.jpg); background-repeat:no-repeat;*/
	/*background-color:#afeeee;*/  /*#369;*/
	color: gold;
	/*border:1px dotted silver;*/
	}
	.plus_petit{ color:orange; font-size: 80%; font-style: normal; }
  
/*fin zone navigation fin zone navigation fin zone navigation fin zone navigation fin zone navigation  fin zone navigation fin zone navigation fin zone navigation fin zone navigation fin zone navigation fin zone navigation fin zone navigation */ 

#pdp {
  color:yellow;
      background-image:url(bg_blue1.png); 
background-repeat:repeat-y;
 /* background-color:#4b0082; */
  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: 2px ;
  padding-right: 0px; 
  padding-bottom: 2px;
  padding-left: 0px; 
 border-top:5px solid orange;
clear: both; 
   text-align: center;  
 font-size: 80%;
  font-style: normal; 
}
.pousse{ /*DECOLLE de 3px LES PARAGRAPHES DE la marge GAUCHE  et DROITE*/
margin-top:5px;  
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 3px; 
  padding-top:0px ;
  padding-right:3px; 
  padding-bottom:0px;
  padding-left:3px;  
/*border:2px solid red;
background-color:red;*/
  }
 .separe { /* ligne de séparation pointillee*/
 width:770px;  height:1px;  
 margin-top:2px; /*centrage de la page*/
 margin-right: 12px;/*centrage de la page*/
 margin-bottom: 2px;/*centrage de la page*/
 margin-left: 12px; 
  border-bottom:1px dotted silver;
  /*centrage de la page border:2px solid black;*/
}/*positionne par rapport au bandeau top left*/ 
.aqua {color:aqua;}
.gold  {color:gold;}
 .orital {  font-style: italic ; 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; } 
 .ital {font-style:italic ; font-weight:normal;  } 
.picolorital {  font-style: italic ; font-weight:normal;  font-size: 80%; color:orange; /*border:dashed 1px red;*/  } 


/*les liens*/
a {text-decoration:none;} /*pas de soulignement des liens*/
a:link {color:silver;}
a:visited {color:silver;}
a:hover, a:focus {color:gold;} /*text-decoration:underline;*/
a:active {color:silver;} /*background-color:yellow;*/

/*///////////////////////////////////format titre h1,h2,.................avec IE7//////////////////*/
.h18 {color:red;font-size:180%;font-weight:bold; }
.h15 {color:red;font-size:100%;font-weight:bold; }