html { display:flex; display:-webkit-flex; min-height:500px; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; -webkit-justify-content:center; margin:0px; background:#edfaff url(IMAGES/fond_site.jpg) repeat-x; }
body { margin:0; padding:0; border-radius:0 0 90px 90px; box-shadow:-10px 0 5px -5px rgba(136,136,136,0.8),10px 0 5px -5px rgba(136,136,136,0.8); }
/*flex-direction:column; -webkit-flex-direction:column; width:100%; height:100vh; align-content:center; -webkit-align-content:center; justify-content:flex-start; */
header { width:1190px; height:100px; background:#FFFFFF; background-image:url(IMAGES/fond_entete.png); background-repeat:no-repeat; background-position:100% 0; box-shadow:-10px 0 5px -5px rgba(136,136,136,0.8),10px 0 5px -5px rgba(136,136,136,0.8); }

main { display:flex; display:-webkit-flex; width:1190px; min-height:calc(100vh - 180px); background-color:rgba(255,255,255,1); border-radius:0 0 20px 20px; box-shadow:-10px 0 5px -5px rgba(136,136,136,0.5),10px 0 5px -5px rgba(136,136,136,0.5),0 10px 10px -8px rgba(136,136,136,0.8); }
.identification { position:relative; display:flex; display:-webkit-flex; flex-direction:column; justify-content:flex-start; -webkit-justify-content:flex-start; /*align-items:center;*/ padding:0; margin-top:-105px; margin-left:55rem; width:264px; height:134px; background-image:url(IMAGES/fond_identification.png); background-repeat:no-repeat; background-position:0.8rem -0.2rem; background-size:94%; filter:drop-shadow(3px 5px 3px rgba(0,0,0,0.3)); font:normal 0.8rem "Trebuchet MS", Arial, Helvetica, sans-serif;}
.identification form { width:13rem; margin-left:2.0rem; padding:0; color:#FFFFFF;  }
.identification p { margin:0 3px 0 0; padding:0; text-align:center; font-size:1.1rem; font-weight:bold; letter-spacing:0.25rem; border-bottom:1px solid #FFFFFF; }
.identification label { display:inline-block; color:#FFFFFF; }
.identification label:after { content:" :"; }
.identification input { width:5rem; height:0.9rem; margin-left:0.2rem; font-size:0.75rem; }
.identification input[type=text]{ width:7.9rem; }
.identification a { text-decoration:underline; }
.identification a:hover { color:#00CCFF; }
.identification div { margin-top:0.35rem; text-align:center; }
.identification #ok { width:50px; height:24px; margin-left:7px; padding:0px; cursor:pointer; font-size:0.9rem; letter-spacing:0.1rem; transition:all .4s ease-in-out; }
.identification #ok:hover { background-color:#00CC66; border:1px solid #FFFFFF; color:#FFFFFF; border-radius:1rem; }
.identification #passeperdu { margin-left:0.5rem; border:1px solid #FFFFFF; background-color:transparent; color:#FFFFFF; border-radius:1rem; cursor:pointer; }
.identification #btnDeco { margin-top:1rem; height:2rem; background-color:#CC0033; border:1px solid #FF0000; color:#FFFFFF; cursor:pointer; letter-spacing:0.1rem; border-radius:0.4rem; transition:all .4s ease-in-out; }
.identification #btnDeco:hover { background-color:#FF0000; border:1px solid #FFFFFF; color:#FFFFFF; border-radius:1rem; }

/* BOUTON MENU INIT */
.btnMenu { position:fixed; top:2px; right:0; width:2.7rem; height:2.7rem; margin-top:0.5rem; margin-right:1%; background-image:url(IMAGES/menu.svg); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; z-index:10000; }
.show-menu-btn { display:none; font-size:0px; cursor:pointer; transition:0.2s; }
#chk{ position:absolute; visibility:hidden; z-index:-1111; }

.nav { animation-name:visuNav; animation-duration:1s; position:fixed; display:flex; display:-webkit-flex; flex-direction:column; align-content:center; width:220px; height:100%; background-repeat:no-repeat; filter:drop-shadow(3px 3px 5px rgba(255,255,255,0.8)); z-index:1000; }
.navPublic { background-image:url(IMAGES/fond_menu.png); }
.navMembres { background-image:url(IMAGES/fond_menu_membres.png); }
.nav a { width:150px; border:1px solid transparent; text-indent:0.5rem; border-left:0; border-right:0; height:23px; margin:19.4px 0 0px 16px; color:#FFFFFF; text-decoration:none; text-align:left; font:normal 10px Arial,sans-serif; letter-spacing:0.2rem; transition:all .4s ease-in-out;  }
.nav a:first-child { margin-top:4.45rem; color:#30aadd;  border-left:0; border-right:0; }
.nav a:hover:not(.active){ letter-spacing:0.26rem; padding-left:10px; color:#FFFFFF; cursor:pointer; border-left:0; border-right:0;   /*background:linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(59,238,221,1) 55%, rgba(0,212,255,0.1) 100%); color:#FFFFFF;*/ }
.nav a:first-child:hover {color:#30aadd; }
.nav h1 { margin:0 1rem 0 0; padding:0; font-weight:normal; }
.nav .active h1 { text-decoration:underline; }
.navPresentation { filter:drop-shadow(5px 0px 5px rgba(50,169,220,1)); }
.navCommuniques { filter:drop-shadow(5px 0px 5px rgba(90,148,64,1)); } 
.navNews { filter:drop-shadow(5px 0px 5px rgba(255,153,0,1)); } 
.navAdhesions { filter:drop-shadow(5px 0px 5px rgba(89,60,38,1)); } 
.navPresentation { filter:drop-shadow(5px 0px 5px rgba(50,155,220,1)); }
.navLiens { filter:drop-shadow(5px 0px 5px rgba(50,169,220,1)); }
.navContacts { filter:drop-shadow(5px 0px 5px rgba(90,148,64,1)); } 
.navLostpassword { filter:drop-shadow(5px 0px 5px rgba(168,50,50,1)); } 
/*@keyframes visuNav { from { opacity:0; } to { opacity:1; } }*/

#newsInfos { float:left; text-align:right; width:100%; height:90px; background-image:url(IMAGES/fond_news.png); background-repeat:no-repeat; background-position:100% 0; z-index:2; }
#newsInfos a { display:inline-block; margin-top:12px; width:655px; min-height:72px; text-align:left; text-decoration:none; font:normal 1rem "Trebuchet MS", Arial, Helvetica, sans-serif; color:#600; line-height:1rem;  }
#newsInfos h2 { margin:0 0 8px 0; color:#FFFFFF; font-weight:normal; font-size:1.3rem; z-index:51;  }

footer { width:1190px; height:50px; text-align:center; font:normal 12px Arial; color:#666666; }
footer nav { display:flex; display:-webkit-flex; margin:5px 15px 0px 15px; align-content:center; justify-content:center; align-items:stretch; -webkit-align-items:stretch; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
footer nav a { align-self:flex-start; font:normal 12px Arial; text-decoration:none; color:#666666; }
footer nav a:hover { color:#990000; text-decoration:underline; }
footer nav a:last-child { text-align:left; width:190px; height:35px;  background-image:url(IMAGES/logo-darkenciel.jpg); background-repeat:no-repeat; background-position:100% 0; text-decoration:none; color:#666666; }
footer nav a:hover:last-child { background-image:url(IMAGES/logo-darkenciel-hover.jpg); }
#logo2 { margin-left:5px; margin-top:0px; width:400px; height:100px; background-image:url(IMAGES/logo_ucie.svg); background-repeat:no-repeat; background-size:80%; background-position:10px 10px; transition:all .4s ease-in-out; filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1)); } 
#logo { margin-left:10px; margin-top:10px; height:90%; border:0px; filter: drop-shadow(1px 1px 5px rgba(0,104,165,0.4)); transition: filter 600ms; /*transition:all .4s ease-in-out;*/ }
#logo:hover { filter:drop-shadow(10rem 0 0 rgba(0,104,165,0.4)) drop-shadow(-10rem 0 0 rgba(0,104,165,0.3)) drop-shadow(20rem 0 0 rgba(0,104,165,0.2)) drop-shadow(-20rem 0 0 rgba(0,104,165,0.1)); /*filter:saturate(50%); filter:sepia(60%)*/ }

.accueil { /*  filter:hue-rotate(80deg);-webkit-filter.*/ }

#logoAccueil { animation-name:visuLogoAccueil; animation-duration:1s; position:absolute; left:calc(50% - 574px/2); top:calc(40% - 168px); width:574px; height:386px; background-image:url(IMAGES/logo-ucie.jpg); background-repeat:no-repeat; /*background-position:60% 50%;*/ z-index:1;  }
/*@keyframes visuLogoAccueil { from { opacity:0; filter:hue-rotate(90deg);} to { opacity:1; filter:hue-rotate(0deg); } }*/

.balisesInfoErreur { margin:0; padding:0; color:red; }

main>h1+div,main>h1+ul { margin:0px 20px 0 230px; padding:0; }
main>h1 { margin:22px 20px 0 142px; display:flex; display:-webkit-flex; align-items:center; font:normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1rem; color:#FFFFFF; }
main>h1 .fondH1 { display:inline-block; margin-right:50px; width:25px; height:35px; background-image:url(IMAGES/fond_titre.png); background-repeat:no-repeat; background-position:0 0;  }

/* PAGE PRESENTATION */
.pagePresentation { display:flex; display:-webkit-flex; flex-direction:column; padding-bottom:1rem; background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px;   }
.pagePresentation h1 { background:linear-gradient(90deg, rgba(50,169,220,1) 0%, rgba(50,169,220,0) 80%); }
.pagePresentation .presentation { list-style:none; font:normal 1rem Trebuchet MS, Arial, Helvetica, sans-serif; }
.pagePresentation h3 { margin-top:2rem; margin-bottom:.5rem; font-weight:normal; font-size:20px; letter-spacing:0.2rem; color:#30aadd; }
.pagePresentation h3 span:first-child { border-bottom:1px solid #30aadd; }
.pagePresentation h3 span:last-child { font-size:1rem; letter-spacing:normal; color:#555555; }

.pagePresentation .bureau { display:flex; display:-webkit-flex; justify-content:center; -webkit-justify-content:center; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0; padding:0; list-style:none; }
.pagePresentation .bureau li { animation-name:visuBureau; animation-duration:1s; display:flex; display:-webkit-flex; margin:1rem; width:45%; border-right:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; }
/*.pagePresentation .bureau li:first-child { margin-left:25%; margin-right:25%; }*/
.pagePresentation .preSolo { margin-left:25% !important; margin-right:25% !important; }
.pagePresentation .bureau li img { margin-right:0.3rem; transition:transform .3s; }
.pagePresentation .bureau li:hover img { background-size:150%; }
.pagePresentation .bureau li div { width:100%;font-weight:bold; color:#CC6633; }
.pagePresentation .bureau li div:first-child { font-size:18px; padding:0.2rem 0rem 0.2rem 0rem; background:#EEEEEE; color:#333333; }
.pagePresentation .bureau li div:nth-child(4) { font-size:1rem; font-weight:normal; color:#333333; }
.pagePresentation .bureau li div a { font-weight:normal; color:#3a66d5; }
.pagePresentation .bureau li div a:hover { color:#0099FF; }

.pagePresentation .membres { display:flex; display:-webkit-flex; flex-direction:column; justify-content:center; -webkit-justify-content:center; margin:0; padding:0; list-style:none; border-bottom:2px dotted #F1F1D5;  }
.pagePresentation .membres li { display:flex; display:-webkit-flex; transition:all .4s ease-in-out; }
.pagePresentation .membres li:nth-child(odd) { background-color:#F1F1D5; } /*even*/
.pagePresentation .membres li:first-child { text-align:center; font-weight:bold; background-color:#D2D2BD; letter-spacing:0.2rem; }
.pagePresentation .membres li:first-child div { margin:0.3rem; }
.pagePresentation .membres li div { width:33%; margin:0.2rem; }
.pagePresentation .membres li a { color:#643C20; }
.pagePresentation .membres li a:hover { color:#C63; }
.pagePresentation .membres li:not(li:first-child):hover { background-color:rgba(104,52,51,0.3); }
.pagePresentation .membres .champInv { display:none; }

.pagePresentation blockquote { font-size:1.2rem; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#333333; }
.pagePresentation blockquote span { color:#816884; }
@keyframes visuBureau { from { opacity:0; } to { opacity:1; } }

/* PAGE COMMUNIQUÉS */
.pageCommuniques { display:flex; display:-webkit-flex; flex-direction:column; background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px; }
.pageCommuniques h1 { background:linear-gradient(90deg, rgba(139,187,67,1) 0%, rgba(139,187,67,0) 80%); }
.pageCommuniques .communiques { margin-bottom:2rem; list-style:none; font:normal 15px Trebuchet MS, Arial, Helvetica, sans-serif; }
.pageCommuniques .communiques li { }
.pageCommuniques .communiques li h2 { margin:20px 0 0 0; padding:0; font:normal 1.3rem "Trebuchet MS", Arial, Helvetica, sans-serif; color:#996600; padding-bottom:5px; padding-top:10px; border-top:1px dotted #666666; }
.pageCommuniques .communiques li:first-child h2 { margin-top:10px; padding-top:0px; border:0; }
.pageCommuniques .communiques li h3 { display:flex; display:-webkit-flex; display:-webkit-flex; flex-direction:row; align-items:center; margin:0.5rem 0 0 0; padding:0; font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.pageCommuniques .communiques li h3 span { font-size:15px; color:#999966; }
.pageCommuniques .communiques li h3 span:before { content:" "; }
.pageCommuniques .communiques li h3 img { margin-right:5px; }
.pageCommuniques .communiques li h3 a { width:100%; color:#5e9542; text-decoration:none; }
.pageCommuniques .communiques li h3 a:hover { text-decoration:underline; background:#f2ffef; }
.pageCommuniques .communiques li p { margin:0 0 0 2rem; padding:0; color:#333333; font-size:12px; font-style:italic;}
.pageCommuniques .communiques .detail { margin:0; padding:0; list-style:disc; color:#9b669b; }
.pageCommuniques .communiques .detail li { margin:0 0 0 50px; padding:0; }
.pageCommuniques .communiques .detail li p { margin:0; padding:0; font-style:normal; font-size:14px; color:#9b669b; }
.pageCommuniques .communiques .detail span:first-child { font-style:normal; color:#999966; font-size:12px; }
.pageCommuniques .communiques .detail span:nth-child(2){ font-style:italic; color:#887788; }
.pageCommuniques .communiques .detail a { display:block; text-decoration:none; } 
.pageCommuniques .communiques .detail a:hover { text-decoration:underline; color:#9b669b; background:#f2ffef; } 

/* PAGE NEWS */
.pageNews { display:flex; display:-webkit-flex; flex-direction:column; background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px;   }
.pageNews h1 { background:linear-gradient(90deg, rgba(238,120,60,1) 0%, rgba(238,120,60,0) 80%); }
.pageNews .news { list-style:none; font:normal 15px Trebuchet MS, Arial, Helvetica, sans-serif; }
.pageNews .news li { animation-name:visuNews; animation-duration:1s; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; text-align:justify; padding-bottom:20px; border-top:1px dotted #666666; padding-top:20px; line-height:1.2rem; }
.pageNews .news li:first-child { border:0; }
.pageNews .news h2 { margin:0 0 0.8rem 0; padding:0; font-size:24px; font-weight:normal; color:#ee783b; }
.pageNews .news img { border:0px; margin:5px; }
.pageNews .news a { cursor:pointer; text-decoration:underline; color:#BF6000; }
.pageNews .news a:hover { color:#FF0000; }
@keyframes visuNews { from { opacity:0; } to { opacity:1; } }

/* ADHÉSIONS */
.pageAdhesions { display:flex; display:-webkit-flex; flex-direction:column; padding-bottom:1rem; background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px; }
.pageAdhesions h1 { background:linear-gradient(90deg, rgba(89,60,38,1) 0%, rgba(89,60,38,0) 80%); }
/*.pageAdhesions h1 a { position:absolute; margin-left:900px;  height:26px; padding-top:7px; text-align:center; background:#F2EEEE; font:normal 16px Verdana; color:#C63; letter-spacing:normal; cursor:pointer; text-decoration:none; border:1px solid #cccccc; border-radius:15px; -webkit-border-radius:15px; transition:all .4s ease-in-out;}
.pageAdhesions h1 a:hover { box-shadow:5px 2px 5px 0px rgba(136,136,136,0.3); color:#FF9900; }*/
.pageAdhesions .appelcotis { position:absolute; margin-left:50rem; margin-top:-5.3rem; height:26px; text-align:center; background:#F2EEEE; font:normal 16px Verdana; color:#C63; letter-spacing:normal; cursor:pointer; text-decoration:none; border:1px solid #cccccc; border-radius:15px; -webkit-border-radius:15px; transition:all .4s ease-in-out;}
.pageAdhesions .appelcotis { box-shadow:5px 2px 5px 0px rgba(136,136,136,0.3); color:#FF9900; }
.pageAdhesions .adhesions { list-style:none; font:normal 1rem Trebuchet MS, Arial, Helvetica, sans-serif; }
.pageAdhesions .competenceTitre {}
.pageAdhesions h3 { display:inline-block; margin-bottom:0.3rem; font-size:16px; font-weight:bold; color:#88220d; width:100%; }
.pageAdhesions h3 span { border-bottom:1px solid #88220d; }
.pageAdhesions .competenceTitre { margin-top:1rem; font-weight:bold; }
.pageAdhesions p { }
.pageAdhesions p:last-child { }
.pageAdhesions p input[type=submit] { margin-left:30%; padding-left:1rem; padding:1rem 2rem 1rem 2rem; font:normal 1.5rem Verdana; text-transform:capitalize; color:#CC6633; cursor:pointer; border-radius:1rem; transition:all .4s ease-in-out; }
.pageAdhesions p input[type=submit]:hover { background:#589E18; border-radius:2rem; color:#FFFFFF; }
.pageAdhesions small { color:#666666; }
.pageAdhesions input:invalid { border-color:red; }
.pageAdhesions div:nth-child(2) { margin-top:1rem; }
.pageAdhesions div a { cursor:pointer; text-decoration:underline; color:#BF6000; }
.pageAdhesions div a:hover { color:#FF0000; }
.pageAdhesions input[name=nom] { width:13.5rem; }
.pageAdhesions label:after { content: " : "; }
.pageAdhesions label>span { color:red; }
.pageAdhesions .fax { display:none; }
.pageAdhesions input[name=fax] { display:none; }
.pageAdhesions .identifiants { padding:0.2rem; text-align:center; background-color:#DDDDDD; }
.pageAdhesions .inscritok { color:#009900; font-size:1.5rem; text-align:center; }
.pageAdhesions .infosCompetences { margin-top:0.9rem; font-style:italic; }
.pageAdhesions .balisesInfoErreur { font-style:italic; font-size:0.8rem;  }

/* PAGE LIENS */
.pageLiens { display:flex; display:-webkit-flex; flex-direction:column; background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px;   }
.pageLiens h1 { background:linear-gradient(90deg, rgba(50,169,220,1) 0%, rgba(50,169,220,0) 80%); }
.pageLiens .liens { list-style:none; font:normal 15px Trebuchet MS, Arial, Helvetica, sans-serif; }
.pageLiens .liens li { animation-name:visuLiens; animation-duration:0.5s; display:flex; display:-webkit-flex; /* flex-wrap:wrap; -webkit-flex-wrap:wrap; */ margin-bottom:1rem; width:100%; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; background-repeat:no-repeat; background-position:0% 50%; background-size:110px auto; }
.pageLiens .liens .separateur { padding-bottom:5px; border-bottom:1px dotted orange; transition:box-shadow .6s ease-in-out; }
.pageLiens .liens .separateur:hover { box-shadow:-5px 0 5px 0px rgba(136,136,136,0.3); }
.pageLiens .liens .img { animation-name:visuImg; animation-duration:1s; width:110px; height:100%; background-repeat:no-repeat; background-position:50%; 50%; text-align:center; margin:0 0.5rem 0 0; padding:0; }
.pageLiens .liens .img img { text-align:center;  }
.pageLiens .liens .txt { flex:1; margin:0.5rem; padding:0; } /* flex = 1 : px rétrécir et agrandir */
.pageLiens .liens li:first-child { border:0; }
.pageLiens .liens h2 { width:100%; margin:20px 0px 10px 0; padding:0; font-size:24px; font-weight:normal; color:#ee783b; border-bottom:1px dotted #666666; }
.pageLiens .liens h3 { margin:0 0 0 0px; padding:0;  font-size:16px; font-weight:bold; color:#006699;}
.pageLiens .liens p { margin:0 0 0 0px; padding:0; text-align:justify; } 
.pageLiens .liens a { cursor:pointer; text-decoration:underline; color:#BF6000; }
.pageLiens .liens a:hover { color:#FF0000; }
@keyframes visuLiens { from { opacity:0; } to { opacity:1; } }
@keyframes visuImg { from { opacity:0; } to { opacity:1; } }

/* PAGE CONTACTS */
.pageContacts { display:flex; display:-webkit-flex; flex-direction:column; background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px; }
.pageContacts .conteneurContact { display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0; padding:0; !important }

.pageContacts h1 { background:linear-gradient(90deg, rgba(139,187,67,1) 0%, rgba(139,187,67,0) 80%); }
.pageContacts .contact { list-style:none; font:normal 15px Trebuchet MS, Arial, Helvetica, sans-serif; color:#666666; }
.pageContacts .contact form { display:flex; display:-webkit-flex; flex-direction:column; margin:1rem; padding:1rem; background-color:#f7fcf6; border-radius:1rem; }
.pageContacts .contact li { display:block; margin:0 0 10px 0; }
.pageContacts .contact label { display:block; width:auto; text-align:left; }
.pageContacts .contact span { color:#FF0000; }
.pageContacts .contact .balisesInfoErreur { display:inline; }
.pageContacts li>a { display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; justify-content:flex-end; width:248px; height:77px; margin-top:10px; margin-bottom:10px; padding-right:20px; font-size:1.2rem; color:#663366; cursor:default; text-decoration:none; background-image:url(IMAGES/contact_fondnotel.jpg); background-repeat:no-repeat; }
.pageContacts h4 { margin:20px 0 0 0; font-size:16px; font-style:italic; color:#73a542; }
.pageContacts small { color:#666666; }
.pageContacts li:first-child { margin:0 20px 0 0; }
/*.pageContacts li:first-child { margin:20px 0 0 0; }
.pageContacts li:last-child { margin:20px 0 20px 0; }*/
.pageContacts .contact input:not([type=submit]) { width:60%; }
.pageContacts .contact div { margin-left:10rem;  }
.pageContacts .contact input[type=submit] { padding-left:2rem; padding-right:2rem; text-align:center; width:15rem; height:3rem; align-items:center; -webkit-align-items:center; font-size:1.6rem; letter-spacing:0.35rem; color:#C63; cursor:pointer; background-color:rgba(139,187,67,0.7); color:#FFFFFF; border-radius:1rem; transition:all .3s ease-in-out; }
.pageContacts .contact input[type=submit]:hover { background-color:#00CC66; border-radius:3rem; letter-spacing:1rem; }
.pageContacts .contactCouleur:first-child {filter: sepia(0.17); }
.pageContacts .contactCouleur:last-child {filter: sepia(0.3); }


/* PAGE RÉCUPÉRATION DE MOT DE PASSE */
.pageLostpassword { display:flex; display:-webkit-flex; flex-direction:column; background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px; }
.pageLostpassword h1 { background:linear-gradient(90deg, rgba(168,50,50,1) 0%, rgba(168,50,50,0) 80%); }
.pageLostpassword .lostpassword { list-style:none; font:normal 15px Trebuchet MS, Arial, Helvetica, sans-serif; color:#666666; }
.pageLostpassword .lostpassword form { display:flex; display:-webkit-flex; flex-direction:column; margin:1rem; padding:1rem; border-radius:1rem; }
.pageLostpassword .lostpassword p { display:block; margin:0 0 10px 0; }
.pageLostpassword .lostpassword label { display:block; width:auto; text-align:left; }
.pageLostpassword .lostpassword span { color:#FF0000; }
.pageLostpassword .lostpassword .balisesInfoErreur { display:flex; display:-webkit-flex; flex-direction:column; align-items:flex-start; }
.pageLostpassword small { color:#666666; }
.pageLostpassword div>p:first-child { margin:2rem 0 1rem 0; }
.pageLostpassword .lostpassword input:not([type=submit],#captcha) { width:40%; }
.pageLostpassword #captcha { vertical-align:0.3rem; margin-left:0.2rem; }
.pageLostpassword .lostpassword input[type=submit] { width:12.1rem; margin-top:1rem; padding-left:2rem; padding-right:2rem; text-align:center; height:2.5rem; align-items:center; -webkit-align-items:center; font-size:1.4rem; letter-spacing:0.4rem; color:#C63; cursor:pointer; background-color:rgba(168,50,50,0.7); color:#FFFFFF; border-radius:0.5rem; transition:all .4s ease-in-out; }
.pageLostpassword .lostpassword input[type=submit]:hover { background-color:#00CC66; color:#FFFFFF; border-radius:3rem; }

/* PAGE LISTE MEMBRES */ 
.pageListemembres { display:flex; display:-webkit-flex; flex-direction:column; font:normal 1rem Trebuchet MS, Arial, Helvetica, sans-serif;  background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px; }
.pageListemembres h1 { background:linear-gradient(90deg, rgba(50,169,220,1) 0%, rgba(50,169,220,0) 80%); }
.pageListemembres form { margin:1rem 0 1rem 0; padding:0; }
.pageListemembres form div { display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; }
.pageListemembres form .csv { display:block; width:80px; height:80px; margin-left:0.2rem; background:url(IMAGES/icone-csv.jpg) no-repeat; cursor:pointer; transition:all .3s ease-in-out; }
.pageListemembres form .csv:hover { margin-left:1rem; box-shadow:-3px 3px 7px 3px rgba(102,153,51,0.7); } 
.pageListemembres form p { margin:0; padding:0; font-style:italic; color:#3366CC;/*color:#666666;*/ }
.pageListemembres form select { margin-top:1rem; }
.pageListemembres form button { padding:0.2rem 0.8rem 0.2rem 0.8rem; font:normal 1rem Verdana; text-transform:capitalize; color:#0066CC; cursor:pointer; border-radius:0.4rem; transition:all .4s ease-in-out; }
.pageListemembres form button:hover { background:#589E18; border-radius:3rem; color:#FFFFFF; }
.pageListemembres .membres { list-style:none; }
.pageListemembres .liste { display:flex; display:-webkit-flex; justify-content:center; -webkit-justify-content:center; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0; padding:0; list-style:none; }
.pageListemembres .liste li { margin:1%; width:48%; }
.pageListemembres .liste .membrePhoto { float:left; width:100px; height:100px; margin-top:3px; margin-right:5px; border:0px; }
.pageListemembres .liste .membreNom { text-indent:10px; font-size:18px; background:#EEEEEE; }
.pageListemembres .liste .membreFonction { display:inline; font-weight:bold; color:#C63; }
.pageListemembres .liste .membreTelephone { font-size:16px; }
.pageListemembres .liste .membreTelephone2 { font-size:16px; }
.pageListemembres .liste .membreWeb a { color:#666; }
.pageListemembres .liste .membreWeb a:hover { color:#aaa; }
.pageListemembres .liste .membreEmail a { color:#3a66d5; }
.pageListemembres .liste .membreEmail a:hover { color:#3CF; }
.pageListemembres .liste .membreEmail2 a { color:#3a66d5; }
.pageListemembres .liste .membreEmail2 a:hover { color:#3CF; }
.pageListemembres .liste .membreCompetences { color:#666633; }
.pageListemembres .liste .membreCompetences span { font-weight:bold; }

/* PAGE PUBLICATIONS MEMBRES */ 
.pageCommembres { display:flex; display:-webkit-flex; flex-direction:column; font:normal 1rem Trebuchet MS, Arial, Helvetica, sans-serif;  background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px; }
.pageCommembres h1 { background:linear-gradient(90deg, rgba(50,169,220,1) 0%, rgba(50,169,220,0) 80%); }
.pageCommembres .publications { margin-bottom:1rem; padding:0; list-style:none; }
.pageCommembres .publications li { margin-top:1rem;}
.pageCommembres .publications h4 { margin:0; padding:0; font:normal 1.3rem "Trebuchet MS", Arial, Helvetica, sans-serif; color:#996600; border-bottom:1px dotted #666666; }
.pageCommembres .publications img { float:left; margin-right:0.2rem; }
.pageCommembres .publications div { font-size:1.1rem; color:#999966; }
.pageCommembres .publications p { margin:0; padding:0; text-align:left;color:#878; font-size:0.9rem; font-style:italic; }
.pageCommembres .publications a { display:block; width:100%; color:#5e9542; text-decoration:none; }
.pageCommembres .publications a:hover { text-decoration:underline; background:#f2ffef; }
.pageCommembres .publications span {font-size:15px; color:#999966;} 
.pageCommembres p { width:100%; margin:10% 50% 0 0; padding:0; text-align:center; font-size:1.3rem; color:#999999; }

/* PAGE COMPTE MEMBRES */ 
.pageModifmembre { display:flex; display:-webkit-flex; flex-direction:column; font:normal 1rem Trebuchet MS, Arial, Helvetica, sans-serif;  background-image:url(IMAGES/fond_page.png); background-repeat:no-repeat; background-position:70px 12px; }
.pageModifmembre h1 { background:linear-gradient(90deg, rgba(50,169,220,1) 0%, rgba(50,169,220,0) 80%); }
.pageModifmembre h4 {}
.pageModifmembre h4 span { font-size:0.8rem; font-style:italic; color:#666666; }
.pageModifmembre button { padding:0.4rem; font:normal 20px ver Verdana; color:#C63; cursor:pointer; }
/*
html {
	color: #fff;
	font-size: 16px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	 background-image: url(MOD/demo/img/bg1.jpg);
	background-repeat:repeat-x;
	background-position: 50% 0;
	
	background-image: url(MOD/demo/img/bg2.jpg);
	background-size: cover;
	background-position: 50% 0;
	
	height: 100%;
	text-align: center;
}
*/


@media (max-width:1190px){
header { width:100%; }
#logo { /*position:absolute; left:0;*/ }
main nav { position:absolute; left:0; width:220px; text-align:left; z-index:1000; }                
main {  width:100%; height:100%; background-image:url(IMAGES/logo-ucie.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
footer { width:100%; }
.pageAdhesions h1 a { margin-left:400px; }
.identification { position:absolute; right:4.5%; }
}

@media (max-width:880px){
/*.btnMenu{ display:block; cursor:pointer; drop-shadow(16px 16px 10px red); } 
.navMenuSite #menuSite .accueil{ display:block; }
.navMenuSite { visibility:hidden; }*/
.identification { visibility:hidden; }
.nav a { transition:none; }
.nav a:hover:not(.active){ letter-spacing:0.2rem; padding-left:0px; }

.navMenuSite { justify-content:flex-start; }
	
	/*BOUTON MENU MOBILE*/
	.show-menu-btn { display:block; }
	.navMenuSite {
		position:fixed;
		width:100%;
		height:100vh;
		background:#333;
		right:-100%;/*right: -100%; 100% si gauche->droite */
		top:0; /*top:-100%; 100% si haut en bas et vice versa */
		text-align:center;   
		line-height:normal;
		transition: 0.3s;
		overflow-y:auto; /* fixe modal menu pour Android */
		scrollbar-color:#333 #999; /* fixe modal menu pour Android */
		scrollbar-width:thin;  /* fixe modal menu pour Android */
	}


	#chk:checked ~ .navMenuSite { right:0; } /* top:0;si de haut en bas et vice versa top:0 */
	#chk:checked+label .btnMenu { background-image:url(IMAGES/fermer.svg); }
	
	.navMenuSite { flex-direction:column; height:100%; background-color:white;  background-image:url(IMAGES/logo_ucie.svg); background-repeat:no-repeat; background-position:2px 2px; background-size:50%; }

	.navMenuSite a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; margin:0; font-size:large; background-color:#0068A5; border-top:1px dotted #FFFFFF; } /* font-size:4vw; vw permet une optimisation du font-size sur la largeur de l'écran */
	.navMenuSite a:first-child { color:#FFFFFF; }
	
/*button+.navMenuSite:active,button:focus+.navMenuSite
{
	visibility:visible;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,1);
	z-index:501;
}

.navMenuSite #menuSite {		
	display:block;
	position:fixed;
	right:0;
	top:0px;
	width:100%;
	height:100%;
	padding-top:0px;
	border:1px solid cyan;		
	background-color:rgba(255,255,255,0.95);
	background-image:url(webs_logo40.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:50% 100%;
	z-index:500;
}	
.navMenuSite #menuSite li {
	padding:1%;
	border-bottom:1px dotted #CCC;
	margin:0;
	font-size:2rem;
	text-align:right;
}
.navPublic,.navMembres { background-image:none; }
.nav a { display:flex; width:100%; height:100%; align-items:center; justify-content:center; -webkit-justify-content:center; color:#333333; margin:0 0 0rem 0; padding:0; font-size:large; border-top:1px dotted #666666; }
.nav a:hover:not(.active){ color:#0099FF; }
.nav .active h1 { color:#0099FF; }
.nav a:first-child { color:#333333; }*/

header { position:fixed; left:0; top:0; width:100%; height:4rem; background-image:none; box-shadow:0px 0px 8px black; z-index:600; }                 
main { background-image:none; width:100%; }
main>h1+div,main>h1+ul { margin:0px 1% 0 1%; padding:0; }
main>h1 { margin:4rem 0 0 0; padding:0, }
main>h1 .fondH1 { margin-right:0px;  background-image:none; }

/*correctifs pages */
#logoAccueil { display:none; }
.pageAccueil { background-image:url(IMAGES/logo-ucie.jpg); background-repeat:no-repeat; }
.pagePresentation,.pageCommuniques,.pageNews,.pageAdhesions,.pageLiens,.pageContacts { background-image:none; }
.pageCommuniques h1 { background:linear-gradient(90deg, rgba(139,187,67,1) 0%, rgba(139,187,67,0.2) 100%); }
.pagePresentation h1 { background:linear-gradient(90deg, rgba(50,169,220,1) 0%, rgba(50,169,220,0.2) 100%); }
.pageAdhesions h1 { background:linear-gradient(90deg, rgba(89,60,38,1) 0%, rgba(89,60,38,0) 100%);  }
#svgfiles { display:none; }
#legendeCarte { position:absolute; left:0; background-color:#FFFFFF; }
.pageLiens .liens .img { width:25%; margin:0; padding:0; }
.pageLiens .liens .txt { width:75%; margin:0; padding:0; }/*  : px rétrécir et agrandir */
.pageLiens .liens .txt h3,.pageLiens .liens .txt p { margin:0; padding:0; }

.pageContacts .contact div { margin-left:auto; margin-right:auto;  }
.pageContacts .contact input:not([type=submit]) { width:90%; }
.pageContacts textarea { width:90%; height:5rem; }

.pagePresentation .bureau { justify-content:flex-start; -webkit-justify-content:flex-start; }
.pagePresentation .bureau li { margin:1%; width:100%; } /*background:red; border:1px solid green; animation-name:visuBureau; animation-duration:1s; display:flex; display:-webkit-flex;  }*/
.pagePresentation .bureau li:first-child { margin-left:0%; margin-right:0%; }

.pageAdhesions .appelcotis { position:static; margin-left:0rem; margin-top:0rem; }
.pageAdhesions label { flex-wrap:wrap; -webkit-flex-wrap:wrap; width:98%; }
.pageAdhesions input { flex-wrap:wrap; -webkit-flex-wrap:wrap; width:98%; }
.pageAdhesions input[name=nom] { width:98%; }
.pageAdhesions input[name=datecrea] { width:auto; }
.pageAdhesions textarea { width:98%; }
.pageAdhesions input[type=checkbox] { flex-wrap:nowrap; -webkit-flex-wrap:nowrap; width:auto; }
.pageAdhesions p input[type=submit] { margin-left:1%; padding-left:1%; padding:1rem 2rem 1rem 2rem; }

#logo { margin:1%; position:fixed; height:3rem; transition:none !important; }
#logo:hover { filter: drop-shadow(1px 1px 5px rgba(0,104,165,0.4)); }

#newsInfos { margin-top:4rem; background-image:none; background-color:rgba(0,104,165,0.1); height:7rem; }
#newsInfos a { width:100%; text-align:center; }
#newsInfos h2 { color:#FF9900; }

.identification { margin-top:0px; /*display:none;*/ }

}