/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* JUST INFIDELES */
body { font:13px/1.6 Roboto; color:#000; background:#151718; }
a { text-decoration:none; color:#a19378;}
a:hover, a:focus { color:#f0d79c; text-decoration:none; }
a:hover, a:active, a:visited, a:focus { outline:0; }

p { margin-bottom:25px; text-align:justify; }

strong { font-weight:bold; }

/*--------------------------------
@page : LANDING & HOMEPAGE
@file : landing.php
---------------------------------*/
#cookies-bar { border-top:1px solid #111; width:100%; background:#151718; color:#fae7bc; padding:10px; z-index:200; }
#cookies-bar p { margin:5px 0 0!important; font-size:14px!important; }
#cookies-bar .btn-gold { margin:0 30px 0 0; float:right;  }


#home-nav { background:#282b2d; border-top:1px solid #363b3e; border-top:1px solid #0d0b09; box-shadow:inset 0 -30px 30px #141516; min-height:67px; }
#logo{ float:left; margin-top:15px; width:190px; }

#home-wrapper { position:relative; overflow:hidden; background:url(../images/bg-home-2.jpg) no-repeat center 0; background-size:100% auto; }
@media(max-width:992px) {
	#home-wrapper { background-size:auto auto; }
}
#home-wrapper h1 { color:#000000; font:bold italic 20px/1.2 Times New Roman; text-align:center; margin-top:35px; margin-bottom:40px; }
#home-wrapper p { font:16px  Roboto Condensed; margin-bottom:35px; }
#home-wrapper .wrapper { padding:40px; margin:0 auto 100px; background:#1a1c1d; border-radius:3Px; color:#fff; max-width:400px; min-height:380px; }
#home-wrapper .step {
	font: 34px/1 Roboto Condensed;
	color: #d7bd7a;
	background: -webkit-linear-gradient(#e7d3ad, #d7bd7a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#home-wrapper .bottom {
	box-shadow:0 -1px 0 rgba(255,255,255,0.2), inset 0 2px 2px rgba(0,0,0,0.3);
	position:absolute; bottom:0; width:100%;
	background:url(../images/alpha-70.png) repeat 0 0;
	font:14px/1.4 Times New Roman; color:#fdeabc; 
	padding:6px 0;
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
#home-wrapper .big-label {
	font: 18px/1 Roboto Condensed;
	color: #d7bd7a;
	background: -webkit-linear-gradient(#e7d3ad, #d7bd7a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform:uppercase;
	margin-bottom:10px;
}
input:focus { box-shadow:0 0 10px #6f684e;  }
#home-wrapper input[type="email"], #home-wrapper input:-webkit-autofill, #home-wrapper input[type="text"], #home-wrapper input[type="password"] {
	width:100%;
	font: 18px/1 Roboto Condensed;
	background: #333637;
	border:1px solid #292c2e; border-bottom:1px solid #404445; border-right:1px solid #404445;
	padding:20px; 
	border-radius:5px;
	color:#ccc;
}
#home-login .checkbox label { text-transform:none; font-size:14px; font-weight:normal; }
#home-login label {
    color: #e4cfa3;
    font: 18px/1 Roboto Condensed;
    margin-bottom: 10px;
    margin-left: 5px;
    text-transform: uppercase;
}
#home-login input[type="text"], #home-login input[type="password"] {
	width:100%;
	font: 18px/1 Roboto Condensed;
	background: #333637;
	border:1px solid #292c2e; border-bottom:1px solid #404445; border-right:1px solid #404445;
	padding:20px; 
	border-radius:5px;
	color:#ccc;
}
#home-login .confirmation .title {
    color: #ddc58c;
    font: 20px/1 Times New Roman;
    margin-bottom: 20px;
    text-shadow: 2px 2px 2px #000;
    text-transform: uppercase;
}
#home-wrapper .form-group { margin-bottom:30px; }
#home-login .btn-golden, #home-wrapper input[type="submit"], .btn-golden {
	font: 30px/1 Roboto Condensed; text-transform:uppercase;
	width:100%; padding:12px; border-radius:5px; border:3px solid #293238; 
	background:url(../images/bg-golden.jpg) no-repeat center center; 
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
}
#home-login .btn-golden { color: #000; display: block; text-align: center;}
#home-login p { margin-bottom:80px; }

#home-login { margin-left: 0; margin-top:60px; }


.btn-golden { border:0; font-size:17px; text-transform:none; box-shadow:0 -1px 0 rgba(0, 0, 0, 0.2) inset; transition:all 0.3s linear;}
.btn-golden:hover { box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3), 0 0 20px #eed596 inset, 0 -1px 0 rgba(0, 0, 0, 0.3) inset; }


#tools-advertising { margin-top:40px; margin-bottom:40px; overflow:hidden;}
#tools-advertising img { max-width:100%; display:block; }
#tools-advertising > div { border-right:1px solid #000000; border-left:1px solid #212425; padding:0 14px; }
#tools-advertising > div:first-child { border-left:0; }
#tools-advertising > div:last-child { border-right:0; }
#tools-advertising p { font:14px Roboto Condensed; color:#6e6e6f;}


#bottom-informations { margin-bottom:60px; background:#0e0f10; color:#676868; border:1px solid #050606; border-right:1px solid #222527; border-bottom:1px solid #222527; padding:20px 20px 5px; border-radius:10px; }
#bottom-informations .row > div  { padding-left:10px; padding-right:10px; }
#bottom-informations .logo { display:block; margin:10px auto 30px; }

#advertising-mobile { margin-bottom:15px; height:50px; background:#0e0f10; padding-left:120px; color:#baa882; box-shadow:0 0 5px #000; position:relative; }
#advertising-mobile > img { position:absolute; left:0; top:-5px;}
#advertising-mobile li img { width:120px; }
#advertising-mobile p { float:left; text-transform:uppercase; padding:15px 40px 15px 0; margin:0; }
#advertising-mobile ul { padding-top:2px; }
#advertising-mobile li { float:left; border-radius:3px; margin-right:10px; color:#fff; background:#000; padding:0; }

#town-list{ padding:15px 15px 20px; background:#282b2d; color:#7d7661; text-align:center; border-top:1px solid #363b3e; border-bottom:1px solid #000; box-shadow:inset 0 -80px 80px #141516; min-height:67px; }
#town-list .title  {
	margin: 0 15px 15px; 
	text-align:center; 
	font: 20px/1 Times New Roman;
	color: #ddc58c;
	background: -webkit-linear-gradient(#e7d3ad, #d7bd7a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform:uppercase;
	margin-bottom:10px;
}
#town-list a { color:#7d7661; }
#town-list a:hover { color:#fae7bc; }

#footer-links { background:#0e0f10; padding:15px; text-align:right;color:#5d5e5e;  }
#footer-links a { color:#5d5e5e;  }
#footer-links a:hover { color:#ccc;  }
#footer-links ul { float:right; }
#footer-links ul li { float:left; margin-left:10px;}
#footer { background:#151718; color:#333333; padding:10px 0 50px;  }


#site-options { margin-top:50px; margin-bottom:20px; font:18px/20px Times New Roman; color:#e7d4a3; text-transform:uppercase; text-align:center; }
#site-options img { max-width:100%; display:block; margin:0 auto; }
#site-options > div:after { width:2px; height:120px; background:url(../images/option-border) no-repeat 0 0; position:absolute; left:0; top:0; content:''; display:block;  } 
#site-options > div:first-child:after { display:none; } 
#site-options > div { 
	position:relative;
	transition:all cubic-bezier(0,0.5,0.5,1) 0.5s ; 
	-webkit-transition:all cubic-bezier(0,0.5,0.5,1) 0.5s; 
	-ms-transition:all cubic-bezier(0,0.5,0.5,1) 0.5s; 
	margin-bottom:30px; 
	transform:translateY(-100px);
	-webkit-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	opacity:0;
}
:root  #site-options > div {
	transform:translateY(0)\0;
	-webkit-transform:translateY(0)\0;
	-ms-transform:translateY(0)\0;
	opacity:1\0;
}



/*--------------------------------
@page : HOMEPAGE
@file : index.php
---------------------------------*/
#home-top-links {float:left; margin:16px 0 16px 16px;  }
#home-top-links li { float:left; margin-right:10px; }
#home-top-links li a { 
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #282b2d;
	font:14px/1 Roboto Condensed; display:block; border-radius:3px; padding:10px 50px; border:1px solid #000; text-transform:uppercase; color:#a19378;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#141516',GradientType=0 ); 
}
#home-top-links li a:hover { color:#fae7bc; background: #282b2d; background-position:0 50px; }

#login-link { position:relative; margin:13px 0; padding:10px 30px 8px 20px; float:right; color:#a19378; }
#login-link:after { transition:all 0.3s linear; position:absolute; right:0; top:11px; width:13px; height:21px; background:url(../images/login-door.png) no-repeat 0 0 #a19378; content:''; display:block; background-size:cover;}
#login-link:hover { color:#fae7bc; }
#login-link:hover:after { background-color:#fae7bc; }


#home-form { margin-left:52%; margin-top:60px; }
#home-form select { z-index:3; position:relative; }
#home-form .customized-select { z-index:2; position:relative; }
#home-form .customized-select:after { 
	content:'\f0d7';
	display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto; 
	color:#fbdf9e;
	position:absolute; right:0; top:1px;
	z-index:1;
}
#home-form h1 { font:bold 30px/1 Times New Roman; color:#26292b; text-transform:uppercase; text-align:center;  }
#home-form h1 .small { font:23px/1 Times New Roman; color:#26292b; display:block; margin:0 0 1px; }
#home-form h1 .small span { position:relative; }
#home-form h1 .small span:before { display:block; content:''; position:absolute; height:1px; width:20px; background:#26292b; left:-30px; top:13px; }
#home-form h1 .small span:after { display:block; content:''; position:absolute; height:1px; width:20px; background:#26292b; right:-30px; top:13px; }
#home-form .baseline { color:#c4b58e; margin-bottom:30px; font:italic 20px/1.2 Times New Roman; text-align:center; }
#home-form .small { margin-top:10px; color:#6e6e6f;  font:14px/1.2 Roboto Condensed;  text-align:center;}
#home-form .wrapper { padding-bottom:25px; }
#home-form p { color:#fae7bc; font:18px/1.2 Roboto Condensed; text-align:left; margin-bottom:20px; text-transform:uppercase; }
#home-form .form-group { margin-bottom:10px; }
#home-form .form-group:after { clear:both; content:''; display:table; } 
#home-form .label { color:#fae7bc; font:16px/1.6 Times New Roman; float:left; text-align:right; width:105px; padding-right:10px; }
#home-form .select { 
	position:relative; 
	float:left;
	width:180px;
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #282b2d;
	font:14px/1 Roboto Condensed; display:block; border-radius:3px; border:1px solid #000; text-transform:uppercase; color:#a19378;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#141516',GradientType=0 ); 
}
#home-form .select:hover { cursor:pointer; color:#fae7bc; background: #282b2d; background-position:0 50px; }
#home-form .select div { margin-left:33px; padding:10px; border-left:1px solid #000; box-shadow:inset 1px 0 0 #363b3e; } 
#home-form .select div i { position:absolute; right:10px; top:11px; color:#fbdf9e; } 
#home-form .select img { float:left; margin:7px; width:20px; } 
#home-form .select .man { width:20px; } 
#home-form .select .woman { width:14px; margin:6px 10px; } 

.hasCustomSelect:hover { cursor:pointer; }
.custom-select select { left:0; top:0; width:100%!important; height:35px!important;}


#home-form button[type="submit"] {
	margin-top:20px;
	font: 30px/1 Roboto Condensed; text-transform:uppercase;
	width:100%; padding:12px; border-radius:5px; border:3px solid #293238; 
	background:url(../images/bg-golden.jpg) no-repeat center center; 
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
	transition:all 0.3s linear;
}
#home-form button[type="submit"]:hover { box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3), 0 0 100px #eed596 inset; }
hr {border:0; box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.6); height:1px; }
#home-form #facebook-subscriber {
	margin-bottom:8px;
	display:block;
	font: 20px/1 Roboto Condensed; text-transform:uppercase;
	width:100%; padding:12px; border-radius:5px; border:3px solid #293238; 
	background:#065293;  color:#fff;
	text-align:center;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	transition:all 0.3s linear;
}
#home-form #facebook-subscriber:hover {
	background:#054072;  
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}

#home-form #facebook-info {color:#959281; text-align:center; }





#bottom-big-links li { margin-bottom:15px; }
#bottom-big-links a { 
	transition:background-color 0.4s linear;
	display:block;
	padding:19px 20px 19px 120px;
	position:relative; 
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #282b2d;
	font:17px/1.1 Roboto Condensed; display:block; border-radius:3px; border:1px solid #000; text-transform:uppercase; color:#e5d0a7;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#141516',GradientType=0 ); 

}
#bottom-big-links a img { position:absolute; left:10px; top:0; }
#bottom-big-links a .picto-expert {left:18px; }
#bottom-big-links a .picto-email {top:20px; }
#bottom-big-links a:hover {color:#fae7bc; background: #282b2d; background-position:0 50px;}


#scroll-down { cursor:pointer; color:#1a1c1d; position:absolute; bottom:60px; width:100%; text-align:center; line-height:1; left:0; }
#scroll-down i { transition:all cubic-bezier(0,0.5,0.5,1) 0.5s; -webkit-transition:all cubic-bezier(0,0.5,0.5,1) 0.5s; animation:1s bounce infinite; -webkit-animation:1s bounce infinite; }

@keyframes bounce {
	0% { transform: translateY(0); }
	50% { transform: translateY(-30px); }
	100% { transform: translateY(0); }
}
@-webkit-keyframes bounce {
	0% { transform: translateY(0); }
	50% { transform: translateY(-30px); }
	100% { transform: translateY(0); }
}


#scroll-down strong { display:block; }


#interviews  { margin-bottom:40px; }
#interviews .title  { margin-bottom:20px; color:#ddc58c; font:20px/1 Times New Roman; text-transform:uppercase; text-align:center; text-shadow:2px 2px 2px #000;}
#interviews .picture { float:left; border-radius:4px 4px 0 0; overflow:hidden;  }
#interviews .picture img { display:block; }
#interviews .picture div { color:#747065; padding:5px 10px; background:#141516; border-left:1px solid #2c2d2e; border-radius:0 0 4px 4px  }
#interviews p { text-align:left; font:16px/1.2 Times New Roman; color:#dfe0e0; margin-left:170px; background:url(../images/quote-top.png) no-repeat 0 0, url(../images/quote-bottom.png) no-repeat right bottom; padding:20px 28px 10px 40px; margin-bottom:0;}
#interviews .col-md-6 > div { margin-bottom:20px; }
#interviews .col-md-6 > div { overflow:hidden; border-radius:5px; padding:10px; background:#272a2c; box-shadow: inset 1px 1px 3px #000; border-bottom:1px solid #2e3234; border-right:1px solid #2e3234; }

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
#home-register .wrapper { box-shadow:inset 90px 0 70px #111; overflow:hidden; padding:0; width:980px; margin:135px auto 130px; max-width:none; position:relative; }
#home-register .wrapper:after { position:absolute; display:block; content:''; right:0; top:0; width:230px; height:100%; background:url(../images/register-shadow.png) repeat-y right 0; background-size:100% auto; z-index:2000; }
#home-register #register-summary { float:left; width:220px; padding:40px 20px 20px; }
#home-register #register-summary .title { font:18px/1 Roboto Condensed; color:#393a3b; text-transform:uppercase; }
#home-register #register-summary ul { color:#fdebc1; margin-top:20px;}
#home-register #register-summary ul li { margin-bottom:5px; }
#home-register #register-summary ul li i { font-size:16px; width:20px; text-align:center; }

#home-register  input[type="email"], #home-register input[type="text"], #home-register input[type="password"] { font-size:16px; }

#home-register #register { overflow:hidden; margin-left:220px;  padding:40px 0 20px; }
#home-register #register form { overflow:hidden; } 
#home-register #register p { margin-left:40px; } 
#home-register #register input { line-height:24px; }
#home-register #register input:focus { box-shadow:0 0 10px #4f4837; border:1px solid #e4cfa3; outline:none; }
#home-register #register .step { color:#e4cfa3; margin-left:5px;  }
#home-register #register .step-title { 
	font: 18px/1 Roboto Condensed;
	color: #e4cfa3;
	background: -webkit-linear-gradient(#e7d3ad, #d7bd7a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform:uppercase;
	margin-bottom:10px;
	margin-left:5px;
}
#home-register #register #steps { overflow:hidden; position:relative; width:5000px;
	transition:all 0.5s cubic-bezier(.48,.03,.48,.98);
	-ms-transition:all 0.5s cubic-bezier(.48,.03,.48,.98);
	-webkit-transition:all 0.5s cubic-bezier(.48,.03,.48,.98);
}
#home-register #register #steps li { float:left; width:520px; min-height:230px; padding:20px 30px 60px;	border-left:1px solid #000; box-shadow:1px 0 0 rgba(255,255,255,0.1) inset; }
#home-register .step-input { position:relative; }
#home-register .step-input input { background:#333637; color:#ccc; box-shadow:inset 2px 2px 4px rgba(0,0,0,0.5); border-radius:5px; padding:20px; width:100%; height:65px; border:1px solid #292c2e; border-bottom:1px solid #3e4143;  }
#home-register .step-input .btn-next-step { 
	cursor:pointer;
	border-radius:5px; background:url(../images/register-step-next.png) no-repeat center 0; width:50px; height:50px; text-align:center; padding-top:13px; 
	position:absolute; top:8px; right:8px;
	font:18px/1.2 Roboto Condensed; color:#000;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.6), 1px 1px 2px rgba(0,0,0,0.5);
	text-shadow:1px 1px 0 rgba(255,255,255,0.6);
	opacity:0.7; transition:all 0.2s linear; 
}
#home-register .step-input .btn-next-step:hover { opacity:1; } 
#home-register .error { display:none; margin-top:10px; background:#ae5757; color:#570a0a; padding:10px; border-radius:4px; border:1px solid #f55c5c; } 

#home-register .container { 
	width:100%;
	font: 18px/1 Roboto Condensed;
	background: #333637;
	border:1px solid #292c2e; border-bottom:1px solid #404445; border-right:1px solid #404445;
	padding:8px; 
	border-radius:5px;
	color:#ccc;
} 
#home-register .container > div { float:left; margin-right:10px; position:relative; } 
#home-register .container > div.select-wrapper {  width:383px; }
#home-register .container > div { 
	position:relative; 
	width:120px;
	float:left;
	padding:17px 25px 17px 14px;
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #282b2d;
	font:14px/1 Roboto Condensed; display:block; border-radius:3px; border:1px solid #000; text-transform:uppercase; color:#a19378;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#141516',GradientType=0 ); 
}
#home-register .container > div:hover { cursor:pointer; background: #282b2d; background-position:0 50px; }
#home-register .container > div select { width:100%!important; height:48px!important; min-width:100px; left:0; top:0; z-index:200; } 
#home-register .container > div:hover span { color:#fbdf9e; } 
#home-register .container > div i { position:absolute; right:10px; top:18px; color:#fbdf9e; } 
#home-register .last-step { display:none; } 
#home-register #statut { width:300px; }








/*--------------------------------
@page : INSIDE PAGES
@file : *.php
---------------------------------*/
#nav { background:#282b2d; border-top:1px solid #363b3e; border-bottom:1px solid #0d0b09; box-shadow:inset 0 -20px 30px #141516; height:50px; position:relative; z-index:100; }
#inside-nav { position:absolute; z-index:40; top:50px; background:#2b2c2c; height:120px; box-shadow:inset 0 0 10px #111; }
#page { background:#f4f2ed; padding:20px 0; font-family:Roboto Condensed; border-top:1px solid #fff; }
#logo-small { float:left; margin-top:12px; }

#header-icon-links {float:left; margin:5px 0 5px 50px;  }
#header-icon-links li { float:left; margin-right:4px; }
#header-icon-links li a { 
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #282b2d;
	font:14px/1 Roboto Condensed; display:block; border-radius:3px; padding:10px 0; text-align:center; width:40px; border:1px solid #000; text-transform:uppercase; color:#a19378;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#141516',GradientType=0 ); 
}
#header-icon-links li a:hover { color:#fae7bc; background: #282b2d; background-position:0 50px; }
#header-icon-links .active { color: #fae7bc; }

#user-menu { float:right; margin-top:3px; margin-right:40px; }  
#user-menu a { display:block; }  
#user-menu .picture { margin-right:10px; position:relative; width:40px; height:40px;  display:inline-block; vertical-align:middle;}  
#user-menu .picture .pic { max-width:100%; width:40px; height:40px; border-radius:50px; overflow:hidden; }  
#user-menu .picture img { max-width:100%; }  

#header .dropdown-menu { background:#2b2c2c; }
#header .dropdown-menu:before { 
	display:block; top:-10px; left:47.5%;
	content:''; position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #2b2c2c transparent;
}
#header .dropdown-menu a { color:#a19378; font-size:13px; }
#header .dropdown-menu a:hover { background:#111; color:#f0d79c; }
#header .dropdown-menu .divider { background:#222; margin:7px 0; }
#header .dropdown-menu .state { display:inline-block; vertical-align:middle; position:relative; bottom:auto; right:auto;}

#header-icon-links .counter {
    background-color: rgb(229, 30, 51);
    bottom: 10px;
    font-size: 9px;
    padding: 2px 0;
    position: absolute;
    width: 13px;
	/*-moz-animation: badgeTwinkle infinite 0.5s ease-out;
	-webkit-animation: badgeTwinkle infinite 0.5s ease-out;
	animation: badgeTwinkle infinite 0.5s ease-out;*/
}
@-moz-keyframes badgeTwinkle {
	0% { opacity:1; }
	50% { opacity:0.5;  }
	100% { opacity:1;  }
}
@-webkit-keyframes badgeTwinkle {
	0% { opacity:1; }
	50% { opacity:0.5;  }
	100% { opacity:1;  }
}
@keyframes badgeTwinkle {
	0% { opacity:1; }
	50% { opacity:0.5;  }
	100% { opacity:1;  }
}
.state { position:absolute; bottom:1px; right:1px; display:block; border-radius:10px; width:10px; height:10px; background:url(../images/picto-state.png) no-repeat 0 0; background-size:cover;}
.connect .state { position:inherit; float:left; margin-top:5px; margin-right:5px; }
#unique-offer .new-members-list .state { position:absolute; bottom:16px; right:7px; display:block; border-radius:10px; width:12px; height:12px; background:url(../images/picto-state.png) no-repeat 0 0; }
.state.online { background-position:0 0; }
.state.busy { background-position:0 -17px; }
.state.offline { background-position:0 -33px; }
.state.online {
	-moz-animation: twinkle infinite 1s ease-out;
	-webkit-animation: twinkle infinite 1s ease-out;
	animation: twinkle infinite 1s ease-out;
}
@-moz-keyframes twinkle {
	0% { opacity:1;  }
	50% { opacity:0.8;  }
	100% { opacity:1; }
}
@-webkit-keyframes twinkle {
	0% { opacity:1;  }
	50% { opacity:0.8;  }
	100% { opacity:1; }
}
@keyframes twinkle {
	0% { opacity:1;  }
	50% { opacity:0.8;  }
	100% { opacity:1; }
}

#btn-exit { background:url(../images/btn-exit.png) no-repeat 0 0; height:30px; width:40px; position:absolute; right:0; top:10px; text-indent:-10000px; overflow:hidden; display:block; }
#btn-exit:hover { background-position:0 -30px;}

