/* CSS Document */ @CHARSET "ISO-8859-1"; /* GENERAL */ body { margin: 0px; padding: 0; text-align: center; font: 0.8em Arial; color: #333333; background-color: #e8ebd7; font-family: Arial; width: 100%; height: 100%;} html { margin: 0px; padding: 0; text-align: center; font: 0.8em Arial; color: #333333; background-color: #e8ebd7; font-family: Arial; width: 100%; height: 100%;} html, body { width: 100%; height: 100%; background-color: #000; font-family: Arial;} #page { width: 1024px; margin: 0 auto; padding: 0px; text-align: left; font: 14px Arial; background-color: #e8ebd7;} /* MENU */ .menu { height: 30px; margin: 0; padding: 0; list-style-type: none; padding-left: 0px; background-color: #e8ebd7;} .menu table { margin-right: -15px; font-size: 12px;} .menu li:hover ul, .menu .menu1 li a:hover ul { position: absolute; top: 24px; background: #a4a793;} .menu li:hover ul, .menu li, .menu a:hover ul, .menu a { display: block; float: left;} .menu a { color: #ffffff; text-decoration: none;} .menu a:hover { text-decoration: underline;} .menu li { position: absolute;} .menu li ul { display: none; background: none;} .menu li ul li { position: absolute; display: block; height: 18px; padding: 4px; background: none; z-index: 100000;} .menu li:hover ul { background: #a4a793;} .menu li:hover ul li { background: #a4a793;} .menu a:hover a, .menu ul li:hover li { width: 232px; background: #a4a793;} .menu ul { left: -1px; padding: 0;} .menu ul, .menu a:hover { margin: 0;} .menu li a:hover { text-decoration: underline;} .menu .tr:hover { } .menu .tr { height: 24px; color: #a4a793; font-weight: bold; font-size: 16px; text-decoration: none;} .menu .tr, .menu .ty {} .menu .ty:hover {} #noLogMenu { height: 118px ; margin: 0 ; padding: 0 ; list-style-type: none ; padding-left: 15px;} #noLogMenu li { float: left ; text-align: center ;} ul#noLogMenu li a { width: 198px ; height: 118px ; font-size: 1.2em ; font-weight: bold ; display: block ; text-decoration: none ; color: #fff;} ul#noLogMenu li div { width: 198px ; height: 118px ; font-size: 1.2em ; font-weight: bold ; display: block ; text-decoration: none ; text-align: left; color: #fff;} ul#noLogMenu li .green { background: url(../images/menuGreenBloc.gif) repeat-x 0 -118px;} ul#noLogMenu li .green2 { background: url(../images/menuGreenBloc2.gif) repeat-x 0 -118px; text-indent: -5000px; cursor: pointer;} ul#noLogMenu li .purple { background: url(../images/menuPurpleBloc.gif) repeat-x 0 -118px;} ul#noLogMenu li .green:hover { background-position: top;} ul#noLogMenu li .green2:hover { background-position: top;} ul#noLogMenu li .purple:hover { background-position: top;} ul#noLogMenu li .menuTitle { line-height: 30px; padding-left: 15px;} ul#noLogMenu li form { padding-left: 15px; margin: 0px; padding: 0px; padding-right: 10px;} ul#noLogMenu li label { float: right; margin: 0px; padding: 0px; padding-right: 5px; font-size: 10px; font-family: Arial; margin-top: 10px;} ul#noLogMenu li input { width: 100px; float: right; margin: 0px; padding: 0px; margin-top: 6px;} ul#noLogMenu .logoLink { underline: none; border: none;} ul#noLogMenu .logoLink:hover { underline: none; border: none;} ul#menu li#search { float: left; text-align: center; padding-top: 7px; padding-left: 15px; padding-right: 15px; float: right;} ul#menu li#search input { height: 14px;} #sousMenu {} ul#menu .menuDeroulant { background: white none repeat scroll 0 0; background: #a4a793; font-size:11px; line-height:normal; margin:-2px 0 0 -1px; padding:5px 0; position:absolute; top:32px; z-index:100; padding-left: 10px; padding-right: 10px; display: none;} ul#menu .menuDeroulant ul { margin: 0px; padding: 0px;} ul#menu .menuDeroulant li { clear: both; text-align: left; padding: 0px; list-style-type: none; padding-top: 3px; padding-bottom: 3px; height: 16px;} ul#menu .menuDeroulant li a { font-size: 1em; color: #ffffff; font-weight: normal;} ul#menu .menuDeroulant li a:hover { color: #000000; text-decoration: underline;} ul#menu li:hover > .menuDeroulant { display: block; } .message_rouge { color:#aa4444; font-size: 16px; width: 97%; background: #ff7777; display: block; padding: 5px; margin: 1%; font-weight: bold;} .message_vert { color:#668800; font-size: 16px; width: 97%; background: #e8ebd7; display: block; padding: 5px; margin: 1%; font-weight: bold;} /* ACCEUIL */ .tableAccueil {} #contenu .tableAccueil h1 { font-size: 20px;} .tableAccueil td { border: #8A578D 1px solid; padding-top: 0px;} .tableAccueil td table td { border: none;} .listeAcceuil { font-size: 18px;} .listeAcceuil li { font-size: 18px; list-style-image: url('../images/checkedTrue.gif');} /* BANNIERE */ ul#menu li#header { margin: 0px; padding: 0px;} /* CONTENU */ #content { background: #ffffff; background-repeat: repeat-y; position: relative; z-index: 1000; padding: 2px;} #contentTop { background-image: url('../images/contentTop.gif'); background-repeat: no-repeat; height: 15px; background-position: top;} #contenu { padding-bottom: 10px;} #contenu h1 { padding-left: 25px; line-height: 25px; font-size: 2em; background: url(little_apple.gif) no-repeat left bottom; color: #9b2; border-bottom: 1px solid #9b2; margin: 0px; margin-top: 20px;} #contenu h2 { margin: 0px; padding: 0px; font-size: 12px;} #contenu h3 { margin-left: 15px; padding-left: 5px; border-bottom: 1px solid #9b2; border-left: 3px solid #9b2; color: #9b2;} #contenu p { text-align: justify; text-indent: 2em; line-height: 1.7em; color: #333; padding: 8px;} #contenu a { color: #8a0;} #contenu a.addLink { color: #ffffff; font-variant: small-caps; font-size: 15px;} #contenu a:hover { color: #9b2;} pre { overflow: auto; background: #dea; border: 2px solid #9b2; padding: 5px 0 0 5px; font-size: 12px; width: 99%; margin-top: 30px;} pre span { color: #560;} pre span.comment { color: #b30000;} pre.error { border: 2px solid #bb2222; background: #eeaaaa; color: #bb2222;} #contenu .contentBox { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #dddddd; padding: 4px;} #contenu .recencementFiche { margin-right: 15px; float: right; color: #99BB22; padding: 6px; margin-right: 6px; cursor: pointer;} #contenu .formIndication { position: absolute; left: 400px; display: none; width: 150px; background: #ffeeaa; border: 1px solid #666666; font-size: 10px; padding: 4px;} .adminRightsBox { display: none;} .mailBoxList { margin: 10px; border-collapse: collapse; border-color: #cccccc;} .mailBoxList tr th { padding: 4px; font-size: 12px; background: #dddddd;} .mailBoxList tr td { padding: 4px; font-size: 12px;} /* ANNUAIRE */ .alphabet { list-style: none;} .alphabet li { display: inline;} /* FOOTER */ #footer { background-repeat: no-repeat; background-color: #555; height: 80px; background-position: bottom; text-align: center; margin: 0; padding-right: 10px; color: #fff;} #footerContent { padding: 4px; margin: 0px; color: #ffffff; font-size: 12px;} #footerContent a { color: #ffffff;} #footerContent a:hover { text-decoration: none;} /* TREE */ #tree { width: 770px; position: relative; left: 1px; margin-bottom: 20px; padding: 10px; z-index: 0;} #tree .tree1 { clear: both; float: left; width: 100%; position: relative; z-index: 0;} #tree .tree1 .treeBox1 { float: left; width: 49%; position: relative; z-index: 0;} #tree .tree1 .treeBox2 { float: right; width: 49%; position: relative; z-index: 0;} #tree .tree1 .treeBoxPerson1 { float: left; width: 47%; position: relative; z-index: 0;} #tree .tree1 .treeBoxPerson2 { float: right; width: 47%; position: relative; z-index: 0;} #tree .tree1 .treeBoxPerson1Name { float: left; width: 47%; text-align: center; font-weight: bold; font-variant: small-caps; font-size: 12px; position: relative; z-index: 0;} #tree .tree1 .treeBoxPerson2Name { float: right; width: 47%; text-align: center; font-weight: bold; font-variant: small-caps; font-size: 12px; position: relative; z-index: 0;} #tree .tree1 .treeBoxLink1 { float: left; width: 49%; background-image: url(../images/link011.gif); background-repeat: no-repeat; background-position: center; height: 35px; position: relative; z-index: 0;} #tree .tree1 .treeBoxLink2 { float: right; width: 49%; background-image: url(../images/link012.gif); background-repeat: no-repeat; background-position: center; height: 35px; position: relative; z-index: 0;} #tree .tree2 { clear: both; float: left; width: 100%; position: relative; z-index: 0;} #tree .tree2 .treeBox1 { position: relative; float: left; width: 49%; position: relative; z-index: 0;} #tree .tree2 .treeBox2 { position: relative; float: right; width: 49%; position: relative; z-index: 0;} #tree .tree2 .treeBoxPerson1 { position: relative; float: right; width: 47%; padding-left: 27%; position: relative; z-index: 0;} #tree .tree2 .treeBoxPerson2 { position: relative; float: left; width: 47%; padding-right: 27%; position: relative; z-index: 0;} #tree .tree2 .treeBoxPerson1Name { float: right; width: 47%; text-align: center; font-weight: bold; font-variant: small-caps; font-size: 12px; position: relative; z-index: 0;} #tree .tree2 .treeBoxPerson2Name { float: left; width: 47%; text-align: center; font-weight: bold; font-variant: small-caps; font-size: 12px; position: relative; z-index: 0;} #tree .tree2 .treeBoxLink1 { width: 100%; background-image: url(../images/link02.gif); background-repeat: no-repeat; background-position: center; height: 35px; position: relative; z-index: 0;} #tree .tree3 { clear: both; width: 100%; text-align: center; position: relative; z-index: 0;} #tree .tree3 .treeBox1 { display: inline-block; margin-left: auto; margin-right: auto; width: 736px; text-align: left; position: relative; z-index: 0;} #tree .tree3 .treeBoxPerson1 { display: block; width: 178px; float: left; margin-left: 4px; margin-left: 4px; position: relative; z-index: 0;} #tree .tree3 .treeBoxPerson1Name { width: 178px; float: left; text-align: center; font-weight: bold; font-variant: small-caps; font-size: 12px; position: relative; z-index: 0;} .T { width: 100%; background-image: url('../images/treeBox01/TC.gif'); background-repeat: repeat-x; height: 24px; position: relative; z-index: 0;} .TL { width: 15px; background-image: url('../images/treeBox01/TL.gif'); background-repeat: no-repeat; height: 24px; float: left;} .TR { width: 15px; background-image: url('../images/treeBox01/TR.gif'); background-repeat: no-repeat; height: 24px; float: right;} .C { width: 100%; clear: both; line-height: 18px; background: #B6D707; height: 110px; float: left; color: #333333; font-weight: bold; font-size: 11px;} .CL { width: 15px; background-image: url('../images/treeBox01/CL.gif'); background-repeat: repeat-y; height: 110px; float: left; line-height: 0px;} .CR { width: 15px; background-image: url('../images/treeBox01/CR.gif'); background-repeat: repeat-y; height: 110px; float: right; line-height: 0px;} .B { width: 100%; clear: both; background-image: url('../images/treeBox01/BC.gif'); background-repeat: repeat-x; height: 15px; line-height: 0px;} .BL { width: 15px; background-image: url('../images/treeBox01/BL.gif'); background-repeat: no-repeat; height: 15px; float: left; line-height: 0px;} .BR { width: 15px; background-image: url('../images/treeBox01/BR.gif'); background-repeat: no-repeat; height: 15px; float: right; line-height: 0px;} #tree .tree3 .B { width: 178px;} #tree img { margin: 0px; padding: 0px; border: 2px solid #333333;} #tree .adminFichePannel { position: absolute; top: 1px; right: 1px; height: 145px; width: 173px; z-index: 40000;} #tree .adminFichePannel #adminFicheBirth { position: absolute; top: 127px; left: 30px; font-weight: bold; font-size: 11px;} #tree .adminFichePannel #adminFicheAge { position: absolute; top: 127px; left: 105px; font-weight: bold; font-size: 11px;} #tree .adminFichePannel #adminFicheDelete { position: absolute; top: 50px; right: 10px;} #tree .adminFichePannel #adminFicheUpdate { position: absolute; top: 10px; right: 10px;} #tree .adminFichePannel #adminFichePhoto { position: absolute; top: 30px; right: 10px;} #tree .adminFichePannel #adminFicheInfos { margin-top: 10px; margin-left: 6px;} #tree #adminFicheMyFiche { position: absolute; top: 80px; right: 10px;} #tree #adminFichePic { position: absolute; cursor: pointer; top: 2px; left: 23px; height: 140px; width: 118px;} #tree .adminConjointPannel { position: absolute; top: 1px; right: 73px; height: 145px; width: 173px; z-index: 40000;} #tree .adminConjointPannel #adminConjointBirth { position: absolute; top: 127px; left: 0px; font-weight: bold; font-size: 11px;} #tree .adminConjointPannel #adminConjointAge { position: absolute; top: 127px; left: 75px; font-weight: bold; font-size: 11px;} #tree .adminConjointPannel { position: absolute; top: 1px; right: 73px; height: 145px; width: 173px; z-index: 40000;} #tree .adminConjointPannel #adminConjointBirth { position: absolute; top: 127px; left: 0px; font-weight: bold; font-size: 11px;} #tree .adminConjointPannel #adminConjointAge { position: absolute; top: 127px; left: 75px; font-weight: bold; font-size: 11px;} .infosPersos .infosPersosTable { border-collapse: collapse; margin: 10px; margin-left: 30px; margin-top: 0px; position: relative;} .infosPersos .infosPersosTable tr { height: 20px;} .infosPersos .infosPersosTable td { padding: 4px;} .infosPersos .infosPersosTable td.rightAlign { text-align: right;} .infosPersos2Pannel { position: absolute; z-index: 40000; margin-top: 222px; left: 78px; width: 120px; padding: 5px; padding-top: 0px; height: 117px; font-size: 11px; background: #ffffff; border: 1px solid #333333;} .infosPersos2Pannel table { } .infosPersos2Pannel tr { cursor: pointer; height: 30px;} .infosPersos2Pannel td { vertical-align: middle; border-bottom: 1px solid #000000;} .infosPersos2 { position: absolute; z-index: 40000; margin-top: 222px; left: 212px; width: 360px; padding: 5px; height: 187px; font-size: 11px; background: #ffffff; border: 1px solid #333333; padding-top: 10px; display: none;} .infosPersos2 .infosPersosTable { border-collapse: collapse; margin: 10px; margin-left: 30px; margin-top: 0px; position: relative;} .infosPersos2 .infosPersosTable tr {} .infosPersos2 .infosPersosTable td { padding: 4px; padding-top: 2px; padding-bottom: 2px; vertical-align: top;} .infosPersos2 .infosPersosTable td.rightAlign { text-align: right;} .infosPersos2 .infosPersosTitle { font-size:12px; margin:0; padding:0; font-weight: bold;} /* FORMULAIRES */ .formRow { display: block; padding: 2px; clear: both;} .formRow label { display: block; float: left; width: 150px; text-align: right; margin-right: 10px;} .formRow input { width: 200px;} span.red { color: #ff0000;} pre span.red { color: #ff0000;} /* USER LoGGeD */ #contenu .userPannel { float: right; position: relative; padding-top: 16px; padding-right: 10px; z-index: 20000;} #contenu .userPannel .userPannelMenu { color: #000000; font-size: 11px; font-weight: bold;} #contenu .userPannel .userMenuBloc { border: 2px solid #9b2; margin-top: 3px; background: #E8EBD7; position: absolute; z-index: 20000;} #contenu .userPannel .userMenuBloc a { display: block; text-decoration: none; border-bottom: 1px solid #555555; padding: 2px; position: relative; z-index: 20000;}