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

#Contener-Index { position:absolute; top:175px; width:100%; background-color:#eee; }

#NewsP { width:1285px; padding:0; margin-top:25px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#NewsP .Item { display:block; margin:10px 38px 10px 0; padding:0; width:390px; height:325px; box-shadow:2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; -moz-box-shadow: 2px 2px 3px #333; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#NewsP .TitreRouge { width:380px; margin-top:225px; height:16px; text-align:center; padding:5px; color:#fff; background-color:#960018; font-weight:bold; text-transform:uppercase; }
#NewsP .TitreVert { width:380px; margin-top:225px; height:16px; text-align:center; padding:5px; color:#fff; background-color:#019e46; font-weight:bold; text-transform:uppercase; }
#NewsP .TitreOrange { width:380px; margin-top:225px; height:16px; text-align:center; padding:5px; color:#fff; background-color:#e55a00; font-weight:bold; text-transform:uppercase; }
#NewsP .TitreViolet { width:380px; margin-top:225px; height:16px; text-align:center; padding:5px; color:#fff; background-color:#884da7; font-weight:bold; text-transform:uppercase; }
#NewsP .TitreBleu { width:380px; margin-top:225px; height:16px; text-align:center; padding:5px; color:#fff; background-color:#318ce7; font-weight:bold; text-transform:uppercase; }
#NewsP .Date { float:left; position:absolute; width:48px; height:48px; text-align:center; margin:10px; padding:3px; color:#333; background-color:#960018; z-index:8999; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#NewsP .Jour { font-size:22px; margin:0; color:#fff; padding:2px 0 0 0; }
#NewsP .Mois { font-size:15px; margin:0; padding:0; color:#fff; }
#NewsP .Info { width:370px; height:50px; padding:10px; background-color:#eee; font-size:16px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; }
#NewsP sup { color:#fff; }
#NewsP img { position:absolute; object-fit:cover; border:none; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; z-index:8990; }
#NewsP a { text-decoration:none; cursor:pointer; }

#News { width:1250px; margin:15px 0; padding:0; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }

#NewsS { float:right; width:60%; margin-top:25px; padding:0; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-direction:row; }
#NewsS .Item { display:block; margin-bottom:2px; margin:0 0 25px 39px; width:750px; height:150px; background:url(/images/vignette_news1.png) no-repeat #fff; box-shadow:2px 2px 3px #333; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }
#NewsS .TitreRouge { width:550px; margin-left:190px; height:auto; text-align:center; padding:5px; color:#fff; background-color:#960018; font-weight:bold; -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0; border-radius:0 7px 0 0; text-transform:uppercase; }
#NewsS .TitreVert { width:550px; margin-left:190px; height:auto; text-align:center; padding:5px; color:#fff; background-color:#019e46; font-weight:bold; -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0; border-radius:0 7px 0 0; text-transform:uppercase; }
#NewsS .TitreOrange { width:550px; margin-left:190px; height:auto; text-align:center; padding:5px; color:#fff; background-color:#e55a00; font-weight:bold; -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0; border-radius:0 7px 0 0; text-transform:uppercase; }
#NewsS .TitreViolet { width:550px; margin-left:190px; height:auto; text-align:center; padding:5px; color:#fff; background-color:#884da7; font-weight:bold; -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0; border-radius:0 7px 0 0; text-transform:uppercase; }
#NewsS .TitreBleu { width:550px; margin-left:190px; height:auto; text-align:center; padding:5px; color:#fff; background-color:#318ce7; font-weight:bold; -moz-border-radius:0 7px 0 0; -webkit-border-radius:0 7px 0 0; border-radius:0 7px 0 0; text-transform:uppercase; }
#NewsS .Date { margin-left:200px; height:14px; padding:10px 0 5px 0; font-size:13px; color:#666; text-transform:uppercase; }
#NewsS .Info { margin-left:200px; width:545px; height:95px; padding:2px 0; font-size:16px; }
#NewsS img { position:absolute; border:none; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px; border-radius:7px 0 0 7px; z-index:8990; }
#NewsS a { text-decoration:none; cursor:pointer; }

#Breves { float:left; width:35%; height:80px; margin-top:25px; margin-right:20px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#Breves .Item { margin:0; padding:0; width:465px; height:325px; background-color:#666; box-shadow:2px 2px 3px #333; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#Breves .Entete { width:455px; height:50px; color:#fff; border-bottom:1px solid #ccc; }
#Breves .Entete p.Titre { height:18px; padding:15px 10px; font-weight:bold; font-size:16px; color:#fff; text-transform:uppercase; }
#Breves .InfoRouge { width:445px; height:65px; border-bottom:1px solid #ccc; color:#fff; border-left:#960018 solid 10px; }
#Breves .InfoVert { width:445px; height:65px; border-bottom:1px solid #ccc; color:#fff; border-left:#019e46 solid 10px; }
#Breves .InfoOrange { width:445px; height:65px; border-bottom:1px solid #ccc; color:#fff; border-left:#e55a00 solid 10px; }
#Breves .InfoBleu { width:445px; height:65px; border-bottom:1px solid #ccc; color:#fff; border-left:#318ce7 solid 10px; }
#Breves .InfoViolet { width:445px; height:65px; border-bottom:1px solid #ccc; color:#fff; border-left:#884da7 solid 10px; }
#Breves .Info:hover { color:#fff; background-color:#999; }
#Breves .InfoFlash { width:455px; height:65px; border-bottom:1px solid #ccc; background-color:#960018; }
#Breves .InfoFlash:hover { cursor:initial; }
#Breves .Date { height:18px; padding:4px 10px 0 10px; font-size:13px; color:#fff; text-transform:uppercase; }
#Breves .Libelle { height:18px; padding:2px 10px 0 10px; font-size:14px; font-weight:bold; color:#fff; }
#Breves a { text-decoration:none; cursor:pointer; }

#Agenda { clear:both; width:1250px; margin-top:40px; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-direction:row; }
#Agenda .Item1 { border-left:7px solid #960018; width:1239px; height:50px; margin:0 0 11px 0; background-color:#fff; box-shadow:2px 2px 3px #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#Agenda .Item2 { border-left:7px solid #019e46; width:1239px; height:50px; margin:0 0 11px 0; background-color:#fff; box-shadow:2px 2px 3px #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#Agenda .Item3 { border-left:7px solid #e55a00; width:1239px; height:50px; margin:0 0 11px 0; background-color:#fff; box-shadow:2px 2px 3px #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#Agenda .Item4 { border-left:7px solid #318ce7; width:1239px; height:50px; margin:0 0 11px 0; background-color:#fff; box-shadow:2px 2px 3px #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#Agenda .Item5 { border-left:7px solid #884da7; width:1239px; height:50px; margin:0 0 11px 0; background-color:#fff; box-shadow:2px 2px 3px #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#Agenda .Date { width:800px; height:14px; text-align:left; font-size:12px; padding:5px 0 0 12px; text-transform:uppercase; }
#Agenda .Titre { width:800px; height:16px; text-align:left; font-weight:bold; padding:10px 0 0 12px; text-transform:uppercase; }
#Agenda .Detail { float:right; width:100px; align-items:center; margin:-17px 10px 0 0; }