/***CSS ALIAPHOTO by Artamedia 2024***/
/*
bleu #5aa5c2 - 90, 165, 194
bleu foncé #2f81a1
/*

/*SECTIONS*/
html {scroll-behavior: smooth}
.t3-mainbody {padding-top:60px}

#contact {
    background-color:rgba(90, 165, 194, 1);
    color:#fff;
}
#contact input, #contact textarea {border-top:none; border-left:none;border-right:none}

::-webkit-input-placeholder, :-moz-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder, :-moz-placeholder, ::placeholder {
    color:#eee!important; 
    opacity: 1;
}

#qx-blurb-7kg9q .qx-element-blurb__media path,
#qx-blurb-65vzs .qx-element-blurb__media path,
#qx-blurb-8wzwm .qx-element-blurb__media path
{fill:#fff!important}

#copyright {background-color:#666; color:#ddd}
#copyright p {margin:0; padding: 8px 0}


h1, h2, h3 {font-weight: 600!important}
#prestations h2, #prestations h3, #prestations h4, #prestations p, #contact h2  {color: #fff}


/*HOME*/
#prestations-home .qx-element-blurb__body, #prestations-home h2, #prestations-home h3 {color:#fff}
#prestations-home .qx-divider-separator {border-color:#fff}


/*LIENS*/

a, a:link {color:#5aa5c2}
a:hover, a:visited, a:focus {color:#2f81a1}
#copyright a:link, #copyright a:visited, #copyright a:hover {color: #fff}
#contact a {color:#c8e3f0}

/*HEADER*/
.t3-header {line-height: 80px; min-height:80px}
#header #title_row {background-color:rgba(90, 165, 194,0.5)}
#header h1, #header h2 {color: #fff}

/*NAV*/
#t3-mainnav {height: 80px}
#t3-mainnav a:link, #t3-mainnav a:visited {
    color:#5aa5c2; 
    line-height: 44px /*80-(2x18)*/
}
#t3-mainnav a:hover {color:#2f81a1}
.navbar-default .navbar-nav > li > a {
    color: #5aa5c2;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}
.navbar-default .navbar-nav > .active > a {color:#333!important}
.navbar-toggle {margin-top:40px}


/*BOUTONS*/

.btn, .qx-btn, .qx-btn-info, .btn-default, .btn-primary, .qx-btn-primary, .qx-btn.qx-btn-primary {
    color:#fff!important;
    background-color: #5aa5c2;
    border:#fff 1px solid;
    border-radius: 20px
}

.btn:hover, .btn:focus, .btn:active,
.qx-btn:hover, .qx-btn:focus, .qx-btn:active,
.qx-btn-info:hover, .qx-btn-info:focus, .qx-btn-info:active,
.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.qx-btn-primary:hover, .qx-btn-primary:focus, .qx-btn-primary:active,
.qx-btn.qx-btn-primary:hover, .qx-btn.qx-btn-primary:focus, .qx-btn.qx-btn-primary:active
 {
    color:#5aa5c2!important;
    background-color: #fff!important;
    border:#5aa5c2 1px solid
}

#back-to-top .btn {
    background-color: #5aa5c2;
    opacity: 1;
    box-shadow: none;
}
#back-to-top .btn-primary:hover {
	opacity:0.8
}

/*GALERIES*/

.counter {border:none; background:none}

.event .thumbnail {border:none; padding: 0}
.event .thumbnails .thumbnail {margin:5px}
#events .item-container img {
    transition: transform .5s, filter .5s ease-out;
    transform:scale(1);
    filter: brightness(100%);
}
#events .item-container:hover img {
    transition: transform .5s, filter .5s ease-out;
    transform:scale(1.2);
}
#events .item .eg-content .data {
    background-color:rgba(90,165,194,0.0);
    opacity: 1;
}
#events .item .eg-content:hover .data {
    background-color:rgba(0,0,0,0.0)
}
#events .item .title {
    min-height: 60px;
    line-height: 4em;
    font-size: 2.2em;
    margin: 12px auto 0 auto;
    text-align: center;
    color:#fff;
    font-family: Patua One, sans-serif;
    text-shadow: 0 0 2px #000
}
#events .item .imagecount, #events .item .eventhits, #events .item .text, #events .item .overallCount {
    font-weight: bold;
    font-size: 1em;
    margin: 0 12px 12px 12px;
    position: absolute;
    top: 40px
}

.egfa-share-alt:before {display: none} /*masquer bouton SHARE*/

/*PRIX*/

#tarifs h2, #tarifs h3 {text-align: center}
#tarifs h3 {margin:0 0 24px 0}
.qx-element-pricing-table {padding:0 0 40px 0}
.qx-element-pricing-table .single-table {margin:0 0 8px 0; text-align: center}
.col-2 .single-table {width:49%; margin-right: 1%}
.col-3 .single-table {width:32.33333%; margin-right: 1%}
.col-4 .single-table {width:24%; margin-right: 1%}
.col-5 .single-table {width:19%; margin-right: 1%}
.single-table:nth-child(even) {background:#5aa5c2}
.single-table:nth-child(odd) {background:#b1d5e3}
.single-table:nth-child(even) .table-heading {background:#5aa5c2}
.single-table:nth-child(odd) .table-heading {background:#b1d5e3}
.table-heading .title {font-weight: 600; border-bottom:#fff 1px solid; padding: 8px 0}
.table-heading .description {margin:0; padding:8px 0}
.table-heading .amount {font-size: 48px}
.single-table .table-body {background:none}
.single-table .table-footer {display:none}

/* RESPONSIVE */
@media only screen and (max-width: 1200px) {
    .col-5 .single-table {width:32.333%; max-width: 32.333%;}
    #t3-mainnav a:link, #t3-mainnav a:visited {line-height:24px}
    .header-v1 .t3-navbar-collapse.navbar-collapse {
        width: 100%;
        position: absolute;
        top: 90px;
        background: rgba(255,255,255,0.9);
        text-align:right;
    }

}
@media only screen and (max-width: 992px) {
    .col-4 .single-table {width:48%; max-width: 48%;}

}
@media only screen and (max-width: 767px) {
    .col-5 .single-table {width:48%; max-width: 48%;}

}
@media only screen and (max-width: 600px) {
    .col-5 .single-table, .col-4 .single-table, .col-3 .single-table, .col-2 .single-table {float:none; width:90%; max-width: 90%; margin-left:auto; margin-right:auto }
}