/*clear|position|left|top|display|width|height|font|text|color|vertical|margin|padding|border|background|list|float|cursor|visibility|z-index*/

html, body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, ul, li, form {font:inherit; font-size:100%; vertical-align:baseline; margin:0; padding:0; border:0}
.reset-table {font:inherit; font-size:100%; vertical-align:baseline; margin:0; padding:0; border:0; border-collapse:collapse !important; border-spacing:0 !important}
.reset-table th, .reset-table td {padding:0}
.reset-table th {line-height:26px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; background-color:#008}
.reset-table th a {color:#FFF}
.reset-table th a:hover, .reset-table th a:focus {color:#F00}

body {font-family:arial,verdana,sans-serif; font-size:12px; color:#000; background:url(/img/communes/bg_site.jpg) left top repeat-x #7A8FAB; box-sizing:border-box; overflow-y:scroll}
body.ow {background:url(/img/communes/notepad2.gif) left top repeat-y #FFF}

* {box-sizing:inherit}

a {text-decoration:none; color:#00F}
a:hover, a:focus {text-decoration:underline}
a:active {color:#008}
a img {border:0}
em {font-style:italic}
input, select {vertical-align:middle}
strong {font-weight:bold}
ul {list-style:none}

a.bouton_large, a.bouton_base, a.bouton_mini {display:block; font-weight:bold; color:#008; border-radius:3px; background-color:#C8DEF4}
a.bouton_large {line-height:25px; font-size:13px; text-align:center; text-transform:uppercase; margin-top:10px}
a.bouton_large.prev:before, a.bouton_mini.prev:before {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; content:"\f100"; margin-right:5px}
a.bouton_large.next:after, a.bouton_mini.next:after {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; content:"\f101"; margin-left:5px}
a.bouton_large.bottom:after, a.bouton_mini.bottom:after {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; content:"\f103"; margin-left:5px}
a.bouton_large:active, a.bouton_base:active, a.bouton_mini:active {color:#930; background-color:#F4DEC8}
a.bouton_base {line-height:25px; font-size:13px; text-transform:uppercase; padding:0 15px}
a.bouton_base.prev:before {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; content:"\f100"; margin-right:5px}
a.bouton_base.next:after {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; content:"\f101"; margin-left:5px}
a.bouton_mini {line-height:16px; margin-left:30px; padding:0 5px; border:1px solid #999; float:right}
a.bouton_mini:after {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; content:"\f101"; margin-left:5px}

input[type="submit"] {cursor:pointer}

table.reset {width:95%; font:inherit; font-size:100%; text-align:center; vertical-align:baseline; margin:0 auto; padding:0; border:0; border-collapse:collapse !important; border-spacing:0 !important}
table.reset th, table.reset td {padding:0}
table.reset th.left, table.reset td.left {padding-left:5px}
table.reset td a {color:#00F}
table.reset td a:hover, table.reset td a:focus {text-decoration:underline}
table.reset td a:active {color:#008}

table.alternance thead tr {line-height:28px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; background-color:#008}
table.alternance tbody tr {line-height:24px; background-color:#FFF}
table.alternance tbody tr td {padding:0 5px}
table.alternance tbody tr td:first-child {font-weight:bold; background-color:#FF0}
table.alternance tbody tr:nth-child(2n) {background-color:#DDD}
table.alternance tbody tr:nth-child(2n) td:first-child {background-color:#DD0}
table.alternance tbody tr:hover, table.alternance tbody tr:focus-within {background-color:#BBB}
table.alternance tbody tr:hover td:first-child, table.alternance tbody tr:focus-within td:first-child {background-color:#BB0}

table.alternance2 thead tr {line-height:28px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; background-color:#008}
table.alternance2 tbody tr {line-height:24px; background-color:#FFF}
table.alternance2 tbody tr td {padding:0 5px}
table.alternance2 tbody tr:nth-child(2n) {background-color:#DDD}
table.alternance2 tbody tr:hover, table.alternance2 tbody tr:focus-within {background-color:#BBB}

table.filet {border-bottom:3px solid #008}

#ss-nav ul {display:flex}
#ss-nav ul li.prev, #ss-nav ul li.next {flex:0 0 35px !important}
#ss-nav.item3 ul li {flex:1 1 calc(100% / 3) !important}
#ss-nav.item4 ul li {flex:1 1 calc(100% / 4) !important}
#ss-nav.item5 ul li {flex:1 1 calc(100% / 5) !important}
#ss-nav.item6 ul li {flex:1 1 calc(100% / 6) !important}

.bold {font-weight:bold}
.capitalize:first-letter {text-transform:capitalize}
.center {text-align:center}
.clear-both {clear:both; height:0}
.clear-both-15 {clear:both; height:15px}
.clear-both-30 {clear:both; height:30px}
.float-left {float:left}
.float-right {float:right}
.hidden {visibility:hidden}
.justify {text-align:justify}
.left {text-align:left}
.italic {font-style:italic}
.normal {font-weight:normal}
.nowrap {white-space:nowrap}
.quote, .interview {font-style:italic; color:#800}
.right {text-align:right}
.underline {text-decoration:underline}
.uppercase {text-transform:uppercase}

.bd-color1 {border:1px solid #000}

.bg-color1 {background-color:#008}
.bg-color2 {background-color:#800}
.bg-ligne1 {background-color:#FFF}
.bg-ligne1 .bg-cellule {font-weight:bold; background-color:#FF0}
.bg-ligne2 {background-color:#DDD}
.bg-ligne2 .bg-cellule {font-weight:bold; background-color:#DD0}

.bg-cellule1 {background-color:#FF0}
.bg-cellule2 {background-color:#DD0}

.txt-t1 {font-size:28px; font-weight:bold}
.txt-t2 {font-size:22px; font-weight:bold}
.txt-t3 {font-size:20px; font-weight:bold}
.txt-t4 {font-size:16px; font-weight:bold}
.txt-big {font-size:14px}
.txt-normal {font-size:12px}
.txt-small {font-size:11px}

.chevrons:before {content:">> "; font-weight:bold; color:#F00}

.mt-5 {margin-top:5px}

.opacite-50 {opacity:.5}

.source {font-weight:bold; font-style:italic; text-align:right}
.source span {color:#008}

.taille-txt {width:127px; font-weight:bold; font-size:14px; text-align:center; color:#000; margin-left:15px; float:right}
.taille-txt div {width:39px; background-color:#DDD; float:left; cursor:pointer}
.taille-txt div:nth-child(2) {margin:0 5px}
.taille-txt div:hover {background-color:#BBB}
.taille-txt div sup {font-size:14px; vertical-align:top}


#page {position:relative; max-width:1320px; margin:0 auto; background-color:#E8E8E8}

#page #header .haut {height:31px; line-height:30px; color:#FFF; padding-left:20px; border-bottom:1px solid #FFF; background-color:#000}
#page #header .haut .float-right a {display:block; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#FFF; padding:0 20px; border-left:1px solid #FFF; float:left}
#page #header .haut .float-right a:first-child {border-left:0}
#page #header .haut .float-right a.rss:hover, #page #header .haut .float-right a.rss:focus {background-color:#FA7800}
#page #header .haut .float-right a.forum:hover, #page #header .haut .float-right a.forum:focus {background-color:#001F8C}
#page #header .haut .float-right a.facebook:hover, #page #header .haut .float-right a.facebook:focus {background-color:#3A5A9A}
#page #header .haut .float-right a.twitter:hover, #page #header .haut .float-right a.twitter:focus {background-color:#5EA9DD}
#page #header .haut .float-right a.youtube:hover, #page #header .haut .float-right a.youtube:focus {background-color:#E42E28}
#page #header .haut .float-right a.recherche:hover, #page #header .haut .float-right a.recherche:focus {background-color:#828383}
#page #header .centre {height:102px; border-bottom:2px solid #07F; background:url(/img/communes/bg_titre_xl.jpg) center top repeat-x #05A}
#page #header .centre .titre {width:50%; text-align:center; padding:20px 0; float:left}
#page #header .centre .banniere {width:50%; text-align:center; padding:19px 0; float:right}
#page #header .centre .banniere img {border:1px solid #000}
#page #header #nav #niveau1 {font-size:14px; height:34px; font-weight:bold; background:url(/img/communes/px_noir.gif) left bottom repeat-x #05A}
#page #header #nav #niveau1 ul li {float:left}
#page #header #nav #niveau1 ul li a {display:block; height:34px; line-height:34px; text-shadow:2px 2px 1px #222; color:#FFF; padding:0 25px}
#page #header #nav #niveau1 ul li a:hover, #page #header #nav #niveau1 ul li a:focus {height:33px; text-decoration:none; background-color:#07F}
#page #header #nav #niveau1 ul li a.actif {display:block; height:34px; line-height:33px; text-shadow:2px 2px 1px #000; color:#FFF; padding:0 24px; border:1px solid #000; border-bottom:0; background-color:#222}
#page #header #nav #niveau2 {font-size:12px; height:28px; font-weight:bold; padding:0 5px; background:url(/img/communes/px_noir.gif) left bottom repeat-x #222}
#page #header #nav #niveau2 ul li {float:left}
#page #header #nav #niveau2 ul li span {display:block; height:27px; line-height:27px; text-shadow:2px 2px 1px #000; color:#FFF; padding:0 15px}
#page #header #nav #niveau2 ul li:first-child span {color:#FFF}
#page #header #nav #niveau2 ul li a {display:block; height:27px; line-height:27px; text-shadow:2px 2px 1px #000; color:#AAA; padding:0 15px; border-left:1px solid #222}
#page #header #nav #niveau2 ul li a:hover, #page #header #nav #niveau2 ul li a:focus {text-decoration:none; color:#FFF; background-color:#900}
#page #header #nav #niveau2 ul li a.actif {color:#FFF}
#page #header #nav #niveau2 ul li.suite a .fa-icon {display:inline-block; padding-left:5px}
#page #header #nav #niveau2 #niveau3 {position:absolute; font-size:12px; font-weight:normal; color:#FFF; box-shadow:3px 3px 2px #000; border:1px solid #000; border-top:0; background-color:#900; visibility:hidden; z-index:99}
#page #header #nav #niveau2 #niveau3 div {padding:10px 15px; border-left:1px solid #600; float:left}
#page #header #nav #niveau2 #niveau3 div:first-child {border-left:none}
#page #header #nav #niveau2 #niveau3 div span {display:inline; height:14px; line-height:14px; text-shadow:none; color:#AAA; padding:0}
#page #header #nav #niveau2 #niveau3 div a {display:inline; height:14px; line-height:14px; text-shadow:none; color:#FFF; padding:0; border-left:none}
#page #header #nav #niveau2 #niveau3 div a:hover, #page #header #nav #niveau2 #niveau3 div a:focus {text-decoration:underline}
#page #header #nav #niveau2 #niveau3.archives div a {display:inline; height:14px; line-height:7px; text-shadow:none; color:#FFF; padding:0}
#page #header #nav #niveau2-vide {height:4px; border-bottom:1px solid #000; background-color:#222}

/* déplacement temporaire du niveau2 du header directement dans le contenu de la page */
#page #contenu #nav #niveau2 {font-size:12px; height:29px; font-weight:bold; margin:-5px 0 5px; padding:0 5px; background:url(/img/communes/px_noir.gif) left bottom repeat-x #222}
#page #contenu #nav #niveau2 ul li {float:left}
#page #contenu #nav #niveau2 ul li span {display:block; height:29px; line-height:29px; text-shadow:2px 2px 1px #000; color:#FFF; padding:0 15px}
#page #contenu #nav #niveau2 ul li:first-child span {color:#FFF}
#page #contenu #nav #niveau2 ul li a {display:block; height:29px; line-height:29px; text-shadow:2px 2px 1px #000; color:#AAA; padding:0 15px; border-left:1px solid #222}
#page #contenu #nav #niveau2 ul li a:hover, #page #contenu #nav #niveau2 ul li a:focus {text-decoration:none; color:#FFF; background-color:#900}
#page #contenu #nav #niveau2 ul li a.actif {color:#FFF}
#page #contenu #nav #niveau2 ul li.suite a .fa-icon {display:inline-block; padding-left:5px}
#page #contenu #nav #niveau2 #niveau3 {position:absolute; font-size:12px; font-weight:normal; color:#FFF; box-shadow:3px 3px 2px #000; border:1px solid #000; border-top:0; background-color:#900; visibility:hidden; z-index:99}
#page #contenu #nav #niveau2 #niveau3 div {padding:10px 15px; border-right:1px solid #600; float:left}
#page #contenu #nav #niveau2 #niveau3 div:last-child {border-right:none}
#page #contenu #nav #niveau2 #niveau3 div span {display:inline; height:14px; line-height:14px; text-shadow:none; color:#AAA; padding:0}
#page #contenu #nav #niveau2 #niveau3 div a {display:inline; height:14px; line-height:14px; text-shadow:none; color:#FFF; padding:0; border-left:none}
#page #contenu #nav #niveau2 #niveau3 div a:hover, #page #contenu #nav #niveau2 #niveau3 div a:focus {text-decoration:underline}
#page #contenu #nav #niveau2 #niveau3.archives div a {display:inline; height:14px; line-height:7px; text-shadow:none; color:#FFF; padding:0}

#page table.contenu {width:100%; border-collapse:collapse}
#page td.colonne-g {width:100%; padding:0 20px; vertical-align:top}
#page td.colonne-d {padding:0 2px; vertical-align:top; border-left:1px solid #000}

#page #section {width:100%; padding:5px 0 20px}
#page #section #fil-ariane {font-family:verdana; font-size:11px; font-weight:bold; color:#444; margin-bottom:30px}
#page #section #fil-ariane span {font-weight:normal}
#page #section #fil-ariane a {font-weight:normal; color:#666}
#page #section #fil-ariane a:active {color:#000}
#page #section h1 {font-size:28px; font-weight:bold; text-align:center; text-transform:uppercase; margin-bottom:30px}
#page #section h1 + #decompte {font-family:verdana; text-align:center; color:#444; margin:-30px 0 15px}
#page #section #ss-nav.double {height:47px}
#page #section #ss-nav ul li {flex:auto; padding-bottom:6px; border-top:1px solid #000; background:url(/img/communes/px_noir.gif) left 24px repeat-x}
#page #section #ss-nav.double ul li {background-position:left 40px}
#page #section #ss-nav ul li.prev span, #page #section #ss-nav ul li.next span {background-color:#FFF !important; cursor:default !important}
#page #section #ss-nav ul li.actif {background:url(/img/communes/bg_fleche_ssnav.png) center bottom no-repeat}
#page #section #ss-nav ul li span, #page #section #ss-nav ul li a {display:block; height:24px; line-height:16px; font-weight:bold; text-align:center; text-shadow:2px 2px 1px #DDD; color:#222; padding:4px 0; border-left:1px solid #444; background-color:#FFF}
#page #section #ss-nav ul li:first-child span, #page #section #ss-nav ul li:first-child a {border-left:0 !important}
#page #section #ss-nav.double ul li.prev a, #page #section #ss-nav.double ul li.next a {line-height:32px}
#page #section #ss-nav.double ul li span, #page #section #ss-nav.double ul li a {height:32px}
#page #section #ss-nav ul li span:hover, #page #section #ss-nav ul li span:focus, 
#page #section #ss-nav ul li a:hover, #page #section #ss-nav ul li a:focus {text-decoration:none; text-shadow:2px 2px 1px #222; color:#FFF; background-color:#888; cursor:pointer}
#page #section #ss-nav ul li.actif span, #page #section #ss-nav ul li.actif a {text-shadow:2px 2px 1px #222; color:#FFF; background-color:#444; cursor:pointer}
#page #section #ss-nav ul li.inactif span {display:block; height:24px; line-height:16px; font-weight:bold; text-align:center; text-shadow:2px 2px 1px #DDD; color:#444; padding:4px 0; border-left:1px solid #888; background-color:#FFF; cursor:no-drop}
#page #section #ss-nav + .bloc {margin-top:0}
#page #section .bloc {margin-top:20px; background-color:#FFF; box-shadow:0 6px 0 -3px rgba(0, 0, 0, 0.15); overflow:hidden}
#page #section .bloc:first-child {margin-top:0}
#page #section .bloc .titre {height:39px; padding-left:53px; border-top:2px solid #000; border-bottom:2px solid #000; background:url(/img/communes/drapeau.png) left center no-repeat #FD0}
#page #section .bloc .titre.new {background-image:url(/img/communes/new.png)}
#page #section .bloc .titre h2 {line-height:35px; font-size:20px; font-weight:bold; float:left}
#page #section .bloc .titre strong {display:block; margin:13px 0 0 6px; float:left}
#page #section .bloc .titre>span, #page #section .bloc .titre>a {display:block; width:175px; line-height:15px; font-size:11px; text-align:center; margin-top:3px; float:right}
#page #section .bloc .contenu {padding:3px}
#page #section .bloc .contenu:after {display:table; content:""; clear:both}
#page #section .bloc .contenu .intro {font-size:13px; font-weight:bold}
#page #section .bandeau, #page #section .bloc .contenu .bandeau {line-height:25px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; background-color:#008}
#page #section .bloc .contenu .brv .ttl {font-size:14px; color:#008; padding:5px 35px 5px 10px; border:1px solid #008; background:url(/img/communes/fleche_breve_down.png) 99% center no-repeat #CDE6FF}
#page #section .bloc .contenu .brv .ttl:hover, #page #section .bloc .contenu .brv .ttl:focus {text-decoration:underline; cursor:pointer}
#page #section .bloc .contenu .brv .ttl span {display:inline-block; line-height:13px; font-size:12px; font-weight:bold; color:#FFF; border:1px solid #000; border-radius:5px; margin-right:10px; padding:2px 4px; background-color:#008}
#page #section .bloc .contenu .brv .txt {line-height:16px; padding:5px; border:1px solid #008; border-top:0}
#page #section .bloc .contenu .brv.superieure .ttl {text-transform:uppercase}
#page #section .bloc .contenu .brv.haute .ttl {text-transform:uppercase; color:#800; border:1px solid #800; background-color:#FFCDCD}
#page #section .bloc .contenu .brv.haute .ttl span {background-color:#800}
#page #section .bloc .contenu .brv.haute .txt {border:1px solid #800; border-top:0}
#page #section .bloc .contenu .complement {line-height:18px; text-align:center; color:#444; margin-top:3px}
#page #section .rebond {font-family:verdana; font-size:13px; text-align:center; margin-top:20px}
#page #section .pub728 {text-align:center; margin-top:30px; padding:5px 0; border:1px solid #000; background-color:#CCC}
#page #section #retour-haut-page {font-family:verdana; text-align:right; margin-top:20px}
#page #section #retour-haut-page a {color:#000}
#page #section #retour-haut-page a::after {position:relative; top:1px; display:inline-block; font-family:'Font Awesome 6 Free'; font-size:14px; font-weight:900; content:"\e09a"; margin-left:6px}

#page #section.hp {padding:20px 0}
#page #section.hp .bloc.alaune {background-color:transparent; box-shadow:none}
#page #section.hp .bloc.alaune .contenu {padding:0 0 3px}
#page #section.hp .bloc.alaune .contenu .gauche {width:59%; float:left}
#page #section.hp .bloc.alaune .contenu .gauche a {position:relative; display:block; width:100%; height:404px; background-color:#000; box-shadow:0 6px 0 -3px rgba(0, 0, 0, 0.15); float:left}
#page #section.hp .bloc.alaune .contenu .gauche a .bg .ttl {line-height:32px; font-size:28px; color:#FFF; padding:5px 10px}
#page #section.hp .bloc.alaune .contenu .gauche a .bg .acc {line-height:18px; font-size:14px; color:#FFF; padding:5px 10px}
#page #section.hp .bloc.alaune .contenu .droit {width:39%; float:right}
#page #section.hp .bloc.alaune .contenu .droit a {position:relative; display:block; width:100%; height:192px; margin-top:20px; background-color:#000; box-shadow:0 6px 0 -3px rgba(0, 0, 0, 0.15)}
#page #section.hp .bloc.alaune .contenu .droit a:first-child {margin-top:0}
#page #section.hp .bloc.alaune .contenu .droit a .bg .ttl {line-height:20px; font-size:16px; color:#FFF; padding:5px 10px}
#page #section.hp .bloc.alaune .contenu a img {width:100%; height:100%; object-fit:cover; object-position:50% 50%}
#page #section.hp .bloc.alaune .contenu a .bg {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.75); z-index:10}
#page #section.hp .bloc.alaune .contenu a:hover .bg .ttl, #page #section.hp .bloc.alaune .contenu a:focus .bg .ttl {text-decoration:underline}
#page #section.liste .bloc.articles .contenu ul {height:500px; border-top:1px solid #e2e9ec; border-bottom:1px solid #e2e9ec; overflow:auto}
#page #section.liste .bloc.articles .contenu ul li {border-top:1px solid #E2E9EC}
#page #section.liste .bloc.articles .contenu ul li.date {line-height:25px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; border:0; background-color:#008}
#page #section.liste .bloc.articles .contenu ul li.date + li {border-top-color:transparent}
#page #section.liste .bloc.articles .contenu ul li a {display:flex; padding:3px 3px 3px 0}
#page #section.liste .bloc.articles .contenu ul li a .flag {flex:none; width:6px}
#page #section.liste .bloc.articles .contenu ul li.fam a .flag {background-color:#000}
#page #section.liste .bloc.articles .contenu ul li.mts a .flag {background-color:#FD0}
#page #section.liste .bloc.articles .contenu ul li.nga a .flag {background-color:#F54E00}
#page #section.liste .bloc.articles .contenu ul li.spa a .flag {background-color:#BDC3C7}
#page #section.liste .bloc.articles .contenu ul li a .time {flex:none; width:53px; font-weight:bold; color:#000; white-space:nowrap; padding:0 5px}
#page #section.liste .bloc.articles .contenu ul li a .article em {font-size:11px; color:#000; white-space:nowrap}
#page #section.liste .bloc.articles .contenu ul li a:hover, #page #section.liste .bloc.articles .contenu ul li a:focus {text-decoration:none; background-color:#F3F8FB}
#page #section.liste .bloc.articles .contenu ul li a:hover .article span, #page #section.liste .bloc.articles .contenu ul li a:focus .article span {text-decoration:underline}
#page #section.hp .bloc .in-video {display:block; width:48%}
#page #section.hp .bloc .in-video .img-yt {position:relative}
#page #section.hp .bloc .in-video .img-yt img {width:100%; border:1px solid #000}
#page #section.hp .bloc .in-video .img-yt .btn-play {position:absolute; left:calc(50% - 31.5px); top:calc(50% - 22px); width:63px; height:44px; background-image:url(/commun/img/btn-play.png)}
#page #section.hp .bloc .in-video .time, #page #section.hp .bloc .in-video .video {display:inline}
#page #section.hp .bloc .in-video .time {font-weight:bold; color:#000; white-space:nowrap; padding-right:2px}
#page #section.hp .bloc .in-video em {font-size:11px; color:#000; white-space:nowrap}
#page #section.hp .bloc .in-video:hover, #page #section.hp .bloc .in-video:focus {text-decoration:none}
#page #section.hp .bloc .in-video:hover .btn-play, #page #section.hp .bloc .in-video:focus .btn-play {background-position:0 -44px}
#page #section.hp .bloc .in-video:hover .video span, #page #section.hp .bloc .in-video:focus .video span {text-decoration:underline}

#page #section.saisons .bloc .contenu {display:flex; flex-wrap:wrap; justify-content:space-between; padding:3px 3%; background-color:#FFF}
#page #section.saisons .bloc .contenu .saison {flex:1 1 48%; margin-bottom:20px}
#page #section.saisons .bloc .contenu .saison:nth-child(odd) {margin-right:4%}
#page #section.saisons .bloc .contenu .saison .bandeau {line-height:25px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; background-color:#008}
#page #section.saisons .bloc .contenu .saison.en-cours .bandeau {background-color:#800}
#page #section.saisons .bloc .contenu .saison.en-cours .bandeau .fa-icon {top:-1px; font-size:10px; margin:0 2px}
#page #section.saisons .bloc .contenu .saison .rubrique {position:relative; height:44px; padding-left:120px}
#page #section.saisons .bloc .contenu .saison .rubrique .photo {position:absolute; left:0; top:0; width:120px; height:44px}
#page #section.saisons .bloc .contenu .saison .rubrique .photo img {width:100%; height:100%}
#page #section.saisons .bloc .contenu .saison .rubrique a {display:block; width:50%; line-height:22px; text-align:center; float:left}
#page #section.saisons .bloc .contenu .saison .rubrique a:hover, #page #section.saisons .bloc .contenu .saison .rubrique a:focus {background-color:#DDD}
#page #section.saisons .bloc .contenu .annee {width:100%; height:125px; padding-left:120px; background:url(/img/communes/archive_rindt.jpg) left top no-repeat}
#page #section.saisons .bloc .contenu .annee a {display:block; width:10%; line-height:25px; text-align:center; float:left}
#page #section.saisons .bloc .contenu .annee a:hover, #page #section.saisons .bloc .contenu .annee a:focus {background-color:#DDD}

#page #section.ecuries .alternance thead tr th:nth-child(1) {width:35px}
#page #section.ecuries .alternance thead tr th:nth-child(2) {width:calc((100% / 3) - 35px); border-right:3px solid #FFF}
#page #section.ecuries .alternance thead tr th:nth-child(3) {width:calc(100% / 3)}
#page #section.ecuries .alternance thead tr th:nth-child(4) {width:calc(100% / 3); border-left:3px solid #FFF}
#page #section.ecuries .alternance tbody tr {line-height:22px}
#page #section.ecuries .alternance tbody tr td:nth-child(2) {text-align:left; border-right:3px solid #008}
#page #section.ecuries .alternance tbody tr td:nth-child(4) {border-left:3px solid #008}
#page #section.ecuries .bloc .contenu h3 {width:95%; line-height:20px; font-size:18px; font-weight:bold; color:#800; margin:30px auto 5px; padding-left:22px; background:url(/img/communes/picto_changement.png) left center no-repeat}
#page #section.ecuries .alternance2 thead th:nth-child(1) {width:10%}
#page #section.ecuries .alternance2 thead th:nth-child(2) {width:18%; border-right:3px solid #FFF}
#page #section.ecuries .alternance2 thead th:nth-child(3) {width:72%}
#page #section.ecuries .alternance2 tbody td:nth-child(2) {white-space:nowrap; border-right:3px solid #008}
#page #section.ecuries .alternance2 tbody td:nth-child(3) {text-align:left}

#page #section.courses thead tr th:nth-child(1) {width:35px}
#page #section.courses thead tr th:nth-child(2) {width:14%}
#page #section.courses thead tr th:nth-child(3) {width:24%; border-left:3px solid #FFF}
#page #section.courses thead tr th:nth-child(5) {width:24%; border-right:3px solid #FFF}
#page #section.courses thead tr th:nth-child(6) {width:30%}
#page #section.courses tbody tr td:nth-child(3) {border-left:3px solid #008}
#page #section.courses tbody tr td:nth-child(5) {border-right:3px solid #008}

#page #section.classements thead th:nth-child(1) {border-right:3px solid #FFF}
#page #section.classements thead th img {max-width:100%; height:18px}
#page #section.classements thead th:nth-last-child(1) {border-left:3px solid #FFF}
#page #section.classements tbody td:nth-child(1) {width:35px; font-size:12px}
#page #section.classements tbody td:nth-child(2) {font-size:12px; text-align:left; white-space:nowrap; padding:0 5px; border-right:3px solid #008}
#page #section.classements tbody tr:nth-child(1) td:nth-child(2) {font-weight:bold}
#page #section.classements tbody td:nth-last-child(1) {width:63px; font-size:12px; border-left:3px solid #008}
#page #section.classements tbody tr:nth-child(1) td:nth-last-child(1) {font-weight:bold}

#page #section.bilan .bloc .contenu .colonne {width:48%; border:1px solid #000}
#page #section.bilan .bloc .contenu .colonne .entete {line-height:36px; font-size:18px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; border-bottom:1px solid #000; background-color:#222}
#page #section.bilan .bloc .contenu .colonne .plus {padding:10px 5px 5px; background-color:#BDF}
#page #section.bilan .bloc .contenu .colonne .moins {padding:10px 5px 5px; background-color:#FDB}
#page #section.bilan .bloc .contenu .colonne .liste {line-height:28px; font-size:16px; font-weight:bold; margin-bottom:5px}
#page #section.bilan .bloc .contenu .colonne .plus .liste {color:#008}
#page #section.bilan .bloc .contenu .colonne .moins .liste {color:#800}
#page #section.bilan .bloc .contenu .colonne .liste span {display:block; font-size:14px; text-transform:uppercase; color:#FFF; margin-right:10px; padding:0 15px; float:left}
#page #section.bilan .bloc .contenu .colonne .plus .liste span {background-color:#008}
#page #section.bilan .bloc .contenu .colonne .moins .liste span {background-color:#800}
#page #section.bilan .bloc .contenu .colonne img {width:202px; height:135px; margin:5px 5px 0 0; border:1px solid #000; float:left}
#page #section.bilan .bloc .contenu .colonne p {min-height:140px; line-height:16px; text-align:justify}
#page #section.bilan .bloc .contenu .colonne hr {display:block; width:95%; height:1px; margin:15px auto; padding:0; border:0; border-top:1px solid #222}

#page #section.permis #recap tr {border-top:1px solid #008}
#page #section.permis #recap tr:first-child {border-top:none}
#page #section.permis #recap th.niveau {width:35px}
#page #section.permis #recap th.point {width:calc(15% - 41px); border-left:3px solid #FFF; border-right:3px solid #FFF}
#page #section.permis #recap th.pilote {width:85%}
#page #section.permis #recap td.niveau-0 {background-color:#00FF00}
#page #section.permis #recap td.niveau-1 {background-color:#2AFF00}
#page #section.permis #recap td.niveau-2 {background-color:#54FF00}
#page #section.permis #recap td.niveau-3 {background-color:#7EFF00}
#page #section.permis #recap td.niveau-4 {background-color:#A8FF00}
#page #section.permis #recap td.niveau-5 {background-color:#D2FF00}
#page #section.permis #recap td.niveau-6 {background-color:#FFFF00}
#page #section.permis #recap td.niveau-7 {background-color:#FFD200}
#page #section.permis #recap td.niveau-8 {background-color:#FFA800}
#page #section.permis #recap td.niveau-9 {background-color:#FF7E00}
#page #section.permis #recap td.niveau-10 {background-color:#FF5400}
#page #section.permis #recap td.niveau-11 {background-color:#FF2A00}
#page #section.permis #recap td.niveau-12 {background-color:#FF0000}
#page #section.permis #recap td.point {font-weight:bold; border-left:3px solid #008; border-right:3px solid #008}
#page #section.permis #recap td.pilote p {width:25%; text-align:left; white-space:nowrap; float:left}
#page #section.permis h3 {width:95%; font-size:18px; font-weight:bold; color:#800; margin:20px auto 5px; padding-left:22px; background:url(/img/communes/picto_police.png) left center no-repeat}
#page #section.permis #histo table {width:100%}
#page #section.permis #histo tr {border-top:1px solid #008}
#page #section.permis #histo tr:first-child {border-top:none}
#page #section.permis #histo th.gp {width:15%}
#page #section.permis #histo th table th.date {width:calc(10% - 6px); border-left:3px solid #FFF; border-right:3px solid #FFF}
#page #section.permis #histo th table th.sanction {width:90%}
#page #section.permis #histo td.gp {width:15%; text-transform:uppercase}
#page #section.permis #histo td.gp + td {padding:0}
#page #section.permis #histo td table:nth-child(n+2) {border-top:1px dotted #888}
#page #section.permis #histo td table tr {border-top:none; background-color:transparent}
#page #section.permis #histo td table td.date {width:calc(10% - 6px); border-left:3px solid #008; border-right:3px solid #008}
#page #section.permis #histo td table td.sanction {width:90%; padding:0}
#page #section.permis #histo td table td.sanction p {line-height:18px; text-align:left; margin:3px 5px; padding-left:17px; background:url(/img/communes/puce.gif) left 3px no-repeat}
#page #section.permis #histo td.expiration {line-height:22px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; background-color:#222}
#page #section.permis #histo td.expiration span::before {display:inline-block; font-family:'Font Awesome 6 Free'; font-size:14px; font-weight:900; content:"\f0d7"; margin-right:10px}
#page #section.permis #histo td.expiration span::after {display:inline-block; font-family:'Font Awesome 6 Free'; font-size:14px; font-weight:900; content:"\f0d7"; margin-left:10px}

#page #section.pres-ecurie .bloc {background:none; box-shadow:none}
#page #section.pres-ecurie .bloc .ss-bloc {width:100%; border:1px solid #000; border-spacing:0; background-color:#FFF}
#page #section.pres-ecurie .bloc .ss-bloc .ss-titre {height:26px; padding:0 5px; background-color:#CCC}
#page #section.pres-ecurie .bloc .ss-bloc .ss-titre h3 {font-size:14px; font-weight:bold; text-transform:uppercase; color:#008}
#page #section.pres-ecurie .bloc .ss-bloc .ss-titre h3:before {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; color:#800; content:"\f013"; margin-right:5px}
#page #section.pres-ecurie .bloc .ss-bloc .ss-titre h3 span {font-size:12px; font-weight:normal; text-transform:none}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu {padding-left:20px}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu table {width:100%}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu th {height:24px; padding:0 5px; text-align:center; background-color:#008}
#page #section.pres-ecurie .bloc.ec .ss-bloc .ss-contenu th:nth-child(1) {width:35%}
#page #section.pres-ecurie .bloc.ec .ss-bloc .ss-contenu th:nth-child(2) {width:30%}
#page #section.pres-ecurie .bloc.ec .ss-bloc .ss-contenu th:nth-child(3) {width:35%}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu th h4 {font-size:14px; font-weight:bold; color:#FFF}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu th h4 a {color:#FFF}
#page #section.pres-ecurie .bloc.ec .ss-bloc .ss-contenu td {line-height:16px; text-align:center}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu td img {margin:5px 10px}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu .texte {line-height:18px !important; text-align:justify !important}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu .texte img {max-width:200px; margin:4px 0 4px 15px; border:1px solid #000; float:right}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu .texte .cite {font-style:italic; color:#008}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu .texte .cite:before {color:#000; content:"Source: "}
#page #section.pres-ecurie .bloc .ss-bloc .ss-contenu .texte .bouton_large.next.in-video:after {content:"\f03d"}
#page #section.pres-ecurie .photo-xl {text-align:center; margin:40px 0}
#page #section.pres-ecurie .photo-xl img, #page #section.pres-ecurie .bloc.pl img {border:1px solid #000}
#page #section.pres-ecurie .bloc.pl img {max-width:125px}

#page #section.pres-course .bloc {background:none; box-shadow:none}
#page #section.pres-course .bloc .ss-bloc {width:100%; border:1px solid #000; border-spacing:0; background-color:#FFF}
#page #section.pres-course .bloc .ss-bloc .ss-titre {height:26px; padding:0 5px; background-color:#CCC}
#page #section.pres-course .bloc .ss-bloc .ss-titre h3 {font-size:14px; font-weight:bold; text-transform:uppercase; color:#008}
#page #section.pres-course .bloc .ss-bloc .ss-titre h3:before {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; color:#800; content:"\f02d"; margin-right:5px}
#page #section.pres-course .bloc .ss-bloc .ss-titre h3 span {font-size:12px; font-weight:normal; text-transform:none}
#page #section.pres-course .bloc .ss-bloc .ss-contenu {padding-left:20px}
#page #section.pres-course .bloc .ss-bloc .ss-contenu table {width:100%}
#page #section.pres-course .bloc .ss-bloc .ss-contenu th {height:24px; padding:0 5px; text-align:center; background-color:#008}
#page #section.pres-course .bloc .ss-bloc .ss-contenu td {line-height:16px}
#page #section.pres-course .bloc .ss-bloc:nth-of-type(1) .ss-contenu td img {display:block; margin:3px auto}
#page #section.pres-course .bloc .ss-bloc:nth-of-type(2) .ss-contenu td img {margin:3px 10px 3px 0}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.rec th {width:50%}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.rec th h4 {font-size:14px; font-weight:bold; color:#FFF}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.rec td {text-align:center}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.pod th {font-size:14px; font-weight:bold; color:#FFF}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.pod td {text-align:center}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.pod th:nth-child(1), #page #section.pres-course .bloc .ss-bloc .ss-contenu.pod th:nth-child(2) {width:50px}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.pod th:nth-child(3), #page #section.pres-course .bloc .ss-bloc .ss-contenu.pod td:nth-child(3), 
#page #section.pres-course .bloc .ss-bloc .ss-contenu.pod th:nth-child(4), #page #section.pres-course .bloc .ss-bloc .ss-contenu.pod td:nth-child(4), 
#page #section.pres-course .bloc .ss-bloc .ss-contenu.pod th:nth-child(5), #page #section.pres-course .bloc .ss-bloc .ss-contenu.pod td:nth-child(5) {text-align:left; padding:0 5px}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.pod tr:nth-child(2) {font-weight:bold}
#page #section.pres-course .bloc .ss-bloc .ss-contenu.pod td:nth-child(1) {font-weight:bold; background-color:#ff0}
#page #section.pres-course .bloc .ss-bloc .ss-contenu .texte {line-height:18px !important; text-align:justify !important}
#page #section.pres-course .bloc .ss-bloc .ss-contenu .texte img {margin:6px 0 6px 15px; border:1px solid #000; float:right}
#page #section.pres-course .bloc .ss-bloc .ss-contenu .texte img[src*="ecuries/img"] {margin:5px 0 5px 15px}
#page #section.pres-course .bloc .ss-bloc .ss-contenu .texte img[src*="courses/img"] {width:350px; margin:9px 0 9px 15px}
#page #section.pres-course .bloc .ss-bloc .ss-contenu .texte .cite {font-style:italic; color:#008}
#page #section.pres-course .bloc .ss-bloc .ss-contenu .texte .cite:before {color:#000; content:"Source: "}

#page #section.resultats #Arrivee.bloc, #page #section.resultats #Championnat.bloc {margin-top:30px}
#page #section.resultats #Arrivee.bloc tr, #page #section.resultats #Championnat.bloc tr {line-height:17px}
#page #section.resultats .bloc .contenu {padding:0 0 3px}
#page #section.resultats .bloc .contenu .reset-table th {line-height:22px; text-transform:none}
#page #section.resultats .bloc .contenu .reset-table .lignegrille {font-family:verdana; font-size:14px; color:#000}
#page #section.resultats .bloc .contenu .reset-table .info-distance {font-style:italic; text-align:center; color:#800}
#page #section.resultats .bloc .contenu .complement {line-height:14px; font-size:10px}

#page #section.resultats-v2 #ss-nav ul:nth-child(1) li:first-child, #page #section.resultats-v2 #ss-nav ul:nth-child(1) li:last-child {flex:0 0 35px}
#page #section.resultats-v2 #ss-nav ul:nth-child(2) li {flex:1 1 calc(100% / 3) !important}
#page #section.resultats-v2 .bloc .contenu .reset-table th {line-height:28px; text-align:left; text-transform:none}
#page #section.resultats-v2 .bloc .contenu .reset-table tr {line-height:24px}
#page #section.resultats-v2 tr.bg-ligne1:hover, #page #section.resultats-v2 tr.bg-ligne1:focus-within,
#page #section.resultats-v2 tr.bg-ligne2:hover, #page #section.resultats-v2 tr.bg-ligne2:focus-within {background-color:#BBB}
#page #section.resultats-v2 tr.bg-ligne1:hover td.bg-cellule1, #page #section.resultats-v2 tr.bg-ligne1:focus-within td.bg-cellule1,
#page #section.resultats-v2 tr.bg-ligne2:hover td.bg-cellule2, #page #section.resultats-v2 tr.bg-ligne2:focus-within td.bg-cellule2 {background-color:#BB0}
#page #section.resultats-v2 .bloc .contenu tr.filet {border-top:1px dashed #000}
#page #section.resultats-v2 .bloc .contenu tr .left {padding-left:0}
#page #section.resultats-v2 .bloc .contenu .info-distance {font-family:verdana; font-style:italic; text-align:center; color:#800; margin:3px 0 7px}
#page #section.resultats-v2 .bloc .contenu #temps .tfoot {line-height:14px; font-size:11px; font-weight:bold; text-align:center; color:#FFF; border-top:3px solid #000; background-color:#000}
#page #section.resultats-v2 .bloc .contenu #resume {width:95%; margin:0 auto}
#page #section.resultats-v2 .bloc .contenu #resume .zone-h3 {line-height:25px; margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #999}
#page #section.resultats-v2 .bloc .contenu #resume .zone-h3 h3 {font-size:20px; font-weight:bold; color:#008; float:left}
#page #section.resultats-v2 .bloc .contenu #resume .zone-h3:after {display:table; content:""; clear:both}
#page #section.resultats-v2 .bloc .contenu #resume .texte {line-height:18px; text-align:justify}
#page #section.resultats-v2 .bloc .contenu #resume .texte .colonne {width:127px; margin:0 0 10px 15px; float:right}
#page #section.resultats-v2 .bloc .contenu #resume .texte .colonne .photo {width:127px; text-align:center; margin-top:10px; border:1px solid #000; border-bottom:0; background-color:#000}
#page #section.resultats-v2 .bloc .contenu #resume .texte .colonne .photo:first-child {margin-top:2px}
#page #section.resultats-v2 .bloc .contenu #resume .texte .colonne .photo img {max-width:125px}
#page #section.resultats-v2 .bloc .contenu #resume .texte .colonne .photo span {line-height:18px; font-size:10px; font-weight:bold; color:#FFF}
#page #section.resultats-v2 .bloc .contenu #resume .texte strong {font-size:14px}

#page #section.conference .bloc .contenu #podium {padding:30px 0 0; background:url(/img/communes/bg_podium.jpg) center top no-repeat}
#page #section.conference .bloc .contenu #podium .marches {width:675px; margin:0 auto}
#page #section.conference .bloc .contenu #podium .marches .marche {display:inline-block; width:225px; text-align:center}
#page #section.conference .bloc .contenu #podium .marches .marche.deux {padding-top:15px; float:left}
#page #section.conference .bloc .contenu #podium .marches .marche.trois {padding-top:30px; float:right}
#page #section.conference .bloc .contenu #podium .marches .marche img {width:127px; height:187px; border:1px solid #000}
#page #section.conference .bloc .contenu #podium .marches .marche .socle {line-height:18px; font-size:14px; margin-top:10px; padding-bottom:5px}
#page #section.conference .bloc .contenu #podium .marches .marche.un .socle {height:125px; border-bottom:1px solid #000; background-color:#FFD700}
#page #section.conference .bloc .contenu #podium .marches .marche.deux .socle {height:110px; border:1px solid #000; border-top:0; background-color:#C0C0C0}
#page #section.conference .bloc .contenu #podium .marches .marche.trois .socle {height:95px; border:1px solid #000; border-top:0; background-color:#CD7F32}
#page #section.conference .bloc .contenu #podium .marches .marche .rang {display:block; line-height:30px; font-size:24px; font-weight:bold; color:#FFF; margin-bottom:5px; background-color:#000}
#page #section.conference .bloc .contenu .complement {width:675px; text-align:left; margin:3px auto 0}
#page #section.conference .bloc .contenu #interview {width:95%; margin:0 auto}
#page #section.conference .bloc .contenu #interview .zone-h3 {line-height:25px; margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #999}
#page #section.conference .bloc .contenu #interview .zone-h3 h3 {font-size:20px; font-weight:bold; color:#008; float:left}
#page #section.conference .bloc .contenu #interview .zone-h3:after {display:table; content:""; clear:both}
#page #section.conference .bloc .contenu #interview .texte {line-height:18px; text-align:justify}

#page #section.cal-res .bloc .contenu .selection {width:95%; font-size:14px; text-align:center; margin:0 auto 3px; padding:10px 0; background-color:#CCC}
#page #section.cal-res .bloc .contenu .selection div {display:inline-block}
#page #section.cal-res .bloc .contenu .selection div div {vertical-align:middle; padding-left:20px; float:left}
#page #section.cal-res .bloc .contenu .selection div div input {margin:0; vertical-align:middle; accent-color:#008}
#page #section.cal-res .bloc .contenu .selection div div:first-child {font-weight:bold; padding-left:0; float:left}
#page #section.cal-res thead tr th:nth-child(1) {width:50px}
#page #section.cal-res thead tr th:nth-child(2) {width:35px}
#page #section.cal-res thead tr th:nth-child(3) {width:12%}
#page #section.cal-res thead tr th:nth-child(4) {width:22%; border-left:3px solid #FFF}
#page #section.cal-res thead tr th:nth-child(6) {width:22%; border-right:3px solid #FFF}
#page #section.cal-res thead tr th:nth-child(7) {width:30%}
#page #section.cal-res tbody tr {line-height:normal}
#page #section.cal-res tbody tr td {padding:4px 5px}
#page #section.cal-res tbody tr td:nth-child(4) {border-left:3px solid #008}
#page #section.cal-res tbody tr td:nth-child(6) {border-right:3px solid #008}

#page #section.actu .bloc.encart a.contenu {display:block; color:#000}
#page #section.actu .bloc.encart a.contenu .right {display:block; color:#00F}
#page #section.actu .bloc.encart a.contenu:hover, #page #section.actu .bloc.encart a.contenu:focus {text-decoration:none}
#page #section.actu .bloc.encart a.contenu:hover .right span, #page #section.actu .bloc.encart a.contenu:focus .right span {text-decoration:underline}
#page #section.actu .bloc.encart a.contenu:active .right span {color:#008}

#page #section.fixe .bloc.articles .contenu ul {border-bottom:1px solid #E2E9EC}
#page #section.fixe .bloc.articles .contenu ul li {border-top:1px solid #E2E9EC}
#page #section.fixe .bloc.articles .contenu ul li.date {line-height:25px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; border:0; background-color:#008}
#page #section.fixe .bloc.articles .contenu ul li.date + li {border-top:0}
#page #section.fixe .bloc.articles .contenu ul li a {display:flex; padding:6px 0}
#page #section.fixe .bloc.articles .contenu ul li a:hover, #page #section.fixe .bloc.articles .contenu ul li a:focus {text-decoration:none; background-color:#F3F8FB}
#page #section.fixe .bloc.articles .contenu ul li a .flag {flex:none; width:10px}
#page #section.fixe .bloc.articles .contenu ul li a:hover .article strong, #page #section.fixe .bloc.articles .contenu ul li a:focus .article strong {text-decoration:underline}
#page #section.fixe .bloc.articles .contenu ul li.fam a .flag {background-color:#000}
#page #section.fixe .bloc.articles .contenu ul li.mts a .flag {background-color:#FD0}
#page #section.fixe .bloc.articles .contenu ul li.nga a .flag {background-color:#F54E00}
#page #section.fixe .bloc.articles .contenu ul li.spa a .flag {background-color:#BDC3C7}
#page #section.fixe .bloc.articles .contenu ul li a .time {flex:none; width:61px; font-size:14px; font-weight:bold; color:#000; white-space:nowrap; padding:0 5px}
#page #section.fixe .bloc.articles .contenu ul li a .article {width:calc(100% - 70px); text-align:justify}
#page #section.fixe .bloc.articles .contenu ul li a .article strong {font-size:14px}
#page #section.fixe .bloc.articles .contenu ul li a .article em {color:#000; white-space:nowrap}
#page #section.fixe .bloc.articles .contenu ul li a .article p {font-size:12px; color:#000}

#page #section.actu-une .bloc.articles .contenu ul {height:402px}

#page #section.actu-jour .bloc.articles .contenu .selection {font-size:14px; text-align:center; margin-bottom:3px; padding:10px 0; background-color:#CCC}
#page #section.actu-jour .bloc.articles .contenu .selection form {display:inline-block}
#page #section.actu-jour .bloc.articles .contenu .selection form div {padding-left:20px; float:left}
#page #section.actu-jour .bloc.articles .contenu .selection form div:first-child {font-weight:bold; padding-left:0; float:left}
#page #section.actu-jour .bloc.articles .contenu .selection form div input[type=checkbox] {-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none}
#page #section.actu-jour .bloc.articles .contenu .selection form div input[type=checkbox] {width:16px; height:16px; margin:0; border:1px solid #999; border-radius:3px}
#page #section.actu-jour .bloc.articles .contenu .selection form div input[type=checkbox]#fam {background-color:#000}
#page #section.actu-jour .bloc.articles .contenu .selection form div input[type=checkbox]#mts {background-color:#FD0}
#page #section.actu-jour .bloc.articles .contenu .selection form div input[type=checkbox]#nga {background-color:#F54E00}
#page #section.actu-jour .bloc.articles .contenu .selection form div input[type=checkbox]#spa {background-color:#BDC3C7}
#page #section.actu-jour .bloc.articles .contenu .selection form div input[type="checkbox"]:checked:before {position:absolute; display:block; width:14px; height:14px; line-height:14px; font-size:12px; font-weight:bold; color:#000; text-align:center; content:'\2713'}
#page #section.actu-jour .bloc.articles .contenu .selection form div input[type="checkbox"]#fam:checked:before {color:#FFF}
#page #section.actu-jour .bloc.articles .contenu .pagination {display:flex; justify-content:space-between; padding:10px 7px 7px}

#page #section.actu-jour .bloc .contenu .brv .ttl strong {padding-left:10px; background:url(/img/communes/chevron_breve_normale.png) left 4px no-repeat}
#page #section.actu-jour .bloc .contenu .brv.haute .ttl strong {padding-left:10px; background:url(/img/communes/chevron_breve_haute.png) left 4px no-repeat}
#page #section.actu-jour .bloc .contenu .brv .txt img {display:block; max-width:66%; margin:0 auto; border:1px solid #000}
#page #section.actu-jour .bloc .contenu .brv .txt .meta {margin-top:5px; padding-top:5px; border-top:1px dotted #008}
#page #section.actu-jour .bloc .contenu .brv .txt .meta li {display:inline-block; text-transform:uppercase; margin-left:3px}
#page #section.actu-jour .bloc .contenu .brv .txt .meta li:first-child {margin-left:0}
#page #section.actu-jour .bloc .contenu .brv .txt .meta li a {display:block; font-weight:bold; color:#222; padding:3px 9px; border-radius:3px; background-color:#CCC}
#page #section.actu-jour .bloc .contenu .brv .txt .meta li a:hover, #page #section.actu-jour .bloc .contenu .brv .txt .meta li a:focus {color:#FFF; background-color:#888}
#page #section.actu-jour .bloc .contenu .brv .txt .in-video {display:inline}
#page #section.actu-jour .add-twitter {width:500px; margin:15px auto}
#page #section.actu-jour .in-video {display:block}
#page #section.actu-jour .in-video strong {color:#000}
#page #section.actu-jour .in-video img {width:100%; width:355px; height:267px; border:1px solid #000}
#page #section.actu-jour .in-video .btn-play {position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/communes/btn_play_off.png) no-repeat center center}
#page #section.actu-jour .in-video:hover .btn-play, #page #section.actu-jour .in-video:focus .btn-play {background-image:url(/img/communes/btn_play_on.png)}

#page #section.actu-theme .bloc .contenu .pagination {text-align:center; margin-top:10px; padding:10px 0 7px; border-top:1px dotted #000}
#page #section.actu-theme .bloc .contenu .pagination li {display:inline-block; font-weight:bold; margin-left:3px}
#page #section.actu-theme .bloc .contenu .pagination li:first-child {margin-left:0}
#page #section.actu-theme .bloc .contenu .pagination li span {display:block; color:#FFF; padding:3px 9px; border-radius:3px; background-color:#444}
#page #section.actu-theme .bloc .contenu .pagination li a {display:block; color:#222; padding:3px 9px; border-radius:3px; background-color:#CCC}
#page #section.actu-theme .bloc .contenu .pagination li a:hover, #page #section.actu-theme .bloc .contenu .pagination li a:focus {color:#FFF; background-color:#888}

#page #section.actu-transferts .bloc .contenu table {vertical-align:baseline; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0}
#page #section.actu-transferts .bloc .contenu table td.equipe {width:162px; line-height:20px; font-weight:bold; text-align:center; border:1px dashed #008; border-top:0; background-color:#DDD}
#page #section.actu-transferts .bloc .contenu table td.equipe img {margin-bottom:5px; border:1px solid #666}
#page #section.actu-transferts .bloc .contenu table td.equipe span.p {color:#080}
#page #section.actu-transferts .bloc .contenu table td.equipe span.r {color:#800}
#page #section.actu-transferts .bloc .contenu table td.breve {vertical-align:top; padding-left:5px}

#page #section.actu-calendrier table.reset {width:75%}
#page #section.actu-calendrier thead tr th:nth-child(1) {width:35px}
#page #section.actu-calendrier thead tr th:nth-child(2) {width:20%; border-right:3px solid #FFF}
#page #section.actu-calendrier thead tr th:nth-child(3) {width:35%}
#page #section.actu-calendrier thead tr th:nth-child(5) {width:35%}
#page #section.actu-calendrier tbody tr {line-height:24px}
#page #section.actu-calendrier tbody tr td:nth-child(2) {border-right:3px solid #008}

#page #section.actu-essais .bloc .contenu .brv .photo-ec {width:302px; text-align:center; margin:8px 0 8px 8px; border:1px solid #000; border-bottom:0; background-color:#000; float:right}
#page #section.actu-essais .bloc .contenu .brv .photo-ec img {width:100%}
#page #section.actu-essais .bloc .contenu .brv .photo-ec span {line-height:20px; font-size:11px; font-weight:bold; color:#FFF}
#page #section.actu-essais .bloc .contenu .brv .photo-pl {width:127px; text-align:center; margin:15px 30px 0; border:1px solid #000; border-bottom:0; background-color:#000; float:left}
#page #section.actu-essais .bloc .contenu .brv .photo-pl img {width:100%}
#page #section.actu-essais .bloc .contenu .brv .photo-pl span {line-height:18px; font-size:10px; font-weight:bold; color:#FFF}

#page #section.stats .bloc .contenu ul li {line-height:16px; margin-top:4px; padding-top:4px; border-top:1px dashed #CCC}
/*#page #section.stats .bloc .contenu ul li {line-height:16px; margin-top:4px; padding:4px 0 0 17px; border-top:1px dashed #CCC; background:url(/img/communes/puce.gif) left 3px no-repeat}*/
#page #section.stats .bloc .contenu ul li:first-child {margin-top:0; padding-top:0; border-top:0}
#page #section.stats .bloc .contenu ul li span {color:#008}

#page #section.stats-v2 .contenu tr:nth-child(2n+1) {background-color:#DDD}
#page #section.stats-v2 .contenu tr:hover {background-color:#BBB}
#page #section.stats-v2 .contenu tr th {text-align:left; padding-left:19px}
#page #section.stats-v2 .contenu tr td {position:relative; line-height:18px; vertical-align:top; padding:4px 5px}
#page #section.stats-v2 .contenu tr td:nth-child(1) {width:28%; font-weight:bold; padding-left:19px; border-right:3px solid #008}
#page #section.stats-v2 .contenu tr td:nth-child(1)::before {position:absolute; left:5px; top:8px; display:block; width:9px; height:9px; content:""; background:url(/img/communes/puces_stats.png) left center no-repeat}
#page #section.stats-v2 .contenu tr td:nth-child(1).plus::before {background-position:left top}
#page #section.stats-v2 .contenu tr td:nth-child(1).moins::before {background-position:left bottom}
#page #section.stats-v2 .contenu tr td:nth-child(1) span {font-weight:normal}
#page #section.stats-v2 .contenu tr td:nth-child(2) {width:72%}
#page #section.stats-v2 .contenu tr td:nth-child(2) em {font-style:italic; color:#008}
#page #section.stats-v2 .contenu tr td:nth-child(2) span {color:#008}
#page #section.stats-v2 .contenu tr td:nth-child(2) strong {font-weight:bold; color:#008}
#page #section.stats-v2 .contenu tr td:nth-child(2) a.chevron::before {color:#F00; content:">> "}

#page #section.stats table.tablesorter thead tr .header {background-image:url(/img/communes/picto_tri.png); background-position:center right; background-repeat:no-repeat; cursor:pointer}
#page #section.stats table.tablesorter thead tr .headerSortUp {background-image:url(/img/communes/picto_tri_asc.png)}
#page #section.stats table.tablesorter thead tr .headerSortDown {background-image:url(/img/communes/picto_tri_desc.png)}
#page #section.stats table.tablesorter thead tr .headerSortUp, #page #section.stats table.tablesorter thead tr .headerSortDown {background-color:#800}
#page #section.stats table.tablesorter tbody tr {line-height:22px; background-color:#FFF}
#page #section.stats table.tablesorter tbody tr td:first-child {background-color:#FF0}
#page #section.stats table.tablesorter tbody tr.odd {background-color:#DDD}
#page #section.stats table.tablesorter tbody tr.odd td:first-child {background-color:#DD0}
#page #section.stats table.tablesorter tbody tr:hover, #page #section.stats table.tablesorter tbody tr:focus, 
#page #section.stats table.tablesorter tbody tr.odd:hover, #page #section.stats table.tablesorter tbody tr.odd:focus {background-color:#BBB}
#page #section.stats table.tablesorter tbody tr:hover td:first-child, #page #section.stats table.tablesorter tbody tr:focus td:first-child, 
#page #section.stats table.tablesorter tbody tr.odd:hover td:first-child, #page #section.stats table.tablesorter tbody tr.odd:focus td:first-child {background-color:#BB0}

/*#page #section.stats-tbl-v2 table.tablesorter thead tr .header {padding:0 15px; background:none right center no-repeat; cursor:pointer}
#page #section.stats-tbl-v2 table.tablesorter thead tr .header.left {padding-left:5px}
#page #section.stats-tbl-v2 table.tablesorter thead tr .headerSortUp {background-image:url(/img/communes/picto_tri_asc.png)}
#page #section.stats-tbl-v2 table.tablesorter thead tr .headerSortDown {background-image:url(/img/communes/picto_tri_desc.png)}*/

#page #section.stats-tbl-v2 table.tablesorter thead tr .tablesorter-header {padding:0 15px; background:none right center no-repeat; cursor:pointer}
#page #section.stats-tbl-v2 table.tablesorter thead tr .tablesorter-header.left {padding-left:5px}
#page #section.stats-tbl-v2 table.tablesorter thead tr .tablesorter-headerAsc {background-image:url(/img/communes/picto_tri_asc.png); background-color:#800}
#page #section.stats-tbl-v2 table.tablesorter thead tr .tablesorter-headerDesc {background-image:url(/img/communes/picto_tri_desc.png); background-color:#800}
#page #section.stats-tbl-v2 table.tablesorter tbody tr.actif {font-weight:bold}
#page #section.stats-tbl-v2 table.tablesorter tbody tr.actif td:nth-child(2) {text-transform:uppercase}
#page #section.stats-tbl-v2 table.tablesorter tbody tr td.actif {font-weight:bold; text-transform:uppercase}

/* balise span entourant le picto info */
#page #section.stats-tbl-v2 table.tablesorter thead tr .tablesorter-header .bulle {position:relative; display:inline-block; margin-left:2px; vertical-align:middle}
/* élément :after généré lors du survol et du focus */
#page #section.stats-tbl-v2 table.tablesorter thead tr .tablesorter-header .bulle:hover:after,
#page #section.stats-tbl-v2 table.tablesorter thead tr .tablesorter-header .bulle:focus:after {position:absolute; left:32px; top:-7px; width:125px; line-height:16px; font-size:12px; font-weight:normal; text-align:left; text-transform:none; white-space:normal !important; color:#000; content:attr(data-bulle); border-radius:5px; padding:5px; background:#ccc; z-index:1}
/* élément :before généré pour la flèche */
#page #section.stats-tbl-v2 [data-bulle]:hover:before,
#page #section.stats-tbl-v2 [data-bulle]:focus:before {position:absolute; left:18px; top:0; line-height:14px; font-size:18px; color:#ccc; content:"\0025C0"}
/* pas de contour durant le :focus */
#page #section.stats-tbl-v2 [data-bulle]:focus {outline:none}

#page #section.lexique #ss-nav ul li {flex:1 1 3.68%}
#page #section.lexique #ss-nav ul li:last-child {flex:1 1 4.32%}
#page #section.lexique .bloc .contenu .terme {font-weight:bold; vertical-align:top; padding:5px}
#page #section.lexique .bloc .contenu .definition {text-align:justify; vertical-align:top; padding:5px}

#page #section.carnet .bloc .contenu table {float:left}
#page #section.carnet .bloc .contenu tr {border-top:1px dotted #888}
#page #section.carnet .bloc .contenu tr:first-child {border-top:0}
#page #section.carnet .bloc .contenu td.lettre {width:35px; font-size:14px; font-weight:bold; text-align:center; vertical-align:top; color:#FFF; padding:1px 0; background-color:#008}
#page #section.carnet .bloc .contenu td.adresse {line-height:16px; padding:3px 5px}

#page #section.sitemap .contenu .pave:first-child .n-rubrique {margin-top:0}
#page #section.sitemap .contenu .pave hr {height:1px; border:none; margin:10px 0; border-top:3px double #008}
#page #section.sitemap .contenu .sspave:nth-child(3n+3) {margin-top:15px}
#page #section.sitemap .contenu .pave:after, #page #section.sitemap .contenu .sspave:after {display:table; content:""; clear:both}

#page #section.sitemap .contenu .n-rubrique {line-height:25px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; margin:15px 0 3px; background-color:#008}
#page #section.sitemap .contenu .n-titre {line-height:20px; font-size:14px; font-weight:bold; text-transform:uppercase; padding-left:5px; background-color:#ddd}
#page #section.sitemap .contenu .n-titre a {color:#008}
#page #section.sitemap .contenu .n-titre a:before {display:inline-block; font-family:'Font Awesome 6 Free'; font-weight:900; margin-right:5px}
#page #section.sitemap .contenu .n-titre.close a:before {color:#800; content:"\f07b"}
#page #section.sitemap .contenu .n-titre.open a:before {color:#800; content:"\f07c"}

#page #section.sitemap .contenu .n-page {line-height:20px; margin:3px 0 0 5px}
#page #section.sitemap .contenu .n-page li {display:inline-block}
#page #section.sitemap .contenu .n-page li a {white-space:nowrap}
#page #section.sitemap .contenu .n-page li a:after {display:inline-block; content:" |"; color:#000; margin-left:3px}
#page #section.sitemap .contenu .n-page li:last-child a:after {display:none}

#page #section.admin h1 {margin:15px 0 20px}

#page #aside {width:175px; padding:2px 0}
#page #aside .bloc {margin-top:20px; background-color:#FFF; overflow:hidden}
#page #aside .bloc:first-child {margin-top:0}
#page #aside .bloc .titre {font-weight:bold; text-align:center; text-transform:uppercase; text-shadow:2px 2px 1px #222; color:#FFF; padding:6px 2px; background-color:#05A}
#page #aside .bloc .contenu {padding:2px}
#page #aside .bloc .contenu .affiche {width:142px; height:auto; border:1px solid #000}
#page #aside .bloc[class*="pub-"] .contenu {padding:4px 2px}
#page #aside .bloc[class*="pub-"] .contenu .inactif {display:flex; justify-content:center; align-items:center; text-align:center; color:#b8b8b8; margin:0 auto; background-color:#e8e8e8}
#page #aside .bloc .contenu select {display:block; width:125px; font-family:arial,verdana,sans-serif; font-size:12px; color:#00F; margin:10px auto; border:1px solid #000; background-color:#DDD}
#page #aside .bloc .contenu select option {margin:2px 0}
#page #aside .bloc .contenu img {display:block; margin:5px auto}
#page #aside .bloc .contenu .adresse {font-size:14px; font-weight:bold; text-align:center; margin:5px 0}
#page #aside .bloc .contenu .lancement {font-size:14px; font-weight:bold; font-style:italic; text-align:center; margin:5px 0}
#page #aside .bloc .meteo {text-align:center}
#page #aside .bloc .sondage {text-align:center; padding:1px}
#page #aside .bloc .compteur {line-height:16px; padding:4px 1px 1px}
#page #aside .bloc .compteur img {display:inline-block; width:7px; height:10px}
#page #aside .bloc .lien {font-weight:bold; text-align:center; color:#FFF; padding:4px 2px; background-color:#222}
#page #aside .bloc .lien a:link, #page #aside .bloc .lien a:visited {color:#FFF}
#page #aside .bloc .lien a:hover, #page #aside .bloc .lien a:focus {text-decoration:underline; color:#FFF}
#page #aside .bloc .lien a:active {color:#E8E8E8}
#page #aside #pub.fixe-en-haut {position:fixed; top:0; margin-top:0}

#page #footer {color:#ccc; border-top:1px solid #000}
#page #footer a {color:#FFF}
#page #footer table {border-collapse:collapse; border-spacing:0}
#page #footer table td {margin:0; padding:0}

#page #footer .footer-content {display:flex; line-height:2; font-size:14px; background-color:#222; background-image:linear-gradient(to bottom, #222, #111)}
#page #footer .footer-content .bloc {padding:20px}
#page #footer .footer-content .bloc .titre {line-height:1; font-size:18px; font-weight:bold; margin-bottom:15px; padding-bottom:15px; border-bottom:2px solid #e8e8e8}
#page #footer .footer-content .bloc .fa-icon {top:1px; width:16px; font-size:16px; margin-right:2px}
#page #footer .footer-content .bloc .logo-fb, .footer-content .bloc .logo-tw, .footer-content .bloc .logo-yt {display:block; width:50px; height:50px; background-image:url(/commun/img/logos-sociaux.png)}
#page #footer .footer-content .bloc .logo-fb {background-position:0 0}
#page #footer .footer-content .bloc .logo-fb:hover, #page #footer .footer-content .bloc .logo-fb:focus {background-position:0 -50px}
#page #footer .footer-content .bloc .logo-tw {background-position:-50px 0}
#page #footer .footer-content .bloc .logo-tw:hover, #page #footer .footer-content .bloc .logo-tw:focus {background-position:-50px -50px}
#page #footer .footer-content .bloc .logo-yt {background-position:-100px 0}
#page #footer .footer-content .bloc .logo-yt:hover, #page #footer .footer-content .bloc .logo-yt:focus {background-position:-100px -50px}
#page #footer .footer-content .bloc .search-form {position:relative; overflow:hidden}
#page #footer .footer-content .bloc .search-form input {width:100%; color:#ccc; padding:11px 55px 11px 10px; border:1px solid #666; background-color:#666}
#page #footer .footer-content .bloc .search-form:hover input, #page #footer .footer-content .bloc .search-form input:focus {color:#000; border-color:#FFF; background-color:#FFF}
#page #footer .footer-content .bloc .search-form input::placeholder {color:#ccc}
#page #footer .footer-content .bloc .search-form:hover input::placeholder, #page #footer .footer-content .bloc .search-form input:focus::placeholder {color:#666}
#page #footer .footer-content .bloc .search-form button {position:absolute; right:0; top:0; width:45px; height:100%; border:1px solid #000; background-color:#000}
#page #footer .footer-content .bloc .search-form:hover button, #page #footer .footer-content .bloc .search-form button:focus {border:1px solid #C8DEF4; background-color:#C8DEF4}
#page #footer .footer-content .bloc .search-form button .fa-icon {top:0; width:auto; font-size:22px; color:#ccc; margin-right:0}
#page #footer .footer-content .bloc .search-form:hover button .fa-icon, #page #footer .footer-content .bloc .search-form button:focus .fa-icon {color:#008}

#page #footer .footer-content .bloc:nth-child(1) {flex:20%}
#page #footer .footer-content .bloc:nth-child(2) {flex:50%}
#page #footer .footer-content .bloc:nth-child(2) .titre img {vertical-align:middle; margin:-2px 2px 0 0}
#page #footer .footer-content .bloc:nth-child(2) table td:nth-child(2) {padding:0 20px !important}
#page #footer .footer-content .bloc:nth-child(3) {flex:30%}
#page #footer .footer-content .bloc:nth-child(3) ul {display:flex; margin-bottom:20px}
#page #footer .footer-content .bloc:nth-child(3) ul li {margin-right:10px}
#page #footer .footer-content .bloc:nth-child(3) ul li:last-child {margin-right:0}

#page #footer .footer-bottom {display:flex; justify-content:space-between; line-height:1.5; font-size:12px; margin-top:1px; padding:20px; background-color:#000}
#page #footer .footer-bottom ul {display:flex}
#page #footer .footer-bottom ul li {margin-left:20px}

#page #footer_ad .mention {clear:both; position:relative; height:30px; line-height:30px; text-align:center; color:#CCC; border-top:1px solid #FFF; background-color:#000}

#page #bandeau-cookies {position:fixed; left:0; bottom:0; width:100%; text-align:center; padding:15px 20px; border-top:1px solid #FFF; background-color:#000; z-index:100}
#page #bandeau-cookies .texte {font-weight:bold; color:#FD0; margin-bottom:15px}
#page #bandeau-cookies .texte .icon {position:relative; top:3px; display:inline-block; font-size:16px; color:#FFF; margin-right:2px}
#page #bandeau-cookies .bouton {display:inline-block; line-height:22px; color:#000; margin-left:5px; padding:0 10px; background-color:#DDD}
#page #bandeau-cookies .bouton:hover {background-color:#BBB}


#popup {max-width:1058px; margin:0 auto; font-size:12px; padding:10px 10px 20px 68px}
#popup h1 {font-size:26px; font-weight:bold; text-align:center; text-transform:uppercase; margin:5px 0 15px}

#popup #ss-nav ul li {padding-bottom:6px; border-top:1px solid #000; background:url(/img/communes/px_noir.gif) left 24px repeat-x; float:left}
#popup #ss-nav ul li.actif {background:url(/img/communes/bg_fleche_ssnav.png) center bottom no-repeat}
#popup #ss-nav ul li span, #popup #ss-nav ul li a {display:block; height:24px; line-height:16px; font-weight:bold; text-align:center; text-shadow:2px 2px 1px #DDD; color:#222; padding:4px 0; border-left:1px solid #444; background-color:#E8E8E8}
#popup #ss-nav ul li:first-child span, #popup #ss-nav ul li:first-child a {border-left:0}
#popup #ss-nav ul li span:focus, #popup #ss-nav ul li span:hover, 
#popup #ss-nav ul li a:focus, #popup #ss-nav ul li a:hover {text-decoration:none; text-shadow:2px 2px 1px #222; color:#FFF; background-color:#888; cursor:pointer}
#popup #ss-nav ul li.actif span, #popup #ss-nav ul li.actif a {text-shadow:2px 2px 1px #222; color:#FFF; background-color:#444; cursor:pointer}
#popup #ss-nav ul li.inactif span, #popup #ss-nav ul li.inactif a {color:#888}
#popup #ss-nav ul li.inactif span:focus, #popup #ss-nav ul li.inactif span:hover, 
#popup #ss-nav ul li.inactif a:focus, #popup #ss-nav ul li.inactif a:hover {text-shadow:2px 2px 1px #DDD; color:#888; background-color:#E8E8E8; cursor:no-drop}

#popup #titre {height:39px; padding-left:53px; border-top:2px solid #000; border-bottom:2px solid #000; background:url(/img/communes/drapeau.png) left center no-repeat #FD0}
#popup #titre h2 {line-height:35px; font-size:18px; font-weight:bold; float:left}
#popup #titre>span, #popup #titre>a {display:block; width:175px; line-height:14px; font-size:10px; text-align:center; margin-top:3px; float:right}

#popup #contenu .bandeau {line-height:25px; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; background-color:#008}

#popup.stats h1 img {height:19px; vertical-align:baseline; border:1px solid #000}
#popup.stats .fa-icon {top:1px; font-size:14px; margin-left:2px}
#popup.stats .fa-mars {color:#2d6efa}
#popup.stats .fa-venus {color:#da3076}

#popup.admin #contenu .brv .ttl {font-size:14px; color:#008; margin-top:3px; padding:5px 10px 5px; border:1px solid #008; background-color:#CDE6FF}
#popup.admin #contenu .brv .ttl span {display:inline-block; line-height:13px; font-size:12px; font-weight:bold; color:#FFF; border:1px solid #000; border-radius:5px; margin-right:10px; padding:2px 4px; background-color:#008}
#popup.admin #contenu .brv.superieure .ttl {text-transform:uppercase}
#popup.admin #contenu .brv.haute .ttl {text-transform:uppercase; color:#800; border:1px solid #800; background-color:#FFCDCD}
#popup.admin #contenu .brv.haute .ttl span {background-color:#800}
#popup.admin #contenu .brv .txt {line-height:16px; padding:5px; border:1px solid #008; border-top:0}
#popup.admin #contenu .brv.haute .txt {border:1px solid #800; border-top:0}
#popup.admin #contenu .brv .txt img {display:block; max-width:66%; margin:0 auto; border:1px solid #000}
#popup.admin #contenu .brv .txt .meta {margin-top:5px; padding-top:5px; border-top:1px dotted #008}
#popup.admin #contenu .brv .txt .meta li {display:inline-block; text-transform:uppercase; margin-left:3px}
#popup.admin #contenu .brv .txt .meta li:first-child {margin-left:0}
#popup.admin #contenu .brv .txt .meta li span {display:block; font-weight:bold; color:#222; padding:3px 9px; border-radius:3px; background-color:#CCC}

#popup #retour-haut-page {font-family:verdana; width:95%; text-align:right; margin:20px auto 0}
#popup #retour-haut-page a {color:#000}
#popup #retour-haut-page a::after {position:relative; top:1px; display:inline-block; font-family:'Font Awesome 6 Free'; font-size:14px; font-weight:900; content:"\e09a"; margin-left:6px}

#popup #footer {font-weight:bold; text-align:center; margin-top:20px; padding-top:30px; background:url(/img/communes/ligne2.gif) center top no-repeat #FFF}



/* bouton des formulaires */
.bouton {FONT-FAMILY:arial; FONT-SIZE:12px; FONT-WEIGHT:bold; MARGIN:0 5px; PADDING:3px 6px; BORDER:1px solid #000000; BACKGROUND-COLOR:#ffdd00}

/* bouton général et bouton pour le menu de gauche */
.inputbouton {FONT-FAMILY:arial; FONT-SIZE:12px; FONT-WEIGHT:bold; PADDING:3px 6px; BORDER:1px solid #000000; BACKGROUND-COLOR:#ffdd00}
.inputbouton2 {WIDTH:130px; FONT-FAMILY:arial; FONT-SIZE:12px; FONT-WEIGHT:bold; COLOR:#ffffff; BORDER:1px solid #000000; BACKGROUND-COLOR:#000055}

/* champs texte pour la recherche générale */
.inputsearch {FONT-FAMILY:arial; FONT-SIZE:12px; FONT-WEIGHT:normal; COLOR:#000000; PADDING:1px; BORDER:1px solid #000000; BACKGROUND-COLOR:#ffffff}

/* sous-titre et contenu - présentation n°1 */
table.sstitre {BORDER-TOP:2px solid #000000; BORDER-BOTTOM:2px solid #000000; BACKGROUND-COLOR:#ffdd00}
.sstitre {FONT-FAMILY:arial; FONT-SIZE:18px; FONT-WEIGHT:bold; TEXT-ALIGN:left; COLOR:#000000}
#page .sstitredetail {FONT-FAMILY:arial; FONT-SIZE:10px; FONT-WEIGHT:normal; TEXT-ALIGN:center; COLOR:#000000; PADDING:0 20px; WHITE-SPACE:nowrap}
#popup .sstitredetail {FONT-FAMILY:arial; FONT-SIZE:10px; FONT-WEIGHT:normal; TEXT-ALIGN:center; COLOR:#000000; PADDING:0 20px; WHITE-SPACE:nowrap}
.sstitredetail {FONT-FAMILY:arial; FONT-SIZE:10px; FONT-WEIGHT:normal; TEXT-ALIGN:center; COLOR:#000000; WHITE-SPACE:nowrap}
.sstitrecontenu {BACKGROUND-COLOR:#ffffff}
#page .sstitrecontenu {TEXT-ALIGN:left; BACKGROUND-COLOR:#ffffff}
#popup .sstitrecontenu {TEXT-ALIGN:left; BACKGROUND-COLOR:#ffffff}

/* sous-titre et contenu - présentation n°2 */
table.sstitre2 {BORDER:1px solid #000000; BORDER-SPACING:0 !important; BACKGROUND-COLOR:#ffffff}
td.sstitre2 {HEIGHT:26px; FONT-FAMILY:arial; FONT-SIZE:14px; FONT-WEIGHT:bold; COLOR:#000088; BACKGROUND-COLOR:#dddddd}
td.sstitre2 img {MARGIN:3px}
.sstitre2detail {FONT-FAMILY:arial; FONT-SIZE:12px; FONT-WEIGHT:normal; COLOR:#000088}
td.sstitre2contenu {PADDING-LEFT:20px !important; BACKGROUND-COLOR:#ffffff}
td.sstitre2contenu img {MARGIN:5px 10px}
td.sstitre2contenu .justify {LINE-HEIGHT:18px}

/* tableau - présentation n°1 */
th.tableautitre {LINE-HEIGHT:22px; FONT-FAMILY:arial; FONT-SIZE:14px; FONT-WEIGHT:bold; TEXT-ALIGN:center; COLOR:#ffffff; BACKGROUND-COLOR:#000088}
a.tableautitre:link, a.tableautitre:visited {COLOR:#ffffff}
a.tableautitre:hover, a.tableautitre:active {COLOR:#ff0000}
/* td.tableaubas => OK */
td.tableaubas {HEIGHT:16px; FONT-FAMILY:verdana, arial; FONT-SIZE:10px; FONT-WEIGHT:bold; TEXT-ALIGN:center; COLOR:#ffffff; BACKGROUND-COLOR:#000000}

/* tableau - présentation n°2 */
/* laissé vide pour prévoir le cas d'une nouvelle présentation */

/* tableau - présentation n°3 */
table.tableau3 {HEIGHT:25px; MARGIN:0 auto; BACKGROUND-COLOR:#000000}
th.tableau3titre {FONT-FAMILY:arial; FONT-SIZE:14px; FONT-WEIGHT:bold; TEXT-ALIGN:center; COLOR:#ffffff}
td.tableau3detail,.tableau3detail {FONT-FAMILY:arial; FONT-SIZE:12px; FONT-WEIGHT:normal; TEXT-ALIGN:center; COLOR:#aaaaaa}
a.tableau3detail:link, a.tableau3detail:visited {COLOR:#ffcc00}
a.tableau3detail:hover, a.tableau3detail:active {COLOR:#ff0000}

.txt14b {FONT-FAMILY:arial; FONT-SIZE:14px; FONT-WEIGHT:bold; COLOR:#000000}

.txt16b {FONT-FAMILY:arial; FONT-SIZE:16px; FONT-WEIGHT:bold; COLOR:#000000}



@media (max-width:959.98px){
#page {min-width:780px}
#page td.colonne-d {display:none}
#page #footer .footer-content .bloc:nth-child(1) {display:none}
}



/*** GESTION DES IMPRESSIONS ***/
@media print {
  h1 {page-break-before:always} /* chaque titre commence sur une nouvelle page */
  h1, h2, h3, caption {page-break-after: avoid;} /* pas de saut après ces éléments */
  p, blockquote {widows:3; orphans:3} /* pas de ligne seule en haut et en bas */
  blockquote, ul, ol {page-break-inside:avoid;} /* pas de coupure dans ces élements */
  .printsautbas {page-break-after:always} /* saut de page après un élément */

  body {background:none}
  a {text-decoration: underline !important}
  .print-none {display:none}
  .taille-txt {display:none}
  #page {background:none}
  #page #header .haut {display:none}
  #page #header .centre {border-top:2px solid #000; border-top:2px solid #000}
  #page #header .centre .titre {width:100%}
  #page #header .centre .banniere {display:none}
  #page #header #nav {display:none}
  #page #contenu {background:none}
  #page #contenu td.colonne-g {padding:0}
  #page #section .bloc {box-shadow:none}
  #page #section .rebond {display:none}
  #page #section .pub728 {display:none}
  #page #section #retour-haut-page {visibility:hidden; margin-top:0}
  #page #aside {display:none}
  #page #footer .vignettes {display:none}
  #page #footer .mention #hit-parade {display:none}
  #page #bandeau-cookies {display:none}
}