/*       CSS general du site Chacun Sa Tribu        */
/*             By ALTO Info-Systems                 */
/* GENERAL */

img {
    border: none;
}

body{
    margin: 0;
    padding:0;
    background-color:#edeae8;
    font-family:Verdana, arial, "sans serif" !important;
    text-align :center;
    color:#573103;
}

p, h1, h2, ul, li, a{
    font-family:Verdana, arial, "sans serif" !important;
}
p {
	margin: 12px 0;
}

h1{
    font-size: 20px;
    color: #ae0e0e;
    border-bottom : 2px solid #f8931f;
    text-align : center;
	margin-bottom: 20px;
}

h2{
    font-size: 15px;
    color: #ae0e0e;
    border-bottom : 1px solid #f8931f;
    text-align : center;
	margin-bottom: 18px;
	margin-top: 20px;
}

h3{
    font-size:13px;
    color: #c0bfbb;
	margin-bottom: 16px;
}

a, a:visited{
    text-decoration: none;
    color: #573103;
    font-weight:bold;
}

a:hover{
    color:#573103;
}

table tr, ul li {
	line-height:20px
}

#global{
    text-align : left;
    width: 1000px;
    margin:auto;
}


#tab{
    text-align : center;
    font-size: 12px;
}

#tabl{
    margin : auto;
    text-align: left;
}

/* FORMULAIRES */
.minhinput {
    width:65px;
    background-color:#ffffff;
    border:1px solid #6B6B6B;
    color:#6B6B6B;
    padding:2px;
    cursor:text;
}
.minhinput:hover {
    border:1px solid #573103;
    color:#573103;
}
.minhinput:focus {
	border:1px solid #573103;
    color:#573103;
}

.miniinput {
    width:130px;
    background-color:#ffffff;
    border:1px solid #6B6B6B;
    color:#6B6B6B;
    padding:2px;
	line-height: 20px;
    cursor:text;
}
.miniinput:hover {
    border:1px solid #573103;
    color:#573103;
}
.miniinput:focus {
    border:1px solid #573103;
    color:#573103;
}
.inputbox {
    width:264px;
    background-color:#ffffff;
    border:1px solid #6B6B6B;
    color:#6B6B6B;
    padding:2px;
    cursor:text;
}
.inputbox:hover {
	border-color: #573103;
	color:#573103;
}
.inputbox:focus {
	border-color: #573103;
	color:#573103;
}
.biginputbox {
    width:420px;
    background-color:#ffffff;
    border:1px solid #6B6B6B;
    color:#6B6B6B;
    padding:2px;
    cursor:text;
}
.biginputbox:hover {
    width:420px;
    border:1px solid #573103;
    color:#573103;
}
.biginputbox:focus {
    width:420px;
    border:1px solid #573103;
    color:#573103;
}
.descrinputbox{
    color:#6B6B6B;
    width : 490px;
    border : 1px solid #6B6B6B;
    height : 250px;
}
.descrinputbox:hover{
    color: #573103;
    border : 1px solid #573103;
}
.descrinputbox:focus{
    color: #573103;
    border : 1px solid #573103;
}
.champtext{
    font-weight: bold;
    color: #573103;
}
.minichamptext{
    font-size:9px;
    font-weight: normal;
    color: #573103;
}

#boutton{
    text-align:center;
}
#connex a:hover{
	color : #f8931f;
}
.bvalide{
    width : 70px;
}

.block_text_sortie {
	margin-left: 65px;
}

/* LABELS : TEXTS */
.lbl_info{
    font-size : 12px;
    color : #573103;
    font-weight: bold;
}

.txt_info{
    font-size : 12px;
    color : #573103;
    font-weight: normal;
}

.lbl_info_marge{
    font-size : 12px;
    color : #573103;
    font-weight: bold;
    margin-left: 30px;
}

#lbl_err{
    font-size : 12px;
    color: #CC0000;
    font-weight: normal;
}

/* AVATARS - MINI DESCRIPTION DES MEMBRES  */
.mini_av_img{
    position : relative;
    float : left;
    width : 31px;
    height : 31px;
}
.mini_av_nom_prenom{
    position : relative;
    float : left;
    margin-left : 8px;
    text-align:left;
}
.mini_av_hom, .mini_av_hom a, .mini_av_hom a:visited{
    font-size: 11px;
    color : #573103;
    font-weight: normal;
}
.mini_av_hom a:hover{
    font-size: 11px;
    color : #f8931f;
    font-weight: normal;
}
.mini_av_fem, .mini_av_fem a, .mini_av_fem a:visited{
    font-size: 11px;
    color : #ae0e0e;
    font-weight: normal;
}
.mini_av_fem a:hover{
    font-size: 11px;
    color : #f8931f;
    font-weight: normal;
}
.mini_av_avatar{
    width : 30px;
    height : 30px;
}

/* INFO-BULLES - DESCRIPTION DES MEMBRES  */
.lnk_bulle_hom, .lnk_bulle_hom a, .lnk_bulle_hom a:visited{
    color : #08a808;
    font-size : 12px;
    font-weight: normal;
}
.lnk_bulle_hom a:hover{
    color:#f8931f;
}
.lnk_bulle_fem, .lnk_bulle_fem a, .lnk_bulle_fem a:visited{
    color : #ae0e0e;
    font-size : 12px;
    font-weight: normal;
}
.lnk_bulle_fem a:hover{
    color:#f8931f;
}
.txt_bulle_nomprenom_hom{
    font-size : 12px;
    color : #573103;
}
.txt_bulle_nomprenom_fem{
    font-size : 12px;
    color : #ae0e0e;
}
#txt_bulle_unknown{
    font-size : 12px;
    color : black;
}
.bulle_hom{
    font-size : 11px;
    color : #573103;
}
.bulle_fem{
    font-size : 11px;
    color : #ae0e0e;
}

