/* 
--------------------------------------------------------------------------
CRIDF Tir à l'arc
CSS spécifique page d'accueil 
--------------------------------------------------------------------------
*/

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

#Commissions { padding:4px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Commissions .Item { text-align:center; margin:11px 20px; padding:5px; width:600px; height:200px; background-color:#fff; border:1px solid #666; box-shadow:2px 2px 3px #333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

#Clubs { padding:4px; }

#Coord { padding:0; margin:40px 0 20px 0; margin-left:auto; margin-right:auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Coord .Coord1 { float:left; width:50%; text-align:center; }
#Coord .Coord2 { float:right; width:50%; }
#Coord img { width:500px; box-shadow:2px 2px 3px #333;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#CoordCom { display:flex; justify-content:center; margin:40px 0 60px 0; }
#CoordCom td { width:300px; text-align:left; padding:10px; border-bottom:1px solid #999; margin:0; }
#CoordCom td.Name { color:#318ce7; font-size:16px; font-weight:bold; }

#Authent { width:950px; margin:0 auto 10px auto; align-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;  }
#Authent fieldset.Left { width:445px; margin:20px 0; margin-right:15px; }
#Authent fieldset.Right { width:445px; margin:20px 0; }
#Authent p.Bleu { color:#318ce7; font-size:16px; font-weight:bold; text-align:center; }
#Authent p.Vert { color:#019e46; font-size:16px; font-weight:bold; text-align:center; }
#Authent p.Err { color:#960018; font-size:16px; font-weight:bold; text-align:center; }
#Authent label { text-transform:uppercase; font-size:14px; font-weight:bold; padding:0 10px 0 0; display:inline-block; width:225px; }
#Authent input { width:190px; }
#Authent .Cell-Input { height:40px; padding:10px 25px 0 0; }
#Authent .Cell-Button { height:40px; margin-left:auto; margin-right:auto; text-align:center; padding-top:15px; }

#ListComm { width:1180px; padding:0; margin-top:10px;  margin-left:auto; margin-right:auto; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Comm { width:350px; padding:10px; margin-top:25px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Comm p { padding:5px; margin:0; }
#Comm fieldset { width:380px; min-height:250px; padding:5px 10px; }
#Comm legend.Vert { text-align:left; font-size:14px; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ddd; border-radius:3px; background-color:#019e46; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } 
#Comm legend.Orange { text-align:left; font-size:14px; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ddd; border-radius:3px; background-color:#e55a00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } 
#Comm legend.Rouge { text-align:left; font-size:14px; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ddd; border-radius:3px; background-color:#960018; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } 
#Comm legend.Violet { text-align:left; font-size:14px; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ddd; border-radius:3px; background-color:#884da7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } 
#Comm legend.Bronze { text-align:left; font-size:14px; font-weight:bold; padding:5px 10px; color:#fff; border:1px solid #ddd; border-radius:3px; background-color:#a87e29; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } 

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

#Contact { margin:60px auto 60px auto; padding:0; align-items:center; justify-content:center; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Contact fieldset { width:800px; height:450px; padding:15px 20px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Line { margin:10px 0; width:800px; }
#Line select.TLong { width:260px; }
#Line select.TLongErr { width:260px; border:2px solid #960018; background:#f2f2f2 url("/images/list_err.png") no-repeat top right; }
#LineL { margin:10px 0; width:450px; text-align:left; }
#LineR { margin:10px 5px 0 0; width:345px; text-align:right; }
#LineMsg { margin:10px 5px 0 0; width:345px; text-align:right; padding:10px 0 0 0; }
#LineL .Secure { width:35px; text-align:center; }
#LineL .SecureErr { width:35px; border:2px solid #960018; text-align:center; }

#DocCoDir { margin-left:auto; margin-right:auto; padding:0; margin:0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#DocCoDir fieldset { width:960px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:25px 0;}
#DocCoDir div.Doc-pdf { display:flex; font-size:14px; width:175px; 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 20px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#DocCoDir div.Doc-pdf:hover { text-decoration:none; background-color:#ddd; }
#DocCoDir a { text-decoration:none; }

#AffSaisieDocCR { display:block; clear:both; font-size:16px; margin:10px 0 10px 40px; }
#MasqSaisieDocCR { display:none; clear:both; font-size:16px; margin:10px 0 10px 40px; }
#SaisieDocCR { width:560px; 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;  }
#SaisieDocCR label { text-transform:uppercase; font-size:14px; font-weight:bold; padding:0 10px 0 10px; }
#SaisieDocCR select { width:215px; }
#SaisieDocCR select optgroup { color:#318ce7; }
#SaisieDocCR button.File { margin:0 10px; }
#SaisieDocCR input.Upload { border:none; width:310px; background-color:#fff; color:#555; }
#SaisieDocCR input.UploadErr { border:none; width:310px; color:#960018; }

#DS { width:640px; 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;  }
#DS a { text-decoration:none; }
#DS div.DSL-pdf { font-size:14px; display:flex; width:260px; 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;}
#DS div.DSL-pdf:hover { text-decoration:none; background-color:#ddd; }