/*
  bleu : 069
  vert : 7a0, 7da757
  rouge: c74d1d
*/

body {
  font-family: Verdana, Tahoma, sans-serif;
  color: #555;
  background-color: #1e1e1e;
  line-height: 25px;
}

/*     Typo     */

h1, h2, h3, h4, h5, h6, dt, .serif {
  font-family: Georgia, serif;
}
h1 { 
  margin-bottom: 0;
}
h2 {
  font-size: 3.5em;
  line-height: 65px;
  margin: 0 0 20px 0;
  color: #7a0;
}
h3 {
  font-size: 1.6em;
  line-height: 30px;
}
h4 {
  font-size: 1.2em;
  line-height: 2.5em;
  font-weight: normal;
  color: #888;
  margin-bottom: 0;
}
h5 {

}
li {
  clear: left;
}

/*     Generic classes     */

.relative {
  position: relative;
}
.error {
  color: #c74d1d;
}
.light {
  color: #999;
}
.disabled {
  color: #ccc;
  border-color: #ccc;
}
.clear {
  clear: both;
}
hr.clear {
  visibility: hidden;
}
.right {
  float: right;
}
.indent {
  text-indent: 20px;
}
.justify {
  text-align: justify;
}
.spacer {
  margin-bottom: 20px;
}
.inline, .inline li {
  display: inline;
  float: none !important;
}
.center {
  text-align: center;
}
.notice, .warning {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
}
.notice {
  color: #333;
  border-color: #e3d3c6;
  background-color: #f8f6f0;
}
.warning {
  color: #c74d1d;
  border-color: #e39f84;
  background-color: #e8c5b7;
}
#frame .notice {
  margin: 0 20px 20px;
}
.frame {
  padding: 20px 20px 0;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background-color: #eee;
}
.small {
  font-size: .8em;
}
.large {
  font-size: 1.6em;
}
.cancel {
  font-size: 0.8em;
  color: #555;
  border-color: #555;
  margin-left: 20px;
}


/*     Liens     */

a:link, a:visited {
  text-decoration: none;
  color: #069; /* #77aa00; */
  border-bottom: 1px dotted #069; 
}
a:hover, a:focus, a:active, a:hover .thumbnail {
  border-style: solid;
	border-color: #c74d1d;
	color: #c74d1d;
}
a.img {
  border: none;
}

/*     Menu     */

#main_menu a {
  color: #fff;
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 0 20px;
  border: none;
}
#main_menu a:hover {
  color: #fff;
  background-color: #7da757;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}


/*     Tooltip     */

a.tooltip {
	text-decoration: none;
	font-weight: bold;
	z-index: 10;
	position: relative;
}
a.tooltip span {
	display: none;
}
a.tooltip:hover {
	z-index: 20;
	background:; /* hack ie de merde */
}
a.tooltip:hover span {
	background-color: #e6e6e6;
	color: #4c4c4c;
	border: 1px solid #cccccc;
	width: 250px;
	text-align: center;
	padding: 10px;
	left: 0px;
	top: 30px;
	position: absolute;
	display: block;
}

h1 a {
  display: block;
  position: relative;
  left: -80px;
  height: 123px;
  width: 441px;
  text-indent: -5000px;
  border: none !important;
  background: transparent url("../images/logo.png") left top no-repeat;
}

#reup, #reup_bis {
  position: absolute;
  z-index: 10;
  border: none;
  color: #fff;
  top: -20px;
  right: 30px;
  width: 195px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  padding-top: 10px;
  background: transparent url("../images/reup.png") left bottom no-repeat;
}
#reup:hover {
  top: -10px;
}
#reup_bis { 
  top: 0;
  height: 38px;
  line-height: 24px;
}
#reup_bis:hover {
  height: 48px;
  line-height: 48px;
}


/*     -Images     */
img.thumbnail,
span.anonymous {
  padding: 4px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  background: transparent url("../images/loader.gif") center center no-repeat;
}
img.small,
span.small {
  width: 50px;
  height: 50px;
}
img.medium {
  width: 130px;
  height: 130px;
}
span.anonymous {
  display: block;
  text-indent: -5000px;
  width:  50px;
  height: 50px;
  background-image: url("../images/anonymous.png");
  background-repeat: no-repeat;
}
.homme .anonymous { background-position: 4px 4px; }
.femme .anonymous { background-position: 4px -51px }
.couple .anonymous { background-position: 4px -106px }


