@charset "utf-8";
/* CSS Document */
a:focus{
outline:none;
}
body {
    
	color: #333;
	padding: 0 30px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;
   
}

#ligneForme3 {
	height: 25px;
	position: relative;
	float: left;
	width: 400px;
	top: 5px;
	margin-top: 5px;
}

#ligneForme3Pseudo {
	position: relative;
	float: left;
	width: 400px;
}

#ligneForme3_3 {
	height: 25px;
	position: relative;
	float: left;
	padding-top: 5px;
	width: 400px;
	top: 5px;
}



#weak, #medium
{
	border-right:solid 1px #DEDEDE;
}

#sm
{
	margin:0px;
	padding:0px;
	height:14px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px;
}

.nrm
{
	width:60px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red
{
	width:60px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}

.yellow
{
	width:60px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green
{
	width:60px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container {
	height: 100%;
	margin-top: 0px;
    position: relative;
	top: 10px;
 }
#main {
	height: 528px;
	width: 929px;
	margin-left: auto;
	margin-right: auto;
}
#colonne1 {
	width: 473px;
	float: left;
	height: auto;
}
#colonne2 {
	width: 456px;
	float: right;
	height: auto;
}
#ligneBorderHaut {
	height: 55px;
	width: 453px;
	float: left;
}
#coinLeft {
	width: 9px;
	height: 52px;
	float: left;
	background-image: url(../../images/coinLeftCol1.gif);
	background-repeat: repeat-y;
}
#coinCol1Right {
	width: 10px;
	height: 52px;
	float: right;
}
#topFondCol1 {
	background-image: url(images/pixTopBorder.gif);
	background-repeat: repeat-x;
	height: 1px;
}
#logoChatland {
	width: 164px;
	height: 53px;
	position: relatif;
	left: 5px;
}
#logo {
	float: left;
	height: 51px;
	position: relative;
	left: 9px;
	background-image: url(images/chatLand.gif);
	width: 237px;
	background-repeat: no-repeat;
}
#enteteCol1 {
	height: 53px;
}
#ligne3 {
	clear: both;
	height: 91px;
}
#border {
	float: left;
	width: 2px;
	height: 34px;
	background-image: url(images/leftBorder.jpg);
	background-repeat: repeat-y;
}
#premium {
	width: 400px;
	height: 34px;
	position: relative;
	left: 9px;
}
#ligne2 {
	height: 716px;
	float: left;
	width: 472px;
}
#leftBorderCol1 {
	width: 2px;
	height: 586px;
	background-image: url(images/leftBorder.jpg);
	background-repeat: repeat-y;
	float: left;
}
#rightCol1 {
	float: right;
	width: 470px;
	height: 716px;
}
#logoBox {
	height: 52px;
}
#horizental {
	height: 8px;
}
#borderRight {
	width: 2px;
	float: right;
	height: 33px;
	background-image: url(images/rightBorder.gif);
}
#conteneurEntete {
	height: 51px;
}
#boxPremium {
	width: 390px;
	position: relative;
	left: 9px;
	top: 0px;
}
#ligneTxtblack {
	height: 508px;
	background-image: url(images/couple.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	float: left;
	width: 471px;
}
#ligneTxtViolet {
	height: 44px;
	background-image: url(images/hautTete.jpg);
	background-repeat: no-repeat;
	background-position: 240px 0px;
}
#ligne2Tete {
	height: 75px;
	background-image: url(images/ligne2Tete.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#ligne3Tete {
	height: 122px;
	background-image: url(images/ligne3Tete.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#ligne4Tete {
	height: 94px;
	background-image: url(images/ligne4Tete.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#ligne5Tetes {
	height: 82px;
	background-image: url(images/ligne5Tete.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#ligneBas {
	height: 8px;
	clear: both;
}
#coinBasLeft {
	height: 8px;
	width: 10px;
	float: left;
	background-image: url(images/coinBasLeft.gif);
	background-repeat: no-repeat;
}
#ligneBasRight {
	width: 463px;
	float: right;
	height: 8px;
	background-image: url(images/basCol2Border.gif);
	background-repeat: repeat-x;
}
#LeftBorderInnerBox {
	float: left;
	height: 155px;
	width: 13px;
	background-repeat: no-repeat;
	background-image: url(images/leftBorderInnerBox.jpg);
}
#borderRightInnerBox {
	height: 168px;
	width: 28px;
	float: right;
}
#bottomBorderInnerBox {
	width: 429px;
	position: relative;
	top: 0px;
}
#bottomInnerBox {
	width: 471px;
	height: 13px;
	background-image: url(images/bottomInnerBox.jpg);
}
#boxContentInnerBox {
	width: 458px;
	float: left;
}
#containerInnerBox {
	width: 471px;
	position: relative;
	top: 0px;
}
#leftInnerbox {
	width: 13px;
	height: 155px;
	float: left;
	position: relative;
	top: 0px;
}
#middleInnerBox {
	width: 428px;
	float: left;
	position: relative;
	top: 0px;
}
#rightInnerBox {
	height: 155px;
	width: 29px;
	float: right;
	position: relative;
	top: 0px;
}
#boxInner {
	height: 168px;
	background-image: url(images/fondBox.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#leftBorderInner {
	height: 155px;
	width: 13px;
	float: left;
}
#rightBorderInner {
	height: 155px;
	width: 27px;
	float: right;
}
#MiddleContentInner {
	width: 431px;
	float: left;
	height: 155px;
}
#bosInnerBOx {
	height: 13px;
	clear: both;
	position: relative;
	top: -10px;
}
#bottomBoxINNER {
	height: 13px;
	width: 471px;
}
#borderInner {
	height: 13px;
	width: 471px;
	float: right;
	position: relative;
	top: 0px;
}
#leftCorner {
}
#Ligne1Col2 {
	height: 57px;
}
#leftCorner {
	height: 57px;
	width: 7px;
	float: left;
	background-image: url(images/leftCornerVip.gif);
	background-repeat: no-repeat;
}
#middleColonne {
	width: 449px;
	height: 57px;
	float: left;
	background-image: url(images/fondFormDejaVip.png);
	background-repeat: repeat-x;
}
#rightCorner {
	width: 20px;
	float: right;
	height: 57px;
	background-image: url(images/rightCorner.gif);
	background-repeat: no-repeat;
}
#ligne2Col2 {
	height: 538px;
	background-image: url(images/fondForme.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#ligne3Col2 {
	height: 168px;
	background-image: url(images/fondrightBottom.jpg);
	background-repeat: no-repeat;
}
#ligne4Col2 {
	height: 8px;
}
#leftLigne3 {
	width: 454px;
	float: left;
	height: 168px;
	background-image: url(images/pixFondOranger.gif);
}
#rightLigne3 {
	width: 2px;
	float: left;
	height: 168px;
	background-image: url(images/rightBorderCol2.gif);
	background-repeat: repeat-y;
}
#bottomRightCorner {
	height: 8px;
	width: 20px;
	float: left;
	background-image: url(images/cornerRightBottom.gif);
	background-repeat: no-repeat;
}
#bottomCol2 {
	height: 8px;
	width: 436px;
	float: left;
	background-image: url(images/borderBas.gif);
	background-repeat: repeat-x;
}
#innerBoxContent {
	height: 155px;
	width: 427px;
	position: relative;
	left: 15px;
}
#innerBoxContentL2 {
	height: 1px;
	background-image: url(images/fondPointiller.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.titreAnner {
	font-family: Verdana;
	font-size: 14px;
	color: #b41780;
	font-weight: bold;
}
.engagementTxtBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.whiteTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}
.Style1 {
	font-size: 12
}
.chiffreEuro {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#innerBoxContentL1 {
	height: 38px;
	background-image: url(images/fondPointiller.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.bigTxtNoir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #000000;
}
#txtContentL1 {
	position: relative;
	left: 13px;
	width: 415px;
	top: 22px;
}
#txtVioler {
	position: relative;
	left: 13px;
	width: 415px;
}
.txtnoirMoyen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}
.txtVioler {
	font-family: Arial, Helvetica, sans-serif;
	color: #af047c;
	font-weight: bold;
	font-size: 14px;
}
#box1 {
	height: 98px;
	width: 140px;
	float: left;
	position: relative;
	top: 38px;
	left: 7px;
	background-image: url(images/boxLeft1.jpg);
}
#box2 {
	height: 98px;
	width: 139px;
	position: relative;
	top: 38px;
	float: left;
	left: 14px;
	background-image: url(images/box2.jpg);
}
#box3 {
	width: 139px;
	height: 97px;
	float: left;
	position: relative;
	left: 20px;
	top: 38px;
	background-image: url(images/box3.jpg);
}
#containerForm {
	width: 420px;
	position: relative;
	left: 14px;
	height: 538px;
}
#box1Content {
	height: 61px;
	width: 125px;
	position: relative;
	top: 12px;
	left: 4px;
}
.bleu {
	font-family: Arial, Helvetica, sans-serif;
	color: #07477e;
	font-weight: bold;
	font-size: 11px;
}
.verd {
	font-family: Arial, Helvetica, sans-serif;
	color: #5f6803;
	font-weight: bold;
	font-size: 11px;
}
.oranger {
	font-family: Arial, Helvetica, sans-serif;
	color: #73226f;
	font-weight: bold;
	font-size: 11px;
}
#dejaVIp {
	height: 23px;
	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	position: relative;
	top: 8px;
	float: left;
}
#input1 {
	float: left;
	height: 20px;
	position: relative;
	top: 8px;
	left: 1px;
}
.styleBox1 {
	width: 105px;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9E9E9E;
	font-style: italic;
}
#okButton {
	position: relative;
	top: 8px;
	float: left;
	left: 3px;
}
#mDPasseOublier {
	height: 23px;
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	position: relative;
	top: 8px;
	float: left;
	font-style: italic;
	text-decoration: underline;
	left: 8px;
}
.abonnerVous {
	font-family: Arial, Helvetica, sans-serif;
	color: #b41780;
	font-weight: bold;
	font-size: 16px;
}
#ligneForme1 {
	height: 24px;
	background-image: url(images/pixLigne.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#ligneForme4 {
	position: relative;
	top: 15px;
}
#ligneForme5 {
	position: relative;
	top: 8px;
}
#ligneForme6 {
	position: relative;
	top: 8px;
}
#ligneForme7 {
	position: relative;
	top: 8px;
}
#ligneForme8 {
	position: relative;
	top: 8px;
}
#ligneForme9 {
	position: relative;
	top: 8px;
}
#ligneForme10 {
	position: relative;
	top: 8px;
}
#ligneForme11 {
	position: relative;
	top: 8px;
}
#ligneForme12 {
	position: relative;
	top: 8px;
}
#ligneForme13 {
	position: relative;
	top: 8px;
}
#ligneForme14 {
	position: relative;
	top: 8px;
}
#ligneForme15 {
	position: relative;
	top: 8px;
}
#ligneForme16 {
	position: relative;
	top: 8px;
}
#ligneForme17 {
	position: relative;
	top: 8px;
}
#ligneForme18 {
	position: relative;
	top: 8px;
}
#jeSuis {
	width: 170px;
	float: left;
	position: relative;
	height: 25px;
	top: 10px;
}
 #jeSuis3_3{
	width: 170px;
	float: left;
	position: relative;
	height: 25px;
}

