body{
    text-align: left;
    margin:0px;
    font-family:Verdana,Tahoma;
    font-size:12px;
    color:#000000;
    background-color: #ffffff;
}
a{
    font-size:12px;
    color:#707070;
    text-decoration:underline;
    font-weight:bold;
}
a:hover{
    color:#000000;
    text-decoration:underline;
    font-weight:bold;
}
/* SNAPSHOT */
.snapshot{
    margin-top:150px;
    margin-left: auto;
    margin-right: auto;
    width:500px;
    text-align:left;
    border: 3px solid #000000;
    padding: 10px;
    color:#000000;
    background:url(../picts/fondsnap.png) top left repeat-x;
    background-color:#fff3c8;
}

/* Formulaire */
form.snapshotform p{
    clear: left;
    margin:0px;
    padding: 5px 0 8px 0;
    padding-left: 200px; /*width of left column containing the label elements*/
    border-top: 1px dashed #000000;
}

form.snapshotform .titlep{
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    padding-left: 150px;
    border-top: 1px dashed #000000;
    font-size:18px;
    color:#7a68c7;
}

form.snapshotform .question{
    clear: left;
    margin: 0;
    padding: 5px 0 8px 0;
    border-top: 1px dashed #000000;
    font-weight:bolder;
}

form.snapshotform p label{
    font-weight: bold;
    float: left;
    margin-left: -200px; /*width of left column*/
    width: 195px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
form.snapshotform p input,form.snapshotform p textarea{
    font-size:11px;
    width:180px;
    border:1px solid #000000;
    background-color:#ffffff;
    color:#000000;
}
form.snapshotform p textarea{
    height:30px;
}
form.snapshotform p input:hover ,form.snapshotform p textarea:hover{
    background-color: #fdcd79;
    color:#000000;
}

form.snapshotform p.lignerror{
    font-size:14px;
    font-weight:bold;
    color:#000000;
    text-align:center;
    padding-left: 0px;
    border:0px;
}

form.snapshotform p .error{
    visibility:hidden;
    font-size:12px;
    font-weight:bold;
}

form.snapshotform p  .inp_submit{
    margin-top:4px;
    margin-bottom:2px;
    font-size:11px;
    width:180px;
    font-weight:bold;
    color:#ffffff;
    background-color: #6d89d5;
    border:1px solid #000000;
}

form.snapshotform p .inp_submit:hover{
    color:#ffffff;
    background-color: #476dd5;
    cursor:pointer;
}
/*Menu*/
.logm{
    top:5px;
    left:5px;
    height:30px;
    width:30px;
    background:url(../picts/minilogo.png) top left no-repeat;
    position:absolute;
}
.menu{
    padding:0px;
    margin: 0px ;
    background:url(../picts/fondinputsnapshot.png) top left repeat-x;
    min-height:40px;
    border-bottom:#000000 solid 2px;
    background-color: #bdc0c0;
    text-align: center;
}
.menu ul{
    margin:0px;
    padding-top:5px;
    padding-left: 10px ;

    list-style: none ;
}
.menu li {
    display: inline-block;
    margin-right: 10px ;
    color: #000000;
    font-size:18px;
    cursor:pointer;
}
.menu li a{
    color: #000000;
    font-size:18px;
    text-decoration:none;
}
.menu li:hover, .menu li a:hover{
    color: #fff ;
}

/*title*/
.title{
    padding:4px;
    font-size:18px;
    color: #000000;
    font-weight:bold;
}

/*recherche*/

.recherche{
    font-size:12px;
    color: #000000;
    padding-left:4px;
}

.recherche table{
    margin:4px;
    border:#000000 solid 2px;
    background:url(../picts/fondsnap.png) top left repeat-x;
    background-color: #fff3c8;
}

.recherche table .lab{
    padding:4px;
    border:#000000 solid 1px;
    background:url(../picts/fondinputsnapshot2.png) top left repeat-x;
    background-color: #d3ffc4;
    font-weight:bold;
}

.recherche table td{
    text-align:left;

}

.recherche table input[type=texte]{
    margin:4px;
    width:200px;
    border:#000000 solid 1px;
}

.recherche table select{
    margin:4px;
    width:200px;
    border:#000000 solid 1px;
}

.recherche table input[type=texte]:hover{
    background-color: #eeeeee;
}

.recherche table input[type=radio]{
    margin:4px;
    border:#000000 solid 0px;
}

.recherche table input[type=button], .recherche table input[type=submit]{
    margin:2px;
    width:98%;
    border:#000000 solid 2px;
    cursor:pointer;
    font-weight:bold;
    color:#ffffff;
    background-color: #6d89d5;
}

.recherche table input[type=button]:hover, .recherche table input[type=submit]:hover{
    color:#ffffff;
    background-color: #476dd5;
}
/*pagination*/

.pagination{
    font-size:12px;
    color: #000000;
    padding:6px;
}

.pagination span{
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
}

.pagination b{
    color:#707070;
}

.pagination span:hover{
    background-color: #000000;
    color:#ffffff;
}
/*liste*/
.liste{
    font-size:12px;
    color: #000000;
}

.liste table{
    margin:4px;
    background-color: #ffffff;
    border:#000000 solid 2px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.liste table thead th {
    border:#000000 solid 1px;
    background-color: #fdcd79;

    padding:6px;
    font-weight:bold;
}

.liste table tbody tr {
    padding:6px;
}

.liste table tbody td {
    vertical-align: top;
    border:#000000 solid 1px;
    padding:4px;

}

/*personnalisation des couleurs de liste*/

.liste table tbody .light{
    background-color:#fff3c8;
}

.liste table tbody .hard{
    background-color:#ffe589;
}

.liste table tbody .light:hover, .liste table tbody .hard:hover{
    background-color:#fdcd79;
}

.liste table tbody .futur{
    background-color:#beb2f6;
}

.liste table tbody .past{
    background-color:#ffbcac;
}

.liste table tbody .present{
    background-color:#fff3c8;
}

.liste table tbody .pastreal{
    background-color:#d3ffc4;
}

.liste table tbody .presentrdv{
    background-color:#8ed4fc;
}

.liste table tbody .presentreal{
    background-color:#b7e5a7;
}


/** Type relations **/
.rela_yellow{
    background-color:#ffe589;
}

.rela_orange{
    background-color:#fdb571;
}

.rela_blue{
    background-color:#bfe8ff;
}

.rela_green{
    background-color:#b7e5a7;
}

.rela_purple{
    background-color:#f2cdff;
}


.trela_apostr{
    border:1px solid black;
    padding:2px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
}

.trela_menu{
    width:480px;
    padding:4px;
    border:2px solid black;
    margin-bottom:4px;
    border-radius: 10px;
    box-shadow: 10px 8px 22px -6px rgba(0,0,0,0.30);
  
}

.trela_select{
    width:200px;
    border:2px dotted  black;
    font-weight:bolder;
    padding:4px;
}



/*suppresssion*/
.delfull{
    margin:auto;
    padding:30px;
    width:460px;
    border:#000000 solid 2px;
    background:url(../picts/fondsnap.png) top left repeat-x;
    background-color: #fff3c8;   
    
}
/*edit complete*/
.editfull{

}
.editfull .edittable{
    margin:4px;
    border:#000000 solid 2px;
    background:url(../picts/fondsnap.png) top left repeat-x;
    background-color: #fff3c8;

}
.editfull .edittable .pana{
    vertical-align: top;
    padding:4px;
    border:#000000 solid 1px;
    background:url(../picts/fondinputsnapshot2.png) top left repeat-x;
    background-color: #d3ffc4;
    font-weight:bold;
    width:200px;
}

.editfull .edittable .panb{
    vertical-align: top;
    width:300px;
}

.editfull .edittable .panc{
    vertical-align: top;
    width:300px;
}

.editfull .edittable .panb input[type=texte]{
    margin:4px;
    width:200px;
    border:#000000 solid 1px;
}

.editfull .edittable .panb textarea{
    margin:4px;
    width:200px;
    height:100px;
    border:#000000 solid 1px;
}

.editfull .edittable .panb select{
    margin:4px;
    width:200px;
    border:#000000 solid 1px;
}

.editfull .edittable .panb input[type=texte]:hover{
    background-color:#fff3c8;
}

.editfull .edittable .panb input[type=radio]{
    margin:4px;
    border:#000000 solid 0px;
}
.editfull .edittable .panb span{
    font-weight:bold;
    color:#ff3f3f;
    background-color: #fcff29;
    border:1px solid #ff3f3f;
    visibility:hidden;
}
.editfull .edittable .pans{
    vertical-align: top;
}

.editfull .edittable .pans input[type=button], .editfull .edittable .pans input[type=submit]{
    margin:2px;
    width:98%;
    border:#000000 solid 2px;
    cursor:pointer;
    font-weight:bold;
    color:#ffffff;
    background-color: #6d89d5;
}

.editfull .edittable .pans input[type=button]:hover, .editfull .edittable .pans input[type=submit]:hover{
    color:#ffffff;
    background-color: #476dd5;
}


/*edit popup*/
.editsimple{

}
.editsimple .edittable{
    margin:4px;
    border:#000000 solid 2px;
    min-height:250px;
}

.editsimple .editswc{
    background:url(../picts/fondsnap.png) top left repeat-x;
    background-color: #fff3c8;
}


.editsimple .edittable .pana{
    vertical-align: top;
    padding:4px;
    border:#000000 solid 1px;
    background:url(../picts/fondinputsnapshot2.png) top left repeat-x;
    background-color: #d3ffc4;
    font-weight:bold;
    width:200px;
}

.editsimple .edittable .panb{
    vertical-align: top;
    width:500px;
}

.editsimple .edittable .panb input[type=texte]{
    margin:4px;
    width:200px;
    border:#000000 solid 1px;
}

.editsimple .edittable .panb textarea{
    margin:4px;
    width:200px;
    height:100px;
    border:#000000 solid 1px;
}

.editsimple .edittable .panb select{
    margin:4px;
    width:200px;
    border:#000000 solid 1px;
}

.editsimple .edittable .panb .historique{
    overflow: scroll;
    width:280px;
    height:150px;
    border:#000000 solid 1px;
    background-color:#fff3c8;
}


.editsimple .edittable .panb input[type=texte]:hover{
    background-color:#fff3c8;
}

.editsimple .edittable .panb input[type=radio]{
    margin:4px;
    border:#000000 solid 0px;
}
.editsimple .edittable .panb span{
    font-weight:bold;
    color:#ff3f3f;
    background-color: #fcff29;
    border:1px solid #ff3f3f;
    visibility:hidden;
}
.editsimple .edittable .pans{
    vertical-align: top;
}

.editsimple .edittable .pans input[type=button], .editsimple .edittable .pans input[type=submit]{
    margin:2px;
    width:98%;
    border:#000000 solid 2px;
    cursor:pointer;
    font-weight:bold;
    color:#ffffff;
    background-color: #6d89d5;
}

.editsimple .edittable .pans input[type=button]:hover, .editsimple .edittable .pans input[type=submit]:hover{
    color:#ffffff;
    background-color: #476dd5;
}

.editsimple .edittable .pans2 input[type=button], .editsimple .edittable .pans2 input[type=submit]{
    margin:2px;
    width:98%;
    border:#000000 solid 2px;
    cursor:pointer;
    font-weight:bold;
    color:#ffffff;
    background-color: #2f971d;
}

.editsimple .edittable .pans2 input[type=button]:hover, .editsimple .edittable .pans2 input[type=submit]:hover{
    color:#ffffff;
    background-color: #2f971d;
    opacity:0.7;
}

.editsimple .edittable .pans3 input[type=button], .editsimple .edittable .pans2 input[type=submit]{
    margin:2px;
    width:98%;
    border:#000000 solid 2px;
    cursor:pointer;
    font-weight:bold;
    color:#ffffff;
    background-color: #d5a26d;
}

.editsimple .edittable .pans3 input[type=button]:hover, .editsimple .edittable .pans2 input[type=submit]:hover{
    color:#ffffff;
    background-color: #d5a26d;
    opacity:0.7;
}

.editsimple .helprelationdate{
    position:absolute;
    border:#000000 solid 1px;
    background-color: #fffae7;
    margin-left:320px;
    height:200px;
    width:151px;
    font-size:13px;
}
.editsimple .helprelationdate ul{
    margin:0px;
    padding:0px;
    list-style-type: none;
}

.editsimple .helprelationdate ul li{
    margin:0px;
    padding:0px;
}

.editsimple .helprelationdate ul li .redalert{
    color: red;
} 

.editsimple .helprelationdate ul li .bluealert{
    color: blue;
}

.editsimple .helprelationdate ul li .greenalert{
    color: green;
}

/*Block du milieu*/
.diversabsolute{
    position:absolute;
    color:#000000;
    border:3px solid #000000;
    background:url(../picts/fondsnap.png) top left repeat-x;
    background-color: #fff3c8;
}

.diversabsolute_simple{
    position:absolute;
    color:#000000;
    border:3px solid #000000;
}


.inpop{
    border-top:1px solid #000000;

}

/* pop up toolbar */
.inpop_toolbar{
    
}

.inpop_toolbar img{
    cursor:pointer;
    margin-left:5px;
}

/*fichecomplete*/

.likea{
    font-size:12px;
    color:#707070;
    font-weight:bold;
    cursor:pointer;
}
.likea:hover{
    color:#000000;
    font-weight:bold;
}

.fichecomplete{

}

.fichecomplete .boxpage{
    margin:4px;
    width: calc(100% - 6px);
}

.fichecomplete .boxpage .part1{
    vertical-align: top;
    width:460px;
}

.fichecomplete .boxpage .part1 .entreprise{

}
.fichecomplete .boxpage .part1 .entreprise .fichetable{
    margin:4px;
    border:#000000 solid 2px;
    background-color:#fff3c8;
}
.fichecomplete .boxpage .part1 .entreprise .fichetable .pana{
    vertical-align: top;
    padding:4px;
    border:#000000 solid 1px;
    background:url(../picts/fondinputsnapshot2.png) top left repeat-x;
    background-color: #d3ffc4;
    font-weight:bold;
    width:200px;
}

.fichecomplete .boxpage .part1 .entreprise .fichetable .panb{
    vertical-align: top;
    width:250px;
}

.fichecomplete .boxpage .part1 .entreprise .fichetable .pant{
    vertical-align: top;
    padding:4px;
    border:#000000 solid 1px;
    background:url(../picts/fondinputsnapshot2.png) top left repeat-x;
    background-color: #d3ffc4;
    font-weight:bold;
    width:450px;
}

.entreprise .fichetable .pany{
    vertical-align: top;
    padding:4px;
    border:#000000 solid 1px;
    background-color: #fdcd79;
    font-weight:bold;
    width:450px;
}

.fichecomplete .boxpage .part1 .entreprise .fichetable .panc{
    vertical-align: top;
    width:450px;
}

.fichecomplete .boxpage .part1 .contacts{

}

.fichecomplete .boxpage .part2 .contacts #contactliste{

}


