/*-----------------------------------------------------------------------------
  [CSS - ezuser]
  
  Feuille de style pour l'extension ezuser
  
  1. Générique
      1.1 Images annonymes
  2. Menu gauche
  3. Vue du profil
  4. Contacts épinglés
  5. Préférences
  6. Mes achats
  7. Mes évènements
  8. Sidebar
  9. Mot de passe oublié
  10. Login
       Mes activités récentes
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
  [1. Générique]
*/

#full-preferences h2 {
    font-size:29px;
    line-height:33px;
    margin-left:5px;
}

#user-preferences h3 {
    font-size:16px;
}


#user-bookmarks,
#user-preferences,
#user-contacts,
#user-purchases,
#user-orderhistory,
#user-events {
    padding:15px;
}

    #user-purchases .noresult,
    #user-contacts .noresult,
    #user-events .noresult {
        height: auto;
        padding: 84px 0;
    }

.not-filled {
    line-height:20px;
    font-style:italic;
}

/* Header */
#user-welcome {
    float:right;
    height:73px;
    margin-right:40px;
    padding:8px 30px;
    text-align:center;
}

	#user-welcome p {
	    line-height:20px;
	}

		#user-welcome .edit,
		#user-welcome .logout {
		    font-weight:bold;
		    font-style:italic;
		}

		#user-welcome .edit {
		    font-family:Arial;
		}

		#user-welcome .logout {
		    padding:2px 5px;
		    font-family:Arial,Helvetica,sans-serif;
		}
/*-----------------------------------------------------------------------------
  [1.1 Images annonymes]
*/

.anonymous_image,
.full_user,
.full_user_gray,
.medium_user,
.medium_user_gray,
.tiny_user,
.tiny_user_gray,
.small_user,
.small_user_gray {
    display: block;
}

.full_user,
.full_user_gray {
    height: 153px;
    width: 117px;
}

.medium_user,
.medium_user_gray {
    height: 99px;
    width: 76px;
}

.tiny_user,
.tiny_user_gray {
    height: 18px;
    width: 14px;
}

.small_user,
.small_user_gray {
    height: 62px;
    width: 48px;
}

/*-----------------------------------------------------------------------------
  [2. Menu Gauche]
*/

.addremovecontact {
    margin-top:5px;
    width:140px;
}


/*-----------------------------------------------------------------------------
  [3. Vue du profil]
*/



/*-----------------------------------------------------------------------------
  [4. Contacts épinglés]
*/

#user-contacts {
    float:none;
    margin-top:10px;
    padding:15px 20px;
    width:auto;
}

#full-contacts #form-order-contacts {
	height: 32px;
}

#full-contacts #form-order-contacts label {
    float:left;
    font-size:13px;
    margin:15px 10px 0 0;
}
#full-contacts #form-order-contacts label.rechercher {
    margin-left:10px;
}
#full-contacts #select-order-contacts {
	width: 134px;
}

#full-contacts #form-order-contacts .select-box,
#full-contacts #form-order-contacts input.input_search,
#full-contacts #form-order-contacts button.button_search {
    margin-top:8px;
}

#full-contacts #form-order-contacts input.input_search {
    float: left;
    width:157px;
}

#full-contacts #form-order-contacts button.button_search {
    margin-left:0;
}

#user-contacts #loading {
    clear:both;
    display:block;
    float:left;
    height: 101px;
    margin-top:20px;
    width:100%;
}

    #user-contacts #user-listfriends > li:last-child {
        margin-bottom:0
    }
    
    #user-contacts .user-contact {
        clear:both;
        margin:0 0 15px;
        overflow:hidden;
        padding:15px;
        width:auto;
    }
    
        #user-contacts .user-contact h3 {
			font-size:16px;
            font-weight:normal;
            margin-top: 0;
        }

        .user-contact .informations li {
			font-size:13px;
        }
        
    		.user-contact .informations span {
                float: none;
    			font-size:12px;
    			font-weight:normal;
    		}
		
        .user-contact .medium_user {
            float: left;
            margin-right: 18px;
        }

        .user-contact .arrow {
            margin-top:13px;
        }

        .user-contact .admin-actions {
            float: right;
            margin-right:15px;
            width:50px;
        }

            .user-contact .admin-actions li {
                float: right;
                margin: 5px 5px 0 0;
            }

                .user-contact .admin-actions li a {
                    display:block;
                }

                .user-contact .admin-actions.move.hide {
                    display: none;
                }

.sticky-contacts {
    background-position:4px center;
    clear:both;
    display:block;
    float:left;
    font-size:12px;
    height:28px;
    line-height:21px;
    padding:4px 0 0 30px;
    width:172px;
}

#user-contact .arrow {
    float: left;
}

/*-----------------------------------------------------------------------------
  [5. Préférences]
*/

#user-preferences h2 {
    margin-bottom: 10px;
}

    #user-preferences h2 span {
        margin-right: 8px;
    }

    #user-preferences h3 {
        margin: 10px 0 10px 10px;
    }
    
#edit-preference, #edit-preference fieldset {
    clear: both;
    width: 100%;
}

#edit-preference .arrow {
    margin: 10px 0;
}