.tooltip .tooltip-inner { background:#1d2021; color:#fae7bc; border-left:1px solid #363b3e;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#1d2021;}

#btn-vip { border:2px solid #000; transition:all 0.4s cubic-bezier(0,.68,.57,1); float:right; margin:10px 40px 10px 10px; padding:2px 3px 2px 6px; letter-spacing:0.5px; font:bold 13px/1 Roboto Condensed; background:url(../images/btn-vip.png) no-repeat 0 0; border-radius:5px; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8); color:#000; text-shadow:1px 1px 0 rgba(255,255,255,0.3); }
#btn-vip span { margin-left:6px; vertical-align:text-bottom; background:#353737; border-radius:3px; display:inline-block; padding:4px 6px 2px; }
#btn-vip span img { display:block; }
#btn-vip:hover {  box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), inset 0 0 6px rgba(255,255,255,0.8); background-position:-90px 0; color:#333; }
#btn-vip:hover span { box-shadow:0 0 5px rgba(255,255,255,0.8); background:#000; }

.btn-gold {  transition:all 0.4s cubic-bezier(0,.68,.57,1); margin:5px 40px 5px 0; padding:8px 15px; display:inline-block; letter-spacing:0.5px; font:13px/1 Roboto Condensed; background:url(../images/btn-gold.png) no-repeat 0 0; border-radius:3px; box-shadow:1px 1px 0 rgba(255, 255, 255, 0.8) inset, 1px 1px 0 rgba(0, 0, 0, 0.2); color:#2b2c2c; text-shadow:1px 1px 0 rgba(255,255,255,0.3); border:0; } 
.btn-gold:hover { color:#111; background-position:-50px 0 ; }

#pane-add-photos .btn-gold { margin:0; }

#inside-nav ul { text-align:center; margin-top:18px; }
#inside-nav ul li { display:inline-block; }
#inside-nav a { display:block; width:120px; text-transform:uppercase;text-align:center; font:14px Roboto Condensed; }
#inside-nav a div {border-radius:100px; box-shadow:2px 2px 2px rgba(0,0,0,0.3); margin:0 auto 5px; display:block; width:60px; height:60px; background:url(../images/inside-top-nav-bg.png) no-repeat 0 0; padding-top:7px;}
#inside-nav a span { position:relative; transition:all 0.5s linear; box-shadow:inset 0 0 10px #000, inset 0 0 20px #000; display:inline-block; width:46px; height:45px; border-radius:100px; background:#7e6144;  padding-top:14px; }
#inside-nav a span:after { content:''; display:block; width:46px; height:46px; background:url(../images/inside-top-nav-lights.png) no-repeat center 0; position:absolute; top:0; left:0; }

#inside-nav a.home span { background-position:center 0px; }
#inside-nav .active a.home span, #inside-nav a.home:hover span, #inside-nav a.home.active span { background-color: #e74126; box-shadow:inset 0 0 10px #000, 0 0 3px #e74126; }
#inside-nav a.profil span { background-position:center -50px; }
#inside-nav a.profil.girl span { background-position:center -350px; }
#inside-nav a.profil.boy span { background-position:center -400px; }
#inside-nav .active a.profil span, #inside-nav a.profil:hover span, #inside-nav a.profil.active span { background-color:#e88500; box-shadow:inset 0 0 10px #000, 0 0 3px #e88500; }
#inside-nav a.search span { background-position:center -100px; }
#inside-nav .active a.search span, #inside-nav a.search:hover span, #inside-nav a.search.active span { background-color:#00bbff; box-shadow:inset 0 0 10px #000, 0 0 3px #00bbff; }
#inside-nav a.message span { background-position:center -150px; }
#inside-nav .active a.message span, #inside-nav a.message:hover span, #inside-nav a.message.active span { background-color:#f93554; box-shadow:inset 0 0 10px #000, 0 0 3px #f93554; }
#inside-nav a.agenda span { background-position:center -200px; }
#inside-nav .active a.agenda span, #inside-nav a.agenda:hover span, #inside-nav a.agenda.active span { background-color:#d9e32a; box-shadow:inset 0 0 10px #000, 0 0 3px #d9e32a; }
#inside-nav a.flash span { background-position:center -250px; }
#inside-nav .active a.flash span, #inside-nav a.flash:hover span, #inside-nav a.flash.active span { background-color:#ff5613; box-shadow:inset 0 0 10px #000, 0 0 3px #ff5613; }
#inside-nav a.gift span { background-position:center -300px; }
#inside-nav .active a.gift span, #inside-nav a.gift:hover span, #inside-nav a.gift.active span { background-color:#d237ff; box-shadow:inset 0 0 10px #000, 0 0 3px #d237ff; }

#inside-nav > .container > ul > li > a span { background-image:url(../images/top-nav-pictos.png); background-color:#7e6144;  }

#inside-nav .dropdown a { position:relative; z-index:20; }
#inside-nav .dropdown .dropdown-menu { display:block; transition:top 0.4s cubic-bezier(0,.68,.57,1); z-index:18; width:160px; overflow:hidden; border-radius: 0 0 30px 30px; left:50%; margin-left:-80px; background:#1e2122; padding:125px  0 30px; top:-320px; margin-top:-18px;  position:absolute; }
#inside-nav .dropdown .dropdown-menu a { transition:opacity 0.4s cubic-bezier(0,1.01,.02,1.02); opacity:0; }
#inside-nav .dropdown-menu:before { text-shadow:1px 1px 0 rgba(255,255,255,0.05); content:'\f0d7'; font-family:FontAwesome; position:absolute; border:0; display:block; position:relative; top:-20px; margin:0; }
#inside-nav .dropdown:hover .dropdown-menu { display:block; top:0; }
#inside-nav .dropdown:hover .dropdown-menu a { opacity:1; transition:opacity 0.4s cubic-bezier(1,.01,1,.4);  }
.dropdown-menu > li > a { white-space:normal; line-height:1!important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background:#111; }

.btn {
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #282b2d;
	font:14px/1 Roboto Condensed; display:inline-block; border-radius:3px; padding:6px 12px; text-align:center; box-shadow:none; border:1px solid #000; border-top:1px solid #363b3e; border-left:1px solid #363b3e; color:#a19378;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#141516',GradientType=0 ); 
}
.btn:hover { color:#fae7bc; background: #141516; background-position:0 -10px; }

.btn.btn-white {
	transition:all 0.2s linear; 
	box-shadow:0 10px 10px #fff inset, 1px 1px 0 #fff inset, 1px 1px 0 #dbd9d5;
	font:14px/1 Roboto Condensed; display:inline-block; border-radius:3px; text-align:center; border:1px solid #f4f2ed; color:#4c4434; text-shadow:1px 1px 0 #fff;
	background: #f4f2ed;
}
.btn.btn-white:hover { color:#a88e52; background: #fff; background-position:0 -10px; box-shadow:none; }

.btn-back span { display:block; padding:5px 12px 6px; background:#e2e1dd; font-size:13px; border-radius:3px; box-shadow:0 10px 10px #faf8f3 inset, 1px 1px 0 #cac8c6; color:#666666; }
.btn-back {  background:#e3e1dc; padding:3px; border:none; box-shadow:none;  }
.btn-back:hover {  background:#fff; padding:3px; border:none; box-shadow:none;  }

/* completion*/
.completion { margin:9px 0 7px; border-radius:20px; background:#f4f2ed; box-shadow:inset 1px 1px 0 #dbd7d0, 1px 1px 0 #dbd7d0; height:12px; width:130px; overflow:hidden; }
.black .completion { background:#151718; box-shadow:inset 1px 1px 0 #131415, 1px 1px 0 #3e4041;  }
.completion div { position:relative; margin:-6px 3px 0 3px; height:6px; border-radius:20px;  }
.completion div:first-child { margin-top:3px; overflow:hidden;}
.completion img { display:block; max-width:100%; }
.completion div > span { transition:all 1s cubic-bezier(.63,.01,.55,1.01);  position:absolute; right:0; top:0; background:#f4f2ed; display:block; height:6px; width:95%; }
.black  .completion div > span { background:#151718; }
.completion .glow { transition:all 1s cubic-bezier(.63,.01,.55,1.01); position:absolute; left:-7px; top:0; display:block; height:6px; width:6px; border-radius:20px; background:transparent; box-shadow:3px -1px 3px #dc2f3e, 1px 0 1px #dc2f3e, 3px 1px 3px #dc2f3e; }

.completed-100 div > span { width:0%; }
.completed-100 .glow { box-shadow:3px -1px 3px #8bd80e, 1px 0 1px #8bd80e, 3px 1px 3px #8bd80e; }
.completed-80 div > span { width:20%; }
.completed-80 .glow { box-shadow:3px -1px 3px #d0f103, 1px 0 1px #d0f103, 3px 1px 3px #d0f103; }
.completed-60 div > span { width:40%; }
.completed-60 .glow { box-shadow:3px -1px 3px #d3f203, 1px 0 1px #d3f203, 3px 1px 3px #d3f203; }
.completed-40 div > span { width:60%; }
.completed-40 .glow { box-shadow:3px -1px 3px #fdda18, 1px 0 1px #fdda18, 3px 1px 3px #fdda18; }
.completed-20 div > span { width:80%; }
.completed-20 .glow { box-shadow:3px -1px 3px #e87432, 1px 0 1px #e87432, 3px 1px 3px #e87432; }
.completed-0 div > span { width:95%; }
.completed-0 .glow { box-shadow:3px -1px 3px #dc2f3e, 1px 0 1px #dc2f3e, 3px 1px 3px #dc2f3e; }

.completion-sentence { margin-top:-5px; margin-bottom:10px; }


/* footer*/
#footer-separator { background:#151718; height:5px; }
#inside-bottom-informations { 
	padding:30px 0;
	border-top:1px solid #363b3e;
	border-bottom:1px solid #1e2021;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#141516',GradientType=0 ); 
}
#inside-bottom-informations #bottom-big-links { background:#0e0f10; box-shadow:inset 1px 1px 0 #000, 1px 1px 0 #222527; padding:15px; border-radius:8px; }
#inside-bottom-informations #bottom-big-links a { padding:30px 20px 30px 85px; }
#inside-bottom-informations #bottom-big-links a .picto-questions { left:14px; top:15px; }
#inside-bottom-informations #bottom-big-links a .picto-expert { left:14px; top:13px; }
#inside-bottom-informations #bottom-big-links a .picto-email { left:6px; top:24px; }
#inside-bottom-informations #bottom-big-links a:hover {color:#fae7bc; background: #282b2d; background-position:0 50px;}




/*--------------------------------
@page : DASHBOARD
@file : dashboard.php
---------------------------------*/
#dahsboard-user-info { height:130px; overflow:hidden; 	background:#2b2c2c; color:#fbe9be; padding:14px; border-radius:3px; margin-bottom:10px; }
#dahsboard-user-info .picture { position:relative; float:left; width:100px; height:100px; }
#dahsboard-user-info .picture .pic { width:100px; height:100px; border-radius:100px; overflow:hidden; }
#dahsboard-user-info .picture img { max-width:100%; display:block; }
#dahsboard-user-info .picture .state { right:8px; bottom:8px; }
#dahsboard-user-info .informations { margin-left:110px; }
#dahsboard-user-info .localisation { color:#b1a78f; }
#dahsboard-user-info .who { font-size:17px; line-height:1.1; }

#dahsboard-last-activity { overflow:hidden; 	height:130px; background:#2b2c2c; color:#fbe9be; padding:14px; border-radius:3px; margin-bottom:10px;}
#dahsboard-last-activity .arrow-box { font:16px/1.2 Times New Roman; text-shadow:0 0 1px rgba(0,0,0,0.5); background:#393b3b; float:left; margin:-14px; padding:44px 5px 0 22px; position:relative; height:130px; }
#dahsboard-last-activity .arrow-box:after { 
	position:absolute; 
	right:-30px;
	top:0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 65px 0 65px 30px;
	border-color: transparent transparent transparent #393b3b;
}
#dahsboard-last-activity .list { margin-left:170px; margin-top: -6px; overflow: hidden; }
#dahsboard-last-activity ul { float:left; width:60%; }
#dahsboard-last-activity ul:first-child { width:40%; }
#dahsboard-last-activity a { color:#fff; }
#dahsboard-last-activity a span { color:#dabf7a; font:20px/1 Times New Roman; }

.block {  color:#d7bc79; margin-bottom:10px; box-shadow:0 0 5px #e1dcd1;}
.block .head { color:#9f8950; position:relative; height:40px; box-shadow:inset 1px 1px 0 #ffffff, inset -1px -1px 0 #dbd9d5; border-radius:3px 3px 0 0; background:#f4f2ed; padding:10px 10px 0; }
.block .head .title { font:18px/1 Times New Roman; text-transform:uppercase; float:left; }
.block .head .title.small { font:16px/1.4 Times New Roman; }
.block .head ul.slider-nav { position:absolute; right:10px; bottom:0; border-radius:3px 3px 0 0; padding:4px 4Px 0; background:#fff; overflow:hidden;}
.block .head ul.slider-nav li { text-shadow:none; box-shadow:inset -1px -1px 0 #dbd9d5; cursor:pointer; float:left;  background:#f4f2ed; width:28px; height:28px; border-radius:2px; text-align:center; line-height:24px; color:#ccc; font-size:18px; }
.block .head ul.slider-nav li:first-child { margin-right:4px; }
.block .head ul.slider-nav li:hover { color:#000; background:#eee; }

.block .body { clear:both; border-radius:0 0 3px 3px; background:#fff; padding:10px; position:relative; }
.block .body:after { clear:both; content:''; display:table; }
.block .body .picture { margin-left:1px; position:relative; float:left; width:120px; height:120px; border-radius:4px; box-shadow:1px 1px 0 rgba(0,0,0,0.3); overflow:hidden; }
.block .body .picture img { max-width:100%; display:block; }
.block .body .picture .state { right:4px; bottom:4px; }
.block .body .informations { margin-left:130px;  }
.block .body .localisation { color:#b1a78f; }
.block .body .who { font-size:17px; line-height:1.1; color:#333; }
.block .body .completion-sentence { color:#958c77; }
#dashboard .block .body .btn { position:absolute; bottom:10px; }


.block.black .head { color:#d1c3a0; box-shadow:none; background:#393b3b; }
.block.black .head ul.slider-nav { background:#2b2c2c; }
.block.black .head ul.slider-nav li { box-shadow:none; background:#393b3b; color:#474c4c; }
.block.black .head ul.slider-nav li:hover { color:#fbe9be; background:#444; }

.block.black .body  { background:#2b2c2c; }
.block.black .body .localisation { color:#b1a78f; }
.block.black .body .who { color:#fff; }
.block.black .body .completion-sentence { color:#958c77; }


.block .body.profil-slider  { padding:8px; box-shadow:0 1px 0 rgba(0,0,0,0.2); }
.profil-slider .item { max-width:130px; margin:0; padding:5px; border-radius:3px; cursor:pointer; }
.profil-slider .item .picture { margin-bottom:5px; float:none; width:auto; height:auto; }
.profil-slider .item .picture img { display:block; max-width:100%; }
.profil-slider .item .informations { margin:0; line-height:1.1; }
.profil-slider .item .age { color:#000; }

.profil-slider .item:hover { background:#f4f2ed ; color:#fff; box-shadow:0 0 1px rgba(0,0,0,0.3); }

.block .more { font-size:14px; text-align:right; display:block; background:#cac6be; padding:7px 10px 6px; margin-top:-3px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); border-radius:0 0 3px 3px; color:#fff; }
.block .more:hover { background:#333; }


.ui-autocomplete { background:#fff; padding:10px; border-radius:0 0 3px 3px; border:1px solid #ccc;  } 

.white-block { background:#fff; padding:10px; border-radius:3px;  }
.white-block .title { font:26px/1 Times New Roman; text-transform:uppercase; color:#e5d3a7; color:#333; text-shadow:1px 1px 1px rgba(0,0,0,0.3); margin-bottom:15px;  }
.block .wrapper { border-radius:2Px; margin-bottom:10px; padding:15px; background:#f9f7f2; color:#010101; }

#search-block .range { margin-bottom:10px; padding-bottom:20px; position:relative; }
#search-block .range input { display:inline-block; font-weight:bold; width:auto; padding:0; background:none; border:none; text-align:center; width:40px; }
#search-block .range .slider-range { margin:10px 0; height:0; border:0; border-top:1px solid #d0d0d0; border-bottom:1px solid #fff;}

.range label { display:block; position:relative; padding-bottom:20px;}
.ui-slider input { width: 40px; }
.ui-slider-handle { width:100%; margin-left:-6px; }
.ui-slider-handle { display:block; position:absolute; top:-6px; cursor:pointer; width:12px; height:12px; background:#fff; border-radius:20px; border:1px solid #cfbc92; box-shadow:inset -2px -2px 2px #bea97a,inset -3px -3px 4px #e3ca92; }
.ui-slider-handle:hover {  border-color:#927e52; }
.ui-slider-bg { height:3px; background:#e4cb93; box-shadow:inset 0 1px 2px #bea97a; top:-1px; }
.ui-slider-track {
	height:3px;
	position:relative;
	clear:both;
    background-color: #e9e9e9;
    border-color: #ddd;
    color: #333;
    font-weight: 700;
    text-shadow: 0 1px 0 #eee;
	position:absolute; 
	width:100%;
	left:0;
	z-index:20;
}
.ui-rangeslider-sliders {
	position:relative;
	clear:both;
    background-color: #e9e9e9;
    border-color: #ddd;
    color: #333;
    font-weight: 700;
    text-shadow: 0 1px 0 #eee;
	position:absolute; 
	width:100%;
	left:0; bottom:10px;
}
.range .ui-slider-track { height:3px; }
.ui-slider .ui-slider-track { bottom:10px; }
#distance-slider .ui-slider { display:inline-block; }
#distance-slider .ui-slider .ui-slider-track { position:absolute; top:30px; width:100%; }
#search-block .btn-golden { margin-bottom:5px; }
#search-block .btn { display:block; }

#sondage-block p { margin-bottom:0; line-height:1.2; }
#sondage-block .title { margin-bottom:10px; }
#sondage-block .wrapper { margin:0; }
#sondage-block .btn { display:block; }

#search-block .selector { margin-bottom:10px; }
#search-block .select { 
	position:relative; 
	float:left;
	width:145px;
	font:14px/1 Roboto Condensed; display:block; border-radius:3px; color:#969494;
	border:1px solid #c3bfbf;
}
#search-block #select-search .select { width:auto; display:block; float:none; background:#eeebe2; border:0;  }
#search-block #select-search .customized-select { padding:6px; text-align:center; font-size:13px; border-radius:3px; }
#search-block #select-search .select:hover i { color:#fae7bc;  }
#search-block #select-search .select i { position:absolute; right:10px; top:6px; color:#969494; } 

#search-block .select:hover { cursor:pointer; color:#fae7bc!important; background: #282b2d; background-position:0 50px; }
#search-block .select:hover .customized-select { cursor:pointer; color:#fae7bc!important; background: #282b2d; background-position:0 50px; }
#search-block .select:hover i { color:#fae7bc;  }
#search-block .select div { margin-left:21px; padding:4px 5px 6px; } 
#search-block .select div i { border-left:1px solid #c3bfbf; width:20px; text-align:center; position:absolute; right:0px; top:6px; color:#969494; } 
#search-block .select img { float:left; margin:7px; width:20px; } 
#search-block .select .man { width:20px; } 
#search-block .select .woman { width:14px; margin:6px 10px; } 

.hasCustomSelect:hover { cursor:pointer; }
#search-block .custom-select select { height:25px!important;}

.selector { overflow:hidden; }
.selector label { float:left; color:#000; margin-right:5px; }
#selector-state { margin:0!important; border:0!important; position:absolute; top:6px; left:6px; display:block; width:13px; height:13px; background:url(../images/picto-state.png) no-repeat 0 20px; }
#selector-state.online { background-position:0 0; }
#selector-state.busy { background-position:0 -20px; }
#selector-state.offline { background-position:0 -40px; }





/*--------------------------------
@page : LISTING
@file : listing.php
---------------------------------*/
#listing .nb-results { color:#bea15e; margin:0 10px; position:relative; top:9px; background:#fff; float:left; margin-bottom:-15px; font-size:13px; border-radius:3px 3px 0 0; border-top:1px solid #e5e5e5; padding:0 10px; }
#listing .head .btn { font-size:13px; padding:4px 12px;}


#listing .body { padding:10px 25px 10px 30px; overflow:visible; border-radius:0; border-bottom:1px solid #dbd9d5; }
.member { position:relative; clear:both; border-top:1px solid #eee; padding:20px 0;}
.member:after { clear:both; display:table; content:'';}
.member > div:after { clear:both; display:table; content:'';}
.member:first-child { border-top:0; }
.member .picture { width:160px!important; height:160px!important; }
.member .informations { padding-right:10px; margin-left:180px!important; overflow:hidden; margin-right:120px; }
.member .who  { font-size:14px; }
.member .who strong  { font-size:17px; }
.member .who .state { position:relative; display:inline-block; }
.member .member-state { margin-left:10px; display:inline-block; }
.member .member-state.online {color:#74d15a; }
.member .member-state.busy {color:#9b4827; }
.member .member-state.offline {color:#555; }
.member .member-state .state.online { animation:none; }
.member .completion  { float:left; }
.member .completion-sentence  { float:left; color:#b1a78f; margin:5px 10px; }
.member .description  { padding:0 30px; background:url(../images/description-quote-top.png) no-repeat 0 0, url(../images/description-quote-bottom.png) no-repeat right bottom; clear:both; font:16px/1.2 Times New Roman; color:#666666;  }
.member .btn  { bottom:20px; }

.member .actions  { float:right; width:116px; background:#f4f2ed; padding:3px; border-radius:5px; }
.member .actions li  { float:left; }
.member .actions a  { transition:all 0.5s cubic-bezier(.03,.61,.51,.98); border:1px solid #ffffff; border-right:1px solid #e4e2de; border-bottom:1px solid #e4e2de; display:block; padding-top:15px; background:#f9f7f2; width:55px; height:51px; text-align:center; color:#bea15e; }
.member .actions a.active { border-color:rgba(0,0,0,0.1); background:url(../images/bg-note.png) no-repeat center center;  color:#8d7337; text-shadow:1px 1px 0 #fff; }
.member .actions a:hover  { text-shadow:none; border:1px solid #000; border-right:1px solid #333; border-bottom:1px solid #333; background:#2f2f2f; color:#fae7bc; box-shadow:inset 0 0 10px #000; }
.member .actions li.tl a  { border-radius: 4px 0 0 0; }
.member .actions li.tr a  { border-radius: 0 4px 0 0; }
.member .actions li.bl a { border-radius: 0 0 0 4px; }
.member .actions li.br a { border-radius: 0 0 4px 0; }


.head .pagination-nav { float:right; }

.pagination-nav { padding:0; position:relative; right:auto; }
.pagination-nav li { float:left;  border:1px solid #fff; border-bottom:1px solid #dbd9d5; border-right:1px solid #dbd9d5;  }
.pagination-nav li:first-child { border-radius:3px 0 0 3px;  }
.pagination-nav li:last-child { border-radius:0 3px 3px 0;  }
.pagination-nav li a { color:#bea15e; box-shadow:inset 0 10px 10px #fff; display:block; padding:0 7px; background:#f4f2ed; }
.pagination-nav li a:hover { color:#333; }
.pagination-nav li .dropdown-menu { padding:0; min-width:unset; text-align:center; }
.pagination-nav .active a { background: #f4f2ed !important;}
.pagination-nav li .dropdown-menu li { float:none; }


.pagination-btn { color:#bea15e; float:right; margin-left:3px; border-radius:3px; color:#bea15e; box-shadow:inset 0 10px 10px #fff; flaot:right; padding:0 7px; background:#f4f2ed; border:1px solid #ffffff; border-right:1px solid #dbd9d5; border-bottom:1px solid #dbd9d5; }
.pagination-btn:hover { color:#333;}

#chat-block .title {  float:left; margin-bottom:5px; }
#chat-block .dropdown { margin-top:30px; float:right; }
#chat-block .dropdown-menu > li > a { font-size:13px; }

#chat-list .pagination-nav{text-align:center;}
#chat-list .pagination-nav li{float: none;display: inline-block;}
#chat-list  { clear:both; border-radius:4px; position:relative; border:1px solid #dad8d1; padding-bottom:5px;}
#chat-list .chat-member  { position:relative; transition:all 0.3s cubic-bezier(.03,.61,.51,.98); display:block; overflow:hidden; padding:5px 15px 5px 5px; background:#eceae4; }
#chat-list .chat-member:nth-child(odd) { background:#e8e5df; }
#chat-list .chat-member .picture  { margin-top:-2Px; margin-bottom:-2Px; position:relative; float:left; }
#chat-list .chat-member .picture .pic {overflow:hidden; border-radius:50px; width:27px; height:27px; }
#chat-list .chat-member .picture .pic img { max-width:100%;  }
#chat-list .chat-member .picture .state { background:url(../images/picto-state-small.png); width:7px; height:7px; }
#chat-list .chat-member .picture .state.online { background-position:0 0; }
#chat-list .chat-member .picture .state.busy { background-position:0 -11px; }
#chat-list .chat-member .picture .state.offline { background-position:0 -23px; }
#chat-list .chat-member .name { line-height:22px; margin-left:10px; color:#151718; float:left; }
#chat-list .chat-member .name i { color:#bea15e; }
#chat-list .chat-member .age { float:right; color:#a99461; }
#chat-list .chat-member .dept { float:right; margin-left:5px; background:#fff; padding:0 3px; border-radius:2px; }

#chat-list .chat-active-members  { border-bottom:1px solid #dad8d1; }
#chat-list .chat-active-members .chat-member  { background:#f9f7f2; }
#chat-list .chat-active-members .chat-member:nth-child(odd) { background:#f4f2ed; }

#chat-list .chat-member:hover { cursor:pointer; background:#2F2F2F!important; color:#fff; }
#chat-list .chat-member:hover .name { color:#fff; }
#chat-list .chat-member:hover .dept { background:#111; color:#a99461; }

#chat-list .gotmessage { 
	display:inline-block;
    background: #ff0000;
	border-radius:20px;
    font-size: 11px;
	line-height:1;
    padding: 2px 0;
    width: 15px;
	color:#fff;
	margin: 0 5px;
	box-shadow:1px 1px 0 #999;
	text-align:center;
}

#listing > .row > .col-md-8 { width:69%; }
#listing > .row > .col-md-4 { width:31%; }

.block .foot { background:#f4f2ed; padding:10px; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,0.2); border-radius: 0 0 4px 4px; }
.block .foot .pagination-prev { float:left; }
.block .foot .pagination-next { float:right; }
.block .foot .pagination-nav { overflow:hidden; text-align:center; }
.block .foot .pagination-nav li { float:none; display:inline-block; }



/*--------------------------------
@page : LISTING THUMBS
@file : listing-thumb.php
---------------------------------*/
#listing #thumblist { padding:30px 10px 10px;}
#thumblist:after { clear:both; content:''; display:table;}
#thumblist .item { position:unset; float:left; width:33%; height:330px; margin-bottom:50px; padding:0 15px; clear:none; border:0; border-left:1px solid #eee; }
#thumblist .item:nth-child(4n+1) { border:0; }
#thumblist .item .who { margin-bottom:10px; }
#thumblist .item .picture { margin:0; float:none; box-shadow:none; border-radius:4px 4px 0 0; width:175px; height:175px; }
#thumblist .item .picture img { width:100%; }
#listing  #thumblist .item > .btn { height:auto; padding:6px 0; position:relative; bottom:auto; display:block; float:none; width:175px; border-radius :0 0 3px 3px; margin-bottom:2px; }
#thumblist .item .localisation { margin:0 0 5px 0; color:#c5b89a; }
#thumblist .item .informations { margin:0 0 10px 0; }
#thumblist .item .description { padding:0;  font-size:14px; background:none; color:#666666; }
#thumblist .item .actions { width:auto; display:block; float:none; clear:both;}
#thumblist .item .actions ul { position:unset;  }
#thumblist .item .actions ul:after { clear:both; content:''; display:table;}
#thumblist .item .actions li { width:33.3333%; }
#thumblist .item .actions a { width:auto; height:30px; padding-top:2px; }

#thumblist .item .actions  { background:#f4f2ed; padding:3px; border-radius:5px; }
#thumblist .item  li  { float:left; }
#thumblist .item a  { transition:all 0.5s cubic-bezier(.03,.61,.51,.98); border:1px solid #ffffff; border-right:1px solid #e4e2de; border-bottom:1px solid #e4e2de; display:block; padding-top:15px; background:#f9f7f2; width:55px; height:51px; text-align:center; color:#bea15e; }
#thumblist .item a.active { border-color:rgba(0,0,0,0.1); background:url(../images/bg-note.png) no-repeat center center;  color:#8d7337; text-shadow:1px 1px 0 #fff; }
#thumblist .item a:hover  { text-shadow:none; border:1px solid #000; border-right:1px solid #333; border-bottom:1px solid #333; background:#2f2f2f; color:#fae7bc; box-shadow:inset 0 0 10px #000; }
#thumblist .item li.tl a  { border-radius: 4px 0 0 0; }
#thumblist .item  .actions li.tr a  { border-radius: 0 4px 0 0; }
#thumblist .item  .actions li.bl a { border-radius: 0 0 0 4px; }
#thumblist .item  .actions li.br a { border-radius: 0 0 4px 0; }




/*--------------------------------
@page : CHAT
@file : footer.php
---------------------------------*/
#chat { z-index:2000; height:32px; position:fixed; bottom:-1px; right:0; }
#chat .window { position:relative; float:left; width:300px; min-height:32px;  margin-right:120px; }
#chat .window .window-wrapper { width:100%; position:absolute; bottom:0; min-height:32px; border-radius:10px 10px 0 0; box-shadow:-1px 0 0px rgba(184,179,159,0.4); }
#chat .bar {
	height:32px;
	cursor:pointer;
	position:relative;
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #2d2d2d;
	font:14px/1 Roboto Condensed; 
	border-radius:10px 10px 0 0; 
	padding:8px 12px 8px 30px; 
	box-shadow:none; 
	border:1px solid #000; border-top:1px solid #363b3e; border-left:1px solid #363b3e; 
	color:#ffffff;
	background: #2d2d2d;
	background: -moz-linear-gradient(top,  #2d2d2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #2d2d2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #2d2d2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #2d2d2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #2d2d2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#141516',GradientType=0 ); 
}
#chat .bar .state { position:absolute; left:8px; top:9px; }
#chat .bar .state:before { display:block; position:absolute; left:-4px; top:-4px; height:20px; width:20px; border-radius:50%; box-shadow:inset 2px 2px 2px #000, inset -1px -1px 0 rgba(255,255,255,0.2); content:''; }
#chat .bar .btns { position:absolute; top:8px; right:8px; }
#chat .bar .btns li { float:left; margin-left:5px; }
#chat .bar .btns li:first-child  a { opacity:0.5; }

#chat .head { display:none; height:95px; background:#1a1a1a; padding:8px; position:relative; font:13px/1.1 Roboto Condensed; }

#chat .informations { color:#151718; margin-left:95px; }
#chat .informations .name { color:#fff; font-size:16px; margin-top:4px; }
#chat .informations .asv { color:#9e9e9e; }
#chat .informations .dept { margin-left:2px; background:#fff; padding:0 3px; border-radius:3px; background:#1A1A1A; color:#a99461; box-shadow:inset 1px 1px 2px #111; border-bottom:1px solid #282828; border-right:1px solid #282828; }
#chat .informations ul { display:block; }
#chat .informations ul  li{ float:left; color:#a99461; }

#chat .picture { position:relative; z-index:200; float:left; overflow:hidden; }
#chat .picture .pic { border-radius:3px; overflow:hidden; width:80px; height:80px; }
#chat .picture .pic img { max-width:100%;  }
#chat .picture .state { background:url(../images/picto-state-small.png); width:7px; height:7px; }
#chat .picture .state.online { background-position:0 0; }
#chat .picture .state.busy { background-position:0 -11px; }
#chat .picture .state.offline { background-position:0 -23px; }

#chat .actions { clear:both;	position:absolute;	left:0; bottom:0; z-index:20; height:36px; }
#chat .actions .blank { width:95px; float:left; }
#chat .actions ul { float:left; width:255px;}
#chat .actions li { width:20%; float:left; }
#chat .actions li a { display:block; }
#chat .actions li a, #chat .actions .blank {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f9f7f2;
    border-color: #ffffff #e4e2de #ccc #ffffff;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #bea15e;
    display: block;
    height: 36px;
    padding-top: 9px;
    text-align: center;
    transition: all 0.5s cubic-bezier(0.03, 0.61, 0.51, 0.98) 0s;

	background: #2d2d2d;
	background: -moz-linear-gradient(top,  #2d2d2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #2d2d2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #2d2d2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #2d2d2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #2d2d2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#141516',GradientType=0 ); 
	
    border:1px solid #000; border-top:1px solid #363b3e; border-left:1px solid #363b3e; 
}
#chat .actions a.active { border-color:rgba(0,0,0,0.1); background:url(../images/bg-note.png) no-repeat center center;  color:#8d7337; text-shadow:1px 1px 0 #fff; }
#chat .actions a:hover  { text-shadow:none; border:1px solid #000; border-right:1px solid #333; border-bottom:1px solid #333; background:#2f2f2f; color:#fae7bc; box-shadow:inset 0 0 10px #000; }



#chat .body { height:324px; display:none; position:relative; background:#e8e5df; }
#chat .body .discuss {background:#2b2c2c; background:#f4f2ed; max-height:277px; overflow:auto; width:100%; position:absolute; bottom:47px; overflow:auto;  }
#chat .body .discuss .content { overflow:hidden; bottom:0; width:100%; padding:7px; font:14px/1.1 Roboto Condensed;  }
#chat .body .discuss .content > * { clear:both; margin-bottom:8px;}
#chat .body .discuss .content > *:after { clear:both; display:table; content:'';}
#chat .body .discuss .pic { float:left; width:27px; height:27px; overflow:hidden; border-radius:30px; }
#chat .body .discuss .pic img { max-width:100%; }
#chat .body .discuss .myself { float:right; }
#chat .body .discuss .myself .pic { float:right; }
#chat .body .discuss .bubble { border-radius:4px; padding:4px 6px; max-width:235px; position:relative; }
#chat .body .discuss .myself .bubble { margin-right:5px; float:right; background:#f4ecd9; /*box-shadow:inset 0 -10px 10px #dfd6c0, 1px 1px 1px #000;*/ border:1px solid #cbc5b9; border-top:1px solid #fff; border-left:1px solid #fff;  }
#chat .body .discuss .myself .bubble:before { content:''; position:absolute; background:url(../images/bubble-arrow.png) no-repeat -12px 0; display:block; height:10px; width:6px; right:-6px; top:5px; }
#chat .body .discuss .guest .bubble { margin-left:5px; float:left; background:#fff; /*box-shadow:inset 0 -10px 10px #efece7, 1px 1px 1px #000;*/ border:1px solid #ccc; border-top:1px solid #fff; border-left:1px solid #fff; }
#chat .body .discuss .guest .bubble:before { content:''; position:absolute; background:url(../images/bubble-arrow.png) no-repeat 0 0; display:block; height:10px; width:6px; left:-4px; top:5px; }

#chat .body .input  { background:#1a1a1a; padding:8px 11px; border-top:1px solid #393a3a; position:absolute; bottom:0; width:100%;  }
#chat .body .input input  {     
	background:#333637;
	border:1px solid #111;
    border-bottom: 1px solid #393a3a;
    border-right: 1px solid #393a3a;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
    font: 13px/1.1 Roboto Condensed;
    padding: 7px;
    width: 280px; 
	color:#fff;
}
#chat .body .input .btn-gold  { margin:0; }



#chat .window.active { width:350px;  }
#chat .window.active .window-wrapper { height:451px; }
#chat .window.active .head { display:block; }
#chat .window.active .body { display:block; }

#chat .window .subhead { border-bottom:1Px solid #ccc; padding:5px; font:12px/1.2 Roboto Condensed; }
#chat .window .subhead a { clear:both; display:block; }
#chat .window.gotnewmessage .bar {
	-moz-animation: gotnewmessage 4 0.6s ease-out;
	-webkit-animation: gotnewmessage 4 0.6s ease-out;
	animation: gotnewmessage 4 0.6s ease-out;
}
@-moz-keyframes gotnewmessage {
	0% { opacity:1; }
	50% { opacity:0.5; box-shadow:0 0 5px #333; }
	100% { opacity:1; box-shadow:0; }
}
@-webkit-keyframes gotnewmessage {
	0% { opacity:1; }
	50% { opacity:0.5; box-shadow:0 0 5px #333; }
	100% { opacity:1; box-shadow:0; }
}
@keyframes gotnewmessage {
	0% { opacity:1; }
	50% { opacity:0.5; box-shadow:0 0 5px #333; }
	100% { opacity:1; box-shadow:0; }
}
#chat-list .chat-member.unread {
	-moz-animation: messageunread 4 0.6s ease-out;
	-webkit-animation: messageunread 4 0.6s ease-out;
	animation: messageunread 4 0.6s ease-out;
}
@-moz-keyframes messageunread {
	0% { background:#eceae4; color:#151718; }
	50% { background:#e8e5df; color:#fff; }
	100% {background:#eceae4; color:#151718; }
}
@-webkit-keyframes messageunread {
	0% { background:#eceae4; color:#151718; }
	50% { background:#e8e5df; color:#fff; }
	100% {background:#eceae4; color:#151718; }
}
@keyframes messageunread {
	0% { background:#eceae4; color:#151718; }
	50% { background:#e8e5df; color:#fff; }
	100% {background:#eceae4; color:#151718; }
}






#box-vocal .title-msg { margin-bottom:15px; font:16px times new roman; color:#666; }
#box-vocal .time { margin-bottom:10px; }



/*--------------------------------
@page : SEARCH
@file : search.php
---------------------------------*/
#search { color:#333; padding:30px 25px 10px 30px;}
#search fieldset { border:1px solid #e9e0cb; padding:20px 30px; border-radius:5px; margin-bottom:10px; }
#search fieldset legend { width:auto; padding:0 5px; text-transform:uppercase; }
#search .range { padding:10px 0; border-radius:3px; /*background:#f9f7f2;*/ position:relative; margin-bottom:10px;}
#search .range input { width:39px; border:0; background:none; font-weight:bold; }
#search .range .ui-rangeslider-sliders { width:300px; background:none; height:10px; position:absolute; left:190px; top:22px; }
#search .range .ui-slider-track { background-color:#ddd; }
#search .btn-golden  { float:right; width:330px; }

.ui-multiselect-menu { margin-top:-1px; background:#2F2F2F; padding:0; }
.ui-multiselect-menu  .ui-widget-header{ background:#222; margin:0; padding:2px 4px; }
.ui-multiselect-menu li > label { padding:2px; }
.ui-multiselect-menu li > label.ui-state-hover { background:#222; }
.ui-multiselect-menu li > label > span { color:#fff; margin-left:6px; }
.ui-widget-header { overflow:hidden; }

.ui-multiselect-filter { float:left; color:#999; } 
.ui-multiselect-filter label { margin-right:10px; } 
.ui-multiselect-filter input { background:#666; border:0; border-radius:3px; padding:5px; font:13px/1.1 Roboto Condensed; } 

.ui-multiselect i { position:absolute; right:8px; top:8px; }
.ui-multiselect {
	position:relative;
	border-radius:3px; 
	font:13px/1.2 Roboto Condensed;
    background: none repeat scroll 0 0 #f4ecd9;
    border: 1px solid #cbc5b9;
    box-shadow: 0 -10px 10px #dfd6c0 inset;
	padding:6px 12px;
	
	background:#f9f7f2;
	border:1px solid #ddd;
	box-shadow:0 -10px 10px #edeae2 inset;
}
.ui-multiselect.ui-state-active {
	border-radius:3px 3px 0 0;
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #282b2d;
	box-shadow:none; border:1px solid #000; border-top:1px solid #363b3e; border-left:1px solid #363b3e; 
	background: #282b2d; color:#fae7bc;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#141516',GradientType=0 ); 
}

#search .inputs label { width:180px; text-align:right; margin-right:10px; }
#search .inputs select { display:none; }
#search select { width:300px;  }
#search .form-group { margin-bottom:10px; }
#search .form-control { font:13px/1.2 Roboto Condensed; padding:6px 12px; }

/*#search #geographic { border:0; background:#f9f7f2; }*/
#search #geographic label { margin-bottom:3px; }
#search #geographic select, #search #geographic input { width:100%; }
#search #geographic .form-group { position:relative; margin-right:20px; }
#search #geographic #map { width:109%; border-radius: 0 5px 5px 0; height:250px; margin:-28px 0 -18px }

/*#search #photographic { border:0; background:#f9f7f2; }*/
#search #photographic .range .ui-rangeslider-sliders { left:0; top:50px; width:100%; }

#search .actions { margin:20px 0 50px; }
#search #search_advanced_save { margin-top:40px; }

#saved-search-block .wrapper { clear:both; }

.legend { color: #b1a78f; font-family: times new roman; font-size: 17px; font-style: italic; font-weight: 300; line-height: 1.3;}








/*--------------------------------
@page : DETAILS
@file : details.php
---------------------------------*/

#details { position:relative; overflow:hidden; background:#fff; box-shadow:0 0 5px #e1dcd1; border-radius:3px; } 
#details #main  { margin-left:350px;  }
#details .head { color:#9f8950; position:relative; box-shadow:inset 1px 1px 0 #ffffff, inset -1px -1px 0 #dbd9d5; border-radius:3px 3px 0 0; background:#f4f2ed; padding:10px; }
#details .head ul { float:right; }
#details .head ul li { float:left; margin-left:5px; }
#details .head ul li a { font:12px Roboto Condensed; text-transform:uppercase; }
#details .body { position:relative; overflow:hidden; padding:25px 27px; box-shadow:-1px 0 0 rgba(0,0,0,0.1) }
#details .name { font:30px/1 Roboto; color:#000; }

#details .completion { float:left; }
#details .completion-sentence { margin-left:140px; margin-bottom:20px; margin-top:3px; color:#b1a78f; }

#details .top-description   { overflow:hidden; margin-bottom:40px;}
#details .top-description > div   { font-size:14px; line-height:1.2; position:relative; float:left; min-width:160px; padding-left:30px; }
#details .top-description i  { font-size:20px; position:absolute; left:0; }

#details #note  { position:absolute; right:20px; top:20px; padding-top:18px; text-align:center; background:url(../images/bg-note.png) no-repeat 0 0; width:140px; height:131px; }
#details #note .note { font:30px/1.1 Roboto Condensed; color:#423a2e; text-shadow:1px 1px 0 rgba(255,255,255,0.2); margin-bottom:4px; }
#details #note .stars { display:block; margin:0 auto;}
#details #note .votes { color:#827046; margin-bottom:6px; }

#details hr  { clear:both; border-bottom:1px solid #f7f7f7; box-shadow:none; }
#details .connect   { line-height:2; color:#9f9580; overflow:hidden; }
#details .connect.online   { color:#74d15a; }
#details .connect.busy   { color:#74d15a; }
#details .connect .btn   { float:right; font:13px Roboto Condensed; }

#details .description  { margin-bottom:20px; padding:0 80px; text-align:center; background:url(../images/description-quote-top.png) no-repeat 0 0, url(../images/description-quote-bottom.png) no-repeat right bottom; clear:both; font:italic 16px/1.2 Times New Roman; color:#666666;  }

#details .title  { padding-left:20px; margin-bottom:10px; font:24px/1.2 Times New Roman; color:#333; text-transform:uppercase; }

#details .table-wrapper  {  margin-left:-30px; margin-bottom:40px; margin-right:-30px; }
#details table  { width:100%; font-family:Roboto; }
#details #main table tr:nth-child(odd) td { background:#fbfaf9; }
#details #main table td { padding:8px 10px; color:#716d5a; }
#details #main table td:first-child { padding-left:50px; color:#222; }

#details .qa  { margin-bottom:30px; }
#details .qa .question  { font:bold italic 15px/1.2 Times New Roman; color:#333; margin-bottom:5px; }
#details .qa .answer  { font:13px/1.4 Roboto; background:#fbfaf9; border-radius:5px; color:#716d5a; padding:10px;  }

#bloc-note { height:210px; background:url(../images/bloc-note.png) no-repeat 25px 25px #fbfaf9; padding:20px 30px 30px 200px; box-shadow:-1px 0 0 rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.05)}
#bloc-note .title { color:#d6b977; padding:0; line-height:1; }
#bloc-note p { font:14px/1.4 Times New Roman; color:#64635e; margin-bottom:10px; }
#bloc-note textarea { font:italic 14px/30px Times New Roman; color:#666; background:url(../images/bloc-note-bg.png) no-repeat 20px 40px #fefefe; padding:15px 20px 20px; line-height:30px; margin-bottom:20px; height:120px; border-radius:5px;  width:100%; border:none;  }
#bloc-note .note { display:none; }

/* aside */
#details #aside  { float:left; width:350px; padding-bottom:35px; }
#details #diaporama { min-height:350px; position:relative; overflow:hidden; }
#details #diaporama .big { width:350px; height:350px; }
#details #diaporama ul { height:70px; width:2000px; }
#details #diaporama li { width:70px; float:left; position:relative; }
#details #diaporama li img { width:70px; }
#details #diaporama img { max-width:100%; display:block; }
#details #diaporama .prev { display:none; position:absolute; top:160px; left:0; background:rgba(255,255,255,0.3); border-radius:0 3px 3px 0; z-index:20; padding:10px; transition:all 0.3s linear; }
#details #diaporama .next { position:absolute; top:160px; right:0; background:rgba(255,255,255,0.3); border-radius:3px 0 0 3px; z-index:20; display:block; padding:10px; transition:all 0.3s linear; }
#details #diaporama .prev:hover, #details #diaporama .next:hover { background:rgba(255,255,255,0.8); color:#333; }

#details #diaporama li.active, #details #diaporama li:hover { width:76px; height:76px; margin:-3px; border:3px solid #fff;  box-shadow:0 0 2px rgba(0,0,0,0.5); cursor:pointer; z-index:190; }
#details #diaporama .private li.active, #details #diaporama .private li:hover { border:3px solid #222;  }
#details #diaporama .private { 
	color:#333; text-shadow:1px 1px 0 rgba(255,255,255,0.3); text-transform:uppercase; line-height:2;
	background: url("../images/bg-golden.jpg") repeat-y scroll center 0 rgba(0, 0, 0, 0);
    border-radius: 0 0 5px 5px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset, -1px -1px 0 rgba(0, 0, 0, 0.2) inset;
    padding: 0 0 6px;
}
#details #diaporama .private div { padding:5px 10px; font-size:10px; }
#details #diaporama .private div i { font-size:12px; }
#details #diaporama .private ul { box-shadow:0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.3); height:0; overflow:hidden; transition:all 0.6s cubic-bezier(0,.65,.33,1); }


#details #access-private { transition:all 0.5s linear; display:block; background:url(../images/private-key.png) no-repeat 40px 11px; font:13px/1.1 Roboto Condensed; text-transform:uppercase; color:#292929; padding:27px 0 25px 90px; }
#details #access-private:hover { background:url(../images/private-key.png) no-repeat 40px 11px #222; color:#fff; }
#details #access-private span { display:block; text-transform:none; color:#a19c92;}

#details .menu { padding:27px 17px; background:#fbfaf9; box-shadow:  0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.1) }
#details .menu li { margin-bottom:6px; }
#details .menu a { display:block; text-align:left; text-transform:uppercase; padding:9px 12px; }


#agenda .head { background:#fff; color:#bea15e; overflow:hidden; padding:45px 50px 10px; box-shadow:none; }
#agenda .title { float:left; color:#bea15e; font:18px/1 Times New Roman; padding:0;}
#agenda .head ul { margin-top:5px; }
#agenda .head ul li { float:left; margin:0; }
#agenda .head ul a { float:right; padding:5px 9px; background:#f4f2eb; border-radius: 0 3px 3px 0; box-shadow:inset 1px 1px 0 #fff, -1px -1px 0 #f4f2ed; text-shadow:1px 1px 0 #fff;  }
#agenda .head ul a.active, #agenda .head ul a:hover { background:#e0ddd5; box-shadow:inset 0 1px 0 #bebdb7; color:#f6f5f3; text-shadow:none;  }
#agenda .head ul a:hover { background:#222; color:#fae7bc; box-shadow:inset 0 1px 0 #000;  text-shadow:none;  }
#agenda .head ul li:first-child a { border-radius:3px 0 0 3px;}
#agenda .head ul a i { width:10px; text-align:center;}

#agenda .body { padding:0 50px 40px;  }
#agenda .body .btn { display:block; }
#agenda .clndr-table { margin-bottom:20px; }
#agenda .clndr-table .header-days { display:none;  }
#agenda .clndr-table td.adjacent-month { border:0; visibility:hidden; }
#agenda .clndr-table td.event { cursor:pointer; color:#bea15e; border-bottom:1px solid #bea15e; font-weight:bold; }
#agenda .clndr-table td.event .tooltip { font-weight:normal; }
#agenda .clndr-table td.today { background:#faf8f0 !important; border:2px solid #bea15e !important; }
#agenda .clndr-table td { width:36px; border-bottom:1px solid #d9d9d9; padding:7px 0; color:#666666; text-align:center; font-size:10px;  }

#agenda .month { font:13px Roboto Condensed; color:#666666; text-transform:uppercase; float:left; margin-right:10px; }
#agenda .clndr-control-button { overflow:hidden; }
#agenda .clndr-next-button, #agenda .clndr-previous-button { float:left; color:#bea15e; padding:0 7px; background:#f4f2eb; border-radius:2px 0 0 2px; text-shadow:1px 1px 0 #fff; line-height:1.3; }
#agenda .clndr-next-button:hover, #agenda .clndr-previous-button:hover { background:#222; color:#fae7bc; box-shadow:inset 0 1px 0 #000;  text-shadow:none; cursor:pointer;  }
#agenda .clndr-next-button { border-radius: 0 2px 2px 0; }
.fancybox-inner img { display:block; }

#event-list { display:none; margin-bottom:20px; }
#event-list .event { border-top:1px solid #d9d9d9; padding:7px 0; color:#666666;  }
#event-list .event:first-child { border-top:0;  }
#details #event-list .event span { background: none repeat scroll 0 0 #f4f2eb;  border-radius: 3px; color: #bea15e; display: inline-block; margin-right: 6px; padding: 0 5px; text-align: center; width: 90px; }

#details-map { height:250px; }

#tags  { padding:40px 25px; }
#tags .title { padding:0; text-transform:none; font:italic 14px Times New Roman; color:#666666; }
#tags .wrapper { margin-bottom:10px; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.05) inset; color:#dabf7a; padding:30px; font:20px Times New Roman; text-transform:uppercase; text-align:center; }
#tags .wrapper .big { color:#dabf7a; font:20px Times New Roman; }
#tags .wrapper .medium { color:#927e4a; font:17px Times New Roman; }
#tags .wrapper .small { color:#594c2b; font:13px Times New Roman; }
#tags .btn-golden { display:block; float:none; font:13px Roboto; color:#565151; text-transform:uppercase; text-align:center;}


#details-actions { width:350px; position:absolute; bottom:0; }
#details-actions li { width:50%; float:left; }
#details-actions li:first-child a { color:#b52626; border-right:1px solid #f4f2ed; }
#details-actions a { text-transform:uppercase; color:#5e5645; text-align:center; display:block; padding:10px; border-top:1px solid #f4f2ed;}
#details-actions a:hover { background:#f4f2ed;}

#fancy-evaluate { display:none; background:#fff; padding:20px; }
#fancy-evaluate .title { font:24px Times New Roman; color:#000; text-transform:uppercase; margin-bottom:20px; }
#fancy-evaluate .label { background:#fff; padding:3px; color:#929292; font:14px Roboto Condensed; position:relative; top:-30px; }
#fancy-evaluate #evaluate-vote { height:150px; text-align:center; margin-bottom:20px; width:150px; float:left; margin-right:20px; border-radius:5px; border:1px solid #e6e6e6; padding:20px; }
#fancy-evaluate #evaluate-vote .note {
    color: #423a2e;
    font: 30px/1.1 Roboto Condensed;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
}
#fancy-evaluate #evaluate-tags { height:150px; width:690px; float:left; border-radius:5px; border:1px solid #e6e6e6; padding:20px; }
#fancy-evaluate #evaluate-tags .tags { margin-top:-20px; position:relative; z-index:20;}
#fancy-evaluate .actions { clear:both; }
#fancy-evaluate .btn-golden { display:block; width:300px; float:none; font:13px Roboto; color:#565151; text-transform:uppercase; text-align:center; }

.stars { display:inline-block; width:81px; height:12px; background:url(../images/stars.png) no-repeat 0 0; }
.stars.four-half { background-position:0 -12px; }
.stars.four { background-position:0 -24px; }
.stars.three-half { background-position:0 -36px; }
.stars.three { background-position:0 -48px; }
.stars.two-half { background-position:0 -60px; }
.stars.two { background-position:0 -72px; }
.stars.one-half { background-position:0 -84px; }
.stars.one { background-position:0 -96px; }
.stars.half { background-position:0 -108px; }
.stars.zero { background-position:0 -120px; }

.hiddenput{ cursor:pointer; float:left; background:#f4f2ed; box-shadow: inset 0 10px 10px #fff; text-align:center; width:210px; font:13px/25px Roboto; margin:0 5px 4px 0; color:#333333; border-radius:3px; height:25px; border:1px solid #f4f2ed; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.hiddenput:hover { background:#fff; }
.hiddenput.active { color:#fae7bc; background: #141617;  border:1px solid #141617; box-shadow: inset 0 10px 10px #363b3e; background-position:0 -10px; }
.hiddenput input { display:none; }




/*--------------------------------
@page : PROFIL
@file : profil.php
---------------------------------*/
#profil {
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px #e1dcd1;
    overflow: hidden;
    position: relative;
}
#profil .head { background:#fff; overflow:hidden; border-bottom:1px solid #ebe7e0; }
#profil .head h1 { float:left; padding:10px 20px; font:26px Times New Roman; color:#000000; }
#profil .head .completion, #profil .head .completion-sentence { float:right; margin-top:20px; margin-right:10px; }
#profil .head .completion-sentence { color:#b1a78f; margin-top:15px; margin-right:20px;}
#profil #profil-main-information { padding:30px; background:#f9f8f6; border-bottom:1px solid #e8e8e8; }
#profil #profil-main-information .btn-white { color:#4c4434; font-size:13px; margin-left:10px; display:inline-block; }
#profil #profil-main-information .picture { margin:0 auto 10px; width:160px; height:160px; position:relative;  }
#profil #profil-main-information .picture .pic { width:160px; height:160px; border-radius:100px; overflow:hidden; }
#profil #profil-main-information > .row > .col-md-4 { text-align:center; }
#profil #profil-scd-information { padding:30px; background:#f2f1ee; border-bottom:1px solid #ebe7e0; }
#profil select, #profil input, #profil textarea { height:40px; box-shadow:inset 3px 3px 5px #f5f5f5; }
#profil input[type='checkbox'] { height:auto; }
#profil input[type='submit'] { box-shadow:none; height:auto; }
#profil #profil-scd-information select,#profil #profil-scd-information textarea { border:1px solid #e5e5e5; }
#profil  #profil-scd-information fieldset {text-align:left; padding:20px; margin:20px auto; } 
#profil  #profil-scd-information fieldset legend {background:#f2f1ee; } 
#profil  #profil-scd-information fieldset  .checkbox { padding-top:0; } 
#profil  #profil-main-information fieldset {text-align:left; padding:20px; margin:20px auto; } 
#profil  #profil-main-information fieldset legend {background:#f9f8f6; } 
#profil  #profil-main-information fieldset label { width:auto; padding-left:5px; padding-right:5px; width:16.6667%; } 
#profil .form-group { margin-bottom:6px; }
#profil label {font-size:14px; width:250px; text-align:right; padding:6px 10px; }
#profil .text { padding:6px 2px; }
#profil select { border:0; font-size:13px; color:#666; }
#profil span { color:#999999; }
#profil .body  { padding:30px 20px; }
#profil .title { font:24px Times New Roman; text-transform:uppercase; }
#profil textarea { width:100%; height:120px; padding:10px 12px; font-size:13px; line-height:1.5; color:#666; }

#profil #protection fieldset .field input { background:#fff;}
#profil #protection fieldset:first-child { padding:0; }
#profil #protection fieldset {
    margin: 10px auto;
    padding: 20px;
    text-align: left;
}
#profil #options fieldset .field input { background:#fff;}
#profil #options fieldset {
    margin: 10px auto;
    padding: 20px;
    text-align: left;
}
#profil .body select { border:1px solid #ccc; }
#profil hr {
	margin:40px 0;
    border: 0 none;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.2);
    height: 1px;
}

#profil-localisation-map { height:155px; border-radius:3px; border:1px solid #cfccc6; margin-top:10px;}

#profil .title { margin-bottom:30px; }
#profil fieldset { margin-bottom:40px; border:1px solid #d4d3d3; position:relative; text-align:center; }
#profil fieldset legend { color:#a28a40; font:17px Times New Roman; position:absolute; top:-11px; left:40px; background:#fff; width:auto;  }
#profil fieldset .tags { width:860px; margin:25px auto; overflow:hidden; }
#profil fieldset .field { height:22px; margin:25px 25px 25px 90px; position:relative; }
#profil fieldset .field input  { background:#f9f8f6; font-weight:bold; text-align:right; border:0; box-shadow:none; position:absolute; top:-10px; left:-58px; width:23px;}
#profil fieldset .field .ui-slider-track  { border-bottom:1px solid #fff; }
#profil fieldset .field .unit  { position:absolute; top:0; left:-50px; width:50px;}
#profil fieldset .fields { margin:25px; }
#profil #sizeandweight fieldset  { margin-bottom:15px; }
#profil fieldset .fields .form-group { margin-bottom:10px; }
#profil fieldset .fields .col-sm-4.control-label { width:33.3333%; padding-left:5px; padding-right:5px; }
#profil fieldset .fields select { border:1px solid #e0e0e0; }
#profil #physique fieldset { background:#f9f8f6; }
#profil fieldset textarea { width:860px; margin:25px auto; padding:16px 20px; overflow:hidden; box-shadow:inset 3px 3px 5px #eeedec; font:13px Roboto; color:#999999; background:#f8f7f6; border:0; border-radius:5px; }

#profil button { width:315px; border-radius:8px; color:#42310d; text-shadow:1px 1px 0 rgba(255,255,255,0.8); margin:0 auto; float:none; text-align:center; font:30px/0.9 Roboto Condensed; text-transform:uppercase; display:block; border:4px solid #dbd8d2; }
#profil button strong { font-weight:bold; display:block; }





/*--------------------------------
@page : OFFERS UNIQUE
@file : offers.php
---------------------------------*/
/*#offers.unique:before { width:100%; height:100%; position:absolute; background:#ccb67c; top:-3px; left:-3Px; content:''; display:block; z-index:0; }*/
#offers.unique { position:relative; background:url(../images/bg-unique-offer.jpg) no-repeat 0 0 #1b1d1e; z-index:1; border:3px solid #ccb67c; border-radius:5px; }
#offers.unique #pay { display:block; background:none; }
#offers.unique #pay .main { color:#fff0ce; }
#offers.unique .offer { background:none!important; width:200px!important; }
#offers.unique .offer:hover { cursor:default; box-shadow:none!important; }
#offers.unique .offer .head { border-bottom:0!important; height:auto; }
#graphic-page #offers.unique .offer .head .title { color:#fff0ce; }
#graphic-page #offers.unique .offer .head .member-title { color:#fff0ce; }
#graphic-page  #offers.unique .offer .body { border-top:0!important; padding-top:12px; }
#graphic-page  #offers.unique .offer .badge { margin-bottom:100px;color:#fff!important; background:#e5003b; box-shadow:2px 2px 2px #000; border-radius:100px; width:100px; height:100px; padding-top:20px; transform:rotate(5deg); }
#graphic-page  #offers.unique .offer .badge * { color:#fff!important; }
#graphic-page  #offers.unique .offer .desc { text-shadow:1px 1px 1px rgba(0,0,0,0.7); }



/*--------------------------------
@page : OFFERS
@file : offers.php
---------------------------------*/
#graphic-page { background: url("../images/bg-graphic.jpg") no-repeat 0 0 #f4f2ed; overflow: hidden; position: relative; margin:170px 0 0; padding:20px 0 30px; }
#graphic-page .wrapper { max-width:980px; margin:0 auto; overflow:hidden; padding:20px 30px; background:url("../images/alpha-70.png"); border-radius:10px; color:#dfdfdf; }
#graphic-page .title { font:26px/1 Times New Roman; color:#e0c997; text-transform:uppercase; text-shadow:1px 1px 0 #000; margin-bottom:17px;}
#graphic-page .title-pay { display:none; }

#graphic-page #offers { min-height:365px; position:relative; margin-bottom:40px; }
#graphic-page .offer { z-index:20; transition:all 0.5s cubic-bezier(0,.88,.3,1); cursor:pointer; width:19.5%; height:360px; position:absolute; background:url(../images/bg-offer-black.png) no-repeat center 0 #1b1d1e; text-align:center; border-radius:5px; color:#e0c996; }
#graphic-page .offer .head { height:100px; border-bottom:1px solid rgba(0,0,0,0.3); padding:20px 0 0;  }
#graphic-page .offer .title { font-size:22px; text-transform:none; margin:0; text-shadow:none; }
#graphic-page .offer .icon { position:absolute; top:-60px; left:50%; margin-left:-37px; }
#graphic-page .offer .member-title { color:#9e8b5b; font:13px Roboto Condensed; }
#graphic-page .offer .three-stars { background:url(../images/stars.png) no-repeat 0 0; width:50px; height:12px; margin:10px auto;  }
#graphic-page .offer .body { padding:35px 0 0 ; border-top:1px solid rgba(255,255,255,0.05);  }
#graphic-page .offer .days { font:20px Roboto Condensed; color:#fff; }
#graphic-page .offer.gold .days { color:#2a2823; }
#graphic-page .offer .for { font:14px Roboto Condensed; color:#807b7b; }
#graphic-page .offer .price { font-weight:bold; color:#fdebbf; font-size:16px;}
#graphic-page .offer .desc { font:14px/1.1 Roboto Condensed; color:#fff; margin:10px 0; }
#graphic-page .offer .time { font:14px/1.1 Roboto Condensed; color:#3f0f13; }
#graphic-page .offer .save { margin-top:30px; display:inline-block; font:14px Roboto Condensed; background:#d90b1e; border-radius:3px; color:#fff; padding:1px 6px;}

#graphic-page .offer a { transition:all 0.3s linear; position:absolute; bottom:30px; left:50%; width:126px; margin-left:-63px; font:14px Roboto Condensed; border-radius:30px; display:inline-block; background:#272b2d; box-shadow:inset 0 -10px 10px #151718, inset 1px 1px 0 #363b3e, 1px 1px 0 #000; color:#e5d2a4; padding:5px 20px; text-transform:uppercase;}
#graphic-page .offer a:hover { background:#151718; box-shadow:inset 0 -10px 10px #191b1c, inset 1px 1px 0 #000, 1px 1px 0 rgba(255,255,255,0.2); color:#e5d2a4; padding:5px 20px; text-transform:uppercase;}

#graphic-page .offer.pink { background:url(../images/bg-offer-pink.png) no-repeat center 0 #e22e4a; left:0;  }
#graphic-page .offer.pink  .title { color:#fff;  }
#graphic-page .offer.pink  .member-title, #graphic-page .offer.pink .for { color:#eeabb2;  }
#graphic-page .offer.pink  .head { border-bottom:1px solid rgba(0,0,0,0.2);  }
#graphic-page .offer.pink .body { border-top:1px solid rgba(255,255,255,0.2); }
#graphic-page .offer#offer-2 { left:20%;  }
#graphic-page .offer#offer-3 { left:40%;  }
#graphic-page .offer#offer-4 { left:60%;  }
#graphic-page .offer#offer-5 { left:80%;  }
#graphic-page .offer.gold  { background:url(../images/bg-offer-gold.png) no-repeat center 0 #f0d797; color:#2a2823; text-shadow:1px 1px 0 rgba(255,255,255,0.8)  }
#graphic-page .offer.gold .title { font-weight:bold; color:#2a2823;}
#graphic-page .offer.gold .member-title { font-weight:bold; font-size:14px; color:#292722; text-shadow:none; }
#graphic-page .offer.gold.days { color:#333333;}
#graphic-page .offer.gold .price { color:#8d7337;}
#graphic-page .offer.gold .desc { color:#4c4536;}
#graphic-page .offer.gold hr { background:#a39679; width:20px; margin:5px auto;}
#graphic-page .offer.gold a { text-shadow:none; }
#graphic-page .offer .ruban { background:url(../images/ruban.png) no-repeat 0 0; width:133px; height:61px; position:absolute; right:-2px; top:70px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.5); padding:5px 20px 0 10px; line-height:1; }
#graphic-page .offer .ruban strong { font-weight:bold; display:block;  }

#graphic-page .offer:hover { box-shadow:inset 0 0 200px rgba(255,255,255,0.1); }
#graphic-page .offer.active { left:0!important; }


#graphic-page #aside { width:255px; float:left; }
#graphic-page #aside h2  { margin-bottom:20px; padding:6px 0 30px; border-bottom:1px solid rgba(0,0,0,0.4); box-shadow:0 1px 0 rgba(255,255,255,0.1); }
#graphic-page #aside h2 img  { float:left; margin-right:10px; margin-top:-6px; }
#graphic-page #aside p { font:13px/1.4 Roboto Condensed; }
#graphic-page #aside .btn { margin-bottom:60px; padding:8px 16px; border-radius:5px; }
#graphic-page #main { margin-left:275px;}

#graphic-page #main h2  { padding:10px 20px; font-size:20px; border-radius:3px 3px 0 0; box-shadow:inset 0 -20px 20px #171614; margin:0; background:#24221c; text-transform:none; }
#graphic-page #main table  { width:100%; color:#fff; }
#graphic-page #main table th  { text-align:center; padding:10px 0; background:#24221c; color:#979797; }
#graphic-page #main table th:first-child  { text-align:right; padding-right:20px; }
#graphic-page #main table th.guest  { font-size:11px; text-transform:uppercase; }
#graphic-page #main table th.privilege  { font-size:11px; color:#fff; text-transform:uppercase; }
#graphic-page #main table th.vip  { font-size:12px; font-weight:bold; color:#000; background:url(../images/bg-note.png) no-repeat -3px -3px; }
#graphic-page #main table td  {vertical-align:middle; line-height:1; text-align:center; background:url(../images/alpha-27.png) repeat; padding:7px 0; }
#graphic-page #main table td:first-child  { text-align:left; padding-left:20px; }
#graphic-page #main table tr:nth-child(odd) td  { background:url(../images/alpha-10.png) repeat; }
#graphic-page #main table .fa-close { color:#e50000; }
#graphic-page #main table .fa-check { color:#97e500; }
#graphic-page #main table .vip { background:#675c41; }
#graphic-page #main table tr:nth-child(odd) td.vip  { background:#73674a; }
#graphic-page #main table .guest { background:#423e35; }
#graphic-page #main table th.guest { background:#393732; }
#graphic-page #main table tr:nth-child(odd) td.guest  { background:#49463d; }
#graphic-page #main table strong  { display:block; }

#graphic-page .infos { font:12px Roboto Condensed; color:#a29b89; max-width:960px; margin:20px auto; }


#graphic-page #pay { display:none; position:relative; border-radius:5px; padding:15px 20px; margin-left:21%; background:#1b1d1e; }
#graphic-page #pay .main { color:#dabf7a; font:18px Times New Roman; margin-bottom:10px; }
#graphic-page #pay .main input { margin-right:5px; }
#graphic-page #pay .wrapper { padding:0; background:#f1f1f1; color:#000; font:13px Roboto Condensed; }
#graphic-page #pay li { float:left; margin-right:10px;  }
#graphic-page #pay li img { vertical-align:bottom; margin-left:5px; }
#graphic-page #pay .body { padding:20px 20px 0; position:relative; }
#graphic-page #pay .form-group { overflow:hidden; margin-bottom:5px; position:relative; }
#graphic-page #pay li label { text-align:right; margin-right:0; padding:0; width:auto; float:none; }
#graphic-page #pay label { text-align:right; margin-right:10px; padding:6px 0; width:140px; float:left; }
#graphic-page #pay input, #graphic-page #pay select { width:auto; }

#graphic-page #pay .foot { border-top:1px solid #d9d9d9; padding:10px 20px 15px; background:#ffffff; color:#000; }
#graphic-page #pay .total { font:bold 13px Roboto Condensed;  margin-bottom:10px; }
#graphic-page #pay .total span { color:#ab9563; font-size:16px; }
#graphic-page #pay .btn { clear:both; display:block; text-transform:uppercase; padding:10px 0; }

#graphic-page #pay .form-control { border:0; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.3); border-radius:3px; }
#graphic-page #pay #ogone_CN { width:360px; }
#graphic-page #pay #ogone_CARDNO { width:175px; float:left; margin-right:10px; margin-bottom:5px; }
#graphic-page #pay #ogone_CVC { width:65px; }
#graphic-page #pay #ogone_ED_MONTH { width:65px; float:left; margin-right:4px; }
#graphic-page #pay #ogone_ED_YEAR { width:105px; }
#graphic-page #pay #label-control { float:left; width:auto;  }
#graphic-page #pay .checkbox label { width:auto; padding:0 100px 0;  }
#graphic-page .has-error .help-block { margin-left: 150px; }
#graphic-page .error-block { background:#a94442; padding:5px 10px; color:#fff; border-radius:3px; display:block; margin-bottom:3px;}
#graphic-page .error-block:last-child { margin-bottom:20px; }
#graphic-page #pay .error-block li { margin:0; float:none; }
#graphic-page #pay #help-cvc-cb, #graphic-page #pay #help-cvc-ae { position:absolute; right:0; top:0; width:130px; line-height:1; }
.alt-offers-2 #pay #help-cvc-cb, .alt-offers-2 #pay #help-cvc-ae{top:35px !important;}


#graphic-page .label { font:normal 13px Roboto Condensed; color:#e5d2a4; padding:6px 15px; display:inline-block; background:url(../images/alpha-27.png) repeat;  border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,0.5); }



/*--------------------------------
@page : PHOTOS
@file : photos.php
---------------------------------*/
#graphic-page > .container > .wrapper { position:relative; }
#img-picto-equal-view {position:absolute; right:0; top:1px; z-index:20; }
#img-picto-advice-popup {position:absolute; right:0; top:1px; z-index:999; }

#graphic-page #add-photos { overflow:hidden; background:#1e2022; padding:10px 20px 30px; border-radius:5px; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.1); margin-bottom:15px; }
#graphic-page #add-photos .title { margin-bottom:10px; font-size:18px; text-transform:none;  }

#graphic-page #add-photos  .wrapper { float:left; width:485px; margin-right:15px; border-radius:5px; padding:0; background:#f1f1f1; color:#000; font:13px Roboto Condensed; }
#graphic-page #add-photos .body { font-size:14px; position:relative; padding:24px 20px 27px 60px; }
#graphic-page #add-photos .body p { margin-bottom:10px; }
#graphic-page #add-photos .body a { color:#f2191a; }
#graphic-page #add-photos .fa-warning { position:absolute; color:#999999; font-size:30px; top:30px; left:20px; }
#graphic-page #add-photos  .foot { border-top:1px solid #d9d9d9; padding:20px 20px 25px; background:#ffffff; color:#000; }
#graphic-page #add-photos  .foot .btn { display:block; padding:10px; text-transform:uppercase;}

#graphic-page #add-photos  .accepted, #graphic-page #add-photos  .rejected { box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3); height:200px; color:#fff; width:180px; padding:10px; border-radius:5px; background:url(../images/bg-accepted.png) no-repeat center 0 #53b522; float:left; }
#graphic-page #add-photos  .rejected { background:url(../images/bg-rejected.png) no-repeat center 0 #e70000; margin-left:10px; }
#graphic-page #add-photos  .accepted .title, #graphic-page #add-photos  .rejected .title { text-shadow:none; color:#fff; font-size:20px; padding-bottom:10px; text-transform:uppercase; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(255,255,255,0.1);}
#graphic-page #add-photos  .accepted li, #graphic-page #add-photos  .rejected li {line-height:1.8; margin-bottom:5px; }

#photo-avantages { overflow:hidden; margin-bottom:20px; }
#photo-avantages .push { border-radius:3px; float:left; margin-left:10px; background:url(../images/bg-offer-black.png) no-repeat center 0 #1b1d1e; width:300px; height:200px; color:#dfdfdf; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.2); }
#photo-avantages .push:first-child { margin-left:0; }
#photo-avantages .push .title { font-size:20px; margin:0; padding:20px; border-bottom:1px solid rgba(0,0,0,0.2); box-shadow:0 1px 0 rgba(255,255,255,0.05); }
#photo-avantages .push .title img { float:left; margin:-5px 8px 0 0; }
#photo-avantages .push p { padding:10px 20px; font:13px/1.4 Roboto Condensed;  }

#photo-rules  { clear:both; margin:0 -30px; background:#26292b; }
#photo-rules .title  { margin-bottom:0; font-size:20px; text-transform:uppercase; padding:10px 45px; border:1px solid #363b3e; border-bottom:1px solid #0a0a0b; border-right:1px solid #0a0a0b; background:#282b2d; box-shadow:0 -10px 20px #141516 inset;  }
#photo-rules .legend { margin-bottom:15px; background:#393a3c; border-radius:5px; padding:20px; font:italic 13px Roboto Condensed; color:#a99f87; }
#photo-rules .content { padding:15px 45px; color:#fff; }
.small-title { text-transform:uppercase; margin-bottom:10px;}
#photo-rules .topublish ul li { line-height:1.2; position:relative; padding-left:30px; margin-bottom:10px; }
#photo-rules .topublish ul span { color:#000; border-radius:15px; background:url(../images/register-step-next.png) no-repeat center center; width:20px; line-height:20px; height:20px; display:block; position:absolute; left:0; text-align:center; }

#photo-rules .tobeapproved .title { text-shadow:none; font:13px Roboto; color:#a8ff00; border:none; background:#393a3c; box-shadow:none; padding:3px 45px; }
#photo-rules .tobeapproved .content { padding:20px 45px; background:#3f4143; }
#photo-rules .tobeapproved li { padding:0; }
#photo-rules .toberejected .title { text-shadow:none; font:13px Roboto; color:#f2191a; border:none; background:#393a3c; box-shadow:none; padding:3px 45px; }
#photo-rules .toberejected .content { padding:20px 45px; background:#3f4143; }
#photo-rules .toberejected li { padding:0; }
#photo-rules .toberejected li span { color:#97e500; background:none; width:auto; display:inline; float:none; clear:none;  }


#photo-rules .fa-close { color:#e50000; }
#photo-rules .fa-check { color:#97e500; }

#photo-rules .example { margin:20px 0 0; }
#photo-rules .example li { display:inline-block; margin-right:10px; position:relative; }
#photo-rules .example i { position:absolute; right:5px; bottom:5px; font-size:40px; text-shadow:2px 2px 2px rgba(0,0,0,0.5); }

#add-photos {
    background: none repeat scroll 0 0 #1e2022;
    border-radius: 5px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px 20px 30px;
}
#add-photos  .accepted, #add-photos  .rejected { box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3); height:200px; color:#fff; width:180px; padding:10px; border-radius:5px; background:url(../images/bg-accepted.png) no-repeat center 0 #53b522; float:left; }
#add-photos  .rejected { background:url(../images/bg-rejected.png) no-repeat center 0 #e70000; margin-left:10px; }
#add-photos  .accepted .title, #add-photos  .rejected .title { text-shadow:none; color:#fff; font-size:20px; padding-bottom:10px; text-transform:uppercase; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(255,255,255,0.1);}
#add-photos  .accepted li, #add-photos  .rejected li {line-height:1.8; margin-bottom:5px; }




/*--------------------------------
@page : MESSAGE
@file : message.php
---------------------------------*/
.nav-tabs { float:left; margin-left:20px; margin-top:5px; height:25px; border:0; }
.nav-tabs > li { border:0; margin:0; }
.nav-tabs a { padding:5px 10px; color:#b1ada2; }
.nav-tabs a:hover { background:#b1ada2; color:#fff; }

.tab-pane { display:none; background:#fff; }
.tab-pane.active { display:block; }
.no-content { padding:80px 0; text-align:center; background:#fff; color:#666; }

#conversation .start { background:#fff; padding:20px 0; }

#panes .contacts-list  { width:300px; height:670px; float:left; position:relative; overflow:hidden; padding-right:10px;} 
#panes .contacts-list .item { position:relative; cursor:pointer; background:#f4f2ed; padding:10px; border-radius:0; box-shadow:1px 1px 0 #ffffff inset, -1px -1px 0 #dbd9d5 inset; margin-bottom:0; }
#panes .contacts-list .item:hover { background:#282b2d!important; box-shadow:inset 0 -10px 30px #141516; color:#fae7bc }
#panes .contacts-list .item:hover .who { color:#fff }
#panes .contacts-list .item:hover .message  { color:#fae7bc; } 
#panes .contacts-list .item:hover .date  { color:#666; } 
#panes .contacts-list .item:after { clear:both; content:''; display:table;}
#panes .contacts-list .item:nth-child(odd) { background:#f9f7f2; }
#panes .contacts-list .item.active { margin-right:-1px; background:#fff; box-shadow:none; border:1px solid transparent; border-right:0;  }
#panes .contacts-list .item .picture  { width:50px; height:50px; box-shadow:none;} 
#panes .contacts-list .item .picture .pic { width:50px; height:50px; overflow:hidden; border-radius:50px; } 
#panes .contacts-list .item .informations  { margin-left:60px; } 
#panes .contacts-list .item .date  { color:#ccc; line-height:1; } 
#panes .contacts-list .item .message  { color:#958c77; } 
#panes .contacts-list .item a  { position:absolute; right:5px; top:3px;} 

#panes #main {  margin-left:200px; border-left: 1px solid #eee; box-shadow:inset 1px 0 #fff; }
#panes .body { padding:0; }

#discuss #main { min-height:330px; border-left:1px solid #ccc; }
#discuss .who { color:#222; font-size:14px; line-height:1.4; }
#discuss .btn-back { background: #222; border: medium none; border-radius: 0 3px 3px 0; box-shadow: none; float: left; padding: 3px 10px; border-bottom:1px solid #333; border-right:1px solid #333; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.5)}
#discuss .btn-back:hover { color:#fbe9be;}

#conversation { position:relative; overflow:hidden; color:#333; }
#conversation .start { text-align:center; color:#ccc;}
#conversation .picture  { box-shadow:none; height:70px; width:70px; border-radius:1px; }
#conversation .picture .pic { height:70px; width:70px; overflow:hidden;}

#conversation .content  { min-height:100%; padding:0; overflow:hidden; background:#f4f2ed; border-top:1px solid #ccc; padding:20px 0; }
#conversation .content > div  { display:none; overflow:hidden; padding:10px; clear:both; color:#222; margin:5px 20px; background:#fff; border-radius:5px; border-bottom:1px solid #ccc;}
#conversation .content > div.no-content  { display:block; background:none; border:0; padding:50px 0;}
/*#conversation .content > div:hover  { background:#fbfaf7; }*/
#conversation .content > div:first-child   { border-top:0; }
#conversation .content > div:last-child  .message  { border-bottom:0; }
#conversation .content .message  {margin-left:100px; }
#conversation .content .hide  { display:none; }

#panes #conversation .message { margin-left:90px; overflow:hidden; padding:0; }
#panes #conversation .message:hover { background:none; cursor:default; }
#conversation .author { float:left; font-weight:bold; position:relative; margin-bottom:5px; }
#conversation .author:after { position:absolute; content:''; display:block; bottom:-4px; left:0; height:3px; width:28px; background:#f4f2ed; }
#conversation .date { float:right; color:#777; font-size:12px; }
#conversation .text { clear:both; }
#conversation .seen { color:#40c92a; }
#conversation .status  { background:#f4f2ed; padding:2px 8px; border-radius:3px; border:1px solid #ccc; float:left; margin-top:5px; }

#new-message { overflow:hidden; background:#ddd9ce; padding:20px; border-top: 1px solid #ccc; }
#new-message label { color:#333; }
#new-message textarea { 
	margin-bottom:10px; 
	/*
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #292c2e #404445 #404445 #292c2e;
    border-image: none;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #ccc;*/
    font: 14px/1 Roboto Condensed;
    padding: 10px;
    width: 100%;
}

#btn-next-message { display:block; margin:0 20px 10px; color:#999; font-size:13px; color:#a19378;}
#btn-next-message:hover { color:#333;}

#btn-hide-next-message { display:block; margin:10px 20px; color:#999; font-size:13px; color:#a19378;}
#btn-hide-next-message:hover { color:#333;}

#contact-informations { padding:0; float:left; width:200px; }
#contact-informations .result { padding:20px 0; }
#contact-informations .btn { display: block; margin: 15px; width: 150px; }
#contact-informations .member { padding:20px; border-top:1px solid #f4f2ed; }
#contact-informations .picture { border-radius:3px; box-shadow:none; display: block; float: none; margin: 0 auto 15px; width: 300px; }
#contact-informations .informations { clear:both; padding:0; margin:0!important; }
#contact-informations .informations  > div:first-child { margin-bottom:20px; overflow:hidden; }
#contact-informations .informations .completion-sentence { margin:5px 0 5px 10px; }
#contact-informations table  { width:100%; font-family:Roboto; }
#contact-informations table tr:nth-child(odd) td { background:#f9f7f2; }
#contact-informations table td { padding:8px 10px; color:#716d5a; line-height:1.2; }
#contact-informations table td:first-child { padding-left:20px; color:#222; }




/* update menu */
#page { padding-top:190px; }
#home-wrapper { margin-top:69px; }
header { position:fixed; width:100%; z-index:200; top:0; }

#inside-nav  { transition:all 0.5s cubic-bezier(0,.65,.28,1.01); width:100%; z-index:99; }
#inside-nav > div > ul { width:100%; padding-top:18px; margin-top:0; }

#aside-chat{ transition:all 0.5s cubic-bezier(0,.65,.28,1.01); position:fixed; right:-330px; top:50px; width:330px; z-index:400; }
#aside-chat #chat-block { margin-bottom:0; position:relative; border-radius:0; padding:20px; z-index:20; }
#aside-chat #chat-list { height:auto; }
#aside-chat .chat-toggle { transition:all 0.5s cubic-bezier(0,.65,.28,1.01); position:relative; z-index:19; top:130px; left:-60px; position:absolute; background:#2b2c2c; border-radius:5px 0 0 5px; display:block; padding:5px 10px 5px 8px; width:60px; height:50px; box-shadow: 0 0 5px #e1dcd1; }
#aside-chat .chat-toggle img  { display:block; }
#aside-chat .chat-toggle:hover  { background:#222; }
#aside-chat .chat-close { float:right; background: none repeat scroll 0 0 #f7f7f7; padding:0 6px;  border-radius: 3px; position:absolute; right:20px; top:10px; }

#aside-chat #chat { position:absolute; right:100%; width:2000px; }
#aside-chat #chat .window { float:right; }


#btn-exit { right:15px;}
#notfound { text-align:center; padding:80px 0; font:22px Roboto; color:#b4b0a7; text-shadow:1px 1px 0 #ffffff; }
.fancybox-skin { padding:0; background:#0e0f10; }
.fancybox-inner { height:auto!important; }
.fancy-action, #fancy-vip { display:none; background:transparent!important; padding:0!important; }
.fancy-action h2, #fancy-vip h2 {
    color: #fae7bc;
    font: 24px/1.2 Times New Roman;
    margin-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase;
}
.fancy-action .content, #fancy-vip .content { background:#2b2c2c; border-radius:4px; color:#aaa; padding:10px 20px; text-align:center; }
/* eof update menu */

/* NOTIFICATION LIVE */

#connect-notification { position:fixed; bottom:20px; left:20px; width:300px; }
#connect-notification .block .head {
    height: auto;
    overflow: hidden;
    padding: 6px 10px;
}
#connect-notification .block .body .picture { width:90px; height:90px; }
#connect-notification .block .body .informations { line-height:1.2; margin-left:100px; }
#connect-notification .block .body .age { color: #000;}
#connect-notification .block .body .localisation { color: #b1a78f; margin-bottom:10px; }

/* END NOTIFICATION LIVE */


.list-album-photo { box-shadow:none;}
.list-album-photo .body { background:#ddd; }
.list-album-photo.block .head {    
	border-top: 1px solid #f4f2ed;
	border-bottom:1px solid #d2cec4;
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 -10px 20px #f4f2ed inset;
}
.list-album-photo.block .head ul.slider-nav { background:#ddd; }
.list-album-photo.block .head ul.slider-nav li { box-shadow:1px 1px 0 #444 inset }
.list-album-photo.block .head ul.slider-nav li:hover { background:#444!important; }
.list-album-photo .body .item { min-height:240px; position:relative; background:#fff; }
.list-album-photo .body .item:hover { background:#1e2022; }
.list-album-photo .body .item:hover { background:#f9f8f4; }
.list-album-photo .body .item .img-thumbnail { background:#fff; border:0; }
.list-album-photo .photo_status.accepted { color:#a8ff00; }
.list-album-photo .photo_status.accepted { color:#417b13; }
.list-album-photo .caption { text-align:center;  }
.list-album-photo a { display: block; line-height: 1.2; }
.list-album-photo a.btn { text-align:center; width:94%; margin:0; position:absolute; bottom:0; left:5px; bottom:10px;}
.list-album-photo a.btn i { float:left; margin:0; float:none; }
.list-album-photo .photo_status { text-align:center; }

.block .owl-buttons { position:absolute; right:10px; top:-32px; border-radius:3px 3px 0 0; padding:4px 4Px 0; background:#fff; overflow:hidden;}
.block .owl-buttons div { text-shadow:none; box-shadow:inset -1px -1px 0 #dbd9d5; cursor:pointer; float:left;  background:#f4f2ed; width:28px; height:28px; border-radius:2px; text-align:center; line-height:24px; color:#ccc; font-size:18px; }
.block .owl-buttons div:first-child { margin-right:4px; }
.block .owl-buttons div:hover { color:#000; background:#eee; }

.black.block .owl-buttons { background:#2b2c2c; }
.black.block .owl-buttons div { box-shadow:1px 1px 0 #444 inset;  background:#393b3b; color:#474c4c; }
.black.block .owl-buttons div:first-child { margin-right:4px; }
.black.block .owl-buttons div:hover {color:#fbe9be; background:#444!important; }

#unique-offer .owl-buttons { position:absolute; right:10px; top:-32px; border-radius:3px 3px 0 0; padding:4px 4Px 0; background:#fff; overflow:hidden;}
#unique-offer .owl-buttons div { text-shadow:none; box-shadow:inset -1px -1px 0 #dbd9d5; cursor:pointer; float:left;  background:#f4f2ed; width:28px; height:28px; border-radius:2px; text-align:center; line-height:24px; color:#ccc; font-size:18px; }
#unique-offer .owl-buttons div:first-child { margin-right:4px; }
#unique-offer .owl-buttons div:hover { color:#000; background:#eee; }

.list-album-photo.block .owl-buttons { background:#ddd; }
.list-album-photo.block .owl-buttons div { box-shadow:1px 1px 0 #fff inset;  background:#f4f2ed; color:#474c4c; }
.list-album-photo.block .owl-buttons div:first-child { margin-right:4px; }
.list-album-photo.block .owl-buttons div:hover {color:#fbe9be; background:#444!important; }

.member .description { margin-bottom:15px; }
.last_action { color:#222; clear:both; margin:1px 6px 6px 11px; border-radius:0 0 3px 3Px; font-size:14px; padding:0; }
.last_action .label { color:#fff; background:#b1ada2; font-size:13px; float:right; }

.action-suppl { line-height:29px; clear:both; margin-top:20px; background:#222; border-radius:3Px; padding:10px; }
.action-suppl .btn { float:right; }


#contacts .member > div:last-child, #listing .member > div:last-child {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dbd9d5;
    border-radius: 3px;
    padding: 8px;
}
#contacts .member .who { font-size:14px; }
#contacts .member .who .strong { font-size:15px; }
#contacts .member .actions a { width:38px; height:38px; padding-top:8px; }
#contacts .member .picture { height: 120px !important; width: 120px !important; }
#contacts .member .actions { width:82px; }
#contacts .member .informations { position:relative; margin-left:140px !important; margin-right:90px; }
#contacts .member .informations .btn {  position:absolute; right:0; top:0; bottom:auto; }
#contacts .member {
    background: none repeat scroll 0 0 #f4f2ed;
    border-left: 1px solid #fff;
    border-radius: 3px;
    border-right: 1px solid transparent;
    border-top: 1px solid #fff;
    border-bottom:1px solid #dbd9d5;
    box-shadow: 0 0 1px #dbd9d5;
    clear: both;
    padding: 10px;
    position: relative;
	margin-bottom:15px; padding:5px;
}
	


#sondage-block ul { margin-top:10px; }
#sondage-block .percentage {
    float: left;
    font: italic 16px/1 Times New Roman;
    margin-right: 5px;
    text-align: right;
    width: 32px;
}
.survey-bar { margin:8px 5px 0 0; float:left; width:100px; border-radius:3px; height:8px; background:#fff; border:1px solid #eee; }
.survey-bar > div { margin:1px; position:relative; }
.survey-bar .bar { transition: all 1s cubic-bezier(0,.61,.33,1); width:0%; background:url("../images/bg-golden.jpg") no-repeat scroll center center rgba(0, 0, 0, 0); height:4px; border-radius:3Px;}


#uploadBox { width:600px;padding:20px; }
#uploadBox .modal-body { background:#eee; border-radius:5px 5px 0 0; padding:20px; }
#uploadBox .modal-footer { background:#fff; border-radius:0 0 5px 5px; margin-top:0; }
#uploadBox .modal-title {
    color: #e0c997;
    font: 26px/1 Times New Roman;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 #000;
    text-transform: uppercase;
}


/*--------------------------------
@page : CONTACT US 
@file : contact-us.php
---------------------------------*/
#contact-us {
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px #e1dcd1;
    overflow: hidden;
    position: relative;
}
#contact-us .head { background:#fff; overflow:hidden; border-bottom:1px solid #ebe7e0; }
#contact-us .head h1 { float:left; padding:10px 20px; font:26px Times New Roman; color:#000000; }
#contact-us .body { background: none repeat scroll 0 0 #f9f8f6; border-bottom: 1px solid #e8e8e8; padding: 30px; }
#contact-us select, #contact-us input[type="text"], #contact-us input[type="email"], #contact-us textarea { height:40px; box-shadow:inset 3px 3px 5px #f5f5f5;  border:1px solid #e5e5e5; }
#contact-us .form-group { margin-bottom:6px; }
#contact-us .text { padding:6px 2px; }
#contact-us select { border:0; font-size:13px; color:#999999; }
#contact-us span { color:#999999; }
#contact-us .body  { padding:30px 20px; }
#contact-us .body .title { font:24px Times New Roman; }
#contact-us textarea { width:100%; height:120px; padding:10px 12px; font-size:13px; line-height:1.5; color:#999999; }

#contact-us-localisation-map { height:155px; border-radius:3px; border:1px solid #cfccc6; margin-top:10px;}

#contact-us .title { margin-bottom:30px; }
#contact-us fieldset { margin-bottom:40px; border:1px solid #d4d3d3; position:relative; text-align:center; }
#contact-us fieldset legend { color:#a28a40; font:17px Times New Roman; position:absolute; top:-12px; left:40px; background:#fff; width:auto;  }
#contact-us fieldset .tags { width:860px; margin:25px auto; overflow:hidden; }
#contact-us fieldset textarea { width:860px; margin:25px auto; padding:16px 20px; overflow:hidden; box-shadow:inset 3px 3px 5px #eeedec; font:13px Roboto; color:#999999; background:#f8f7f6; border:0; border-radius:5px; }

#contact-us button { width:315px; border-radius:8px; color:#42310d; text-shadow:1px 1px 0 rgba(255,255,255,0.8); margin:0 auto; float:none; text-align:center; font:30px/0.9 Roboto Condensed; text-transform:uppercase; display:block; border:4px solid #dbd8d2; }
#contact-us button strong { font-weight:bold; display:block; }


#graphic-page #faq { padding:50px 0 100Px;  }
#graphic-page #faq .wrapper { background:url(../images/bg-faq.jpg) no-repeat right 0 #151718; width:auto; max-width:980px; margin-bottom:0; border-radius:5px;  }
#graphic-page #faq .title {
    color: #e0c997;
    font: 26px/1 Times New Roman;
    text-shadow: 1px 1px 0 #000;
    text-transform: uppercase;
}
#graphic-page #faq .panel-default { border-color:#222; background:none; }
#graphic-page #faq .panel-heading { padding:0; }
#graphic-page #faq .panel-title { font:20px Times New Roman; }
#graphic-page #faq .panel-title  a { color:#a19378; display:block; padding:10px 15px }
#graphic-page #faq .panel-title  a:hover { color:#e0c997;  }
#graphic-page #faq .panel-default > .panel-heading { background:rgba(0,0,0,0.8); }
#graphic-page #faq .panel-default > .panel-collapse { background:#151718; }
#graphic-page #faq .panel-default > .panel-collapse > .panel-body { border-top-color:#333333; }






#home-wrapper #avantages { padding:50px 0 100Px;  }
#home-wrapper #avantages .wrapper { background:url(../images/bg-avantages.jpg) no-repeat right 0 #151718; width:auto; max-width:980px; margin-bottom:0; border-radius:5px 5px 0 0; padding-bottom:10px; }
#home-wrapper #avantages #tools-advertising { margin-bottom:0; }
#home-wrapper #avantages #tools-advertising p { color:#dfdfdf; }

#home-wrapper #avantages .wrapper > .row > .col-md-4 > p:first-child { color: #e0c997; }
#home-wrapper #avantages .wrapper > .row > .col-md-4 > p { font-size:15px; color: #dfdfdf; margin-bottom:15px; }
#home-wrapper #avantages .title {
    color: #e0c997;
    font: 26px/1 Times New Roman;
    text-shadow: 1px 1px 0 #000;
    text-transform: uppercase;
}
#home-wrapper #avantages #photo-avantages > div {
    background: url("../images/bg-offer-black.png") no-repeat scroll center 0 #1b1d1e;
    border-radius: 3px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #dfdfdf;
    float: left;
    height: 220px;
}
#home-wrapper #avantages  #photo-avantages {
    background: url("../images/alpha-70.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 0 10px 10px;
    color: #dfdfdf;
    margin: 0 auto;
    max-width: 980px;
    overflow: hidden;
    padding: 20px 30px;
}




#temoignages { max-width:900px; margin:50px auto 100px; } 
#home-wrapper #temoignages .wrapper { background:url("../images/alpha-70.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius:5px; position:relative; margin-left:200px; max-width:none; margin-bottom:30px; min-height:initial; } 
#home-wrapper #temoignages .wrapper:after { 	
	content:''; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 20px 30px 0;
	border-color: transparent rgba(0,0,0,0.7) transparent transparent;
	position:absolute; left:-20px; top:58px;
} 
#temoignages .picture { float:left; border-radius:100px; overflow:hidden; border:4px solid #222;} 
#temoignages .picture img { display:block; margin:0; } 
#temoignages .wrapper > div {
	margin-bottom:0;
	margin-left:40px;
    color: #e0c997;
    font: 22px/1 Times New Roman;
    text-shadow: 1px 1px 0 #000;
    text-transform: uppercase;
}
#temoignages .item:nth-child(even) .picture {	float:right; }
#temoignages .btn { width:100%; display:block; margin:0 auto; }
#home-wrapper #temoignages .item:nth-child(even) .wrapper  {	margin-left:0;  margin-right:200px; }
#home-wrapper #temoignages .item:nth-child(even) .wrapper:after  {	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 0 30px 20px;
	border-color: transparent transparent transparent rgba(0,0,0,0.7);
	position:absolute; left:auto; right:-20px; 
}
#temoignages .wrapper > p {
    background: url("../images/quote-top.png") no-repeat scroll 0 0px, url("../images/quote-bottom.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    color: #dfe0e0;
    font: 18px/1.2 Times New Roman;
    margin-bottom: 0;
    padding: 20px 28px 10px 40px;
    text-align: left;
	text-shadow:1px 1px 0 #000;
}





/*--------------------------------
@page : MESSAGERIE
@file : messagerie.php
---------------------------------*/
#panes  { margin:0 auto; max-width:940px; }
#panes #panes-head .control-checkbox { float:right; padding:20px 35px 20px 30px; border-left:1px solid #2f3030; box-shadow:inset 1px 0 0 #424444;  }
#panes #panes-head .actions { padding-top:15px; text-align:right; float:right; padding-right:30px; }

#panes .message { overflow:hidden; padding:15px; background:#f4f2ed; border-width:1px; border-style:solid; border-color:#fff #d2cec4 #d2cec4 #fff; }
#panes .message .picture { box-shadow:none; width:90px; height:90px; }
#panes .message .informations  { margin-left:110px; text-shadow:1px 1px 0 #fff; }
#panes .message .who  { color:#222; font-size:13px; line-height:1.4; }
#panes .message .who strong  { font-size:15px; }
#panes .message .type  { color:#333; background:#ffffff; padding:10px; border-radius:3px; border-bottom:1px solid #d2cec4;  }
#panes .message .type ul  { text-align:center; margin:10px 0 0; }
#panes .message .type ul li { display:inline-block; }
#panes .message .type ul li  a { margin:0 5px; }
#panes .message .type .title  { color:#fff; margin-bottom:10px; }
#panes .message .type p  { line-height:1.2; margin-bottom:5px; }
#panes .message .type .btn  { clear:both; }
#panes .message .excerpt  { position:relative; margin-bottom:10px; padding:20px 40px; border-radius:5px; background:url(../images/description-quote-top.png) no-repeat 0 0, url(../images/description-quote-bottom.png) no-repeat right bottom #f4f2ed; clear:both; font:16px/1.2 Times New Roman; color:#666666;  }
#panes .message .excerpt:after  {width:25px; height:10px; position:absolute; content:''; left:10px; bottom:-10px; display:block; background:url(../images/bubble-anchor.png) no-repeat -30px 0;  }
#panes .message:hover  { cursor:pointer; background:#f9f8f4; }
#panes .message .actions { text-shadow:1px 1px 0 #fff; line-height:1.4; text-align:left; padding: 0 15px; margin-right:50px;}
#panes .message .actions .btn { font-size:13px; text-shadow:none; }
#panes .message .actions .btn-black { text-shadow:1px 1px 0 #000; }
#panes .message .actions .message-time { color:#333; margin-bottom:15px;}
#panes .message .actions .message-state { color:#666; }
#panes .message .control-checkbox { float:right; padding:30px 10px 30px 30px; border-left:1px solid #f4f2ed; box-shadow:inset 1px 0 0 #fff;  }

#panes  #conversation .message { background:none; border:0;}
#panes .message .excerpt { color:#d1d1d1; background:url(../images/description-quote-top.png) no-repeat 0 0, url(../images/description-quote-bottom.png) no-repeat right bottom #393a3a; }
#panes .message .excerpt:after { background-position:0 0; }
#panes .message:hover  { cursor:pointer; background:#eae7e1; }
#panes .message.unread .message-state { color:#f93554;  }



.new { font-size:12px; border-radius:3px; background:rgba(0,0,0,0.7); color:#f93554; line-height:1; padding:0 3px 2px; text-transform:uppercase; }
.picture .new {
	display:none;
	padding:0 30px 2px;
    bottom: 70px;
    left: -28px;
    position: absolute;
	transform:rotate(-20deg);
	-moz-animation: gotnew infinite 0.6s ease-out;
	-webkit-animation: gotnew infinite 0.6s ease-out;
	animation: gotnew infinite 0.6s ease-out;
}
.unread .picture .new { display:block; }
@-moz-keyframes gotnew {
	0% { box-shadow:0; }
	50% { box-shadow:0 0 5px #f93554; }
	100% { box-shadow:0; }
}
@-webkit-keyframes gotnew {
	0% { box-shadow:0; }
	50% { opacity:0.8; box-shadow:0 0 5px #f93554; }
	100% { opacity:1; box-shadow:0; }
}
@keyframes gotnew {
	0% { box-shadow:0; }
	50% { box-shadow:0 0 5px #f93554; }
	100% { box-shadow:0; }
}

/*--------------------------------
@page : GIFT
@file : gifts.php
---------------------------------*/
#gift #gift-head .control-checkbox { float:right; padding:20px 45px 20px 40px; border-left:1px solid #f4f2ed; box-shadow:inset 1px 0 0 #fff;  }
#gift #gift-head .actions { padding-top:15px; text-align:right; float:right; padding-right:30px; }
#gift #gift-head .result { color:#2b2c2c; font-weight:bold; padding:20px;}

#gift .gift { padding:20px; overflow:hidden; border-bottom:1px solid #f4f2ed; }
#gift .gift .picture { width:150px; height:150px; margin-right:20px; }
#gift .gift .informations  { margin-left:110px; }
#gift .gift .excerpt  { position:relative; margin-bottom:10px; padding:20px 40px; float:left; border-radius:5px; background:url(../images/description-quote-top.png) no-repeat 0 0, url(../images/description-quote-bottom.png) no-repeat right bottom #f4f2ed; clear:both; font:16px/1.2 Times New Roman; color:#666666;  }
#gift .gift .excerpt:after  {width:25px; height:10px; position:absolute; content:''; left:10px; bottom:-10px; display:block; background:url(../images/bubble-anchor.png) no-repeat -30px 0;  }
#gift .gift .link2gift  { clear:both; display:block; }
#gift .gift .link2gift:hover  { color:#333; }
#gift .gift.unread .link2gift:hover  { color:#f0d79c; }
#gift .gift:hover  { background:#f9f8f4; }
#gift .gift .actions { padding-top: 60px; text-align:right; float:right; padding-right:30px; }
#gift .gift .actions .time { color:#222; margin-bottom:10px; }
#gift .gift .actions .gift-state { color:#b1a78f; margin-bottom:15px;}
#gift .gift .control-checkbox { float:right; padding:90px 20px 90px 40px; border-left:1px solid #f4f2ed; box-shadow:inset 1px 0 0 #fff;  }


#gift .gift.unread { background:#2b2c2c; border-bottom:1px solid #17191a; border-top:1px solid #393a3a;}
#gift .gift.unread .who { color:#ffffff; }
#gift .gift.unread .excerpt { color:#d1d1d1; background:url(../images/description-quote-top.png) no-repeat 0 0, url(../images/description-quote-bottom.png) no-repeat right bottom #393a3a; }
#gift .gift.unread .excerpt:after { background-position:0 0; }
#gift .gift.unread:hover  { background:#333; }
#gift .gift.unread .actions .time { color:#ffffff; }
#gift .gift.unread .control-checkbox { border-left:1px solid #17191a; box-shadow:inset 1px 0 0 #393a3a;  }

#gift .gift.unread .completion {
    background: none repeat scroll 0 0 #151718;
    box-shadow: 1px 1px 0 #131415 inset, 1px 1px 0 #3e4041;
}

.gift .title { color:#222; }
.gift-desc { float:left; width:180px; margin-left:10px; }
.gift-desc .btn-gold { display:none; }
.gift-image { cursor:pointer; float:left; border-radius:7px; width:80px; height:80px; padding:3px; background:#222}
.gift-image > div { position:relative; overflow:hidden; border-radius:6px; height:74px; }
.gift-image > div  > img { 
	max-width:100%;
	transition:all 0.5s cubic-bezier(.48,.03,.48,.98);
	-ms-transition:all 0.5s cubic-bezier(.48,.03,.48,.98);
	-webkit-transition:all 0.5s cubic-bezier(.48,.03,.48,.98);
}
.gift-image .top { position:absolute; top:-51%; left:0; }
.gift-image .bottom { position:absolute; bottom:-60% left:0; }

.unread .title { color:#d7bc79; }
.unread .gift-desc .btn-gold { display:block; }
.unread .gift-image { background:#222; }
.unread .gift-image .top { top:0; }
.unread .gift-image .bottom { bottom:0; }

.gift .member { display:block; clear:none; overflow:hidden; margin-left:220px; border:0; padding:0; } 
.gift .member .informations {  margin-right:0; } 
.gift .member .title  { font:20px Times New Roman; margin-bottom:15px; } 


#gift-box {  width:700px; }
#gift-box .title {
    color: #fae7bc;
    font: 24px/1.2 Times New Roman;
    margin-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase;
}
#gift-box .subtitle { color: #222; font: 20px Times New Roman; margin-bottom: 20px;}
#gift-box .actions { border-radius:0 0 5px 5px; background:#f4f2ed; overflow:hidden; border-top:1px solid #ccc; padding:10px 20px; margin:0 -20px -10px -20px; }
#gift-box .actions .btn { float:right; }
#gift-box .wrapper {
    background:#f4f2ed;
    border-radius: 4px;
    color: #aaa;
    padding: 10px 20px;
}
#gift-box .tab-pane { position:relative; width:700px; left:-20px; clear:both; padding:10px 5px;  }
#gift-box .gift-slide-wrapper { margin:0 20px; position:relative; }
#gift-box .gift-slide .owl-pagination  { text-align:center; }
#gift-box .gift-slide .owl-page  { display:inline-block; width:10px; height:10px; border-radius:12px; background:#333; box-shadow:inset 1px 1px 2px #000; margin:0 4px; }
#gift-box .gift-slide .owl-page.active  { background:#a19378; box-shadow:inset 1px 1px 2px #ab8857;  }
#gift-box .gift-slide .owl-page:hover  { background:#fae7bc; box-shadow:inset 1px 1px 2px #ab8857;  }
#gift-box .gift-slide .gift { width:210px; overflow:hidden; cursor:pointer;  border-radius:5px;}
#gift-box .gift-slide .gift input { display:none; }
#gift-box .gift-slide .gift-desc i { display:none; }
#gift-box .gift-slide .gift.active { background:#222!important; color:#fae7bc!important; }
#gift-box .gift-slide .gift.active .gift-desc i { display:inline-block; }
#gift-box .gift-slide .gift:hover { background:#222; }
#gift-box .gift-slide .gift:hover .gift-image, #gift-box .gift-slide .gift.active .gift-image { border:3px solid #000;  }
#gift-box .gift-slide .gift-image { width:200px; height:200px; margin:5px 5px 0; border-radius:8px; overflow:hidden; border:3px solid #f4f2ed; } 
#gift-box .gift-slide .gift-image img { max-width:100%; display:block; } 
#gift-box .gift-slide .gift-desc { text-align:center; margin-bottom:5px; text-transform:uppercase; } 
#gift-box .btn-golden { 
	display:block; text-align:center; max-width:200px; background:url("../images/bg-golden.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);  
    color: #565151;
    display: block;
	float:right;
    font: 13px Roboto;
    text-align: center;
    text-transform: uppercase;
} 

#gift-box .owl-prev { position:absolute; left:-14px; top:100px; color:#a19378; }
#gift-box .owl-next { position:absolute; right:-14px; top:100px; color:#a19378; }
#gift-box .owl-next:hover { color:#fae7bc; }
#gift-box .owl-prev:hover { color:#fae7bc; }


#gift-box-step-2 { display:none; }
#gift-box-step-2 .tab-pane  { padding:5px 20px; overflow:hidden; }
#gift-box-step-2 .back { padding:12px; margin-right:5px;}
#gift-box-step-2 .gift { float:left; margin-right:10px; }
#gift-box-step-2 .gift-image { width:200px; height:200px; margin:5px 5px 0; border-radius:8px; overflow:hidden; border:3px solid #f4f2ed; } 
#gift-box-step-2 .gift-image img { max-width:100%; display:block; } 
#gift-box-step-2 .gift-title { color: #222; font: 20px Times New Roman; margin: 20px 0; } 
#gift-box-step-2 .gift-desc { margin-bottom:5px; } 
#gift-box-step-2 .gift-content { margin-left:220px;} 






/*--------------------------------
@page : AGENDA
@file : agenda.php
---------------------------------*/
#big-agenda #agenda { margin-top:20px; }
#big-agenda #agenda .body { padding:0; }
#big-agenda #agenda .head { height:auto; overflow:hidden; }
#big-agenda #agenda .month { color: #333; font: 24px/1.2 Times New Roman; margin-bottom: 10px; text-transform: uppercase;}
#big-agenda #agenda .legend { margin-bottom:20px; text-align:center; }
#big-agenda #agenda .clndr-next-button, #big-agenda #agenda .clndr-previous-button { padding:5px 11px; }
#big-agenda #agenda .clndr-table .header-days { display:table-row; }
#big-agenda #agenda .clndr-table { width:100%; }
#big-agenda #agenda .clndr-table td { font-size:12px; width:14.285714%; padding:14px 0; background:#fbfaf6; border-style:solid; border-width:1px; border-color:#fff #f4f2eb #f4f2eb #fff;  }
#big-agenda #agenda .clndr-table td:hover { background:#e7e3da; }
#big-agenda #agenda .clndr-table td.demande { position:relative; }
#big-agenda #agenda .clndr-table td.demande:after { color:#222; font-size:14px; content:"\f06a"; font-family:'FontAwesome'; position:absolute; bottom:-2px; right:4px; }
#big-agenda #agenda .clndr-table td.adjacent-month { border:0; }
#big-agenda #agenda .clndr-table .header-days td {background:none; border:1px solid transparent;}
#big-agenda #agenda .clndr-table td.day { cursor:pointer; }
#big-agenda #agenda .clndr-table td.event {
	color:#222;
	background:url(../images/bg-note.png) no-repeat 0 center; 
	box-shadow:1px 1px 0 rgba(0, 0, 0, 0.1) inset;
	border-right:1px solid #f7e3b0; border-bottom:1px solid #f7e3b0;
	transition:all 0.2s cubic-bezier(0.03, 0.61, 0.51, 0.98);
}
#big-agenda {
    margin: 0 auto;
    max-width: 940px;
}
#big-agenda .body { padding:20px; }
#big-agenda .body > div { padding:0 20px; }
#big-agenda #agenda .clndr-table td.event:hover { background-position:-10px center; }
#big-agenda #event-list { display:block; }
#big-agenda .title { color: #333; font: 24px/1.2 Times New Roman; margin-bottom: 20px; text-transform: uppercase; margin-top:20px; }
#big-agenda #event-list .fa-calendar-o { position:relative; font-size:20px; }
#big-agenda #event-list .fa-calendar-o span { font-size: 13px; left: 0; position: absolute; text-align: center; top: 6px; width: 19px; }
#big-agenda #event-list .event, #big-agenda #demand-list .demand { padding:2px; border-top:1px solid #fff; }
#big-agenda #event-list, #big-agenda #demand-list { height:200px; overflow:hidden; position:relative; }
#big-agenda .ps-container .ps-scrollbar-y-rail { width:4px; background:#111; box-shadow:1px 1px 0 #444; }
#big-agenda #event-list .event:first-child, #big-agenda #demand-list .demand:first-child { border-top:0; }
#big-agenda #event-list .clock { color:#bda470; }
#big-agenda .btn { display:block; }

#big-calendar-aside { background:#fbfaf6; padding:20px; color:#222; min-height:440px; border-left:1Px solid #dbd9d5; }
#big-calendar-aside .title { color:#222; font-size:18px; }
#big-calendar-aside #event-list { margin-bottom:40px; }

#fancy-day {
	display:none; 
	width:800px;
	padding:10px 20px 20px;
    background: #ffffff;
    border-radius:4px;
    box-shadow: 1px 1px 0 #ffffff inset, -1px -1px 0 #dbd9d5 inset;
    color: #9f8950;
	overflow:hidden;
}
#fancy-day .title { font:24px Times New Roman; color:#9f8950; text-transform:uppercase; margin-bottom:10px; }
#fancy-day .subtitle {
	border-bottom: 1px solid #ccc;
    color: #222;
    font: 18px Times New Roman;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
#fancy-day .wrapper { clear:both; background:#f4f2ed; color:#aaa; border-radius:4px; padding:10px 20px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#fancy-day .no-connection { border-radius:4px; color:#aaa; padding:10px 20px; text-align:center; margin-bottom:20px;}
#fancy-day > .btn { float:right; }
#fancy-day .form-group:after { clear:both; display:table; content:''; }
#fancy-day label { color:#666; }

#no-connection .wrapper { margin-bottom:10px; text-align:center; }
#no-connection .btn { float:right; }

#connection-repeat {display:none; }
#add-connection {display:none; }

#connection-demands .wrapper { margin-bottom:10px; padding-bottom:5px; }
#connection-demands-link { margin-bottom:5px; color:#222; text-align:center; padding:5px; border-radius:5px; display:block; border:1Px solid transparent; }
#connection-demands-link:hover { color:#fff; background:#2b2c2c; border-bottom:1Px solid #111; border-right:1Px solid #111; }


#connection-demands-list .demand { border-radius:5px; margin:0 0 2px; background:#fff; padding:5px 10px; border-bottom:1px solid #ddd; }
#connection-demands-list .demand:after { clear:both; display:table; content:'';}
#connection-demands-list .picture { position:relative; float:left; width:60px;  }
#connection-demands-list .picture img { max-width:100%; display:block; }
#connection-demands-list .informations{ margin-left:20px; color:#222;  float:left; width:420px; }
#connection-demands-list .informations .who { line-height:1; }
#connection-demands-list .informations .when { color:#9f8950; }
#connection-demands-list .actions, #demand-list .actions{ float:right; }
#connection-demands-list .actions, #demand-list .actions {
    background: none repeat scroll 0 0 #f4f2ed;
    border-radius: 5px;
    float: right;
    padding: 3px;
    width: 171px;
}
#connection-demands-list .actions li, #demand-list .actions li {
    float: left;
}
#connection-demands-list .actions a, #demand-list .actions a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f9f7f2;
    border-color: #ffffff #e4e2de #e4e2de #ffffff;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #bea15e;
    display: block;
    height: 51px;
    padding-top: 15px;
    text-align: center;
    transition: all 0.5s cubic-bezier(0.03, 0.61, 0.51, 0.98) 0s;
    width: 55px;
}

#demand-list .actions {
    width: 102px;
    padding:0px;
}

#demand-list .actions a {
      padding-top: 2px;
  height: 25px;
  width: 50px;
}

#demand-list .demand{
    margin-top: 10px;
    padding-top: 8px !important;
}

#ask_meeting_date_meeting_time_hour { float:left; width:auto; }
#ask_meeting_date_meeting_time_unit { float:left; width:auto; margin:8px 5px;}
#ask_meeting_date_meeting_time_minute { float:left; width:auto; }

#fancy-meeting { width:600px; text-align:left;}
#fancy-meeting  .content { width:600px; text-align:left; overflow:hidden; }
#fancy-meeting .form-group { overflow:hidden; }
#fancy-meeting .form-group label { padding-top:5px; text-align:right;}
#fancy-meeting hr { margin:7px 0; }
#fancy-meeting .btn-gold { padding:10px 25px; }

#fancy-vocal { width:600px; text-align:left;}
#fancy-vocal  .content { width:600px; text-align:left; overflow:hidden; }
#fancy-vocal .form-group { overflow:hidden; }
#fancy-vocal .form-group label { padding-top:5px; text-align:right;}
#fancy-vocal hr { margin:7px 0; }
#fancy-vocal .btn-gold { padding:10px 25px; }



/*--------------------------------
@page : photos-pane
@file : photos-pane
---------------------------------*/
/*--------------------------------
@page : PHOTOS
@file : photos.php
---------------------------------*/
#graphic-page > .container > .wrapper { position:relative; }
#img-picto-equal-view {position:absolute; right:0; top:1px; z-index:20; }

#graphic-page #add-photos { overflow:hidden; background:#1e2022; padding:10px 20px 30px; border-radius:5px; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.1); margin-bottom:15px; }
#graphic-page #add-photos .title { margin-bottom:10px; font-size:18px; text-transform:none;  }

#graphic-page #add-photos  .wrapper { float:left; width:485px; margin-right:15px; border-radius:5px; padding:0; background:#f1f1f1; color:#000; font:13px Roboto Condensed; }
#graphic-page #add-photos .body { font-size:14px; position:relative; padding:24px 20px 27px 60px; }
#graphic-page #add-photos .body p { margin-bottom:10px; }
#graphic-page #add-photos .body a { color:#f2191a; }
#graphic-page #add-photos .fa-warning { position:absolute; color:#999999; font-size:30px; top:30px; left:20px; }
#graphic-page #add-photos  .foot { border-top:1px solid #d9d9d9; padding:20px 20px 25px; background:#ffffff; color:#000; }
#graphic-page #add-photos  .foot .btn { display:block; padding:10px; text-transform:uppercase;}

#graphic-page #add-photos  .accepted, #graphic-page #add-photos  .rejected { box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3); height:200px; color:#fff; width:180px; padding:10px; border-radius:5px; background:url(../images/bg-accepted.png) no-repeat center 0 #53b522; float:left; }
#graphic-page #add-photos  .rejected { background:url(../images/bg-rejected.png) no-repeat center 0 #e70000; margin-left:10px; }
#graphic-page #add-photos  .accepted .title, #graphic-page #add-photos  .rejected .title { text-shadow:none; color:#fff; font-size:20px; padding-bottom:10px; text-transform:uppercase; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(255,255,255,0.1);}
#graphic-page #add-photos  .accepted li, #graphic-page #add-photos  .rejected li {line-height:1.8; margin-bottom:5px; }

#photo-avantages { overflow:hidden; margin-bottom:20px; }
#photo-avantages .push { border-radius:3px; float:left; margin-left:10px; background:url(../images/bg-offer-black.png) no-repeat center 0 #1b1d1e; width:300px; height:200px; color:#dfdfdf; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.2); }
#photo-avantages .push:first-child { margin-left:0; }
#photo-avantages .push .title { font-size:20px; margin:0; padding:20px; border-bottom:1px solid rgba(0,0,0,0.2); box-shadow:0 1px 0 rgba(255,255,255,0.05); }
#photo-avantages .push .title img { float:left; margin:-5px 8px 0 0; }
#photo-avantages .push p { padding:10px 20px; font:13px/1.4 Roboto Condensed;  }

#photo-rules  { clear:both; margin:0 -30px; background:#26292b; }
#photo-rules .title, #pane-photos .head  { margin-bottom:0; font-size:20px; text-transform:uppercase; padding:10px 45px; border:1px solid #363b3e; border-bottom:1px solid #0a0a0b; border-right:1px solid #0a0a0b; background:#282b2d; box-shadow:0 -10px 20px #141516 inset;  }
#photo-rules .legend { margin-bottom:15px; background:#393a3c; border-radius:5px; padding:20px; font:italic 13px Roboto Condensed; color:#a99f87; }
#photo-rules .content { padding:15px 45px; color:#fff; }
.small-title { text-transform:uppercase; margin-bottom:10px;}
#photo-rules .topublish ul li { line-height:1.2; position:relative; padding-left:30px; margin-bottom:10px; }
#photo-rules .topublish ul span { color:#000; border-radius:15px; background:url(../images/register-step-next.png) no-repeat center center; width:20px; line-height:20px; height:20px; display:block; position:absolute; left:0; text-align:center; }

#photo-rules .tobeapproved .title { text-shadow:none; font:13px Roboto; color:#a8ff00; border:none; background:#393a3c; box-shadow:none; padding:3px 45px; }
#photo-rules .tobeapproved .content { padding:20px 45px; background:#3f4143; }
#photo-rules .tobeapproved li { padding:0; }
#photo-rules .toberejected .title { text-shadow:none; font:13px Roboto; color:#f2191a; border:none; background:#393a3c; box-shadow:none; padding:3px 45px; }
#photo-rules .toberejected .content { padding:20px 45px; background:#3f4143; }
#photo-rules .toberejected li { padding:0; }
#photo-rules .toberejected li span { color:#97e500; background:none; width:auto; display:inline; float:none; clear:none;  }


#photo-rules .fa-close { color:#e50000; }
#photo-rules .fa-check { color:#97e500; }

#photo-rules .example { margin:20px 0 0; }
#photo-rules .example li { display:inline-block; margin-right:10px; position:relative; }
#photo-rules .example i { position:absolute; right:5px; bottom:5px; font-size:40px; text-shadow:2px 2px 2px rgba(0,0,0,0.5); }

#add-photos {
    background: none repeat scroll 0 0 #1e2022;
    border-radius: 5px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px 20px 30px;
}
#add-photos  .accepted, #add-photos  .rejected { box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3); height:200px; color:#fff; width:180px; padding:10px; border-radius:5px; background:url(../images/bg-accepted.png) no-repeat center 0 #53b522; float:left; }
#add-photos  .rejected { background:url(../images/bg-rejected.png) no-repeat center 0 #e70000; margin-left:10px; }
#add-photos  .accepted .title, #add-photos  .rejected .title { text-shadow:none; color:#fff; font-size:20px; padding-bottom:10px; text-transform:uppercase; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); box-shadow:0 1px 0 rgba(255,255,255,0.1);}
#add-photos  .accepted li, #add-photos  .rejected li {line-height:1.8; margin-bottom:5px; }



#pane-photos { font-family: Roboto Condensed; margin:0 -30px 30px;background:#1e2022; box-shadow:0 1px 0 rgba(255,255,255,0.1); }
#pane-photos .head  { padding:10px 15px; }
#pane-photos  .block .head .title { margin-bottom:0;  color:#e0c997;   text-shadow: 1px 1px 0 #000; }
#pane-photos .body { background:#26292b; }
#pane-photos .dl-photo-link {
    background: url("../images/bg-offer-black.png") no-repeat scroll center 0 #1b1d1e;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset, -1px -1px 0 rgba(0, 0, 0, 0.5) inset;
    color: #dfdfdf;
	border-radius:6px;
}
#pane-photos .dl-photo-link > a:first-child i { z-index:20; position:absolute; font-size:20px; color:#e0c997; opacity:0.8; left:50%; margin-left:-8px; top:70px; }
#pane-photos .dl-photo-link > a:first-child img { opacity:0.3; }
#pane-photos .dl-photo-link:hover > a:first-child i { color:#222; opacity:1; }
#pane-photos .dl-photo-link:hover > a:first-child img { opacity:1; }
#pane-photos .dl-photo-link  .img-thumbnail { background:#1a1a1a; }
.list-album-photo a.btn-gold {
    bottom: 10px;
    left: 8px;
    margin: 0;
    position: absolute;
    text-align: center;
	padding:6px 5px;
    width:90%;
}

#pane-photos .block { overflow: hidden; margin-bottom:10px; }
#pane-photos .block .actions { padding:10px 20px; text-align:right; border-bottom:1px solid #eee; }
#pane-photos .block .actions .btn-gold { display:inline-block; margin:0; }
#pane-photos .block .actions .btn-gold i { float:none; margin:0; }
#pane-photos .block .body { margin:0 0 10px; padding:3px 8px; border-bottom:1px solid #000; box-shadow:0 2px 2px rgba(0, 0, 0, 0.2) inset; }
#pane-photos .block .owl-buttons { top:-35px;  background:#26292b; }
#pane-photos .block .owl-buttons > div { 
    background: url("../images/bg-offer-black.png") no-repeat scroll center 0 #1b1d1e;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset, -1px -1px 0 rgba(0, 0, 0, 0.5) inset;
    color: #e0c997;
}
#pane-photos .block.list-album-photo { margin-bottom:0; }
#pane-photos .block.list-album-photo a { font-size:13px; }
#pane-photos .block.list-album-photo .title .fa-lock { font-size:13px; }
#pane-photos .block .profil-slider .item { max-width:155px; margin:3px; }
#pane-photos .block .caption { color:#9f8950; }
#pane-photos .block .title {
    color: #9f8950;
    font: 17px/1 Times New Roman;
	margin-left:10px;
    text-shadow: 1px 1px 0 #fff;
    text-transform: none;
}


#pane-add-photos .tips .btn-golden{ font-size:22px;}
#pane-add-photos .block { background: none repeat scroll 0 0 #f4f2ed; overflow: hidden; }
#pane-add-photos .block .actions { padding:10px 20px; text-align:right; border-bottom:1px solid #eee; }
#pane-add-photos .block .actions .btn-gold { display:inline-block; margin:0; }
#pane-add-photos .block .actions .btn-gold i { float:none; margin:0; }
#pane-add-photos .block .body { margin:0; padding:3px 8px; border-bottom:1px solid #fff; }
#pane-add-photos .block .owl-buttons { top:-35px; }
#pane-add-photos .block.list-album-photo { margin-bottom:0; }
#pane-add-photos .block.list-album-photo a { font-size:13px; }
#pane-add-photos .block.list-album-photo .title .fa-lock { font-size:13px; }
#pane-add-photos .block .profil-slider .item { max-width:155px; margin:3px; }
#pane-add-photos .block .caption { color:#9f8950; }
#pane-add-photos .block .title {
    color: #9f8950;
    font: 17px/1 Times New Roman;
	margin-left:10px;
    text-shadow: 1px 1px 0 #fff;
    text-transform: none;
}

.pane-labels  { margin:0; border-top:1px solid #f4f2ed;  box-shadow: 0 -10px 20px #f4f2ed inset; border-bottom:1px solid #d2cec4;}
.pane-labels > div { 
	height:30px; color:#999; padding:4px 10px; border:1px solid #eee; border-left:1Px solid #fff; border-top:1Px solid #fff; 
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    position: relative;
	text-shadow:1px 1px 0 #fff;
}
/* labels in black
.pane-labels > div {
	border:1px solid #222; border-left:1Px solid #333; border-top:1Px solid #333;
	background: #2b2c2c;
	box-shadow: 0 -20px 30px #222  inset;
	text-shadow:1px 1px 0 #111;
}
*/
.pane-labels > div:last-child { padding:5px 0; }
.pane-labels .control-checkbox { float:right; padding:0 30px; border-left:1px solid #eee; box-shadow:inset 1px 0 0 #fff;  }
.pane-labels .control-checkbox input { margin-top:3px; }
.pane-labels .actions { padding-top:0; text-align:right; float:right; padding-right:64px; }
.pane-labels .actions .btn { margin-top:-4px; margin-bottom:-4px; }

.pane-head .control-checkbox { float:right; padding:20px 35px 20px 30px; border-left:1px solid #eee; box-shadow:inset 1px 0 0 #fff;  }
.pane-head .actions { padding-top:15px; text-align:right; float:right; padding-right:30px; }
.pane-title {
	color: #2b2c2c;
    font: 18px times new roman;
    padding: 20px;
    text-transform: uppercase; 
}
.pane-head .btn-white { color:#666; float:right; margin-top:-3px; font-size:13px; }
.pane-title .btn { text-transform:none; float:right; margin-top:-3px; }

.pane-head .btn-back { margin:16px; float:left; padding:6px 12px; } 
.pane-head .btn-back:hover { border:1px solid transparent; } 

#edit-photo .title { font:36px/1 times new roman; color:#222; text-shadow:none; margin-bottom:15px; text-transform:uppercase; }
#edit-photo { margin-bottom:10px; }
#edit-photo .btn-golden { font-size:20px!important; }

#pane-add-photos #add-photos .accepted, #pane-add-photos #add-photos .rejected { width:auto; float:none; margin:0; }
#pane-add-photos #add-photos  { background:#fff; }
#pane-add-photos #add-photos .foot  { border:1px solid #edeae2; border-top:1px solid #fff; background:#f4f2ed; box-shadow:none; }     
#pane-add-photos #add-photos .foot .btn-gold  { display:block; float:none; margin:0; text-align:center; }     
#pane-add-photos #add-photos .body p { color:#222; margin-bottom:5px; text-align:left; }    
#pane-add-photos #add-photos .body  {    
	border-radius:3px 3px 0 0;
	background: #f4f2ed;
	border:1px solid #edeae2;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    font-size: 14px;
    padding: 24px 20px 27px 60px;
    position: relative;
}
#pane-add-photos #add-photos .body a:hover { color:#222; }
#pane-add-photos #add-photos .btn-golden, #edit-photo .btn-golden {
    border: 4px solid #ccc;
    border-radius: 8px;
    color: #42310d;
    display: block;
    float: none;
    font: 25px/0.9 Roboto Condensed;
    margin: 0 auto;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    width: 390px;
}
#edit-photo .btn-golden{ width:100%; }
#pane-add-photos #add-photos .btn-golden:hover, #edit-photo .btn-golden:hover { box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5), inset 1px 1px 0 rgba(255, 255, 255, 0.6), 0 0 20px #eed596 inset, 0 -1px 0 rgba(0, 0, 0, 0.3) inset; }
#pane-add-photos #front_album_photo_file_obj { display:none; }
#pane-add-photos #add-photos .fa-warning {
    color: #999999;
    font-size: 30px;
    left: 20px;
    position: absolute;
    top: 30px;
}

#pane-add-photos #jcrop_target { max-width:100%; display:block; }

#confirm-img { margin:0 auto; border:1px solid #eee; border-radius:5px; border-right:1px solid #999; border-bottom:1px solid #999; box-shadow:1px 1px 2px #aaa; }

#edit-photo { background:#fff; padding:10px; border-radius:5px; }
#edit-photo #containment-wrapper { background:#ccc; padding:10px; border-radius:3px; }
#pane-add-photos .wrapper { background:#1e2022; }
#pane-add-photos .btn-black:first-child { margin-right:10px; } 
#pane-add-photos .btn-black:first-child img { margin:3px  auto;  } 
#pane-add-photos .btn-black { white-space:normal; float:left; width:140px; display:block; font:18px/1 Times New Roman; padding:10px 12px; margin-bottom:5px; text-transform:uppercase; } 
#pane-add-photos .btn-black img { display:block; margin:10px auto; } 
#pane-add-photos .tips { line-height:1.4; margin-bottom:15px; padding:15px; border-radius:3px; background:#eee; color:#222; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.2); }
#pane-add-photos .tips p { margin-bottom:15px; } 
#pane-add-photos .tips ul { list-style:disc; margin-left:20px; } 
#pane-add-photos .tips .title { font-size:20px; margin:0; padding:20px; border-bottom:1px solid rgba(0,0,0,0.2); box-shadow:0 1px 0 rgba(255,255,255,0.05); }
#pane-add-photos select { margin-bottom:20px; } 
#pane-add-photos #preview { 
    height: 290px;
    margin: 0 auto 15px;
    overflow: hidden;
    width: 290px;
}
#masks { margin-bottom:20px; background:#fff; padding:10px; border-radius:3px; margin-top:20px;}
#masks img  { cursor:pointer }
#masks .owl-prev  { position:absolute; left:0; color:#222; }
#masks .owl-next  { position:absolute; right:0; color:#222; }

.pane-title .step { float:right; color:#b1ada2; margin-top:-4px; }
.pane-title .step span { display:inline-block; width:35px; height:20px; text-align:center; border-radius:3px; background:#b1ada2; line-height:1; color:#fff; }

/*--------------------------------
@page : account
@file : account.php
---------------------------------*/
#panes #profil .body { padding:20px; }
#panes #profil .title { font-size:20px; margin-bottom:10px; }
#panes #profil #profil-main-information { padding:20px; font-size:14px; }
#panes #profil #profil-scd-information { padding:20px; }
#panes #profil .col-md-6 .form-group { margin:20px; }
#panes #profil .form-horizontal .checkbox { padding-top:0; }
#panes #profil label { padding:0; }
#panes #profil .text {  padding:0;}
#panes #profil #profil-main-information fieldset p { margin-bottom:10px;}


/*--------------------------------
@page : contact form home
@file : home-contact-us.php
---------------------------------*/
#contact-form { margin-left:45%; }
#contact-form .wrapper { margin-top:50px; padding-bottom:25px; max-width:500px; }
#contact-form .wrapper p  { color: #888;  font: 14px Roboto Condensed; }
#contact-form .wrapper .error  { background:#ddc58c; color:#333; padding:0 10px; border-radius:0 0 5px 5px; font-size:12px; text-align:center;}
#contact-form .wrapper .form-group  { margin-bottom:20px; }
#contact-form .wrapper .title {
    color: #ddc58c;
    font: 20px/1 Times New Roman;
    margin: 0 0 20px;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
    text-transform: uppercase;
}


/*--------------------------------
@page : TEXT PAGE
@file : mentions.php / conseils.php / cgu.php
---------------------------------*/
#home-wrapper #graphic-page {margin:0; }
#txt-page {
    background: none repeat scroll 0 0 #1a1c1d;
    border-radius: 3px;
    color: #fff;
    margin: 0 auto 100px;
    padding: 30px;
}
#txt-page h1.title { font-size:36px; text-align:left; margin: 0 0 30px; }
#txt-page .phone { color:#e0c997; font:18px/1 Times New Roman; }
#txt-page .small { color:#888; }
#txt-page .statut { color:#888; }
#txt-page .row { margin:0 -15px; }
#txt-page .row > div { padding:0 15px; }

#txt-page .wrapper {
    background: #fff;
    border-radius: 3px;
    color: #222;
    margin: 0 auto 0;
    padding: 40px;
}
#txt-page .wrapper h2 {
    color: #000000;
    font: 26px Times New Roman;
	margin-bottom:20px;
}
#txt-page .wrapper p { font-size:14px; margin-bottom:25px; }
#txt-page .wrapper h3 {
    font: 18px/1 Times New Roman;
    text-transform: uppercase;
	margin-bottom:20px;
	color:#9f8950;
}
#txt-page.mentions .wrapper p {
    margin-left: 40px;
    position: relative;
}
#txt-page.mentions .wrapper ul {
    list-style: outside none disc;
    margin-bottom: 20px;
    margin-left: 55px;
}
#txt-page.mentions .number {
    font: 15px/1 Times New Roman;
	color:#9f8950;
    left: -23px;
    position: absolute;
    top: 2px;
}





/*--------------------------------
@page : CONFIRMATION
@file : validation.php
---------------------------------*/
#home-wrapper #confirmation {
    margin-top: 50px;
    max-width: 500px;
    padding-bottom: 25px;
}
#confirmation { margin-top:50px; padding-bottom:25px; max-width:500px; }
#confirmation p  { color: #888; margin-bottom:20px;  font: 14px Roboto Condensed; text-align:left; }
#confirmation .error  { background:#ddc58c; color:#333; padding:0 10px; border-radius:0 0 5px 5px; font-size:12px; text-align:center;}
#confirmation .form-group  { margin-bottom:20px; }
#confirmation p span {color: #ddc58c; }
#confirmation .title {
    color: #ddc58c;
    font: 20px/1 Times New Roman;
    margin: 0 0 20px;
    text-align: center;
    text-shadow: 2px 2px 2px #000;
    text-transform: uppercase;
}
#changeEmailPlease { display:none; }




#popup-edit-profile { padding:20px; width:550px; min-height:200px; display:none; }
#popup-edit-profile  #img-picto-equal-view { top:10px; right:0; }
#popup-edit-profile  h2 {
    color: #fae7bc;
    font: 24px/1.2 Times New Roman;
    margin-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase;
}
#popup-edit-profile  .content { background:#2b2c2c; border-radius:4px; color:#aaa; padding:30px 20px; text-align:center; }
#popup-edit-profile  .content  strong {  color:#fff; }

#popup-advice-profile { padding:20px; width:550px; min-height:200px; display:none; }
#popup-advice-profile  #img-picto-advice-popup { top: -24px;right: 0;height: 150px; }
#popup-advice-profile  h2 {
    color: #fae7bc;
    font: 24px/1.2 Times New Roman;
    margin-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase;
}
#popup-advice-profile  .content { background:#2b2c2c; border-radius:4px; color:#aaa; padding:30px 20px; text-align:center; }
#popup-advice-profile  .content  strong {  color:#fff; }

#popup-unsubscribe { padding:20px; width:550px; min-height:200px; display:none; }
#popup-unsubscribe  #img-picto-advice-popup { top: -24px;right: 0;height: 150px; }
#popup-unsubscribe  h2 {
    color: #fae7bc;
    font: 24px/1.2 Times New Roman;
    margin-bottom: 10px;
    padding-left: 10px;
    text-transform: uppercase;
}
#popup-unsubscribe  .content { background:#2b2c2c; border-radius:4px; color:#aaa; padding:30px 20px; text-align:center; }
#popup-unsubscribe  .content  strong {  color:#fff; }


.colored-table { width:100%; color:#222; border-collapse:unset; }
.colored-table thead {
    box-shadow: 0 -10px 20px #f4f2ed inset; 
}
.colored-table tr th {
	text-align:center;
    border-color: #fff #eee #eee #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #eee;
    border-style: solid;
    border-width: 1px;
    color: #999;
    height: 30px;
    padding: 4px 10px;
    text-shadow: 1px 1px 0 #fff;
    border-bottom: 1px solid #d2cec4;
    border-top: 1px solid #f4f2ed;
}
.colored-table tr:hover td{
	background:#eae7e1; 
}
.colored-table tr td{
    background:#f4f2ed;
    border-color: #fff #d2cec4 #d2cec4 #fff;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    padding: 5px 15px;
}


.statut { clear:both; overflow:hidden; border-top:1px solid #ecebe6; border-bottom:1px solid #ecebe6; margin-bottom:10px;}
.statut > * { float:left; }

#informations .pane-title { padding-left:30px; }

#informations table { width:470px; color:#292929; border-right:1px solid #ecebe6; }
#informations table tr:first-child td { box-shadow:none; }
#informations table td { padding:5px 10px; box-shadow:inset  0 1px 1px #ecebe6; border-bottom:1px solid #fff; background:#f9f8f6; }
#informations table td:first-child{ font-size:12px; text-transform:uppercase; width:160px; text-align:right; }
#informations table tr:nth-child(odd) td { background:#fcfcfa;  }

#informations-photo { position:relative; margin:10px; padding:30px; background:#2b2c2c; border-radius:5px; width:450px; height:234px; }
#informations-photo .title { font:22px/1 Times New Roman;  padding-bottom:10px; margin-bottom:20px; color:#ddc998; text-transform:uppercase; border-bottom:1px solid #1b1c1c; box-shadow:0 1px 0 #3e3f3f; }
#informations-photo p { color:#ccc; }
#informations-photo .btn-gold { font-weight:bold; text-transform:uppercase; }
#informations-photo .ruban { position:absolute; right:30px; top:-5px; }

#informations textarea { box-shadow:1px 1px 1px rgba(0,0,0,0.15) inset; border:0; background:#f9f8f6; font-size:13px; line-height:20px; color:#777676; height:120px; }
#informations select { box-shadow:1px 1px 1px rgba(0,0,0,0.15) inset; border:0; background:#f9f8f6; font-size:13px; line-height:20px; color:#777676; }
#informations .row { margin:0 25px; }
#informations .row > * { padding-left:5px; padding-right:5px; }
#informations .row > .col-md-12 { margin-bottom:20px; }
#informations .row > .col-md-6 .pane-title { padding-left:0; }

#informations .control-label, #informations label { text-align:right; color:#292929; margin-top:6px;}
#informations .form-group { position:relative; overflow:hidden; margin-bottom:10px; }
#informations select { width:100%; }
#informations .col-sm-9 div { position:relative; }
.ui-multiselect-single .ui-multiselect-checkboxes label { cursor:pointer; }
.ui-multiselect-single .ui-widget-header { display:none; }

#informations-completion { float:right; margin-top:16px; margin-right:30px; }
#informations-completion > *  { float:left; }
#informations-completion .completion-sentence  { margin-top:5px; margin-left:10px; }

#informations fieldset.biglab { padding:10px 20px; }
#informations fieldset {
    border: 1px solid #e9e0cb;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px 10px;
}
#informations fieldset legend {
    padding: 0 5px;
    text-transform: uppercase;
    width: auto;
}

#personal_informations_presentation_content{
    text-align:justify;
}

#informations_save { width:300px; margin:20px auto 40px; display:block;  }

#graphic-page #pay-confirm {
    margin: 70px 0 70px 530px;
    padding: 50px;
    width: 340px;
}

/* NEW PROFILES 24/02/2015 */
.statut { clear:both; overflow:hidden; border-top:1px solid #ecebe6; border-bottom:1px solid #ecebe6; margin-bottom:10px;}
.statut > * { float:left; }

#informations .pane-title { padding-left:30px; }

#informations table { width:470px; color:#292929; border-right:1px solid #ecebe6; }
#informations table tr:first-child td { box-shadow:none; }
#informations table td { padding:5px 10px; box-shadow:inset  0 1px 1px #ecebe6; border-bottom:1px solid #fff; background:#f9f8f6; }
#informations table td:first-child{ font-size:12px; text-transform:uppercase; width:160px; text-align:right; }
#informations table tr:nth-child(odd) td { background:#fcfcfa;  }

#informations-photo { position:relative; margin:10px; padding:30px; background:#2b2c2c; border-radius:5px; width:450px; height:234px; }
#informations-photo .title { font:22px/1 Times New Roman;  padding-bottom:10px; margin-bottom:20px; color:#ddc998; text-transform:uppercase; border-bottom:1px solid #1b1c1c; box-shadow:0 1px 0 #3e3f3f; }
#informations-photo p { color:#ccc; }
#informations-photo .btn-gold { font-weight:bold; text-transform:uppercase; }
#informations-photo .ruban { position:absolute; right:30px; top:-5px; }

#informations textarea { box-shadow:1px 1px 1px rgba(0,0,0,0.15) inset; border:0; background:#f9f8f6; font-size:13px; line-height:20px; color:#777676; height:120px; }
#informations select { box-shadow:1px 1px 1px rgba(0,0,0,0.15) inset; border:0; background:#f9f8f6; font-size:13px; line-height:20px; color:#777676; }
#informations .row { margin:0 25px; }
#informations .row > * { padding-left:5px; padding-right:5px; }
#informations .row > .col-md-12 { margin-bottom:20px; }
#informations .row > .col-md-6 .pane-title { padding-left:0; }

#informations .control-label, #informations label { text-align:right; color:#292929; margin-top:6px;}
#informations .form-group { position:relative; overflow:hidden; margin-bottom:10px; }
#informations select { width:100%; }
#informations .col-sm-9 div { position:relative; }
.ui-multiselect-single .ui-multiselect-checkboxes label { cursor:pointer; }
.ui-multiselect-single .ui-widget-header { display:none; }

#informations-completion { float:right; margin-top:16px; margin-right:30px; }
#informations-completion > *  { float:left; }
#informations-completion .completion-sentence  { margin-top:5px; margin-left:10px; }

#informations fieldset.biglab { padding:10px 20px; }
#informations fieldset {
    border: 1px solid #e9e0cb;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 20px 10px;
}
#informations fieldset legend {
    padding: 0 5px;
    text-transform: uppercase;
    width: auto;
}

#informations_save { width:300px; margin:20px auto 40px; display:block;  }

#pay-confirm {
    margin: 70px 0 70px 530px;
    padding: 50px;
    width: 340px;
}



#home-register #country-select  .select-wrapper { width:443px; margin-bottom:10px; }
#home-register #country-select .btn-next-step { top:auto; bottom:8px; z-index:200; }
#home-register #country-select.step-input input { height:50px; padding:10px; width:384px; }

#langages { margin-top:18px; float:right; margin-right:40px; font:13px Roboto; color:#fdeabc; color:#a19378; position:relative;}
#langages > div { overflow:hidden; line-height:32px;  }
#langages #flags { position:absolute; top:32px; left:-10px; display:none; background:#1a1c1d;  }
#langages:hover #flags { display:block; }
#langages li { overflow:hidden; line-height:32px;  }
#langages li a { padding:5px 10px;  color:#a19378; display:block; width:150px; }
#langages li a:hover { color:#fdeabc; background:#111; }
.flag { overflow:hidden; height:32px; width:32px; background:url(../images/ji-flags.png) no-repeat 0 0; float:left;margin-right:5px; }
.flag div { margin:4px; height:24px; width:24px; background:url(../images/ji-flags.png) no-repeat -50px -4Px; }
.flag.fr_FR div {background-position: -50px -4Px; }
.flag.de_DE div {background-position: -80px -4Px; }
.flag.nl_NL div {background-position: -110px -4Px; }
.flag.it_IT div {background-position: -140px -4Px; }
.flag.en_US div {background-position: -170px -4Px; }
.flag.es_ES div {background-position: -200px -4Px; }

#unique-offer { position:relative;overflow:hidden;	background:url(../images/alpha-70.png) repeat 0 0; padding:23px; border-radius:6px; width:980px; margin:0 auto; }
#unique-offer .offer { float:left; width:250px; overflow:visible; margin-bottom:20px; position:relative; border-radius:6px; background:url(../images/bg-offer-black.png) no-repeat 0 0; background-size:100% 100%; height:400px; box-shadow:1px 1px 2px rgba(0,0,0,0.8) }
#unique-offer .offer .head img { margin:-25px auto 5px; display:block; }
#unique-offer .offer .head .title { font-size:26px; }
#unique-offer .offer .body { padding-top:15px; }
#unique-offer .offer .days { font-weight:bold; text-transform:uppercase; font-size:24px; margin-bottom:15px; }
#unique-offer .offer .for { color:#a8a8a8; margin-bottom:15px;}
#unique-offer .offer .desc { color:#fff; font:bold italic 22px/1.2 Times New Roman;  margin-top:35px; text-shadow:1px 1px 2px rgba(0,0,0,0.4); }
#unique-offer .offer .limited { color:#fff; font:bold italic 28px/1.2 Times New Roman; text-shadow:1px 1px 2px rgba(0,0,0,0.4); position:absolute; left:8px; top:50px; transform:rotate(-37deg); }
#unique-offer .offer .money { margin:40px auto; font-family:Roboto; line-height:1; color:#ffffff; text-shadow:1px 1px 2px rgba(0,0,0,0.4);}
#unique-offer .offer .money .duration { color:#e82255; font-weight:bold; font-size:30px;   }
#unique-offer .offer .money .price { color:#ffffff; font-weight:bold; font-size:30px; }
#unique-offer .offer .button { position:relative; font:bold 28px/1 Roboto; width:250px; border-radius:3px; background:url(../images/bg-offer-gold.png) 0 0; box-shadow:0 2px 4px rgba(0,0,0,0.5); padding:17px 0; margin:0 auto; position:relative; color:#1a151a; left:auto; top:auto; bottom:auto; }
#unique-offer .offer .button:hover { font:bold 28px/1 Roboto; width:250px; border-radius:3px; background:url(../images/bg-offer-gold.png) 0 0; box-shadow:none; padding:20px; margin:0 auto; position:relative; color:#1a151a; left:auto; top:auto; bottom:auto; }
#unique-offer .offer .button:after { font:bold 28px/1 Roboto; width:250px; border-radius:3px; height:10px; box-shadow:inset 0 -5px 5px rgba(255,255,255,0.6); content:''; display:block; width:100%; left:0; bottom:4px; position:absolute; }
#unique-offer .price { color:#fff; background:url(../images/price-label.png) no-repeat; width:152px; height:180px; margin:0 auto; font:normal 16px Roboto condensed !important; text-transform:uppercase; padding-top:50px; text-align:center; color:#fff;  }
#unique-offer .price div  {font-size:30px; font-weight:bold; }

#offer-desc { float:left; width:420px; margin-left:40px;}
#offer-desc .lab {  color:#bfa76d; margin-top:30px; font:bold 14px/1 Roboto Condensed; letter-spacing:2px; text-transform:uppercase; }
#offer-desc .title { color:#ffffff; font:70px/1 Times New Roman; text-transform:none; margin-bottom:30px; position:relative; text-shadow:2px 2px 2px rgba(0,0,0,0.4)}
#offer-desc .title:after { content:''; display:block; width:40px; height:4px; background:#b7a069; position:absolute; bottom:-10px;}
#offer-desc p { color:#b1afaa; font:italic 16px/1.4 Times New Roman;}
#offer-desc .btn-gold { box-shadow:inset 0 -4px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.5); background-size:cover; text-align:center;  padding:15px 0 18px; width:220px; color:#1c1c1c; font:bold 20px/1 Roboto Condensed; text-transform:uppercase; }

#offer-ava { position:absolute; width:220px; right:0; top:0; background:#15140e; }
#offer-ava li { padding-top:15px; box-shadow:0 1px 0 rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1); background:url(../images/bg-offer-black.png) no-repeat 0 0; background-size:cover; height:144px; margin-top:4px; margin-left:4px; text-align:center; color:#fbe0a0; font:18px/1 Times New Roman; text-transform:uppercase; }
#offer-ava li img  { display:block; margin:0 auto 10px; }

#unique-offer .new-members  { clear:both; background:#222526; box-shadow:inset 0 5px 5px rgba(0,0,0,0.4), inset 0 20px 40px rgba(0,0,0,0.4); border-radius:0 0 5px 5px; overflow:hidden; padding:15px 40px 30px; margin:0 -23px -23px;}
#unique-offer .new-members .title { text-transform:none; margin-bottom:5px; font-size:22px; }
#unique-offer .new-members .new-members-list { overflow:hidden; margin:0 -3px; }
#unique-offer .new-members .new-members-list .item { border-radius:5px;  box-shadow:2px 2px 3px rgba(0,0,0,0.5); overflow:hidden; background:url(../images/bg-offer-black.png) no-repeat 0 0; background-size:cover; width:143px; float:left; margin:4px; }
#unique-offer .new-members .new-members-list > div .thumb img { display:block; width: 143px; }
#unique-offer .new-members .new-members-list > div .name {  padding:10px; font:italic 16px Times New Roman; color:#fdebc0; }

#unique-offer #pay { margin-left: 28%; }
#unique-offer #pay label { width: 105px; }
#unique-offer #pay #help-cvc-cb, #unique-offer #pay #help-cvc-ae { width: 110px; top: -4px; line-height: 0.9; }
#unique-offer #pay div.checkbox label { width: 625px; text-align: left; }
/*-----------------------------------------------------------------------------*/
/*-------------------------------- RESPONSIVE ---------------------------------*/
/*-----------------------------------------------------------------------------*/
@media (min-width:1200px) {
	/*general & home*/
	#inside-nav a { width:160px; }
	#logo { width:auto; margin-top:9px; }
	#home-top-links {  margin-left:50px;  }
	#home-wrapper .bottom { font-size:16px; }
	
	/*dashboard*/
	.block.mono .body .picture { width:160px; height:160px; }
	.block.mono .body .informations { margin-left:170px;  }
	#dahsboard-last-activity .list { margin-left:200px; }
	#dahsboard-last-activity ul { width:50%!important; }
	
	/*listing*/
	#listing > .row > .col-md-8 { width:69%; }
	#listing > .row > .col-md-4 { width:31%; }
	
	/*listing thumb */
	#thumblist .item { height:330px; }
	#thumblist .item { float:left; width:25%; }
	#thumblist .item .picture { width:160px; height:160px; }
	#listing  #thumblist .item > .btn { width:160px; }
}
@media (max-width:1000px) {
	/*general & home*/
	#logo-small { display:none; }
	#header-icon-links { margin-left:0; }
	#inside-nav > .container > ul > li > a { width:100px;  }
}


@media (max-width:1380px) {
	#home-form { margin-top:10px; }
	#home-wrapper h1 {  margin-top:30px; margin-bottom:25px; }
}
@media (max-width:992px) {
	#home-form { margin-left:0; }
	#tools-advertising > div { border:0; }
	#bottom-informations .logo { max-width:100%; display:block; }
	#advertising-mobile { display:none; }
	#bottom-big-links a { padding:10px;}
	#bottom-big-links a img { display:none; }
	
	#register-summary { display:none; }
	#home-register #register { margin:0; }
	#home-register .wrapper { width:auto; }
	#home-register .wrapper:after { display:none; }
	#home-register #register #steps { width:auto;}
	#home-register #register #steps li { width:100%; }
	#home-wrapper { background-position:right 0; }
	
	#scroll-down  { display:none; }
	
	#home-wrapper { height:auto!important;}
	
	#home-register #register p {  margin-left:0; }
	#home-register #register #steps li { padding:20px 0 60px; box-shadow:none; border:0; }
	
	#home-login, #contact-form { margin-left:0; }
	
	#home-wrapper #avantages .wrapper { background:#151718; }
	#photo-avantages .push { width:auto; margin:0 0 20px; }
	#bottom-big-links a br { content:''; }
}
@media (max-width:350px) {
	#logo { width:70px; margin-top:25px; }
}
@media (max-width:992px) {
	#home-wrapper .wrapper { padding:15px; } 
	#langages { margin-right:0; }
	
	#home-register .step-input .btn-next-step { width:100%; opacity:1; right:auto; background:#e4cfa3; display:block; position:relative; }
	#home-register .container > div.select-wrapper, #home-register .container > div select, #home-register #country-select.step-input input { width:100%; }
	#home-register .container > div { width:100%; margin-bottom:5px; }
	#home-register #country-select .select-wrapper { width:100%; }
	
	#home-form p { font-size:16px; }
	
	#home-register #country-select .btn-next-step { top:auto; bottom:auto; position:relative; margin-top:10px; } 
	#home-register #register #steps li { padding-bottom:20px; }
	#home-register .wrapper { margin:20px auto 110px; }
	#home-register #register { padding:0; }
	#home-register #register  p { margin-bottom:5px; }
	
	#home-register #register form { max-width:520px; margin:30px auto 0; overflow:hidden; }
}

#home-register #register #steps li { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#new-offers .offers .offer.active{background:url(../images/bg-offer-pink.png) no-repeat center 0 #e22e4a; left:0;}
#new-offers .offers .offer { left:0!important; padding:20px; width:auto; height:90px; position:relative; margin-bottom:10px; background-position:left 0; }
#new-offers .offers input[type="radio"] { margin-top:20px; }
#new-offers .offers .offer .description { text-align:left; float:left; width:220px; }
#new-offers .offers .offer .description .name{ font:30px/1 Times New Roman; color:#ffffff; }
#new-offers .offers .offer .description .information { font-size:14px; color:#ffffff; }
#new-offers .offers .offer .description .promotion { font-size:13px; text-transform:uppercase; color:#ec0e33; }
#new-offers .offers .offer .price  { float:left; width:150px; line-height:1;  }
#new-offers .offers .offer .price .price { font-size:32px; color:#fdebbf;  }
#new-offers .offers .offer .price .promo { font-weight:normal; font-size:14px; }
#new-offers .offers .offer .promotion{ color:white !important; }
#new-offers #pay { display:block; margin-left:0; }

#new-offers #pay #input_titul { width:auto;  }
#new-offers #pay #label-control { width:140px;  }
#new-offers #pay .checkbox { border-top:1px solid #eee; margin-top:10px; padding-top:10px; }
#new-offers #pay .checkbox label { padding:6px 0; text-align: left; }
#new-offers #pay  { background:none; padding:0; }
#new-offers #pay  .wrapper { border-radius:5px; }
#new-offers #pay  .wrapper .body  { padding:30px 15px  0; min-height: 272px; }
#new-offers #pay  .wrapper .foot  { padding:15px 30px 30px; min-height: 112px; }

#new-offers #pay .main { font-size:20px; margin-top:10px; }

#offer-avantages { padding:20px 20px; background:#222526; box-shadow:inset 0 5px 5px rgba(0,0,0,0.4), inset 0 20px 40px rgba(0,0,0,0.4); margin:30px -30px; }
#offer-avantages .col-md-6 .col-md-6 img { display:block; margin:0 auto; }
#offer-avantages .col-md-6 .col-md-6 { height:200px; position:relative; text-align:center; font:14px Times New Roman; color:#e7d4a3; text-transform:uppercase; }
#offer-avantages .col-md-6 .col-md-6 span { position:absolute; bottom:40px; width:100%; left:0; }
#offer-avantages > .row > .col-md-6:first-child { padding-top:20px; }

#offer-avantages .new-members  { clear:both;  overflow:hidden; }
#offer-avantages .new-members .title { text-transform:uppercase; margin-bottom:5px; font-size:16px; }
#offer-avantages .new-members .new-members-list { overflow:hidden; margin:0 -3px; }
#offer-avantages .new-members .new-members-list .item { border-radius:5px;  box-shadow:2px 2px 3px rgba(0,0,0,0.5); overflow:hidden; background:url(../images/bg-offer-black.png) no-repeat 0 0; background-size:cover; width:143px; float:left; margin:6px; }
#offer-avantages .new-members .new-members-list > div .thumb img { display:block; width:100%; }
#offer-avantages .new-members .new-members-list > div .name {  padding:10px; font:italic 16px Times New Roman; color:#fdebc0; }


#offer-avantages .col-md-6 .col-md-6:nth-child(even):after {
    background: url("../images/option-border.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px;
}

#new-offers #bottom {  }
#new-offers #bottom h2  { margin-bottom:20px; padding:6px 0 30px; border-bottom:1px solid rgba(0,0,0,0.4); box-shadow:0 1px 0 rgba(255,255,255,0.1); }
#new-offers #bottom h2 img  { float:left; margin-right:10px; margin-top:-6px; }
#new-offers #bottom p { font:13px/1.4 Roboto Condensed; }
#new-offers #bottom .btn { margin-bottom:60px; padding:8px 16px; border-radius:5px; }
#new-offers #bottom .col-md-6 {  padding:0 20px; }


/*-----------------------------------------------------------------------------*/
/*-------------------------------- UPDATE 30/06/15 ---------------------------------*/
/*-----------------------------------------------------------------------------*/

/* REGISTERING */
#inside-nav.registering { height:40px; }
#inside-nav.registering > div > ul  { padding-top:12px; }
#page.registering   { padding-top:130px; }
#registering { background:rgba(0,0,0,0.5) }
#registering .modal-content { background:rgba(255,255,255,0.9); padding:25px; }
#registering .modal-header { padding:0 0 15Px; border-bottom:1px solid #d8d8d8; box-shadow:0 1px 0 #fff; }
#registering .modal-header .modal-title { font-size:16px; margin-bottom:5px; font-weight:600; }
#registering .modal-header p { font-size:14px; margin:0; }
#registering .modal-body { padding:20px 0;  }
#registering .modal-body .control-label { font-size:14px;  }
#registering .modal-body .form-control { height:38px; }
#registering .modal-footer { padding:20px 0 0px; margin-top:0; border-top:1px solid #fff; box-shadow:0 -1px 0 #d8d8d8; text-align:left; }
#registering .modal-footer.center { text-align:center; }
#registering .btn-big { border:0; float:none; margin:0 auto; color:#fbe3b1; padding:15px 40px; font-size:18px; }
#registering .btn-success { border:0; padding:10px; font-size:15px; background:#15b053; color:#fff; }
#registering .btn-primary { border:0; padding:10px; font-size:15px; background:#158db0; color:#fff; }
#registering .dot-list { font-size:14px; margin-left:20px; list-style:disc; }
#registering .dot-list li { margin-bottom:20px;}
#registering .tools { display:block; margin-top:20px;}
#registering .images-1 { display:block; margin-left:-20px; margin-top:-40px;}
#registering-bg {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
	opacity:0.5;
}
.modal-outside { width:100%; position:absolute; top:100%; left:0; padding:10px 10px; }
.modal-outside .pass { float:right; }
.modal-outside .steps { float:left; }
.modal-outside .steps li { 
	margin-right:5px;
	float:left; color:#fff;
	box-shadow:inset 1px 1px 0 #363b3e, 1px 1px 0 #282b2d;
	font:14px/1 Roboto Condensed; border-radius:30px; width:26px; height:26px; text-align:center; box-shadow:none; color:#a19378; line-height:29px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.1);
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #141516 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#141516)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#141516 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#141516 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#141516 100%); 
}
.modal-outside .steps li.active { color:#000; background:url(../images/bg-btn-gold-new.jpg) no-repeat left 0 #ecd190; 	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5); }


/* NEW THUMBLIST VIEW */
#listing #thumblist  { padding:0; }
#thumblist .member { border:0; box-shadow:4px 4px 4px rgba(0,0,0,0.3); float:left; clear:none; padding:0; width:210px; height:310px; position:relative; margin-bottom:30px; margin-right:26px; }
#thumblist .member:nth-child(5n) { margin-right:0; }
#thumblist .member-state { position:absolute; display:inline-block; background:rgba(0,0,0,0.4); padding:3px 10px 3px 23px; top:0; left:0; margin:0; color:#fff; }
#thumblist .member-state .state { top:9px; left:9px; width:8px; height:8px; background-size:100% auto; }
#thumblist .member-state .state.offline { background-position:0 100%; }
#thumblist .member-state .state.busy { background-position:0 50%; }
#thumblist .member-state .state.online { background-position:0 0; }
#thumblist .member-picture { overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
#thumblist .member-picture > a {  display:block; position:absolute; top:0; left:-50px; width:310px; height:100%; }
#thumblist .member-picture > a > img { transition:opacity cubic-bezier(0,0.5,0.5,1) 0.5s; display:block; height:100%; min-width:210px; margin:0 auto; }
#thumblist .member-description { transition:padding cubic-bezier(0,0.5,0.5,1) 0.3s; position:absolute; background:rgba(0,0,0,0.4)!important; border-radius:0!important; border:0!important; padding:8px 10px 10px!important; bottom:0; left:0; width:100%; }
#thumblist .member-name { color:#fff; font-size:15px; font-weight:500; margin-bottom:3px; }
#thumblist .member-name a { color:#fff; }
#thumblist .member-situation { color:#fff; font-size:13px; font-weight:400; line-height:1.2; margin-bottom:5px; }
#thumblist .member-description .btn { transition:all cubic-bezier(0,0.5,0.5,1) 0.5s; border-radius:2Px; text-shadow:1px 1px 0 rgba(255,255,255,0.2); border:0; font-weight:600; font-size:13px; background:url(../images/bg-btn-gold-new.jpg) no-repeat left 0 #ecd190; display:block; padding:0; height:32px; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4); color:#000; line-height:32px;  margin-top:8px; }
#thumblist .member-description .btn i { color:#333333; font-size:17px; line-height:32px; vertical-align:middle; margin:-1px 6px 0 -10px; }
#thumblist .member-description .link { color:#fae1a1; margin-top:8px; display:block; height:32px; line-height:32px;  }
#thumblist .member-description .link  i { margin:0 5px 0 3px;  }

#thumblist .member-name a:hover { text-decoration:underline; }
#thumblist .member-description .link:hover { text-decoration:underline; }
#thumblist .member:hover .member-picture img { opacity:0.8; }
#thumblist .member:hover .member-description { padding:8px 10px 20px!important; }
#thumblist .member-description .btn:hover { color:#333333; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4), 0 0 15px rgba(255,253,208,0.5); background-position:right 0; }

#thumblist .head  { text-align:center; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e3ddd1; margin-bottom:25px; }
#thumblist .head .title { text-transform:uppercase; float:left; font:20px Times New Roman; color:#af9d7b;}
#thumblist .head .title span { font-size:30px; }
#thumblist .head .result { float:left; margin-top:12px; margin-left:10px;}
#thumblist .head .btn { box-shadow:0 10px 10px rgba(255,255,255,0.6) inset, 1px 1px 0 #fff inset, 1px 1px 0 #dbd9d5; padding:6px 14px!important; float:right; margin-top:6px; font-size:14px; }
#thumblist .head .btn i { font-size:14px; }
#thumblist .head a { float:left; margin-top:12px; margin-left:10px; }

.link-more { margin-bottom:30px; transition:all cubic-bezier(0,0.5,0.5,1) 0.5s; font-size:14px; text-align:center; display:block; padding:14px; border:1px solid #cecdca; border-radius:5px; box-shadow:0 1px 0 #ffffff, inset 0 1px 0 #ffffff; }
.link-more:hover { background:#fff; color:#a19378; }hom

@media (max-width:1200px) {
	#thumblist .member { margin-right:30px!important; }
	#thumblist .member:nth-child(4n+1) { margin-right:0!important; }
}







/* NEW HOME */
#newhome { min-height:960px; background:url(../images/logo-just-infideles-small.png) no-repeat 0 0; }




/*-----------------------------------------------------------------------------*/
/*-------------------------------- UPDATE 02/07/15 MAG ---------------------------------*/
/*-----------------------------------------------------------------------------*/

body#new  { background: #1b1c1d; }

#new #header #home-nav { background:url(../images/bg-nav-home.png) transparent ; box-shadow:none;border-top:1px solid #363b3e; border-top:1px solid #0d0b09;  min-height:30px; }

/* login */
#login { position:relative; }
#new #login-link {margin: 0; color:#fbe3b1; background:none; margin:0; padding:7px 30px 6px 20px; }
#new #login-link:hover  { color:#fff5c3; }
#login-link::after { display:none; }
#login-box { min-width:300px; display:none; background:rgba(255,255,255,0.9); position:absolute; right:30px; top:47px; padding:20px; }
#login-box:after { width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent rgba(255,255,255,0.9) transparent; position:absolute; right:10px; top:-7px; content:''; display:block; }
#login-box .form-group { margin-bottom:10px; }
#login-box .form-control { font-size:13px; }
#login-box input[type="submit"]:hover { color:#fff5c3; }
#login-box input[type="submit"] { font:500 14px/1 Roboto; text-transform:none; width:100%; padding: 10px 0; border-radius:3px; border:none;  color:#fbe3b1;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #1a1c1e 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#1a1c1e)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#1a1c1e 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#1a1c1e 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#1a1c1e 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#1a1c1e 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#1a1c1e',GradientType=0 ); 
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
	transition:all 0.3s linear;
}


#new #home-wrapper { padding-top:40px; margin-top: 0px; background:url(../images/home-bg-blue.jpg) no-repeat center 0; background-size:cover; }
#new #home-wrapper  h1 { text-align:left; color:#fff; font-style:normal; font-weight:400; font-size:25px; margin-bottom:10px;  }
#new #home-wrapper .wrapper { background: rgba(255,255,255,0.9); border-radius: 0px; color: #000; padding:45px 40px 50px; min-height: 0; max-width: 435px; margin:0; }
#new #home-wrapper .wrapper:first-child { background:none; }
#new #home-wrapper .wrapper p {color:#000; margin-bottom:20px; text-align:left; text-transform:none; font-size:16px;}
#new #home-wrapper .wrapper:first-child p { color: #fff; }

#new #tools-avantages .row  { margin-left:-10px; margin-right:10px; }
#new #tools-avantages .row  > * { padding-left:10px; padding-right:10px; }
#new #tools-avantages {
	background: #151617;
	padding: 30px;
	margin-bottom: 90px;
	overflow:hidden;
}
#new #home-wrapper #tools-avantages p  {
	color:#fff;
	font-size: 14px;
	line-height:1.4;
}
#new #tools-avantages > div {
	color: #fff;
	line-height: 1.1;
	vertical-align: top;
}
#new #home-avantages .wrapper { margin-bottom:30px; }
#new #photo-avantages { margin-bottom:0; display:block!important; }
#new #photo-avantages .push { width:auto; }
#new #photo-avantages .push .title { padding:20px 20px 10px; }
#new #home-wrapper #home-avantages .title {
  color: #e0c997;
  font: 26px/1 Times New Roman;
  text-shadow: 1px 1px 0 #000;
  text-transform: uppercase;
}



#new #home-form { margin-left: 0; margin-top: 210px; padding-left:15px; }
#new #home-form .customized-select:after { display:none; }
#new #home-form #logo-home{ margin:0 0 15px 35px; max-width: 100%; }
#new #home-form .select { position:relative;  float:left; width:100%; box-shadow:none; font:14px/1 Roboto Condensed; display:block; border-radius:5px; border:1px solid #d4d1c8; text-transform:none; color:#000000; background: #ffffff;}
#new #home-form .select:hover { background: #f8f8f8;  }
#new #home-form .select div { margin-left:0; padding:10px; border-left:none; box-shadow:none; } 
#new #home-form .select  i.fa { height:26px; line-height:26px; color:#dfdfdf; border-left:1px solid #d4d1c8; padding-left:8px; top:4px; }
#new #home-form .form-control { color:#333; font:14px/18px Roboto Condensed; background:#fff; border:1px solid #d4d1c8; padding:10px;}
#new #home-form *[type="submit"] { font:500 18px/1 Roboto; text-transform:none; width:100%; padding: 20px 0; border-radius:5px; border:none;  color:#fbe3b1;
	background: #282b2d;
	background: -moz-linear-gradient(top,  #282b2d 0%, #1a1c1e 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282b2d), color-stop(100%,#1a1c1e)); 
	background: -webkit-linear-gradient(top,  #282b2d 0%,#1a1c1e 100%); 
	background: -o-linear-gradient(top,  #282b2d 0%,#1a1c1e 100%);
	background: -ms-linear-gradient(top,  #282b2d 0%,#1a1c1e 100%);
	background: linear-gradient(to bottom,  #282b2d 0%,#1a1c1e 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282b2d', endColorstr='#1a1c1e',GradientType=0 ); 
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
	transition:all 0.3s linear;
}
#new #home-form *[type="submit"]:hover { box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3), 0 0 100px #181919 inset; color:#fff5c3; }
hr {border:0; box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.6); height:1px; }

#new #seo{ color: #7f8080; text-align: justify; font-size:12px; line-height:1.5; -moz-text-align-last: center; text-align-last: center; }
#new #home-form .seo {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}
#new #home-form .seo strong {
    color: #ffe8b9;
    font-weight: 500;
}

#new  #copyright { color: #ffffff; text-align: center; padding: 25px 0; background:none; font-size:12px; }

#new #footer-home-links { background:none; padding:15px 0; text-align:right; color:#ffffff;  }
#new #footer-home-links a { color:#f1f1f1; font-size:12px;  }
#new #footer-home-links li:first-child  { text-align:left; }
#new #footer-home-links li:last-child  { text-align:right; }
#new #footer-home-links a:hover { color:#fff; text-decoration:underline;  }
#new #footer-home-links ul { overflow:hidden; float:none;  }
#new #footer-home-links ul li { float: left; margin-left: 0; text-align: center; width: 20%; }

#new #footer { z-index:20; position:relative; background:none; }
#new #footer .wrapper { max-width:900px; margin:0 auto; }

#new #tools-advertising { overflow: visible; background: #151617; padding:25px 10px 0px 10px; margin-top:-50px; margin-bottom:20px; }
#new #tools-advertising li { float:left; margin-left:22px; margin-bottom:20px; }
#new #tools-advertising li:first-child {  margin-left:10px; margin-right:10px; margin-bottom:0; }
#new #tools-advertising img { margin-right:5px; display: inline-block; max-width: 100%; }
#new #tools-advertising div { font-size:14px; color: #fff;  line-height:1.1; display:inline-block;  vertical-align: top;}
#new #tools-advertising strong { font-weight:500; }
#new #tools-advertising #discret {  margin-top:-50px; margin-bottom:-35px; }
@media (min-width:992px) { #new #tools-advertising li { margin-bottom:0; } }

.neutral { min-height:800px; background:#666;}

#registering .modal-footer.center > p { color: #555; font-size: 12px; }
#registering .modal-footer { padding: 10px 0 0; }

#registering .images-1 { display:block; margin-left:-20px; margin-top:-40px;}
#registering .images-2 { display:block;}
#registering .images-3 { display:block;  margin-top:-55px; border:4px solid #333333;}
#registering .images-4{ display:block;  border:4px solid #333333;}

#registering  img { max-width: 100%;}

#registering .modal-content {  border-radius:0px; }
#registering .modal-content p {  font-size: 14px; text-align: left; border-radius:0px; }

#registering .modal-dialog#step00{  }
#registering .modal-dialog#step01{  }
#registering .modal-dialog#step02{  }
#registering .modal-dialog#step03 { max-width: 800px; width:100%; }
#registering .modal-dialog#step04 { }
#registering .modal-dialog#step04 #resume > li { line-height: 1.1; font-size:13px;}
#registering .modal-dialog#step04 #resume > li textarea { margin-top: 25px; }
#registering .modal-dialog#step04 #resume > li span { font-size:16px; font-weight:700; margin-bottom:5px; display:block;}
#registering .modal-dialog#step04 .modal-body  #resume .form-control { height:auto }
#registering .modal-dialog#step05 { max-width: 700px; width:100%; }

#registering .modal-footer .small { margin-left: 10px; font-size:13px; }

#registering .btn-primary:hover {background:#106f8a; }

#registering .btn-goback{ background: #d6d6d6 none repeat scroll 0 0; border: medium none; color: #666666; padding: 10px 20px;}
#registering .btn-goback:hover{ background: #cccccc none repeat scroll 0 0; border: medium none; color: #666666; padding: 10px 20px; }

#registering .modal-outside .steps li{ line-height: 28px;}
#registering .modal-outside .steps li.completed { color:#000; background:url(../images/bg-btn-gold-new.jpg) no-repeat 19% 0% #ecd190; 	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5); }
#registering .modal-outside .steps li.active {  background:url(../images/bg-btn-gold-new.jpg) no-repeat 19% 0% #ecd190; }

#registering .btn-retouch { color: #ffffff; display: block; font-size: 16px; margin-top: 15px; text-align: left; text-align:center; padding: 10px 5px;}

#registering .btn-cancelled{ background:#e7e7e7; color: #666666; display: block; font-size: 16px; margin-top: 15px; text-align: left; width: 220px; text-align:center; padding: 10px 5px; border:1px solid #c0bfbd;}

#registering .btn-cancelled:hover { background:#dcdcdc;}




#registering .btn-mask { color: #ffffff; display: block; font-size: 16px; height: 40px; margin-top: 15px; text-align: left; width: 220px;}
#registering .btn-mask img { vertical-align: middle; }
#registering .btn-mask > span { display: inline-block; text-align: center; width: 60px;}

#registering .btn-blur { color: #ffffff; display: block; font-size: 16px; height: 40px; margin-top: 15px; text-align: left; width: 220px; padding: 3px 12px;}
#registering .btn-blur img { vertical-align: middle; }
#registering .btn-blur > span { display: inline-block; text-align: center; width: 60px;}

#registering #masks img { cursor: pointer;   max-height: 90px;margin: 0 auto;}

#registering #masks .owl-prev { color: #222; left: 5px; position: absolute; top: 50%; } 
#registering #masks .owl-next { color: #222; right: 5px;  position: absolute; top: 50%;}
#registering #masks img{ padding:10px; }
#registering #masks { background: #fff none repeat scroll 0 0;  border-radius: 3px; margin-bottom: 20px; margin-top: 20px; padding: 10px 30px;}

#home-form { margin-left:50%; margin-top:60px; }
#home-form .baseline { color:#c4b58e; margin-bottom:30px; font:italic 20px/1.2 Times New Roman; text-align:center; }
#home-form .small { margin-top:10px; color:#6e6e6f;  font:14px/1.2 Roboto Condensed;  text-align:center;}
#home-form .wrapper { padding-bottom:25px; }
#home-form p { color:#fae7bc; font:18px/1.2 Roboto Condensed; margin-bottom:20px; text-align:center;  text-transform:uppercase; }
#home-form button i  { margin-left:5px; }

.modal-content .form-group { margin-bottom:10px; }
.modal-content .form-group:after { clear:both; content:''; display:table; } 
.modal-content .label { color:#fae7bc; font:16px/1.6 Times New Roman; float:left; text-align:right; width:105px; padding-right:10px; }
.modal-content .select { position:relative;  float:left; width:100%; box-shadow:none; font:14px/1 Roboto Condensed; display:block; border-radius:5px; border:1px solid #d4d1c8; text-transform:none; color:#000000; background: #ffffff; }

.modal-content .select div { margin-left:0; padding:10px; border-left:none; box-shadow:none; } 
.modal-content .select div i { position:absolute; right:10px; top:11px; color:#fbdf9e; } 
.modal-content .select img { float:left; margin:7px; width:20px; } 
.modal-content .hasCustomSelect:hover { cursor:pointer; }
.modal-content .custom-select select { left:0; top:0; width:100%!important; height:35px!important;  }

.modal-content .select:hover { background: #f8f8f8; }
.modal-content .select div { margin-left:0; padding:10px; border-left:none; box-shadow:none; } 
.modal-content .select  i.fa { color:#dfdfdf; border-left:1px solid #d4d1c8; padding-left:8px; }

#registering #step05 .modal-body .control-label { font-size:14px; line-height: 1.1;  }
#registering #step05 .modal-body select.hasCustomSelect { font-size:14px; }

#block-notes {padding:20px;}
#block-notes .title {  float:left; margin-bottom:5px; }
#block-notes .dropdown { margin-top:30px; float:right; }
#block-notes .dropdown-menu > li > a { font-size:13px; }
#block-notes p { font-size:15px; color:#777777; }

#block-notes  { clear:both; overflow:hidden; border-radius:4px; position:relative; border:1px solid #dad8d1;}


#block-notes li { width:100%; border-bottom:1px solid #e7e7e7; height:30px; }
#block-notes ul { margin-bottom:30px;}


/* offers */
#offers-head  { background:#1f2223; margin:-20px -30px 0; padding:30px 25px; margin-bottom:15px; }
#offers-head  .col-md-10 { padding-left:30px; }
#offers-head .info { margin-top:5px; color:#fdebc0; font:18px/1.3 Times New Roman, serif; margin-bottom:20px; }
#offers-head .round-thumb { width:126px; height:126px; margin:0 auto; border-radius:150px; overflow:hidden; }
#offers-head .become-vip { position:relative; border-radius:5px; padding:10px 10px 10px 64px; background:#141517; color:#fff;  }
#offers-head .become-vip img { display:inline-block; position:absolute; left:10px; top:10px; }
	








@media (max-width:1200px) { 
	#new #tools-advertising img#discret { max-width:200px; }
	#new #tools-advertising img { max-height: 25px; }
	#new #tools-advertising p { font-size:12px;}
	#new #referencement div { padding: 0 20px; }
	#tools-advertising { margin-bottom: 0px;}
	#new #tools-advertising img#discret { max-height: 200px !important;} 
	#new #tools-advertising li:first-child { margin-left:-5px; margin-right:0;  }
	#new #tools-advertising li { margin-left:8px; }
	#new #tools-advertising img { margin-right:2px; }
}

@media (max-width:992px) { 
	#tools-advertising span { display: inline-block;}
	#registering .images-3 { display:block;  margin-top:25px;}
	#new #footer-links ul { padding-bottom:20px; }
	#new #footer-links ul li { text-align: center!important; width: auto; display:block; float:none; margin: 0 0 5px 0; }
	
	
	#new #tools-advertising img { margin:0; }
	#new #tools-advertising li { float:none; margin-left:220px; }
	#new #tools-advertising li:first-child { float:left; }
	#new #tools-advertising #discret { margin:30px;  }
}

@media (max-width:464px) { 
	#new #tools-advertising li:first-child { float:none; margin:0 auto 10px; }
	#new #tools-advertising #discret { margin:0 auto 20px; display:block; }
	#new #tools-advertising li { margin:0 auto 20px; width:200px; }
	#new #tools-advertising img { display:inline-block;  margin-right:5px; }
	#new #tools-advertising div { text-align:left; }
}




/*-----------------------------------------------------------------------------*/
/*-------------------------------- END UPDATE 02/07/15 MAG ---------------------------------*/
/*-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------*/
/*-------------------------------- UPDATE 25/08/15 ---------------------------------*/
/*-----------------------------------------------------------------------------*/
#contact-informations { padding:0 17px; width:250px; }
#discuss { background:url(../images/gradient-grey.png) repeat-x 0 bottom; overflow:hidden; border-bottom:1px solid #fff; }
#discuss #main { box-shadow:none; border:0; margin-left:260px; margin-right:40px; }
#conversation .content { border:0; background:none; }
#new-message { padding:10px 20px 20px; border:0; background:none; }
#new-message textarea {  height:100px; border-radius:6px; }
#new-message .btn { margin-bottom:10px; }
#new-message .btn {
    float: right;
    color: #f5e4c4;
    font-size: 15px;
    padding: 10px 30px;
}
#conversation .content > div { display:block; border:0; padding:0; margin-bottom:15px; }
#conversation .content > div.no-content { padding:40px 0; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1) }
#conversation .content > div .date { float:none; margin-left:5px; }
#conversation .content > div .bulle { clear:both; padding:15px; border-radius:5px; background:#f5f2ed; border-bottom:1px solid #cacac8; }

#conversation .content .myself .message { margin:0 90px 0 0!important; }
#conversation .content .myself .date { float:right; margin-right:5px; }
#conversation .content .myself .picture { float:right; }
#conversation .content .myself .bulle { clear:both; padding:15px; border-radius:5px; background:#f5f2ed; border-bottom:1px solid #cacac8; }
#conversation .content > div.no-content {
    display: block;
    background: #e5e2db;
    border: 0;
    padding: 50px 0;
}

#contact-informations .member { border:0; box-shadow:4px 4px 4px rgba(0,0,0,0.3); float:left; clear:none; padding:0; width:210px; height:310px; position:relative; margin-bottom:30px; margin-right:26px; }
#contact-informations .member:nth-child(5n) { margin-right:0; }
#contact-informations .member-state { position:absolute; display:inline-block; background:rgba(0,0,0,0.4); padding:3px 10px 3px 23px; top:0; left:0; margin:0; color:#fff; }
#contact-informations .member-state .state { top:9px; left:9px; width:8px; height:8px; background-size:100% auto; }
#contact-informations .member-state .state.offline { background-position:0 100%; }
#contact-informations .member-state .state.busy { background-position:0 50%; }
#contact-informations .member-state .state.online { background-position:0 0; }
#contact-informations .member-picture { overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; }
#contact-informations .member-picture > a {  display:block; position:absolute; top:0; left:-50px; width:310px; height:100%; }
#contact-informations .member-picture > a > img { transition:opacity cubic-bezier(0,0.5,0.5,1) 0.5s; display:block; height:100%; min-width:210px; margin:0 auto; }
#contact-informations .member-description { transition:padding cubic-bezier(0,0.5,0.5,1) 0.3s; position:absolute; background:rgba(0,0,0,0.4)!important; border-radius:0!important; border:0!important; padding:8px 10px 10px!important; bottom:0; left:0; width:100%; }
#contact-informations .member-name { color:#fff; font-size:15px; font-weight:500; margin-bottom:3px; }
#contact-informations .member-name a { color:#fff; }
#contact-informations .member-situation { color:#fff; font-size:13px; font-weight:400; line-height:1.2; margin-bottom:5px; }
#contact-informations .member-description .btn { transition:all cubic-bezier(0,0.5,0.5,1) 0.5s; border-radius:2Px; text-shadow:1px 1px 0 rgba(255,255,255,0.2); border:0; font-weight:600; font-size:13px; background:url(../images/bg-btn-gold-new.jpg) no-repeat left 0 #ecd190; display:block; padding:0; height:32px; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4); color:#000; line-height:32px;  margin-top:8px; }
#contact-informations .member-description .btn i { color:#333333; font-size:17px; line-height:32px; vertical-align:middle; margin:-1px 6px 0 -10px; }
#contact-informations .member-description .link { color:#fae1a1; margin-top:8px; display:block; height:32px; line-height:32px;  }
#contact-informations .member-description .link  i { margin:0 5px 0 3px;  }

#contact-informations .member-name a:hover { text-decoration:underline; }
#contact-informations .member-description .link:hover { text-decoration:underline; }
#contact-informations .member:hover .member-picture img { opacity:0.8; }
#contact-informations .member:hover .member-description { padding:8px 10px 20px!important; }
#contact-informations .member-description .btn:hover { color:#333333; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4), 0 0 15px rgba(255,253,208,0.5); background-position:right 0; }




#new #home-avantages h1 { font:40px Roboto; margin-bottom:20px; }
#new #home-avantages .wrapper { padding:0; background:none; margin-bottom:40px; }
#new #home-avantages .wrapper p { font-size:15px; font-family:Roboto; line-height:24px; color:#fff; }
#new #home-avantages #avantages { overflow:hidden; margin-bottom:120px; padding:10px 10px 0; background:rgba(255,255,255,0.2); }
#new #home-avantages #avantages .title { overflow:hidden; color:inherit; margin-bottom:5px; font:25px/1 Roboto; text-transform:none; text-shadow:none; }
#new #home-avantages #avantages .title i { float:left; font-size:70px; width:75px; text-align:center; margin-right:5px; }
#new #home-avantages #avantages .title span { float:left; margin-top:10px; }
#new #home-avantages #avantages .row { margin-bottom:10px; }
#new #home-avantages #avantages .col-md-4 > div { min-height:210px; box-shadow:2px 2px 2px rgba(0,0,0,0.5); padding:10px 25px; background:rgba(255,255,255,0.7); }
#new #home-avantages #avantages .col-md-4 > div p { font:13px/22px Roboto;  line-height:22px; margin:0; }
#new #home-avantages #avantages .row:last-child .col-md-4 > div { background:rgba(0,0,0,0.7); color:#fff; }

#new #home-wrapper #home-form.contact h1 { font:40px Roboto; margin: 0 0 20px;  }
#new #home-wrapper #home-form.contact .wrapper { padding:40px; }
#new #home-wrapper #home-form.contact .wrapper p {color:#fff; font-size: 15px; font-family: Roboto; line-height: 24px;}
#new #home-wrapper #home-form.contact .wrapper input[type="file"] { background: none; box-shadow: none;  border: 0; }
#new #home-wrapper #home-form.contact > p {
    font-size: 15px;
    font-family: Roboto;
    line-height: 24px;
    color: #fff;
}

#new #home-wrapper #home-form.contact .wrapper  { padding:0; background:none; }
#new #home-wrapper #home-form.contact .wrapper > form p { color:#222; }
#new #home-wrapper #home-form.contact .wrapper > form {
    background: rgba(255,255,255,0.9);
    border-radius: 0px;
    color: #000;
    padding: 40px;
    min-height: 0;
    max-width: 435px;
    margin: 0;
}
#new #home-form.contact *[type="submit"] { box-shadow:none; }

#new #home-wrapper .wrapper:first-child { padding :0 ; }


.span_link{
	color: #a19378;
}

.offerLegals{ font-size: 9px; }
.block.block-conversation .nav-tabs { margin-left: 7px; }

.block.block-conversation .head { padding: 10px 0 0 10px; }

/* Fix scrollbar overlapping on IE10+ */
body {
	-ms-overflow-style: scrollbar !important;
}


.conversation {
	padding: 0 20px;
	max-height: 460px;
	overflow: auto;
}

.conversation-message {
	position: relative;
	color: white;
	border-radius: 4px;
	padding: 2px 10px;
	font-size: 1.1em;
	text-shadow: none;
	margin-bottom: 14px;
}

.conversation-message-me {
	background-color: #d7bc79;
}

.conversation-message-you {
	background-color: #2c2b2b;
}

.conversation-message-username {
	color: #2c2b2b;
	padding: 0 5px;
}

.conversation-message-datetime {
	opacity: 0.6;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	margin-top: 2px;
}

.conversation-message-pending,
.conversation-message-rejected {
	opacity: 0.5;
}

.conversation-message-pending:before {
	content: "(En attente de modération)";
}

.conversation-message-me.conversation-message-rejected {
	background-color: #f00;
}
.conversation-message-me.conversation-message-rejected:before {
	content: "(Rejeté)";
}

.conversation-sidebar {
	margin-left: 20px;
}

.conversation-sidebar .new-message {
	font-weight: bold;
}

.conversation-sidebar .list-group-item.current {
	background-color: #fbf5e4;
}

.conversation-sidebar .list-group-item-text {
	color: #bbb;
}

.conversation-sidebar .new-message .list-group-item-text {
	color: #000;
}

.conversation-sidebar h4 {
	font-size: 1.2em;
}

.conversation .no-conversation,
.conversation .no-message {
	margin: 48px 0 72px 0;
	font-size: 1.8em;
	text-align: center;
}

.conversation .no-message {
	font-size: 1.5em;
}

.user-activity {
	border: 1px solid #CBCCCC;
}

.user-activity .head {
	background-color: #2B2C2C;
	color: #d4d2cd;
	margin: 0 36px;
	box-shadow: none;
	border-radius: 0;
}
.block.user-activity .head .title {
	text-align: center;
	float: none;
}

.user-activity .btn-block {
	text-align: left;
	margin: 2px 0;
}
.user-activity .profile-completion {
	text-align: center;
	font-size: 14pt;
	border-bottom: 2px solid;
	margin-bottom: 10px;
	padding-bottom: 9px;
}

.user-activity .profile-completion a {
	font-size: 10pt;
}
.user-activity .profile-completion .completion {
	width: auto;
	margin: 4px 0 2px;
	height: 18px;
}
.user-activity .profile-completion .completion div {
	height: 13px;
}
.user-activity .profile-completion .completion div > span {
	height: 13px;
	margin-top: -7px;
}
.user-activity .profile-completion .completion .glow {
	height: 13px;
}
.user-activity #informations-photo {
	width: auto;
	height: auto;
	padding: 14px;
}
.user-activity #informations-photo p {
	padding-right: 70px;
	margin-bottom: 14px;
}
.user-activity #informations-photo .title {
	margin-bottom: 10px;
}
.user-activity #informations-photo .ruban {
	right: -18px;
	width: 100px;
}

/*  */
#footer #seo a { display: block; margin-top: 20px; }

.noVip {}

#new #home-login .confirmation p {padding: 20px;}

#graphic-page #aside { color: #000000; }

#graphic-page #offers .offer .title { line-height: 1; }

@media screen and (min-width: 992px) {
	#graphic-page #pay #ogone_CVC { float: left; }
	#graphic-page #pay #help-cvc-cb, #graphic-page #pay #help-cvc-ae { left: 230px; right: unset; }
	#graphic-page #offers #pay #help-cvc-cb, #graphic-page #offers #pay #help-cvc-ae { left: 519px; right: unset; top: -6px; }
}

@media screen and (max-width: 1200px) {
	#offer-avantages .new-members .new-members-list .item { width: auto !important; }
	#offer-avantages .new-members .new-members-list .item .state:nth-child(2) { bottom: 52% !important; }
	#offer-avantages .new-members .new-members-list .item .state { bottom: 3% !important; }
}

@media screen and ( max-width: 991px ) {
	.form-horizontal .control-label { text-align: left; }
	#new #registering .images-1 { margin: auto auto 0 0; }

	#graphic-page #pay #ogone_CARDNO { float: none; margin-right: auto; }
	#graphic-page #pay #help-cvc-cb, #graphic-page #pay #help-cvc-ae { left: 230px; right: unset; }

	.noVip #inside-nav ul,
	.noVip #header-icon-links {	display: none; }

	#graphic-page #offers { overflow: hidden; }

	#graphic-page #offers .offer { width: 24.5%; margin: 0.25%; position: relative; left: 0 !important; float: left; padding: 3px; }
	#graphic-page #offers .offer.active { margin-top: 0; }
	#graphic-page #offers .offer.gold { width: 99.5%; background-position: center right;}

	#graphic-page #offers .offer .desc { font-size: 12px; }
	#graphic-page #offers .offer .desc br { display: none; }

	#graphic-page #offers #pay { overflow: hidden; }
	#graphic-page #offers #pay #label-control { width: 140px; }

	#graphic-page #offers #pay #ogone_CVC { float: left; margin-right: 10px; }
	#graphic-page #offers #pay #help-cvc-cb, #graphic-page #offers #pay #help-cvc-ae { position: relative; top: 0; left: 0; right: 0; bottom: 0; float: left; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	#graphic-page #offers .offer .icon { position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: 66px; }
}

@media screen and ( max-width: 768px) {
	#new #registering .btn { width: 100% !important; margin: 5px auto; white-space: normal; }

	/* offres v1 */
	#graphic-page #aside { width: 100%; float: none; margin: 50px auto; }
	#graphic-page #main { margin: 0; width: 100%; }

	#graphic-page #offers #pay .form-control { width: 100% !important; }
	#graphic-page #offers #pay label { text-align: left; }
	#graphic-page #offers .offer { width: 49.5%; height: 300px;}
	#graphic-page #offers .offer.active { width: 99.5%; }
	#graphic-page #offers #pay { width: 99.5%; margin: 0.25%; }
	/* #graphic-page #offers .offer.gold { width: 99.5%; margin: 0.25%; position: relative; left: 0 !important; float: left;} */
	/* #graphic-page #offers .offer a { bottom: 70px; } */
	#graphic-page #offers .offer .icon { top: -45px; left: unset; right: 10px; }
	#graphic-page #offers .offer .head { height: 70px; }
	#graphic-page #offers .offer .ruban { top: 45px; }

}

@media screen and (min-width: 449px) and (max-width: 515px) {
	#new-offers .offers .offer .description { width: 190px; }
	#new-offers .offers .offer .price { width: 130px; }
	#new-offers .offers input[type="radio"] { position: absolute; }
}

@media screen and ( max-width: 464px ) {
	#new #home-form { padding-left: 0 !important; margin-left: -5px; margin-right: -5px; }
	#new #tools-advertising img { margin-top: 0 !important; }
	#new #footer-home-links li:first-child, #new #footer-home-links li:last-child { text-align: center; }

	#graphic-page #pay label,
	#graphic-page #offers #pay label { width: 100%; text-align: center; }
	#graphic-page #pay .form-control { width: 100% !important; }
	#new-offers .offers .offer { height: 120px; }
	#new-offers .offers input[type="radio"] { margin-top: 36px; position: absolute; right: 20px; top: 16px; }

	#new-offers .offers .offer .description { width: auto; float: none; }
	#new-offers .offers .offer .description .name,
	#new-offers .offers .offer .description .promotion { display: inline-block; }
	#new-offers .offers .offer .price { width: auto; }

	#new-offers #pay #label-control { width: 100%; }

	#graphic-page #pay #help-cvc-cb, #graphic-page #pay #help-cvc-ae { position: relative; top: 0 !important; right: 0; left: 0; bottom: 0; }

	#graphic-page #offers .offer { width: 99.5%; margin: 0.25%; position: relative; left: 0 !important; float: left; height: 300px;}
	#graphic-page #offers .offer .head { text-align: left; padding-left: 10px;}


}