/*

Couleurs

bleu header: rgb(26,194,254);

*/



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;

}



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;

}



root {

    display: block;

}



.clear {

    clear: both;

}



body {

    font-family: 'Arial', 'verdana', sans-serif;

    font-size: 1em;

}



#site {

    font-size: 70%;

    line-height: 150%;

    padding-bottom: 0;

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

    text-align: left;

    width: 100%;

}



#site header{

    overflow: hidden;

}



#nav-top {

    background-color: #888;

}



#chapeau {

    width: 990px;

    background-color: #888;

    margin: 0 auto;

}



#txt-chapeau {

    max-width: 510px;

    float: left;

    height: 25px;

}





#flag-chapeau {

    padding-top: 3px;

    padding-right: 3px;

    float: right;

    text-align: right

}



h1 {
    color: #888;
    font-weight: 600;
}



#header {

    position: relative;

    direction: ltr;

}



.header_fr {

    height: 120px;

    background: white;

}



.header_no_fr {

    height: 66px;

    background: #6ddcf8;

    background: -moz-linear-gradient(top, rgba(109, 220, 248, 1) 0, rgba(9, 117, 181, 1) 70%, rgba(4, 81, 159, 1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(109, 220, 248, 1)), color-stop(70%, rgba(9, 117, 181, 1)), color-stop(100%, rgba(4, 81, 159, 1)));

    background: -webkit-linear-gradient(top, rgba(109, 220, 248, 1) 0, rgba(9, 117, 181, 1) 70%, rgba(4, 81, 159, 1) 100%);

    background: -o-linear-gradient(top, rgba(109, 220, 248, 1) 0, rgba(9, 117, 181, 1) 70%, rgba(4, 81, 159, 1) 100%);

    background: -ms-linear-gradient(top, rgba(109, 220, 248, 1) 0, rgba(9, 117, 181, 1) 70%, rgba(4, 81, 159, 1) 100%);

    background: linear-gradient(top, rgba(109, 220, 248, 1) 0, rgba(9, 117, 181, 1) 70%, rgba(4, 81, 159, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ddcf8', endColorstr='#04519f', GradientType=0);

}



#big-logo {

    width: 990px;

    margin: 0 auto;

}



#logo {

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/horlogeparlante_logo.png");

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: auto 100px;

    height: 120px;

}



#logo_intl {

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/bg_entete_intl.jpg");

    background-position: left top;

    background-repeat: no-repeat;

    height: 66px

}



#appel_3669 {

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/horlogeparlante.com.2.png");

}



#bottom-header {

    height: 21px;

    width: 990px;

    margin: 0 auto;

    position: relative;

}



#nav-continent {

    background-color: #888;

}



form {

    margin: 0;

    padding: 0;

}



#form-search {

    float: left;

    width: 438px;

    color: #fff;

    font-weight: bold;

    font-size: 12px;

    height: 21px;

}



.form-btn {

    background-color: #888;

    border-bottom-width: 0;

    border-left-width: 0;

    border-right-width: 0;

    border-top-width: 0;

    color: #fff;

    font-size: 13px;

    font-weight: bold;

    padding: 0;

}



.form-txt {

    background-color: #fff;

    border-bottom-color: #ccc;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-left-color: #ccc;

    border-left-style: solid;

    border-left-width: 1px;

    border-right-color: #ccc;

    border-right-style: solid;

    border-right-width: 1px;

    border-top-color: #ccc;

    border-top-style: solid;

    border-top-width: 1px;

    color: #000;

    font-size: 11px;

    padding-left: 3px;

}



.donnee-form {

    background-color: #dbeaf5;

    border-bottom-color: #969cb9;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-left-color: #969cb9;

    border-left-style: solid;

    border-left-width: 1px;

    border-right-color: #969cb9;

    border-right-style: solid;

    border-right-width: 1px;

    border-top-color: #969cb9;

    border-top-style: solid;

    border-top-width: 1px;

    margin-left: 45px;

    margin-top: 0;

    padding: 5px;

    font-size: 12px;

    color: #0059a2;

}



#btn_home {

    background-repeat: no-repeat;

    width: 8px;

    height: 16px;

    display: inline-block;

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/sprites.png");

    background-position: 0 -43px;

    background-color: #ccc !important;

}



#btn_home:hover {

    background-color: #888 !important;

    color: #888;

    text-decoration: none;

}



#continent {

    float: right;

    background-color: #ccc;

    text-align: center;

}



#continent ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



#continent li {

    float: left;

    padding: 0;

    margin: 0;

}



#continent ul a:link, #continent ul a:visited {

    background-color: rgb(26, 194, 254);

    display: block;

    float: left;

    padding-bottom: 3px;

    padding-top: 1px;

    padding-right: 6px;

    padding-left: 6px;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

    border-left: 1px solid #909090;

    color: #fff;

    height: 16px;

}



#continent ul li a.selected-continent {

    background-color: #ccc;

    color: #888;

}



#continent ul li a:hover {

    background-color: #888;

    color: rgb(26, 194, 254);

    text-decoration: none;

}



#ctn-main {

    min-height: 650px;

    background-color: #fff;

    width: 1300px;

    width: 1300px;

    margin: 0 auto;

}