/*     Containers     */

#main_menu {
  position: relative;
  background-color: #222;
  border-bottom: 1px solid #595959;
}
#main_menu ul {
  margin: 10px 0;
}
#main_menu li {
  list-style-type: none;
  margin: 0;
  float: right;
  text-align: right;
}
#header {
	background: #404040 url("../images/bg.png") top left repeat-x;
	z-index: 1;
}
#cooliris {
  background: #fff url("../images/bg.png") left -123px repeat-x;
  z-index: 1;
}
#cooliris_wall {
  position: relative;
  z-index: 100;
  width: 960px;
  height: 280px;
  margin: 0 auto 0 auto;
  padding: 20px 0;
  background: transparent url("../images/cooliris_bg.png") top left no-repeat;
}
#cooliris_wall object {
  display: inline;
  width: 920px;
  margin: 0 20px;
  padding: 0;
}
#user_menu {
  border-bottom: 1px solid #6c9642;
  background: #8cb569 url("../images/bg.png") left -443px repeat-x;
}
.anon {
  padding-top: 20px;
}
#content,
#frame #main_container {
  background-color: #f3f3f3;
}
#frame #main_container {
  padding-top: 20px;
}
#frame #content {
  margin: 0 auto 20px;
  padding-top: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
}
#main_content {
  padding: 0;
}
#bottom_content {
  margin-top: 20px;
  padding: 20px 0 20px;
  border-top: 1px solid #ddd;
  background-color: #eaeaea;
}
#breadcrumbs {
  margin-top: 5px;
  font-size: .9em;
}
#footer {
  color: #666;
  padding-top: 40px;
  border-top: 1px solid #fff;
  background-color: #222;
}
#copy {
  margin: 0;
  border-top: 1px solid #282828;
  background-color: #1e1e1e;
}
#copy p {
  margin: 20px 0;
  color: #444;
}


/*      Specials     */

a.menu {
  border: none;
  display: block;
  float: left;
  padding: 0 20px;
  color: #f3f3f3;
  height: 60px;
  border-bottom: 5px solid transparent;
}
a.menu dt {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.2em;
}
a.menu dd {
  line-height: 15px;
  font-size: 0.9em;
  color: #bdd9a3;
}
a.menu:hover {
  border-color: #c74d1d;
  color: #fff;
}



#gallery a {
  border: none;
}
#gallery li {
  list-style-type: none;
  float: left;
  margin: 0;
}
#about_me {
  padding: 20px;
  color: #000;
  background-color: #eee;
  overflow-x: auto;
  overflow-y: hidden;
}
#about_me img {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: .4em;
}
/* pagination */
#pagination_container {
  text-align: center;
  margin-bottom: 20px;
}
#pagination {
  display: inline;
  height: 30px;
  margin-bottom: 20px;
}
#pagination li {
  list-style: none;
  display: inline;
  margin: 0;
}
#pagination a, #pagination span {
  padding: 5px .7em;
}
#pagination .page span {
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #fff;
}
#pagination .more {
  border: none;
}
#pagination a {
  text-decoration: none;
  border: 1px solid #ccc;
  background-color: #eee;
}
#pagination a:hover {
  color: #fff;
  background-color: #069;
  border-color: #069;
  border-top: none;
 
}

.withSubtitle {
  margin-bottom: 0 !important;
}

img.snake {
  float: none;
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 4px;
}

.message dt {
  margin-bottom: 0;
}
.message .subtitle {
  margin-bottom: 10px;
  font-size: .9em;
  font-family: Georgia, serif;
  text-indent: 15px;
  line-height: 20px;
  background-image: url("../images/up_down_arrow.png");
  background-position-x: left;
  background-repeat: no-repeat;
}
.message .receiver {
  background-position-y: top;
} 
.message .sender {
  background-position-y: -20px;
}
.message .new {
  color: #c74d1d;
  background-position-y: -40px;
}
.message .content {
  margin-left: 98px;
  margin-right: 160px;
  text-indent: 1em;
  text-align: justify;
}
.message .delete {
  float: right;
}


#map {
  margin-bottom: 20px;
  padding: 6px;
  border: 1px solid #ccc;
  background: #fff url("../images/loader.gif") center center no-repeat;
  overflow: hidden;
}
#map img {
  background: transparent;
}
#map a {
  border: none;
}


