/* @keyframes */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

@keyframes blink {
    0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;}
}

/* LAYOUT */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;position: relative;font-family: myriad-pro, sans-serif;font-style: normal;font-weight: 400;background-color: #FFFFFF;color: #25292B; height: 100%; }
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}
.shadow {box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px;}
.icon {color:#ff3c3c;margin-right:5px;}

/* COLORS */
.black {color: #25292B;}
.bgblack {background-color: #25292B;}
.white {color: #FFFFFF;}
.bgwhite {background-color: #FFFFFF;}
.green {color: #42EA61;}
.bggreen {background-color: #42EA61;}
.blue {color: #3DC8E8;}
.bgblue {background-color: #3DC8E8;}
.pink {color:#FF0077;}
.bgpink {background-color:#FF0077;}
.red {color:#ff3c3c;}
.bgred {background-color:#ff3c3c;}
.orange {color: #FF9739;}
.bgorange {background-color: #FF9739;}
.grey {color: #F8F8F8;}
.bggrey {background-color: #F8F8F8;}
.bggreybtn {background-color:#515455;}
.off {color:#BDBEBF;}
.bluefb {color:#1977F2;}
.bgbluefb {background-color: #1976F2;}

/* ANIMATIONS */
.blink {animation: blink 1s infinite;}
.zoom {transition: transform .2s;}
.zoom:hover {transform: scale(1.05);}

/* Bloc & BOX */
.bloc {padding: 40px; border: 1px solid #F0F0F0;}

/* ALIGN */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.v-top {vertical-align:top;}
.v-middle {vertical-align:middle;}
.v-bottom {vertical-align:bottom;}

/* DISPLAY */
.db {display:block;}
.dib {display:inline-block;}
.up {text-transform: uppercase;}
.cap {text-transform: capitalize;}

/* BORDER */
.bd {border: 1px solid #F0F0F0;}
.bd-t {border-top: 1px solid #F0F0F0;}
.bd-r {border-right: 1px solid #F0F0F0;}
.bd-b {border-bottom: 1px solid #F0F0F0;}
.bd-l {border-left: 1px solid #F0F0F0;}
.bt-dotted {border-top: 2px dotted #e9e9e9;}
.bb-dotted {border-bottom: 2px dotted #e9e9e9;}
.bdgreen {border: #42EA61;}
.bdpink {border: #FF0077;}
.bdblue {border: #3DC8E8;}
.bdorange {border: #FF9739;}
.bdred {border: #ff3c3c;}
.bdgrey {border: #F0F0F0;}
.bd-b-green {border-bottom: 2px dotted #42EA61;}
.bd-b-pink {border-bottom: 2px dotted #FF0077;}
.bd-b-blue {border-bottom: 2px dotted #3DC8E8;}
.bd-b-orange {border-bottom: 2px dotted #FF9739;}

/* MARGIN */
.mt5 {margin-top: 5px;} .mt10 {margin-top: 10px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mt60 {margin-top: 60px;} .mt80 {margin-top: 80px;}
.mb0 {margin-bottom: 0px;} .mb5 {margin-bottom: 5px;} .mb10 {margin-bottom: 10px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .mb60 {margin-bottom: 60px;} .mb80 {margin-bottom: 80px;} .mb100 {margin-bottom: 100px;} .mb200 {margin-bottom: 200px;}
.ml10 {margin-left: 10px;} .ml20 {margin-left: 20px;}
.mr5 {margin-right: 5px;} .mr10 {margin-right: 10px;} .mr20 {margin-right: 20px;} .mr30 {margin-right: 30px;} .mr40 {margin-right: 40px;}
.mlr5 {margin-left: 5px;margin-right: 5px;} .mlr10 {margin-left: 10px;margin-right: 10px;} .mlr20 {margin-left: 20px;margin-right: 20px;}

/* PADDING */
.p5 {padding: 5px;} .p10 {padding: 10px;} .p20 {padding: 20px;} .p30 {padding: 30px;} .p40 {padding: 40px;}
.pt5 {padding-top: 5px;} .pt10 {padding-top: 10px;} .pt20 {padding-top: 20px;} .pt30 {padding-top: 30px;} .pt40 {padding-top: 40px;} .pt60 {padding-top: 60px;} .pt80 {padding-top: 80px;}
.pb0 {padding-bottom: 0px;} .pb5 {padding-bottom: 5px;} .pb10 {padding-bottom: 10px;} .pb20 {padding-bottom: 20px;} .pb30 {padding-bottom: 30px;} .pb40 {padding-bottom: 40px;} .pb80 {padding-bottom: 80px;}
.plr50 {padding-left: 50px;padding-right: 50px;}
.ptb80 {padding: 80px 0px;}

/* VIDEO PLAYER */
.vid {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;}
.vid iframe, .vid object, .vid embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ina {background-color: #25292B;}
.vid-vertical {padding-bottom: 178%;position: relative;display: block;width: 100%;}
.vid-vertical iframe {position: absolute; top: 0;left:0;}

/* BUTTONS */
.btncustom {padding: 8px 13px;border: 1px dotted #25292B;border-radius: 2px;color:#25292B;background-color: #ffffff; font-weight: 600;}
.btncustom:hover {background-color:#c82828;color:#ffffff;}
.btncustom:hover .icon {color:#ffffff;}

/* FONTS STYLE */
p, h1, h2, h3, h4, li {padding: 0px; margin: 0px;}
a {color:#ff3c3c;}
a, a:hover, a:active, a:visited, a:focus, .btncustom:hover {text-decoration:none;}
a:hover {color:#ff3c3c;text-decoration:underline;}

/* FONT SIZE */
.fs05 {font-size: 0.50em;}
.fs06 {font-size: 0.60em;}
.fs07 {font-size: 0.70em;}
.fs08 {font-size: 0.80em;}
.fs09 {font-size: 0.90em;}
.fs10 {font-size: 1.00em;}
.fs11 {font-size: 1.10em;}
.fs12 {font-size: 1.20em;}
.fs13 {font-size: 1.30em;}
.fs14 {font-size: 1.40em;}
.fs15 {font-size: 1.50em;}
.fs16 {font-size: 1.60em;}
.fs17 {font-size: 1.70em;}
.fs18 {font-size: 1.80em;}
.fs19 {font-size: 1.90em;}
.fs20 {font-size: 2.00em;}
.fs21 {font-size: 2.10em;}
.fs22 {font-size: 2.20em;}
.fs23 {font-size: 2.30em;}
.fs24 {font-size: 2.40em;}
.fs25 {font-size: 2.50em;}
.fs30 {font-size: 3.00em;}

/* FONT WEIGHT */
.fw400 {font-weight: 400;}
.fw600 {font-weight: 600;}

/* TITLE */
.titre-col {display:block;text-transform: uppercase;margin-bottom:10px;font-size: 1.30em;}

/* FONT PARAGRAPH */
.news p, .news li {font-family: richmond-text, sans-serif;font-size: 1.10em; line-height: 1.60em;margin-bottom:30px;letter-spacing: -0.02em:}
.news p a {color: #ff3c3c;} 
.news p a:hover {color: #ff3c3c;text-decoration: underline;}
.news ul {margin: 0px 0px 20px 20px;padding: 0px;list-style-position:outside;list-style-type: disc;}
.news li {margin-bottom: 10px;}
.news li, .jobs li
{line-height: 1.50em;}
.agenda-id p {font-size: 1.20em;}
.jobs p, .jobs li {font-size: 1.10em;}


/* BOLD 600 */
.bold, .nav-lg-horizontal li, .headline h1, .news h1, .news h2, .thumbnews h1, .thumbnews h2, .thumbnews h3, .thumbnews h4, .thumbcol h3, .agenda-id h1, .nav-lg li, .navmob, .news .date, .footer h4, .annuaire-list h3, .comparatif .title, .jobs h3, .thumbjobs h3, .jobs .infos li, .shorturl h3, .contact h3, .form-container-title, .thumb-elections h3
{font-weight: 600;}

/* AZO */
.azo, .pub h1, .titre-col, .titre-col-small, .titre-col-border, .jobs .profil .title, .focus .content h1, .focus .content h3
{font-family: azo-sans-web, sans-serif;font-weight: 700;}


/* TOP HORIZONTAL */
.top {padding:20px 0px;}
.top li {display:inline-block;text-align: center;font-size: 0.75em;}
.top li a {color:#25292B;}
.top li a:hover {color:#ff3c3c;text-decoration: none;}

/* NAV LG HORIZONTAL */
.nav-lg-horizontal {text-align: center;margin-bottom: 40px;background-color: #25292B;padding: 10px;}
.nav-lg-horizontal li {display:inline-block;font-size: 0.90em; margin-left:15px;margin-right:15px;text-transform: uppercase;}
.nav-lg-horizontal li a {color:#ffffff;text-decoration: none;}
.nav-lg-horizontal li a:hover {color:#ff3c3c;text-decoration: none;}

/* SUB NAV */
.subnav {margin-bottom: 20px;text-align: center;}
.subnav li {display:inline; margin: 0px 10px;font-size: 1.00em;}
.subnav li a {color: #25292B;}
.subnav li a:hover {color: #ff3c3c; text-decoration: none;}


/* ----------- BANNER ----------- */

.banner {display: flex;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center;}
.b-home-une {padding: 0px 100px 30px 100px;min-height: 80vh;}
.b-home-une h1 {font-size: 2.50em;padding: 20px;}

.b-rubrique {justify-content:center;align-items: center;min-height: 25vh;color:#FFFFFF;}
.b-rubrique h1 {font-size: 2.00em;letter-spacing: -0.02em;}

.b-emploi {background-image: url('https://www.saintnazairenews.fr/images/banner/emploi.jpg')}
.b-immobilier {background-image: url('https://www.saintnazairenews.fr/images/banner/immobilier.jpg')}
.b-bonsplans {background-image: url('https://www.saintnazairenews.fr/images/banner/bonsplans.jpg')}
.b-contact {background-image: url('https://www.saintnazairenews.fr/images/banner/contact.jpg')}

.b-test {justify-content:center;align-items: center;min-height: 45vh;color:#FFFFFF;}
.b-guide {background-image: url('https://www.saintnazairenews.fr/images/guides/banner.jpg')}
.b-test h1 {font-size: 6.00em;letter-spacing: -0.02em;}
/* ----------- /BANNER ----------- */






/* THUMBNEWS A SUPPRIMER SOON */
.thumbnews {margin-bottom: 20px;}
.thumbcol {margin-bottom: 30px;}
.thumbnews :hover {text-decoration: none;}
.thumbnews h1, .thumbnews h2, .thumbnews h3, .thumbnews h4, .thumbnews h2, .thumbcol h3 {color: #25292B;line-height: 1.20em;}
.thumbnews h1:hover, .thumbnews h2:hover, .thumbnews h3:hover, .thumbnews h4:hover, .thumbcol h3:hover {color: #ff3c3c;}
.thumbnews h2, .thumbnews h3  {font-size: 1.60em;}
.thumbnews img {margin-bottom: 10px;}
.thumbnews .date {font-size: 0.70em;margin-bottom: 10px;display: block;}
.thumbnews .video {color:#ffffff;background-color:#ff3c3c;padding:1px 4px;font-size: 0.70em;text-transform: uppercase;letter-spacing: -0.01em;display: inline-block;margin-bottom: 3px;}
.thumbvertical {border-bottom: 2px dotted #e9e9e9;padding-bottom:20px;}
.thumbvertical img {margin-bottom: 0px;}
.thumbvertical h3, .thumbcol h3 {font-size: 1.30em;line-height: 1.10em;margin-bottom: 10px;}
.thumbcol h3 {margin-bottom: 0px;}

/* NEWS ID */
.news {}
.news .photo {margin-bottom: 30px;position: relative;}
.news .date {margin-bottom: 15px;font-size: 0.80em;display: block;} 
.news h1 {font-size: 3.40em;line-height: 1.00em;letter-spacing: -0.04em;text-align: center;margin-bottom:10px;}
.news .chapo {font-family: myriad-pro, sans-serif;font-size: 1.70em;line-height: 1.30em;text-align: center;margin-bottom:15px;}
.news .legende {position: absolute;bottom: 10px;left: 10px;background-color: rgba(0, 0, 0, 0.5);color:#ffffff;font-size: 0.80em;}
.news h2, .news h3 {font-size: 1.70em; margin-bottom: 30px;text-align: center;padding: 0px 40px;}
.news h4 {font-size: 1.25em;line-height: 1.60em;text-align: justify;margin:0px 15px 10px 15px;font-weight: 600;}
.news .sponsor {color:#ffffff;background-color:#ff3c3c;padding:2px 4px;margin-right: 15px;}
.news .info {margin-bottom:30px;}
.news .info p {margin:0px;padding: 0px;text-align: left;font-size: 1.00em;font-family: myriad-pro, sans-serif;}

/* Pagination */
.pagination {margin: 0px 0px 40px 0px;padding: 40px 0px 0px 0px;text-align: center;}
.pagination ul {margin: 0px;padding: 0px;}
.pagination li {display:inline; padding: 10px 15px;margin: 0px 2px 0px 2px;font-size: 0.90em;border: 2px solid #F8F8F8;}
.pagination li a {color:#25292B;}
.pagination li a:hover {color:#ff3c3c;background-color: #ffffff;}
.pagination li .active {font-weight: 700;color:#ff3c3c;}

/* Gallery */
.masonry {-moz-column-width: 15em; -webkit-column-width: 15em; -moz-column-gap: 0.1em; -webkit-column-gap:0.1em;}
.masonry-item {display: inline-block;padding: .25rem;width:  100%;}

/* Pub & Contact */
.intro h2 {font-size: 2.20em;line-height: 1.00em;margin-bottom: 20px; padding: 0px 100px;}
.intro p {font-size: 1.40em; padding: 0px 100px;}



/* Dossiers */
.dossiers .v-center {display:table; width: 100% !important; padding: 0px; height: 400px;}
.dossiers .content {display:table-cell; vertical-align:bottom; text-align:left; animation: fadein 2s;padding: 20px;}
.dossiers .content .bloc {width: 50% !important;background-image: url('https://www.saintnazairenews.fr//images/1pxbg-blue.png')}
.dossiers .content .bloc h1 {color:#ffffff;font-size: 3.00em; padding-bottom:10px;margin-bottom:10px; border-bottom:2px dotted #ffffff ;}

.dossiers-id .v-center {display:table; width: 100% !important; padding: 0px; height: 150px;}
.dossiers-id .content {display:table-cell; vertical-align:bottom; text-align:left; animation: fadein 2s;padding: 10px;}
.dossiers-id .content .bloc {width: 70% !important;background-image: url('https://www.saintnazairenews.fr//images/bg-immo.png')}
.dossiers-id .content .bloc h1 {color:#ffffff;font-size: 2.00em; padding-bottom:10px;margin-bottom:10px; border-bottom:2px dotted #ffffff ;}

.dossiers-thumb {height:400px;position: relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center; margin-bottom: 20px;}
.dossiers-thumb .infos {position: absolute;bottom: 0px;padding: 10px 20px;color: #ffffff;background-image: url('https://www.saintnazairenews.fr//images/bg-immo.png');width: 100% !important;}
.dossiers-thumb .infos h3 {color:#ffffff;}


/* BONS-PLANS */
.bons-plans h1 {font-size: 4.00em; line-height: 0.90em;}


/* THUMB Agenda */
.thumb-agenda {}
.thumb-agenda .date .day {font-size: 1.00em;margin-bottom: 2px;}
.thumb-agenda .date .month {color: #ff3c3c;font-size: 0.70em;text-transform: uppercase;}
.thumb-agenda .from {font-size: 0.60em;margin: 5px 0px;text-transform: uppercase;display: block;}
.thumb-agenda .box h3 {line-height: 1.10em;color: #25292B;font-size: 1.00em;height: 50px;}
.thumb-agenda .box h3:hover {color: #ff3c3c;}
.btn-brocantes, .btn-annule {background-color: #FF9739;color: #ffffff;font-family: "myriad-pro-condensed",sans-serif;font-weight: 700;border: 0px;border-radius: 2px;text-transform: uppercase;position: absolute;bottom: 10px;right: 10px;}
.btn-annule {background-color: #e11c1c; color: #ffffff;}

/* Agenda ID */
.agenda-id h1 {margin-bottom: 20px;font-size: 2.30em;letter-spacing:-0,03em; 1.20em;border-bottom: 3px dotted #F0F0F0;padding-bottom: 20px;}
.agenda-id p {font-size:1.25em;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 3px dotted #F0F0F0;}
.agenda-id .sharing {margin-bottom: 0px;}
.agenda-id .date {padding: 10px;text-align: center;background-color: #F8F8F8;text-transform: uppercase;}
.agenda-id .date .day {font-size: 1.40em;margin-bottom: 5px;}
.agenda-id .date .month {color: #ff3c3c;font-size: 0.90em;}
.agenda-id .from {font-size: 1.10em;font-weight: 400;margin: 10px 0px 10px 0px;padding: 0px;text-transform: uppercase;display: block;}
.agenda-id .cancelled {padding: 10px;text-align: center;background-color: #e11c1c;display: inline-block;color: #ffffff;font-size: 1.60em;font-weight: 700;margin-bottom: 20px;}
.agenda-id .cancelled .icon {margin-right: 10px;}
.agenda-id ul {margin-bottom: 10px;padding-bottom: 10px;}
.agenda-id li {font-size: 1.10em;}
.agenda-id li a {text-decoration: underline;color: #25292B;}
.agenda-id li a:hover {color: #ff3c3c;}
.agenda-id li .icon {margin-right: 10px;}

/* Brocantes ID */
.offres {background-color: #FF9739;padding: 20px;margin-bottom: 20px;}
.offres h5 {padding: 10px 10px 10px 10px; margin: 0px 0px 10px 0px;color: #ffffff;font-size: 2.00em;background-color: #C9712F;text-align: center}
.offres p {padding: 0px; margin: 0px 0px 20px 0px;color: #ffffff;font-size: 1.30em;font-weight: 400;line-height: 1.30em; border: none;}
.offres img {padding: 0px; margin: 0px;color: #ffffff;font-size: 1.40em;font-weight: 400;line-height: 1.30em}

/* THUMBJOBS */
.thumbjobs {margin-bottom: 20px;background-color: #F8F8F8;padding:10px;}
.thumbjobs :hover {text-decoration: none;}
.thumbjobs img {border:1px dotted #F0F0F0;}
.thumbjobs h3 {font-size: 1.20em; color: #25292B;letter-spacing: -0.01em;line-height: 1.30em;margin-bottom: 10px;}
.thumbjobs li {font-size: 0.80em;margin-right: 2px;}
.thumbjobs h3, .thumbjobs li {color: #25292B;}
.thumbjobs h3:hover, .thumbjobs li:hover {color: #ff3c3c;}

/* Jobs */
.jobs .business {margin-bottom: 40px;padding: 20px;border: 1px solid #F0F0F0;}
.jobs .business .logo {width: 130px;margin-bottom: 20px;}
.jobs .business .name {display: block; margin-bottom: 20px;font-size: 1.20em;}
.jobs h1 {margin-bottom: 15px;font-size: 2.00em;}
.jobs .infos {border-bottom: 4px dotted #F0F0F0;padding-bottom: 20px;margin-bottom: 20px;}
.jobs .infos li {font-size: 0.90em; display: inline; padding: 5px 10px;margin-right: 10px;}
.jobs p {margin-bottom:10px;text-align: justify;}
.jobs h3 {font-size: 1.30em; margin-top: 30px;margin-bottom: 10px;}
.jobs ul {margin: 0px 0px 15px 20px;padding: 0px;list-style-position:outside;list-style-type: disc;}
.jobs .profil {margin:40px 0px 40px 0px;}
.jobs .profil .title {display: block; padding-bottom:10px; margin-bottom:20px;border-bottom: 4px dotted #F0F0F0;font-size: 0.90em;}
.jobs .about {border-top: 4px dotted #F0F0F0;padding-top: 20px;margin-bottom: 20px;}

/* Immo */
.thumb-immo {height:300px;position: relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center; margin-bottom: 20px;}
.thumb-immo .infos {position: absolute;bottom: 0px;padding: 10px 20px;color: #ffffff;background-image: url('https://www.saintnazairenews.fr//images/bg-immo.png');width: 100% !important;}
.thumb-immo .infos h2 {margin-bottom: 5px;font-size: 1.70em;}
.thumb-immo .infos h3 {margin-bottom: 10px;font-size: 1.30em;}
.thumb-immo .place {margin-bottom: 0px;font-size: 1.10em;}
.thumb-immo .place .icon {margin-right: 10px;}

/* Immo */
.immo {}
.immo .photo {height:550px;position: relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center; margin-bottom: 20px;}
.immo .photo .infos {position: absolute;bottom: 0px;padding: 10px 20px;color: #ffffff;background-image: url('https://www.saintnazairenews.fr//images/bg-immo.png');width: 100% !important;}
.immo .photo .infos h1 {margin-bottom: 5px;font-size: 2.50em;}
.immo .photo .infos h2 {margin-bottom: 10px;font-size: 1.40em;}
.immo .photo .infos .place {margin-bottom: 0px;font-size: 1.10em;}
.immo .photo .infos .place .icon {margin-right: 10px;}
.immo p {margin-bottom: 40px;font-size: 1.30em;line-height: 1.60em;}
.immo .details {margin-bottom: 10px;font-size: 1.30em;display: block;text-align: center; padding: 10px;background-color: #F8F8F8;}
.immo .svg {height: 40px; width: 40px;}
.immo .agence {padding: 10px;}
.immo .agence h3 {font-size: 1.90em; margin-bottom: 20px;padding-bottom: 10px; border-bottom: 2px dotted #d8d8d8;}
.immo .agence .logo {float: left; margin-right: 10px; width: 70px;}
.immo .agence li {font-size: 1.20em;}
.immo .button li a {background-color: #FF9739;color: #ffffff;font-size: 1.20em;margin-bottom: 10px;display: block;width: 100% !important;padding: 5px 0px;text-align: center;}
.immo .button li a:hover {background-color: #25292B;color: #ffffff;}
.immo .agence h4 {display: block; text-align: center; font-size: 0.90em;}

/* Annuaire */
.annuaire {margin-bottom: 40px;}
.annuaire h3 {margin-bottom: 10px;font-size: 1.80em;}
.annuaire .spacer {display:block; text-align: left;margin-bottom: 20px;height: 3px;}
.annuaire-thumb {text-align: center; margin-bottom: 20px;}
.annuaire-thumb img {width:120px; border: 1px solid #F0F0F0;padding: 10px;background-color: #F8F8F8;margin-bottom: 10px;}
.annuaire-thumb img:hover {background-color: #F8F8F8;}
.annuaire-thumb h4 {color: #25292B;font-size: 1.00em;}

.annuaire-list {margin-bottom: 30px;color: #25292B;}
.annuaire-list h3 {font-size: 1.20em;margin-bottom: 2px;}
.annuaire-list li {display: inline;font-size: 1.10em;}
.annuaire-list img {margin-bottom: 10px;}

/* Directory */
.annuaire-id {padding-bottom: 40px;}
.annuaire-id .info .logo {border: 2px dotted #d8d8d8;}
.annuaire-id .info h1 {padding:20px 0px 20px 0px;margin-bottom:30px;font-size: 3.00em;border-top: 2px dotted #d8d8d8;border-bottom: 2px dotted #d8d8d8;}
.annuaire-id .info h2 {margin-bottom: 5px;font-size: 1.30em;}
.annuaire-id .info li {margin-bottom:5px;font-size: 1.30em;}
.annuaire-id .info li a {color:#25292B;}
.annuaire-id .info li a:hover {color:#25292B;text-decoration: underline;}
.annuaire-id .info .icon {margin-right: 15px;}
.annuaire-id .info .horaires {font-size: 1.40em;margin-bottom: 10px;display: inline-block;text-transform: uppercase;}

.mytable>tbody>tr>td, .mytable>tbody>tr>th, .mytable>tfoot>tr>td, .mytable>tfoot>tr>th, .mytable>thead>tr>td, .mytable>thead>tr>th {padding: 4px 0px 4px 0px;border-bottom: 1px dotted #d8d8d8;border-top: 0px;font-size: 1.10em;}
.jours {padding: 0px;margin: 0px;font-weight: 700;}
.heures {}
.map {margin:0px 0px 0px 0px;width: 100%;height: 300px;border: 1px solid #ffffff;}
.gmap img {max-width: inherit;}

/* Sharing */
.sharing {padding-bottom: 20px;text-align: center;}

/* Publicite */
.pub h1 {font-size: 3.50em; line-height: 1.00em;margin-bottom: 30px;letter-spacing: -0.04em}
.pub p {font-size:1.60em; line-height: 1.30em;}
.publicite h2 {font-size:2.40em; line-height: 1.10em;margin-bottom: 40px;}

.pub-packs {margin-bottom:40px; background-color: #FFFFFF;} 
.pub-packs .title {font-size: 1.30em;display:block;padding: 10px;background-color: #F8F8F8; border-bottom: 1px solid #F0F0F0;} 
.pub-packs .tarifs {font-size: 2.00em;display:block;padding-top: 10px;} 

/* Form */
.form {background-color:#FFFFFF;padding:40px;border-radius: 10px;}
.form-title {text-align:center;font-size: 1.60em; margin-bottom: 10px;}
.form-label {font-size: 0.90em;margin-bottom: 5px;font-weight: 600;}
.form-control {border: 1px solid #dedcdc;border-radius: 0px;margin-bottom: 10px;padding: 10px 10px;}
.help-block {font-size: 0.70em;margin-bottom: 10px;}
.btn-search {border: 1px solid #dedcdc;padding: 10px 10px;}

/* Contact Form Quizz */
.quizz p {margin-bottom: 10px;font-size: 1.10em;}

/* ITV Week-end */
.itv-we {margin-bottom: 80px;}
.itv-we h3 {margin-bottom: 20px;font-size: 1.90em;padding-top: 20px;border-top: 4px dotted #F0F0F0;}
.itv-we p {font-size: 1.20em;padding-bottom: 20px; border-bottom: 4px dotted #F0F0F0;}

/* Search */
.search h1 {font-size: 1.40em;margin-bottom: 20px;text-transform: uppercase;color: #ff7133;}
.search-results {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #dedcdc;}
.search-results h3 {margin: 0px 0px 5px 0px;padding: 0px;font-size: 1.80em;font-weight: 700;line-height: 1.00em;letter-spacing: -0.01em;color: #25292B;}
.search-results h4 {margin: 0px;padding: 0px;font-size: 1.10em;font-weight: 400;line-height: 1.00em;letter-spacing: -0.01em;color: #25292B;}
.form-search {margin-bottom: 20px;}
.formfield-search {border: 1px solid #dedcdc;border-radius: 0px;padding: 20px;font-size: 1.10em;}
.btn-search {border: 1px solid #dedcdc;border-radius: 0px;padding: 10px;}

/* Footer */
.footer {padding: 40px 0px 20px 0px;background-color: #25292B;}
.footer .logo {margin-bottom: 40px;}
.footer h4 {margin-bottom: 10px; color: #7c7f80;font-size: 0.90em;text-transform: uppercase;}
.footer li {font-size: 0.85em;line-height: 1.90em;}
.footer li a {color: #FFFFFF;}
.footer li a .icon {margin-right: 5px;color: #3DC8E8;}
.copyright {text-align: center;}
.copyright p {font-size: 0.80em;color: #ffffff;}
.copyright a {color: #ffffff;}
.rs li {display:inline;margin-left: 10px;margin-right: 10px;}
.rs li a {color: #FFFFFF;}
.rs li a:hover {color: #3DC8E8;}
.web {padding:30px;text-align: center}
.web p {padding:0px;margin-bottom:5px; font-size: 0.80em;text-transform: uppercase;}

/* Mentions Légales */
.mentionslegales {}
.mentionslegales h2 {font-size: 1.10em;padding: 0px;margin-bottom:5px;text-transform: uppercase;font-weight: 700;}
.mentionslegales p {font-size: 1.10em;padding: 0px;margin-bottom: 20px;text-align: justify;line-height: 1.40em;}
.mentionslegales ul {margin-bottom: 20px;}
.mentionslegales li {font-size: 1.10em;padding: 0px;margin: 0px;}

/* Embed */
.fb {padding: 40px 0px 40px 0px;text-align: center;}
.fb-container {padding: 10px;background-color: #F8F8F8;}
.fb-comment {margin-bottom: 40px;border: 10px solid #F8F8F8;}
.fb-comment .title {padding: 10px;background-color: #1B77F2;display: block;color: #FFFFFF;font-weight: 700;text-transform: uppercase;}
.twitter-responsive {max-width: 100% !important;}
.photoweek {margin-bottom: 80px;}

/* Facebook Live */
.fb-live {padding: 0px;margin: 0px 0px 40px 0px;text-align: center;}
.fb-live .title {padding: 10px;background-color: #ff7133;}
.fb-live .title p {padding: 0px;margin: 0;font-size: 3.00em;font-weight: 700;color: #FFFFFF;line-height: 1.00em;}

/* Short URL */
.shorturl {margin-bottom: 20px;padding: 10px;background-color: #FFFFFF;}
.shorturl h2 {font-size: 0.80em;margin-bottom:10px; color:#ff3c3c;font-weight: 400;}
.shorturl h3 {font-size: 1.20em;margin-bottom:10px;}
.shorturl .field {width: 100%;padding: 5px;height: 70px;border: 1px dotted #25292B;background-color: #F8F8F8;margin-bottom: 10px;}

/* GMaps */
#map {height: 800px;width: 800px;}

/* Solutions */
.solutions {margin-bottom: 0px;text-align: center;}
.solutions .thumb {margin-bottom: 40px;}
.solutions h3 {margin: 20px 0px 5px 0px;padding: 0px; font-size: 1.40em; font-weight: 700;}
.solutions p {margin: 0px;padding: 0px; font-size: 1.10em;}

/* Portfolio */
.portfolio {background-color: #F8F8F8;padding: 20px;margin-bottom: 40px;}
.portfolio h2 {padding: 10px; margin: 0px 0px 20px 0px;color:#ffffff;font-size: 1.30em;font-weight: 400;display: inline-block;}
.portfolio .resume {padding: 0px 0px; margin: 0px 0px 30px 0px;font-size: 1.50em;font-weight: 600}
.portfolio .caption {padding: 10px 0px; margin: 0px 0px 30px 0px;font-size: 1.20em;}
.portfolio img {border: 1px solid #dedcdc;}

/* Espace Pro */
.comparatif {font-size: 1.20em; margin-bottom: 80px;}
.comparatif a {color:#25292B;text-decoration: underline;}
.comparatif .title {border:0px;color:#FFFFFF;}
.comparatif .line {border:0px;padding: 10px 10px 10px 10px;}
.comparatif .linebg {border:0px;padding: 10px 10px 10px 10px;background-color: #F8F8F8;}

/* elections */
.thumb-elections {}
.thumb-elections h3 {font-size:1.20em;margin-bottom: 5px;}
.thumb-elections h4 {font-size:0.90em;height: 30px;}
.thumb-elections .resultats {font-size:2.00em;}




.countdown {padding: 0px; margin: 0px 0px 40px 0px;font-size: 4.00em;border-top: 10px dotted #F0F0F0;border-bottom: 10px dotted #F0F0F0;}





/* Campagnes */
.thumb-campagnes {margin-bottom: 40px;}
.thumb-campagnes .v-center {display:table;width: 100% !important;height: 300px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center;text-align: center;-moz-animation: fadein 2s; /* Firefox */-webkit-animation: fadein 2s; /* Safari and Chrome */-o-animation: fadein 2s; /* Opera */}
.thumb-campagnes .content {display:table-cell;vertical-align:middle;text-align:center;animation: fadein 2s;}

/* Campagnes ID */
.campagnes li {display: inline;margin:0px 10px;}