@import "../../css/usersGallery.css";
@import "../../css/forum_users.css";

body{
	margin:0px;
	padding:0px;
	background-color:#f2f2f2;
	text-align:center;
	}
#contain_bck_general{
	position:absolute;
	top:0px;
	z-index:0; 
	width:100%;
	margin:auto;
	text-align:center;
	}
img#bck_general{	
	width:95%;
	min-width:1100px;
	z-index:0;
	}
#container{
	width:1004px;
	margin:auto;
	z-index:2;
	position:relative;
	text-align:center;
	}
#container #topBanner{
	text-align:center;
	height: 119px;
	width: 1004px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* Fond blanc
    background-image: url(../images/kisslook_03.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	float:left;
	clear:both;
	}
 #container #topBanner div{
	border: 5px solid #FFF;
	width:728px;
	height:90px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	 }
 #container #header{
	height:147px;
	margin:0px;
	padding:0px;
	position:relative;
	clear:both;
	}
 #container #header #wrapper{
	width:100%;
	margin:0px;
	padding:0px;
	clear:both;
	position:relative;
}

 #container #header #wrapper #logo{
	margin: 0px;
	padding: 0px;
	width: 134px;	
	float: left;
	}
 #container #header #wrapper #header_middle{
	background-image: url(../images/kisslook_06.png);
	background-repeat: no-repeat;
	padding-top: 14px;
	text-align:center;
	float: left;
	width: 617px;
	height:133px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
 #container #header #wrapper #header_middle	#purchase{
	float:left;
	height: 50px;
	width: 129px;
	 }
 #container #header #wrapper #header_middle	#purchase input{
	 margin:0px;
	 padding:0px;
	 border:none;
	 }
 #container #header #wrapper #header_middle	#timer{
	float:left;
	width: 299px;
	background-image: url(../images/kisslook_bck_kissgratuit_10.png);
	background-repeat: no-repeat;
	height: 40px;
	font-weight:normal;
	font-size:13px;
	padding-top: 10px;
}
 #container #header #wrapper #header_middle	#google_translate_element{
	float:right;
	width: 185px;
	margin-right:4px;
	 }
 #container #header #wrapper #header_middle #kisstime{
	 clear:both;
	 text-align:center;
	 color:#FFF;
	font-weight:normal;
	font-size:13px;
	padding-top:10px;

	 }
 #container #header #wrapper #signin{
	margin: 0px;
	padding: 0px;
	width: 253px;
	height:147px;
	background-image: url(../images/kisslook_07.png);
	background-repeat: no-repeat;
	float: left;
	}
 #container #header #wrapper #signin form{
	 text-align:center;
	 }
 #container #header #wrapper #signin h3{
	text-align:center;
	color:#666;
	background-image: url(../images/line_bleufonce_03.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:3px;
	height:20px;
	font-size:14px;
	font-weight:normal;
	font-variant: small-caps;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 3px;
	}
 #container #header #wrapper #signin p{
	text-align:center;
	color:#666;
	padding:0px 10px 0px 0px;
	margin:0px;
	 }
 #container #header #wrapper #signin ul{
	 margin: 10px 0px 15px 35px;
	 padding:0px;
	 list-style-type:none;
	 text-align:left;
	 font-size:14px;
	 font-variant: small-caps;	

	 }
 #container #header #menu{
	margin-top:-3px;
	padding:0px;
	height: 37px;
	width: 1002px;
	background-color: #566696;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dcd3d9;
    border-left-color: #dcd3d9;
	position:relative;
	float:left;	
	background-image: url(../images/bck_menu_03.png);
	background-repeat: repeat-x;
	background-position: center top;

}
 #container #header #search{
	  float:right;
	  padding: 3px 5px 0px 0px
	  }
 #container #header #search input{
	 height:15px;
	 }
 

/**
 * Navigation tabs
 */
 
#header ul#menu_tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
	position:relative;
	z-index:6;
	display:block;
	
}
*+html #header ul#menu_tabs {
	position:static;
}
#header ul#menu_tabs li {
    float: left;
    position: relative;
    z-index: 7;
	color:#6f0043;
	font-variant:small-caps;
	font-weight:normal;
	text-transform: none;
	font-size: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding:4px 0px 2px 0px;
}
*+html #header ul#menu_tabs li{
}
#header ul#menu_tabs li span {
    display: inline-block;
    width: 115px;
    height: 24px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;	
	border-left: none;
	border-bottom: none;
	border-top: none;
	cursor: pointer;

}
#header ul#menu_tabs li a {
	text-decoration: none;
	}

#header ul#menu_tabs li span:hover {
	color: #354679;
	text-decoration: none;
	background-color:#fff;
}
#header ul#menu_tabs li ul {
    display: none;
	
}
#header ul#menu_tabs li:hover ul {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
    display: block;
    position: absolute;
    background-color: #fff;
    top: 24px;
    left: -1px;
    width: 120px;
    font-size: 12px;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
}
#header ul#menu_tabs li:hover ul li {
	background-color:#abb3cb;

	}
