/* Les polices de caractère  */

@font-face {
	font-family:"titrepage";
	src: url('fonts/drifttype.ttf');
}
@font-face {
	font-family:'TitrePolice';
	src:url('fonts/shadser.ttf');
}
@font-face {
	font-family:'Anton';
	src:url('fonts/Anton-Regular.ttf');
}
@font-face {
	font-family:'Lobster';
	src:url('fonts/Lobster-Regular.ttf');
}
@font-face {
	font-family:'LobsterTwo';
	src:url('fonts/Lobster-Two-Regular.ttf');
}
@font-face {
	font-family:'LobsterTwoBold';
	src:url('fonts/Lobster-Two-Bold.ttf');
}
@font-face {
	font-family:'LobsterTwoItalic';
	src:url('fonts/LobsterTwo-Italic.ttf');
}
@font-face {
	font-family:'LobsterTwoBoldItalic';
	src:url('fonts/LobsterTwo-BoldItalic.ttf');
}
@font-face {
	font-family:'Lora';
	src:url('fonts/Lora-Regular.ttf');
}
@font-face {
	font-family:'LoraBold';
	src:url('fonts/Lora-Bold.ttf');
}
@font-face {
	font-family:'LoraItalic';
	src:url('fonts/Lora-Italic.ttf');
}
@font-face {
	font-family:'LoraBoldItalic';
	src:url('fonts/Lora-BoldItalic.ttf');
}

/* Les animations  */

#biker_presentation img  {
	padding-bottom: 8px;
	animation: monanimation 10s;
	-webkit-animation: monanimation 10s;
	animation-delay: 2s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
@-webkit-keyframes monanimation {
	0%  {
		transform: translateX(0px) rotate(-15deg);
	}
	10% {
		transform: translateX(100px) rotate(15deg);
	}
	20% {
		transform: translateX(200px);
	}
	40% {
		transform: translateX(900px);
	}
	80% {
		transform: translateX(1000px);
	}
	82% {
		transform: translateX(990px) rotateY(180deg);
	}
	85% {
		transform: translateX(1100px) rotateY(180deg);
	}
	100% {
		transform: translateX(0px) rotateY(180deg);
 	}
} 
@keyframes monanimation {
	0%  {
		transform: translateX(0px) rotate(-15deg);
	}
	10% {
		transform: translateX(100px) rotate(15deg);
	}
	20% {
		transform: translateX(200px);
	}
	40% {
		transform: translateX(900px);
	}
	80% {
		transform: translateX(1000px);
	}
	82% {
		transform: translateX(990px) rotateY(180deg);
	}
	85% {
		transform: translateX(1100px) rotateY(180deg);
	}
	100% {
		transform: translateX(0px) rotateY(180deg);
 	}
}

