@charset 'UTF-8';
@import url("https://www.vivasexe.com/css/font-awesome.min.css");
/* @import url("https://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800");*/
@import url("https://fonts.googleapis.com/css?family=Lobster");
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap");

/*
	Verti by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background-color:		#ffffff;
		background-size:		100% 30em,														auto;
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	body,input,select,textarea
	{
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;


	}

	a
	{
		color: #800080;
		text-decoration: underline;
	}

		a:hover
		{
			text-decoration: none;
		}

	h1, h2, h3, h4, h5, h6
	{
		font-family: 'Nunito', sans-serif;
		color: #444;
		font-weight: 800;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
		outline: 0;
	}

	b, strong
	{
		font-weight: 600;
		color: #444;
	}

	i, em
	{
		font-style: italic;
	}

	br.clear
	{
		clear: both;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr
	{
		border: 0;
		border-top: solid 1px #eee;
	}

	blockquote
	{
		border-left: solid 0.5em #eee;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table
	{
		margin-bottom: 2em;
	}


	.c_bleu {
		color: #1C5C89;
	}
	.c_rouge {
		color: #FF0000;
	}
	.c_rose {
		color: #800080;
	}
	.c_orange {
		color: #F47800;
	}
	.c_noir {
		color: #222;
	}
	.c_gris {
		color: #777779;
	}
	.c_gris_clair {
		color: #bababb;
	}
	.c_vert {
		color:#00b33c;
	}
	.c_blanc {
		color:#FFF;
	}
	.c_11 {
		font-size:11px;
	}
	.c_12 {
		font-size:12px;
	}
	.c_13 {
		font-size:13px;
	}

	.c_16 {
		font-size:16px;
	}

	.c_18 {
		font-size:18px;
	}


	/* Section/Article */

		section,
		article
		{
			margin-bottom: 5em;
		}

			section > :last-child,
			article > :last-child
			{
				margin-bottom: 0;
			}

			section:last-child,
			article:last-child
			{
				margin-bottom: 0;
			}

		header
		{
			margin: 0 0 0.1em 0;
		}

			header h2, header h3
			{
				margin: 0 0 0.25em 0;
			}

			header p
			{
				margin: 0;
			}

		footer
		{
			margin: 2.5em 0 0 0;
		}

	/* Forms */
.checkboxes {
    margin-top: 2rem;
}

label.checkbox {
    margin-right: 1rem;
    padding-left: 3rem;
    position: relative;
		font-size: 1.2em;
}

label.checkbox input[type=checkbox]:checked ~ span {
    color: #FFFFFF;
    background: #e91e63 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;
    border: 2px solid #a9083f
}
label.checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    color: #444;
}
label.checkbox span {
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 2em;
    height: 2em;
    background-color: #d4d7dc;
    border: 2px solid #d4d7dc;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
		#frmsearch label{
			display:inline;
		}

		form
		{
		}

			form label
			{
				display: block;
				font-weight: 800;
				margin: 0 0 1em 0;
				font-size: 0.8em;
				color: #444;
			}

			form input[type="text"],
			form input[type="tel"],
			form input[type="email"],
			form input[type="password"],
			form select,
			form textarea
			{
				/*-webkit-appearance: none;*/
				display: block;
				width: 100%;
				border-radius: 8px;
				border: solid 1px #eee;
			}

				form input[type="text"]:focus,
				form input[type="email"]:focus,
				form input[type="tel"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus
				{
					border-color: #0090c5;
				}

			form input[type="text"],
			form input[type="email"],
			form input[type="tel"],
			form input[type="password"],
			form select
			{
				line-height: 3em;
				padding: 0.8em;
			}

			form textarea
			{
				min-height: 9em;
				padding: 1em;
			}

			form .formerize-placeholder
			{
				color: #555 !important;
			}

			form ::-webkit-input-placeholder
			{
				color: #555 !important;
			}

			form :-moz-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-placeholder
			{
				color: #555 !important;
			}

			form :-ms-input-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-focus-inner
			{
				border: 0;
			}

	/* Tables */

		table
		{
			width: 100%;
		}

			table.default
			{
				width: 100%;
			}

				table.default tr
				{
					border-top: solid 1px #eee;
				}

					table.default tr:first-child
					{
						border-top: 0;
					}

				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
				}

				table.default th
				{
					text-align: left;
					padding: 0.5em 1em 0.5em 1em;
					font-weight: 800;
					margin: 0 0 1em 0;
				}

				table.default thead
				{
					background: #404248;
					color: #fff;
				}

				table.default tfoot
				{
				}

				table.default tbody
				{
				}

	/* Image */

		.image
		{
			display: inline-block;
			outline: 0;
		}

			.image img
			{
				display: block;
				width: 100%;
				border-radius: 8px;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}

			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2.5em 0;
			}

			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}

			.image.centered
			{
				display: block;
				margin: 0 0 2.5em 0;
			}

				.image.centered img
				{
					margin: 0 auto;

					width: auto;
				}

	/* Button */


	@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Koulen&family=Lato&family=Nunito&family=Playfair+Display:ital@1&family=Prata&family=Raleway:ital,wght@1,100&family=Roboto&family=Roboto+Condensed&family=Teko&display=swap');
	#city-list{display:inline;line-height:45px;padding-bottom:1em;}
	.btn-city{
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #ffffff;
	text-decoration:none;
	padding: 10px 20px;
	border: solid #000000 2px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	border-radius: 45px;
	align-items: center;
	cursor: pointer;
	}


