@charset "utf-8";
*{
	margin:0;
	padding:0;
}

body{
	color:#636879;
	
	
	background-color:#FFFFFF;
	/*background:url('../img/page_bg.jpg') repeat-x #323232;*/
	font:12px Arial, Helvetica, sans-serif;
	/*border-top:0px solid #212121;*/
}

#footer{
	
	
	
	/*background-color: #FFFFFF;*/
	
	float:left; width:100%; margin-bottom:10px;
	 
	 
}
#contenufooter{
	border-top: 1px solid #E4E4E4;
	
	
	width:980px;
	height:30px;
	margin:5px auto;
	padding:20px 0px 10px 0px;
	position:relative;
}
a.tzine,a.tzine:visited{
	background:url("https://www.hopdream.com/img/tzine.png") no-repeat right top;
	border:none;
	color:#FCFCFC;
	font-size:12px;
	height:70px;
	left:50%;
	line-height:31px;
	margin:23px 0 0 110px;
	position:absolute;
	top:0;
	width:290px;
}

/*.tri{
	border-color:transparent transparent #212121;
	border-style:solid;
	border-width:20px 17px;
	height:0;
	left:50%;
	margin:-40px 0 0 -400px;
	position:absolute;
	top:0;
	width:0;
}*/

/*h1{
	font-size:20px;
	font-weight:normal;
	left:50%;
	margin-left:-400px;
	padding:25px 0;
	position:absolute;
	width:480px;
}*/

a, a:visited {
	font-size:10px;
	text-decoration: none;
	/*outline:none;*/
	/*border-bottom:1px dotted #97cae6;*/
	
	color: #999;
}

a:hover{
	
	color:#000000;
	text-decoration: none;
}

.clear{
	clear:both;
}

/* style contenu*/

#conteneur{
	width:980px;
	height:auto;
	margin:0px auto;
	position:relative;
}


/* Top Bar */


#header{
	height:70px;
	width:100%;
	/*background:url('../img/solid_gray.jpg') repeat-x #d0d0d0;*/
	/*border:1px solid #fff;*/
	margin-bottom:0px;
	position:relative;
	
	
	/*text-shadow:1px 1px 0 #FFFFFF;*/
}

#header .logo{
	position:absolute;
	top:0px;
	left:0px;
}
#header h1 {
    font-weight: normal;
    line-height: 2em;
    font-size: 10px;
    color: #999;
    position: absolute;
    top: 45px;
    left: 38px;
}
#header .rencontres{
	position:absolute;
	top:16px;
	left:263px;
}
#header .accueil{
	position:absolute;
	top:13px;
	left:335px;
}
#header .poke{
	position:absolute;
	top:13px;
	left:380px;
}
#header .visite{
	position:absolute;
	top:18px;
	left:442px;
}
#header .freind{
	position:absolute;
	top:18px;
	left:520px;
}
#header .profil{
	position:absolute;
	top:16px;
	right:141px;
}
#header .logout{
	position:absolute;
	top:16px;
	right:78px;
}
#header .messagerie{
	position:absolute;
	top:16px;
	right:205px;
}
#header .menu1{
	font-size:12px;
	color:#333;
	position:absolute;
	top:55px;
	left:250px;
}
#header .menu1 a{
	margin:0px 10px 0px 10px;
	font-size:11px;
	color:#333;
	
}
#header .menu1 a:hover{
	font-size:11px;
	text-decoration: underline;
	color:#333;
	
}

.tablepok a{
	
	font-size:11px;
	color:#333;
	text-decoration: underline;
	
}
.tablepok a:hover{
	font-size:11px;
	text-decoration: none;
	color:#333;
	
}

#header .menu2{
	position:absolute;
	top:55px;
	right:10px;
}
#header ul{
	list-style:none;
	float:left;
}
.roundmenu{
	margin:0px 10px 10px 10px;
	padding:1px 2px 2px 2px ;
	
	border:1px solid  #D1D1D1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#header li{
	
	
	float:left;
}
#header img.online{
	position:absolute;
	top:44px;
	right:9px;
}
#header .txtonline{
	position:absolute;
	top:44px;
	right:9px;
}
#header img{
	left:12px;
	position:absolute;
	top:18px;
}


/* contenus */


#contenu{
	/*background:url('../img/solid_gray.jpg') repeat-x #d0d0d0;*/
	float:left;
	background-color:#FFF;
	padding:20px 20px 40px 20px;
	border:1px solid #fff;
	
	margin-top:1px;
	min-height:500px;
	height:auto;
	width:780px;
	margin-bottom:20px;
	
	
}
#contenu a{
	text-decoration:underline;
	font-size:12px;
	color:#06F;
}
#contenu a:hover{
	text-decoration: none;
	
}
#contenu h2 a{
	padding-left:5px;
	text-decoration:underline;
	font-size:16px;
	color: #1F1F1F;
}
#contenu h2 a:hover{
	text-decoration: none;
	
}
.contenu{
	background:url('https://www.hopdream.com/img/contenu_line_bg.jpg') repeat-x #d5d5d5;
	background-color:#FFF;
	min-height:24px;
	padding:0px;
	border:1px solid #FFFFFF;
	height:auto;
	
	padding:8px 6px 4px 37px;
	position:relative;
	margin:0 10px 10px 0;
}

.contenu:last-child{
	margin-bottom:0;
}

.contenu span{
	color:#777777;
	text-shadow:1px 1px 0 #FFFFFF;
	font-size:12px;
}

.contenu .text{
	color:#444444;
	display:inline-block;
	font-size:15px;
	overflow:hidden;
	vertical-align:top;
	width:190px;
}

.contenu .gravatar{
	background:url('https://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?size=23') no-repeat;
	left:7px;
	position:absolute;
	top:7px;
}

.contenu img{
	display:block;
	visibility:hidden;
}