#end-ctn-main {

    clear: both;

}



#ctn-info {

    margin-left: 5px;

    background-color: #e1ecf2;

    border-bottom-color: #d5d5d5;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-left-color: #d5d5d5;

    border-left-style: solid;

    border-left-width: 1px;

    border-right-color: #d5d5d5;

    border-right-style: solid;

    border-right-width: 1px;

    border-top-color: #d5d5d5;

    border-top-style: solid;

    border-top-width: 1px;

    float: left;

    width: 78%;

}



.pub3669 {

    color: #638398;

    font-weight: normal;

    text-align: center;

}



.pub3669 strong {

    font-weight: bold !important;

}



#nav-left {

    float: left;

    width: 200px;

}



.rub-nav-left {

    direction: ltr;

    margin-top: 10px;

    color: #000;

    font-weight: bold;

    font-size: 12px;

    padding-left: 3px;

    padding-bottom: 3px;

    -webkit-box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    -moz-box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    -moz-border-radius-topleft: 0;

    -moz-border-radius-topright: 10px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 0;

    -webkit-border-radius: 0 10px 10px 0;

    border-radius: 0 10px 10px 0;

}



.rub-nav-left h3, .oldh3 {

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/puce.png");

    background-position: 2px 1px;

    background-repeat: no-repeat;

    font-size: 1.1em;

    filter: dropshadow(color=#666666, offx=2, offy=2);

    /*padding-left:20px;*/

    background-color: rgb(26, 195, 255);

    border-radius: 0 10px 0 0;

    display: block;

    text-align: center;

}



.rub-nav-left ul {

    margin-top: 4px;

    list-style: none;

    margin-left: 20px;

}



.rub-nav-left ul li::before {

    color: #888;

    content: "\2022";

    font-size: 1.5em;

    padding-right: 1.1225em;

    position: absolute;

    text-decoration: none !important;

    float: left;

    margin-left: -10px;

}



.rub-nav-left li:hover {

}



.rub-nav-left li a {

    display: block;

    font-weight: 600;

    font-size: 12px;

    text-decoration: none;

    color: #666;

    margin-left: 10px;

}



.rub-nav-left li a:hover {

    color: #888;

    text-decoration: underline;

}





.donnee-nav-left {

    padding-left: 8px;

    color: #638398;

    font-size: 12px;

}



.donnee-nav-left a:link, .donnee-nav-left a:visited {

    font-size: 12px;

    text-decoration: none;

    color: #638398;

}



.donnee-nav-left a:hover {

    color: #00529f;

    text-decoration: underline;

}



#nav-main {

    float: left;

    width: 1000px;

    margin-right: auto;

    margin-left: auto;

    padding-bottom: 10px;

    padding-right: 5px;

}



#ctn-applet {

    background-color: white;

    border: 1px solid #ccc;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

    -moz-border-radius-bottomright: 0;

    -moz-border-radius-bottomleft: 0;

    -webkit-border-radius: 10px 10px 0 0;

    border-radius: 10px 10px 0 0;

    -webkit-box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    -moz-box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    margin-top: 10px;

    height: auto;

    padding-top: 10px;

    margin-left: 15px;

}



#ctn-select-city {

    float: left;

    width: 50%;

}



#ctn-img-ecuss {

    float: right;

    width: 56px;

    padding-top: 11px;

}



#ctn-img-ecuss img {

    width: 50px;

}



#selected-city {

    max-width: 315px;

    float: left;

    margin-left: 15px;

    padding-top: 0;

    font-weight: bold;

    font-size: 12px;

}



.big-ville {

    font-size: 18px;

    font-weight: bold;

}



.select-ville {

    color: #888;

    font-size: 18px;

}



#nav-right {

    float: left;

    width: 135px;

    padding-left: 3px;

}



#pub-right {

    text-align: center;

}



table {

    border-spacing: 0;

    width: 530px;

}



th {

    font-weight: normal;

    text-align: left;

    width: 170px;

}



td {

    font-weight: normal;

    width: 340px;

}



.info-bold {

    color: #369;

    font-weight: bold;

}



.rub-info {

    margin-left: 15px;

    color: #888;

    padding-top: 10px;

    border: 1px solid #ccc;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

    -moz-border-radius-bottomright: 0;

    -moz-border-radius-bottomleft: 0;

    -webkit-border-radius: 10px 10px 0 0;

    border-radius: 10px 10px 0 0;

    -webkit-box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    -moz-box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    box-shadow: 2px 2px 2px 1px rgba(100, 100, 100, 0.3);

    margin-top: 10px;

    margin-bottom: 10px;

}



.rub-info h2, .oldh2 {

    color: #888 !important;

    margin-left: 16px;

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/puce.png");

    background-position: left center;

    background-repeat: no-repeat;

    font-size: 1.5em;

    font-weight: bold;

    padding-left: 16px;

}



.oldh2 a, h2 a {

    color: #888 !important;

}



.oldh2, .oldh3 {

    filter: none !important;

}



.donnee-info {

    padding: 10px 16px;

}



.donnee-info-ville {

    border-bottom-color: #193282;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    font-size: 12px;

    margin-left: 45px;

    padding-top: 0;

    margin-top: 0;

    min-height: 63px;

}