/* BLOCKS MEMBRES & SORTIES */
.block_photo{
    width : 80px;
    height : 80px;
    float : left;
    margin-left : 9px;
    text-align : center;
    vertical-align : middle;
}
.block_photo img{
    border : 1px solid #573103;
}
.block_info{
    width :335px;
    padding-left:170px;
}
.block_picto{
    background-color : white;
    width : 80px;
    height : 80px;
    float : left;
    border : 1px solid #573103;
    margin-left : 9px;
    text-align : center;
    vertical-align : middle;
}

.block_picto img{
    margin-top : 0px;
}

.block_info_legend{
    font-size : 12px;
    font-weight:bold;
    color : #573103;
}

.block_info_user{
    font-size : 12px;
    font-weight:normal;
    color : #573103;
}
#moz_cadre {
    width:375px;
	margin:auto;
}

.moz_lnk {
}
.moz_img{
    width:75px;
    height:75px;
    border:0;
}

.poss {
    width:160px;
    background-color:#eceae8;
    float:right;
    padding:5px;
}

#lobj {
    min-height:150px;
    margin-right:170px;
}

#liste_obj thead {
    color:white;
    background-color:#d0bda7;
    font-size:0.75em;
}

fieldset {
    text-align:left;
	padding: 5px;
}

legend {
    font-size:1.2em;
    font-weight:bold;
	margin-left: 20px;
}

fieldset label {
    font-weight:bold;
    margin :3px;
}

fieldset .inputbox {
    margin-bottom:3px;
}

.checked{
    background: url(../img/tick.png) left no-repeat;
    padding-left:20px;
}

.delete{
    background: url(../img/cross.png) left no-repeat;
    padding-left:20px;
}
.ajout{
    background: url(../img/add.png) left no-repeat;
    padding-left:20px;
    cursor:pointer;
    color: #573103;
    font-weight:bold;
}
.ajout:hover{
    color:#f8931f;
}

.petitBloc{
    padding:5px;margin:3px;
    background-color: white;
    border: 1px solid #CCCBC7;
    padding-top: 3px;
}
.petitBloc:hover{
    background-color:#EEE;
}

.ui-autocomplete {
	font-size: 12px;
}

div.messageFlash {
    position: absolute;
    width: 300px;
    margin: 0 auto;
}

select {
	cursor: pointer !important;
}
select.inputbox {
	width: 270px;
}
/* Infobulle */
a.infoBulle {
	width: 16px;
	height: 16px;
	float:left;
	margin: 0 4px;
	padding: 1px;
	position:relative;
	cursor: pointer;
}
a.infoBulle img {
	position: absolute;
}
a.infoBulle:hover {
	background-color: #EBEEF4;
	border: 1px solid #999999;
	padding: 0;
}
a:hover span.infoBulleWrapper {
	display: block;
}
a span.infoBulleWrapper {
	left: auto;
	display:none;
    right: 0;
    position: absolute;
	z-index: 99;
}
a span.infoBulleWrapper.top {
	bottom: 100%;
	background: url("../img/pic_down.gif") no-repeat scroll left bottom transparent;
	background-position: right bottom;
	padding: 0 0 4px;
	padding-top: 10px;
}
a span.infoBulleWrapper.bottom {
	top: 100%;
	padding-bottom: 10px;
	padding: 4px 0 0;
	background: url("../img/pic_up.gif") no-repeat scroll left top transparent;
	background-position: right top;
}
a span span.infoBulle {
	background-color: #282828;
    color: #FFFFFF !important;
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding: 4px 8px;
    text-align: left;
	white-space: nowrap;
}

div.notification_list {
	position:absolute;
	top: 20px;
	left: -30px;
	display: none;
	z-index: 999;
	color: #FFF;
	font-size: 11px;
}
div.notification_list div.notification_list_arrow {
	background: transparent url(../img/pic_up.gif) no-repeat scroll 89px top;
	padding: 4px 0 0;
	top: 100%;
}
div.notification_list div.notification_list_arrow div.notification_list_wrapper {
	 background-color: #282828;
	 padding: 4px 8px;
}
div.notification_list ul li {
	line-height: 14px;
	text-align: left;
}
div.notification_list ul li a {
	display: block;
	padding: 2px 5%;
	margin: 1px 0;
	width: 90%;
}
div.notification_list ul li a:hover {
	background-color: #CCC;
	color: #333 !important;
}

div.overlay-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999997;
}
div.overlay-wrapper div.overlay {
	position: absolute;
	background-color: #09AE48;
	filter: alpha(opacity=30); /* internet explorer */
	-khtml-opacity: 0.3;      /* khtml, old safari */
	-moz-opacity: 0.3;       /* mozilla, netscape */
	opacity: 0.3;           /* fx, safari, opera */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 999998;
}
div.overlay-wrapper div.loader {
	width: 42px;
	height: 42px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 999999;
}