#header ul#menu_tabs li:hover ul li a {
    display: block;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    width: 112px;
    height: 23px;
    padding-left: 8px;
	font-size:12px;
	line-height: 2em;
	}
#header ul#menu_tabs li:hover ul li:hover a {
	text-decoration: underline;
	
}

 #container #content{
	width:100%;
	height:100%;
	padding:0px;
	background-color:#fff;
	clear:both;
	margin:0px;
	position:relative;
	float:left;
	text-align:center;
	background-image: url(../images/bck_content_12.jpg);
	background-repeat: repeat-x;
	}
 *+html #container #content{
	 position:static;
	 margin-top: 37px;
 }
 #container #footer{
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;

}
#intro {
	width:100%;
	position:relative;
	}
.register_bck_top{
	background-image: url(../images/fleche_top_03.png);
	background-repeat: no-repeat;
	width: 100%;
	top: -5px;
	left:0px;
	position: absolute;
	height:18px;
}
#intro p {
	padding:0px 10px 0px 10px;
	}

#intro span.no_obligation{
	font-size:10px;
	position:absolute;
	left:300px;
	margin-top:15px;
	}
#intro #intro_left{
	float:left;
	width:562px;
	height:350px;
	margin: 10px 0px 0px 10px;
	background-color:#FFF;
	padding:0px;
	color:#000;
	}

#intro #intro_right{
	float:left;
	width:402px;
	height:350px;
	margin: 10px 10px 0px 0px;
	padding-top: 20px;
	border: 5px solid #CCC;
	position:relative;
	font-size:14px;
	background-color:#FFF;
	}
.register, #confirm_email{
	margin:20px ;
	border:#CCC solid 5px;
	background-color:#FFF;
	padding:20px;
	float:left;
	}
#content #intro .register .center input, #content #intro #intro_right .center input{
	border:0px;
	}
#contains_gifts{
	margin: 20px 20px 0px 20px;
	border:#CCC solid 5px;
	background-color:#FFF;
	padding:10px;
	float:left;
	}
.register .register_bck_top, #contains_gifts .register_bck_top, #confirm_email .register_bck_top{
	background-image: url(../images/fleche_top_03.png);
	background-repeat: no-repeat;
	width: 100%;
	top: 20px;
	left:20px;
	position: absolute;
	height:18px;
}

.register h1{
	padding:0px;
	margin: 0px ;
	}
.clear{
	margin: 20px 20px 0px 20px;
	background-color:#FFF;
	padding:25px;
	float:left;
	background-color:#9DBDEE;
	color:#fff;
	border:#fff solid 5px;
	}
h2{
	text-align:left;
	font-variant:small-caps;
	font-weight:normal;
	text-transform: none;
	font-size: 18px;
	padding-bottom: 5px;
	color:#fff;
	background-color:#9DBDEE;
	margin: 0px;
	padding-left:5px;
	}
#gifts {
	width: 100%;
	margin-left:auto;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}

#gifts .gift {
    height: 160px;
    width: 20%;
    float: left;
    margin-bottom: 30px;
	margin-right:15px;
	margin-left:15px;
	border: #999 1px dotted;
	background-color:#FFF;
	text-align:center;
}
#gifts .gift h5 {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    text-align: center;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:7;
}
#gifts .gift .gift_box {
    position: relative;
    width: 160px;
}

#gifts .gift .gift_box .box{
    position: absolute;
    z-index: 2;
	top:55px;
	left:0px;
}
#gifts .gift .gift_box .box_prize {
    position: absolute;
    z-index: 1;
	margin-top: 20px;
	top:0px;
	left:0px;
}

#gifts .gift .gift_box .box_bottom{
    position: absolute;
    z-index: 0;
	top:57px;
	left:0px;
}
#gifts .gift .gift_box .position{
	position: absolute;
    z-index: 6;
	top:90px;
	left:60px;
}
#gallery{
	width:100%;
	}
*+html #gallery{
	width:900px;
	}

#gallery .winner {
	width: 24%;
	float: left;
	margin-bottom: 50px;
	margin-left:25px;
	margin-right:40px;
	padding:5px;
	height: 250px;
	border: #566696 1px solid;
	background-color:#fff;
	position:relative;
}
#gallery .winner .position {
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 24px;    
	position: absolute;
    background-color: #000000;
    padding: 0px 8px 0px 8px;
}

#gallery .winner .photo {
	text-align: center;
	position:relative;
	margin-top: 10px;
}

#gallery .winner .kiss {
    text-align: right;
	padding:0px 0px 0px 0px;
	color:#666;
}

#gallery .winner .user{
	text-align:right;
	color:#CCC;
	}
