/* Espace client */

/******************************************************************************************* 
  Elements communs */

.Bouton_Grand{
    width:125px;
    height:65px;
    color:#FFF;
    background-color:#ec2a8c;
    font-size:14px;
    cursor:pointer;
    margin-top:25px;
    border:none;
    text-align:center;
	margin:0px auto 0px auto;
}
.Bouton_Grand:hover{
    background-color:#d01372;
}
.PropertyEditor input[type='text']
,.PropertyEditor input[type='password']
,.PropertyEditor textarea 
,.PropertyEditor select {
    width:630px;
	height:32px; 
	background-color:#d9d9d9;
	border:none;
}
.PropertyEditor textarea {
    border:1px solid #d9d9d9;
}
.RequiredTextCss{
	color:#ec2a8c;
	padding:5px;
}
.PropertyEditor .EditColumn{
	padding-left:10px;
	height:55px;
	vertical-align:middle;
	text-align:left;
}
.PropertyEditor .EditColumn label{
	margin-right:8px;
	margin-left:3px;
}
.PropertyEditor .LabelColumn{
	font-weight:bold;
	vertical-align:middle;
	color:#444444;
	width:170px;
	text-align:right;
}
.result-error{
	color:#C00;
	background-color: #f2dede;
	margin-bottom:10px;
	padding:10px;
	border:solid 1px #dca7a7;
}

/******************************************************************************************* 
  Pages utilisateur déconnecté */
 
.titre_commander{
	width:450px;
	margin:20px auto 40px auto;
}  
.titre_commander span{
	font-size:20px; 
	color:#ec2a8c;
	font-weight:bold;
}
.connexion{
	margin-left:200px;
	width:200px; 
}
.connexion a{
	text-decoration:none;
} 
.connexion a:hover{
	text-decoration:underline;
} 
.bt_connexion, .bt_creer{
	width:125px; 
	height:64px; 
	background-color:#d9d9d9;
	position:relative;
	margin:0px auto;
}
.bt_connexion span{
	background:url('images/layout/1000_menu_login.png') no-repeat;
}
.bt_creer span{	
	background:url('images/layout/1000_menu_compte.png') no-repeat;
}
.bt_connexion span, .bt_creer span{
	width:125px; 
	height:64px;
	position:absolute;
}
.connexion .lien_classe{
	margin-top:10px; 
	text-align:center;
}
.connexion .lien_classe a{
	color:#4D4D4D !important;
	font-weight:bold;
}

/******************************************************************************************* 
  Pages connexion */

.oublimotdepasse{
	background:url('images/espace_client/oublimotdepasse.png') no-repeat;
	padding:13px 45px 13px 45px;	
	float:left;
	margin-top:25px;
}
.creercompte{
	background:url('images/espace_client/creercompte.png') no-repeat;
	padding:13px 50px 13px 50px;
	float:left;
	margin-top:25px;	
}
.oublimotdepasse a
, .creercompte a{
    text-decoration:none;
}
.oublimotdepasse a:hover
, .creercompte a:hover{
    text-decoration:underline;
}

/******************************************************************************************* 
  Pages oublimotdepasse */
  
.description-user{
	text-align:center;
	margin-bottom:25px;
    color:#4d4d4d;
}
.description-user .desc1{
	font-size:17px;
}
.description-user .desc2{
	font-size:20px;
}

/******************************************************************************************* 
  Pages creer compte */

.bloc-etapes table{
 	margin:25px auto 0px auto;
}
.bloc-etapes .Bouton_Grand{
	background-color:#9bc61e;
    font-size:14px;
    color:#000;
	font-weight:bold;
}
.bloc-etapes .Bouton_Grand_Dis{
	background-color:#d9d9d9;
	width:125px;
	height:65px;
	text-align:center;
	color:#444444;
}
.bloc-etapes td img{
	margin-top:25px;
}
#ctl00_content_panEditor_Table{
	margin-bottom:-30px;
}
.radio_adresses{
    width:100%;
    text-align:center;
    color:#444444;
    font-weight:bold;
}
.radio_adresses table {
    margin:0px auto 0px auto;
}
#descr_compte{
	text-align:center;
    color:#444444;
}
#descr_compte .result-ok{
    color:#ec2a8c;
    font-weight:bold;
    text-align:center;
}
#descr_compte .Titre_Page_Div{
    color:#ec2a8c;
    font-weight:bold;
}
.btn_retour a{
    color:#444444;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
}
.btn_retour:hover {
   text-decoration:underline;
}