#jeSuis2 {
	width: 170px;
	float: left;
	position: relative;
	height: 25px;
}

#jeSuis23 {
	width: 170px;
	float: left;
	position: relative;
	height: 25px;
}


#jeCherche {
	width: 165px;
	float: left;
	position: relative;
	height: 25px;
}
#radio1 {
	float: left;
}
#ligneForme33 {
	height: 25px;
	position: relative;
	float: left;
	padding-top: 5px;
	width: 400px;
	top: 5px;
}
#ligneFormePassPuiss {
	height: 16px;
	position: relative;
	float: left;
	width: 400px;
	top: 5px;
	padding-top: 5px;
}
#ligneFormeRQ2 {
	height: 40px;
	position: relative;
	float: left;
	width: 400px;
	top: 10px;
}

#pseudoForme {
	position: relative;
	float: left;
	/*padding-top: 5px;*/
	width: 400px;
	/*margin-top: 5px;*/
}
#pseudoForme3_3, #ligneForme3AlertTel{
	height: 25px;
	position: relative;
	float: left;
	padding-top: 5px;
	width: 400px;
	top: 5px;
}

/*
#pseudoForme_2 , #pseudoForme_2Region, #pseudoForme_2Departement, #pseudoForme_2Commune, #row_ville{
	position: relative;
	float: left;
	padding-top: 5px;
	width: 400px;
}
*/