.donnee-info-ville img {

    float: right;

    padding-left: 8px;

    border: 0;

}



A.lk-info:visited {

    color: #1b647b;

    text-decoration: underline;

}



A.lk-info:link {

    color: #1b647b;

    text-decoration: underline;

}



A.lk-info:hover {

    color: #000;

    text-decoration: underline;

}



#tel-meteo {

    font-weight: bold;

}



.lk-top {

    width: 100%;

    text-align: right;

}



#ad-google {

    text-align: center;

}



footer {

    background-color: rgb(26, 194, 254);

}



#footer {

    margin-top: 0;

    background-color: rgb(26, 194, 254);

    width: 100%;

    color: #fff;

    text-align: center;

    font-size: 10px;

}



#footer a {

    text-decoration: none;

    color: #fff;

}



#pub-google {

    margin-top: 15px;

    text-align: center;

}



#decompte {

    display: none;

    text-align: center;

    font-weight: bold;

    border-top-color: #6c2285;

    border-top-style: solid;

    border-top-width: 1px;

    border-bottom-color: #6c2285;

    border-bottom-style: solid;

    border-bottom-width: 1px;

    border-left-color: #6c2285;

    border-left-style: solid;

    border-left-width: 1px;

    border-right-color: #6c2285;

    border-right-style: solid;

    border-right-width: 1px;

    margin-top: 8px;

    background-color: rgb(26, 195, 255);

    color: white;

    font-weight: bold;

    font-size: 12px;

    height: 8.5em;

}



#dec_jour {

    font-size: 14px;

    color: #3c5555;

    height: 5em;

    display: block;

}



#dec_jour b {

    color: #555;

}



#dec_jour2 b {

    font-weight: normal;

    color: #555;

}



#target_date {

    color: #000;

}



h2 a {

    text-decoration: underline;

    color: #32399d;

    font-size: 13px;

    font-weight: bold;

}



#ctn-speak {

    display: none;

    padding-left: 60px;

}



#btn-speak {

    border: 1px solid #555;

    display: inline-block;

    padding: 4px 5px 4px 5px;

    background-color: #efefef;

    text-decoration: none;

    border-radius: 6px;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -khtml-border-radius: 6px;

    box-shadow: 10px 10px 12px #aaa;

    -moz-box-shadow: 10px 10px 12px #aaa;

    -webkit-box-shadow: 10px 10px 12px #aaa;

    khtml-box-shadow: 10px 10px 12px #aaa;

    text-shadow: 2px 2px 3px #aaa;

    -moz-text-shadow: 2px 2px 3px #aaa;

    -webkit-text-shadow: 2px 2px 3px #aaa;

    -khtml-text-shadow: 2px 2px 3px #aaa;

}



#btn-speak:hover {

    background-color: #fff;

    text-shadow: none;

    -moz-text-shadow: none;

    -webkit-text-shadow: none;

    -khtml-text-shadow: none;

}



#btn-speak img {

    width: 24px;

    height: 24px;

    vertical-align: middle;

    margin-right: 3px;

}



#ctn-meteo {

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    float: left;

    width: 264px;

}



#ctn-actual-meteo {

    width: 100%;

}



#ctn-prev-meteo {

    height: 100%;

}



#actual-maj-data {

    font-size: 9px;

}



#actual-left {

    font-size: 18px;

    background-color: #f7f8f9;

    border: 1px solid #d2d6d9;

    float: left;

    width: 100%;

}



#actual-right {

    font-size: 12px;

    float: left;

    width: 215px;

    padding-left: 5px;

    padding-top: 8px;

}



#actual-icon {

    float: left;

    margin-top: 4px;

    width: 50%;

}



#actual-info {

    font-weight: bold;

    float: left;

    text-align: center;

    padding-top: 16px;

    margin-right: 4px;

}



#actual-info h1 {

    color: #000 !important;

    font-size: 24px !important;

}



#actual-info p {

    color: #000;

    font-size: 12px;

    text-align: left;

    padding-left: 10px;

    text-align: center;

}



.actual-line {

    width: 100%;

}



.actual-lib {

    width: 25%;

    float: left;

}



.actual-val {

    text-align: left;

    font-weight: normal;

    font-size: .65em;

    clear: left;

    background-color: #ececec;

}



.ctn-prev-day {

    background-color: #ecf3f8;

    width: 80px;

    padding: 2px;

    border-width: 1px;

    border-style: solid;

    border-color: #a3d3f3;

    float: left;

    margin: 1px;

}



.prev-day-icon {

    margin-left: auto;

    margin-right: auto;

    margin-top: 4px;

    text-align: center;

}



.prev-day-icon img {

    padding-left: 0;

    float: none;

}



.prev-day-temp {

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



.prev-day-title {

    background-color: #a3d3f3;

    font-weight: bold;

    text-align: center;

    color: #000;

}



.temp-max {

    color: #c00;

}



.temp-min {

    color: #0008af;

}



#today {

    text-align: center;

}



#rub_meteo {

    display: none;

}



#flag-chapeau ul li {

    float: left;

}