/******************************************************************************************* 
  Pages gérer compte */

#informations{
    margin-left:20px;
    margin-right:20px; 
} 
#informations .titre4{
	background-color:#ec2a8c;
	color:#FFF;
	font-size:1.2em;
	width:100%;
	float:left;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#info_client{
    background-color:#d9d9d9;
    color:#000;
    padding:20px;	
    height:auto;
    margin-left:50px;
    float:right;
} 
.recap_commandes{
	height:inherit;
	width:60%;	
    float:left;
    margin-bottom:20px;
} 
.gerer_user {
    margin-top:25px;
    float:left;
    width:60%;
}
.gerer_user div {
	float:left;	
	padding:18px 40px 25px 65px;
}
.gerer_user a {
	color:#ec2a8c;
	text-decoration:none; 
	font-weight:bold;
}
.gerer_user a:hover {
	text-decoration:underline;
}
.gerer_adresse{
	background:url('images/espace_client/ic_gerer.png') no-repeat;
    background-position:12px 0px;
}
.gerer_compte{
	background:url('images/espace_client/ic_compte2.png') no-repeat;   
}
.gerer_mdp{
	background:url('images/espace_client/ic_mdp.png') no-repeat;
    background-position:22px 0px;
}

/******************************************************************************************* 
  Composant liste des commandes */
  
.commande-liste{
	border:1px solid #C70A66;
	padding:60px 20px 40px 20px;
}
.commande-liste div{
	margin:1px 3px;	
}
.commande-liste div a b{
	color:#000;
}
.commande-liste div a{	
	color:#ec2a8c;
    text-decoration:none;	
    font-size:1.1em;
}
.commande-liste div a:hover{
    text-decoration:underline;
}
.commande-liste div:last-child{
    margin-top:25px;
    background:url('images/espace_client/702_retour.png') no-repeat;
    padding:5px 0px 5px 40px;	
}

/******************************************************************************************* 
  Pages gérer adresse */

#adresse_principale, .adresse_secondaire{
	color:#000;
	width:48%;
}
#adresse_principale p, .adresse_secondaire p{
	padding: 10px 10px 0px 20px;
}
.adresse_secondaire{
	margin-left:25px;
}
#adresse_principale .p_adresse a,.adresse_secondaire .p_adresse a{
	color:#ec2a8c;
	text-decoration:none; 
	font-weight:bold;
}
#adresse_principale .p_adresse a:hover, .adresse_secondaire .p_adresse a:hover{
	text-decoration:underline;
}
.liste-puce-m a{
	color:#ec2a8c;
	text-decoration:none; 
	font-weight:bold;
}
.liste-puce-m a:hover{
	text-decoration:underline;
}
.titre_pink{
	background-color: #ec2a8c;
    color: #fff;
    font-size: 1.2em;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width:100%;
	padding-right:1px;
}
.link_img div:first-child{
	background:url('images/espace_client/ic_gerer.png') no-repeat;
	padding:12px 60px 12px 60px;
	float:left;
	margin-top:25px;	
}
.link_img_CR div:first-child{
	background:url('images/espace_client/ic_compte2.png') no-repeat;
	padding:12px 70px 12px 70px;
	float:left;
	margin-top:25px;	
}
.link_img_CR div:last-child, .link_img_CD2 div:last-child{
	background:url('images/espace_client/retour_espace_client.png') no-repeat;
	padding:12px 44px 12px 44px;
	float:left;
	margin-top:25px;	
}
.link_img_CD2 div:first-child{
	background:url('images/espace_client/retour_commande.png') no-repeat;
	padding:12px 44px 12px 44px;
	float:left;
	margin-top:25px;	
}
.retour div:first-child,
.link_img div:last-child,
.link_img_bis:last-child,
.retour_espace_client div:last-child,
.retour_espace_client div:first-child,
.changer .retour_espace_client{
	background:url('images/espace_client/retour_espace_client.png') no-repeat;
	padding:12px 44px 12px 44px;
	float:left;
	margin-top:25px;	
}
.link_img_CD{
	width:400px;
	margin-top:10px;
}


/******************************************************************************************* 
  Pages validation étapes */
  