#gallery .winner .user a:link{
	color:#CCC;
}
#gallery .winner .prize {
	width:100%;
    text-align: left;
	position:absolute;
	top:130px;
	left:-30px;
}
#gallery .winner .prize .prize_box {
    width: 215px;
}
#gallery .winner .prize .prize_box .prize_box_top {
    z-index: 2;
	position:absolute;
}
#gallery .winner .prize .prize_box .prize_box_bottom {
    z-index: 0;
    margin-left: 0px;
	margin-top:0px;
	position:absolute;
}
#gallery .winner .prize .prize_box .prize_box_prize {
    z-index: 1;
    margin-left: 0px;
	margin-top:-10px;
	position:absolute;

}
#gallery .winner .prize .prize_box .position {
    position: absolute;
    float: left;
    z-index: 0;
}
#gallery .winner  h5 {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
	margin:0px;
	padding-top: 10px;
	font-variant:small-caps;
}




#partner {
	margin-left:170px;
	text-align:center;
}
#partner a {
    color: #FFFFFF;
    font-weight: bold;
}
#partner a:hover {
    text-decoration: none;
}
#partner .logo a img {
	vertical-align: middle;
}
#partner .logo {
	float:left;
	width: 150px;
	height: 70px;
	text-align: center;
}
#partner .name {
    text-align: center;
    margin-top: 4px;
}
#prizesNav{
	}
.cadeaux{
	width:900px;;
	}
#content #left {
	float: left;
	width: 172px;
	color: #9a9a9a;
	margin-top:10px;
	text-align:center;
}
#content #left .photo_profile{
	padding:10px 10px 10px 10px;
	}
#content #left .photo_profile h1{
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin:0px;
	}
#content #left .photo_profile h1 a{
	color: #000;
	}
#content #left .photo_profile ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#content #left .photo_profile ul li{
	text-align:right;
	padding: 5px 0px 5px 0px;
	border-bottom:dashed 1px #CCC;
	}
#content #left #envoi_kiss {
	padding: 10px 0px 5px 0px;
	
	}
#content #left #envoi_kiss a{
	text-align:center;
	}
#content #left #gestion ul{
	text-align:left;
	margin:0px;
	padding:15px 0px 15px 15px;
	}
#content #left #gestion ul li{
	padding:5px 0px 5px 5px;
}
#content #centre {
	float: left;
	width: 568px;
	height: auto;
	margin-top:10px;
}
#content #centre #contenu #wall {
	text-align: center;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
#content #centre #contenu #wall #typeWall{
	width: 100%;
	background-position: right top;
	height:56px;
	margin-left:4px;
	padding-top: 10px;
	color:#fff;
	text-align:left;
}
#content #centre #contenu #wall #typeWall ul{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
	float:left;
	clear:left;
	}
#content #centre #contenu #wall #typeWall ul li{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:10px;
	}
#content #centre #contenu #wall textarea{
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	font-size: 14px;
	font-weight: normal;
	color: #484848;
	padding-bottom: 0px;
	margin: 6px;
	padding-top: 6px;
	padding-bottom:6px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 520px;
	height: 20px;
}
#content #centre #contenu #wall textarea:focus{
	background-color:#F2F5FB;
}
#content #centre #contenu #wall #photoContainer, #content #centre #contenu #wall #lienContainer {
	text-align:center;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #3F3F3F;
	height:70px;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3F3F3F;
	}
#content #centre #contenu #wall #photoContainer {
	background-image: url(../images/photoIconBig.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
#content #centre #contenu #wall #lienContainer {
	/*background-image: url(../images/profile_amis_current_06.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;*/
}
#content #centre #contenu #wall #lienContainer input#lien{
	width:350px;
	padding:5px;
	margin-top: 2px;
	}
#content #centre #contenu #wall #wallButton {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 30px;
	width: 80px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3ECFB;
	border-right-color: #1c2e62;
	border-bottom-color: #1c2e62;
	border-left-color: #E3ECFB;
	padding:0px 5px 5px 0px;
	margin: 0px 40px 0px 0px;
	text-align: center;
	float:right;
	clear:right;
}
*+html #content #centre #contenu #wall #wallButton {
	padding-top:3px;
	} 
#content #centre #contenu #wall #lienContainer input#wallButton{
	float:none;
	}

#content #centre #contenu {
	clear:both;
	position:relative;
	z-index:2;
}

#content #centre #contenu #menu_icone {
	margin: 10px 0px 0px 0px;
	clear:both;
	height:41px;
	width:100%;

}
#content #centre #contenu #menu_icone ul {
	text-align: center;
	margin: 0px 0px 14px 0px;
	list-style-type: none;
	height: 27px;
	color: #495e99;
	font-weight: normal;
	padding: 0px;
	font-variant: small-caps;
	background-color: #f5f7fb;
	background-image: url(../images/bck_sousmenu_03.png);
	background-repeat: repeat-x;
    /* width: 468px; */
	width: 500px;
	border: 1px solid #cad6e9;
	position:relative;
	z-index:3;
}
#content #centre #contenu #menu_icone ul li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
}
#content #centre #contenu #menu_icone ul li a {
	color: #495e99;
	text-decoration: none;
	display: block;
    /* width: 117px; */
	width: 100px;
	float: left;
	background-repeat: no-repeat;
	background-position: right 5px;
	font-size: 15px;
	background-image: url(../images/line_sousmenu_03.png);
	padding-top:5px;
}
#content #centre #contenu #menu_icone ul li:last-child a {
	background-image:none;
}
 #content #centre #contenu #menu_icone ul li a.current {
	color: #000;
	background-image: url(../images/sous_menu_hover_11.png);
	background-repeat: no-repeat;
	background-color:none;
	margin-top: -1px;
	margin-right: -1px;
	margin-bottom: -6px;
	margin-left:0px;
	position: relative;
	height:41px;
	padding-top:5px;
	background-position: center top;
	border:	none;
	}
