#InfoFlash { width:965px; height:35px; text-align:left; font-size:10pt; font-weight:bold; color:#555; padding:3px 0 3px 10px; float:left; border:2px solid #960018; border-left:12px solid #960018; margin:10px 0 10px 5px; background-color:#eee; box-shadow:5px 5px 10px #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#LabelFFTA { width:150px; height:45px; background:url(../images/label_ffta.png) no-repeat; float:right; margin:10px 40px 0 0; }
#Event { width:965px; height:20px; text-align:left; padding:5px 0 3px 10px; float:left;  border:2px solid #16B84E; border-left:12px solid #16B84E; margin:10px 0 30px 5px; background-color:#eee; box-shadow:5px 5px 10px #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

#Photo_accueil { width:1000px; text-align:center; padding-bottom:25px; }
#Photo_accueil img { box-shadow:3px 3px 6px #aaa; border:3px solid #666; }

#ColDivG  { width:475px; float:left; }
#ColDivD  { width:475px; float:right; margin:0 20px 25px 0; }

#Actu { width:475px; text-align:left; margin-bottom:25px; }
#ActuEntete { height:25px; padding:3px 0 0 5px; font-size:14pt; border-bottom:2px solid #666; }

#ActuDiv{ padding:5px; font-size:10pt; position:relative; z-index:100; }
#ActuInfo div { padding:0 5px 5px 10px; font-size:10pt; margin-bottom:10px; }
#ActuInfo div.Rouge { border-left:10px solid #960018; min-height:100px; }
#ActuInfo div.Bleu { border-left:10px solid #318ce7; min-height:100px; }
#ActuInfo div.Vert { border-left:10px solid #16b84e; min-height:100px; }
#ActuInfo img.ActuImg, img.ActuImgNext { width:125px; float:right; margin-left:10px; }
#ActuInfo img.ActuImgH, img.ActuImgHNext { height:100px; float:right; margin-left:10px; }
#ActuInfo img.ActuImg:hover { transform:scale(3); -webkit-transform:scale(3); -moz-transform:scale(3); -ms-transform:scale(3); -o-transform:scale(3); transform-origin:center right; cursor:zoom-in; z-index:999; box-shadow:1px 1px 3px #aaa; } 
#ActuInfo img.ActuImgH:hover { transform:scale(2.8); -webkit-transform:scale(2.8); -moz-transform:scale(2.8); -ms-transform:scale(2.8); -o-transform:scale(2.8); transform-origin:center right; cursor:zoom-in; z-index:999; box-shadow:1px 1px 3px #aaa; } 
#ActuInfo img.ActuImgNext:hover { transform:scale(3); -webkit-transform:scale(3); -moz-transform:scale(3); -ms-transform:scale(3); -o-transform:scale(3); transform-origin:bottom right; cursor:zoom-in; z-index:999; box-shadow:1px 1px 3px #aaa; } 
#ActuInfo img.ActuImgHNext:hover { transform:scale(2.8); -webkit-transform:scale(2.8); -moz-transform:scale(2.8); -ms-transform:scale(2.8); -o-transform:scale(2.8); transform-origin:bottom right; cursor:zoom-in; z-index:999; box-shadow:1px 1px 3px #aaa; } 
#ActuInfo p.ActuImg { width:300px; }
#ActuInfo p.ActuImgH { width:360px; }

#Agenda { width:475px; text-align:left; margin-bottom:25px; z-index:100; }
#AgendaEntete { height:25px; padding:3px 0 0 5px; font-size:14pt; border-bottom:2px solid #666; }
#AgendaDiv { padding:5px; font-size:10pt; }
#AgendaInfo { padding:0; font-size:10pt; border-left:10px solid #ccc; }
#AgendaInfo table.Agenda { width:455px; }
#AgendaInfo td.A1i { text-align:center; width:25px; height:20px; padding:0 0 3px 10px; background-color:#ddd; color:#960018; vertical-align:middle; }
#AgendaInfo td.A2i { text-align:left; width:420px; background-color:#ddd; vertical-align:middle; }
#AgendaInfo td.A1p { text-align:center; height:20px; padding:0 0 3px 10px; color:#960018; vertical-align:middle; }
#AgendaInfo td.A2p { text-align:left; vertical-align:middle; }
#AgendaInfo .Jour { font-size:14pt; color:#960018; }
#AgendaInfo li.Bleu { padding:3px 0; display:list-item; list-style-image:url(../images/puce_bleu.gif); }
#AgendaInfo li.Rouge { padding:3px 0; display:list-item; list-style-image:url(../images/puce_rouge.gif); }
#AgendaInfo li.Vert { padding:3px 0; display:list-item; list-style-image:url(../images/puce_vert.gif); }

#Contact { width:475px; text-align:left; overflow:auto; }
#ContactEntete { height:25px; padding:3px 0 0 5px; font-size:14pt; border-bottom:2px solid #666; }
#ContactDiv { padding:5px; font-size:10pt; }
#ContactInfo { padding:5px 5px 5px 10px; font-size:10pt; border-left:10px solid #ccc; }
#ContactInfo li { margin-left:20px; padding:2px 5px 2px 5px; display:list-item; list-style-image:url(../images/puce_bleu.gif); }

#Diaporama .slide-container { position:relative; width:799px; height:350px; margin:auto; right:10px; border:5px solid #333; box-shadow:2px 2px 7px #333; border-radius:3px; z-index:1; }
#Diaporama .custom-slider { display:none; max-width:799px; z-index:1; }
#Diaporama .prev, #Diaporama .next { cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:white; font-size:20px; background-color:rgba(0,0,0,0); transition:background-color 0.6s ease; }
#Diaporama .prev{ left:7px; }
#Diaporama .next { right:5px; }
#Diaporama .prev:hover, #Diaporama .next:hover { background-color:rgba(0,0,0,.5); }
#Diaporama .slide-text { width:800px; background-color:rgba(64,64,64,.6); font-weight:normal; position:absolute; color:#fff; font-size:14px; padding:5px 0 5px 0px; bottom:0; text-align:center; z-index:3; }
#Diaporama .slide-img{ width:799px; height:350px; object-fit:cover; z-index:2; }
#Diaporama .slide-dot { text-align: center; margin-bottom:20px; }
#Diaporama .dot { cursor:pointer; height:10px; width:10px; margin:0 2px; background-color:#AAA; border-radius:50%; display:inline-block; transition:background-color 0.6s ease; }
#Diaporama .active, #Diaporama .dot:hover { background-color:#555; }
#Diaporama .fade {  -webkit-animation-name:fade; -webkit-animation-duration:1.2s; animation-name:fade; animation-duration:1.2s; }
#Diaporama .PtTexteGrasBlanc { font-size:8pt; font-weight:bold; color:#fff; }

#Mandats { width:475px; text-align:left; overflow:auto; }
#MandatsEntete { height:25px; padding:3px 0 0 5px; font-size:14pt; border-bottom:2px solid #666; }
#MandatsDiv { padding:5px; font-size:10pt; }

@-webkit-keyframes fade { from { opacity:0.3; } to { opacity: 1; }
@keyframes fade { from {opacity:0.3; } to {opacity:1; }}