/* Thème CSS*/

*{
	box-sizing: border-box;
	border-collapse:collapse;
	box-sizing:border-box;
	color:#000000;
	font-size:1em;
	font-weight:normal;
	list-style-position:inside;
	margin:0;
	outline:none;
	padding:0;
	text-decoration:none;
}

a:hover,
a:active{color:#FF6800;}

body{background-color:white;
	font-family:'PT Sans',sans-serif;
}

main{
	margin:auto;
	max-width:1200px;
}

h1{
	font-family:'Oranienbaum',serif;
	font-size:2.618em;
	text-align:left;
}

h2{font-family:'Oranienbaum',serif;font-size:2.5em;}

h2.content_title{border-bottom:thin solid #D8D8D8;}

h2.content_title a{color:#009FA0;}

h2.content_title a:hover{color:#FF6800;}

h3{font-size:1.75em;}

h4{font-size:1.5em;}

h5{font-size:1.25em;}

h2,
h3,
h4,
h5,
h6{
	color:#009FA0;
	padding:12px 0 8px;
	text-align:left;
}

img{
	border:thin solid #F0F0F0;
	box-shadow:0 8px 16px 0 #F8F8F8;
	height:auto;
	max-width:100%;
	padding:8px;
}

img.alignright{
	display:inline;
	float:right;
	margin:23px 0 23px 23px;
}

img.alignleft{
	display:inline;
	float:left;
	margin:23px 23px 23px 0;
}

img.exalignleft{
	display:inline;
	float:left;
	margin:23px 23px 0 0;
}

.aligncenter{
	display:block;
	margin: 23px auto;
}

video{
	height: auto;
	max-width: 100%;
}

pre,
code,
var{
	font-family:Monospace;
	overflow:auto;
}

nav ul{list-style-type:none;}

input[type="text"],
input[type="submit"],
textarea{
	border:thin solid #F0F0F0;
	box-shadow:0 8px 16px 0 #F8F8F8;
	border-radius:4px;
	padding:6px 8px;
}

table{
	margin:16px 0;
	padding:16px;
}

th{background-color:#F8F8F8;}

tr:hover{background-color:#F8F8F8;}

th,
td{
	border:thin solid #F0F0F0;
	padding:4px 8px;
}

b,
strong{font-weight:400;}

b,
strong,
acronym,/*deprecated*/
ins,
abbr{font-family:Arial,Helvetica,sans-serif;}

q{font-style:italic;}

address{
	background-color:#F8F8F8;
	display:inline-block;
	margin:16px 0 0;
}


/*Main Header*/

header{padding:23px 8px 0;}

header p{
	font-style:italic;
	padding:16px 0 32px;
}

.sticky{
	position:fixed;
	top:0;
}

.sticky + main {padding-top:55px;}
	
#header_menu .current-menu-item a{color:#FF6800;}

#header_menu .current-menu-item li a{color:black;}


/*content*/

#content{
	margin:auto;
	padding:23px 0 0;
	width:100%;
}

#content a{color:#00B7B8;}

#content a:hover{color:#FF6800;}

#warning{
	padding:16px;
	text-align:center;
}

#pagination{
	margin-bottom:32px;
	text-align:center;
}

#ariane{padding:0 8px 23px;}

#ariane a{color:#FF6800;}

article{
	border:thin solid #F0F0F0;
	border-radius:4px;
	box-shadow:0 8px 16px 0 #F8F8F8;
	margin:0 0 23px 0;
	padding:0 23px 23px;
	text-align:justify;
}

#content ul,
#content ol,
#content dl,
#content dl dd,
#content address{padding:8px 16px;}

#content dl dt{text-decoration:underline;}

#content blockquote{
	border-left:2px solid #00B7B8;
	margin:16px 16% 0;
}

#content blockquote p{padding:6px 8px;}

#content p{padding:16px 0 0;}

#content p.metadata{
	clear:both;
	font-size:0.775em;
}

#content footer p{
	border-left:2px solid #00B7B8;
	margin:23px 0 0;
	padding:6px 8px;
}

#content footer p a{color:#FF6800;margin:0 0 0 8px;}

#content footer p#tags{
	border-left:none;
	margin:23px 0 0;
	text-align:center;
}

#content footer p#tags a{
	color:#00B7B8;
	background-color:#F8F8F8;
	border:thin solid #F0F0F0;
	border-radius:4px;
	margin:0 8px 0 0;
	padding:4px 8px;
}


/*Comments*/

#comments{padding:23px;}

#comments ol,
#comments ol ol{
	list-style-type:none;
	padding:0;
}

#comments li{
	border-bottom:thin solid #F0F0F0;
	padding:23px;
}

#comments li:nth-child(odd){}

#comments span{display:none;}

#comments .comment-meta{display:none;;}

#comments p{
	font-style:italic;
	padding:8px 8px 0;
}

#comments nav{
	padding:23px 0 0;
	text-align:center;
}

#comments nav span{
	display:inline-block;
	padding:0;
}

#respond h3{padding:0;}

#respond form{padding-bottom:23px;}

#respond label{display:block;}

#respond span{display:inline-block;}


/*Page Footer*/

#page_footer{
	border-top:thin solid #F0F0F0;
	font-size:0.775em;
	margin:auto;
	width:100%;
}

footer nav{text-align:center;}

footer li{
	display:inline-block;
	padding:8px;
}


/*Small Device*/

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

	#header{
		display:inline-block;
		font-size:1.025em;
		padding:0 16px;
		position:sticky;
	}
	
	#header span{
		background-color:white;
		border:thin solid #F0F0F0;
		border-radius:4px;
		box-shadow:0 8px 16px 0 #F8F8F8;
		font-size:1.75em;
		padding:4px 8px;
	}
	
	#header nav{
		background-color:white;
		border:thin solid #F0F0F0;
		border-radius:4px;
		box-shadow:0 8px 16px 0 #F8F8F8;
		display:none;
		owerflow:auto;
		padding:8px 0;
		position:absolute;
		z-index:10;
	}
	
	#header:hover nav{display:block;}
	
	#header nav ul{padding:0 23px;}
	
	#header nav ul li{
		padding:8px 0;
		width:232px;
	}
}


/*For Desktop*/

@media only screen and (min-width: 600px) and (orientation: landscape){
	/*Header Menu Max 2 niveaux*/
	
	#header{
		background-color:white;
		border-bottom:thin solid #F0F0F0;
		box-shadow:0 8px 16px -4px #F8F8F8;
		display:inline-block;
		padding:0 23px;
		width:100%;
	}
	
	#header span{display:none;}
	
	nav#header_menu{margin:auto;}
	
	#header_menu ul{
		background-color:white;
		z-index:10;
	}
	
	#header_menu a{
		display:block;
		font-size:1.025em;
		padding:8px;
		width:148px;
	}
	
	#header_menu li{float:left;}
	
	#header_menu ul ul{
		left:-1000%;
		border:thin solid #F0F0F0;
		border-radius:4px;
		box-shadow:0 8px 16px 0 #F8F8F8;
		position:absolute;
		width:148px;
		z-index:10;
	}
	
	#header_menu li li a{
	}
	
	#header_menu ul li::after {
		content: "";
		position: absolute;
		bottom: 100%;
		left: 50%;
		margin-left: -8px;
		border-width: 4px;
		border-style: solid;
		border-color: transparent transparent #FF6800 transparent;
	}
	
	#header_menu ul li:hover ul{
		left:auto;
	}
	#content{width:72%;}
	
	#page_footer{width:72%;}
}