@import url('http://fonts.googleapis.com/css?family=Open+Sans');

/* Body */
*
{
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased
}
table,tr,td
{
  border-collapse:collapse
}
img,input::-moz-focus-inner
{
  border:0
}
img
{
  border:0
}
input:focus,textarea:focus,a:focus
{
  outline:0
}
a
{
  color:#000000;
  -webkit-transition:color 200ms linear,background-color 300ms cubic-bezier(0.23,1,0.32,1);
  -moz-transition:color 200ms linear,background-color 300ms cubic-bezier(0.23,1,0.32,1);
  -o-transition:color 200ms linear,background-color 300ms cubic-bezier(0.23,1,0.32,1);
  -ms-transition:color 200ms linear,background-color 300ms cubic-bezier(0.23,1,0.32,1);
  box-transition:color 200ms linear,background-color 300ms cubic-bezier(0.23,1,0.32,1)
}
a,a:hover
{
  text-decoration:none
}
a:hover
{
  color:#2b89bc;
  cursor: pointer;
}
body img
{
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden
}

/* Basic styles */
  body
  {
    font-family:'Open Sans',sans-serif;
    font-size:14px;
    color:#000;
    overflow-x:hidden;
	background: #d9d9d9;
  }

  h3
  {
    text-align: left;
  }



/* Header */

header
{
  font-family: "Open sans";
  width : 100%;
  background: white;
}

header .top-header {
	padding : 4px 30px;
	color : #2f2f2f;
	border-top: 4px solid #2b89bc;
	background-color: #f1edee;
	text-align: right;
}

header .top-header ul li {
	list-style: none;
	display: inline-block;
	font-size: 0.8em;
	margin : 0px 8px;
}

