@import "/layout/css/styles.css";

#sk-body-left h1 {padding-left: 30px; margin-bottom: 10px;margin-top: 10px;}

.home-news .items {padding-left: 30px;margin-bottom: 10px;}
.home-news .date {color: #999; font-size: 10px;float: left; width: 80px;line-height: 13px;}
.home-news .title {color: #374F5B; font-size: 13px;}
.home-news .texte {padding-left: 80px; display: block; color: #333; margin-top: 5px; line-height: 1.3em;}


#list-items {overflow: hidden; width: 600px; margin: 10px auto;}

#list-items img {margin: 0 5px;}
#list-items .small { float: left; width: 100px; position: relative; height: 135px; margin-top: 15px; overflow: hidden;}
#list-items .large-info {left: 5px; width: 90px;}
#list-items .small-empty { float: left; width: 88px; height: 133px; margin-top: 15px; overflow: hidden; border: dotted 1px #ADB3B6; margin-left: 5px;margin-right: 5px; background-color: #F9F9F9; }

.small-info {position: absolute; bottom: -35px; left: 5px; background-color: #000; height: 35px; color: #fff; text-align: center;padding-top: 0;width: 90px;}
.small-info .name {font-weight: normal; text-transform: uppercase; display: block; font-size: 10px;}


#list-items .corner_F ,
#list-items .corner_P ,
#list-items .corner_A ,
#list-items .corner_E {right: 5px;}

#details-model {margin-top: 20px;}
#details-model .toolbar {display: block; overflow: hidden;margin-left: 10px;}
#details-model .toolbar li {float: left;margin: 0 20px 0 0;}
#details-model .toolbar .previous {width: 29px;}
#details-model .toolbar .position {font-size: 20px; color: #374E5A; line-height: 35px; }
#details-model .toolbar .next     {width: 29px;}
#details-model .diaporama {cursor: pointer;}
#details-model .gallery {cursor: pointer;}


#details-model .details-left {float: left; width: 300px;margin-right: 5px;}
#details-model .details-right {float: left; width: 400px; height: 450px; overflow: hidden;}
#details-model .details-right .navigator {margin-right: 3px;}

#details-model .details-right img {width: 90px; margin: 0 5px 8px 5px; float: left;cursor: pointer;}
#details-model .small-empty { float: left; width: 88px; height: 133px;  margin: 0 5px 8px 5px; border: dotted 1px #ADB3B6; background-color: #F9F9F9; }
#details-model .box {overflow: hidden; float: left; width: 400px;}
#details-model .details-right .scroll {height: 425px; overflow: hidden; width: 15000px;}

#details-model li.actif a {background: none;}

#box-search {font-family: "Trebuchet MS";}
#box-search h1 {border: none; font-family: arial; font-size: 20px; padding: 0; font-weight: 100;}
#box-search table {border-collapse: collapse; width: 176px; font-weight: bold; color: #333;margin-top: 10px;}
#box-search td {border-left: solid 1px #CCC;border-right: solid 1px #CCC;padding: 5px; text-align: center; font-family: arial; font-weight: normal;}
#box-search .odd {background-color: #F0F0F0;}
#box-search td.category {border: solid 1px #ccc; height: 40px; vertical-align: middle; text-align: center;color: #374E5A; font-size: 20px;}
#box-search td.comment {border: solid 1px #ccc; color: #374E5A; background-color: #F0F0F0; padding: 20px 5px; text-align: left;}
#box-search .id-fiche {font-size: 30px; text-align: center; color: #BCBCBC;margin-top: 10px;}

.gallery-wantedd {margin: 10px 15px; overflow: hidden;}
.gallery-wantedd .scroll {height: 680px; overflow: hidden; width: 15000px;}
.gallery-wantedd .img {float: left; width: 150px; overflow: hidden;margin: 10px;position: relative;}
.gallery-wantedd .img .large-info {position: absolute;bottom: 0; left: 0; width: 150px; height: 45px; background-color: #000; color: #fff; text-align: center;}
.gallery-wantedd .img .large-info .name {display: block;}
.gallery-wantedd .box {overflow: hidden; float: left; width: 680px; }
.gallery-wantedd .small-empty { float: left; width: 148px; height: 148px; margin: 10px; border: dotted 1px #ADB3B6; background-color: #F9F9F9; }

#advSearch {padding-top: 10px;}
#advSearch .adv_box {border: solid 1px #ccc; margin: 5px; float: left; width: 130px; height: 133px;}
#advSearch .adv_box .list {height: 75px; overflow: auto; padding: 5px 5px;}
#advSearch .adv_box .title {text-align: center;}

#srcParam {border: solid 1px #ccc; padding: 5px;margin: 5px; float: left; width: 509px;}
#srcParam .left {float: left; width: 254px;background: url(/layout/images/separator.jpg) repeat-y right top;}
#srcParam .right {float: left;width: 254px;}
#srcParam .line {overflow: hidden;padding: 3px;}
#srcParam label {float: left; width: 75px; line-height: 18px; text-align: right; padding-right: 5px;}
#srcParam label.col2 {width: 50px;}
#srcParam label.col3 {width: auto; padding-left:5px;}
#srcParam input {float: left;}

#srcButtons {margin: 5px; float: left; width: 167px; height: 97px; padding-top: 15px; text-align:center;}
#srcButtons .result {display: block; height: 17px; padding-top: 5px;}

#list-items-search {overflow: hidden; width: 699px; margin: 10px auto;}
#list-items-search img {margin: 0 5px; float: left;}
#list-items-search .small { float: left; height: 135px; margin-top: 5px; overflow: hidden; border: solid 1px #ccc; width: 225px; margin-right: 5px; padding: 5px 0; position: relative;}
#list-items-search .small-empty { float: left; width: 225px; height: 145px; margin-top: 5px; overflow: hidden; border: dotted 1px #ADB3B6;margin-right: 5px; background-color: #F9F9F9; }
#list-items-search .large-info-search {float:left; width: 123px; }
#list-items-search .large-info-search .name {font-weight: normal; text-transform: uppercase; display: block; font-size: 15px;margin-bottom: 10px; text-align: center;}
#list-items-search .large-info-search .label {font-weight: normal; width: 59px; float: left;text-align: right;margin-right: 5px;line-height: 1.2em;}
#list-items-search .large-info-search .value {font-weight: normal; width: 59px; float: left;text-align: left;overflow: hidden;line-height: 1.2em;}

#box-adv-search a.search {padding: 3px 20px 3px 3px; border: solid 1px #ccc; margin: 2px 0;display: block;}
#box-adv-search a.search:hover {text-decoration: none; background:#ccc url(/layout/images/cross.gif) no-repeat 160px center;}
#box-adv-search h2 {color: #374F5B; font-weight: bold; font-size: 12px; border-bottom: solid 4px #B0B7BB; padding-left: 5px;padding-bottom: 10px;}

#add {position: absolute; display: none;}


#composite {overflow: hidden; width: 137px;margin: 10px auto; height: 197px;}
#composite .img {background-color: #ccc; width: 60px; height: 90px; float: left;margin: 3px; border: dotted 1px #999;}
#composite .img img {width: 60px;}
#composite .active {background-color: #bbb;}
#composite .page { height: 197px; width: 137px; float: left;}
#composite .scroll {width: 1000px; }

.navi {margin-left: 24px; padding-bottom: 10px; width: 84px; float: left;}
.navi a {width: 38px; height: 10px; line-height: 10px; background: url(/layout/images/navi-composite.jpg); float: left;margin: 2px;}
.navi li {float: left;}
.navi2 {float: left; width: 40px;margin-left: 5px;}
.navi2 li {line-height: 10px; margin: 2px; text-align: center;}

#compositeAuto {font-size: 9px; font-family: arial;}
#compositePage {font-size: 9px; font-family: arial;}
#compositeClear {}
#compositePrevious {background-position: -40px 0; }
#compositeNext {background-position: -80px 0; }
#compositePrint {background-position: -120px 0; }

#compositeClear.disabled {background-position: 0 -20px; }
#compositePrevious.disabled {background-position: -40px -20px; }
#compositeNext.disabled {background-position: -80px -20px; }
#compositePrint.disabled {background-position: -120px -20px; }

#boxSelection select {font-size: 8px; text-transform: lowercase;margin-top: 10px; width: 100%; border: solid 1px #999;}
#boxSelection a {line-height: 10px; float: left;margin: 3px;margin-top: 10px;}
#setShow {display: none;}

#setInfo {display: block; clear: both;padding-top: 5px;}
#setInfo label {display: block;line-height: 1.8em; }
#setInfo input {display: block; width: 178px; border: solid 1px #999;}
#setInfo textarea {display: block; width: 178px; border: solid 1px #999; height: 40px;}

#boxSelection h5 {font-size: 11px; font-weight: normal; text-transform: lowercase; text-align: center;margin-top: 30px;background-color: #999; color: #eee; padding: 5px 0;}

.addSel,
.delSel {position: absolute; bottom: 3px; right: 3px;font-size: 9px;font-family: arial;}

.addSel2,
.delSel2 {position: absolute; top: 1px; right: 6px;font-size: 9px;font-family: arial; color: #000; background-color: #fff;}