/* FONT FACE */ @font-face { font-family: 'work_sansregular'; src: url('font/worksans-regular-webfont.eot'); src: url('font/worksans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/worksans-regular-webfont.woff2') format('woff2'), url('font/worksans-regular-webfont.woff') format('woff'), url('font/worksans-regular-webfont.ttf') format('truetype'), url('font/worksans-regular-webfont.svg#work_sansregular') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'work_sansbold'; src: url('font/worksans-bold-webfont.eot'); src: url('font/worksans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/worksans-bold-webfont.woff2') format('woff2'), url('font/worksans-bold-webfont.woff') format('woff'), url('font/worksans-bold-webfont.ttf') format('truetype'), url('font/worksans-bold-webfont.svg#work_sansbold') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'work_sanslight'; src: url('font/worksans-light-webfont.eot'); src: url('font/worksans-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/worksans-light-webfont.woff2') format('woff2'), url('font/worksans-light-webfont.woff') format('woff'), url('font/worksans-light-webfont.ttf') format('truetype'), url('font/worksans-light-webfont.svg#work_sanslight') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'work_sansmedium'; src: url('font/worksans-medium-webfont.eot'); src: url('font/worksans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/worksans-medium-webfont.woff2') format('woff2'), url('font/worksans-medium-webfont.woff') format('woff'), url('font/worksans-medium-webfont.ttf') format('truetype'), url('font/worksans-medium-webfont.svg#work_sansmedium') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'work_sanssemibold'; src: url('font/worksans-semibold-webfont.eot'); src: url('font/worksans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('font/worksans-semibold-webfont.woff2') format('woff2'), url('font/worksans-semibold-webfont.woff') format('woff'), url('font/worksans-semibold-webfont.ttf') format('truetype'), url('font/worksans-semibold-webfont.svg#work_sanssemibold') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'lt_oksanabold'; src: url('font/lt_oksana_bold-webfont.eot'); src: url('font/lt_oksana_bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/lt_oksana_bold-webfont.woff2') format('woff2'), url('font/lt_oksana_bold-webfont.woff') format('woff'), url('font/lt_oksana_bold-webfont.ttf') format('truetype'), url('font/lt_oksana_bold-webfont.svg#lt_oksanabold') format('svg'); font-weight: normal; font-style: normal;} /* *************************** NORMALISATION *************************** */ * {border:0; padding:0; margin:0; font-family:'work_sansregular',Arial,Verdana,Helvetica,sans-serif; font-weight:normal;} html {font-size:62.5%; width:100%; height:100%;} body{background:#fff; font-family:'work_sansregular',Arial,Verdana,Helvetica,sans-serif; font-style:normal; font-weight:normal; font-variant:normal; line-height:100%; color:#323232; text-align:left; height:100%;} a{text-decoration:none;color:#666666;} a:hover{text-decoration:none;color:#666666;} a img,:link img,:visited img{border:none;} img {max-width:100%; height:auto;} /*gmap v3 fix bug*/ .gm-style img, .gmnoscreen img, .gmnoprint img {max-width:none !important;} iframe {max-width:100%;} strong, b{font-weight:normal; font-family:'work_sanssemibold',Arial,Verdana,sans-serif;} i, em{font-style:normal; font-family:'work_sansregular',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:'work_sanssemibold',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;} .left {float:left;} .right {float:right;} /*effet selection txt*/ ::selection {color:#ffffff; background:#4996d1;} ::-moz-selection {color:#ffffff; background:#4996d1;} /* *** POWERMAIL *** */ div.tx-powermail {width:100%; font-family:'work_sansregular',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 {display:none;} div.powermail_fieldwrap {margin:0 0 10px 0;clear: both;} .powermail_legend + div.powermail_fieldwrap.powermail_fieldwrap_text {margin:20px 0 30px 0; color:#475055; font-weight:normal; font-size:2em; line-height:1.5em;} .powermail_legend + div.powermail_fieldwrap.powermail_fieldwrap_text span {text-transform: uppercase; font-family: 'work_sanssemibold',Arial,Verdana,Helvetica,sans-serif;} div.powermail_fieldwrap.powermail_fieldwrap_text {margin-top: 30px; color:#747474; font-size:1.49em; line-height:1.5em; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-weight:normal;} .powermail_fieldset {background:none; border:0;} .powermail_label {width:20%; margin:0 5% 0 0; padding:1% 0 0 0; float:left; display:block; color:#747474; font-size:1.49em; line-height:1.5em; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-weight:normal; text-transform:none;} .powermail_field {width:75%; padding:10px 3%; border:#d9d9d9; background:none; color:#666666; font-size:1.49em; line-height:1.5em; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;border: 1px solid #d9d9d9;} select.powermail_field {width:75%;} input.powermail_field:focus {background:#ffffff; border:1px solid #d9d9d9;} .powermail_textarea {max-width:75%;} .powermail_fieldwrap input[type="checkbox"], .powermail_fieldwrap input[type="radio"]{margin: 10px 0;} .powermail_fieldwrap.nolabel legend {display: none!important;} /*btn radio checkbox*/ .powermail_radio_legend, .powermail_check_legend {display:block !important; margin:0 5% 0 0;width: 100%; float: none;} .powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {float:none; width:auto; border:0; padding:0; background:none;} .powermail_check_outer, .powermail_radio_outer {float:left; width:auto; border:0; padding:0;} .powermail_radio_inner {margin:0 20px 0 0; float:left;} .powermail_check_inner {margin:0 20px 10px 0; float:left;} .powermail_radio_outer input[type="checkbox"], .powermail_radio_outer input[type="radio"], .powermail_check_outer input[type="checkbox"], .powermail_check_outer input[type="radio"] {float:left;} .tx-powermail .powermail_radio_outer label, .tx-powermail .powermail_captcha_outer label {float:left;} .tx-powermail .powermail_check_outer label{float:left; width:70%;} .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label { max-width: 98%;display:inline-block; width:auto; float:left; margin:6px 0 6px 0px; padding-left: 10px; box-sizing: border-box;} /*champ upload fichier*/ .powermail_fieldwrap.powermail_fieldwrap_file .powermail_fieldwrap_file_inner {background-image:url(../img/powermail_upload_bg.png); background-repeat:no-repeat; background-color:#ffffff; border:1px solid #d9d9d9; width:75%; height:32px; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*submit*/ div.powermail_fieldwrap.powermail_fieldwrap_submit {float:right; margin:10px 0 10px 0; padding:0 6px 0 6px;} .powermail_fieldwrap.powermail_fieldwrap_submit input:hover {background-color: #caca11;} .powermail_submit {background:#d9d9d9; border:0; margin:0; padding:3px 10px; width:auto; height:auto; color:#ffffff; font-size:1.2em; line-height:1.2em; text-decoration:none; text-transform:uppercase; font-style:normal; font-weight:normal; cursor:pointer;} .tx-powermail .powermail_submit:focus {border:0; background:#d9d9d9;} /*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 {background:url(../img/prev.png) no-repeat 15px center #dddd13; padding:10px 15px 10px 45px; height:35px;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} .powermail_confirmation .powermail_confirmation_form:hover {background-color: #caca11;} .powermail_confirmation .powermail_confirmation_submit {background:url(../img/next.png) no-repeat 90% center #dddd13; padding:10px 45px 10px 15px; height:35px;} .powermail_confirmation .powermail_confirmation_submit:hover {background-color: #caca11;} .powermail_confirmation input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*page confirmation*/ dl.powermail_all {margin:0 0 20px 0; font-size:1.49em; line-height:1.49em;} dl.powermail_all dt {margin:0 15px 15px 0; float:left; clear:left; font-weight:normal;} dl.powermail_all dd {margin:0 0 15px 0; float:left; width:auto; font-family:'work_sansmedium',Arial,Verdana,sans-serif; font-weight:normal;} .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;} /* *** END POWERMAIL *** */ /* *** ELEMENTS FORMULAIRE *** */ fieldset {border:0; max-width:100%; min-width:inherit;} legend {display:none;} .ligne_form {margin:0 0 10px 0; clear:both;} label {width:20%; margin:0 5% 0 0; float:left; display:block; color:#747474; font-size:1.49em; line-height:1.5em; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-weight:normal;} ul li label {font-size:1em; line-height:1em;} input, select, textarea {border:1px solid #d9d9d9; background:#ffffff; color:#969696; font-size:1.49em; line-height:1.5em; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-weight:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:75%; padding:10px 3%;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} textarea {max-width:75%;} input[type="checkbox"], input[type="radio"] {padding:0; width:auto; border:0; vertical-align:top; margin:0 4px; background:none; -webkit-appearance:normal;} div.btn_submit {float:right; margin:10px 0;} input[type="submit"] {border:0; width: auto;font-size: 1.1em;line-height: 1.1em;margin: 0;padding: 12px 15px;background-color: #dddd13;border-radius: 5px;color: #000; text-transform:uppercase; font-style:normal; font-weight:normal; cursor:pointer;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;font-family:'work_sansmedium',Arial,Verdana,sans-serif; font-weight:normal;} input[type="submit"]:hover, input[type="submit"]:focus {background-color: #caca11;} .mandatory {font-size:16px; color:#B4000E; padding:0 3%;} /***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;} /* *** END ELEMENTS FORMULAIRE *** */ /* *** REGISTER *** */ .femanager_fieldset {margin:0 0 10px 0; clear:both;} .femanager_fieldset.error {background:none; border:0; position:relative;} .femanager_fieldset.femanager_submit {float:none; margin:0 0 10px 25%; padding:0; text-align:center; width:55%;} .alert.alert-error {position:absolute; right:0px; top:0px; border:2px solid #B4000E; background:#ffffff; z-index:50; width:25%; padding:1%; color:#1a171b; font-weight:bold;} .alert.alert-error .close {display:none;} .alert.alert-error h4, #page .alert.alert-error h4 {margin:0; color:#1a171b; font-weight:bold;} #global .femanager_flashmessages>.message-ok {border:2px solid #B4000E; background-color:#ffffff; color:#1a171b;} #global .message-body {margin:0; line-height:1.2em; color:#1a171b; font-weight:bold;} /* *** 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;} .gradient_green {background:#69a620; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5YTYyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2JkMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(left, #69a620 0%, #a7bd05 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%,#69a620), color-stop(100%,#a7bd05)); background:-webkit-linear-gradient(left, #69a620 0%,#a7bd05 100%); background:-o-linear-gradient(left, #69a620 0%,#a7bd05 100%); background:-ms-linear-gradient(left, #69a620 0%,#a7bd05 100%); background:linear-gradient(to right, #69a620 0%,#a7bd05 100%);} .bg_gris {background:#f0f0f0;} .bg_white {background:#ffffff;} .bg_dark_grey {background: #444444;} .centered {display: inline-block;vertical-align: middle;} .twothird {width: 790px;} .onethird {width: 364px;} .bloc_sloppy {transform-origin: 0 0;-webkit-perspective: 3000;-webkit-font-smoothing: antialiased;} .relative {position: relative;z-index:2;} .marginbottom {margin-bottom: 50px;} #global.overflow {overflow: hidden;} /* *** END CLASSES SKIN GENERIQUES *** */ /* CONTENEUR */ #home {position:relative; min-height:99.9%;} #page {position:relative; min-height:99.9%;} #global {position:relative; min-height:100%; margin:0 auto;} #home #global {padding-bottom:195px } #page #global {padding-bottom:395px } .wrap {width:1206px; margin:0 auto;} /* INFOS SUR LES COOKIES */ #cookie_msg {margin:0 auto; padding:10px 20px; background:#bbbbbb; z-index:5000; position:relative;} #cookie_msg p {font-size:1.2em; line-height:1.2em; color:#1a171b; text-align:center;} #cookie_msg a {color:#666666; border-bottom:1px solid #1a171b; text-transform:none;} #cookie_msg a:hover, #cookie_msg a:focus {color:#666666;} #cookie_msg span#cookie_close {background:url(../img/picto_close.png) no-repeat center center; width:10px; height:14px; float:right; cursor:pointer; margin:0 0 0 10px;} /* ***** HEADER ***** */ #header {width:100%; position:relative;} #header .bg_gris {height: 40px; border-bottom: 3px solid #dedede;} #header .bg_gris .wrap {position: relative;} /* ***** LOGO ***** */ #logo a, #logo a img {display: block;} #logo {margin: 15px 0 12px 0;width: 31%;} #logo span {display: block;text-transform: uppercase;font-size: 2.5em;line-height: 0.9em;} #logo span.place { color: #2b2a2a;font-family: 'work_sansbold',Arial,Verdana,sans-serif;} #logo span.serv {color: #4996d1;font-family: 'work_sanslight',Arial,Verdana,sans-serif;} #logo span.slogan {color: #2b2a2a;font-family: 'work_sanslight',Arial,Verdana,sans-serif;font-size: 1.2em;text-transform: none;line-height: 1.2em; margin-top: 5px;} /* ***** MENU PRINCIPAL ***** */ #btn_menu_smart {display:none;} #menu_principal {width:100%;} #menu_principal ul li:first-child {border-left:2px solid #fff;} #menu_principal ul li {float:left; border-right:2px solid #fff;} #menu_principal ul li a {font-size:2em; line-height:2em; padding:0px 21px; color:#191919; vertical-align:middle; display:block; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; font-family: 'work_sanssemibold',Arial,Verdana,sans-serif; text-transform: uppercase;height: 40px; border-bottom-width: 3px; border-style: solid;} /* #menu_principal ul li a.border_dark_blue {border-color: #006cb8;} #menu_principal ul li a.border_light_blue {border-color: #4996d1;} #menu_principal ul li a.border_green {border-color: #7fc241;} #menu_principal ul li a.border_yellow {border-color: #ffcb08;} #menu_principal ul li a.border_orange {border-color: #f58220;} */ #menu_principal ul li a.border_58 {border-color: #006cb8;} #menu_principal ul li a.border_59 {border-color: #4996d1;} #menu_principal ul li a.border_60 {border-color: #7fc241;} #menu_principal ul li a.border_61 {border-color: #ffcb08;} #menu_principal ul li:hover > a, #menu_principal ul li > a:hover, #menu_principal ul li.act > a {background:#444444; color:#ffffff;} #menu_principal ul li li.level2 a, #menu_principal ul li li.level3 a {background-color: transparent;} #header .media ul li a:hover img {opacity: 1;} #header .media ul li:nth-child(3n+1) {margin-left: 0;} #header .media ul li .infos_publi {width: 57%;} #header .media ul li .infos_publi span {display: block;} #header .media ul li .infos_publi .title_publi {font-size: 1.6em; line-height: 1.2em; color:#bfbfbf; text-transform: uppercase;} #header .media ul li .infos_publi .date_publi {font-size: 1.3em; line-height: 1.3em; color:#fff;margin: 5px 0 10px 0; } #header .media ul li .infos_publi .auteur_publi, #header .media ul li .features_publi {font-size: 1.3em; line-height: 1.3em; color:#fff;margin: 5px 0 10px 0; } #header .media ul li .infos_publi .doc_publi {font-size: 1.3em; color:#fff; } #header .media ul li img { display: block;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc); float: left;margin-right: 7%; width: 36%;-webkit-transition-property: all; -webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;opacity: 0.8;} #header .media ul li .features_publi {display: block; margin: 15px 0 0 0;background: url(../img/tab.jpg) no-repeat left center;padding-left: 20px;} #header .media .content_media p {text-transform: uppercase;font-size: 1.4em;line-height: 1.1em;font-family: "work_sansmedium", Arial,Verdana,Helvetica,sans-serif; text-align: right;background: url(../img/green_arrow.png) no-repeat right center; padding-right: 30px; position: absolute;bottom: 30px; right: 30px;} #header .media .content_media p a {color: #fff;background: url(../img/green_rounded_border.png) no-repeat left center; padding-left: 20px;} #header .media .content_media p a:hover {border-bottom: 2px solid #7fc241;} #header .bg_gris img.img_menu_right, #header .bg_gris img.img_menu_left {position: absolute; top: 43px;z-index: 9;height: 635px; border-bottom: 3px solid #4996d1;} #header .bg_gris img.img_menu_right {right:0;} #header .bg_gris img.img_menu_left {left:0;} #header .bandeau-img {min-height: 635px;position: relative;z-index: 10;background: #444;border-bottom: 3px solid #4996d1;} /*SOUS MENU*/ #menu_principal li > ul {display:none;position:absolute;z-index:60; left: 0;text-align: left;width:1206px; background: #444; padding: 30px 50px 30px 30px; } #menu_principal li ul ul {position: inherit;width: auto; padding: 10px 0 0 10px; display:block; list-style-type: square;color: #4996d1;list-style-position: inside;font-size: 1.5em;} #menu_principal li ul.sous_menu.display_block {;-webkit-column-count: 4;-moz-column-count: 4; column-count: 4; -webkit-column-width: 250px;-moz-column-width: 250px; column-width: 250px; -webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-column-rule: 1px solid #b4b4b4;-moz-column-rule: 1px solid #b4b4b4;column-rule: 1px solid #b4b4b4;} #menu_principal li ul.sous_menu.display_block, #menu_principal li.level2 > ul.sm.display_block {display: block;} #menu_principal li.level2 ul.sm.display_block, #menu_principal li.level2 ul.sm.display_block li {display: block; z-index: 99999; } #menu_principal li a.hovered {background-image: url("../img/nav_level3.png") !important; background-repeat: no-repeat !important; background-position: right center !important; } #menu_principal li ul li a, #header .media ul a {display: block;text-transform:uppercase; font-size:1.6em; line-height:1.6em;font-family:"work_sansmedium", Arial,Verdana,Helvetica,sans-serif;color: #bfbfbf;} #menu_principal li ul.sous_menu.display_block.minul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;} #menu_principal li ul.display_block li.level2.minli {float:left;padding: 0 20px;border-left: 1px solid #b4b4b4;} #menu_principal li ul.display_block li.level2.minli:nth-child(2) {padding-left:0; border:0;} /* Niveau 2 */ #menu_principal li ul li.level2 {border:0;float: none;display: inline-block;vertical-align: top; width: 260px;margin: 5px 0;} #menu_principal li ul li.level2 a {padding: 0;position:relative; border: 0;-webkit-transition-property:none; -moz-transition-property:none; transition-property:none;height: inherit;} #menu_principal li ul li.level2:first-child {border: 0;} #menu_principal li ul li.level2 a span {border-top: 0;display: inline;border-bottom: 2px solid transparent;color: #fff;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;background-position: -17px 3px;} #menu_principal li ul li.level2 a:hover span {border-color: #4996d1; background: url("../img/nav_act.png") no-repeat 0 3px;padding-left: 30px;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /* Niveau 3 */ #menu_principal li ul li.level2 li.level_3 {padding: 4px 0px 4px 10px;background: none;float: none; border:0; } #menu_principal li ul li.level2 li.level_3 a {text-transform: inherit;line-height: 1.5em;font-family:"work_sansregular", Arial,Verdana,Helvetica,sans-serif;font-size: inherit;list-style-type: none; height: inherit;display: inline;} /* Close menu */ span.close_sous_menu {position: absolute;right: 0;top: 0;height: 50px;width: 50px;background: #58abeb;z-index: 999999;} span.close_sous_menu:hover {cursor: pointer;} span.close_sous_menu:after, span.close_sous_menu:before {content: "";display: block; position: absolute;width: 30px;height: 2px; background: #404040;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;top: 23px;left: 10px; } span.close_sous_menu:after{-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} span.close_sous_menu:before{-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} /* Media */ #header .media > p {border-right: 2px solid #fff;} #header .media > p a {font-size: 2em;line-height: 2em;padding: 0px 21px;color: #191919;vertical-align: middle;display: block;-webkit-transition-property: all; -webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms; font-family: 'work_sanssemibold',Arial,Verdana,sans-serif;text-transform: uppercase;height: 40px;border-bottom-width: 3px;border-style: solid;border-color: #f58220;} #header .media > p.act a {background: #444444; color: #ffffff;} #header .media .content_media {position:absolute;z-index:60; left: 0;text-align: left;width:1146px; background: #444444;height: 575px;padding: 30px 30px 30px 30px;top: 43px; border-bottom: 3px solid #4996d1;overflow: hidden;} #header .media .content_media.clicked_menu {display: none;} #header .media ul.sous_menu {z-index: 1;-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;-webkit-column-width: 250px;-moz-column-width: 250px;column-width: 250px;-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-column-rule: 1px solid #b4b4b4;-moz-column-rule: 1px solid #b4b4b4;column-rule: 1px solid #b4b4b4;} #header .media ul li {width:auto;} #header .media .calameo {float: right;width: 216px;height: 220px;overflow: hidden;position: relative; z-index:2;} #header .media iframe {width: 100%;height: 185px;overflow: hidden;position: relative; z-index:2;} #header .media .calameo span {background-position: left 10px;border-top: 0; padding: 5px 20px 5px 0; display: inline-block;text-transform: uppercase;font-size: 1.6em; line-height: 1.6em; color: #bfbfbf;} #header .media .content_media ul li.level2 li.level_3.iframe {width: 809px;} #header .media ul ul {position: inherit;width: auto;padding: 10px 0 0 10px;display: block;list-style-type: square;color: #4996d1;list-style-position: inside;font-size: 1.5em;} #header .media ul li.level2 {border: 0;float: none;display: inline-block;vertical-align: top; width: 260px; margin: 5px 0;} #header .media ul li.level2 a {padding: 0;position:relative; border: 0;-webkit-transition-property:none; -moz-transition-property:none; transition-property:none;height: auto;background-position: right center !important;-webkit-transition-property: all;-webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;} #header .media ul li.level2 a > span {border-top: 0;display: inline;border-bottom: 2px solid transparent;color: #fff;-webkit-transition-property: all;-webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;background-position: -17px 3px;} #header .media ul li.level2 a:hover span {border-color:#4996d1; background: url("../img/nav_act.png") no-repeat 0 3px;padding-left: 30px;-webkit-transition-property: all;-webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;} #header .media .content_media ul li.level2 li.level_3 {padding: 4px 0px 4px 10px;background: none;float: none;border: 0;} #header .media .content_media ul li.level2 li.level_3 a {text-transform: inherit;line-height: 1.5em;font-family: "work_sansregular", Arial,Verdana,Helvetica,sans-serif;font-size: inherit;list-style-type: none;height: inherit;display: inline;} #header .media .content_media ul li.level2 li.level_3 a:hover {color:#fff;} #header .media .content_media ul li.level2 a.display_arrow span {background-image: url("../img/nav_act.png") !important; background-repeat: no-repeat !important; background-position: left 10px !important;padding-left: 30px;} /* RESEAUX SOCIAUX */ #header #relations {padding: 40px 0;} #header #relations #social li {float: left; margin-right: 10px;} #header #relations #social a {text-indent: -9999px;display: block;width: 50px;height: 50px;} #header #relations #social .reseau_fb a {background: url(../img/picto_facebook.png) no-repeat center center;} #header #relations #social .reseau_twitter a {background: url(../img/picto_twitter.png) no-repeat center center;} #header #relations #social .reseau_instagram a {background: url(../img/picto_instagram.png) no-repeat center center;} #header #relations #social .reseau_fb a:hover {background: url(../img/picto_facebook_hover.png) no-repeat center center;} #header #relations #social .reseau_twitter a:hover {background: url(../img/picto_twitter_hover.png) no-repeat center center;} #header #relations #social .reseau_instagram a:hover {background: url(../img/picto_instagram_hover.png) no-repeat center center;} #header #relations #contact_us {padding: 18px 0;background: #dddd13 url(../img/picto_contact.png) no-repeat 15px center;margin-left: 20px;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #header #relations #contact_us:hover {background-color: #caca11;} #header #relations #contact_us p a {font-family:"work_sanssemibold", Arial,Verdana,Helvetica,sans-serif; font-size: 1.4em; line-height: 1.4em; color: #2b2a2a; text-transform: uppercase;padding: 18px 20px 18px 64px;} /* ZONE RECHERCHE */ #btn_search_smart {display:none;} #zone_recherche {margin-right: 30px; } #home #zone_recherche #recherche {background: #fff;-moz-box-shadow: 0px 0px 6px 0px #9b9b9b;-webkit-box-shadow: 0px 0px 6px 0px #9b9b9b;-o-box-shadow: 0px 0px 6px 0px #9b9b9b;box-shadow: 0px 0px 6px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=6); } #home #zone_recherche form {-moz-box-shadow: 0px 0px 6px 0px #9b9b9b;-webkit-box-shadow: 0px 0px 6px 0px #9b9b9b;-o-box-shadow: 0px 0px 6px 0px #9b9b9b;box-shadow: 0px 0px 6px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=6);} #zone_recherche form {background: #fff;border-radius: 5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #page #recherche {border: 2px solid #ebebeb;} #recherche input {width:266px; padding:14px 15px 14px 15px; float:left;border: 0; color:#262626;} #recherche input#bouton_recherche {width:60px; padding:18px 20px; display:block; float:right;background: #ebebeb url(../img/icon_search.png) no-repeat center center;text-indent: -9999px;height: 51px;border-radius: 0 3px 3px 0;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #home #home_recherche {margin: 0 auto;width: 100%;} #home #home_recherche:before {content: '';display: inline-block;vertical-align: middle;height: 100%;} #home #home_recherche #zone_recherche {margin: 0 auto;width: 1206px;float: none;} #home #home_recherche #zone_recherche #recherche {width: 478px;} #home #home_recherche #zone_recherche #recherche input#main_search {width: 400px;} #home #home_recherche {position: absolute;bottom: 0;left: 0;right: 0;text-align: center;color: #fff;height: 100%; } /* ***** FOOTER ***** */ #footer {position:absolute; bottom:0px; width:100%; height:195px;} #footer .bg_gris ul {padding:10px 0; text-align: right;} #footer .bg_gris li {font-size:1.4em; line-height:1.8em; padding:0 0 0 5px; display:inline; background:url(../img/sep_footer.png) no-repeat left center;} #footer .bg_gris li:first-child {padding:0; background:none;} #footer .bg_gris li:last-child a {padding-right: 0;} #footer .bg_gris li a { color:#2b2a2a; padding:0 25px; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms; opacity: 0.7;} #footer .bg_white {padding: 33px 0} #footer .bg_white .wrap div#logo_footer {padding: 0px 20px 20px 0;width: 292px;} #footer .bg_white .wrap #logo_footer a, #footer .bg_white .wrap #logo_footer img {display: block;} #footer .bg_white .wrap div:first-child,#footer .bg_white .wrap div.clear {background: none;} #footer .bg_white .wrap div {background: url(../img/sep_foot.png) no-repeat left top;background-size: 3px 80px; padding: 20px; height: 40px;width: 272px;} #footer .bg_white .wrap div p {color: #2b2a2a; font-size: 1.4em; line-height: 1.6em;} #footer .bg_white .wrap #tel_footer span {font-family:"work_sanssemibold", Arial,Verdana,Helvetica,sans-serif; text-transform: uppercase;} #footer .bg_white .wrap div#contact_footer {width: 230px;} #footer .bg_white .wrap div#contact_footer div {border-radius: 5px;padding: 8px 0;background: #dddd13 url(../img/black_arrow.png) no-repeat 15px 10px; margin-left: 20px;height: auto; width: 190px;margin: 0;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #footer .bg_white .wrap div#contact_footer div:hover {background-color: #caca11;} #footer .bg_white .wrap div#contact_footer p {font-size: 1.4em; line-height: 1.4em;} #footer .bg_white .wrap div#contact_footer a {color: #000000; text-transform: uppercase; font-family:"work_sansmedium", Arial,Verdana,Helvetica,sans-serif;padding: 8px 15px 8px 43px; } #footer .bg_white .wrap div#tel_footer a {color: #2b2a2a;} #footer .bg_white .wrap div.clear {height: 0; padding: 0;} #footer li a:hover, #footer li a:focus {color:#666666;} #footer .bg_gris.log {border-bottom: 5px solid #006ab3;padding: 10px 0 5px 0;} #footer .bg_gris.log ul {padding: 0;} #footer .bg_gris.log ul li {background: none;margin-left: 10px;} #footer .bg_gris.log ul li:first-child {margin-left: 0px;} #footer .bg_gris.log ul li a {padding: 0;opacity: 1;} #back_top {position: fixed;bottom: 25px;width: 60px;height: 60px;right: 25px;text-indent: -999em;z-index:3;} #back_top a {display: block;width: 100%; height: 100%;background:rgba(0,69,139,0.5) url(../img/icon_backtotop.png) center center no-repeat; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; behavior: url(fileadmin/templates/master/css/PIE.htc);} #back_top a:hover, #back_top a:focus {background-color: rgba(0,69,139,1); -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} /* *************************** HOME CONTENT *************************** */ #actu_access {padding: 60px 0 85px 0;} /* BANDEAU IMAGE */ #bandeau_image {width: 100%;background: #0797ad;position: relative;height: auto;} #bandeau_image img {width:auto; height:auto; min-height:auto; min-width:100%; display: block;} #bandeau_image .coverflow_zone_texte {position: absolute; bottom: 0;background: rgba(0,69,139,0.8); width: 100%;padding: 16px 0;z-index: 2;} #bandeau_image .coverflow_zone_texte h2 a {color: #ffffff;font-size: 2.35em; line-height: 1.2em; text-transform: uppercase;background: url(../img/more.png) no-repeat right 10px center; padding-right: 50px;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #bandeau_image .coverflow_zone_texte h2 a:hover {background-position: right 0 center;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #bandeau_image .coverflow_zone_texte p.accrochehome a {color: #ffffff;font-family:"work_sanssemibold", Arial,Verdana,Helvetica,sans-serif;font-size: 2.2em;line-height: 1.2em;} /* LISTE DE TAGS */ #home #tags {margin-top: 20px;} #home #tags ul {width: 675px;} #home #tags li {float: left; border-radius: 5px; background: #006cb8;padding: 8px 10px; margin: 10px 10px 0 0;-webkit-transition-property:all; -moz-transition-property:all; transition-property:all;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #home #tags li a {color: #fff; text-transform: uppercase;font-family:"work_sansmedium", Arial,Verdana,Helvetica,sans-serif; font-size: 1.4em; line-height: 1.4em;} #home #tags li:hover {background: rgba(0,69,139,0.8);} /* SLIDER */ #slider {margin:0; width:790px;position: relative;overflow: hidden;} #slider_home {border-radius: 5px;behavior:url(/fileadmin/templates/agglo/css/PIE.htc);} #slider_home, #slider_page {position:relative; width:790px; height:500px; overflow:auto;} #slider_home .slide_full_container li img {width: 100%; height: auto;} #slider li {position:relative; width:auto; height:100%;} .slide_full_container li a, .slide_full_container li img {display:block;} .slide_full_container li img {height:inherit;border-radius: 5px;behavior:url(/fileadmin/templates/agglo/css/PIE.htc);} #slider .coverflow_zone_texte {position:absolute; bottom:15px;width: 493px;background: #fff; border-radius: 0 10px 10px 0;behavior:url(/fileadmin/templates/agglo/css/PIE.htc); border-left: 5px solid #ffcb08;padding: 40px 47px 15px 25px;height: 173px;} .tag_slide p, #page .tag_slide p {font-size:2.8em; line-height:1.2em;text-transform:uppercase;font-family:"work_sanssemibold", Arial,Verdana,Helvetica,sans-serif;color: #000000;} .coverflow_texte {margin-top: 10px;} .coverflow_texte p, #page .coverflow_texte p {font-size:1.5em; line-height:1.5em;color: #000000;} /*NAVIGATION*/ .slider_nav {position:absolute; z-index:49; float:none; padding:0; text-align:center;} .slider_nav.left {width:auto; left:26px;} .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; float:none; display:inline-block; vertical-align:top;} .slider_nav li a.control_home, .slider_nav li a.control_page, .slider_nav li a.control_galaxie {cursor:pointer; background:#c4c4c4; width:6px; height:6px; 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;border:4px solid #fff;margin-right: 1px;} .slider_nav li a:hover {border:2px solid #ffcb08; width:10px; height:10px; background:none;} .slider_nav li a.control_home.slider_home_active, .slider_nav li a.control_page.slider_page_active, .slider_nav li a.control_galaxie.slider_galaxie_active {background:#ffcb08;width:6px; height:6px;border:4px solid #ffcb08;} span.control_home, span.control_page, span.control_galaxie {position:absolute; top:0px; z-index:49; padding:16px; cursor:pointer;} #left_control_home, #left_control_page, #left_control_galaxie {left:20px; background:url(../img/sprite.png) no-repeat -197px -237px;} #right_control_home, #right_control_page, #right_control_galaxie {right:20px; background:url(../img/sprite.png) no-repeat -253px -237px;} #left_control_home:hover, #left_control_page:hover, #left_control_galaxie:hover {opacity:0.8;} #right_control_home:hover, #right_control_page:hover, #right_control_galaxie: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;} /* SLIDER ACTUS */ .titre_bloc.home_title {position: relative;padding-left: 66px;} .titre_bloc.home_title span {height: 50px; width: 50px; border-radius: 50%;position: absolute;top: 0;left: 0;background-repeat: no-repeat; background-position:center center;behavior: url(/fileadmin/templates/agglo/css/PIE.htc); } .titre_bloc.home_title p {text-transform: uppercase; color: #000; font-size: 5em; line-height: 1.1em;} .btn_lien.home_link {position: absolute;right: 0;top: 30px; background-repeat: no-repeat; background-position:right center;padding-right: 15px;} .btn_lien.home_link a {text-transform: uppercase; color: #000; font-size: 1.1em; line-height: 1.1em;font-family:"work_sansmedium", Arial,Verdana,Helvetica,sans-serif; padding-left: 25px; background-repeat: no-repeat; background-position:left center;} #actu_access .titre_bloc span {background-image: url(../img/icon_actu.png); background-color:#ffcb08; } #actu_access .btn_lien.home_link { background-image: url(../img/yellow_rounded_border.png);} #actu_access .btn_lien.home_link a { background-image: url(../img/yellow_arrow.png);} #actu_access .btn_lien.home_link a:hover {border-bottom: 2px solid #ffcb08;} #actu_access .contenu_bloc {margin-top: 20px;} #actu_access #slider_home .tag_slide h2 {background: url(../img/yellow_arrow.png) no-repeat right 10px bottom 12px;display: inline; padding-right: 40px;font-size: 2.8em;line-height: 1.2em;text-transform: uppercase;font-family: "work_sanssemibold", Arial,Verdana,Helvetica,sans-serif; color: #000000;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #actu_access #slider_home .tag_slide h2:hover {background-position: right 0 bottom 12px;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /* SERVICES */ #services {padding: 30px 25px;background: #ffcb08 ;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; width: 100%; box-sizing: border-box;margin-top: 20px;position: relative;} #services p span {font-size: 3em; line-height: 1em; color: #000000; text-transform: uppercase; display: block; text-align:center; } #services ul {position: absolute;top: 87px; left:0; border: 3px solid #ffcb08; background: #fff;width: 100%;box-sizing: border-box;z-index:3;} #services ul li:first-child {margin-top: 0; } #services ul li {padding: 8px 25px;} #services ul li:hover {background: #f0f0f0; } #services ul li a {color: #000; font-size: 1.4em; line-height: 1.4em; } #services:hover ul {border-color: #e9bb0e;} /* BTN LIEN */ .btn_lien, .bloc_home .contenu_bloc .btn_lien, #page .btn_lien, #page .info_utile .part_bloc .btn_lien {font-family:'regular',Arial,Verdana,Helvetica,sans-serif; font-size:1.3em; line-height:1.3em; margin:0;} .btn_lien a, .bloc_home .contenu_bloc .btn_lien a, #page .btn_lien a, #page .info_utile .part_bloc .btn_lien a {color:#000000; border:0; font-family:'regular',Arial,Verdana,Helvetica,sans-serif; -webkit-transition-property:color; -webkit-transition-duration:500ms; -moz-transition-property:color; -moz-transition-duration:500ms; transition-property:color; transition-duration:500ms;} #page .btn_lien a:hover, #page .btn_lien a:focus, #page .info_utile .part_bloc .btn_lien a:hover, #page .info_utile .part_bloc .btn_lien a:focus {background:none;} /*//////////////////*/ .btn_lien_picto, .bloc_home .contenu_bloc .btn_lien_picto, #page .btn_lien_picto {font-family:'regular',Arial,Verdana,sans-serif; font-size:1.8em; 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:'regular',Arial,Verdana,sans-serif; -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: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:#de0d58;} #page .btn_lien.close_map a {color:#ffffff;} #page .btn_lien span {margin:0 10px 0 0;} #page .btn_lien a:hover, #page .btn_lien a:focus, #page .btn_lien.close_map a:hover, #page .btn_lien.close_map a:focus {color:#ee3251;} /* AGENDA */ .agenda {padding: 60px 0 85px 0;} #agenda {position: relative;} .agenda .titre_bloc span {background-image: url(../img/icon_sortir.png);background-color: #7fc241;} .agenda .btn_lien.home_link p {background-image: url(../img/green_rounded_border.png);background-repeat: no-repeat;background-position: right center;padding-right: 15px;margin-left: 20px;} .agenda .btn_lien.home_link a {background-image: url(../img/green_arrow.png);} .agenda .btn_lien.home_link a:hover {border-bottom: 2px solid #7fc241;} .agenda .contenu_bloc {margin-top: 20px;} .agenda .contenu_bloc ul > li:first-child {margin-left: 0;} .agenda .contenu_bloc > ul > li {width: 374px; float: left;margin-left: 42px;} .agenda .contenu_bloc > ul > li .illustrations {position: relative;display: block;overflow: hidden;margin-bottom: 20px;z-index: 2;} .agenda .contenu_bloc > ul > li > a {float: left; position: relative; width: 374px; height: 125px;border-radius: 5px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);overflow: hidden;} .agenda .contenu_bloc > ul > li a .illustrations:hover .info .startdate { background: #7fc241;} .agenda .contenu_bloc > ul > li a .illustrations:hover .info .enddate { background: #73b03b ;} .agenda .contenu_bloc > ul > li img {float: right;} .agenda.annuaire .contenu_bloc > ul > li img {float: none;display: block; margin: 0 auto;} .agenda.annuaire .contenu_bloc > ul > li.elus img {margin:0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} .agenda .contenu_bloc > ul > li.list_actu img {float: none;display: block;} .agenda .contenu_bloc > ul > li .info {position: absolute;top: 0;left: -5px;height: 100%;} .agenda .contenu_bloc > ul > li .info .startdate, .agenda .contenu_bloc ul > li .info .enddate {width: 115px;-webkit-transform: skewX(-5deg);-ms-transform: skewX(-5deg);transform: skewX(-5deg);-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms} .agenda .contenu_bloc > ul > li .info .startdate {background: #fff;} .agenda .contenu_bloc > ul > li .info .enddate {background: #dedede;position: relative;right: 2px;} .agenda .contenu_bloc > ul > li .info span {display: block; height: 100%;} .agenda .contenu_bloc > ul > li .info span span.wrap_date {-webkit-transform: skewX(5deg);-ms-transform: skewX(5deg);transform: skewX(5deg);text-align: center;} .agenda .contenu_bloc > ul > li .info span span.wrap_date > span {display: inherit; height: auto;} .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.d {font-family:'lt_oksanabold',Arial,Verdana,sans-serif; font-size: 3em; line-height: 1em;color: #000;margin: 32px 0 7px 0;} .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.m {font-size: 0.8em; line-height: 1em;color: #000;text-transform: uppercase;} .agenda .contenu_bloc > ul > li .wrap_txt {margin-top: 20px;} .agenda .contenu_bloc > ul > li .wrap_txt span {display: block;} .agenda .contenu_bloc > ul > li .wrap_txt .category span {margin-top: 20px; font-size: 0.8em; line-height: 1.2em;font-family:'work_sansmedium',Arial,Verdana,sans-serif;color: #666666;text-transform: uppercase;} .agenda .contenu_bloc > ul > li .wrap_txt .titre_actu {margin: 8px 0 6px 0; color:#1b1b1b; font-size: 1.5em; line-height: 1.2em;font-family:'work_sansbold',Arial,Verdana,sans-serif;} .agenda .contenu_bloc > ul > li .wrap_txt .descr {font-size: 0.94em; line-height: 1.4em; color: #747474;} /* TERRITOIRE */ #territoire {position: relative; z-index: 2;} #territoire #liste_territoires {float: right; width: 603px;padding-top: 3%;} #territoire #liste_territoires .title {color: #fff; font-size: 5em; line-height: 1.4em; text-transform: uppercase;} #territoire #liste_territoires .drop { width: 476px;border-radius: 5px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);display: block;background: #fff url(../img/select_terr.png) no-repeat 95% 12px; position: relative;} #territoire #liste_territoires .drop:hover {background-color: #f5f2f2;} #territoire #liste_territoires .drop:hover ul {border-color: #f5f2f2;} #territoire #liste_territoires .drop ul {height: 150px;overflow-y: scroll;border: 3px solid #fff;position: absolute;top:48px;width: 476px; box-sizing: border-box; } #territoire #liste_territoires .drop ul li a {color: #fff; font-size: 1.4em; line-height: 1.4em;} #territoire #liste_territoires .drop ul li:first-child {margin-top: 0px;} #territoire #liste_territoires .drop ul li {padding: 8px 20px;} #territoire #liste_territoires .drop ul li:hover {background: #f0f0f0;} #territoire #liste_territoires .drop ul li:hover a {color: #444444;} #territoire #liste_territoires .drop:hover {cursor: pointer;} #territoire #liste_territoires .drop p span { color: #444444; font-size: 3em; line-height: 1.7em;padding: 0 20px; } #territoire .img {float: right; width: 50%;overflow: hidden;} #territoire .img > div {-webkit-transform: skewX(-8deg);-ms-transform: skewX(-8deg);transform: skewX(-8deg); overflow: hidden;position: relative;left: 2%;-webkit-backface-visibility: hidden;} #territoire .img > div > img {width: 100%; height: auto; display: block;-webkit-transform: skewX(8deg);-ms-transform: skewX(8deg);transform: skewX(8deg);position: relative; right: 2%;} /* SOCIAL WALL */ .social_wall {padding: 60px 0 85px 0;overflow: hidden;} #social_wall {position: relative; z-index: 1;} #social_wall .titre_bloc span { display: inline-block;} #social_wall .titre_bloc span {background-image: url(../img/icon_social.png);background-color: #4996d1;} #social_wall .dcsns-toolbar .filter li a {padding: 0;display: block;float: left;color: #ffffff;width: 64px;height: 64px;line-height: 64px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; text-align: center;font-size: 1.3em;} #social_wall .dcsns-toolbar {width: 302px;position: absolute;top: -6px;right: 0;} #social_wall .dcsns-toolbar li a {margin-left: 15px;} #social_wall .dcsns-toolbar li:first-child a {margin-left: 0px;} #social_wall .dcsns-toolbar li a.link-all {border-radius: 50%; background: #bcbcbc;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #social_wall .dcsns-toolbar li a.link-all:hover, #social_wall .dcsns-toolbar li a.iso-active {background: #444444;} #social_wall .dcsns-toolbar li.f-facebook a {background: url(../img/picto_facebook_wall.png) no-repeat center center;} #social_wall .dcsns-toolbar li.f-facebook a:hover, #social_wall .dcsns-toolbar li.f-facebook a.iso-active {background: url(../img/picto_facebook_wall_hover.png) no-repeat center center;} #social_wall .dcsns-toolbar li.f-twitter a {background: url(../img/picto_twitter_wall.png) no-repeat center center;} #social_wall .dcsns-toolbar li.f-twitter a:hover, #social_wall .dcsns-toolbar li.f-twitter a.iso-active {background: url(../img/picto_twitter_wall_hover.png) no-repeat center center;} #social_wall .dcsns-toolbar li.f-instagram a {background: url(../img/picto_instagram_wall.png) no-repeat center center;} #social_wall .dcsns-toolbar li.f-instagram a:hover, #social_wall .dcsns-toolbar li.f-instagram .iso-active {background: url(../img/picto_instagram_wall_hover.png) no-repeat center center;} .social_wall .contenu_bloc {margin-top: 20px; min-height: 400px;} /* ZOOM SUR */ .zoom_sur {padding: 60px 0 85px 0;} #zoom_sur {position: relative;} #zoom_sur .titre_bloc span {background-image: url(../img/icon_zoom.png);background-color: #faa627;} .zoom_sur .btn_lien.home_link {background-image: url(../img/orange_rounded_border.png);} .zoom_sur .btn_lien.home_link a {background-image: url(../img/orange_arrow.png);} .zoom_sur .btn_lien.home_link a:hover {border-bottom: 2px solid #faa627;} .zoom_sur .contenu_bloc {margin-top: 20px;} .zoom_sur .contenu_bloc .img {width: 686px; height: 347px; overflow: hidden;} .zoom_sur .contenu_bloc .img img {border-radius: 5px;behavior:url(/fileadmin/templates/agglo/css/PIE.htc);} .zoom_sur .contenu_bloc .txt {width: 450px;padding: 25px 35px;} .zoom_sur .contenu_bloc .txt h2 {color: #1b1b1b; font-size: 3.6em; line-height: 1em; text-transform: uppercase;} .zoom_sur .contenu_bloc .txt p.accrochezoom {color: #1b1b1b; font-size: 2.2em; line-height: 1.2em;font-family:'work_sansbold',Arial,Verdana,sans-serif; } .zoom_sur .contenu_bloc .txt p.bodytext {color: #747474; font-size: 1.5em; line-height: 1.4em;margin: 20px 0 30px 0;} .zoom_sur .contenu_bloc .txt .btn_lien a {text-transform: uppercase;color: #1b1b1b; font-size: 1.4em; line-height: 1.4em;background: url(../img/orange_arrow.png) no-repeat left center; padding-left: 30px;font-family:'work_sansmedium',Arial,Verdana,sans-serif;} .zoom_sur .contenu_bloc .txt .btn_lien a:hover {border-bottom: 2px solid #faa627;} /* A VOIR AUSSI */ #slider_galaxie {position: relative;width: 100%;height: auto;} #slider_galaxie_cont #title_galaxie {position: absolute; width: 50%;overflow: hidden;} #slider_galaxie_cont p.title {color: #fff;font-size: 5em;line-height: 1.4em;text-transform: uppercase;width: 603px; float: right;padding-top:6%;} #slider_galaxie li.slide_galaxie {width: 100%;} #slider_galaxie .img {float: right;width: 50%;overflow: hidden;} #slider_galaxie .img > div {-webkit-transform: skewX(-8deg);-ms-transform: skewX(-8deg);transform: skewX(-8deg);overflow: hidden;position: relative;left: 2%;-webkit-backface-visibility: hidden;} #slider_galaxie .img > div > img {width: 100%;height: auto;display: block;-webkit-transform: skewX(8deg);-ms-transform: skewX(8deg);transform: skewX(8deg); position: relative;right: 2%; border-radius: 0;} #slider_galaxie .coverflow_zone_texte {float: right;width: 603px;padding-top:7%;} #slider_galaxie .coverflow_zone_texte .tag_slide {background: url(../img/green_arrow.png) no-repeat right center ;padding-right: 30px;display: inline-block;} #slider_galaxie .coverflow_zone_texte h2 {color: #fff; font-size: 2.2em; line-height: 1.2em; font-family:'work_sansbold',Arial,Verdana,sans-serif; background: url(../img/green_rounded_border.png) no-repeat left center;padding-left: 20px;display: inline;} #slider_galaxie .coverflow_zone_texte h2:hover {border-bottom: 2px solid #7fc241; } #slider_galaxie .coverflow_zone_texte .coverflow_texte {display: none;} #slider_galaxie .slider_nav {position: absolute;bottom: 17%;width: 50%;left: 0;} #slider_galaxie .slider_nav ul {width: 600px;float: right;} #slider_galaxie .slider_nav li a.control_galaxie.slider_galaxie_active {border: 4px solid #7fc241; background: #7fc241; } #slider_galaxie .slider_nav li a.control_galaxie.slider_galaxie_active:hover {border-width: 2px; } #slider_galaxie .slider_nav li a.control_galaxie {border: 4px solid #444;} #slider_galaxie .slider_nav li a:hover { border: 2px solid #7fc241;width: 10px;height: 10px;background: none;} /* RESTONS CONNECTE */ .connecte {padding: 60px 0 85px 0;} #connecte .titre_bloc span {background-image: url(../img/icon_social.png);background-color: #4996d1;} #connecte .contenu_bloc {margin-top: 20px;} #connecte #app {background: #f0f0f0;position: relative;height: 343px;overflow:hidden;} #connecte #app .img {width: 325px; height: 343px; overflow: hidden; } #connecte #app .txt {padding: 30px 30px 30px 20px;width: 415px;} #connecte #app .txt .title a {color: #000000; font-size: 5.5em; line-height: 1em; font-family:'work_sansbold',Arial,Verdana,sans-serif;text-transform: uppercase;} #connecte #app .txt .title a span {display: block;color: #000; font-size: 0.3em; line-height: 1em; font-family:'work_sansmedium',Arial,Verdana,sans-serif; } #connecte #app .txt .soustitre {color: #000; font-size: 2.2em; line-height: 1.3em; font-family:'work_sansbold',Arial,Verdana,sans-serif;} #connecte #app .txt .bodytext {color: #000; font-size: 1.5em; line-height: 1.5em;margin: 20px 0 25px 0;} #connecte #app .btn_lien a { text-transform: uppercase;color: #1b1b1b; font-size: 1.4em;line-height: 1.3em;background: url(../img/blue_arrow.png) no-repeat left center;padding-left: 30px; font-family: 'work_sansmedium',Arial,Verdana,sans-serif;} #connecte #app .btn_lien a:hover {border-bottom: 2px solid #4996d1;} #connecte #app .store {position: absolute; bottom: 22px; right: 30px;} #connecte #app .store a {display: block; margin-left: 15px; } #connecte #app .store a:first-child {margin-left: 0; } #connecte #app .store a img {border-radius: 5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #connecte #app .store a img:hover {opacity: 0.8;} /*#connecte*/ #newslet {background: #dedede; padding: 25px 30px;width: 304px;height: 293px;position: relative;} /*#connecte*/ #newslet .txt .title {color: #313131; font-size: 3.6em; line-height: 1.3em; text-transform: uppercase;} /*#connecte*/ #newslet .txt .soustitre {color: #313131; font-size: 2.2em; line-height: 1em; font-family:'work_sansbold',Arial,Verdana,sans-serif;} /*#connecte*/ #newslet .txt .bodytext {color: #313131; font-size: 1.5em; line-height: 1.5em;margin: 15px 0 16px 0; } /*#connecte*/ #newslet #zone_newsletter form #newsletter_email {border-radius: 5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);color:#2b2a2a; font-size: 1.5em; line-height: 1.5em; padding: 15px 20px 15px 50px;background: #fff url(../img/icon_newsletter.png) no-repeat 15px center; width: 100%;} /*#connecte*/ #newslet #zone_newsletter form ::-webkit-input-placeholder {color:#2b2a2a;} /*#connecte*/ #newslet #zone_newsletter form ::-moz-placeholder {color:#2b2a2a;} /*#connecte*/ #newslet #zone_newsletter form ::-moz-placeholder {color:#2b2a2a;} /*#connecte*/ #newslet #zone_newsletter form :-ms-input-placeholder {color:#2b2a2a;} /*#connecte*/ #newslet #zone_newsletter form #btn_valid_newsletter {border-radius: 5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc); color: #000; font-size: 1.4em; line-height: 1.4em; text-transform: uppercase;font-family:'work_sansmedium',Arial,Verdana,sans-serif;background: #4996d1 url(../img/black_arrow.png) no-repeat 10px center;padding: 6px 20px 6px 40px; position: absolute; bottom: 25px; right: 30px; } /*#connecte*/ #newslet #zone_newsletter form #btn_valid_newsletter:hover {-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms; background-color: #458cc3;} /*#connecte*/ #newslet #zone_newsletter #erreurNewsletter p {font-size: 1.2em;line-height: 1.5em;color: red;} #carto {width: 374px;height: 343px;overflow: hidden;position:relative;} #carto .title {color: #313131;font-size: 3.6em;line-height: 1.1em; text-transform: uppercase;padding: 25px 30px;top: 0;left: 0;position: absolute;} #carto .btn_lien {margin: 25px 30px;font-size: 1.4em;line-height: 1.4em;display: inline-block;position: absolute;bottom: 0;right:0;} #carto .btn_lien a:hover {background-position: 14px center;-webkit-transition-property: all;-webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;background-color: #458cc3; } #carto .btn_lien a {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc); color: #000;font-size: inherit;line-height: inherit;text-transform: uppercase; font-family: 'work_sansmedium',Arial,Verdana,sans-serif;background: #4996d1 url(../img/black_arrow.png) no-repeat 10px center; padding: 6px 20px 6px 40px;-webkit-transition-property: all;-webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;} /* *************************** PAGE CONTENT *************************** */ /* ACCORDEON */ .accordion {margin-bottom: 20px;} #page .accordion h3 {margin: 0;} .accordion h3 {background-color: #f2f2f2;padding: 15px 45px 15px 10px;background-image: url(/fileadmin/templates/agglo/img/accordion-arrow.png);background-repeat: no-repeat;background-position: 98% center;} .accordion h3:hover {cursor: pointer;} .accordion h3.clicked {background-image: url(/fileadmin/templates/agglo/img/accordion-arrow-clicked.png);} .accordion .accordion-content {margin-bottom: 0;border-top: 1px solid #dedede;} .accordion .label_container {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;} .accordion .accordion-legend {background: #dedede;width: 20%;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; -webkit-align-items: center; align-items: center;} #page #content .accordion .accordion-legend p {font-size: 1.49em;line-height: 1.5em;border: 0; border-bottom: 1px solid #e0e0e0;padding: 0px 20px;text-transform: uppercase;font-family: 'work_sansbold',Arial,Verdana,sans-serif;color: #000; margin: 0;} #page #content .accordion .label_container:first-child .accordion-details {border:0;} #page #content .accordion .accordion-details {padding: 10px 20px;background-color: #f2f2f2;width: 80%;border-top: 1px solid #dedede;box-sizing:border-box;} #page #content .accordion .accordion-details p {margin: 0;} /* ACCORDEON COLONNE DE DROITE */ #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title p {line-height:1em;} #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title:hover {cursor:pointer;} #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title:hover span {background-position: center 20px;} #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title span, #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title:hover span{-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} /* STRUCTURE */ .flex_flow {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;} #col_left {width:713px; padding:60px 92px 50px 0;} #col_right {width:374px; padding:50px 0 50px 27px; } #col_left.fullwidth, #col_left.fullwidth .place_col_left {width: 100%; float: none; padding: 60px 0px 50px 0;} .grey_sidebar {position: absolute;top: 0;right: 0;height: 100%;width: 50%;z-index: 1;} /* ACCES RAPIDES */ #home #acces_rapides {background: url(../img/logo_communaute.png) no-repeat center -7px; padding: 75px 0 0 0; float: right;} #home #acces_rapides ul li {float: left;width: 120px;height:120px;text-align: center;margin-bottom: 10px;} #home #acces_rapides ul li a span.titre {color: #000;margin-top: 5px;display: block;} #page #acces_rapides {height: 200px;position: absolute;bottom: 195px;width: 100%;} #page #acces_rapides ul li {float: left;width: 10%;text-align: center;padding: 35px 0.5% 50px 0.5%;} #page #acces_rapides ul li a span {display: block;} #acces_rapides ul li a, #acces_rapides ul li a span.img {display: block;} #acces_rapides ul li a span.titre {text-transform: uppercase;color: #fff;font-size: 1.3em; line-height: 1.3em;margin-top: 10px;} #acces_rapides ul li a span.img {height: 80px; width: 80px;margin: 0 auto;} #acces_rapides ul li a span.img img{-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #acces_rapides ul li a:hover span.img {background: #f58220; border-radius: 50%;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #acces_rapides ul li a:hover span.img img {filter: saturate(0%) brightness(208%);-webkit-filter: saturate(0%) brightness(208%);-moz-filter: saturate(0%) brightness(208%);-o-filter: saturate(0%) brightness(208%);-ms-filter: saturate(0%) brightness(208%); } #page #logo p {margin:0; font-size: 2em;} /* BANDEAU */ #page #bandeau {width: 100%; height: auto; position: relative;min-height: 40px;} #page #bandeau img {width: 100%; height: auto;display: block;} /* FIL D'ARIANE */ #page #bandeau #fil_ariane {position: absolute; bottom: 0; width: 100%;background: rgba(0,69,139,0.8);padding: 13px 0;} #page #fil_ariane li {color:#fff;display:inline; font-size:1.4em; line-height:1em; padding:0 12px 0 22px; background:url(../img/sep_ariane2.png) no-repeat left center;text-transform: uppercase;} #page #fil_ariane li:first-child {padding:0 12px 0 0; background:none;} #page #bandeau #fil_ariane ul li a {color:#fff; } #page #bandeau #fil_ariane ul li.last {font-family:'work_sanssemibold',Arial,Verdana,sans-serif;} #page #fil_ariane li a:hover, #page #fil_ariane li a:focus {color:#ee3251;} /* ACCROCHE */ .accroche {width: 71%;padding-right: 20px;text-align: right; position: relative;margin-top: 20px;} #page #content .accroche p {color: #006cb8; font-size: 1.8em; line-height: 1.6em;font-family:'work_sanssemibold',Arial,Verdana,sans-serif;margin: 0; } .accroche .border {position: absolute;right: 0;width: 3px;background: #4996d1;display: block;height: 100%;top: 0;border-radius: 2px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} /* VGINETTES */ /* CONTENUS LIES */ #contenus_lies {margin-top: 40px; padding-top: 40px; border-top: 1px solid #e0e0e0;} #page #content #contenus_lies .titre_bloc p {color: #1b1b1b; font-size: 3.4em; line-height: 1.2em;text-transform: uppercase;margin: 0;} #contenus_lies .titre_bloc {margin-bottom: 20px;} .vignettes .list_item {border: 0;position: initial;width: 30%; margin-right: 4.67%;margin-bottom: 30px;} .vignettes .list_item:nth-child(3n) {margin-right: 0; } .vignettes .list_item:hover { border: 0; } .vignettes .list_item .img {background: none;margin-bottom: 15px; } #content_page .vignettes .list_item .img a {display: block;border: 0;} #content_page .vignettes .list_item .img a:hover, #content_page .vignettes .list_item .img a:focus {background: none;} .vignettes .list_item .img img {border-radius: 10px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc); display: block;width: 100%;} #page .vignettes .list_item .pres h2 {font-size: 2em; line-height: 1.2em;margin: 0;} #page .vignettes .list_item .pres h2 a {color: #1b1b1b; font-family:'work_sansbold',Arial,Verdana,sans-serif;text-transform: none;} #col_left.fullwidth #contenus_lies.vignettes .list_item {width: 30.94%;margin-right: 3.67%;} #col_left.fullwidth #contenus_lies.vignettes .list_item:nth-child(2n) {margin: 0 42px 40px 0;} #col_left.fullwidth #contenus_lies.vignettes .list_item:nth-child(3n) {margin-right: 0;} /* SUBPAGES */ #subpages.vignettes .list_item {margin: 0 4% 40px 0;width: 48%;} #subpages.vignettes .list_item:nth-child(2n) {margin-right: 0;} #subpages.vignettes .list_item:nth-child(3n) {margin-right: 4%;} /* BLOC RESSOURCES DOWNLOAD */ .zone_ressources_download .titre_bloc span{background-image: url(../img/icon_download.png);background-color: #4996d1;} .zone_ressources_download .contenu_bloc {margin-top: 20px;} #page .zone_ressources_download ul {padding:0; margin:0;} #page .zone_ressources_download ul li {font-size:1.8em; line-height:23px; line-height:1.1em; padding:0; margin:20px 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.png) no-repeat 0 3px;display:block; min-height:53px;} #page .zone_ressources_download ul li a:hover, #page .zone_ressources_download ul li a:focus { -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;} #page .zone_ressources_download ul li span {display:block;padding-left:15px; border-left: 3px solid #dedede} #page .zone_ressources_download ul li .nm_doc {color:#000000; font-family:'work_sansbold',Arial,Verdana,sans-serif;line-height: 1.4em;} #page .zone_ressources_download ul li .infos_doc {color:#000000; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-size:15px; font-size:0.8em; line-height:1.1em; display:block; margin: 0; padding-top: 8px;padding-bottom: 8px;width: auto;} #page .zone_ressources_download ul li span.maju {display:inline; text-transform:uppercase; border:0; padding:0;} #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 .titre_bloc span {background-image: url(../img/icon_savoirplus.png);background-color: #444444;} .zone_articles_associes .contenu_bloc {margin-top: 20px;} .zone_articles_associes ul {margin:0;} .zone_articles_associes ul li { margin:0 0 27px 0; font-size:1.8em; line-height:1.3em;border-left: 3px solid #7fc241; } .zone_articles_associes ul li a {color:#000; font-family:'work_sansbold',Arial,Verdana,sans-serif; display:inline;background:url(../img/green_arrow.png) no-repeat right 10px center; position: relative;right: -15px; padding-right: 45px; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} .zone_articles_associes ul li:hover a {background-position:right 0 center; } /* BLOC INFO UTILE */ #page #content .titre_bloc.home_title {position: relative;padding-left: 66px;} #page #content .titre_bloc.home_title span {height: 50px; width: 50px; border-radius: 50%;position: absolute;top: 0;left: 0;background-repeat: no-repeat; background-position:center center; } #page #content .titre_bloc.home_title p {text-transform: uppercase; color: #000; font-size: 3.4em; line-height: 1.5em; margin-bottom: 0;} #page #content .btn_lien.home_link {position: absolute;right: 0;top: 30px; background-repeat: no-repeat; background-position:right center;padding-right: 15px;} #page #content .btn_lien.home_link a {text-transform: uppercase; color: #000; font-size: 1.1em; line-height: 1.1em;font-family:"work_sansmedium", Arial,Verdana,Helvetica,sans-serif; padding-left: 25px; background-repeat: no-repeat; background-position:left center;} .info_utile .map_infos {width: 100%; height: 300px;} .info_utile .titre_bloc span {background-image: url(../img/icon_geoloc.png);background-color: #f58220;} .info_utile .content_bloc, .info_utile .info_map { margin-top: 20px;} .info_utile .info_map {border-radius: 10px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);overflow: hidden;} #page #content .info_utile .content_bloc .subtitle {margin-bottom: 10px;} #page #content .info_utile .content_bloc .subtitle p {font-family:"work_sansbold", Arial,Verdana,Helvetica,sans-serif;font-size: 2.2em;line-height: 1.2em;text-transform: uppercase;color: #000;word-wrap: break-word;font-weight: normal;} #page #content .info_utile .annuaire_details p {color: #4c4c4c;list-style-image: none;padding: 6px 0 6px 30px;margin: 0;line-height: 1.2em;font-size: 1.6em;} #page #content .info_utile .annuaire_details p a {color: #4c4c4c;font-family: "work_sanssemibold", Arial,Verdana,Helvetica,sans-serif; } #page #content .info_utile .annuaire_details p a:hover {border-bottom: 2px solid #f58220; } #page #content .info_utile .annuaire_details .annuaire_lieu,.list_item.association .desc .adresse {background: url(../img/picto_adress.png) no-repeat left 4px;} #page #content .info_utile .annuaire_details .annuaire_tel,.list_item.association .desc .tel {background: url(../img/picto_tel.png) no-repeat left 4px;} #page #content .info_utile .annuaire_details .annuaire_fax,.list_item.association .desc .fax {background: url(../img/picto_fax.png) no-repeat left 4px;} #page #content .info_utile .annuaire_details .annuaire_tel a, ,.list_item.association .desc .tel a {font-family: "work_sansregular", Arial,Verdana,Helvetica,sans-serif;color: #4c4c4c;} #page #content .info_utile .annuaire_details .annuaire_mail, .list_item.association .desc .mail {background: url(../img/picto_contact_geo.png) no-repeat left 4px;} #page #content .info_utile .annuaire_details .annuaire_site,.list_item.association .desc .website {background: url(../img/picto_website.png) no-repeat left 4px;} #page #content .info_utile .btn_lien.home_link {position: static;background-image: url(../img/orange_border_info.png);text-align: right;font-size: 1.4em;margin: 20px 0 0 0;} #page #content .info_utile .btn_lien.home_link a {background-image: url(../img/picto_website.png); font-size: 1em;} #page #content .info_utile .btn_lien.home_link a:hover {border-bottom: 2px solid #f58220;} #page #content .info_utile .annuaire_details ul li {color: #4c4c4c;list-style-image: none;padding: 6px 0 6px 30px;margin: 0;line-height: 1.2em;font-size: 1.6em;} /* EVENEMENTS LIES */ #page #content #col_right .agenda {position: relative; padding: 0;} #page #content #col_right .agenda .contenu_bloc > ul > li h2 {margin: 0} #page #content #col_right .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.d {font-size: 1.33em;} #page #content #col_right .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.m {font-size: 0.36em;} #page #content #col_right .agenda .contenu_bloc > ul > li .wrap_txt .category span {font-size: 0.36em;} #page #content #col_right .agenda .contenu_bloc > ul > li .wrap_txt { margin-left: 0;} #page #content #col_right .agenda .contenu_bloc > ul > li .wrap_txt .category p {margin-bottom: 0;font-size: 1.2em;line-height: 1.2em;} #page #content #col_right .agenda .contenu_bloc > ul > li .titre_actu {margin: 8px 0 6px 0; font-size: 0.66em;line-height: 1.2em;text-transform: none;font-family: 'work_sansbold',Arial,Verdana,sans-serif;} #page #content .agenda .btn_lien.home_link {position: static;margin-bottom: 0; font-size: 1.4em; float: right;} #page #content .agenda .btn_lien.home_link a {font-size: 1em;background-image: url(../img/green_arrow.png);} #page #content .agenda .btn_lien.home_link a:hover {border-bottom: 2px solid #7fc241; background-color: transparent;} #page #content #col_right .agenda .contenu_bloc > ul > li { margin-left: 0; margin-bottom: 40px; float: none;} #page #content .agenda .contenu_bloc > ul > li .descr {font-size: 0.42em;color: #747474;text-transform: none; } /*SEP CATEGORIE #21127 */ /*#page #content .info_actu .category p {padding-right:6px; padding-left:12px; background:url(../img/sep_categ.png) no-repeat left 11px;} #page #content .info_actu > .category:first-child p {padding-left:0; background:none;}*/ #page #content #col_right .agenda .contenu_bloc > ul > li .wrap_txt .category span.sep_categ {display:inline; font-size:1em; padding-right:6px; padding-left:12px; background:url(../img/sep_categ.png) no-repeat left center;} #page #content #col_right .agenda .contenu_bloc > ul > li .wrap_txt .category span span.sep_categ:first-child {padding-left:0; background:none;} /* BLOC NEWSLETTER */ #page #content #newslet {width: 84%; height: auto;position: static;} #page #content #newslet .txt .title {color: #313131;font-size: 3.6em;line-height: 1.3em;text-transform: uppercase;margin-bottom: 0;} #page #content #newslet .txt .soustitre {color: #313131;font-size: 2.2em;line-height: 1em;font-family: 'work_sansbold',Arial,Verdana,sans-serif;margin-bottom: 0;} #page #content #newslet .txt .bodytext {color: #313131;font-size: 1.5em;line-height: 1.5em;margin: 15px 0 16px 0;} #page #content #newslet #zone_newsletter form #btn_valid_newsletter {position: static;margin-top: 20px; float: right;} /* *************************** PAGE ACTUALITES *************************** */ /* Moteur */ #page #content #col_left #moteur {background: #dedede;padding: 25px; position: relative;} #page #content #col_left #moteur select {background: #fff url(../img/picto_select.png) no-repeat 95% center;} #page #content #col_left #moteur form .ligne_form {float: left; width: 20.7%; clear: none;margin-right: 1.8%;margin-bottom: 0;} #page #content #col_left #moteur form #recherche.ligne_form {border:0;} #page #content #col_left #moteur form .ligne_form.btn_submit {width: 9.7%; margin-right: 0;position: absolute; right: 25px; bottom: 25px;} #page #content #col_left #moteur form .ligne_form.btn_submit .submit_compte {background: #7fc241 url(../img/black_arrow.png) no-repeat 15px 16px;padding: 8px 15px 8px 43px;font-family: 'work_sansmedium',Arial,Verdana,sans-serif;font-size: 1.4em; height: 47px;} #page #content #col_left #moteur form .ligne_form label, #page #content #col_left #moteur form .ligne_form select, #page #content #col_left #moteur form .ligne_form input {width: 100%; float: none;} #page #content #col_left #moteur form .ligne_form label {color: #666666; text-transform: uppercase; font-size: 1.2em; line-height: 1.2em;margin-bottom: 5px;font-family: 'work_sansmedium',Arial,Verdana,sans-serif;} #page #content #col_left #moteur form .ligne_form input {line-height: 1.7em;} #page #content #col_left #moteur form .ligne_form select{-webkit-appearance:none; -moz-appearance:none; appearance:none; font-size: 1.5em; color: #2b2a2a;} #page #content #col_left #moteur form .ligne_form select::-ms-expand{display:none;} #page #content #col_left #moteur form .ligne_form ::-webkit-input-placeholder {color:#2b2a2a;} #page #content #col_left #moteur form .ligne_form ::-moz-placeholder {color:#2b2a2a;} #page #content #col_left #moteur form .ligne_form ::-moz-placeholder {color:#2b2a2a;} #page #content #col_left #moteur form .ligne_form :-ms-input-placeholder {color:#2b2a2a;} #page #content #col_left #moteur form .ligne_form .ligne_form {float: none; width: 100%;} #page #content .moteur_lien {text-align: right;margin-top: 20px;} #page #content .moteur_lien a {background: url(../img/picto_website.png) no-repeat left 4px;padding: 6px 0 6px 30px;border-bottom: 2px solid #f58220;} #page #content .moteur_lien a:hover, #page #content .moteur_lien a:focus {color: #323232;border-bottom: 2px solid #f58220;background-color:transparent;} /* Carte interactive */ #page #content #col_left #map_search{height: 700px;} #page #content_page #zone_map {width: 100%; height: 700px; overflow: hidden;position: relative;} #page #content_page #zone_map #modal_window {position:absolute; top:0; left:0;width:100%; height:100%;background: rgba(0,0,0,0.7);} #page #content_page #zone_map #modal_window #modal_window_content {padding: 20px;width:400px; position:absolute; right:34%; top:28%;background: #fff; border-radius: 2px;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_close_map .close::after, #page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_close_map .close::before {background: #f58220 ;-webkit-transition-property: all;-webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_close_map .close {background: #2B2A2A;width: 40px;height: 40px;position: absolute;right: 0px; top: 0;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_close_map .close:hover {background: #f58220;cursor: pointer;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_close_map:hover .close::after,#page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_close_map:hover .close::before {background: #ffffff;-webkit-transition-property: all;-webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;} #page #content_page #zone_map #modal_window #modal_window_content .item_default h2 {margin: 10px 0;font-size: 3.4em;} #page #content_page #zone_map #modal_window #modal_window_content .item_default h2 a {font-family: "work_sansbold", Arial,Verdana,Helvetica,sans-serif;text-transform: uppercase;color: #000;word-wrap: break-word;font-weight: normal;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .desc p {margin: 5px 0;padding-left: 30px;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .adresse {background: url(../img/picto_adress.png) no-repeat left 0px;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .tel{ background: url(../img/picto_tel.png) no-repeat left 0px;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .mail{ background : url(../img/picto_contact_geo.png) no-repeat left 0px} #page #content_page #zone_map #modal_window #modal_window_content .item_default .mail a {border: 0;background: transparent;color: #4c4c4c;font-family: "work_sanssemibold", Arial,Verdana,Helvetica,sans-serif; text-decoration: none;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .mail a:hover {opacity:1; border-bottom: 2px solid #f58220;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_lien {font-size: 1.5em;line-height: 1.1em;margin: 30px 0 0 0;float: right;display: inline-block;border-radius: 5px;padding: 10px 15px 10px 37px;background: #f58220 url(../img/black_arrow.png) no-repeat 10px center;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_lien a:hover {color: #000;} #page #content_page #zone_map .btn_close_map .close, #page #content_page #zone_map .btn_close_map .close::before, #page #content_page #zone_map .btn_close_map .close::after {position: absolute;width: 30px;height: 2px;background: #444444;right: 4px; top: 18px;} #page #content_page #zone_map .btn_close_map .close::before { -moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} #page #content_page #zone_map .btn_close_map .close::after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); transform: rotate(45deg);} #page #content_page #zone_map .btn_close_map .close::after, #page #content_page #zone_map .btn_close_map .close::before{content: "";display: block;} #page #content_page #zone_map .btn_close_map .close {background: transparent;} /*LOADER FILTERS OVERLAY*/ #loader_filters {position:absolute; top:30%; left:30%; z-index:70;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:#4996d1; 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);} } .wrap_map {position:relative; overflow:hidden; margin:0 0 80px 0;} #overlay_filters {position:absolute; background:rgba(0,0,0,0.8); height:100%; width:100%; top:0; right:0; z-index:5; visibility:hidden; opacity:0;} #overlay_filters.Open {visibility:visible;} #filters.filters_map {padding:0 0 0 120px; margin:0; background:#ffffff; border-bottom:2px solid #f0f0f0; border-left:2px solid #f0f0f0; width:410px; height:100%; position:absolute; z-index:15; overflow-y:auto; right:-286px; top:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #filters.filters_map #wrap_filters {background:#f0f0f0; padding:45px 30px 30px 30px; border-left:2px solid #f0f0f0; height:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y: scroll;} #filters .titre {text-transform:uppercase; color:#1d1d1b; font-family:'work_sansmedium',Arial,Verdana,sans-serif; font-size:2.5em; line-height:1em; letter-spacing:0.02em; margin:0 0 30px 0;} #filters legend.btn_tri {cursor:pointer;} #filters legend.btn_tri {display:block; position:absolute; left:0; width:120px; height:auto; padding:87px 0 23px 0; margin:0; background-color:#fff; background-repeat:no-repeat; background-position:center 20px; border-top:2px solid #f0f0f0; text-transform:uppercase; text-align:center; color:#2b2a2a; font-size:1.4em; font-family:'work_sansmedium',Arial,Verdana,sans-serif;} #filters legend#tri_agenda {background-image:url(../img/map_evenements.png); top:0;} #filters legend#tri_associations {background-image:url(../img/picto_tri_associations.png); top:140px;} #filters legend#tri_commerces {background-image:url(../img/picto_tri_commerces.png); top:280px;} #filters legend#tri_batiments {background-image:url(../img/picto_tri_batiments.png); top:420px;} #filters legend#tri_asso {background-image:url(../img/picto_tri_associations.png); top:560px;} #filters legend#tri_lieux {background-image:url(../img/map_lieux.png); top:122px;} #filters legend#tri_bus{ top:242px;padding: 52px 0; line-height: 1.2em;background-image: url(../img/Logo_Aleo.png);} #filters legend.btn_tri.act, #filters legend.btn_tri:hover {background-color:#f0f0f0;} fieldset.part_form .wrap_form {display:none;} fieldset.part_form.part_act .wrap_form {display:block;} /* Mathieu Fait du css <3 #18570 */ #filters fieldset.sous_part_form .wrap_sous_form {display:none;} #filters fieldset.sous_part_form.sous_part_act {display:block !important;} #filters fieldset.sous_part_form.sous_part_act .wrap_sous_form {display:block;} #filters fieldset.sous_part_form > legend {cursor:pointer;display:block;padding:15px 60px 15px 0; margin:0; border-bottom:2px solid #d4d4d4; background:url(../img/btn_next_filtres.jpg) no-repeat right center;} #filters fieldset.sous_part_form:first-child > legend {border-top:2px solid #d4d4d4;} #filters 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 #d4d4d4; margin:0 0 32px 0;} /* Mathieu Fait du css */ #filters.filters_map .ligne_form {display:block; margin:0 0 25px 0; max-width:inherit;} #filters.filters_map #recherche.ligne_form {border:0;} #filters.filters_map .ligne_form.date.display_none {display:none;} #filters.filters_map select {min-width:100%;} #filters.filters_map .ligne_form.checkbox, #filters.filters_map .ligne_form.radio {margin:0; padding:0;} #filters.filters_map .ligne_form.checkbox label, #filters.filters_map .ligne_form.radio label {font-size:1.5em;} #filters.filters_map .ligne_form.date .ligne_form {width:45%; clear:none; margin:0;} #filters.filters_map .ligne_form.date .ligne_form.left {margin:0 4% 0 0;} #filters.filters_map label {margin:0 0 4px 0;width: 100%;font-family: 'work_sansmedium',Arial,Verdana,sans-serif;font-size: 1.4em;color: #000;} #filters.filters_map label + fieldset {clear:both;/*padding: 10px 10px 0 0;*/padding: 10px 0px 0 0;} #filters.filters_map .ligne_form.checkbox input {float: left;margin: 4px;} #filters.filters_map .ligne_form.checkbox label { max-width: 84%;width: auto; padding-left: 10px;font-family: 'work_sansregular',Arial,Verdana,sans-serif;font-size: 1.4em; color: #747474;} #filters.filters_map select {padding:10px 40px 10px 10px;height: 43px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ffffff url(../img/bg_select_black.png) no-repeat 94% center;} #filters.filters_map .ligne_form input[type="text"] {width: 100%;padding:10px 40px 10px 10px;} #filters input[type="submit"], #filters textarea input[type="button"] {padding:5px 49px 5px 15px;} #close_filters{width: 40px;height: 40px;position: absolute; z-index: 5;right: 0;top: 0;cursor: pointer;-moz-transition: background 0.3s;-o-transition: background 0.3s;-webkit-transition: background 0.3s;transition: background 0.3s; position: absolute;top: 0;right: 0;} #close_filters .close, #close_filters .close::before, #close_filters .close::after {position: absolute;width: 17px;height: 2px;background: #444444;} #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.btn_act .close {background: transparent;left: 12px;top: 19px;} #close_filters .close::before, #close_filters .close::after {content: "";display: block;} #page #content_page #zone_map #modal_window #modal_window_content .item_default .btn_lien.gmp {background:transparent;font-size:1.4em;} #page #content .wrap_map .btn_lien.gmp a{color: #000;font-size: inherit;line-height: inherit;text-transform: uppercase;font-family: 'work_sansmedium',Arial,Verdana,sans-serif;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);background: #4996d1 url(../img/black_arrow.png) no-repeat 10px center; padding: 6px 20px 6px 40px;-webkit-transition-property: all;-webkit-transition-duration: 500ms; -moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms; } #page #content .wrap_map .btn_lien.gmp a:hover {background-position: 14px center;-webkit-transition-property: all;-webkit-transition-duration: 500ms; -moz-transition-property: all;-moz-transition-duration: 500ms;transition-property: all;transition-duration: 500ms;background-color: #458cc3;opacity: 1;} /****************************************/ /* Liste */ #page #content #col_left #liste_resultats.agenda {padding: 40px 0 0px 0;} #page #content #col_left #liste_resultats.agenda .contenu_bloc {margin-top: 0;} #page #content #col_left #liste_resultats.agenda .contenu_bloc ul {padding:0; margin: 0;font-size:0;} #page #content #col_left .agenda .contenu_bloc > ul > li {font-size:15px;} #page #content #col_left .agenda a {border: 0;padding: 0;} #page #content #col_left .agenda a:hover {opacity:1;} #page #content #col_left .agenda ul > li h2 {margin: 0;} #page #content #col_left .agenda ul > li p a {font-family: 'work_sansregular',Arial,Verdana,sans-serif;font-size: 1em;} #page #content #col_left .agenda .contenu_bloc ul > li {margin-left: 38px;display: inline-block;float: none;vertical-align: top;margin-bottom: 40px;} #page #content #content_page #col_left .agenda ul li {list-style-image: none;padding: 0; margin:0;} #page #content #col_left .agenda .contenu_bloc ul > li:nth-child(3n+1) {margin-left: 0;} #page #content #col_left .agenda .contenu_bloc ul > li .info .startdate {background: #f0f0f0;} #page #content #col_left .agenda .contenu_bloc ul > li a .illustrations:hover .info .startdate {background: #7ab93f;} #page #content #col_left .agenda .contenu_bloc > ul > li .wrap_txt .category span {font-size: 0.24em;} #page #content #col_left .agenda .contenu_bloc > ul > li .titre_actu {font-size: 0.44em;} #page #content #col_left .agenda .contenu_bloc > ul > li .descr {font-size: 0.3em;} #page #content #col_left .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.d {font-size: 0.9em;} #page #content #col_left .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.m {font-size: 0.25em;} #page #content #col_left .agenda .contenu_bloc > ul > li {padding: 0;} /* Elus */ #page #content #col_left.relative .agenda ul li {width: 337px;} #page #content #col_left.relative .agenda ul li:nth-child(3n+1) {margin-left: 38px;} #page #content #col_left.relative .agenda ul li:nth-child(2n+1) {margin-left: 0;} #page #content #col_left .agenda ul li.elus .fonction {margin-bottom: 10px;font-family: 'work_sansmedium',Arial,Verdana,sans-serif;} /* Liste */ #page #content #col_left .agenda .contenu_bloc div {margin-left: 38px;display: inline-block;float: none;vertical-align: top;margin-bottom: 40px;font-size: 1.49em; line-height: 1.4em;width: 374px;} .agenda .contenu_bloc div .illustrations {position: relative;display: block;overflow: hidden;margin-bottom: 20px;} .agenda .contenu_bloc div img {float: right;} .agenda .contenu_bloc div .info {position: absolute;top: 0;left: -5px;height: 100%;} .agenda .contenu_bloc div .info .date {margin: 0 0 15px 0;font-size: 1em;display: block;} .agenda .contenu_bloc div .info span {height: 100%;display: block;} #page #content #col_left .agenda .contenu_bloc div .info .startdate {background: #f0f0f0;} .agenda .contenu_bloc div .info .startdate, .agenda .contenu_bloc div .info .enddate { width: 115px;-webkit-transform: skewX(-5deg);-ms-transform: skewX(-5deg);transform: skewX(-5deg);-webkit-transition-property: all;-webkit-transition-duration: 500ms;-moz-transition-property: all;-moz-transition-duration: 500ms; transition-property: all;transition-duration: 500ms;} .agenda .contenu_bloc div .info .enddate {background: #dedede;position: relative;right: 2px;} .agenda .contenu_bloc div .info span span.wrap_date {-webkit-transform: skewX(5deg);-ms-transform: skewX(5deg);transform: skewX(5deg);text-align: center;} .agenda .contenu_bloc div .info span span.wrap_date > span {display: inherit;height: auto;} .agenda .contenu_bloc div .info span span.wrap_date > span.d {font-family: 'lt_oksanabold',Arial,Verdana,sans-serif;font-size: 3em; line-height: 1em;color: #000;margin: 32px 0 7px 0;} .agenda .contenu_bloc div .info span span.wrap_date > span.m {font-size: 0.8em;line-height: 1em;color: #000;text-transform: uppercase;} .agenda .contenu_bloc div .wrap_txt {margin-top: 20px;} .agenda .contenu_bloc div .wrap_txt span {display: block;} .agenda .contenu_bloc div .wrap_txt .category span {margin-top: 20px;font-size: 0.8em;line-height: 1.2em;font-family: 'work_sansmedium',Arial,Verdana,sans-serif;color: #666666;text-transform: uppercase;} #page .agenda .contenu_bloc div .wrap_txt h2 {margin: 8px 0 6px 0;color: #1b1b1b;font-size: 1.5em;line-height: 1.2em;font-family: 'work_sansbold',Arial,Verdana,sans-serif;} #page #content .agenda .contenu_bloc div .descr {color: #747474;text-transform: none;} #page #content #col_left .agenda .contenu_bloc div a .illustrations:hover .info .startdate {background: #7ab93f;} .agenda .contenu_bloc div a .illustrations:hover .info .enddate {background: #73b03b;} #page #content #col_left .agenda a:hover {opacity: 1;color: inherit;} #page #content #col_left .agenda .contenu_bloc div:nth-child(3n+1) {margin-left: 0;} /* Associations */ #page #content #col_left .agenda .contenu_bloc > ul > li.list_item.association h2 {font-size: 1em;margin-bottom: 10px;} #page #content #col_left .agenda .contenu_bloc > ul > li.list_item.association h2 a {margin: 8px 0 6px 0;color: #1b1b1b;font-family: 'work_sansbold',Arial,Verdana,sans-serif;} #page #content #col_left .agenda .contenu_bloc > ul > li.list_item.association .desc {font-size: 0.46em;display: inherit;width: 100%;margin: 0;color: #747474;} #page #content #col_left .agenda .contenu_bloc > ul > li.list_item.association .desc p {margin-bottom:0;padding: 6px 0 6px 30px;line-height: 1.3em;} #page #content #col_left .agenda .contenu_bloc > ul > li.list_item.association .desc a {color: #4c4c4c;font-family: "work_sanssemibold", Arial,Verdana,Helvetica,sans-serif;} #page #content #col_left .agenda .contenu_bloc > ul > li.list_item.association .desc a:hover, #page #content #col_left .agenda .contenu_bloc > ul > li.list_item.association .desc a:focus {background:transparent; border-bottom: 2px solid #f58220;} /* Detail */ #page #content .info_actu .date { color: #fff; padding: 8px 10px;margin-right: 15px;margin-bottom: 20px;} #page #content .info_actu .date .d {font-family: 'lt_oksanabold',Arial,Verdana,sans-serif;font-size: 1.6em; line-height: 1.2em;} #page #content .info_actu .date .m {font-family: 'work_sansregular',Arial,Verdana,sans-serif; font-size: 1.2em; line-height: 1.2em;text-transform: uppercase;} #page #content .info_actu .category p {padding-right: 12px;font-family: 'work_sansmedium',Arial,Verdana,sans-serif;font-size: 1.4em; line-height: 1.2em;text-transform: uppercase; color: #666666;padding-top: 12px;} #page #content #content_page .news-single-item .news-img-wrap {margin-bottom: 30px;} #page #content #content_page .news-single-item .news-img-wrap a {display: block; border: 0;} #page #content #content_page .news-single-item .news-img-wrap a:hover {border: 0; background: none;} #content_page .slider_detail {width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;position: relative; } #content_page .slider_detail .slider_nav {top: 13px; z-index: 2;} #content_page .slider_detail ul {margin: 0;padding: 0;} #content_page .slider_detail ul li {list-style-image: none;margin: 0;padding: 0;} #content_page .slider_detail li a {display: block; border: 0;padding: 0;} #content_page .slider_detail li a:hover {opacity: 1;} #page #content_page .slider_nav li {padding-right: 5px;} #page #content_page .slider_nav li a.control_detail {cursor: pointer;background: #4996d1;width: 15px;height: 15px;display: inline-block;border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;behavior: url(/fileadmin/templates/moulins/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;} #page #content_page .slider_nav li a.control_detail.slider_detail_active {background: #fff;} #page #content_page .slider_nav li a:hover {opacity: 0.8;} /*SEP CATEGORIE #21127 */ #page #content .info_actu .category p {padding-right:6px; padding-left:12px; background:url(../img/sep_categ.png) no-repeat left 11px;} #page #content .info_actu > .category:first-child p {padding-left:0; background:none;} /* **************************************************************************** */ /* PARTAGE */ #social_share #share .a2a_dd {background: url(../img/share.png) no-repeat center center;width: 46px;height: 46px;display: block;margin-right: 10px;} #social_share #print a {background: url(../img/print.png) no-repeat center center;width: 46px;height: 46px;display: block;} #social_share > div:hover {-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;opacity: 0.8;} #social_share > div a:hover {cursor: pointer;} #page #content #social_share p {margin: 0;} /* 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;} /**************** PARAM TXT ****************/ #page h1 {color:#1b1b1b; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-size:5em; line-height:1em; font-weight:normal; margin:0 0 10px 0;text-transform: uppercase;} #page h2 {color:#1b1b1b; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-size:3.4em; line-height:1em; font-weight:normal; margin:60px 0 10px 0;text-transform: uppercase;} #page h2 a {border:0; color:#1b1b1b; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-weight:normal;text-transform: uppercase;} #page h3 {color:#1b1b1b; font-family:'work_sanssemibold',Arial,Verdana,sans-serif; font-size:2em; line-height:1.2em; font-weight:normal; margin:30px 0 15px 0;} #page h3 a {border:0; color:#1b1b1b; font-family:'work_sanssemibold',Arial,Verdana,sans-serif; font-weight:normal;} #page h4 {text-transform:uppercase; color:#1a171b; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-size:1.6em; line-height:1.2em; font-weight:normal; margin:15px 0 10px 0;} #page h4 a {text-transform:uppercase; border:0; color:#1a171b; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-weight:normal;} #page h2 a:hover, #page h2 a:focus, #page h3 a:hover, #page h3 a:focus, #page h4 a:hover, #page h4 a:focus {border:0; font-weight:normal; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;color:#1b1b1b;} #content_page {margin-top: 50px;} /*SKIN PARAGRAPHE*/ #page #content p {font-size:1.49em; line-height:1.49em; color:#747474; margin:0 0 15px 0;} /*SKIN LIEN*/ #content_page a {color:#323232; text-decoration:none; text-transform:none; border-bottom:1px solid #4996d1; background:none; padding:0 2px;font-family:'work_sanssemibold',Arial,Verdana,sans-serif; } #content_page a:hover, #content_page a:focus {color:#ffffff; background:#4996d1; opacity:0.8; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} /*SKIN LEGENDE LIEN IMG*/ .csc-textpic-image img {border-radius: 5px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} figcaption.csc-textpic-caption {margin:5px 0;color: #2b2a2a; text-transform: uppercase; font-size: 1.2em; line-height: 1.2em;font-family:'work_sanssemibold',Arial,Verdana,sans-serif; } #content_page .csc-textpic-image a {padding:0;} /*SKIN LIST*/ #content_page ul, #content_page ol {padding:0 0 0 60px; margin:5px 0 10px 0;color: #747474;} #content_page ul li, #content_page ol li {list-style-image:url(../img/black_bullet.png); font-size:1.49em; line-height:1.4em;padding-left: 5px;} #content_page ul li li, #content_page ol li li {font-size:1em;} /*SKIN TABLEAUX*/ #content_page table {border-spacing:0; border-collapse:collapse; margin:0 0 10px 0;} #content_page table thead tr th, #content_page table.contenttable tr.thead th {background: #dedede; color:#000; } #content_page table thead tr th:first-child, #content_page table.contenttable tr.thead th:first-child {border-radius: 5px 0 0 5px; } #content_page table thead tr th:last-child, #content_page table.contenttable tr.thead th:last-child {border-radius: 0 5px 5px 0; } #content_page th, #content_page td {padding:10px 10px 10px 0; line-height:1em; vertical-align:middle;} #content_page th {text-align:left; color:#000; font-size:1.6em; line-height:1.5em; text-transform:uppercase;font-family:'work_sansbold',Arial,Verdana,sans-serif; padding: 6px 20px;} #content_page td, #content_page table.contenttable tr th {text-align:left; color:#747474; font-size:1.49em; line-height:1.5em; border:0; border-bottom:1px solid #e0e0e0;padding: 6px 20px;} #content_page table.contenttable tr th {background: #dedede;color: #000;} #page #content td p {font-size: 1em;margin-bottom: 0;} #content_page td * {font-size:1em;} #content_page table tbody td:nth-child(2n) {background: #f2f2f2;} /* ***** DCE BLOC ELU ***** */ .bloc_elu {margin:0 0 25px 0; width: 100%; float: none; clear: both; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);overflow: hidden;} .bloc_elu:nth-child(2n) {margin-right: 0;} .bloc_elu.bloc_maire {background:#dedede;float: none;width: 100%;} .bloc_elu {background:#f0f0f0;} .bloc_elu.bloc_maire * {color:#000 !important;} .bloc_elu.bloc_maire .left {width: 50%;} .bloc_elu.bloc_maire .right {width: 46%;padding: 3% 3% 3% 1%;} .bloc_elu * {color:#313131 !important;} .bloc_elu .left {width:21%;} #content_page .bloc_elu .left a {display: block; border: 0; padding: 0;} #page #content_page .bloc_elu .left a:hover {background-color: transparent;} .bloc_elu .left img {display:block;} .bloc_elu .right {width:73%; margin:0; padding:3%; border:0;} #page #content_page .bloc_elu .contenu_bloc p.subtitle {margin:0 0 10px 0; font-size:2em; line-height:1.3em; color: #404040; text-transform: uppercase; font-family:'ubuntubold',Arial,Verdana,sans-serif;} #page #content_page .bloc_elu .contenu_bloc p.fonction_elu {font-family:'work_sansbold',Arial,Verdana,sans-serif; margin:0 0 5px 0; line-height:1.3em;} #page #content_page .bloc_elu .contenu_bloc p.secteur_elu {margin:5px 0 ; line-height:1.3em;} #page #content_page .bloc_elu .contenu_bloc p.secteur_elu {color:#717171;line-height:1.3em;} #page #content_page .bloc_elu .contenu_bloc p.role {color:#717171;line-height:1.3em;margin-bottom: 0;} .bloc_elu .wrap_desc {margin:15px 0 0 0;} #page #content_page .bloc_elu .contenu_bloc .btn_lien {text-align:left; padding:0; margin:0;} #page #content_page .bloc_elu.bloc_maire .contenu_bloc .btn_lien a {background:url(../img/arrow_white.png) no-repeat right center;} #page #content_page .bloc_elu.bloc_maire a.fancybox{padding:0;} #page #content_page .bloc_elu .contenu_bloc .btn_lien a {text-transform:none; font-family:'work_sanslight',Arial,Verdana,sans-serif; letter-spacing:0.02em;} /* Fullwidth */ #page #col_left.fullwidth #content_page .bloc_elu.bloc_maire {float: none;} #page #col_left.fullwidth #content_page .bloc_elu {width: 48%;float: left;clear: none;} #page #col_left.fullwidth #content_page .bloc_elu .left {width: 26%;} #page #col_left.fullwidth #content_page .bloc_elu .right {width: 68%;} /* ***** DCE BLOC LIEN, DOWNLOAD, GEOLOC ***** */ .link_page, .download_page, .geoloc_page {margin:15px 0;} #page #content_page .link_page:hover p, #page #content_page .download_page:hover p, #page #content_page .geoloc_page:hover p {background-color: #caca11; border:0;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} .link_page:hover a, .download_page:hover a, .geoloc_page:hover a {opacity: 1;} #page #content .link_page p, #page #content .download_page p, #page #content .geoloc_page p {font-size:1.1em; line-height:1.1em; margin:0; display:inline-block; background:none;padding:11px 15px 11px 0px; background-color: #dddd13;border-radius: 5px;behavior: url(/fileadmin/templates/agglo/css/PIE.htc); } #page .link_page p:hover , #page .download_page p:hover, #page .geoloc_page p:hover {border:2px solid #000000; -webkit-transition-property:border; -webkit-transition-duration:600ms; -moz-transition-property:border; -moz-transition-duration:600ms; transition-property:border; transition-duration:600ms;} #page #content_page .link_page a, #page .download_page a, #page .download_page a .nm_doc, #page .download_page a .infos_doc, #page #content_page .geoloc_page a {color:#000000; border:0;} #page #content .link_page p a, #page #content .download_page p a, #page #content .geoloc_page p a {font-size: 1.3em; color: #000;font-family:'work_sansmedium',Arial,Verdana,sans-serif; padding-left: 45px;opacity: 1;display: block;line-height: 1.2em; } #page #content_page .link_page a {background:url(../img/black_arrow.png) no-repeat 15px center; } #page #content_page .download_page a {background:url(../img/black_download.png) no-repeat 15px center; } #page .download_page a .nm_doc {padding:0 10px 0 0; border-right:1px solid #000;font-family:'work_sansmedium',Arial,Verdana,sans-serif;} #page .download_page a .infos_doc {font-size:1em; padding:0 0 0 10px;font-family:'work_sansregular',Arial,Verdana,sans-serif;} #page .download_page a .infos_doc .maju {text-transform: uppercase;} /* *************************** LOADER *************************** */ .loader:before, .loader:after, .loader {display:none; visibility:hidden; border-radius:2px; width:20px; height:20px; -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 23px auto; font-size:9px; position:relative; 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%, 80%, 100% {box-shadow:0 2em 0 -1.3em #ffffff;} 40% {box-shadow:0 2.5em 0 0 #ee3251;} } @keyframes load7 { 0%, 80%, 100% {box-shadow:0 2em 0 -1.3em #ffffff;} 40% {box-shadow:0 2em 0 0 #ee3251;} } /* *************************** 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; padding:0 0 0 25px; background:url(../img/blue_arrow.png) no-repeat left 5px; font-size:1.9em; line-height:1.2em;} #content_page .csc-sitemap li a {text-transform:uppercase; border:0; font-weight:normal; font-family:'bold',Arial,Verdana,Helvetica,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.9em; line-height:0.9em; margin:0 0 15px 0; padding:0; background:none;} #content_page .csc-sitemap li li a {text-transform:none; font-weight:normal; font-family:'bold',Arial,Verdana,sans-serif;} #content_page .csc-sitemap li ul ul {border-left:3px solid #4996d1; padding:0 0px 0 9px; margin:15px 0 15px 10px;} #content_page .csc-sitemap li li li a {font-family:'regular',Arial,Verdana,sans-serif;} /* *************************** FICHE DETAIL ELEMENT *************************** */ #page #wrap_fiche p {color:#666666; font-family:'regular',Arial,Verdana,sans-serif; font-size:1.8em; line-height:1.1em; margin:0 0 10px 0;} #page #wrap_fiche p.infos {text-transform:uppercase;} .display_infos_fiche {margin:0 0 15px 0;} /* SLIDER FICHE */ #slider_fiche {position:relative; width:100%; height:434px; overflow:hidden; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #slideshow_fiche {height:434px; overflow:hidden;} #slider_fiche ul {padding:0; margin:0;} #slider_fiche .slide_full_container li {position:relative; width:100%; height:100%;} #slider_fiche li img {max-width:100%;} #page p.btn_lien.btn_back {margin:15px 0;} /* SLIDER IMG ASSOCIEES PAGE DETAIL #24481 */ #slider_page.detail {position:relative; width:713px; height:451px; overflow:auto; max-width:100%;} #content_page #slider_page.detail ul {padding:0; margin:0;} #content_page #slider_page.detail ul#slidesContainer_page li {list-style-image:none; padding:0;} #content_page #slider_page.detail .img {width:100%; height:100%; overflow:hidden;} #content_page #slider_page.detail .slider_nav {top:25px; left:25px; right:initial;} #content_page #slider_page.detail .slider_nav li {padding-left:0px; list-style-image:none;} #content_page #slider_page.detail .slider_nav li a {padding:0px; border:4px solid #fff; background:#ffffff; width:15px; height:15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #content_page #slider_page.detail .slider_nav li a:hover {border:4px solid #ffffff; background:#ffcb08; width:15px; height:15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #content_page #slider_page.detail .slider_nav li a.control_page.slider_page_active {border:4px solid #ffcb08; background:#ffcb08; width:15px; height:15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* *************************** RECHERCHE SolR *************************** */ #content_page #tx-solr-search {width:70%;} /*FORMULAIRE*/ #page .tx-solr label {position:static;} #content_page .tx-solr-search-form {background:none; border:0; padding:0; margin-bottom:20px;} #content_page .tx-solr-q, #content_page .tx-solr-q:focus {width:60%; padding:3px 3%; margin:0 5% 0 0; border:2px solid #dedede; background:#ffffff; -webkit-transition:none; transition:none;} #content_page .tx-solr-search-form input[type="submit"], #content_page .tx-solr-search-form input[type="submit"]:focus {width:25%; padding:3px 15px; float:right;} #content_page .tx-solr-search-form input:focus, #content_page .tx-solr-search-form select:focus {outline:initial; padding:10px 3%; margin:0 2% 0 0; -webkit-transition-delay:0; transition-delay:0;} /*tri nb result par page*/ #content_page #tx-solr-pagination {height:auto; margin:25px 0px;} #content_page #tx-solr-pagination-results-per-page {float:left;} #content_page #tx-solr-pagination-results-per-page p.tx-solr-pagination-results-per-page {float:left; margin:0; line-height:2.2em;} #content_page #tx-solr-pagination-results-per-page select {width:auto; float:left; padding:0 3px;} #content_page #tx-solr-pagination label {padding:0; width:auto; margin:0 5px 0 0;} #content_page #tx-solr-pagination select {width:auto; padding:2px 30px 1px 5px; margin-left:10px; border:2px solid #dedede; background:#ffffff url(../img/bg_select.png) no-repeat 90% center;} /*tri pertinance*/ #content_page #tx-solr-sorting {float:left; position:relative; margin:0 0 0 60px; width:40%; float:right; width:auto;} #content_page #tx-solr-sorting .csc-header {float:left; margin:0 10px 0 0;} #content_page #tx-solr-sorting p {margin:0; line-height:2.2em; border:0;} #content_page #tx-solr-sorting .btn_sorting {width:125px; height:30px; background:#ffffff url(../img/bg_select.png) no-repeat 95% center; border:2px solid #dedede; float:right; position:relative; cursor:pointer;} #content_page #tx-solr-sorting .btn_sorting.btn_act {width:30px; background:#ffffff url(../img/bg_select.png) no-repeat 70% center;} #content_page #tx-solr-sorting #wrap_list_sorting {float:left; min-height:20px; min-width:130px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; min-width:140px; background:#ffffff;} #content_page #tx-solr-sorting #wrap_list_sorting ul {padding:3px 20px 3px 3px; margin:0; position:absolute; background:#ffffff; width:107px; display:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; width:117px;} #content_page #tx-solr-sorting #list_sorting li {margin:0 0 10px 0; padding:0; list-style-image:none;} #content_page #tx-solr-sorting #list_sorting li a {font-family:'italic',Arial,Verdana,sans-serif; color:#666666; border:0;} #content_page #tx-solr-sorting #list_sorting li a:hover, #content_page #tx-solr-sorting #list_sorting li a:focus {color:#666666; background:none; -webkit-transition-property:none; -moz-transition-property:none; transition-property:none;} /*list results*/ #content_page #tx-solr-search .results-list {padding:0;} #content_page #tx-solr-search .results-list li {margin:10px 0; font-size:1.9em;} #content_page #tx-solr-search .results-list li p {font-size:0.8em; line-height:1.4em;} #content_page #tx-solr-search .results-list li .results-topic {font-size:1em;} .relevance-label, .relevance-bar, .relevance-percent {font-size:0.8em;} #content_page .tx-solr-relevance {background:#ee3251;} #tx-solr-search .relevance-bar {padding-top:7px; margin-right:5px;} #content_page .results-highlight {color:#ffffff; background:#1e2629; padding:0 3px;} #content_page #tx-solr-pagination .tx-pagebrowse-pi1 {float:none;} #content_page .tx-indexedsearch .tx-indexedsearch-searchbox {margin:0 0 20px 0;} #page #content_page .tx-indexedsearch-res {margin-top: 30px;} #content_page .tx-indexedsearch input[type="text"] {width:auto; float:left; padding:2px 1%;width: 80%;height: 36px;} #content_page .tx-indexedsearch .btn_submit {float:left; margin:0; padding:0;} #content_page .tx-indexedsearch .btn_submit input[type="submit"] {padding:4px 10px 3px 10px;} #page #content_page .tx-indexedsearch-res ul {padding:0; margin:0;} #page #content_page .tx-indexedsearch-res li {list-style-image:none; margin:20px 0 0 0; font-size:inherit; line-height:inherit;} #content_page #tx-solr-search .tx-solr-search-word {font-family:'bold',Arial,Verdana,sans-serif;} #page #content_page .tx-indexedsearch-res .item_search_site h2 {margin:0px 0 10px 0;} #page #content_page .tx-indexedsearch-res .item_search_site h2 a {font-size:0.8em; line-height:0.8em;} #page #content_page .tx-indexedsearch-whatis {color:#333333; font-size:2em; line-height:1em; text-transform:uppercase;} #page #content_page .tx-indexedsearch-browsebox {display:block; margin:10px 0;} #page #content_page .tx-indexedsearch-browsebox p {margin:0; color:#1a171b; font-size:1.4em; line-height:1.4em;} #page #content_page .tx-indexedsearch-browsebox ul.browsebox {padding:0; margin:0; text-align:center;} #page #content_page .tx-indexedsearch-browsebox ul.browsebox li {padding:0; margin:0 5px; list-style-image:none; display:inline;} #page #content_page .tx-indexedsearch-browsebox ul.browsebox li a {text-decoration:none; color:#1a171b;} #page #content_page .tx-indexedsearch-browsebox ul.browsebox li.tx-indexedsearch-browselist-currentPage a {color:#888888; font-family:'bold',Arial,Verdana,sans-serif;} /**/ #content_page #tx-solr-faceting ul, #content_page #tx-solr-faceting ol {padding:0; margin:0;} #content_page #tx-solr-faceting li {list-style-image:none;} #content_page #tx-solr-faceting a {border:0; padding:0; word-break:break-all;} .tx-solr-search-functions .secondaryContentSection .csc-header p {margin:0 0 10px 0; color:#404040; font-size:1.8em; line-height:1.2em;} /*facet*/ #content_page #tx-solr-facets-in-use ul {padding:0 10px;} #content_page #tx-solr-facets-in-use li {margin:0 0 5px 0; padding:0;} #content_page #tx-solr-facets-in-use li a {background:url(../img/picto_close.png) no-repeat left 6px; padding:0 0 0 15px;} #content_page #tx-solr-faceting ul.facets {padding:0 10px;} #content_page .facet-type- {border-bottom:1px solid #cfcecf; margin:0 0 15px 0; padding:0 0 5px 0;} #content_page #tx-solr-faceting .facets .facet-option-list {padding:5px 0px 10px 0px;} #page p.csc-firstHeader {color:#222222; font-family:'bold',Arial,Verdana,sans-serif; text-transform:uppercase; border-top:1px solid #e0e0e0; padding:9px 0 0 0; margin:0 10px 15px 0;} #content_page #tx-solr-faceting .facets .facet-label {font-weight:normal; font-size:1em; line-height:1.2em; background:#e0e0e0; color:#707070; text-transform:uppercase;} /*PAGER*/ #content_page #tx-solr-search #tx-solr-pagination ul.tx-pagebrowse {margin:30px 0 0 0; padding:0; text-align:center;} #content_page #tx-solr-search #tx-solr-pagination ol {padding:0; margin:0; display:inline;} #content_page #tx-solr-pagination ul.tx-pagebrowse li {list-style-image:none; font-size:1.5em; display:inline; margin:0; padding:0 3px;} #content_page #tx-solr-pagination ul.tx-pagebrowse li li {font-size:1em;} #content_page #tx-solr-search li.tx-pagebrowse-pages {padding:0;} /* *************************** FAQ *************************** */ #page ul.zone_questions {padding:0;} #page ul.zone_questions li {padding:0; margin:0 0 5px 0; list-style-image:none;} .liste_questions button {padding:0 0 0 26px; background:url(../img/picto_link.png) no-repeat left center transparent; font-size:1.2em; line-height:1.2em; text-decoration:none; cursor:pointer;} #page .liste_questions .desc {margin:5px 0 0 0; display:none;} #page .liste_questions .desc p {font-size:1.1em; line-height:1.2em;} #content_page .liste_questions .desc ul li, #content_page .liste_questions .desc ol li {font-size:1.1em; line-height:1.2em; list-style-image:url(../img/puce_liste.png); margin:2px 0;} /* *************************** GALERIE *************************** */ #zone_img.cim_media {margin:0;} #zone_img.cim_media .wrap {width:auto;} #page.one_col #zone_img #main_picture.left {width:750px; min-height:350px;} #page.one_col #zone_img .right {width:374px;} #zone_img #main_picture.left {width:475px; min-height:350px; height:auto; text-align:center; overflow:hidden;} #zone_img .right {width:275px;} #page #zone_img #main_picture.left p {margin:10px 0 0 0; text-align:left; color:#747474; font-family:'italic',Arial,Verdana,sans-serif; font-size:1.3em; line-height:1.5em;} #page #zone_img .right ul {padding:0; margin:0;} #zone_img .right li {display:block; float:left; width:80px; height:80px; overflow:hidden; margin:0 0 12px 11px; background:#ee3251; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; behavior:url(/fileadmin/templates/nautisme/css/PIE.htc); overflow:hidden; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; cursor:pointer;} #zone_img .right li img {min-height:100%; min-width:100%; display:block; -webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #zone_img .right li.activeImage img, #zone_img .right li:hover img {opacity:0.75;} /* *************************** GALERIE DIAPO *************************** */ #page .tx-cim-gallery #zone_img {margin:0 0 75px 0;} #page .tx-cim-gallery #zone_img .ad-gallery, #page .tx-cim-gallery #zone_img .ad-gallery .ad-image-wrapper, #page .tx-cim-gallery .ad-gallery .ad-image-wrapper .ad-image {max-width:100%;left: 0 !important;} #page .tx-cim-gallery #zone_img .ad-gallery .ad-image-wrapper {margin:0;border-radius: 5px ;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #page .tx-cim-gallery #zone_img #main_picture_ad {position:relative;} #page .tx-cim-gallery #zone_img #main_picture_ad a {display:block; border:0; padding:0;} #page .tx-cim-gallery #zone_img #main_picture_ad img {display:block;} #content #description_media p {padding:8px 0; margin:0; text-transform:uppercase; color:#383736; font-family:'work_sanssemibold',Arial,Verdana,sans-serif; font-size:1.3em; line-height:1.2em; } #page .tx-cim-gallery #zone_img .ad-gallery .ad-image-wrapper .ad-prev, #page .tx-cim-gallery #zone_img .ad-gallery .ad-image-wrapper .ad-next {} #page .tx-cim-gallery .ad-gallery .ad-nav {position: relative;border: 0;margin-top: 20px;} #page .tx-cim-gallery .ad-gallery .ad-back, #page .tx-cim-gallery .ad-gallery .ad-forward {width:60px; height:60px; position:absolute; top:0; opacity:1 !important;} #page .tx-cim-gallery .ad-gallery .ad-back {background:url(../img/prev_galery.png) no-repeat center center ; left:0;} #page .tx-cim-gallery .ad-gallery .ad-forward {background:url(../img/next_galery.png) no-repeat center center ; right:0;} #page .tx-cim-gallery .ad-gallery .ad-thumbs {max-width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0px 60px; margin:0;} #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:#195c9e; -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;-webkit-transition-property:all; -webkit-transition-duration:500ms; -moz-transition-property:all; -moz-transition-duration:500ms; transition-property:all; transition-duration:500ms;} #page .tx-cim-gallery .ad-gallery .ad-thumbs li a {padding:0; border:0; display:block;} #page .tx-cim-gallery .ad-gallery .ad-thumbs li a.ad-active {opacity:0.5;} #page .tx-cim-gallery .ad-gallery .ad-thumbs li a img{min-height:100%; min-width:100%; border:0; display:block; opacity:1 !important;border: 0;} #page .tx-cim-gallery .ad-gallery .ad-thumbs li a.ad-active img {border: 0;} /*FLECHES AU SURVOL DE LA ZONE IMAGE*/ #page .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image {background:url(../img/prev_galery.png) no-repeat center center !important;} #page .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background:url(../img/next_galery.png) no-repeat center center !important;} /* *************************** VIDEO *************************** */ #content_page .bloc_video {width: 100%;margin-top: 30px;} #content_page .bloc_video .video {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;} #content_page .bloc_video .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0!important;} #page #content_page .bloc_video .description p {font-size: 1.2em; line-height: 2.5em; color: #2b2a2a; text-transform: uppercase;} #content_page .bloc_video * {background: #fff !important;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} /*LOCK HEIGHT BANDEAU TOP NEWS*/ #home #bandeau_image {height:500px;} #home #bandeau_image .news {height:500px; overflow:hidden; position:relative; width:100%;} #home #bandeau_image .news a {display:block; height:100%; width:100%;} #home #bandeau_image img {display:block; 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:140%; min-height:100%; margin:0; max-width:inherit; min-width:100%; height:auto; width:auto;} /* *************************** DASHBOARD *************************** */ #content_page .home_dashboard ul {padding:0; margin:0;} #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;} #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:#e8595c;} .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:'raleway_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:#1d1d1b url(../img/show_dash.png) no-repeat 10px center;} .dash_do_btn.edit_dash {background:#1d1d1b url(../img/edit_dash.png) no-repeat 10px center;} .dash_do_btn.cancel_dash {background:#1d1d1b url(../img/cancel_dash.png) no-repeat 10px center;} .dash_do_btn.voir_dash:hover {background:#e8595c 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:#e8595c 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:#e8595c 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:'raleway_light',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:'raleway_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:#1d1d1b 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:#e8595c 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:#1d1d1b; padding:16px 22px 17px 43px;} #page .dash_btn.btn_back_dash p a:hover, #page .dash_btn.btn_back_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 207px 0 0;} .dash_item .right {width:207px; 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;} .dash_item.dash_booking {margin:0 0 25px 0; border:1px solid #d8d8d8;} .dash_item.dash_booking .left {border:0; float:none; width:77%;} .dash_item.dash_booking .right {left:inherit; top:inherit; height:auto; bottom:15px; right:15px; width:auto;} #page .dash_booking .dash_do_btn p, #page .dash_booking .dash_do_btn p a {display:block;} /*DASH SETTINGS*/ #wrap_dash_settings {display:flex; flex-direction:row; margin:0 0 50px 0;} .content_section_dash {display:none;} .section_dash.act .content_section_dash {display:block;} #nav_menu_dash {width:120px;} #nav_menu_dash ul {padding:0; margin:0;} #nav_menu_dash ul li {width:120px; height:120px; margin:0; display:flex; flex-direction:row; align-items:center; vertical-align:middle; padding:10px; background:#1d1d1b; border-top:2px solid #1d1d1b; box-sizing:border-box;} #nav_menu_dash ul li.active, #nav_menu_dash ul li:hover {background:#e8e8e8;} #nav_menu_dash ul li:first-child {margin:0; border:0;} #nav_menu_dash ul li a {color:#ffffff; border:0; padding:0; background:none;} #nav_menu_dash ul li.active a, #nav_menu_dash ul li:hover a {color:#1d1d1b; background:none;} #dash_settings {width:1160px; background:#e8e8e8; padding:0 40px 20px 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #dash_settings h2#titre_section {color:#1d1d1b;} .section_dash {display:none;} .section_dash.act {display:block;} #dash_settings #categories {} #page #dash_settings .categorie:first-child {border-top:1px solid #CBCBCB;} #page #dash_settings .categorie {border-bottom:1px solid #CBCBCB; padding:10px 0; position:relative; overflow:hidden;} #page #dash_settings .categorie p {text-transform:uppercase; background:url(../img/sprite_dash.png) no-repeat 5px 7px; padding:5px 10px 5px 30px; margin:0; cursor:pointer; color:#1d1d1b;} #page #dash_settings .categorie p.btn_act {background:url(../img/sprite_dash.png) no-repeat 5px -62px;} #dash_settings .list_cat {} #page #dash_settings .list_cat label, #page #dash_settings .list_cat * {color:#1d1d1b;} #page #dash_settings .list_cat input {} .ligne_form.btn_submit.loading {position:relative;} .ligne_form.btn_submit.loading .loading_div {position:absolute;top:30%;left:30%;z-index:701;visibility:hidden; /**/ position: absolute;width: 20px;height: 20px;top:8px;right:8px;left:inherit;} .ligne_form.btn_submit.loading .sk-circle {margin: 0px auto;position:relative; width:20px;height:20px;} .ligne_form.btn_submit.loading .sk-circle .sk-child {width:100%; height:100%; position:absolute; left:0; top:0;} .ligne_form.btn_submit.loading .sk-circle .sk-child:before {content:''; display:block; margin:0 auto; width:15%; height:15%; background-color:#000000; border-radius:100%; -webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both; animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;} .ligne_form.btn_submit.loading .sk-circle .sk-circle2 {-webkit-transform:rotate(30deg); -ms-transform:rotate(30deg); transform:rotate(30deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle3 {-webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle4 {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle5 {-webkit-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle6 {-webkit-transform:rotate(150deg); -ms-transform:rotate(150deg); transform:rotate(150deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle7 {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle8 {-webkit-transform:rotate(210deg); -ms-transform:rotate(210deg); transform:rotate(210deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle9 {-webkit-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle10 {-webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle11 {-webkit-transform:rotate(300deg); -ms-transform:rotate(300deg); transform:rotate(300deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle12 {-webkit-transform:rotate(330deg); -ms-transform:rotate(330deg); transform:rotate(330deg);} .ligne_form.btn_submit.loading .sk-circle .sk-circle2:before {-webkit-animation-delay:-1.1s; animation-delay:-1.1s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle3:before {-webkit-animation-delay:-1s; animation-delay:-1s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle4:before {-webkit-animation-delay:-0.9s; animation-delay:-0.9s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle5:before {-webkit-animation-delay:-0.8s; animation-delay:-0.8s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle6:before {-webkit-animation-delay:-0.7s; animation-delay:-0.7s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle7:before {-webkit-animation-delay:-0.6s; animation-delay:-0.6s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle8:before {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle9:before {-webkit-animation-delay:-0.4s; animation-delay:-0.4s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle10:before {-webkit-animation-delay:-0.3s; animation-delay:-0.3s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle11:before {-webkit-animation-delay:-0.2s; animation-delay:-0.2s;} .ligne_form.btn_submit.loading .sk-circle .sk-circle12:before {-webkit-animation-delay:-0.1s; animation-delay:-0.1s;} .ligne_form.btn_submit.loading input[type="submit"] {padding: 12px 35px 12px 15px;} /* ZONE LOGIN */ #content #zone_login {position:absolute; position:fixed; z-index:50; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow-y:auto; display:flex; flex-direction:row; align-items:center; vertical-align:middle;} #close_login {position:absolute; top:0; right:0; width:40px; height:40px; background:#000000;} #close_login:hover {background:#595959; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #close_login::before, #close_login::after {content:""; display:block; position:absolute; top:18px; left:11px; 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;} #close_login::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} #close_login::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #content #close_login p {margin:0; width:100%; height:100%;} #content #close_login p a {display:block; text-indent:-99999px; border:0; width:100%; height:100%; padding:0; background:none !important; z-index:5; position:relative;} #zone_login #login {position:relative; z-index:100; width:350px; max-width:90%; margin:0px auto; background:#2b2b2b;} #login .tx-felogin-pi1 {padding:30px 30px 25px 30px;} #login .ligne_form {margin:0;} #login label {display:none;} #login input {border:2px solid #d4d4d4; border-radius:2px; background:#ffffff; color:#000000; font-size:1.4em; line-height:1.6em; margin:0 0 10px 0; padding:5px 20px;width:100%;} #login .btn_submit {float:none; text-align:center; margin:0 0 20px 0;} #login input[type="submit"] {border:0; border-radius:0; background:#000000; text-transform:uppercase; color:#ffffff; font-size:1.8em; line-height:1.8em; letter-spacing:0.02em; padding:1px 20px; width:auto; margin:0 auto;} #login input[type="submit"]:hover, #login input[type="submit"]:focus {background:#595959; -webkit-transition-property:background; -webkit-transition-duration:500ms; -moz-transition-property:background; -moz-transition-duration:500ms; transition-property:background; transition-duration:500ms;} #content #zone_login p {color:#ffffff;} #login p.txt_lien {font-size:1.6em; line-height:1.6em; margin:0;} #login p.txt_lien a {text-transform:none; color:#ffffff; padding:0 0 0 14px; background:url(../img/arrow_white_little.png) no-repeat left center; border:0; text-indent:0; width:auto; height:auto;} #login p.txt_lien a:hover, #login p.txt_lien a:focus {text-decoration:underline;} #social_login {background:#373737; padding:20px 30px 10px 30px;} #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; padding:10px 20px;} /* Formulaire social dans la page */ #login #social_login input[type="submit"] {margin:0 auto 10px auto; color:#ffffff;} #social_login .login-button {display:block; padding:0 0 0 45px; margin:0 0 10px 0; font-size:1.4em; line-height:1em; text-align:left; cursor:pointer; text-transform:uppercase; font-family:'raleway_bold',Arial,Verdana,sans-serif; padding:10px 20px;} #social_login .login-button-150 {background:#324a80 url(../img/sprite_login.png) no-repeat 15px 6px !important;padding:10px 15px 10px 45px;} #social_login .login-button-60 {background:#0098d4 url(../img/sprite_login.png) no-repeat -59px -56px !important;padding:10px 15px 10px 45px;} #login #social_login .login-button-60, #login #social_login .login-button-150 {font-size:1.4em; padding:6px 10px 4px 45px;} #social_login .login-button-150 span {background:#3b5998; color:#ffffff;} #social_login .login-button-60 span {background:#00acee; color:#000000;} #social_login .login-button-150 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 .login-button-60 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:#2b2b2b;} #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:'raleway_semibold',Arial,Verdana,sans-serif;} #zone_logout .nm {text-transform:uppercase;} #zone_logout input[type="submit"] {border:0; background:#373737 url(../img/arrow_white_little.png) no-repeat 20px center; text-transform:none; color:#ffffff; font-family:'raleway_semibold',Arial,Verdana,sans-serif; font-size:1.5em; line-height:1.5em; padding:8px 20px 8px 36px; width:100%; text-align:left;} #zone_logout input[type="submit"]:hover, #zone_logout input[type="submit"]:focus {background-color:#494949; -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.3em; line-height:1.3em; padding:20px;} #zone_logout p.txt_lien a {color:#ffffff; 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;} /* *************************** OFFRE D'EMPLOI *************************** */ /* Liste */ .tx_jobfair #liste_resultats .list_item {margin-bottom: 40px;} .tx_jobfair #liste_resultats .list_item .desc a {padding:0;border: 0;font-size: 1em;line-height: 1em;color: #747474;margin: 0 0 15px 0;font-family: 'work_sansregular',Arial,Verdana,Helvetica,sans-serif;font-weight: normal;} .tx_jobfair #liste_resultats .list_item .desc a:hover {background:none;} .tx_jobfair #liste_resultats .list_item .date {color: #747474;margin: 0 0 15px 0;font-family: 'work_sansregular',Arial,Verdana,Helvetica,sans-serif;font-weight: normal;font-size: 1.2em;} .tx_jobfair #liste_resultats .list_item .date span.limit {display: block; clear: both;margin-top:5px;} #page .tx_jobfair #liste_resultats .list_item h2 {margin-top: 0px;} #page .tx_jobfair #liste_resultats .list_item h2 a {padding:0;} #page .tx_jobfair #liste_resultats .list_item .img a {border:0;display: block;padding:0;} /* Détails */ #page .tx_jobfair #wrap_fiche .accroche p {color: #006cb8;font-size: 1.8em;line-height: 1.6em;font-family: 'work_sanssemibold',Arial,Verdana,sans-serif; margin: 0;} #page .tx_jobfair #wrap_fiche p {font-size: 1.49em;line-height: 1.49em;color: #747474;margin: 0 0 15px 0;font-family: 'work_sansregular',Arial,Verdana,Helvetica,sans-serif;font-weight: normal;} #page .tx_jobfair #wrap_fiche .link_page {margin-top: 50px;} #page .tx_jobfair #wrap_fiche .link_page p {font-size:1em;} #page .tx_jobfair .btn_lien.btn_back {margin-top: 40px;text-align:right;clear:both;} #page .tx_jobfair .btn_lien.btn_back a:hover {color: #ffffff; background: #4996d1;} #page .tx_jobfair .typo3-messages {padding: 10px;background: #f0f0f0; margin-bottom: 30px;} #page .tx_jobfair .typo3-messages .message-body {font-size: 1.49em;line-height: 1.49em;color: #747474;margin: 0 0 15px 0;font-family: 'work_sansregular',Arial,Verdana,Helvetica,sans-serif;font-weight: normal;} /* Formulaire candidature */ .tx_jobfair form {margin: 50px 0px 100px 0; } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** **************** VERSION 1199 a 1024 / TABLETTE LAND **************** ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:1221px) { /* CONTENEUR */ .wrap {width:970px;} /* STRUCTURE */ #col_right {width: 297px;} #col_left {width:575px;padding: 60px 70px 50px 0;} /* ****************************** HEADER ****************************** */ /* Media */ #header .media .content_media {width: 910px;height: 539px;} #header .media ul li {width: 276px;} #header .media .content_media ul li.level2 li.level_3.iframe {width: 604px;} #header .bandeau-img {min-height: 599px;} /* Menu */ #menu_principal {background: red;} #menu_principal ul li a, #header .media > p a {font-size: 1.6em;line-height: 2.5em;padding: 0px 17px;} #menu_principal li ul li a {font-size: 1.5em;} #menu_principal li > ul {width: 970px;} #menu_principal li ul li.level2 li.level_3 a,#header .media .content_media ul li.level2 li.level_3 a {font-size: 0.9em;} #menu_principal li ul.sous_menu.display_block {-webkit-columns: 3;-moz-columns: 3; columns: 3; -webkit-column-width: 150px; -moz-column-width: 150px; column-width: 150px;} #header .bg_gris img.img_menu_right, #header .bg_gris img.img_menu_left {height: 599px;} /* Logo */ #logo {margin: 12px 0 9px 0;} #logo span {font-size: 2.15em;} /* Partage */ #header #relations {padding: 26px 0;} #header #relations #contact_us {padding: 14px 0;margin-left: 15px;background-size: 18%;background-position: 13px center;} #header #relations #contact_us p a {font-size: 1.2em;padding: 14px 10px 14px 54px;} #header #relations #social a {width: 43px; height: 43px;background-size: 100% !important;} #header #relations #social li {margin-right: 5px;} /* ****************************** FOOTER ****************************** */ #footer .bg_white .wrap div#logo_footer {width: 224px;} #footer .bg_white .wrap div {width: 205px;} #footer .bg_white .wrap div p {font-size: 1.2em;} #footer .bg_white .wrap div#contact_footer {width: 195px;} /* *************************** BANDEAU HOME *************************** */ #home #home_recherche:before {content: none;} #home #home_recherche .centered {margin: 6% 0;} #home #home_recherche #zone_recherche {width: 970px} #home #home_recherche #zone_recherche #recherche {width: 382px;} #home #home_recherche #zone_recherche #recherche input#main_search {width: 319px;} #recherche input {padding: 10px 15px 10px 15px;} #recherche input#bouton_recherche {height: 42px; width: 47px;} #home #tags ul {width: 583px;} #home #tags li {padding: 5px 10px;} #home #tags li a {font-size: 1.3em;} #bandeau_image .coverflow_zone_texte {padding: 9px 0;} #bandeau_image .coverflow_zone_texte h2 a {font-size: 2.2em;} #bandeau_image .coverflow_zone_texte p.accrochehome a {font-size: 2em;} /* *************************** REGLE HOME *************************** */ .titre_bloc.home_title {padding-left: 50px;} .titre_bloc.home_title p {font-size: 4em;line-height: 1em;} .titre_bloc.home_title span {height: 37px;width: 37px;} .onethird {width: 293px;} .twothird {width: 635px} #actu_access .contenu_bloc, .agenda .contenu_bloc, .social_wall .contenu_bloc, .zoom_sur .contenu_bloc {margin-top: 15px;} #actu_access, .agenda, .social_wall, .zoom_sur {padding: 50px 0 75px 0;} .btn_lien.home_link {top: 17px;} /* *************************** HOME CONTENT *************************** */ /* Slider Actu */ #slider {width: 635px;} #slider_home {width: 635px;height: 402px;} #slider .coverflow_zone_texte {width: 403px;padding: 40px 37px 15px 15px;height:150px;} #actu_access #slider_home .tag_slide h2 {font-size: 2.3em;line-height: 1em;background-position:right 10px bottom 7px; } #actu_access #slider_home .tag_slide h2:hover {background-position:right 00px bottom 7px;} .coverflow_texte p, #page .coverflow_texte p {font-size: 1.3em;line-height: 1.3em;} .slider_nav {bottom: 130px;} /* Accès rapides */ #home #acces_rapides ul li {width: 97px;height: 88px;} #acces_rapides ul li a span.img {height: 60px; width: 60px;} #acces_rapides ul li a span.titre {font-size: 1.1em;line-height: 1.2em;margin-top: 0;} /* Services */ #services {padding: 18px 25px;} #services p span {font-size: 2.2em;line-height: 1.5em;} #services ul {top: 65px;} /* Agenda */ .agenda .contenu_bloc ul > li , .agenda .contenu_bloc ul > li a {width: 300px; height: auto;} .agenda .contenu_bloc ul > li {margin-left: 35px;} .agenda .contenu_bloc ul > li img {width: 73%;} .agenda .contenu_bloc ul > li.elus img {width: auto;} .agenda .contenu_bloc ul > li.list_actu img {width: 100%;} .agenda .contenu_bloc ul > li .info .startdate, .agenda .contenu_bloc ul > li .info .enddate {width: 96px;} .agenda .contenu_bloc ul > li .info span span.wrap_date > span.d {margin: 23px 0 3px 0;font-size: 2.5em;} .agenda .contenu_bloc ul > li .wrap_txt .titre_actu {font-size: 1.2em;} .agenda .contenu_bloc ul > li .wrap_txt .descr {font-size: 0.9em;} /* Ajustement stru */ .agenda .contenu_bloc div , .agenda .contenu_blocdiv a {width: 300px; height: auto;} .agenda .contenu_bloc div {margin-left: 35px;} .agenda .contenu_bloc div img {width: 73%;} .agenda .contenu_bloc div .info .startdate, .agenda .contenu_bloc div .info .enddate {width: 96px;} .agenda .contenu_bloc div .info span span.wrap_date > span.d {margin: 23px 0 3px 0;font-size: 2.5em;} .agenda .contenu_bloc div .wrap_txt .titre_actu {font-size: 1.2em;} .agenda .contenu_bloc div .wrap_txt .descr {font-size: 0.9em;} /* Territoire */ #territoire #liste_territoires {width: 481px;} #territoire #liste_territoires .drop {width: 375px;background-position: 95% 9px;} #territoire #liste_territoires .drop p span {font-size: 2.5em;} #territoire #liste_territoires .title {font-size: 4em;line-height: 1.2em;} #territoire #liste_territoires .drop ul {top: 39px;width: 375px;} /* social wall */ /* Filtres */ #social_wall .dcsns-toolbar .filter li a {width: 50px; height: 50px;background-size: 100%!important;line-height: 50px} #social_wall .dcsns-toolbar {width: 246px;} /* Posts */ #social_wall .stream li {width: 21%;} #social_wall .stream li .section-text a {font-size: 0.9em;} /* Zoom sur */ .zoom_sur .contenu_bloc .img {width: 552px;height: 279px;} .zoom_sur .contenu_bloc .txt {width: 368px;padding: 15px 25px;} .zoom_sur .contenu_bloc .txt h2 {font-size: 3em;} .zoom_sur .contenu_bloc .txt p.accrochezoom { font-size: 1.8em;} .zoom_sur .contenu_bloc .txt p.bodytext {font-size: 1.3em;line-height: 1.4em;margin: 15px 0 15px 0;} .zoom_sur .contenu_bloc .txt .btn_lien a {font-size: 1em;} /* Slider galaxie */ #slider_galaxie .coverflow_zone_texte, #slider_galaxie_cont p.title, #slider_galaxie .slider_nav ul {width: 481px;} #slider_galaxie_cont p.title {font-size: 4em; line-height: 1.2em;} #slider_galaxie .coverflow_zone_texte {padding-top: 7.3%;} #slider_galaxie .coverflow_zone_texte h2 {font-size: 1.5em;} /* Restons connectés */ /* App */ #connecte #app {height: 275px;} #connecte #app .img {width: 262px;height: 275px;} #connecte #app .txt {padding: 20px 15px;width: 343px;} #connecte #app .txt .title a {font-size: 4.5em;} #connecte #app .txt .soustitre {font-size: 1.8em;} #connecte #app .txt .bodytext {font-size: 1.3em;margin: 15px 0 20px 0;} #connecte #app .btn_lien a {font-size: 1em;} #connecte #app .store {right: 0px;bottom: 12px;width: 343px;} #connecte #app .store a {margin-left: 5px;} /* Newsletter */ #connecte #newslet {padding: 15px 20px;width: 260px; height: 245px; } #connecte #newslet .txt .title {font-size: 3em;} #connecte #newslet .txt .soustitre {font-size: 1.8em;} #connecte #newslet .txt .bodytext {font-size: 1.3em; margin: 10px 0 10px 0;} #connecte #newslet #zone_newsletter form #newsletter_email {padding: 10px 20px 10px 50px;} #connecte #newslet #zone_newsletter form #btn_valid_newsletter {bottom: 15px; right: 20px;} #carto {width: 300px; height: 275px;} #carto .title {font-size:3em; padding: 15px 20px;} #carto .btn_lien {margin: 15px 20px;} /* *************************** PAGE CONTENT *************************** */ #page #global {padding-bottom: 355px;} #page h1 {font-size: 4em;} .accroche {width: 73%;} #page #content .accroche p {font-size: 1.5em;} /* Moteur de recherche */ #recherche input {width: 209px;} #zone_recherche {margin-right: 20px;} /* Vignettes */ .vignettes .list_item { margin-bottom: 20px;} #page .vignettes .list_item .pres h2 {font-size: 1.6em; margin: 10px 0;} #col_left.fullwidth #contenus_lies.vignettes .list_item {width: 30.5%;} /* Acces rapides */ #page #acces_rapides {height: 160px;} #page #acces_rapides ul li {padding: 31px 0.5% 33px 0.5%;} #page #acces_rapides ul li a span.titre { margin-top: 10px; } /* Colonne de droite */ .marginbottom {margin-bottom: 40px;} /* titre */ #page #content .titre_bloc.home_title {padding-left: 49px;} #page #content .titre_bloc.home_title span {height: 40px;width: 40px;} #page #content .titre_bloc.home_title p {font-size: 2.4em;line-height: 1.8em;} #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title:hover span {background-position: center 15px;} /* infos utiles */ .info_utile .content_bloc, .info_utile .info_map {margin-top: 15px;} #page #content .info_utile .content_bloc .subtitle p {font-size: 1.6em;} #page #content .info_utile .annuaire_details p {font-size: 1.3em;} /* Agenda */ #page #content #col_right .agenda .contenu_bloc > ul > li .titre_actu {font-size: 0.53em;} #page #content #col_right .agenda .contenu_bloc ul > li, #page #content #col_right .agenda .contenu_bloc ul > li a {width: 100%;} #page #content #col_right .agenda .contenu_bloc ul > li {margin-bottom: 30px;} #page #content #col_right .agenda .contenu_bloc ul > li .descr {font-size: 0.4em;} #page #content #col_right .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.d, #page #content #col_left .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.d {font-size: 1.1em;} /* Downloads */ #page .zone_ressources_download ul li {font-size: 1.5em;} /* Articles associés */ .zone_articles_associes ul li {font-size: 1.6em;} /* Newslet */ #page #content #newslet .txt .title {font-size: 2.4em;} #page #content #newslet .txt .soustitre {font-size: 2em;} /* Actu */ #page #content #col_left .agenda .contenu_bloc ul > li {width: 300px;margin-left: 31px; } #page #content #col_left.relative .agenda ul li.elus:nth-child(3n+1){margin-left:31px;} #page #content #col_left.relative .agenda ul li.elus:nth-child(2n+1){margin-left:0px;} #page #content #col_left.relative .agenda ul li.elus {width:272px;} #page #content #col_left .agenda .contenu_bloc > ul > li .wrap_txt .category span {font-size: 0.25em;} #page #content #col_left .agenda .contenu_bloc > ul > li .titre_actu {font-size: 0.36em;} #page #content #col_left .agenda .contenu_bloc > ul > li .descr {font-size: 0.27em;} #page #content #col_left .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.d {font-size: 0.74em;} #page #content #col_left .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.m {font-size: 0.25em;} /* Ajustement stru */ #page #content #col_left .agenda .contenu_bloc div {width: 300px;margin-left: 31px; } #page #content #col_left #moteur form .ligne_form select, #page #content #col_left #moteur form .ligne_form input {font-size: 1.3em;} #page #content #col_left #moteur form .ligne_form.btn_submit .submit_compte {height: 43px;font-size: 1.2em;background-position: 10px 15px; padding-left: 35px;} /* ***** DCE BLOC ELU ***** */ .bloc_elu.bloc_maire .right {width: 44%;padding: 3%;} .bloc_elu {width: 100%; float: none; clear: both;} .bloc_elu .left {width: 26%;} .bloc_elu .right {width: 68%;} #page #content_page .bloc_elu .contenu_bloc p.role {line-height: 1em;} #page #content_page .bloc_elu.bloc_maire .contenu_bloc p.role {line-height: 1.3em;} /* ***** LISTE ACCORDEONS ***** */ .accordion .accordion-legend {width: 30%;} #page #content .accordion .accordion-details {width: 70%;} /* SLIDER IMG ASSOCIEES PAGE DETAIL #24481 */ #slider_page.detail {height:320px;} } @media screen and (max-width:1050px) { /*LOCK HEIGHT BANDEAU TOP NEWS*/ #home #bandeau_image {height:400px;} #home #bandeau_image .news {height:400px; overflow:hidden; position:relative; width:100%;} } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** ******************* VERSION 1023 a 768 / TABLETTE ******************* ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:989px) { /* CONTENEUR */ #home {min-height:inherit;} #page {min-height:inherit;} #global {min-height:inherit; padding:0;} .wrap {width:747px;} #filters.filters_map .ligne_form.checkbox label { max-width: 77%;float: left; } /* ***** HEADER ***** */ #accessi {display:none;} /* Moteur de recherche */ #home #home_recherche #zone_recherche {width: 747px;} #home #home_recherche .centered {margin: 2.5% 0;} #home #home_recherche #zone_recherche #recherche {width: 40%;} #home #home_recherche #zone_recherche #recherche input#main_search {width: 80%;} /* ***** MENU PRINCIPAL ***** */ #header .bg_gris img.img_menu_right, #header .bg_gris img.img_menu_left {display: none;} #header .bg_gris .wrap {width: 100%;} #btn_menu_smart {display:block; background:#f0f0f0; position:relative; z-index:50; width:100%; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;height: 40px;} #page #btn_menu_smart p {margin:0;} #btn_menu_smart p {position:relative; display:inline;} #btn_menu_smart a {text-transform:uppercase; color:#000000; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-weight:normal; font-size:2em; line-height:1em; margin:auto; cursor:pointer; padding:0 0 0 27px; line-height: 43px;} .close_menu {display:block; position:absolute; left:0px; top:2px; width:18px; height:2px; background:#000000;} .close_menu::before, .close_menu::after {content:""; display:block;} .close_menu, .close_menu::before, .close_menu::after {position:absolute; width:18px; height:2px; background:#000000; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;} .close_menu::before {margin-top:-5px;} .close_menu::after {margin-top:5px;} .btn_act .close_menu {background:transparent;} .btn_act .close_menu::before {margin-top:0px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .btn_act .close_menu::after {margin-top:0px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} #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:#000000; 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:#fff; -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);} #menu_principal, .media {position:fixed; z-index:50; width:45%; min-height:100%; left:-100%; top:0; padding:0; margin:0; background:#333; overflow:hidden; overflow-y:scroll;} .media {min-height: auto;} .media > p {float: none;} #header .media > p{border-right:0;} #header .media > p a {color: #ffffff;font-family: 'work_sansregular',Arial,Verdana,sans-serif;font-size: 1.6em; padding: 15px 20px 15px 10px;height: auto;line-height: 1.6em;border-bottom: 1px solid #444; border-left-width: 5px;} #header .media > p a:hover, #header .media > p a:focus {background: #444;} #menu_principal > ul {text-align:left; overflow:hidden; overflow-y:scroll;} #menu_principal ul li:first-child, #menu_principal ul li {padding:0; margin:0; float:none; height:auto; 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;border-bottom: 1px solid #444;} #menu_principal ul li a {display:block; color:#ffffff; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-size:1.6em; padding:15px 20px 15px 10px;height: auto; line-height: 1.6em; border-bottom: 1px solid #444 !important;border-left-width: 5px;} #menu_principal ul li.sub a.border_dark_blue {background-image:url(../img/arrow_social.png); background-repeat:no-repeat; background-position:96% center;} #menu_principal ul li.sub a.border_light_blue {background-image:url(../img/blue_arrow.png); background-repeat:no-repeat; background-position:96% center;} #menu_principal ul li.sub a.border_green {background-image:url(../img/green_arrow.png); background-repeat:no-repeat; background-position:96% center;} #menu_principal ul li.sub a.border_yellow {background-image:url(../img/yellow_arrow.png); background-repeat:no-repeat; background-position:96% center;} #menu_principal ul li.sub a.border_orange {background-image:url(../img/orange_arrow.png); background-repeat:no-repeat; background-position:96% center;} #menu_principal ul li.level2.sub a {background-image:url(../img/arrow_next_wh.png) !important; background-repeat:no-repeat !important; background-position:right 6px !important;} #menu_principal li ul li.level2 a:hover span {background-image: none; padding-left: 20px;} #menu_principal ul li.level2.sub li.level_3 a {background-image: none !important; border: 0 !important;} #menu_principal li ul.sous_menu,#header .media .content_media {position:absolute; top:0; width:100%; min-height:100%; border:0; left:-100%; padding:0; overflow:hidden; overflow-y:scroll; display:block;} #header .media .content_media {width: 45%; position: fixed;top:0;} #header .media .content_media ul.sous_menu{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-width: 100%;-moz-column-width: 100%;column-width: 100%;-webkit-column-gap: 0px;-moz-column-gap: 0px; column-gap: 0px;top: 400px !important;} #menu_principal li ul li.level2 a:hover span {background-image: none;padding-left: 0px;} #menu_principal li ul.sous_menu.display_none {display: none;} #menu_principal li ul li.level2 a span {border:0;} #menu_principal li ul li, #header .media ul li.level2 {width:100%; margin:0; padding:5px 20% 5px 10%; display:block;} #menu_principal li ul li.level2, #header .media ul li.level2 {width: 100%; display: block;} #menu_principal li ul li a {padding:0; font-size:1.5em; line-height:1.3em;} #menu_principal ul li.sub li a {background:none;} #header .media ul li.level2 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #header .media ul li.level2 a {font-size:1.5em;} #header .media ul li.level2 a:hover span {border-color:transparent; background-image:none;padding-left: 0;} #menu_principal li ul li ul {position:absolute; top:0; width:90%; min-height:100%; border:0; left:-100%; background:#000000; 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:'work_sansregular',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,#header .content_media 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 10%; margin:10px 0;line-height: 1.5em;} #menu_principal ul li a.back_menu span,#header .content_media a.back_menu span {color:#ffffff; font-family:'work_sansregular',Arial,Verdana,sans-serif; font-size:1.4em; line-height:1em; text-transform:uppercase; padding:5px 0 5px 20px; display: block;} #menu_principal li ul li.level2.sub a.back_menusm {border:0 !important; display:block; text-align:left; background-image:url(../img/arrow_prev_wh.png) !important; background-repeat:no-repeat; background-position:10% 12px !important; cursor:pointer; padding:5px 10%; margin:10px 0;} #menu_principal li ul li.level2.sub a.back_menusm span {color:#ffffff; font-family:'work_sansregular',Arial,Verdana,sans-serif;word-break: break-all; font-size:1em; line-height:1em; text-transform:uppercase; padding:5px 0 5px 20px;} #clo {position:absolute; width:10%; min-height:100%; top:0px; right:0%; background:#333; border-left:2px solid #333;} #closm {position:absolute; width:10%; min-height:100%; top:-10px; right:0%; background:#444444; border-left:2px solid #444444;} #menu_principal li ul ul.sm {display: none;} #menu_principal li ul li.level2 a:hover + ul.sm {display: none;} #menu_principal li ul li.level2 a:hover + ul.sm.open {display: block;} #menu_principal li ul li.level2 li.level_3, #menu_principal li ul ul.sm.open {display: block;} #menu_principal li ul li.level2 li.level_3 { width: 100%; float: none; display: block; padding: 5px 10%; } #menu_principal li ul ul.sm {width: 90%;padding: 0;} /* ***** FOOTER ***** */ #home #footer {position:relative; bottom:inherit; height:auto;} #footer .bg_white .wrap div { width: 20% !important;} #footer .bg_white .wrap div#contact_footer div {width: 100% !important;} #footer .bg_gris li {padding: 0 0 0 9px;} #footer .bg_gris li a {padding: 0 15px;} #footer .bg_white .wrap div#contact_footer div {background-position: 7px 8px;} #footer .bg_white .wrap div#contact_footer p {font-size: 1.2em; margin-bottom: 0;} #footer .bg_white .wrap div#contact_footer a {padding-left: 30px;padding-right: 7px;} #footer .bg_white .wrap div p {line-height: 1.2em;margin-bottom: 5px;} /* *************************** HOME CONTENT *************************** */ #slider, #actu_access .onethird {width: 100%;float: none;} #actu_access .onethird , #services {margin-top: 60px;} #actu_access, .agenda, .social_wall, .zoom_sur {padding: 40px 0 65px 0;} #home #global {padding-bottom: 0;} #page #global {padding-bottom: 355px;} /* bandeau home */ #bandeau_image .coverflow_zone_texte h2 a {font-size: 1.8em;} #bandeau_image .coverflow_zone_texte p.accrochehome a {font-size: 1.6em;} /* tags */ #home #tags ul {width: 575px;} /* SLIDER */ #slider_home {width: 747px;} /* Accès rapides */ #home #acces_rapides ul {text-align: center;} #home #acces_rapides ul li {width: 19%;height: 120px;display: inline-block; float: none;vertical-align: top;} #acces_rapides ul li a span.img {height: 80px;width: 80px;} #home #acces_rapides ul li a span.titre {margin-top: 10px; font-size: 1.3em;} /* Agenda */ .agenda .contenu_bloc ul > li { width: 31%;margin-left: 3%;} .agenda .contenu_bloc ul > li a {width: 100%;} .agenda .contenu_bloc ul > li .info span span.wrap_date > span.d {font-size: 2em;margin: 15px 0 3px 0;} .agenda .contenu_bloc ul > li .info .startdate, .agenda .contenu_bloc ul > li .info .enddate {width: 76px;} /* Territoire */ #territoire #liste_territoires {width: 373px; padding-top: 2%;} #territoire #liste_territoires .title {font-size: 3em;} #territoire #liste_territoires .drop {width: 290px;background-position: 97% 5px;} #territoire #liste_territoires .drop p span {font-size: 2em;} /* Social wall */ #social_wall .dcsns-toolbar {position: static;float: right;margin-bottom: 30px;} #social_wall .stream li {width: 45.3%;margin-bottom:3%;} /* Zomm sur */ .zoom_sur .contenu_bloc .img {width: 747px;height: 347px;text-align: center; float: none;} .zoom_sur .contenu_bloc .txt {width: 100%;padding: 30px 0px 15px 0;box-sizing: border-box;} /* Slider galaxie */ #slider_galaxie .coverflow_zone_texte, #slider_galaxie_cont p.title, #slider_galaxie .slider_nav ul {width: 373px;} #slider_galaxie .coverflow_zone_texte {padding-top: 7%;} #slider_galaxie_cont p.title {padding-top: 4%;} /* Restons connectés */ #connecte #app, #connecte #newslet {width: 100%; float: none; box-sizing: border-box;height: auto;} #connecte #app {margin-bottom:30px;} #connecte #app .img {width: 40%;height: auto;} #connecte #app .txt {width: 60%; box-sizing: border-box;} #connecte #newslet {position: initial;} #connecte #newslet #zone_newsletter form #btn_valid_newsletter { position: initial; float: right; margin-top: 20px;} #carto {padding: 15px 20px 70px 20px;width: 100%;height: auto;background: #dedede;float: none; box-sizing: border-box; text-align: center;} #carto .title {position: initial; padding: 0;margin-bottom: 20px;} #carto .btn_lien {transform: translate(50%, 0);-ms-transform: translate(50%, 0); -webkit-transform: translate(50%, 0);-moz-transform: translate(50%, 0);-o-transform: translate(50%, 0);right: 50%;} /* *************************** PAGE CONTENT *************************** */ /* STRUCTURE */ #col_left {width: 497px;box-sizing: border-box;padding-right: 54px;} #col_right {width: 250px; box-sizing: border-box;} #page #logo {margin: 26px 0;} #page #global {padding-bottom: 340px;} #page h1 {font-size: 3em;} #page h2 {font-size: 2.5em;} #page h3 {font-size: 2em;} #page #content .titre_bloc.home_title {padding-left: 39px;} #page #content .titre_bloc.home_title span {height: 30px;width: 30px;} #page #content .titre_bloc.home_title p {font-size: 2em;line-height: 1.6em;word-break: break-all;} #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title:hover span {background-position: center 7px;} #page #content .zone_articles_associes .titre_bloc span {background-position: 3px center;} #page #content .agenda .titre_bloc span {background-position: 4px center;} /* Moteur de recherche */ #page #zone_recherche {float: right;margin-right: 0;margin-bottom: 20px;} #page #social {clear: both;} /* Vignettes */ .vignettes .list_item {width: 48%;margin-right: 4%;} .vignettes .list_item:nth-child(3n) {margin-right: 4%;} .vignettes .list_item:nth-child(2n) {margin-right: 0;} #col_left.fullwidth #contenus_lies.vignettes .list_item, #col_left.fullwidth #contenus_lies.vignettes .list_item:nth-child(2n) {margin-right: 3.67%; width: 30.77%;} #col_left.fullwidth #contenus_lies.vignettes .list_item:nth-child(3n) {margin-right: 0;} /* accès rapides */ #page #acces_rapides ul li {padding: 21px 0.5% 34px 0.5%;} #page #acces_rapides ul li a span.img {height: 60px;width: 60px;} #page #acces_rapides ul li a span.titre {font-size: 0.9em;} #page #acces_rapides {height: 145px;} /* Actu */ #page #content #col_left #moteur form .ligne_form {margin-bottom: 10px; width: 47%; margin-right: 5%;} #page #content #col_left #moteur form .ligne_form:nth-child(2n) { margin-right: 0;} #page #content #col_left #moteur form .ligne_form.btn_submit {position: static;float: right;width: 47%;} #page #content #col_left .agenda .contenu_bloc ul > li {width: 31%;margin-left: 3%; } #page #content #col_left.relative .agenda ul li.elus {width: 48%;margin-left: 3%; } #page #content #col_left.relative .agenda ul li.elus:nth-child(2n+1) {margin-left: 0; } #page #content #col_left.relative .agenda ul li.elus:nth-child(2n) {margin-left: 3%; } #page #content #col_right .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.d{font-size: 1.2em;} #page #content #col_right .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.m {font-size: 0.47em;} #page #content #col_right .agenda .contenu_bloc > ul > li .wrap_txt .category span {font-size: 0.47em;} #page #content #col_right .agenda .contenu_bloc > ul > li .titre_actu {font-size: 0.72em;} #page #content #col_right .agenda .contenu_bloc ul > li .descr {font-size: 0.54em;} #page #content #col_left .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.d{font-size: 0.8em;} #page #content #col_left .agenda .contenu_bloc > ul > li .info span span.wrap_date > span.m {font-size: 0.31em;} #page #content #col_left .agenda .contenu_bloc > ul > li .wrap_txt .category span {font-size: 0.31em;} #page #content #col_left .agenda .contenu_bloc > ul > li .titre_actu {font-size: 0.48em;} #page #content #col_left .agenda .contenu_bloc ul > li .descr {font-size: 0.36em;} /* Ajustement stru */ #page #content #col_left .agenda .contenu_bloc div {width: 31%;margin-left: 3%; } #page #content #col_left .agenda .contenu_bloc div .wrap_txt .category span {font-size: 0.8em;} #page #content #col_left .agenda .contenu_bloc > ul > li.list_item.association div {width:100%;} #page #content #col_left .agenda .contenu_bloc div h2 {font-size: 1.2em;} #page #content #col_left .agenda .contenu_bloc div .descr {font-size: 0.9em;} #page #content #col_left .agenda .contenu_bloc div .info span span.wrap_date > span.d {font-size: 2em;margin: 15px 0 3px 0;} #page #content #col_left .agenda .contenu_bloc div .info span span.wrap_date > span.m {font-size: 0.8em;} .agenda .contenu_bloc div .info .startdate, .agenda .contenu_bloc div .info .enddate {width: 76px;} /* ***** DCE BLOC ELU ***** */ .bloc_elu.bloc_maire .left, .bloc_elu.bloc_maire .right {width: 100%; float: none;clear: both;box-sizing: border-box;} .bloc_elu.bloc_maire .left img {margin: 20px auto 0 auto;} .bloc_elu .left img {width: auto;max-width: 100%;} #page #col_left.fullwidth #content_page .bloc_elu, #page #col_left.fullwidth #content_page .bloc_elu.bloc_maire {width: 100%; clear: both;} #page #col_left.fullwidth #content_page .bloc_elu .left {width: 20%;} #page #col_left.fullwidth #content_page .bloc_elu .right {width: 74%;} .zone_ressources_download {clear: both;} /* Newslet */ #page #content #newslet .txt .title {font-size: 2em;margin-bottom: 10px;} #page #content #newslet .txt .soustitre {font-size: 1.6em;} #page #content #newslet .txt .bodytext {font-size: 1.4em;} /*LOCK HEIGHT BANDEAU TOPNEWS*/ #home #bandeau_image {height:auto;} #home #bandeau_image .news {height:100%; overflow:hidden; position:relative; width:100%;} #home #bandeau_image .news a {display:block; height:100%; width:100%;} #home #bandeau_image img {display:block; position:static; left:50%; top:50%; transform:none; -ms-transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; max-height:inherit; min-height:inherit; margin:0; max-width:100%; min-width:100%; height:auto; width:auto;} /* powermail */ .powermail_radio_inner, .powermail_check_inner {width: 100%; float: none; clear: both;margin:0;} .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label {max-width: 97%;} /* Carte interactive */ #filters.filters_map {padding: 0 0 0 100px;width: 350px;right: -246px;} #filters legend.btn_tri {width: 100px;font-size: 1.2em;} /* SLIDER IMG ASSOCIEES PAGE DETAIL #24481 */ #slider_page.detail {height:245px;} } /********************************************************************* ********************************************************************** ********************************************************************** ********************************************************************** ************************* VERSION SMARTPHONE ************************* ********************************************************************** ********************************************************************** ********************************************************************** *********************************************************************/ @media screen and (max-width:767px) { html {width:100%;} body {width:100%;} img {max-width:100%;} #home .titre_bloc.home_title p, #home #territoire #liste_territoires .title, #slider_galaxie_cont p.title {letter-spacing: 0.02em; font-family: "work_sansmedium", Arial,Verdana,Helvetica,sans-serif;} #home #slider_galaxie_cont p.title {padding-bottom: 20px;} #home #slider_galaxie .img {margin-bottom: 10px;} /* *** ELEMENTS FORMULAIRE *** */ .ligne_form {margin:0 0 15px 0; clear:both;} label, .powermail_label {margin:0 0 5px 0; padding:0; float:none; width:100%;} 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;} /* *** END ELEMENTS FORMULAIRE *** */ /* CONTENEUR */ #home {min-height:inherit;} #page {min-height:inherit;} #global {min-height:inherit; padding:0;} .wrap {width:90%;} /* ***** HEADER ***** */ #header .bg_white .wrap {text-align: center;padding: 30px 0;} /*LOGO*/ #logo {width:100%;margin-top: 0; } #logo img {max-width:90%; margin:0 0 0 1%;} #tools_top {display:none;} /* Bloc relations */ #header #relations {width: 100%; text-align: center; clear: none;padding-bottom: 0;} #header #relations > div {display: inline-block; float: none;vertical-align: top;} #header #relations > div#btn_search_smart {display: none;} /* ZONE RECHERCHE */ #home #home_recherche {position: static;} #home #home_recherche .centered {width: 90%;margin: 30px 0;} #home #home_recherche #zone_recherche, #home #home_recherche #zone_recherche #recherche {width: 100%;} #home #home_recherche #zone_recherche #recherche input#main_search {width:89%; padding:10px 2% 10px 2%; float:left; box-sizing: border-box;} #home #home_recherche #zone_recherche #recherche input#bouton_recherche {width:11%; padding:6px 2%;} /* Tags */ #home #tags {margin: 10px 0 0 0;width: 100%;} #home #tags ul {width: 100%;} /* bandeau */ #bandeau_image .coverflow_zone_texte, #page #bandeau #fil_ariane {position: static;} #bandeau_image {background: #f0f0f0;} /* ***** MENU PRINCIPAL ***** */ #menu_principal, .media {width:80%;} #header .media .content_media {width: 80%;} /* ***** FOOTER ***** */ #footer {position:relative; bottom:inherit; width:100%; height:auto;} #footer .bg_white .wrap div {width: 100% !important;height: auto;background: none;float: none;border-bottom: 3px solid #f0f0f0;box-sizing: border-box;} #footer .bg_white .wrap div#logo_footer img {margin: 0 auto;} /* *************************** HOME CONTENT *************************** */ #actu_access .onethird, #services {margin-top: 30px;} #actu_access, .agenda, .social_wall, .zoom_sur {padding: 30px 0 45px 0;} #home #actu_access, #home .agenda, #home .social_wall, #home .zoom_sur, #home #slider_galaxie_cont p.title {padding-top: 60px;} .btn_lien.home_link {position: static; float: right; margin: 20px 0;} .agenda .btn_lien.home_link p {margin-bottom: 15px;} /* SLIDER */ #slider .coverflow_zone_texte {width: 100%;padding: 40px 37px 15px 15px;box-sizing: border-box;position: static;height: auto;} #slider_home {width:100%; height: auto;} .slider_nav li a.control_home.slider_home_active, .slider_nav li a.control_page.slider_page_active, .slider_nav li a.control_galaxie.slider_galaxie_active, .slider_nav li a.control_home, .slider_nav li a.control_page, .slider_nav li a.control_galaxie {width: 10px;height: 10px;} .slider_nav li a:hover, #slider_galaxie .slider_nav li a:hover {width: 13px;height: 13px;} #actu_access #slider_home .tag_slide h2 {background-position: right 10px bottom 8px;} #actu_access #slider_home .tag_slide h2:hover {background-position: right 0px bottom 8px;} .slider_nav {bottom: 141px;} /* Accès rapides */ #home #acces_rapides ul li {width: 32%;} #acces_rapides ul li a span.titre {font-size: 1.1em;} /* Agenda */ .agenda {padding: 30px 0 15px 0;} .agenda .contenu_bloc {text-align: center; clear: both;} .agenda .contenu_bloc ul > li {width: 46%;margin-left: 6%;display: inline-block;float: none;vertical-align: top;margin-bottom: 30px;} .agenda .contenu_bloc ul > li.clear {margin-bottom: 0;} .agenda .contenu_bloc ul > li .wrap_txt {text-align: left;} .agenda .contenu_bloc ul > li .info .startdate, .agenda .contenu_bloc ul > li .info .enddate {width: 96px;} /* Territoire */ #territoire .img {float: none;width: 100%;} #territoire .img > div, #territoire .img > div > img {-webkit-transform: skewX(0deg);-ms-transform: skewX(0deg);transform: skewX(0deg); position: static;} #territoire #liste_territoires {width: 100%;padding: 30px 0;float: none;text-align: center;} #territoire #liste_territoires .drop {width: 60%;margin: 10px auto 0 auto;background-position: 97% 9px;} #territoire #liste_territoires .drop p span {font-size: 2.5em;} #territoire #liste_territoires .drop ul {width: 100%;text-align: left;} /* Zoom sur */ .zoom_sur .contenu_bloc .img {width: 100%;height: auto;} /* Galaxie */ #slider_galaxie_cont #title_galaxie {position: static;width: 100%;text-align: center;} #slider_galaxie .img > div, #slider_galaxie .img > div > img {-webkit-transform: skewX(0deg);-ms-transform: skewX(0deg);transform: skewX(0deg);position: static;} #slider_galaxie .img {float: none;width: 100%;} #slider_galaxie .slide_galaxie a{position: relative;} #slider_galaxie .coverflow_zone_texte, #slider_galaxie_cont p.title, #slider_galaxie .slider_nav ul {width: 100%;float: none;padding-bottom: 10px;} #slider_galaxie .slider_nav {bottom: 87%;width: 100%;} #slider_galaxie .slider_nav ul {text-align: center;} #slider_galaxie .coverflow_zone_texte {padding-top: 2%;text-align: center;} /* Restons connectés */ #connecte #app .store {position: static;width: 100%;float: left;padding: 10px 15px 10px 15px; box-sizing: border-box;text-align: center;} #connecte #app .store a {width: auto;display: inline-block; float: none;} /* *************************** PAGE CONTENT *************************** */ .flex_flow {display: block;} #page #logo {margin: 0;} #page #fil_ariane li {font-size: 1.2em; display: inline-block;} .grey_sidebar {display: none;} #page #global, #home #global {padding-bottom: 0;} /* STRUCTURE */ #content_page table {max-width:100%; overflow-x:auto; display:block;} #page #content > .wrap {width: 100%;box-sizing: border-box;} #page #content > .wrap #col_left {width: 90%;margin: 0 auto;float:none; padding-right: 0; clear: both;} #page #content > .wrap #col_right{width: 100%;padding: 6%;float:none; clear: both;} /* Recherche */ #page #recherche input#main_search {width: 77%;} #page #recherche input#bouton_recherche {width: 20%;} #page #header #relations > div#zone_recherche {display: block;margin-bottom: 20px;} #page #zone_recherche {width: 60%;margin: 0 auto;float: none;} #header #relations > div#social {clear: both;} /* Agenda */ #page .agenda .contenu_bloc > div {width: 46%;} #page .agenda .contenu_bloc > div > a {width: 100%;} #page #content .agenda .contenu_bloc > div {margin-left: 6%;} #page #content .agenda .contenu_bloc > div.clear {margin-bottom: 0;} #page #content .agenda .contenu_bloc div:first-child {margin-left: 0;} /* Accès rapides */ #page #acces_rapides {position: static; height: auto;text-align: center;} #page #acces_rapides ul li {padding: 8px 0.5% 12px 0.5%;display: inline-block;vertical-align: top;float: none;width: 18%;} #page #acces_rapides ul li a span.titre {font-size: 1em;} /* Coordonnees */ .info_utile .info_map {text-align: center;} /* Evt liés */ #page #content #col_right .agenda .contenu_bloc ul > li{width: 46%;} #page #content #col_right .agenda .contenu_bloc ul > li > a {width: 100%;} #page #content #col_right .agenda .contenu_bloc ul > li {margin-left: 6%;} #page #content #col_right .agenda .contenu_bloc ul > li:first-child {margin-left: 0;} #page #content #col_right .agenda .contenu_bloc ul > li.clear {margin-bottom: 0;} #page #content #col_left .agenda .contenu_bloc ul > li {width: 46%;margin-left: 6%; } #page #content #col_left .agenda .contenu_bloc ul > li:nth-child(3n+1) {margin-left: 6%;} #page #content #col_left .agenda .contenu_bloc ul > li:nth-child(2n+1) {margin-left: 0;} /* Newslet */ #page #content #newslet {width: 100%; box-sizing: border-box;} /* Ajustement stru */ #page #content #col_left .agenda .contenu_bloc div { width: 46%;margin-left: 6%;} #page #content #col_left .agenda .contenu_bloc div a {text-align: left;} #page #content #col_left .agenda .contenu_bloc div:nth-child(2n+1) {margin-left: 0;} #page #content #col_left .agenda .contenu_bloc div:nth-child(4n) {margin-left: 6%;} .agenda .contenu_bloc div .info .startdate, .agenda .contenu_bloc div .info .enddate {width: 96px;} /* DCE elus */ .bloc_elu {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; width: 100%; float: none; clear: both;} .bloc_elu .left {width: 22%;} .bloc_elu .right {width: 72%; padding: 20px; box-sizing: border-box;} .bloc_elu.bloc_maire .left img {margin: 0;} #page #col_left.fullwidth #content_page .bloc_elu .left {width: 22%;} #page #col_left.fullwidth #content_page .bloc_elu .right {width: 72%;} #col_left.fullwidth #contenus_lies.vignettes .list_item {width: 47%;display: inline-block;vertical-align: top; float: none;} #col_left.fullwidth #contenus_lies.vignettes .list_item:nth-child(2n) {margin-right:0!important;width: 47%;} #col_left.fullwidth #contenus_lies.vignettes .list_item:nth-child(3n) {margin-right: 3.67%;} .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label {max-width: 95%;} /* ***** LISTE ACCORDEONS ***** */ .accordion .accordion-legend {width: 35%;min-width: 87px;} #page #content .accordion .accordion-details {width: 65%;} #page #content .titre_bloc.home_title {padding-left: 49px;} #page #content .titre_bloc.home_title span {height: 40px;width: 40px;} #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title p {line-height:1.6em;} #page #content #col_right .zone_ressources_download.accordion .titre_bloc.home_title:hover span {background-position: center 15px;} /* SLIDER IMG ASSOCIEES PAGE DETAIL #24481 */ #slider_page.detail {height:370px;} } @media screen and (max-width:479px) { #filters.filters_map .ligne_form.checkbox label { max-width: 70%;} #logo span {font-size: 1.8em;} #page #bandeau #fil_ariane {padding: 8px 0 ;} #page #fil_ariane li {line-height: 1.3em; display: inline;} #header .bg_white .wrap {padding: 20px 0;} #header #relations {width: initial; display: inline-block; float: none;padding-top: 10px;position: relative;} #header #relations > div {float: left;} #header #relations #contact_us {width: 43px;height: 43px;display: block;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;behavior: url(/fileadmin/templates/agglo/css/PIE.htc);margin: 0;padding: 0;background-size: 59%;background-position: center center;} #header #relations #contact_us p a {padding: 0;height: 43px;display: block;text-indent: -999em;} #page #bandeau img {display: none;} #header #relations > div#btn_search_smart { margin-right: 10px;text-indent: -999em;display: block;background: #ebebeb url(../img/icon_search.png) no-repeat center center; width: 43px; height: 43px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior: url(/fileadmin/templates/agglo/css/PIE.htc);} #header #relations > div#btn_search_smart:hover {cursor: pointer;} #header #relations > div#btn_search_smart .close_menu, #header #relations > div#btn_search_smart.close_menu::before, #header #relations > div#btn_search_smart.close_menu::after {display: none;} #home #home_recherche #zone_recherche #recherche input#main_search {font-size: 1.2em;} .agenda .contenu_bloc ul > li {width: 100%; display: block; margin-left: 0;} .agenda .contenu_bloc ul > li .info {width: 61%;} .agenda .contenu_bloc ul > li .info span span.wrap_date > span.d {font-size: 2em;margin: 33% 0 3px 0;} .agenda .contenu_bloc ul > li .info .startdate, .agenda .contenu_bloc ul > li .info .enddate {width: 50%;} #territoire #liste_territoires .drop {width: 90%;} .titre_bloc.home_title p {font-size: 3em;line-height: 1.2em;} #actu_access #slider_home .tag_slide h2 {font-size: 2em;} #social_wall .stream li {width: 94%;box-sizing: border-box; margin: 0 auto 20px auto;float: none;clear: both;position: static !important;} #slider_galaxie .slider_nav {bottom: 83%;} #slider_galaxie .coverflow_zone_texte { padding-top: 3%; } .zoom_sur .contenu_bloc .txt h2 {font-size: 2.5em;} #slider_galaxie_cont p.title {font-size: 3em;} #connecte #app .img, #connecte #app .txt {width: 100%; float: none;} #services p span, #territoire #liste_territoires .drop p span {font-size: 2em;} #territoire #liste_territoires .drop {background-position: 97% 5px;} #footer .bg_gris li {width: 100%;display: block;float: none;text-align: left;background: none;padding: 5px 0;} #footer .bg_gris.log ul li {width: auto;display: inline;} #home #home_recherche #zone_recherche #recherche input#bouton_recherche {width: 22%;} #home #home_recherche #zone_recherche #recherche input#main_search {width: 78%;} #services ul {top: 63px;} #territoire #liste_territoires .drop ul {top: 31px;} #page #zone_recherche {width: 81%;} #header #relations #social li {margin-right:10px;} #page #header #relations > div#zone_recherche {display: none;} #page #header #relations > div#zone_recherche.btn_act {display: block;position:absolute; left: 46px;background: #fff;} #page #header #relations > div#social {clear: none; float: left} #header #relations > div#social {margin-right: 0px;} #header #relations #social li {display: inline-block;float: none;} #page #content .agenda .contenu_bloc > div {width: 100%;margin-left: 0;} #page #acces_rapides ul li {width: 30%;} #content_page .csc-sitemap li {font-size: 1.5em;line-height: 1.5em;} #menu_principal ul li a { line-height:1.6em;word-wrap: break-word;} #menu_principal li ul li.level2 li.level_3, #menu_principal ul li.sub a.back_menu {width: 100%;box-sizing: border-box;} /* Evt liés */ #page #content #col_right .agenda .contenu_bloc ul > li {width: 100%;} #page #content #col_right .agenda .contenu_bloc ul > li {margin-left: 0;} /* Actu */ #page #content #col_left #moteur form .ligne_form {width: 100%; margin-right: 0;margin-bottom: 10px;} #page #content #col_left #moteur form .ligne_form.btn_submit {position: static;width: 100%;} #page #content #col_left .agenda .contenu_bloc ul > li {width: 100%;margin-left: 0; } #page #content #col_left .agenda .contenu_bloc ul > li:nth-child(3n+1) {margin-left: 0;} #page #content #col_left .agenda .contenu_bloc ul > li:nth-child(2n+1) {margin-left: 0;} #page #content #col_left.relative .agenda ul li.elus:nth-child(2n){margin-left:0;} #page #content #col_left.relative .agenda ul li.elus{width:100%;} /* Liste actu ajustement stru */ #page #content #col_left .agenda .contenu_bloc div {width: 100%;margin-left: 0;} .agenda .contenu_bloc div .info .startdate, .agenda .contenu_bloc div .info .enddate {width: 50%;} .agenda .contenu_bloc div .info {width: 61%;} #page #content #col_left .agenda .contenu_bloc div .info span span.wrap_date > span.d{font-size: 2em;margin: 33% 0 3px 0;} /* DCE elus */ .bloc_elu {display: block; padding: 20px;box-sizing: border-box;} .bloc_elu .left, .bloc_elu .right,#page #col_left.fullwidth #content_page .bloc_elu .right, #page #col_left.fullwidth #content_page .bloc_elu .left {width: 100%; float: none; clear: both; padding: 0;} .bloc_elu .right, #page #col_left.fullwidth #content_page .bloc_elu .right {margin-top: 20px;} .bloc_elu .left img, #page #col_left.fullwidth #content_page .bloc_elu .left img { max-width: 100%; width: auto; margin: 0 auto;} .bloc_elu.bloc_maire .left img {margin: 20px auto 0 auto;} #subpages.vignettes .list_item, #contenus_lies.vignettes .list_item, #col_left.fullwidth #contenus_lies.vignettes .list_item, #col_left.fullwidth #contenus_lies.vignettes .list_item:nth-child(2n), #col_left.fullwidth #contenus_lies.vignettes .list_item:nth-child(3n) {float: none; margin-right:0; clear: both; width: 100%;} .social_wall {display: none;} .tx-powermail .powermail_check_outer .powermail_check_inner label, .tx-powermail .powermail_radio_outer .powermail_radio_inner label {max-width: 90%;} /* ***** LISTE ACCORDEONS ***** */ #page #content .accordion .accordion-legend p {padding: 0 10px;font-size:1.3em;} #page #content .accordion .accordion-details p {font-size:1.3em;} #page #content .accordion .accordion-details a {font-size:1em;} #page .accordion h3 {font-size:1.8em;} #carto .title {text-align:left;} #page #content #col_left #map_search {height: 400px;} #filters.filters_map {width:300px;right: -196px;} #page .ad-gallery .ad-image-wrapper{height:300px!important;} #page .tx-cim-gallery .ad-gallery .ad-image-wrapper .ad-image{max-width: 101%;width: 101% !important;left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);} #page .tx-cim-gallery #zone_img #main_picture_ad img{width:100%;} #back_top {width: 50px; height: 50px; right: 10px;} /* SLIDER IMG ASSOCIEES PAGE DETAIL #24481 */ #slider_page.detail {height:230px;} }