/*******************************************/
/*************  Orchidee CSS ************/
/*******************************************/


/* body **************/
body{background:#d4e6ef url(../images/bck_site.jpg) top repeat-x;}

/* global ************/
*{margin:0 auto; padding:0; font:Verdana, Arial, Helvetica, sans-serif;}
h1{background:url(../images/title_orchidee.gif) no-repeat; width:204px; height:103px;text-indent:-9999px; color:#FCFCFC; cursor:pointer; outline:none;}
h2{color:#FCFCFC;text-indent: -10000px;}
h3{}
h4{}
p{color:#2c2c2c; font-size:14px; font:Verdana, Arial, Helvetica, sans-serif;}
ul{list-style:none;}
li{}
img{border:0;}
fieldset{border:0; margin:0; padding:0;}
input{color:#840e69; font-weight:bold; font-size:12px; border:#840e69 solid 1px; background:url(../images/bck_input.gif) bottom repeat-x;height:17px;}

/* page *************/
#site{width:833px; border-left:#971178 solid 1px; border-right:#971178 solid 1px; border-bottom:#971178 solid 1px; background-color:#FFFFFF;}
.hide_sep{clear:both; height:1px; font-size:0.1em;}
#content{position:relative; top:40px;}

/* header ***********/
#top{} 
#titre{position:relative; left:0px; top:50px;}
#sous_titre{display:none;}
#banniere{height:195px; background:url(../images/top.jpg) top left no-repeat #FFFFFF;}

	

/*langues*/
#langue{float:right; width:7%; margin-top:2px;}
#langue li{margin-left:5px;}


/* Fil d'ariane ******/


#breadcrumbs, #breadcrumbs a {
	font-family: Verdana; 
	font-size: 9px; 
	text-transform: lowercase; 
	color: #000000; 
	margin: 0px 0px 15px 2px;
	text-decoration: none;
}

#breadcrumbs:first-letter {
	text-transform: capitalize;
}

/* messages erreur et confirmation */
ul.messages li.error-msg {
	background-color: #f7d6d1;
	border: 1px solid #e27070;
	color: #eb1235;
	/* 
	margin: 15px 0 15px 0;
	padding: 8px; 
	*/
	width: 790px;
	margin: auto;
	margin-bottom: 15px;
	height: 30px;
	line-height: 30px;
	text-align: left;
}

#dashboard_infos ul.messages li.error-msg {
	width: auto;
}

ul.messages li.error-msg ul li {
	background: url(../images/msg_error.jpg) no-repeat scroll 2px 8px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	width: 790px;
}

ul.messages li.success-msg {
	background: url(../images/msg_confirm_fond.jpg) repeat-x bottom;
	border: 1px solid #a3e270;
	color: #1c9e27;
	/* 
	margin: 15px 0 15px 0;
	padding: 8px; 
	*/
	width: 790px;
	height: 30px;
	line-height: 30px;
	margin: auto;
	margin-bottom: 15px;
	text-align: left;
}

#dashboard_infos ul.messages li.success-msg {
	width: auto;
}


ul.messages li.success-msg ul li {
	background: transparent url(../images/msg_confirm.jpg) no-repeat scroll 2px 8px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	width: 790px;
}

/* Login *****************************************************/

/* Marge gauche du contenant des formulaires*/
#identifiant-form, #form-validate {
	margin-left: 28px;
}

/* Bloc gauche et droite*/
#identifiant-form .new-users, #identifiant-form .registered-users, #form-validate .forgot {
	height:248px;
	margin: 25px 10px 25px 10px;
	background-color: #E1E1E1;
	float: left;
	width: 348px;
}

#form-validate .group-select{
	height:130px;
	margin: 25px 10px 25px 10px;
	background-color: #E1E1E1;
	float: left;
	width: 719px;
}

#form-validate .password{
	height:100px;
	margin: 25px 10px 25px 10px;
	background-color: #E1E1E1;
	float: left;
	width: 719px;
}

/* Titre h4 sur fond violet*/
#identifiant-form .content h4, #form-validate .group-select h4, #form-validate .forgot h4{
	background:url(../images/checkout-step-login.jpg) top left no-repeat;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	height:34px;
	line-height:30px;
	padding-left:5px;
	vertical-align:middle;
	border-bottom:none;
	border: none;
}

#mdpOublie{
	text-align:left;
}

#form-validate .group-select h4{
	background:url(../images/checkout-step-login-long.png) top left no-repeat;
}

/* p présent dans chaque formulaires*/
#identifiant-form p,#form-validate p, #form-validate .forgot p{
	padding:8px;
	color:#494949;
	font-family:Verdana;
	font-size:12px !important;
	text-align:justify;
}

/* Boutons des formulaires*/
#identifiant-form .form-button, #form-validate .group-select .form-button, #form-validate .forgot .form-button{
	margin:0 auto;
	padding:0;
	background:transparent url(../images/checkout_login_button.jpg) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	font-weight:bold;
	height:26px;
	width:196px;
}

/* centrage des boutons et des textfields + margin-top*/
#identifiant-form .button-set, #form-validate .forgot{
	text-align:center; 
}

#form-validate .group-select .name-firstname, #form-validate .group-select .name-lastname,  #form-validate .group-select li .input-box{
	float:left;
	margin-left:30px;
}

#identifiant-form .form-list{
	text-align:center;
}

#form-validate .group-select #newsletter-checkbox{
	clear:both;
}

#identifiant-form .new-users .form-button{
	margin-top:80px;
}

#form-validate .group-select .form-button{
	margin:50px 0 0 523px;
}

#identifiant-form .registered-users .form-button{
	margin-top:17px;
}

#form-validate .forgot .form-button{
	margin-top:30px;
}

/* Margin-top bloc (label+textfiel)*/
#identifiant-form .form-list li{
	margin-top:20px;
}

#form-validate .input-box, #form-validate #newsletter-checkbox{
	margin:0 0 20px 30px;
	padding:0;
}


#form-validate .forgot .input-box{
	margin:35px auto 15px auto;
}

/*Label*/
#identifiant-form li label, #form-validate .group-select label, #form-validate .forgot label{
	font-weight:bold;
}

/* Lien de retour */
#identifiant-form .button-set a.left, #form-validate .group-select a.left, #form-validate .forgot a.left{
	color:#B72E98;
	font-size:11px;
	position:absolute;
	/** TEST positionnement pour l'anglais **/
	/* right:427px; */
}

#identifiant-form .button-set a.left{
	margin:55px 0 0 150px;
}

#form-validate .group-select a.left{
	margin:55px 0 0 -388px;
}

#form-validate .forgot a.left{
	margin:76px 0 0 -65px;
}

/* Champs obligatoire */
#identifiant-form   p.required, #form-validate .group-select p.required, #form-validate .forgot p.required{
	color:#676767;
	padding:0;
	font-size:10px !important;
	position:absolute;
	text-align:left;
}

#identifiant-form   p.required{
	margin:13px 0 0 0;
}

#form-validate .group-select p.required{
	margin:60px 0 0 595px;
}

#form-validate .forgot p.required{
	margin:23px 0 0 0;
}

/* Checkbox newsletter */
#form-validate #newsletter-checkbox{
	margin-top:20px;
}