@font-face {font-family:'Gotham-t'; src:url('../../../../fonts/Gotham-Thin.eot'); src:url('../../../../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),
 url('../../../../fonts/Gotham-Thin.woff') format('woff'),
 url('../../../../fonts/Gotham-Thin.ttf') format('truetype'),
 url('../../../../fonts/Gotham-Thin.svg#Gotham-t') format('svg'); font-weight:normal; font-style:normal;}

  :root {
    --MainBlue: #1b2973;
    --StudioBlue: #3f4d98;
    --ExterGreen: #3f9869;
    --TopMenuColor: #f3f3f3;
    --TextFont: 'Open Sans', sans-serif; 
}


.avertissement {display: none;}
 @media only screen and (orientation:portrait) {
    div.NoPortrait {display: none;}
    div.avertissement {
        display: block;
        text-align: center;font-size: 22px; color: #ACACAC;
    }
    }
 @media only screen and (orientation:landscape) {
     div.avertissement {display: none;}
 }

 mod-new-origine
 body {color:black; font-size:14px}

.am-wrapper {max-width:2100px}
.am-content {margin-left:0;}
.table-hover > tbody > tr:hover {background-color: #F4EEEE;}
.panel-default > .panel-heading p {color: white; font-size:30px; line-height:32px;}
.am-top-header .navbar-collapse .am-user-nav > li.dropdown > a .user-name {display: inline;}
.am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu {background-color: #497448; border-color: #5a9159; color:white}
.am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>li>a {color:white}
.am-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>li>a:hover {background-color: #497448; border-color: #5a9159;}
.am-left-sidebar {background-color:#5a9159}
.am-top-header .navbar-header .navbar-brand {background-position:center center; border-bottom:none;}
.am-left-sidebar .sidebar-elements > li {border-bottom-color:#fdfdfd;}
.am-left-sidebar .sidebar-elements > li.open, .am-left-sidebar .sidebar-elements > li:hover {background-color:#497448;}
.am-left-sidebar .sidebar-elements > li > ul {background-color:#497448;}
.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a:hover {background-color:#497448; color:white;}
.am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a {font-size:14px; color:#fff;}
.widget.widget-tile .icon {color:#5a9159}
.am-top-header, .am-top-header .navbar-header .navbar-brand {background-color:#5a9159; border-bottom: 1px solid white; border-right: 1px solid white;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: #497448; border-color: #5a9159;}
.am-left-sidebar .sidebar-elements > li > a {color:white}
.am-left-sidebar .sidebar-elements > li > ul > li.title {border-bottom:1px solid #fff;}
.login-container {max-width:470px}

.modal {top:25%;}
.modal-content {border-radius:8px}
.modal-body {padding: 0px 20px 50px 30px;}
.modal-body .i-circle {margin-bottom: 0;}
#mod-photo-membre .modal-content {width:120px; background-color: #fff;}
#mod-photo-membre .modal-content .modal-header {padding:1rem 1rem 0 0}
#mod-photo-membre .modal-content .modal-header .close {color:black}
#mod-photo-membre .modal-body {padding:0;}
#mod-photo-membre .modal-body img {display:block; width:125px; margin:1rem auto 2rem auto; padding:.5em; border:1px solid grey;}
#mod-photo-membre .google-style {display:block; margin:0 auto 4rem auto}

#mod-new-titre .modal-content {width:50rem; background-color: #fff;}
#mod-new-titre .modal-content .modal-header {padding:1rem 1rem 0 0}
#mod-new-titre .modal-content .modal-header .close {color:black}
#mod-new-titre .modal-body {margin:0 auto .5rem auto; padding-bottom:5rem}
#mod-new-titre .modal-body h3 {text-align:center; margin:0 0 2.2rem 0}
#mod-new-titre .modal-body input[type='text'] {width:30rem; margin:0 auto .8rem auto}
#mod-new-titre .modal-body button {display:block; margin:0 auto; width:18rem}

#ModalAddCateg .modal-content .modal-header {padding:10px 0 10px 20px; background-color:#7ACCBE;color:white}

.table > tbody > tr > td {font-weight:400}

#mod-loader .modal-body {padding-top:15px}
#mod-loader .text-info {color:inherit; font-size:1.5rem; height:40px}
#mod-loader .progress {width:60%; margin:0 auto}
#ModalPDFReady .boutonscontener {margin-top:20px;}
#ModalPDFReady .boutonscontener i:not(.s7-cloud-download) {margin-right:6px}




#invoicelinkcontener {display:none}

.bootbox .modal-header {margin-bottom:10px;background-color: rgb(252, 252, 252);border-bottom: 1px solid rgb(229, 229, 229);}
.bootbox .modal-header h4 {font-size:20px; font-weight:400}
.bootbox-body {font-size:16px;}
.bootbox .modal-body {padding: 0px 20px 30px 30px;}

.PersoForm .form-group {padding: 8px 0 0 0;}
.form-control {color: #636363; border-radius:3px}
.form-control[disabled] {background-color: #f5f5f5;}

.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label::before {content: "OUI";}
.switch-button.switch-button-yesno label::before {content: "NON";}

.parsley-errors-list.filled {position:relative; display:block; width:200px; background-color: #ef6262; color: #fff; margin:7px 0 10px 0; padding: 1px 20px;}

.noText {font-size:15px;margin-right: 0;padding-bottom:4px; line-height: initial;}

.switch-button.switch-button-xs {width:55px}
.switch-button input[type="checkbox"]:checked + span label::before {content: "OUI";}
.switch-button label::before {content: "NON";}

.switch-button_en.switch-button-xs {width:60px}
.switch-button_en input[type="checkbox"]:checked + span label::before {content: "ON";}
.switch-button_en label::before {content: "OFF";}
td .switch-button {display:block; margin:0  auto}

.like-button {font-size:2.3rem; margin-right:.3rem; vertical-align:sub;}


.W6,.W5,.W4,.W3,.W2,.W1 {width: 1280px;}
.control-label {display: inline-block; width:15rem; text-align: right; padding-right:1rem; font-size: 14px;}
.label-condensed {line-height:1.5rem; vertical-align:bottom}
.label-condensed cite {font-size:1.2rem; color:red}
#ResaList .control-label {width: 220px;}
.W6 > .form-control, .W6 > .no-form {display: inline-block; width: 900px;}
.W5 > .form-control, .W5 > .no-form {display: inline-block; width: 800px;} 
.W4 > .form-control, .W4 > .no-form {display: inline-block; width: 560px;}
.W3 > .form-control, .W3 > .no-form {display: inline-block; width: 460px;}
.W2 > .form-control, .W2 > .no-form {display: inline-block; width: 260px;}
.W1 > .form-control, .W1 > .no-form {display: inline-block; width: 160px;}
.W0 > .form-control, .W0 > .no-form {display: inline-block; width: 60px;}
cite.enbas {display:block; margin-left:210px;}

.col-sm-100 {width: 100%;}
.col-sm-70 {width: 70%;}
.col-sm-60 {width: 60%;}
.col-sm-50 {width: 50%;}
.col-sm-40 {width: 40%;}

@media (max-width: 1280px) { /* Petits écrans */
    .W6,.W5,.W4,.W3,.W2,.W1 {width: 980px;}
    .control-label {width: 170px; font-size: 13px;}
    .W6 > .form-control, .W6 > .no-form {width: 800px;}
    .W5 > .form-control, .W5 > .no-form {width: 700px;}
    .W4 > .form-control, .W4 > .no-form {width: 490px;}
    .W3 > .form-control, .W3 > .no-form {width: 400px;}
    .W2 > .form-control, .W2 > .no-form {width: 270px;}
    .W1 > .form-control, .W4 > .no-form {width: 180px;}
    .W0 > .form-control, .W0 > .no-form {width: 40px;}
    .col-md-3 {width:33%}
    cite.enbas {display:block; margin-left:180px;}
    .col-sm-70 {width: 90%;}
}


@media (max-width: 1024px) { /* Tablette */
    .form-control[disabled] {color: black;}
    .W6,.W5,.W4,.W3,.W2,.W1 {width: 850px;}
    .W6 > .form-control, .W6 > .no-form {width: 730px;}
    .W5 > .form-control, .W5 > .no-form {width: 650px;}
    .W4 > .form-control, .W4 > .no-form {width: 540px;}
    .W3 > .form-control, .W3 > .no-form {width: 440px;}
    .W2 > .form-control, .W2 > .no-form {width: 250px;}
    .W1 > .form-control, .W1 > .no-form {width: 140px;}
    .W0 > .form-control, .W0 > .no-form {width: 50px;}
    .no-tablette {display: none;}
}



.CT {text-align: center;}
.RT {text-align: right;}
.CAP {text-transform: capitalize;}
.UP {text-transform: uppercase;}
.TRed {color:red;}
.TGrn {color:#348000;}
tr.Lines td.G600, .G600 {font-weight:600}
.HiddenBloc {display:none}
label.inline {padding-left:0;padding-right:0;}
.BorderRed {border-color:red}
.BorderGreen {border-color:rgb(105, 136, 69)}

.ui-autocomplete {max-height:300px; overflow-y:auto; overflow-x:hidden; color: #636363; border-radius:3px}
tr.Lines td.PRIX {text-align:right; padding-right:32px;}
label.w210 {width:210px;}

.Erase {cursor:pointer}
.Loader {display: block; width:100%;height:100%;}

.Loader20 {background: transparent url('../../../images/loader20x20.png') no-repeat 6px center;}
.Done20 {background: transparent url('../../../images/done20x20.png') no-repeat 6px center;}
.Loader35 {width:100px;height:40px;background: transparent url('../images/Loader_35.png') no-repeat center center;}
.Loader60 {background: transparent url('../../../images/loader40x40.png') no-repeat center center;}
.Loader80 {background: transparent url('../images/Loader_80.png') no-repeat center center;}
.Estomp {opacity: 0.4;}
.BGCross {background: transparent url('../images/CircleClose.png') no-repeat center center;}
.show-password {position:absolute; width:19px; height:12px; margin:15px 0 0 -30px; background:transparent url('../../../images/ShowPass.png') no-repeat 0 0; cursor:pointer;}

.PictoInInput {position:absolute; width:21px; height:15px; margin:15px 0 0 -40px;}
.FR {background:transparent url('../../../images/dr_FR.jpg') no-repeat 0 0;}
.EN {background:transparent url('../../../images/dr_EN.jpg') no-repeat 0 0;}
.ES {background:transparent url('../../../images/dr_ES.jpg') no-repeat 0 0;}
.NL {background:transparent url('../../../images/dr_NL.jpg') no-repeat 0 0;}


.btn-laposte {background-color: #ffc928;border-color: #ffc928;color:#555;}
.btn-laposte:hover {background-color:#ede07e; border-color:#ede07e; color:#555;}

.btn-Edw {background-color:#2182b1;border-color:#2182b1;color:#ffffff;}
.btn-Edw:hover {background-color:#366974; border-color:#366974; color:#ffffff;}


#PJc {display: none; background-color: rgb(246, 246, 246);padding: 15px 0 20px 0}
div.InfosPJ {display:block; margin-left:210px;}
#MailTest {display: none; padding: 15px 0 20px 0}
.NBDC {display:inline-block; margin-left:10px}

div#colorpicker {display:inline-block; width:150px;}
div.ColorTemoin {position:relative; display: inline-block; width:50px; height:50px; background-color: aqua;}

div.PicC {display:flex; flex-direction: column; padding:10px; border:1px solid rgb(192, 194, 199); border-radius:6px;}
div.ImgC {width:200px; height:160px; text-align:center; margin-bottom:10px}
div.ImgC img {max-width: 100%;max-height: 100%;}

div.ActionsC {padding:10px 0px; vertical-align: top;}
div.jfilestyle.jfilestyle-theme-custom label {width:100%; background:#bdbdbd; border-radius:3px; color:#fff; font-size:13px; font-family: 'Open Sans', sans serif}
#ImGFich label.control-label {width:50px}


div#VideoCouv .ImgC {height:125px;}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {cursor:not-allowed;}
.errorsC {width:251px; font-size:12px; text-align:center; margin:0 0 0 8px; background-color:rgb(255, 222, 222);}

p.TopLabel {line-height:inherit; margin-bottom:0; padding-left:5px; font-size:105%;}

.FormatsC {margin:0 0 0 10px; columns:3 auto;  column-gap:30px; column-rule:1px solid rgba(0,0,0,.4)}
.AttribFormats {margin:10px 0 0 10px; columns:2 auto;  column-gap:30px; column-rule:1px solid rgba(0,0,0,.4)}

div.InfosInFormC {margin-top:3px}
div.inline {display:inline-block;} 
div.InfosInForm {display:flex; margin-top:4px;}
div.InfosInForm span, div.InfosInForm i {margin:0 3px 0 5px;font-size:150%; color:#2182b1}
div.InfosInForm cite {margin:0;}
div#uploader {width:750px;}

.form-horizontal .form-group, .row {margin-left:0}
.am-checkbox input[type="checkbox"] + label::before {vertical-align:middle}


.PdfMainC {display:flex; flex-direction:column; align-items:flex-start; }

div.PdfRow {display:flex; align-items:flex-start; margin-top:15px;}
div.PdfRow input {margin-left:10px}
div.PdfRow .btn {border-radius:3px; height:42px}

div.jfilestyle {margin:0; width:20rem}
div.PdfRow div.jfilestyle.jfilestyle-theme-custom label {width:188px; margin-left:3px; height:43px;}
div.jfilestyle .count-jfilestyle {background-color:#33a04a; padding:1px 7px; margin-left:1px;}

div#mod-photo-membre div.modal-body div:nth-child(3) {display:flex; justify-content:center; margin-bottom:3rem;}
div#mod-photo-membre div.modal-body div:nth-child(3) button {margin:0 .3rem}
div#mod-photo-membre div.modal-body p#titreEtNom {display:block; text-align:center;}

#mod-new-origine .modal-content {width:50rem; background-color: #fff;}
#mod-new-origine .modal-content .modal-header {padding:1rem 1rem 0 0}
#mod-new-origine .modal-content .modal-header .close {color:black}
#mod-new-origine .modal-body {margin:0 auto .5rem auto; padding-bottom:5rem}
#mod-new-origine .modal-body h3 {text-align:center; margin:0 0 2.2rem 0}
#mod-new-origine .modal-body input[type='text'] {width:30rem; margin:0 auto .8rem auto}
#mod-new-origine .modal-body button {display:block; margin:0 auto; width:18rem}

div#MembreFich div.photo-container-f {display:flex; justify-content:flex-start; align-items:flex-end; margin-left:15.4rem}
div#MembreFich div.photo-container {margin-right:1rem; padding:.7rem; border:1px solid grey; border-radius:.3rem}
div#MembreFich div.photo-container img {width:12.5rem}

div#MembreFich div.photo-container-f .btn-container-f {display:flex; flex-direction:column; justify-content:flex-start; width:70rem;}
div#MembreFich div.photo-container-f .btn-container-f button:nth-child(1) {margin-bottom:.5rem; width:20rem}
div#MembreFich div.photo-container-f .btn-container-f button:nth-child(3) {width:10rem}
div.modif-photo-container {display:none;}
div.modif-photo-container cite {display:block; font-size:1.3rem;}
div.btn-container-f button {margin:.3rem 0; width:20rem}

p#removeadd2trigger {display:none}
div#add2-container {display:none;}
div.add2-container {width:60rem;}

#ModalMail .form-group {margin-bottom:8px}

#actuFich .actuVideoToggle {display:none}
#actuFich #addImgMessage1, #actuFich #addImgMessage2 {width:71rem; line-height:2rem}

.artiMediaToggle {display:none;}

#ArtiForm .control-label {width:160px}

.widget.widget-tile .data-info .value {font-size:2rem; line-height:2rem;}
.widget.widget-tile {padding:2rem}

div#Home #AjaxPostIt {padding-bottom:0; height:319px}
textarea#PostItC {border:none; padding:0; height:295px; background-color: rgb(255, 254, 228); padding:10px}

.datesContainer {display:flex; margin-bottom:.4rem; align-items:center;}
.MA {background-color: bisque;}
.SR {background-color: rgb(154, 222, 165);}
.SL {background-color: rgb(241, 165, 165);}
.CM {background-color: rgb(208, 240, 248);}
.RH {background-color: rgb(124, 164, 244);}
.CA {background-color: rgb(255, 253, 54);}

.IN {background-color: inherit}