/* Partie principale (carte d'identité + menu) */
/* provisoire */

/*.accountSelected
{
    background-color:#D9E2E9;
    height:60px;
    left:539px;
    position:absolute;
    top:-60px;
    width:81px;
}

.eventsSelected
{
    background-color:#D9E2E9;
    height:60px;
    left:436px;
    position:absolute;
    top:-60px;
    width:98px;
}

.chroniclesSelected
{
    background-color:#D9E2E9;
    height:60px;
    left:330px;
    position:absolute;
    top:-60px;
    width:98px;
}*/
/* /provisoire */

.profilMainBlock
{
	background-color:#EEF2F6;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	height: 150px;
}

.profilMainBlock .autoPadDiv
{
    height: 150px;
}

.profilMainBlockSubMenu
{
	background-color:#D9E2E9;
	height: 20px;
}

.profilMainBlockSubMenu ul { padding: 3px 10px 0px 10px; }

.profilMainBlockSubMenu ul li
{
    float:left;
    font-size:0.8em;
    list-style-type:none;
    padding:0 4px 0 0;
}

.profilMainBlockSubMenu ul li.separator
{
    background-color: #515F6A;
    padding: 0px;
    margin: 4px 4px 0px 0px;
    width: 1px;
    height: 11px;
}

.profilMainBlockSubMenu ul li .current { font-weight:bolder; }

.profilMainBlock H5
{
    font-size: 150%;
    margin:0px 0px 10px 0px;
}

.profilAction
{
    bottom: 0px;
    height: 50px;
    left: 0px;
    position: absolute;
    width: 620px;
}

ul.profilLinkBlock
{
    list-style-type: none;
    padding: 0px;
    float: right;
    position: absolute;
/*    width: 450px;*/
    z-index: 100;
    right: 0px;
}

ul.profilLinkBlock li
{
    display:block;
    float:right;
    margin:0px;
    padding:28px 8px 0;
    text-transform:uppercase;
    font-size: 70%;
}

.profilAccount,
.profilShop,
.profilEvents,
.profilChronicles,
.profilMail
{
    padding-top: 26px;
    font-size:1em;
    font-weight:bolder;
}

a.profilAccount { background: url(../_Pictures/profil/profilAccountUnselected.gif) no-repeat center top; }
a.profilAccount:hover { background: url(../_Pictures/profil/profilAccountSelected.gif) no-repeat center top; }

a.profilShop { background: url(../_Pictures/profil/profilShopsUnselected.gif) no-repeat center top; }
a.profilShop:hover { background: url(../_Pictures/profil/profilShopsSelected.gif) no-repeat center top; }

a.profilEvents { background: url(../_Pictures/profil/profilEventsUnselected.gif) no-repeat center top; }
a.profilEvents:hover { background: url(../_Pictures/profil/profilEventsSelected.gif) no-repeat center top; }

a.profilChronicles { background: url(../_Pictures/profil/profilChroniclesUnselected.gif) no-repeat center top; }
a.profilChronicles:hover { background: url(../_Pictures/profil/profilChroniclesSelected.gif) no-repeat center top; }

a.profilMail { background: url(../_Pictures/profil/profilMailUnselected.gif) no-repeat center top; }
a.profilMail:hover { background: url(../_Pictures/profil/profilMailSelected.gif) no-repeat center top; }

#frameCenter
{
    float:left;
    width: 468px;
/*    padding-left:10px;*/
    margin: 0 0 0 15px;
}

#frameCenterLarger
{
    float:left;
    width: 648px;
/*    padding-left:10px;*/
    margin: 0 0 0 15px;
}

#frameRightReduce
{
    float: right;
    width: 120px;
	padding: 0;
}

/*  colonne principale */
#frameCenterLarger p,
#frameCenter p {
	font-size:.85em;
	line-height:1.4em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: justify;
}

#frameCenterLarger .editUser
{
    padding: 0 5px;
}

#frameCenterLarger .editUser H5,
#frameCenterLarger .profilNotificationBlock H5,
#frameCenterLarger .profilChronicleBlock H5,
#frameCenterLarger .profilEventBlock H5
{
    text-transform:none;
    font-size: 120%;
    margin: 0px 0px 2px 0px;
}

/* Marge si pas de messages */
.CommonContentBox H5
{
    margin: 0px 0px 5px 5px;
}

/* Nom de l'utilisateur */
.userMenu .userTitle h5
{
    text-transform: capitalize;
    margin: 5px 0px 10px 0px;
    font-size: 150%;
}

/* Mise en place du block menu (a gauche) */
.userMenu 
{
	background:#d9e2e9 url(../_Pictures/bgUserMenu.jpg) repeat-x top center;
	padding:5px 0px 0px 0px;
	margin: 5px 0px 5px 0;
	font-size:.85em;
	line-height:1.4em;
	width:140px;
	float: left;
	height: 100%;
	border-right: solid 2px #c8d5de;
	border-left: solid 2px #c8d5de;
	border-top: solid 2px #c8d5de;
}

/* Mise en place du block menu pour la partie inférieur */
.userMenuBottom 
{
	background:#d9e2e9;
	width:140px;
	top: -5px;
	clear:left;
	border-right: solid 2px #c8d5de;
	border-left: solid 2px #c8d5de;
	border-top: solid 2px #c8d5de;
}