.btnmoncompte {
    padding: 0.3em 1.5em;
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    background:#FFC107;
    text-decoration: none;
    outline: 0;
    border: 0;
    cursor: pointer;
    border-radius: 3px;
    color: #3E2E50;
	font-weight:600;
	padding-bottom: 5px;
}


.button_vert {
    padding: 0.3em 1.5em;
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    background: #21BC10;
    text-decoration: none;
    outline: 0;
    border: 0;
    cursor: pointer;
    border-radius: 3px;
    color: #FFFFFF;
    font-weight: 600;
	width:80%;
}

		.button_tel
		{
			font-size: 1.35em;
    		padding: 0.6em 1.5em;
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			background: #fff;
			color: #800080;
			text-decoration: none;
			border-radius: 6px;
			font-weight: 800;
			outline: 0;
			border: solid 1px;
			cursor: pointer;
			line-height: 1em;
		}
		.button_tel i
		{
			font-size: 0.5em;
			font-weight: normal;
			font-style:normal;
		}
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			background: #800080;
			color: #fff;
			text-decoration: none;
			border-radius: 6px;
			font-weight: 800;
			outline: 0;
			border: 0;
			cursor: pointer;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background: #D57ED5;
			}

			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background: #D57ED5;
			}

			.button.icon
			{
			}

				.button.icon:before
				{
					position: relative;
				}

			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background: #f1f1f1;
				background: rgba(0,0,0,0.05);
				color: #444;
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background: #e8e8e8;
					background: rgba(0,0,0,0.085);
				}

				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background: #e4e4e4;
					background: rgba(0,0,0,0.15);
				}


		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.petit-button
		{
			font-size: 1.1em;
  			padding: 0.5em 0.8em;
			margin-top:1em;
			min-width:200px;
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			background: #800080;
			color: #fff;
			text-decoration: none;
			border-radius: 6px;
			font-weight: 300;
			outline: 0;
			border: 0;
			cursor: pointer;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.petit-button:hover
		{
			background: #D57ED5;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		.petit-button:active
		{
			background: #D57ED5;
		}

		.petit-button.icon
		{
		}

		.petit-button.icon:before
		{
			position: relative;
		}


		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.very-small-button
		{
			font-size: 1.1em;
  			padding: 0.1em 0.2em 0em 1em;
			margin-top:1em;
			min-width:200px;
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			background: #800080;
			color: #fff;
			text-decoration: none;
			border-radius: 6px;
			font-weight: 300;
			outline: 0;
			border: 0;
			cursor: pointer;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
		}

		.very-small-button-inactive
		{
			font-size: 1.1em;
  			padding: 0.1em 0.2em 0em 1em;
			margin-top:1em;
			min-width:200px;
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			background: #CCCCCC;
			color: #fff;
			text-decoration: none;
			border-radius: 6px;
			font-weight: 300;
			outline: 0;
			border: 0;
			cursor: pointer;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.very-small-button:hover
		{
			background: #D57ED5;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		.very-small-button:active
		{
			background: #D57ED5;
		}

		.very-small-button.icon
		{
		}

		.very-small-button.icon:before
		{
			position: relative;
		}

	/* List */

		ul
		{
		}

			ul.default
			{
				list-style: disc;
				padding-left: 1em;
			}

				ul.default li
				{
					padding-left: 0.5em;
				}

			ul.actions
			{
			}

				ul.actions li
				{
					display: inline-block;
					padding: 0 0 0 0.25em;
					margin: 0 0 0 0.25em;
				}

					ul.actions li:first-child
					{
						margin-left: 0;
						padding-left: 0;
					}

			ul.menu li
			{
				border-left: solid 1px #e0e0e0;
				display: inline-block;
				padding: 0 0 0 0.75em;
				margin: 0 0 0 0.75em;
			}

				ul.menu li:first-child
				{
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

		ol
		{
		}

			ol.default
			{
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li
				{
					padding-left: 0.25em;
				}

	/* Box */

		.box
		{
			background: #fff;
			border-radius: 6px;
			box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.015);
			box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.05);
		}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/*********************************************************************************/
/* Widgets                                                                       */
/*********************************************************************************/

	.widget
	{
	}

		.widget.links
		{
		}

		.widget.thumbnails
		{
		}

			.widget.thumbnails .grid
			{
				margin-bottom: 2.5em;
			}

		.widget.contact
		{
		}

			.widget.contact ul
			{
				overflow: hidden;
				position: relative;
				left: -4px;
				top: 4px;
				margin-bottom: 1.5em;
			}

				.widget.contact ul li
				{
					display: inline-block;
					margin-right: 0.25em;
				}

					.widget.contact ul li a
					{
						display: inline-block;
						width: 2.5em;
						height: 2.5em;
						text-align: center;
						line-height: 2.5em;
						border-radius: 0.35em;
						outline: 0;
						opacity: 0.75;
						text-decoration: none;
						background: #222222;
						-moz-transition: background-color .25s ease-in-out;
						-webkit-transition: background-color .25s ease-in-out;
						-o-transition: background-color .25s ease-in-out;
						-ms-transition: background-color .25s ease-in-out;
						transition: background-color .25s ease-in-out;
					}

						.widget.contact ul li a:before
						{
							color: #f3f3f3;
							font-size: 1.75em;
							line-height: 1.5em;
						}

						.widget.contact ul li a:hover
						{
							background: #444444;
						}

						.widget.contact ul li a:active
						{
							background: #666666;
						}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
	#header-wrapper {
	   border-bottom: 1px solid #D57ED5;
	}
		
	#banner-wrapper
	{
	}

	#main-wrapper
	{
		background: #fff;
		box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.05);
	}

	#footer-wrapper
	{
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		overflow: hidden;
		background:url('../pix/logo-vivasexe.png') no-repeat center ;
		width: 176px;
		height: 50px;
		cursor:pointer;
	}

#presentation {
  position: absolute;
  right: 250px;
  top: 0;
  font-size: 0.9em;
  letter-spacing:-0.3px;
}

#slogan {
  color:#400040;
  font-size: 1em;

}
@media screen and (max-width: 767px) {
	#presentation{display:none;}
}