.contenu .time{
	position:absolute;
	right:10px;
	top:12px;
	font-size:11px;
}

.contenu .author{
	margin-right:6px;
	font-size:11px;
}


/* contenu User Area */


#rightcol{
	background-color: #FFF;
	/*border:1px solid #E8E8E8;*/
	height:auto;
	position:absolute;
	right:0;
	top:220px;
	width:30%;
}
#rightcolprofil{
	background-color: #FFF;
	/*border:1px solid #E8E8E8;*/
	height:auto;
	position:absolute;
	right:0;
	top:207px;
	width:33%;
}
#rightcol .user{
	background:url('https://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?size=30') no-repeat 1px 1px #444444;
	border:1px solid #111111;
	float:left;
	height:32px;
	margin:10px 0 0 10px;
	width:32px;
}

#rightcol .user img{
	border:1px solid #444444;
	display:block;
	visibility:hidden;
}


/* Bottom Bar */


#contenuBottomBar{
	background:url('https://www.hopdream.com/img/solid_gray.jpg') repeat-x #d0d0d0;
	position:relative;
	padding:10px;
	border:1px solid #fff;
}

#contenuBottomBar .tip{
	position:absolute;
	width:0;
	height:0;
	border:10px solid transparent;
	border-bottom-color:#eeeeee;
	top:-20px;
	left:20px;
}
#contenuBottomBar .smile{
	position:absolute;
	bottom:48px;
	right:12px;
}
#contenuBottomBar .blocsmile{
	background-color:#D8DFEA;
	position:absolute;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	width:150px;
	height:85px;
	padding:5px;
	bottom:69px;
	right:12px;
}
/*#conteneur input{
	background:url('https://www.hopdream.com/img/input_bg.jpg') repeat-x #dcdcdc;
	height:26px;
	font:13px/26px Calibri,Arial,sans-serif;
	color:#777;
	border:1px solid;
	border-color:#c1c1c1 #eee #eee #c1c1c1;
	text-shadow:1px 1px 0 #E4E4E4;
	padding:10px;
	margin:auto;
	width:200px;
	outline:none;
}*/


/*#submit{
	display:none;
}*/

/*input#contenuText{
	/* The contenu submit text field */
	/*width:200px;
}*/


/* Overloading the default styles of jScrollPane */


.jspVerticalBar{
	background:none;
	width:20px;
}

.jspTrack{
	background-color:#202020;
	border:1px solid #111111;
	width:3px;
	right:-10px;
}

.jspDrag {
	background:url('https://www.hopdream.com/img/slider.png') no-repeat;
	width:20px;
	left:-9px;
	height:20px !important;
	margin-top:-5px;
}

.jspDrag:hover{
	background-position:left bottom;
}


/* Additional styles */


a.logoutButton{
	background-color:#bbb;
	border:1px solid #eee !important;
	color:#FFFFFF !important;
	font-size:12px;
	padding:5px 9px;
	position:absolute;
	right:10px;
	text-shadow:1px 1px 0 #888;
	top:7px;
	
	-moz-box-shadow:0 0 7px #888 inset;
	-webkit-box-shadow:0 0 7px #888 inset;
	box-shadow:0 0 7px #888 inset;
}

a.logoutButton:hover{
	text-shadow:1px 1px 0 #888;
	
	-moz-box-shadow:0 0 7px #666 inset;
	-webkit-box-shadow:0 0 7px #666 inset;
	box-shadow:0 0 7px #666 inset;
}

#conteneur .blueButton{
	background:url('https://www.hopdream.com/img/button_blue.png') no-repeat;
	border:none !important;
	color:#516D7F !important;
	display:inline-block;
	font-size:13px;
	height:29px;
	text-align:center;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.4);
	width:75px;
	margin:0;
	cursor:pointer;
}

#conteneur .blueButton:hover{
	background-position:left bottom;
}

p.nocontenus,
#rightcol .count{
	clear:both;
	font-size:12px;
	padding:10px;
	text-align:center;
	text-shadow:1px 1px 0 #111111;
}

#rightcol .count{
	font-size:11px;
}

.rounded{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#contenuErrorMessage{
	width:100%;
	top:0;
	left:0;
	position:fixed;
	background-color:#ab0909;
	border-bottom:1px solid #d32a2a;
	font-size:23px;
	padding:16px;
	text-align:center;
	color:#fff;
	
	text-shadow:1px 1px 0 #940f0f;
}

#fiche { float:left; padding: 1em; margin:3px; background-color: #FFFFFF; border: 1px solid #f0f0f0; border-right: 1px solid silver; border-bottom: 1px solid silver; width:300px; height:130px;}
	
#fiche .image{ width:100px; height:120px; padding-top:4px; border:0;}
#fiche .mg{ position:relative;left:4px; top:4px; height:auto;}
#fiche .name{ position:relative;left:30px; top:0px; }

#fichemsg { float:left; padding: 1em; margin:3px; background-color: #FFFFFF; border: 1px solid #f0f0f0; border-right: 1px solid silver; border-bottom: 1px solid silver; width:600px; height:100px;}
	
#fichemsg .image{ width:90px; height:90px; padding-top:4px; border:0;}
#fichemsg .mg{ position:relative;left:4px; top:4px; height:auto;}
#fichemsg .name{ position:relative;left:30px; top:0px; }
#fichemsg p{ width:500px; padding:3px;}
#fichemsg p a{ text-decoration:none;}


#ficheprofil { float:left; padding: 1em; margin:-20px 0px 0px 0px; background-color: #fcfcfc; border: 1px solid #f0f0f0; border-right: 1px solid silver; border-bottom: 1px solid silver; width:600px; height:395px;}

	
#ficheprofil .image{ width:280px; height:380px;  border: 8px solid #ffffff; border-width: 8px 8px 8px;}