#content #centre #contenu #menu_icone ul li a:hover{
	color:#000;
	}

#content #centre #contenu #ami, #content #centre #contenu #mur, #content #centre #contenu #profil, #content #centre #contenu #photos,#content #centre #contenu #cadeaux{
	color: #000;
	padding-bottom:5px;
	clear:both;
	margin-top:-13px;
	width: 566px;
	float:left;
	border: 1px solid #d5d5d5;
	text-align:left;	
	}
#content #centre #contenu #mur .containComment, #content #centre #contenu #mur .voirComment {
	background-color: #F4F7FB;
	padding: 5px 5px 0px 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;
	position:relative;
	margin-right:5px;
	color: #9a9a9a;
}
#content #centre #contenu #mur p{
	color: #9a9a9a;
	}

*+html #content #centre #contenu #mur p{
	line-height:30px;
	margin:0px;
}

#content #centre #contenu #mur img.deleteWall {
	position:absolute;
	left:490px;
	margin-top:-20px;
	}
*+html #content #centre #contenu #mur img.deleteWall{	
	margin-top:-10px;
	}
#content #centre #contenu #mur img.photoWall {
	margin-left:60px;
	border:solid 1px #999;
}
#content #centre #contenu #mur .containComment img.deleteComment {
	position:absolute;
	left:400px;
	}
	
#content #centre #contenu #mur .right {
	padding:5px;
	background-color: #F4F7FB;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	margin-right:5px;

}
#content #centre #contenu #mur span.name a:link{
	font-weight:normal;
	font-size:14px;
	}
#content #centre #contenu #mur span.name a:active{
	font-weight:normal;
	font-size:14px;
	}
#content #centre #contenu #mur span.name a:visited{
	font-weight:normal;
	font-size:14px;
	}
#content #centre #contenu #mur span.post{
	font-weight:normal;
	font-size:13px;
	}
#content #centre #contenu #mur span.comment{
	font-weight:normal;
	font-size:12px;
	}
#content #centre #contenu #mur textarea{
	width: 470px;
	height:18px;
	}
#content #centre #contenu #mur input[type=submit]{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	height: 25px;
	width: 80px;
	padding-bottom: 3px;
	margin: 3px 0 3px 0;
	text-align: center;
	padding-top: 0px;
	}
#content #centre #contenu #mur .right a:link{	
color: #9a9a9a;
}
#content #centre #contenu #mur .right a:hover{	
color: #fff;
}
#content #centre #contenu #photos #gestionphoto input[type="submit"]{
	width:120px;}



/** CSS du profil  **/

#content #centre #contenu .pasami{
	color: #000;
	background-color: #fff;
	padding: 30px 15px 30px 15px;
	width: 80%;
	border: 1px dotted #484848;
	margin:0px auto 10px auto;
	text-align:center;
	}
#content #centre #contenu #profil .modify{
	float:right;
	padding: 0px;
	margin:0px;
	
	}
#content #centre #contenu #profil input[type="submit"]{
	background:none;
	color: #9a9a9a;
}
#content #centre #contenu #profil input[type="submit"]:hover{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #fff;
	background-color:#60BE32;
	color:#FFF;
}

#content #centre #contenu #profil td{
	padding:6px 0px 6px 5px;
}
#content #centre #contenu #profil td .label{
	color:#9a9a9a;	
	}

/** end css du profil **/


/** css des amis **/

#content #centre #contenu #cadeaux .gallery #hideFriends{
	clear:both;
	width:100%;
	position:relative;
	}

