/* FONT FACE */ /* TEXGYREADVENTOR regular */ @font-face {font-family:'texgyreadventor_regular'; src:url('font/texgyreadventor-regular-webfont.eot'); src:url('font/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/texgyreadventor-regular-webfont.woff2') format('woff2'), url('font/texgyreadventor-regular-webfont.woff') format('woff'), url('font/texgyreadventor-regular-webfont.ttf') format('truetype'), url('font/texgyreadventor-regular-webfont.svg#texgyreadventor_regular') format('svg'); font-weight:normal; font-style:normal;} /* TEXGYREADVENTOR bold */ @font-face {font-family:'texgyreadventor_bold'; src:url('font/texgyreadventor-bold-webfont.eot'); src:url('font/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/texgyreadventor-bold-webfont.woff2') format('woff2'), url('font/texgyreadventor-bold-webfont.woff') format('woff'), url('font/texgyreadventor-bold-webfont.ttf') format('truetype'), url('font/texgyreadventor-bold-webfont.svg#texgyreadventor_bold') format('svg'); font-weight:normal; font-style:normal;} /* TEXGYREADVENTOR italic */ @font-face {font-family:'texgyreadventor_italic'; src:url('font/texgyreadventor-italic-webfont.eot'); src:url('font/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'), url('font/texgyreadventor-italic-webfont.woff2') format('woff2'), url('font/texgyreadventor-italic-webfont.woff') format('woff'), url('font/texgyreadventor-italic-webfont.ttf') format('truetype'), url('font/texgyreadventor-italic-webfont.svg#texgyreadventor_italic') format('svg'); font-weight:normal; font-style:normal;} /* TEXGYREADVENTOR bolditalic */ @font-face {font-family:'texgyreadventor_bolditalic'; src:url('font/texgyreadventor-bolditalic-webfont.eot'); src:url('font/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('font/texgyreadventor-bolditalic-webfont.woff2') format('woff2'), url('font/texgyreadventor-bolditalic-webfont.woff') format('woff'), url('font/texgyreadventor-bolditalic-webfont.ttf') format('truetype'), url('font/texgyreadventor-bolditalic-webfont.svg#texgyreadventor_bolditalic') format('svg'); font-weight:normal; font-style:normal;} /* BARIOL regular */ @font-face {font-family:'bariol_regular'; src:url('font/bariol_regular-webfont.eot'); src:url('font/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/bariol_regular-webfont.woff2') format('woff2'), url('font/bariol_regular-webfont.woff') format('woff'), url('font/bariol_regular-webfont.ttf') format('truetype'), url('font/bariol_regular-webfont.svg#bariol_regular') format('svg'); font-weight:normal; font-style:normal;} /* BARIOL italic */ @font-face {font-family:'bariol_italic'; src:url('font/bariol_regular_italic-webfont.eot'); src:url('font/bariol_regular_italic-webfont.eot?#iefix') format('embedded-opentype'), url('font/bariol_regular_italic-webfont.woff2') format('woff2'), url('font/bariol_regular_italic-webfont.woff') format('woff'), url('font/bariol_regular_italic-webfont.ttf') format('truetype'), url('font/bariol_regular_italic-webfont.svg#bariol_italic') format('svg'); font-weight:normal; font-style:normal;} /* *************************** NORMALISATION *************************** */ *{border:0; padding:0; margin:0; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-weight:normal;} html{font-size:62.5%; width:100%; height:100%;} body{background:#ffffff; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; color:#000000; text-align:left; height:100%;} a{text-decoration:none;color:#000000;} a:hover{text-decoration:none;color:#000000;} a img,:link img,:visited img{border:none;} img {max-width:100%; height:auto;} iframe {max-width:100%;} /*gmap v3 fix bug*/ .gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;} strong, b{font-weight:normal; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} i, em{font-style:normal; font-family:'texgyreadventor_italic',Arial,Verdana,sans-serif;} strong em, strong i, em strong, i strong, b em, b i, em b, i b {font-style:normal; font-weight:normal; font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif;} ol, ul{list-style:none;} table{border-collapse:collapse;border-spacing:0;} .seph1{font-size:1px;height:1px;clear:both;} .clear{clear:both;} span.clear{display:block;} .display_none {display:none;} .is-hidden {display:none !important;} .left {float:left;} .right {float:right;} /*effet selection txt*/ ::selection {color:#ffffff; background:#dadada;} ::-moz-selection {color:#ffffff; background:#dadada;} /* *** POWERMAIL *** */ div.tx-powermail {width:100%; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:inherit;} div.tx-powermail h3 {display:none;} div.tx-powermail p {margin:0 0 10px 0;} div.tx-powermail legend {text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.8em; line-height:32px; line-height:1.2em; margin:0 0 20px 0; float:left; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} div.powermail_fieldwrap {margin:0 0 23px 0;} div.powermail_fieldwrap_radio, div.powermail_fieldwrap_check {clear:both;} div.powermail_fieldwrap.powermail_fieldwrap_text {margin:16px 0; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif; font-weight:normal; font-size:1.6em; line-height:1.2em;} .powermail_fieldset {max-width:100%; min-width:inherit; padding:40px; margin:0; border:3px solid #758d9a; background:#ffffff;} .powermail_form .powermail_fieldset + .powermail_fieldset {border-top:0;} .powermail_fieldwrap fieldset {border:0; padding:0; margin:0;} form div.powermail_fieldwrap_radio fieldset, form div.powermail_fieldwrap_check fieldset {background:none; border:0;} .powermail_label {margin:0 0 9px 0; width:100%; display:block; text-transform:uppercase; float:none; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.8em; line-height:28px; line-height:1.3em; letter-spacing:0.02em;} .powermail_field {border:2px solid #bfcfd9; background:#fbfbfb; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.5em; line-height:24px; line-height:1.2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; padding:10px;} select.powermail_field {width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fbfbfb url(../img/bg_select.png) no-repeat 97% center; text-overflow:""; text-indent:0.01px;} select::-ms-expand {display:none;} input.powermail_field:focus {background:#fbfbfb; border:2px solid #bfcfd9;} .powermail_textarea {max-width:100%;} /*btn radio checkbox*/ div.tx-powermail .powermail_radio_legend, div.tx-powermail .powermail_check_legend {display:block !important; margin:0 0 9px 0; text-transform:uppercase; float:none; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.8em; line-height:28px; line-height:1.3em;} .powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {float:none; width:auto; border:0; padding:0; background:none;} .powermail_check_outer {float:left; width:auto; border:0; padding:0;} .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label {display:block; width:auto; float:none; margin:0 0 5px 0; text-transform:none; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.6em; line-height:24px; line-height:1.2em; text-align:left;} .tx-powermail .powermail_check_outer .powermail_check_inner label.ui-button {padding:0 0 0 26px; background:url(../img/bg_checkbox.png) no-repeat left 4px;} .tx-powermail .powermail_check_outer .powermail_check_inner label.ui-button.ui-state-active {background:url(../img/bg_checkbox_act.png) no-repeat left 4px;} .tx-powermail .powermail_check_outer .powermail_check_inner label.ui-button .ui-button-text {padding:0; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} .tx-powermail .powermail_radio_outer .powermail_radio_inner label.ui-button {padding:0 0 0 26px; background:url(../img/bg_radio.png) no-repeat left 3px;} .tx-powermail .powermail_radio_outer .powermail_radio_inner label.ui-button.ui-state-active {background:url(../img/bg_radio_act.png) no-repeat left 3px;} .tx-powermail .powermail_radio_outer .powermail_radio_inner label.ui-button .ui-button-text {padding:0; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} /*submit*/ div.powermail_fieldwrap.powermail_fieldwrap_submit {float:right; margin:10px 0;} .powermail_submit {text-transform:uppercase; background:#e21665; border:0; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.2em; letter-spacing:0.04em; font-style:normal; font-weight:normal; cursor:pointer; padding:7px 11px; width:auto;} .tx-powermail .powermail_submit:focus {background:#a9104c; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /**/ /*bulle champ obligatoire*/ .formError .formErrorContent {background:#ffffff; color:#888888; border:2px solid #aaa;} .formError .formErrorArrow div {background:#ffffff; border-left:2px solid #aaa; border-right:2px solid #aaa;} .formError .formErrorArrow .line3 {border-left:2px solid #aaa; border-right:2px solid #aaa;} .formError .formErrorArrow .line2 {background:#aaaaaa;} .formError .formErrorArrow .line1 {background:#aaaaaa;} /*msg validation reception*/ .powermail_create {background:none;} /*page validation infos*/ .powermail_confirmation {background:none;} .powermail_confirmation .powermail_confirmation_form, .powermail_confirmation .powermail_confirmation_submit {height:auto; margin:20px 0 40px 0;} .powermail_confirmation input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*page confirmation*/ #page .powermail_confirmation h4 {font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif;} dl.powermail_all {margin:0 0 20px 0; font-size:1.7em; line-height:1.6em;} dl.powermail_all dt {margin:0 15px 15px 0; float:left; clear:left; font-weight:normal; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif;} dl.powermail_all dd {margin:0 0 15px 0; float:left; width:auto;} .powermail_confirmation_form, .powermail_confirmation_submit {cursor:pointer; padding:inherit; margin:0; border:0; width:80px; height:30px; background:#4bc7c7; color:#ffffff; font-size:1.2em; line-height:1.2em;} .powermail_confirmation_form {float:left;} .powermail_confirmation_submit {float:right;} div.tx_powermail_pi1_fieldwrap_html_check label {width:25px; margin-top:2px;} .tx_powermail_pi1_fieldwrap_html_check input {width:25px; margin-top:5px;} .tx_powermail_pi1_fieldwrap_html_submitgraphic {text-align:center;} .tx_powermail_pi1_fieldwrap_html_submitgraphic input {float:none; width:98px; border:0;} /* *** ELEMENTS FORMULAIRE *** */ fieldset {border:0; max-width:100%; min-width:inherit; padding:40px; margin:0; border:3px solid #758d9a; border-top:0; background:#ffffff;} form fieldset:first-child {border-top:3px solid #758d9a;} legend {text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.8em; line-height:32px; line-height:1.2em; margin:0 0 20px 0; float:left; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .ligne_form, .csc-mailform-field {margin:0 0 23px 0; clear:both;} label {margin:0 0 9px 0; padding:0; width:100%; display:block; text-transform:uppercase; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.8em; line-height:28px; line-height:1.3em; letter-spacing:0.02em;} ul li label {font-size:1em; line-height:1em;} input, select, textarea {border:2px solid #bfcfd9; background:#fbfbfb; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.5em; line-height:24px; line-height:1.2em; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; padding:10px;} input[placeholder], input::-webkit-input-placeholder {color:#000000;} textarea {max-width:100%;} select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fbfbfb url(../img/bg_select.png) no-repeat 97% center; text-overflow:""; text-indent:0.01px;} input[type="checkbox"], input[type="radio"] {padding:0; width:auto; border:0; vertical-align:top; margin:0 4px; background:none; -webkit-appearance:normal;} .ligne_form.checkbox, .ligne_form.radio {padding:0 15px; margin:10px 0 0 0;} .ligne_form.checkbox label, .ligne_form.radio label {display:block; width:auto; float:none; margin:0 0 5px 0; text-transform:none; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.6em; line-height:24px; line-height:1.2em; text-align:left;} .ligne_form.checkbox label.ui-button {padding:0 0 0 26px; background:url(../img/bg_checkbox.png) no-repeat left 4px;} .ligne_form.checkbox label.ui-button.ui-state-active {background:url(../img/bg_checkbox_act.png) no-repeat left 4px;} .ligne_form.radio label.ui-button {padding:0 0 0 26px; background:url(../img/bg_radio.png) no-repeat left 3px;} .ligne_form.radio label.ui-button.ui-state-active {background:url(../img/bg_radio_act.png) no-repeat left 3px;} .ligne_form.checkbox label.ui-button .ui-button-text, .ligne_form.radio label.ui-button .ui-button-text {padding:0; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} div.btn_submit {float:right; margin:10px 0;} input[type="submit"], input[type="button"] {text-transform:uppercase; background:#e21665; border:0; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.2em; letter-spacing:0.04em; font-style:normal; font-weight:normal; cursor:pointer; padding:7px 11px; width:auto; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-appearance:none !important;} input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {background:#a9104c; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} .mandatory, .femanager_new .control-label span {color:#e21665; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:25px; padding:0 8px;} input[type="submit"][disabled] {background:#cacaca !important;} /***form date picker***/ .ligne_form.date_pick {position:relative;} .ligne_form.date_pick span.date_pick_calendar {position:absolute; left:0;} .ligne_form.date_pick label {padding:0 0 0 29px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* *** REGISTER *** */ .femanager_fieldset {margin:0 0 10px 0; clear:both;} .femanager_fieldset.error {background:none; border:0; position:relative;} .femanager_fieldset.femanager_submit {float:right; margin:10px 0;} .alert.alert-error {position:absolute; right:0px; top:0px; border:2px solid #B4000E; background:#ffffff; z-index:50; width:25%; padding:1%; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} .alert.alert-error .close {display:none;} .alert.alert-error h4, #page .alert.alert-error h4 {margin:0; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} .typo3-message.alert-ok.alert.alert-success {padding:30px 40px 40px 40px; margin:0 auto 40px auto; background:#bfcfd9;} #content_page .alert-success h4.message-header.alert-heading {color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2em; line-height:1.5em; margin:14px 0 10px 0;} #global .alert-success .message-body {margin:0; color:#FFFFFF; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.5em;} #global .femanager_flashmessages > .message-ok, #global .femanager_flashmessages .alert-message {padding:25px 30px; margin:25px auto 30px auto; background:#DE0D58; color:#ffffff; font-size:2em; line-height:1.5em;} #global .message-body {margin:0; font-size:1.6em; line-height:1.6em; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #login_status {margin:0 0 10px 0;} #header #top_header #login_status p {color:#ffffff; font-size:1.3em; line-height:1.3em;} .tx-cim-association .alert-message, #content_page .booking .alert-message {padding:25px 30px; margin:25px auto 30px auto; background:#DE0D58; color:#ffffff; font-size:2em; line-height:1.5em;} /* *** CLASSES SKIN GENERIQUES *** */ .radius {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior:url(fileadmin/templates/agglo/css/PIE.htc);} .shadow {box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2); behavior:url(fileadmin/templates/agglo/css/PIE.htc);} .shadow_inset {-moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1); behavior:url(fileadmin/templates/agglo/css/PIE.htc);} .grey_border {border:1px solid #d0d0d0;} .overlay {background:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; top:0px; left:0px;} /* CONTENEUR */ #home {position:relative; min-height:100%;} #page {position:relative; min-height:100%;} #global {position:relative; min-height:100%; margin:0 auto; padding-bottom:120px;} .wrap {margin:0 auto;} /* COL */ .flex_row { flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row;-moz-box-direction: normal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal;} .flex_column { flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-box-direction: normal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:block-axis; -webkit-box-direction:normal;} .col_max {width:83.33%;} .col_gd {width:75%;} .col_gd_tiers {width:66.67%;} .col_tiers {width:33.33%;} .col_pt {width:25%;} .col_min {width:16.666666667%;} /* INFOS SUR LES COOKIES */ #cookie_msg {z-index:5000; width:100%; position:fixed; bottom:0px; left:0px; background:rgba(0,0,0,0.8);} #cookie_msg p {font-size:1.4em; line-height:1.4em; color:#FFFFFF; text-align:center; position:relative; padding:15px 80px 16px 20px;} #cookie_msg a {color:#ffffff; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; border-bottom:1px solid #ffffff;} #cookie_msg a:hover, #cookie_msg a:focus {border-bottom:1px solid #e21665; -webkit-transition-property:border; -webkit-transition-duration:500ms; -moz-transition-property:border; -moz-transition-duration:500ms; transition-property:border; transition-duration:500ms;} #cookie_msg span#cookie_close {background:#000000; width:50px; height:100%; cursor:pointer; position:absolute; top:0; right:0; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #cookie_close::before, #cookie_close::after {content:""; display:block;} #cookie_close::before, #cookie_close::after {position:absolute; top:24px; left:15px; width:22px; height:4px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #cookie_close::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #cookie_close::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #cookie_msg span#cookie_close:hover {background:#383736;} /* BACK TOP */ #back_top {display:none; position:fixed; bottom:77px; right:50px; width:50px; height:50px; background:#000000; z-index:59;} .fix #back_top {display:block;} #back_top a, #content_page #back_top a {display:block; width:100%; height:100%; border:0; padding:0; text-indent:-9999999px; background:url(../img/back_top.png) no-repeat 0 0;} #back_top:hover, #back_top:focus {background:#de0d58; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} /* ***** HEADER ***** */ #top_header {background:#bfcfd9; width:100%; height:40px; } #top_header fieldset {border:0; background:none; margin:0; padding:0;} #top_header .ligne_form {margin:0;} #top_header legend, #top_header label {display:none;} /* LIEN BLOC-NOTES */ #bloc_notes {width:33.33%; border-right:1px solid #cadbe5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #bloc_notes:hover {background:#758d9a;} #bloc_notes p {text-align:center; font-size:1.5em; line-height:40px;} #bloc_notes p a {text-transform:uppercase; color:#000000; letter-spacing:0.02em; padding:4px 0 4px 37px; background:url(../img/sprite.png) no-repeat 0 0;} #bloc_notes:hover p a, #bloc_notes p a:hover, #bloc_notes p a:focus {background:url(../img/sprite.png) no-repeat -51px -56px;} /* PROFIL */ #profil {width:16.67%; height:40px; overflow:hidden; overflow:hidden; border-right:1px solid #cadbe5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;} #profil:hover {background:#758d9a;} #profil .ui-selectmenu-button {width:113px !important; text-align:left; font-size:1.5em; height:40px; margin:0 auto; padding:0 0 0 37px; background:url(../img/sprite.png) no-repeat -102px -105px;} #profil:hover .ui-selectmenu-button, #profil .ui-selectmenu-button:focus {background:url(../img/sprite.png) no-repeat -158px -161px; outline:none;} #profil .ui-selectmenu-button span.ui-selectmenu-text {text-transform:uppercase; color:#000000; letter-spacing:0.02em; padding:12px 10px; line-height:1em;} #profil .ui-selectmenu-button span.ui-icon {background:url(../img/sprite.png) no-repeat -216px -224px;} div.ui-selectmenu-menu.ui-front.ui-selectmenu-open {left:25% !important; width:16.67%; background:#758d9a;} div.ui-selectmenu-menu.ui-front.ui-selectmenu-open ul#select_je_suis-menu {width:100% !important; border:0; font-size:1.5em; background:none;} div.ui-selectmenu-menu.ui-front.ui-selectmenu-open ul#select_je_suis-menu li.ui-menu-item {background:#758d9a url(../img/arrow_white_little.png) no-repeat 20px 13px; text-transform:uppercase; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; line-height:1.5em; padding:9px 20px 9px 36px; margin:0 0 1px 0;} div.ui-selectmenu-menu.ui-front.ui-selectmenu-open ul#select_je_suis-menu li.ui-menu-item:first-child {display:none;} div.ui-selectmenu-menu.ui-front.ui-selectmenu-open ul#select_je_suis-menu li.ui-menu-item.ui-state-focus {background:#373737 url(../img/arrow_white_little.png) no-repeat 20px 13px;} /* ZONE LOGIN */ #zone_login {width:25%; position:relative; border-right:1px solid #cadbe5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #zone_login:hover {background:#758d9a;} #btn_login p {text-align:center; font-size:1.5em; line-height:40px;} #btn_login p a {text-transform:uppercase; color:#000000; letter-spacing:0.02em; padding:4px 0 4px 37px; background:url(../img/sprite.png) no-repeat -260px -269px; cursor:pointer;} #zone_login:hover #btn_login p a, #btn_login p a:hover, #btn_login p a:focus {background:url(../img/sprite.png) no-repeat -310px -325px;} #zone_login #login {display:none; position:absolute; z-index:100; width:100%; background:#758d9a;} #zone_login #login.visible {display:block;} #login .tx-felogin-pi1 {padding:30px 40px 25px 40px;} #login label {display:none;} #login input {border:2px solid #bfcfd9; border-radius:2px; background:#ffffff; color:#000000; font-size:1.3em; line-height:1.4em; margin:0 0 10px 0; padding:5px 10px;} #login .btn_submit {float:none;} #login input[type="submit"] {border:0; border-radius:0; background:#e21665; text-transform:uppercase; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.8em; letter-spacing:0.04em; padding:1px 8px; width:auto;} #login input[type="submit"]:hover, #login input[type="submit"]:focus {background:#bd1354; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #login p.txt_lien {font-size:1.2em; line-height:1.3em;} #login p.txt_lien a {color:#ffffff; font-family:'texgyreadventor_italic',Arial,Verdana,sans-serif; padding:0 0 0 14px; background:url(../img/arrow_white_little.png) no-repeat left center;} #login p.txt_lien a:hover, #login p.txt_lien a:focus {text-decoration:underline;} #social_login {background:#758d9a; padding:20px 0px 25px 0px; margin:0 40px; border-top:2px solid #bfcfd9;} #social_login button.btnSocial {display:block; width:100%; padding:0 0 0 45px; margin:0 0 10px 0; font-size:1.4em; line-height:1em; text-align:left; cursor:pointer;} #social_login button.btnSocial span {display:block; text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; padding:10px 20px;} #social_login button._socialLoginFacebook {background:#324a80 url(../img/sprite.png) no-repeat -416px -437px;} #social_login button._socialLoginTwitter {background:#0098d4 url(../img/sprite.png) no-repeat -491px -502px;} #social_login button._socialLoginFacebook span {background:#3b5998; color:#ffffff;} #social_login button._socialLoginTwitter span {background:#00acee; color:#000000;} #social_login button._socialLoginFacebook span:hover {background:#324a80; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #social_login button._socialLoginTwitter span:hover {background:#0098d4; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #zone_login #zone_logout {display:none; position:absolute; z-index:100; width:100%; background:#758d9a;} #zone_login #zone_logout.visible {display:block;} #zone_logout p {padding:20px 20px 10px 20px; color:#ffffff; font-size:1.5em; line-height:1.5em;} #zone_logout span {color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.04em;} #zone_logout .nm {text-transform:uppercase;} #zone_logout input[type="submit"] {border:0; background:#617580 url(../img/arrow_white_little.png) no-repeat 20px center; text-transform:none; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; padding:8px 20px 8px 36px; width:100%; text-align:left;} #zone_logout input[type="submit"]:hover, #zone_logout input[type="submit"]:focus {background-color:#4e5d66; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #zone_logout p.txt_lien {font-size:1.2em; line-height:1.3em; padding:20px;} #zone_logout p.txt_lien a {color:#ffffff; font-family:'texgyreadventor_italic',Arial,Verdana,sans-serif; padding:0 0 0 14px; background:url(../img/arrow_white_little.png) no-repeat left center;} #zone_logout p.txt_lien a:hover, #zone_logout p.txt_lien a:focus {text-decoration:underline;} /* ZONE RECHERCHE */ #btn_search_smart {display:none;} #btn_search_smart {width:80px; height:70px; background:#bd1354 url(../img/sprite.png) no-repeat -213px -519px; position:relative; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;} #page #btn_search_smart p {margin:0;} #btn_search_smart a {display:block; text-indent:-9999px; width:100%; height:100%;} #zone_recherche {width:25%; height:40px; overflow:hidden;} #recherche {position:relative;} #recherche input {color:#747474; letter-spacing:0.02em; padding:0 72px 0 20px; /*line-height:40px;*/ border:0; height: 40px;} #recherche input#bouton_recherche, #recherche input[type="submit"] {width:52px; padding:0; border:0; display:block; text-indent:-9999px; background:url(../img/sprite.png) no-repeat -350px -376px; position:absolute; right:0; top:0; padding:0; margin:0;} #recherche input[placeholder], #recherche input::-webkit-input-placeholder {color:#747474;} /*normalizekesearch*/ #zone_recherche .tx-kesearch-pi1 {font-size:inherit;} #zone_recherche .tx-kesearch-pi1 form {margin:0;} #zone_recherche div.kesearchbox {position:static; height:auto; margin:0;} #zone_recherche #ke_search_sword {position:static; width:auto; width:100%;} #zone_recherche .tx-kesearch-pi1 input[type="text"], #zone_recherche .tx-kesearch-pi1 select, #zone_recherche .tx-kesearch-pi1 textarea {border:1px solid #bbbbbb; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#747474; letter-spacing:0.02em; padding:0 72px 0 20px; line-height:40px; border:0;} #zone_recherche #kesearch_submit {left:inherit; height:auto; width:52px; padding:0; border:0; display:block; text-indent:-9999px; background:url(../img/sprite.png) no-repeat -350px -376px; position:absolute; right:0; top:0; padding:0; margin:0; visibility:hidden;} #zone_recherche li.checkboxButtonSubmit span, #zone_recherche span.submitbutt input, #zone_recherche input.kesGreyButt[type="submit"] {max-width:52px; min-width:52px;} #zone_recherche input[type="main_search"], #zone_recherche .resetbutt {display:none; visibility:hidden;} /* LIEN GALAXIE */ #galaxie {width:16.67%; background:#e21665;} #galaxie p {text-align:center; font-size:1.6em; line-height:40px;} #galaxie p a {text-transform:uppercase; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.02em; padding:0 0 0 22px; background:url(../img/arrow_white_bold.png) no-repeat 0 8px;} #galaxie:hover {background:#bd1354; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #bandeau_logo {background:#ffffff; position:relative; min-height:300px;} #wrap_logo {text-align:center; background:url(../img/mgs_logo_SVG.svg) no-repeat center center; background-size:100% 100%; position:absolute; height:100%;} /* LOGO */ #logo, #logo h1, #logo a, #page #logo p {display:block; width:100%; height:100%;} #logo h1 {font-size:inherit; line-height:inherit;} #logo span {text-transform:uppercase; color:#ffffff; display:block; visibility:hidden; opacity:0;} #logo .first_line {font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:121px; font-size:10.1em; line-height:90px;} #logo .second_line {font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:56px; font-size:5.6em; line-height:60px;} /* RESEAUX SOCIAUX */ #menu_resaux_sociaux {text-align:center; position:absolute; bottom:0; right:40px; width:100%;} #menu_resaux_sociaux ul {width:232px; height:22px; margin:35px; float:right;} #menu_resaux_sociaux li {display:inline-block;} #menu_resaux_sociaux li a {text-indent:-9999px; display:block; width:32px; height:22px; line-height:22px; padding:0; background-image:url(../img/sprite.png); background-repeat:no-repeat; background-position:0px -567px; overflow:hidden; -webkit-transition-property:opacity; -webkit-transition-duration:500ms; -moz-transition-property:opacity; -moz-transition-duration:500ms; transition-property:opacity; transition-duration:500ms;} #menu_resaux_sociaux .reseau_fb {margin:0 17px 0 0;} #menu_resaux_sociaux .reseau_twit {margin:0 32px 0 0;} #menu_resaux_sociaux .reseau_instagram {margin:0 32px 0 0;} #menu_resaux_sociaux .reseau_fb a {background-position:10px -567px;} #menu_resaux_sociaux .reseau_twit a {background-position:-28px -567px;} #menu_resaux_sociaux .reseau_youtube a {background-position:-121px -567px;} #menu_resaux_sociaux .reseau_instagram a {background-position:-73px -567px;} #menu_resaux_sociaux li a:hover, #menu_resaux_sociaux li a:focus {opacity:0.7;} #bandeau_image {margin:0 0 0 33.33%;} #bandeau_image img {display:block; width:100%;} /* ***** MENU PRINCIPAL ***** */ #bandeau_menu {position:relative;} #btn_menu_smart, #close_menu_principal {display:none;} #menu_principal {width:100%; background:#e21665;} #overlay_menu {display:none; opacity:0; background:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; top:0px; left:0px;} #menu_principal > ul {text-align:center; padding:23px 0 0 0; float:left; width:50%;} #menu_principal > ul + ul {background:url(../img/momotif.png) repeat 0 0;} #menu_principal > ul > li:first-child {padding:0 18px 0 0; background:none;} #menu_principal > ul > li {display:inline-block; padding:0 18px 0 29px; background:url(../img/sep_menu.png) no-repeat left 22px;} #menu_principal ul li a {display:block; padding:0 0 23px 0;} #menu_principal ul li span {text-transform:uppercase; color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.7em; line-height:1em; letter-spacing:0.02em; padding:19px 20px; vertical-align:middle; display:block;} #menu_principal ul li:hover span, #menu_principal ul li a:hover span, #menu_principal ul li a:focus span {background:#bd1354; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #menu_principal ul + ul li:hover span, #menu_principal ul + ul li a:hover span, #menu_principal ul + ul li a:focus span {background:#b0124e;} #menu_principal li.home img {vertical-align:baseline;} /* //CORR */ #menu_principal > ul > li.home span {display:none;} /*SOUS MENU*/ #menu_principal li ul {display:none; background:#ffffff; position:absolute; left:0; width:100%; z-index:60; text-align:left; padding:0 0 69px 0;} #menu_principal li ul.sous_menu.display_block {display:block;} #menu_principal li ul li {width:20%; margin:0 2.4%; padding:40px 0 2px 0; display:inline-block; vertical-align:top;} #menu_principal li ul li a {padding:0;} #menu_principal li ul li img {display:block; width:100%; margin:0 0 25px 0;} #menu_principal li ul li span {background:none !important; margin:0 0 22px 0; padding:0 11px; color:#758d9a; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.8em;} #menu_principal li ul li:hover span, #menu_principal li ul li a:hover span, #menu_principal li ul li a:focus span {color:#576973; background:none;} /*SOUS SOUS MENU*/ #menu_principal li ul li ul {border-top:2px solid #758d9a; padding:8px 0 0 0; display:block; position:static;} #menu_principal li ul li ul li {padding:4px 0; display:block; width:auto; margin:0;} #menu_principal li ul li ul li a {color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.3em; padding:1px 0 1px 30px; background:url(../img/arrow_black_menu.png) no-repeat 11px 2px;} #menu_principal li ul li ul li a:hover, #menu_principal li ul li ul li a:focus {color:#758d9a; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} /* FIXED STICKY NAV */ .fix #bandeau_menu {position:fixed; top:0; left:0; width:100%; z-index:500;} .fix #bandeau_menu #btn_search_smart {display:block; float:left; margin:0 0 0 110px; z-index:1000;} .fix #zone_recherche.visible {position:fixed; z-index:5000; left:110px; top:70px; border:2px solid #BD1354; border-top:0;} .fix #wrap_logo {width:110px; height:70px; top:0; left:0; z-index:1000; position:fixed; overflow:hidden;} .fix #wrap_logo #logo {background:#ffffff url(../img/mgs_logo_SVG.svg) no-repeat center center; background-size:auto 100%;} .fix #wrap_logo:hover {background:#ffffff; -webkit-transition-property:background-size; -webkit-transition-duration:500ms; -moz-transition-property:background-size; -moz-transition-duration:500ms; transition-property:background-size; transition-duration:500ms;} .fix #wrap_logo:hover #logo {background:url(../img/mgs_logo_SVG.svg) no-repeat center center; background-size:100% 100%; transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15); -webkit-transition: all 0.5s; transition:all 0.5s;} .fix #btn_search_smart:hover {background-color:#b0124e; -webkit-transition-property:background-color; -webkit-transition-duration:500ms; -moz-transition-property:background-color; -moz-transition-duration:500ms; transition-property:background-color; transition-duration:500ms;} .fix #menu_resaux_sociaux {display:none;} .fix #bandeau_menu #menu_principal {padding:0 0 0 190px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:900 !important;} .fix #overlay_menu {display:none !important;} .fix #bandeau_menu #menu_principal > ul {text-align:left; padding:0;} .fix #bandeau_menu #menu_principal ul.sous_menu {position:fixed; top:70px; left:0; height:100%; padding:0 0 140px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow-y:auto;} .fix #bandeau_menu #menu_principal > ul > li:first-child {padding:0 18px 0 29px;} .fix #bandeau_menu #menu_principal > ul > li {padding:0 13px 0 24px;} .fix #bandeau_menu #menu_principal > ul > li > a {padding:13px 0;} .fix #bandeau_menu #menu_principal ul li span {padding:10px; font-size:2.4em;} .hiopen #close_menu_fix {display:block; position:absolute; width:50px; height:50px; right:0px; top:110px; z-index:100000000; background:#ffffff; cursor:pointer;} .hiopen #close_menu_fix .close_menu_fix::before, .hiopen #close_menu_fix .close_menu_fix::after {content:""; display:block; position:absolute; top:22px; left:15px; width:20px; height:2px; background:#bd1354; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .hiopen #close_menu_fix .close_menu_fix::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .hiopen #close_menu_fix .close_menu_fix::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} /*.fix .hiopen #close_menu_fix .close_menu_fix::before {background:transparent;}*/ .fix .hiopen #close_menu_fix .close_menu_fix::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .fix .hiopen #close_menu_fix .close_menu_fix::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} /*OUTILS ACCESSIBILITE*/ /*#accessi li {display:inline; color:#757575; font-family:'',Arial,Verdana,sans-serif; font-size:1em; line-height:1em; padding:0 30px 0 15px;} #accessi li a {color:#757575; font-family:'',Arial,Verdana,sans-serif; text-transform:uppercase;} #accessi li a:hover, #accessi li a:focus {color:#757575;}*/ /* ***** FOOTER ***** */ #footer {position:absolute; bottom:0px; width:100%; height:120px;} #logo_footer {text-align:center; height:100%; background:#758d9a;} #logo_footer img {display:block; margin:25px auto;} #menu_footer {text-align:center; background:#bfcfd9; height:100%;} #menu_footer p#slogan {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.4em; line-height:normal; letter-spacing:0.06em; padding:30px;} #menu_footer li {color:#000000; font-size:1.4em; line-height:normal; padding:0 25px 0 30px; display:inline; background:url(../img/sep_footer.png) no-repeat left center;} #menu_footer li:first-child {padding:0 25px 0 0; background:none;} #menu_footer li a {text-transform:uppercase; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; letter-spacing:0.04em;} #menu_footer li a:hover, #menu_footer li a:focus {color:#455259; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} /* *************************** FIL ROUGE *************************** */ #overlay_fil_rouge {z-index:10000;} #fil_rouge {position:fixed; top:60px; left:33.33%; z-index:10001; background:#ffffff; padding:55px 40px 40px 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #fil_rouge .titre_bloc {margin:0 0 14px 0; padding:0 0 48px 0; position:relative;} #fil_rouge .titre_bloc p {text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:4.8em; line-height:1em; letter-spacing:0.04em; margin:0; padding:0;} #fil_rouge .titre_bloc .line {width:375px; height:1px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); background:#bfcfd9; display:block; position:absolute; bottom:11px;} #fil_rouge .titre_bloc .line::before {content:""; width:100%; height:1px; background:#bfcfd9; display:block; position:absolute; bottom:10px;} #fil_rouge .titre_bloc .line::after {content:""; width:100%; height:1px; background:#bfcfd9; display:block; position:absolute; bottom:5px;} #fil_rouge .contenu_bloc h2 {text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.8em; line-height:32px; margin:0 0 19px 0; padding:0;} #fil_rouge .contenu_bloc p {font-size:1.6em; line-height:1.5em; margin:0;} #fil_rouge p.btn_lien {margin:24px 0 0 0; background:#e21665;} #fil_rouge p.btn_lien:after {background:#e21665;} #fil_rouge p.btn_lien:hover::after, #fil_rouge p.btn_lien:focus::after {background:#a9104c;} /*CLOSE*/ #close_fil_rouge {width:50px; height:50px; background:#bfcfd9; position:absolute; top:0; right:0; cursor:pointer;-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #close_fil_rouge .close {display:block; position:absolute; left:14px; top:22px; width:22px; height:4px;} #close_fil_rouge .close::before, #close_fil_rouge .close::after {content:""; display:block;} #close_fil_rouge .close, #close_fil_rouge .close::before, #close_fil_rouge .close::after {position:absolute; width:22px; height:4px; background:#000000; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #close_fil_rouge.btn_act .close {background:transparent;} #close_fil_rouge.btn_act .close::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #close_fil_rouge.btn_act .close::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #close_fil_rouge:hover {background:#e3e8eb;} /* *************************** HOME CONTENT *************************** */ /* SLIDER */ #slider {width:100%; position:relative;} #slider_header {width:100%; height:100%;} .slide_full_container {width:100%; height:100%;} .slide_full_container li {width:100%; height:100%;} #slider_header .slide_full_container li {top:0;} .slide_full_container li a {display:block; width:100%; height:100%;} .slide_full_container li img {display:block;} /*NAVIGATION*/ .slider_nav {position:absolute; bottom:13px; z-index:49; float:none; padding:0; text-align:center;} .slider_nav.left {width:auto; left:5px;} .slider_nav.center {width:100%;} .slider_nav.right {width:auto; right:5px;} .slider_nav ul {text-align:center;} .slider_nav.left ul {text-align:left;} .slider_nav.right ul {text-align:right;} .slider_nav li {padding:0 4px; float:none; display:inline-block; vertical-align:top;} .slider_nav li a.control_header, .slider_nav li a.control_home, .slider_nav li a.control_page {cursor:pointer; background:#ffffff; width:11px; height:11px; margin:2px 0; display:inline-block; border-radius:15px 15px 15px 15px; -moz-border-radius:15px; -webkit-border-radius:15px; behavior:url(/fileadmin/templates/agglo/css/PIE.htc); -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .slider_nav li a:hover {background:none; background:#e21665;} .slider_nav li a.control_header.slider_header_active, .slider_nav li a.control_home.slider_home_active, .slider_nav li a.control_page.slider_page_active {background:#e21665; width:15px; height:15px; margin:0;} span.control_home, span.control_page {position:absolute; top:0px; z-index:49; padding:16px; cursor:pointer;} #left_control_home, #left_control_page {left:20px; background:url(../img/sprite.png) no-repeat -197px -237px;} #right_control_home, #right_control_page {right:20px; background:url(../img/sprite.png) no-repeat -253px -237px;} #left_control_home:hover, #left_control_page:hover {opacity:0.8;} #right_control_home:hover, #right_control_page:hover {opacity:0.8;} /* CONTROLS */ .slider_action {position:absolute; bottom:25px; left:3.5%; width:70px; height:70px; z-index:148; display:block; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior:url(/fileadmin/templates/agglo/css/PIE.htc); overflow:hidden} .slider_action.running {background:url(../img/sprite.png) no-repeat -378px -237px;} .slider_action.paused {background:url(../img/sprite.png) no-repeat -308px -237px;} .slider_action.running:hover, .slider_action.running:focus {background:url(../img/sprite.png) no-repeat -378px -237px;} .slider_action.paused:hover, .slider_action.paused:focus {background:url(../img/sprite.png) no-repeat -308px -237px;} /* BLOCS */ .bloc_home, .bloc_col {overflow:hidden;} .bloc_home .titre_bloc, .bloc_col .titre_bloc {padding:0px 40px 0 40px; position:relative;} .bloc_home .titre_bloc h2, .bloc_home .titre_bloc p, #page .bloc_col .titre_bloc h2, #page .bloc_col .titre_bloc p {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:5em; line-height:1em; letter-spacing:0.04em; margin:0; padding:40px 0;} .bloc_home .titre_bloc .line {width:375px; max-width:100%; height:1px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); background:#ffffff; display:block; position:absolute; bottom:12px;} .bloc_home .titre_bloc .line::before {content:""; width:100%; height:1px; background:#ffffff; display:block; position:absolute; bottom:10px;} .bloc_home .titre_bloc .line::after {content:""; width:100%; height:1px; background:#ffffff; display:block; position:absolute; bottom:5px;} /* BTN LIEN */ .btn_lien, .bloc_home .contenu_bloc .btn_lien, #page .btn_lien {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; margin:0; display:inline-block; position:relative; background:#617580;} .btn_lien a, .bloc_home .contenu_bloc .btn_lien a, #page .btn_lien a {text-transform:uppercase; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; padding:4px 10px 8px 10px; border:0; display:inline-block; letter-spacing:0.04em; position:relative; z-index:2; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;} .btn_lien a:hover, .btn_lien a:focus, .bloc_home .contenu_bloc .btn_lien a:hover, .bloc_home .contenu_bloc .btn_lien a:focus, #page .btn_lien a:hover, #page .btn_lien a:focus {background:none; color:#ffffff;} .btn_lien:after {content:''; position:absolute; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; width:0%; height:100%; top:0; left:0; background:#617580; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .btn_lien:hover::after, .btn_lien:focus::after {width:100%; background:#4e5d66;} /**/ #page .list_item .btn_lien {background:#c9145a;} #page .list_item .btn_lien a:hover, #page .list_item .btn_lien a:focus {color:#ffffff;} #page .list_item .btn_lien:after {background:#c9145a;} #page .list_item .btn_lien:hover::after, #page .list_item .btn_lien:focus::after {background:#a9104c;} /*//////////////////*/ .btn_lien_picto, .bloc_home .contenu_bloc .btn_lien_picto, #page .btn_lien_picto {font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.7em; margin:0;} .btn_lien_picto a, .bloc_home .contenu_bloc .btn_lien_picto a, #page .btn_lien_picto a {color:#000000; font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif; display:block; letter-spacing:0.04em; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; position:relative;} .btn_lien_picto a::before {content:"> "; text-transform:uppercase; color:#617580; font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif; left:0; top:0;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} .btn_lien_picto a:hover::before, .btn_lien_picto a:focus::before, .btn_lien_picto a:hover, .bloc_home .contenu_bloc .btn_lien_picto a:hover, #page .btn_lien_picto a:hover, .btn_lien_picto a:focus, .bloc_home .contenu_bloc .btn_lien_picto a:focus, #page .btn_lien_picto a:focus {color:#e21665;} /*//////////////////*/ #page .btn_lien.close_map a {color:#ffffff;} #page .btn_lien span {margin:0 10px 0 0;} #page .btn_lien.close_map a:hover, #page .btn_lien.close_map a:focus {color:#ee3251;} /* A LA UNE */ #actus_home {position:relative; padding:33px 0;} #actus_home .titre_bloc, #page #actus_home .titre_bloc {position:absolute; right:0; top:0; padding:0; margin:0 5%; width:40%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #actus_home .titre_bloc p {color:#e21665;} #actus_home .titre_bloc .line, #actus_home .titre_bloc .line::before, #actus_home .titre_bloc .line::after {background:#bfcfd9;} #actus_home .contenu_bloc {padding:0 4%;} #slider_alaune {position:relative;} #slider_alaune .img {float:left; width:50%;} #slider_alaune .img img {width:100%;} #slider_alaune .coverflow_zone_texte {float:left; width:50%; padding:118px 0% 33px 5%; height:100%; position:relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #slider_alaune .cat_tag {text-transform:uppercase; color:#54666f; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1em; display:inline-block; letter-spacing:0.04em; border:1px solid #bfcfd9; padding:4px 7px; margin:0 0 10px 0;} #slider_alaune .coverflow_titre {margin:0px 0 7% 0; padding:0; font-size:2.8em; line-height:1.2em;} #slider_alaune .coverflow_titre a {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif;} #slider_alaune .coverflow_desc {display:block;} #slider_alaune .coverflow_desc p {font-size:1.5em; line-height:1.6em;} /*SUPPR*/#slider_alaune span.coverflow_desc {font-size:1.5em; line-height:1.6em;} #slider_alaune .btn_lien {position:absolute; bottom:33px;} #slider_alaune .btn_lien a {width:auto; height:auto;} #slider_alaune_navigation {bottom:0;} #slidesContainer_alaune {position:relative;z-index:1;} #slider_alaune .btn_lien_picto {position:absolute; bottom:0px; left:55%; z-index:10; line-height:1em;} #slider_alaune .btn_lien_picto a {padding:0;} .slider_nav li a.control_alaune {cursor:pointer; background:#c0c0c0; width:11px; height:11px; margin:2px 0; display:inline-block; border-radius:15px 15px 15px 15px; -moz-border-radius:15px; -webkit-border-radius:15px; behavior:url(/fileadmin/templates/agglo/css/PIE.htc); -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .slider_nav li a.control_alaune:hover {background:none; background:#e21665;} .slider_nav li a.control_alaune.slider_alaune_active {background:#e21665; width:15px; height:15px; margin:0;} #page #actus_home.bloc_home .titre_bloc {position:absolute; padding:0; margin:0 5%; width:40%;} #page #actus_home.bloc_home .titre_bloc p {text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:5em; line-height:1em; margin:0; padding:40px 0;} #page #actus_home .titre_bloc .line, #page #actus_home .titre_bloc .line::before, #page #actus_home .titre_bloc .line::after {background:#bfcfd9;} .left.col_tiers.flex_column {float:none;} /* *************************** MEDIATHEQUE *************************** */ #nouveautes {background:#e3e8eb; padding:40px 127px; margin-top:70px; /*height:250px;*/ min-height:205px; position:relative; overflow:hidden;} /*#nouveautes #slider_nouveaute {position:relative;}*/ #content_page #nouveautes ul {margin:0; padding:0; background:#e3e8eb;} #content_page #nouveautes ul li, #content_page #nouveautes ol li {list-style-image:none; margin:0; /*padding: 0 4px;*/ padding:0; display:block; height:auto;} /*#nouveautes .img {float:left; max-width: 26%; margin: 0 4% 0px 0;}*/ /*#slider_nouveaute .img img {width: auto;}*/ /*#content_page #slider_nouveaute a {border: 0; padding:0;}*/ /*#slider_nouveaute .coverflow_zone_texte {float: left;width: 63%;}*/ /*#slider_nouveaute .coverflow_zone_texte .cat_tag {text-transform: uppercase; color: #54666f; font-family: 'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size: 1em; line-height: 1em; display: inline-block; letter-spacing: 0.04em; background: #ffffff; padding: 5px 7px;}*/ #content_page #slider_nouveaute .coverflow_author {display:block; color:#617580; font-size: 1.2em; font-family: 'texgyreadventor_bold',Arial,Verdana,sans-serif;} #content_page #slider_nouveaute .coverflow_desc {display: block; margin: 20px 0 30px 0;} /*#content_page #slider_nouveaute span.btn_lien {padding: 4px 15px 8px 10px; line-height: 0.9em;}*/ /*#content_page #slider_nouveaute span.btn_lien a {font-size: 0.7em; }*/ #content_page #slider_nouveaute .slider_nav li a.control_nouveaute {cursor: pointer; background: #c0c0c0; width: 11px; height: 11px; margin: 2px 0; display: inline-block; border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc); -webkit-transition-property: background; -webkit-transition-duration: 500ms; -moz-transition-property: background; -moz-transition-duration: 500ms; transition-property: background; transition-duration: 500;} #content_page #slider_nouveaute .slider_nav {bottom: -22px;} #content_page #slider_nouveaute .slider_nav li a.control_nouveaute.slider_nouveaute_active {background: #e21665; width: 15px; height: 15px; margin: 0; } #content_page #slider_nouveaute .coverflow_zone_texte h2 {margin:0 0 5px 0; font-size:1.9em;} #content_page #slider_nouveaute .coverflow_zone_texte h2 a {color:#e21665;} #content_page h3.title.template-title {display:none;} #content p.template-info {margin:0; font-size:inherit; line-height:inherit;} #slider_nouveaute .author-liste {display:block; color:#617580; font-size:1.2em; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #slider_nouveaute .forme-liste {display:block; margin:20px 0 30px 0; font-size:1em;} #slider_nouveaute .template-resume {display:none;} #page #slider_nouveaute .btn_lien {font-size:1.1em;} #page #slider_nouveaute .btn_lien a {width:auto;} span.control_nouveaute {position:absolute; top:45%; z-index:49; padding:16px; cursor:pointer; width:15px; height:15px; margin:0px; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #left_control_nouveaute {left:40px; background:url(../img/sprite.png) no-repeat -724px -7px #e21665;} #right_control_nouveaute {right:40px; background:url(../img/sprite.png) no-repeat -782px -66px #e21665;} #left_control_nouveaute:hover, #left_control_nouveaute:hover {background:url(../img/sprite.png) no-repeat -724px -7px #a9104c;} #right_control_nouveaute:hover, #right_control_nouveaute:hover {background:url(../img/sprite.png) no-repeat -782px -66px #a9104c;} #nouveautes.wimg .img {float:left; max-width:26%; margin:0 4% 0px 0;} #nouveautes.wimg .coverflow_zone_texte {float:left; width:63%;} #content_page #nouveautes.wimg #slider_nouveaute .coverflow_desc {margin:0;} #content_page #nouveautes.wimg #slider_nouveaute .coverflow_author {margin:0 0 5px 0;} /* BLOC PARTICIPE */ #particip {position:relative;} #particip .img img {width:100%; display:block;} #particip:hover .img {opacity:0.5;} #particip .txt {position:absolute; width:100%; height:100%; top:0; left:0;} #particip .txt p {width:100%; height:100%; text-align:center;} #particip .txt a {width:100%; height:100%; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:2em; line-height:1em; text-align:center; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column;-moz-box-direction: normal; -webkit-box-orient:block-axis; -webkit-box-direction:normal; justify-content:center; -webkit-justify-content:center; -webkit-box-pack:center; } #particip .txt strong, #particip .txt b {display:block; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:3.6em; line-height:1.2em;} /*NEW participdevientvideo*/ a.lien_particip_video {text-indent:-9999px;} /* EN 1 CLIC */ #demarches {background:#bfcfd9; -webkit-box-flex:1; flex-grow:1;} .tx-dce-pi1 #demarches {-webkit-box-flex:initial; flex-grow:initial;} .left.col_tiers.flex_column .tx-dce-pi1 {-webkit-box-flex:1; flex-grow:1; background:#bfcfd9;} #demarches .titre_bloc {padding:0; margin:0 40px;} #demarches .titre_bloc p {color:#000000;} #demarches .contenu_bloc {margin:25px 0 30px 0;} #demarches .contenu_bloc li {display:block; font-size:1.6em; line-height:1.8em; margin:0 0 1% 0;} #demarches .contenu_bloc a {display:block; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.04em; padding:2px 40px 2px 64px; background:url(../img/arrow_black.png) no-repeat 40px 10px;} #demarches .contenu_bloc a:hover, #demarches .contenu_bloc a:focus {color:#455259; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /* DEMARCHES */ #un_clic {position:relative; overflow:visible; background:#758d9a;} /* Correction IE Ilouiz */ /*.left.col_tiers.flex_column .tx-dce-pi1 + .tx-dce-pi1 {-webkit-box-flex:initial; flex-grow:initial; background:#758d9a;}*/ .left.col_tiers.flex_column .tx-dce-pi1 + .tx-dce-pi1 {-webkit-box-flex:inherit; flex-grow:inherit; background:#758d9a;} /* Correction IE Ilouiz */ #un_clic .titre_bloc {padding:25px 23px 25px 40px; cursor:pointer;} #un_clic .titre_bloc p {color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:3.6em; letter-spacing:0.02em; background:#758d9a url(../img/arrow_clic.jpg) no-repeat right top; padding:10px 40px 0 0; min-height:48px;} #un_clic .contenu_bloc {display:none; position:absolute; z-index:10; width:100%; background:#576973;} #un_clic .contenu_bloc li {display:block; font-size:1.6em; line-height:1.8em; margin:0 0 1px 0;} #un_clic .contenu_bloc a {display:block; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; padding:9px 40px 9px 64px; background:url(../img/arrow_white.png) no-repeat 40px center;} #un_clic .contenu_bloc a:hover, #un_clic .contenu_bloc a:focus {background:#758d9a url(../img/arrow_white.png) no-repeat 40px center;} #un_clic .titre_bloc:hover {background:#617580;} #un_clic .titre_bloc:hover p {background:#617580 url(../img/arrow_clic.jpg) no-repeat right top;} /* ACCES RAPIDES */ .quick {font-size:0;} .quick ul li {display:inline-block; vertical-align:top; font-size:14px;} .quick ul li:hover {-webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .quick ul li a {display:block;} #acces_rapides ul li a {display:block; color:#ffffff; padding:12%; font-size:2.4em;} #acces_rapides ul li a img {margin:0 auto 42px auto;} #acces_rapides ul li a span {display:block; color:#ffffff;line-height:1em;} #acces_rapides ul li a .titre {font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif; margin:0 0 4px 0; font-size:0.475em; letter-spacing:0.06em;} #acces_rapides ul li a .sous_titre { text-transform:uppercase;font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:0.675em; letter-spacing:0.06em;} #acces_rapides li:nth-child(2n+1) {background:#e21665;} #acces_rapides li:nth-child(2n+2) {background:#e21665 url(../img/momotif.png) repeat 0 0;} #acces_rapides ul li:hover {background:#8f0d41;} /* ACCES RAPIDES COL */ #acces_rapides_col ul li a {color:#ffffff; padding:9%;} #acces_rapides_col ul li a img {margin:0 11px 25px 0; float:left;} #acces_rapides_col ul li a span {display:block; line-height:1em;} #acces_rapides_col ul li a .titre {text-transform:uppercase; color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:1.75em; margin:6px 0 13px 0; letter-spacing:0.04em; max-width:375px;} #acces_rapides_col ul li a .sous_titre {color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1em; letter-spacing:0.02em;} #acces_rapides_col li:nth-child(2n+1) {background:#758d9a;} #acces_rapides_col li:nth-child(2n+2) {background:#586a73;} #acces_rapides_col ul li:hover {background:#455259;} /* AGENDA */ #agenda {background:#bfcfd9;} #agenda .titre_bloc {padding:0; margin:0 40px;} #agenda .contenu_bloc {padding:0 40px 40px 40px;} #agenda li, #page #agenda li, #agenda h2, #page #agenda h2 {font-size:inherit; line-height:inherit; padding:0;} #agenda h2, #page #agenda h2 {margin:0;} #agenda li {margin:10% 0 0 0;} #agenda li a {display:block;} #agenda li .left {max-width:28%; margin:0 3% 0 0;} #agenda li .right {width:69%; float:left;} #agenda .cat_tag {text-transform:uppercase; color:#54666f; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1em; display:inline-block; letter-spacing:0.04em; background:#ffffff; padding:4px 7px; margin:0 0 9px 0;} #agenda .titre {display:block; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.2em; letter-spacing:0.02em; margin:0 0 5px 0;} #agenda .date {display:block; color:#47575e; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1em; letter-spacing:0.04em;} #agenda .clear {display:block;} #agenda .btn_lien {margin:9% 0 0 0;} #page #agenda {border-bottom:2px solid #ffffff; padding:0 0 26px 0;} #page #agenda .titre_bloc {padding:0;} #page #agenda .contenu_bloc {padding:8px 40px 0 40px;} #page #agenda li:first-child {margin:0;} #page #agenda .cat_tag {padding:5px 7px;} #page #agenda .titre {line-height:1.4em; margin:0 0 11px 0;} /* ZOOM */ #zoom_sur {position:relative; padding:33px 0;} #zoom_sur .content_bloc {padding:0 4%;} #zoom_sur .titre_bloc {padding:0;} #zoom_sur .titre_bloc p {padding:0 0 40px 0; color:#e21665;} #zoom_sur .titre_bloc .line, #zoom_sur .titre_bloc .line::before, #zoom_sur .titre_bloc .line::after {background:#bfcfd9;} #zoom_sur .img {width:50%;} #zoom_sur .img img {width:100%;} #zoom_sur .txt {width:45%; padding:0 5% 0 0;} #zoom_sur .contenu_bloc {padding:10% 0 33px 0;} #zoom_sur .contenu_bloc div {margin:0 0 6% 0;} #zoom_sur .contenu_bloc div h2 {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1.2em; margin:0 0 29px 0;} #zoom_sur .contenu_bloc div p {font-size:1.5em; line-height:1.5em;} /* CARTE INTERACTIVE HOME */ #bloc_carte_interactive .col_tiers {background:#e21665; position:relative;} #bloc_carte_interactive .titre_bloc {padding:0; margin:0 40px;} #bloc_carte_interactive .titre_bloc p {color:#ffffff; max-width:375px;} #bloc_carte_interactive .titre_bloc .line, #bloc_carte_interactive .titre_bloc .line::before, #bloc_carte_interactive .titre_bloc .line::after {background:#ffffff;} #bloc_carte_interactive .contenu_bloc {padding:0 40px 76px 40px;} #bloc_carte_interactive .contenu_bloc img {margin:25px auto; display:block;} #bloc_carte_interactive .contenu_bloc div {margin:0 0 15px 0;} #bloc_carte_interactive .contenu_bloc p {color:#ffffff; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.8em; letter-spacing:0.025em; margin:0 0 15px 0;} #bloc_carte_interactive .contenu_bloc .btn_lien {font-size:1.6em; line-height:1.6em; position:absolute; bottom:40px; left:40px; margin:0;} #bloc_carte_interactive .contenu_bloc .btn_lien, #bloc_carte_interactive .contenu_bloc .btn_lien:after {background:#b0124e;} #bloc_carte_interactive .contenu_bloc .btn_lien:hover::after, #bloc_carte_interactive .contenu_bloc .btn_lien:focus::after {background:#960f43;} #bloc_carte_interactive .col_gd_tiers {position:relative;} #bloc_carte_interactive #map {overflow:hidden; width:100%;} #bloc_carte_interactive #map a {display:block;} /*SUPPR*/ #bloc_carte_interactive #map img {width:100%; display:block; min-height:100%;} #bloc_carte_interactive .col_gd_tiers .btn_lien {position:absolute; bottom:40px; left:40px;} #bloc_carte_interactive .col_gd_tiers .btn_lien, #bloc_carte_interactive .col_gd_tiers .btn_lien:after {background:#e21665;} #bloc_carte_interactive .col_gd_tiers .btn_lien:hover::after, #bloc_carte_interactive .col_gd_tiers .btn_lien:focus::after {background:#a9104c;} /* SOCIAL WALL HOME */ #zone_social_wall {background:#e3e8eb; padding:0 3%; padding:0 3% 30px 3%; position:relative;} #zone_social_wall .titre_bloc {padding:0; display:inline-block; margin:0 0 30px 0;} #zone_social_wall .titre_bloc p {padding:33px 6px;} #zone_social_wall .sous_titre_bloc {margin:0 0 15px 0;} #zone_social_wall .sous_titre_bloc p, #page .sous_titre_bloc.sous_titre_social_wall p {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em;} #zone_social_wall .sous_titre_bloc p strong, #zone_social_wall .sous_titre_bloc p b, #page .sous_titre_bloc.sous_titre_social_wall p strong, #page .sous_titre_bloc.sous_titre_social_wall p b {color:#1b61a8; color:#e21665;} #zone_social_wall #dcsns-filter li.f-facebook a, #page #dcsns-filter li.f-facebook a {background:#ffffff url(../img/filter_facebook.png) no-repeat 0px 0px;} #zone_social_wall #dcsns-filter li.f-instagram a, #page #dcsns-filter li.f-instagram a {background:#ffffff url(../img/filter_instagram.png) no-repeat 0px 0px;} #zone_social_wall #dcsns-filter li.f-twitter a, #page #dcsns-filter li.f-twitter a {background:#ffffff url(../img/filter_twitter.png) no-repeat 0px 0px;} #zone_social_wall #dcsns-filter li.f-youtube a, #page #dcsns-filter li.f-youtube a {background:#ffffff url(../img/filter_youtube.png) no-repeat 0px 0px;} #zone_social_wall #dcsns-filter li.f-facebook a:hover, #page #dcsns-filter li.f-facebook a:hover {background:#ffffff url(../img/filter_facebook.png) no-repeat 0px 0px;} #zone_social_wall #dcsns-filter li.f-instagram a:hover, #page #dcsns-filter li.f-instagram a:hover {background:#ffffff url(../img/filter_instagram.png) no-repeat 0px 0px;} #zone_social_wall #dcsns-filter li.f-twitter a:hover, #page #dcsns-filter li.f-twitter a:hover {background:#ffffff url(../img/filter_twitter.png) no-repeat 0px 0px;} #zone_social_wall #dcsns-filter li.f-youtube a:hover, #page #dcsns-filter li.f-youtube a:hover {background:#ffffff url(../img/filter_youtube.png) no-repeat 0px 0px;} #zone_social_wall #dcsns-filter li a:hover, #page #dcsns-filter li a:hover {opacity:0.6; -webkit-transition-property:opacity; -webkit-transition-duration:500ms; -moz-transition-property:opacity; -moz-transition-duration:500ms; transition-property:opacity; transition-duration:500ms;} #page .titre_social_wall, #page .contenu_social_wall .dcsns-content {margin:0 3%;} #page .sous_titre_bloc.sous_titre_social_wall {margin:0 3% 15px 3%;} #page .contenu_social_wall {position:relative; padding:81px 0 0 0;} #page .contenu_social_wall .dcsns-toolbar {top:0;} #page #dcsns-filter li a:hover {border:0; padding:0;} /* *************************** PAGE CONTENT *************************** */ /* STRUCTURE */ #col_right {background:#e3e8eb;} .one_col #col_left {width:100%;} #zone_infos {border-top:2px solid #bfcfd9;} #page #logo p {margin:0;} #page .bloc_home .titre_bloc, #page .bloc_col .titre_bloc {padding:0px 40px 0 40px; position:relative;} #page .bloc_home .titre_bloc h2, #page .bloc_home .titre_bloc p, #page .bloc_col .titre_bloc h2, #page .bloc_col .titre_bloc p {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.8em; line-height:1em; letter-spacing:0.04em; margin:0; padding:40px 0;} .bloc_col .contenu_bloc {padding:0px 40px;} .bloc_col.info_utile .contenu_bloc {padding:0px 50px;} .adresse {padding:0 0 0 41px; background:url(../img/picto_adresse.png) no-repeat left 0px;} .adresse strong, .adresse b {display:block;} .tel {padding:0 0 0 41px; background:url(../img/picto_tel.png) no-repeat left 0px;} .fax {padding:0 0 0 41px; background:url(../img/picto_fax.png) no-repeat left 0px;} .mail {padding:0 0 0 41px; background:url(../img/picto_mail.png) no-repeat left 0px;} .website {padding:0 0 0 41px; background:url(../img/picto_siteweb.png) no-repeat left 0px;} .budget {padding:0 0 0 41px; background:url(../img/picto_budget.png) no-repeat left 0px;} .vote {padding:0 0 0 41px; background:url(../img/picto_vote.png) no-repeat left 0px;} .people {padding:0 0 0 41px; background:url(../img/picto_people.png) no-repeat left 0px;} .info {padding:0 0 0 41px; background:url(../img/picto_i_bulle.png) no-repeat left 0px;} /* BLOC RESSOURCES DOWNLOAD */ #page .zone_ressources_download {background:#e3e8eb; border-bottom:2px solid #bdbdbd; padding:0 0 35px 0;} #page .zone_ressources_download ul {padding:0; margin:0;} #page .zone_ressources_download ul li {font-size:1.6em; line-height:1.1em; padding:0; margin:30px 0 0 0; list-style-image:none;} #page .zone_ressources_download ul li:first-child {margin:0;} #page .zone_ressources_download ul li a {padding-left:56px; background:url(../img/picto_download_ressource.png) no-repeat 0 3px; display:block; min-height:38px; border:0;} #page .zone_ressources_download ul li a:hover, #page .zone_ressources_download ul li a:focus {border:0; background:url(../img/picto_download_ressource.png) no-repeat 0 3px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;} #page .zone_ressources_download ul li span {display:block;} #page .zone_ressources_download ul li .nm_doc {color:#000000; font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif; letter-spacing:0.04em;} #page .zone_ressources_download ul li .infos_doc {color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:0.9em; line-height:1.1em; display:block; margin:5px 0 0 0;} #page .zone_ressources_download ul li .maju {display:inline; text-transform:uppercase;} #page .zone_ressources_download ul li a:hover .nm_doc, #page .zone_ressources_download ul li a:focus .nm_doc, #page .zone_ressources_download ul li a:hover .infos_doc, #page .zone_ressources_download ul li a:focus .infos_doc {color:#383736; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} /* BLOC ARTICLES ASSOCIES */ .zone_articles_associes {background:#e3e8eb; border-bottom:2px solid #bdbdbd; padding:0 0 35px 0;} .zone_articles_associes ul {margin:0;} .zone_articles_associes ul li {font-size:1.6em; line-height:1.1em; margin:23px 0 0 0;} .zone_articles_associes ul li:first-child {margin:0;} .zone_articles_associes ul li a {display:block; padding:0 0 0 24px; background:url(../img/arrow_black.png) no-repeat 1px 2px; font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif; letter-spacing:0.04em;} .zone_articles_associes ul li a:hover, .zone_articles_associes ul li a:focus {color:#383736; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} #page .zone_articles_associes .btn_lien {margin:23px 0 0 0;} #associations_liees, #faq_liees {background:#758d9a; border-bottom:2px solid #ffffff;} /* BLOC INFO UTILE */ /*SUPPR*/ #geoloc_association img {width:100%; height:100%;} .map_infos {max-width:100%; width:100%; overflow:hidden; height:349px;} #page .info_utile {background:#e21665; border-bottom:2px solid #ffffff; padding:0 0 35px 0;} #page .info_utile .titre_bloc {padding:36px 40px 26px 40px;} #page .info_utile .titre_bloc p {color:#ffffff; padding:0; margin:0;} #page .info_utile .titre_bloc p a {color:#ffffff;} #page .info_utile .contenu_bloc * {color:#ffffff;} #page .info_utile .contenu_bloc p {line-height:24px; margin:12px 0 0 0; min-height:26px;} #page .info_utile .contenu_bloc p:first-child {margin:0;} #page p.people strong, #page p.people b {display:block;} #page .info_utile .tel a {font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} #page .info_utile .website a, #page .info_utile .mail a {font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif;} #page .info_utile p.btn_lien {margin:25px 40px 4px 40px; background:#b0124e;} #page .info_utile p.btn_lien:after {background:#b0124e;} #page .info_utile p.btn_lien:hover::after, #page .info_utile p.btn_lien:focus::after {background:#960f43;} .info_utile .adresse {background:url(../img/picto_adresse_wh.png) no-repeat left 0px;} .info_utile .tel {background:url(../img/picto_tel_wh.png) no-repeat left 0px;} .info_utile .fax {background:url(../img/picto_fax_wh.png) no-repeat left 0px;} .info_utile .mail {background:url(../img/picto_mail_wh.png) no-repeat left 0px;} .info_utile .website {background:url(../img/picto_siteweb_wh.png) no-repeat left 0px;} .info_utile .budget {background:url(../img/picto_budget_wh.png) no-repeat left 0px;} .info_utile .vote {background:url(../img/picto_vote_wh.png) no-repeat left 0px;} .info_utile .people {background:url(../img/picto_people_wh.png) no-repeat left 0px;} .info_utile .info {background:url(../img/picto_i_bulle_wh.png) no-repeat left 0px;} /* BLOC NEWSLETTER */ .bloc_newsletter {background:#758d9a; border-bottom:2px solid #ffffff;} .bloc_newsletter:hover {background:#455259; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #content .bloc_newsletter p {font-size:inherit; line-height:inherit; margin:0; padding:0;} .bloc_newsletter a {color:#ffffff; padding:9%; display:block;} .bloc_newsletter a img {margin:0 11px 25px 0; float:left;} .bloc_newsletter a span {display:block; line-height:1em;} .bloc_newsletter a .titre {text-transform:uppercase; color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:1.75em; font-size:2.8em; margin:6px 0 13px 0; letter-spacing:0.04em; max-width:375px;} .bloc_newsletter a .sous_titre { color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1em; font-size:1.7em; letter-spacing:0.02em;} /* SONDAGE */ #sondage {background:#bfcfd9; border-bottom:2px solid #ffffff; padding:0 0 35px 0; margin:0;} #sondage .contenu_bloc p {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1.25em; margin:0 0 30px 0;} /***/#sondage .contenu_bloc p {text-transform:none; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; letter-spacing:0.04em;} #sondage .contenu_bloc fieldset {border:0; padding:0; margin:0; background:none;} #sondage .contenu_bloc legend {display:none;} #sondage .contenu_bloc .ligne_form {margin:0 24px 0 24px; text-align:left;} #sondage .contenu_bloc label {width:auto; text-transform:none; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.5em; letter-spacing:0.04em;} #sondage .contenu_bloc label.ui-button {padding:0 0 0 26px; background:url(../img/bg_radio.png) no-repeat left 4px;} #sondage .contenu_bloc label.ui-button.ui-state-active {background:url(../img/bg_radio_act.png) no-repeat left 4px;} #sondage .contenu_bloc label.ui-button .ui-button-text {padding:0; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} #sondage .contenu_bloc .btn_submit {float:none; margin:28px 0 0 0;} #sondage .contenu_bloc input[type="submit"] {background:#617580; color:#ffffff; font-size:1.7em; letter-spacing:0.04em; margin:0; float:none;} #sondage .contenu_bloc input[type="submit"]:hover, #sondage .contenu_bloc input[type="submit"]:focus {background:#4e5d66; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #sondage .contenu_bloc p.titre_question {font-size:1.8em; line-height:1.5em; margin:0 0 5px 0; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; text-transform:none;} #sondage .contenu_bloc p.reponse_question {font-size:1.3em; line-height:1.3em; margin:0 0 5px 0; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif;} #sondage .contenu_bloc .ligne_percent {margin:0 0 20px 0;} /* BLOC KIOSQUE */ .bloc_kiosque {padding:0 0 30px 0; border-bottom:2px solid #bdbdbd;} #slider_kiosque {position:relative; height:226px; margin:0 0 10px 0;} #slider_kiosque .img {float:left; width:25%; max-width:25%; margin:0 2% 30px 0; margin:0 5% 30px 0;} #slider_kiosque .img img {width:auto; width:100%;} #slider_kiosque .coverflow_zone_texte {float:left; width:70%;} #slider_kiosque .cat_tag {display:none;} #slider_kiosque .coverflow_titre {margin:0px 0 5px 0; padding:0; font-size:1.6em; line-height:1.4em;} #slider_kiosque .coverflow_titre a {color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; word-break:break-word; display:inline;} #slider_kiosque .coverflow_desc {font-size:1.4em; line-height:1.1em; display:block;} #slider_kiosque .btn_lien a {width:auto; height:auto;} #slider_kiosque_navigation {bottom:-31px;} #slider_kiosque .btn_lien_picto {line-height:1em;} #slider_kiosque .btn_lien_picto a {padding:0;} #slider_kiosque_navigation {z-index:100;} .slider_nav li a.control_kiosque {cursor:pointer; background:#c0c0c0; width:11px; height:11px; margin:2px 0; display:inline-block; border-radius:15px 15px 15px 15px; -moz-border-radius:15px; -webkit-border-radius:15px; behavior:url(/fileadmin/templates/agglo/css/PIE.htc); -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .slider_nav li a.control_kiosque:hover {background:none; background:#e21665;} .slider_nav li a.control_kiosque.slider_kiosque_active {background:#e21665; width:15px; height:15px; margin:0;} /* FIL D ARIANE */ #fil_ariane {background:#e3e8eb; width:100%;} #page #fil_ariane ul {padding:20px 15% 19px 7%;} #page.one_col #fil_ariane ul {padding:20px 15% 19px 3%;} #page #fil_ariane li {display:inline; text-transform:uppercase; color:#000000; font-size:1.4em; line-height:1.4em; padding:0 12px 0 18px; background:url(../img/sep_ariane.png) no-repeat left center;} #page #fil_ariane li:first-child {padding:0 12px 0 0; background:none;} #page #fil_ariane li a {text-transform:uppercase; color:#000000; text-decoration:none; letter-spacing:0.02em;} #page #fil_ariane li a:hover, #page #fil_ariane li a:focus {color:#e21665; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} #page #fil_ariane li.act, #page #fil_ariane li.act a {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} /* PARTAGE */ #social_share, .one_col #col_left.child_col #social_share {position:absolute; background:#bfcfd9; width:50px; right:6%; top:60px; z-index:99;} #social_share .a2a_kit, .one_col #col_left.child_col #social_share .a2a_kit {width:50px;} #social_share a {background-image:url(../img/sprite.png); background-repeat:no-repeat; float:none; padding:0; line-height:0; display:block; width:50px; height:50px; text-indent:-9999px;} #social_share span {float:none; background:none;} #social_share .add_note {background-position:0 -619px; background-color:#e21665;} #social_share .a2a_button_facebook {background-position:0 -669px;} #social_share .a2a_button_twitter {background-position:0 -719px;} #social_share .a2a_button_pinterest {background-position:0 -769px;} #social_share .a2a_button_instagram {background-position:0 -869px;} #social_share .rss {background-position:-180px -899px;} #social_share .print {background-position:0 -819px;} #social_share a:hover {background-color:#617580; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #social_share .add_note:hover {background-color:#a9104c; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .one_col #social_share {max-width:300px; width:auto; right:3%; top:inherit;} .one_col #social_share .a2a_kit {max-width:300px; width:auto;} .one_col #social_share li {width:50px; float:left;} #titre_page, .one_col #col_left.child_col #titre_page {padding:60px 15% 36px 7%; position:relative;} .one_col #titre_page {padding:60px 3% 36px 3%;} #content_page, .one_col #col_left.child_col #content_page {padding:0 15% 50px 7%; min-height:138px;} .one_col #content_page {padding:0; min-height:inherit;} .one_col #col_left.child_col {width:66.67%;} /* Style RTE */ #page #content_page p.align-left {text-align:left;} #page #content_page p.align-right {text-align:right;} #page #content_page p.align-center {text-align:center;} #page #content_page p.align-justify {text-align:justify;} #page .align-left img{float:left;margin-right:10px;} #page .align-right img{float:right;margin-left:10px;} .align-center {text-align:center;} /**************** PARAM TXT ****************/ #page h1 {/*#54884 text-transform:uppercase;*/ text-transform:initial; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-weight:normal; font-size:4.8em; line-height:1.1em; letter-spacing:0.04em; margin:0; padding:33px 0; padding:0 0 33px 0; position:relative;} #page.one_col h1, #page .one_col h1 {padding:0px 350px 33px 0;} #titre_page .line {width:375px; height:1px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); background:#bfcfd9; display:block; position:absolute; bottom:48px; bottom:35px;} #titre_page .line::before {content:""; width:100%; height:1px; background:#bfcfd9; display:block; position:absolute; bottom:10px;} #titre_page .line::after {content:""; width:100%; height:1px; background:#bfcfd9; display:block; position:absolute; bottom:5px;} #content_page h2 {/*#54884 text-transform:uppercase;*/ text-transform:initial; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.8em; line-height:1.2em; margin:20px 0 16px 0;} #content_page h2 a {border:0; padding:0; /*#54884 text-transform:uppercase;*/ text-transform:initial; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif;} #content_page h3 {/*#54884 text-transform:uppercase;*/ text-transform:initial; color:#617580; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.8em; line-height:1.3em; margin:19px 0 10px 0;} #content_page h3 a {border:0; padding:0; /*#54884 text-transform:uppercase;*/ text-transform:initial; color:#617580; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #content_page h4 {/*#54884 text-transform:uppercase;*/ text-transform:initial; color:#000000; font-size:1.6em; line-height:24px; line-height:1.5em; margin:14px 0 10px 0;} #content_page h4 a {border:0; padding:0; /*#54884 text-transform:uppercase;*/ text-transform:initial; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} #content_page h2 a:hover, #content_page h2 a:focus, #content_page h3 a:hover, #content_page h3 a:focus, #content_page h4 a:hover, #content_page h4 a:focus {border:0; color:#000000; font-weight:normal; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} /*SKIN PARAGRAPHE*/ #content p {font-size:1.5em; line-height:1.5em; color:#000000; margin:0 0 14px 0;} /*SKIN LIEN*/ #content_page a {text-decoration:none; text-transform:none; color:#000000; font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif; border-bottom:1px solid #e21665; background:none; padding:0 2px;} #content_page a:hover, #content_page a:focus {color:#ffffff; background:#e21665; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #content_page .csc-textpic-image a {padding:0; border:0; background:none !important;} /*SKIN LEGENDE LIEN IMG*/ figcaption.csc-textpic-caption {padding:8px 0 15px 0; margin:0; text-transform:uppercase; color:#4e5d66; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.3em; line-height:1.2em; letter-spacing:0.04em;} #content_page .csc-textpic-image a {padding:0; border:0;} #content p.figcaption {padding:8px 0 15px 0; margin:0; text-transform:uppercase; color:#4e5d66; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.3em; line-height:1.2em; letter-spacing:0.04em;} /*SKIN LIST*/ #content_page ul, #content_page ol {padding:0 0 0 51px; margin:0 0 14px 0;} #content_page ul li, #content_page ol li {list-style-image:url(../img/puce_liste.png); font-size:1.5em; line-height:1.5em; padding:0 0 0 10px;} #content_page ul li li, #content_page ol li li {font-size:1em;} #content_page ol {list-style:initial; list-style-type:decimal;} #content_page ol li {list-style-image:none;} /*SKIN TABLEAUX*/ #content_page table {border-spacing:0; border-collapse:collapse; margin:0 0 22px 0;} #content_page th, #content_page td {padding:10px; color:#000000; font-size:1.5em; line-height:1.5em; vertical-align:middle; text-align:left;} #content_page th {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.04em; border-bottom:2px solid #bfcfd9; background:#bfcfd9;} #content_page td {border:0; border-bottom:2px solid #bfcfd9;} #content_page td * {font-size:1em;} #content_page th.align-center, #content_page td.align-center {text-align:center;} #content_page .table_border td {border:1px solid #bfcfd9; border-bottom:2px solid #bfcfd9;} /*CONTENU 1 COL LISTE*/ .one_col #content_page .csc-default h2, .one_col #content_page .csc-default h3, .one_col #content_page .csc-default h4, .one_col #content .csc-default p.bodytext, .one_col #content_page .csc-default ul, .one_col #content_page .csc-default ol {padding:0 3%;} .one_col #content_page .csc-default ul {margin:0 0 14px 15px;} .one_col #content_page div.csc-textpic-intext-right .csc-textpic-imagewrap {margin-right:3%;} .one_col #content_page div.csc-textpic-intext-left .csc-textpic-imagewrap {margin-left:3%;} .one_col #content_page table {margin:0 3% 40px 3%;} /* ***** DCE BLOC LIEN, DOWNLOAD, GEOLOC ***** */ .link_page {margin:13px 0 22px 0;} .download_page {margin:13px 0 25px 0;} #page .link_page p, #page .download_page p {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.6em; margin:0; display:inline-block; position:relative; background:#617580;} #page #content_page .link_page a, #page .download_page a {text-transform:uppercase; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.04em; /*padding:2px 10px;*/ padding:4px 10px 8px 10px; border:0; display:inline-block; position:relative; z-index:2; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;} #page #content_page .link_page a:hover, #page #content_page .link_page a:focus {background:none; color:#ffffff;} #page .link_page p:after, #page .download_page p:after {content:''; position:absolute; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; width:0%; height:100%; top:0; left:0; background:#617580; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #page .link_page p:hover::after, #page .download_page p:hover::after, #page .link_page p:focus::after, #page .download_page p:focus::after {width:100%; background:#4e5d66;} #page #content_page .download_page a {background:#617580 url(../img/picto_download.png) no-repeat 14px center; padding:2px 10px 3px 48px;} #page .download_page a .nm_doc {text-transform:uppercase; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.04em; padding:0 14px 0 0;} #page .download_page a .infos_doc {text-transform:uppercase; color:#ffffff; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:0.9em; letter-spacing:0.04em; padding:0 0 0 13px; border-left:2px solid #ffffff;} #page #content_page .download_page a:hover, #page #content_page .download_page a:focus {background:url(../img/picto_download.png) no-repeat 14px center;} .btn_galaxie {margin:0 0 25px 0;} #page .btn_galaxie p.btn_lien {margin:0;} #page .btn_galaxie p.btn_lien a {padding:0 10px 0 0; text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif;} #page .btn_galaxie p.btn_lien span {background:#4e5d66; text-transform:uppercase; color:#ffffff; font-family:'bariol_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.125em; letter-spacing:0.04em; display:inline-block; margin:0; padding:6px 10px 6px 10px;} /* ***** DCE BLOC ACCROCHE ***** */ #page .quote {margin:0 0 58px 0;} #page.one_col .quote, #page .one_col .quote {margin:0 3% 58px 3%;} #page .content_quote {max-width:70%; float:right; text-align:right;} #page #content_page .quote p, #page #content_page .quote h2 {text-transform:none; color:#617580; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.6em; letter-spacing:0.02em; margin:0; padding:0;} /* *************************** LOADER *************************** */ #searchLoader {height:0;} .loader:before, .loader:after, .loader {border-radius:10px; width:20px; height:20px !important; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out;} .loader {margin:0px auto 130px auto; font-size:9px; position:relative; top:30px; text-indent:-9999em; -webkit-animation-delay:0.16s; animation-delay:0.16s;} .loader:before {left:-30px;} .loader:after {left:30px; -webkit-animation-delay:0.32s; animation-delay:0.32s;} .loader:before, .loader:after {content:''; position:absolute; top:0;} @-webkit-keyframes load7 { 0% {box-shadow:0 2em 0 -1.3em #bd1354;} 65% {box-shadow:0 2.5em 0 0 #e21665;} 100% {box-shadow:0 2em 0 -1.3em #ffffff;} } @keyframes load7 { 0% {box-shadow:0 2em 0 -1.3em #bd1354;} 65% {box-shadow:0 2.5em 0 0 #e21665;} 100% {box-shadow:0 2em 0 -1.3em #ffffff;} } /* *************************** SITE MAP *************************** */ #content_page .csc-sitemap ul {padding:0 0 0 20px; margin:0;} #content_page .csc-sitemap li {margin:0 0 15px 0; list-style-image:none; font-size:2.3em; line-height:1.5em;} #content_page .csc-sitemap li a {text-transform:uppercase; border:0; font-weight:normal; font-family:'bariol_regular',Arial,Verdana,sans-serif;} #content_page .csc-sitemap li ul {padding:0 0 0 20px; margin:15px 0 15px 0;} #content_page .csc-sitemap li li {font-size:0.7em; line-height:0.9em; margin:0 0 15px 0; background:none; padding:0;} #content_page .csc-sitemap li li a {text-transform:none; font-weight:normal; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} #content_page .csc-sitemap li ul ul {border-left:2px solid #E21665; padding:0 0px 0 14px; margin:15px 0 15px 15px;} #content_page .csc-sitemap li li li {background:none; padding:0; font-size:0.9em; line-height:1em;} #content_page .csc-sitemap li li li a {font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} /* *************************** LISTE D ELEMENTS *************************** */ /* MOTEUR */ body.block {overflow:hidden;} #overlay_filters {position:fixed; background:rgba(0,0,0,0.5); height:100%; width:100%; top:0; right:0; z-index:700; visibility:hidden;} /*LOADER FILTERS OVERLAY*/ #loader_filters {position:fixed; top:40%; left:40%; z-index:701; visibility:hidden;} .sk-circle {margin:100px auto; width:50px; height:50px; position:relative;} .sk-circle .sk-child {width:100%; height:100%; position:absolute; left:0; top:0;} .sk-circle .sk-child:before {content:''; display:block; margin:0 auto; width:15%; height:15%; background-color:#ffffff; border-radius:100%; -webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both; animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;} .sk-circle .sk-circle2 {-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);} .sk-circle .sk-circle3 {-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);} .sk-circle .sk-circle4 {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .sk-circle .sk-circle5 {-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg);} .sk-circle .sk-circle6 {-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg);} .sk-circle .sk-circle7 {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} .sk-circle .sk-circle8 {-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);} .sk-circle .sk-circle9 {-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg);} .sk-circle .sk-circle10 {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);} .sk-circle .sk-circle11 {-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg);} .sk-circle .sk-circle12 {-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);} .sk-circle .sk-circle2:before {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;} .sk-circle .sk-circle3:before {-webkit-animation-delay:-1s; animation-delay:-1s;} .sk-circle .sk-circle4:before {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;} .sk-circle .sk-circle5:before {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;} .sk-circle .sk-circle6:before {-webkit-animation-delay:-0.7s; animation-delay:-0.7s;} .sk-circle .sk-circle7:before {-webkit-animation-delay:-0.6s; animation-delay:-0.6s;} .sk-circle .sk-circle8:before {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;} .sk-circle .sk-circle9:before {-webkit-animation-delay:-0.4s; animation-delay:-0.4s;} .sk-circle .sk-circle10:before {-webkit-animation-delay:-0.3s; animation-delay:-0.3s;} .sk-circle .sk-circle11:before {-webkit-animation-delay:-0.2s; animation-delay:-0.2s;} .sk-circle .sk-circle12:before {-webkit-animation-delay:-0.1s; animation-delay:-0.1s;} @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);} 40% {-webkit-transform:scale(1); transform:scale(1);} } @keyframes sk-circleBounceDelay { 0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0);} 40% {-webkit-transform:scale(1); transform:scale(1);} } #filters {width:25%; height:100%; position:fixed; z-index:800; background:#ffffff; overflow-y:auto; right:-30%; top:0;} #wrap_filters {background:#ffffff; min-height:100%;} #wrap_filters form {background:#ffffff;} #close_filters {width:50px; height:50px; background:#bfcfd9; position:relative; float:right; cursor:pointer;-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #close_filters .close {display:block; position:absolute; left:14px; top:22px; width:22px; height:4px;} #close_filters .close::before, #close_filters .close::after {content:""; display:block;} #close_filters .close, #close_filters .close::before, #close_filters .close::after {position:absolute; width:22px; height:4px; background:#000000; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #close_filters.btn_act .close {background:transparent;} #close_filters.btn_act .close::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #close_filters.btn_act .close::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #close_filters:hover {background:#e3e8eb;} #filters fieldset {padding:30px; background:none; border:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #filters .ligne_form fieldset {padding:0px; border:0;} #filters form > fieldset > legend {font-size:2.8em; margin:0 0 32px 0;} #filters .ligne_form {margin:0 0 32px 0;} #filters select {text-transform:lowercase;} .clear_filter {font-size:1.2em; font-size:12px; text-transform:none; display:inline; padding:0 0 0 12px; cursor:pointer; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} .clear_filter:hover, .clear_filter:focus {color:#de0d58;} #filters .ligne_form.checkbox {display:inline-block; vertical-align:top; margin:0 5px 5px 0; padding:0;} #filters .ligne_form.checkbox label.ui-button {font-size:1.4em; margin:0; padding:0;} #filters .ligne_form.checkbox label.ui-button .ui-button-text {padding:4px 7px; text-transform:uppercase; color:#54666f; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; border:1px solid #758d9a; background:#ffffff;} #filters .ligne_form.checkbox label.ui-button:hover .ui-button-text, #filters .ligne_form.checkbox label.ui-button.ui-state-active .ui-button-text {text-transform:uppercase; color:#ffffff; background:#758d9a; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #filters .ligne_form.date {margin-top:-24px; margin-top:10px;} #filters .ligne_form.date .ligne_form {width:48%; clear:none; margin:0;} #filters .ligne_form.date .ligne_form.left {margin:0 4% 0 0;} #filters .ligne_form.date label {text-transform:none;} #filters .ligne_form.date input{background:#ffffff url(../img/bg_input_date_carte_interactive.png) no-repeat 97% center;} #filters .btn_submit {float:none; margin:0;} /*AUTOCOMPLET*/ .ui-menu .ui-menu-item {font-size:0.8em; padding:0 20px; line-height:1em;} .ui-menu .ui-state-focus, .ui-menu .ui-state-active {margin:0;} /*DATEPIK*/ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {-webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms; top:2px !important;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {cursor:pointer; background:none !important;} .ui-datepicker .ui-datepicker-prev {background:#bfcfd9 url(../img/sprite.png) no-repeat -1336px -856px !important; left:2px !important;} .ui-datepicker .ui-datepicker-next {background:#bfcfd9 url(../img/sprite.png) no-repeat -1332px -1267px !important; right:2px !important;} .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-focus {background:#e3e8eb url(../img/sprite.png) no-repeat -1336px -856px !important;} .ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-focus {background:#e3e8eb url(../img/sprite.png) no-repeat -1332px -1267px !important;} /*CARTE INT*/ #filters.filters_map {padding:0 0 0 114px; background:#e21665; right:-35%;} #filters fieldset {padding:30px; background:none; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #filters .ligne_form fieldset {padding:0px;} #filters .titre {position:absolute; top:70px; left:144px; text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.8em; line-height:32px; line-height:1.2em;} #filters legend.btn_tri, #filters legend.sous_btn_tri {cursor:pointer;} #filters legend.btn_tri {position:absolute; left:0; width:114px; height:175px; padding:120px 0 0 0; text-align:center; margin:0; color:#ffffff; font-size:1.4em; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #filters legend#tri_agenda {background:#e21665 url(../img/picto_tri_agenda.png) no-repeat center 45px; top:0;} #filters legend#tri_actualites {background:#bd1354 url(../img/picto_tri_actualites.png) no-repeat center 45px; top:175px;} #filters legend#tri_annuaires {background:#e21665 url(../img/picto_tri_annuaires.png) no-repeat center 45px; top:350px;} #filters legend#tri_contenus {background:#bd1354 url(../img/picto_tri_contenu.png) no-repeat center 45px; top:525px;} #filters legend#tri_agenda.act, #filters legend#tri_agenda:hover {background:#ffffff url(../img/picto_tri_agenda_act.png) no-repeat center 45px; top:0; color:#000000;} #filters legend#tri_actualites.act, #filters legend#tri_actualites:hover {background:#ffffff url(../img/picto_tri_actualites_act.png) no-repeat center 45px; color:#000000;} #filters legend#tri_annuaires.act, #filters legend#tri_annuaires:hover {background:#ffffff url(../img/picto_tri_annuaires_act.png) no-repeat center 45px; color:#000000;} #filters legend#tri_contenus.act, #filters legend#tri_contenus:hover {background:#ffffff url(../img/picto_tri_contenu_act.png) no-repeat center 45px; color:#000000;} #filters fieldset.part_form, #filters fieldset.part_form fieldset {padding:0;} fieldset.part_form .wrap_form {display:none; padding:70px 30px 30px 30px;} fieldset.part_form.part_act .wrap_form {display:block;} fieldset.sous_part_form .wrap_sous_form {display:none;} fieldset.sous_part_form.sous_part_act {display:block !important;} fieldset.sous_part_form.sous_part_act .wrap_sous_form {display:block;} fieldset.sous_part_form > legend {padding:15px 60px 15px 0; margin:0; border-bottom:2px solid #bfcfd9; background:url(../img/btn_next_filtres.jpg) no-repeat right center; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1em; min-height:68px;} fieldset.sous_part_form:first-child > legend {border-top:2px solid #bfcfd9;} fieldset.sous_part_form.sous_part_act > legend, fieldset.sous_part_form.sous_part_act > legend.act {background:url(../img/btn_prev_filtres.jpg) no-repeat left center; padding:15px 0 15px 60px; border-top:2px solid #bfcfd9; margin:0 0 32px 0;} #filters .btn_submit_map {padding:0 30px 30px 30px;} #filters .btn_submit {float:none; margin:0;} /*FACETTES*/ #content #filters .recherche_generale legend {display:none;} #filters #tx-solr-facets-in-use {margin:0 0 50px 0;} #content #filters ul {padding:0; margin:0;} #content #filters ul li {list-style-image:none; line-height:1em; margin:0; padding:0; } #content #filters #tx-solr-facets-available p.csc-firstHeader, #content #filters #tx-solr-facets-in-use p.csc-firstHeader {text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:1.6em; font-size:28px; line-height:32px; line-height:1.2em; margin:0 0 20px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #content #filters ul li.facet-type- {margin:0 0 32px 0;} #content #filters p.facet-label {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.8em; font-size:18px; line-height:1.3em; letter-spacing:0.02em; margin:0 0 9px 0;} #content #filters ul.facets li.facet-option, #content #filters #tx-solr-facets-in-use ul li { font-size:1.4em; font-size:14px; display:inline-block; padding:4px 7px; margin:0 5px 5px 0; background:#ffffff; border:1px solid #758d9a;} #content #filters ul.facets li.facet-option a, #content #filters #tx-solr-facets-in-use ul li a {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.04em; padding:0; border:0; background:none !important;} #content #filters ul.facets li.facet-option a {color:#54666f;} #content #filters #tx-solr-facets-in-use ul li a {color:#ffffff;} #content #filters ul.facets li.facet-option span {color:#54666f;} #content #filters ul.facets li.facet-option *, #content #filters #tx-solr-facets-in-use ul li.facets-remove-all * {color:#000000;} #content #filters ul.facets li.facet-option:hover *, #content #filters #tx-solr-facets-in-use ul li * {color:#ffffff;} #content #filters ul.facets li.facet-option:hover, #content #filters #tx-solr-facets-in-use ul li {background:#758d9a; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #content #filters #tx-solr-facets-in-use ul li.facets-remove-all {background:none; display:inline-block; padding:0;} #content #filters #tx-solr-facets-in-use ul li.facets-remove-all a {padding:4px 7px; background:#ffffff !important; display:inline-block; color:#54666f;} /* LIGNE OUTILS */ #line_tools_moteur {background:#bfcfd9; padding:10px 3%;} #moteur.moteur_job_btn_lien #line_tools_moteur {background:#ffffff;} #line_tools_moteur #zone_recherche {width:396px; margin:0 20px 0 0; border:0;} #line_tools_moteur #zone_recherche fieldset {padding:0; border:0;} #line_tools_moteur #zone_recherche legend {display:none;} #line_tools_moteur #zone_recherche #recherche input[type="text"] {width:100%; padding:0 72px 0 20px; float:none;} #content p.nb_result {float:left; margin:0 25px 0 0; font-size:1.8em; line-height:1.7em;} #content p.nb_result span {font-family:'texgyreadventor_bold'; font-size:40px; letter-spacing:0.03em;} #content p.btn_lien.show_filters {float:left;} #content p.btn_lien.show_filters a {padding:7px 10px; cursor:pointer;} #content p.btn_lien.show_filters, #content p.btn_lien.show_filters:after {background:#e21665;} #content p.btn_lien.show_filters:hover::after, #content p.btn_lien.show_filters:focus::after {background:#bd1354;} #content .btn_lien.select_all {cursor:pointer; background:#e21665;} #content .btn_lien.select_all:after {background:#e21665;} #content .btn_lien.select_all:hover::after, .btn_lien:focus::after {background:#a9104c;} #content p.btn_blocnotes {background:#dfe7ec; margin:0 0 0 10px;} #content p.btn_blocnotes a, #content p.btn_blocnotes a:hover, #content p.btn_blocnotes a:focus {color:#758d9a; padding:7px 16px 8px 53px; cursor:pointer;} #content p.btn_blocnotes.btn_send a {background:url(../img/sprite.png) no-repeat -677px -1052px;} #content p.btn_blocnotes.btn_print a {background:url(../img/sprite.png) no-repeat -733px -1107px;} #content p.btn_blocnotes.btn_delete a {background:url(../img/sprite.png) no-repeat -791px -1163px;} #content p.btn_blocnotes:after, #content p.btn_blocnotes:hover::after, #content p.btn_blocnotes:focus::after {background:#ffffff;} #content #line_tools_moteur p.btn_lien_picto {float:left; font-size:1.4em; line-height:2.8em; padding:0 0 0 10px; position:relative;} #content #line_tools_moteur p.btn_lien_picto::before {content:"> "; text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; left:0; top:0; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #content #line_tools_moteur p.btn_lien_picto a {text-transform:none; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; padding:0; line-height:1.1em; vertical-align:middle; display:inline-block; border-bottom:1px solid #000000;} #content #line_tools_moteur p.btn_lien_picto a::before {display:none; visibility:hidden;} #content #line_tools_moteur p.btn_lien_picto a:hover, #content #line_tools_moteur p.btn_lien_picto a:focus {background:none;} #switch_display {float:left; margin:0 0 0 21px;} #page #switch_display ul {padding:0; margin:0;} #page #switch_display li {float:left; display:block; padding:0; margin:0 0 0 10px; font-size:1.6em; line-height:1.1em;} #page #switch_display li#switch_first_display a {background:#dfe7ec url(../img/picto_display_grid_act.png) no-repeat 21px center; padding:13px 20px 12px 57px;} #page #switch_display li#switch_second_display a {background:#dfe7ec url(../img/picto_display_map_act.png) no-repeat 17px center; padding:13px 20px 12px 43px;} #page #switch_display li#switch_first_display.active a, #page #switch_display li#switch_first_display a:hover {background-color:#ffffff; opacity:1;} #page #switch_display li#switch_second_display.active a, #page #switch_display li#switch_second_display a:hover {background-color:#ffffff; opacity:1;} #page #switch_display a {text-transform:uppercase; color:#758d9a; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.04em; padding:10px 20px; display:block; border:0; cursor:pointer; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} .actif_filters {background:#e3e8eb; padding:20px 3% 15px 3%;} .actif_filters .part_filtre {margin:0 0 25px 0px;} .actif_filters p.titre_filtre {text-transform:uppercase; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1em; display:inline-block; padding:4px 7px; margin:0 0 10px 0; background:#ececec;} .actif_filters p.titre {text-transform:uppercase; font-weight:normal; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} .actif_filters span {color:#000000; font-size:1em; line-height:1em; display:inline-block; padding:0px 5px 0 10px; margin:0 5px 0 0;} .actif_filters span {border:0;} .actif_filters span + span {border-left:1px solid #000000;} #tools_filters {padding:10px 80px 0 30px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0;} #filters.filters_map #tools_filters {padding:10px 80px 0 144px;} #content #tools_filters p.nb_result {line-height:1.5em;} #content #tools_filters p.nb_result span {font-size:1.5em;} #page #tools_filters .btn_lien_picto {font-size:1.4em; line-height:1.95em; padding:0 0 0 10px; position:relative; float:right;} #page #tools_filters p.btn_lien_picto::before {content:"> "; text-transform:uppercase; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; left:0; top:0; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page #tools_filters .btn_lien_picto a {text-transform:none; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; padding:0; line-height:1.1em; vertical-align:middle; display:inline-block; border-bottom:1px solid #000000; cursor:pointer;} #page #tools_filters .btn_lien_picto a:hover, #page #tools_filters .btn_lien_picto a:focus {background:none; color:#de0d58;} #page #tools_filters p.btn_lien_picto a::before {display:none; visibility:hidden;} /* LISTE */ #list_items {font-size:0;} .list_item {width:25%;} .list_item {position:relative; overflow:hidden; display:inline-block; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /*font-size:initial; */ font-size: 15px; -webkit-perspective:3000;} .list_item:nth-child(8n+1) .pres, .list_item:nth-child(8n+3) .pres, .list_item:nth-child(8n+6) .pres, .list_item:nth-child(8n+8) .pres, .list_item:nth-child(8n+1) .wrap_pres, .list_item:nth-child(8n+3) .wrap_pres, .list_item:nth-child(8n+6) .wrap_pres, .list_item:nth-child(8n+8) .wrap_pres {background:#e3e8eb;} .list_item:nth-child(8n+2) .pres, .list_item:nth-child(8n+4) .pres, .list_item:nth-child(8n+5) .pres, .list_item:nth-child(8n+7) .pres, .list_item:nth-child(8n+2) .wrap_pres, .list_item:nth-child(8n+4) .wrap_pres, .list_item:nth-child(8n+5) .wrap_pres, .list_item:nth-child(8n+7) .wrap_pres {background:#bfcfd9;} .list_item .img {background:#bfcfd9;} #page .list_item .img a, #page .list_item .img a:hover, #page .list_item .img a:focus {display:block; padding:0; background:none; border:0;} .list_item .img img {display:block; width:100%;} .list_item .pres {width:100%; z-index:50; font-size:62.5%;} .list_item .wrap_pres {position:relative; padding:40px 40px 74px 40px;} /*LISTE IMG*/ .news.list_item .pres, .elu.list_item .pres, .equipement.list_item .pres, .subpage.list_item .pres, .recherche.list_item .pres, #modal_window .list_item .pres, .bloc_note.list_item .pres, .commune.list_item .pres {position:absolute; bottom:-17px; padding:17px 40px; left:-40px; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg);} .news.list_item .wrap_pres, .elu.list_item .wrap_pres, .equipement.list_item .wrap_pres, .subpage.list_item .wrap_pres, .recherche.list_item .wrap_pres, #modal_window .list_item .wrap_pres, .bloc_note.list_item .wrap_pres, .commune.list_item .wrap_pres {-webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg); padding:40px;} #page .news.list_item .pres p.cat_tag {position:absolute; top:-18px; left:40px;} #page .news.list_item .pres .desc, #page .elu.list_item .pres .desc, #page .equipement.list_item .pres .desc, #page .commune.list_item .pres .desc {display:none;} #page .news.list_item p.btn_lien, #page .elu.list_item p.btn_lien, #page .equipement.list_item p.btn_lien, #page .commune.list_item p.btn_lien, #page .elu.list_item p.fonction {display:none;} #page .list_item .pres p.cat_tag {text-transform:uppercase; color:#54666f; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1em; display:inline-block; background:#ffffff; padding:5px 7px; margin:0 0 25px 0;} #page .list_item .pres h2 {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.8em; line-height:1.1em; margin:0 0 10px 0;} #page.one_col .list_item .pres h2 {padding:0;} #page .list_item .pres h2 a {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; padding:0; letter-spacing:0.04em;} #page .list_item .date {margin:0; padding:0 0 4px 0; font-size:1.5em; line-height:1.2em; letter-spacing:0.02em;} #page .list_item .pres .desc {margin:21px 0 30px 0;} #page .list_item .pres .desc p {margin:0 0 12px 0; min-height:26px; font-size:1.5em; line-height:1.5em;} #page .list_item .pres .desc p a {color:#000000; font-family:'texgyreadventor_bolditalic',Arial,Verdana,sans-serif; border:0; padding:0; background:none !important;} #page .list_item .pres .desc p.tel a {font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} #page .list_item p.btn_lien {position:absolute; bottom:40px; left:40px; z-index:55;} /* HOVER */ .news.list_item:hover .pres, .elu.list_item:hover .pres, .equipement.list_item:hover .pres, .commune.list_item:hover .pres {height:100%; padding:0; bottom:0; left:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:flex-end; -webkit-align-items:flex-end;} .news.list_item:hover .wrap_pres, .elu.list_item:hover .wrap_pres, .equipement.list_item:hover .wrap_pres, .commune.list_item:hover .wrap_pres {padding:40px; background:none; -webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none; width:100%;} #page .news.list_item:hover .pres p.cat_tag {position:relative; top:inherit; left:inherit; margin:0 0 30px 0;} #page .news.list_item:hover .pres .desc, #page .elu.list_item:hover .pres .desc, #page .equipement.list_item:hover .pres .desc, #page .commune.list_item:hover .pres .desc {display:block;} #page .news.list_item:hover p.btn_lien, #page .elu.list_item:hover p.btn_lien, #page .equipement.list_item:hover p.btn_lien, #page .commune.list_item:hover p.btn_lien {display:inline-block;} .news.list_item:nth-child(8n+1):hover .pres, .news.list_item:nth-child(8n+3):hover .pres, .news.list_item:nth-child(8n+6):hover .pres, .news.list_item:nth-child(8n+8):hover .pres, .elu.list_item:nth-child(8n+1):hover .pres, .elu.list_item:nth-child(8n+3):hover .pres, .elu.list_item:nth-child(8n+6):hover .pres, .elu.list_item:nth-child(8n+8):hover .pres, .equipement.list_item:nth-child(8n+1):hover .pres, .equipement.list_item:nth-child(8n+3):hover .pres, .equipement.list_item:nth-child(8n+6):hover .pres, .equipement.list_item:nth-child(8n+8):hover .pres, .commune.list_item:nth-child(8n+1):hover .pres, .commune.list_item:nth-child(8n+3):hover .pres, .commune.list_item:nth-child(8n+6):hover .pres, .commune.list_item:nth-child(8n+8):hover .pres {background:rgba(227,232,235,0.9);} .news.list_item:nth-child(8n+2):hover .pres, .news.list_item:nth-child(8n+4):hover .pres, .news.list_item:nth-child(8n+5):hover .pres, .news.list_item:nth-child(8n+7):hover .pres, .elu.list_item:nth-child(8n+2):hover .pres, .elu.list_item:nth-child(8n+4):hover .pres, .elu.list_item:nth-child(8n+5):hover .pres, .elu.list_item:nth-child(8n+7):hover .pres, .equipement.list_item:nth-child(8n+2):hover .pres, .equipement.list_item:nth-child(8n+4):hover .pres, .equipement.list_item:nth-child(8n+5):hover .pres, .equipement.list_item:nth-child(8n+7):hover .pres, .commune.list_item:nth-child(8n+2):hover .pres, .commune.list_item:nth-child(8n+4):hover .pres, .commune.list_item:nth-child(8n+5):hover .pres, .commune.list_item:nth-child(8n+7):hover .pres {background:rgba(191,207,217,0.9);} /*ACTUALITES AGENDA*/ .news.list_item {margin:0; padding:0;} .news.list_item .wrap_pres {padding:22px 40px 22px 40px; height:109px;} .news.list_item:hover .wrap_pres {height:433px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*ASSOCIATIONS*/ .association.list_item .wrap_pres {height:462px;} .association.list_item .desc {padding:0 8px;} /*ELUS*/ .elu.list_item .wrap_pres {padding:22px 40px 22px 40px; height:109px; height:50px;} .elu.list_item:hover .wrap_pres {padding:40px; height:380px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #page .elu.list_item .pres .desc p.lieu {padding:12px 0 0 0;} #page .elu.list_item:hover p.fonction {display:block;} /* #18361 */ .elu.list_item:hover .wrap_pres {height:415px;} /* #18361 */ #page .elu.list_item:hover .pres .desc {height:220px; overflow-y:auto;} /*EQUIPEMENTS*/ .equipement.list_item .wrap_pres {padding:22px 40px 22px 40px; height:117px;} .equipement.list_item:hover .wrap_pres {height:480px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .equipement.list_item .desc {padding:0 8px;} /*CIM_CITY*/ .commune.list_item .wrap_pres {padding:22px 40px 22px 40px; height:51px;} .commune.list_item:hover .wrap_pres {height:480px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .commune.list_item .desc {padding:0 8px;} /*JOBS*/ .job.list_item .wrap_pres {height:302px;} /*FAQ*/ .faq.list_item .wrap_pres {height:277px;} /*SUBPAGES*/ #page.one_col .subpage.list_item {width:25%; height:294px;} #content .subpage.list_item .view {position:absolute; height:100%; width:100%; top:0; left:0; z-index:51;} #content .subpage.list_item .view a {display:block; height:100%; width:100%; padding:0; border:0; background:none;} #content .subpage.list_item .view a:hover, #content .subpage.list_item .view a:focus {background:rgba(255, 255, 255, 0.19);} .subpage.list_item .wrap_pres {padding:29px 40px; height:124px;} #page .subpage.list_item .pres h2 {margin:0;} /*AFFICHAGE SUBPAGES INNER CONTENT*/ #page .subpage.list_item {width:50%; height:304px;} /*KIOSQUE*/ .kiosque.list_item .wrap_pres {height:192px;} .kiosque.list_item .img {float:left; max-width:28%; margin:0 3% 30px 0;} .kiosque.list_item .infos_item {float:left; width:69%;} #page .kiosque.list_item .pres h2 {margin:0px 0 5px 0; padding:0; font-size:1.8em; line-height:1.4em;} #page .kiosque.list_item .pres h2 a {text-transform:none; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.02em;} #page .kiosque.list_item .pres .infos_item p {font-size:1.5em; line-height:1em; letter-spacing:0.02em;} /*RECHERCHE*/ .results-highlight {color:#ffffff; background:#617580; padding:0 3px;} .recherche.list_item .img {height:536px;} .recherche.list_item .pres {padding:17px 15px; left:-15px;} .recherche.list_item .wrap_pres {padding:40px 40px 74px 40px; height:280px;} .multi .recherche.list_item .img {height:636px;} .multi .recherche.list_item .wrap_pres {height:400px;} .multi .recherche.list_item .img.portrait img {max-height:120px; margin:auto; width:auto;} /*BLOC NOTE*/ .bloc_note.list_item {height:616px;} .bloc_note.list_item .wrap_pres {padding:22px 40px 74px 40px; height:363px;} #content .bloc_note.list_item p.btn_add_selection {background:#ffffff url(../img/bg_checkbox.png) no-repeat 11px 12px; position:absolute; bottom:40px; right:40px; z-index:55; font-size:1.6em; line-height:35px; margin:0;} #content .bloc_note.list_item p.btn_add_selection a {text-transform:uppercase; color:#617580; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.04em; padding:8px 32px; border:0; cursor:pointer;} #content .bloc_note.list_item p.btn_add_selection.btn_act {background:#ffffff url(../img/bg_checkbox_act.png) no-repeat 11px 12px;} #content .bloc_note.list_item p.btn_add_selection a:hover, #content .bloc_note.list_item p.btn_add_selection a:focus {background:none; color:#e21665;} #favorite .overlay {z-index:1001;} /* FICHE DETAIL ELEMENT */ .sep_120 {height:120px;} .sep_100 {height:100px;} .sep_70 {height:70px;} /*ACTUALITES AGENDA*/ #titre_page .cat_tag {text-transform:uppercase; color:#54666f; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1em; letter-spacing:0.04em; display:inline-block; background:#ffffff; border:1px solid #bfcfd9; padding:4px 7px; margin:0 0 25px 0;} #titre_page.news .date {margin:10px 0 37px 0; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:2em; line-height:1em; letter-spacing:0.02em; position:relative;} #titre_page.news .line {bottom:30px;} #content p.maj {text-transform:uppercase; color:#54666f; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.4em; letter-spacing:0.04em; margin:23px 0 0 0;} #zone_related {margin:100px 0 0 0;} #zone_related p.titre_related_news {text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:3em; line-height:1.1em; margin:0 15% 20px 7%;} #zone_related #list_items {padding:0;} #zone_related .list_item {width:50%;} /*ASSOCIATIONS*/ .zone_logo {background:#e9e9e9; text-align:center; min-height:306px; border-bottom:2px solid #bdbdbd;} #content .zone_logo p {margin:0; padding:15px 0;} .zone_logo img {display:block; margin:auto;} /*CIM_CITY*/ .zone_blaze {background:#ffffff; text-align:center; border-bottom:2px solid #ffffff;} #content .zone_blaze p {margin:0; padding:15px 0; border:3px solid #e3e8eb;} .zone_blaze img {display:block; margin:auto;} .zone_situation {background:#bfcfd9; border-bottom:2px solid #ffffff; padding:0 0 35px 0;} /*JOBS*/ #content .btn_lien.btn_postuler {margin:30px 0; background:#e21665;} #content .btn_lien.btn_postuler:after {background:#e21665;} #content .btn_lien.btn_postuler:hover::after, .btn_lien:focus::after {background:#a9104c;} #content .maj.job {margin:23px 0 40px 0;} #content .form_postuler .tx_jobfair-label span {color:#1f72c4; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:20px; padding:0 8px;} #content .form_postuler fieldset {border-top:3px solid #758d9a;} .tx_jobfair #titre_page.news .date {display:none;} /*FAQ*/ .zone_commentaires {margin:88px 0 0 0;} #content .zone_commentaires .titre_zone_commentaires {text-transform:uppercase; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:3.6em; line-height:1.1em; letter-spacing:0.06em; margin:0 0 28px 0;} .item_commentaire {border-left:3px solid #bfcfd9; padding:0 0 4px 18px; margin:0 0 23px 0;} .item_commentaire strong, .item_commentaire b {display:block; text-transform:uppercase; padding:0 0 7px 0; color:#617580; font-size:18px;} .form_commentaire legend {display:none;} .form_commentaire .ligne_form {margin:0 0 10px 0;} .form_commentaire span {font-size:0.9em;} /* *************************** PAGE BUDGET PARTICIP *************************** */ /*ZONE TITRE*/ #page.page_particip #titre_page {text-align:center; padding:0; position:relative;} #page.page_particip #titre_page img {display:block; width:100%;} #page.page_particip #titre_page h1 {text-transform:none; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:10em; line-height:29px; line-height:1.2em; padding:0; position:absolute; top:0; left:0; width:100%; height:100%; padding:43px 0 36px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #page.page_particip #titre_page span {color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:0.3em; line-height:29px; line-height:1.2em; display:block;} #page.page_particip #titre_page h1::after {display:none;} #page.page_particip #social_share {text-align:center; max-width:inherit; width:100%; position:static;} #page.page_particip #social_share ul {padding:12px; max-width:inherit; margin:auto;} #page.page_particip #social_share li {display:inline-block; width:50px; float:none; vertical-align:top;} #page.page_particip #social_share .add_note {background-position:-412px -978px; background-color:transparent;} #page.page_particip #social_share .a2a_button_facebook {background-position:0 -669px;} #page.page_particip #social_share .a2a_button_twitter {background-position:0 -719px;} #page.page_particip #social_share .a2a_button_pinterest {background-position:0 -769px;} #page.page_particip #social_share .rss {background-position:-180px -899px;} #page.page_particip #social_share .print {background-position:0 -819px;} #page.page_particip #social_share a:hover {background-color:#bdbdbd; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #page.page_particip #social_share .add_note:hover {background-color:#e21665; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} /*STEPS CHRONOLOGY*/ #page.page_particip ul#steps {font-size:0; padding:0;} #page.page_particip ul#steps li {background:#e21665; font-size:initial; padding:30px; display:inline-block; vertical-align:top; list-style-image:none;} #page.page_particip ul#steps li.step_act {background:#bd1354;} #page.page_particip ul#steps .numb_step {background:#ffffff; color:#e21665; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:1.2em; font-size:40px; line-height:1em; text-align:center; width:70px; height:70px; line-height:70px;} #page.page_particip ul#steps .name_step {text-transform:uppercase; color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:28px; line-height:70px; padding:0 0 0 32px;} /*BLOC CONTENU*/ #page.page_particip .bloc_contenu {padding:40px 80px; padding:40px 80px 25px 80px; text-align:center;} #page.page_particip .bloc_contenu.bg_white {background:#ffffff;} #page.page_particip .bloc_contenu.bg_grey {background:#bfcfd9;} #page.page_particip .bloc_contenu h2 {text-transform:none; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:6em; line-height:1.2em; margin:0 0 28px 0;} /*STEPS*/ #page.page_particip #steps_content {margin:0 60px 50px 60px; margin:15px 60px 50px 60px;} #page.page_particip .wrap_step_content {width:24.8%; height:460px; margin:15px 0; float:left; background:#ffffff; border-bottom:3px solid #e3e8eb; border-top:3px solid #e3e8eb; border-left:2px solid #e3e8eb; border-right:2px solid #e3e8eb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:27px 25px;} #page.page_particip .wrap_step_content.step_act {background:#bfcfd9; border-bottom:18px solid #bfcfd9; border-top:18px solid #bfcfd9; border-left:0; border-right:0; margin:0; height:490px; width:25.6%;} #page.page_particip .wrap_step_content .img {margin:0 0 25px 0;} #page.page_particip .wrap_step_content .title_step {padding:0 45px 0 0;} #page.page_particip .wrap_step_content .title_step p {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.4em; line-height:1.3em; margin:0 0 10px 0;} #page.page_particip .wrap_step_content .date_step p {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #page.page_particip .wrap_step_content .desc_step p {font-size:1.5em;} #page.page_particip #steps_content .wrap_step_content.step_act p {color:#ffffff;} #page.page_particip #steps_content .wrap_step_content.step_act img {filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1);} /*FORM*/ #page.page_particip .tx-cim-budget {width:50%; margin:0 auto; padding:0 25%; background:#E2E2E2;} /*LISTE ITEMS*/ #page .particip.list_item {-webkit-perspective: none;} #page .particip.list_item .wrap_pres {height:411px;} #page .particip.list_item .pres p.cat_tag {padding:0;} #page .particip.list_item .pres p.cat_tag span {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; display:inline-block; padding:4px 7px;} #page .particip.list_item .pres p.cat_tag .item_valid {background:#758d9a;} #page .particip.list_item .pres p.cat_tag .item_invalid {background:#373737; color:#ffffff;} /*POP IN*/ .overlay_popin {z-index:1001;} .popin_particip {background:#ffffff; width:66.66%; position:fixed; z-index:1002; left:18%; height:720px; max-height:90%; top:5%; padding:35px 40px 100px 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .wrap_popin {max-height:100%; overflow-y:auto;} .btn_close_popin_particip {width:50px; height:50px; background:#000000; position:absolute; right:0; top:0; cursor:pointer;-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .btn_close_popin_particip .close {display:block; position:absolute; left:14px; top:22px; width:22px; height:4px;} .btn_close_popin_particip .close::before, .btn_close_popin_particip .close::after {content:""; display:block;} .btn_close_popin_particip .close, .btn_close_popin_particip .close::before, .btn_close_popin_particip .close::after {position:absolute; width:22px; height:4px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .btn_close_popin_particip.btn_act .close {background:transparent;} .btn_close_popin_particip.btn_act .close::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .btn_close_popin_particip.btn_act .close::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} .btn_close_popin_particip:hover {background:#383736;} .wrap_popin > .left, .wrap_popin > .right {width:48%;} #content .popin_particip p.cat_tag {font-size:0.85em; line-height:1em; margin:0 0 27px 0;} #content .popin_particip p.cat_tag span {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; display:inline-block; padding:4px 7px;} #content .popin_particip p.cat_tag .item_valid {background:#758d9a;} #content .popin_particip p.cat_tag .item_invalid {background:#373737; color:#ffffff;} #content .wrap_popin > .left p {font-size:1em;} #content .popin_particip .left p.titre_item {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.3em; margin:0 0 10px 0;} #content .popin_particip .sous_titre_item {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} .popin_particip .map_item {width:100%; max-width:100%; height:370px; max-height:370px; overflow:hidden; margin:0 0 25px 0;} #content .popin_particip .desc p {font-size:1em;} .popin_particip .line_tools {position:absolute; bottom:40px; left:0; width:100%; padding:0 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #content_page .popin_particip .social_item ul {padding:0; margin:0;} #content_page .popin_particip .social_item li {display:block; float:left; width:50px; vertical-align:top; list-style-image:none; padding:0; background:#e3e8eb;} #content_page .popin_particip .social_item li a {border:0; padding:0; background-image:url(../img/sprite.png); background-repeat:no-repeat; line-height:0; display:block; width:50px; height:50px; text-indent:-9999px;} #content_page .popin_particip .social_item li a.btn_facebook {background-position:0 -669px;} #content_page .popin_particip .social_item li a.btn_twitter {background-position:0 -719px;} #content_page .popin_particip .social_item li a.btn_pinterest {background-position:0 -769px;} #content_page .popin_particip .social_item li a:hover {background-color:#bdbdbd; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #page .list_item .popin_particip .btn_lien.btn_vote {font-size:1.12em; position:relative; bottom:inherit; left:inherit;} #page .list_item .popin_particip .btn_vote_already {color:#e21665; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-size:17px; padding:12px 0px; margin:0;} #page .list_item .popin_particip .line_tools .right p {font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-size:17px; padding:12px 0px; margin:0;} /* *************************** CARTE INTERACTIVE *************************** */ #zone_map {position:relative; width:100%; height:100%;} #map_search {position:relative; width:1250px; height:100%;} /*SUPPR*/ #zone_map img {width:100%; display:block;} /*INFOBULLE*/ #modal_window {position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%;} #modal_window .list_item {display:block; margin:0 auto; width:25%; max-height:100%;} #modal_window .list_item .wrap_pres {padding:40px 40px 74px 40px;} #modal_window .list_item .item_default {height:400px; margin:145px 0 0 0; position:relative;} #modal_window .list_item .item_default .wrap_pres {height:134px;} #modal_window .list_item .item_specific {height:616px; margin:40px 0 0 0; position:relative;} #modal_window .list_item .item_specific .wrap_pres {height:350px;} .btn_close_map {width:50px; height:50px; z-index:1; background:#bfcfd9; position:absolute; right:0; top:0; cursor:pointer;-moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .btn_close_map .close {display:block; position:absolute; left:14px; top:22px; width:22px; height:4px;} .btn_close_map .close::before, .btn_close_map .close::after {content:""; display:block;} .btn_close_map .close, .btn_close_map .close::before, .btn_close_map .close::after {position:absolute; width:22px; height:4px; background:#000000; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .btn_close_map.btn_act .close {background:transparent;} .btn_close_map.btn_act .close::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .btn_close_map.btn_act .close::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} .btn_close_map:hover {background:#e3e8eb;} /* *************************** RESERVATION SALLE *************************** */ #booking .border_grey {border:1px solid #bfcfd9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #booking .flex_row {-webkit-align-items:stretch; align-items:stretch;} #content .booking_line p {margin:0; padding:0;} #switch_booking {margin:0 12% 0 30%; background:#e3e8eb; width:58%;} #content #switch_booking p {margin:0; padding:0; cursor:pointer;} #btn_prev_week {width:14.286%; background:url(../img/arrow_prev_resa.png) no-repeat center center; height:61px;} #btn_next_week {width:14.286%; background:url(../img/arrow_next_resa.png) no-repeat center center; height:61px;} #btn_prev_week:hover {background:#bfcfd9 url(../img/arrow_prev_resa.png) no-repeat center center;} #btn_next_week:hover {background:#bfcfd9 url(../img/arrow_next_resa.png) no-repeat center center;} #content_page #btn_prev_week a, #content_page #btn_next_week a {display:block; text-indent:-99999px; border:0; padding:0; background:none !important;} #form_switch {width:71.428%; text-align:center;} #form_switch fieldset {padding:0; border:0; background:none;} #form_switch legend {display:none;} #form_switch .ligne_form {margin:0; padding:9px 0; display:inline-block;} #form_switch label {display:inline; width:auto; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif; font-size:1.6em; line-height:2.7em;} #form_switch input {width:127px; margin:0 10px; border:0; padding:8px 10px; line-height:1em; background:#ffffff url(../img/bg_input_date_carte_interactive.png) no-repeat 95% center;} #booking .booking_titles {background:#e3e8eb; border-bottom:0;} #content .booking_titles p {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #booking .col_name {width:30%; padding:5px 9px; align-items:center;} #booking .col_days {width:58%;} #booking .col_day {width:14.286%; text-align:center;} #booking .booking_titles .col_day p {padding:5px; margin:auto;} #booking .col_show {width:12%;} .booking_content {border-bottom:1px solid #bfcfd9;} .list_item_booking {border-left:1px solid #bfcfd9; border-right:1px solid #bfcfd9;} #content .list_item_booking .col_name p {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #content .list_item_booking .col_day p {width:100%; position:relative;} #content .list_item_booking .col_day p a {display:block; text-indent:-99999px; width:100%; height:100%; padding:0; border:0; position:absolute; top:0; left:0;} #content .list_item_booking .col_day p a:hover, #content .list_item_booking .col_day p a:focus {background:rgba(255, 255, 255, 0.25);} #content .list_item_booking .col_show p {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.3em; padding:5px 9px;} #content_page .list_item_booking .col_show p a {color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; border:0; padding:0; background:none !important;} #content_page .list_item_booking .col_show p a:hover, #content_page .list_item_booking .col_show p a:focus {color:#e21665; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #booking_legend {margin:25px 0 70px 0;} #content_page #booking_legend ul {padding:0; margin:0;} #content_page #booking_legend li {list-style-image:none; display:inline-block; margin:0 30px 0 0; font-size:1.5em; line-height:0.7em; padding:0 0 0px 30px; position:relative;} #booking_legend li span {display:inline-block; width:20px; height:20px; margin:0 10px 0px 0; position:absolute; left:0; top:-5px;} .available {background:#8dc63f;} .unvailable {background-color:#f72e39;} .few_available {background:#8dc63f; position:relative; overflow:hidden;} .few_available::before {content:""; display:block; width:110%; height:110%; position:absolute; top:-5%; right:-5%; background:url(../img/few_available.svg) no-repeat center center; background-size:cover;} /* ETAPE 2 */ #booking .col_hour {width:16.667%; text-align:center;} #booking .quart_hour {width:25%; text-align:center;} .clear_smart {height:0px; width:0px; clear:both; display:none;} #content .list_item_booking .col_hour p.hour {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; width:auto; position:static; height:auto; line-height:35px; background:#ececec;} #content .list_item_booking .col_hour p {width:100%; position:relative; height:45px;} #content .list_item_booking .col_hour p a {display:block; text-indent:-99999px; width:100%; height:100%; padding:0; border:0; position:absolute; top:0; left:0;} #content #booking #show_hour p a {text-indent:0; color:#000000; font-size:10px; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #content #booking #show_hour2 p a {text-indent:0; color:#000000; font-size:10px; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:16px; line-height:1.1em; padding:5px 0 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #content .list_item_booking .col_hour p a:hover, #content .list_item_booking .col_hour p a:focus {background:rgba(255, 255, 255, 0.25);} .booking_content #switch_booking {width:100%; margin:0;} .booking_content #switch_booking p#day_name {width:70%; font-family:'raleway_bold',Arial,Verdana,sans-serif; text-transform:uppercase; line-height:61px; text-align:center;} .booking_content #switch_booking #btn_prev_week {width:15%;} .booking_content #switch_booking #btn_next_week {width:15%;} /* ETAPE 3 */ #booking form .ligne_form p {margin:0 0 9px 0; font-size:1.8em; line-height:1.3em;} #booking form .ligne_form strong {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-weight:normal;} #booking form .ligne_form span {font-size:1.6em; line-height:1.5em; color:#000000; margin:0 0 14px 0;} #booking .btn_back_booking {background:#de0d58 url(../img/arrow_prev_wh.png) no-repeat 8px center; margin:20px 0 0 0;} #page .btn_lien.btn_back_booking a {padding:2px 10px 2px 25px;} .btn_lien.btn_back_booking::after {background:#de0d58 url(../img/arrow_prev_wh.png) no-repeat 8px center;} .btn_lien.btn_back_booking:hover::after, .btn_lien.btn_back_booking:focus::after {background:#91093a url(../img/arrow_prev_wh.png) no-repeat 8px center;} /*POPIN*/ .btn_close_popin_resa {width:50px; height:50px; background:#bfcfd9; position:absolute; right:0; top:0; cursor:pointer; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .btn_close_popin_resa .close {display:block; position:absolute; left:14px; top:22px; width:22px; height:4px;} .btn_close_popin_resa .close::before, .btn_close_popin_resa .close::after {content:""; display:block;} .btn_close_popin_resa .close, .btn_close_popin_resa .close::before, .btn_close_popin_resa .close::after {position:absolute; width:22px; height:4px; background:#000000; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .btn_close_popin_resa.btn_act .close {background:transparent;} .btn_close_popin_resa.btn_act .close::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .btn_close_popin_resa.btn_act .close::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} .btn_close_popin_resa:hover {background:#e3e8eb;} #booking .overlay {z-index:1001;} .popin_resa {background:#ffffff; width:33.33%; position:fixed; z-index:1002; left:33.33%; top:50px; min-height:504px; max-height:75%; top:20%; padding:55px 40px 40px 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;} #content .popin_resa .titre_bloc {margin:0 0 14px 0; padding:0 0 48px 0; position:relative;} #content .popin_resa .titre_bloc p {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-weight:normal; font-size:4.8em; line-height:1em; letter-spacing:0.04em; margin:0; padding:0;} #content .popin_resa .titre_bloc .line {width:375px; height:1px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); background:#bfcfd9; display:block; position:absolute; bottom:48px; bottom:11px;} #content .popin_resa .titre_bloc .line::before {content:""; width:100%; height:1px; background:#bfcfd9; display:block; position:absolute; bottom:10px;} #content .popin_resa .titre_bloc .line::after {content:""; width:100%; height:1px; background:#bfcfd9; display:block; position:absolute; bottom:5px;} #content_page .popin_resa h2 {margin:25px 0;} .popin_resa form fieldset {padding:0; background:none; border:0;} .popin_resa legend {text-transform:none; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif; font-size:1.6em; margin:0 0 10px 0;} .popin_resa .ligne_form {padding:0 15px; margin:10px 0 0 0;} .popin_resa .ligne_form.btn_submit {margin:23px 0 0 0; float:none;} .popin_resa .ligne_form.checkbox label {display:block; width:auto; float:none; margin:0 0 5px 0; text-transform:none; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.6em; line-height:24px; line-height:1.2em; text-align:left;} .popin_resa .ligne_form.checkbox label.ui-button {padding:0 0 0 26px; background:url(../img/bg_checkbox.png) no-repeat left 4px;} .popin_resa .ligne_form.checkbox label.ui-button.ui-state-active {background:url(../img/bg_checkbox_act.png) no-repeat left 4px;} .popin_resa .ligne_form.checkbox label.ui-button .ui-button-text {padding:0; color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} /* *************************** GALERIE DIAPO *************************** */ #zone_img {margin:0 0 75px 0;} #zone_img .ad-gallery, #zone_img .ad-gallery .ad-image-wrapper, .ad-gallery .ad-image-wrapper .ad-image {max-width:100%;} #zone_img .ad-gallery .ad-image-wrapper {margin:0;} #zone_img #main_picture_ad {position:relative;} #page #zone_img #main_picture_ad a {display:block; border:0; padding:0;} #page #zone_img #main_picture_ad img {display:block;} #content #description_media p {padding:8px 0 15px 0; margin:0; text-transform:uppercase; color:#4e5d66; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.3em; line-height:1.2em; letter-spacing:0.04em;} #page .ad-gallery .ad-back, #page .ad-gallery .ad-forward {width:60px; height:60px; position:absolute; top:0; opacity:1 !important;} #page .ad-gallery .ad-back {background:#e21665 url(../img/sprite.png) no-repeat -716px 0; left:0;} #page .ad-gallery .ad-forward {background:#e21665 url(../img/sprite.png) no-repeat -776px -60px; right:0;} #page .ad-gallery .ad-thumbs {max-width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0px 60px;} #content_page #zone_img ul {padding:0; margin:0;} #content_page #zone_img li {display:block; float:left; width:60px; height:60px; overflow:hidden; padding:0; margin:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; cursor:pointer; background:#e21665; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #zone_img li:hover a {opacity:0.5;} #content_page #zone_img li a {padding:0; border:0; display:block;} #content_page #zone_img li a.ad-active {opacity:0.5;} #zone_img li img {min-height:100%; min-width:100%; border:0; display:block; opacity:1 !important;} /* *************************** DASHBOARD *************************** */ #content_page .home_dashboard ul {padding:0; margin:0; /* //CORR */ flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row;-moz-box-direction:normal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal;} #content_page .home_dashboard ul li {padding:0; list-style-image:none; display:inline-block; vertical-align:top; margin:0 3% 3% 0; width:46%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; /* //CORR */ background:#000000;} #content_page .home_dashboard ul li a {display:block; padding:40px 40px; border:0; background:#000000; text-align:center;} #content_page .home_dashboard ul li a:hover, #content_page .home_dashboard ul li a:focus {background:#de0d58;} .home_dashboard ul li span {display:block; padding:0; border:0;} .home_dashboard li .img {margin:0 0 30px 0; text-align:center;} .home_dashboard li .titre {text-transform:uppercase; color:#ffffff; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} .tx-cim-dashboard {margin:0 0 70px 0;} .dash_ressource_items {margin:0 0 17px 0;} .dash_item {margin:0 0 10px 0;} .dash_item .left {width:443px; border:1px solid #d8d8d8;} #page .dash_item .left h3 {margin:0; padding:13px 15px 14px 15px;} #page .dash_item .left p {padding:0px 15px;} .dash_item .right {width:305px; float:left;} .dash_do_btn { display:inline-block;} .dash_do_btn.voir_dash {background:#000000 url(../img/show_dash.png) no-repeat 10px center;} .dash_do_btn.edit_dash {background:#000000 url(../img/edit_dash.png) no-repeat 10px center;} .dash_do_btn.cancel_dash {background:#000000 url(../img/cancel_dash.png) no-repeat 10px center;} .dash_do_btn.voir_dash:hover {background:#e21665 url(../img/show_dash.png) no-repeat 10px center; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .dash_do_btn.edit_dash:hover {background:#e21665 url(../img/edit_dash.png) no-repeat 10px center; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} .dash_do_btn.cancel_dash:hover {background:#e21665 url(../img/cancel_dash.png) no-repeat 10px center; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #page .dash_do_btn p {font-size:1.3em; line-height:1em; margin:0;} #page .dash_do_btn p a {color:#ffffff; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; border:0; background:none; padding:17px 23px 18px 44px; display:block; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} #page .dash_do_btn p a:hover, #page .dash_do_btn p a:focus {color:#ffffff;} .dash_btn {float:left;} #page .dash_btn p {font-size:1.3em; line-height:1em; margin:0;} #page .dash_btn p a {text-transform:uppercase; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; letter-spacing:0.02em; border:0; background:none; display:block; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} .dash_btn.btn_new_dash {background:#000000 url(../img/new_dash.png) no-repeat 10px center; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #page .dash_btn.btn_new_dash p a {color:#ffffff; padding:17px 23px 18px 44px;} .dash_btn.btn_new_dash:hover {background:#e21665 url(../img/new_dash.png) no-repeat 10px center;} .dash_btn.btn_new_dash:hover a, #page .dash_btn.btn_new_dash p a:hover, #page .dash_btn.btn_new_dash p a:focus {color:#ffffff;} .dash_btn.btn_back_dash {background:url(../img/arrow_back_dash.png) no-repeat 10px center; border:1px solid #d8d8d8; margin:0 0 23px 0;} #page .dash_btn.btn_back_dash p a {color:#000000; padding:16px 22px 17px 43px;} #page .dash_btn.btn_back_dash p a:hover, #page .dash_btn.btn_new_dash p a:focus {color:#1b61a8;} .content_form_item {padding:23px 0 0 0; clear:both;} /*NEW*/ .dash_item {position:relative;} .dash_item .left {margin:0 215px 0 0;} .dash_item .right {width:215px; position:absolute; left:443px; top:0; height:100%;} .dash_do_btn {height:100%;} #page .dash_do_btn p {font-size:1.3em; margin:0; flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-box-direction:normal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:block-axis; -webkit-box-direction:normal; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row; -moz-box-direction:normal; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-lines:multiple; -moz-box-lines:multiple; height:100%; align-content:stretch; align-self:center;} #page .dash_do_btn p a {display:block; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-self:center;} #page .btn_lien.btn_deco_dash {margin:0 0 25px 0;} #booking .booking_titles.dash_item.dash_booking {background:none;} .dash_item.dash_booking.booking_titles .left.grey_border {border-top:1px solid #d8d8d8;} .dash_item.dash_booking {border:0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:center; -webkit-justify-content:center; -webkit-box-pack:center; flex-wrap:nowrap; align-items:stretch; align-content:stretch;} .dash_item.dash_booking .left {margin:0; padding:0; width:33%; border:0; float:none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .dash_item.dash_booking .left.grey_border {border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8;} .dash_item.dash_booking .left.grey_border.last {border-right:1px solid #d8d8d8;} #page .dash_item.dash_booking .left p {margin:0; padding:10px;} .dash_booking .dash_do_btn {height:auto;} /* *************************** COMARQUAGE *************************** */ .cim_co {position:relative;} #page .spSousChapitre h3.sscha {margin:30px 0 10px 0; line-height:1.2em; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #content_page h4.sscha {font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif;} #page .tx-cim-comarquage ul { padding:0; margin:0;} #page .tx-cim-comarquage li {line-height:1.6em; list-style-image:none; padding:0; font-size:1.6em; margin:0 0 14px 0;} #page .tx-cim-comarquage h2 {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.5em; line-height:1.2em; margin:20px 0 16px 0;} #page .tx-cim-comarquage h3 {text-transform:uppercase; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-weight:normal; font-size:1.6em; line-height:1.3em; margin:19px 0 10px 0;} #page .tx-cim-comarquage h4 {text-transform:uppercase; color:#000000; font-size:1.6em; line-height:24px; line-height:1.5em; margin:14px 0 10px 0;} #page .tx-cim-comarquage li li, #page .tx-cim-comarquage li p, #page .tx-cim-comarquage li h2, #page .tx-cim-comarquage li h3, #page .tx-cim-comarquage li h4 {font-size:1em; line-height:1.1em;} #page .tx-cim-comarquage li h2 {margin:0; font-size:1em; font-family:'texgyreadventor_regular',Arial,Verdana,Helvetica,sans-serif; line-height:1.6em; text-transform:none;} #page .tx-cim-comarquage li h3 {font-size:1em; margin:0; text-transform:none;} #page .tx-cim-comarquage li p.spParagraphe {line-height:1.5em;} #marcol_left, #right_intro_marq {float:none;} #marcol_right, #left_intro_marq {float:none;} /*COL RIGHT*/ .part_marq:nth-child(2n+1) {background:#ececec;} .part_marq:nth-child(2n+2) {background:#e2e2e2;} .part_marq {border-bottom:2px solid #bdbdbd; padding:30px 40px;} #page .part_marq h2.titre_part, #page .part_marq p.titre_info {text-transform:uppercase; color:#000000; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:2.6em; line-height:1em; padding:0 0 35px 0; margin:0 0 30px 0; position:relative;} #page .part_marq h2.titre_part::after, #page .part_marq p.titre_info::after {content:""; width:100%; height:1px; transform:rotate(-3deg); -o-transform:rotate(-3deg);-moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); background:#000000; display:block;position:absolute; bottom:8px;} #page .tx-cim-comarquage .part_marq li a {padding:0 0 0 23px; background:url(../img/arrow_black.png) no-repeat 0 4px; border:0; text-transform:none; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #page .tx-cim-comarquage .part_marq li a:hover, #page .tx-cim-comarquage .part_marq li a:focus {color:#383736; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} #page .tx-cim-comarquage .part_marq .spPublicationPivotOSATitle p a {padding:0 0 0 23px; background:url(../img/arrow_black.png) no-repeat 0 4px; border:0; text-transform:none; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #page .tx-cim-comarquage .part_marq .spPublicationPivotOSATitle p a:hover, #page .tx-cim-comarquage .part_marq .spPublicationPivotOSATitle p a:focus {color:#383736; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} /*S'ADRESSER*/ #sadresser {background:#DE0D58; border-bottom:2px solid #c40c4f;} #page .tx-cim-comarquage #sadresser h2.titre_part::after {background:#ffffff;} #sadresser * {color:#ffffff !important;} #page .tx-cim-comarquage #sadresser .spPublicationPivotOSATitle p a {background:url(../img/arrow_white.png) no-repeat 0 2px; padding:0 0 0 15px;} #page .tx-cim-comarquage #sadresser .spParagraphe a {border-bottom:1px solid #ffffff;} /*SAVOIR +*/ #savplus {background:#8dc63f; border-bottom:2px solid #7cad37;} #page .tx-cim-comarquage #savplus li {margin:0 0 14px 0;} #page .tx-cim-comarquage #savplus li a {background:url(../img/arrow_black.png) no-repeat 0 2px; padding:0 0 0 15px;} /*ACTUALITES*/ #actus {background:#1f72c4; border-bottom:2px solid #1b63ab;} #page .tx-cim-comarquage #actus p.titre_info::after {background:#ffffff;} #actus * {color:#ffffff !important;} #page .tx-cim-comarquage #actus li {margin:0 0 14px 0;} #page .tx-cim-comarquage #actus li a {background:url(../img/arrow_white.png) no-repeat 0 2px; padding:0 0 0 15px;} /*QUESTIONS REPONSES*/ #questrep {background:#8dc63f; border-bottom:2px solid #7cad37;} #page .tx-cim-comarquage #questrep li {margin:0 0 14px 0;} #page .tx-cim-comarquage #questrep li a {background:url(../img/arrow_black.png) no-repeat 0 2px; padding:0 0 0 15px;} /*ARBO*/ .spArborescence {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .spArborescence .clearall {display:none; visibility:hidden; height:0; width:0;} .spArborescence .spArborescenceItem2Col {width:50%; padding:20px 40px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .spArborescence .spArborescenceItem2Col:nth-child(6n+1) {background:#ececec;} .spArborescence .spArborescenceItem2Col:nth-child(6n+2) {background:#ececec;} .spArborescence .spArborescenceItem2Col:nth-child(6n+4) {background:#e2e2e2;} .spArborescence .spArborescenceItem2Col:nth-child(6n+5) {background:#e2e2e2;} .spArborescence .spArborescenceItem2Col:first-child {background:#de0d58; position:absolute; right:0; top:0; width:33.33%;} .spArborescence .spArborescenceItem2Col:first-child * {color:#ffffff !important;} #page #content_page .spArborescence .spArborescenceItem2Col ul.spPublicationNoeud {padding:0;} #page #content_page .spArborescence .spArborescenceItem2Col ul li {list-style-image:none; padding:0;} #page #content_page .spArborescence .spArborescenceItem2Col h2 a {text-transform:uppercase; font-family:'bariol_regular',Arial,Verdana,sans-serif; color:#000000;} #page #content_page .spArborescence .spArborescenceItem2Col h2 a {text-transform:uppercase; font-family:'bariol_regular',Arial,Verdana,sans-serif; color:#000000; padding:0 0 0 20px; background:url(../img/arrow_full_big.png) no-repeat 0 8px;} #page #content_page .spArborescence .spArborescenceItem2Col:first-child h2 a {background:url(../img/arrow_full_big_white.png) no-repeat 0 8px;} #page #content_page .spArborescence .spArborescenceItem2Col h2 a:hover, #page #content_page .spArborescence .spArborescenceItem2Col h2 a:focus {color:#1b61a8;} #page #content_page .spArborescence .spArborescenceItem2Col ul li .spPublicationDossier {line-height:1.6em; text-transform:none;} #page #content_page .spArborescence .spArborescenceItem2Col ul li .spPublicationDossier a {text-transform:none; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; padding:0 0 0 24px; background:url(../img/arrow_black.png) no-repeat 0 4px;} #page #content_page .spArborescence .spArborescenceItem2Col ul li .spPublicationDossier a:hover, #page #content_page .spArborescence .spArborescenceItem2Col ul li .spPublicationDossier a:focus {color:#1b61a8;} #page #content_page .spArborescence .spArborescenceItem2Col:first-child ul li .spPublicationDossier a {background:url(../img/arrow_white.png) no-repeat 0 4px;} /* INFOS DATE PUBLICATION */ .spPublicationDate {margin:20px 0; font-size:1.2em; line-height:1.6em; font-family:'texgyreadventor_italic';} #page .spPublicationDate p {font-size:1.2em; line-height:1.6em; font-family:'texgyreadventor_italic'; margin:0;} .spPublicationMain > div > .spPublicationNoeud {clear:both; float:none;} .spPublicationNoeud div.spPublicationNoeud {margin:0 0 20px 0;} /* TABLEAUX */ #page table.spTableau caption {text-transform:uppercase; color:#000000; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif; font-weight:normal; margin:0px 0 10px 10px; text-align:left; font-size:1.6em; line-height:1.6em;} #page table.spTableau th *, #page table.spTableau td * {font-size:1em; line-height:1.2em; margin:0; color:#000000;} #page table.spTableau th * {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #page table.spTableau td * {font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif;} /* GLOSSAIRE */ #page .spIndexMain .spLetters li {display:inline-block; vertical-align:top; margin:0 7px; font-size:2em;} #page .spIndexMain .spIndex h2.spPublicationRessource span {font-size:0.8em;} /*SOMMAIRE*/ div.spPublicationSommaire {background:#ececec; padding:40px; margin:0 0 40px 0;} .spTousDossiersAZ {display:none;} #page .spPublicationMenuDroite h2 {margin:0 0 20px 0;} #page #content_page ul.spPublicationSommaire li {width:44%; margin:0 2% 0 0; display:inline-block; vertical-align:top; padding:0 0 0 24px; background:url(../img/arrow_black.png) no-repeat 0 4px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #page #content_page ul.spPublicationSommaire a {color:#000000; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; padding:0; background:none; text-transform:none;} #page #content_page ul.spPublicationSommaire a:hover, #page #content_page ul.spPublicationSommaire a:focus {color:#1b61a8;} /*A NOTER*/ .spANoter {border-left:3px solid #de0d58; padding:0 0 0 20px;} .spANoter img {display:none;} /*A SAVOIR*/ .spASavoir {border-left:3px solid #8dc63f; padding:0 0 0 20px;} /* *************************** TEOMI *************************** */ /* #toemi_result {margin:20px 0; padding:20px; border:2px solid #e21665; background-color:#fbfbfb;} */ /* #toemi_result p:last-child {margin-bottom:0;} */ #toemi_result #toemi_total {font-size:22px; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif;} #toemi_result #toemi_total #toemi_result_price {display:inline-block; background:#e21665; padding:3px 6px; color:#ffffff; font-family:inherit;} #toemi_total_desc {border:2px solid #bfcfd9; padding:10px 20px; margin-top:-10px !important;} #toemi_result_price_fix {color:#418878; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif;} #toemi_result_price_var {color:#a06e3d; font-family:'texgyreadventor_bold',Arial,Verdana,Helvetica,sans-serif;} @media screen and (max-width:1615px) { /* ***** MENU PRINCIPAL ***** */ #menu_principal > ul > li {padding:0 14px 0 25px;} #menu_principal > ul > li:first-child {padding:0 14px 0 0;} #menu_principal ul li span {font-size:2.4em; padding:19px;} } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** ************************ VERSION PC CLASSIC ************************* ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:1601px) { /* *************************** LISTE D ELEMENTS *************************** */ .list_item:nth-child(8n+1) .pres, .list_item:nth-child(8n+3) .pres, .list_item:nth-child(8n+6) .pres, .list_item:nth-child(8n+8) .pres, .list_item:nth-child(8n+1) .wrap_pres, .list_item:nth-child(8n+3) .wrap_pres, .list_item:nth-child(8n+6) .wrap_pres, .list_item:nth-child(8n+8) .wrap_pres, .list_item:nth-child(8n+2) .pres, .list_item:nth-child(8n+4) .pres, .list_item:nth-child(8n+5) .pres, .list_item:nth-child(8n+7) .pres, .list_item:nth-child(8n+2) .wrap_pres, .list_item:nth-child(8n+4) .wrap_pres, .list_item:nth-child(8n+5) .wrap_pres, .list_item:nth-child(8n+7) .wrap_pres {background:inherit;} .list_item:nth-child(2n+1) .pres, .list_item:nth-child(2n+1) .wrap_pres, .news.list_item:nth-child(2n+1) .pres, .elu.list_item:nth-child(2n+1) .pres, .equipement.list_item:nth-child(2n+1) .pres, .commune.list_item:nth-child(2n+1) .pres {background:#e3e8eb;} .list_item:nth-child(2n+2) .pres, .list_item:nth-child(2n+2) .wrap_pres, .news.list_item:nth-child(2n+2) .pres, .elu.list_item:nth-child(2n+2) .pres, .equipement.list_item:nth-child(2n+2) .pres, .commune.list_item:nth-child(2n+2) .pres {background:#bfcfd9;} .news.list_item:nth-child(8n+1):hover .pres, .news.list_item:nth-child(8n+3):hover .pres, .news.list_item:nth-child(8n+6):hover .pres, .news.list_item:nth-child(8n+8):hover .pres, .elu.list_item:nth-child(8n+1):hover .pres, .elu.list_item:nth-child(8n+3):hover .pres, .elu.list_item:nth-child(8n+6):hover .pres, .elu.list_item:nth-child(8n+8):hover .pres, .equipement.list_item:nth-child(8n+1):hover .pres, .equipement.list_item:nth-child(8n+3):hover .pres, .equipement.list_item:nth-child(8n+6):hover .pres, .equipement.list_item:nth-child(8n+8):hover .pres, .commune.list_item:nth-child(8n+1):hover .pres, .commune.list_item:nth-child(8n+3):hover .pres, .commune.list_item:nth-child(8n+6):hover .pres, .commune.list_item:nth-child(8n+8):hover .pres, .news.list_item:nth-child(8n+2):hover .pres, .news.list_item:nth-child(8n+4):hover .pres, .news.list_item:nth-child(8n+5):hover .pres, .news.list_item:nth-child(8n+7):hover .pres, .elu.list_item:nth-child(8n+2):hover .pres, .elu.list_item:nth-child(8n+4):hover .pres, .elu.list_item:nth-child(8n+5):hover .pres, .elu.list_item:nth-child(8n+7):hover .pres, .equipement.list_item:nth-child(8n+2):hover .pres, .equipement.list_item:nth-child(8n+4):hover .pres, .equipement.list_item:nth-child(8n+5):hover .pres, .equipement.list_item:nth-child(8n+7):hover .pres, .commune.list_item:nth-child(8n+2):hover .pres, .commune.list_item:nth-child(8n+4):hover .pres, .commune.list_item:nth-child(8n+5):hover .pres, .commune.list_item:nth-child(8n+7):hover .pres {background:inherit;} .news.list_item:nth-child(2n+1):hover .pres, .elu.list_item:nth-child(2n+1):hover .pres, .equipement.list_item:nth-child(2n+1):hover .pres, .commune.list_item:nth-child(2n+1):hover .pres {background:rgba(227,232,235,0.9);} .news.list_item:nth-child(2n+2):hover .pres, .elu.list_item:nth-child(2n+2):hover .pres, .equipement.list_item:nth-child(2n+2):hover .pres, .commune.list_item:nth-child(2n+2):hover .pres {background:rgba(191,207,217,0.9);} .list_item, #modal_window .list_item {width:33.33%;} /*ACTUALITES AGENDA*/ .news.list_item .wrap_pres {height:136px;} /*ASSOCIATIONS*/ .association.list_item .wrap_pres {height:430px;} /*ELUS*/ .elu.list_item .wrap_pres {height:107px; height:50px;} .elu.list_item:hover .wrap_pres {height:300px;} /* #18361 */ .elu.list_item:hover .wrap_pres {height:415px;} /*EQUIPEMENTS*/ .equipement.list_item .wrap_pres {height:108px;} .equipement.list_item:hover .wrap_pres {height:400px;} /*CIM CITY*/ .commune.list_item .wrap_pres {height:108px;} .commune.list_item:hover .wrap_pres {height:400px;} /*JOBS*/ .job.list_item .wrap_pres {height:289px;} /*FAQ*/ .faq.list_item .wrap_pres {height:239px;} /*SUBPAGES*/ #page.one_col .subpage.list_item {width:33.33%;} #page.one_col .subpage.list_item .wrap_pres {height:120px;} #page .subpage.list_item .pres h2 {margin:0;} /*AFFICHAGE SUBPAGES INNER CONTENT*/ #page .subpage.list_item {width:50%;} #page .subpage.list_item .wrap_pres {height:94px;} /*KIOSQUE*/ .kiosque.list_item .wrap_pres {height:198px;} /*RECHERCHE*/ .recherche.list_item .img {height:536px;} .recherche.list_item .wrap_pres {height:268px;} /*BLOC NOTES*/ .bloc_note.list_item .wrap_pres {height:363px;} } @media screen and (max-width:1565px) { /* FIXED STICKY NAV */ .fix #bandeau_menu #menu_principal > ul > li:first-child {padding:0 13px 0 24px;} .fix #bandeau_menu #menu_principal > ul > li > a {padding:15px 0;} .fix #bandeau_menu #menu_principal ul li span {padding:10px 5px; font-size:2em;} } @media screen and (max-width:1501px) { .multi .recherche.list_item .img {height:636px;} .multi .recherche.list_item .wrap_pres {height:385px;} } @media screen and (max-width:1465px) { /* ***** MENU PRINCIPAL ***** */ #menu_principal > ul > li:first-child {padding:0 12px 0 0;} #menu_principal > ul > li {padding:0 12px 0 20px;} #menu_principal ul li span {font-size:2em; padding:19px 15px;} #menu_principal li ul li img {margin:0 0 15px 0;} #menu_principal li ul li span {margin:0 0 10px 0; font-size:2em;} #menu_principal li ul li ul li a {font-size:1.4em;} } @media screen and (max-width:1357px) { /* ***** FOOTER ***** */ #menu_footer li:first-child {padding:0 20px 0 0;} #menu_footer li {font-size:1.5em; padding:0 20px 0 25px;} #actus_home {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column;-moz-box-direction: normal; -webkit-box-orient:block-axis; -webkit-box-direction:normal; align-self:center;} #slider_alaune .coverflow_zone_texte {padding:108px 0% 33px 5%;} #slider_alaune .coverflow_titre {margin:0px 0 10px 0; font-size:2.5em;} #slider_alaune span.coverflow_desc, #slider_alaune .coverflow_desc p {font-size:1.5em;} #slider_alaune .btn_lien {margin:12px 0 0 0;} #page h1 {font-size:4.2em;} #page .list_item .pres h2 {font-size:2.2em;} .recherche.list_item .img {height:526px;} .multi .recherche.list_item .img {height:606px;} .multi .recherche.list_item .img.portrait img {max-height:95px;} /*ELUS*/ .elu.list_item .wrap_pres {height:40px;} /*AFFICHAGE SUBPAGES INNER CONTENT*/ #page .subpage.list_item {height:308px;} #page .subpage.list_item .wrap_pres {height:138px;} /*BUDGET + CARTE*/ #page.page_particip #titre_page h1 {font-size:9em; padding:33px 0 36px 0;} #page.page_particip ul#steps .name_step {font-size:25px; padding:0 0 0 22px;} #content .wrap_popin > .left p {font-size:0.9em;} #content .popin_particip .left p.titre_item {font-size:1.3em; margin:0 0 15px 0;} .popin_particip .map_item {height:309px; max-height:309px;} #modal_window .list_item .item_specific {height:606px;} /* *************************** RESERVATION SALLE *************************** */ #booking .col_name {padding:5px;} #content .list_item_booking .col_name p {font-size:1.4em;} #content .list_item_booking .col_show p {font-size:1.1em; padding:5px;} /*POPIN*/ .popin_resa {width:40%; left:30%;} #content .popin_resa .titre_bloc p {font-size:4em;} #page .subpage.list_item {height: 266px;} } @media screen and (max-width:1350px) { .fix #bandeau_menu #menu_principal ul li span {font-size:2em;} } @media screen and (max-width:1340px) { .fix #bandeau_menu #menu_principal ul li span {font-size:1.7em;} } @media screen and (max-width:1237px) { .fix #bandeau_menu #menu_principal > ul > li:first-child {padding:0 10px 0 21px; background:none;} .fix #bandeau_menu #menu_principal > ul > li {padding:0 10px 0 21px; background:url(../img/sep_menu.png) no-repeat left 25px;} .fix #bandeau_menu #menu_principal > ul > li > a {padding:17px 0;} .fix #bandeau_menu #menu_principal ul li span {padding:10px 5px; font-size:1.6em;} } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** **************** VERSION 1199 a 1024 / TABLETTE LAND **************** ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:1221px) { div.tx-powermail legend, legend {font-size:2em;} .powermail_label, div.tx-powermail .powermail_radio_legend, div.tx-powermail .powermail_check_legend, .powermail_submit, label, input[type="submit"], input[type="button"] {font-size:1.6em;} div.powermail_fieldwrap.powermail_fieldwrap_text, .powermail_field, dl.powermail_all, .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label, input, select, textarea, .ligne_form.checkbox label, .ligne_form.radio label {font-size:1.4em;} .powermail_confirmation_form, .powermail_confirmation_submit {font-size:1.2em;} .tx-powermail .powermail_check_outer .powermail_check_inner label.ui-button {padding:0 0 0 26px; background: url(../img/bg_checkbox.png) no-repeat left 2px;} .tx-powermail .powermail_check_outer .powermail_check_inner label.ui-button.ui-state-active {background:url(../img/bg_checkbox_act.png) no-repeat left 2px;} /* BACK TOP */ #back_top {bottom:47px; right:22px;} /* CONTENEUR */ #global {padding-bottom:110px;} /* ***** HEADER ***** */ /* LIEN BLOC-NOTES */ #bloc_notes p {font-size:1.2em;} #bloc_notes p a {padding:6px 0 6px 37px;} /* PROFIL */ #profil .ui-selectmenu-button {font-size:1.2em;} #profil .ui-selectmenu-button span.ui-selectmenu-text {padding:0px 10px; line-height:40px;} /* ZONE LOGIN */ #btn_login p {font-size:1.2em;} #btn_login p a {padding:6px 0 6px 37px;} /* ZONE RECHERCHE */ #recherche input {font-size:1.2em;} /* LIEN GALAXIE */ #galaxie p {font-size:1.2em;} #galaxie p a {background:url(../img/arrow_white_bold.png) no-repeat 0px 4px;} /* LOGO */ #bandeau_logo {min-height:240px;} /* RESEAUX SOCIAUX */ #menu_resaux_sociaux ul {margin:15px auto;} #menu_resaux_sociaux li a {width:25px; background-image:url(../img/sprite.svg); background-size:4000% auto;} #menu_resaux_sociaux .reseau_fb {margin:0 10px 0 0;} #menu_resaux_sociaux .reseau_twit {margin:0 10px 0 0;} #menu_resaux_sociaux .reseau_instagram {margin:0 10px 0 0;} #menu_resaux_sociaux .reseau_fb a {background-position:-1% 44.2%;} #menu_resaux_sociaux .reseau_twit a {background-position:2% 44.2%;} #menu_resaux_sociaux .reseau_instagram a {background-position:5.3% 44.2%;} #menu_resaux_sociaux .reseau_youtube a {background-position:9% 44.2%;} /* ***** MENU PRINCIPAL ***** */ #menu_principal > ul {padding:17px 0 0 0;} #menu_principal > ul > li:first-child {padding:0 10px 0 0; background:none;} #menu_principal > ul > li {padding:0 10px 0 21px; background:url(../img/sep_menu.png) no-repeat left 12px;} #menu_principal ul li a {padding:0 0 17px 0;} #menu_principal ul li span {font-size:1.8em; padding:13px 5px;} /*SOUS MENU*/ #menu_principal li ul li {width:22%; margin:0 1.4%; padding:29px 0 2px 0;} #menu_principal li ul li img {margin:0 0 15px 0;} #menu_principal li ul li span {margin:0 0 15px 0; font-size:1.5em;} /*SOUS SOUS MENU*/ #menu_principal li ul li ul li a {font-size:1.3em; padding:1px 0 1px 20px; background:url(../img/arrow_black_menu.png) no-repeat 5px 0px;} /* ***** FOOTER ***** */ #footer {height:110px;} #menu_footer p#slogan {font-size:2em; padding:28px 0 28px 0;} #menu_footer li {font-size:1.2em; padding:0 15px 0 20px;} #menu_footer li:first-child {padding:0 15px 0 0;} /* *************************** FIL ROUGE *************************** */ #fil_rouge {width:40%; left:30%;} /* *************************** HOME CONTENT *************************** */ /* BLOCS */ .bloc_home .titre_bloc, .bloc_col .titre_bloc {padding:0px 30px 0 30px;} .bloc_home .titre_bloc h2, .bloc_home .titre_bloc p, #page .bloc_col .titre_bloc h2, #page .bloc_col .titre_bloc p {font-size:3.5em; padding:28px 0;} /* BTN LIEN */ .btn_lien, .bloc_home .contenu_bloc .btn_lien, #page .btn_lien {font-size:1.3em;} /*//////////////////*/ .btn_lien_picto, .bloc_home .contenu_bloc .btn_lien_picto, #page .btn_lien_picto {font-size:1.3em;} /* A LA UNE */ #actus_home {padding:28px 0; display:block;} #actus_home .titre_bloc p {padding:28px 0 28px 0;} #slider_alaune .coverflow_zone_texte {padding:80px 0% 33px 5%;} #slider_alaune .cat_tag {font-size:1em;} #slider_alaune .coverflow_titre {font-size:1.8em;} #slider_alaune .coverflow_desc p, /*SUPPR*/#slider_alaune span.coverflow_desc {font-size:1.2em;} #page #slider_alaune {padding:0 0 20px 0;} #page #actus_home.bloc_home .titre_bloc p {font-size:3.5em; padding:28px 0 28px 0;} /* NOUVEAUTE */ #nouveautes {padding:40px 75px;} span.control_nouveaute {width:3px; height:3px;} #left_control_nouveaute {background:url(../img/sprite.png) no-repeat -730px -13px #e21665; left:20px;} #right_control_nouveaute {background:url(../img/sprite.png) no-repeat -787px -72px #e21665; right:20px;} #left_control_nouveaute:hover, #left_control_nouveaute:hover {background:url(../img/sprite.png) no-repeat -730px -13px #a9104c;} #right_control_nouveaute:hover, #right_control_nouveaute:hover {background:url(../img/sprite.png) no-repeat -787px -72px #a9104c;} /* BLOC PARTICIPE */ #particip .txt a {font-size:1.4em;} #particip .txt strong, #particip .txt b {font-size: 3.6em;} /* DEMARCHES */ #demarches .titre_bloc {margin:0 30px;} #demarches .titre_bloc p {font-size:3em;} #demarches .contenu_bloc {margin:15px 0 20px 0;} #demarches .contenu_bloc li {font-size:1.3em; line-height:1.6em;} #demarches .contenu_bloc a {padding:2px 30px 2px 54px; background:url(../img/arrow_black.png) no-repeat 40px 6px;} /* EN 1 CLIC */ #un_clic .titre_bloc {padding:19px 13px 19px 30px;} #un_clic .titre_bloc p, #un_clic .titre_bloc:hover p {font-size:2.7em; background-size:auto 100%; min-height:35px;} #un_clic .contenu_bloc li {font-size:1.3em; line-height:1.6em;} /* ACCES RAPIDES */ #acces_rapides ul li a {padding:10% 12%; font-size:1.7em;} #acces_rapides ul li a img {margin:0 auto 25px auto;} /* ACCES RAPIDES COL */ #acces_rapides_col ul li a {padding:10% 6%;} #acces_rapides_col ul li a img {margin:0px 11px 35px 0; width:21%;} #acces_rapides_col ul li a .titre {font-size:1.25em;} #acces_rapides_col ul li a .sous_titre {font-size:0.8em;} /* AGENDA */ #agenda .titre_bloc {margin:0 30px;} #agenda .contenu_bloc {padding:0 30px;} #agenda li {margin:7% 0 0 0;} #agenda li .left {max-width:35%; margin:0 5% 0 0;} #agenda li .right {width:60%;} #agenda .cat_tag {font-size:1em;} #agenda .titre {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.3em;} #agenda .date {font-size:1.2em;} #page #agenda .contenu_bloc {padding:8px 30px 0 30px;} /* ZOOM */ #zoom_sur {padding:28px 0;} #zoom_sur .contenu_bloc div h2 {font-size:1.8em; margin:0 0 19px 0;} #zoom_sur .contenu_bloc div p {font-size:1.2em;} /* CARTE INTERACTIVE */ #bloc_carte_interactive .titre_bloc {margin:0 30px;} #bloc_carte_interactive .contenu_bloc p {font-size:1.4em; line-height:1.4em;} /* SOCIAL WALL HOME */ #zone_social_wall .sous_titre_bloc p {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:1.3em;} /* *************************** PAGE CONTENT *************************** */ #page .bloc_home .titre_bloc, #page .bloc_col .titre_bloc {padding:0 30px; margin:0;} #page .bloc_home .titre_bloc h2, #page .bloc_home .titre_bloc p, #page .bloc_col .titre_bloc h2, #page .bloc_col .titre_bloc p {font-size:2.5em; padding:28px 0;} .bloc_col .contenu_bloc {padding:0px 30px;} .bloc_col.info_utile .contenu_bloc {padding:0px 40px;} /* BLOC RESSOURCES DOWNLOAD */ #page .zone_ressources_download ul li {font-size:1.4em;} /* BLOC ARTICLES ASSOCIES */ .zone_articles_associes {padding:0 0 28px 0;} .zone_articles_associes ul li {font-size:1.4em; margin:18px 0 0 0;} /* BLOC INFO UTILE */ #page .info_utile .titre_bloc {padding:0px 30px 0px 30px;} /* BLOC NEWSLETTER */ .bloc_newsletter a img {margin:0 11px 35px 0; width:25%;} .bloc_newsletter a .titre {font-size:2em;} .bloc_newsletter a .sous_titre {font-size:1.3em;} /* SONDAGE */ #sondage .contenu_bloc p {font-size:1.9em; margin:0 0 25px 0;} #sondage .contenu_bloc label {font-size:1.4em;} #sondage .contenu_bloc input[type="submit"] {font-size:1.3em; padding:6px 11px;} /* BLOC KIOSQUE */ #slider_kiosque {height:180px;} #slider_kiosque .img {max-width:25%; margin:0 5% 30px 0;} #slider_kiosque .coverflow_titre {font-size:1.4em;} #page #fil_ariane li {font-size:1.1em;} /**************** PARAM TXT ****************/ #page h1 {font-size:3.5em; line-height:1.3em;} #content_page h2 {font-size:2em;} #content_page h3 {font-size:1.6em;} #content_page h4 {font-size:1.4em;} /*SKIN PARAGRAPHE*/ #content p {font-size:1.4em;} /*SKIN LEGENDE LIEN IMG*/ figcaption.csc-textpic-caption, #content p.figcaption {font-size:1.2em;} /*SKIN LIST*/ #content_page ul li, #content_page ol li {font-size:1.4em;} /*SKIN TABLEAUX*/ #content_page th, #content_page td {font-size:1.4em;} /* ***** DCE BLOC LIEN, DOWNLOAD, GEOLOC ***** */ #page .link_page p, #page .download_page p {font-size:1.3em;} #page #content_page .download_page a {background:#617580 url(../img/picto_download.png) no-repeat 10px center; padding:5px 10px 6px 38px; background-size:auto 20px;} #page #content_page .download_page a:hover, #page #content_page .download_page a:focus {background:url(../img/picto_download.png) no-repeat 10px center; background-size:auto 20px;} /* ***** DCE BLOC ACCROCHE ***** */ #page #content_page .quote p, #page #content_page .quote h2 {font-size:1.7em;} /* *************************** LISTE D ELEMENTS *************************** */ /* MOTEUR */ #filters form > fieldset > legend, #filters .titre {font-size:2em;} #filters legend.btn_tri {font-size:1.3em;} /*FACETTES*/ #content #filters #tx-solr-facets-available p.csc-firstHeader, #content #filters #tx-solr-facets-in-use p.csc-firstHeader {font-size:20px;} #content #filters p.facet-label {font-size:16px;} /* LIGNE OUTILS */ #content p.btn_blocnotes a, #content p.btn_blocnotes a:hover, #content p.btn_blocnotes a:focus {padding:2px 16px 2px 34px;} #content p.btn_blocnotes.btn_send a, #content p.btn_blocnotes.btn_print a, #content p.btn_blocnotes.btn_delete a {background-image:url(../img/sprite.png); background-repeat:no-repeat; background-size:852% auto;} #content p.btn_blocnotes.btn_send a {background-position:56.5% 83.4%;} #content p.btn_blocnotes.btn_print a {background-position:61% 87.9%;} #content p.btn_blocnotes.btn_delete a {background-position:66% 92.2%;} /* LISTE */ #page .list_item .pres h2 {font-size:1.9em;} #page .list_item .pres p.cat_tag {font-size:1.2em;} /*ACTUALITES AGENDA*/ .news.list_item:hover .wrap_pres {height:301px;} #page .news.list_item:hover .pres p.cat_tag {margin:0 0 25px 0;} #page .news.list_item .pres .desc {margin:11px 0 30px 0;} #titre_page .cat_tag {font-size:1.2em;} #titre_page.news .date {font-size:1.8em;} #zone_related p.titre_related_news {font-size:2.6em;} /*ASSOCIATIONS*/ .association.list_item .wrap_pres {height:438px;} /*AFFICHAGE SUBPAGES INNER CONTENT*/ #page .subpage.list_item {height:279px;} #page .subpage.list_item .wrap_pres {height:120px;} /*KIOSQUE*/ .kiosque.list_item .wrap_pres {height:150px;} .kiosque.list_item .img {max-width:25%; margin:0 5% 30px 0;} .kiosque.list_item .infos_item {float:left; width:69%;} /*BLOC NOTE*/ .bloc_note.list_item {height:508px;} .bloc_note.list_item .wrap_pres {height:289px;} #content .bloc_note.list_item p.btn_add_selection {background:#ffffff url(../img/bg_checkbox.png) no-repeat 11px 10px;; line-height:32px;} #content .bloc_note.list_item p.btn_add_selection a {padding:5px 32px;} #content .bloc_note.list_item p.btn_add_selection.btn_act {background:#ffffff url(../img/bg_checkbox_act.png) no-repeat 11px 10px;} /*RECHERCHE*/ .recherche.list_item .img {height:516px;} .multi .recherche.list_item .img {height:606px;} .multi .recherche.list_item .wrap_pres {height:370px;} .multi .recherche.list_item .img.portrait img {max-height:115px;} /* *************************** PAGE BUDGET PARTICIP *************************** */ /*ZONE TITRE*/ #page.page_particip #titre_page h1 {font-size:7.5em; padding:38px 0 31px 0;} /*STEPS CHRONOLOGY*/ #page.page_particip ul#steps .numb_step {font-size:30px; width:60px; height:60px; line-height:60px;} #page.page_particip ul#steps .name_step {font-size:20px; line-height:60px; padding:0px 0 0 32px;} /*BLOC CONTENU*/ #page.page_particip .bloc_contenu h2 {font-size:5em;} /*STEPS*/ #page.page_particip .wrap_step_content {padding:22px 20px;} #page.page_particip .wrap_step_content .title_step p {font-size:2em;} #page.page_particip .wrap_step_content .desc_step p {font-size:1.4em;} /*POPIN*/ #content .wrap_popin > .left p {font-size:0.9em;} #content .popin_particip .left p.titre_item {font-size:1.3em; margin:0 0 15px 0;} /* *************************** CARTE INTERACTIVE *************************** */ /*INFOBULLE*/ #modal_window .list_item .item_specific {height:600px;} /* *************************** RESERVATION SALLE *************************** */ #booking .col_name {padding:5px;} #content .list_item_booking .col_name p {font-size:1.4em;} #content .list_item_booking .col_show p {font-size:1.1em; padding:5px;} #content_page #booking_legend li {display:block; margin:0 0 17px 0;} /* *************************** DASHBOARD *************************** */ .dash_item .left {width:391px;} .dash_item .right {left:391px;} } @media screen and (max-width:1147px) { .fix #bandeau_menu #menu_principal ul li span {font-size:1.9em;} .fix #bandeau_menu #menu_principal > ul > li:first-child, .fix #bandeau_menu #menu_principal > ul > li {padding:0 5px 0 16px;} .fix #bandeau_menu #menu_principal > ul > li > a {padding:18px 0 17px 0;} .fix #bandeau_menu #menu_principal ul li span {padding:10px 5px; font-size:1.5em;} } @media screen and (max-width:1081px) { #filters {width:30%;} #filters.filters_map {right:-45%;} .list_item .wrap_pres {padding:30px 30px 74px 30px;} /*ACTUALITES AGENDA*/ .news.list_item .wrap_pres {padding:22px 30px 22px 30px} .news.list_item:hover .wrap_pres {height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*ASSOCIATIONS*/ .association.list_item .wrap_pres {height:400px;} /*ELUS*/ .elu.list_item .wrap_pres {padding:22px 30px 22px 30px;} .elu.list_item:hover .wrap_pres {height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*EQUIPEMENT*/ .equipement.list_item .wrap_pres {padding:22px 30px 22px 30px;} .equipement.list_item:hover .wrap_pres {height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*CIM CITY*/ .commune.list_item .wrap_pres {padding:22px 30px 22px 30px;} .commune.list_item:hover .wrap_pres {height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*JOBS*/ .job.list_item .wrap_pres {height:261px;} /*FAQ*/ .faq.list_item .wrap_pres {height:195px;} /*SUBPAGES*/ .subpage.list_item {height:274px;} .subpage.list_item .wrap_pres {padding:29px 30px;} /*RECHERCHE*/ .recherche.list_item .wrap_pres {padding:30px 30px 74px 30px; height:232px;} .recherche.list_item .img {height:457px;} .multi .recherche.list_item .img {height:556px;} .multi .recherche.list_item .wrap_pres {height:336px;} /*BLOC NOTE*/ .bloc_note.list_item .wrap_pres {padding:22px 30px 74px 30px;} #content .bloc_note.list_item p.btn_add_selection {bottom:30px;} #content .bloc_note.list_item p.btn_add_selection a {padding:5px 10px 5px 32px;} /*KIOSQUE*/ #page .list_item p.btn_lien {left:30px; bottom:30px;} .news.list_item:hover .wrap_pres, .elu.list_item:hover .wrap_pres, .equipement.list_item:hover .wrap_pres, .commune.list_item:hover .wrap_pres {padding:30px;} /*BUDGET*/ #page .particip.list_item .wrap_pres {height:353px;} .popin_particip {width:74%; left:13%;} /*CARTE*/ #modal_window .list_item .item_default {height:325px;} #modal_window .list_item .wrap_pres {padding:30px 30px 74px 30px;} #modal_window .list_item .item_default .wrap_pres {height:100px;} #modal_window .list_item .item_specific {height:520px;} #modal_window .list_item .item_specific .wrap_pres {height:302px;} } @media screen and (max-width:1046px) { .fix #bandeau_menu #menu_principal ul li span {padding:10px 3px;} .fix #bandeau_menu #menu_principal ul li.home {padding:0 5px 0 10px;} .fix #bandeau_menu #menu_principal ul li.home img {max-width:15px;} .elu.list_item .wrap_pres {padding: 18px 30px 18px 30px; height:35px;} } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** ******************* VERSION 1023 a 768 / TABLETTE ******************* ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:989px) { /* CONTENEUR */ #home {min-height:inherit;} #page {min-height:inherit;} #global {padding:0 0 145px 0; padding:0;} /* ***** HEADER ***** */ #top_header {position:relative;} #accessi {display:none;} /* LIEN BLOC-NOTES */ #bloc_notes {width:25%;} #bloc_notes p {font-size:1.2em;} #bloc_notes p a {padding:6px 0 6px 30px;} /* PROFIL */ #profil {width:25%;} #profil .ui-selectmenu-button {font-size:1.2em; width:80px !important;} #profil .ui-selectmenu-button span.ui-selectmenu-text {padding:0px 10px 0 0; line-height:40px;} /* ZONE LOGIN */ #zone_login {width:25%;} #btn_login p {font-size:1.2em;} #btn_login p a {padding:6px 0 6px 30px;} #zone_login #login, #zone_login #zone_logout {width:270px;} /* ZONE RECHERCHE */ #recherche input {font-size:1.1em; padding:0 45px 0 15px;} #recherche input#bouton_recherche {width:45px;} /* LIEN GALAXIE */ #galaxie {width:25%;} #galaxie p a {padding:0 0 0 17px;} /* RESEAUX SOCIAUX */ #menu_resaux_sociaux ul {margin:8px auto; width:100%;} #menu_resaux_sociaux li a {width:25px; background-image:url(../img/sprite.svg); background-size:4000% auto;} #menu_resaux_sociaux .reseau_fb {margin:0 10px 0 0;} #menu_resaux_sociaux .reseau_twit {margin:0 10px 0 0;} #menu_resaux_sociaux .reseau_instagram {margin:0 10px 0 0;} #menu_resaux_sociaux .reseau_fb a {background-position:-1% 44.2%;} #menu_resaux_sociaux .reseau_twit a {background-position:2% 44.2%;} #menu_resaux_sociaux .reseau_instagram a {background-position:5.3% 44.2%;} #menu_resaux_sociaux .reseau_youtube a {background-position:9% 44.2%;} /*LOGO*/ #bandeau_logo {min-height:175px;} #global, #home, #page {overflow-x:hidden;} #header, #wrap_global {position:relative;} /* ***** MENU PRINCIPAL ***** */ #btn_menu_smart {display:block; background:#e21665; position:relative; width:100%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #page #btn_menu_smart p {margin:0;} #btn_menu_smart p {position:relative; display:inline;} #btn_menu_smart a {text-transform:uppercase; color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-weight:normal; font-size:2.5em; line-height:1em; margin:auto; cursor:pointer; padding:0 0 0 35px; line-height:50px;} #btn_menu_smart.btn_act {text-align:left;} #btn_menu_smart.btn_act p, #page #btn_menu_smart.btn_act p {margin:0 30px;} #btn_menu_smart .close_menu {display:block; position:absolute; left:0; top:02px; width:20px; height:2px; background:#ffffff;} #btn_menu_smart .close_menu::before, #btn_menu_smart .close_menu::after {content:""; display:block;} #btn_menu_smart .close_menu, #btn_menu_smart .close_menu::before, #btn_menu_smart .close_menu::after {position:absolute; width:20px; height:2px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #btn_menu_smart .close_menu::before {margin-top:-7px;} #btn_menu_smart .close_menu::after {margin-top:7px;} #btn_menu_smart #close_menu_principal {display:block; opacity:0;} #btn_menu_smart.btn_act #close_menu_principal {position:fixed; left:45%; top:0; width:50px; height:50px; background:#ffffff; opacity:1; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; -webkit-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out;} #btn_menu_smart.btn_act #close_menu_principal::before, #btn_menu_smart.btn_act #close_menu_principal::after {content:""; display:block; position:absolute; top:22px; left:15px; width:20px; height:2px; background:#000000; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #btn_menu_smart.btn_act #close_menu_principal::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #btn_menu_smart.btn_act #close_menu_principal::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #btn_menu_smart.btn_act .close_menu {background:transparent;} #btn_menu_smart.btn_act .close_menu::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #btn_menu_smart.btn_act .close_menu::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #close_menu_fix {display:none !important;} #menu_principal {position:fixed; z-index:50; width:45%; min-height:100%; left:-100%; top:0; overflow:hidden; overflow-y:scroll;} #menu_principal > ul {text-align:left; overflow:hidden; overflow-y:scroll; float:none; width:auto;} #menu_principal > ul > li, #menu_principal > ul > li:first-child, .fix #bandeau_menu #menu_principal > ul > li:first-child, .fix #bandeau_menu #menu_principal > ul > li, #menu_principal ul li:first-child, #menu_principal ul li {padding:10px 10%; background:none; border:0; position:static; display:block; vertical-align:initial; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* //CORR #menu_principal > ul > li.home {display:none !important;}*/ /* //CORR */ #menu_principal > ul > li.home a {padding:0; background:none !important;} /* //CORR */ #menu_principal > ul > li.home a img {padding:0 20px 0 0; max-width:18px; vertical-align:middle;} /* //CORR */ #menu_principal ul li.home span, .fix #bandeau_menu #menu_principal ul li.home span {display:inline;} #menu_principal ul li a, .fix #bandeau_menu #menu_principal > ul > li > a {padding:0; display:block;} #menu_principal ul li span, .fix #bandeau_menu #menu_principal ul li span {font-size:1.8em; padding:5px 0;} #menu_principal li ul li:hover span, #menu_principal li ul li a:hover span, #menu_principal li ul li a:focus span, #menu_principal ul li:hover span, #menu_principal ul li a:hover span, #menu_principal ul li a:focus span, #menu_principal ul + ul li:hover span, #menu_principal ul + ul li a:hover span, #menu_principal ul + ul li a:focus span {background:none; color:#ffffff;} #menu_principal ul li.sub a {background-image:url(../img/arrow_next_wh.png); background-repeat:no-repeat; background-position:right 7px;} #menu_principal li ul.sous_menu, .fix #bandeau_menu #menu_principal ul.sous_menu {position:absolute; top:0; width:100%; min-height:100%; border:0; left:-100%; background:#c9145a; padding:0; overflow:hidden; overflow-y:scroll; display:block;} #menu_principal li ul li {width:100%; margin:0; padding:10px 20% 10px 10%; display:block;} #menu_principal li ul li a {padding:0;} #menu_principal ul li.sub li a {background:none;} #menu_principal li ul li img {display:none; margin:0; padding:0; height:0px !important; width:0px !important; visibility:hidden; opacity:0;} #menu_principal li ul li span, .fix #bandeau_menu #menu_principal li ul li span {margin:0; padding:6px 20px 6px 0px; color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.3em;} #menu_principal ul li.level2.sub a {background-image:url(../img/arrow_next_wh.png); background-repeat:no-repeat; background-position:right 6px;} #menu_principal li ul li ul {position:absolute; top:0; width:90%; min-height:100%; border:0; left:-100%; background:#960f43; padding:0; overflow:hidden; overflow-y:scroll; display:block;} #menu_principal li ul li ul li {width:100%; margin:0; padding:10px 20% 10px 10%; display:block;} #menu_principal li ul li ul li a {padding:0; display:block; background:none; color:#ffffff; font-family:'texgyreadventor_regular',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.1em; padding:6px 20px 6px 0;} #menu_principal ul li.level2.sub li a {background:none;} #menu_principal ul li.sub a.back_menu {border:0; display:block; text-align:left; background-image:url(../img/arrow_prev_wh.png); background-repeat:no-repeat; background-position:10% 14px; cursor:pointer; padding:5px 15% 5px 10%; margin:10px 0;} #menu_principal ul li a.back_menu span, .fix #bandeau_menu #menu_principal ul li a.back_menu span {color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1em; text-transform:uppercase; padding:5px 0 5px 20px;} #menu_principal li ul li.level2.sub a.back_menusm {border:0; display:block; text-align:left; background-image:url(../img/arrow_prev_wh.png); background-repeat:no-repeat; background-position:10% 12px; cursor:pointer; padding:5px 15% 5px 10%; margin:10px 0;} #menu_principal li ul li.level2.sub a.back_menusm span, .fix #bandeau_menu #menu_principal li ul li.level2.sub a.back_menusm span {color:#ffffff; font-family:'bariol_regular',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1em; text-transform:uppercase; padding:5px 0 5px 20px;} #clo {position:absolute; width:10%; min-height:100%; top:0px; right:0%; background:#e21665; border-left:2px solid #c9145a;} #closm {position:absolute; width:10%; min-height:100%; top:0px; right:0%; background:#c9145a; border-left:2px solid #960f43;} /* FIXED STICKY NAV */ #wrap_logo, .fix #wrap_logo {position:absolute; height:100%; width:33.33%; background:url(../img/mgs_logo_SVG.svg) no-repeat center center; /* // CORR background-size:auto 100%;*/ background-size:100% auto;} .fix #wrap_logo #logo, .fix #wrap_logo:hover #logo {background:none;} .fix #bandeau_menu {position:relative; top:inherit; left:inherit;} .fix #bandeau_menu #btn_search_smart {display:none;} .fix #bandeau_menu #btn_menu_smart {padding:0; text-align:center;} .fix #bandeau_menu #menu_principal {padding:0;} /* ***** FOOTER ***** */ #footer {height:145px; background:#758d9a; position:static; height:auto;} #logo_footer img {margin:35px auto; max-width:90%;} #menu_footer p#slogan {font-size:1.6em; padding:20px 0;} #menu_footer ul {padding:0 80px 13px 80px;} #menu_footer li {font-size:1.3em; line-height:2em;} /*FIL ROUGE*/ #fil_rouge {width:74%; left:13%;} #fil_rouge .titre_bloc .line {max-width:300px;} /* *************************** HOME CONTENT *************************** */ /* BLOCS */ .bloc_home .titre_bloc, .bloc_col .titre_bloc {padding:0px 30px 0 30px;} .bloc_home .titre_bloc h2, .bloc_home .titre_bloc p, #page .bloc_col .titre_bloc h2, #page .bloc_col .titre_bloc p {padding:28px 0; font-size:3.7em;} /* BTN LIEN */ .btn_lien, .bloc_home .contenu_bloc .btn_lien, #page .btn_lien {font-size:1.5em;} /*//////////////////*/ .btn_lien_picto, .bloc_home .contenu_bloc .btn_lien_picto, #page .btn_lien_picto {font-size:1.5em;} /* A LA UNE */ #content_home > .wrap_line.flex_row {display:block;} #actus_home {float:none; width:100%;} #actus_home .contenu_bloc {padding:0 30px;} #actus_home .titre_bloc, #page #actus_home .titre_bloc {margin:0 4%; width:42%;} #actus_home .titre_bloc p {padding:28px 0;} #slider_alaune .coverflow_zone_texte {padding:80px 0% 33px 4%;} #slider_alaune .cat_tag {font-size:1.2em;} #slider_alaune .coverflow_titre {font-size:2em; margin:0 0 19px 0;} #slider_alaune .coverflow_desc p {font-size:1.4em;} /*SUPPR*/#slider_alaune span.coverflow_desc {font-size:1.4em;} #slider_alaune .btn_lien {margin:25px 0 0 0;} #slider_alaune .btn_lien_picto {left:54%;} #page #actus_home.bloc_home .titre_bloc p {font-size:3.5em; padding:28px 0;} .left.col_tiers.flex_column {float:none; width:100%;} /* BLOC PARTICIPE */ #particip {width:50%;} .tx-dce-pi1 #particip {width:100%;} .left.col_tiers.flex_column .tx-dce-pi1 {width:100%;} #particip .txt a {font-size:2em;} #particip .txt strong, #particip .txt b {font-size:3em;} /* DEMARCHES */ #demarches {width:100%;} .tx-dce-pi1 #demarches {width:100%;} .left.col_tiers.flex_column .tx-dce-pi1 + .tx-dce-pi1 {width:100%;} #demarches .titre_bloc {max-width:50%;} #demarches .titre_bloc p {font-size:3.7em;} #demarches .contenu_bloc {margin:30px 0 13px 0;} #demarches .contenu_bloc li {font-size:1.5em; line-height:1.5em; margin:0 0 15px 0; display:inline-block; width:48%;} #demarches .contenu_bloc a {padding:2px 30px 2px 54px; background:url(../img/arrow_black.png) no-repeat 30px center;} #demarches .contenu_bloc a:hover, #demarches .contenu_bloc a:focus {background:url(../img/arrow_black.png) no-repeat 30px center;} /* EN 1 CLIC */ #un_clic {width:100%; -webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column;-moz-box-direction: normal;-webkit-box-orient:block-axis; -webkit-box-direction:normal;justify-content:center; -webkit-justify-content:center; -webkit-box-pack:center;} .tx-dce-pi1 #un_clic {width:100%; display:block;} .left.col_tiers.flex_column .tx-dce-pi1 + .tx-dce-pi1 + .tx-dce-pi1 {width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column;-moz-box-direction: normal; -webkit-box-orient:block-axis; -webkit-box-direction:normal; justify-content:center; -webkit-justify-content:center; -webkit-box-pack:center;} #un_clic .titre_bloc {padding:19px 13px 19px 30px;} #un_clic .titre_bloc p, #un_clic .titre_bloc:hover p {font-size:3em; background-size:auto 100%; padding:5px 40px 5px 0;} #un_clic .contenu_bloc li {font-size:1.5em; line-height:1.5em; margin:5px 0;} #un_clic .contenu_bloc a {padding:9px 30px 9px 54px; background:url(../img/arrow_white.png) no-repeat 30px center;} /* ACCES RAPIDES */ #acces_rapides ul {display:block;} #acces_rapides ul li {width:33.33%;display: inline-block;} #acces_rapides ul li a {padding:10% 12%; font-size:1.9em;} #acces_rapides ul li a img {margin:0 auto 25px auto;} /* ACCES RAPIDES COL */ #acces_rapides_col ul li a {padding:10% 12%;} #acces_rapides_col ul li a img {margin:0 auto 25px auto; width:auto; float:none;} #acces_rapides_col ul li a .titre {margin:0px 0 13px 0; font-size:1.2em;} #acces_rapides_col ul li a .sous_titre {font-size:0.9em;} /* AGENDA */ #agenda {width:100%;} #agenda .titre_bloc {max-width:50%;} #agenda li {margin:30px 0 0 0;} #agenda .cat_tag {font-size:1.2em;} #agenda .titre {font-size:1.5em;} #agenda .date {font-size:1.4em;} #agenda .btn_lien {margin:30px 0 28px 0;} /* ZOOM */ #zoom_sur {float:none; width:100%; padding:28px 0;} #zoom_sur .content_bloc {padding:0 30px;} #zoom_sur .contenu_bloc div {margin:0 0 25px 0;} #zoom_sur .contenu_bloc div h2 {font-size:2em;} #zoom_sur .contenu_bloc div p {font-size:1.4em;} /* CARTE INTERACTIVE */ #bloc_carte_interactive {display:block;} #bloc_carte_interactive .left {width:100%; float:none;} #bloc_carte_interactive .contenu_bloc {padding:0 30px;} #bloc_carte_interactive .contenu_bloc img {margin:25px 0;} #bloc_carte_interactive .contenu_bloc .btn_lien {margin:15px 0 30px 0; position:relative; left:inherit; bottom:inherit;} #bloc_carte_interactive .col_gd_tiers .btn_lien {left:30px;} /* // CORR */ #bloc_carte_interactive #map img {min-height:inherit;} /* SOCIAL WALL HOME */ #zone_social_wall .sous_titre_bloc p {font-size:1.5em;} #zone_social_wall .stream li {width:29%; margin:2%;} /* *************************** PAGE CONTENT *************************** */ #content {display:block;} #col_left, #col_right, .one_col #col_left.child_col {width:100%; float:none;} #zone_related {border-bottom:2px solid #bdbdbd;} /* STRUCTURE */ #page .bloc_home .titre_bloc, #page .bloc_col .titre_bloc {padding:0 30px;} #page .bloc_home .titre_bloc h2, #page .bloc_home .titre_bloc p, #page .bloc_col .titre_bloc h2, #page .bloc_col .titre_bloc p {font-size:1.9em; padding:28px 0 28px 0;} .bloc_col .contenu_bloc {padding:0px 30px;} .bloc_col.info_utile .contenu_bloc {padding:0px 40px;} #page .bloc_home .titre_bloc h2::after, #page .bloc_home .titre_bloc p::after, #page .bloc_col .titre_bloc h2::after, #page .bloc_col .titre_bloc p::after {max-width:300px;} /* BLOC RESSOURCES DOWNLOAD */ #page .zone_ressources_download ul li {font-size:1.5em;} /* BLOC ARTICLES ASSOCIES */ .zone_articles_associes {padding:0 0 28px 0;} .zone_articles_associes ul li {font-size:1.5em; margin:18px 0 0 0;} /* BLOC INFO UTILE */ #page .info_utile .titre_bloc {padding:0px 30px 0px 30px;} /* BLOC NEWSLETTER */ .bloc_newsletter a {padding:30px;} .bloc_newsletter a img {margin:0 11px 0 0; width:auto;} .bloc_newsletter a .titre {font-size:2em;} .bloc_newsletter a .sous_titre {font-size:1.3em;} /* SONDAGE */ #sondage .contenu_bloc p {font-size:1.6em; margin:0 0 25px 0;} #sondage .contenu_bloc .ligne_form {margin:0 24px 18px 24px;} #sondage .contenu_bloc label {font-size:1.4em; margin:0;} #sondage .contenu_bloc input[type="submit"] {font-size:1.3em; padding:6px 11px;} /* BLOC KIOSQUE */ #slider_kiosque {height:220px;} #slider_kiosque .img {max-width:25%; margin:0 5% 30px 0;} #slider_kiosque .img img {width:auto;} #page #fil_ariane li {font-size:1.1em;} /**************** PARAM TXT ****************/ #page h1 {font-size:3.5em; line-height:1.3em;} #content_page h2 {font-size:2em;} #content_page h3 {font-size:1.6em;} #content_page h4 {font-size:1.4em;} /*SKIN PARAGRAPHE*/ #content p {font-size:1.4em;} /*SKIN LEGENDE LIEN IMG*/ figcaption.csc-textpic-caption, #content p.figcaption {font-size:1.2em;} /*SKIN LIST*/ #content_page ul li, #content_page ol li {font-size:1.4em;} /*SKIN TABLEAUX*/ #content_page th, #content_page td {font-size:1.4em;} /* ***** DCE BLOC LIEN, DOWNLOAD, GEOLOC ***** */ #page .link_page p, #page .download_page p {font-size:1.5em;} #page .download_page p {padding:5px 0;} /* ***** DCE BLOC ACCROCHE ***** */ #page #content_page .quote p, #page #content_page .quote h2 {font-size:1.7em;} /* *************************** LISTE D ELEMENTS *************************** */ .list_item, #modal_window .list_item {width:50%;} #filters {width:50%; right:-50%;} #page #switch_display li#switch_first_display a {background:#bfcfd9 url(../img/picto_display_grid_act.png) no-repeat 10px center; padding:15px 15px 15px 40px;} #page #switch_display li#switch_second_display a {background:#bfcfd9 url(../img/picto_display_map_act.png) no-repeat 8px center; padding:15px 15px 15px 35px;} #line_tools_moteur #zone_recherche {float:none; margin:0 0 15px 0;} .list_item:nth-child(8n+1) .pres, .list_item:nth-child(8n+3) .pres, .list_item:nth-child(8n+6) .pres, .list_item:nth-child(8n+8) .pres, .list_item:nth-child(8n+1) .wrap_pres, .list_item:nth-child(8n+3) .wrap_pres, .list_item:nth-child(8n+6) .wrap_pres, .list_item:nth-child(8n+8) .wrap_pres, .list_item:nth-child(8n+2) .pres, .list_item:nth-child(8n+4) .pres, .list_item:nth-child(8n+5) .pres, .list_item:nth-child(8n+7) .pres, .list_item:nth-child(8n+2) .wrap_pres, .list_item:nth-child(8n+4) .wrap_pres, .list_item:nth-child(8n+5) .wrap_pres, .list_item:nth-child(8n+7) .wrap_pres, .list_item:nth-child(2n+1) .pres, .list_item:nth-child(2n+1) .wrap_pres, .news.list_item:nth-child(2n+1) .pres, .elu.list_item:nth-child(2n+1) .pres, .equipement.list_item:nth-child(2n+1) .pres, .commune.list_item:nth-child(2n+1) .pres, .list_item:nth-child(2n+2) .pres, .list_item:nth-child(2n+2) .wrap_pres, .news.list_item:nth-child(2n+2) .pres, .elu.list_item:nth-child(2n+2) .pres, .equipement.list_item:nth-child(2n+2) .pres {background:#e3e8eb;} .list_item:nth-child(4n+2) .pres, .list_item:nth-child(4n+2) .wrap_pres, .news.list_item:nth-child(4n+2) .pres, .elu.list_item:nth-child(4n+2) .pres, .equipement.list_item:nth-child(4n+2) .pres, .commune.list_item:nth-child(4n+2) .pres {background:#bfcfd9;} .list_item:nth-child(4n+3) .pres, .list_item:nth-child(4n+3) .wrap_pres, .news.list_item:nth-child(4n+3) .pres, .elu.list_item:nth-child(4n+3) .pres, .equipement.list_item:nth-child(4n+3) .pres, .commune.list_item:nth-child(4n+3) .pres {background:#bfcfd9;} .list_item:nth-child(4n+4) .pres, .list_item:nth-child(4n+4) .wrap_pres, .news.list_item:nth-child(4n+4) .pres, .elu.list_item:nth-child(4n+4) .pres, .equipement.list_item:nth-child(4n+4) .pres, .commune.list_item:nth-child(4n+4) .pres {background:#e3e8eb;} /*HOVER*/ .news.list_item:nth-child(8n+1):hover .pres, .news.list_item:nth-child(8n+3):hover .pres, .news.list_item:nth-child(8n+6):hover .pres, .news.list_item:nth-child(8n+8):hover .pres, .elu.list_item:nth-child(8n+1):hover .pres, .elu.list_item:nth-child(8n+3):hover .pres, .elu.list_item:nth-child(8n+6):hover .pres, .elu.list_item:nth-child(8n+8):hover .pres, .equipement.list_item:nth-child(8n+1):hover .pres, .equipement.list_item:nth-child(8n+3):hover .pres, .equipement.list_item:nth-child(8n+6):hover .pres, .equipement.list_item:nth-child(8n+8):hover .pres, .commune.list_item:nth-child(8n+1):hover .pres, .commune.list_item:nth-child(8n+3):hover .pres, .commune.list_item:nth-child(8n+6):hover .pres, .commune.list_item:nth-child(8n+8):hover .pres, .news.list_item:nth-child(8n+2):hover .pres, .news.list_item:nth-child(8n+4):hover .pres, .news.list_item:nth-child(8n+5):hover .pres, .news.list_item:nth-child(8n+7):hover .pres, .elu.list_item:nth-child(8n+2):hover .pres, .elu.list_item:nth-child(8n+4):hover .pres, .elu.list_item:nth-child(8n+5):hover .pres, .elu.list_item:nth-child(8n+7):hover .pres, .equipement.list_item:nth-child(8n+2):hover .pres, .equipement.list_item:nth-child(8n+4):hover .pres, .equipement.list_item:nth-child(8n+5):hover .pres, .equipement.list_item:nth-child(8n+7):hover .pres, .commune.list_item:nth-child(8n+2):hover .pres, .commune.list_item:nth-child(8n+4):hover .pres, .commune.list_item:nth-child(8n+5):hover .pres, .commune.list_item:nth-child(8n+7):hover .pres, .news.list_item:nth-child(2n+1):hover .pres, .elu.list_item:nth-child(2n+1):hover .pres, .equipement.list_item:nth-child(2n+1):hover .pres, .news.list_item:nth-child(2n+2):hover .pres, .elu.list_item:nth-child(2n+2):hover .pres, .equipement.list_item:nth-child(2n+2):hover .pres {background:rgba(227,232,235,0.9);} .news.list_item:nth-child(4n+2):hover .pres, .news.list_item:nth-child(4n+3):hover .pres, .elu.list_item:nth-child(4n+2):hover .pres, .elu.list_item:nth-child(4n+3):hover .pres, .equipement.list_item:nth-child(4n+2):hover .pres, .equipement.list_item:nth-child(4n+3):hover .pres, .commune.list_item:nth-child(4n+2):hover .pres, .commune.list_item:nth-child(4n+3):hover .pres {background:rgba(191,207,217,0.9);} .news.list_item:nth-child(4n+4):hover .pres, .elu.list_item:nth-child(4n+4):hover .pres, .equipement.list_item:nth-child(4n+4):hover .pres, .commune.list_item:nth-child(4n+4):hover .pres {background:rgba(227,232,235,0.9);} #content .bloc_note.list_item p.btn_add_selection {line-height:36px;} #content .bloc_note.list_item p.btn_add_selection {background:#ffffff url(../img/bg_checkbox.png) no-repeat 11px 12px;} #content .bloc_note.list_item p.btn_add_selection.btn_act {background:#ffffff url(../img/bg_checkbox_act.png) no-repeat 11px 12px;} /*ACTUS*/ #map_picker {max-width:100%;} /*ELUS*/ .elu.list_item, .list_item:nth-child(2n+2) {background:#e3e8eb; height:480px;} .elu.list_item:nth-child(4n+2), .elu.list_item:nth-child(4n+3) {background:#bfcfd9;} .elu.list_item .img {width:36%; position:relative; width:25%; margin:30px 0px 0px 30px; background:none;} .elu.list_item .img a {width:100%; height:100%;} .elu.list_item .pres {float:right; background:none !important; width:90%; width:100%; height:auto !important; display:block !important;} .elu.list_item .wrap_pres {background:none !important;height:auto !important; padding:30px !important; position:static; padding:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none;} #page .elu.list_item p.btn_lien {position:relative; left:inherit; bottom:inherit;} .elu.list_item .pres {position:static; padding:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none;} #page .elu.list_item .pres .desc, #page .elu.list_item:hover .pres .desc {display:block; height:146px; overflow-y:auto;} #page .elu.list_item p.btn_lien {display:inline-block;} .elu.list_item .pres {width:60%; width:100%; float:none;} .elu.list_item .wrap_pres {padding:30px;} .elu.list_item:hover .wrap_pres {height:100%;} #page .elu.list_item p.fonction {display:block;} /* *************************** PAGE BUDGET PARTICIP *************************** */ /*ZONE TITRE*/ #page.page_particip #titre_page h1 {font-size:6.5em; padding:15px 0;} #page.page_particip #social_share ul {padding:0;} /*STEPS CHRONOLOGY*/ #page.page_particip ul#steps li {padding:20px;} #page.page_particip ul#steps .numb_step {font-size:25px; width:40px; height:40px; line-height:40px;} #page.page_particip ul#steps .name_step {font-size:15px; line-height:40px; padding:0px 0 0 20px;} /*BLOC CONTENU*/ #page.page_particip .bloc_contenu h2 {font-size:4.5em;} /*STEPS*/ #page.page_particip .wrap_step_content {padding:15px; height:320px; width:50%;} #page.page_particip .wrap_step_content.step_act {border-bottom:13px solid #bfcfd9; border-top:13px solid #bfcfd9; height:350px; width:50%;} #page.page_particip .wrap_step_content .img {margin:0 0 20px 0;} #page.page_particip #steps_content .wrap_step_content img {width:40px;} #page.page_particip .wrap_step_content .title_step {padding:0;} #page.page_particip .wrap_step_content .title_step p {font-size:2em;} #page.page_particip .wrap_step_content .desc_step p {font-size:1.4em;} /*POPIN*/ .popin_particip {top:5%; width:84%; left:8%; padding:50px 30px; height:450px; max-height:80%;} .wrap_popin > .left {width:60%;} .wrap_popin > .right {width:36%;} #content .popin_particip p.cat_tag {position:absolute; top:15px; margin:0;} #content .wrap_popin > .left p {font-size:0.8em; margin:0 0 9px 0;} #content .popin_particip .left p.titre_item {font-size:1.1em;} .popin_particip .map_item {height:150px; max-height:150px; margin:0 0 15px 0;} #content .popin_particip .desc p {font-size:0.8em; margin:0 0 14px 0; min-height:26px;} .popin_particip .line_tools {padding:0 30px; bottom:10px;} #content_page .popin_particip .social_item li {padding:0 5px 0 0; width:32px;} #content_page .popin_particip .social_item li:first-child {padding:0 5px;} #content_page .popin_particip .social_item li a {width:32px; height:32px;} #content_page .popin_particip .social_item li a.btn_facebook {background-position:-9px -678px;} #content_page .popin_particip .social_item li a.btn_twitter {background-position:-9px -728px;} #content_page .popin_particip .social_item li a.btn_pinterest {background-position:-9px -778px;} #page .list_item .popin_particip .line_tools .right p.btn_lien {padding:0;} /* *************************** CARTE INTERACTIVE *************************** */ #zone_map {height:500px;} #filters.filters_map {right:-50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #filters legend.btn_tri {height:110px; padding:80px 0 0 0;} #filters legend#tri_agenda {background:#e21665 url(../img/picto_tri_agenda.png) no-repeat center 5px;} #filters legend#tri_agenda.act, #filters legend#tri_agenda:hover {background:#e3e8eb url(../img/picto_tri_agenda_act.png) no-repeat center 5px;} #filters legend#tri_actualites {background:#bd1354 url(../img/picto_tri_actualites.png) no-repeat center 5px; top:110px;} #filters legend#tri_actualites.act, #filters legend#tri_actualites:hover {background:#e3e8eb url(../img/picto_tri_actualites_act.png) no-repeat center 5px; top:110px;} #filters legend#tri_annuaires {background:#e21665 url(../img/picto_tri_annuaires.png) no-repeat center 5px; top:220px;} #filters legend#tri_annuaires.act, #filters legend#tri_annuaires:hover {background:#e3e8eb url(../img/picto_tri_annuaires_act.png) no-repeat center 5px; top:220px;} #filters legend#tri_contenus {background:#bd1354 url(../img/picto_tri_contenu.png) no-repeat center 5px; top:330px;} #filters legend#tri_contenus.act, #filters legend#tri_contenus:hover {background:#e3e8eb url(../img/picto_tri_contenu_act.png) no-repeat center 5px;} /*INFOBULLE*/ #modal_window .list_item .item_default {margin:55px 0 0 0;} #modal_window .list_item .item_specific {height:430px;} #modal_window .list_item .item_specific .wrap_pres {height:250px; padding:15px 30px 59px 30px;} #page #modal_window .list_item .item_specific p.cat_tag {margin:0 0 15px 0; font-size:1.2em;} #page #modal_window .list_item .item_specific .desc {margin:15px 0;} #page #modal_window .list_item .item_specific p.btn_lien {bottom:20px;} /* *************************** RESERVATION SALLE *************************** */ #booking .col_name {padding:5px;} #content .list_item_booking .col_name p {font-size:1.4em;} #content .list_item_booking .col_show p {font-size:1.1em; padding:5px;} /*POPIN*/ .popin_resa {width:60%; left:20%; top:10%;} /* *************************** DASHBOARD *************************** */ .dash_item .left {width:100%; float:none; margin:0; padding:0 207px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .dash_item .right {float:none; left:inherit; right:0; text-align:right;} #page .dash_do_btn p a {padding:10px 23px 10px 44px;} /* *************************** COMARQUAGE *************************** */ .spArborescence .spArborescenceItem2Col:first-child {position:relative; width:100%;} #page.one_col .subpage.list_item {height:269px; width:50%;} /* *************************** MEDIATHEQUE *************************** */ #nouveautes {padding:40px 127px; min-height:205px;} #content_page #nouveautes ul {margin:0; padding:0; background:#e3e8eb;} span.control_nouveaute {width:15px; height:15px;} #left_control_nouveaute {left:40px; background:url(../img/sprite.png) no-repeat -724px -7px #e21665;} #right_control_nouveaute {right:40px; background:url(../img/sprite.png) no-repeat -782px -66px #e21665;} #left_control_nouveaute:hover, #left_control_nouveaute:hover {background:url(../img/sprite.png) no-repeat -724px -7px #a9104c;} #right_control_nouveaute:hover, #right_control_nouveaute:hover {background:url(../img/sprite.png) no-repeat -782px -66px #a9104c;} #nouveautes.wimg .coverflow_zone_texte {float:right; width:70%;} } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** ************************* VERSION SMARTPHONE ************************* ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:767px) { html {width:100%;} body {width:100%;} img {max-width:100%;} /* *** ELEMENTS FORMULAIRE *** */ .powermail_fieldset, fieldset {padding:30px;} label.label_box {float:left;} input, select, textarea, .powermail_field {width:100%;} textarea,.powermail_textarea {max-width:100%;} div.btn_submit, div.powermail_fieldwrap.powermail_fieldwrap_submit {float:none; margin:10px 0 10px 0; padding:0;} input[type="checkbox"], input[type="radio"] {float:none;} /* BACK TOP */ #back_top {bottom:99px; right:30px;} /* CONTENEUR */ #global {padding:0;} /* ***** HEADER ***** */ /* LIEN BLOC-NOTES */ #bloc_notes {width:30%; min-width:110px;} #bloc_notes p a, #bloc_notes:hover p a, #bloc_notes p a:hover, #bloc_notes p a:focus {background:url(../img/sprite.png) no-repeat -0.5% -0.8%; background-size:auto 3000%;} /* PROFIL */ #profil {width:25%; min-width:100px;} #profil .ui-selectmenu-button, #profil:hover .ui-selectmenu-button, #profil .ui-selectmenu-button:focus {background:url(../img/sprite.png) no-repeat 8.5% 7.5%; background-size:auto 1900%; font-size:1.1em;} /* ZONE LOGIN */ #zone_login {width:30%; min-width:105px;} #btn_login p a, #zone_login:hover #btn_login p a, #btn_login p a:hover, #btn_login p a:focus {background:url(../img/sprite.png) no-repeat 21.5% 20.5%; background-size:auto 2900%;} #btn_login.Open {background:#758d9a;} #btn_login.Open a {background:none;} #btn_login.Open a::before, #btn_login.Open a::after {content:""; display:block; position:absolute; left:28px; top:20px; width:20px; height:2px; background:#000000; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #btn_login.Open a::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #btn_login.Open a::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #zone_login #login, #zone_login #zone_logout {position:fixed; z-index:500; width:100%; height:100%; left:-100%; top:40px; display:block;} /* ZONE RECHERCHE */ #zone_recherche {position:fixed; z-index:500; width:100%; height:100%; left:-100%; top:40px; display:block; background:#758d9a;} #recherche {margin:5px;} #recherche input {font-size:1.2em; padding:0 45px 0 15px;} #recherche input#bouton_recherche {width:45px;} #btn_search_smart.Open {background:#b0124e;} #btn_search_smart.Open .close_menu {display:block;} #btn_search_smart.Open .close_menu::before, #btn_search_smart.Open .close_menu::after {content:""; display:block; position:absolute; left:32%; top:20px; width:35%; height:2px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #btn_search_smart.Open .close_menu::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #btn_search_smart.Open .close_menu::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} /* LIEN GALAXIE */ #galaxie {width:30%; min-width:100px; margin:0 0 0 10%;} #galaxie p a {padding:0 0 0 13px;} /* RESEAUX SOCIAUX */ /* //CORR #menu_resaux_sociaux ul {margin:15px auto;}*/ #menu_resaux_sociaux .reseau_fb {margin:0 20px 0 0;} #menu_resaux_sociaux .reseau_twit {margin:0 20px 0 0;} #menu_resaux_sociaux .reseau_instagram {margin:0 20px 0 0;} /* //CORR */ #bandeau_logo {height:200px; min-height:inherit;} #wrap_logo {width:50%;} #bandeau_image {width:50%; height:100%; margin:0 0 0 50%; overflow:hidden; position:relative;} #bandeau_image img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); max-height:100%; min-height:100%; margin:0; max-width:inherit; min-width:100%; height:auto; width:auto;} /* //CORR #home #bandeau_logo {height:200px; min-height:inherit;} #home #wrap_logo {width:50%;} #home #bandeau_image {width:50%; height:100%; margin:0 0 0 50%; overflow:hidden; position:relative;} #home #bandeau_image img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); max-height:100%; min-height:100%; margin:0; max-width:inherit; min-width:100%; height:auto; width:auto;} #page #wrap_logo {width:100%; position:relative; height:200px;} #page #bandeau_image {margin:0; width:100%;} */ .slider_nav li {padding:0 10px;} .slider_nav li a.control_header.slider_header_active, .slider_nav li a.control_home.slider_home_active, .slider_nav li a.control_page.slider_page_active, .slider_nav li a.control_header, .slider_nav li a.control_home, .slider_nav li a.control_page {width:20px; height:20px; margin:0;} #bandeau_menu {position:static;} #menu_principal {width:80%;} #btn_search_smart {display:block; width:10%; height:40px; position:absolute; top:0; left:60%; background:#bd1354 url(../img/sprite.png) no-repeat -230px -534px;} #btn_menu_smart.btn_act #close_menu_principal {left:80%;} /* ***** FOOTER ***** */ #footer {position:relative; bottom:inherit; width:100%; height:auto;} #logo_footer {display:none;} #menu_footer {width:100%; float:none;} #menu_footer p#slogan {display:none;} #menu_footer ul {padding:15px 30px;} /* *************************** FIL ROUGE *************************** */ #fil_rouge {max-height:85%; top:5%; overflow-y:auto; padding:50px 30px 40px 30px;} #fil_rouge .titre_bloc p {font-size:3em;} #fil_rouge .contenu_bloc h2 {font-size: 1.7em; line-height:1.2em;} /* *************************** HOME CONTENT *************************** */ .bloc_home .titre_bloc p::after {max-width:300px;} /* A LA UNE */ #actus_home .titre_bloc {margin:0 30px; position:relative; width:auto;} #actus_home .titre_bloc p {padding:0 0 28px 0;} #actus_home .contenu_bloc {margin:28px 0 0 0;} /*#slider_alaune, #page #slider_alaune {padding:0 0 45px 0;}*/ #page #slider_alaune {padding:0 0 45px 0;} /*#slider_alaune .coverflow_zone_texte {padding:0px 0% 30px 4%;}*/ #slider_alaune span.coverflow_desc, #slider_alaune .coverflow_desc p {display:none;} /*#slider_alaune .btn_lien {bottom:45px;}*/ #slider_alaune .btn_lien_picto {left:0;} /*#slider_alaune_navigation {bottom:0px; right:0px;}*/ .slider_nav li {padding:0 10px;} .slider_nav li a.control_alaune, .slider_nav li a.control_alaune.slider_alaune_active {width:20px; height:20px; margin:0;} #page #actus_home.bloc_home .titre_bloc {margin:0 30px; padding:0; position:relative; width:auto;} #page #actus_home.bloc_home .titre_bloc p {font-size:3.5em; padding:0 0 28px 0;} /* // CORR */ #slider_alaune {height:150px !important; padding:0 0 80px 0;} #slider_alaune .img {display:none;} #slider_alaune .coverflow_zone_texte {padding:0; width:100%; float:none;} #slider_alaune .btn_lien {bottom:80px;} #slider_alaune_navigation {bottom:40px; right:0;} .left.col_tiers.flex_column {float:none; width:100%; display:block;} /* BLOC PARTICIPE */ #particip {width:100%;} .tx-dce-pi1 #particip {width:100%;} .left.col_tiers.flex_column .tx-dce-pi1 {width:100%;} /* DEMARCHES */ #demarches {width:100%; -webkit-box-ordinal-group:initial; -moz-box-ordinal-group:initial; -ms-flex-order:initial; -webkit-order:initial; order:initial;} .tx-dce-pi1 #demarches {width:100%; -webkit-box-ordinal-group:initial; -moz-box-ordinal-group:initial; -ms-flex-order:initial; -webkit-order:initial; order:initial;} .left.col_tiers.flex_column .tx-dce-pi1 + .tx-dce-pi1 {width:100%; -webkit-box-ordinal-group:initial; -moz-box-ordinal-group:initial; -ms-flex-order:initial; -webkit-order:initial; order:initial;} #demarches .titre_bloc {max-width:inherit;} #demarches .contenu_bloc {margin:30px 0 20px 0;} #demarches .contenu_bloc li {display:block; width:auto;} /* EN 1 CLIC */ #un_clic {width:100%; display:block;} .tx-dce-pi1 #un_clic {width:100%; display:block;} .left.col_tiers.flex_column .tx-dce-pi1 + .tx-dce-pi1 + .tx-dce-pi1 {width:100%; -webkit-box-ordinal-group:initial; -moz-box-ordinal-group:initial; -ms-flex-order:initial; -webkit-order:initial; order:initial; display:block;} /* ACCES RAPIDES */ #acces_rapides ul li a {padding:15% 9%; font-size:1.8em;} #acces_rapides ul li a .titre, #acces_rapides ul li a .sous_titre {font-size:0.625em;} /* ACCES RAPIDES COL */ #acces_rapides_col ul {display:block;} #acces_rapides_col ul li {width:100%;} #acces_rapides_col ul li a {padding:8% 5% 0 5%;} #acces_rapides_col ul li a img {margin:0px 11px 8% 0; float:left;} #acces_rapides_col ul li a .titre {margin:0px 0 13px 0; font-size:1.2em;} #acces_rapides_col ul li a .sous_titre {font-size:0.9em;} /*AGENDA*/ #agenda .titre_bloc {max-width:inherit;} /* ZOOM */ #zoom_sur .content_bloc {padding:100px 30px 0 30px; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row-reverse; -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;} #zoom_sur .titre_bloc {position:absolute; top:0; padding:0; left:30px; width:90%;} #zoom_sur .contenu_bloc {padding:0;} #zoom_sur .txt {padding:0 0 0 5%;} #zoom_sur .contenu_bloc div p {display:none;} /* CARTE INTERACTIVE */ #bloc_carte_interactive #map {height:auto;} /* SOCIAL WALL HOME */ #zone_social_wall .sous_titre_bloc p {font-size:1.5em;} #zone_social_wall .stream li {width:46%; margin:2%;} #zone_social_wall .dcsns-toolbar {width:200px;} #zone_social_wall .dcsns-toolbar .filter li {font-size:1em;} #zone_social_wall .dcsns-toolbar .filter .link-all, #zone_social_wall .dcsns-toolbar .filter li a {width:40px; height:40px; line-height:40px;} #zone_social_wall #dcsns-filter li.f-facebook a {background: #ffffff url(../img/filter_facebook.png) no-repeat center center; background-size:100% 100%;} #zone_social_wall #dcsns-filter li.f-instagram a {background:#ffffff url(../img/filter_instagram.png) no-repeat center center; background-size:100% 100%;} #zone_social_wall #dcsns-filter li.f-twitter a {background:#ffffff url(../img/filter_twitter.png) no-repeat center center; background-size:100% 100%;} #zone_social_wall #dcsns-filter li.f-youtube a {background:#ffffff url(../img/filter_youtube.png) no-repeat center center; background-size:100% 100%;} #zone_social_wall #dcsns-filter li.f-facebook a:hover {background:#ffffff url(../img/filter_facebook.png) no-repeat center center; background-size:100% 100%;} #zone_social_wall #dcsns-filter li.f-instagram a:hover {background:#ffffff url(../img/filter_instagram.png) no-repeat center center; background-size:100% 100%;} #zone_social_wall #dcsns-filter li.f-twitter a:hover {background:#ffffff url(../img/filter_twitter.png) no-repeat center center; background-size:100% 100%;} #zone_social_wall #dcsns-filter li.f-youtube a:hover {background:#ffffff url(../img/filter_youtube.png) no-repeat center center; background-size:100% 100%;} /* *************************** PAGE CONTENT *************************** */ #slider_kiosque {height:220px; margin:0 0 15px 0;} #slider_kiosque_navigation {bottom:0;} /* *************************** MEDIATHEQUE *************************** */ /*#nouveautes {height: 300px;}*/ /*#content_page #slider_nouveaute .slider_nav li a.control_nouveaute, #content_page #slider_nouveaute .slider_nav li a.control_nouveaute.slider_nouveaute_active {width: 20px;height: 20px; margin: 0;}*/ /*#content_page #nouveautes #slider_nouveaute_navigation ul li, #content_page #nouveautes #slider_nouveaute_navigation ol li {padding: 0 10px;}*/ /*#content_page #slider_nouveaute .slider_nav {bottom: -12px;}*/ span.control_nouveaute {top:20px;} #left_control_nouveaute {left:20px;} #right_control_nouveaute {right:20px} #nouveautes {padding:87px 20px 20px 20px;} #content_page #slider_nouveaute .coverflow_zone_texte h2 {font-size:1.7em;} #page #fil_ariane ul {padding:20px 85px 15px 15px;} #page.one_col #fil_ariane ul {padding:20px 85px 15px 15px;} #page #fil_ariane li {padding:0 12px 5px 18px; line-height:2.3em; background:url(../img/sep_ariane.png) no-repeat left 5px;} #page #fil_ariane li:first-child {padding:0 12px 5px 0; background:none;} #titre_page, .one_col #col_left.child_col #titre_page {padding:30px 85px 36px 15px;} #social_share, .one_col #col_left.child_col #social_share {top:39px; right:15px;} #page h1 {font-size:3em; word-wrap:break-word;} #titre_page.news h1 {font-size:3em;} .one_col #titre_page {padding:30px 85px 77px 15px; margin:0 0 30px 0;} .one_col #social_share {right:15px; top:inherit; bottom:0;} #page.one_col h1, #page .one_col h1 {padding:0px 0 33px 0;} #titre_page .cat_tag {top:30px;} #titre_page .line {position:static; max-width:100%;} #content_page, .one_col #col_left.child_col #content_page {padding:0 85px 50px 15px;} #content_page table {max-width:100%; overflow-x:auto; display:block;} #filters, #filters.filters_map {width:70%; right:-71%;} #line_tools_moteur > .left, #line_tools_moteur > .right {width:100%;} #line_tools_moteur > .left {margin:0 0 15px 0;} #content p.btn_lien.show_filters {float:right;} #switch_display {float:right;} /* //CORR */ .bloc_col.info_utile .contenu_bloc {padding:0px 30px;} /*MOTEUR*/ #line_tools_moteur #zone_recherche {position:relative; left:inherit !important; width:100%; top:inherit; margin:0 0 15px 0; float:none;} #line_tools_moteur #zone_recherche #recherche {margin:0;} /* *************************** LISTE D ELEMENTS *************************** */ .list_item, #zone_related .list_item, #page.one_col .subpage.list_item, #page .subpage.list_item {width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row; -webkit-flex-direction:row; -ms-flex-direction:row;} #page.one_col .subpage.list_item, #page .subpage.list_item {height: auto;} .list_item {background:#e3e8eb;} .list_item:nth-child(2n+2) {background:#bfcfd9;} .list_item .img {margin:2%; width:36%; float:left; position:relative; width:40%; margin:30px 0 30px 30px; background:none;} .list_item .img a {width:100%; height:100%;} .list_item .pres {float:right; background:none !important; width:90%; width:100%; height:auto !important; display:block !important;} .list_item .wrap_pres {background:none !important;height:auto !important; padding:30px !important;} #page .list_item p.btn_lien {position:relative; left:inherit; bottom:inherit;} .news.list_item .pres, .elu.list_item .pres, .equipement.list_item .pres, .commune.list_item .pres, .subpage.list_item .pres, .recherche.list_item .pres, #modal_window .list_item .pres, .bloc_note.list_item .pres, .news.list_item .wrap_pres, .elu.list_item .wrap_pres, .equipement.list_item .wrap_pres, .commune.list_item .wrap_pres, .subpage.list_item .wrap_pres, .recherche.list_item .wrap_pres, #modal_window .list_item .wrap_pres, .bloc_note.list_item .wrap_pres {position:static; padding:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none;} .news.list_item .wrap_pres {height:auto; padding:30px; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none;} #page .news.list_item .pres p.cat_tag {position:static;} #page .news.list_item:hover .pres p.cat_tag {margin:0 0 25px 0;} #page .news.list_item .pres .desc, #page .elu.list_item .pres .desc, #page .equipement.list_item .pres .desc, #page .commune.list_item .pres .desc {display:block;} #page .news.list_item p.btn_lien, #page .elu.list_item p.btn_lien, #page .equipement.list_item p.btn_lien, #page .commune.list_item p.btn_lien {display:inline-block;} .list_item .wrap_pres {padding:30px 30px 74px 30px;} /*ACTUALITES AGENDA*/ .news.list_item .pres {width:60%;} .news.list_item .wrap_pres {padding:30px;} .news.list_item:hover .wrap_pres {height:100%;} /*ASSOCIATIONS*/ .association.list_item .wrap_pres {padding:30px;} /*ELUS*//* #18361 */ .elu.list_item, .elu.list_item:nth-child(2n+2) {height:auto;} .elu.list_item:nth-child(4n+2), .elu.list_item:nth-child(4n+3), .elu.list_item {background:#e3e8eb;} .elu.list_item:nth-child(2n+2) {background:#bfcfd9;} .elu.list_item .img {width:40%; margin:30px 0 30px 30px; float:left;} /*.elu.list_item .img a {width:100%; height:100%;}*/ /*.elu.list_item .pres {float:right; background:none !important; width:90%; width:100%; height:auto !important; display:block !important;}*/ /*.elu.list_item .wrap_pres {background:none !important;height:auto !important; padding:30px !important; position:static; padding:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none;}*/ /*#page .elu.list_item p.btn_lien {position:relative; left:inherit; bottom:inherit;}*/ /*.elu.list_item .pres {position:static; padding:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none;}*/ #page .elu.list_item .pres .desc, #page .elu.list_item:hover .pres .desc {/*display:block; */height:auto; overflow-y:visible;} /*#page .elu.list_item p.btn_lien {display:inline-block;}*/ /* #18361 */ /*ELUS*/ .elu.list_item .pres {width:60%;} .elu.list_item .wrap_pres {padding:30px;} .elu.list_item:hover .wrap_pres {height:100%;} #page .elu.list_item p.fonction {display:block;} /*EQUIPEMENT*/ .equipement.list_item .pres {width:60%;} .equipement.list_item .wrap_pres {padding:30px;} .equipement.list_item:hover .wrap_pres {height:100%;} /*CIM CITY*/ .commune.list_item .pres {width:60%;} .commune.list_item .wrap_pres {padding:30px;} .commune.list_item:hover .wrap_pres {height:100%;} /*JOBS*/ .job.list_item .wrap_pres {height:auto;} /*FAQ*/ .faq.list_item .wrap_pres {height:auto;} /*SUBPAGES*/ #page.one_col .subpage.list_item, #page .subpage.list_item {height:auto;} .subpage.list_item .wrap_pres {padding:30px;} .subpage.list_item .img {width:70%;} /*RECHERCHE*/ .recherche.list_item .wrap_pres {padding:30px; height:auto;} .recherche.list_item .img {height:auto;} .recherche.list_item .img {width:70%;} .multi .recherche.list_item .img {height:auto;} .multi .recherche.list_item .wrap_pres {height:auto;} .multi .recherche.list_item .img.portrait img {max-height:200px;} /*BLOC NOTE*/ .bloc_note.list_item {height:auto;} .bloc_note.list_item .wrap_pres {padding:30px;} .bloc_note.list_item .img {width:70%;} #content p.btn_blocnotes {margin:10px;} #page .bloc_note.list_item p.btn_lien {margin:5px;} #content .bloc_note.list_item p.btn_add_selection {position:static; display:inline-block; line-height:29px; margin:5px;} /* //CORR */ #page .info_utile {flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-box-direction:normal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:block-axis; -webkit-box-direction:normal;} #page .info_utile .titre_bloc {order:1;} #page .bloc_col.info_utile .contenu_bloc {order:2;} #page .bloc_col.info_utile p.btn_lien {order:3;} #page .info_utile #geoloc_association {order:4; margin:20px 0 0;} .zone_logo {min-height:inherit;} /* *************************** PAGE BUDGET PARTICIP *************************** */ #page.page_particip #titre_page h1 {position:static;} #page.page_particip ul#steps li {text-align:center; padding:15px;} #page.page_particip ul#steps .numb_step {float:none; display:block; margin:0 auto;} #page.page_particip ul#steps .name_step {text-align:center; float:none; margin:10px 0 0 0;} #page.page_particip #steps_content {padding:15px 5% 50px 5%;} #page.page_particip .wrap_step_content, #page.page_particip .wrap_step_content.step_act {width:100%; float:none; height:auto;} .wrap_popin > .left {float:none; width:100%; margin:0 0 15px 0;} .wrap_popin > .right {float:none; width:100%;} .popin_particip .line_tools {position:static;} .popin_particip .line_tools .social_item.left, .popin_particip .line_tools .right {float:none; margin:5px;} #content_page .popin_particip .social_item li {margin:0 0 15px 0;} /* *************************** CARTE INTERACTIVE *************************** */ #modal_window .list_item {background:none; width:70%;} #modal_window .list_item .item_default, #modal_window .list_item .item_specific {background:#e3e8eb; overflow-y:auto;} #modal_window .list_item .img {width:150px; margin:0px 70px 0px 30px; padding:30px 0 0 0; background:none; float:none;} #modal_window .list_item .pres {float:none;} #page #modal_window .list_item .pres .desc p {font-size:1.4em; line-height:1.4em;} #page #modal_window .list_item .item_specific p.btn_lien, #page #modal_window .list_item .item_default p.btn_lien {bottom:inherit;} #modal_window .adresse, #modal_window .tel, #modal_window .fax, #modal_window .mail, #modal_window .website, #modal_window .budget, #modal_window .vote, #modal_window .people, #modal_window .info {padding:0 0 0 30px;} #modal_window .adresse {background:url(../img/picto_adresse.png) no-repeat left 0px; background-size:auto 20px;} #modal_window .tel {background:url(../img/picto_tel.png) no-repeat left 0px; background-size:auto 20px;} #modal_window .fax {background:url(../img/picto_fax.png) no-repeat left 0px; background-size:auto 20px;} #modal_window .mail {background:url(../img/picto_mail.png) no-repeat left 0px;background-size: auto 20px; background-size:auto 20px;} #modal_window .website {background:url(../img/picto_siteweb.png) no-repeat left 0px; background-size:auto 20px;} #modal_window .budget {background:url(../img/picto_budget.png) no-repeat left 0px; background-size:auto 20px;} #modal_window .vote {background:url(../img/picto_vote.png) no-repeat left 0px; background-size:auto 20px;} #modal_window .people {background:url(../img/picto_people.png) no-repeat left 0px; background-size:auto 20px;} #modal_window .info {background:url(../img/picto_i_bulle.png) no-repeat left 0px; background-size:auto 20px;} #zone_map {width:auto; margin:0 40px; min-width:200px; overflow:hidden;} #geoloc_association {width:auto !important; margin:20px 40px 0 40px !important; min-width:200px; overflow:hidden;} /* // CORR */ #map_search {height:500px !important;} /* *************************** RESERVATION SALLE *************************** */ #content .booking_titles p {font-size:1.2em;} #content_page #booking_legend li {display:block; margin:0 0 17px 0;} .popin_resa {padding:55px 30px 30px 30px; width:80%; left:10%; min-height:inherit; overflow-y:auto;} #content .popin_resa .titre_bloc p {font-size:3em;} #content .popin_resa .titre_bloc .line {max-width:100%;} #booking #switch_booking {display:block; width:100%; margin:0;} #booking #switch_booking #form_switch label {font-size:1.4em; line-height:1.6em;} #booking .booking_line.booking_titles .col_name {display:none;} #booking .booking_line.booking_titles .col_days {width:100%;} #booking .booking_titles .col_day p {padding:3px;} #booking .booking_line.booking_titles .col_show {display:none;} #booking .list_item_booking {display:block; border-bottom:1px solid #000000;} #booking .list_item_booking:nth-child(2n+1) {background:#d9d9d9;} #booking .list_item_booking:nth-child(2n+2) {background:#ececec;} #booking .list_item_booking .col_name {float:none; width:100%; border:0;} #booking .list_item_booking .col_days {float:none; width:100%; height:30px;} #booking .list_item_booking .col_show {float:none; width:100%; border:0;} #content_page .list_item_booking .col_show p a {padding:0 0 0 15px; background:url(../img/arrow_black.png);} #booking .booking_content #switch_booking {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .clear_smart {display:block;} #booking .col_hours {display:block;} #booking .col_hour {width:33.33%;} #booking #line50 .col_hour {width:50%;} /* *************************** DASHBOARD *************************** */ .dash_item {margin:0 0 25px 0;} .dash_item .left {padding:0;} .dash_item .right {text-align:left; height:auto; left:inherit; position:static;} .dash_item.dash_booking {display:block; border-bottom:1px solid #d8d8d8;} .dash_item.dash_booking .left {width:auto;} .dash_item.dash_booking .left.grey_border {width:auto; border:0;} .dash_item.dash_booking .left.grey_border.last {border:0;} .dash_item.dash_booking.booking_titles {display:none;} /* // CORR */ .dash_item.dash_booking:nth-child(2n+1) {background:#bfcfd9;} .dash_item.dash_booking:nth-child(2n+2) {background:#e3e8eb;} #page .dash_item.dash_booking .left.grey_border.last p {margin:0 0 0 10px; padding:10px 0 10px 15px; background:url(../img/arrow_black.png) no-repeat left center; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; border:0;} #page .dash_item.dash_booking .left.grey_border:first-child p {font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif;} #page .dash_item.dash_booking .left.grey_border p {border-bottom:1px solid #FFFFFF; display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* *************************** COMARQUAGE *************************** */ .spArborescence .spArborescenceItem2Col {position:relative; width:100%;} .spArborescence .spArborescenceItem2Col:nth-child(6n+1) {background:#ececec;} .spArborescence .spArborescenceItem2Col:nth-child(6n+2) {background:#ececec;} .spArborescence .spArborescenceItem2Col:nth-child(6n+4) {background:#ececec;} .spArborescence .spArborescenceItem2Col:nth-child(6n+5) {background:#ececec;} .spArborescence .spArborescenceItem2Col:nth-child(3n+1) {background:#e2e2e2;} .spArborescence .spArborescenceItem2Col:nth-child(3n+2) {background:#ececec;} .spArborescence .spArborescenceItem2Col:nth-child(3n+3) {background:#e2e2e2;} .spArborescence .spArborescenceItem2Col:first-child {background:#de0d58;} } #profil .btn_close {display:none;} @media screen and (max-width:500px) { /*FORM*/ .powermail_fieldset, fieldset {padding:20px;} .powermail_label, div.tx-powermail .powermail_radio_legend, div.tx-powermail .powermail_check_legend, .powermail_submit, label, input[type="submit"], input[type="button"] {display:block; max-width:100%; word-wrap:break-word;} /*HEARDER*/ #top_header {height:60px;} #bloc_notes {background:#bfcfd9 url(../img/sprite.png) no-repeat 17px 17px; min-width:50px; width:20%; height:100%;} #bloc_notes:hover {background:#758d9a url(../img/sprite.png) no-repeat 17px 17px;} #bloc_notes p {font-size:1.1em; line-height:60px;} #bloc_notes p a, #bloc_notes:hover p a, #bloc_notes p a:hover, #bloc_notes p a:focus {padding:0; background:none; display:block; text-indent:-99999px;} /* PROFIL */ #profil {background:#bfcfd9 url(../img/sprite.png) no-repeat -86px -94px; min-width:50px; width:20%; height:100%;} #profil:hover {background:#758d9a url(../img/sprite.png) no-repeat -86px -94px;} #profil .ui-selectmenu-button, #profil:hover .ui-selectmenu-button, #profil .ui-selectmenu-button:focus {font-size:1.1em; line-height:1.1em;} #profil.Open {background:#758d9a; position:relative;} #profil.Open .btn_close {display:block;} #profil.Open .btn_close::before, #profil.Open .btn_close::after {content:""; display:block; position:absolute; left:19px; top:28px; width:20px; height:2px; background:#ffffff; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} #profil.Open .btn_close::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #profil.Open .btn_close::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #profil form {position:fixed; z-index:500; width:100%; height:100%; left:-100%; top:60px; display:block; background:#323233;} /* ZONE LOGIN */ #zone_login {background:#bfcfd9 url(../img/sprite.png) no-repeat -243px -252px; min-width:50px; width:20%; height:100%;} #zone_login:hover {background:#758d9a url(../img/sprite.png) no-repeat -243px -252px;} #btn_login p a, #zone_login:hover #btn_login p a, #btn_login p a:hover, #btn_login p a:focus {padding:0; background:none; display:block; text-indent:-99999px;} #btn_login, #btn_login p, #btn_login p a {height:100%;} #btn_login.Open {background:#758d9a;} #btn_login.Open a::before, #btn_login.Open a::after {left:32%; top:28px; width:35%;} #zone_login #login, #zone_login #zone_logout {top:60px;} /* ZONE RECHERCHE */ #zone_recherche {top:60px;} #recherche input {font-size:1.2em; padding:0 45px 0 15px;} #recherche input#bouton_recherche {width:45px;} #btn_search_smart {width:20%; height:60px; left:40%; background:#bd1354 url(../img/sprite.png) no-repeat -222px -526px;} #btn_search_smart.Open .close_menu::before, #btn_search_smart.Open .close_menu::after {top:28px;} /* LIEN GALAXIE */ #galaxie {background:#e21665; min-width:80px; width:40%; height:100%; margin:0 0 0 20%;} #galaxie:hover {background:#bd1354;} #galaxie p {font-size:1.1em; line-height:1.1em; margin:20px 7px 0 7px;} #galaxie p a {padding:0; background:none;} /*LOGO*/ /* //CORR #home #bandeau_logo {height:150px; height:auto;} #home #wrap_logo {width:100%; height:150px; position:relative;} #home #bandeau_image {display:none;} #page #wrap_logo {height:150px;} #page #bandeau_logo {min-height:inherit;} #page #bandeau_image {margin:0; width:100%;}*/ /* //CORR */ #menu_resaux_sociaux ul {margin:5px auto;} /* //CORR */ #bandeau_logo {height:150px;} #btn_menu_smart.btn_act #close_menu_principal {height:60px; width:60px;} #btn_menu_smart.btn_act #close_menu_principal::before, #btn_menu_smart.btn_act #close_menu_principal::after {top:27px; left:18px; width:25px; height:4px;} #menu_footer li {font-size:1.1em;} #fil_rouge .titre_bloc .line {max-width:100%;} /*HOME*/ #slider_alaune {height:150px !important;} #slider_alaune .img {display:none;} #slider_alaune .coverflow_zone_texte {padding:0; width:100%; float:none;} #un_clic .titre_bloc p, #un_clic .titre_bloc:hover p {font-size:2.7em; padding:10px 40px 0 0;} #acces_rapides ul li {width:50%;} #acces_rapides li:nth-child(2n+1), #acces_rapides li:nth-child(2n+2) {background:none;} #global #acces_rapides ul li {background:#e21665;} #global #acces_rapides li:nth-child(4n+2) {background:#bd1354;} #global #acces_rapides li:nth-child(4n+3) {background:#bd1354;} #acces_rapides ul li a {font-size:1.5em;} #acces_rapides ul li a img {max-width:50px;} #acces_rapides_col ul li a {padding:8% 5%;} #acces_rapides_col ul li a img {max-width:50px; margin:0px 4px 8% 0;} #zoom_sur .content_bloc {display:block; padding:0 30px;} #zoom_sur .txt {width:100%; padding:0; float:none; position:relative;} #zoom_sur .titre_bloc {position:relative; left:inherit; margin:0 0 28px 0; width:100%; padding:0;} #zoom_sur .img {display:none;} #zone_social_wall .dcsns-toolbar {max-width:100%; margin:0 0 15px 0; position:static;} #zone_social_wall .stream li {width:96%; margin:2%;} /*CONTENU*/ /* // CORR #page #fil_ariane ul {padding:20px 5% 15px 5%;} #page.one_col #fil_ariane ul {padding:20px 5% 15px 5%;}*/ /* // CORR */ #page #fil_ariane ul, #page.one_col #fil_ariane ul {padding:10px 5%;} #titre_page, .one_col #col_left.child_col #titre_page {padding:30px 5% 77px 5%; margin:0 0 30px 0;} #social_share, .one_col #col_left.child_col #social_share {width:250px; top:inherit; bottom:0; right:5%;} #social_share .a2a_kit, .one_col #col_left.child_col #social_share .a2a_kit {width:100%;} #social_share li {float:left;} #titre_page .line {position:static;} #content_page, .one_col #col_left.child_col #content_page {padding:0 5% 50px 5%; /* // CORR */ min-height:inherit;} #page .content_quote {max-width:250px;} #page .btn_galaxie p.btn_lien a {padding:5px;} #page .btn_galaxie p.btn_lien span {padding:5px; display:block;} #page #content_page .download_page a {background-size:initial} #page .download_page a .nm_doc {display:block;} #page .download_page a .infos_doc {display:block; border:0;} /* *************************** LIST *************************** */ #filters fieldset {padding:20px;} #filters form > fieldset > legend {margin:0 0 25px 0;} #filters .ligne_form.checkbox label.ui-button {font-size:1.2em;} #filters, #filters.filters_map {width:80%; right:-81%;} #line_tools_moteur #zone_recherche {float:none; margin:0 0 15px 0;} #content p.nb_result {float:none; margin:0 0 15px 0;} #content #tools_filters p.nb_result {line-height:1.2em; margin:0 0 5px 0;} #page #tools_filters .btn_lien_picto {float:none; padding:0;} #content p.btn_lien.show_filters {float:none;} .list_item, #zone_related .list_item {width:100%; display:block;} .list_item .img {width:30%; float:none; margin:30px 30px 0 30px;} .list_item .pres {float:none;} .news.list_item .pres, .elu.list_item .pres, .equipement.list_item .pres, .commune.list_item .pres {width:100%;} .multi .recherche.list_item .img.portrait img {max-height:inherit;} /*ELUS*//* #18361 */ .elu.list_item .img {width:30%; float:none; margin:30px 30px 0 30px;} /* // CORR */ .subpage.list_item .img {display:none;} /* // CORR */ #content_page .sep_100 {display:none;} /*BUDGET*/ #page.page_particip #titre_page {margin:0 0 15px 0;} #page.page_particip #titre_page h1 {font-size:6em;} #page.page_particip ul#steps .numb_step {margin:0 auto 10px auto;} #page.page_particip ul#steps .name_step {line-height:normal; padding:0;} #page.page_particip .bloc_contenu {padding:40px 5% 25px 5%;} #page.page_particip #steps_content {padding:15px 0 30px 0; margin:0 5%;} .popin_particip .line_tools .social_item.left, .popin_particip .line_tools .right {float:left; margin:0 20px 0 0;} /* *************************** CARTE *************************** */ #filters.filters_map {padding:0 0 0 55px;} #filters.filters_map form {padding:0 0 10px 0;} fieldset.part_form .wrap_form {padding:60px 15px 10px 15px;} #filters form > fieldset > legend, #filters .titre {font-size:1.8em;} #filters .titre {left:70px;} #filters .ligne_form {margin:0 0 25px 0;} #filters .ligne_form.date {margin:10px 0 25px 0;} #filters .ligne_form.date input {background:#ffffff;} #filters label {font-size:1.4em;} #filters input, #filters select, #filters textarea {font-size:1.3em; line-height:1.5em; padding:10px 5px;} fieldset.sous_part_form > legend {font-size:1.6em; min-height:55px; padding:15px 35px 15px 0; background:url(../img/btn_next_filtres.jpg) no-repeat right center; background-size:auto 50%;} fieldset.sous_part_form.sous_part_act > legend, fieldset.sous_part_form.sous_part_act > legend.act {padding:15px 0 15px 35px; background:url(../img/btn_prev_filtres.jpg) no-repeat left center; background-size:auto 50%;} #filters legend.btn_tri {padding:50px 0 0 0; width:55px; height:70px; font-family:'texgyreadventor_bold',Arial,Verdana,sans-serif; font-size:0.8em; letter-spacing:0.02em;} #filters legend#tri_agenda {background:#de0d58 url(../img/picto_tri_agenda.png) no-repeat center 8px; background-size:auto 30px;} #filters legend#tri_agenda.act, #filters legend#tri_agenda:hover {background:#ececec url(../img/picto_tri_agenda_act.png) no-repeat center 8px; background-size:auto 30px;} #filters legend#tri_actualites {background:#c40c4f url(../img/picto_tri_actualites.png) no-repeat center 8px; background-size:auto 30px; top:70px;} #filters legend#tri_actualites.act, #filters legend#tri_actualites:hover {background:#ececec url(../img/picto_tri_actualites_act.png) no-repeat center 8px; background-size:auto 30px; top:70px;} #filters legend#tri_annuaires {background:#de0d58 url(../img/picto_tri_annuaires.png) no-repeat center 8px; background-size:auto 30px; top:140px;} #filters legend#tri_annuaires.act, #filters legend#tri_annuaires:hover {background:#ececec url(../img/picto_tri_annuaires_act.png) no-repeat center 8px; background-size:auto 30px; top:140px;} #filters legend#tri_contenus {background:#c40c4f url(../img/picto_tri_contenu.png) no-repeat center 8px; background-size:auto 30px; top:210px;} #filters legend#tri_contenus.act, #filters legend#tri_contenus:hover {background:#ececec url(../img/picto_tri_contenu_act.png) no-repeat center 8px; background-size:auto 30px; top:210px;} #modal_window .list_item .img {max-width:100%; width:auto; padding:55px 30px 0 30px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* // COR */ #content_page .home_dashboard ul {flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-box-direction: normal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:block-axis; -webkit-box-direction:normal;} #content_page .home_dashboard ul li {width:100%; margin:0 0 15px 0;} #content_page .home_dashboard ul li a {padding:20px;} .home_dashboard li .img {margin:0 0 10px;} .home_dashboard li .img img {max-width:50px;} /* *************************** MEDIATHEQUE *************************** */ #nouveautes .img {display:none;} #nouveautes.wimg .img {display:block; float:none; width:100%; text-align:center; margin:0 0 10px 0;} #slider_nouveaute .coverflow_zone_texte, #nouveautes.wimg .coverflow_zone_texte {float:none; width:100%;} div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-right .csc-textpic-imagewrap {float:none; margin:0 0 20px 0;} }