.page {   /* contenu de la page, colonne centrale extensible */
background-image:  url(img-f/titre-m.jpg);
}
.mandra {   /* fond bois */
margin-right:auto;
margin-left:auto;
margin-bottom:15px;
width:96%;
background-image:url(img-f/fd-waves.jpg);
border-style:solid;
border-width:1px;
border-color:#223F56;
padding:1%;
color:#223F56;
font-family:geneva, arial, helvetica, san-serif;
font-size:14px;
text-align:center;
}	
.milieu2 {
background-image:url("img/fond_accueil2.jpg");
background-position:center;
background-repeat:no-repeat;
}	
.traversee {
font-family: comic sans ms; 
font-size: 16px; 
color: #006; 
}
/* contenu de la page fond transparent*/
.milieum {
width:98%;
clear:both;
margin-right:auto;
margin-left:auto;
padding:0;
text-align:center;
font-family:geneva,arial,helvetica,san-serif; 
font-size: 14px;
color:#003; 
}	
/* contenu traversées*/
.milieut {
width:98%;
margin-right:auto;
margin-left:auto;
padding:0px;
text-align:left;
font-family:arial,helvetica,san-serif; 
font-size: 14px;
color:#003; 
}	
/* contenu de la page fond transparent*/
.milieum2 {
width:70%;
clear:both;
margin-right:auto;
margin-left:95px;
padding:0px;
text-align:center;
font-family:arial,helvetica,san-serif; 
font-size: 14px;
color:#003; 
}
table {
	 width:300px;
	 border-style: none;
	 table-layout:auto;
	 }
/* td gauche  */
	 .tdg {
        background-color:#cdcfd1;
        border-width:1px;
		border-style:solid;
		border-color:#006;
		font-family:geneva,arial,helvetica,san-serif;
        font-size:12px;
		font-weight:bold;
		width:200px;
		text-align:center;
	    }
	/* td droite  */
	 .tdd {
        background-color:#dee0e2;
        border-width:1px;
		border-style:solid;
		border-color:#006;
		font-family:geneva,arial,helvetica,san-serif;
        font-size:12px;
		width:100px;
		text-align:center;
	    }
	/* paragraphes encadrés */
	.text2 {
		width:70%;
		margin-right:auto;
		margin-left:auto;
		padding-left:15px;
		padding-right:8px;
        border-width:1px;
		border-style:solid;
		border-color:#006;
		font-family:geneva,arial,helvetica,san-serif;
		text-align:left;
        font-size: 12px;
        color: #003;
		letter-spacing:1px;
		font-weight:bold;
		}	
	/* carte traversées */
	.carte {
		width:382px;
		margin-right:auto;
		margin-left:auto;
		background-color:#98fcfb;
        border-width:1px;
		border-style:solid;
		border-color:#006;
		text-align:center;
		}
	/* titre des traversées */
	.crossing {
		width:80%;
		clear:both;
		margin-right:auto;
		margin-left:auto;
		background-color:#fff;
        border-width:1px;
		border-style:solid;
		border-color:#000066;
		font-family:geneva,arial,helvetica,san-serif;
		text-align:center;
        font-size: 18px;
        color: #003;
		font-weight:bold;
		}	
   	/* commentaires naufrage */
	.nauf {
		width:80%;
		clear:both;
		margin-right:auto;
		margin-left:auto;
		background-color:#bfedbf;
        border-width:1px;
		border-style:solid;
		border-color:#000066;
		font-family:geneva,arial,helvetica,san-serif;
		text-align:center;
        font-size: 12px;
        color: #003;
		font-weight:bold;
		}