.nav-flag {

    margin-right: 1px;

    background-repeat: no-repeat;

    width: 24px;

    height: 16px;

    display: inline-block;

    padding: 0 !important;

    background-image: url("//www.horlogeparlante.com/wp-content/plugins/horloge/images/drap_all.png");

}



.flag-fr {

    background-position: 0 0;

}



.flag-es {

    background-position: -24px 0;

}



.flag-us {

    background-position: -48px 0;

}



.flag-uk {

    background-position: -72px 0;

}



.flag-be {

    background-position: -96px 0;

}



.flag-ch {

    background-position: -120px 0;

}



.flag-de {

    background-position: -144px 0;

}



.flag-it {

    background-position: -168px 0;

}



.flag-nl {

    background-position: -192px 0;

}



.flag-pt {

    background-position: -216px 0;

}



.flag-el {

    background-position: -240px 0;

}



.flag-ca {

    background-position: -264px 0;

}



.flag-ru {

    background-position: -288px 0;

}



.flag-cn {

    background-position: -312px 0;

}



.flag-ja {

    background-position: -336px 0;

}



.flag-hi {

    background-position: -360px 0;

}



.flag-ar {

    background-position: -384px 0;

}



.flag-he {

    background-position: -408px 0;

}



.p-article {

    margin-top: 5px;

    line-height: 1.5em;

    color: #000;

    font-size: 1.1em;

}



.donnee-info abbr {

    border-bottom: 1px #1b647b dotted;

}



.big-flag {

    -webkit-box-shadow: 4px 4px 4px 1px rgba(200, 200, 200, 0.7);

    box-shadow: 4px 4px 4px 1px rgba(200, 200, 200, 0.7);

    -webkit-border-radius: 4px;

    border-radius: 4px;

}



.small-flag {

    -webkit-box-shadow: 2px 2px 2px 1px rgba(200, 200, 200, 0.7);

    box-shadow: 2px 2px 2px 1px rgba(200, 200, 200, 0.7);

    -webkit-border-radius: 2px;

    border-radius: 2px;

    vertical-align: middle;

    margin-right: 5px;

}



.submit_line {

    text-align: center;

    padding: 10px;

}



.btn_base {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-size: 11px;

    font-weight: bold;

    text-align: center;

    margin-right: 16px;

    height: 27px;

    line-height: 27px;

    min-width: 54px;

    outline: 0;

    padding: 0 8px;

    cursor: pointer;

    text-decoration: none;

}



