@media screen {
/**
 * Layout
 */
/* style par default DF */

body {
background:#FFF url('/images/index/visual5.jpg') no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size:100% auto;
   }

.registrations {
margin-top:50px;
}
.register-form {
/* border: 6px solid #ED227C;*/
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.8);
margin-top:50px;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 15px;
  height: auto;
  max-width:340px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #616367;}

.register-form h2 {
  text-align: center;
  color: #616367;
  font-size: 22px;
  margin-top: 0;
}
.register-form label {
  padding-left: 0px;
}
.register-form .date {
  padding: 0;
  margin-right: 15px;
}
.register-form .date-first {
  padding: 0;
  margin-left: 15px;
  margin-right: 15px;
}
.register-form .btn-pink {
  width: 100%;
  padding: 10px 16px;
 font-size: 26px;
 font-weight:bold;
  line-height: 1.3333333;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.register-form .btn-facebook {
  color: #ffffff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  padding: 10px 16px;
  font-size: 22px;
  font-weight:bold;
  line-height: 1.3333333;
  border-radius: 6px;
  border-color: #1355B1;
  }


.register-form .btn-yellow {
  width: 100%;
  padding: 10px;
  font-size: 26px;
  line-height: 1.3333333;
  color: #ffffff;
  background-color: #FFBD00;
  border-color: #EBAE00;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 font-weight:bold;
}


.register-form .btn-green {
  width: 100%;
  padding: 10px;
  font-size: 26px;
  line-height: 1.3333333;
  color: #ffffff;
  background-color: #76B500;
  border-color: #568A03;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   font-weight:bold;
}


.register-form .btn-info {
  width: 100%;
  padding: 10px;
  font-size: 22px;
  line-height: 1.3333333;
  color: #ffffff;
  background-color: #587FB4;
  border-color: #1355B1;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}


.register-form .warning {
  font-size: 12px;
}
.register-form .warning a {
  color: #6386BC;
}

.carousel-wrap {
background-color: rgba(255, 255, 255, 0.7);
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 10px;
  height: auto;

}
.carousel-wrap h2 {
  margin-top: 0;
  margin-left: 10px;
  margin-bottom: 0;
  color: #4c5264;
}
.carousel-wrap img {
  height: 142px;
  width: 130px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.carousel-wrap img:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: scale(1.05);
}
.carousel-wrap ul {
  text-align: center;
  list-style: none;
  padding: 0;
}
.carousel-wrap ul li {
  display: inline-block;
  margin: 10px;
}


h1.slogan { font-size:30px; color:#E00034; font-weight:bold; text-align:center;}
div.SearchResult {margin-left:30px;}
div.SearchResult  h2  {font-size:1.4em; text-transform:uppercase; }
div.simple div.member{margin: 0px;height: auto;border: none;padding:0px; padding-left:30px;  padding-bottom:15px; width: auto;  display: inline-block; transition: all 0.2s ease-in-out;}
div.simple {overflow:hidden;}
div.member img {width:120px; height:auto; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; display: inline-block; padding:4px;}
div.simple div.member.featured, div.simple div.member {margin:0; padding:4px; background:none; overflow:hidden; width:auto; height:190px;  border:none;}
div.member a {font-size:12px; font-weight:bold; color:#585858;}
div.member div.username {text-align:center; padding-top:2px; width:auto; display:none;}
div.simple div.member div.info {display:block; text-align:center; width:auto;}
div.member.paid div.membership {display:none;}
div.member div.info {width:70px; overflow:hidden; text-overflow: ellipsis; }
div.member div.info span.age {font-size:80%; color: #E00034;}
div.member div.info span.address {color:#777; font-size:75%;}
div.member div.chat {display:none;}
p.submitbutton {margin:0px; padding:5px 0 0; zoom:0; text-align:left; position:relative;}
.button, .submit {cursor:pointer; height:50px;}

div.Registration {width:100%; z-index:255;  color:#777777; }
div.Registration form {margin:8px; padding:5px;}
div.Registration input.submit {width:60%; height:auto; line-height:normal; font-weight:700; font-size:1em; margin-top:5px; color: #ffffff;
background-color: #4FD9FD; border-color: #03B1EF; border-width:6px; padding:0.6em 0 0.7em; text-align:center; border-radius:27px; box-shadow:0 1px 1px #868583; text-transform:uppercase;}
div.Registration h2 {color: #E00034; font-size: 22px; font-weight:bold;  text-transform:uppercase; padding:0 0 5px; text-align:center;}
div.Registration h2 strong {font-weight:400; color:#000; font-weight:bold;}
div.Registration dl.horizontal {margin:0;}
div.Registration dl.horizontal dt {font-size:1em; width:100%;  font-weight:bold;  padding:0; float:none; text-transform:uppercase;}
div.Registration dl.horizontal dd {width:100%; float:none;}
div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:32%;}
div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:32%;}
div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:32%;}
div.Registration select#sexId  {width:100%;}
div.Registration select#genderId  {width:100%;}
div.Registration select#lookingForSexId {width:100%;}
div.Registration dl.horizontal dd.nolabel {font-size:11px; white-space:normal; color:#626355;}
div.Registration dl.horizontal dd.nolabel label {white-space:normal;}
div.Registration dd input.checkbox {width:auto}
div.Registration dd input, div.Registration dd select {padding:7px; }
div.Registration dd input {width:99%}
div.RegistrationSimple p.warning {color:#777; font-size:85%;}
div.RegistrationSimple p.warning a {color:#777; font-size:85%;}
div.Registration dd input, div.Registration dd select {padding-top:4px; padding-bottom:5px; background:#D9ECFC; border:1px solid:#014C90;}
.submit-block {clear: both;}

/**
 * Forms
 */

/**
 * Forms
 */
	input.invalid,
select.invalid, 
textarea.invalid {background:#ffd7d7; color:#ce0000; border-color:#c8a9a9 #fdc5c5 #fdc5c5 #c8a9a9}

dd p.warning {font-size:80%; margin:5px 0 10px;}

dd.error input,
dd.error select, 
dd.error textarea {background:#ffd7d7; color:#ce0000; border-color:#c8a9a9 #fdc5c5 #fdc5c5 #c8a9a9}
dd.error input.checkbox {background:transparent;}

dl.vertical dt.described {}
dl.vertical dt.described span { display:block; float:left;}
dl.vertical dt.described a { display:block; float:right; font-size:85%; text-decoration:underline}
dl.vertical dt.described a:hover {text-decoration:none;}
dl.vertical dt.described h3 {float:left;}

dl.vertical dd.double {float:left; margin-right:10px;}

dl.half, fieldset.half  {width:46%; float:left; margin-right:10px;}

div.errorList {}
div.errorList p {margin:0; padding:0 14px; height:21px; line-height:21px; background-color:#ce0000; color:#ffffff; text-transform:uppercase; font-weight:bold; font-size:90%;}
div.errorList ul {margin:0; padding:10px 14px; border-color:#ffd7d7; border-width:1px; border-style:none solid solid; list-style:none;}
div.errorList ul li {margin:0; padding:0; list-style:none; color:#ce0000; font-weight:bold;}

fieldset {border-style:none; margin:0; padding:0;}
fieldset legend {font-weight:bold;}

dl dt h3 {display:inline;}

dd input, 
dd select,
dd textarea {width:100%; border-width:1px; border-style:solid; border-color:#b6b6b6 #e5e5e5 #e5e5e5 #b6b6b6; background:#ffffff; color:#585858; font-family:Arial, Helvetica, sans-serif;} 

input::-webkit-input-placeholder {color:#908f8f}
textarea::-webkit-input-placeholder {color:#908f8f}
input:-moz-placeholder {color:#908f8f}
textarea:-moz-placeholder {color:#908f8f}

dd input, 
dd select {font-size:90%; } 

dd input.checkbox {width:auto; background:none; border-style:none;}

	
.lazyload_ad {display:none; background:none;}
 div#copyright {color:#818181; margin:0; text-align:center; float:none; clear:both; font-size:0.8em;}
div#copyright a {color:#818181; text-decoration:none; font-weight:bold;}
div#copyright a:hover {text-decoration:underline;} 	
div#copyright br {display:none;}

.widgets {margin:0 auto; position:relative; padding-bottom:30px; padding-top:30px; text-align:center;}
.widgets div {text-align:center; font-size:1em; font-family: Arial, sans-serif; font-weight:100; padding:0 0.3em; display:inline-block; line-height:35px;}
#share-buttons {position:relative; display:inline-block;}
 #share-buttons a {display:inline-block; margin:0 0.1em; width:35px; opacity:0.8; cursor:pointer;}
 #share-buttons a img {width:100%; vertical-align:middle;}

div#copyright {color:#818181; margin:0; text-align:center; float:none; clear:both; font-size:0.8em;}
div#copyright a {color:#818181; text-decoration:none; font-weight:bold;}
div#copyright a:hover {text-decoration:underline;} 
div#copyright br {display:none;}

ul#bottonNavigation {margin:70px 0 15px; padding:0px; list-style:none; float:none; height:auto; text-align:center;}
ul#bottonNavigation li {margin:0; padding:0 0.7em; list-style:none; float:none; display:inline;}
ul#bottonNavigation li.last {border-right-style:none;}
ul#bottonNavigation li a {color:#818181; text-decoration:underline; font-size:0.95em;}
ul#bottonNavigation li a:hover {text-decoration:none;}

/* Sidebar */
div.Sidebar {position:fixed !important; z-index:1000; }
div.Sidebar.Left {left:0 !important; top:110px !important;}
div.Sidebar.Right {right:0 !important; top:110px !important;}

div.Sidebar .SidebarItem {position:static !important; float:left; margin-bottom:7px; clear:both; background-color:#fff/*#ffffff*/; color:#333/*#585858*/; padding:7px; }
div.Sidebar.Left .SidebarItem {border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -ms-border-radius:0 10px 10px 0; -o-border-radius:0 10px 10px 0; -moz-box-shadow:1px 1px 3px #d6dacc; -webkit-box-shadow:1px 1px 3px #d6dacc; -ms-box-shadow:1px 1px 3px #d6dacc; -o-box-shadow:1px 1px 3px #d6dacc; box-shadow:1px 1px 3px #d6dacc;}
div.Sidebar.Right .SidebarItem {border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -ms-border-radius:10px 0 0 10px; -o-border-radius:10px 0 0 10px; -moz-box-shadow:-1px 1px 3px #d6dacc; -webkit-box-shadow:-1px 1px 3px #d6dacc; -ms-box-shadow:-1px 1px 3px #d6dacc; -o-box-shadow:-1px 1px 3px #d6dacc; box-shadow:-1px 1px 3px #d6dacc;}

.SidebarItem div.vertical {position:absolute; bottom:11px; font-size:90%; white-space:nowrap; float:none; margin:0; padding:0; background:none; 
-webkit-transform: rotate(-90deg) ; -webkit-transform-origin: 9px 7px;
-moz-transform: rotate(-90deg); -moz-transform-origin: 9px 7px;
-o-transform: rotate(-90deg);  -o-transform-origin: 9px 7px;
-ms-transform: rotate(-90deg);  -ms-transform-origin: 9px 7px;
transform: rotate(-90deg); transform-origin: 9px 7px;*left:22px;}

html[xmlns*=""] .SidebarItem div.vertical {
writing-mode:bt-rl;
filter:flipH flipV;}

/* SocialLogin*/
div.SocialLogin {padding-top:50px !important; background:#fff url(/images/icons/icon_auth.png) 3px 9px no-repeat;}

ul.icons {list-style:none; margin:0; padding:0;}
ul.icons li {display:block; list-style:none; margin:0 0 7px 0; padding:0; background:none !important;}
ul.icons li:last-child {margin-bottom:0;}
ul.icons li a {text-decoration:none; display:block;  background-repeat:no-repeat; overflow:hidden; border:none; margin:0; padding:0;}
ul.icons li a:hover {text-decoration:none; background-color:transparent;}

ul.icons.size24x24 a {width:24px; height:24px; }
ul.icons.size16x16 a {width:16px; height:16px; }

ul.social-providers li a {background-image:url(/images/icons/providers.gif);}

ul.social-providers.size24x24 li.facebook a{background-position:0px -16px;}
ul.social-providers.size24x24 li.google a{background-position:-24px -16px;}
ul.social-providers.size24x24 li.windowslive a{background-position:-48px -16px;}
ul.social-providers.size24x24 li.twitter a{background-position:-72px -16px;}
ul.social-providers.size24x24 li.yahoo a{background-position:-96px -16px;}

ul.social-providers.size16x16 li.facebook a{background-position:0px 0px;}
ul.social-providers.size16x16 li.google a{background-position:-16px 0px;}
ul.social-providers.size16x16 li.windowslive a{background-position:-32px 0px;}
ul.social-providers.size16x16 li.twitter a{background-position:-48px 0px;}
ul.social-providers.size16x16 li.yahoo a{background-position:-64px 0px;}

ul.switch-layout li a {background-image:url(/images/icons/icon_mobile.png);}

/* Modal Popup */
div.blockUI.blockOverlay {background-color:#666666 !important;}
div.blockUI.blockMsg {background-color:#ffffff !important;}

div.blockUI div.popup {border-width:0px 1px 1px 0px; border-style:solid; border-color:#666666; height:100%; width:100%;}
div.blockUI div.popup div.head {height:4px; font-size:1px; overflow:hidden; background-color:#e25e67; width:auto; margin:0 -1px;}
div.blockUI div.popup div.content {overflow:hidden; }

/* FramePopup */
div.FramePopup iframe {margin-top:16px;}
div.FramePopup img#close {position:absolute; top:3px; right:-2px; cursor:pointer;}

div.lazyload_ad {display:none; background:none;}
}


@media only screen and (max-width: 640px) {
 h1.slogan {font-size: 22px;}
ul#bottonNavigation {padding:0 2%;}
ul#bottonNavigation li {padding:0.5em 0 0.1em 1.5em; float:none; display:block; text-align:left; border-right:none; border-bottom:1px solid #d8d8d8;}
ul#bottonNavigation li a {text-transform:uppercase; text-decoration:none; font-size:0.95em; color:#888888;}
ul#linksNavigation {padding:0 2%;}
ul#linksNavigation li a  {text-transform:uppercase; text-decoration:none; font-size:0.95em; color:#888888;}
.btn-facebook {font-size:14px;}
div.Registration select#birthYearPerson1, div.Registration select#birthYearPerson2 {width:30%;}
div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:30%;}
div.Registration select#birthDayPerson1, div.Registration select#birthDayPerson2 {width:30%;}
 }

@media only screen and (max-width: 420px) {
div.Registration select#birthMonthPerson1, div.Registration select#birthMonthPerson2 {width:32%;}
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
	div.Registration dl dt {margin-bottom:3px !important}
	div.Registration dl dd {margin-bottom:3px !important}
	dd p.warning {margin:3px 0}
	div.QuickSearch dl dt {margin-bottom:0 !important}
	div.QuickSearch dl dd {margin-bottom:0 !important}
}
/*416554.1.86.8a6c527_1158512009*/