/* CSS Document */

/********************** basics ***************************/

body, html {
   font-family: Verdana;
	font-size: 12px;
	color: #000000;
	height: 700px;
	width:100%;
	margin: 0;
	padding: 0;
	}
body {
	text-align: center;
}


	
/************ end basics************/

/********** main contents containers**********/
#master{
	width:100%;
	position: relative;
	height: 100%;
	background: url(../images/back_1px.png) repeat-x top;
}

#main{
	width:1024px;
	position: relative;
	text-align: left;
	margin: auto;
	height: auto;
}
#main_container{
	width:1024px;
	position: relative;
	padding: 0px;
	height: auto;
	float: none;
	}
/***************** end main************/

/*************top******************/

#main_content {
	width:950px;
	height: auto;
	position: relative;
	clear: both;
	
}
#top_left{
	width:470px;
	float:right;
	height: 148px;
	background: url(../images/top_left_3.png) no-repeat right top;
	position: relative;
	}

#top_left .logo{
	width:254px;
	float:left;
	height: 69px;
	position: relative;
	top: 40px;
	left: 0px;
	}


#top_right {
	width:480px;
	float:right;
	height: 106px;
	margin-left: 5px;
	position: relative;
}


/***********login*******/

#login_form{
	width:455px;
	float:right;
	height: 55px;
	background: url(../images/back_login_3.png) no-repeat center center;
	position: relative;
	font-weight:bold;
	font-size:12px;
	top: 30px;
}

#login_form p{
	float:right;
	position: relative;
	color: #FFFFFF;
	margin-top: 15px;
}

#login_form span{
	color:#ED325D;

}

#log{
	width:100px;
	float:left;
	height: 20px;
	position: relative;
	clear: both;
	top: 13px;
	left: 150px;
	
}

#log_2{
	width:100px;
	float:left;
	height: 20px;
	position: relative;
	top: 13px;
	clear: none;
	left: 180px;
	
}

#log_3{
	width:auto;
	float:left;
	height: auto;
	position: relative;
	top: 7px;
	clear: both;
	font-size: 11px;
	color: #000000;
	left: 170px;
	font-weight:normal;
	
}

#log_3 a{
	color:#000000;
	font-size: 10px;
	text-decoration:none;
	font-weight:normal;
	}

#log_3 a:hover{
	text-decoration:underline;
	font-weight:normal;

	
}

#log_4{
	width:100px;
	float:left;
	height: 20px;
	position: relative;
	clear: both;
	top: 13px;
	left: 150px;
	
}

#button{
	width:40px;
	float:left;
	height: 27px;
	position: relative;
	top: 9px;
	clear: none;
	background:url(../images/go_2.png) no-repeat;
	left: 200px!important;
	left: 190px;
	
}
#button a{
	display:block;
	width:40px;
	height: 27px;
}
#button span{
		display:none;
	
}

#log input{
	font-size:9px;
	color:#000000;
	text-align: left;
	
}

#log_2 input{
	font-size:10px;
	font-weight: bold;
	color:#000000;
	text-align: left;
}

#log_4 input{
	font-size:9px;
	color:#000000;
	text-align: left;
	
}


/*********************end top******************/
/****************middle***********/
#middle{
	width:1020px;
	float:left;
	position: relative;
}
#middle .middle_left{
	float:left;
	height: auto;
	position: relative;
	clear: none;
	width:465px;
	margin-left: 25px!important;
	margin-left: 13px;
}

/******************end middle*************/

/**************middle left*****************/
#main_left{
	width:465px;
	float:left;
	height: 420px;
	background: url(../images/main_right_3.png) no-repeat left top;
	position: relative;
	padding-top: 20px;
	
}

#right {
	width:129px;
	float:left;
	background: url(../images/back_right.png) no-repeat;
	height: 970px;
}

#left {
	width:129px;
	float:left;
	background: url(../images/back_right.png) no-repeat;
	height: 970px;
}

#middle .bottom{
	width:1020px;
	float:left;
	position: relative;
}

#middle .bottom_1{
	width:930px;
	float:left;
	position: relative;
	margin-top: 10px;
	background: url(../images/plus_lovelee.png) no-repeat;
	height: 125px;
	margin-left: 50px!important;
	margin-left: 25px;
}




#middle .bottom_2{
	width:467px;
	float:left;
	position: relative;
	background: url(../images/bottom_back_3.png) no-repeat;
	height: 142px;
	margin-left: 25px!important;
 	margin-left: 13px;
	margin-top: -10px;
}


/**************** formulaire d'inscription******************************/


