/**
*
* @author : DFO IT Team@FullSIX
*
* Definition des styles pour le bloc Tableau de bord du template de tableaux de bord
*
**/

/* GENERAL */
.bProfile{ border-color: #afaa92; }
#monBlockProfil{ margin-right: 20px; }
.blocUnitTitle{background: url(skin/blocUnitTitle.png) repeat-x left top;}
.unitSelector a{ background: url(skin/arrowTitleLeft.png) no-repeat left 1px;}

/* Conteneurs */
.monProfilContent{border:1px solid #c0c0c0; overflow: hidden; _overflow:visible;zoom:1;background-color: #ccc6ad;}
/*.personnalInfos{ width: 100%; float: left;_float: none;}*/

/* Styles distincts */
.monProfilContent, .monProfilContent p, .monProfilContent label, .monProfilContent strong{color: #6e684f;}
.monProfilContent .error,.monProfilContent .error strong{color: #fa0000;}
.monProfilContent .boldGrey{ color: #707070; }
.monProfilContent h3, .monProfilContent .blockInside h3{color: #FFF; font-weight: bold; font-size: 14px; display: block; height: 18px; padding: 12px 0 0 40px; overflow: hidden; background: url(skin/silhouetteProfil.png) no-repeat left bottom; }
.monProfilContent h4, .monProfilContent .blockInside h4{ color: #56513e; font-size: 12px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; height: 15px; overflow: hidden;}
.monProfilContent .blockInside label{font-weight: bold;}

/* Bouton noir pour le profil */
.btnRight { width: 100%; overflow: hidden; float: right; margin-top: -20px; text-align: right; }
.btnRight .btn2{float: right;}
.btnRight .btn2, .btnRight .btn2 span, .btnRight .btn2 input{ text-transform: none; color: #FFF; font-size: 11px; font-weight: normal; }
.btnRight .btn2 input{ cursor: pointer; }
.btnRight .btn2 span{ padding-top: 3px;}
.btnRight span.btn2{ _padding-left: 7px; *padding-left: 7px; }
.btnRight .btn2 input{ padding: 0 10px 0 0px; _padding-right: 7px;  *padding-right: 7px; }
.btnRight a.btnProfilgris:hover, .btnRight a.btnProfilgris:hover span, .btnRight a.btnProfilgris:hover input{cursor:default !important;}

/* Formulaires */
.monProfilContent input.txt, .monProfilContent select.txt, .monProfilContent textarea.txt{ width: 98.7%; color: #6e684f; *width: 98.5%; height: 13px; font-size: 11px;}
.monProfilContent .blockInside .error{color: #fa0000; }
.monProfilContent .checkSelect input{float: left; margin-right: 3px;}
.monProfilContent .checkSelect, .monProfilContent .checkSelect label { display: block; font-weight: normal; overflow:hidden; _overflow:visible; _zoom:1;}
.monProfilContent .checkSelect label{ _padding-top: 3px; *padding-top: 3px; }
.monProfilContent .checkSelect p.checked, .monProfilContent .checkSelect p.notChecked{ padding-left: 17px;}
.monProfilContent .checkSelect p.checked{background: url(skin/caseChecked.png) no-repeat left top;}
.monProfilContent .checkSelect p.notChecked{background: url(skin/caseNotChecked.png) no-repeat left top;}

.monProfilContent .fieldForm{ clear: both; overflow: hidden; _overflow: visible; zoom:1; margin-bottom:3px;}
.monProfilContent .fieldForm label{display: block; float: left; width: 100px;}
.monProfilContent .fieldForm input {font-size:11px; height:13px; width:135px; _width: 132px;}

/* Block File dans l'edition du profil */
.monProfilContent .fileFilled{background-color: #E9E7E3; padding: 8px; overflow: visible; position: relative; margin-top: 5px;}
.monProfilContent .fileFilled .detailsFile{overflow: hidden; _overflow: visible; zoom: 1; margin-top: 7px;}
.monProfilContent .fileFilled .detailsFile span{font-size: 9px; color:#6e684f;}
.monProfilContent .fileFilled input{height: auto; width: 98%;}
.monProfilContent .fileFilled .titleFileField{margin-bottom: 7px; font-size: 10px; color:#6e684f;}
.monProfilContent .fileFilled .icoBtn{display: block;position: absolute; top:5px; right: 5px; _background: url(skin/pictos/ico-info.png) no-repeat left top; _width: 14px; _height: 14px;}
.monProfilContent .tipInfo{position: absolute; z-index: 150; width: 153px; zoom:1; top:-500000px; }
.monProfilContent .blockMediaBox .fileFilled{padding: 8px 0 8px 0;}
.monProfilContent .blockMediaBox .fileFilled .icoBtn{right: 0px;}


/* tip info */
.monProfilContent .tipInfo .topInfo{display: none;}
.monProfilContent .tipInfo .contentInfo{ width: 153px; background: url(skin/tips/tipsBG.png) no-repeat left top; overflow: hidden; position: relative;}
.monProfilContent .tipInfo .contentInfo .text{padding: 15px 15px 0 15px;}
.monProfilContent .tipInfo .botInfo{height: 20px; width: 153px; background: url(skin/tips/tips-bot.png) no-repeat left top;}
.monProfilContent .tipInfo h3, .monProfilContent .tipInfo ul{ background: none; padding: 0 0 5px 0; margin:0 0 10px 0; height: auto; color: #56513e; font-size: 11px; font-weight: normal;}
.monProfilContent .tipInfo h3{border-bottom: 1px dotted #56513e;}
.monProfilContent .tipInfo ul li{padding-left: 8px; background:url(skin/boutons/puceListProfil.png) no-repeat left 5px;}

/* Block MediaBox */
.block .blockMediaBox{margin-right: 0px !important;}
.blockMediaBox{padding: 7px 12px 0 18px;}
.blockMediaBox .head{background: #8a8369; border-bottom: 2px solid #a99e75; overflow:hidden; _overflow: visible; zoom:1; }
.blockMediaBox .head h4{color: #FFF; overflow: hidden; margin: 0; padding:17px 10px 8px 20px;}
.blockMediaBox .head img.mediaBox{ /*float: left;  overflow: hidden; margin: -38px 0 0 -3px; position:relative;*/position: absolute; top: 5px;z-index:12;}
.blockMediaBox .body{ background: #e9e7e3;}
.blockMediaBox .body ul li{ padding-left: 10px; background: url(skin/boutons/puceListProfil.png) no-repeat left 5px;}
.blockMediaBox .body ul.listeCheckbox li{ *padding-left: 5px;}

.blockMediaBox .listeCheckbox li{overflow: hidden; _overflow: visible; zoom:1;}
.blockMediaBox .listeCheckbox li input.checkbox{float: left;}
.blockMediaBox .listeCheckbox li label{margin-left:5px; font-weight: normal; float: left; color:#615733;}
.blockMediaBox .listeCheckbox li label.selectedLabel{color: #918d7e;}

.blockMediaBox .head .fieldsForm{padding:17px 10px 8px 20px; color: #FFF; font-size:11px; font-weight:bold;}
.blockMediaBox .head .fieldsForm p{overflow:hidden; _overflow: visible; zoom:1; margin-bottom: 3px;}
.blockMediaBox .head .fieldsForm label{color: #FFF; display: block; float: left;}
.blockMediaBox .head .fieldsForm label.labelshort{ width: 30px;}
.blockMediaBox .head .fieldsForm input{height: 13px; font-size: 10px; width: 120px;}
.blockMediaBox .head .fieldsForm input.cle{width: 30px;}
.blockMediaBox .btnRight{float: none; margin-top: 5px;}

.blockMediaBox .btnRight .confirmBtn{background: url(skin/button.png) no-repeat left -80px;}
.blockMediaBox .btnRight .confirmBtn span, .blockMediaBox .btnRight .confirmBtn input{background: url(skin/button.png) no-repeat right -80px;}

.blockToggleProfil .blocMod{ display: none; }
.blockToggleProfil .blocVisu{ display: block; }
.blockToggleProfil .blockLabel{display: block;}
.blockToggleProfil .blockField, .blockToggleProfil .formToggleProfil .fieldForm input.blockField{display: block; width: 98%;}
.closeToggleProfil{cursor: pointer; display: inline-block;float: right; padding-top: 2px; margin-left: 5px; _width: 15px; _height: 15px; position: relative; _background: url(skin/pictos/closeBtn.png) no-repeat left 2px;}
.closeToggleProfil img{_display: none;}
.toggleOpen .blocVisu{display: none;}
.toggleOpen .blocMod{ display: block; }


.withTipShow{overflow: visible!important;}

/* block modified */
.modifiedBlock .waiting{ background: url(skin/pictos/waiting.png) no-repeat left center; padding-left: 18px;}
.adressModified .waiting{ background: url(skin/pictos/waiting.png) no-repeat 5px center; padding-left: 0px; padding-right: 18px;}
.telModified .waiting{ background: url(skin/pictos/waiting.png) no-repeat 5px center; padding-left: 0px; padding-right: 18px;}
.adressModified .text, .telModified .text{color: #FFF;}


.lang-es .blockMediaBox .head .fieldsForm label{ width: 103px;}
.lang-es .blockMediaBox .head .fieldsForm label.labelshort{ width: 103px;}
.lang-es .blockMediaBox .head .fieldsForm input{width: 110px;}

a.languageSelector {
    color: #6e684f;
}

a.languageSelector img {
    vertical-align: middle;
}

/* block MDP small */
.blockMoteurMDPSmall{margin-right:0 10px;}
.blockMoteurMDPSmall .blockMoteurPad .visuPadMdp span.inputVisuMdp{min-width:175px !important;_width:174px !important;}
.blockMoteurMDPSmall .blockMoteurPad .padButton{height:30px !important;width:30px !important;background:url(skin/boutons/btPadMdpSmall.png) no-repeat 0 0 !important;}
.blockMoteurMDPSmall .btn3 input{color:#fff;padding-bottom:2px;text-transform:none !important;_height:20px;}
.blockMoteurMDPSmall .tl, .blockMoteurMDPSmall .tr, .blockMoteurMDPSmall .bl, .blockMoteurMDPSmall .br{background-image: url(skin/blocks/blockPad_cornersTr.png) !important;}
.blockMoteurMDPSmall .blockMoteurPad{padding:10px 10px 10px 15px;_padding-left:10px;}

/* iban form */
div.ibanForm p input.text {width: 38px !important; float: left; margin-left: 3px; font-size: 12px !important; text-align: center; text-transform: uppercase;color: #6E684F;}