/* CSS Document */
body, html {
    background-color: #3d3932;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #606163;
    background-image: url(../fond_ombre.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.footer {
    background-color: #3d3932;
    background-image: url(../fond_footer.gif);
    background-repeat: no-repeat;
    height: 62px;
    width: 978px;
		padding-top:15px;
}

a {
	color:white;
	text-decoration:underline;	
}

.tabheight {
    height: 817px;
		width:795px;
}
.tabphoto{
	width:85%;
}
#lst {
    height: 717px;
}

img {
    border: none;
}
.headerlogo{
		left: 50%;  
    top: 20px; 
  	margin-left: -470px; 
		position: absolute;
}
.headerpub{
	  position: absolute;
    left: 50%;  
    top: 20px; 
  	margin-left: 0px; 
    width: 468px;
		height:60px;
		background-color: #606163;
}
.headerIdentification {
    position: absolute;
   	left: 50%;  
   	top: 118px; 
  	margin-left: 65px; 
    width: 368px;
		padding-left:45px;
		padding-top:9px;
		height:46px;
		background-image: url(../fond_ident.gif);
		background-repeat: no-repeat;
}

.headerAlerteModo {
	display:none;
	text-align:left;
	border: 1px solid #ffffff;
    padding: 2px;
    z-index: 100; /* Always needed	*/
    position: absolute; /* Always needed	*/
    background-color: #262626; /* White background color for the message */
	width:273px;
}

.headerAlerteModoTitle {
	text-align:center;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}

.headerAlerteModoBtn {
	text-align:center;
	color:#ffffff;
	font-size:10x;
	background-color: #262626;
	border: 1px solid #ffffff;
}

.headerBarnavLinks {
    position: absolute;
    top: 175px;
    padding-left: 315px;
    width: 650px;
    text-align: right;
}

.headerBarnavLinkon {
    color: #820000;
    font-weight: bold;
    font-size: 13px;
    padding-right: 30px;
    text-decoration: none;
}

.headerBarnavLinkon:hover {
    color: #820000;
}

.headerBarnavLinkof {
    color: #3d3932;
    font-weight: bold;
    font-size: 13px;
    padding-right: 30px;
    text-decoration: none;
}

.headerBarnavLinkof:hover {
    color: #820000;
}

.headerBarnav {
    background-image: url(../header_barnav_bg.png);
    background-repeat: no-repeat;
		height:203px;
}

.headerLostPwd {
    color: #820000;
    font-size: 10px;
    text-decoration: none;
}

.content {
    padding: 5px;
    height: 100%;
}

.contentBarnav {
    padding-left: 0px;
    height: 35px;
		z-index:99;
}

.contentBarnavLinkon {
    color: #820000;
    font-size: 12px;
    font-weight: bold;
    padding-right: 30px;
    text-decoration: none;
}

.contentBarnavLinkon:hover {
    color: #820000;
}

.contentBarnavLinkof {
    color: #3d3932;
    font-size: 12px;
    font-weight: bold;
    padding-right: 30px;
    text-decoration: none;
}

.contentBarnavLinkof:hover {
    color: #820000;
}

.contentTitle {
    font-size: 19px;
    font-family: Arial Narrow, Arial;
    font-weight: bold;
		z-index:99;
		
}

.contentTitleColor {
    color: #820000;
}
.trait2{
margin-top:-15px;
z-index:0;
}
.trait{
margin-top:18px;
z-index:0;
}
.contentSubTitle {
    font-size: 12px;
    font-family: Arial Narrow, Arial;
    font-weight: bold;
		width:748px;
		position: absolute;
}

.footerTxt {
    color: white;
    padding-right: 25px;
    text-decoration: none;
    font-size: 12px;
}

.selectrecherche {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    width: 114px;
}

.inputrecherche {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    width: 114px;
}

.nbpages {
    font-family: Arial Narrow, Arial;
    font-weight: bold;
    font-size: 11px;
    color: #820000;
    text-decoration: none;
}

.lstPseudo {
    color: #820000;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.lstPhoto {
    width: 134px;
    height: 134px;
    border: 1px solid #820000;
}

.lstNorm {
    width: 134px;
    height: 150px;
}

.lstDetail {
    position: absolute;
    margin-left: -40px;
    margin-top: -5px;
    background-image: url('../cadre_photo_gr.png');
		background-repeat: no-repeat;
    width: 213px;
    height: 186px;
}

.lstDetailPseudo {
    color: black;
    padding-left: 27px;
    font-weight: bold;
    text-decoration: none;
}

.lstDetailPhoto {
    width: 150px;
    padding-left: 1px;
    height: 150px;
    border: 0px;
}

.lstDetailLang {
    padding-top: 5px;
    padding-left: 5px;
}

/*
 Generique (a nettoyer)
 */
.tabgene {
    background-color: #ffffff;
    background-image: url(../content_bg.jpg);
    background-repeat: repeat-y;
    width: 945px;
    height: 100%;
}

.fond_titre_d {
    width: 50%;
    background: url(../fond_titre_d.gif);
    background-repeat: repeat-x;
}

.fond_titre_g {
    width: 50%;
    background: url(../fond_titre_g.gif);
    background-repeat: repeat-x;
    height: 50px;
}

.fond_menu1 {
    background: url(../fond_menu.gif);
    background-repeat: repeat-x;
    background-color: #F5F5F5;
}

.fond_menu2 {
    background: url(../fond_menu_cote_d.gif);
    background-repeat: repeat-y;
    background-color: #F5F5F5;
}

.piedpage {
    background: url(../fond_tab_fin.png);
    width: 946px;
    background-position: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #585858;
    text-align: center;
}

.tabselection {
    padding-left: 6px;
}

.selectiontitre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}