/*********************************************************************************/
/* searchzone                                                                        */
/*********************************************************************************/
#searchzone {
  /*background-color: #F0E6F0;
  border-radius: 0 0 5px 5px;*/
  margin: 0 auto 10px;
  padding: 10px 5px 10px 10px;
}

#frmsearch .input_search {
  width: 100%;
  border: 1px solid #cccccc;
  padding-left: 15px;
  float: left;
  margin-right: 10px;
  border-radius: 15px;
  line-height:1em;
}

#frmsearch .select_search {
	/*-webkit-appearance: none;*/
	display: block;
	width: 100%;
	border-radius: 15px;
	/*border: solid 1px #eee;*/
	border: solid 1px #CCCCCC;
	background-color:#f7f6f6;

}
.select_searchbox{
	display: block;
	width: 100%;
	border-radius: 15px;
	border: solid 1px #CCCCCC;
	background-color:#f7f6f6;
	height: 3em;
    appearance: none; /* Cache la flèche par défaut */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 2.5em 0 1em; /* Ajuste l’espace pour l'icône */
}
.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}
.select-wrapper::after {
    content: "\f107"; /* Code de l'icône FA pour une flèche vers le bas */
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none; /* Évite d'empêcher le clic sur le select */
    color: #666;
}
/*
.submitsearch {
  width: 100%;
  margin-top:-10px;
}
*/
#searchbutton {
  margin-top: 10px;
  padding: 7px 0 6px 0;
  width: 155px;
  text-align: center;
  float: right;
  background: #D57ED5;
  text-transform: uppercase;
  border: 0;
  border-radius: 15px;
  font-weight: bold;
  font-size: 1.2em;
  color: #FFF!important;
  cursor: pointer;
  bottom: 0;
  right: 0;
}
#searchbutton:hover {
    background: #800080;
}