#ficheprofil .name{ position:relative;left:30px; top:0px; }

#fichefoto { float:left; margin-top:10px; margin-bottom:10px; margin-left:0px; padding-bottom:20px;  background-color: #FFFFFF; border: 1px solid #f0f0f0; border-right: 1px solid silver; border-bottom: 1px solid silver; width:624px; min-height:120px; height:auto;}

#fichefoto .image{ width:100px; height:120px; padding:4px; border:0;}

form button {
			border: 1px solid #B80D1A;
			font-size: 1em;
			font-family: Verdana;
			padding: 2px 6px;
			color:#FFFFFF;
			background:#B80D1A;
			border-radius: 10%;
		}
#discute { margin:20px 5px 0px 20px; float:left;
		}		
		#discute button {
			border: 1px solid #B80D1A;
			font-size: 1em;
			font-family: Verdana;
			padding: 2px 6px;
			color:#FFFFFF;
			 
			background:#B80D1A;
		}
#splot { float:left; margin-top:0px; margin-bottom:20px; margin-left:0px;  background-color: #FFFFFF; border: 1px solid #f0f0f0; border-right: 1px solid silver; border-bottom: 1px solid silver; width:980px; height:auto;}

#comments {
	padding: 10px;
}
	#comments a {
		text-decoration: none;
	}
	#comments h2 {
		font-size: 1.4em;
		margin: 10px 0;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.6em;
	}
	#comments form {
		
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			margin-right: 5px;
		}
		#comments form select {
		    width: 260px;
			margin-right: 5px;
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 2px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		
		#comments form input {
			width: 260px;
			border: 1px solid #cccccc;
		}
		#comments form input.chek {
		width: 120px;
	}
		#comments form textarea {
			width: 290px;
			min-height:50px;
			height:auto;
			margin: 4px 4px 4px 10px;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #FF5959;
			font-size: 1em;
			font-family: Verdana;
			margin: 1px 1px 0px 10px;
			color:#FFFFFF;
			 
			background:#D80803;
		}
		
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
h2.title {
	font-size: 1em !important;
	text-transform: uppercase;
	padding: 10px;
	color: #565656;
}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments .buffer {
		padding: 10px;
	}
	#comments h2 {
		
	}
	#comments ol li {
		margin-bottom: 10px;
	}
	#comments ol li ul li {
		border: 1px solid #e0e0e0;
		padding: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 0 10px 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;

		text-decoration: none;
	}
