@media screen and (min-width: 320px)
and (max-width: 400px) {
#cont_057c31426f8a8d98806f3746d568dd6e {
display:none;
}
}
@media screen and (min-width: 1000px) {
#cont_89fab8ce8318bfeb81fec1fbda13d780 {
display:none;
}
}
.imgnew {
height:50px;
float:left;
top: 0px;
left : -15px;
}
.fancybox:hover {
cursor: url("https://esparron.fr/images/loupe.png"), auto;
}
.efbl-overlay:hover {
cursor: url("https://esparron.fr/images/loupe.png"), auto;
}
.newsdate {
float: left;
top: 35px;
left : 1px;
line-height: 1;
text-align: left;
margin-left: 0px;
max-height: 50px;
padding-top: 0px;
padding-left:0px;
border: 2px solid #111111;
box-shadow: 10px 5px 5px grey;
border-bottom-right-radius: 160px 50px;
display: inline-block;
background: #289dcc;
}
@media screen and (min-width: 320px) {
.newsdate {
min-width: 315px;
max-width: 315px;
}
}
@media screen and (min-width: 1000px) {
.newsdate {
min-width: 315px;
max-width: 315px;
}
}
.entry-header {
text-align:center;
}
iframe {
border: 5px solid #fff;
-moz-box-shadow: 8px 8px 12px #aaa;
-webkit-box-shadow: 8px 8px 12px #aaa;
box-shadow: 8px 8px 12px #555;
}
/* ----------------------------- */
/* Si on utilise un petit écran (que ce soit avec un ordinateur dans une petite fenêtre ou avec un smartphone), les titres sont réduits */
@media screen and (min-width: 320px) {
h1 {
font-size: 12px !important;
}
}
@media screen and (min-width: 1000px) {
h1 {
font-size: 30px !important;
}
}
.entry-title
{
/* text-shadow: -1px -1px #eee, 1px 1px #888, -3px 0 4px #000; */
font-family:Arial;
color:#fff;
position: relative;
top: -15px;
padding:10px 66px 10px 66px;
/* font-weight:lighter; */
-moz-box-shadow: 2px 2px 6px #888;
-webkit-box-shadow: 2px 2px 6px #888;
/* box-shadow:2px 2px 6px #888; */
text-align:center;
display:block;
/* line-height:12px; */
background: linear-gradient(to bottom, #D64B4B, #AB2C2C);
box-shadow: rgba(0,0,0,0.3) 0 1px 1px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
margin: 10px;
}
table.greenTable {
font-family: Georgia, serif;
border: 6px solid #24943A;
background-color: #D4EED1;
width: 100%;
text-align: center;
}
table.greenTable td, table.greenTable th {
border: 1px solid #24943A;
padding: 3px 2px;
}
@media screen and (min-width: 320px) {
table.greenTable tbody td {
font-size: 16px !important;
text-align:center;
}
}
@media screen and (min-width: 1000px) {
table.greenTable tbody td {
font-size: 18px !important;
text-align:center;
}
}
table.greenTable thead {
text-align: center;
background: #24943A;
background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
background: linear-gradient(to bottom, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
border-bottom: 0px solid #444444;
}
table.greenTable thead th {
font-size: 19px;
font-weight: bold;
color: #F0F0F0;
text-align: center;
border-left: 2px solid #24943A;
}
table.greenTable thead th:first-child {
border-left: none;
}
table.greenTable tfoot {
font-size: 13px;
font-weight: bold;
color: #F0F0F0;
background: #24943A;
background: -moz-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
background: -webkit-linear-gradient(top, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
background: linear-gradient(to bottom, #5baf6b 0%, #3a9e4d 66%, #24943A 100%);
border-top: 1px solid #24943A;
}
table.greenTable tfoot td {
font-size: 13px;
}
table.greenTable tfoot .links {
text-align: right;
}
table.greenTable tfoot .links a{
display: inline-block;
background: #FFFFFF;
color: #24943A;
padding: 2px 8px;
border-radius: 5px;
}
.news-bar {
padding: 4px 0 4px;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
height: 15px;
position:relative;
}
.breaking-news:after {
float: right;
height:14px !important;
}
.breaking-news div {
display: none;
}
.breaking-news-latest {
color: yellow;
margin-right: 0;
position: relative;
margin-top: 0px;
display: none;
}
/* The HTML list gets replaced with a single div,
which contains the active ticker item, so you
can easily style that as well */
.breaking-news div {
display: inline-block;
word-wrap: break-word;
display: none;
}
.date-in-header {
color: white;
text-shadow: 2px 2px 4px #000000;
font-size: 14px;
text-align:left;
padding-top:5px;
}
.newsticker {
position:relative;
padding-left: 0;
padding-top:2px;
overflow: hidden;
height: 15px !important;
color: yellow;
font-size: 14px;
}
.newsticker a:link {
color: yellow;
background-color: transparent;
text-decoration: none;
}
.newsticker a:visited {
color: yellow;
background-color: transparent;
text-decoration: none;
}
.newsticker a:hover {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
.newsticker a:active {
color: yellow;
background-color: transparent;
}
.social-links {
position: absolute;
top: 35px;
right : 1px;
max-width: 100%;
margin-right:5px;
}
.divmeteo {
position: absolute;
top: 45px;
right : 65px;
max-width: 50%;
margin-right:1px;
-moz-box-shadow: 8px 8px 12px #aaa;
-webkit-box-shadow: 8px 8px 12px #aaa;
box-shadow: 8px 8px 12px #555;
}
.wp-block-quote {
max-width:80%;
max-height:80%;
transition: transform .1s;
}
.wp-block-quote:hover {
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Safari 3-8 */
transform: scale(1.2);
}
.wp-block-separator,
.separator--line {
border: 0;
border-bottom: 5px solid #1010ff;
width: 0;
animation: separator-width 1s ease-out forwards;
}
@keyframes separator-width {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.cat-links {
display: none;}
.wp-blockquote:hover {
padding-left: 0.5rem;
border-left: 0.5rem solid #00ff99;
}
.wp-blockquote > :first-child {
margin-top: 0;
}
.wp-blockquote > :last-child {
margin-bottom: 0;
}
#framedelib {
margin:5% auto;
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
padding:1em;
line-height:1.5em;
background:hsla(67, 95%, 95%, 1);
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #000000;
}
#fancybox-outer, #fancybox-content {
border-radius:15px;
}
#fb-frame {
border: 0px;
}
#fb-frame {
zoom: 0.75;
-moz-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#fb-frame {
zoom: 1;
}
}
.blink {
animation: blink-animation 2s steps(5, start) infinite;
-webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
visibility: hidden;
}
}
.texte3d {
transform: translate(50%,-50%);
text-transform: uppercase;
font-family: verdana;
font-size: 1em;
font-weight: 300;
color: #f5f5f5;
text-shadow: 1px 1px 1px #919191,
1px 2px 1px #919191,
1px 3px 1px #919191,
1px 4px 1px #919191,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);
}
.texte3dfb {
transform: translate(50%,-50%);
text-transform: uppercase;
font-family: verdana;
font-size: 1em;
font-weight: 300;
color: black;
text-shadow: 1px 1px 1px #919191,
1px 2px 1px #919191,
1px 3px 1px #919191,
1px 4px 1px #919191,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);
}
.texte3dmin {
transform: translate(50%,-50%);
text-transform: uppercase;
font-family: verdana;
font-size: 0.6em;
font-weight: 200;
color: #f5f5f5;
text-shadow: 1px 1px 1px #919191,
1px 2px 1px #919191,
1px 3px 1px #919191,
1px 4px 1px #919191,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);
}
/* MYSLIDE */
.mySlides {
display: block;
}
/* Next & previous buttons */
.prevslide,
.nextslide {
cursor: pointer;
/*z-index:999;*/
position: absolute;
transition: transform .1s;
top:50%;
max-width: 50px;
font-weight: bold;
font-size: 20px;
color: white;
max-height:50px;
/* background-color: rgba(127, 127, 127, 0.2);
margin:auto; */
opacity:1;
}
/* Position the "next button" to the right */
.prevslide {
left: -15px;
}
.nextslide {
right: -15px;
}
/* On hover, add a black background color with a little bit see-through */
.prevslide,
.nextslide:hover {
/* background-color: rgba(127, 127, 127, 0.8);
-ms-transform: scale(2);
-webkit-transform: scale(2);
transform: scale(2);
*/
}
/* ----MYSLIDE---- */
.imgslide {
transition: transform .1s;
opacity:0.8;
}
.imgslide:hover {
opacity:1;
/*-ms-transform: scale(2);
-webkit-transform: scale(2);
transform: scale(2);
*/
}
.marquee-container {
height: 30px;
overflow: hidden;
width:1000%;
line-height: 30px;
position:relative;
top:10px;
}
/*
.marquee {
top: 0;
left: 100%;
width: 100%;
overflow: hidden;
position: absolute;
white-space: nowrap;
animation: marquee 60s linear infinite;
}
.marquee:hover {
animation-play-state: paused;
}
@keyframes marquee {
0% {
left: 100%;
}
100% {
left: -100%
}
}*/