html, body {
	margin-left: 15%;
	margin-right: 15%;
	padding: 0;
	font-family: Roboto, sans-serif;
	background: #f2f2f2;
	
}

a {
	text-decoration: none;
	color: #000;
	transition: color .3s ease;
}

a:hover {
	color: #46a2d9;
}

.clearfix {
	clear: both;
}

.container {
	width: 1100px;
	margin: 0 auto;
    align-content: center;
}

header nav {
	background: #46a2d9;
}

header h1 {
	text-align: center;
	margin: 40px 0;
	font-weight: 300;
}

header ul {
	margin: 0;
	padding: 0;
}

header ul li {
	display: inline-block;
}
/*bande avec la navigation*/
header a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 15px 10px;
}

header a:hover {
	color: rgb(26, 22, 235);
}
/* à définir ?*/
.main {
	background: rgb(161, 12, 12);
	padding: 20px;
	border-radius: 2px;
	border: 1px solid #dddddd;
}

.content {
	width: 75%;
	display: inline-block;
}

.article {
	width: 335px;
	display: inline-block;
	margin: 25px;
}

.image-wrapper {
	width:100%;
	height: 175px;
	overflow: hidden;
}

img {
	 width: 60%;
    height: auto;
    margin-left: 20%;
     margin-right: auto;
}

h3 {
	margin: 5px 0;
}

.date {
    font-weight: 300;
	font-size: 0.9em;
}

p {
	margin: 10px 0 0 0;
	font-weight: 300;
}

.sidebar {
	width: 25%;
	float: right;
	margin-top: 25px;
}

input, textarea {
	outline: none;
	background: #fff;
	border: 10px solid #dddddd;
	padding: 8px 14px;
	font-family: Roboto, sans-serif;
}

.commentaires textarea {
	margin: 5px 0;
}

.sidebar input[type=text] {
	width: 35%;
}
/*poster commentaire*/
input[type=submit] {
	border-color: #46a2d9;
	background: #46a2d9;
	color: rgb(248, 246, 246);
}
/*ok*/
.sidebar input[type=submit] {
	position: relative;
	left: -5px;
}

.sidebar h4 {
	margin: 40px 0 12px 0;
	font-weight: 400;
	font-size: 1.25em;
}

.sidebar ul {
	margin: 0;
	padding: 0 10px 0 0;
	font-weight: 300;
}

.sidebar ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

footer {
	background: #46a2d9;
	color: #fff;
	text-align: center;
	padding: 6px 0 10px 0;
	margin-top: 80px;
}

article, .commentaires {
	padding: 25px 40px 40px 25px;
}

article h2 {
	margin-bottom: 5px;
}



article .contenu {
	
	width: 70%;
    height: auto;
    margin-left: 15%;
    margin-right: auto;
}

hr {
	color: #dddd;
	width: 60%;
}

.commentaire {
	margin-top: 35px;
}

.commentaire p {
	margin-bottom: 0;
}

.commentaire .auteur {
	font-size: 0.9em;
	font-weight: 300;
	font-style: italic;
}
.titre
{
	text-align: center;
}
/* Rounded border 
hr.rounded {
	border-top: 8px solid rgb(160, 28, 28);
	border-radius: 5px;
  } */
h5
	{
		font-size: 14px;
		color:rgb(160, 28, 28);
		font-style: bold;
		border-left: 10px;	
	} 
h4
	{
		font-size: 12px;
		color:blue;
		font-style: bold;
		border-left: 30px;	
	} 
 /* Make the image fully responsive */
 /* .carrousel-inner img {
    width: 85%;
    height: 85%;
  }*/
 /* .carousel-text
  {
    font-size: 48px;
    color:rgb(160, 28, 28);
    font-style: bold;
    margin-left: 350px;
    margin-top: 250px;
	
  }*/
.d-block
      {
          display:block;
      }
.mx-auto
      {
        margin-right: auto;
      }
  /* Make the image fully responsive */
 /* .carousel-inner img {
    width: 70%;
    height: auto;
    margin-left: 15%;
     margin-right: auto;
	
  }*/
  .carousel-inner img {
    width: auto;
    height: 97%;
    margin-left: auto;
     margin-right: auto;
	
  }
  .carousel-text
  {
    font-size: 36px;
    color:rgb(160, 28, 28);
    font-style: bold;
    margin-left: 450px;
    margin-top: 50px;
  }
 .carousel-text2
  {
    font-size: 36px;
    color:rgb(160, 28, 28);
    font-style: bold;
	 margin-left: 800px;
  }
  .noir
{
  color:rgb(5, 5, 5);
}