.fichecomplete .boxpage .part2 .contacts #contactliste table{
    margin:4px;
    background-color: #ffffff;
    border:#000000 solid 2px;
    width:100%;
}

.fichecomplete .boxpage .part2 .contacts #contactliste table thead th {
    border:#000000 solid 1px;
    background-color: #fdcd79;
    padding:6px;
    font-weight:bold;
}



.fichecomplete .boxpage .part2 .contacts #contactliste table tbody td {
    vertical-align: top;
}

.fichecomplete .boxpage .part2 .contacts #contactliste table tbody .light{
    background-color:#fff3c8;
}

.fichecomplete .boxpage .part2 .contacts #contactliste table tbody .hard{
    background-color:#ffe589;
}

.fichecomplete .boxpage .part2 .contacts #contactliste table tbody .light:hover,.fichecomplete .boxpage .part2 .contacts #contactliste table tbody .hard:hover{
    background-color:#fdcd79;
}




.fichecomplete .boxpage .part2 {
    vertical-align: top;
}


.fichecomplete .boxpage .part2 .relations{

}

.fichecomplete .boxpage .part2 .relations #relationliste{

}

.fichecomplete .boxpage .part2 .relations #relationliste table{
    margin:4px;
    background-color: #ffffff;
    border:#000000 solid 2px;
    border-spacing:4px;
    width:95%;
}

