/* @override http://navire.net/-css/local.css */

* { margin: 0; padding: 0; }

@font-face {
font-family: Graublau;
src: url("/-fonts/GraublauSansWeb/GraublauWeb.otf");
}

@font-face {
font-family: Graublau;
src: url("/-fonts/GraublauSansWeb/GraublauWebBold.otf");
font-weight: bold;
}

body { 
font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, arial, sans-serif;
font-size: 14px; 
line-height: 180%; 
background-color: #fff;
color: #666; 
margin: 0px 77px;
}

h1, h2, h3 { 
font-family: "Graublau", serif;
font-weight: normal;
color: #4c4c4c;
}

h1 a, h2 a, h3 a { text-decoration: none; color: #4c4c4c;  }

h1 { font-size: 220%; margin-bottom: 22px;}
h2 { font-size: 160%; margin-bottom: 18px;}
h3 { font-size: 140%; margin-bottom: 14px; }

h1 span { font-size: 85%;
color: #b2b2b2;
}

a { color: #4c4c4c; } a:hover { color: #333; text-decoration: none; }

#conteneur { width: 872px; margin: 62px auto 27px auto; }

#bloc-liens {
color: #fff;
}

.bloc-lien {
display: inline-block;
margin: 0 0.6em 1em 0;

font-size: 14px;
line-height: 120%;

border: 1px solid hsl(0, 0%, 80%);

color: hsl(0, 0%, 66%);
background-color: hsl(0, 0%, 85%);
padding: 8px 7px 8px 7px;

-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px;

-webkit-transition: background-color 600ms ease-out;
-moz-transition: background-color 600ms ease-out;
-o-transition: background-color 600ms ease-out;
transition: background-color 600ms ease-out; 

}

.bloc-lien:hover, .bloc-lien.regards:hover, .bloc-lien.maritime:hover { background-color: #fff; cursor: pointer; text-decoration: none; }

.bloc-lien a { text-decoration: none; }

.bloc-lien.regards {
	background-color: hsl(42, 100%, 75%);
}

.bloc-lien.maritime {
	background-color: hsl(212, 100%, 75%);
}

#navigation { text-align: center; position: fixed; top: 0; width: 872px; height: 28px; background: #1a1a1a url(/-img/bg-navigation.jpg) no-repeat 0 0; padding-top: 4px; opacity: 0.8; z-index: 99;
}

#navigation a { color: #c3c3c3; } #navigation a:hover { color: #808080; } #navigation img { border: none;  margin: 0; position: relative; top: 3px; }

#signature { color: hsl(0, 0%, 80%); margin-top: 77px; }

#signature span { padding-top: 6px; border-top: 1px solid #ccc; }

#signature a { text-decoration: none; color: hsl(0, 0%, 80%); }

/*couleurs

titres #4c4c4c 30%
texte #666 40%
navigation #808080 50%
datation, signature #b3b3b3 70% 


/


h2, h3, p, ol, ul, blockquote, table { margin: 6px 107px 6px 107px; }

p { text-align: justify; clear: both; }


p img { margin: 12px 0 6px 0; }

img { border: 1px solid #7f7f7f; margin: 6px 0 6px 0; }

b, strong, i { color: #4c4c4c; }

li { margin-left: 30px; }

blockquote { font-style: italic; background-color: #efefef; margin-bottom: 18px; padding: 16px 30px; clear: both; } blockquote p { margin: 3px 0 3px 0; } blockquote i { font-style: normal; }

table { border-collapse: collapse; } td { padding: 5px; border: 1px solid #4c4c4c; }

.legende { font-size: 90%; font-style: italic; margin-top: -4px; } .legende i { font-style: normal; }


#conteneur-texte div { margin-bottom: 17px }


span.titre-h2 { float: left;}

span.date { font-size: 80%; color: #b3b3b3; float: right;}