ul#nav {
    height: 40px;
	font-weight:normal;

}
ul#nav li {
    list-style-type: none;
    display: inline;
    margin-right: 8px;
	color:#666;
}
ul#nav a img {
    vertical-align: middle;
}
ul#nav a {
	font-weight: normal;
}
ul#nav a:hover {
    text-decoration: underline;
    cursor: pointer;
}
ul#nav li.sortOrder {
    float: right;
}
ul#nav li.sortOrder {
    margin-right: 16px;
}
ul#nav li.sortOrder a {
}
ul#nav li.sortOrder a:hover {
    text-decoration: none;
}
#ami .gallery {
	clear:both;
	width:100%;
}
 .gallery .friend{
	float: left;
	margin: 8px;
	width:76px;
	background-color:#f2f2f2;	
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D5D5D5;
	border-right-color: #D5D5D5;
	border-bottom-color: #D5D5D5;
	border-left-color: #D5D5D5;
	font-size:10px;
	height:100px;
}

 .gallery .friend .photo {
	margin:auto;
	text-align:center;	
	}
 .gallery .friend_gif {
	float: left;
	margin: 4px;
	width:80px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D5D5D5;
	border-right-color: #D5D5D5;
	border-bottom-color: #D5D5D5;
	border-left-color: #D5D5D5;
	height:90px;
}
 .gallery .friend_gif_select {
	float: left;
	margin: 4px;
	width:80px;
	background-color:#ECF2FB;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D5D5D5;
	border-right-color: #D5D5D5;
	border-bottom-color: #D5D5D5;
	border-left-color: #D5D5D5;
	height:90px;
}

 .gallery .friend_gif .photo,  .gallery .friend_gif_select .photo  {
	height:50px;
	margin:auto;
	text-align:center;	
	}
 .gallery .friend .user{
	text-align:center;
	}
 .gallery .friend_gif .user,  .gallery .friend_gif_select .user {
	text-align:center;
	font-size:11px;
	}

 .gallery .delete {
	text-align:center;
	padding-top:7px;
	font-size:11px;
}
 .gallery .delete a:link{
		color:#9a9a9a;
}
 .gallery .delete a:hover{
		color:#ff0800;
}


#friendsRequests a:link{
		color:#9a9a9a;
	}
#friendsRequests a:hover{
		color:#ff0800;
	}
/** css des cadeaux **/ 
#cadeaux {
	padding:0px 5px 0px 5px;
	}
#cadeaux h4{
	clear:both;
	margin:0px;
	}

#cadeaux #containcadeau{
	width:100%;
	position:relative;
	z-index:1000;
	}
#cadeaux .listingcadeau{
	
	float:left;
	width:30%;	
	padding:5px;
	height:160px;
	margin:auto;
	text-align:center;

}
#content #centre #contenu #cadeaux input[type="button"]{
	color: #FFF;
	background-color: #df8523;
	width: 120px;
	text-align: center;
	}

.contain_cadeau {
	clear: both;
	width: 950px;;
	margin:10px;
}

.cadeau_recu {
	float: left;
	width: 280px;
	height: 100%;
	min-height:150px;
	border: 1px solid #CCC;
	padding:3px;
	margin:10px;
	
}
.img_cadeau{
	text-align: center;
	clear: left;
	float: left;
	width: 25%;
	}
.txt_cadeau{
	clear: right;
	float: right;
	width: 65%;
	}
.txt_cadeau p{
	padding:5px;
	}


/** end css des cadeaux  **/
#photos fieldset{
	margin:auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #9a9a9a;
	position:relative;
	width:95%;
	}
#photos fieldset legend{
	font-size: 16px;
	font-weight: bold;
	color: #f08006;
	padding-right: 5px;
	padding-left: 5px;
	text-align:center;
	margin-left:180px;
	}

#content #right , #right_box{
	float: right;
	width: 242px;
	margin: 10px 10px 10px 0px;
	text-align:center;
	background-repeat: repeat-x;
	background-position: center bottom;
	color: #FFF;
	background-color: #9dbdee;
}
#content #right #activity h2{
	font-size: 15px;
	font-weight: normal;
	font-variant: small-caps;
	color: #FFF;
	background-image: url(../images/line_white_10.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-bottom:5px;
} 
#content #right #activity ul#events{
	list-style-type:none;
	border-right:#000 dashed 1px;
	text-align:right;
	margin-right:15px;
	padding-right: 7px;
	}
#content #right #activity ul li{
	margin:5px 0px 5px 5px;
	font-size:13px;
	}
#content #right #activity ul#birthday{
	list-style-type:none;
	border-left:#000 dashed 1px;
	text-align:left;
	margin-left:15px;
	padding-left: 7px;
	}
#content #right a{
	color:#FFF;
	}
#content #right #activity .friend .photo a{
	color:#415692;
	}
#content #right #activity a:hover{
	color:#415692;
	}
#content #right	.invitFriends{
	background-image: url(../images/line_white_10.png);
	background-position: center 27px;
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 10px 0px;
	background-repeat: no-repeat;
	border: 1px dotted #CBDCF5;
}
#content #right	#concours_parrain{
	margin:5px 5px 0px 5px;
	}
#content #right	#concours_parrain h2{
	background-color:#FFF;
	color:#000;
	text-align:center;
	padding: 10px;
	font-size:14px;
	background-attachment: fixed;
	}
#content #right	#concours_parrain h2 a{
	color:#000;
	}
#content #right	#concours_parrain #showFilleul{
	background-image: url(../images/fleche_parrai_18.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
}
#footer {
    height: 180px;
    clear: both;
    font-size: 11px;
    color: #DF0024;
    text-align: center;
	background-color:#fff;
}
#footer #kisslook_bw {
    float: left;
}
#footer #corner_mouth {
    float: right;
}
#footer #footer_info {
    padding-top: 110px;
}
#footer #footer_info a {
    color: #DF0024;
}