/* Les boutons */
.btn-white {
  background-color: hsl(0, 0%, 100%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(#ffffff, #ffffff);
  border-color: #ffffff #ffffff hsl(0, 0%, 100%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.00);
  -webkit-font-smoothing: antialiased;
}
.btn-black {
  background-color: hsl(0, 0%, 0%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#000000), to(#000000));
  background-image: -moz-linear-gradient(top, #000000, #000000);
  background-image: -ms-linear-gradient(top, #000000, #000000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #000000, #000000);
  background-image: -o-linear-gradient(top, #000000, #000000);
  background-image: linear-gradient(#000000, #000000);
  border-color: #000000 #000000 hsl(0, 0%, 0%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}
.btn-red {
  background-color: hsl(5, 96%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c21303", endColorstr="#ae1103");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#c21303), to(#ae1103));
  background-image: -moz-linear-gradient(top, #c21303, #ae1103);
  background-image: -ms-linear-gradient(top, #c21303, #ae1103);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c21303), color-stop(100%, #ae1103));
  background-image: -webkit-linear-gradient(top, #c21303, #ae1103);
  background-image: -o-linear-gradient(top, #c21303, #ae1103);
  background-image: linear-gradient(#c21303, #ae1103);
  border-color: #ae1103 #ae1103 hsl(5, 96%, 34%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
  -webkit-font-smoothing: antialiased;
}
.btn-blue {
  background-color: hsl(212, 86%, 29%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a4589", endColorstr="#0a4589");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0a4589), to(#0a4589));
  background-image: -moz-linear-gradient(top, #0a4589, #0a4589);
  background-image: -ms-linear-gradient(top, #0a4589, #0a4589);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a4589), color-stop(100%, #0a4589));
  background-image: -webkit-linear-gradient(top, #0a4589, #0a4589);
  background-image: -o-linear-gradient(top, #0a4589, #0a4589);
  background-image: linear-gradient(#0a4589, #0a4589);
  border-color: #0a4589 #0a4589 hsl(212, 86%, 29%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}
.btn-must {
  background-color: hsl(36, 100%, 45%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e58900", endColorstr="#e58900");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e58900), to(#e58900));
  background-image: -moz-linear-gradient(top, #e58900, #e58900);
  background-image: -ms-linear-gradient(top, #e58900, #e58900);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e58900), color-stop(100%, #e58900));
  background-image: -webkit-linear-gradient(top, #e58900, #e58900);
  background-image: -o-linear-gradient(top, #e58900, #e58900);
  background-image: linear-gradient(#e58900, #e58900);
  border-color: #e58900 #e58900 hsl(36, 100%, 45%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}
.btn-green {
  background-color: hsl(122, 79%, 36%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13a418", endColorstr="#13a418");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#13a418), to(#13a418));
  background-image: -moz-linear-gradient(top, #13a418, #13a418);
  background-image: -ms-linear-gradient(top, #13a418, #13a418);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13a418), color-stop(100%, #13a418));
  background-image: -webkit-linear-gradient(top, #13a418, #13a418);
  background-image: -o-linear-gradient(top, #13a418, #13a418);
  background-image: linear-gradient(#13a418, #13a418);
  border-color: #13a418 #13a418 hsl(122, 79%, 36%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
}
.btn-kaki {
  background-color: hsl(110, 56%, 16%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#398f28", endColorstr="#193f11");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#398f28), to(#193f11));
  background-image: -moz-linear-gradient(top, #398f28, #193f11);
  background-image: -ms-linear-gradient(top, #398f28, #193f11);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #398f28), color-stop(100%, #193f11));
  background-image: -webkit-linear-gradient(top, #398f28, #193f11);
  background-image: -o-linear-gradient(top, #398f28, #193f11);
  background-image: linear-gradient(#398f28, #193f11);
  border-color: #193f11 #193f11 hsl(110, 56%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

/* Les parties partagées par toutes les pages  */

body {
	background-color: black;
	background-image: url('fond2.jpg');
	background-attachment: fixed;
    padding-top: 50px;
    min-height:1100px;
}
.header_site {
	background:url('images/feug.png') center bottom ;
	margin: auto;
}
.header_site img {
	margin-top: 3em;
}
.titre_page {
	font-family:'Lobster', cursive,"Times New roman",Arial,sans-serif;
	margin-top: 0.6em;
	color: #F5A42C;
	text-shadow: 5px 5px 2px black;
	font-size:3.2em;
}
#content {
	margin-top: 40px;
	padding-bottom: 50px;
	min-height: 800px;
}
.marginMessage {
	margin: 30px 5px 10px 10px;
}
.marginTopButton {
	margin-top: 20px;
}
.liste_sans_puce {
	list-style-type: none;
}
a:hover {
	text-decoration: none;
}
#smiley_button {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	font-size: 1.1em;
	color: black;
	font-style: bold;
	background-color: #FFF168;
	padding: 2px 10px 2px 10px;
	border: 1px yellow solid;
	border-radius: 5px;
}
footer {
    padding-top: 30px;
	color: white;
	font-size: 1.2em;
    text-align: center;
}
footer a {
	color: #F5A42C;
	text-decoration: none;
}
footer a:hover {
	color: red;
	text-decoration: none;
}
footer a:selected {
	color: red;
	text-decoration: none;
}
footer a:focus {
	color: red;
	text-decoration: none;
}
footer address {
	font-size: 1em;
	margin-bottom: 0px;
}

/* Les logos et images  */
@media all and (max-width: 768px) {
	.titre_page {
		font-family:'Lobster', cursive,"Times New roman",Arial,sans-serif;
		margin-top: 0.6em;
		color: #F5A42C;
		text-shadow: 5px 5px 2px black;
		font-size:2.5em;
	}
}
@media all and (max-width: 992px) {
	#image_footer {
		display:none;
	}
}
@media all and (min-width: 1200px) and (max-width: 1580px) {
	#homepage {
		background: url('images/home_camion_testMini.png') fixed no-repeat center right, url('images/casque_harleyMini.png') fixed no-repeat center left;
	}
	#presentationpage {
		background: url('images/harley2Mini.png') fixed no-repeat center right, url('images/harleyMini.png') fixed no-repeat center left;
	}
	#membre_texte {
	 	padding: 10px 30px 15px 50px;
	}
}
@media screen and (min-width: 1580px) {
	#homepage {
		background: url('images/home_camion.png') fixed no-repeat center right, url('images/casque_harley.png') fixed no-repeat center left;
	}
	#presentationpage {
		background: url('images/harley2.png') fixed no-repeat center right, url('images/harley.png') fixed no-repeat center left;
	}
	#espacepersopage {
		background: url('images/moto_transparence.png') fixed no-repeat center right, url('images/silhouette_pompier.png') fixed no-repeat center left;
	}
	#photopage {
		background-image: url('images/camion_photo.png');
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-position: 0px 245px;
		background: url('images/pellicule.png') fixed no-repeat center right,url('images/camion_photo.png') fixed no-repeat center left;
	}
	#forumpage {
		background: url('images/route66.png') fixed no-repeat center left, url('images/logo139forum.png') fixed no-repeat center right, url('images/bouche.png') fixed no-repeat bottom right;
	}
	#forumprivepage {
		background: url('images/crane_pompier.png') fixed no-repeat center left, url('images/logo139forum.png') fixed no-repeat center right, url('images/bouche.png') fixed no-repeat bottom right;
	}
	#forumbistropage {
		background: url('images/biere.png') fixed no-repeat center left, url('images/logo139forum.png') fixed no-repeat center right, url('images/bouche.png') fixed no-repeat bottom right;
	}
	#annoncepage {
		background: url('images/moto4.gif') fixed no-repeat bottom right, url('images/moteur.jpg') fixed no-repeat center left;
	}
}

#image_footer img {
	margin-bottom: 50px;
}
#bouche_logo {
	margin-top: 500px;
}
#route66logo {
	margin-top: 200px;
}
#harley_logo {
	margin-top: 200px;
}
#harley_logo2 {
	margin-top: 200px;
}
#camion_accueil {
	margin-top: 200px;
}

/* La page d'accueil  */

.page_accueil {
	position: relative;
}
#chapitre_1 {
	position: absolute;
	top:-280px;
}
#home_nouvelle {
	height: 20px;
	font-family: 'Lobster Two','LobsterTwoBoldItalic',cursive,"Times New roman",Arial,sans-serif;
	font-size: 1.2em;
	color: grey;/*#F4950E;*/
}
.plage_nouvelle {
	height:30px;
	margin-bottom: 30px;
}
.apparition {
	display:none;
}
.citation_home {
	font-size: 2.2em;
	font-family: 'Lobster Two','LobsterTwoItalic',cursive,"Times New roman",Arial,sans-serif;
	color:red;
}
.logo_page_accueil img {
	margin-top: 30px;
	margin-bottom: 20px;
}
.menu_page_accueil a {
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: none;
	font-size: 1.4em;
}
.haut_de_page {
	padding-top: 50px;
	color: white;
	font-size: 1.2em;
}
#historiqueMC h2 {
	font-family: 'Lobster Two','LobsterTwoItalic', cursive,"Times New roman",Arial,sans-serif;
	font-size: 2.2em;
	color: #F5A42C;
}
#historiqueMC {
	font-family: georgia,"Times New roman",Arial,sans-serif;
	font-size: 1em;
	padding-top:50px;
	margin-bottom: 50px;
}
.historiqueMC {
	padding-top: 1.6em;
	padding-bottom: 1.6em;
	border-radius: 5px;
	background: url('images/moto0.png') center;
	font-weight: bold;
	font-size: 1.1em;
}
#historiqueWF h2 {
	font-family: 'Lobster Two','LobsterTwoItalic',cursive,"Times New roman",Arial,sans-serif;
	font-size: 2.2em;
	color: #F5A42C;
}
#historiqueWF {
	padding-top:50px;
	font-family: Georgia;
}
.historiqueWF {
	padding-top: 1.6em;
	padding-bottom: 1.6em;
	border-radius: 5px;
	background: url('images/historiqueWF_fond.png') center;
	font-weight: bold;
	font-size: 1.1em;
}
.liste_chapter {
	margin-top: 1em;
	margin-bottom: 1em;
}
.titre_texte {
	margin-top: 50px;
	font-size: 13.0em;
	text-align: center;
}
.contenu_texte {
	margin-top: 10px;
	font-size: 1.2em;
}
.lettre_1 {
	font-size: 1.3em; 
	font-style: bold;
}
#last_menu_page_principale {
    margin-top:30px;
}

/* La page de présentation  */

#membre_texte h2 {
	font-family: 'TitrePolice', 'Lobster Two',cursive,"Times New roman",Arial,sans-serif;
	font-size: 2.2em;
	color: #aa6338;
}
#membre_texte {
	margin: 0px auto 30px auto;
	padding: 0px 0px 10px 30px;
	color: #7e492a;
	font-size: 1.3em;
	font-family: Georgia;
}
#membre_liste {
	background: url('images/road2.jpg') bottom;
	padding: 2em;
	border-radius: 5px;
}
.membre_div  {
	margin-top: 20px;
}
.plaque_presentation {
	text-align:center;
	border: 3px white solid;
	border-radius: 5px;
	margin-top: 10%;
	padding-bottom: 10px;
	background-color: #2d551c;
}
.img-membre {
	border:4px #2d551c solid;
}
.membre_titre {
	color:white;
	font-size: 1.5em;
	font-style: bold;
	margin-top: 10%;
}
.membre_nom {
	color: #A4968B;
	font-size: 1em;
	font-style: bold;
}
.logo_presentation img {
	margin-top: 30px;
	margin-bottom: 20px;
}

/* La galerie photos  */

.photo_accueil_well img {
	display: block;
	margin: auto;
}
.photo_accueil_well {
	display: flex;
	color: #F7FFFC;
	background-color: #395559;
	margin-bottom: 10px;
	border: 2px white solid;
	border-radius: 5px;
	margin: auto;
	height: 120px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.span_event_title {
	margin-left: 20px;
	font-family: "Times New Roman",cursive,Arial,sans-serif;
	font-size: 1.4em;
}
.event_date {
	font-family: 'Lobster Two',cursive,Arial,sans-serif;
	font-size: 1.4em;
	font-style: bold; 
}
.event_title {
	font-family: "Times New Roman",cursive,Arial,sans-serif;
	font-size: 1.4em;
}
.style_event_photo {
	margin-top: 1.2em;
	margin-bottom: 3em; 
}
.style_event_photo .event_titre {
	margin-left: 10px;
	font-family: 'Lobster Two',cursive,"Times New roman",Arial,sans-serif;
	font-size: 2.2em;
	font-style: bold;
	color: #F5A42C;
}
.style_event_photo .event_text {
	color: #EBEBEB;
	background-color: #395559;
	font-family: Lora,"Times New Roman",cursive,Arial,sans-serif;
	font-size: 1.2em;
	font-style: bold;
	border: 2px #F7FFFC solid;
	border-radius: 5px;
	padding: 20px;
}
.photo_well a {
	display: block;
	margin: auto;
}
.photo_well {
	display: flex;
	height: 120px;
  	width: 120px;
	padding: 10px;
	margin: auto 10px 10px auto;
	background-color: #395559;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/* Espace perso  */

.espace_perso_accueil {
	border-radius: 5px;
	font-size: 1.2em;
	background-color: white;
	padding: 5px;
}
#espace_perso h3 {
	font-family: "Lobster Two",cursive;
	font-size: 2.2em;
	color: #F5A42C;
}
.texte_accueil {
	font-family: Anton,"Times New roman",cursive,Arial,sans-serif;
	font-size: 1.2em;
}
.espace_perso_stat {
	border: 5px white solid;
	border-radius: 25px;
	color: white;
	font-family: "Times New roman",Arial,sans-serif;
	font-size: 1.2em;
	text-align: center;
	background-color: #F34605;
	padding: 5px;
	margin-bottom: 1em;
}
.title_text_accueil {
	font-size: 2em;
}
#smiley_big {
	font-family: sans-serif;
	font-size: 8em;
	margin-top: 20px;
	margin-bottom: 20px;
}
.liste_destinataire {
	background-color: white;
	border-radius: 5px;
}
#espace_perso {
	padding-top: 20px;
}
.menu_espace_perso  {
	background-color: black;
	border: 1px black solid;
}
/* bleu:#2B7AB7 jaune:#F5A42C vert:#479532 orange:#F34605*/
.menu_espace_perso li a{
	text-decoration: none;
	font-style: bold;
	background-color: black;
	color: white;
}
.menu_espace_perso li.active a{
	border: 1px white solid;
	text-decoration: none;
	background-color: black;
	color: white;
}
.menu_espace_perso li.active a:focus {
	border: 1px white solid;
	background-color: black;
	color: white;
}
.menu_espace_perso li a:focus {
	border: 1px white solid;
	background-color: black;
	color: white;
}
.menu_espace_perso li.active a:selected {
	border: 1px black solid;
	background-color: black;
	color: white;
}
.menu_espace_perso li.active a:hover {
	border: 1px #F5A42C solid;
	background-color: black;
	color: white;
	text-decoration: none;
}
.menu_espace_perso li a:hover {
	border: 1px #F5A42C solid;
	text-decoration: none;
	color: white; /*#F34605;*/
	background-color: black;
}
#mp {
	font-family: Verdana, Arial,Geogia,sans-serif;
}
#data_perso  {
	font-family: Verdana, Arial,Geogia,sans-serif;
}
#photos_139 {
	font-family: Arial,sans-serif;
}
#comptes {
	font-family: Verdana, Arial,Geogia,sans-serif;
}
#documents {
	font-family: Verdana, Arial,Geogia,sans-serif;
}
#annonce {
	font-family: Verdana, Arial,Geogia,sans-serif;
}
.message_contenu {
	min-height: 180px;
}
.photo139_border {
	min-height: 150px;
	border: 1px black solid;
}
.photo139_border img {
	display: block;
	margin: auto;
}
.titre_photo139 {
	min-height: 2em;
	text-align: center;
	color: white;
	font-style: bold;
}
/* La partie rédaction message privé */

#entete_message_prive {
	font-family: "Lobster Two",cursive;
	font-size: 2.2em;
	color: #F5A42C;
}

/* La partie forum  */

.forumTitreSujet  {
	font-family: Lora,Arial,sans-serif;
	font-style: bold 700;
	font-size: 1.2em;
}
.forumTitreSujetSuite {
	font-family: Arial, sans-serif;
	font-style: italic;
	font-size: 0.9em;
}
.forumLastPost {
	font-family: Lora,Arial,sans-serif;
	font-style: bold;
	font-size: 1.1em;
}
.forumLastPostDate {
	font-family: Arial, sans-serif;
	font-style: italic;
	font-size: 0.9em;
}
.ancre_prive {
	position: relative;
}
#ancre_prive {
	position: absolute;
	top: -70px;
}
.ancre_general {
	position: relative;
}
#ancre_general {
	position: absolute;
	top: -70px;
}
.ancre_bistro {
	position: relative;
}
#ancre_bistro {
	position: absolute;
	top: -70px;
}
.forum_pair {
	background-color: #CFE3EF;
}
.forum_impair {
	background-color: #F4F4F4;
}
.sujetContentStyle {
	font-family: Lora,Arial,sans-serif;
	display:block;
	height:90%;
	min-height: 145px;
	font-size: 1.1em;
	margin-bottom: 1em;
}
.style_author {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	font-style: bold;
}
.date_forum_style {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
}
.motoStyle {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	display:block;
	min-height: 1.6em;
	padding-top: 3px;
	border-top: 1px white solid;
	font-size: 1em;
}
.repContent {
	font-family: Lora,Arial,sans-serif;
	display:block;
	height:90%;
	min-height: 125px;
	margin-bottom: 1em;
	font-size: 1.1em;
}
.sujetTitle  {
	font-family: "Lora",Arial,sans-serif;
	font-size: 1.3em;
}
.forum_ligne_separatrice {
	background-color: silver;
}
.font_style_title {
	font-family: "Lora",Arial,sans-serif;
	font-size: 1.2em;
}
.font_style_input {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
}
.font_style_button_accueil {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	font-size: 1em;
}
.font_style_button {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	font-size: 1.1em;
}
#sujetModal .modal-header {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	text-align: center;
	font-size: 1.2em;
}
#reponseModal .modal-header {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	text-align: center;
	font-size: 1.2em;
}
#reponseModal .modal-footer {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	text-align: center;
}
.admin_modal {
	text-align: center;
}
/* La partie petites annonces  */
.bouton_annonce {
	margin-bottom: 15px;
}
.bouton_annonce button {
	font-family: "Lobster Two",cursive,"Times New Roman",sans-serif;
	font-size: 1.2em;;
}
.bouton_annonce button:hover {
	border: 1px #F5A42C double;
}
#annonceModal .modal-header {
	font-family: Lora,Arial,sans-serif;
	font-size: 1.3em;
	background-color: #F4F4F4;
}
#annonceModal .modal-body {
	font-family: Lora,Arial,sans-serif;
	font-size: 1em;
	background-color: #F4F4F4;
}
.conteneur_annonce {
	display: flex;
	margin-bottom: 10px;
	background-color: #395559;/*#C18B7D*/
	min-height: 145px;
	border: 2px white solid;
	border-radius: 5px;
}
.annonce_prix {
	margin-top: 3px;
	font-family: Arial;
	color: #F7FFFC;
}
.annonce_titre {
	font-family: Verdana,arial,sans-serif;
	color: #F7FFFC;
	margin-top: 10px;
	margin-bottom: 20px;
}
.date_post {
	font-family: Verdana,arial,sans-serif;
	color: #F7FFFC;
}
.annonce_texte {
	font-size: 1.2em;
	font-family: "Trebuchet MS","Times New Roman",arial,sans-serif;
}
.sold_bold {
	font-size: 1.2em;
	font-style: bold;
}
.annonce_divers {
	font-family: Verdana,arial,sans-serif;
}
.annonce_well img {
	display: block;
	margin: auto;
}
.annonce_well {
	display: flex;
	margin: auto;
	height: 120px;
	width: 120px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/* La partie mentions_legales #7e492a #aa6338*/

.mentions_legales {
	font-size: 1.3em;
	font-family: "Times New Roman",arial,"Trebuchet MS",sans-serif;
	color: #aa6338;
}

/* La partie administration  */

.administration {
	background-color: white;
	border-radius: 5px;
}
.tableCompte {
	max-height: 800px;
	overflow: scroll;
}
.content_site {
	background-color: white;
}
#moto_annonce_logo {
	margin-top: 150px;
}
#camion_photo {
	margin-top: 120px;
}
.bouton_nouvel_element {
	margin-top: 1.4em;
	margin-bottom: 1.4em;
}
.photo139_border_suppression {
	min-height: 200px;
	border: 1px black double;
}
.photo139_border_suppression img {
	display: block;
	margin: auto;
}
.menu_admin_annonce {
	margin: 1.6em 0em 1.6em 0em;
}
.menu_admin_user {
	margin: 1.6em 0em 1.6em 0em;
}
.marginMessageAdmin {
	margin: 50px auto 35px auto;
}
.marginCategorie {
	margin-bottom: 10px;
}
.titre_pdf {
	font-size: 1.2em;
}
.smiley {
	margin-bottom: 0.5em;
}

/* Page ERREUR */
#errorPanel {
    padding-top: 30px;
    padding-bottom: 10px;
}