suivi.net15.fr

Actualités et agenda

Actualités et agenda

RETOUR

1.

Nouveautés !
Nouveautés !

.un-article-slick-image {
height:400px;
background-size:cover !important;
}

.un-article-slick-suite {
position:absolute;
right:5%;
bottom:1%;
transition:all ease 0.3s;
}

.un-article-slick-suite::after {
content:"+";
color:white;
font-weight:bold;
font-size:40px;
}

.un-article-slick-titre {

(max-width: 470px)
position:absolute;
bottom:-1%;
width:90%;
background:#092327;
left:0%;
height:12%;
padding:1em;
text-align:center;
font-size:18px;
color:white;

(min-width: 470px) and (max-width: 980px)

position:absolute;
bottom:-1%;
width:65%;
background:#092327;
right:2%;
height:12%;
padding:1.5em;
text-align:center;
font-size:18px;
color:white;

(min-width: 980px)

position:absolute;
bottom:-1%;
width:73%;
background:#092327;
right:2%;
height:12%;
padding:1.5em;
text-align:center;
font-size:18px;
color:white;

(min-width: 1600px)

width:65%;

}

.un-article-slick-suite:hover{
(min-width: 980px)

transform:scale(0.9);
}

.fa-angle-right:before {
content:url(/template/fleche-gauche.png);
transition:all ease 0.5;
}

.fa-angle-left:before{
content:url(/template/fleche-droite.png);
transition:all ease 0.5;
}

button.MS-left:hover {

(min-width: 980px)
left:-12px !important;
}

button.MS-right:hover {

(min-width: 980px)
right:-12px !important;
}

2.

.un-article-colonne-flat-titre:before {
content: url(/template/plus.png);
position: absolute;
left: 40%;
opacity: 0;
}

.un-article-colonne-flat-content:hover > .un-article-colonne-flat-titre:before {
opacity: 1;
transition: 0.3s ease;
}

.un-article-colonne-flat-content {
outline: white solid 1px;
outline-offset:0px;
color: #f5aa22;
transition: 0.3s ease;
}

3.

.ui-state-hover, .ui-widget-content.ui-state-hover, .ui-widget-header .ui-state-hover{

background:transparent !important;
border:none !important;

}

.ui-widget.ui-widget-content {
border: none;
font-size: 20px;
}

.ui-datepicker {

(min-width: 980px)

width:21em;
}

.ui-datepicker .ui-datepicker-header {
padding:20px 25px;
}

.ui-datepicker table {

(min-width: 980px)

width: 100%;

}

.responsive-table-1000 .ui-datepicker-calendar td{

(max-width: 470px)

width: 44px  !important;

(min-width: 470px) and (max-width: 980px)

width60px  !important;

(min-width: 980px)

width60px  !important;

(min-width: 1200px)

widthauto !important;

}

.ui-datepicker th {

text-transform:uppercase;
font-weight:normal;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

border:none;
background:#f6f6f6;
font-weight:normal;
color:#092327;
padding:10px 10px;
margin:5px;
text-align:center;

(max-width: 470px)

padding:5px 5px;
margin:1px;

(min-width: 470px) and (max-width: 980px)

padding:10px 10px;
margin:0px;

(min-width: 980px)

padding:10px 10px;
margin:0px;

(min-width: 1200px)

border:none;
background:#f6f6f6;
font-weight:normal;
color:#092327;
padding:10px 10px;
margin:5px;
text-align:center;

}