@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,400,600');
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');
 body {
     padding-bottom: 8em;
     font-size: 10em;
 }

 textarea {
     height: 40px;
     padding: 1em;
     -moz-transition: 1s;
     -webkit-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
     width: 100%;
 }

 textarea:hover {
     height: 42px;
     padding: 1em;
     -moz-transition: 1s;
     -webkit-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
 }

 textarea:focus {
     height: 100px;
     padding: 1em;
     -moz-transition: 1s;
     -webkit-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
 }

 iframe {
     width: 1000px;
     border: none;
     height: 400px;
 }

 table {
     width: 50%;
     border-collapse: collapse;
     /* Les bordures du tableau seront collées (plus joli) */
     text-align: center;
 }

 td,
 th {
     padding: 0.5em;
 }

 hr {
     border: 0;
     height: 1px;
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
     background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
     background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
 }

 #message {
     padding: 40px;
     background: rgb(250,250,250);
     border-radius: 5px;
     padding-bottom: 30px;
     margin-bottom: 20px;
     border:1px solid rgb(250,250,250);
     overflow: hidden;
 }
.empty {
	padding-bottom: 0px !important;
}
.ver img {
 	width: 50% !important;
 	display: inline-block;
 }
.hori img {
 	width: 100% !important;
 }
 .empty .lead {
 	margin-bottom: 0px;
 }
 .hori.lead img {
 	width: 100% !important;
 }
 .lead {
 	margin-left: -40px;
 	width: calc(100% + 80px);
 	margin-top: -45px;
 	text-align: center;
 	margin-bottom: 35px;
 }
 .cell {
 	height: 250px;
 	width: calc(50% - 3px);
 	margin-top: 3px;
 	display: inline-block;
 	border-right: 3px solid transparent;
 	background-size: cover !important;
 }
 .round {
 	width: 50px;
 	height: 50px;
 	border-radius: 50%;
 }
 #message .avatar img {
 	border-radius: 50%;
 	width: 40px;
 	height: 40px;
 }
#message div {
	font-weight: bold;
}
 a {
     color: #4285f4;
     text-decoration: none;
 }

 a:hover {
     transition: 1s;
     -webkit-transition: 1s;
     -o-transition: 1s;
     -moz-transition: 1s;
 }


 body {
     letter-spacing: 0px;
     animation-delay: 1.8s;
     background-color: whiteSmoke;
     color: #333;
     font-family: "open sans", "helvetica neue", "arial", sans-serif;
     font-size: 17px;
 }
*{
	box-sizing: border-box;
}
 .container {
     width: 1000px;
     border-radius: 6px;
     background: #fff;
     margin:auto;
     margin-top: 30px;
     padding:40px 60px;
 }
h1 img {
	width: 200px;
	margin-top: -45px;
}
 .bouton {
     cursor: pointer;
 }

 .texte {
     padding: 10px;
 }

 #cadrpg {
     width: calc(100% + 30px);
     margin: 0 auto;
     margin-left: -15px;
     border: 0;
     overflow: hidden;
     position: relative;
 }
#cadrpg:before{
	content: "";
	position: absolute;
	top:-20px;
	left: 0px;
	bottom: -20px;
	z-index: 1000;
    box-shadow: 20px 0px 10px #fff inset;
	right: 0px;
	display: block;
}
#cadrpg:after{
	content: "";
	position: absolute;
	top:-20px;
	left: 0px;
	bottom: -20px;
    box-shadow: -20px 0px 10px #fff inset;
	right: 0px;
	display: block;
}
 #newshr {
     height: 200px;
 }

 #defile {
     position: relative;
     width: 10000px;
     margin-top: 1px;
     background-color: transparent;
 }

 #defile img {
     margin-left: 30px;
 }

 #banniere {


     background-repeat: no-repeat;
     cursor: default;
     height: 100px;
     margin-left: -14px;
     color: #333;
 }

 #menu {
 	border-bottom: 1px solid #eee;
 	width: calc(100% + 120px);
 	margin-left: -60px;
 	padding-left: 60px;
 	padding-right: 60px;
 	height: 41.5px;
 }

 #menu a {
     font-size: 14px;
     background: #fff;
     padding-right: 20px;
     padding-left: 20px;
     border-bottom: 1px solid #eee;
     border-right:1px solid #eee;
 	padding-top: 10px;
 	border-top:1px solid #eee;
 	font-weight: 600;
 	padding-bottom: 11px;
 	display: inline-block;
 	text-decoration:none;
 	color: #333 !important;
 }
#menu a.active {
	border-bottom: 1px solid #fff;
	color: #4285f4 !important;
}
 input {
     border: 1px solid #ccc;
     height: 30px;
     padding: 5px;
     background-color: #fff;
     cursor: auto;
     display: inline-block;
     margin-right: -1px;
 }

 input[type=submit] {
     background: #4285f4;
     color: #fff;
     padding-left: 10px;
     padding-right: 10px;
     border: none;
     cursor: pointer;
 }

 input[type=submit]:hover {
     box-shadow: 0px 0px 5px #fff;
     border: none;
 }

 input:focus:invalid {
     border: 1px solid red;
     -moz-transition: 1s;
     -webkit-transition: 1s;
     -o-transition: 1s;
     transition: 1s;
 }

 #corpsforum {
     margin-top: 20px;
 }

 #news {
     background: #fff;
     text-align: justify;
 }
#news br {
	margin-top: 5px;
	display: block;
}
 #nomnews {
     padding-top: 1em;
     text-align: center;
     position: relative;
     text-transform: uppercase;
     padding-bottom: 20px;
 }
#nomnews strong {
	font-family: "Montserrat";
	font-weight: 900;
     font-size:2rem !important;
}
#nomnews:after {
	content: "";
	width: 40px;
	border-bottom: 4px solid #4285f4;
	display: block;
	margin-top: 4px;
	position: absolute;
	left:50%;
	margin-left: -20px;
}
 .texte {
     text-align: justify;
 }

 .hey {
     margin-left: 14px;
 }

 .prout td {
     border: none;
 }

 .prout tr {
     border: none;
 }

 .prout {
     border: none;
     text-align: left;
 }

 .ach a {
     color: #ccc;
     text-shadow: 0 -1px 0 #fff;
     text-decoration: none;
 }

 .ach a span {
     position: absolute;
     margin-left: 20px;
     width: 40%;
     color: #000;
     height: 40px;
     background: #ccc;
     padding: 15px;
     border-radius: 3px;
     box-shadow: 0 0 2px rgba(0, 0, 0, .5);
     transition: all .25s;
     text-align: justify;
     opacity: 0;
 }

 .ach a:hover span,
 a:focus span {
     transform: scale(1) rotate(0);
     opacity: 1;
 }

 strong {
     font-weight: bold;
 }

 #nomnews strong {
     font-size: 25px;
 }