/*
Copyright (C) 2005 Noah Medling
This program is licensed under the GNU General Public License, version 2,
as published by the Free Software Foundation, June 1991. For details, see
LICENSE.txt
*/
@font-face {
    font-family: 'Fallind';
    src: url('Fallind.woff') format('woff'), /* Modern Browsers */
         url('Fallind.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Biolinum';
    src: url('LinBiolinum_R.woff') format('woff'), /* Modern Browsers */
         url('LinBiolinum_R.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
body{
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Biolinum, Verdana, Geneva, sans-serif;
	height: 100%;
	font-size:16px;
}
#root{
	text-align: left;
	margin: 0 auto;
	max-width: 100%;
	width:57em;
	padding: 0;
}
ul, ol{
	padding-left: 2.5em;
}
#header{
	margin: 0 0 0 0;
	padding:0;
	border-bottom: 3px solid #c60e79;
	background-color:#ffecf5;
	height:218px;
	background-image:url('marine-alr_banniere.jpg');background-repeat:no-repeat;background-origin: border-box;
	background-position :50% 50%;
}
#header h1{
	margin: 0;
	padding: 0;
	font-size:100%;
	text-align:center;
	padding-top:180px;
}
#header p{
	margin: 0;
	padding: 0;
	text-align:center;
}
#navigation{
	float: left;
	margin: 0 0 1em 0;
	padding: 1em 0 5em 0.5em;
	width: 11em;
	display: inline;
	background-color:#d7f4d7;
}
#navigation ul{
	list-style-type: none;
	padding: 0;
	margin: 0 0 1em 0;
}

#navigation li.separator{
	padding-top: 0.5em;padding-bottom: 0.5em;
	font-family:Fallind;font-weight:bolder;
	font-size:150%
}

#navigation li.link, #navigation li.pages,  #navigation li.blogs {
	padding-left: 1em;//vertical-align:middle;
}

#navigation ul li.pages:before, #navigation ul li.blogs:before {
    content: "\214F";
    margin-right: 6px;color:#c60e79;
}	
#navigation li a{
	color: #000;
	text-decoration: none;
}
#navigation li a:hover{
	color: #000;
	text-decoration: underline;
}
#navigation li a:actif{
	color: red;
	text-decoration: underline;
}
#content{
	margin: 0 1em 1em 12em;
	padding: 0 0 0 0.5em;
}

#content h1{
	font-size: 150%;
	font-weight: normal;
	font-variant: small-caps;
	border-bottom: 1px solid #bcd;
	margin: 0 0 0.5em 0;
	padding: 0;
}
#content p{
	margin: 0.5em 0 1em 0;
}
#content form{
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 640px) {

	#navigation{display:block;width:100%;padding:3px;}

	#navigation .separator {display:none;}

	#navigation li.pages:before,    #navigation li.blogs:before{
    		content: "\17F5";
   		margin-right: 3px;color:#c60e79;font-size:150%
	}	

	#navigation ul, #navigation li.pages,   #navigation li.blogs,   #navigation li.link {display: inline-block;margin:0px;padding-left: 0.5em;}

	#navigation li.link a span {display:none;}

	#content{margin-left:1em;}

}<!-- fin @media -->



#footer{
clear: both;
margin: 0;
padding: 1em;
text-align: center;
border-top: 1px solid #000;
}

#footer p{
margin: 0;
padding: 0;
}

.post{
margin: 0 0 2em 0;
}

.post .post_title, h2{
	font-size: 150%;
	font-variant: small-caps;
	border-bottom: 2px solid #c60e79;
	border-bottom-width:75%;
	color:#c60e79;
	margin-top:1em;
	font-family: Biolinum, Verdana, Geneva, sans-serif;
	font-weight:bold;
}


.post_title a{
        font-variant: small-caps;
	font-family: Biolinum, Verdana, Geneva, sans-serif;
        font-weight:bold;
	color:#c60e79;
} 


.post_title a:hover{
text-decoration:none;
} 


.post .post_head{
	font-size: 80%;
	color: #78bc78;
	font-weught:bold;
}

.post .post_body{
}

.post .post_foot{
	text-align: right;
	font-size: 80%;
	color: #567;
}
.comment{
	padding: 0.5em;
	margin: 0.5em 0 1.5em 0;
}

.comment .comment_head{
	font-size: 80%;
	color: #567;
	border-bottom: 1px solid #bcd;
}

.comment .comment_body{
}

.moderated{
background: #def;
}

.moderated .comment_head{
	color: #345;
}

fieldset{
	border: 1px solid #bcd;
	padding-left: 0.75em;
	padding-right: 0.75em;
}

legend{
	color: #000;
	font-variant: small-caps;
}

p.message{
	border: 1px solid #bcd;
	padding: 0.25em;
	background: #eff;
}

p.error{
	border: 1px solid #f98;
	padding: 0.25em;
	background: #fed;
}
a:link, a:visited{
	text-decoration: none;
}

a:active, a:hover{
	text-decoration: underline;
}
a img{
vertical-align:middle;
border:0px;
}

h3{
color:#080;font-weight:bold;
}

h3:before{
    content: "\25D7";
    margin-right: 6px;color:#c60e79;
}
hr{
	height: 1px;
	padding:0;
	color: #000;
	background: #000;
	padding: 0;
	border: 0;
}

li.s{list-style:none;}
#in{
position:relative;
top:-50px;
font-size:80%;
display:inline;
}

#in input{
font-size:80%;
}

#rss{
position:relative;
top:-15px;
float:right;
}
blockquote{
font-style:italic;
border-left:2px solid #d7f4d7;
padding-left:1em;
}