#btnValider {
	height: 53px;
	width: 109px;
	left: 150px;
	position: relative;
	float: left;
}
#containerBt {
margin-top:10px;
	height: 53px;
	position: relative;
	float: left;
}
#inboxFormList {
	float: left;
	width: 200px;
	position: relative;
	top: 6px;
	left: 4px;
}
#jeSuisH {
	float: left;
	position: relative;
	top: 5px;
}

#jeSuisH2 {
	float: left;
}


#jeSuisF {
	float: left;
	position: relative;
	top: 5px;
}

#jeSuisF_2{
	float: left;
	width: 70px;
}

#jeSuisF3_3{
	float: left;
	position: relative;
	width: 70px;
}


#pseudoForme2 {
	height: 40px;
}
#inboxFormPseudo {
	width: 145px;
	position: relative;
	float: left;
}
#chatLand {
	width: 20px;
	position: relative;
	float: left;
}
#chatLandBox {
	width: 50px;
	float: right;
}
#chatlLand {
}
#chatlLand {
	width: 25px;
}
#pseudoFormeQuestion {
	height: 50px;
	float: left;
	width: 360px;
	margin-top: 10px;
}
#pseudoFormeQuestion2_2 {
	height: 50px;
	float: left;
	width: 360px;
	margin-top: 5px;
}


