/*
--------------------------------------------------------------------------
CRIDF Tir à l'arc
CSS commun à toutes les pages du site
--------------------------------------------------------------------------
Couleurs 
Rouge : #960018 rouge sang
Bleu : #318ce7 bleu france
Vert : #019e46 vert 
Orange : #e55a00 
Violet : #884da7 améthiste
Bronze : #a87e29
Or : #ffd700
Argent : #cecece
*/

* { padding:0; margin:0; color:#555; font-size:16px; font-family:Arial; }
html { scroll-behavior:smooth; }
body { width:100%; color:#333; font-style:normal; font-weight:normal; background-color:#eee; position:relative; }
img { border:1px solid #666; }
img.Actu { border:1px solid #666;  box-shadow:2px 2px 3px #333;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
img.Icon { width:18px; border:none; }
button { width:100px; font-size:14px; line-height:30px; text-shadow:1px 1px 1px #555; font-weight:bold; background-color:#666; color:#fff; border:0; align-items:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; transition:background-color 0.3s, opacity 0.5s, visibility 0.5s; }
button:hover { width:100px; background-color:#318ce7; color:#fff; text-shadow:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

form { margin:0px; padding:0px; display:inline; }

a { color:#555; font-size:16px; text-decoration:underline; font-weight:bold; cursor:pointer; }
a:hover { color:#999; text-decoration:none; cursor:pointer; }

h1 { height:32px; padding:20px 0; color:#666; text-align:left; font-size:28px; font-style:normal; font-weight:bold; text-transform:uppercase; }
h2 { height:28px; color:#666; text-align:left; font-weight:bold; font-size:24px; margin:50px 0 10px 0; padding:0; text-transform:uppercase; border-bottom:2px solid #666; }

sup {font-size:.7em; }
p { line-height:1.25; vertical-align:middle; padding:5px 0; }
p.Center { text-align:center; }

fieldset { text-align:left; padding:5px 10px 10px 10px; border:1px solid #ccc; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
legend { text-align:left; font-size:14px; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ddd; border-radius:3px; background-color:#318ce7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } 
input { font-size:15px; height:30px; font-weight:normal; padding:0 5px; background-color:#fff; border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
textarea { font-size:15px; height:125px; width:98%; font-weight:normal; resize:none; padding:5px; margin:5px 0; background-color:#fff; border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
select { font-size:15px; height:32px; font-weight:normal; -webkit-appearance:none; -moz-appearance:none; background-image:none; border:1px solid #666; padding:2px 10px; cursor:pointer; background:#fff url("/images/list.png") no-repeat top right; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
option { font-size:15px; font-weight:normal; padding:3px; background:#fff; color:#333; }
select optgroup { font-weight:bold; color:#318ce7; }
option:active, option:hover, option:focus { background:#666; color:#fff; }
option:checked { background:#999; color:#fff; }
label { text-transform:uppercase; font-size:14px; font-weight:bold; padding:0 10px 0 0; }
::placeholder {color:#aaa; }

select.TLong { width:322px; }
select.TLongErr { width:322px; border:2px solid #960018; background:#f2f2f2 url("/images/list_err.png") no-repeat top right; }
select.Long { width:202px; }
select.LongErr { width:202px; border:2px solid #960018; background:#f2f2f2 url("/images/list_err.png") no-repeat top right; }
select.Medium { width:162px; }
select.MediumErr { width:160px; border:2px solid #960018; background:#f2f2f2 url("/images/list_err.png") no-repeat top right; }
select.Court { width:122px; }
select.CourtErr { width:122px; border:2px solid #960018; background:#f2f2f2 url("/images/list_err.png") no-repeat top right; }

textarea.Err { border:2px solid #960018; }

input.TLong { width:350px; }
input.TLongErr { width:350px; border:2px solid #960018; }
input.Long { width:250px; }
input.LongErr { width:250px; border:2px solid #960018; }
input.Medium { width:150px; }
input.MediumErr { width:150px; border:2px solid #960018; }
input.Court { width:80px; }
input.CourtErr { width:80px; border:2px solid #960018; }
input.Date { width:105px; }
input.DateErr { width:105px; border:2px solid #960018; }
input[type=date]::-webkit-calendar-picker-indicator { cursor:pointer; filter:invert(0.4); }
input.Button { width:100px; font-size:14px; line-height:30px; text-shadow:1px 1px 1px #555; font-weight:bold; background-color:#666; color:#fff; border:0; align-items:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; transition:background-color 0.3s, opacity 0.5s, visibility 0.5s; }
input.Button:hover { width:100px; background-color:#318ce7; color:#fff; text-shadow:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

ul li.Rouge { margin-left:50px; padding:5px; line-height:1.25; display:list-item; list-style-image:url(../images/bulletR.png); }
ul li.Vert { margin-left:50px; padding:5px; line-height:1.25; display:list-item; list-style-image:url(../images/bulletV.png); }
ul li.Bleu { margin-left:50px; padding:5px; line-height:1.25; display:list-item; list-style-image:url(../images/bulletB.png); }

ol { list-style-type:none; counter-reset:li }
ol li::before {content:counter(li); color:#318ce7; font-weight:bold; display:inline-block; width:1em; margin-left:-1em; }
ol li { margin-left:50px; padding:5px; line-height:1.25; display:list-item; counter-increment:li; }

.Lien { color:#555; font-size:15px; text-decoration:underline; font-weight:bold; cursor:pointer; }
.Lien:hover { color:#999; text-decoration:none; }
.PtLien { font-size:12px; text-decoration:underline; font-weight:bold; }
.PtLien:hover { color:#999; text-decoration:none; }
.PtLienBc { color:#fff; font-size:14px; text-decoration:underline; font-weight:bold; }
.PtLienBc:hover { color:#bbb; text-decoration:none; }
.TexteGras { font-size:16px; font-weight:bold; }
.PtTexteGras { font-size:12px; font-weight:bold; }
.TexteGrasRouge { color:#960018; font-size:16px; font-weight:bold; }
.TexteGrasVert { color:#019e46; font-size:16px; font-weight:bold; }
.TexteGrasBleu { color:#318ce7; font-size:16px; font-weight:bold; }
.PtTexteGrasBleu { color:#318ce7; font-size:12px; font-weight:bold; }
.PtTexteGrasRouge { color:#960018; font-size:12px; font-weight:bold; }
.TexteGrasOrange{ color:#e55a00; font-size:16px; font-weight:bold; }
.SousRubrique { height:20px; color:#318ce7; text-align:left; font-weight:bold; font-size:16px; text-decoration:underline; margin:15px 0; padding:0; text-transform:uppercase; }
.Ancre { scroll-margin-top:150px; }

#Entete { position:fixed; width:100%; height:145px; border-bottom:3px solid #999; background-color:#fff; z-index:9999; }
#Entete-content { width:100%; height:120px; border-bottom:3px solid #999; background-color:#318ce7; background-image:url(../images/titre.png); background-repeat:no-repeat; background-attachment:fixed; background-position:center top;  }
#Entete-content div.Gauche { float:left; margin:10px; }
#Entete-content div.Gauche img.Logo { border:none; }
#Entete-content div.Gauche img.RS { border:none; width:25px; margin:7px; }
#Entete-content div.Droite { float:right; margin:20px; }
#Date { text-align:right; height:27px; padding:0 5px; font-weight:bold; font-size:14px; color:#fff; }
#Ident { height:32px; text-align:right; padding:0 5px; font-weight:bold; font-size:14px; color:#fff; text-transform:uppercase; }
#WhoPlay { height:27px; text-align:right; height:30px; padding:0 5px; font-weight:bold; font-size:14px; color:#fff; text-transform:uppercase; }
#WhoPlay .BtLien { color:#fff; font-size:14px; text-decoration:none; font-weight:bold; background-color:#960018; padding:3px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#WhoPlay .BtLien:hover { color:#960018; text-decoration:none; background-color:#fff; }


#Contener { position:absolute; top:145px; width:100%; background-color:#eee; }
#Contener-content { width:1250px; margin-left:auto; margin-right:auto; margin-bottom:40px; padding-left:15px; text-align:left; background-color:#eee; }
#CheminDeFer { width:100%; height:20px; padding:0; margin:15px 0 5px 0; color:#666; text-align:left; font-size:12px; font-style:normal; font-weight:bold; text-transform:uppercase; border-bottom:3px solid #318ce7; }
#CheminDeFer .PtLien { color:#666; font-size:12px; text-decoration:none; font-weight:bold; }
#CheminDeFer .PtLien:hover { color:#333; text-decoration:underline; }
#CheminDeFer li { font-size:12px; padding:0 10px; display:inline-block; list-style:none; text-align:center; }
#CheminDeFer li.CDF_a { padding:0 10px 0 0 }
#CheminDeFer a { font-size:12px; text-decoration:none; font-weight:bold; }
#CheminDeFer a:hover { text-decoration:underline; }
#TitrePage { height:25px; padding:20px 0; color:#666; text-align:left; font-size:28px; font-style:normal; font-weight:bold; text-transform:uppercase; }

#TitreRubrique { height:20px; color:#666; text-align:left; font-weight:bold; font-size:24px; margin:30px 0 10px 0; padding:0; text-transform:uppercase; }
#Rubriques li { font-size:14px; padding-right:40px; margin-bottom:25px; display:inline-block; list-style:none; text-align:left; text-transform:uppercase; }
#Rubriques a { font-size:14px; text-decoration:none; font-weight:bold; }
#Rubriques a:hover { text-decoration:underline; }

#Info { padding:0; margin:0 0 40px 0; }
#Button { display:flex; justify-content:center; padding:10px 0; }

#Footer-Contener { width:100%; height:48px; padding:5px 0; margin:40px auto 5px auto; background-color:#666; text-align:center; }
#Footer-Contener p { font-size:14px; font-style:normal; color:#fff; padding:2px 0; }
#Footer-Contener .Rubric { margin:0 20px 0 30px; color:#fff; }
#Footer-Contener a { font-size:14px; font-style:normal; margin:0 20px; text-decoration:underline; color:#fff; }
#Footer-Contener a:hover { text-decoration:none; }

#ButtonUp { display:block; z-index:9999; transition:background-color 0.3s, opacity 0.5s, visibility 0.5s; opacity:0; visibility:hidden; position:fixed; bottom:80px; right:30px; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; outline:none; width:30px; height:30px; padding:0 0 3px 0; background-color:#555; }
#ButtonUp::after { content:url(/images/chevron_up.png); }
#ButtonUp:hover, #ButtonUp:focus, #ButtonUp:focus-within { cursor:pointer; background-color:#318ce7; }

#Article-Item { padding:0 0 10px 0; margin-bottom:20px; border-bottom:1px solid #666; }
#Article-Item p.Titre-Item-Rouge { padding-top:10px; font-size:20px; color:#960018; font-weight:bold; text-transform:uppercase; }
#Article-Item p.Titre-Item-Vert { padding-top:10px; font-size:20px; color:#019e46; font-weight:bold; text-transform:uppercase; }
#Article-Item p.Titre-Item-Orange { padding-top:10px; font-size:20px; color:#e55a00; font-weight:bold; text-transform:uppercase; }
#Article-Item p.Titre-Item-Bleu { padding-top:10px; font-size:20px; color:#318ce7; font-weight:bold; text-transform:uppercase; }
#Article-Item p.Titre-Item-Violet { padding-top:10px; font-size:20px; color:#884da7; font-weight:bold; text-transform:uppercase; }
#Article-Item .Date { height:18px; padding:0; font-size:14px; text-transform:uppercase; font-weight:bold; }
#Article-Item .Img { justify-content:center; margin:15px 0; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Article-Item p.Legend { height:18px; padding:10px 0; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; }
#Article-Item p.Shortext { font-weight:bold; }
#Article-Item p.Docs { text-align:center; }
#Article-Item .Lien { color:#555; font-size:15px; text-decoration:underline; font-weight:bold; cursor:pointer; margin:10px 25px 10px 0; }
#Article-Item img{ height:300px; margin:0 20px; }
#Article-Item ul li { margin-left:50px; padding:2px 5px 2px 5px; display:list-item; list-style-image:url(../images/bulletB.png); }

/* Bouton CheckBox */
.switch { position:relative; display:inline-block; width:14px; height:14px; vertical-align:middle; }
.switch input { opacity:0; width:0; height:0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #999; -webkit-transition: .2s; transition: .2s; }
.slider:before { position: absolute; content: ""; height:10px; width:10px; left: 2px; bottom:2px; background-color: white; -webkit-transition: .2s; transition: .2s; }
input:checked + .slider { background-color: #318ce7; }
input:focus + .slider { box-shadow: 0 0 1px #318ce7; }
input:checked + .slider:before { -webkit-transform: translateX(9px); -ms-transform: translateX(9px); transform: translateX(9px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }

/* Popup identification */
#PopupLogon { padding:10px; border:7px solid #318CE7; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; box-shadow:5px 5px 12px #333; z-index:9999; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#PopupLogon .Line { display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#PopupLogon .Cell-Label { width:150px; text-align:right; padding:12px 20px 0 0; }
#PopupLogon .Cell-Input { width:175px; text-align:left; padding:5px 0; }
#PopupLogon input { width:175px; height:24px; padding:2px 5px; }

/* Popup de confirmation */
.PopupConfirm { top:25%; left:49%; width:350px; height:125px; margin:0 0 0 -170px; border:7px solid #7f0000; background-color:#ccc; overflow:auto; box-shadow:5px 5px 12px; z-index:9999; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
.PopupConfirm p.TitrePopup { font-size:14pt; text-align:center; padding:10px 0 20px 0; margin:0; }
.PopupConfirm p.Detail { text-align:right; font-size:10pt; text-align:center; padding:10px 0 10px 0; margin:0; font-weight:bold; }

.Gauche { float:left; margin:20px 0 0 35px; }
.Droite { float:right; margin:20px 35px 0 0; }