#comments .says {
	display: none;
}
.demo { background: url(https://www.hopdream.com/images/carte.png); float: left; padding: 10px; width:550px;  }
  .alertbox
  {
    background  : url(https://www.hopdream.com/images/dialog-help.png) no-repeat scroll left top;
    margin      : 0 10px;
    padding     : 0 0 5px 40px;
    font-family : Verdana;
    font-size   : 12px;
    text-align  : left;
  }
  .alertbox .buttons
  {
    text-align  : right;
  }
  

      div.arrondi {
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background:#404040;
		margin-top:0px;
		margin-bottom:5px;
		color:#FFF;
      }
	  div.arronditext {
		  width:550px;
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background: #E9E9E9;
		margin-top:0px;
		
      }
	  
	  .suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		height:200px;
		overflow-x:hidden;
        overflow-y:auto;
		
		
		
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		
		
		
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		list-style:none;
		font-size:9px;
		
		
		
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}
	#gallery {
		
		padding: 10px;
		width: 960px;
		height:110px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery li img {
		width:72px;
		height:72px;
		border: 5px solid #ffffff;
		border-width: 5px 5px 5px;
	}
	#gallery li a:hover img {
		width:100px;
		height:100px;
		border: 5px solid #ffffff;
		border-width: 0px 5px 5px;
		padding-top:10px;
		padding-bottom:10px;
		
	}
	#gallery ul a:hover { color: #fff; }
	
	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		height:200px;
		overflow-x:hidden;
        overflow-y:auto;
		
		
		
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		
		
		
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		list-style:none;
		font-size:9px;
		
		
		
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}
	
	.topgalery {
	width:980px;
	height:108px;
	
	margin:0;
	padding-bottom: 20px;
}
.topgalery ul {
	
	list-style: none;
	
}
.topgalery p{ padding:20px:}
.topgalery li {
	margin: 20px;
	padding: 3px;
	float: left;
	position: relative;
	width: 73px;
	height: 80px;
}
.topgalery img {
	width:100px;
	height:100px;
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.topgalery span {
	
}
.topgalery .favorite {
	background: url(https://www.hopdream.com/images/sup.gif) no-repeat;
}
.topgalery .photo {
	background: url(https://www.hopdream.com/images/photo.gif) no-repeat;
}
.topgalery .video {
	background: url(https://www.hopdream.com/images/video.gif) no-repeat;
}
.topgalery a {
	text-decoration: none;
}
.topgalery a:hover img  {
	border:solid;
	border-color: #666;
}
	.galery {
	width:690px;
	min-height:100px;
	height:auto;
	list-style: none;
	margin: 0;
	padding: 0;
}
#totalphoto h2{ color:#B80D1A; font-size:12px; font-weight:bold; padding:10px 10px 0px 10px; cursor:pointer;}


.galery li {
	margin: 10px;
	padding: 3px;
	float: left;
	position: relative;
	width: 75px;
	height: 75px;
	cursor:pointer;
}
.galery img {
	width:80px;
	height:80px;
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.galery span {
	position:absolute;
	bottom:5px;
	padding:10px 10px 0px 10px;
}
.galery .favorite {
	background: url(https://www.hopdream.com/images/sup.gif) no-repeat;
}
.galery .photo {
	background: url(https://www.hopdream.com/images/photo.gif) no-repeat;
}
.galery .video {
	background: url(https://www.hopdream.com/images/video.gif) no-repeat;
}
#fichefoto a {
	color:#B80D1A;
	text-decoration: underline;
}
.galery a:hover img  {
	border:solid;
	border-color: #666;
}
	
	#gallerysplot {
		background-color: #F4F4F4;
		padding: 10px;
		width: 604px;
		height:90px;
	}
	#gallerysplot ul { list-style: none; }
	#gallerysplot ul li { display: inline; }
	#gallerysplot ul img {
		border: 5px solid #ffffff;
		border-width: 5px 5px 5px;
	}
	#gallerysplot ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallerysplot ul a:hover { color: #fff; }
	
/* BUTTONS */.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}/* POSITIVE */button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}/* NEGATIVE */.buttons a.negative, button.negative{
    color:#C00110;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
#update {
		
		
		width: 270px;
		
		height:auto;
		filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background: #FBFBFB ;
		border:2px solid #dedede;
		margin-top:0px;
		margin-bottom:5px;
		color: #333;
	}
	#update ul { list-style: none; }
	#update ul li{padding:5px;}
	#update h2 {   }
	#update h2  {  }
	#update ul li.add_photo { display:block;  font-size:16px; height:16px; background:url(https://www.hopdream.com/images/image_plus.png) center left no-repeat; }
	#update ul li.supp_photo { display:block; font-size:16px; height:16px; background:url(https://www.hopdream.com/images/image_delete.png) center left no-repeat; }
	#update ul li.infos { display:block;  font-size:16px; height:16px; background:url(https://www.hopdream.com/images/user_info.png) center left no-repeat; }
	#update ul li a { padding-left:20px; font-size:12px; }
		
    /*content: #FFFFFF url('images/image_add.png') center left no-repeat;
    padding-right: 4px;*/
	
	

#galleryamis {
		
		
		width: 270px;
		min-height:305px;
		height:auto;
		filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background: #FBFBFB ;
		border:2px solid #dedede;
		margin-top:0px;
		margin-bottom:5px;
		color: #333;
	}
	/*#galleryamis h2 {  background:url(images/users_amis.png) center left no-repeat; }
	#galleryamis h2 span { padding-left:35px; }*/
	#galleryamis ul { list-style: none; }
	
	#galleryamis ul li { display: inline; }
	#galleryamis li img {
		
		border: 1px solid #ffffff;
		border-width: 5px 5px 5px;
	}
	#galleryamis li a:hover img {
		width:72px;
		height:72px;
		border: 1px solid #ffffff;
		border-width: 0px 5px 5px;
		padding-top:10px;
		padding-bottom:10px;
		
	}
	#galleryamis ul a:hover { color: #fff; }
	
	#thumb{
		float:left;
	width:200px;	
	}
	#thumb p.text{ padding-top:10px;}
	#thumb p.text a{ font-size:12px; font-weight:bold;}
	p.thumb{
		display:block;
		
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:50px;
		height:50px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		
		
		
	}
	.blueButton{
	background:url('https://www.hopdream.com/img/button_blue.png') no-repeat;
	border:none !important;
	color:#516D7F !important;
	display:inline-block;
	font-size:13px;
	height:29px;
	text-align:center;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.4);
	width:75px;
	margin:0;
	cursor:pointer;
}
.blueButton:hover{
	background-position:left bottom;
}
#form{ width:680px; height:300px;}
#murs{ float:left; margin:20px;}
#murs span{ float:left; padding:4px;}
#murs span.statut a{ cursor:pointer; padding-left:20px;background:url(https://www.hopdream.com/images/statut.png) center left no-repeat;}
#murs span.photo a{ cursor:pointer; padding-left:20px;background:url(https://www.hopdream.com/images/image.png) center left no-repeat;}
#murs span.video a{ cursor:pointer; padding-left:20px;background:url(https://www.hopdream.com/images/video.png) center left no-repeat;}
#form_publier{ width:550px; height:150px; }
#form_publier p{ position:relative; float:right;bottom:0px; right:14px; }
/*#form_publier_ph{ width:550px; height:300px;}
#form_publier_ph p label{ position:relative; width:520px; float:left;bottom:0px; right:0px; }
#form_publier_ph p{ position:relative; float:right;bottom:0px; right:0px; }
#form_publier_ph p label input{ margin-left:25px; }*/
#form_publier_vid{ width:550px; height:150px;}
#form_publier_vid p label{ position:relative; width:400px; float:left;bottom:0px; right:0px; }
#form_publier_vid p label input{ margin-left:25px; width:200px; }
#form_publier_vid p label #video input{ margin-left:10px; width:200px; }
#form_publier_vid p button{ position:relative; float:right;bottom:0px; right:0px; }