.btn_base:hover {

    border: 1px solid #00ed4b;

    text-shadow: -1px -1px 2px #46fa6a;

    filter: dropshadow(color=#46fa6a, offx=-1, offy=-1);

}



.btn_submit {

    background-color: #1ac5ff!important;

    border-color: #03A9F4;

    border: 1px solid #1ac5ff;;

    color: white;

}



.data_result {

    text-align: center;

    font-size: 1.2em;

    margin: 10px auto;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: 2px 2px 4px 1px rgba(100, 100, 100, 0.3);

    box-shadow: 2px 2px 4px 1px rgba(100, 100, 100, 0.3);

    border: 1px solid #999;

    padding: 10px;

}



.data_result h3 {

    font-size: 1.3em;

    text-shadow: 2px 2px 4px #adadad;

    filter: dropshadow(color=#adadad, offx=2, offy=2);

    margin-bottom: 5px;

}



.data_result p {

    line-height: 1.5em;

}



.data_result em {

    font-size: 1.5em;

}



.ui-autocomplete-loading {

    background: white url('https://www.horlogeparlante.com/wp-content/plugins/horloge/images/ui-anim_basic_16x16.gif') right center no-repeat;

}



.ui-menu-item a {

    font-size: .9em;

    border-bottom: 1px solid #999;

    font-weight: bold;

}



.ui-menu-item a:hover {

    font-weight: bold !important;

}



.txt_li_country {

    font-weight: normal !important;

    font-style: italic;

    font-size: .7em;

}



.ui-menu-item img {

    vertical-align: middle;

    padding-right: 5px;

}



input[type="number"] {

    width: 5em;

}



.ul-footer {

    margin: 0 auto;

    width: 990px;

    text-align: center;

}



.ctn-histo {

    overflow-y: scroll;

    height: 600px;

}



.histo .tr_year {

    background-color: #dbf6fd;

}



.histo .tr_year th {

    font-weight: bold !important;

}



.histo .dec_tr td {

    padding-left: 30px;

}



#ctn-fullscreen {

    text-align: center;

    margin-top: 8px;

}



.flag18 {

    display: inline-block;

    width: 18px;

    height: 18px;

    -webkit-box-shadow: 2px 2px 2px 1px rgba(200, 200, 200, 0.7);

    box-shadow: 2px 2px 2px 1px rgba(200, 200, 200, 0.7);

    -webkit-border-radius: 2px;

    border-radius: 2px;

    margin-right: 5px;

    vertical-align: middle;

}



.flag-18 {

    background: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/sprites-flag18.png") 0 0 no-repeat;

}



.flag-18-AD {

    background-position: 0 0;

}



.flag-18-AE {

    background-position: -18px 0;

}



.flag-18-AF {

    background-position: -36px 0;

}



.flag-18-AG {

    background-position: -54px 0;

}



.flag-18-AI {

    background-position: -72px 0;

}



.flag-18-AL {

    background-position: -90px 0;

}



.flag-18-AM {

    background-position: -108px 0;

}



.flag-18-AN {

    background-position: -126px 0;

}



.flag-18-AO {

    background-position: -144px 0;

}



.flag-18-AQ {

    background-position: -162px 0;

}



.flag-18-AR {

    background-position: -180px 0;

}



.flag-18-AS {

    background-position: -198px 0;

}



.flag-18-AT {

    background-position: -216px 0;

}



.flag-18-AU {

    background-position: -234px 0;

}



.flag-18-AW {

    background-position: -252px 0;

}



.flag-18-AX {

    background-position: -270px 0;

}



.flag-18-AZ {

    background-position: -288px 0;

}



.flag-18-BA {

    background-position: -306px 0;

}



.flag-18-BB {

    background-position: -324px 0;

}



.flag-18-BD {

    background-position: -342px 0;

}



.flag-18-BE {

    background-position: 0 -18px;

}



.flag-18-BF {

    background-position: -18px -18px;

}



.flag-18-BG {

    background-position: -36px -18px;

}



.flag-18-BH {

    background-position: -54px -18px;

}



.flag-18-BI {

    background-position: -72px -18px;

}



.flag-18-BJ {

    background-position: -90px -18px;

}



.flag-18-BL {

    background-position: -108px -18px;

}



.flag-18-BM {

    background-position: -126px -18px;

}



.flag-18-BN {

    background-position: -144px -18px;

}



.flag-18-BO {

    background-position: -162px -18px;

}



.flag-18-BQ {

    background-position: -180px -18px;

}



.flag-18-BR {

    background-position: -198px -18px;

}



.flag-18-BS {

    background-position: -216px -18px;

}



.flag-18-BT {

    background-position: -234px -18px;

}



.flag-18-BV {

    background-position: -252px -18px;

}



.flag-18-BW {

    background-position: -270px -18px;

}



.flag-18-BY {

    background-position: -288px -18px;

}



.flag-18-BZ {

    background-position: -306px -18px;

}



.flag-18-CA {

    background-position: -324px -18px;

}



.flag-18-CC {

    background-position: -342px -18px;

}



.flag-18-CD {

    background-position: 0 -36px;

}



.flag-18-CF {

    background-position: -18px -36px;

}



.flag-18-CG {

    background-position: -36px -36px;

}



.flag-18-CH {

    background-position: -54px -36px;

}



.flag-18-CI {

    background-position: -72px -36px;

}



.flag-18-CK {

    background-position: -90px -36px;

}



.flag-18-CL {

    background-position: -108px -36px;

}



.flag-18-CM {

    background-position: -126px -36px;

}



.flag-18-CN {

    background-position: -144px -36px;

}



.flag-18-CO {

    background-position: -162px -36px;

}



.flag-18-CR {

    background-position: -180px -36px;

}



.flag-18-CS {

    background-position: -198px -36px;

}



.flag-18-CU {

    background-position: -216px -36px;

}



.flag-18-CV {

    background-position: -234px -36px;

}



.flag-18-CW {

    background-position: -252px -36px;

}



.flag-18-CX {

    background-position: -270px -36px;

}



.flag-18-CY {

    background-position: -288px -36px;

}



.flag-18-CZ {

    background-position: -306px -36px;

}



.flag-18-DE {

    background-position: -324px -36px;

}



.flag-18-DJ {

    background-position: -342px -36px;

}



.flag-18-DK {

    background-position: 0 -54px;

}



.flag-18-DM {

    background-position: -18px -54px;

}



.flag-18-DO {

    background-position: -36px -54px;

}



.flag-18-DZ {

    background-position: -54px -54px;

}



.flag-18-EC {

    background-position: -72px -54px;

}



.flag-18-EE {

    background-position: -90px -54px;

}



.flag-18-EG {

    background-position: -108px -54px;

}



.flag-18-EH {

    background-position: -126px -54px;

}



.flag-18-ER {

    background-position: -144px -54px;

}



.flag-18-ES {

    background-position: -162px -54px;

}



.flag-18-ET {

    background-position: -180px -54px;

}



.flag-18-FI {

    background-position: -198px -54px;

}



.flag-18-FJ {

    background-position: -216px -54px;

}



.flag-18-FK {

    background-position: -234px -54px;

}



.flag-18-FM {

    background-position: -252px -54px;

}



.flag-18-FO {

    background-position: -270px -54px;

}



.flag-18-FR {

    background-position: -288px -54px;

}



.flag-18-GA {

    background-position: -306px -54px;

}



.flag-18-GB {

    background-position: -324px -54px;

}



.flag-18-GD {

    background-position: -342px -54px;

}



.flag-18-GE {

    background-position: 0 -72px;

}



.flag-18-GF {

    background-position: -18px -72px;

}



.flag-18-GG {

    background-position: -36px -72px;

}



.flag-18-GH {

    background-position: -54px -72px;

}



.flag-18-GI {

    background-position: -72px -72px;

}



.flag-18-GL {

    background-position: -90px -72px;

}



.flag-18-GM {

    background-position: -108px -72px;

}



.flag-18-GN {

    background-position: -126px -72px;

}



.flag-18-GP {

    background-position: -144px -72px;

}



.flag-18-GQ {

    background-position: -162px -72px;

}



.flag-18-GR {

    background-position: -180px -72px;

}



.flag-18-GS {

    background-position: -198px -72px;

}



.flag-18-GT {

    background-position: -216px -72px;

}



.flag-18-GU {

    background-position: -234px -72px;

}



.flag-18-GW {

    background-position: -252px -72px;

}



.flag-18-GY {

    background-position: -270px -72px;

}



.flag-18-HK {

    background-position: -288px -72px;

}



.flag-18-HM {

    background-position: -306px -72px;

}



.flag-18-HN {

    background-position: -324px -72px;

}



.flag-18-HR {

    background-position: -342px -72px;

}



.flag-18-HT {

    background-position: 0 -90px;

}



.flag-18-HU {

    background-position: -18px -90px;

}



.flag-18-ID {

    background-position: -36px -90px;

}



.flag-18-IE {

    background-position: -54px -90px;

}



.flag-18-IL {

    background-position: -72px -90px;

}



.flag-18-IM {

    background-position: -90px -90px;

}



.flag-18-IN {

    background-position: -108px -90px;

}



.flag-18-IO {

    background-position: -126px -90px;

}



.flag-18-IQ {

    background-position: -144px -90px;

}



.flag-18-IR {

    background-position: -162px -90px;

}



.flag-18-IS {

    background-position: -180px -90px;

}



.flag-18-IT {

    background-position: -198px -90px;

}



.flag-18-JE {

    background-position: -216px -90px;

}



.flag-18-JM {

    background-position: -234px -90px;

}



.flag-18-JO {

    background-position: -252px -90px;

}



.flag-18-JP {

    background-position: -270px -90px;

}



.flag-18-KE {

    background-position: -288px -90px;

}



.flag-18-KG {

    background-position: -306px -90px;

}



.flag-18-KH {

    background-position: -324px -90px;

}



.flag-18-KI {

    background-position: -342px -90px;

}



.flag-18-KM {

    background-position: 0 -108px;

}



.flag-18-KN {

    background-position: -18px -108px;

}



.flag-18-KP {

    background-position: -36px -108px;

}



.flag-18-KR {

    background-position: -54px -108px;

}



.flag-18-KW {

    background-position: -72px -108px;

}



.flag-18-KY {

    background-position: -90px -108px;

}



.flag-18-KZ {

    background-position: -108px -108px;

}



.flag-18-LA {

    background-position: -126px -108px;

}



.flag-18-LB {

    background-position: -144px -108px;

}



.flag-18-LC {

    background-position: -162px -108px;

}



.flag-18-LI {

    background-position: -180px -108px;

}



.flag-18-LK {

    background-position: -198px -108px;

}



.flag-18-LR {

    background-position: -216px -108px;

}



.flag-18-LS {

    background-position: -234px -108px;

}



.flag-18-LT {

    background-position: -252px -108px;

}



.flag-18-LU {

    background-position: -270px -108px;

}



.flag-18-LV {

    background-position: -288px -108px;

}



.flag-18-LY {

    background-position: -306px -108px;

}



.flag-18-MA {

    background-position: -324px -108px;

}



.flag-18-MC {

    background-position: -342px -108px;

}



.flag-18-MD {

    background-position: 0 -126px;

}



.flag-18-ME {

    background-position: -18px -126px;

}



.flag-18-MF {

    background-position: -36px -126px;

}



.flag-18-MG {

    background-position: -54px -126px;

}



.flag-18-MH {

    background-position: -72px -126px;

}



.flag-18-MK {

    background-position: -90px -126px;

}



.flag-18-ML {

    background-position: -108px -126px;

}



.flag-18-MM {

    background-position: -126px -126px;

}



.flag-18-MN {

    background-position: -144px -126px;

}



.flag-18-MO {

    background-position: -162px -126px;

}



.flag-18-MP {

    background-position: -180px -126px;

}



.flag-18-MQ {

    background-position: -198px -126px;

}



.flag-18-MR {

    background-position: -216px -126px;

}



.flag-18-MS {

    background-position: -234px -126px;

}



.flag-18-MT {

    background-position: -252px -126px;

}



.flag-18-MU {

    background-position: -270px -126px;

}



.flag-18-MV {

    background-position: -288px -126px;

}



.flag-18-MW {

    background-position: -306px -126px;

}



.flag-18-MX {

    background-position: -324px -126px;

}



.flag-18-MY {

    background-position: -342px -126px;

}



.flag-18-MZ {

    background-position: 0 -144px;

}



.flag-18-NA {

    background-position: -18px -144px;

}



.flag-18-NC {

    background-position: -36px -144px;

}



.flag-18-NE {

    background-position: -54px -144px;

}



.flag-18-NF {

    background-position: -72px -144px;

}



.flag-18-NG {

    background-position: -90px -144px;

}



.flag-18-NI {

    background-position: -108px -144px;

}



.flag-18-NL {

    background-position: -126px -144px;

}



.flag-18-NO {

    background-position: -144px -144px;

}



.flag-18-NP {

    background-position: -162px -144px;

}



.flag-18-NR {

    background-position: -180px -144px;

}



.flag-18-NU {

    background-position: -198px -144px;

}



.flag-18-NZ {

    background-position: -216px -144px;

}



.flag-18-OM {

    background-position: -234px -144px;

}



.flag-18-PA {

    background-position: -252px -144px;

}



.flag-18-PE {

    background-position: -270px -144px;

}



.flag-18-PF {

    background-position: -288px -144px;

}



.flag-18-PG {

    background-position: -306px -144px;

}



.flag-18-PH {

    background-position: -324px -144px;

}



.flag-18-PK {

    background-position: -342px -144px;

}



.flag-18-PL {

    background-position: 0 -162px;

}



.flag-18-PM {

    background-position: -18px -162px;

}



.flag-18-PN {

    background-position: -36px -162px;

}



.flag-18-PR {

    background-position: -54px -162px;

}



.flag-18-PS {

    background-position: -72px -162px;

}



.flag-18-PT {

    background-position: -90px -162px;

}



.flag-18-PW {

    background-position: -108px -162px;

}



.flag-18-PY {

    background-position: -126px -162px;

}



.flag-18-QA {

    background-position: -144px -162px;

}



.flag-18-RE {

    background-position: -162px -162px;

}



.flag-18-RO {

    background-position: -180px -162px;

}



.flag-18-RS {

    background-position: -198px -162px;

}



.flag-18-RU {

    background-position: -216px -162px;

}



.flag-18-RW {

    background-position: -234px -162px;

}



.flag-18-SA {

    background-position: -252px -162px;

}



.flag-18-SB {

    background-position: -270px -162px;

}



.flag-18-SC {

    background-position: -288px -162px;

}



.flag-18-SD {

    background-position: -306px -162px;

}



.flag-18-SE {

    background-position: -324px -162px;

}



.flag-18-SG {

    background-position: -342px -162px;

}



.flag-18-SH {

    background-position: 0 -180px;

}



.flag-18-SI {

    background-position: -18px -180px;

}



.flag-18-SJ {

    background-position: -36px -180px;

}



.flag-18-SK {

    background-position: -54px -180px;

}



.flag-18-SL {

    background-position: -72px -180px;

}



.flag-18-SM {

    background-position: -90px -180px;

}



.flag-18-SN {

    background-position: -108px -180px;

}



.flag-18-SO {

    background-position: -126px -180px;

}



.flag-18-SR {

    background-position: -144px -180px;

}



.flag-18-SS {

    background-position: -162px -180px;

}



.flag-18-ST {

    background-position: -180px -180px;

}



.flag-18-SV {

    background-position: -198px -180px;

}



.flag-18-SX {

    background-position: -216px -180px;

}



.flag-18-SY {

    background-position: -234px -180px;

}



.flag-18-SZ {

    background-position: -252px -180px;

}



.flag-18-TC {

    background-position: -270px -180px;

}



.flag-18-TD {

    background-position: -288px -180px;

}



.flag-18-TF {

    background-position: -306px -180px;

}



.flag-18-TG {

    background-position: -324px -180px;

}



.flag-18-TH {

    background-position: -342px -180px;

}



.flag-18-TJ {

    background-position: 0 -198px;

}



.flag-18-TK {

    background-position: -18px -198px;

}



.flag-18-TL {

    background-position: -36px -198px;

}



.flag-18-TM {

    background-position: -54px -198px;

}



.flag-18-TN {

    background-position: -72px -198px;

}



.flag-18-TO {

    background-position: -90px -198px;

}



.flag-18-TR {

    background-position: -108px -198px;

}



.flag-18-TT {

    background-position: -126px -198px;

}



.flag-18-TV {

    background-position: -144px -198px;

}



.flag-18-TW {

    background-position: -162px -198px;

}



.flag-18-TZ {

    background-position: -180px -198px;

}



.flag-18-UA {

    background-position: -198px -198px;

}



.flag-18-UG {

    background-position: -216px -198px;

}



.flag-18-UM {

    background-position: -234px -198px;

}



.flag-18-US {

    background-position: -252px -198px;

}



.flag-18-UY {

    background-position: -270px -198px;

}



.flag-18-UZ {

    background-position: -288px -198px;

}



.flag-18-VA {

    background-position: -306px -198px;

}



.flag-18-VC {

    background-position: -324px -198px;

}



.flag-18-VE {

    background-position: -342px -198px;

}



.flag-18-VG {

    background-position: 0 -216px;

}



.flag-18-VI {

    background-position: -18px -216px;

}



.flag-18-VN {

    background-position: -36px -216px;

}



.flag-18-VU {

    background-position: -54px -216px;

}



.flag-18-WF {

    background-position: -72px -216px;

}



.flag-18-WS {

    background-position: -90px -216px;

}



.flag-18-XK {

    background-position: -108px -216px;

}



.flag-18-YE {

    background-position: -126px -216px;

}



.flag-18-YT {

    background-position: -144px -216px;

}



.flag-18-ZA {

    background-position: -162px -216px;

}



.flag-18-ZM {

    background-position: -180px -216px;

}



.flag-18-ZW {

    background-position: -198px -216px;

}



#weather {

    width: inherit;

}



