#CACHE{24*3600,cache-client} #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15} #HTTP_HEADER{Vary: Accept-Encoding} #SET{c_vignettes_bk,(#CONFIG{soyezcreateurs_couleurs/vignettes_bk,#ffffff})} #SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})} #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#ffffff})} #SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#017ca5})} #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#ffffff})} #SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})} #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})} #SET{c_menu_a,(#CONFIG{soyezcreateurs_couleurs/menu_a,#005e7a})} #SET{c_menu_a_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_bk,#ffffff})} #SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})} #SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})} #SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})} #SET{LargeurMilieu,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}}|div{2})} div#content { width: 100%; } .portailcognac { /* clearfix */ /* ---- grid ---- */ /* ---- grid-item ---- */ } .portailcognac iframe { width: 100%; } .portailcognac img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } .portailcognac :focus { outline: none; } .portailcognac select { cursor: pointer; } .portailcognac .spip_logo { max-width: 100%; } .portailcognac .ariaformprop { padding: 0; margin: 0; position: relative; z-index: 99; background-color: white; font-size: 80%; } .portailcognac .ajaxbloc { height: 100%; } .portailcognac .row { margin-right: auto; margin-left: auto; } .portailcognac .text-center { text-align: center; } .portailcognac .text-right { text-align: right; } .portailcognac .text-left { text-align: left; } .portailcognac .menu { margin: 0; list-style-type: none; } .portailcognac .menu > li { display: table-cell; vertical-align: middle; } .portailcognac .vertical > li { display: block; vertical-align: middle; } .portailcognac .flexbox-flex { display: flex; align-items: baseline; margin-bottom: .5em; } .portailcognac .flexbox-center-center { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .portailcognac .flexbox-center-top { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; } .portailcognac .flexbox--center { display: flex; align-items: center; } .portailcognac .flexbox-flex-row-reverse { display: flex; flex-direction: row-reverse; } .portailcognac .flex-nowrap { flex-wrap: nowrap; } .portailcognac .flexbox-wrap-space-between { display: flex; flex-wrap: wrap; align-content: space-between; } .portailcognac .flexbox-wrap-space-around { display: flex; flex-wrap: wrap; justify-content: space-around; } .portailcognac .flexbox-center-space-between { display: flex; align-items: center; justify-content: space-between; } .portailcognac .flexbox-start-space-between { display: flex; align-items: flex-start; justify-content: space-between; } @media screen and (max-width: 47.9375em) { .portailcognac .flex-nowrap { flex-wrap: wrap; } } .portailcognac .flexbox-stretch { display: flex; align-items: stretch; } @media screen and (max-width: 40em) { .portailcognac .flexbox-stretch { display: block; } } .portailcognac .hide { display: none; } .portailcognac .sans-border { border: 0; } .portailcognac .avec-border { border: 1px solid #aaa; } .portailcognac .avec-border-top { border-top: 1px solid #aaa; } .portailcognac .avec-border-bottom { border-bottom: 1px solid #aaa; } .portailcognac .avec-border-left { border-left: 1px solid #aaa; } .portailcognac .sans-margin { margin: 0; } .portailcognac .avec-margin { margin: 1.5em; } .portailcognac .avec-margin-top { margin-top: 1.5em; } .portailcognac .avec-margin-right { margin-right: 1.5em; } .portailcognac .avec-margin-bottom { margin-bottom: 1.5em; } .portailcognac .avec-margin-bottom05 { margin-bottom: .5em; } .portailcognac .avec-margin-bottom015 { margin-bottom: .15em; } .portailcognac .avec-margin-left { margin-left: 1.5em; } @media screen and (min-width: 40em) { .portailcognac .avec-margin-bottom-for-medium { margin-bottom: 1.5em; } } .portailcognac .sans-padding { padding: 0; } @media screen and (max-width: 40em) { .portailcognac .sans-padding-for-small { padding: 0; } } .portailcognac .avec-padding { padding: 1em; } .portailcognac .avec-padding05 { padding: .5em; } .portailcognac .avec-padding-top { padding-top: 1em; } .portailcognac .avec-padding-top05 { padding-top: .5em; } .portailcognac .avec-padding-top15 { padding-top: 1.5em; } .portailcognac .avec-padding-right { padding-right: 1em; } .portailcognac .avec-padding-right05 { padding-right: .5em; } .portailcognac .avec-padding-bottom { padding-bottom: 1em; } .portailcognac .avec-padding-left { padding-left: 1em; } .portailcognac .avec-padding-leftright { display: block; padding-right: 1em; padding-left: 1em; } .portailcognac .display-block { display: block; } .portailcognac .text-transform-none { text-transform: none; } .portailcognac .text-uppercase { text-transform: uppercase; } .portailcognac .font-style-italic { font-style: italic; } .portailcognac .position-relative { position: relative; } .portailcognac .float-left { float: left ; } .portailcognac .float-right { float: right ; } .portailcognac .float-center { display: table; margin-right: auto ; margin-left: auto ; } .portailcognac .z-index-999 { z-index: 999; } .portailcognac .cursor-pointer { cursor: pointer; } .portailcognac .slick-slider { margin-bottom: 4em; } .portailcognac #liens-diaporama { position: absolute; top: 100px; right: 0; } @media only screen and (max-width:[(#GET{LargeurContaineur})]px) { .portailcognac #liens-diaporama { top: 5vw; } } @media only screen and (max-width: 767px) { .portailcognac #liens-diaporama { position: relative; top: 50px; } } .portailcognac #liens-diaporama ul { width: 220px; text-align: right; } @media only screen and (max-width: 767px) { .portailcognac #liens-diaporama ul { display: flex; width: 100%; flex-wrap: wrap; } } .portailcognac #liens-diaporama li { background-color: rgba(255, 255, 255, 0.75); margin-bottom: .5em; } @media only screen and (max-width: 767px) { .portailcognac #liens-diaporama li { flex-grow: 1; } } .portailcognac #liens-diaporama li a { display: flex; font-size: 1.2em; color: #GET{c_menu_a}; justify-content: flex-end; line-height: 1 ; align-items: center; } .portailcognac #liens-diaporama li a span { padding: .5em .25em .5em .5em; } @media only screen and (max-width: 767px) { .portailcognac #liens-diaporama li a span { padding: .25em .5em; } } .portailcognac #liens-diaporama li a span.icon { margin-left: .25em; padding-left: .25em; font-size: 1.8em; border-left: 1px solid; border-left-color: inherit; } @media only screen and (max-width: 767px) { .portailcognac #liens-diaporama li a { background-color: #eae9e5; margin-left: .5em; } } .portailcognac .slick-slide img { margin: 0 auto; } .portailcognac .slick-slide .row { max-width: none; } .portailcognac .slick-dots { bottom: -45px; } .portailcognac .slick-dots li { width: 30px; height: 30px; } .portailcognac .slick-dots li button { width: 30px; height: 30px; } .portailcognac .slick-dots li button::before { font-size: 20px; line-height: 30px; width: 30px; height: 30px; } .portailcognac .slick-dots li.slick-active button::before { color: black; } .portailcognac #content img { padding: 0; } .portailcognac .slider-pratique { margin: 0 4rem; } .portailcognac .slider-pratique .slick-prev, .portailcognac .slider-pratique .slick-next { width: 40px; height: 40px; } .portailcognac .slider-pratique .slick-prev { left: -40px; } .portailcognac .slider-pratique .slick-next { right: -40px; } .portailcognac .slider-pratique .slick-prev:before, .portailcognac .slider-pratique .slick-next:before { font-size: 40px; color: #777; opacity: 1; } .portailcognac .slider-pratique .slick-prev:hover:before, .portailcognac .slider-pratique .slick-prev:focus:before, .portailcognac .slider-pratique .slick-next:hover:before, .portailcognac .slider-pratique .slick-next:focus:before { opacity: 1; color: #333 ; } .portailcognac .slider-pratique button:hover, .portailcognac .slider-pratique button:focus { background-color: transparent; } .portailcognac .slider-pratique .content-pratique { background-color: #aaa; width: 280px; margin: 0 12px; -webkit-transition: all .25s ease; transition: all .25s ease; } .portailcognac .slider-pratique .content-pratique:hover, .portailcognac .slider-pratique .content-pratique:focus { -webkit-transition: all .25s ease; transition: all .25s ease; } .portailcognac .slider-pratique .h2 { display: flex; height: 150px; color: white; text-align: right; padding-bottom: 90px; font-size: 2em; font-weight: 300; text-align: right; margin: 1.5em 0px 0px; } .portailcognac .slider-pratique .h2 .titre-pratique { width: 100%; align-self: center; text-align: right; padding: 10px; border-right: 1px solid; } .portailcognac .slider-pratique .h2 .icon { align-self: center; padding: 7px 15px 7px 7px; font-size: 30px; } @media only screen and (max-width: 400px) { .portailcognac .slider-pratique { margin: 0 2.8rem; } .portailcognac .slider-pratique .content-pratique { width: 240px; } .portailcognac .slider-pratique .h2 { height: 130px; } } .portailcognac .clearfix:after, .portailcognac .grid:after { content: ''; display: block; clear: both; } .portailcognac #masonry { max-width: 1200px; margin: 0 auto; padding-left: 20px; text-align: center; } .portailcognac .grid { text-align: center; } .portailcognac .grid-item { background-color: #ccc; width: calc(25% - 20px); height: calc(340px + 65px); } .portailcognac .grid-item:hover, .portailcognac .grid-item:focus { background-color: #eee; } .portailcognac .grid-item .content-actus:nth-child(2) { margin-top: 20px; border-top: 20px solid white; } .portailcognac .grid-item header { font-size: 1.5em; overflow: auto; } .portailcognac .grid-item header strong { font-size: inherit; } .portailcognac .grid-item header time { padding: .75em .5em; } .portailcognac .grid-item header img { max-width: 65%; } .portailcognac .grid-item .h2 { display: flex; flex-direction: row; width: 100%; height: 95px; margin: 0; font-weight: 400; padding: 10px; text-align: right; border: none; } .portailcognac .grid-item .h2 .icon { align-self: center; padding: 7px 0 7px 7px; font-size: 30px; } .portailcognac .grid-item .h2 .titre-actus { width: 100%; align-self: center; padding: 10px 10px 10px 0; border-right: 1px solid; } .portailcognac .grid-item img { max-width: 100%; } .portailcognac .grid-item-x2 { width: calc(50% - 20px); } .portailcognac .grid-item-x3 { width: calc(75% - 20px); } .portailcognac .grid-item { margin-bottom: 20px; } @media only screen and (max-width: 1200px) { .portailcognac .grid-item { height: calc(26vw + 90px); } } @media only screen and (max-width:[(#GET{LargeurContaineur})]px) { .portailcognac .grid-item { width: calc(33.333% - 20px); height: calc(34.5vw + 90px); } .portailcognac .grid-item-x2 { width: calc(66.666% - 20px); } .portailcognac .grid-item-x3 { width: calc(100% - 20px); } } @media only screen and (max-width: 680px) { .portailcognac .grid-item { width: calc(50% - 20px); height: auto; } .portailcognac .grid-item-x2 { width: calc(100% - 20px); } } @media only screen and (max-width: 540px) { .portailcognac .grid-item { width: calc(100% - 20px); } } .portailcognac #lesprojets { margin-top: 5em; margin-bottom: 4em; } .portailcognac #projets { margin: 0; padding: 0; } .portailcognac #projets .projet { background-color: #777; width: 50%; float: left; } .portailcognac #projets .projet:hover { background-color: #aaa; } .portailcognac #projets a { display: flex; flex-direction: row; align-content: center; height: 10vw; color: rgb(255, 255, 255); border-width: initial; border-style: none; border-color: initial; border-image: initial; } .portailcognac #projets a:hover { color: #333; } .portailcognac #projets h2 { width: 100%; height: auto; margin: auto; padding: 0 10px; color: inherit; text-align: center; border: none; } .portailcognac #projets h2 { font-size: 2vw; line-height: 35px; width: 100%; height: auto; align-self: center; color: inherit; font-weight: 300; text-align: center; margin: auto; padding: 0px 10px; } .portailcognac#sommaire_mode_portailcognac #projets .suite { background-color: rgba(100, 100, 100, 0.498039); display: flex; height: auto; padding: 0px 25px; } .portailcognac #projets .suite .icon { margin: auto; align-self: center; font-size: 3vw; } @media only screen and (max-width:[(#GET{LargeurContaineur})]px) { .portailcognac #projets h2 { font-size: 36px; line-height: 38px; } } @media only screen and (max-width: 768px) { .portailcognac #projets h2 { font-size: 30px; line-height: 34px; } } @media only screen and (max-width: 640px) { .portailcognac #projets article { width: 100%; float: none; } .portailcognac #projets article a { height: auto; } .portailcognac #projets h2 { padding: 1rem; font-size: 26px; line-height: 30px; } .portailcognac #projets .suite .icon { font-size: 25px; } } .portailcognac #pratique { margin-bottom: 4em; } [(#CHEMIN{images/stylesportailcognac_perso.css}|?{'/* Surcharge eventuelle */'}) [(#INCLURE{#CHEMIN{images/stylesportailcognac_perso.css}|url_absolue_css}|compacte{css})] ]