.selectionOn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font_weight: bold;
    color: #FF008A;
    text-decoration: none;
}

.selectionOff {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font_weight: bold;
    color: #404040;
    text-decoration: none;
}

.ident {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border: solid 1px #820000;
    width: 106px;
}

.pseudomodele {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #820000;
    padding-left: 2px;
}

.pseudomodele2 {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #727375;
    padding-left: 152px;
}

.pseudolabel {
    font-family: Arial;
    font-size: 11px;
    color: #464646;
    padding-left: 4px;
}

.selection {
    color: #4D4D4D;
    font-size: 13px;
    padding-left: 10px;
    font-weight: bold;
}

/*Placer un div id="mainContainer" au debut et a la fin de la page*/
#mainContainer {
    margin: 0 auto;
    margin-top: 0px;
    padding: 0px;
}

/* Alternative layout for the message box - used by one of the messages */
.modalDialog_contentDiv_error {
    border: 1px solid #ffffff;
    padding: 2px;
    z-index: 100; /* Always needed	*/
    position: absolute; /* Always needed	*/
    background-color: #262626; /* White background color for the message */
    color: #FFF;
}

.modalDialog_contentDiv_error a {
    color: #FFF;
}

.modalDialog_transparentDivs {
    filter: alpha( opacity = 50); /* Transparency */
opacity:
    0.5; /* Transparency */
background-color:
    #070E1B;

z-index:
    1;

position:absolute; /* Always needed	*/
}

.modalDialog_contentDiv {
    border: 1px solid #ffffff;
    padding: 2px;
    z-index: 100; /* Always needed	*/
    position: absolute; /* Always needed	*/
    background-color: #262626; /* White background color for the message */
}

.modalDialog_contentDiv_shadow {
    z-index: 90; /* Always needed	- to make it appear below the message */
    position: absolute; /* Always needed	*/
    background-color: #555;
    filter: alpha( opacity = 30); /* Transparency */
opacity:
    0.3; /* Transparency */
}

/* cadre photo */
.cadrephoto {
    border: solid 1px #2F2F2E;
}

.cadrephoto_fiche_big {
    border: solid 1px #820000;
    background-color: #3d3932;
}

.cadrephoto_fiche_small {
    border: solid 1px #820000;
    background-color: #3d3932;
}

.inputgene {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    border: solid 1px #616FD2;
}

.annutitrerech1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #727375;
    font-size: 13px;
}

.temps {
    font-family: Arial, Helvetica, sans-serif;
    color: #820000;
    font-weight: bold;
    font-size: 14px;
}

.annutitrerech2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #A50003;
    font-size: 13px;
}

.annutxtreche {
    font-family: Arial, Helvetica, sans-serif;
    color: #636262;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

.txtpetit {
    font-family: Arial, Helvetica, sans-serif;
    color: #D4D4D4;
    font-size: 10px;
    text-decoration: none;
}

.select {
    font-family: Arial, Helvetica, sans-serif;
    color: #636F83;
    font-size: 11px;
    text-decoration: none;
}

.actionsuppr {
    font-family: Arial, Helvetica, sans-serif;
    color: #636F83;
    font-size: 11px;
    text-decoration: none;
}

.actioncalendrier {
    font-family: Arial, Helvetica, sans-serif;
    color: #56585A;
    font-weight: bold;
    font-size: 11px;
    background-color: #E5E5E5;
    text-decoration: none;
}

.titrehistorique {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #ff00a8;
    text-decoration: none;
}

.tabcredit{
padding-top:5px; 
padding-left:5px; 
border:1px solid #820000; 
background:#e0e0de;
}

.popupLstTitreCol {
    font-family: Arial, Helvetica, sans-serif;
    color: #56585A;
    font-weight: bold;
    font-size: 12px;
    background-color: #E5E5E5;
    text-decoration: none;
    border-bottom: solid 1px #4F4F4F;
}

.popupLstTd1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #56585A;
    font-size: 11px;
    background-color: #E9E9E9;
    border-bottom: solid 1px #4F4F4F;
    text-decoration: none;
}

.popupLstTd2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #56585A;
    font-size: 11px;
    background-color: #ffffff;
    border-bottom: solid 1px #4F4F4F;
    text-decoration: none;
}

.pseudofiche {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #CC2F72;
    text-decoration: none;
}

/* tab evénements */
.tabevegene {
    border: 1px solid #18273F;
}

.tabevecat {
    background-color: #091324;
    border-right: 1px solid #18273F;
}

.tabevecat2 {
    background-color: #091324;
}

.tabevelg11 {
    background-color: #24395B;
    border-right: 1px solid #18273F;
    border-bottom: 1px solid #18273F;
}

.tabevelg12 {
    background-color: #24395B;
    border-bottom: 1px solid #18273F;
}

.tabevelg21 {
    background-color: #364258;
    border-right: 1px solid #18273F;
    border-bottom: 1px solid #18273F;
}

.tabevelg22 {
    background-color: #364258;
    border-bottom: 1px solid #18273F;
}