#photos_public, #photos_prive{
	margin:30px auto 30px auto;
	text-align:center;
	}
/** gestion  **/

#profile{	
background-color:#fff;
width:100%;
float:left;
}
#profile #left {
	float: left;
	width: 182px;
	color: #9a9a9a;
	margin-right: 8px;
	margin-left: 8px;
	height: 700px;
	background-color:#fff;
}
#profile #left #photo_profil {
	text-align: center;
}
#profile #left ul {
	text-align: right;
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#profile #left ul li {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #505050;
}
#profile #left .googleAds{
	position:relative;
	margin-left:-10px;
	margin-top:20px;
	}

#profile #centre {
	float: left;
	width: 760px;
	height: auto;
	margin: 10px;

	text-align:left;
	background-color:#fff;
}
#profile #centre #contenu #gestion_centre{
	border: 1px solid #CCC;
	padding:10px;
}
#profile #centre #contenu #gestion_centre .photoProfil{
	margin:7px;
}
#profile #centre #contenu #gestion_centre #public .contain_photo, #profile #centre #contenu #gestion_centre #prive .contain_photo{
	float:left;
	padding:5px;
	}
#profile #centre #contenu #gestion_centre #inputPhotoProfil{
	clear:both;
	margin:10px;
	}
#profile #centre #contenu #gestion_centre #sentRequests, #profile #centre #contenu #gestion_centre #receivedRequests, #profile #centre #contenu #gestion_centre #forum_users{
	clear:both;
	width:100%;
	padding:10px;
	}
	
#profile #centre #contenu #gestion_centre #header_produit{
	background-color:#fff;
	margin:0px;
	padding:0px;
	background-image: url(../images/bck_top_cadeau.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height:280px;
	
}
#profile #centre #contenu #gestion_centre #header_produit #modify_cadeau{
	position:absolute;
	left: 670px;
	top:5px;
	}
#profile #centre #contenu #gestion_centre h1{
	color:#666;
	padding: 20px 0px 0px 20px;
}
#profile #centre #contenu #gestion_centre #slogan{
	color:#666;
	padding-left: 30px;
	width:300px;
	font-weight:bold;
	margin:0px;
	position:absolute;
}
#profile #centre #contenu #gestion_centre h2 {
	color:#fff;
	padding-left: 10px;
	margin:0px;
	font-size:16px;
	font-weight:normal;
}
.contenu_padding{
	padding:10px 5px 5px 10px;
	}
#profile #centre #contenu #gestion_centre #header_produit #logo{
	padding:0px 0px 0px 50px;
	position:relative;
	}
#profile #centre #contenu #gestion_centre #header_produit #cadeau_photo{
	margin:0px;
	position:absolute;
	top:45px;
	left:310px;
	}
.border_right{
	border-right:#CCC dashed 1px;
	}

/** gestion css des messages **/
	
#profile #centre #contenu #mail {
	min-height:400px;
	border:solid 1px #CCC;
	}
.borderbottom {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4A4A4A;
	}
.borderbottom_new {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4A4A4A;
	background-color: #E8E8E8;
	}
#profile #centre #contenu #mail .date, #profile #centre #contenu #mail .contenu, #profile #centre #contenu #mail .name  {
	font-size:11px;
	font-weight:normal;
	color: #9a9a9a;
	padding: 5px 5px 0px 5px;
	}	

#profile #centre #contenu #mail p.to_id{
	font-size:12px;
	color: #9a9a9a;
	margin:4px 0px 0px 0px;
	padding:5px 10px 5px 5px;
	}
#profile #centre #contenu #mail .contenu{
	font-size:13px;
	padding: 0px 5px 0px 20px;
	}
#profile #centre #contenu #mail a.titre{
	font-size:13px;
	padding: 0px 5px 0px 20px;
	}
#profile #centre #contenu #mail a.titre:link{
	color: #f08006;
	}
#profile #centre #contenu #mail a.titre:active{
	color: #f08006;
	}
#profile #centre #contenu #mail a.titre:visited{
	color: #f08006;
	}
#profile #centre #contenu #mail p.contenu_detail{
	margin:0px;
	padding:10px;
	font-size:12px;
	}
#profile #centre #contenu #mail .googleAds_message_carre {
	float: right;
	width: 250px;
	height: 250px;
	padding: 10px;
	background-color: #333;
	/*border-left: 1px solid #525252;
	border-bottom: 1px solid #525252;*/
	margin:0px 0px 10px 10px;
	}	
#profile #centre #contenu #mail .contain_message {
	padding-top: 4px;
	margin: 0px 0px 0px 20px;
	}	

#profile #centre #contenu #mail	.contain_message .bottom_message{
	margin: 0px;
	padding: 0px;
	height: 14px;
	}
#profile #centre #contenu #mail #reponse {
	color: #9a9a9a;
	width:500px;
	vertical-align:top;
	margin:auto;
	text-align:center;
	padding-right: 40px;
	}
	
#profile #centre #contenu #mail #reponse textarea{
	margin-top:5px;
	width:420px;
	vertical-align:middle;

	}