#form_publier_ph{ width:550px; height:150px;}
#form_publier_ph p label{ position:relative; width:400px; float:left;bottom:0px; right:0px; }
#form_publier_ph p label input{ margin-left:40px; width:200px; }
#form_publier_ph p label input.file{ margin-left:0px;  }
#form_publier_ph p button{ position:relative; float:right;bottom:0px; right:0px; }
/*#publier{float:left; width:410px; height:auto; margin:15px 10px 15px 20px;}*/
/*#form_publier_ph input{ width:2px; height:2px;}*/
#form_partager textarea{ width:400px; height:60px; margin-left:0px; padding-left:0px;}
#publication{
	display: block;
    width: 570px;
    min-height: 100px;
    height: auto;
    overflow: auto;
    margin: 5px 0px 0px -5px;
    border: 1px solid #c0c0c096;
    /* border-right: 0px solid silver; */
    /* border-bottom: 1px solid silver; */
    /* border-top: 0px solid silver; */
    /* border-left: 0px solid silver; */
    border-radius: 4px;
    background-color: #d4d3d30a;
    padding: 20px;
    box-shadow: inset 0 0 0 10px #ffffff;
}
	#publi{
		display:block;
		width:500px;
		float:left;
		padding:5px;
		
		}
	#publication p.image{
	float:left;
	width:54px;
	height:54px;
	border:1px solid #999;	
	padding:0px;
	border-radius:50%;
	}
	#publication p.image img{
	
	width:50px;
	height:50px;
	border-radius:50%;
	padding:2px;
	}
	#publi p.titre{
		font-size:10px;
	
	padding:5px;
	display:block;
	width:480px;
	height:auto;
	}
	#publi p.imgpubli{
		width:304px;
		height:254px;
		margin:5px;
	
	
	
	border:1px solid #999;	
	
	padding:2px;
	
	}
	#publi p.imgpartage{
		width:152px;
		height:127px;
		margin:5px;
	
	
	
	border:1px solid #999;	
	
	padding:2px;
	
	}
	#publi p.imgpartage img{
		width:150px;
		height:125px;
		
	
	}
	#publi p.video{
		width:304px;
		height:254px;
		margin:6px;
	    padding:2px;
	}
	#publi p.videopartage{
		width:150px;
		height:125px;
		margin:6px;
	    padding:2px;
	}
	#publi p.imgpubli:hover{
		
	
	
	
	border:1px solid #000;	
	
	
	
	}
	#publi p.imgpubli img{
	
	width:300px;
		height:250px;	
	
	padding:2px;
	
	}
	#publi p.text{
	font-size:12px;
	line-height: 16px;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding:5px;
	color: #666;
	width:480px;
	height:auto;
	}
	#publi p.notif{
	display: inline;
	padding:2px;
	
	}
	#publi p.notif a{
		font-size:11px;
		text-decoration:none;
		cursor:  pointer;
	
	
	}
	
	#publi p.notif span.aime{
	padding-left:20px;background:url(https://www.hopdream.com/images/jaime.png) center left no-repeat;
	
	}
	#publi p.notif span.aimeplus{
		
	padding-left:20px;background:url(https://www.hopdream.com/images/jaimeplus.png) center left no-repeat;
	
	}
	#publi p.notif span.comment{
		
	cursor:  pointer;
	
	}
	#publi p.notif a:hover{
		font-size:11px;
		text-decoration:underline;
	}
	#publi p.affnotif{
		
	width:400px;
	height:25px;
	display: block;
	padding:2px;
	cursor:pointer;
	
	}
	#publi p.affnotif span.jaime{
	
	padding:20px;
	background:url(https://www.hopdream.com/images/like.png) center left no-repeat;
	display: inline;
	
	
	}
	/*#publi p.suite{
	
	margin:5px;
	
	}*/
	#publi p.suite span.plus a{
		cursor:  pointer;
		width:100px;
		height:25px;
		font-size:11px;
		display:block;
		
	}
	#publication p.contenu span.titre{
		padding:2px;
	display:block;
	width:480px;
	height:auto;
	}
	#publication p.block1{
		display:block;
		float:left;
		padding:5px;
		
	}
	#publication p.block1 span.titre{
		display:block;
		float:left;
		
		
	padding:2px;
	}
	#publication p.block1 span.imgpubli{
		display:block;
		float:left;
		
		
	padding:2px;
	}
	#publication p.contenu span.text{
	display:block;
	padding:2px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width:480px;
	height:auto;
	}
	
	#publication p.contenu span.imgpubli{
	float:left;
	width:304px;
	height:254;
	border:1px solid #999;	
	padding:2px;
	
	
	}
	#publication p.contenu span.imgpubli img{
	width:300px;
	height:250px;
		
	padding:2px;
	}
	#publication p.contenu span.suite{
		padding:2px;
	display:block;
	width:480px;
	height:auto;
	}
	
	#publication_instant{
	display:block;
	width:600px;
	min-height:100px;
	height:auto;
	overflow:auto;
	margin:20px 0px 0px 0px;
	border: 1px solid #f0f0f0; border-right: 0px solid silver; border-bottom: 1px solid silver; border-top: 0px solid silver; border-left: 0px solid silver;
	}
	#publication_instant p.image{
	float:left;
	width:54px;
	height:54px;
	border:1px solid #999;	
	padding:2px;
	}
	#publication_instant p.image img{
	
	width:50px;
	height:50px;
		
	padding:2px;
	}
	#publication_instant p.contenu{
	display:block;
	float:left;
	
	width:500px;
	height:auto;
	
	
	padding:5px;
	}
	#publication_instant p.contenu span.titre{
		padding:2px;
	display:block;
	width:480px;
	height:auto;
	}
	
	#publication_instant p.contenu span.text{
	display:block;
	padding:2px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width:480px;
	height:auto;
	}
	#publication_instant p.contenu span.image{
	float:left;
	width:304px;
	height:254;
	border:1px solid #999;	
	padding:2px;
	
	
	}
	#publication_instant p.contenu span.image img{
	width:300px;
	height:250px;
		
	padding:2px;
	}
	#publication_instant p.contenu span.suite{
		padding:2px;
	display:block;
	width:480px;
	height:auto;
	}
	#publier
	{
		
		position:relative;
		float:left;
		width:600px;
		
		height:auto;
		padding:0px;
		margin-left:0;
		
	}
div.comment{height:auto;}
#publication_com{
	width:300px;
	min-height:38px;
	display:block;
	
	height:auto;
	background-color:#F4F4F4;
	margin:0px 0px 0px 20px;
	
	border: 0px solid #999; border-right: 0px solid silver; border-bottom: 0px solid silver; border-top: 1px solid silver; border-left: 0px solid silver;
	}
	#publication_com div.image{
	float:left;
	width:36px;
	height:36px;
	border:0px solid #999;	
	padding:0px;
	}
