/* CSS Document */

/* GENERAL ELEMS */
h1{
	font-family:Desyrel,'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	padding-top:7px;
	font-size:30px;
	color:#777068;
}

h3{
	color:#C56BA9;
	
}



a#demo, a#demo:link, a#demo:visited, a#demo:active, a#demo:hover{
	display:block;
	float:left;
	width:190px;
	height:46px;
	padding-left:72px;
	padding-top:18px;	
	outline:none;
	border:none;
	background:url(../../images/bouton_demo.jpg) no-repeat center center ;
	color:#FFF;
	font-size:20px;
	text-shadow: 0px 0px 3px #2D2D2D; 	
} 


a#sabonner, a#sabonner:link, a#sabonner:visited, a#sabonner:active, a#sabonner:hover{
	display:block;
	float:left;
	width:190px;
	height:46px;
	padding-left:72px;
	padding-top:15px;	
	outline:none;
	border:none;
	background:url(../../images/bouton_sabonner.jpg) no-repeat center center ;
	color:#FFF;
	font-size:20px;
	text-shadow: 0px 0px 3px #2D2D2D; 	
} 




/* BOUTTONS */

.boutton_big, #formu_register .boutton_big{
	background: url("../../images/bouton_big.jpg") no-repeat scroll center center transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    height: 81px;
    outline: medium none;
    padding-left: 0px;
    padding-top: 0px;
    text-shadow: 0 0 3px #2D2D2D;
    width: 262px;
	cursor:pointer;
}

a.boutton_big{
	font-size:20px;
	color: #FFFFFF;
	line-height:81px;
	display:inline-block;
}


.boutton{
	background: url("../../images/design/bttn_login.png") no-repeat scroll center center transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 32px;
    text-align: center;
    text-decoration: none;
    width: 107px;
}




/* MENU */
ul#menuSite{
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0;
	padding-left:7px;
	margin-top:10px;
	width:100%;	
}

ul#menuSite li{
	display:block;
	float:left;	
	width:100%;
	padding:6px 0 6px 0;
	background:url(../../images/sepMenu.jpg) no-repeat left bottom;
}

ul#menuSite li a, ul#menuSite li a:link, ul#menuSite li a:visited, ul#menuSite li a:active{
	display:block;
	float:left;
	color:#777068;
	font-size:16px;	
	height:69px;
	line-height:69px;
	width:260px;
	
}

ul#menuSite li a:hover{
	
}

ul#menuSite li a img{
	float:left;
	border:0;
	outline:0;
	t"ext-decoration:none;	
}


a#lien_head{
	/*border:#F00 solid 1px; */
	display:block;
	margin-left:40px;
	width:900px;
	height:340px;
	position:absolute;
}

/* BLOCK DEMO IPAD */
#demo_ipad{
	display:block;
	float:left;
	margin-top:5px;
	width:316px;
	height:350px;
	background:url(../../images/ipad_demo.jpg) no-repeat center center #FFF;
	padding-top:60px;
	padding-left:3px;
}

/* BLOCK TEXT */
div.div_text{
	display:block;
	float:left;
	margin-top:19px;	
}

/* BOUTON CONNECTION */
a#connection, a#connection:link, a#connection:visited, a#connection:active, a#connection:hover{
	display:block;
	position:absolute;
	right:1px;
	width:109px;
	height:26px;
	padding-top:17px;
	padding-left:20px;
	font-size:14px;
	color:#FFF;
	margin-top:-20px;
	background:url(../../images/espace_client.png) no-repeat center center;
	text-shadow: 0px 0px 2px #2D2D2D; 	
}

/* FORMULAIRE DE CONTACT */


#dialogContact h3{	
	margin:5px 0;
	padding:0;	
}

a#open_contact,a#open_contact:link, a#open_contact:visited, a#open_contact:active, a#open_contact:hover{
	display:block;
	float:left;
	position:relative;
	width:153px;
	height:36px;
	padding:17px 0 0 17px;
	margin-left:65px;
	background:url("../../images/btn_contact.png") no-repeat center center transparent;
	color:#fff;
	font-size:14px;
	text-shadow: 0px 0px 2px #2D2D2D; 
}

#loadContact{
	display:block;
	text-align:center;	
	color:#FFF;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	margin-top:35px;
	text-shadow: 0px 0px 2px #2D2D2D; 	
}


#formu input, #formu textarea, #formu_register input, #formu_register textarea,{
	background: url("../../images/fond_input.jpg") repeat scroll left top #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 16px;
    margin-bottom: 2px;
    outline: medium none;
}

#formu_register input, #formu_register textarea{
	width:300px;
	font-size:15px;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}



/* SUBMIT FORMS */
.submit,#formu .submit{
	border:none;
	outline:none;
	background:url(../../images/design/bttn_save.png) no-repeat left center;
	color:#FFF;	
	height:34px;
	line-height:34px;
	padding-left:20px;
	width:86px;
	float:right;
	cursor:pointer;
	
}


/* ACHAT EN LIGNE */
a#open_princing, a#open_princing:link, a#open_princing:visited, a#open_princing:active, a#open_princing:hover{
	display:block;
	float:right;
	position:relative;
	width:103px;
	height:36px;
	padding:10px 0 0 47px;
	background:url("../../images/btn_purchase.png") no-repeat center center transparent;
	margin-top:-50px;
	color:#fff;
	font-size:18px;
	text-shadow: 0px 0px 2px #2D2D2D; 
}


#tabNavStepCmd{
	margin-top:30px;
	margin-bottom:20px;
}

.stepCmd{
	display:block;
	width:150px;
	height:80px;
	padding-top:15px;
}
.stepDone{
	background:url(../../images/step_cmd_done.jpg);
}
.stepUnDone{
	background:url(../../images/step_cmd_undone.jpg);
}

.titreStep{
	font-size:19px;
	color:#eb003a;
}

.txtStep{
	color:#4C4A44;
	font-size:14px;
}

.pack{
	display:block;
	width:227px;
	padding:100px 5px 30px 5px;
	text-align:left;
	cursor:pointer;
}

#pack_free
{
	background:url(../../images/back_free.jpg) no-repeat #f1da36;
}

#pack_basic
{
	background:url(../../images/back_basic.jpg) no-repeat #a4c855;
}

#pack_pro
{
	background:url(../../images/back_pro.jpg) no-repeat #6191bf;
	color:#000;
}

.mois{
	font-size:20px;
}

.prix{
	color:#060;
	font-size:18px;
}

.prix_reduc{
	color:#EB003A;
	font-size:22px;
}
.percent_reduc{
	color:#EB003A;
	font-size:18px;
}

/* TABLEAU */

.tab{
	border:#CCC solid 1px;
}

.lnMonth{
	font-size:14px;
}

.lnMonthSelected{
	
}


.even{
	background:#f3f3f3;
}

.odd{
	background:#fafafa;
		
}