/*********************************************************************************/
/* listing                                                                        */
/*********************************************************************************/
#onglets
{
width:100%;
padding:0;
}
.onglet_select {
  background-color: #D57ED5;
  color: #000000 !important;
  display: inline-block;
  height: 30px;
  width: 220px;
  text-align: center;
  border-top-right-radius: 5pt;
  border-top-left-radius: 5pt;
  text-decoration: none;
  vertical-align:middle;
}

.onglet_select2 {
  background-color: #CCCCCC;
  color: #000000 !important;
  display: inline-block;
  height: 30px;
  width: 220px;
  text-align: center;
  border-top-right-radius: 5pt;
  border-top-left-radius: 5pt;
  text-decoration: none;
  vertical-align:middle;
}

#cadre_annonce {
  width: 100%;
  min-heigh: 125px;
  background-color: #F5F5F5;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 2px solid #DCDCDC;
  cursor: pointer;
  padding-bottom:0.2em;
    float:left;
}

#cadre_annonce_premium {
  width: 100%;
  min-heigh: 125px;
  background-color: #F3E1F1;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 2px solid #DCDCDC;
  cursor: pointer;
  padding-bottom:0.2em;
    float:left;
}


.photo_listing {
  width: 25%;
  min-height: 90px;
  float:left;
  margin: 1em 0.8em 1em 0.5em;
  border-radius: 8px;
  overflow: hidden;
  max-height:140px;
  position: relative;
}

.nbr_photos {
    bottom: 0px;
    left: 0px;
    padding: 0px 5px;
    position: absolute;
    background: rgba(25, 25, 25, .5);
    color: #FFF;
    z-index: 10px;
	font-size:12px;
}

.descri_listing {
   /* display:block;*/
  line-height:1em;
    float:right;
	  width: 68%;
}

.annonces_actions {
float:left;
}

.titre_listing {
  /*display:block;*/
  font-family: Arial;
  font-size: 1em;
  line-height:1.2em;
  font-weight: bold;
  color: #000;
  margin-bottom:0px;
  margin-top:0.4em;
}
.rub_listing {
  padding-top: 5px;
  font-family: Arial, sans-serif;
  font-size: 0.9em;
  color: #000000;
  font-weight: normal;
  margin-bottom:0px;
}

.prix_listing {
  font-family: Arial;
  font-size: 1.2em;
  color: #000000;
  font-weight: normal;
  margin-bottom:0px;
  margin-top:0.2em;
}

.date_listing {
  width: 100%;
  font-family: Arial;
  font-size: 0.8em;
  text-align: right;
  font-weight: bold;
  padding-right:5px;
  margin-top:5px;
}

#pub_droite {
  padding:10px 5px 0 5px;
}

/*********************************************************************************/
/* annonce                                                                        */
/*********************************************************************************/
.annonce_prix {
  font-family: Arial;
  font-size: 1.2em;
  color: #000000;
  font-weight: bold;
}
.annonce_prix strong {
  font-weight: bold;
  color: #800080;
}

.annonce_descri_titre {
  font-family: Arial;
  font-size: 1em;
  color: #000000;
  font-weight: bold;
}

