/* CSS Document */

/*******************NEW GHP 1*******************/

html{
	height: 100%;
}

body {
	margin: 0px auto;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
}

a {
	cursor:pointer;
	cursor:hand;
}

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

.clearall {
	clear: both;
	font-size: 1px;
}

.container{
	width:765px;
	/*margin:100px auto;*/
	margin:0 auto;
}

.left, .right{
	height: 100%;
}

.left{
	float: left;
	width: 445px;
	color: #9B9B9B;
	font-size: 12pt;
	font-weight: bold;
}

.right{
	float: right;
	width: 290px;
}

/*
* Drop Shadows (bug sous ie 6)
*/
.module-container .rightDS,
.left .secure .rightDS{
	position: absolute;
	top: 7px;
	right: -9px;
	width: 8px;
	background: white url(/templates/default/html/pictures/hompyV2/hompyV2_DS_bg_right.gif) repeat-y;
	height: 100%;
	
	display: block;
	* display: none;
	/*border: solid 1px green;*/
}

.module-container .bottomDS,
.left .secure .bottomDS{
	position: absolute;
	bottom: -8px;
	right: -7px;
	height: 7px;
	background:  url(/templates/default/html/pictures/hompyV2/hompyV2_DS_bg_bott.gif) repeat-x;
	width: 100%;
	display: block;
	* display: none;
	/*border: solid 1px red;*/
}

.module-container  .bottomRightDS,
.left .secure .bottomRightDS{
	position: absolute;
	bottom: -7px;
	right: -8px;
	height: 7px;
	width: 7px;
	background: white url(/templates/default/html/pictures/hompyV2/hompyV2_DS_corner_bottright.gif) repeat-x;
	
	display: block;
	* display: none;
	/*border: solid 1px blue;*/
}

.module-container{
	width: 100%;
	position: relative;
	border: solid 1px #C0D6E1;
	background: white url(/templates/default/html/pictures/hompyV2/hompyV2_encart_bg.gif) bottom repeat-x;
}

/******************* left content ********************/
.left img{
	display: block;
	margin: auto;
}

.left p.members{
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	margin: auto;
}

.left p.members a{
	text-decoration: none;
	color: #FF6002;
}

.left #flashText{
	height: 260px;
	width: 455px;
}

.left p.members strong{
	color: #FF6002;
	font-weight: normal;
}

.left p.legals{
	font-size: 8pt;
	font-weight: normal;
	border: solid 1px #DFE8ED;
	padding: 5px;
	width: 390px;
	margin: 25px auto 0 auto;
	text-align: justify;
	height: 65px;
	overflow: hidden;
}

.left ul{
	margin-left: 30px;
}

.left ul li strong{
	color: #FF5918;
}

.left img{
	margin-bottom: 15px;
}

.left .guide{
	display: block;
	float: right;
	margin-top: 20px;
	width: 66px;
	height: 72px;
}

.left .secure{
	display: block;
	float: left;
	margin-top: 20px;
	border: solid 1px #C0D6E1;
	height: 72px;
	/*overflow: hidden;*/
	width: 64px;
	position: relative;
}

.left .guide img,
.left .secure img{
	border: none;
	display: block;
	margin: 0;
}	

.left .big-button-container{
	margin: 20px auto 0 auto;
	font-weight: normal;
	text-decoration: none;
	width: 250px;
}

.left .big-button-container a.button{
	text-decoration: none;
	color: white;
	line-height: 10px;
}

/******************* login form **********************/

.auth-cont{
/*	width: 259px;*/
	width: 300px;
	margin: 0px auto;
	color: #157AAE;
}

.auth-cont .mid-button-container{
	margin: 10px auto 0 auto;
	border:#ADDAF7 1px solid;
	float: none;
	width: 172px;
}

#auth-form{
	padding: 0px;
	margin: 0 auto;
	font-size: 10pt;
}

#auth-form form{
	padding: 0;
	margin:0;
}

#auth-form .button-container{
	float:right;
	margin: 0px 8px 7px 0;
	*margin: 0px 5px -12px 0;
	border:#ADDAF7 1px solid;
	padding: 0;
}

#auth-form .input-back{
	position: relative;
	text-align: left;
	height: 22px;
	width: 278px;
	margin: 4px auto; 
	padding: 4px 0;
	color: #157AAE;
	font-weight: bold;
}

#auth-form .form-errors {
	color: red;
	font-size: 10px;
	padding: 0 10px;
	position: relative;
	top: -5px;
}

#auth-form .input-back .left{
	position: absolute;
	top: 0;
	left:0;
	height: 100%;
	width: 3px;
	border: 0;
	background: transparent url(/templates/default/html/pictures/satellite/satellite_titre_left.gif) no-repeat bottom;
}

#auth-form .input-back .right{
	position: absolute;
	top: 0;
	right:0;
	height: 100%;
	width: 3px;
	background: transparent url(/templates/default/html/pictures/satellite/satellite_titre_right.gif) no-repeat bottom;
	border: 0;
}

#auth-form .input-back strong{
	float: left;
	margin-top: 3px;
}

#auth-form label input{
	vertical-align: middle;
}

#auth-form label{
	float: left;
	margin:0 0 0 5px;
	font-size: 7pt;
	vertical-align: middle;
}

#auth-form label a{
	color: #8BBDD4;
	text-decoration: none;
}

#auth-form label a:hover{
	color: #FF7300;
}

