/*
Couleurs 
Rouge : #960018 rouge sang
Bleu : #318ce7 bleu france
Bleu (background) : #b9e2fc
Vert : #16b84e vert menthe
Orange : #ed7f10 
Violet : #884da7 améthiste
Bronze : #c49c48 (ae642d)
Or : #ffd700
Argent : #cecece
*/
* { padding:0; margin:0; text-decoration:none; color:#666; font-size:10pt; font-style:normal; font-family:Tahoma,Arial; font-weight:normal; }

body { color:#666; font-size:10pt; font-style:normal; font-weight:normal; background-color:#ddd; background-image:url(../images/fond.png); }

img { border:1px solid #666; }
img.SBord { border-style:none; }
img.Doc { height:30px; text-align:center; border-style:none; vertical-align:middle; padding-left:5px; }

table { padding:0; margin:0; border:0; border-spacing:0; border-collapse:collapse; }
td { vertical-align:top; }

p { padding:2px 5px 2px 0; vertical-align:middle; }
p.Centre { text-align:center; margin-bottom:10px; }
p.Doc {text-align:center; }

a.Button { border:1px solid #666; border-radius:3px; background-color:#888; color:#fff; font-size:9pt; font-weight:bold; width:100px; line-height:20px; text-align:center; vertical-align:middle; display:block; margin:auto; }
a.Button:hover { background-color:#666; color:#ffd700; border:1px solid #333; }

li.Rouge { margin-left:30px; padding:2px 5px 2px 5px; display:list-item; list-style-image:url(../images/puce_rouge.gif); }
li.Vert { margin-left:30px; padding:2px 5px 2px 5px; display:list-item; list-style-image:url(../images/puce_vert.gif); }
li.Bleu { margin-left:30px; padding:2px 5px 2px 5px; display:list-item; list-style-image:url(../images/puce_bleu.gif); }
li.Tab { margin-left:12px; padding:2px 5px 2px 5px; display:list-item; list-style-type:none; }

legend { text-align:left; font-weight:bold; padding:2px 5px; color:#fff; border:1px solid #ddd; border-radius:3px; background-color:#666; border:2px solid #ccc; }
fieldset { text-align:left; padding:5px 10px 10px 10px; border:10px solid #ccc; box-shadow:2px 2px 4px #aaa; background-color:#e7e7e7; border-radius:5px; }

input { font-size:10pt; font-weight:normal; background-color:#fff; border:1px solid #666; padding:2px 5px; }
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:12px solid #960018; }
input.Court { width:80px; }
input.CourtD { width:80px; text-align:right; }
input.CourtErr { width:80px; border:2px solid #960018; }
input.CourtDErr { width:80px; border:2px solid #960018; text-align:right; }
input.Date { width:105px; }
input.DateErr { width:105px; border:2px solid #960018; }
input[type=radio] { -webkit-appearance:none; -moz-appearance: none; height:14px; width:14px; cursor:pointer; color:#960018; border-radius:7px; }
input[type=radio]:checked { background-color:#318ce7; border:2px solid #ccc; border-radius:7px; }
input[type=checkbox] { -webkit-appearance:none; -moz-appearance: none; height:14px; width:14px; cursor:pointer; color:#960018; }
input[type=checkbox]:checked { background-color:#666; border:1px solid #ccc; }

.switch { position:relative; display:inline-block; width:23px; height:14px; }
.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%; }

input.Button { width:100px; height:20px; background-color:#888; font-weight:bold; text-align:center; padding:0; cursor: pointer; color:#fff; border-radius:3px; }
input.ButtonErr { width:100px; height:20px; background-color:#960018; font-weight:bold; text-align:center; padding:0; cursor: pointer; color:#fff; border-radius:3px; }
input.Button:hover { background-color:#666; color:#ffd700; border:1px solid #333; }
input.ButtonErr:hover { background-color:#960018; color:#ffd700; border:1px solid #333; }
input.ButtonPJ { width:100px; height:20px; background-color:#888; font-weight:bold; text-align:center; padding:0; cursor: pointer; color:#fff; border-radius:3px; }
input.ButtonPJ:hover { background-color:#666; color:#ffd700; border:1px solid #333; }
input.ButtonGris { width:17px; height:17px; background-color:#999; text-align:center; padding:0; cursor: pointer; color:#fff; font-size:8pt; border-radius:3px; text-decoration:none; }
input.ButtonVert { width:17px; height:17px; background-color:#04B431; text-align:center; padding:0; cursor: pointer; color:#fff; font-size:8pt; border-radius:3px; text-decoration:none; }
input.ButtonRouge { width:17px; height:17px; background-color:#960018; text-align:center; padding:0; cursor: pointer; color:#fff; font-size:8pt; border-radius:3px; text-decoration:none; }
input.ButtonBleu { width:17px; height:17px; background-color:#318CE7; text-align:center; padding:0; cursor: pointer; color:#fff; font-size:8pt; border-radius:3px; text-decoration:none; }
textarea { font-size:10pt; font-weight:normal; background-color:#fff; border:1px solid #666; padding:5px 5px 0 5px; margin-top:2px; resize:none; }
textarea.Err { border:1px solid #960018; }
select { font-size:10pt; font-weight:normal; -webkit-appearance:none; -moz-appearance: none; background-image:none; border:1px solid #666; padding:2px 5px; cursor:pointer; background:#fff url("/images/list.png") no-repeat top right; }
select.Long { width:262px; }
select.LongErr { width:262px; border:2px solid #960018; background:#f2f2f2 url("/images/list_err.png") no-repeat top right; }
select.TLong { width:362px; }
select.Medium { width:162px; }
select.MediumErr { width:162px; border:2px solid #960018; background:#f2f2f2 url("/images/list_err.png") no-repeat top right;  }
select.Court { width:83px; }
select.CourtErr { width:83px; border:2px solid #960018; background:#f2f2f2 url("/images/list_err.png") no-repeat top right; }
select.Saison { width:115px; color:#318CE7; font-weight:bold; }
select.Annee { width:83px; color:#318CE7; font-weight:bold; }

.PtTexte { font-size:8pt; }
.PtTexteGras { font-size:8pt; font-weight:bold; }
.PtTexteGrasBleu { font-size:8pt; font-weight:bold; color:#318CE7; }
.TexteGras { font-size:9pt; font-weight:bold; }
.TexteGrasRouge { color:#960018; font-size:9pt; font-weight:bold; }
.TexteGrasBleu { color:#318CE7; font-size:9pt; font-weight:bold; }
.TexteGrasOrange { color:#ed7f10; font-size:9pt; font-weight:bold; }
.TexteGrasViolet { color:#884da7; font-size:9pt; font-weight:bold; }
.TexteGrasVert { color:#16B84E; font-size:9pt; font-weight:bold; }
.TexteGrasRougeFlash { color:#960018; font-size:10pt; font-weight:bold; }
.TitreRubricRouge { color:#960018; font-size:10pt; font-weight:bold; text-decoration:underline; padding-top:10px; }
.TitreRubricBleu { color:#318CE7; font-size:10pt; font-weight:bold; text-decoration:underline; padding-top:10px; }
.TitreRubricVert { color:#16B84E; font-size:10pt; font-weight:bold; text-decoration:underline; padding-top:10px; }
.Edito { font-size:10pt; font-weight:bold; font-style:italic; }
.Exp { vertical-align:super; font-size:6pt; }

.Lien { color:#666; font-size:10pt; text-decoration:underline; font-weight:bold; }
.Lien:hover { color:#999; text-decoration:none; }
.LienInverse { font-size:10pt; text-decoration:none; }
.LienInverse:hover { color:#999; text-decoration:underline; }
.PtLien { color:#666; font-size:8pt; text-decoration:underline; font-weight:bold; }
.PtLien:hover { color:#999; text-decoration:none; }
.LienCdF { font-size:8pt; text-decoration:underline; font-weight:bold; }
.LienCdF:hover { color:#999; font-size:8pt; text-decoration:none; }

#Contener { margin-left:auto; margin-right:auto; width:1020px; background-color: #fff; padding-bottom:1px; box-shadow:0 0 0.7em 0.7em rgba(0, 0, 0, 0.25); }
#Content { width:1020px; text-align:left; padding:10px 0 0 10px; overflow:auto; z-index:999; }
#Maintenance { width:980px; text-align:left; font-size:11pt; color:#666; padding:75px 0 75px 25px; overflow:auto; z-index:999; }
#Maintenance .p1 { font-size:18pt; color:#960018; font-weight:bold; padding-bottom:20px; }
#Maintenance .p2 { font-weight:bold; font-size:14pt; }
#Maintenance img { width:250px; border-style:none; padding:25px 0 25px 360px; }

#Entete { width:1020px; height:87px; background:url(../images/bandeau2.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete1 { width:1020px; height:87px; background:url(../images/bandeau1.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete2 { width:1020px; height:87px; background:url(../images/bandeau2.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete3 { width:1020px; height:87px; background:url(../images/bandeau3.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete5 { width:1020px; height:87px; background:url(../images/bandeau5.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete6 { width:1020px; height:87px; background:url(../images/bandeau6.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete7 { width:1020px; height:87px; background:url(../images/bandeau7.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete9 { width:1020px; height:87px; background:url(../images/bandeau9.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete10 { width:1020px; height:87px; background:url(../images/bandeau10.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Entete11 { width:1020px; height:87px; background:url(../images/bandeau11.png) no-repeat; border-bottom:2px solid #666; z-index:101; }
#Date { text-align: right; padding:25px 10px 0 0; font-weight:bold; font-size:9pt; }
#Ident { text-align: right; padding:10px 10px 0 0; }
#TitrePage { width:1010px; height:27px; text-align:left; border-bottom:1px solid #666; font-size:14pt; font-style:normal; padding:1px 0 0 10px; color:#666; z-index:102; }

#CheminDeFer { width:1000px; height:20px; font-size:8pt; font-style:normal; text-align:left; padding:5px 0 0 10px; }

#Rubriques { width:1000px; height:20px; text-align:left; padding:5px 0 0 10px; font-size:8pt; z-index:99; }
#Rubriques a { color:#666; font-size:8pt; font-style:normal; text-decoration:underline; margin-left:20px; }
#Rubriques a:hover { color:#999; text-decoration:none; }

#PiedDePage { clear:both; width:980px; height:20px; padding:5px 10px 0px 10px; margin:25px 10px 10px 10px; background-color:#999; text-align:center; z-index:1; }
#PiedDePage .Rubric { margin:0 20px 0 20px; font-size:8pt; font-style:normal; color:#fff; }
#PiedDePage a { font-size:8pt; font-style:normal; color:#fff; text-decoration:none; margin:0 20px 0 20px; text-decoration:none; }
#PiedDePage a:hover { text-decoration:underline; }

#LogonPopup { display:none; position:fixed; top:25%; left:50%; width:340px; height:200px; margin:0 0 0 -170px; padding:10px; border:7px solid #318CE7; background-color:#ddd; overflow:auto; box-shadow:5px 5px 12px #333; z-index:9999; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#LogonPopup p { text-align:right; margin:5px 50px 5px 0; }
#LogonPopup p.TitrePopup { font-size:14pt; text-align:center; padding:10px 0 20px 0; margin:0; }

div.Gauche { float:left; margin:20px 0 0 35px; }
div.Droite { float:right; margin:20px 35px 0 0; }
div.PopupConfirm { top:25%; left:50%; width:350px; height:150px; margin:0 0 0 -170px; border:7px solid #7f0000; background-color:#ddd; overflow:auto; box-shadow:5px 5px 12px; z-index:9999; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
div.PopupConfirm p.Action { text-align:right; font-size:14pt; color:#960018; text-align:center; padding-top:20px; margin:0; }
div.PopupConfirm p.ActionV { text-align:right; font-size:14pt; color:#16b84e; text-align:center; padding-top:20px; margin:0; }
div.PopupConfirm p.Detail { text-align:right; font-size:10pt; text-align:center; padding:10px 0 10px 0; margin:0; font-weight:bold; }

#Logon input { width:100px; }
#Logon table { width:340px; }
#Logon td.LogonLeft { width:50%; text-align:right; height:25px; }
#Logon td.LogonRight { width:50%; text-align:left; }
#Logon td.LogonCenter { text-align:center; }
#Logon td.LogonButton { vertical-align:bottom; height: 50px; }

#Instagram { position:relative; float:left; margin:25px 0 0 25px; }
#Instagram img { border:none; }

#EnteteInfo { width:995px; margin-top:20px; }
#EnteteInfo p.Titre { width:985px; color:#666; font-size:14pt; border-bottom:2px solid #666; margin-bottom:5px; float:left; height:23px; }
#EnteteInfo p.Droite { width:70px; float:right; border-bottom:2px solid #666; vertical-align:bottom; text-align:right; height:23px; }
#EnteteInfo a.Top { font-size:8pt; text-decoration:underline; margin-right:-5px; }
#EnteteInfo a.Top:hover { color:#999; font-size:8pt; text-decoration:none; margin-right:-5px; }
#Info { width:950px; padding:5px 5px 5px 0; font-size:10pt; overflow:auto; margin-left:15px; }
#Info img.ActuImg { width:150px; float:right; margin-left:10px; }
#Info img.ActuImgH { width:75px; float:right; margin-left:10px; }
#Info img.Gauche { width:100px; float:left; margin-right:20px; border:0; }
#Info table.MC2 { border-color:#666; margin-left:70px; border:2px solid #bbb; }
#Info td.C1Entete { text-align:center; width:65px; border-left:1px solid; background-color:#999; color:#fff; padding:3px; border-left:1px solid;}
#Info td.C2Entete { text-align:left; width:200px; background-color:#999; color:#fff; padding:3px; }
#Info td.C1 { text-align:center; padding:3px; border-left:1px solid; }
#Info td.C2 { text-align:left; padding:3px; }
#Info td.SituG { text-align:left; padding-left:17px; width:480px; }
#Info td.SituD { text-align:left; Width:480px; }
#Info td.SalleG { text-align:left; width:580px;}
#Info td.SalleD { text-align:right; Width:380px; vertical-align:middle; }
#Info td.JardinG { text-align:center; width:495px;}
#Info td.JardinD { text-align:center; Width:495px; }

#ButtonUp { display:inline-block; background-color:#318ce7; width:27px; height:27px; text-align:center; border-radius:4px; position:fixed; bottom:20px; right:20px; transition:background-color .3s, opacity .5s, visibility .5s; opacity:0; visibility:hidden; z-index:1000; border:1px solid #666; box-shadow:3px 3px 3px #666; }
#ButtonUp::after { content:url(../images/chevron_up.png); }
#ButtonUp:hover { cursor:pointer; background-color:#666; }
#ButtonUp:active { background-color:#999; }
#ButtonUp.show { opacity:1; visibility:visible; }