/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
@title LORACTU global styles
@orange : #ff671a
@lightblue : #0d6ca3
@darkblue : #0c323f
@red : #d60909
*/
body { background:#f8f8f8; font:14px/20px Arial; }
a:hover, a:focus, a:visited { text-decoration:none; outline:0; }
header { position:fixed; width:100%; top:0; z-index:50; }
header .logo { float:left; width:190px; margin:5px 10px; }
header .logo img { display:block; margin:9px 0; max-width:100%; }
header .main-navbar { background:#ffffff; height:52px; }
header .main-navbar nav a { color:#666; font:700 18px/19px 'proxima-nova'; padding:16px 25px; border-bottom:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; letter-spacing:0.3px;}
header .main-navbar nav a:hover { transition:all 0.1s linear; color:#fff; background:#0d6ca3; }
header .main-navbar nav a.active { color:#0d6ca3; background:#fafafa; border-bottom:1px solid transparent; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; }
header .main-navbar nav a.active:after { display:block; content:''; background:url(../images/nav-active.png) no-repeat 0 0; width:14px; height:8px; position:absolute; bottom:-3px; left:50%; margin-left:-7px; }
header .main-navbar .navbar-right a { padding:16px 15px; }
header .main-navbar .navbar-right .dropdown-menu a { font-size:16px; padding:5px 20px; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:#ff721a; border-color:#f14a03; }
.nav .open > a i, .nav .open > a:hover i, .nav .open > a:focus i { color:#ffffff;}
header .navbar-right a i { font-size:16px; }
header .navbar-right .fa-rss { color:#0d6ca3; }
header .navbar-right .fa-facebook { color:#0d6ca3; }
header .navbar-right .fa-twitter { color:#0d6ca3; }
header .navbar-right a:hover .fa-rss { color:#fff; }
header .navbar-right a:hover .fa-facebook { color:#fff; }
header .navbar-right a:hover .fa-twitter { color:#fff; }
header .navbar-right #search-form-link:hover { background:#ff721a; color:#ffffff; }
header .navbar-right #search-form-link:hover .fa-search { color:#ffffff; }
header .navbar-right #search-form-link .fa-search { color:#ff721a; }
header .navbar-right .fa-user { color:#dedede; }
header .navbar-right .connected .fa-user { color:#ff721a; }
header .navbar-right .connected:hover { background:#ff721a; }
header .navbar-right .connected:hover .fa-user { color:#ffffff; }
header .main-navbar .navbar-right .reporter { margin: 10px 10px 0 0; padding:7px 14px; border:1px solid #eaebec; background:#fafafa; border-radius:3px; font:13px/1 'proxima-nova'; color:#707070; text-transform:uppercase; }
header .main-navbar .navbar-right .reporter i { font-size:14px; color:#26add9; }
header .main-navbar .navbar-right .reporter:hover { background:#333; color:#fff; border:1px solid #111; }
header .town-navbar { font:12px 'proxima-nova'; text-transform:uppercase; background:url(../images/nav.jpg) repeat-x 0 0 #ff671a; }
header .town-navbar a { line-height:1; padding:11px 20px; color:#fff; border-right:1px solid #ff8548;}
header .town-navbar li:first-child a { border-left:1px solid #ff8548;}
header .town-navbar a:hover, header .town-navbar a:focus, header .town-navbar a.active { background:#ff5c17; }
/*.container > .town { padding-top:40px; }*/
.container > .town .big-title { font-size:40px; }
.no-navbar-location #page { margin-top:52px; }
.no-navbar-location header .main-navbar nav a.active:after { display:none; }
#page .category-navbar { font:13px/13px 'proxima-nova'; text-transform:uppercase; background:url(../images/nav-category.jpg) repeat-x 0 0 #0d6ca3; }
#page .category-navbar li { margin-right:3px; }
#page .category-navbar a { display:block; border:1px solid transparent; border-bottom:0; line-height:12px; padding:7px 20px 0; height:29px; margin-top:6px; color:#fff; border-radius:3px 3px 0 0; margin-bottom:-1px; }
#page .category-navbar a:hover, #page .category-navbar a.active { background:#e9ecf0; color:#222; border-left:1px solid #fff; border-top:1px solid #fff; }
#main-toggle { position:absolute; left:-20px; }
#main-toggle .icon-bar { background:#ff671a; }
#town-toggle { line-height: 1; margin: 0; padding: 0; position: absolute; right: 13px; top: 13px;}
#town-toggle i { color:#ff671a; font-size:22px; }
.label { font:13px/1 'Fjalla One', sans-serif; text-transform:uppercase; background:#ff5516; border-bottom:1px solid #ff290b; text-shadow:1px 1px 0 #ff290b; padding:5px 10px 3px; border-radius:3px; }
.description .label.headline { background:#fff; color:#0c323f; }
figure { position:relative; }
figure .label { border-radius:3px 3px 0 0; padding:4px 8px 2px; position:absolute; left:18px; bottom:0;}
.btn { height:25px; background:#ff4612; color:#fff; border-radius:2px; border-bottom:1px solid #ff4602; padding:5px 10px; font:13px/1 'proxima-nova';}
.btn i { font-size:14px; }
.btn:hover { background:#fff; color:#ff4612; border:1px solid transparent; }
.btn.big:hover {
background: #feffff; /*
background: -moz-linear-gradient(top, #feffff 0%, #d2ebf9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9));
background: -webkit-linear-gradient(top, #feffff 0%,#d2ebf9 100%);
background: -o-linear-gradient(top, #feffff 0%,#d2ebf9 100%);
background: -ms-linear-gradient(top, #feffff 0%,#d2ebf9 100%);
background: linear-gradient(to bottom, #feffff 0%,#d2ebf9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 );
border:1px solid #b5c6d0;*/
text-shadow:1px 1px 0 #fff;
}
.btn.big {
font-size:14px;
height:32px; padding:0 10px; line-height:32px;
text-shadow:1px 1px 1px #dc5516;
border-radius:4px;
background: #ff751e; /* Old browsers */
background: -moz-linear-gradient(top, #ff751e 0%, #ff5b17 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff751e), color-stop(100%,#ff5b17)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff751e 0%,#ff5b17 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff751e 0%,#ff5b17 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff751e 0%,#ff5b17 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff751e 0%,#ff5b17 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff751e', endColorstr='#ff5b17',GradientType=0 ); /* IE6-9 */
}
.item { background:#fff; border-bottom:1px solid #ccccce; border-radius:3px 3px 4px 4px; margin-bottom:10px; overflow:hidden; position:relative; }
.item .head { position:relative; border-bottom:1px solid #0c323f; }
.item .cat-title { font:300 30px/1 'proxima-nova'; }
.item .cat-title i { font:italic 600 30px/1 'proxima-nova'; }
.item .bottom { height:42px; position:absolute; bottom:0; left:0; width:100%; padding:0 10px 0; }
.item .bottom > div { padding-top:8px; border-top:1px solid #e9e9e9;}
.item .bottom .btn { float:right; }
.pub { margin-bottom:10px; }
.pub img { display:block; margin:0; max-width:100%; }
#page { background:url(../images/bg.png) repeat-x 0 0 #f8f8f8; margin-top:86px; }
/* HOMEPAGE */
#head { background:#fafafa; border:1px solid #fff; border-bottom:1px solid #eee; border-radius:5px; padding:10px 10px 0; margin:20px -10px 40px; }
#headlines { max-height:413px; max-width:1228px; border-bottom:2px solid #eee; border-radius:3px 3px 8px 8px; overflow:hidden; margin-bottom:10px; }
#headlines > div { position:relative; }
#headlines .description { height:122px; background:url(../images/headlines-bg) no-repeat 0 0; position:absolute; bottom:0; width:100%; left:0; }
#headlines .label { font-size:14px; position:absolute; top:-23px; left:140px; border-radius:3px 3px 0 0; }
#headlines .label.headline { left:70px; text-shadow:none; border-bottom:1Px solid #fff; }
#headlines img { display:block; max-width:100%; }
#headlines .title { font:500 35px/1.1 'proxima-nova'; color:#0c323f; padding:20px 140px; }
#headlines .title a { font:500 35px/1.1 'proxima-nova'; color:#0c323f; }
#headlines .owl-controls { position:absolute; bottom:0; width:100%; }
#headlines .owl-pagination { position:absolute; bottom:8px; width:100%; text-align:center; }
#headlines .owl-buttons > div { background:url(../images/arrow-big.png) no-repeat 0 0; text-indent:-1000px;}
#headlines .owl-buttons > .owl-next { background-position:-20px 0; }
.owl-pagination { text-align:center; }
.owl-pagination .owl-page { display:inline-block; background:#fefefe; border-radius:10px; height:10px; width:10px; margin:0 3px; box-shadow:inset 1px 1px 0 #ced0d1, 1px 1px 0 #fff; }
.owl-pagination .owl-page.active, .owl-pagination .owl-page:hover { background:#ff671a; box-shadow:inset 1px 1px 0 #ff3918; }
.owl-buttons > div { height:31px; width:19px; overflow:hidden; position:absolute; bottom:50px; left:55px; }
.owl-buttons > .owl-next { background-position:-20px 0; left:auto; right:55px; }
/* black headlines
#headlines .description { background:rgba(0,0,0,0.4); }
#headlines .label.headline { background:rgba(0,0,0,0.4); color:#fff; left:70px; text-shadow:none; border-bottom:1Px solid rgba(0,0,0,0.4); }
#headlines .owl-buttons > div { background:url(../images/arrow-big-black.png) no-repeat 0 0; }
#headlines .title a { font:300 35px/1.1 'proxima-nova'; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.2); }
#headlines .owl-pagination .owl-page { background:#222; box-shadow:inset 1px 1px 0 #111, 1px 1px 0 #444; }
#headlines .owl-pagination .owl-page.active, #headlines .owl-pagination .owl-page:hover { background:#ff671a; box-shadow:inset 1px 1px 0 #ff3918; }
eof */
#info-du-jour { height:510px; }
#info-du-jour .desc { padding:20px 10px 40px; }
#info-du-jour .head { position:relative; height:250px; overflow:hidden; }
#info-du-jour .head:after { content:''; display:block; position:absolute; background:#0c323f; height:3px; width:75px; bottom:-3px; }
#info-du-jour .head:before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:92px; background:url(../images/bg-gradient.png); overflow:hidden; z-index:1; }
#info-du-jour .head .cat-title { position:relative; z-index: 2; color:#fff; border-bottom:1px solid #fff; padding:10px 0; margin:10px; }
#info-du-jour .head .cat-title:after {
background: none repeat scroll 0 0 #fff;
bottom: -3px;
content: "";
display: block;
height: 3px;
position: absolute;
width: 75px;
}
#info-du-jour .head img { position:absolute; top:0; left:0; width:100%; border-radius:3px 3px 0 0;}
#info-du-jour .title { color:#0c323f; font:600 20px/1.1 'proxima-nova'; margin-bottom:15px; }
#info-du-jour .title a { color:#0c323f; }
#info-du-jour .title a:hover { color:#0d6ca3; }
#top-actus { padding:0 10px 0; height:250px; margin-bottom:10px; }
#top-actus .item { padding:8px 0; border:0; margin:0; border-top:1px solid #e9e9e9; }
#top-actus .item:first-child { border-top:0; }
#top-actus .item img { width:68px; float:left; margin-right:10px; }
#top-actus .item a { display:block; font:600 14px/1.1 'proxima-nova'; color:#0c323f; }
#top-actus .item a:hover { color:#0d6ca3; }
#top-actus .head { height:58px; z-index:20; padding:10px 0 0; }
#top-actus .head:after { content:''; display:block; position:absolute; background:#0c323f; height:3px; width:75px; bottom:-3px; }
#top-actus .head select { border:0; margin-top:8px; float:right; padding:5px; color:#0c323f; background:#f4f4f4; border-radius:4px; font:13px/1 Arial; }
#top-actus .head .cat-title { float:left; }
#meteo { color:#fff; font-family:'proxima-nova'; }
#meteo .main { background:#2a527f; color:#fff; display:block; height:100px; padding:10px 20px; border-radius:3px 3px 0 0; }
#meteo .main .more { color:#f6d600; display:none; text-align:center;}
#meteo .main:hover .more { display:block; }
#meteo .main img { position:absolute; right:10px; top:10px; max-width:75px; }
#meteo .main .day { font-size:18px; font-weight:600; margin-bottom:10px; }
#meteo .main .temp { font-size:25px; font-weight:600; }
#meteo .main .info { font-size:14px; }
#meteo .slide { background:#355b86; border-top:1px solid #4a6c92; height:109px; border-bottom:1px solid #2a527f; }
#meteo .slide { padding:0 20px; text-align:center; }
#meteo .slide .slide-item { color:#fff; display:block; padding-top:10px; }
#meteo .slide .slide-item:hover .more { display:block; }
#meteo .slide img { max-width:45px; }
#meteo .slide .owl-prev { position:absolute; left:-5px; top:40px; }
#meteo .slide .owl-next { position:absolute; right:-5px; top:40px; }
#meteo .slide .temp { margin-top:-8px; font-weight:600; }
#meteo .slide .more { display:none; position:absolute; right:2px; bottom:2px; }
#meteo .slide .owl-pagination { display:none; }
#meteo .sponsor { background:#fff;height:40px; font-size:13px; color:#2a527f; padding:5px 10px; line-height:30px; }
#meteo .sponsor img { float:right; /*width:56px!important;*/ }
#meteo.mobile .sponsor { background:#fff;height:40px; font-size:13px; color:#2a527f; padding:5px 10px; line-height:30px; border-radius:0 0 4px 4px; border-bottom:1px solid #ccccce; }
#meteo.mobile .sponsor img { float:right; }
#logo-meteonews { float:left; margin-left:20px; }
#logo-meteonews img { display:block;}
#flash-actu { background:url(../images/flash-bg.jpg) no-repeat 0 0 #fff; height:510px; padding:0 10px; }
#flash-actu .head { color:#ff671a; border:0; margin-bottom: 20px;}
#flash-actu .head .cat-title { color:#ff671a; padding:10px; border:0; }
#flash-actu .flashes { padding-top:20px; padding-left:10px; background:url(../images/flash-line.jpg) repeat-y 26px 0;}
#flash-actu .flashes .time { background:#fff; color:#ff671a; font: 14px/1 "Fjalla One",sans-serif; float:left; padding:10px 0 6px; margin-top:-8px; }
#flash-actu .flashes .time span { display:block; color:#999; }
#flash-actu .flashes a { margin-left:50px; display:block; height:60px; color:#0c323f; font:14px/1.2 'proxima-nova'; }
#flash-actu .flashes a:hover { color:#0d6ca3; }
#flash-actu .bottom { display:block; color:#a3a3a3; border-top:1px solid #d0d1d2; text-align:right; background:#f4f4f4; height:42px; font:13px/1.1 'proxima-nova'; line-height:40px; position:absolute; bottom:0; left:0; width:100%; padding:0 10px 0; }
#flash-actu .bottom:hover { background:#333; color:#fff; border-top:1px solid #111 }
#flash-actu .highlight a { color:#F90000; font-weight:bold; }
.loading { background:url(../images/logo-loractu-72-w170.png) no-repeat center center; }
.subscribe-nl { background:url(../images/bg-nl.jpg) no-repeat right bottom #076e99; height:250px; padding:20px; color:#fff; }
.subscribe-nl .cat-title { border-bottom:1px solid #fff; padding-bottom:10px; position:relative; margin-bottom:15px; }
.subscribe-nl .cat-title:after { content:''; display:block; position:absolute; background:#fff; height:3px; width:75px; bottom:-3px; }
.subscribe-nl p { margin-bottom:15px; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.subscribe-nl .form-group {
position:relative;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 38px;
line-height: 1.42857;
padding: 0 0;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
width: 100%;
}
.subscribe-nl .form-group input { box-shadow:none; border:0; font-size:13px; }
.subscribe-nl .btn { position:absolute; right:2px; top:2px; }
#jobs { min-height:400px; }
#jobs .head { background:url(../images/jobs-bg.jpg) no-repeat 0 0; background-size:100% auto; padding:10px 20px; color:#fff; }
#jobs .job { padding:15px 20px; display:block; color:#273e45; font-size:13px; }
#jobs .job:nth-child(odd) { background:#fdfdfd; }
#jobs .job .name { font:600 16px/1.1 'proxima-nova'; }
#jobs .label { border-bottom:1px solid #222f44; text-shadow:1px 1px 0 #222f44; background:#4a5d7b; padding:2px 5px 1px; font: 13px/1.1 'proxima-nova'; text-transform:none; }
#jobs .btn { background:#314563; border-bottom:1px solid #222f44; }
#jobs .btn:hover { color:#314563; background:#fff; border:0; }
#get-your-ad-here { color:#fff; display:block; background:url(../images/publicite.jpg) no-repeat left bottom; min-height:140px; border-radius:4px; padding:10px 0 0 180px; margin-bottom:10px; }
#get-your-ad-here span { display:block; color:#ff5516; font:25px/1.2 'proxima-nova'; }
#get-your-ad-here span i { font-style:italic; font-weight:600; }
.big-title { font:300 50px 'proxima-nova'; text-transform:uppercase; margin-bottom:20px; }
.big-title .more { margin-right:20px; border-radius:100px; width:38px; height:38px; text-align:center; color:#fff; float:right; font:300 50px/43px 'proxima-nova'; background:#ff5516; box-shadow:inset 0 1px 1px #ff290b, 1px 0 0 #fff; }
.separator { height:4px; background:#ff5516; box-shadow:inset 0 1px 1px #ff290b, 1px 0 0 #fff; }
article { min-height:400px; background:#fff; border-bottom:1px solid #ccccce; border-radius:3px 3px 4px 4px; margin-bottom:10px; overflow:hidden; position:relative; }
article figure img { display:block; max-width:100%; width:100%; border-radius:3px 3px 0 0;}
article .desc { padding:10px 18px 50px; }
article .desc h2 { font:600 20px/1.1 'proxima-nova'; margin-bottom:10px; }
article .desc h2 a { color:#000; }
article .bottom { height:42px; position:absolute; bottom:0; left:0; width:100%; padding:0 10px 0; }
article .bottom > div { padding-top:8px; border-top:1px solid #e9e9e9;}
article .bottom > div .btn { float:right; }
article .bottom > div .infos { float:left; padding-left:10px; }
article .time { color:#ff671a; font: 14px/1 "Fjalla One",sans-serif; display:inline-block; }
article .bottom > div .infos .localisation { color:#868686; font: 13px/1 'proxima-nova'; display:inline-block; }
article.large { min-height:610px; }
article.large .desc .title a { font:600 30px/1.1 'proxima-nova'; }
article.large figure { max-height:400px; overflow:hidden; }
article.large figure img { width:100%; }
article.wide { min-height:200px; }
article.wide figure { width:300px; overflow:hidden; float:left; }
article.wide .desc { margin-left:300px; padding-bottom:40px; min-height: 200px; position:relative; }
article.wide figure img { width:100%; }
/*#mb_container { padding:10px; }*/
#mb_container .mb_bloc_mainvideo_title { font-size: 16px; margin: 10px 0; }
#mb_container .mb_bloc_item_title > div { font-size: 13px!important; font-weight:bold!important; color:#222!important; }
#inside-slider .owl-buttons > div { transition:all 0.3s linear; background:#fff; color:#333; top:50%; margin-top:-20px; font-size:20px; height:50px; width:30px; padding:16px 0; text-align:center;}
#inside-slider .owl-buttons > div:hover { color:#ff6419; }
#inside-slider .owl-buttons > .owl-prev { border-radius:0 4px 4px 0; }
#inside-slider .owl-buttons > .owl-next { border-radius:4px 0 0 4px; }
#inside-slider .owl-item img { display:block; max-width:100%; }
#inside-slider .owl-pagination { background:#fff; padding:5px; }
.owl-buttons > .owl-prev { left:0; }
.owl-buttons > .owl-next { right:0; }
.large-pub { padding:20px 0 ; text-align:center; background:#fff; border-bottom:1px solid #ccccce; border-radius:3px 3px 4px 4px; margin-bottom:10px; overflow:hidden; position:relative; }
.rubrique { margin:30px 0; }
.divers .separator { background:#ff5516; box-shadow:inset 0 1px 1px #ff290b, 1px 0 0 #fff; }
.divers .big-title .more { background:#ff5516; box-shadow:inset 0 1px 1px #ff290b, 1px 0 0 #fff; }
.divers article .time { color:#ff5516; }
.divers article .desc h2 a:hover { color:#ff5516; }
.divers .btn { background:#ff5516; border-bottom:1px solid #ff290b; }
.divers .btn:hover { color:#ff5516; background:#fff; border:0; }
.divers .label { background:#ff5516; border-bottom:1px solid #ff290b; text-shadow:1px 1px 0 #ff290b; }
.divers .owl-pagination .owl-page.active, .divers .owl-pagination .owl-page:hover { background:#ff5516; box-shadow:inset 1px 1px 0 #ff290b; }
.divers .breadcrumbs li a { color:#ff5516; }
.divers .informations .localisation, .divers .informations .author { color:#ff5516; }
#mobile-main-menu .main a.divers span { background:#ff5516; box-shadow:inset 0 1px 1px #ff290b, 1px 0 0 #000; }
#mobile-main-menu .close { position:absolute; color:#ff671a; right:10px; top:10px; z-index:2000; }
.politique .separator { background:#dd0a0a; box-shadow:inset 0 1px 1px #a40606, 1px 0 0 #fff; }
.politique .big-title .more { background:#dd0a0a; box-shadow:inset 0 1px 1px #a40606, 1px 0 0 #fff; }
.politique article .time { color:#dd0a0a; }
.politique article .desc h2 a:hover { color:#dd0a0a; }
.politique .btn { background:#dd0a0a; border-bottom:1px solid #a40606; }
.politique .btn:hover { color:#dd0a0a; background:#fff; border:0; }
.politique .label { background:#dd0a0a; border-bottom:1px solid #a40606; text-shadow:1px 1px 0 #a40606; }
.politique .owl-pagination .owl-page.active, .politique .owl-pagination .owl-page:hover { background:#dd0a0a; box-shadow:inset 1px 1px 0 #a40606; }
.politique .breadcrumbs li a { color:#dd0a0a; }
.politique .informations .localisation, .politique .informations .author { color:#dd0a0a; }
#mobile-main-menu .main a.politique span { background:#dd0a0a; box-shadow:inset 0 1px 1px #a40606, 1px 0 0 #000; }
.economie .separator { background:#314563; box-shadow:inset 0 1px 1px #222f44, 1px 0 0 #fff; }
.economie .big-title .more { background:#314563; box-shadow:inset 0 1px 1px #222f44, 1px 0 0 #fff; }
.economie article .time { color:#314563; }
.economie article .desc h2 a:hover { color:#314563; }
.economie .btn { background:#314563; border-bottom:1px solid #222f44; }
.economie .btn:hover { color:#314563; background:#fff; border:0; }
.economie .label { background:#314563; border-bottom:1px solid #222f44; text-shadow:1px 1px 0 #222f44; }
.economie .owl-pagination .owl-page.active, .economie .owl-pagination .owl-page:hover { background:#314563; box-shadow:inset 1px 1px 0 #222f44; }
.economie .breadcrumbs li a { color:#314563; }
.economie .informations .localisation, .economie .informations .author { color:#314563; }
#mobile-main-menu .main a.economie span { background:#314563; box-shadow:inset 0 1px 1px #222f44, 1px 0 0 #000; }
.sport .separator { background:#8ac626; box-shadow:inset 0 1px 1px #6c9e17, 1px 0 0 #fff; }
.sport .big-title .more { background:#8ac626; box-shadow:inset 0 1px 1px #6c9e17, 1px 0 0 #fff; }
.sport article .time { color:#8ac626; }
.sport article .desc h2 a:hover { color:#8ac626; }
.sport .btn { background:#8ac626; border-bottom:1px solid #6c9e17; }
.sport .btn:hover { color:#8ac626; background:#fff; border:0; }
.sport .label { background:#8ac626; border-bottom:1px solid #6c9e17; text-shadow:1px 1px 0 #6c9e17; }
.sport .owl-pagination .owl-page.active, .sport .owl-pagination .owl-page:hover { background:#8ac626; box-shadow:inset 1px 1px 0 #6c9e17; }
.sport .breadcrumbs li a { color:#8ac626; }
.sport .informations .localisation, .sport .informations .author { color:#8ac626; }
#mobile-main-menu .main a.sport span { background:#8ac626; box-shadow:inset 0 1px 1px #6c9e17, 1px 0 0 #000; }
.loisirs .separator { background:#f04681; box-shadow:inset 0 1px 1px #df346c, 1px 0 0 #fff; }
.loisirs .big-title .more { background:#f04681; box-shadow:inset 0 1px 1px #df346c, 1px 0 0 #fff; }
.loisirs article .time { color:#f04681; }
.loisirs article .desc h2 a:hover { color:#f04681; }
.loisirs .btn { background:#f04681; border-bottom:1px solid #df346c; }
.loisirs .btn:hover { color:#f04681; background:#fff; border:0; }
.loisirs .label { background:#f04681; border-bottom:1px solid #df346c; text-shadow:1px 1px 0 #df346c; }
.loisirs .owl-pagination .owl-page.active, .loisirs .owl-pagination .owl-page:hover { background:#f04681; box-shadow:inset 1px 1px 0 #df346c; }
.loisirs .breadcrumbs li a { color:#f04681; }
.loisirs .informations .localisation, .loisirs .informations .author { color:#f04681; }
#mobile-main-menu .main a.loisirs span { background:#f04681; box-shadow:inset 0 1px 1px #df346c, 1px 0 0 #000; }
.culture .separator { background:#c89609; box-shadow:inset 0 1px 1px #b0880c, 1px 0 0 #fff; }
.culture .big-title .more { background:#c89609; box-shadow:inset 0 1px 1px #b0880c, 1px 0 0 #fff; }
.culture article .time { color:#c89609; }
.culture article .desc h2 a:hover { color:#c89609; }
.culture .btn { background:#c89609; border-bottom:1px solid #b0880c; }
.culture .btn:hover { color:#c89609; background:#fff; border:0; }
.culture .label { background:#c89609; border-bottom:1px solid #b0880c; text-shadow:1px 1px 0 #b0880c; }
.culture .owl-pagination .owl-page.active, .culture .owl-pagination .owl-page:hover { background:#c89609; box-shadow:inset 1px 1px 0 #b0880c; }
.culture .breadcrumbs li a { color:#c89609; }
.culture .informations .localisation, .culture .informations .author { color:#c89609; }
#mobile-main-menu .main a.culture span { background:#c89609; box-shadow:inset 0 1px 1px #b0880c, 1px 0 0 #000; }
.societe .separator { background:#20a2d4; box-shadow:inset 0 1px 1px #188fba, 1px 0 0 #fff; }
.societe .big-title .more { background:#20a2d4; box-shadow:inset 0 1px 1px #188fba, 1px 0 0 #fff; }
.societe article .time { color:#20a2d4; }
.societe article .desc h2 a:hover { color:#20a2d4; }
.societe .btn { background:#20a2d4; border-bottom:1px solid #188fba; }
.societe .btn:hover { color:#20a2d4; background:#fff; border:0; }
.societe .label { background:#20a2d4; border-bottom:1px solid #188fba; text-shadow:1px 1px 0 #20a2d4; }
.societe .owl-pagination .owl-page.active, .societe .owl-pagination .owl-page:hover { background:#20a2d4; box-shadow:inset 1px 1px 0 #20a2d4; }
.societe .breadcrumbs li a { color:#20a2d4; }
.societe .informations .localisation, .societe .informations .author { color:#20a2d4; }
#mobile-main-menu .main a.societe span { background:#20a2d4; box-shadow:inset 0 1px 1px #188fba, 1px 0 0 #000; }
#follow-us { margin-bottom:40px; }
#follow-us .title { text-align:center; background:url(../images/follow-sep.png) no-repeat center center; margin-bottom:40px!important; }
#follow-us .title span { display:inline-block; padding:0 10px; text-transform:uppercase; font:26px/1.1 "proxima-nova"; color:#333; }
#follow-us .title img { max-width:130px; }
#follow-us > ul { text-align:center; margin-bottom:40px; }
#follow-us > ul li { display:inline-block; margin:0 5%; }
#follow-us > ul .icon { display:block; width:100px; height:100px; border-radius:100px; color:#fff; font-size:60px; line-height:100px; text-align:center; }
#follow-us > ul .icon.rss { background:#ff5600; }
#follow-us > ul .icon.facebook { background:#3b5998; }
#follow-us > ul .icon.twitter { background:#3fb6dd; }
#follow-us > ul .icon.email { background:#3f3f3f; }
#follow-us .twitter-timeline { width:100%!important; margin-bottom:10px; }
#follow-us .fb-like-box > span, #follow-us .fb-like-box, #follow-us .fb-like-box > span > iframe { width:100%!important; }
#follow-us .fb-like-box { margin-bottom:10px; }
#follow-us .subscribe-nl { height:400px; margin-bottom:10px;}
#follow-us .subscribe-nl > img { position:absolute; right:20px; bottom:20px; }
footer { box-shadow:inset 0 -5px 5px rgba(0,0,0,0.2); }
#footer-nav { background:#fff; border-top:1Px solid #dfdfdf; border-bottom:1px solid #ebecec; box-shadow:0 1px 0 #ffffff; }
#footer-nav .col-md-3 { border-right:1Px solid #f8f8f8; padding:35px; }
#footer-nav .col-md-3:first-child { border-left:1Px solid #f8f8f8; }
#footer-nav .title { margin-bottom:8px; font:600 13px/1.1 'proxima-nova'; color:#ff671a; text-transform:uppercase; }
#footer-nav a { font:600 14px/1.1 'proxima-nova'; color:#0c323f; }
#footer-nav a:hover { color:#0d6ca3; }
#follow-app { text-align:center; font:14px/1.1 'proxima-nova'; color:#0c323f; clear:both; }
#follow-app ul { margin:20px 0; overflow:hidden; }
#follow-app ul li { float:left; margin:1%; width:48%; }
#follow-app ul li img { max-width:100%; }
#footer-copyright { position:relative; padding:15px 160px 150px 15px; font:12px/1.1 'proxima-nova'; color:#657175; }
/* PAGE */
.breadcrumbs { color:#000; overflow:hidden; font:13px/1.1 'proxima-nova'; color:#0c323f; margin-bottom:10px; }
.breadcrumbs i { color:#ccc; }
.breadcrumbs li { float:left; margin-right:10px; }
.breadcrumbs li a { float:left; margin-right:10px; }
.breadcrumbs li:first-child a { color:#222; }
.wrapper { background:#fff; border:1px solid #d9d9d9; border-radius:5px; margin-top:30px; margin-bottom:50px; padding:12px; }
.content { padding-left:70px; padding-right:33px; position:relative; }
.wrapper > .row { margin:0; }
.wrapper > .row > div { padding:0; }
.wrapper > .row > .col-lg-3 { margin-top:10px; }
.content h1 { font:600 36px/1.2 proxima-nova; margin:20px 0; }
.content h2 { font:600 24px/1.2 proxima-nova; margin:10px 15px; }
.content .informations { font:14px/1.1 proxima-nova; border-top:1px solid #ccc; padding:10px 0; overflow:hidden; }
.content .informations .whereandwhen { float:left; color:#999999; }
.content .informations .localisation { font-weight:600; }
.content .informations .author { float:right; }
.content figure { position:relative; }
.content figure img { display:block; max-width:100%; width:100%; }
.content figure .legend { z-index:1; position:absolute; bottom:0; width:100%; color:#0c323f; padding:10px 10px 10px 140px; background:url("../images/headlines-bg") no-repeat scroll 0 0; }
.content figure .label { z-index:2; }
.content article { border-radius:0; background:none; overflow:visible; position:static; }
.content .exerg { font:600 16px/24px "Helvetica Neue",Helvetica,Arial,sans-serif; padding:30px 15px; border-bottom:1px solid #e9e9e9; }
.content .exerg p { padding:0; }
.content .citation { font:600 28px/24px "Helvetica Neue",Helvetica,Arial,sans-serif; padding:20px 15px 30px; }
.content p { font:16px/24px Arial,sans-serif; padding:10px 15px 15px; }
.content p img { max-width:100%; display:block; height:auto!important; width:auto!important;}
.content .tips { margin:30px 0; background:#f4f4f4; padding:20px; border-radius:5px; border:1px solid #e0e0e0; font:15px/24px "Helvetica Neue",Helvetica,Arial,sans-serif; padding:10px 15px 20px; }
.content .tips h3 { font:600 16px/24px 'proxima-nova'; color:#ff6419; padding-bottom:10px; text-transform:uppercase; }
.content .tips p { font:15px/22px Arial,sans-serif; padding:0 0 5px; }
.content .video { position:relative; margin:30px 0; }
.content .video > img { display:block; max-width:100%; width:100%; }
.content .video > iframe { width:100%; height:100%; position:absolute; top:0; left:0; }
.content .signal-error { float:right; color:#666; margin-bottom:20px; }
.content .share-trilogy { overflow:hidden; clear:both; }
.content .share-trilogy li { float:left; width:33%; margin-left:0.499995%; }
.content .share-trilogy li:first-child {margin-left:0; }
.content .share-trilogy li .btn { border:0; border-radius:4px; font:600 18px/1.2 proxima-nova; display:block; padding:10px; text-align:center; height:auto; white-space:normal;}
.content .share-trilogy li .btn-facebook { background:#3b5998; border-bottom:3px solid #182f5e; }
.content .share-trilogy li .btn-facebook:hover { border-bottom:0; margin-top:3px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2); }
.content .share-trilogy li .btn-twitter { background:#3fb5dd; border-bottom:3px solid #2c819e; }
.content .share-trilogy li .btn-twitter:hover { border-bottom:0; margin-top:3px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2); }
.content .share-trilogy li .btn-google-plus { background:#dd3f3f; border-bottom:3px solid #a82b2b; }
.content .share-trilogy li .btn-google-plus:hover { border-bottom:0; margin-top:3px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2); }
.content .share-trilogy li .btn:hover { color:#fff; }
#tools { position:absolute; left:5px; top:100px; }
#tools li { margin-bottom:10px; }
#tools a { width:50px; height:50px; border-radius:200px; display:block; color:#fff; text-align:center; font-size:30px; line-height:1; padding-top:10px; }
#tools a.facebook { background:#3b5998; }
#tools a.twitter { background:#3fb5dd; }
#tools a.google-plus { background:#dd3f3f; }
#tools a.envelope { background:#333333; }
#tools a.print { background:#c7c7c7; }
#tools .fb-like { margin-left:-5px; }
.ad-fixed { position:absolute; left:0; top:0; }
#subscribe-last-news { clear:both; margin:30px 0; background:#f4f4f4; padding:10px 20px 10px; border-radius:5px; border:1px solid #e0e0e0; font:15px/24px "Helvetica Neue",Helvetica,Arial,sans-serif; }
#subscribe-last-news p { padding:0; margin-bottom:10px; color:#434343; text-align:center; font:600 italic 18px/1.2 proxima-nova; }
#subscribe-last-news .form-group {
max-width:330px; margin:0 auto;
position:relative;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 38px;
line-height: 1.42857;
padding: 0 0;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
width: 100%;
}
#subscribe-last-news .form-group input { box-shadow:none; border:0; font-size:13px; }
#subscribe-last-news .btn { position:absolute; right:2px; top:2px; }
#you-ll-like { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e9e9e9; }
#you-ll-like h3 { color:#0c323f; font:600 22px/1.2 'proxima-nova'; margin-bottom:20px; }
#you-ll-like a { margin-bottom:10px; min-height:300px; border-radius:5px; border-bottom:1px solid #c3c3c3; background:#f4f4f4; display:block; overflow:hidden; }
#you-ll-like a .ob-text-content { padding:10Px 15px 30px; font:600 18px/1.2 proxima-nova; color:#000; }
#you-ll-like a .strip-rec-link-source { font:normal 13px/1.2 proxima-nova; position:absolute; right:10px; bottom:10px; color:#4a5d7b; }
#you-ll-like a img { width:100%; height:auto; }
#comments h2 { float:left; color:#0c323f; font:36px/1.1 proxima-nova; margin-bottom:15px;}
#comments .login { border-radius:4px; margin-bottom:15px; font:600 18px/1.2 proxima-nova; background:#f4f4f4; border:1px solid #e0e0e0; padding:12px 15px; float:right; }
#comments .wrapper { clear:both; background:#f4f4f4; border:1px solid #e0e0e0; }
#comments .comment > .avatar { overflow:hidden; margin-left:0; float:left; width:86px; height:86px; border:3px solid #ff711d; border-radius:5px; }
#comments .comment > .avatar img { display:block; max-width:100%; }
#comments .comment > div { margin-left:95px; }
#comments .comment > div .comment .avatar { width:56px; height:56px; margin-left:0; }
#comments .comment > div .comment > div { margin-left:64px; }
#comments .comment a { color:#ff6419; }
#comments .comment .head { color:#999999; font:13px/1.2 proxima-nova; padding:8px 15px 5px; overflow:hidden; border-bottom:1px solid #f2f2f2; }
#comments .comment .head .author { float:left; }
#comments .comment .head .author strong { color:#ff6419; font-weight:bold; font-size:15px; }
#comments .comment .head a { float:right; color:#999999; }
#comments .comment .head a:hover { color:#ff6419; }
#comments .comment .message { border-radius:5px; background:#fff; border-left:1px solid #dbdcdd; border-bottom:1px solid #dbdcdd; margin-bottom:6px; }
#comments .comment .message .text { padding:10px 15px; }
#comments .comment .message .text a { clear:both; display:block; font:13px proxima-nova; margin-top:10px; }
#comments .comment.answer { overflow:hidden; }
#comments .comment textarea { min-height:110px; border:1px solid #ff711d; margin-bottom:10px; }
#comments .comment button { float:right; margin-bottom:20px; }
#newcomment { margin-top:20px; }
.btn.grey {
height:50px;
padding:15px;
font:600 16px/1.2 proxima-nova; color:#676767;
display:block;
border:1px solid #c3c3c3;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.btn.grey:hover { background:#fff; }
.social{ margin-bottom:20px; text-align:center; }
.rubrique.featured { margin-top:70px!important; }
#mobile-flash-actu { transition:all 0.5s cubic-bezier(0,0.2,0.5,1); left: 0; position: fixed; top: 50px; width: 100%; z-index: 45; }
#mobile-flash-actu { border-radius:0; border:0; }
#mobile-flash-actu .head { padding-top:10px; height:60px; border-bottom:0; float:left; background:#ff4612; color:#fff; width:70px; line-height:0.7; text-align:center; }
#mobile-flash-actu .head i { display:block; line-height:0.7; }
#mobile-flash-actu .head .cat-title { font-size:22Px; }
#mobile-flash-actu .head .cat-title i { font-size:22Px; }
#mobile-flash-actu .flashes { height:60px; margin-left:70px; background:#3c3d3d; padding:10px 0 0; }
#mobile-flash-actu .flashes .owl-item > div { height:60px; overflow:hidden; }
#mobile-flash-actu .time { padding-top:5px; font:13px/1 'Fjalla One', sans-serif; float:left; width:50px; color:#ff4612; text-align:center; }
#mobile-flash-actu .time span { color:#999; display:block; }
#mobile-flash-actu a {font:600 13px/1.1 proxima-nova; color:#fff; display: block; margin-left: 50px; padding-right:25px; }
#mobile-flash-actu .owl-buttons > .owl-prev { display:none; }
#mobile-flash-actu .owl-buttons > .owl-next { position:absolute; right:5px; top:10px; color:#ff4612; }
#mobile-flash-actu { overflow:hidden; height:60px; }
/* MOBILE MENU */
#mask { display:none; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; z-index:47; }
#mobile-main-menu { transition:all 0.5s cubic-bezier(0,0.2,0.5,1); width:230px; left:-230px; position:fixed; overflow:auto; z-index:48; top:52px; padding:15px 20px; background:#222222; height:100%; z-index:3099990; }
#mobile-main-menu.active { left:0; }
#mobile-main-menu .wrapper { position:relative; }
#mobile-main-menu a { color:#eee; font:16px/1.2 proxima-nova; }
#mobile-main-menu a:hover { color:#fff; }
#mobile-main-menu .main { border-bottom:2px solid #4e4e4e; padding-bottom:10px; }
#mobile-main-menu .main a { display:block; text-transform:uppercase; padding:5px 0; }
#mobile-main-menu .main a i { float:left; margin-right:10px; width:18px; text-align:center; }
#mobile-main-menu .main a span { margin-right:10px; border-radius:100px; width:18px; height:18px; text-align:center; color:#fff; float:left; font:300 16px/18px 'proxima-nova'; background:#ff5516; box-shadow:inset 0 1px 1px #ff290b, 1px 0 0 #000; }
#mobile-main-menu .secondary { border-bottom:2px solid #4e4e4e; padding:10px 0; }
#mobile-main-menu .secondary a { font-weight:600; display:block; padding:3px 0; color:#a9a9a9; }
#mobile-main-menu .share { text-align:center; padding:10px 0;}
#mobile-main-menu .share li { display:inline-block; margin:0 5px; }
#mobile-main-menu .share li.reporter, #mobile-main-menu .share li.login { display:block; margin:5px 0; }
#mobile-main-menu .share li.reporter a, #mobile-main-menu .share li.login a { display:block; padding:7px; background:#0d6ca2; color:#fff; font-size:14px; border-radius:3px; }
#mobile-main-menu .share li.login a { background:#ff671a; }
#mobile-main-menu .share li a { display:block; padding:7px; color:#656565; }
#mobile-town-menu { transition:all 0.5s cubic-bezier(0,0.2,0.5,1); width:230px; right:-230px; position:fixed; overflow:auto; z-index:48; padding:70px 20px; background:#222222; top:0; height:100%; }
#mobile-town-menu.active { right:0; }
#mobile-town-menu .wrapper { position:relative; }
#mobile-town-menu a { text-align:right; display:block; padding:5px 0 5px 20px; color:#eee; font:600 16px/1.2 proxima-nova; }
#mobile-town-menu .france { border-top:2px solid #4e4e4e; }
.twitter-typeahead {
display:block!important;
}
.search-form-h {
display: table;
height: 100%;
width: 100%;
}
.full-search-form .tt-hint { display:none; }
.tt-dropdown-menu {
background-color: transparent;
border: medium none;
border-radius: 0;
box-shadow: none !important;
color: #fff;
font-size: 5em;
height: auto;
line-height: 1em;
padding: 0;
text-align: center;
width:100%;
}
.tt-dropdown-menu > div { cursor:pointer; color:#ffc2ac; }
.tt-dropdown-menu > div:hover { cursor:pointer; color:#fff; }
#meteo-form .tt-dropdown-menu { text-align:left; padding:10px; background:#fff; border:1px solid #ccc; border-radius:3px; }
#meteo-form .tt-dropdown-menu .tt-suggestion { color:#333; font-size:14px; border-top:1px solid transparent; font-weight:bold; line-height:1.2; padding:10px; }
#meteo-form .tt-dropdown-menu .tt-suggestion:hover { background:#355b86; border-top:1px solid #4a6c92; color:#fff; }
.toggle-search-details { margin-top:5px; display:block; font-size:13px; text-decoration:none; color:#0e79a7; }
.toggle-search-details:hover { text-decoration:underline; }
#search-advanced { background:#fff; border:1px solid #d8d8d8; padding:3px; border-radius:6px; }
.search-head #search-advanced .txt-input { height:42px!important; }
#search-advanced .txt-input { border:0; }
#search-advanced #search-details .form-horizontal { margin-top:3px; display:none; background:#eff2f5; border-radius:3px; border:1px solid #d8d8d8; padding:10px; }
#search-advanced #search-details .control-label { font-size:13px; }
#search-advanced #search-details .form-group { margin-left:-5px; margin-right:-5px; }
.form-inline label { display:inline-block; }
#search-advanced #search-details .form-inline .form-group { margin-left:0; margin-right:0; display:inline-block}
#search-advanced #search-details .form-inline .form-group > div { display:inline-block}
.form-inline .input-group { display: inline-table; vertical-align: middle;}
.form-inline .input-group input { width:auto; }
@media (min-width:992px) {
#search-advanced #search-details .form-group { margin-bottom:0px; }
}
@media (max-width:700px) {
#search-advanced #search-details .form-inline .form-group label { width:130px; }
}
.full-search-form {
color: #fff;
height: 100%;
left: 0;
position: fixed;
top: -100%;
width: 100%;
z-index: 100;
background:url(../images/alpha-orange.png) repeat 0 0;
transition:all 0.5s cubic-bezier(0,0.5,0.5,1);
}
.search-form-row {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
}
.search-label {
color: #fff;
font: 500 30px/1.1 "proxima-nova";
}
.search-close:hover { color:#fff; opacity:1; }
.search-close {
color: #fff;
display: block;
font-size: 40px;
height: 80px;
line-height: 80px;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
width: 80px;
}
.search-submit input { display:none; }
.search-input input {
background-color: transparent;
border: medium none;
border-radius: 0;
box-shadow: none !important;
color: #fff;
font-size: 5em;
height: auto;
line-height: 1em;
padding: 0;
text-align: center;
width:100%;
}
.search-head { margin:50px 0; }
.search-head .txt-input {
background-color: #fff;
border: 1px solid #d8d8d8;
font-size: 3rem;
padding: 0;
text-align: left;
text-indent: 0.625rem;
width: 100%;
}
#search-form { position:relative; }
.search-head .txt-input { font-size:18px!important; height:50px!important; }
.tt-hint {color:#999!important; }
#search-submit { position:absolute; right:4px; top:4px; height:42px; }
.search-result { margin-bottom:60px; }
.search-result > .title { font:300 30px 'proxima-nova'; margin-bottom:10px; }
.search-result > .title span { color:#ff671a; }
#search-form .tt-dropdown-menu {background:#fff; text-align:left; }
#search-form .tt-dropdown-menu > div { height:auto; padding:10px; font-size:18px; line-height:1.1; color:#666; }
#search-form .tt-dropdown-menu > div:hover { color:#222; }
#login { padding:60px 0; }
#login .wrapper { margin-top:0; }
#login .separator { margin-bottom:30px; }
#login .form-group .col-sm-10, #page.login .form-group .col-sm-2, #login .form-group .col-sm-9, #login .form-group .col-sm-3, #page.login .form-group .col-sm-3 { padding-left:15px; padding-right:15px; }
#login .row { margin-left:-15px; margin-right:-15px; }
#login .col-md-8, #login .col-md-4 { padding-left:15px; padding-right:15px; }
#login .title { font:300 30px 'proxima-nova'; margin-bottom:10px; }
#login .col-sm-9 .wrapper { margin:0; }
#login .forgot-password-link { margin-left:10px; display:inline-block; color:#ff5516; font-size:13px; }
#login .forgot-password-link:hover { color:#ff290b ; }
#loginForm { padding-bottom:20px; }
#loginForm p { margin-bottom:20px; }
#confirm { padding:60px 0; }
#confirm .title { font:300 30px 'proxima-nova'; margin-bottom:10px; }
#confirm .wrapper { margin-top:0; }
#confirm .separator { margin-bottom:30px; }
#fb-register .wrapper { padding:30px 30px 40px; background:#0d6ca3; color:#fff; }
#fb-register .wrapper .wrapper { padding:20px; background:#0b4a6f; border:0; margin-bottom:20px; color:#fff; }
#fb-register .title { font:500 26px 'proxima-nova'; margin-bottom:20px; color:#fff; }
#fb-register .title:after { display:block; content:''; width:30px; height:3px; background:#fff; margin-top:10px; }
#fb-register p { margin-bottom:30px; }
#fb-register .btn { text-transform:uppercase; height:40px; line-height:40px; background:#fff; color:#0b4a6f; border:0; text-shadow:none; }
#fb-register .btn:hover { background:#0b4a6f; color:#fff; }
#jobs-page { padding:30px 0; }
#jobs-page .title { font:300 30px 'proxima-nova'; margin-bottom:10px; }
#jobs-page .separator { margin-bottom:15px; }
#jobs-page .wrapper { margin-top:0px; }
#jobs-page iframe { display:block; margin:0 auto; }
#meteo-page { padding:30px 0; }
#meteo-page .title { font:300 30px 'proxima-nova'; margin-bottom:10px; }
#meteo-page .separator { margin-bottom:15px; }
#meteo-page .wrapper { margin-top:0px; }
#meteo-page iframe { display:block; margin:0 auto; }
#page.flash { background:#f8f8f8; }
#page.flash > .container { padding-top:50px; }
#flashes { position:relative; padding-right:30px; }
#flashes:before {
background-color: #ff5600;
bottom: 40px;
content: "";
display: block;
height: 100%;
left: 32px;
position: absolute;
top: 0;
width: 2px;
}
#flashes .time { position:relative; z-index:2; background:#f8f8f8; float:left; width:70px; height:50px; border-radius:100px; color:#ff5600; padding-top:15px; text-align:center; font:20px/1 'Fjalla One', sans-serif; }
#flashes .wrapper { margin:0 0 15px 100px; border:0; border-bottom: 1px solid #ccccce; border-radius: 3px 3px 4px 4px;}
#flashes .wrapper a:first-child { display:block; border-bottom:1px solid #e9e9e9; font: 600 20px/1.1 "proxima-nova"; padding-bottom:6px; margin-bottom:10px; color:#474747; }
#flashes .wrapper a:first-child:hover { color:#ff5516; }
#flashes .day { margin-top:40px; margin-bottom:10px; position:relative; z-index:2; background:#f8f8f8; padding:10px; font: 300 30px/1.1 "proxima-nova"; text-transform:uppercase; }
#newsletter { padding:60px 0; }
#newsletter .subscribe-nl { height:auto; }
#newsletter .subscribe-nl > img { float:right; }
#contact { padding:60px 0; }
#contact .wrapper { margin-top:0; }
#contact .separator { margin-bottom:30px; }
#contact #contactForm { padding-right:30px; }
#contact .form-group .col-sm-10, #page.login .form-group .col-sm-2, #login .form-group .col-sm-9, #login .form-group .col-sm-3, #page.login .form-group .col-sm-3 { padding-left:15px; padding-right:15px; }
#contact .row { margin-left:-15px; margin-right:-15px; }
#contact .col-md-8, #login .col-md-4 { padding-left:15px; padding-right:15px; }
#contact .title { font:300 30px 'proxima-nova'; margin-bottom:10px; }
#contact .col-sm-9 .wrapper { margin:0; }
#contact .wrapper span { color:#0d6ca3; font:700 16px/19px "proxima-nova";}
#ifcommercial img { display:block; margin:30px auto 40px; }
#ifcommercial .title { font:300 30px/1 "proxima-nova" }
#ifcommercial .separator { margin-bottom:20px; }
#ifcommercial.wrapper { padding-bottom:90px; }
#page.mentions { background:#f8f8f8;}
#mentions { padding:60px 0; }
#mentions strong { font-weight:bold; }
#mentions .col-md-4 p {text-align:justify;}
#mentions .title { font:300 30px 'proxima-nova'; margin-bottom:10px; }
#mentions .separator { margin-bottom:30px; }
#mentions .wrapper { margin-top:0; margin-bottom:10px; }
#mentions .small { color:#999; }
#mentions p, #mentions ul { margin-bottom:15px; }
#mentions .wrapper p { position:relative; margin-left:40px; }
#mentions .wrapper ul { list-style:disc; margin-left:55px; }
#mentions h2 { font:30px/1 "proxima-nova" }
#mentions h3 { font:600 20px/1.1 "proxima-nova"; margin:40px 0 20px; }
#mentions .number { color:#ff5600; position:absolute; left:-30px; font:600 18px/1.1 "proxima-nova"; }
#mentions .loractu { color:#ff5600; font-weight:bold; }
.row.marge-xl { margin:0 -15px; }
.row.marge-xl > div { padding:0 15px; }
/* METEO */
#meteo-title { margin-right:120px; font: 300 30px/1 "proxima-nova"; border-bottom:1px solid #0c323f; padding:5px 0 15px; position:relative; }
#meteo-title i { font: italic 600 30px/1 "proxima-nova"; }
#meteo-title:after {
background: none repeat scroll 0 0 #0c323f;
bottom: -3px;
content: "";
display: block;
height: 3px;
position: absolute;
width: 75px;
}
#meteo-content h2 { font-size: 18px; font-weight: 600; margin: 20px; text-align: center; }
#meteo-content.mobile { display:block; }
#meteo-partner {
color: #999;
float: right;
font-size: 13px;
font-weight: bold;
text-align: center;
width: 110px;
}
#meteo-partner img { width: 90px; }
#meteo-content .prevision { overflow:hidden; position:relative; font:13px/1 'proxima-nova'; background:#2a527f; color:#fff; display:block; margin-bottom:0; border-radius:3px 3px 0 0;}
#meteo-content .prevision .more { color:#f6d600; display:none; text-align:center;}
#meteo-content .prevision img { max-width:50px; }
#meteo-content .prevision .temp td { font:600 15px 'proxima-nova'; }
#meteo-content .prevision .head { background: #2a527f; color: #fff; display: block; padding: 10px 20px; }
#meteo-content .prevision .head img { position:absolute; right:10px; top:10px; max-width:75px; }
#meteo-content .prevision .head .title { font:300 20px/1.1 "proxima-nova"; margin:0; }
#meteo-content .prevision .head .title strong { font-weight:600; }
#meteo-content .prevision .day { font-size:18px; font-weight:600; margin-bottom:10px; }
#meteo-content .prevision .icon img { display:block; margin:0 auto; }
#meteo-content .prevision .temp { font-size:25px; font-weight:600; }
#meteo-content .prevision .info { font-size:14px; }
#meteo-form { position:relative; margin-bottom:10px; }
#meteo-form input[type="text"] { width: 100%; height:38px; }
#meteo-form .form-control:focus { border:1px solid #2a527f; }
#meteo-form input[type="submit"] { position:absolute; right:3px; top:3px; }
.meteo-partners { overflow:hidden; margin:20px 10px; }
.meteo-table { border-top:1px solid #4a6c92; border-collapse: separate; border-spacing: 1px 0; width: 100%; }
.meteo-table tr:nth-child(odd) td { background: none repeat scroll 0 0 #3b608a; }
.meteo-table th { padding:10px 0 5px; font-size: 13px; text-align: center; background:#355b86; }
.meteo-table .icon { padding:0; vertical-align:middle; text-align:center; }
.meteo-table .icon img { display:block; margin:0 auto; }
.meteo-table td { height:35px; vertical-align:middle; background:#355b86; font-size: 13px; padding: 5px 0; text-align: center; }
.meteo-table td.temp { color: #000; font-size: 17px; }
.last-update { float:right; color:#999; font-size:12Px; }
/*pompedup meteo */
.meteo-header {
display: block;
height: 170px;
}
.meteo-container {
display: block;
padding: 0 30px;
}
div.meteo-content {
background: none repeat scroll 0 0 #fff;
border-radius: 10px;
padding: 10px;
}
.meteo-footer {
display: block;
height: 220px;
}
h1.meteo-title {
color: rgb(10, 167, 200);
font-size: 35px;
font-style: italic;
font-weight: bold;
}
.meteo-table span.legend {
color: #000;
display: block;
font-size: 10px;
padding-left: 10px;
text-align: left;
}
div.meteo-partner {
color: rgb(10, 167, 200);
float: right;
font-size: 24px;
font-weight: bold;
text-align: center;
width: 110px;
}
div.meteo-partner img {
width: 90px;
}
.map {
position: relative;
width: 478px;
}
.map .bg { max-width:100%; }
div.lorraine-map {
background: url("../images/meteo/lorraine.jpg") no-repeat scroll 0 0 #fff;
height: 470px;
width: 490px;
}
div.vosges-map {
background: url("../images/meteo/vosges.jpg") no-repeat scroll 0 0 #fff;
height: 280px;
}
div.meuse-map {
background: url("../images/meteo/meuse.jpg") no-repeat scroll 0 0 #fff;
height: 504px;
margin-left: 100px;
width: 378px;
}
div.moselle-map {
background: url("../images/meteo/moselle.jpg") no-repeat scroll 0 0 #fff;
height: 393px;
}
div.meurthe-et-moselle-map {
background: url("../images/meteo/meurthe-et-moselle.jpg") no-repeat scroll 0 0 #fff;
height: 507px;
}
.meteo-img { margin-top:-10px; margin-left:-10px; height:60px; }
.meteo-img, .meteo-tmp, .meteo-nme {
position: absolute;
}
.meteo-tmp {
font-size: 17px;
font-weight: bold;
}
.meteo-nme {
font-size: 15px;
}
.img2972811 {
left: 60px;
top: 49px;
}
.nme2972811 {
left: 106px;
top: 52px;
}
.tmp2972811 {
left: 110px;
top: 65px;
}
.img2994160 {
left: 60px;
top: 125px;
}
.nme2994160 {
left: 60px;
top: 110px;
}
.tmp2994160 {
left: 105px;
top: 125px;
}
.img3017805 {
left: 198px;
top: 153px;
}
.nme3017805 {
left: 198px;
top: 190px;
}
.tmp3017805 {
left: 240px;
top: 155px;
}
.img2975964 {
left: 346px;
top: 185px;
}
.nme2975964 {
left: 346px;
top: 165px;
}
.tmp2975964 {
left: 390px;
top: 185px;
}
.img3021392 {
left: 235px;
top: 290px;
}
.nme3021392 {
left: 235px;
top: 270px;
}
.tmp3021392 {
left: 280px;
top: 290px;
}
.img2997638 {
left: 85px;
top: 35px;
}
.nme2997638 {
left: 90px;
top: 75px;
}
.tmp2997638 {
left: 130px;
top: 35px;
}
.img2986306 {
left: 135px;
top: 241px;
}
.nme2986306 {
left: 135px;
top: 224px;
}
.tmp2986306 {
left: 175px;
top: 241px;
}
.img2997110 {
left: 358px;
top: 420px;
}
.nme2997110 {
left: 358px;
top: 400px;
}
.tmp2997110 {
left: 400px;
top: 420px;
}
.img2990999 {
left: 180px;
top: 355px;
}
.nme2990999 {
left: 185px;
top: 335px;
}
.tmp2990999 {
left: 225px;
top: 355px;
}
.img2990682 {
left: 112px;
top: 109px;
}
.nme2990682 {
left: 112px;
top: 89px;
}
.tmp2990682 {
left: 152px;
top: 110px;
}
.img2980827 {
left: 345px;
top: 95px;
}
.nme2980827 {
left: 300px;
top: 75px;
}
.tmp2980827 {
left: 390px;
top: 95px;
}
.img3020035 {
left: 252px;
top: 154px;
}
.nme3020035 {
left: 252px;
top: 190px;
}
.tmp3020035 {
left: 300px;
top: 154px;
}
.img2992260 {
left: 73px;
top: 42px;
}
.nme2992260 {
left: 73px;
top: 85px;
}
.tmp2992260 {
left: 120px;
top: 42px;
}
.img2969958 {
left: 138px;
top: 183px;
}
.nme2969958 {
left: 138px;
top: 163px;
}
.tmp2969958 {
left: 180px;
top: 183px;
}
.img3034911 {
left: 63px;
top: 318px;
}
.nme3034911 {
left: 63px;
top: 300px;
}
.tmp3034911 {
left: 100px;
top: 318px;
}
.img3024086 {
left: 129px;
top: 388px;
}
.nme3024086 {
left: 129px;
top: 428px;
}
.tmp3024086 {
left: 170px;
top: 388px;
}
.img2994106 {
left: 77px;
top: 136px;
}
.nme2994106 {
left: 77px;
top: 176px;
}
.tmp2994106 {
left: 117px;
top: 136px;
}
.img2967681 {
left: 226px;
top: 353px;
}
.nme2967681 {
left: 226px;
top: 335px;
}
.tmp2967681 {
left: 270px;
top: 353px;
}
.img2991627 {
left: 271px;
top: 135px;
}
.nme2991627 {
left: 271px;
top: 175px;
}
.tmp2991627 {
left: 315px;
top: 135px;
}
.img2994111 {
left: 211px;
top: 230px;
}
.nme2994111 {
left: 211px;
top: 270px;
}
.tmp2994111 {
left: 250px;
top: 230px;
}
/*eof pompedup meteo */
.share-list { display:none; }
.bottom .btn {
border-bottom: 0;
color: #fff;
border-radius: 0;
font: 13px/1 "proxima-nova";
height: 25px;
padding:0;
border-radius: 2px 2px;
}
.bottom .btn-share:hover .share-list { display:block; }
.bottom .btn-share:hover span {
background-color: #fff;
border: 1px solid #ccccce;
border-bottom: 1px solid #fff;
color:#333;
position:relative;
z-index:3;
border-radius: 2px 2px 0 0 ;
}
.bottom .btn span {
display:block;
padding: 5px 10px;
border-radius: 2px;
}
.btn .share-list {
z-index:2;
background-color: #fff;
border: 1px solid #ccccce;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.2);
color: #333;
display: none;
font-size: 13px;
padding: 5px 0;
position: absolute;
right: -1px;
text-transform: none;
top: 34px;
z-index: 1;
}
.btn .share-list li {
border-bottom: 1px solid #ddd;
margin-left: 7px;
margin-right: 7px;
}
.btn .share-list li a, #flashes .wrapper .btn .share-list li a {
text-align:left;
border:0;
font-weight: 700;
display:block;
padding: 7px;
margin:2px 0;
border-radius:2px;
width: 120px;
color:#333;
font-size:13px;
}
#flashes .wrapper .bottom .btn:hover { position:relative; z-index:500; }
#flashes .wrapper .btn .share-list { top:25px; left:-10px; right:auto;}
.btn .share-list li a:hover, #flashes .wrapper .btn .share-list li a:hover {
color:#fff;
background: none repeat scroll 0 0 #ff4612;
}
.btn .share-list li:last-child {
border-bottom: 0 none;
margin-bottom: 0;
}
.btn .share-list li .count {
background-color: #724f46;
color: #fff;
float: right;
margin-top: -3px;
padding: 3px 8px;
}
.item, article { overflow:visible; }
.item:after, article:after { clear:both; content:''; display:table; }
#oops { overflow:hidden; }
#oops img { float:left; margin-right:20px; }
#oops .title { margin-top:50px; font:300 36px/1.2 proxima-nova; margin:60px 0 20px; }
#page.landing { margin-top:51px; }
#landing-access { display:block; text-align:right; padding:20px 15px 0; margin-left:180px; line-height:1; }
#footer-nav .col-md-2 { border-right: 1px solid #f8f8f8; padding:15px; }
#footer-nav .col-md-2 img { display: block; margin: 15px auto 0; width:120px; max-width:100%; }
#footer-copyright { padding-right:300px; padding-bottom:50px ; }
#footer-copyright #footer-logos { color:#999; font-size:9px; text-transform:uppercase; position: absolute; right: 45px; top: 16px; }
#footer-copyright #footer-logos .pr img { max-width:125px; display:block; }
#footer-copyright #footer-logos li { float:left; margin-left:25px;}
#footer-copyright #logo-lorweb { color:#999; text-align:right; display:block; }
#footer-copyright #logo-lorweb:hover { color:#333; }
#footer-copyright #logo-lorweb img { max-width: 91px; display: block; position:relative; top:unset; right:unset; top:-10px; }
#cookies {
background: none repeat scroll 0 0 rgba(255, 103, 26, 0.95);
border-radius: 5px;
bottom: 60px;
color: #fff;
font-size: 13px;
padding: 20px;
position: fixed;
right: 20px;
width: 200px;
z-index: 200;
}
#cookies .close { color:#fff; opacity:0.8; position:absolute; right:20px; top:10px; }
#cookies .close:hover { opacity:1; }
.landing-pub { height:100%; }
.landing-pub #page { height:100%; }
.landing-pub #page .ad-link { display:block; width:100%; height:100%; background:#000; }
.landing-pub #page .ad-link img { display:block; margin:0 auto; }
.landing-pub #page .ad-link .portrait { display:none; margin:0 auto; }
#foot-pub {
bottom: 0;
left: 0;
position: fixed;
width: 100%;
z-index: 2000;
}
#foot-pub .content { transition:all 0.3s linear; height:40px; bottom:0; background:#fff; position:absolute; width:100%; }
#foot-pub .content i { cursor:pointer; position:absolute; left:50%; top:0; padding-top:10px; text-align:center; font-size:20px; color:#ff5516; margin-left:515px; height:40px; width:40px; }
#foot-pub .content i:hover { color:#fff; background:#ff5516;}
#foot-pub .content img { display:block; margin:-50px auto; }
#foot-pub .button { transition:all 0.3s linear; display:block; height:40px; width:40px; font-size:20px; color:#fff; background:#ff5516; padding-top:10px; text-align:center; position:absolute; bottom:-40px; left:50%; margin-left:515px; }
#foot-pub.toggle .content { bottom:-90px;}
#foot-pub.toggle .button { bottom:0px;}
#inside-slider .owl-buttons > div { transition:all 0.3s linear; background:url("images/bg-alpha-80.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color:#fff; top:50%; margin-top:-20px; height:40px; width:30px; padding:10px 0; text-align:center;}
#inside-slider .owl-buttons > div:hover { color:#ff6419; }
#inside-slider .owl-item img { display:block; }
#inside-slider .owl-pagination { background:#222; }
.owl-buttons > .owl-prev { left:0; }
.owl-buttons > .owl-next { right:0; }
/* PUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUB */
/*
.picture-background {
background-image:url(http://ads.ayads.co/delivery/image-111.jpg);
background-position:center 0 !important;
background-repeat:no-repeat;
padding-top: 230px !important;
max-width:none!important;
background-repeat:none;
}*/
.ad-background {position:relative; }
.ad-background > * {position:relative; z-index:2; }
.ad-background > .ad-click { display:none; top:0; width:100%; height:100%; cursor:pointer; z-index:1; position:absolute; }
.picture-background {position:relative; }
.picture-background > * {position:relative; z-index:2; }
.picture-background > .ad-click { display:none; top:0; width:100%; height:100%; cursor:pointer; z-index:1; position:absolute; }
/*
.picture-background #page { background:none; }
.picture-background #page .category-navbar { border-bottom:0; }
.picture-background #page > .container { margin-top:186px !important; }
.picture-background #page #head { margin-top:0; }
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}
.nophoto-md article { min-height:200px; }
.nophoto-md article figure { display:none; }
.normal-md article { min-height:400px; }
.normal-md article .desc .title a { font:600 20px/1.1 "proxima-nova"; }
.normal-md article figure { max-height:400px; overflow:hidden; }
.normal-md article figure img { width:100%; }
.wide-md article { min-height:200px; }
.wide-md article figure { width:300px; overflow:hidden; float:left; }
.wide-md article .desc { margin-left:300px; padding-bottom:40px; min-height: 200px; position:relative; }
.wide-md article figure img { width:100%; }
.hidden-md {display:none!important}
header .main-navbar .navbar-right a { padding:16px 5px; }
/* EOF PUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUB */
@media(min-width:992px) and (max-width:1199px) {
.nophoto-md article { min-height:200px; }
.nophoto-md article figure { display:none; }
.normal-md article { min-height:400px; }
.normal-md article .desc .title a { font:600 20px/1.1 "proxima-nova"; }
.normal-md article figure { max-height:400px; overflow:hidden; }
.normal-md article figure img { width:100%; }
.wide-md article { min-height:200px; }
.wide-md article figure { width:300px; overflow:hidden; float:left; }
.wide-md article .desc { margin-left:300px; padding-bottom:40px; min-height: 200px; position:relative; }
.wide-md article figure img { width:100%; }
header .main-navbar .navbar-right a { padding:16px 5px; }
#ad-link { width:100%; height:100%; background:#222; }
}
@media(min-width:1200px) {
.nophoto-lg article { min-height:200px; }
.nophoto-lg article figure { display:none; }
.wide-lg article { min-height:200px; }
.wide-lg article figure { width:300px; overflow:hidden; float:left; }
.wide-lg article .desc { margin-left:300px; padding-bottom:40px; min-height: 200px; position:relative; }
.wide-lg article figure img { width:100%; }
}
@media(max-width:992px) {
.ad-fixed { display:none; }
article.large { min-height:400px; }
article.large .desc .title a { font:600 20px/1.1 "proxima-nova"; }
#follow-us > ul li { margin:1%; }
.large-pub { display:none; }
.content { padding:0 20px; }
#page .category-navbar a { padding:7px 10px 0;}
.owl-buttons > .owl-prev { left:15px; }
.owl-buttons > .owl-next { right:15px; }
header .main-navbar nav a { padding:16px; }
.reporter span { display:none; }
header .main-navbar .navbar-right a { padding:16px 7px }
#headlines .description { position:relative; height:auto; background:#fff; }
#headlines .title { padding:20px 50px; font:500 25px/1.1 "proxima-nova"; }
#tools { display:none; }
#page > .container > .wrapper > .row > .col-md-4 { display:none; }
.wrapper { margin-top:20px; }
}
@media(max-width:750px) {
#landing-access { font-size:11px; }
#page { margin-top:51px; }
#page > .container { padding:0 15Px; }
#top-actus { margin-bottom:20px; }
.bs-navbar-collapse { background: none repeat scroll 0 0 #333; position: absolute; top: 46px; width: 100%; }
.divers .separator { background:#606061; box-shadow:inset 0 1px 1px #2b2f32, 1px 0 0 #fff; }
.divers .big-title .more { background:#606061; box-shadow:inset 0 1px 1px #2b2f32, 1px 0 0 #fff; }
.divers article .time { color:#606061; }
.divers .btn { background:#606061; border-bottom:1px solid #2b2f32; }
.divers .btn:hover { color:#606061; background:#fff; border:0; }
.divers .label { background:#606061; border-bottom:1px solid #2b2f32; text-shadow:1px 1px 0 #2b2f32; }
.divers .owl-pagination .owl-page.active, .divers .owl-pagination .owl-page:hover { background:#606061; box-shadow:inset 1px 1px 0 #2b2f32; }
.big-title, .container > .town .big-title {
position:relative; font-size:30px; margin-bottom:10px;
font-size: 28px;
padding-right: 36px;
font-weight: 600;
line-height: 1;
padding-bottom: 0px;
}
.big-title .more { position:absolute; right:0; font: 300 30px/28px "proxima-nova"; height: 28px; width: 28px; margin:3px 0 0 0; }
.big-title .separator { margin-top:5px; }
.separator { height:3px; }
#footer-nav .col-md-3 { border:0; border-top:1px solid #f8f8f8; }
#footer-nav .col-md-3:first-child { border-top:1px solid transparent; }
#footer-copyright { padding:20px 20px 110px;}
#footer-copyright #footer-logos { margin-left:20px; position:relative; }
/*#footer-copyright #logo-lorweb { display:block; position:relative; top:auto; right:auto; margin-top:15px; float:right }*/
.content h1 { font-size:24px;}
article .bottom > div .infos { padding:0; }
.rubrique:first-child {margin-top:20px; }
.navbar-right { padding:10px; border-top:2px solid #4e4e4e; }
.navbar-right li { float:left; }
header .main-navbar nav a { font-weight:400; color:#a9a9a9; }
header .main-navbar nav a.active:after { display:none; }
header .main-navbar nav a.active { background:#222; color:#fff; border:0; }
header .main-navbar .navbar-right .reporter { background:#333; border:1px solid #444; color:#999; }
#follow-us > ul .icon { width:50px; height:50px; line-height:50px; font-size:24px; }
.content { padding:0; }
.content figure .legend { position:relative; padding:10px 10px 30px 10px }
.content .share-trilogy li .btn { font : 600 14px/1.2 proxima-nova }
#comments .comment > .avatar, #comments .comment > div .comment .avatar { width:30px; height:30px; border:1px solid #ff711d; }
#comments .comment > div, #comments .comment > div .comment > div { margin-left:35Px; }
header .town-navbar { display:none; }
.btn .share-list { right:10px; bottom:32px; top:auto; }
.bottom .btn-share:hover span { border-radius:0 0 2px 2px; border-bottom:1px solid #ccccce; border-top:none; }
.content p { padding:10px 5px 15px; font:15px/23px Arial,sans-serif; }
.content .exerg { padding:20px 5px; }
.content h2 { margin:10px 5px; }
.social { overflow:hidden; }
.pub { max-width:100%; overflow:hidden; }
#jobs { max-width:100%; overflow:hidden; }
.content .share-trilogy li span { display:none; }
#subscribe-last-news { padding:25px; }
#subscribe-last-news p { font-size:15px; margin-bottom:15px; }
#subscribe-last-news .btn { position:relative; float:right; margin-top:10px; top:auto; right:auto; }
}
@media(min-width:700px) and (max-width:992px) {
#you-ll-like .col-md-4 {
width:33.3333%;
float:left;
padding-left:5px;
padding-right:5px;
}
#you-ll-like a .ob-text-content {
font:600 14px/1.2 proxima-nova;
}
}
@media(max-width:700px) {
.mobile-carousel { margin:0; }
.mobile-carousel .owl-item > div { padding:0; }
}
/* IMMO */
#immo-page .head { overflow:hidden; margin-bottom:10px; }
#immo-page .head .title { margin-top:14px; float:left; color:#5f5f5f; font-size:30px; font-weight:300; }
#immo-page .head .btn { height:auto; padding:8px 12px; float:right; color:#ffffff; background:#ff5600; font-size:14px; }
#immo-page .head .btn span { padding-top:5px; display:inline-block; text-align:center; background:#ff7833; border-radius:100px; height:23px; width:23px; }
#immo-page .collabo { background:#f1f1f1; padding:10px; border-radius:5px; display:block; text-align:center; color:#666; margin-bottom:20px; }
#immo-page .collabo img { display:block; margin:0 auto; }
#immo-page .separator { margin-bottom:20px; }
#immo-page .mobile-menu li { margin-bottom:10px; }
#immo-page .mobile-menu .btn { height:auto; padding:8px 12px; display:block; color:#ffffff; background:#ff5600; font-size:14px; text-align:left; }
#immo-page .mobile-menu .btn span { padding-top:5px; display:inline-block; text-align:center; background:#ff7833; border-radius:100px; height:23px; width:23px; }
/* IMMO main */
#immo-page .result-count { background:#f1f1f1; overflow:hidden; padding:10px; border-radius:5px; display:block; text-align:center; color:#666; margin-bottom:20px; }
#immo-page .result-count .count { float:left; font-weight:bold; }
#immo-page .result-count .sort { float:right; font-size:12px;}
#immo-page .result-count .sort a { color:#999999; }
#immo-page .result-count .sort .selected { color:#ff5600; font-weight:bold; }
#immo-page .list .head { margin:0; background:#0d6ca3; border-radius:5px 5px 0 0; padding:2px; }
#immo-page .list .head h3 a { float:left; color:#fff; padding:10px; font-size:16px; }
#immo-page .list .head .brand { float:right; }
#immo-page .list > div { margin-bottom:20px; }
#immo-page .list .thumb { float:left;width:248px; height:185px; }
#immo-page .list .thumb img { display:block; }
#immo-page .list .thumb .owl-controls { width:100%; position:absolute; bottom:2px; }
#immo-page .list .thumb .owl-controls .owl-pagination .owl-page { background:rgba(0,0,0,0.2); box-shadow: 1px 1px 0 rgba(0,0,0,0.2) inset; }
#immo-page .list .thumb .owl-controls .owl-pagination .owl-page.active, #immo-page .list .thumb .owl-controls .owl-pagination .owl-page:hover {
background: none repeat scroll 0 0 #ff671a;
box-shadow: 1px 1px 0 #ff3918 inset;
}
#immo-page .list .desc { position:relative; overflow:hidden; margin-left:248px; background:#f8f8f8; min-height:185px; padding:12px 15px 40px 15px; }
#immo-page .list .desc .text { font-size:13px; }
#immo-page .list .desc .price {
color: #d20723;
float: left;
font-size: 18px;
font-weight: bold;
}
#immo-page .list .icons { float:left; margin-left:5px; }
#immo-page .list .icons li:last-child { border:none; }
#immo-page .list .icons li {
border-right: 1px dotted #a7a7a7;
color: #9d9d9d;
float: left;
font-size: 11px;
margin-right: 5px;
position: relative;
}
#immo-page .list .icons li { padding:0 5px; }
#immo-page .list .details {
margin-bottom:10px;
clear: both;
color: #000;
font-size: 12px;
font-weight: bold;
margin-top: 5px;
}
#immo-page .list .links a {
color:#424242; font-size:12px;
}
#immo-page .list .links {
bottom: 12px;
position: absolute;
left: 10px;
}
#immo-page .list .buttons {
bottom: 12px;
position: absolute;
right: 10px;
}
#immo-page .list .buttons .btn {
font-size:14px;
padding:7px 10px;
height:auto;
}
@media(max-width:992px) {
#immo-page .head .title { font-size:20px;}
#immo-page .separator { display:none; }
}
@media(max-width:768px) {
#immo-page .list .brand { display:none; }
#immo-page .list .thumb { width:100%; height:auto; }
#immo-page .list .thumb img { width:100%; }
#immo-page .list .desc { margin:0; }
#immo-page .list .links { position:relative; top:auto; bottom:auto; left:auto; margin-top:20px; }
#immo-page .list .buttons { position:relative; top:auto; bottom:auto; float:right; left:auto; right:auto; margin-top:20px; }
#immo-page .list .desc { padding-bottom:15px; }
}
/* IMMO aside */
#immo-page #aside .title { clear:both; font-size:18px; border-bottom:1px solid #bfbfbf; padding:10px 0; margin-bottom:10px; }
#immo-page #aside .form-container { clear:both; margin-bottom:20px; }
#immo-page #aside .form-container:after {content:''; display:table; clear:both; }
#immo-page #aside button {
background: #ff4612;
border-bottom: 1px solid #ff4602;
border-radius: 2px;
color: #fff;
font: 14px/1 "proxima-nova";
padding: 8px 10px;
border:0; border-radius:3px;
height:auto;
width:100%;;
}
#estate-fieldset-wrapper { clear:both; }
#aside #submitlocation-element, #aside #submittransaction-element, #aside #submitimmotypes-element, #aside #submitcriteria-element, #aside #submitothercriteria-element, #aside #submitbuild-element, #aside #submitenergy-element {
float: right;
margin-right: 5%;
}
#aside dt#km-label, #search dt.mainLabel, #aside #bg-label, #aside #sf-label, #aside #sfg-label, #aside #br-label, #aside #rm-label, #aside #dq-label, #aside #dq-element, #aside #law-label, #aside #law-element, #aside #gdc-label, #aside #e-label, #aside #dq-label, #aside #hdt-label, #aside #stl-label, #aside #lv-label, #aside #box-immotypes-label, #aside #box-transaction-label, #aside #build-label, #aside #agentName-label {
font-weight: bold;
clear:both;
width: 35% !important;
}
#aside #km-element, #aside #agency-filter-element, #aside fieldset.range-fields, #aside #immotypes-label label, #aside #box-immotypes-label label, #aside #fieldset-stl, #aside #fieldset-lv, #aside #fieldset-hdt, #aside #fieldset-e, #aside #tr-element, #aside #tr-label, #aside #dq-element, #aside #law-element, #aside #w-element, #aside #fieldset-gdc, #aside #box-immotypes-element, #aside #box-transaction-element, #aside #immotypes-element, #aside .links, #aside #submitlocation-element, #aside #submitcriteria-element, #aside #submitothercriteria-element, #aside #submittransaction-element, #aside #submitenergy-element, #aside #submitbuild-element, #aside #submitimmotypes-element, #aside #fieldset-build, #aside #agentName-element {
clear: right;
width: 60% !important;
}
#aside label {
font-size: 12px;
margin-right: 0;
}
#aside dd, #aside dt {
float: left;
margin: 10px 0 0;
width: 50%;
}
#aside fieldset.range-fields dt.from-label, #aside #ro-label, #aside .it-group-label {
display: none;
}
#aside fieldset.range-fields dd {
width: 45% !important;
}
#aside input[type="text"], #aside input[type="password"], #aside select, #aside textarea, #estate_distance {
border: 1px solid #aaa;
box-sizing: border-box;
color: #000;
font-size: 12px;
padding: 5px;
width: 100%;
}
#aside fieldset.range-fields dt.to-label {
text-align: center;
width: 10%;
}
#aside p.description {
color: #000 !important;
left: 98%;
margin-top: 10px !important;
position: absolute;
top: 0;
}
dd, dt { position:relative;}
form#search p {
color: #333;
font: 11px Arial,Helvetica,sans-serif;
margin: 0;
padding: 2px 0 0 5px;
}
.refresh-results-group button[type="submit"] {
display: none;
}
#aside #fieldset-immotypes dd, #aside .simple-checkbox-element, #aside #fieldset-e dd, #aside #fieldset-build dd {
clear: both;
float: left;
margin: 0 !important;
position: relative;
width: 10% !important;
}
#aside #search label .counter {
position: absolute;
right: 0;
top: 0;
}
#aside .links, #aside .simple-checkbox-element, #aside #build-element, #aside #ro-element {
margin-left: 35% !important;
}
#aside .simple-checkbox-label, #aside #fieldset-e dt, #aside #fieldset-build dt {
margin: 0 !important;
width: 90% !important;
}
#search .counter {
color: #7a7a7a;
font-size: 11px;
margin: 0 0 0 10px;
}
#aside #km-element, #aside #agency-filter-element, #aside fieldset.range-fields, #aside #immotypes-label label, #aside #box-immotypes-label label, #aside #fieldset-stl, #aside #fieldset-lv, #aside #fieldset-hdt, #aside #fieldset-e, #aside #tr-element, #aside #tr-label, #aside #dq-element, #aside #law-element, #aside #w-element, #aside #fieldset-gdc, #aside #box-immotypes-element, #aside #immotypes-element, #aside .links, #aside #submitlocation-element, #aside #submitcriteria-element, #aside #submitothercriteria-element, #aside #submittransaction-element, #aside #submitenergy-element, #aside #submitbuild-element, #aside #submitimmotypes-element, #aside #fieldset-build, #aside #agentName-element {
clear: right;
width: 60% !important;
}
#aside .simple-checkbox-label {
width: 55% !important;
}
#aside fieldset.range-fields dt.to-label {
text-align: center;
width: 10%;
}
#aside fieldset.range-fields dt.to-label label {
font-weight: normal;
margin: 10px auto 0 !important;
}
#aside fieldset.range-fields dd {
width: 45% !important;
}
#aside #fieldset-e span.energy-bar {
border: 1px solid #ccc;
float: none;
height: 12px;
left: 20px;
position: absolute;
}
#aside #fieldset-e #e-A-label span.energy-bar {
background: none repeat scroll 0 0 #03802f;
width: 20px;
}
#aside #fieldset-e #e-B-label span.energy-bar {
background: none repeat scroll 0 0 #4f9d2a;
width: 30px;
}
#aside #fieldset-e #e-C-label span.energy-bar {
background: none repeat scroll 0 0 #91b41e;
width: 40px;
}
#aside #fieldset-e #e-D-label span.energy-bar {
background: none repeat scroll 0 0 #e1d506;
width: 50px;
}
#aside #fieldset-e #e-E-label span.energy-bar {
background: none repeat scroll 0 0 #f6e810;
width: 60px;
}
#aside #fieldset-e #e-F-label span.energy-bar {
background: none repeat scroll 0 0 #f5a60b;
width: 70px;
}
#aside #fieldset-e #e-G-label span.energy-bar {
background: none repeat scroll 0 0 #e54f1f;
width: 80px;
}
#aside #fieldset-e #e-H-label span.energy-bar {
background: none repeat scroll 0 0 #df0d1f;
width: 90px;
}
#aside #fieldset-e #e-I-label span.energy-bar {
background: none repeat scroll 0 0 #ba011d;
width: 100px;
}
#aside label[for="pxm2"] {
float: left;
font-weight: bold;
margin-top: 17px !important;
position: relative;
width: 15%;
}
#aside #pxm2-element {
margin-left: 0;
margin-top: 17px;
width: 20%;
}
#aside #pxm2-element input[type="checkbox"] {
float: left;
margin: 0;
padding: 0;
}
#aside #pxm2-element p.description {
float: left;
font-weight: normal !important;
left: inherit !important;
margin-left: 0 !important;
margin-top: 0 !important;
position: relative !important;
}
#aside fieldset { clear:both; }
#aside #pxm2 {
margin: 0 2px;
}
#aside #e-label, #aside #fieldset-e, #aside #filters-label {
margin-top: 0 !important;
}
.refresh-results-group {
margin-bottom: 10px;
}
.refresh-results-group button[type="submit"] {
display: none;
}
#aside #submitlocation-label, #aside #submitcriteria-label, #aside #submittransaction-label, #aside #submitothercriteria-label, #aside #submitenergy-label, #aside #submitbuild-label, #aside #immotypes-label, #aside #submitimmotypes-label, #search #w-label label span {
display: none !important;
}
#aside .simple-checkbox-element {
width: 6% !important;
}
#bg-label{ clear:left; }
.tt-dataset-cities { background:#f1f1f1; text-align:left; border:1px solid #aaa; border-top:0; }
.tt-dataset-cities .tt-suggestion p { padding:3px!important;; }
.tt-dataset-cities .tt-suggestion:hover p { background:#fff!important; color:#ff5600!important; }
#pagination { text-align:right; overflow:hidden; }
#pagination li { display:inline-block; margin:2px; }
#pagination li.active { padding:5px 10px; border-radius:3Px; font-weight:bold; }
#pagination li a { background:#f1f1f1; color:#333; padding:5px 10px; border-radius:3Px; display:block; }
#pagination li a:hover { background:#ff4612; color:#fff; }
#pagination li:last-child a { background: #ff4612; border-bottom: 1px solid #ff4602; color:#fff; }
#pagination li:last-child a:hover { background: #fff; border-bottom: 1px solid #fff; color:#ff4612; }
/*WIDGET IMMO -- MODIFS ALEX*/
#estate-widget { font-family: "proxima-nova"; border: solid 1px #dadada; background: #ffffff;}
#estate-widget .subscribe-nl { height: auto !important; }
#estate-widget .header .buttons { text-align: right; }
#estate-widget .header .buttons .btn { position: relative; top: auto; right: auto; }
#estate-widget .title { font-size: 24px; font-weight: bold; font-style: italic; }
#estate-widget .sub-title { font-size: 24px; font-weight: 100; }
.estate-list-item { overflow: hidden; padding-top: 7px; margin-bottom: 5px; height: 110px; }
.estate-list-item .head h3 { margin-left: 8px; line-height: 12px; font-size: 13px !important; font-weight: bold; color: #0c323d; }
.estate-list-item .price { position: relative; left: -12px; background: #0c323d; padding: 2px; padding-left: 22px; color: #ffffff; font-weight: bold; display: inline; }
.estate-list-item .loca-surface { font-style: italic; color: #5e6d74; margin-left: 8px; margin-top: 7px; }
.estate-list-item .infos { margin: 5px auto; }
#estate-widget .buttons { float: right; }
#estate-widget .header .buttons { margin-top: 10px; float: none !important; }
#estate-widget .buttons .btn { border: none !important; }
#estate-widget .txt-box { padding-right: 10px; display: inline-block; width: 55%; float: left; }
#estate-widget .thumb { width: 45%; float: left; }
#estate-widget .thumb img { max-width: 100%; }
#estate-widget .credits { padding: 5px 8px; margin: 3px 0; border-top: solid 1px #dadada; }
#estate-widget .credits img { float: right; }
/*WIDGET IMMO -- HIP*/
#estate-widget .header { padding:15px 22px 10px; background:url(../images/widget-immo.jpg) no-repeat right top; color:#0c323d; }
#estate-widget .header .title { line-height:1; }
#estate-widget .header .sub-title { font-size:18px; font-weight:600; }
#estate-widget .header .buttons { text-align:left; }
#estate-widget .header .buttons .btn { background:#cf3e1d; border-radius:50px;}
#estate-widget .header .buttons .btn:hover { background:#bb3517; color:#fff; }
#estate-widget .estate-list-item { border-top:1px solid #dadada; height:auto; }
#estate-widget .estate-list-item .head { margin-bottom:5px; }
#estate-widget .estate-list-item .infos { margin:0; }
#estate-widget .estate-list-item .loca-surface { margin-top: 4px; font-size: 13px; }
#estate-widget .estate-list-item .head h3 { line-height:1; font-size: 14px !important; }
#estate-widget .estate-list-item .thumb { height:100px; }
#estate-widget .estate-list-item .thumb a { display: block; min-width: 135px; }
#estate-widget .estate-list-item .desc a { color:#cf3e1d; background:none; font-size: 13px; font-weight: 600;}
#estate-widget .credits img { max-width:110px;}
/*WIDGET IMMO -- ALEX 08/02*/
#estate-widget { position: relative; }
#estate-widget .subscribe-nl .cat-title { border: none; }
#estate-widget .desc a { color: #0C323D; }
#estate-widget.isFullWidth { padding-right: 20px; }
#estate-widget.isFullWidth .header-wrapper { float: left; width: 25%; }
#estate-widget.isFullWidth .estate-list-item { width: 75%; padding-top: 20px; }
#estate-widget.isFullWidth .estate-list-item:first-child { border: none; }
#estate-widget.isFullWidth .estate-list-item .head h3 { text-transform: uppercase; }
#estate-widget.isFullWidth .estate-list-item .price { display: inline-block; padding: 2px 10px; left: 0; }
#estate-widget.isFullWidth .estate-list-item .loca-surface { display: inline-block; margin-left: 0;}
#estate-widget.isFullWidth .estate-list-item .thumb { float: right; width: auto; }
#estate-widget.isFullWidth .estate-list-item .thumb a { min-width: 100px !important; display: inline-block !important;}
#estate-widget.isFullWidth .estate-list-item .thumb img { width: 135px; }
#estate-widget.isFullWidth .estate-list-item .txt-box { width: auto; float: none; }
#estate-widget.isFullWidth .estate-list-item .buttons { float: none; margin-top: 20px; }
#estate-widget.isFullWidth .credits { width: 25%; position: absolute; bottom: 0; }
/*@media (max-width: 1200px ) {
#estate-widget.isFullWidth { padding: 0; }
#estate-widget.isFullWidth .header-wrapper { width: 100%; border-bottom: 1px solid #dadada; }
#estate-widget.isFullWidth .estate-list-item { width: 100%; padding-right: 10px;}
#estate-widget.isFullWidth .credits { float: none; }
}*/
/*@media (max-width: 750px) {
#estate-widget.isFullWidth .estate-list-item .txt-box { width: 50%; }
#estate-widget.isFullWidth .estate-list-item .thumb { width: 50%; }
#estate-widget.isFullWidth .estate-list-item .thumb img { width: 100%; }
#estate-widget.isFullWidth .estate-list-item .buttons { margin-top: 0; float: right;}
#estate-widget.isFullWidth .credits {width: 100%; border-top: solid 1px #dadada; position: relative;}
#estate-widget.isFullWidth .credits img {float: right; }
}*/
/*WIDGET IMMO -- ALEX 02/03 */
#estate-widget { display: inline-block; width: 100%; position: relative; margin-bottom: 15px; }
/*#estate-widget.isFullWidth .header-wrapper { width: 50%; float: left; }*/
#estate-widget.isFullWidth .estate-list-item .desc a { background: #cf3e1d; }
#estate-widget.isFullWidth { padding: 0; }
#estate-widget.isFullWidth .list { width: 75%; float: left; border-left: solid 1px #cccccc; }
#estate-widget.isFullWidth .estate-list-item { width: 50%; float: left; margin-right: 0; padding-left: 20px; padding-right: 18px; padding-bottom: 10px; }
#estate-widget.isFullWidth .estate-list-item .desc a { color: #ffffff; }
#estate-widget.isFullWidth .estate-list-item .desc a:hover { color: #0c323d; }
#estate-widget.isFullWidth .txt-box h3 { margin-left: 0; }
#estate-widget.isFullWidth .loca-surface { width: 75%; color: #8C8C8C; font-size: 12px; line-height: 13px; }
#estate-widget.isFullWidth .txt-box { width: 66% !important; }
@media (max-width: 1199px) {
#estate-widget.isFullWidth .header-wrapper, #estate-widget.isFullWidth .credits { width: 33%; }
#estate-widget.isFullWidth .list {width: 67%;}
#estate-widget.isFullWidth .estate-list-item { width: 100%; }
}
@media (max-width: 991px) {
#estate-widget.isFullWidth .header-wrapper, #estate-widget.isFullWidth .credits { width: 100%; }
#estate-widget.isFullWidth .list { width: 100%; border: none; }
#estate-widget.isFullWidth .estate-list-item:first-child { border-top: solid 1px #cccccc; }
#estate-widget.isFullWidth .credits { position: relative; border-top: solid 1px #cccccc; display: inline-block; }
#estate-widget .estate-list-item { display: none !important; }
#estate-widget .estate-list-item:first-child { display: block !important; }
}
/* -//- */
/* breakpoints tablettes et smartphones template article */
@media (max-width: 991px) {
.social { overflow: hidden; }
}