#weather td {

    width: inherit;

    border: 1px solid #000;

    border: 0;

}



.weather-current-icon {

    width: 60px;

    height: 60px;

}



.weather-prev-icon {

    width: 35px;

    height: 35px;

    border: 0;

    margin-right: 3px;

    margin: 0 12px;

    vertical-align: top;

}



.header-info header {

    padding: 10px;

}



.header-info h2 {

    font-size: 2em;

    font-weight: bold;

    color: #32399d;

    line-height: 1.3em;

}





.btn-sound-play {

    background-color: #fff;

    color: #2F57A8;

    font-weight: bold;

    text-align: center;

    font-size: 1.25em;

    width: 153px;

    height: 29px;

    text-shadow: 2px 2px 2px rgba(100, 100, 100, 0.07);

    border: 1px solid #000;

    box-shadow: 4px 4px 4px rgba(100, 100, 100, 0.5);

    border-radius: 4px;

}



.btn-sound {

    background-color: #fff;

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/btn-sound-on.png");

    background-repeat: no-repeat;

    background-position: center;

    width: 29px;

    height: 27px;

    border: 1px solid #000;

    box-shadow: 4px 4px 4px rgba(100, 100, 100, 0.5);

    border-radius: 4px;

    padding: 7px;



}



.btn-sound-on {

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/btn-sound-on.png");

}