/* Mise en forme des liens sous la photo */
.userMenu .linkMenu a 
{
	font-size:0.9em;
	text-transform:uppercase;
}

/* correction de l'alignement de la fleche dans la menu */
.userMenu .linkMenu .fleche 
{
    background-position: 0px 3px;
}

.userMenu .public 
{
    font-weight:normal
}

/* séparation des liens du menu */
.userMenu .separator {
    background: #b1c3d0 none;
	height:1px;
	width: 125px;
    display:block;
    margin: 5px 0px;
    padding: 0;
    border: 0;
}

/* pour ie */
.userMenu .separator hr 
{
    display:none;
}

/* Block spécial pour les vitrine */
.blockBorderTop h6 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:bold;
	text-transform:uppercase;
	color:#515F6A;
	margin: 0;
	padding: 0 10px 8px 10px;
	background:#D9E2E9;
}


/* block avec un contour */
.blockBorderTop 
{
	background-color: #d9e2e9;
	margin: 10px 0px 0px 0px;
}

.blockBorderBody
{
    border: solid 1px #d9e2e9;
    background-color:White;
    padding: 10px;
    float:left;
    width: 446px;
}

/* titre de la chronique */
.blockBorderBody p strong
{
    font-size: 1.4em;
}

.blockBorderBody .subInfos
{
    clear:right;
    width: 50%;
    float:left;
    margin: 4px 0 0 0;
    height: 0px;
}

.blockBorderBody h3 { margin: 0; font-size: 120%; }
.blockBorderBody .vote { float: none; height: auto; }

.blockBorder
{
    float: left;
    width: 100%;
    text-align:justify;
}

.blockBorder h5 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin: 0;
	padding: 0 0 5px 0;
}

.blockBorder h6,
.blockBorder h6 p {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:110%;
	text-transform: lowercase;
	font-variant: normal;
	margin: 0 0 5px 0;
	padding: 0;
}

.blockBorderSeparator 
{
    background-color:#FFF;
    float:left;
    width: 2px;
    margin: 10px 8px;
    padding: 0 0px;
}

.blockBorderContainer
{
/*    float: left;*/
    width:100%;
    margin-right: 5px;
}
    
.blockBorderBottom
{
	background:#d9e2e9;
	text-align:right;
	text-transform:uppercase;
	font-size:9px;
	line-height:1.9em;
	left: 0px;
	padding: 0 10px 0 0;
	margin: 0 0 10px 0;
	height: 15px;
	bottom: 0px;
	width: 100%;
	float: left;
}

.blockBorderBottom .fleche 
{
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    position:absolute;
    top:3px;
    right: 4px;
    background-position: 0px 0px;
}

/* modification des marges pour les messages/info du profil */
#frameCenter .message,
#frameCenterLarger .message,
#frameCenter .information,
#frameCenterLarger .information,
#frameCenter .warning,
#frameCenterLarger .warning
{
    margin: 5px 0 15px 0;
}

#frameCenter .profilChronicleBlock .information,
#frameCenterLarger .profilChronicleBlock .information,
#frameCenter .profilEventBlock .information,
#frameCenterLarger .profilEventBlock .information
{
    margin: 5px 0 5px 0;
}

/* block chronique dans la partie profil */
#frameCenter .folio,
#frameCenterLarger .folio
{
    margin: 0px 0px;
}

.profilChronicleBlock, .profilEventBlock, .profilNotificationBlock
{
    margin: 0px 5px;
}

.profilChronicleBlock a, .profilEventBlock a
{
    font-weight: bold;
}

.profilEventBlock .vote
{
    float: none;
    height: auto;
}

.profilEventBlock .profilEventBlockTitle, 
.profilChronicleBlock .profilChronicleBlockTitle
{
    font-size: 130%;
}

/* tabulation */
.allTabs
{
    float:left;
    margin: 0 5px 0 5px;
/*    width:638px;*/
    width: 100%;
}

.profilTabSelected
{
    background-color: #D9E2E9;
}

.profilTab
{
    background-color: #EEF2F6;
}

.profilTabSelected, .profilTab
{
    float: left;
    margin: 5px 5px 0px 0px;
    height:20px;
    text-align: center;
    width: 160px;
}

.profilTabSelected a, .profilTab a
{
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 0px 10px;
    font-size: 0.9em;
}

.blockSimpleEdit
{
    background-color: #EEF2F6;
}

.profilNotificationCheckLabel
{
    padding-left: 20px;
}

/* override slide properties */
.slider-wrap {
	width: 450px;
	_width: 440px;
	margin: 0px 0px 0px 5px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100px; height: 15px; background: #FFF; overflow: hidden;}

.stripNavL {
    left: 0px;
}

.stripNavR {
    right: 10px;
    _right: 0px;
}

.stripViewer
{
	width: 360px;
	background: #FFF;
}

.stripViewer .panelContainer
{
	width: 360px;
}

.stripViewer .panelContainer .panel
{
/*	width: 350px;*/
	width: 120px;
}

.stripViewer .fixedBorder
{
    margin: 0px 5px;
}

.border div 
{
    margin-bottom: 0px;
}