/* 
--------------------------------------------------------------------------
CRIDF Tir à l'arc
CSS spécifique pages Arbitrage 
--------------------------------------------------------------------------
*/

button.Cal { width:300px; line-height:40px; margin:10px 0; padding-left:20px; font-weight:bold; text-shadow:none; background:#fff url("/images/icon-xlsx.png") no-repeat right; color:#666; border:1px solid #999; text-align:left; align-items:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; }
button.Cal:hover { width:300px; background-color:#318ce7; color:#fff; text-shadow:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
p.DateMAJ { text-align:center; font-size:12px; color:#318ce7; font-weight:bold; width:300px; }

#CoTechArb { margin-left:auto; margin-right:auto; padding:0; margin-bottom:60px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#CoTechArb .Item { text-align:center; margin:10px 20px; padding:5px; width:175px; height:250px; background-color:#fff; border:1px solid #666; box-shadow:2px 2px 3px #333; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#CoTechArb p { font-size:14px; text-align:center; padding:5px 0; }
#CoTechArb img.photo { width:125px; box-shadow:2px 2px 4px #aaa; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-top:10px; }

#AffSaisieCalArb { display:block; clear:both; font-size:16px; margin:10px 0 10px 40px; }
#MasqSaisieCalArb { display:none; clear:both; font-size:16px; margin:10px 0 10px 40px; }
#SaisieCalArb { width:850px; margin-left:auto; margin-right:auto; justify-content:justify; padding:20px; margin-bottom:60px; display:flex; flex-wrap:wrap; border:1px solid #ccc; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  }
#SaisieCalArb label { text-transform:uppercase; font-size:14px; font-weight:bold; padding:0 10px 0 10px; }
#SaisieCalArb input.Upload { border:none; width:290px; background-color:#fff; color:#555; }
#SaisieCalArb input.UploadErr { border:none; width:290px; color:#960018; }
#SaisieCalArb button { margin-left:40px; }

#AM, #RT, #RP { width:960px; margin:30px auto 30px auto; justify-content:center; padding:10px; display:flex; flex-wrap:wrap; border:1px solid #ccc; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  }
#AM div.AM-pdf, #RP div.RP-pdf { display:flex; font-size:14px; width:180px; height:24px; background:#eee url("/images/icon-pdf.png") no-repeat right; background-size:25px; padding:5px 10px; justify-content:left; font-weight:bold; align-items:center; margin:10px 15px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#RT div.RT-pdf, #AM div.AML-pdf, #RP div.RPL-pdf { font-size:14px; display:flex; width:250px; height:24px; background:#eee url("/images/icon-pdf.png") no-repeat right; background-size:25px; padding:5px 10px; justify-content:left; font-weight:bold; align-items:center; margin:10px 15px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#RP div.RP-xls { font-size:14px; display:flex; width:180px; height:24px; background:#eee url("/images/icon-xlsx.png") no-repeat right; background-size:25px; padding:5px 10px; justify-content:left; font-weight:bold; align-items:center; margin:10px 15px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#RP div.RPL-xls { font-size:14px; display:flex; width:250px; height:24px; background:#eee url("/images/icon-xlsx.png") no-repeat right; background-size:25px; padding:5px 10px; justify-content:left; font-weight:bold; align-items:center; margin:10px 15px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#AM a, #RT a, #RP a, #DF a { text-decoration:none; }
#DF { width:620px; margin:30px auto 30px auto; justify-content:center; padding:10px; display:flex; flex-wrap:wrap; border:1px solid #ccc; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  }
#DF div.DFL-doc { font-size:14px; display:flex; width:250px; height:24px; background:#eee url("/images/icon-docx.png") no-repeat right; background-size:25px; padding:5px 10px; justify-content:left; font-weight:bold; align-items:center; margin:10px 15px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#DF div.DFL-pdf { font-size:14px; display:flex; width:250px; height:24px; background:#eee url("/images/icon-pdf.png") no-repeat right; background-size:25px; padding:5px 10px; justify-content:left; font-weight:bold; align-items:center; margin:10px 15px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#RT div.RT-pdf:hover, #AM div.AML-pdf:hover, #AM div.AM-pdf:hover, #RP div.RP-pdf, #RP div.RPL-pdf:hover,
#RP div.RP-xls:hover, #RP div.RPL-xls:hover, #DF div.DFL-doc:hover, #DF div.DFL-pdf:hover { text-decoration:none; background-color:#ddd; }

#AffSaisieDocArb { display:block; clear:both; font-size:16px; margin:10px 0 10px 40px; }
#MasqSaisieDocArb { display:none; clear:both; font-size:16px; margin:10px 0 10px 40px; }
#SaisieDocArb { width:650px; margin-left:auto; margin-right:auto; justify-content:justify; padding:10px; margin-bottom:30px; display:flex; flex-wrap:wrap; border:1px solid #ccc; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  }
#SaisieDocArb label { text-transform:uppercase; font-size:14px; font-weight:bold; padding:0 10px 0 10px; }
#SaisieDocArb select.TLong { width:450px; }
#SaisieDocArb select.TLongErr { width:450px; border:2px solid #960018; }
#SaisieDocArb select optgroup { color:#318ce7; }
#SaisieDocArb button.File { margin:0 10px; }
#SaisieDocArb input.Upload { border:none; width:400px; background-color:#fff; color:#555; }
#SaisieDocArb input.UploadErr { border:none; width:400px; color:#960018; }

#CAL { width:420px; margin:30px auto 30px auto; justify-content:center; padding:10px; display:flex; flex-wrap:wrap; border:1px solid #ccc; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  }
#CAL div.CAL-xls { display:flex; font-size:14px; width:250px; height:24px; text-decoration:none; background:#eee url("/images/icon-xlsx.png") no-repeat right; background-size:25px; padding:5px 10px; justify-content:left; font-weight:bold; align-items:center; margin:10px 15px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#CAL div.CAL-xls:hover { text-decoration:none; background-color:#ddd; }
#CAL a { text-decoration:none; }

#ARB { width:420px; margin:30px auto 30px auto; justify-content:center; padding:10px; display:flex; flex-wrap:wrap; border:1px solid #ccc; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  }
#ARB div.ARB-pdf { display:flex; font-size:14px; width:250px; height:24px; text-decoration:none; background:#eee url("/images/icon-pdf.png") no-repeat right; background-size:25px; padding:5px 10px; justify-content:left; font-weight:bold; align-items:center; margin:10px 15px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#ARB div.ARB-pdf:hover { text-decoration:none; background-color:#ddd; }
#ARB a { text-decoration:none; }

#Candidats { width:1290px; margin:10px auto 30px auto; justify-content:center; display:flex; flex-wrap:wrap; }
#Candidats ul li { font-size:15px; padding:0 0 10px 15px; display:inline-block; text-align:left; width:405px; }

/* CSS pour calendriers */
#Validate { width:1220px; padding:10px; margin:10px auto 0 auto; }
#Validate legend { text-align:left; font-size:14px; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ddd; background-color:#e55a00; } 
#ListValidate {width:1200px; margin:5px auto; background-color:#fff;  display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#ListValidate div { font-size:15px; font-style:normal; padding:0; height:25px; }
#ListValidate div.Date { width:90px; padding:5px 0 0 0; }
#ListValidate div.Concours { width:525px; font-size:15px; font-weight:bold; padding:5px 0 0 0; color:#318ce7; }
#ListValidate div.DiscipR { width:150px; padding:5px 0 0 0; font-weight:bold; color:#960018; }
#ListValidate div.DiscipV { width:150px; padding:5px 0 0 0; font-weight:bold; color:#019e46; }
#ListValidate div.DiscipB { width:150px; padding:5px 0 0 0; font-weight:bold; color:#318ce7; }
#ListValidate div.DiscipO { width:150px; padding:5px 0 0 0; font-weight:bold; color:#e55a00; }
#ListValidate div.Discip { width:150px; padding:5px 0 0 0; font-weight:bold; }
#ListValidate label.Nom_arb { width:380px; font-size:15px; padding:5px 0 0 5px; text-transform:none; }
#ListValidate div.Check { width:30px; padding-top:6px; text-align:left; }
#ListValidate label.Resp { width:108px; padding:5px 5px 0 5px; }
#ListValidate label.Tuteur { width:125px; text-align:right; padding:5px 5px 0 0; }
#ListValidate label.Parcours { width:240px; text-align:right; padding:5px 5px 0 0; }
#ListValidate label.Other { width:573px; padding:5px 5px 0 5px; color:#960018; font-weight:bold; }
#ListValidate div.Other { width:567px; } 
#ListValidate div.Button { width:40px; text-align:right; }
#ListValidate div.Button button.Valid { width:35px; padding:0; margin:0; line-height:25px; background-color:#019e46; }
#ListValidate div.Button button.Sup { width:35px; padding:0; margin:0; line-height:25px; background-color:#960018; }
#ListValidate .PtTexteGrasRouge { color:#960018; font-size:14px; font-weight:bold; }

#Concours { width:1220px; margin:10px auto 0 auto; border:1px solid #ccc; background-color:#fff; padding:10px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#Concours div.Left { width:640px; text-align:left; }
#Concours div.Orga { width:500px; text-align:left; }
#Concours div.Tag { width:70px; display:flex; align-items:end; justify-content:left; }
#Concours div.Tag img { border:none; width:35px; height:35px; padding:0 0 2px 0; }
#Concours p { padding:4px 10px 0 10px; height:18px;}
#Concours p.Date { font-size:14px; }
#Concours p.Orga { font-size:16px; font-weight:bold; }
#Concours .Comp { font-weight:normal; color:#333; margin-left:20px; }
#Concours p.Eqpts { font-size:16px; }
#Concours p.Dep { font-size:16px; margin-top:25px; }
#Concours p.Discip { width:500px; font-weight:bold; display:inline-block; list-style:none; text-align:left; }
#Concours p.DiscipR { width:500px; font-weight:bold; display:inline-block; list-style:none; text-align:left; color:#960018; }
#Concours p.DiscipV { width:500px; font-weight:bold; display:inline-block; list-style:none; text-align:left; color:#019e46; }
#Concours p.DiscipB { width:500px; font-weight:bold; display:inline-block; list-style:none; text-align:left; color:#318ce7; }
#Concours p.DiscipO { width:500px; font-weight:bold; display:inline-block; list-style:none; text-align:left; color:#e55a00; }

#ListArb { width:1220px; margin:0 auto; padding:0; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#ListArb fieldset { width:380px; min-height:75px; margin:10px 5px; padding:5px; display:flex; flex-direction:column; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#ListArb legend { font-size:14px; text-align:center; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ccc; border-radius:3px; background-color:#318ce7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } 
#ListArb legend.Ctrlp { font-size:14px; text-align:center; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ccc; border-radius:3px; background-color:#019e46; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } 
#ListArb a { text-decoration:none; font-weight:normal; }
#ListArb div.Arb { width:383px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:flex-start; padding:0; margin:0; }
#ListArb div.Nom { width:330px; padding:3px 0 3px 3px; font-size:14px; text-align:left; }
#ListArb div.Statut { width:50px; color:#960018; font-weight:bold; padding:3px 0; font-size:14px; text-align:left; }

#SaisieArb { width:850px; margin:10px auto 0 auto; border:1px solid #999; background-color:#fff; padding:10px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#SaisieArb .Cell-Sel { height:40px; padding:4px 25px 0 10px; }
#SaisieArb .Cell-Button { height:40px; align-content:center; margin-left:30px; }
#SaisieArb select.SelArb { width:580px; margin-right:15px; }
#SaisieArb p { margin-left:10px; width:840px; }

#Search { width:1220px; padding:0; margin:30px auto; display:flex; flex-wrap:wrap; border:1px solid #ccc; padding:10px; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#Search .Cell-Sel { height:40px; padding:10px 25px 0 10px; }
#Search .Cell-Input { height:40px; padding:10px 25px 0 5px; }
#Search .Cell-Button { height:40px; padding:10px 0 0 25px; margin-left:30px; }

#ListArbIdF { margin:10px auto; width:1290px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#ListArbIdF .Col { width:405px; padding:0 10px 0 0; }
#ListArbIdF fieldset { width:390px; background-color:#fff; padding:5px; margin:15px 5px; }
#ListArbIdF legend.Opt { background-color:#019e46; }
#ListArbIdF img { border:none; margin:0 2px; width:20px; height:20px; }
#Line { width:380px; padding:2px 0; margin:0; background:#fff; display:flex; margin-left:auto; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Line .Nom { height:22px; width:265px; text-align:left; padding:2px 0 0 0; font-size:15px; margin:0; }
#Line .PCDA { height:22px; width:265px; text-align:left; padding:2px 0 0 0; font-size:15px; font-weight:bold; margin:0; }
#Line .Img { height:22px; width:110px; padding:0; text-align:right; }
#Line .Img2 { height:22px; width:35px; padding:0; text-align:left; }
#Line .Opt { height:22px; width:250px; text-align:left; padding:2px 0 0 0; font-size:15px; margin:0; }
#Line .TOpt { height:22px; width:250px; text-align:left; padding:2px 0 0 0; font-size:15px; margin:0; color:#019e46; font-weight:bold; }