#profile #centre #contenu #gestion_centre{
	background-color:#FFF;
	width:100%;
	position:relative;

	}
	
/* css games  */	


#selectedGame {
    text-align: center;
    margin-bottom: 12px;
	background-color:#FFF;
	float:left;
}
#games {
	background-color:#FFF;
	margin:20px;
	float:left;
}
#games a {
    font-weight: bold;
    color: #000000;
}
#games a:hover {
    text-decoration: none;
}
#games .box {
    width: 126px;
    margin: 1em 12px;
    float: left;
}
#games .picture a img {
	vertical-align: middle;
    border: 1px solid #000000;
}
#games .picture span {
	display: block;
	height: 102px;
	line-height: 100px;
	text-align: center;
    background-color: #000000;
    overflow: hidden;
    white-space: nowrap;
}
#games .name {
    margin-top: 2px;
    text-align: center;
}

#addJoke {
    text-align: center;
}
#addJoke .box {
    float: left;
    width: 955px;
    margin: 8px 0;
}
#addJoke textarea {
    width: 929px;
    height: 100px;
    font-size: 12px;
    border: 1px solid #6E6E6E;
}
#message {
    margin: 8px 0;
}
#jokes{
	margin:20px;
	}
#jokes dl {
    float: left;
    width: 900px;
	border:solid #CCC 1px;
	background-color:#FFF;
	padding:10px;
}
#jokes dt {
    clear: left;
    border-bottom: 1px #6E6E6E dotted;
}
#jokes dt span,
#jokes a[href] {
    color: #DF0024;
}
#jokes dd {
    line-height: 1.5em;
    padding-bottom: 1em;
}
@charset "iso-8859-2";
/* CSS Document */
#quizz_main{
	float:left;
	width:100%;
	background-color:#FFF;
	}
#quizz_container{
	width:100%;
	float:left;
	background-color:#FFF;
	}
#main_content{
	position:relative;
	width:655px;
	float:left;
	margin: 10px;
	}
#content_header{
	width: 653px;
	float:left;
	padding-bottom: 10px;
	position:relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color:#F7F7F7;
	}
#content_header h1{
	color:#FFF;
	padding-top:20px;
	}
#content_header h2{
	color:#FFF;
	padding-left:20px;
	}
#content_header p{
	padding:5px 5px 5px 18px;
	margin:0px;
	line-height: 25px;
	font-size:14px;
	}
.pubquizz{
	text-align:center;
	padding: 10px 10px;
	}
#content_header a.partage{
	font-weight:bold;
	font-size: 14px;
	color: #333;
	background-image: url(../images/btn_partagez_13.png);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	height: 50px;
	width: 187px;
	padding-top: 13px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
#content_header a.partage:hover{
	background-image: url(../images/btn_partagez_o_13.png);
	background-repeat: no-repeat;

}
#content_box{
	width: 653px;
	float:left;
	position:relative;
	margin:0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color:#F7F7F7;
}
#content_box p{
	padding-left:18px;
}
#content_box #compteur{
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	padding:15px;
	}
#content_box .question{
	background-color:#FFF;
	color:#000;
	background-image: url(../images/quizz/kisslook_quizz_11.png);
	background-repeat: repeat-y;
	margin:0px;
	padding:5px 5px 5px 15px;

	}
#content_box .img{
	margin-top: -190px;
	padding: 0px;
	float: right;
	position: relative;
}

#right_box{
	width:302px;
	position:relative;
	float:right;
	}
#right_box #quizz_listing{
	clear:both;
	position:relative;
	width: 100%;
	background-image: url(../images/quizz/kisslook_quizz_22.png);
	background-repeat: repeat-y;
	color:#333;
	}
	
.correct {
	font-weight: bold;
	color: #0C0;
	font-size:14px;
}
.incorrect {
	font-weight: bold;
	color: #C00;
}

#quizz_main h1{
	color:#EE601B;
	padding:10px;
	margin:0px;
}
#quizz_main .create_quizz{
	margin:-25px 10px 0px 0px;
	position:relative;
	float:right;
	font-weight:bold;
	color:#EE601B;

	}
#quizz_main .quizz_container{
	margin: 5px;
	padding: 0px;
	float: left;
	width: 475px;
	color: #333;
}
#quizz_main .quizz_container .quizz_container_bck{
	margin:0px;
	padding:0px 5px 0px 10px;
	background-color: #F7F7F7;
	background-repeat: repeat-y;
	min-height: 150px;
	color:#333;
	border: 1px solid #CCC;
}
.quizz_container .quizz_container_bck h2{
	font-size: 14px;
	font-weight:bold;
	margin:0px;
	}
	
.contenu{
	padding: 0px 5px 0px 5px;
	}
#quizz_main .quizz_container .quizz_container_bck input[type="submit"]{
	width:100px;
	padding:5px;
	}
	

#quizz_listing{
	clear:both;
	position:relative;
	width: 100%;
	}

#quizz_listing form{
	display:inline;
	}