.btn-sound-off {

    background-image: url("https://www.horlogeparlante.com/wp-content/plugins/horloge/images/btn-sound-off.png");

}



.btn-sound-play:hover,

.btn-sound:hover {

    cursor: pointer;

    background-color: #F7F3CC;

}





.list-group {

    color: rgb(51, 51, 51);

    display: block;

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    font-size: 12px;

    font-weight: normal;

    margin-bottom: 0px;

    max-width: 400px;

    padding-left: 0px;

}



.list-group-item {

    position: relative;

    display: block;

    padding: 5px 4px;

    margin-bottom: -1px;

    background-color: #fff;

    border: 1px solid #ddd;

}



.list-group-item:first-child {

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

}



.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {

    z-index: 2;

    color: #fff;

    background-color: #337ab7;

    border-color: #337ab7;

}



a.list-group-item {

    color: #337ab7;

    text-decoration: none;

}



a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {

    color: #555;

    text-decoration: none;

    background-color: #f5f5f5;

}



.list-group-short .text-short {

    width: 100%;

    overflow: hidden;

    clear: left;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.list-news.list-group {

    width: 100%;

    max-width: 100%;

    font-size: 1.5em;

    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;

    color: #333;

}



.list-news-header {

    font-style: italic;

    font-weight: bold;

    border: 1px solid #999;

    background-color: #EBEBEB;

    padding: 5px;

}



.list-news .list-group-item {

    box-shadow: 2px 2px 2px #ADADAD;

    margin-bottom: 10px;

}



.list-news .text-article {

    padding: 5px;

}



.list-news .text-article {

    line-height: 1.4em;

}



.trombino {

    border-radius: 100%;

    background-color: #A3D8F3;

    box-shadow: 2px 2px 2px #ADADAD;

    width: 50px;

    height: 50px;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    margin-right: 10px;

}



.trombino img {

    width: 100%;

    height: 100%;

    border-radius: 100%;

}



.wi-big {

    font-size: 7em;

    float: left;

}



.wi-prev {

    font-size: 3em;

}



.temp-min {

    color: #0C7CBE;

}



.temp-max {

    color: #E33434;

}



.wi-prev {

    line-height: 1.3em !important;

}



.wi-wind {

    vertical-align: middle;



}



.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-1 {

    width: 8.33333333%;

}



.col-md-2 {

    width: 16.66666667%;

}



.col-md-3 {

    width: 25%;

}



.col-md-4 {

    width: 33.33333333%;

}



.col-md-5 {

    width: 41.66666667%;

}



.col-md-6 {

    width: 50%;

}



.col-md-7 {

    width: 58.33333333%;

}



.col-md-8 {

    width: 66.66666667%;

}



.col-md-9 {

    width: 75%;

}



.col-md-10 {

    width: 83.33333333%;

}



.col-md-11 {

    width: 91.66666667%;

}



.col-md-12 {

    width: 100%;

}



.col-md-offset-2 {

    margin-left: 16.66666667%;

}



.text-center {

    text-align: center;

}



.ui-autocomplete {

    border: 1px solid #555 !important;

    background-color: #fff !important;

    box-shadow: -4px 2px 8px #555 !important;

    width: 27em !important;

    line-height: 1.3em !important;

}



.ui-autocomplete .ui-menu-item:hover {

    background-color: #cde8f9 !important;

}



.clearfix{

    display: block;

    content: "";

    clear: both;

}



/*   ----Logo home----   */

.home_button{

    color: #1AC2FE  !important; 

}


.home_button a {

    color: white !important;

}


/*  ---- Distance entre 2 villes  ----  */

.result_un{
    border: solid 1px #989da2;
    border-radius: 9px;
    box-shadow: 1px 1px 7px rgb(0 0 0 / 25%);
    padding: 10px;
}





.no-upper{
    text-transform: initial;
}

.annotation{
    cursor: help;
    text-decoration: underline dashed 1px;
}