.innerdepot                                                       {width:100%; max-width:1100px; background: var(--background_body1); margin:0px auto; padding:15px 30px; font-size:13px; display:flex; flex-direction:column; border: solid 5px #221f1c; border-radius:20px;}
.innerdepot h1                                                    {font-size:15px; color:var(--color_theme3); margin:5px 0px 20px 0px;}
.innerdepot .sep                                                  {width:100%; height:1px; background: #171515; margin: 10px 0px 0px auto; padding: 0px;}
.innerdepot .input-field                                          {width:100%; margin:10px auto 10px auto;}
.innerdepot .input-field .innerlabel                              {width:300px; min-width:300px;}
.innerdepot .select-wrapper                                       {position: relative; width: 100%; max-width: 350px; min-width: 320px;}
.innerdepot label                                                 {font-size: 13px; line-height: 30px; color:var(--color_head);}
.innerdepot label[type="radio"]:not(:checked)+span                {font-size: 13px; line-height: 30px; margin: 0px 15px 0px 0px; color:var(--color_head);}
.innerdepot input[type="text"]                                    {width:calc(100% - 30px); color: #f5f5f5 !important; font-size: 14px; border: solid 1px #221f1c;  border-radius: 20px; padding: 0px 15px;}
.innerdepot input[type="number"]                                  {width:calc(100% - 30px); color: #f5f5f5 !important; font-size: 14px; border: solid 1px #221f1c;  border-radius: 20px; padding: 0px 15px;}
.innerdepot input[type="tel"]                                     {width:calc(100% - 30px); color: #f5f5f5 !important; font-size: 14px; border: solid 1px #221f1c;  border-radius: 20px; padding: 0px 15px;}
.innerdepot .select-wrapper input.select-dropdown                 {color:#f5f5f5 !important;}
.innerdepot [type="radio"]:not(:checked)+span                     {font-size:13px; padding-left: 25px;}
.innerdepot [type="radio"]:checked+span                           {font-size:15px; padding-left: 25px;}
.innerdepot textarea                                              {width:100%; color: #f5f5f5 !important; font-size: 14px; border: solid 1px #221f1c;  border-radius: 20px; padding: 15px;}
.innerdepot .chips .chip                                          {height: 30px; font-size: 12px; color: rgb(118, 97, 176); line-height: 29px; padding: 0 11px; border-radius: 15px; background-color: #27203a;}
.innerdepot .chips .input                                         {font-size:13px; color: #f5f5f5 !important;}
.innerdepot .infotext                                             {color:#837494; font-size: 11px; line-height:16px; display: flex; flex-direction: row; width:100%;}
.innerdepot .infotext i                                           {font-size: 15px; color:#9967d3}
.innerdepot .dropdown-content                                     {background-color: #000; width: 80% !important; height: 350px !important; border: solid 5px #221f1c; border-radius:20px; box-shadow: 0px 0px 100px rgb(0, 0, 0);}
.innerdepot .select-wrapper .caret                                {fill: var(--color_separator);}
.innerdepot .select-dropdown li.disabled                          {color: rgba(232, 232, 232, 0.7) !important; background-color: #13131391}
.innerdepot .select-dropdown li.disabled>span                     {color: rgba(232, 232, 232, 0.7) !important; background-color: #13131391}
.innerdepot .select-dropdown.dropdown-content li:hover            {background-color: rgb(39, 32, 58) !important;}
.innerdepot .select-dropdown.dropdown-content li.selected         {background-color: rgb(39, 32, 58) !important;}
.innerdepot .dropdown-content li                                  {min-height: unset !important; line-height:1.3rem;}
.innerdepot .dropdown-content li>span                             {font-size: 13px !important; line-height: 18px !important; padding: 5px 16px !important;}
.innerdepot .titcoltar1                                           {display:none;}

.innerdepot .upload-zone                                          {margin:20px auto; padding: 2rem; height:18rem; width:65%; background: repeating-conic-gradient(#262626 0 25%, transparent 0 50%); background-size: 48px 48px; box-shadow: #221f1c 0px 0px 0px 2px; border: solid 4px rgb(16, 16, 16); border-radius: 1rem; justify-content: center; align-items: center; flex-direction: column; display: flex; cursor: pointer; position: relative;}
.innerdepot .upload-zone i                                        {color:#ffffff7a; font-size:120px;}
.innerdepot .upload-zone p                                        {color:#a7a5adab; font-size:15px}
.innerdepot .dz-count                                             {position: absolute; background: #27203a; color: orange; left: -23px; bottom: -25px; font-size: 11px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 7px; border: solid 2px #221f1c;}
.innerdepot .previewContainer                                     {display:flex; width:calc(65% - 10px); padding:0px 5px; height:auto; min-height:100px; flex-direction: row; flex-wrap: wrap; align-content: center; border: solid 5px #221f1c; border-radius: 20px; margin: 20px auto;}
.innerdepot .previewContainer .pv-item                            {display:flex; align-items: center; justify-content: center; height:100%; width:calc(10% - 3px); aspect-ratio: 1; margin-right:3px; border-radius:5px; position: relative;}
.innerdepot .previewContainer .pv-item .pv-del                    {position: absolute; right: -1px; top: -1px; font-size: 16px; color: red; background: #101010; padding: 2px; border-radius: 50%; border: solid 1px #4f4949; cursor: pointer; z-index: 10;}

.innerdepot .montanttot                                           {font-size:16px; text-align: center; width:100px; height:40px; padding:5px 4px 2px 4px; background: #27203a !important; aspect-ratio: 1; border: solid 2px #221f1c; border-radius:8px; color:var(--color_separator); }

.innerdepot .Jq_button                                            {width: 300px !important; padding: 0 0.75rem; margin: 30px auto;}
.innerdepot .btn-large                                            {height: 36px !important; line-height: 36px !important;}
.innerdepot .Jq_button .Jq_formMail                               {background:#27203a !important; width:100%; font-size: 13px; border-radius: 40px; color:#7661b0 !important;}
.innerdepot .Jq_button .Jq_formMail i                             {color: #7661b0; font-size:20;}
.innerdepot .Jq_button .Jq_formMail:hover                         {color: #b598ff !important;}
.innerdepot .Jq_button .Jq_formMail:hover i                       {color: #b598ff !important;}

.innerdepot .annonce_affiche_page                                 {width:50%; max-width:450px; height:auto; margin:30px auto 30px auto; position: relative;}
.innerdepot .annonce_affiche_page .titrage                        {width:100%; height:auto; margin:0px auto 0px auto; padding:15px; background: var(--background_body1); border-radius: 8px; display: flex;  flex-direction: column; justify-content: center; align-items: flex-start; }
.innerdepot .annonce_affiche_page .titrage h1                     {font-size: 1.5rem; font-weight: bold; color: var(--color_theme); margin: 0px 0px 10px 0px; padding: 0px; text-transform: uppercase; width: 100%; text-align: center;}
.innerdepot .annonce_affiche_page .titrage .ref                   {font-size: 10px; color: var(--color_theme2); margin: 0px 0px 5px 0px; padding: 0px; }
.innerdepot .annonce_affiche_page .colorline                      {width:100%; height:10px; margin:0px auto 5px auto; padding:0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; display: block; translate:0px -10px;}
.innerdepot .annonce_affiche_page .backcolor	                  {background: var(--background_body3); }
.innerdepot .annonce_affiche_page .backculs	                      {background: var(--background_body4); }
.innerdepot .annonce_affiche_page .haeder                         {width:100%; height:auto; margin:0px auto 15px auto; padding:0px; display: flex; flex-direction: column; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.innerdepot .annonce_affiche_page .haeder .coldet                 {position: relative; width:100%; padding: 15px; background: var(--background_body1); border-radius: 8px; }
.innerdepot .annonce_affiche_page .haeder .coldet:first-child     {margin-right: 15px;}
.innerdepot .annonce_affiche_page .haeder .coldet strong          {font-weight: bold; color: var(--color_theme2); font-size:unset;}
.innerdepot .annonce_affiche_page .haeder .coldet .badge_top      {position: absolute; top:-5px; left:-5px; z-index: 10; opacity: 0.7 !important; }
.innerdepot .annonce_affiche_page .haeder .coldet .badge_top i 	  {font-size:25px; color:#fff; }
.innerdepot .annonce_affiche_page .haeder .coldet .imgview        {width:100%; height:auto; border-radius: 8px; overflow: hidden; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; position: relative; }
.innerdepot .annonce_affiche_page .haeder .coldet .imgview img    {object-fit: cover; aspect-ratio: 1/1; border-radius: 8px; width: 100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: all 0.4s;}
.innerdepot .annonce_affiche_page .haeder .coldet .inner_head     {width:100%; height:auto; margin:0px; padding:0px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; font-size:13px; color: var(--color_gen);}
.innerdepot .annonce_affiche_page .haeder .coldet .inner_head .categorie    {color: var(--color_theme3); margin:0px 0px 10px 0px; padding:0px; display: flex; flex-direction: row; align-items: center; word-break: break-all;}
.innerdepot .annonce_affiche_page .haeder .coldet .inner_head .rappeltitre  {font-size: 1.2rem; font-weight: bold; color: var(--color_gen); margin:10px 0px 10px 0px; padding:0px; text-transform: uppercase;}
.innerdepot .annonce_affiche_page .haeder .coldet .inner_head .prix         {font-size: 1.2rem; font-weight: bold; color: var(--color_separator); margin:10px 0px; padding:0px; display: flex; flex-direction: row; align-items: center; }
.innerdepot .annonce_affiche_page .haeder .coldet .inner_head .sep          {width:100%; height:1px; background: var(--color_separator); margin:10px 0px; padding:0px;}
.innerdepot .annonce_affiche_page .casephoto                      {width:100%; height:auto; margin:10px 0px 0px 0px; padding:15px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:2.5px; flex-wrap: wrap; background: var(--background_body1); border-radius: 8px;}
.innerdepot .annonce_affiche_page .casephoto .minzomm             {width:calc(100% / 10 - 4px); height:auto; cursor: pointer; overflow: hidden; aspect-ratio: 1/1; border-radius: 8px; position: relative;}
.innerdepot .annonce_affiche_page .casephoto .minzomm img         {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:110%; height:auto; border-radius: 8px; object-fit:cover; aspect-ratio:1/1; transition: all 0.3s;}
.innerdepot .annonce_affiche_page .casephoto .minzomm:hover img   {transform: scale(1.05) translate(-50%, -50%);}
.innerdepot .annonce_affiche_page .keywordscase                   {width:100%; height:auto; margin:10px 0px 0px 0px; padding:15px; background: var(--background_body1); border-radius: 8px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:10px; flex-wrap: wrap;}
.innerdepot .annonce_affiche_page .keywordscase .keyword          {font-size: 11.5px; color:#7661b0; background: #27203a; padding:5px 10px; border-radius: 8px; transition: all 0.3s; text-decoration: none; letter-spacing: -0.4px;}
.innerdepot .annonce_affiche_page .keywordscase .keyword:hover    {color: #b598ff;}
.innerdepot .annonce_affiche_page .texte_annonce                  {width:100%; height:auto; margin:0px auto 30px auto; padding: 15px 50px 30px 30px;; background: var(--background_body1); border-radius: 8px; color: var(--color_gen); font-size: 13px; text-align: justify; line-height: 1.6em; white-space: pre-wrap; word-wrap: break-word;}
.innerdepot .annonce_affiche_page .texte_annonce p                {margin: 0px 0px 10px 0px; padding:0px;}
.innerdepot .annonce_affiche_page .map_annonce                    {width:100%; height:auto; margin:0px auto 30px auto; padding: 15px; background: var(--background_body1); border-radius: 8px; color: var(--color_gen); font-size: 16px; text-align: justify; line-height: 1.6em;}
.innerdepot .annonce_affiche_page .map_annonce iframe             {width:100%; height:400px; border:0px; border-radius: 8px; margin-top:15px; filter:invert(1) saturate(0.5); }

.innerdepot .coloneinfo                                           {width:48%; margin-left:2px; display: block;}

@keyframes move_photo {
    to {
        transform: translate(0px, 0px);
        opacity: 1;
    }
}

@media only screen and (max-width: 1024px) {
    #mini_nav                       {display: none !important;}
    .innerdepot .select-wrapper     {min-width: unset!important;}
    .row .col                       {padding: 0 !important;}
    .innerdepot                     {padding: 15px 15px !important;}
    .innerdepot .upload-zone        {width: 95%!important;}
    .innerdepot .previewContainer   {width: 100%!important;}
    #titcoltar0                     {display:none!important;}
    .innerdepot .titreoption        {margin-top:30px;}
    .innerdepot .input-field        {margin: 0px 0px 40px 0px !important;}
    .innerdepot .listoption         {width:90% !important; max-width:90%!important; margin:0px !important;}
    .innerdepot .titcoltar1         {display: inline-block !important; margin-left:10px;}
    .innerdepot .annonce_affiche_page {width: 100% !important;}
    .innerdepot .coloneinfo         {width: 100% !important;}
    .innerdepot .orderinfo          {flex-direction: column-reverse;}
}