/*
Theme Name:HTML5;
Date March:2018;
Discription:Lean Basic HTML5;
Version:1.0;
Author:MiloudFerhati;
Author URL:FB/MILOUDFERHATI;
*/
/*---------CSS3 For Mobile-----------*/
body { 
    background-color: #021f2f;
/*	background-image: url('img/Fond.jpg');*/
	color: #0a0a58;
	font-size: 87%; /* base font -size = 14px */
	font-family: Arial, 'Lucida Sans Unicode';
	line-height: 1.5;
	text-align: center;
}
a {text-decoration: none;}
a:link, a:visited {color: #202441;}
a:hover, a:active {color: #f58233;}
.body {
	margin: 10px auto;
	width: 70%;
	clear: both;
}
/*--------------------*/
 #bloc-title {display:none;}
 #blog-desc {display:none;}
.mainheader img {
	width: 100%;
}
.mainheader nav {
	background-color: #025d62;
    font-size: 19px;
	height: 45px;
	border-radius: 5px;
	-wekit-border-radius:5px;
	-moz-border-radius:5px;
}
.mainheader nav ul {
	text-align: center;
	list-style: none;
	margin: 0 auto;
}
.mainheader nav ul li {
	display: inline;
}
.mainheader a:link, .mainheader a:visited{
	color: white;
	padding: 12px 40px;
	display: inline-block;
	height: 20px;
}
.mainheader a:hover, .mainheader a:active{
	color: white;
	background-color: #f58233;
	text-shadow:none;
}
/*---------main content-----------*/
.top-content {
	background-color:#d5d5d5 ;
	padding: 3%;
	margin-top: 2%;
	border-radius: 5px;
	-wekit-border-radius:5px;
	-moz-border-radius:5px;
	font-size: 14px;
	text-align: right;
}
/*---------main content BY bla bla bla-----------*/
.post-info{
	font-size: 90%;
	color: #999;
	font-style: italic;
	margin-top: -20px;
}
.post-content{
	display: inline;
}
.content{
	width: 100%;
	float: none;
}
/*---------CSS3 For poste 01-----------*/
@media screen and (max-width: 1230px){
	.body{
		width: 90%;
		font-size: 95%;
	}
	/*---------mainheader For Mobile-----------*/
.mainheader nav {
	background-color: #025d62;
    font-size: 19px;
	height: 45px;
	border-radius: 5px;
	-wekit-border-radius:5px;
	-moz-border-radius:5px;
}
.mainheader nav ul {
	text-align: center;
	list-style: none;
	margin: 0 auto;
}
.mainheader nav ul li {
	display: inline;
}
.mainheader a:link, .mainheader a:visited{
	color: white;
	padding: 12px 40px;
	display: inline-block;
	height: 20px;
}
.mainheader a:hover, .mainheader a:active{
	color: white;
	background-color: #f58233;
	text-shadow:none;
}
}
/*---------CSS3 For Mobile-----------*/
@media screen and (max-width: 956px){
	.body{
		width: 90%;
		font-size: 95%;
	}
/*---------mainheader For Mobile-----------*/
.mainheader nav {
	height: 220px;
	}
.mainheader ul {
	width: 100%;
	padding: 0;
}	
.mainheader nav ul li {
	display: inline;
}
.mainheader a:link, .mainheader a:visited{
	display: block;
}
.mainheader a:hover, .mainheader a:active{
	color: white;
	background-color: #f58233;
	text-shadow:none;
}
.mainContent{
	width: 100%;
}
}