#edit-preference .block {
    margin:0;
    padding:2px 0;
    text-indent:10px;
}

#edit-preference label {
	float: left;
    height: 15px;
    line-height: 15px;
}

#edit-preference .radioButton {
    float:left;
    margin:2px 0 0 10px;
}

/*-----------------------------------------------------------------------------
  [6. Mes achats]
*/

#user-purchases table,
#user-order-history table {
    margin-left:-25px;
    margin-top:15px;
	width: 493px;
}

    #user-purchases tr {
        height:25px;
    }

    #user-purchases tr.order {
        cursor:pointer;
    }
    
        #user-purchases th {
            font-family:Arial;
            font-size:12px;
            font-weight:bold;
            text-align:left;
            text-indent:0;
        }

        #user-purchases td {
            vertical-align:middle;
            width:75px;
        }

        #user-purchases tr .number {
            text-align:center;
            width:50px;
        }

        #user-purchases tr .date {
            font-size:12px;
        }

        #user-purchases tr .product, #user-purchases tr .status {
            width:150px;
        }
        
        #user-purchases tr .linkmore, #user-purchases tr .linkmore a {
            font-family:Arial;
            font-size:17px;
            font-weight:bold;
            text-decoration: none;
            width:20px;
        }

#user-orderhistory h2 {
	background: none;
	text-indent:0;
   
}

#user-orderhistory span#order-date {
    float: right;
	font-size: 13px;
    padding:10px 20px;
}

#user-orderhistory #order {
    margin-top:6px;
}

    #order .product {
        padding:5px 1%;
        text-align:left;
    }

    #order .product h2 a {
        text-decoration: none;
    }
    
    #order .product .content {
        width: 69%;
    }

    #order .price {
        width:55px;
    }

/*-----------------------------------------------------------------------------
  [7. Mes évènements]
*/

#user-events {
    float:right;
    min-height:240px;
    padding:15px 20px;
    width:451px;
}

#user-events .events {
    margin-top:29px;
}

	#user-events .events li {
    margin-bottom:11px;
	}
	
	#user-events .events .event {
	    padding:0 17px 9px;
	    width:412px;
	}
	
		#user-events .events .event .date {
		    font-size: 13px;
		    font-weight: bold;
		}
		
		#user-events .events .event h2 {
		    background: none;
		    font-size: 13px;
		    line-height:13px;
		    margin:0;
		}
		
		#user-events .events .event p {
		    margin:0;
		}
		

/*-----------------------------------------------------------------------------
  [8. Sidebar]
*/

/* Sidebar login / mon espace */

#sidebar_login fieldset {
    padding:15px 12px 5px;
}

    #sidebar_login p {
        margin:0;
    }

    #sidebar_login p.title {
        display: none;
    }
    
    #sidebar_login label {
        display:block;
        font-size:11px;
        margin:4px 0 0 0;
        text-indent:2px;
    }

    #sidebar_login input {
        display:block;
        font-size:10px;
        height:12px;
        line-height:12px;
        margin-bottom:6px;
        padding:2px 4px;
        width:95%;
    }
            
            #sidebar_login input.connect {
                font-size:11px;
                height:auto;
                padding-left:0;
            }
            
a.forgot-password {
    display: block;
    font-size:11px;
    font-style:italic;
    margin-left: 5px;
}

input.connect {
    padding: 0;
    margin: 0;
    background: none;
    height: 20px;
    font-size:11px;
    font-weight: bold;
    width: 100px;
    border: none;
    text-align: left;
}

input.connect:hover {
    cursor:pointer;
}

#sidebar_userlinks {
    padding:15px 10px;
}

#sidebar_userlinks ul.links li{
    margin: 5px 0px;
}

#sidebar_userlinks .title {
    font-size: 18px;
    line-height:18px;
}

/* Sidebar lost_people */

#sidebar-lost_people ul {
    margin-bottom: 10px;
}

	#sidebar-lost_people ul li {
	    margin: 3px 0;
	}

/*-----------------------------------------------------------------------------
  [9. Mot de passe oublié]
*/

#forgotpassword {
    padding: 20px;
}

	#forgotpassword fieldset {
	    height: 21px;
        padding:30px;
	}

	#forgotpassword label {
        cursor:pointer;
		font-size:12px;
	    font-weight: bold;
        line-height:25px;
	}

	#forgotpassword label,
	#forgotpassword #email {
	    margin-right: 10px;
	    float: left;
	}
	
	#forgotpassword #email {
        padding:2px 4px;
	    width: 310px;
	}
	
/*----------------------------------------------------------------------------- */

/*-----------------------------------------------------------------------------
  [10. Login]
*/

#full-login h2 span {
    font-size:17px;
    line-height:20px;
}