.validation{
	color:#444444; 
	margin:0px auto 25px auto;
} 
.validation div span{
	text-align:center;
}
.lien_ajout_adresse{
	color:#ec2a8c;
}
.btn_retour .Bouton_Grand{
	background-color:transparent;
	color: #444444;
	font-weight:bold;
	float:left;
	font-size:16px;	
}
.btn_retour .Bouton_Grand:hover{
	text-decoration:underline;
}


/******************************************************************************************* 
  Créer commande */


.livre{
	font-size:20px;
	color:#ec2a8c;
	font-weight:bold;
}
.text_validation, .text_intro_valid{
	margin-left:100px;
	margin-bottom:25px;
}
.text_validation a{
	color:#ec2a8c;
	font-weight:bold;
}
.btn_creation{
	margin:0px auto 0px auto;
}


/******************************************************************************************* 
  Détail commande */

.flex:before, .flexB:before {
    width:48%;
	border: 1px solid #c70a66;
}
.flex, .flexB {
    width:48%;
	float:left;
}

.flex:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #FFF;
}

.flexB:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-color: #FFF;
}
.info_panel{
    color: #000;
	margin-left:10px;
}
.info_panel p{
	padding:20px;
}
.detail_info_commande{
	padding:20px;
	margin-bottom:5px;
	background-color:#d9d9d9;
	color:#000;
	text-align:center;
}
#information_commande_detail{
	float:left;
	margin-left:8px;
	width:28%;
}
#panel_adresses{
	float:left;
	width:70%;
	margin-bottom:25px;
	position:relative;
}
#englobe{
	float:left;
	width:100%;
	position:relative;
}
#information_commande_detail .Bouton_imprimer{
	background-color: #ec2a8c;
    cursor: pointer;
    height: 32px;
    width: 100%;
	margin-bottom:25px;
}
#information_commande_detail .Bouton_imprimer:hover{
    background-color:#d01372;
}
#information_commande_detail .Bouton_imprimer a{
    color: #fff;
    font-size: 1.1em;
    text-decoration:none;
}
.nom_commande{
	color:#000;
	padding:10px;	
}
.article-list {
    margin-left: 10px;
    width: 98%;
}
.article-list tr{
    border:none !important;
	margin-bottom:0px;
	margin-top:0px;
}

/******************************************************************************************* 
  Commande en cours */
  
.Two_Colonnes_Table {
    margin-top:20px;
    vertical-align: top;
    width: 50%;
}
.Two_Colonnes_Right_TD .titre4{
	background-color: #ec2a8c;
    color: #fff;
    float: left;
    font-size: 1.2em;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
  
/******************************************************************************************* 
  Gérer utilisateurs */

h2 span, .titre_user{
	color: #ec2a8c;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
	margin-top:20px;
}	
.user_recap .titre4{
	background-color: #ec2a8c;
    color: #fff;
    float: left;
    font-size: 1.2em;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}	
.user_resume{
	background-color: #d9d9d9;
    color: #000;
	min-height:195px;
	padding: 20px;
	width:42%;
}
.user_recap {
	margin-bottom:25px;
}			
hr{
    color: #fff;
}	




/******************************************************************************************* 
  Styles ancienne version */

/* Tables */

.Two_Colonnes_Right_TD{
	text-align:right;
	vertical-align:top;
	width:50%;
}
.Two_Colonnes_Right_TD .commande-liste{
	text-align:left;
}
.commande-table{
	margin-top:10px;	
}
.commande-table table{
	width:100%; color:#000;
	}
.align-c div,.align-c table,.align-c input{
	margin:0px auto;
}

/* Liste des commandes */

.commande-liste-table TH{
	vertical-align:	middle;
	text-align:left;
	font-weight:	bold;
	border:solid 1px #999999;
	background-color:#b2b2b2;
	color:#000;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
}
.commande-liste-table TD{
	height:16px;
	border:1px solid #999999;
	font-size:0.9em;
}
.commande-liste-table .commande-liste-row-alt{
	background-color:#b2b2b2 !important;
}
.commande-liste-table tr{
	background-color:#d9d9d9;
}

.commande-liste-table .TextColumn{
	padding-left:10px;
	padding-right:10px;
}
.commande-liste-table .TextColumn a{
	color:#000;
	font-weight:bold;
}

.commande-liste-table .ButtonColumn {
	vertical-align:middle;
	text-align:center;
}
.commande-liste-table .ButtonColumn span,.ButtonColumn a{
	margin-left:5px;
	margin-right:5px;
}
.commande-liste-table .NumericColumn {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}