#quizz_listing input[type="submit"]{
	width:110px;
	padding:3px;
}
#quizz_listing h2{
	margin:0px;
	padding:0px 0px 3px 10px;
	}
#popupQuizz input[type=submit]{
	width:130px;
	font-size:16px;
	padding-top: 5px;
	padding-bottom: 6px;
	font-weigth:bold;
	}
	
/* css achat de pack de kiss */


#packKiss{
	width:950px;
	margin:15px auto 15px auto;
	text-align:center;
	background-color:#FFF;
	border:solid 1px #CCC;
}

#packKiss td p{
	line-height:45px;
	}
#detail_pack{
	height: 360px;
	background-image: url(../images/bck_pack_kiss_12.png);
	background-repeat: no-repeat;
	padding-top:10px;
	margin-left:20px;
	margin-top: 23px;
	text-align:center;
	float:left;
	width:509px;
	color:#415692;
}
#detail_pack p{
	font-size:14px;
	}
#detail_pack img{
	padding:5px;}
#detail_pack #code{
	color: #000;
	text-align: center;
	height: 77px;
	margin-top:30px;
	padding-top:8px;
}
#detail_pack input[type=submit]{
	background-color:#415692;
}

#detail_pack input[type=submit]:hover{
	background-color:#415692;
}
.price{
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	display: inline-block;
	padding-top: -5px;
	margin-top: -5px;
	position: relative;
	}
a.pack_hover{
	color:#fff;
}
	
a.pack_hover:hover{
	color:#415692;
}

.quantity{
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	display: inline-block;
	padding-top: -5px;
	margin-top: -5px;
	position: relative;
	}
.moyen_paiement{
	float:right;
	width:400px;
	padding:10px;
	border:#ccc dotted 1px;
	margin-right:15px;
	margin-top:15px;
	}
.moyen_paiement #cartecredit_attente{
	padding:5px;
	background-color:#F2F2F2;
	margin:0px;
	width:389px;
	color:#000;
	}
#unetdemi{
	background-image: url(../images/pack_kiss_03.png);
	background-repeat: no-repeat;
	height: 300px;
	}
#trois{
	background-image: url(../images/pack_kiss_04.png);
	background-repeat: no-repeat;
	height: 300px;
	}
#cinq{
	background-image: url(../images/pack_kiss_05.png);
	background-repeat: no-repeat;
	height: 300px;
	}
#dix{
	background-image: url(../images/pack_kiss_06.png);
	background-repeat: no-repeat;
	height: 300px;
	}
#vingt{
	background-image: url(../images/pack_kiss_07.png);
	background-repeat: no-repeat;
	height: 300px;
	}
#trente{
	background-image: url(../images/pack_kiss_08.png);
	background-repeat: no-repeat;
	height: 300px;
	}


#unetdemi a:hover{
	background-image: url(../images/pack_kiss_o_03.png);
	background-repeat: no-repeat;
	height: 300px;
	display:block;
	text-decoration:none;
	}
#trois a:hover{
	background-image: url(../images/pack_kiss_o_04.png);
	background-repeat: no-repeat;
	height: 300px;
	display:block;
	text-decoration:none;
	}
#cinq a:hover{
	background-image: url(../images/pack_kiss_o_05.png);
	background-repeat: no-repeat;
	height: 300px;
	display:block;
	text-decoration:none;
	}
#dix a:hover{
	background-image: url(../images/pack_kiss_o_06.png);
	background-repeat: no-repeat;
	height: 300px;
	display:block;
	text-decoration:none;
	}
#vingt a:hover{
	background-image: url(../images/pack_kiss_o_07.png);
	background-repeat: no-repeat;
	height: 300px;
	display:block;
	text-decoration:none;
	}
#trente a:hover{
	background-image: url(../images/pack_kiss_o_08.png);
	background-repeat: no-repeat;
	height: 300px;
	display:block;
	text-decoration:none;
	}
.container_icone_txt{
	float:left;
	width:33%;
	height: 140px;
	text-align:center;
	}
#rules{
	text-align:left;
	padding:10px;}
	
	/*** gestion des erreurs ***/

#gestion_erreur {
	margin:0px;
	padding:20px;
	border: 5px solid #ccc;
	background-color: #f2f2f2;
	color:#000;
	position:static;
	z-index:1;
	height:100px;
	}
 #gestion_adress {
	margin:5px;
	padding:5px;
	border: 2px solid #ccc;
	background-color: #f2f2f2;
	color:#000;
	z-index:1;
	}
#gestion_erreur a, #gestion_adress a{
	color:#C00;
	}
#gestion_erreur a:link, #gestion_adress a:link{
	color:#C00;
	}
#gestion_erreur a:active, #gestion_adress a:active{
	color:#C00;
	}

#gestion_erreur a:hover, #gestion_adress a:hover{
	color:#C00;
	text-decoration:underline;
	}

			
			/* css for timepicker */
			#ui-timepicker-div dl{ text-align: left; }
			#ui-timepicker-div dl dt{ height: 25px; }
			#ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }