@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');

.slogan
{
	position: absolute;
	margin-left: 50%;
	margin-top: 14%;
	color: #fff;
	text-shadow: 3px 4px 3px #000;
	font-size: 21px;
	max-width: 620px;
}

.nav-next
{
	text-align:center;
}

.error-page-nofound-title
{
	font-size: 123px;
	margin-top: 150px;
}

.error-page-subtitle
{
	font-size: 49px;
	font-weight: bold;
}

.pourcentage-profil
{
	width: 100%;
	text-align: center;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 6px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.englobe-galerry
{
	overflow:auto;
}

.photo-galerie
{
	width: 140px;
	height: 140px;
	float: left;
	margin-right: 5px;
}

.photo-galerie img
{
	width:100%;
	height:auto;
}

.englobe-galerie-profil
{
	overflow:auto;
	overflow-y:hidden;
}

.btn-delete-galerry
{
	position: absolute;
	width: 20px;
	height: 25px;
	background-color: #f00;
	padding-left: 9px;
	padding-top: 5px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.pourcentage-rempli
{
	width:0%;
	background-color:#e74c3c;
}

.selected
{
	background-color:#9b9b9b !important;
}

.textaddprofil
{
	position: absolute;
	font-size: 12px;
	width: 135px;
	text-align: center;
	padding-top: 54px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 2px 2px #514e4e;
}

.subscribe-mobile
{
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
	background-color: #e74c3c;
	display:none;
}

.search-mobile
{
	display:none;
}

.fullinput
{
	width: 95%;
	margin-left: 11px;
	margin-right: 11px;
	box-sizing: border-box;
	height: 35px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.fulllabel
{
	margin-left: 10px;
	font-weight: bold;
}

.btn-black
{
	background-color: #000;
	padding: 10px;
	border-radius: 16px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

/* Switch */

.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider_switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_switch:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  top: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider_switch {
  background-color: #E74C3C;
}

input:focus + .slider_switch {
  box-shadow: 0 0 1px #E74C3C;
}

input:checked + .slider_switch:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider_switch.round {
  border-radius: 34px;
}

.slider_switch.round:before {
  border-radius: 50%;
}

body
{
	margin:0;
	padding:0;
	font-family: 'Ubuntu', sans-serif;
}

table 
{
	border-collapse: collapse;
	width: 100%;
}

th, td
{
	text-align: left;
	padding: 8px;
	height: 30px;
}

tr:nth-child(even)
{
	background-color: #f2f2f2
}

th
{
	background-color: #07A4BD;
	color: white;
}

.item-btn-paid
{
	text-align: center;
	margin-top: 20px;
}

.infogeo
{
	background-color:#07a4bd;
	padding:15px;
	font-size:14px;
	margin-bottom:10px;
	border-radius:5px;
	color:#ffffff;
}

.inputsearchgeo
{
	width: 19%;
	float: left;
	margin-right: 1%;
	height: 35px;
	box-sizing: border-box;
	padding-left: 5px;
}

.searchitemgeo
{
	float: left;
	width: 19%;
	margin-right: 1%;
	box-sizing: border-box;
	padding-left: 5px;
	font-weight: bold;
	margin-bottom: 8px;
}

.result-item-link
{
	text-decoration: none;
	color:#000;
}

#result-ville
{
	margin-top: -11px;
	margin-bottom: 10px;
}

.result-item
{
	width: 100%;
	border: 1px solid #868585;
	padding: 5px;
	box-sizing: border-box;
	background-color:#d0d0d0;
	font-size: 13px;
}

.result-item:hover
{
	background-color:#e1e1e1;
}

.invoice-title
{
	background-color:#eef2f5;
	padding: 50px;
	box-sizing: border-box;
	text-align: center;
	font-size: 33px;
	font-weight: bold;
}

.invoice
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c2bfbf;
	padding-bottom: 20px;
	border-radius: 13px;
	overflow: hidden;
	box-shadow: 4px 4px 4px #dfdcdc;
}

.invoice-content
{
	padding: 25px;
}

.invoice-total
{
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 20px;
}

.minimun-space
{
	min-height: 100vh;
}

.item-user
{
	float: left;
	width: 136px;
	box-sizing: border-box;
	margin-right: 10px;
	margin-bottom: 10px;
}

.searchitem
{
	float: left;
	width: 16%;
	margin-right: 0.66%;
	box-sizing: border-box;
	padding-left: 5px;
	font-weight: bold;
	margin-bottom: 8px;
}

.result-box
{
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.inputsearch
{
	width: 16%;
	float: left;
	margin-right: 0.66%;
	height: 35px;
	box-sizing: border-box;
	padding-left: 5px;
}

.no-result
{
	width: 100%;
	padding-top: 150px;
	padding-bottom: 150px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}

.rtn-space
{
	margin-top: 20px;
}

.gray
{
	background-color: #aaa !important;
}

.gray:hover
{
	background-color: #6f6e6e !important;
}

/* Colonne Footer #3 */

.col3
{
	float: left;
	width: 32%;
	margin-right: 1.11%;
	box-sizing: border-box;
	text-align: center;
}

.col3 h3
{
	text-align:center;
	font-color:#ffffff !important;
}

.col3 ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.col3 ul a
{
	text-decoration:none;
	color:#ffffff;
	font-size: 13px;
}

.col3 a:hover
{
	border-bottom:1px solid #000000;
}

/* Colonne Footer #4 */
.col4
{
	float: left;
	width: 24%;
	margin-right: 1%;
	box-sizing: border-box;
	text-align: center;
}

.col4 h3
{
	text-align:center;
	font-color:#ffffff !important;
}

.col4 ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.col4 ul a
{
	text-decoration:none;
	color:#ffffff;
	font-size: 13px;
}

.col4 a:hover
{
	border-bottom:1px solid #000000;
}

/* Colonne Footer #5 */
.col5
{
	float: left;
	width: 19%;
	margin-right: 1%;
	box-sizing: border-box;
	text-align: center;
}

.col5 h3
{
	text-align:center;
	font-color:#ffffff !important;
}

.col5 ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.col5 ul a
{
	text-decoration:none;
	color:#ffffff;
	font-size: 13px;
}

.col5 a:hover
{
	border-bottom:1px solid #000000;
}

/* Colonne Footer #6 */
.col6
{
	float: left;
	width: 15%;
	margin-right: 1.6666%;
	box-sizing: border-box;
	text-align: center;
}

.col6 h3
{
	text-align:center;
	font-color:#ffffff !important;
}

.col6 ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.col6 ul a
{
	text-decoration:none;
	color:#ffffff;
	font-size: 13px;
}

.col6 a:hover
{
	border-bottom:1px solid #000000;
}

.user-connected-item
{
	position:absolute;
	margin-left: 2px;
	argin-top: 2px;
}

.user-connected-item img
{
	width:13px;
	height:13px;
}

.full
{
	width:100% !important;
}

.triangle-user
{
	display : inline-block;
	height : 0;
	width : 0;
	border-top: 9px solid transparent;
	border-right: 13px solid #f0f0f0;
	border-bottom: 9px solid transparent;
}

.user
{
	float:left !important;
}

.item-msg
{
	float: right;
	width: 89%;
	border: 1px solid #b7b3b3;
	padding: 11px;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow:auto;
	border-radius: 5px;
	background-color: #f0f0f0;
}

.menu
{
	float: right;
	margin-top: 47px;
	margin-right: 30px;
}

.menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu ul a
{
	color: #fff;
	text-decoration: none;
}

.menu ul li:hover
{
	border-bottom: 3px solid #e74c3c;
	padding-bottom: 9px;
}

.menu ul li
{
	float:left;
	padding-left: 20px;
	padding-right: 20px;
	transition-duration: 0.5s;
	border-bottom: 3px none;
	padding-bottom: 9px;
}

.roundphotouser
{
	width: 20px;
	position: absolute;
	margin-top: -1px;
	margin-left: -8px;
}

.roundphotouser img
{
	width:100%;
	height:auto;
	border-radius:10px;
}

.emoji
{
	position: relative;
}

.emoji img
{
	width:20px;
}

.new-msg
{
	background-color: #e74c3c;
	padding-left: 4px;
	padding-right: 5px;
	border-radius: 10px;
	color: #fff;
	font-size: 13px;
}

.prefooter
{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	overflow: auto;
	background-color: #e74c3c;
}

.item-msg-info
{
	float:left;
	width: 59%;
}

.item-msg-btn
{
	float: right;
	padding-top: 20px;
}

.item-msg-big-pseudo
{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-right: 3px;
}

.item-msg-date
{
	color: #8f8f8f;
	font-size: 12px;
}

.item-msg-pseudo
{
	font-weight: bold;
	font-size: 18px;
}

.item-msg-photo
{
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.item-msg-photo img
{
	width:100%;
	height:100%;
}

.valid-msg
{
	background-color: #2ad700;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 14px;
	color: #fff;
}

.error-msg
{
	background-color: #ff0000;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 14px;
	color: #fff;
}

.titleboximg
{
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	overflow: hidden;
}

.titleboximg img
{
	width:100%;
	height:100%;
}

.titleboxmsg
{
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.titlebox
{
	float:left;
}

.titlebox h1
{
	line-height:13px;
}

.top-profil-box
{
	overflow: auto;
	margin-top: 31px;
}

.last-connexion
{
	font-size: 11px;
	margin-top: 6px;
	color: #828282;
}

.info-profil
{
	float:left;
}

.communication-box
{
	float:right;
	margin-top: 11px;
}

.line-detail
{
	border-bottom: 1px solid #b9b9b9;
	overflow: auto;
	padding-bottom: 8px;
	padding-top: 8px;
}

.line-title
{
	float: left;
	margin-left: 12px;
	font-size: 13px;
	color: #939393;
}

.line-result
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin-right: 16px;
}

.photo-file
{
	width: 140px;
	height: 140px;
	position: absolute;
	opacity: 0;
}

.bas-profil-box
{
	margin-bottom: 31px;
}

.titleBorder
{
	border-bottom: 1px solid #acacac;
	padding-bottom: 10px;
}

.bigphoto
{
	width:210px !important;
	height:210px !important;
}

.pseudo-profil
{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}

.connected-info
{
	position: absolute;
	margin-left: 3px;
	margin-top: 0px;
}

.connected-info img
{
	width: 13px !important;
	height: 13px !important;
}

.photo-profil img
{
	width:140px;
	height:140px;
}

.footer
{
	width: 100%;
	text-align: center;
	background-color: #525252;
	padding: 10px;
	box-sizing: border-box;
	font-size: 11px;
	color: #fff;
}

.photo-profil
{
	float: left;
	width: 210px;
	margin-right: 16px;
}

.btn-upload
{
	margin-top:20px;
}

header
{
	height: 110px;
	background-color: rgba(0, 0, 0, 0.68);
	border-bottom: 2px solid #e74c3c;
	box-shadow: 4px 5px 10px rgba(0,0,0,0.5);
	position: relative;
}

.empty-result
{
	text-align: center;
	margin-top: 150px;
	margin-bottom: 150px;
	font-size: 26px;
	font-weight: bold;
}

.areabox
{
	width: 100%;
	margin-top: 10px;
	height: 117px;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 10px;
}

.side-photo
{
	float: left;
	width: 14%;
	margin-right: 6%;
}

.side-param
{
	float:left;
	width: 80%;
}

.itemmenu:first
{
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
}

.itemmenu
{
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	padding-top: 8px;
}

.itemmenu a
{
	text-decoration:none;
	color:#000000;
	font-size: 14px;
}

.usermenu
{
	position: absolute;
	margin-top: 16px;
	background-color: #fff;
	width: 177px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ddd;
	display: none;
	transition-duration: 0.5s;
	z-index: 1000;
}

.form-connect
{
	width: 450px;
	background-color: #e74c3c;
	padding: 18px;
	border-radius: 8px;
	color: #fff;
	margin-top: 20px;
}

.container
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	overflow: auto;
	margin-bottom: 20px;
}

.logo
{
	float: left;
	width: 208px;
	height: 80px;
	margin-top: 24px;
}

.logo img
{
	width: auto;
	height: 70px;
}

.connectbox
{
	float: right;
	padding-top: 39px;
}

.btn
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #e74c3c;
	padding-top: 9px;
	padding-bottom: 9px;
	border-radius: 17px;
	text-decoration: none;
	color: #fff;
	border:none;
	font-family: 'Ubuntu', sans-serif;
	cursor:pointer;
	font-size: 15px;
	transition-duration: 0.5s;
}

.separator-subscribe
{
	width:100%;
	height:13px;
}

.white
{
	background-color:#ffffff;
	color:#e74c3c;
}

.item-user-username
{
	width: 140px;
	font-size: 11px;
	position: absolute;
	margin-top:	-33px;
	padding-left: 5px;
	background-color:rgba(255,255,255,0.7);
	box-sizing: border-box;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	color:#000;
}

.unknow-result
{
	text-align: center;
	font-size: 25px;
	padding-top: 140px;
	padding-bottom: 140px;
}

.white:hover
{
	background-color:#e74c3c;
	color:#ffffff;
}

.btn:hover
{
	background-color:#c83e30;
}

.title-center
{
	text-align:center;
}

.members-box
{
	overflow:hidden;
	margin-top:20px;
	margin-bottom:20px;
}

.members-info
{
	position: absolute;
	margin-top: -32px;
	background-color: rgba(255,255,255,0.5);
	box-sizing: border-box;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
	font-weight: bold;
}

.members
{
	width: 140px;
	height: 140px;
	float: left;
	margin-right: 1.6666%;
}

.fullsize
{
	min-height: 100vh;
}

.members img
{
	width:100%;
	height:100%;
}

.slider
{
	width:100%;
}

.images-slider
{
	width:100%;
	height: 700px;
	overflow: hidden;
}

.images-slider img
{
	width:100%;
	height:auto;
}

.form-slider
{
	position: absolute;
	width: 100%;
	margin-top: 100px;
}

.form-subscribe
{
	width: 325px;
	background-color: #e74c3c;
	padding: 18px;
	border-radius: 8px;
	color: #fff;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
}

.inputbox
{
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	margin-top: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-family: 'Ubuntu', sans-serif;
}