.annonces_bouttons {
  width:100%;
    display: block;
}



.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}


.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 100px;
  border-radius: 8px;
  overflow:hidden;
  max-height: 100px;
  position: relative;
}


.my-gallery figcaption {
  display: none;
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		margin-top: 0;
	}

		#footer a
		{
			color: inherit;
		}

	#copyright
	{
		color: #aaa;
	}

		#copyright a
		{
			color: inherit;
		}

#tagcloud li{ display: inline-block;	margin: 0 .3em .3em 0;	padding: 0;}
#tagcloud a { 	display: inline-block;
	height: 48px;
	line-height: 48px;
	padding: 0 1em;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s; }

#contact li{ text-align:left; font-weight:bold;}
.dialog-action{
	border-radius: 4px;
	border: solid 1px #B30000;
	margin-bottom:15px;
	/*padding-left:10px;*/
	text-align:center;
}
.dialog-action span{
	color:#B30000
}
.dialog-action-green{
	border-radius: 4px;
	border: solid 1px #339900;
	margin-bottom:15px;
	/*padding-left:10px;*/
	text-align:center;
}
.dialog-action-green span{
	color:#339900
}
.form_err{
	color:#CC0000;
	display:none;
	text-transform:uppercase;
}

.select_add {
	/*width: 100%;*/
	height: 32px;
	padding: 5px 4px 4px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 0.9em;
	color: #000000;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-right: 5px;
	vertical-align: top;
}
.line_add {
	margin-top:8px;
	margin-bottom:8px;
}



/*********************************************************************************/
/*  Disclaimer */
/*********************************************************************************/
#div_inline{

	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 10em;
	visibility: visible;
	z-index:3;
}

#filtre{

	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	BACKGROUND-COLOR: #000015 ;
	filter: alpha(opacity=90);
	opacity : 0.9;
	text-align: center;

	visibility: visible;
	z-index:1;

}

.disclaimer{
	width: 25em; height:235px;
	border-radius: 4px;
}



/*********************************************************************************/
/*  FANS */
/*********************************************************************************/
.card {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	border-radius: 5px; /* 5px rounded corners */
	position: relative;
  }
  
  /* On mouse-over, add a deeper shadow */
  .card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  /* Add some padding inside the card container */
  .card_container {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding-top: 40px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
	color: white;
	padding-left: 20px;
	padding-right: 20px;
  }		
			  
  .card_container p {		
	  margin: 0 0 5px 0;
	  font-size: 18px;
	  text-transform:uppercase;
	  font-weight:400;
	  font-stretch:extra-expanded;
  }
  
  .card-img-top {
	  width: 100%;
	  height: 15vw;
	  object-fit: cover;
  }
  
 /*********************************************************************************/
/*  TOP */
/*********************************************************************************/
.menutop-container {
overflow-x: auto; /* Permet le défilement horizontal */
white-space: nowrap;
scrollbar-width: none; /* Cache la scrollbar sur Firefox */
-ms-overflow-style: none; /* Cache la scrollbar sur IE/Edge */
}

.menutop-container::-webkit-scrollbar {
	display: none; /* Cache la scrollbar sur Chrome/Safari */
}

.menutop {
	display: flex;
	gap: 15px;
	padding: 10px;
}

.menutop a {
	font-family: 'Nunito', sans-serif;
	text-decoration: none;
	color: black;
	font-size: 14px;
	position: relative;
}

.menutop a:hover {
	font-weight: bold;
}

.menutop a:not(:last-child)::after {
	content: ".";
	margin-left: 15px;
	color: gray;
}


#user-buttons {
    position: absolute;
    top: 3px;
    right: 0px;	
    display: flex;
    gap: 20px;
}

.user-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 12px;
	font-family: 'Nunito', sans-serif;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: 5px; 
    transition: color 0.3s ease;
}
.user-btn i {
    font-size: 24px; 
}
.user-btn::after {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    background: #800080;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: width 0.3s ease, left 0.3s ease;
}
.user-btn:hover {
    color: #800080;
}
.user-btn:hover::after {
    width: 100%;
    left: 0;
}