#publication_com div.image img{
	
	width:36px;
	height:36px;
		
	padding:2px;
	}
	
#publication_com div #publi_com{
	     float:left;
		display:block;
		width:230px;
		
		height:auto;
	
		
		padding:2px 2px 2px 5px;
		
		}	
#publi_com p.titre{
	
	
	
	margin-left:40px;
	font-size:10px;
	display: block;
	color: #333;
	width:230px;
	height:auto;
	}
	#publi_com p.titre a{
		font-weight:bold;
		font-size:10px;
	}
#publi_com p.text{
	margin-left:40px;
	font-size:11px;
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 16px;
	color: #333;
	
	width:230px;
	height:auto;
	}
	
a.commentplus{ padding-left:20px; font-size:10px; cursor:pointer;}
label #video a{font-size:12px; cursor:pointer;}
label a{cursor:pointer;}
p.buttons{cursor:pointer;}
#credit{margin:30px auto; padding-left:20px; width:480px; height:100%;  }

#credit span{ float:left;margin:5px; width:200px;height:200px;font-size:16px;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background:#C00111 ;
		
		color: #fff;}
		#credit span:hover{ float:left;margin:5px;width:200px;height:200px;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background: #FFD34E ;
		
		color: #000;}
		
	#credit #vip span{ float:left;margin:5px;width:430px;height:220px;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		
		background:#C00111 ;
		
		color: #fff;}
		#credit #vip span:hover{ float:left;margin:5px;width:430px;height:220px;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		
		background: #FFD34E ;
		
		color: #000;}
		
		
	#credit #test2pay span{ float:left;margin:5px;width:430px;height:110px;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		
		background:#C00111 ;
		
		color: #fff;}
		#credit #test2pay span:hover{ float:left;margin:5px;width:430px;height:110px;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		
		background: #FFD34E ;
		
		color: #000;}	
		
		
		#menu_credit{margin:0px auto;padding-left:20px; width:480px; height:auto;  }
		#menu_credit span.sms{ float:left;margin:2px; width:200px;height:auto;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background:#C00111 ;
		
		color: #fff;}
		#menu_credit span.sms:hover{ float:left;margin:2px;width:200px;height:auto;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background: #FFD34E ;
		
		color: #000;}
		
	#menu_credit span.vip{ float:left;margin:2px;width:200px;height:auto;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		
		background:#C00111 ;
		
		color: #fff;}
		#menu_credit span.vip:hover{ float:left;margin:2px;width:200px;height:auto;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		
		background: #FFD34E ;
		
		color: #000;}
		
		
		#ajout_credit{width:200px; }
		#ajout_credit span.sms{ width:200px;height:14px;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background:#C00111 ;
		
		color: #fff;}
		#ajout_credit span.sms:hover{ width:200px;height:auto;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		background: #FFD34E ;
		
		color: #000;}
		
	#ajout_credit span.vip{ float:left;margin:5px;width:200px;height:auto;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		
		background:#C00111 ;
		
		color: #fff;}
		#ajout_credit span.vip:hover{ float:left;margin:5px;width:200px;height:auto;filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;  
	  padding: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		
		background: #FFD34E ;
		
		color: #000;}

.popup {
	width:850px;
	height:660px;
	position:absolute;
	left:-9999px;
	top:-9999px;
	color:#767676;
	
	/*border:8px solid #9D9D9D;*/
	border:8px solid rgba(157, 157, 157, .5);
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius:4px;
		
	z-index:10001 !important;
}
.popup .top {
	width:100%;
	height:10px;
	overflow:hidden;
	
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-top.png) no-repeat;
}
.popup .btm {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-btm.png) no-repeat;
}
.popup .center {
	width:520px;
	padding:0 10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-bg.png);
}
.popup .cont {
	width:100%;
	height:auto;
	
	background:#fff;
	position:relative;
}
.popup .title {
	filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;
	background:#C00111;
	display:block;
	color:#fff;
	font-size:12px;
	line-height:27px;
	border:1px solid #C20010;
	border-bottom:none;
	padding:0 13px;
}
.popup .title span {float:right; padding-top:5px;}
.popup .container {
	border:0px solid #555;
	overflow:auto;
	border-top:none;
	/*padding:0px 10px 0;*/
}
.popup .container p {
	margin:0 0 25px;
}
.popup .container p a {
	color:#c7598d;
	text-decoration:none;
}
.popup .greyline {
	background:#f2f2f2;
	border-top:1px solid #ccc;
	padding:8px 8px 8px 16px;
	overflow:hidden;
	width:504px;
	margin:0 -33px;
}
.popup .greyline a.btn {
	float:right;
	width:65px;
	height:25px;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-annualer.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:13px;
}
.popup .greyline .ok {
	float:right;
	width:48px;
	height:25px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-ok.gif) no-repeat;
	cursor:pointer;
}

.popup-ph {
	width:580px;
	height:360px;
	position:absolute;
	left:-9999px;
	top:-9999px;
	color:#767676;
	
	/*border:8px solid #9D9D9D;*/
	border:8px solid rgba(157, 157, 157, .5);
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius:4px;
		
	z-index:10001 !important;
}
.popup-ph .top {
	width:100%;
	height:10px;
	overflow:hidden;
	
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-top.png) no-repeat;
}
.popup-ph .btm {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-btm.png) no-repeat;
}
.popup-ph .center {
	width:520px;
	padding:0 10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-bg.png);
}
.popup-ph .cont {
	width:100%;
	height:auto;
	
	background:#fff;
	position:relative;
}
.popup-ph .title {
	filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;
	background:#C00111;
	display:block;
	color:#fff;
	font-size:12px;
	line-height:27px;
	border:1px solid #C20010;
	border-bottom:none;
	padding:0 13px;
}
.popup-ph .title span {float:right; padding-top:5px;}
.popup-ph .container {
	border:0px solid #555;
	overflow:auto;
	border-top:none;
	/*padding:0px 10px 0;*/
}
.popup-ph .container p {
	margin:0 0 25px;
}
.popup-ph .container p a {
	color:#c7598d;
	text-decoration:none;
}
.popup-ph .greyline {
	background:#f2f2f2;
	border-top:1px solid #ccc;
	padding:8px 8px 8px 16px;
	overflow:hidden;
	width:504px;
	margin:0 -33px;
}
.popup-ph .greyline a.btn {
	float:right;
	width:65px;
	height:25px;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-annualer.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:13px;
}
.popup-ph .greyline .ok {
	float:right;
	width:48px;
	height:25px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-ok.gif) no-repeat;
	cursor:pointer;
}