.loginform {
    padding:27px;
}

    .loginform fieldset {
    	padding: 10px 0 0 0;
    }

	.loginform p {
		clear: both;
        margin:0;
        width:100%;
	}
	
        .loginform label {
            cursor:pointer;
            clear:both;
            float:left;
			font-size:12px;
			font-weight:bold;
			margin-right:3%;
            padding:10px 0 5px;
            text-align:right;
            width:30%;
        }

        .loginform input {
			float:left;
			font-size:13px;
			height:18px;
			line-height:15px;
			margin:4px 0;
            padding:2px 4px;
			width:250px;
		}

		.loginform input.connect {
                clear:both;
				float:right;
				font-size:11px;
				font-weight:bold;
				height:20px;
				line-height:11px;
				text-indent:0;
				width: auto;
				padding:0 2px 2px;
				margin:10px 19px 5px 0;
        }

        #full-login input.connect {
            margin:10px 145px 10px 90px;
        }

        .loginform a {
            float:right;
            margin:10px 0;
			width:175px;
        }

/*-----------------------------------------------------------------------------
  [Mes activités récentes]
*/

#sidebar-my_activity .my_parts {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:circle;
	padding-left:15px;
}

	#sidebar-my_activity .my_parts li {
		margin:5px 0;
	}

#full-my_parts {
	/*padding: 0 20px;
	width: 637px;*/
}

#full-my_parts div.title span {
	color:#533364;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
}

.my_parts .category {
	color:#914A72;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
}

	.my_parts .date {
		float: right;
	}
	
	.my_parts li a {
		display:block;
		line-height:18px;
		overflow:hidden;
		width:100%;
	}

/* Mon casier */

#user-bookmarks .news .column {
    width: 89%;
}

/* Edition dans mon espace */

.my_space .menu {
    float:left;
    text-align:center;
    width:140px;
}

    .my_space .menu .menu-item {
        width:100%;
    }
    
        .my_space .menu .form-file {
            clear: both;
            height:20px;
            margin-bottom:10px;
            overflow:hidden;
            width:auto;
        }
    
            .my_space .menu .link-edit-file {
    			display: block;
    			font-size:12px;
    			height:20px;
    			line-height:20px;
                margin-bottom:7px;
                width:130px;
            }
        
            .my_space .menu .container-input-file {
                height: 30px;
                overflow: hidden;
                position: relative;
                top: -27px;
                width: 140px;
            }
        
                .my_space .menu .input-file {
                    -moz-opacity: 0;
                    background: none;
                    cursor: pointer;
                    filter: alpha(opacity=0);
                    opacity: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

        .my_space .menu .shadow {
            border-width:8px;
        }

        .my_space .menu  .file-type {
            clear: both;
            margin: 5px 0;
            width: 100%;
        }
            .my_space .menu  .file-type a {
                padding-left: 18px;
            }

.my_space .center {
    float:right;
    padding:10px;
    width:490px;
}

    .my_space .center h2 {
        font-size: 29px;
        line-height: 29px;
        margin-left: 5px;
    }
    
    .my_space .content {
        margin: 0 5px;
    }

    .my_space .validation-error {
        float: left;
        margin: 5px 0;
        width: 100%;
    }
    
    .my_space .steps {
       padding: 0 0 0 5px;
    }

    .my_space .center fieldset {
        margin: 10px 0;
    }
    
    .my_space .center  .block {
        margin: 3px 0;
    }

        .my_space .center  .block .element {
            margin: 3px 0;
        }
        
        .my_space .block .element .infos {
            clear: both;
            font-style: italic;
            font-size: 11px;
            float: left;
            margin: 2px 0 2px 155px;
            padding: 0 4px;
            width: 61%;
        }
        
        .my_space .center  .block .oe-window {
            width: 468px;
        }
    
        .my_space .center  h3 {
            margin: 5px;
        }
        
        .my_space .center  label, .my_space .center  .label, .my_space .center  .value {
            float: left;
            font-size: 12px;
            line-height: 21px;
            margin-right: 10px;
            text-align: right;
            width: 30%;
        }

        .my_space .center  .value {
            float: left;
            margin-left: -5px;
            text-align: left;
        }

        .my_space .center input,
        .my_space .center textarea {
            float: left;
            width: 318px;
        }

        .my_space .center input[type=radio],
        .my_space .center input[type=checkbox] {
            width:auto;
        }
        
        .my_space .center select,
        .my_space .center .select-box,
        .my_space .center .select_multiple {
            float: left;
            width: 316px;
        }
        
        .my_space .center .arrow, .my_space .center .button {
            margin-right: 5px;
        }
        
        .my_space .center .arrow, .my_space .center .arrow input,
        .my_space .center .button, .my_space .center .button input       {
            width: auto;
        }
        /* Date */
        
        .my_space .center input.datepicker-input {
            width: 65px;
        }

        .my_space .block input.radio {
            width: auto;
        }

        .my_space .block .radio {
            float: left;
        }

        .my_space .block .radiotitle {
            float: left;
            margin: 0 10px 0 5px;
            width: auto;
        }

/* steps */

.my_space .center .fields-container, .my_space .center .steps-container  {
    clear: both;
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.my_space .center .steps-container h3 {
    display: inline;
}

    .my_space .center .steps-container fieldset {
        margin: 0;
    }
    
        .steps-container .steps .admin-actions {
            float: right;
            position: relative;
            top: 5px;
        }
        
        .steps-container .steps .date {
            
        }

        .steps-container .steps p {
            
        }