.main-header {
	padding : 4px 30px 10px 30px;
	color : #2f2f2f;
	border-bottom: 1px solid #e9e9e9;
	background-color: #f1edee;
}
.main-header .title {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
.main-header .title span {
	color : #2b89bc;
}
nav {
	width: 100%;
	padding : 0px 30px;
	background-color: #303030;
	color : #CCC;
	border-bottom: 4px solid #2b89bc;
	text-align: center;
}
nav a {
	color : #f2f3f4;
}
nav ul li {
	list-style: none;
	display: inline-block;
	font-size: 1.1em;
	padding : 10px 30px;
	margin:0;
}


nav ul li.active {
	background-color: #414041;
}

.corps {
	background: white;
	padding-top :20px;
	width : 100%;
	padding-bottom: 40px;
}

.slider {
	background: white;
	padding-right: 20px;
	padding-left: 20px;
}
.slider div {
		padding-right:0!important;
}

/*.slider .plc-img-1, .plc-img-2 {
	border-right : 3px solid white;
}*/


.slider .plc-img-1 {
	height : 360px;
	width: 520px;
	padding : 5px 5px 5px 0px;
	position: relative;
	overflow: hidden;
	color : white;
}
.slider .plc-img-1:hover .meta-titre{
	color : #85ad91!important ;
}
.slider .plc-img-2:hover .meta-titre{
	color : #85ad91!important ;
}


.slider .plc-img-2 {
	height : 180px;
	width : 260px;
	padding : 5px;
	position: relative;
}

.slider .plc-img-1 img {height: 100%; width: 100%;}
.slider .plc-img-2 img {height: 100%; width: 100%;}

.meta-container {
	position:absolute;
	bottom : 20px;
	left : 20px;
}

.meta-categorie {
	padding : 5px 10px;
	background: rgba(42, 42, 42, 0.75);
	color : white;
	display: inline-block;
	margin-bottom: 10px;
}

.slider .plc-img-1 .meta-container .meta-titre{
	font-weight: bold;
	color : white;
	font-size: 1.8em;
	padding-right: 10px;
	margin-bottom: 10px;
	transition: 0.2s;
}

.slider .plc-img-1 .meta-container .meta-date {
	font-size: 0.8em;
	color : white;
	display: inline-block;
}
.slider .plc-img-1 .meta-container .meta-auteur {
font-weight: bold;
color : white; margin-right: 10px;padding-right: 10px;display: inline-block;
}


.slider .plc-img-2 .meta-container .meta-titre{
	font-weight: bold;
	color : white;
	font-size: 1.1em;
	padding-right: 10px;
	margin-bottom: 10px;
	transition: 0.2s;
}

.main-blog {
	border-right: 1px solid #CCC;
	margin-top: 20px;
}

.main-blog .container-post {
	width: 100%;
	padding : 0px 20px 20px 20px;
}

.main-blog .plc-img-blog {
	width: 100%;

	position: relative;
}

.main-blog .plc-img-blog img {
	width: 100%;
	height : 180px;
}
.main-blog .plc-img-blog p {
	position: absolute;
	bottom : 4px;
	left : 0px;
	padding : 3px 6px;
	background: #2b89bc;
	color : white;
	font-size: 0.8em;
}

.container-post .main-titre {
	font-size: 1.4em;
	font-weight: bold;
}
.container-post .main-auteur {
	display: inline-block;
	font-weight: bold;
	color : #464646;
	font-size: 0.7em;
	margin-right: 20px;

}
.container-post .main-date {
	display: inline-block;
	color : #464646;
	font-size: 0.7em;
}

.container-post .main-exerpt {
	margin-top: 10px;
}

.sidebar {
	margin-top: 20px;
	padding-left: 20px;



}

.sidebar p.titre-sidebar {
	padding : 7px;
	background: #ffffff;
	text-align: center;
	font-weight: bold;
	border : 1px solid #2b89bc;
	text-transform: uppercase;
	margin-bottom: 10px;

}

.sidebar ul li {
	margin-top:9px;
	list-style: none;
	text-align: center;
}

.sidebar ul li a{
	text-decoration: underline;
}

.bloc-sidebar {
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}

.populaires .popu {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
}

.popu .mini-plc {
	width : 50px;
	height : 50px;
	text-align: center;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}
.popu .mini-plc img {
		min-height : 50px;
		max-height : 75px;
		min-width: : 50px;
		max-height: 50px;
}
.popu a {
display: block;
padding-left: 60px;

}

footer {
	padding : 4px 30px;
	color : #2f2f2f;
	border-bottom: 4px solid #2b89bc;
	background-color: #f1edee;
	text-align: right;
}
footer a {
	margin : 0px 20px;
}

.main-image-article {
	width : 100%;
	padding : 0px 20px 5px 20px;
	overflow: hidden;
	position: relative;
}

.main-image-article img{
	width: 100%;
}

.main-image-article .meta-article {
	position : absolute;
	bottom : 30px;
	left : 50px;
	padding-right: 20px;
	color : white;
}

.meta-article span {
	padding-top: 10px;
	display: inline-block;
	margin-right: 20px;
}

.article-body {
	padding : 20px;
}

.article-body p {
	font-size: 15px;
	margin-bottom: 17px;
}
.article-body h2 {
margin-top : 5px;
	margin-bottom: 17px;
}
.article-body a {
color : #2b89bc;
}

.jaimes {
	border-top: 1px solid #CCC;
	margin-top: 30px;
	padding-top: 5px;
}

.jaimes span {
	display : inline-block;
	font-size: 0.9em;
	font-style: italic;
	padding-left: 5px;


}
.boutonjaime {
	float: right;
}

.jaimes .liste-jaime li {
	list-style: none;
	display : inline-block;
	margin : 5px;
	width : 30px;
	height : 30px;
}

.jaimes .liste-jaime li img {
	width : 100%;
	height : 100%;
}

.pure-form {
	width: 470px;
margin: auto;

}

.pure-form-aligned label {
	text-align: left!important;
}
.pure-control-group input {
	width : 300px;
}
.pure-control-group {
	margin-bottom: 25px!important;
}
.pure-button-primary{
	background-color: #2b89bc!important;
}
.pure-control-group textarea {
	width: 300px!important;
	height : 100px;
}

.main-profil {
	padding : 20px;
	font-size: 16px;
}

.main-profil .pic-profil {
	width : 150px;
	float: left;
	margin-right: 10px;
}
.main-profil p {
	margin-bottom: 10px;
}

.main-profil .description::before {
	clear:both;
}
.main-profil .description {
	margin-top: 50px;
}
.main-profil .description i {
	margin-bottom: 10px;
	display: block;

}

.main-profil .description {
	width: 70%;
}

form.more-width {
	width : 90%;
}

form.more-width .pure-control-group input {
	width : 550px;
}

form.more-width .pure-control-group textarea {
	width : 550px!important;
	height : 600px!important;
}
.pagination-bloc {
	text-align: center;
	margin-top: 10px;
}
.pagination-bloc a {
	padding : 3px 6px;
	border : 1px solid #bebebe;
	margin : 0px 5px;
}

.message {
    padding: 20px;
    border: 2px solid #2b89bc;
    text-align: center;
    /* padding-left: 30px!important; */
    width: 50%;
    margin: 20px auto;
}