.popup-partage {
	width:580px;
	height:360px;
	position:absolute;
	left:-9999px;
	top:-9999px;
	color:#767676;
	
	/*border:8px solid #9D9D9D;*/
	border:8px solid rgba(157, 157, 157, .5);
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius:4px;
		
	z-index:10001 !important;
}
.popup-partage .top {
	width:100%;
	height:10px;
	overflow:hidden;
	
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-top.png) no-repeat;
}
.popup-partage .btm {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-btm.png) no-repeat;
}
.popup-partage .center {
	width:520px;
	padding:0 10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-bg.png);
}
.popup-partage .cont {
	width:100%;
	height:auto;
	
	background:#fff;
	position:relative;
}
.popup-partage .title {
	filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;
	background:#C00111;
	display:block;
	color:#fff;
	font-size:12px;
	line-height:27px;
	border:1px solid #C20010;
	border-bottom:none;
	padding:0 13px;
}
.popup-partage .title span {float:right; padding-top:5px;}
.popup-partage .container {
	border:0px solid #555;
	overflow:auto;
	border-top:none;
	/*padding:0px 10px 0;*/
}
.popup-partage .container p {
	margin:0 0 25px;
}
.popup-partage .container p a {
	color:#c7598d;
	text-decoration:none;
}
.popup-partage .greyline {
	background:#f2f2f2;
	border-top:1px solid #ccc;
	padding:8px 8px 8px 16px;
	overflow:hidden;
	width:504px;
	margin:0 -33px;
}
.popup-partage .greyline a.btn {
	float:right;
	width:65px;
	height:25px;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-annualer.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:13px;
}
.popup-partage .greyline .ok {
	float:right;
	width:48px;
	height:25px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-ok.gif) no-repeat;
	cursor:pointer;
}

.popup-alert {
	width:300px;
	height:250px;
	position:absolute;
	left:-9999px;
	top:-9999px;
	color:#767676;
	font-weight:bold;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	/*border:8px solid #9D9D9D;*/
	border:8px solid rgba(157, 157, 157, .5);
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius:4px;
		
	z-index:10001 !important;
}
.popup-alert .top {
	width:100%;
	height:10px;
	overflow:hidden;
	
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-top.png) no-repeat;
}
.popup-alert .btm {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-btm.png) no-repeat;
}
.popup-alert .center {
	width:520px;
	padding:0 10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-bg.png);
}
.popup-alert .cont {
	width:100%;
	height:auto;
	
	background:#fff;
	position:relative;
}
.popup-alert .title {
	filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;
	background:#C00111;
	display:block;
	color:#fff;
	font-size:12px;
	line-height:27px;
	border:1px solid #C20010;
	border-bottom:none;
	padding:0 13px;
}
.popup-alert .title span {float:right; padding-top:5px;}
.popup-alert .container {
	border:0px solid #555;
	overflow:auto;
	border-top:none;
	padding:10px;
	background:#fff;
}
.popup-alert .container p {
	margin:0 0 25px;
}
.popup-alert .container p a {
	color:#c7598d;
	text-decoration:none;
}
.popup-alert .greyline {
	background:#f2f2f2;
	border-top:1px solid #ccc;
	padding:8px 8px 8px 16px;
	overflow:hidden;
	width:504px;
	margin:0 -33px;
}
.popup-alert .greyline a.btn {
	float:right;
	width:65px;
	height:25px;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-annualer.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:13px;
}
.popup-alert .greyline .ok {
	float:right;
	width:48px;
	height:25px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-ok.gif) no-repeat;
	cursor:pointer;
}

.popup-freind {
	width:310px;
	height:280px;
	position:absolute;
	left:-9999px;
	top:-9999px;
	color:#767676;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	/*border:8px solid #9D9D9D;*/
	border:8px solid rgba(157, 157, 157, .5);
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius:4px;
		
	z-index:10001 !important;
}
.popup-freind .top {
	width:100%;
	height:10px;
	overflow:hidden;
	
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-top.png) no-repeat;
}
.popup-freind .btm {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-btm.png) no-repeat;
}
.popup-freind .center {
	width:520px;
	padding:0 10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-bg.png);
}
.popup-freind .cont {
	width:100%;
	height:auto;
	
	background:#fff;
	position:relative;
}
.popup-freind .title {
	filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;
	background:#C00111;
	display:block;
	color:#fff;
	font-size:12px;
	line-height:27px;
	border:1px solid #C20010;
	border-bottom:none;
	padding:0 13px;
}
.popup-freind .title span {float:right; padding-top:5px;}
.popup-freind .container {
	border:0px solid #555;
	overflow:auto;
	border-top:none;
	padding:10px;
	background:#fff;
}
.popup-freind .container p {
	margin:0 0 25px;
}
.popup-freind .container p a {
	color:#c7598d;
	text-decoration:none;
}
.popup-freind .greyline {
	background:#f2f2f2;
	border-top:1px solid #ccc;
	padding:8px 8px 8px 16px;
	overflow:hidden;
	width:504px;
	margin:0 -33px;
}
.popup-freind .greyline a.btn {
	float:right;
	width:65px;
	height:25px;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-annualer.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:13px;
}
.popup-freind .greyline .ok {
	float:right;
	width:48px;
	height:25px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-ok.gif) no-repeat;
	cursor:pointer;
}