#fields, #trZip{
	float:left;
	width:464px;
	position: relative;
	clear: none;
	top:60px;
	height:24px;
	
	
}

#fields_i {
	padding-left: 80px;
	padding-right: 5px;
	width:auto;
	top:60px;
	position: relative;
	clear: both;
	height: auto;
	padding-top: 2px;
}

#fields_ii {
	padding-left: 60px;
	padding-right: 50px;
	width:auto;
	top:60px;
	position: relative;
	clear: both;
	height: auto;
	padding-top: 2px;
}

#fields2{
	float:left;
	width:370px;
	position: relative;
	clear: none;
	top:60px;
	height:24px;
	margin-bottom: 5px;
	border-bottom: solid 1px #5b6567;
	margin-left: 60px!important;
	margin-left: 30px;
	padding-bottom: 5px;
}

#fields_i span {
	color:#ED325D;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#fields_i p{
	color:#ED325D;
	font-family: Verdana;
	font-size: 9px;
	letter-spacing: normal;
	line-height: 90%;
}

#fields_ii p{
	color:#383c3c;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	margin: -17px 0 0 20px;
}


#fields_ii a{
	color:#383c3c;
	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	text-decoration:underline;
	font-weight:bold;
}



#fields_ii .text2{
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	margin-top: 5px;
}

#inscrip_radio{
	float:left;
	width:auto;
	position: relative;
	clear: none;
	top:47px;
	left: 120px;
	text-align: center;
}


#radio_btn{
	float:left;
	width:auto;
	position: relative;
	
}


#inscrip_btn{
	float:left;
	width:131px;
	position: absolute;
	height:49px;
	clear: none;
	top:378px;
	left: 175px;
	background:url(../images/valider_3.png) top left no-repeat;
}

	 
#inscrip_btn a {
	display:block;
	height:49px;
	width:131px;
	 
}

#inscrip_btn span {
     display:none;
     
}

.left{
	float:left;
	width: inherit;
	position: relative;
	clear: none;
	font-family: Verdana;
	font-size: 11px;
	color: #383c3c;
	padding-top: 4px;
	padding-left: 60px;
	width:140px;
}

.left2{
	float:left;
	width: inherit;
	position: relative;
	clear: none;
	font-family: Verdana;
	font-size: 11px;
	color: #383c3c;
	padding-top: 4px;
	width:140px;
}

.left_i{
	float:left;
	width: 60px;
	position: relative;
	clear: none;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 6%;
}


/*
.middle{
	float:left;
	width: 20px;
	position: relative;
	clear: none;
	text-align:center	
}
*/


.middle{
	float:left;
	height: 25px;
	width: 22px;
	position: relative;
	clear: none;
	text-align:center;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/indicator_1.png');
	background: url(../images/indicator_1.png) no-repeat center;
	_background-image: none;
}


.right{
	float:left;
	width: auto;
	position: relative;
	clear: none;
	padding-top: 4px;
	padding-left: 5px;
}

.right_i{
	float:left;
	position: relative;
	clear: none;
	padding-left: 5px;
	padding-top: 2px;
	
}

.right_i_i{
	float:left;
	position: relative;
	clear: right;
	padding-left: 0px;
	padding-top: 2px;
	width: auto;
	
}

.right_ii{
	float:left;
	position: relative;
	clear: none;
	padding-left: 4px;
	color: #383c3c;
	font-family: Verdana;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 4px;
}

.right_iii{
	float:left;
	position: relative;
	clear: none;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 8px;
	
}
.right_iii_i{
	float:left;
	position: relative;
	clear: none;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 8px;
	padding-left: 5px;
	
}

.right_iv{
	float:left;
	position: relative;
	clear: none;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	padding-left: 2px;
    padding-top: 5px;
	padding-right: 2px;
    	
}


.right_v{
	float:left;
	position: relative;
	clear: none;
	color: #383c3c;
	font-family: Verdana;
	font-size: 11px;
	padding-left: 3px;
	padding-top: 1px;
	padding-right: 3px;
	
}

.right input {
	height:12px;
	vertical-align: top;
	font-size: 10px;
}

.right_i input , .right_i_i input {
	height:12px;
	vertical-align: top;
	font-size: 10px;
}

.right_iii input ,.right_iii_i input  {
	height:12px;
	vertical-align: top;
	font-size: 10px;
}

.right select , .right_i select , .right_iii select , .right_i_i select, .right_iii_i select{
	vertical-align: top;
	font-size: 11px;
}

#date{
	float:left;
	position: relative;
	clear: none;
	padding-top: 4px;
	padding-left: 0px;
}

/************************Fin formulaire******************************/