#auth-form .input-back input{
	float: right;
	background:white url(/templates/default/html/pictures/hompyV2/hompyV2_input_bg.gif) top repeat-x;
	border:#7B9EB4 1px solid;
	height: 20px;
	width: 190px;
}


/****************************** Random ***********************************/
.random{
	height: 300px;
	width: 300px;
	border:#c1d8e0 1px solid;
	margin: 20px 0;
}

.random h6{
	margin:10px 0 0 15px;
	padding:0;
	color: #107B9D;
	font-size: 8pt;
}

.random .skaazCont{
	padding: 1px;
	height: 114px;
	width: 86px;
	border: solid 1px #C0D6E1;
	float: left;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
	margin: 0 0 7px 7px;
}

.random .skaaz{
	margin: 0;
	display: block;
	padding: 4px;
	background: white url(/templates/default/html/pictures/hompyV2/hompyV2_encart_bg.gif) bottom repeat-x;
	text-decoration: none;
}

.random .skaazCont.right .skaaz{
	margin: 0;
}

.random .skaaz:hover{
	text-decoration: none;
	color: #779EBB;
}

.random .skaaz img{
	display: block;
	height: 76px;
	width: 76px;
	border: solid 1px #C0D6E1;
	margin-bottom: 4px;
}

.random .skaaz p{
	text-align: center;
	margin: 0;
	font-size: 8pt;
}

.random .skaaz .skaazName{
	font-weight: bold;
	color: #3096EA;
	font-size: 9pt;
	line-height: 12px;
}

.random .skaaz .age{
	font-weight: bold;
	color: #3096EA;
	font-size: 8pt;
	line-height: 12px;
}

.random .skaaz.female .skaazName{
	color: #DD75D6;
}

/*
* Old random
*/
/*
.random{
	height: 300px;
	width: 300px;
	border:#c1d8e0 1px solid;
	margin: 20px 0;
}

.random h6{
	margin:10px 0 0 15px;
	padding:0;
	color: #107B9D;
	font-size: 8pt;
}

.random .skaaz-cont{
	height: 250px;
	width: 273px;
	margin: 0 auto;
}

.random .skaaz-cont .skaaz{
	display: block;
	height: 121px;
	width: 82px;
	border: solid 1px #BCEBFF;
	background:white url(/templates/default/html/pictures/common/friendList/bg_galerie_boy.gif) repeat-x bottom;
	float: left;
	margin: 0 0 5px 5px;
	text-decoration: none;
}

.random .skaaz-cont .skaaz:hover{
	text-decoration: none;
	color: #FF7300;
}

.random .skaaz-cont .skaaz:hover p, .random .skaaz-cont .skaaz:hover p.skaaz-name{
	color: #FF7300;
}

.random .skaaz-cont .skaaz img{
	display: block;
	height: 77px;
	width: 77px;
	margin: 2px auto 0 auto;
	border: 0;
}

.random .skaaz-cont .skaaz p{
	margin:0;
	padding:0;
	line-height: 13px;
	width:100%;
	color: #777C7F;
	text-align: center;
	font-size: 7pt;
}

.random .skaaz-cont .skaaz p.skaaz-name{
	color: #515659;
	font-size: 8pt;
}

.random .skaaz-cont .skaaz.fille{
	border: solid 1px #FDBFFF;
	background:white url(/templates/default/html/pictures/common/friendList/bg_galerie_girl.gif) repeat-x bottom;
}
*/
/****************************** Project ***********************************/
.skaazProject{
	display: block;
	text-align: left;
	padding: 0;
	height: 106px;
	width: 300px;
	overflow: hidden;
	border:#c1d8e0 1px solid;
}

.skaazProject img{
	border: 0;
}

/****************************** Bottom ***********************************/
.bottom{
	width: 100%;
	margin: 15px 0 15px 22px;
	height: 30px;
}

.bottom a{
	display: block;
	height: 30px
}

.bottom a.dev-graph{
	display: block;
	color: #FB4800;
	font-weight: bold;
	border: solid 1px #DFE8ED;
	font-size: 8pt;
	padding: 5px 30px;
	width: 90px;
	float: left;
	text-decoration: none;
}

.bottom .pub{
	width: 587px !important;
	margin-left: 15px !important;
	* margin-left: 5px;
	margin-right: 0;
	border: solid 1px #DFE8ED;
	height: 40px;
	line-height: 40px;
	color: #7E878C;
	float: left;
	overflow: hidden;
	text-indent:5px;
}

.bottom .pub img{
	vertical-align: middle;
}

/********************** Footer ************************/

#footer{
		text-align: center;
		margin: 4px auto 0px auto;
		padding: 0;
		height: 30px;
		border: 0;
		background: transparent;
	}
	
	#footer ul{
		list-style-type: none;
		height: 100%;
		width: 100%;
		margin:0;
		padding: 0;s
	}
	
	#footer ul li{
		display: inline;
		line-height: 30px;
	}
	
	#footer ul li.pipe{
		color: #16A8DB;
	}
	
	#footer ul li a{
		color:#117CA8;
		font-weight: normal;
		padding: 0 2px 0 2px;
		text-decoration: none;
	}
	
	#footer ul li a:hover{
		text-decoration: none;
	}
	
	#footer ul li a span{
		color: #CE1558;
	}
	
	#footer ul li a:hover{
		color: #FE9600;
	}