.popup-gal {
	width:900px;
	height:660px;
	position:absolute;
	left:-9999px;
	top:-9999px;
	color:#767676;
	background-color:#000;
	
	/*border:8px solid #9D9D9D;*/
	border:8px solid rgba(157, 157, 157, .5);
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius:4px;
		
	z-index:10001 !important;
}
.popup-gal .top {
	width:100%;
	height:10px;
	overflow:hidden;
	
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-top.png) no-repeat;
}
.popup-gal .btm {
	width:100%;
	height:10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-3-btm.png) no-repeat;
}
.popup-gal .center {
	width:520px;
	padding:0 10px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/popup-bg.png);
}
.popup-gal .cont {
	width:100%;
	height:auto;
	
	background:#fff;
	position:relative;
}
.popup-gal .title {
	filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.85; /*autres nav*/
opacity: 0.85;
	background:#C00111;
	display:block;
	color:#fff;
	font-size:12px;
	line-height:27px;
	border:1px solid #C20010;
	border-bottom:none;
	padding:0 13px;
}
.popup-gal .title span {float:right; padding-top:5px;}
.popup-gal .container {
	border:0px solid #555;
	overflow:auto;
	border-top:none;
	/*padding:0px 10px 0;*/
}
.popup-gal .container p {
	margin:0 0 25px;
}
.popup-gal .container p a {
	color:#c7598d;
	text-decoration:none;
}
.popup-gal .greyline {
	background:#f2f2f2;
	border-top:1px solid #ccc;
	padding:8px 8px 8px 16px;
	overflow:hidden;
	width:504px;
	margin:0 -33px;
}
.popup-gal .greyline a.btn {
	float:right;
	width:65px;
	height:25px;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-annualer.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:13px;
}
.popup-gal .greyline .ok {
	float:right;
	width:48px;
	height:25px;
	margin:0;
	padding:0;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(https://staticfileszouz.s3-website-eu-west-1.amazonaws.com/images/final_images/btn-ok.gif) no-repeat;
	cursor:pointer;
}
.title img{ width:20px; height:20px;}
#barre_freinds{ background-color:#FFF; position: fixed; bottom:20px; right:0px;  width:220px; z-index:100; height:350px; border: 1px solid #f0f0f0; border-top: 1px solid silver; border-left: 1px solid silver; border-bottom: 0px solid silver;  overflow-y:auto; overflow-x:hidden;}
#barre_freinds.cont{ position:absolute;width:220px; height:350px; bottom:5px; right:0px; z-index:100;}
#display{ background:url(https://www.hopdream.com/images/hide.png) center right no-repeat; cursor:pointer; position: fixed; bottom:0px; right:0px;  width:220px; z-index:100; height:20px; border: 1px solid #f0f0f0; border-left: 1px solid silver;border-top: 1px solid silver; border-bottom: 0px solid silver;}
#display span { padding:5px; cursor:pointer; width:220px; text-decoration:none;}

#thumb-barre{
		float:left;
	width:200px;	
	}
	#thumb-barre p.text{ padding-top:10px;}
	#thumb-barre p.text a{ font-size:12px; font-weight:bold;}
	p.thumb-barre{
		display:block;
		
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb-barre a{
		display:block;
		float:left;
		width:50px;
		height:50px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb-barre a img{
		float:left;
		
		
		
	}
	#message-yellow	{
	margin-bottom: 5px;
	}
.yellow-left	{
	background: url(https://www.hopdream.com/images/table/message_yellow.gif) top left no-repeat;
	color: #e79300;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.yellow-left a	{
	color: #e79300;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.yellow-right a	{
	cursor: pointer;
	}
.yellow-right	{
	width: 55px;
	}
#message-blue	{
	margin-bottom: 5px;
	}
.blue-left	{
	background: url(https://www.hopdream.com/images/table/message_blue.gif) top left no-repeat;
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.blue-left a	{
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.blue-right a	{
	cursor: pointer;
	}
.blue-right	{
	width: 55px;
	}
#message-red	{
	padding:5px 0px 5px 0px;
	height:auto;
	margin-bottom: 5px;
	}
.red-left	{
	background: url(https://www.hopdream.com/images/table/message_red.gif) top left no-repeat;
	color: #ce2700;
	height:auto;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 0px 5px 20px;
	}
.red-left a	{
	color: #ce2700;
	cursor:pointer;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.red-right a	{
	cursor: pointer;
	}
.red-right	{
	width: 55px;
	}
#message-green	{
	padding:5px 0px 5px 0px;
	height:auto;
	margin-bottom: 5px;
	}
.green-left	{
	background: url(https://www.hopdream.com/images/table/message_green.gif) top left no-repeat;
	height:auto;
	color: #6da827;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 0px 5px 20px;
	}
.green-left a	{
	color: #6da827;
	cursor:pointer;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.green-right a	{
	cursor: pointer;
	}
.green-right	{
	width: 55px;
	}	
	
#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 10px;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
#one-column-emphasis td.titre
{
	padding: 10px 15px;
	color: #ffffff;
	border-top: 1px solid #e8edff;
}
.oce-first
{
	background: #C00111;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #000;
	background: #FFC6C6;
}	
.style_button_radio{
width:300px;
color:#000000;
font-size:10px;
padding-left:9px;
padding-top:7px;
float:left;
}
.style_button_radio input{vertical-align: text-top;}
#fichefoto{background-color:#fefefe;padding:10px;margin:10px 0px 20px 0px; width:604px;}