#pseudoFormeQuestion3_3 {
	height: 50px;
	float: left;
	width: 400px;
}

#reponseQ {
	width: 170px;
}
#conteneurStep1 {
	padding-top: 10px;
	margin:0;
	padding-left:0;
	padding-right:0;

}
#inboxForm {
	float: left;
}
#listeChoice {
	float: left;
	width: 235px;
}
#username , #pseudobox{
	width: 100px;
}
#ListeQuestion {
	padding-left: 10px;
}
#jeSuisQuestion {
	margin-top: 10px;
}
#reponseQ2 {
	width: 170px;
	float: left;
	position: relative;
}
#reponseQ2 {
	width: 170px;
	float: left;
	position: relative;
	top: 20px;
}
#checkBoxValide {
	float: left;
	width: 30px;
	position: relative;
	top: 20px;
}
#containerInnerForm {
	float: left;
	position: relative;
	top: -15px;
}

#checkBoxValide{
	float: left;
	position: relative;
	top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
#jeSuisF_21 {
	position: relative;
	top: 20px;
	width: 110px;
	float: left;
}
#txtCont {
	width: 400px;
}
#txtCont {
	float: left;
	width: 400px;
	position: relative;
	top: 10px;
	margin-bottom: 10px;
}
#txtBox {
	float: left;
}

#Yage {
	float: right;
	width: auto;
	position: relative;
	top: -14px;
	left: -8px;
}

#indicatif {
	float: left;
	width: auto;
}
#boxTel {
	float: left;
}
#indicatifTxt {
	float: left;
	width: 60px;
	top: 3px;
	position: relative;
	padding-left: 2px;
}
#numTel {
	float: left;
}
.containerTxt {
	position: relative;
	left: 9px;
	width: 460px;
}
#bubble_tooltip{
	width:264px;
	position:absolute;
	top:-20px;
	display:none;
	z-index:+15;
}
#bubble_tooltip .bubble_top{
	width: 264px;
	height: 23px;
	cursor:move;
}
#bubble_tooltip .bubble_middle{
	width: 254px;

	background-image: url(images/fondInfobulle.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:0px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	width: 264px;
	height: 35px;	/*	opacity:0.4;
	filter:alpha(opacity=40);

	background-image: url(../payment/images/basInfobulle.png);
	
	opacity:0;*/
}
#bubble_tooltip .fondLeft {
	font-family: Arial, Helvetica, sans-serif;
	width:auto;
}
#bubble_tooltip .coinBasLeft {
	float: left;
	height: 14px;
	width: 10px;
}
#bubble_tooltip .coinRightBas {
	float: left;
	height: 14px;
	width: 10px;
}
#bubble_tooltip .middleBottom {
	float: left;
	width: 100%;
}
#bubble_tooltip .leftHeader {
	float: left;
	width: 222px;
	height: 23px;
	background-image: url(images/coinLeftHaut.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#bubble_tooltip .rightHeader {
	height: 23px;
	width: 42px;
	float: left;
	background-image: url(images/coinRightHaut.png);
	background-position: right 0px;
	background-repeat: no-repeat;
		cursor:pointer;

}
#bubble_tooltip .fermer {
	height: 14px;
	width: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	position: relative;
	top: 5px;
	cursor:pointer;
}

.txtBordeaux {	font-family: Arial;
	color: #b41780;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
a.txtBordeaux {	font-family: Arial;
	color: #b41780;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.txtBordeauxSavoir {
	font-family: Arial;
	color: #b41780;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

a.txtBordeauxSavoir {
	font-family: Arial;
	color: #b41780;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

a.txtBordeauxSavoir:hover {
	font-family: Arial;
	color: #b41780;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.LinksBottom, .LinksBottom a {
	font-family: Arial, Helvetica, sans-serif;
	color: #b60d7f;
	font-size: 12px;
	text-decoration: none;
}
.txtNoirPetitGras {
 	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	/*line-height: 20px;*/
 }

.txt12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.contentLinks {
	margin-left: auto;
	margin-right: auto;
	width: 350px;
}

.form-row {
	clear: both;
	padding: 0;
	margin:0;/*3px*/
    margin-top:3px;
    margin-left:3px;
	margin-bottom:3px;
}
.form-row-chat {
height:40px;
witdh:395px;
display:block
background-image:url('../img/chat_land.png');
background-position:right top;
background-repeat:no-repeat;
clear: both;
padding: 0;
}

.field-label {
	float:left;
	width:205px;
/*height:25px;*/
}

.field-widget {
/*
float:left;
width:50px;

display:inline;*/

}
fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
/*font-weight: bold;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
font-weight: normal;
}
.select_mois{
width:70px;
}
.select_jour{
width:50px;
}
.select_anne{
width:64px;
}
.chat-land {
	float: right;
}