/***********end middle left**********************/

/**********middle  right**************/
#middle .middle_right{
	width:485px;
	float:left;
	height: 608px;
	background: url(../images/brune.jpg) no-repeat 0 100px;
	margin-left: 0!important;
	margin-left:-3px;
	position: relative;
	clear: none;
}
#middle .plus{
	width:457px;
	float:right;
	height: 180px;
	margin-left: 5px;
	position: relative;
	background: url(../images/plus_3.png) no-repeat!important;
	background: url(../images/plus_3.gif) no-repeat;	
	top: 320px;
}

/****************end middle right************/

/************bottom**************/

#plus{
	padding-left: 20px;
	padding-right: 5px;
	width:auto;
	float: left;
	color: #383c3c;
	padding-top: 15px;
	font-size: 10px;
	font-weight: bold;
	
}

#plus a{
	color: #FFFFFF;
	text-decoration:none;
	
}
#plus a:hover{
	color: #FFFFFF;
	text-decoration:underline;
	
}

/*******footer******/
#footer{
	width:500px;
	float:left;
	position: relative;
	clear: both;
}
#base_links{
	float:none;
	display:block;
	width:620px;
	height:18px;
	padding:0;
	margin: 5px 0 0 0;
	list-style-type: none;
	position: relative;
	margin-left: 210px;
	}

#base_links li {
	float: left;
	display:block;
	padding:0;
	text-align: center;
	height: 17px;
	width: auto;
	}

a.menu {
	text-align:center;
	padding:0;
	
	}
#base_links a {
	text-decoration : none;
	height:22px;
	padding:0;
	color: #333333;
	font-size: 11px;
	}
	
#base_links a:hover{
	text-decoration : none;
	height:17px;
	padding:0;
	color: #333333;
	font-size: 11px;
	text-decoration: underline overline;
	}


li {
	font-size: 11px;
	padding-bottom:10px;
	
	}
	
	
#base_links .i{
	width:auto;
	height:17px;
	color: #CCCCCC;
	font-size: 10px;
	}
#base_links .ii{
	width:15px;
	height:22px;
	color: #333333;
	text-align: center;
	}
#base_links .iii{
	width:auto;
	height:17px;
	text-align: center;
	}
#base_links .iv{
	width:15px;
	height:22px;
	color: #333333;
	text-align: center;
	}


#testimo{
	padding-left: 30px;
	padding-right: 5px;
	width:auto;
	clear: both;
	top: 25px;
	position: relative;
	color:#FFFFFF;
	padding-bottom: 7px;
	font-size: 12px;
	
}

#testimo span{

	color:#FFFFFF;
	
}
#testimo span {
	color:#ED325D;
	
}


/*********end bottom**********/
#users{
	width:430px;
	float:left;
	position: relative;
	margin-left: 20px!important;
	margin-left: 10px;
	clear: both;
}

#users span{
	color:#383c3c;
	font-size: 10px;
	text-decoration:none;
	font-family:Verdana;
}


#users a{
	color:#383c3c;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	font-weight: normal;
	font-family:Verdana;
}
#users a:hover {
	text-decoration: underline;
	font-weight: normal;
}

#users img{
	color:#383c3c;
	text-align:center;
	vertical-align: middle;
	border: 0;
}

#users .cell_1 , .cell_2 , .cell_3 , .cell_4 , .cell_5 , .cell_6{
	margin-top:10px;
	width:85px;
	float:left;
	text-align:center;
}
/*************plus********/

#plus_i{
	width:auto;
	float:left;
	height: auto;
	position: relative;
	top: 45px;
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	left: 45px;
	font-weight: bold;
}

#plus_i span , #plus_ii span ,#plus_iii span ,#plus_iv span{
	display:none;
}

#plus_i a{
	width:400px;
	height: 18px;
	display:block;
}

#plus_ii{
	width:auto;
	float:left;
	height: auto;
	position: relative;
	top: 50px;
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	left: 45px;
	font-weight: bold;
}

#plus_ii a{
	width:400px;
	height: 30px;
	display:block;
	}
	
#plus_iii{
	width:auto;
	float:left;
	height: auto;
	position: relative;
	top: 60px;
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	left: 45px;
	font-weight: bold;
}


#plus_iii a{
	width:320px;
	height: 35px;
	display:block;
}

#plus_iv{
	width:auto;
	float:left;
	height: auto;
	position: relative;
	top: 67px;
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	left: 45px;
	font-weight: bold;
}

#plus_iv a{
	width:395px;
	float:left;
	height: 20px;
	clear: none;
	display:block;
	
}