*/
opacity: 0;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
div.wngInfo li:nth-child(2) a.images-container>img:nth-child(2) {
position: relative;
top: -50px;
}
/* hover */
div.productsWng a.images-container:hover>img:nth-child(1),
div.wngInfo a.images-container:hover>img:nth-child(1) {
opacity: 0;
z-index: 1;
}
div.productsWng a.images-container:hover>img:nth-child(2),
div.wngInfo a.images-container:hover>img:nth-child(2) {
opacity: 1;
height: inherit;
z-index: 2;
}
.box-footer-info {
width: 80%!important;
margin-left: 10%;
display: inline-block;
margin-bottom: 45px;
line-height: 35px;
font-size: 22px;
font-weight: 300;
}
footer .wngContact {
background: #252c32;
padding-bottom: 35px;
}
footer .wngContact .section-content {
color: #fff;
padding: 0px;
}
footer .wngContact ul li {
padding: 0 20px;
line-height: normal;
list-style-type: none;
display: inline-block;
white-space: nowrap;
font-size: 20px;
font-weight: 300;
height: 32px;
}
footer .social-links a {
font-size: 32px;
}
footer .wngContact a {
/*color: #e5064b;*/
color: rgba(255, 255, 255, .5);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
white-space: nowrap;
}
footer .wngContact a:hover {
/*color: #ba0f40;*/
color: rgba(255, 255, 255, 1);
text-decoration: none;
}
.wng-data {
text-align: center;
position: relative;
padding-top: 20px;
}
.wng-data::before {
position: absolute;
content: "";
top: 0;
width: 100px;
height: 1px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.28);
background: rgba(255, 255, 255, 0.12);
left: 50%;
transform: translateX(-50%);
}
/*************************** CUSTOM CSS TYPO3 ***************************/
body {
font-family: "ars-maquette-web", Arial, sans-serif;
}
.l-section {
overflow: hidden;
}
section#accueil .l-subsection.color_dark.with_parallax {
background-image: url(../../Images/webcommunes.ch/photo_webcommune.jpg);
}
#notre-solution .ce-row,
#notre-solution .ce-gallery,
#notre-solution .ce-textpic {
overflow: inherit;
}
#notre-solution .w-iconbox-icon {
display: none;
}
#vos-besoins h3 {
color: #1eb3b9;
}
#vos-besoins .color_alternate h3 {
color: #fff;
}
img.picto {
display: inline-block;
width: 100px;
height: 100px;
margin: 0px 0px 20px 0px !important;
}
#nos-references .tx-powermail {
margin-top: 50px;
}
#nos-references .tx-powermail h3,
#nos-references .tx-powermail legend {
display: none;
}
#nos-references .tx-powermail label {
margin-bottom: 10px;
font-weight: bold;
}
#footer-contact fieldset,
#nos-references .tx-powermail fieldset {
border: 0;
margin: 0;
padding: 0;
}
#nos-references .tx-powermail .container-fluid {
padding: 0px;
}
#nos-references .tx-powermail input,
#nos-references .tx-powermail textarea {
background-color: #edecec;
}
#nos-references .tx-powermail .powermail_fieldwrap_type_input:nth-child(2n) {
padding: 0px 0px 0px 0px;
}
#nos-references .tx-powermail .powermail_fieldwrap_type_input {
padding: 0px 0px 0px 40px;
margin-bottom: 25px;
}
#nos-references .tx-powermail .powermail_fieldwrap_type_textarea {
padding: 0px;
}
#footer-contact .powermail_label,
#nos-references .tx-powermail .powermail_label,
{
margin-bottom: 5px;
}
#nos-references .tx-powermail .powermail_submit {
background: #1eb3b9;
margin-top: 25px;
text-shadow: none;
font-size: 1em;
}
.powermail_fieldwrap_type_check {
margin-top: 30px;
display: inline-block;
}
.powermail_fieldwrap [type="checkbox"]+span {
font-size: 16px;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
left: 20px;
}
.nolabel .powermail_label {
display: none;
}
.powermail_fieldwrap_type_check .powermail_checkbox {
margin-top: 6px;
}
.w-toplink:focus {
color: #fff !important;
}
.w-toplink:hover {
color: #fff !important;
}
p {
margin-bottom: 25px;
}
.title p {
margin: 0;
}
#vos-besoins .btn-container {
text-align: center;
margin-top: 30px;
}
#nos-references p {
margin-bottom: 0px;
}
.powermail_create p {
color: #444;
text-align: center;
font-size: 1.2em;
}
#accueil .title {
margin-top: 40px;
}
/* tarteaucitron */
#tarteaucitronRoot * {
font-family: "ars-maquette-web", Arial, sans-serif !important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
font: 14px "ars-maquette-web", Arial, sans-serif !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize {
font-size: 14px !important;
text-transform: uppercase;
}
#tarteaucitronAlertBig {
background: #585756;
padding: 10px 5% !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
background: #1eb3b9 !important;
color: #ffffff !important;
font-size: 14px;
text-transform: uppercase;
padding: 6px 10px !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
background: #1eb3b9 !important;
}
#tarteaucitron .tarteaucitronBorder,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
border-color: #1eb3b9 !important;
}
@media(min-width: 1200px) {
footer .wngContact .col-md-8 ul {
text-align: right;
}
footer .wngContact ul li:first-child {
padding-left: 0;
}
footer .wngContact ul li:last-child {
padding-right: 0;
}
}
@media(max-width: 1199px) {
.wng-data {
text-align: center;
margin-bottom: 10px;
padding-bottom: 5px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.wngContact .section-content>.row>div {
width: 100%;
text-align: center;
}
}
@media (min-width: 992px) {
footer .wngContact .col-md-8 ul li {
float: none;
width: auto;
}
}
/* Media Queries - Screen under 1000px */
@media screen and (max-width: 1000px) {
.w-logo {
float: left;
margin-top: 15px;
}
.w-logo-img {
height: 50px !important;
}
.w-nav-control {
margin-top: 15px;
}
.l-header .w-nav {
width: auto;
}
}
@media (max-width: 959px) {
.l-footer {
position: static;
}
}
/* Media Queries - Screen under 992px */
@media screen and (max-width: 992px) {
#footer-contact .powermail_fieldwrap_type_input,
#nos-references .tx-powermail .powermail_fieldwrap_type_input {
padding: 0px 0px 0px 0px;
}
div.productsWng a.images-container > img {
width: 40%;
max-width: 100%;
margin: auto;
}
footer .wngInfo .wngLogo.color {
left: 50%;
transform: translateX(-50%);
}
footer .wngInfo .wngLogo {
width: 80%;
}
footer .wngInfo h3 {
margin-top: 0px !important;
}
footer .productsWng .productsWngImg.mailtoo {
background-size: auto;
}
footer .productsWng .productsWngImg.mailtoo:hover {
background-size: auto;
}
.category {
top: 40px;
}
.col-md-3.col-xs-12.product {
padding-bottom: 30px;
}
.col-md-3.col-xs-12.product:nth-child(4) {
padding-bottom: 0;
}
}
/* Media Queries - Screen under 768px */
@media screen and (max-width: 768px) {
footer .productsWng .col-sm-3 {
float: left;
width: 25%;
}
footer .wngInfo h3 {
font-size: 22px;
}
footer .wngInfo .wngLogo {
max-width: 80%;
}
.box-footer-info,
footer .wngContact ul li{
font-size: 14px;
}
.social-links {
margin-top: 30px;
}
}
/* Media Queries - Screen under 635px */
@media screen and (max-width: 635px) {
#accueil .container-fluid {
margin-bottom: 61px;
}
#accueil .slider-info {
bottom: -61px;
font-size: 22px;
}
footer .productsWng .col-sm-3 {
float: none;
margin-bottom: 40px;
width: 100%;
}
footer .productsWng .col-sm-3:last-of-type {
margin-bottom: 0px;
}
footer .productsWng .productsWngImg.mailtoo {
background-size: auto;
}
footer .productsWng .productsWngImg.webcommune {
background-size: auto;
}
footer .productsWng .productsWngImg.rapportAnnuel {
background-size: auto;
}
footer .productsWng .productsWngImg.mailtoo:hover {
background-size: auto;
}
footer .productsWng .productsWngImg.webcommune:hover {
background-size: auto;
}
footer .productsWng .productsWngImg.rapportAnnuel:hover {
background-size: auto;
}
}
/* Media Queries - Screen under 400px */
@media screen and (max-width: 400px) {
footer ul li {
font-size: 20px;
}
}