.fichecomplete .boxpage .part2 .relations #relationliste td{
    border:#000000 solid 1px;
    padding-top:2px;
    padding-left:4px;
    padding-bottom:8px;
    font-size: 14px;
}



.fichecomplete .boxpage .part2 .relations #relationliste .light{
    background-color:#fff3c8;
}

.fichecomplete .boxpage .part2 .relations #relationliste .hard{
    background-color:#ffe589;
}

.fichecomplete .boxpage .part2 .relations #relationliste .light:hover,.fichecomplete .boxpage .part2 .relations #relationliste .hard:hover{
    background-color:#fdcd79;
}


.fichecomplete .boxpage .part2 .relations #relationliste .rlight{
    background-color:#d3ffc4;
}


.fichecomplete .boxpage .part2 .relations #relationliste .rhard{
    background-color:#b7e5a7;
}

.fichecomplete .boxpage .part2 .relations #relationliste .rlight:hover,.fichecomplete .boxpage .part2 .relations #relationliste .rhard:hover{
    background-color:#8efd68;
}


.ong_viewer{
    display:inline-block;
    cursor:pointer;
    border:2px solid black;
    border-bottom:0px;
    border-radius: 10px 10px 0px 0px;
    margin:0px;
    margin-top: 6px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 4px;
    font-weight:bolder;
    font-size: 1.2em;
}

.ong_active{
    background-color: #d3ffc4;
    
}

.ong_passive{
    background-color: #fff3c8;
    
}


/** automailing **/
div.autom_title {
    vertical-align: top;
    padding:4px;
    margin-left:8px;
    border:#000000 solid 1px;
    background:url(../picts/fondinputsnapshot2.png) top left repeat-x;
    background-color: #d3ffc4;
    font-weight:bold;
    width:200px;    
}

div.autom_corps{
    margin-left:8px;
    margin-top:10px;
    width:700px;
    height:500px;
    border: #000000 solid 2px;
    background-color: #fff4cebd;    
}

/** fin automailing **/