/* GENERIC */
body { background-color: #fbfbfa; font-family: nudista-web !important; font-size: 15px;color: #503e38;font-style: normal; font-weight: 400;}
table thead {border-top: 2px solid #aa1b1f;}
.chosen-container ul.chosen-results li.active-result.result-selected {display: none;}

/* LINK */
.ui-widget-content table td a,table td a,.node.calendar-event h3 a {color:#0bacc8;}
.ui-widget-content table td a:hover,table td a:hover,.node.calendar-event h3 a:hover {color:#0793ac;}
.html a { text-decoration: underline;}
.button-action a { color : #fff ; text-decoration: none;}
a.lexicon-term {color: inherit !important; text-decoration: none;}
a.lexicon-term:hover {color : #aa1b1f !important; text-decoration: none;}
a.lexicon-term:focus {text-decoration: none;}

/* HEADER */
#site-slogan {margin-right:0;color: #60463c;font-family: nudista-web,sans-serif ; font-size: 20px;font-weight: 100;width: 255px;vertical-align: middle;display: inline-block;margin-left: 35px;line-height: 20px;font-style: normal;}
.header-logo {margin-top: 30px;}
.html .header-logo a {text-decoration: none;}
a#logo img {max-width: 250px;}
.main-content {background: white none;}
#block-menu-menu-user-anonym-menu, #block-system-user-menu {background-color: #aa1b1f;width: 100%;}

.region-top-menu .login-link a {    background-image: url(../images/picto-login.png);}
.region-top-menu .register-link a, .region-top-menu a.account-link {    background-image: url(../images/picto-login.png);}
.region-top-menu a.logout-link { background-image: url(../images/picto-logout.png);}
.region-top-menu,#block-menu-block-3,#sliding-popup.sliding-popup-bottom {background-color:#AC1319;}
/*.region-top-menu ul.menu {padding-right: 15px;}*/
.top-menu.col-sm-4 {background-color: transparent;}

#block-menu-menu-user-anonym-menu li, #block-system-user-menu li {  padding-left: 7px;  margin-left: 10px;}
#block-menu-block-3 .menu a, #block-menu-block-3 .menu li .menu li a {	color:#FFF;}
#block-menu-menu-user-anonym-menu>div.content>ul>li>a h2, #block-system-user-menu>div.content>ul>li>a { color: #fff; font-size: 12px; }
#block-menu-block-3 .menu a:hover,#block-menu-block-3 .menu li .menu li a:hover {	color:#0d8ba3;}
#block-menu-block-3 .menu li .menu {	background-color:#7bcede;}
#block-menu-block-3 .menu li .menu li {	border-color:#0a9fbb;}
#block-menu-block-3 .menu li.has-children:hover:before {    background-image: url(../images/top-menu-on.png);}
.block-menu #node-4 ul li {	list-style-image: url(../images/puce-arrow-green.png);}

#block-menu-menu-user-anonym-menu > div.content > ul, #block-system-user-menu > div.content > ul { justify-content: space-around; }
#block-menu-menu-user-anonym-menu > div.content > ul > li, #block-system-user-menu > div.content > ul > li { padding: 25px 7px; margin: 0; }
#block-system-user-menu > div.content > ul > li { width: 50%; padding-left: 20px; }
#block-system-user-menu > div.content > ul > li:first-child { max-width: 50%; }
#block-system-user-menu > div.content > ul > li:last-child { width: 160px; }
#block-menu-menu-user-anonym-menu > div.content > ul > li:before, #block-system-user-menu > div.content > ul > li:before { border-left: none; }

#block-user-login { min-width: 335px; }
#block-user-login, .block-menu #node-4 {background-color:#f3f0ee;border-color:#dcd9d4;}
.login-link:hover #block-user-login,.login-link.focused #block-user-login {opacity: 0.96;}
#user-login-form label,
#block-menu-menu-user-anonym-menu #block-user-login li a,
#block-menu-menu-user-anonym-menu #node-4.node .field-name-body,
#block-menu-menu-user-anonym-menu #node-4 li a,
.domain-national .page-service #block-menu-menu-user-anonym-menu .field-items {color:#FFF;}

.domain-national #block-menu-menu-user-anonym-menu #block-user-login li a {color:#47342e;}
.domain-national #user-login-form label {color:#47342e;font-weight: 600;}
.domain-national #user-login-form li a {color:#00783c;}
.domain-national #block-menu-menu-user-anonym-menu #node-4 li a {color:#00783c;}
.domain-national #block-menu-menu-user-anonym-menu #node-4 li a:hover { color: #78b000; }

#block-user-login .item-list,.block-menu #node-4 p {font-size: 17px;font-weight: 600; border-color:#dcd9d4;}
#block-user-login input[type=submit] {background-color:#7b6663;}
#block-user-login input[type=submit]:hover {background-color:#53383a;}

.logged-in .top ul.menu li.first { width: 140px; }
.logged-in .top ul.menu li.first a, #block-menu-menu-user-anonym-menu>div.content>ul>li>a  { padding-left: 35px; }
#block-menu-menu-user-anonym-menu>div.content>ul>li>a { color: white; }

/* FOOTER */
.footer {background-color:transparent; height: auto;}

/* AGENDA */
.block-front-entete .block-links ul li a,.view-agenda .date-heading .date-heading-title {color:#AC1319;}
#block-views-agenda-block-1 .view .date-nav-wrapper .date-nav,
#block-views-agenda-block-4 .view .date-nav-wrapper .date-nav,
#block-views-agenda-block-1 .list-events {	border-color:#84c4ca;}
#slideshow-services-infos {	background-image: url('../images/slideshow-texte-bg.jpg');}
.block-front-entete #pager-prev {	background-image:url('../images/pager-prev.png');}
.block-front-entete #pager-next {	background-image:url('../images/pager-next.png');}
.view-agenda .date-nav-wrapper .pager li.date-prev a {	background-image: url('../images/agenda-calendar-pager-prev.png');}
.view-agenda .date-nav-wrapper .pager li.date-next a {	background-image: url('../images/agenda-calendar-pager-next.png');}
.calendar-calendar tr td.today,.calendar-calendar tr.even td.today,.calendar-calendar tr.odd td.today {	color:#AC1319;}
.calendar-calendar tr td.event-on a {	background-image: url('../images/agenda-calendar-current.png');}

.user-block-header #pager-down {    background-image: url(../images/arrow-down.png);}
.user-block-header #pager-up {    background-image: url(../images/arrow-up.png);}
.action-delete, .webform-component-delete a {    background-image: url(../images/picto-poubelle.png);}
.action-see {    background-image: url(../images/picto-loupe.png);}
.action-edit, .webform-component-edit a {    background-image: url(../images/picto-editer.png);}
.ui-tabs.ui-widget-content a {	color:#0a879d;}
.filters-container #edit-reset, .views-exposed-widget.views-reset-button input[type=submit] {	color:#AC1319;	border-color:#AC1319;}
.filters-container #edit-reset:hover,.views-exposed-widget.views-reset-button input[type=submit]:hover {	color:#0a879d;}
.block-service-entete-content #pager-prev {    background-image: url(../images/pager-prev2.png);}
.block-service-entete-content #pager-next {    background-image: url(../images/pager-next2.png);}
.help-button, .help-picto {	background-image: url(../images/picto-aide.png);}
.help-window-content ul li {    background-image: url(../images/puce-arrow-green2.png);}


/* LAYOUT */
.wrapper-inner {position: relative;}
.helpzone { height: 135px; }
.wrapper-inner .row > .col-md-12 { position: relative; }
.page-container {background: transparent;}
.front .page-container {padding: 25px 0 25px 0;}
.main-content{height: 100%;position: relative;}
.front .footer { background-color: transparent;padding-bottom: 0;}
.front-highlight { margin-bottom: 40px; }
.tabs { margin-left: 45px; }
.titre-nat {padding-left: 30px !important;}
form.node-form .form-type-textfield label {display: block;}

#block-nw-frontpage-form-national h2, #block-block-3 h2 {text-transform: uppercase; margin-bottom: 20px;margin-top: 0;}
#block-nw-frontpage-form-national h2 .big, #block-block-3 h2 .big {color:#83cd37;font-weight: 600;font-size: 40px;}
.front-left {margin-right: 0;width: auto;}
.front-right {margin-right: 0;width: auto;}
.front-left, .front-right {border-top: none;display: block;vertical-align: inherit;}

/* MENU VERTICAL */
.menu-mobile {display: none;}

.vertical-menu {display: block; position: absolute; left: -83px; height: 100%; min-height: 100vh; width: 83px; padding: 0 25px; background-color: #aa1b1f; transition: width 0.4s; z-index: 9000;cursor: pointer; font-weight: normal ;font-size: 16px; overflow: hidden; }
.vertical-menu svg {max-width: 175px;margin:auto;}
.vertical-menu ul li {list-style: none;background: url("../images/li_menu.png") left center no-repeat; padding: 0 0 0 25px; margin: 7px 0; height: 23px; width: 200px;}
.vertical-menu ul li.active-trail {background: url("../images/li_menu_active.png") left center no-repeat;}
.vertical-menu .menu-nat {position: absolute; left: 28px; top: 480px; width: 80%; transition: all 0.5s ease 0s; overflow: hidden; border-bottom: dotted 2px #aa1b1f; padding-bottom: 5px;}
.vertical-menu .menu-nat .menu {padding-top: 10px;}
.vertical-menu .menu-nat a {opacity: 0; color: #fff; text-decoration: none; line-height:23px; }
.vertical-menu .menu-opening {background: rgba(0, 0, 0, 0) url("../images/menu_closed.png") no-repeat scroll 0 0 / cover ;height: 112px; width: 45px;left: 17px;top:23px;position: absolute;opacity: 1; transition: opacity 0.2s;}
.vertical-menu .menu-closing {background: rgba(0, 0, 0, 0) url("../images/menu_opened.png") no-repeat scroll 0 0 / cover ;height: 133px; width: 45px;right: 25px;top:70px;position: absolute;opacity: 0; transition: opacity 0.2s;}
.vertical-menu .carte { min-height: 250px; margin-top: 242px; opacity: 0; transition: opacity 0.5s ease 0.1s}
.vertical-menu .layer {position: absolute; top: 0; left: 0; width: 83px; height: 100%;z-index: 2;}

.vertical-menu-left {position: absolute; width: 83px; background-color: #aa1b1f; min-height: 100vh; display: block;}
.vertical-menu-right {position: absolute; height: 100%; width: 0; background-color: #aa1b1f;min-height: 100vh;top: 0; left: 82px;z-index: 10;}

.vertical-menu.active {width: 280px;}
.vertical-menu.active .carte {opacity: 1; }
.vertical-menu.active .menu-opening {opacity: 0;}
.vertical-menu.active .menu-closing {opacity: 1;}
.vertical-menu.active .menu-nat {top: 480px; border-bottom-color: #fff;}
.vertical-menu.active .menu-nat a {opacity: 1;text-decoration: none;}
.vertical-menu.active .menu-nat li {height: auto;}
.vertical-menu.active .layer {display: none;}

.map__image {border-top: dotted 2px #fff;border-bottom: dotted 2px #fff;text-align: center;color: #fff;padding-bottom: 15px; overflow: hidden;}
.map__image p {font-size: 15px;margin-top: 15px;width: 234px;}
.map__image path{fill:#aa1b1f;stroke:#fff;stroke-width:3px;transition:fill .3s}
.map__image a:hover path{fill:#FC5050}

/* FLEXSLIDER */
.flexslider {margin: 38px 0 28px 0;border: none;-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;}

/* HOME FORM */
#block-nw-frontpage-form-national{}
#national-home-form {background-color: #83cd37;padding: 23px;position: relative;}
#national-home-form:after {bottom: 100%;left: 5%;content: " ";position: absolute;border: 18px solid rgba(136, 183, 213, 0);border-bottom-color: #83cd37;}
#national-home-form #edit-submit{width: 55px; vertical-align: middle;}
#national-home-form .form-item {display: inline-block;margin-right: 15px;}
#national-home-form .form-item label {color: #fff;margin-right: 14px; font-size: 22px;font-weight: 300;}
#national-home-form .form-item.form-item-commune input {width: 135px;height: auto; padding: 8px;}
#national-home-form .form-item.form-item-select-option #edit_select_option_chosen {width: 215px !important;}
#national-home-form .chosen-container-single .chosen-single {padding: 8px 0 8px 8px; height: auto;}
#national-home-form .chosen-container-single .chosen-single div b {background: rgba(0, 0, 0, 0) url("../images/chosen-sprite.png") no-repeat scroll 0 10px;}
#national-home-form .chosen-container-single .chosen-search {display: none;}
html.js #national-home-form input.form-autocomplete {background-position: 100% 13px;}
#national-home-form #autocomplete { width : 222px!important; max-height: 310px !important; overflow-y: auto; }

/* BLOCK BOUGER FORET */
#block-block-2 {text-align: center;border: 2px solid #83cd37;position: relative; margin-top: 30px;width: 100%;padding-bottom: 23px;}
#block-block-2 .connaitre {line-height: 12px;}
#block-block-2 .intro-block{text-transform: uppercase;font-size: 25px;margin-bottom: 25px;margin-top: 11px;}
#block-block-2 .intro-text{height: 40px;margin: 8px 0 10px;}
#block-block-2 .intro_images img {width: 100%;}
#block-block-2 .col-md-4 {position: relative;border-right: 1px solid #dfdcd7;}
#block-block-2 .col-md-4.vendre {border-right: none;}
#block-block-2 .col-md-4 span {font-weight: 600;}
#block-block-2 .intro-block .bouger {font-weight: 600; color: #83cd37;}
#block-block-2:after, #block-block-2:before {bottom: 100%;left: 7%;border: solid transparent;content: " ";position: absolute;}
#block-block-2:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 15px;margin-left: -15px;}
#block-block-2:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #83cd37;border-width: 18px;margin-left: -18px;}
#block-block-2 .pictos {margin-bottom: 16px;}
#block-block-2 .pictos img {max-width: 40px;margin-right: 17px;}

/* BLOC DROIT HOME NATIONAL */
#block-block-3 h2 .big {color:#00783c;}
#block-block-3 img {width: 100%;}
#block-block-3 .content {background-color:#00783c;color: #fff; padding: 42px 28px 28px;position: relative; height: 511px;}
@-moz-document url-prefix() {#block-block-3 .content { height: 513px;}} /* hack css firefox, @todo � am�liorer */
#block-block-3 .content:after {bottom: 100%;left: 8%;content: " ";position: absolute;border: 18px solid rgba(136, 183, 213, 0);border-bottom-color: #00783c;}
.pointilles {border-top: dotted 3px; padding: 9px 0;}
.pointilles.last{border-bottom: dotted 3px;}
.gras {font-weight: 600;}
.img_bloc_droit {margin-top: 30px;}
.lien-compte {width: 100%; border: 1px solid;text-align: center;margin-top: 30px;padding: 10px 0;}
.lien-compte a {text-transform: uppercase; color: #fff;}


.not-front div.messages { margin-left: 45px;}
.html.not-front .button-action a, .html.not-front .button-action button { color : #fff; }
/*  TOOLTIP */
.see-account-page .tooltip { opacity : 1 ; }
.see-account-page .action-delete.tooltip { position: absolute; right: 46px; }
.see-account-page .action-edit.tooltip { position: absolute; right: 22px; }
.see-account-page .action-see.tooltip { position: absolute; right: 0; }
/* SECTION USER */
.see-account-page #profile_blocks .block { width : 100%; }
#block-gerer-propriete-mes-proprietes .rows-container, #block-gerer-propriete-mes-proprietes .rows-container .col, #block-gerer-propriete-mes-proprietes-en-gestion .rows-container, #block-gerer-propriete-mes-proprietes-en-gestion .rows-container .col { width: 100% !important;}
.see-account-page .page-main .block-system .actions-container { margin-bottom : 10px; }
.see-account-page .page-main .block .actions-cell { width : auto; float : right; }
.see-account-page .page-main .block-system h2:last-child{border-top : 3px solid #b7999c ; padding-top: 10px; }
.see-account-page .page-main .block h2{ margin-top : 0px;  font-size:24px;}
.see-account-page .page-main h3 {  margin : 0 ;}
.block-gerer-propriete-mes-interventions .actions-cell { width : auto; }
.see-account-page .page-main { width : 100%;  }
.see-account-page .page-main .user-block-header #pager { margin-top : 15px; }
.see-account-page .page-main .field-name-field-siret { color: #766a62; }
.user-block-header a.link-see-all { line-height: 60px; }

.tooltip .tooltip-inner {width : 160px; background-color:#7b6663;}
.tooltip .tooltip-arrow { border-top-color:#7b6663; }

.see-account-page .rows-container { height: auto!important; width:auto!important; position:inherit!important;}
.see-account-page .rows-group{ position:inherit!important;}

.see-account-page .form-item-select-option { margin-top : 1.5em; margin-bottom: 1.5em;  }
.see-account-page .form-item-select-option label { color : #8b585c ; font-size : 16px; margin-right: 1%; margin-bottom : 0;}
.see-account-page .chosen-container { width:220px!important; position: relative; top : -2px;}
.not-front .breadcrumb-border .breadcrumb { margin-bottom: 0; margin-left: 45px; margin-top: 25px;}
.breadcrumb { margin-top: 20px; }

/*.see-account-page .page-main #block-system-main .entity-profile2 .content  { min-height: auto; }*/

.page-salarie-entreprise label,
.page-gerant-entreprise label,
.page-institutionnels label,
.page-proprietaire label {width: 130px;}
.page-proprietaire #edit_profile_proprietaire_field_user_gender_und_chosen { width: 404px!important;}
.page-proprietaire #edit-profile-proprietaire-field-user-cp-und-0-value, .page-proprietaire #edit-profile-proprietaire-field-user-cp-und-0-value--2 { width: 404px!important;}
.page-institutionnels .chosen-container,
.page-gerant-entreprise  .chosen-container {width: 440px !important;}
#field-user-telephone-values label {width: auto;}
#field-user-telephone-values input {margin-left: 7px;}
#field-user-telephone-values .form-item-profile-proprietaire-field-user-telephone-und-0-value input {margin-left: 0px;}
#field-user-telephone-values .form-item-profile-salarie-entreprise-field-user-telephone-und-0-value input {margin-left: 0px;}
#field-user-telephone-values .field-multiple-drag {width: 117px;}
.page-proprietaire-register .field-name-field-user-date-de-demande{ display: none;}
.page-proprietaire-register .field-name-field-user-info-assistance { display: none;}

/* LIENS UTILES */
.view-liens-utiles {margin-top: 30px;}
.views-field-field-info-bulle {display: none;}

/* NODE FORM */
#edit-field-ent-site-internet .form-item.form-type-textfield {margin: 0;}

/* FOOTER */
#block-menu-menu-footer-menu ul.menu li a {color: #503e38;font-family: nudista-web,sans-serif;font-size: 12px;letter-spacing: 0.1em;text-decoration: none;text-transform: uppercase;font-style: normal; font-weight: 400;}
.region.region-footer #block-menu-menu-footer-menu  ul { margin-bottom : 0 ;}
.region.region-footer #block-menu-menu-footer-menu  ul li a { font-size : 15px; font-family: 'nudista-web';font-style: normal; font-weight: 400;}
.not-front .region.region-footer { background: #f3f3f3 ; position : relative ; padding-bottom:25px; }

.not-front h1, .not-front .like-h1 { font-family: 'nudista-web'; font-style: normal; font-weight: 600; font-size:40px ; border-bottom : none ; padding : 0 ; color : #47342e; margin-bottom : 20px; margin-top : 35px;}
/*.not-front h2 { font-family: 'nudista-web'; font-style: normal; font-weight: 600; font-size:36px ; padding : 0 ; color : #47342e;  margin-bottom : 20px; margin-top : 35px;}
.not-front h3 { font-family: 'nudista-web'; font-style: normal; font-weight: 600; font-size:32px ; padding : 0 ; color : #47342e;  margin-bottom : 20px; margin-top : 35px;}
.not-front h4 { font-family: 'nudista-web'; font-style: normal; font-weight: 600; font-size:28px ; padding : 0 ; color : #47342e;  margin-bottom : 20px; margin-top : 35px;}*/
/*.not-front .front-highlight { margin: 0 30px 20px; }*/
.node .field-name-body{ font-family: 'nudista-web'; font-size : 16px; color : #47342e; font-style: normal; font-weight: 400;}
/*.not-front .header-logo { margin-left : 30px;}*/

.page-node-webform fieldset legend, fieldset.field-group-fieldset legend { padding-bottom:20px;}

/* LOCALISATION */
.verifie {background-color: #999; color: white; font-weight: bold; padding: 10px;}

/* CONTACT */
#contact-site-form .form-type-textarea label,
#contact-site-form .form-type-textfield label,
#contact-site-form .form-type-select label
{
  display: block;
}
#contact-site-form input[type="checkbox"] {
  margin-top: 0;
}

.node-entreprise-form .chosen-container {display: block !important; }

/* page mon cpt disable btn */
.domain-national .info_sup { padding-top: 10px; font-style: italic; display: inline-block;}

/* LOGO */
#block-views-logos-block {position: relative; margin: 0 auto; text-align:center; display:block;}
#block-views-logos-block .views-row { display:inline-block; vertical-align: middle;width: 112px; height: 112px; background-color: #FFF; padding: 0; margin: 0 30px 0 0; border: 1px solid #cec3bd;}
#block-views-logos-block .views-row a { display: table-cell; vertical-align: middle; text-align: center; width: 112px; height: 112px; }

/* Mon compte*/
#block-teleprocedure-global-document-administratif table tbody tr td:last-child { position: relative; }
#block-teleprocedure-global-document-administratif table tbody tr td:last-child a { top: 10px; left: 50px; }

/* Large Devices, Wide Screens */
@media screen and (max-width : 1399px) {
    .main-content {position: static; padding-left: 95px !important;}
    .vertical-menu {left: 0;}
    #national-home-form .form-item label {font-size: 17px;}
    #block-block-3 .content {height: 501px;}
}

@media screen and (max-width : 1199px) {
    .main-content {/*background: grey;*/}
    #site-slogan {font-size: 17px; margin-left: 15px; width: 220px;}
    .region-top-menu ul.menu {padding-right: 0;}
    .region-top-menu .login-link a {padding-left: 25px;}
    .region-top-menu .register-link a {padding-left: 25px;}
#block-menu-menu-user-anonym-menu>div.content>ul>li>a h2, #block-system-user-menu>div.content>ul>li>a { font-size: 10px; }
    #block-menu-menu-user-anonym-menu li, #block-system-user-menu li {padding-left: 0;}
    #block-nw-frontpage-form-national h2 .big, #block-block-3 h2 .big {font-size: 34px;}
    .front h2 {font-size: 25px;}
    #block-block-3 .content {height: 554px;}
    _:-ms-fullscreen, :root #block-block-3 .content{ height: 550px; } /*@todo hack ie, � am�liorer*/
    #block-block-2 .intro-block {font-size: 24px;}
    #block-menu-menu-user-anonym-menu > div.content > ul > li, #block-system-user-menu > div.content > ul > li { padding: 15px 10px; width: auto; margin: 0; }

    .domain-national.france-connect .relative .premiere-visite #openid-connect-login-form input,.domain-national.france-connect .relative .premiere-visite #openid-connect-login-form-perm input, .domain-national.france-connect .relative .premiere-visite #openid-connect-login-form-sec input { width: 50%;  }
    .domain-national.france-connect .deja-enregistre { width: 40%!important; }
    .domain-national.france-connect .premiere-visite { width: 50%!important; }
    .domain-national.france-connect .premiere-visite img { width: auto!important; }
}

/* Medium Devices, Desktops é */
@media screen and (max-width : 991px) {
    .main-content {width: 100% !important;/* background: blue;*/}
    #site-slogan { font-size: 15px; width: 145px;}
    .top-menu .block-menu .menu {margin-bottom: 0;}
    .top-menu .block-menu .menu li {padding: 10px 0;}
    #block-block-3 .content {height: auto;}
    #block-menu-menu-user-anonym-menu > div.content > ul, #block-system-user-menu > div.content > ul { display: block; }
    #block-menu-menu-user-anonym-menu > div.content > ul > li, #block-system-user-menu > div.content > ul > li { display: block; height: auto; }
    #block-system-user-menu > div.content > ul > li:first-child { max-width: 100%; }
    #block-menu-menu-user-anonym-menu>div.content>ul>li>a { padding-left: 35px; }
    #block-menu-menu-user-anonym-menu>div.content>ul>li>a h2, #block-system-user-menu>div.content>ul>li>a { font-size: 12px; }
}

/* Small Devices, Tablets */
@media screen and (max-width : 767px) {
    .main-content {/*background: red; */padding-left: 15px !important; padding-top: 60px;}
    #site-slogan {display: block; margin-left: 0; width: auto;}

    .top-menu {position: fixed !important; top:0; z-index: 999; width: 100%; height: 50px; padding: 0 !important; }
    .top-menu .block-menu .menu {margin-bottom: 0;}
    .top-menu .block-menu .menu li {padding: 13px 0; text-align: center;}
    .top-menu .block-menu .menu li:first-child {width: 41%;}
    .top-menu .block-menu .menu li:last-child {width: 47%;}
    /*.top-menu .block-menu .menu a {font-size: 10px;}*/

    .region-top-menu {float: left; background: none; width: 75%;  height: 100%;}

    #block-system-user-menu { float: left; width: 100%; height: 100%; border-bottom: 1px solid #aa1b1f; }
    #block-system-user-menu > div.content > ul { display: table; }
    #block-system-user-menu > div.content > ul > li { display: table-cell; padding: 0 8px;}
    #block-system-user-menu > div.content > ul > li > a { height: 50px; line-height: 50px; display: block; overflow: hidden; font-size: 10px; padding-left: 23px; }
    #block-menu-menu-user-anonym-menu { float: left; width: 100%; height: 100%; border-bottom: 1px solid #aa1b1f; }
    #block-menu-menu-user-anonym-menu > div.content > ul { display: table; }
    #block-menu-menu-user-anonym-menu > div.content > ul > li { display: table-cell; padding: 0 5px;}
	#block-menu-menu-user-anonym-menu > div.content > ul > li > a { height: 50px; line-height: 50px; display: block; overflow: hidden; padding-left: 22px; }
    #block-menu-menu-user-anonym-menu > div.content > ul > li > a h2  { font-size: 10px; }
    .region-top-menu .login-link a { background-image: url('../images/picto-login-small.png'); }
    .region-top-menu .register-link a, .region-top-menu a.account-link { background-image: url('../images/picto-perso-account-small.png'); }
    .region-top-menu a.logout-link { background-image: url('../images/picto-logout-small.png'); }

    #block-user-login, .block-menu #node-4 {display: none; position: fixed; top: 40px !important; left: 0; margin-left: 0 !important; width: 100%;}

    .menu-mobile {display: block; float: left; background: #fff; width: 25%; height: 100%; padding: 10px; border-bottom: 1px solid #ccc; cursor: pointer;}
    .menu-mobile img {max-width: 100%; max-height: 100%}

    #national-home-form .form-item {display: block;}
    #national-home-form .form-item label {width: 25%;}
    #national-home-form .form-item input[type=text],
    #national-home-form .form-item select,
    #national-home-form .form-item.form-item-select-option #edit_select_option_chosen {width: 66% !important;}
    #national-home-form .form-item .chosen-container {vertical-align: top;}
    #national-home-form .form-item select {height: auto; padding: 12px 0;}
    #national-home-form #edit-submit {display: block; margin: auto;}

    .front #block-block-2 {margin-bottom: 50px;}
    .front .decouvrir, .front .connaitre {margin-bottom: 50px;}
    .front #block-block-3 {margin-bottom: 50px;}

    .footer { height: auto; padding: 0 !important; background-color: #F3F3F3 !important; overflow: hidden; height: 1% !important;}
    #block-menu-menu-footer-menu ul.menu {padding: 15px 0;}
    #block-menu-menu-footer-menu ul.menu li {display: block; margin: 10px;}

    ul.menu li.menu-logos {margin: 20px 8%;}
    ul.menu li.menu-logos:last-child {margin: 20px 10%;}

    .vertical-menu {position: absolute; top: 0; width: 100%; display: none;}
    .vertical-menu.active {width: 100%; display: block;}
    .vertical-menu .menu-closing {top: 10px; background: url(../images/menu_close_mobile.png); background-size: cover; width: 130px; height: 43px;}
    .vertical-menu .carte {margin-top: 85px;}
    .vertical-menu.active .menu-nat {top: 440px;}
    .vertical-menu svg {max-width: 300px;}

    #sliding-popup {height: auto !important;}
    .video-filter iframe {max-width: 100%;}

    .see-account-page .page-main { width: auto; }
    .see-account-page .page-main .block {width: 100%;}
    .see-account-page h1.account-page {margin-left: 0;}

    .see-account-page #domain-account-form {width: 100%;}
    .see-account-page #domain-account-form .form-submit {left: auto; right:0; top: -10px;}

    .page-user #breadcrumb {margin-top: 20px;}
    .tabs {margin-left: 0 !important;}

    .page-user input[type=text],
    .page-user input[type=password],
    .page-user .chosen-container,
    .page-proprietaire input[type=text],
    .page-proprietaire .chosen-container,
    .page-proprietaire input[type=password],
    .page-gerant-entreprise input[type=text],
    .page-gerant-entreprise .chosen-container,
    .page-gerant-entreprise input[type=password],
    .page-salarie-entreprise input[type=text],
    .page-salarie-entreprise .chosen-container,
    .page-salarie-entreprise input[type=password],
    .page-institutionnels input[type=text],
    .page-institutionnels .chosen-container,
    .page-institutionnels input[type=password],
    .page-contact input[type=text],
    .page-contact .chosen-container {width: 100% !important;}

    .page-user-login .page-main #block-system-main,
    .page-user-password .page-main #block-system-main {width: auto;}

    .not-logged-in.page-user .tabs.primary li {max-width: 50%;}

}

/* Extra Small Devices, Phones */
@media screen and (max-width : 480px) {
    .main-content {}
    .domain-national.france-connect .relative .premiere-visite #openid-connect-login-form input, .domain-national.france-connect .relative .premiere-visite #openid-connect-login-form-perm input, .domain-national.france-connect .relative .premiere-visite #openid-connect-login-form-sec input { width: 50%;  }
    .domain-national.france-connect .deja-enregistre { width: auto!important; display: block!important; float: none; }
    .domain-national.france-connect .premiere-visite { width: 100%!important; margin-top: 70px; float: none; display: block!important; position: relative!important;}
    .domain-national.france-connect .line-kat { display: none!important; }
}

html.js #block-system-user-menu div.contextual-links-wrapper {
  position: absolute;
  right: 0;
  top: 2px;
  display:none;
}