/* rencontre ronde mobile - rencontre-ronde-mobile.css */
body {margin:5px 0;background-color:#eeffad;font-family:Arial,Helvetica,sans-serif;}
h1 {margin:3px auto;padding:1px;text-align:center;font-size:22px;font-weight:700;color:#9966CC;text-decoration:none;}
h2 {margin:3px auto;padding:1px;text-align:center;font-size:17px;color:#9966CC;text-decoration:none;}
h3 {margin:3px auto;padding:1px;text-align:center;font-size:14px;color:#9966CC;text-decoration:none;}
a:link, a:visited, a:hover, a:active {color: #000;}
#rencontre-ronde-0 {margin:0 auto; padding:3px; text-align:center;}
#rencontre-ronde-1 {margin:0 auto; padding:0;text-align:center;background-color:#9966CC;}
#rencontre-ronde-2 {margin:3px auto;text-align:center;font-size:12px;color:#9966CC;text-decoration:none;}
#rencontre-ronde-profil {margin:3px auto;padding:4px;text-align:left;font-size:14px;color:#9966cc;text-decoration:none;border-left: 2px dotted #9966cc;}
#rencontre-ronde-ctn1 {margin:1px auto;padding:6px 3px;text-align:center;background-color:#000;border:none;}
#rencontre-ronde-ctn2 {margin-left:auto; margin-right:auto; padding:0; background-color:#f8f9fa;}
#rencontre-ronde-login {margin:3px auto; padding:0; text-align:center; width:310px;}
#rencontre-ronde-register {margin:3px auto; padding:0; text-align:center; width:480px;}

.search-select {margin:3px;padding:3px;background-color:#fff;text-align:center;font-size:15px;color:#000;border:none;}
.search-btn {padding:2px 16px;background-color:#9966cc;border:none;cursor: pointer;color:#fff;font-size:15px;font-weight:bold;border:none;}
.photo {
width: 100%;
max-width:150px;
height: auto;
border: 3px solid #9966cc;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px; }
hr{margin:5px auto;text-align:center;width:300px;border-top: 2px solid #9966cc;}
/* =Nav
/* navigation */
.topnav {
  background-color: #9966cc;
  overflow: hidden;
}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
.topnav a.active {
  background-color: #449D44;
  color: white;
}
.topnav .icon {
  display: none;
}

/* newBtn 2024  */
.rdeBtn1 {
	background-color:#9966cc;
	border-radius:30px;
	border:2px solid #000;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:24px;
	padding:14px 60px;
	text-decoration:none;
}
.rdeBtn2 {
	background-color:#9966cc;
	border-radius:30px;
	border:2px solid #000;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:18px;
	padding:14px 60px;
	text-decoration:none;
}
.rdeBtn1:hover, .rdeBtn2:hover {
	color:#ffff80;
}
.rdeBtn1:active, .rdeBtn2:hover {
	position:relative;
	top:1px;
}
/* sharethis */
.sharethis-inline-share-buttons {margin:9px auto;text-align:center;}

/* mediaScreen */
@media all and (max-width: 700px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}