/*     Forms     */

form li {
  margin-left: 0; /* reset text.css */
}
form p {
  vertical-align: top;
}
label {
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
  text-align: right;
  width: 130px; /* Grid 2 */
}
label.long {
  width: 220px; /* Grid 3 */
}
input,
select,
textarea {
  margin: 0 10px 0 10px;
}
input.alpha,
select.alpha {
  margin-left: 0;
}
select {
  width: 140px; /* Grid 2 */
}
select.short {
  width: 90px; /* Grid 1 */
  margin: 0 0 0 10px;
}
input[type="text"],
input[type="password"],
textarea {
  padding: 6px 0 6px 4px;
  width: 295px; /* Grid 4 */
  font-size: inherit;
  border-width: 1px;
  border-style: solid;
  border-color: #cbcbcb #e1e1e1 #e1e1e1 #d6d6d6;
}
input[type="text"]:focus,
input[type="password"]:focus {
  border-color: #5c5;
}
input[type="checkbox"]
{
  margin-right: 10px;
}
input[type="radio"] {
  margin-right: 5px;
}
ul.checkboxes label,
ul.radio_list label,
ul.radio_list li,
ul.radio_list {
  display: inline;
  float: none;
}
button, a.button {
  margin: 0;
  font-size: inherit;
  cursor: pointer;
  text-align: center;
  padding: 5px 20px;
  color: #fff;
  border: 1px solid #6d8c43;
  background-color: #749245;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
button:hover, a.button:hover {
  background-color: #cc3333;
  border-color: #a22d2e;
}
button.reverse {
  color: #7da757;
  background-color: #fff;
  border-color: #eee;
}
button.reverse:hover {
  color: #fff;
  background-color: #c74d1d;
  border-color: #9e3e22;
}
a.red {
  background-color: #9e3e22;
  border-color: #9e3e22;
}
a.red:hover {
  background-color: #7a0;
  border-color: #708928;
}
ul.error_list {
  margin: 0;
  color: #c74d1d;
}
  .error_list li {
    margin-left: 0;
    list-style-position: inside;
  }
div.row ul.error_list {
  margin: 0 0 0 170px;
}
.error input[type="text"],
.error input[type="password"] {
  border-color: #c74d1d;
}
#signin .cancel {
  margin-left: 20px;
}
#new_message input,
#new_message textarea {
  width: 400px;
}
p.textarea label,
p.textarea textarea {
  height: 100px;
}
#history {
  display: inline-block;
  text-align: right;
  width: 150px;
  margin-right: 20px;
  margin-bottom: 0;
}

.checker label {
  text-align: left;
  width: 300px;
  margin-left: 145px;
}

/* form as list */
form li {
  list-style-type: none;
}

span.button {
  display: inline-block;
  width: 160px;
  text-align: right;
}

/* Photos */

dl.photo_slot {
  float: left;
}
dl.photo_slot img {
  margin-bottom: 0;
}
dl.photo_slot dd {
  font-size: .8em;
  text-align: center;
}
dt.empty {
  width: 130px;
  height: 130px;
  padding: 1px;
  margin-right: 20px;
  border: 4px solid #ccc;
}
dt.empty span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 126px;
  font-size: 8em;
  font-weight: bold;
  font-family: Garamond, Times, serif;
  color: #eee;
  background-color: #e3e3e3;
}

.mceContentBody {
  font-size: 12px !important;
  color: red !important;
}

/* User Signin */
fieldset#signin p {
  margin-bottom: 8px;
}

/* --------------- */
/*     Details     */
/* --------------- */
#register a {
  display: block;
  margin: 0 auto;
  width: 322px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #fee;
  border: #eee;
  background: transparent url("../images/register.png") left top no-repeat;
}
#register a:hover {
  color: #fff;
  background-position: left -72px;
}
#register p {
  font-size: 1.1em;
  letter-spacing: 2px;
  font-family: Georgia, Serif;
  font-style: italic;
  color: #deffbf;
}
#frame #register {
  position: relative;
  left: -12px;
}
#intro {
  font-family: Georgia, serif;
  font-size: 1.4em;
  line-height: 32px;
  color: #666;
}

.ad {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 4px;
}
.vertical {
  margin-left: 10px;
}