/* Elements de base */
html { width: 100%; height: 100%; }
body { margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: normal; color: #4c4c4e; height: 100%; width: 100%; background: #fff; }
table { margin: 0px; padding: 0px; }
tr, thead, tbody { margin: 0px; padding: 0px; }
td { margin: 0px; padding: 0px; vertical-align: top; }
th { margin: 0px; padding: 0px; vertical-align: top; }
p { margin: 0px; padding: 0px; margin-bottom: 4px; height: auto; }
ul, ol { margin: 12px 0px; padding: 0; padding-left: 20px; }
li { margin-top: 0px; margin-bottom: 0px; line-height: 1.1em; }
blockquote { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
img { border: none; vertical-align: top; }
iframe, object { margin: 8px 0; max-width: 100%; max-height: 80vh; }
form * { max-width: 100%; }
input { vertical-align: middle; margin: 0px; margin-top: -1px; border: 1px solid #888; padding: 2px 3px; font-size: 14px;
line-height: 1em; color: #000; font-family: Arial, sans-serif; }
input[type=file] { border: none; }
input[type=checkbox] { margin-top: -2px; border: none; }
input[type=radio] { margin-top: -3px; border: none; }
input[type=submit] { border-radius: 5px; background: #eee url(/img/admin/tick.png) 4px center no-repeat; padding: 1px 4px; padding-left: 20px;
border-color: #ccc; color: #666; cursor: pointer; font-size: 12px; line-height: 17px; }
input[type=button].cancel { border-radius: 5px; background: #eee url(/img/admin/undo.png) 4px center no-repeat; padding: 1px 4px; padding-left: 24px;
border-color: #ccc; color: #666; cursor: pointer; font-size: 12px; line-height: 17px; }
input[type=button].close { border-radius: 5px; background: #eee url(/img/admin/tick.png) 4px center no-repeat; padding: 1px 4px; padding-left: 24px;
border-color: #ccc; color: #666; cursor: pointer; font-size: 12px; line-height: 17px; }
textarea { margin: 0px; border: 1px solid #888; font-size: 14px; color: #000; resize: none; font-family: Arial, sans-serif; }
select { margin: 0px; border: 1px solid #888; font-size: 14px; color: #000; font-family: Arial, sans-serif; }
div { position: relative; }
hr { color: #999; background-color: #999; height: 1px; border: none; }
strong, b { font-weight: 700; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; }
/* Liens et classes associées */
a, a:link, a:visited { text-decoration: none; color: #dd9883; }
a:hover { text-decoration: none; }
a.actif { font-weight: bold; }
li a { text-decoration: none; color: #dd9883; }
/* Titres */
h1 { position: relative; font-family: 'Ultra', sans-serif; font-size: 32px; line-height: 32px; font-weight: 400; color: #29a93e;
margin: 0px; margin-top: 5px; padding: 0px; padding-bottom: 5px; }
h1.souligne { border-bottom: 1px dotted #29a93e; }
h2 { font-size: 20px; font-weight: bold; color: #29a93e; margin: 0px; margin-bottom: 8px; padding: 0px; }
h2 > a, h2 > a:link, h2 > a:visited { color: #29a93e; } h2 > a:hover { color: #29a93e; text-decoration: underline; }
h2.souligne { border-bottom: 1px dotted #29a93e; padding-bottom: 5px; }
h3 { font-family: 'Ultra', sans-serif; font-weight: 400; color: #333; font-size: 24px; padding: 0; margin: 5px 0; line-height: 24px; }
h4 { background-color: #29a93e; font-size: 18px; font-weight: 700; line-height: 33px; margin-bottom: 5px; text-align: center; text-transform: uppercase; }
h5 { color: #AA1B8E; font-size: 16px; padding: 0; margin: 0; margin-bottom: 5px; line-height: 20px; }
h6 { font-family: 'Ultra', sans-serif; font-size: 20px; line-height: 20px; font-weight: 400; color: #333; margin: 0px; margin-bottom: 5px; padding: 0px;
border-bottom: 1px solid #c7c7c7; }
/* Classes de style */
.nodisp { display: none; }
.clear { display: block; clear: both; }
.erreur { font-size: 13px; font-style: italic; color: #F00; background: url(/img/admin/erreur.png) no-repeat left; padding-left: 22px; font-weight: 500; }
.alerte { display: inline-block; font-size: 11px; font-style: normal; color: #ffae00; background: url(/img/admin/erreur.png) no-repeat left top;
padding-left: 20px; font-weight: normal; }
.info { font-size: 11px; font-style: italic; color: #0F0; background: url(/img/admin/information.png) no-repeat left; padding-left: 22px; font-weight: 500; color: #369; line-height: 16px; }
.gros { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 8px; }
.petit { font-size: 11px; font-style: normal; }
.surligne { background: #FF0; color: #036; font-style: normal; font-weight: bold; }
.hr { border-top: 1px solid #777; height: 1px; font-size: 0px; }
.ombre { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.tombre { text-shadow: 0px 0px 4px #000; -moz-text-shadow: 0px 0px 4px #000; -webkit-text-shadow: 0px 0px 4px #000; }
.outline { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; color: #fff; }
.espace { height: 5px; font-size: 0px; overflow: hidden; }
.icone { width: 16px; height: 16px; }
.contenu { left: 50%; width: 1200px; margin-left: -600px; } .contenu > .padding { padding: 0px; }
.cntcol { display: table; width: 100%; }
.cntcol > .col3 { display: table-cell; width: 33%; border-left: 1px solid #c7c7c7; } .cntcol > .col3:first-child { border-left: none; }
.cntcol > .col3 > .padding { padding: 0 12px; }
.inline { display: inline-block; }
.fright { float: right; }
.aright { text-align: right; } .aleft { text-align: left; } .acenter { text-align: center; }
.disabled { color: #d7d7d7; }
.sepLowres { display: none; }
/* Boutons de partage */
#cntShare { text-align: center; }
#cntShare em { font-size: 13px; }
#cntShare .addthis_inline_share_toolbox { clear: none !important; display: inline-block; }
#at-expanded-menu-host { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; }
.at-expanded-menu-noscroll #at-expanded-menu-host { display: block; z-index: 9999999; }
.at-share-btn.at-svc-sms { display: none !important; }
/* Elements de la page */
#content { padding: 25px 0; z-index: 8; box-sizing: border-box !important; }
/* Entête */
#entete { height: 100px; z-index: 12; background: #29a93e; }
#entete > .contenu { height: 100%; position: relative; }
#entete #logo { position: absolute; top: 0px; left: 12px; height: 92px; z-index: 9; transition: all .3s ease-in-out; }
#entete #logo > img { height: 100%; }
#entete #logo:hover { transform: rotateZ(-7deg) scale(0.9); }
#entete #titsit { display: block; position: absolute; right: 24px; bottom: 25px; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; color: #fff3d6; text-shadow: 0 0 2px #000; }
#entete #titsit.compteur { bottom: 16px; }
#entete #titsit strong { display: block; font-family: 'Ultra', sans-serif; font-weight: 300; font-size: 20px; letter-spacing: -1px; }
#entete #titsit > div { background: #fff3d6; color: #333; padding: 4px; font-size: 11px; line-height: 18px; text-align: center; text-shadow: none; transform: rotateZ(-3deg); margin: 4px 0 0 0; }
#entete #titsit > div > span { position: relative; display: inline-block; animation: lsaute 3s infinite; animation-delay: calc(.1s * var(--i)); }
@keyframes lsaute {
0%,8%,100% { transform: translateY(0px) scale(1); }
4% { transform: translateY(-5px) scale(1.3); }
}
body.general #entete { border-bottom: 4px solid #3a3a3a; }
body.accueil.general #entete { border-bottom: none; background: none !important; position: absolute; left: 0; right: 0; top: 24px; }
/* Menu */
#menu { font-size: 16px; font-weight: 400; line-height: 22px; padding: 0; text-align: right; background: #ffe317; border-bottom: 4px solid #29a93e;
z-index: 19; box-shadow: 4px 0 4px rgba(0,0,0,0.5); }
#menu > .contenu > a { display: inline-block; padding: 12px 24px 12px 24px; transition: all 0.3s ease-in-out; color: #222; letter-spacing: 0px; font-weight: 700;
text-decoration: none; text-transform: uppercase; vertical-align: top; border-right: 1px dotted #000; }
#menu > .contenu > a:first-of-type { border-left: 1px dotted #000; }
#menu > .contenu > a:hover { background-color: rgba(0,0,0,0.3); text-decoration: none; }
#menu > .contenu > a.actif { color: #f1504e; text-decoration: none; font-weight: 700; }
.cnt-ssmenu { display: none; position: absolute; padding: 10px 0; z-index: 20; background: #ffe317; opacity: 0; box-shadow: 0 0 8px rgba(0,0,0,0.7);
transition: all 0.3s ease-in-out; }
.cnt-ssmenu.visible { opacity: 1; display: block; }
.cnt-ssmenu > a { display: block; padding: 10px 16px; font-size: 18px; line-height: 24px; color: #222; transition: all 0.3s ease-in-out; }
.cnt-ssmenu > a.actif { color: #f1504e; font-weight: 300; }
.cnt-ssmenu > a:hover { background-color: #fff; text-decoration: none; color: #3a3a3a; }
.cnt-ssmenu > .hr { border-color: #555; font-size: 0; margin: 8px 0; }
#menu #btn-rech { display: inline-block; width: 46px; height: 46px; vertical-align: top; border-right: 1px dotted #000; background: url(/img/front/ico-loupe.png) no-repeat center;
transition: all .3s ease-in-out; }
#menu > #btn-rech:hover { background-color: #222; text-decoration: none; }
#cnt-rech { display: none; position: absolute; top: 150px; left: 50%; margin-left: 300px; width: 300px; box-shadow: 0 0 4px rgba(0,0,0,0.3); z-index: 99; box-sizing: border-box; }
#cnt-rech.actif { display: block; }
#cnt-rech form { width: 100%; box-sizing: border-box; }
#cnt-rech input[type="text"] { width: 100%; padding: 10px 10px; border: 1px solid #cacfd0; background: #FBF9F3; box-sizing: border-box; }
#cnt-rech input[type="text"]:focus { border-color: #3a3a3a; outline: none; }
#cnt-rech input[type="submit"] { visibility: hidden; display: none; }
#menmob { display: none; }
#btn-menmob { display: none; }
#cnt-menmob { display: none; }
/* Barre de navigation */
#cntNavig { height: 16px; line-height: 16px; padding: 4px 6px; vertical-align: top; overflow: hidden; font-size: 11px; margin-top: 20px; margin-bottom: -20px; }
#cntNavig > a { display: inline-block; height: 16px; line-height: 16px; vertical-align: top; background: url(/img/front/nav-sep.png) no-repeat left center;
padding: 0 10px 0 18px; color: #555555; }
#cntNavig > a:hover { color: #dd9883; text-decoration: underline; }
#cntNavig > #navHome { display: inline-block; height: 16px; width: 10px; background: url(/img/front/nav-home.png) no-repeat left center; padding: 0 10px 0 0; }
#cntNavig > #navHome:hover { background: url(/img/front/nav-homeh.png) no-repeat left center; }
/* Slideshow */
#slideShow { position: relative; height: 640px; width: auto; background: #f4f4f4; }
#slideShow > .contenu:first-child { height: 100%; }
#slideShow #cntSlide { position: relative; height: 100%; width: auto; overflow: hidden; }
#slideShow #cntSlide .slideElt { display: block; box-sizing: border-box; width: 100%; height: 100%; color: #555555; background: no-repeat center; background-size: cover; }
#slideShow #cntSlide .slideElt:hover { color: #235a81; }
#slideShow #cntSlide .slideElt > div.legende { display: none !important; position: absolute; max-width: 1000px; right: 50%; margin-right: -640px; bottom: 30px;
color: #3a3a3a; font-size: 26px; line-height: 28px; font-weight: 400; background-color: #fff !important; box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
padding: 12px 16px 16px 16px; transition: all 0.8s ease-in-out; opacity: 0; -webkit-transform: translateX(1000px); -ms-transform: translateX(1000px); transform: translateX(1000px); }
body.accueil.general #slideShow #cntSlide .slideElt > div.legende { display: block !important; }
#slideShow #cntSlide .slideElt > div.legende.visible { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
#slideShow #ctlSlide { display: none; position: absolute; bottom: 0px; height: 48px; left: 0px; right: 0px; z-index: 10; text-align: right; }
#slideShow #ctlSlide a { display: /* inline-block */ none; text-align: center; background: #727272; color: #fff; height: 14px; width: 14px; margin: 0 5px; border-radius: 50%; margin-top: 17px;
-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out; transition: background-color .3s ease-in-out, color .3s ease-in-out;
-webkit-box-shadow: 0 0 4px #000 inset; -ms-box-shadow: 0 0 4px #000 inset; box-shadow: 0 0 4px #000 inset; }
#slideShow #ctlSlide a.actif, #slideShow #ctlSlide a:hover { background: #fff; color: #333; }
#slideShow #btn-sldpre { position: absolute; left: 0; top: 0; width: 140px; height: 100%; background: url(/img/front/slide-fleche-g.png) no-repeat right center;
opacity: 0.6; transition: all 0.3s ease-in-out; z-index: 11; }
#slideShow #btn-sldsui { position: absolute; right: 0; top: 0; width: 140px; height: 100%; background: url(/img/front/slide-fleche-d.png) no-repeat left center;
opacity: 0.6; transition: all 0.3s ease-in-out; z-index: 11; }
#slideShow #btn-sldpre:hover, #slideShow #btn-sldsui:hover { opacity: 1; }
/* Mise en avant accueil */
#cntmea { text-align: center; /* background: #fff; */ }
.lnkmea { background-color: #f3f3f3; color: #333; margin: 48px 0; position: relative; }
.lnkmea.contraste { background-color: #3a3a3a; color: #fff; }
.lnkmea .contenu { display: table; width: 100%; }
.lnkmea .photo { display: table-cell; width: 400px; vertical-align: middle; opacity: 1; transition: all .3s ease-in-out;
background-position: center; background-repeat: no-repeat; background-size: cover; }
.lnkmea .texte { display: table-cell; text-align: left; font-size: 18px; line-height: 24px; vertical-align: middle; height: 100%; padding: 40px; }
.lnkmea .texte h3 { text-align: left; color: #333; font-size: 25px; line-height: 25px; border-bottom: 1px dotted #222; padding-bottom: 6px; margin-bottom: 6px; text-transform: none; }
.lnkmea.contraste .texte h3 { color: #fff; border-color: #fff; }
.lnkmea a.lien { display: inline-block; padding: 8px 16px; color: #fff; background: #29a93e url(/img/front/fleche-lien-blanc.png) no-repeat right 10px center;
padding-right: 36px; text-shadow: none; font-size: 18px; line-height: 30px; font-weight: 600; transition: all .3s ease-in-out; }
.lnkmea a.lien:hover { background: #fff url(/img/front/fleche-lien-noir.png) no-repeat right 2px center; color: #333; }
.lnkmea.noimg .texte { text-align: center; padding: 24px 0px; }
.lnkmea.noimg .texte h3 { text-align: center; border-bottom: none; }
.lnkmea.sansfond { background-color: #fff; }
.lnkmea.bgjaune { background-color: #ffe317; }
.lnkmea.bgcoul { color: #fff; }
.lnkmea.bgcoul .texte h3 { color: #fff; border-color: #fff; }
.lnkmea.bgcoul a.lien { background: #fff3d6 url(/img/front/fleche-lien-noir.png) no-repeat right 10px center; color: #333; }
.lnkmea.bgcoul a.lien:hover { background: #fff url(/img/front/fleche-lien-noir.png) no-repeat right 2px center; color: #333; }
/* Contenus page d'accueil */
#txtacc { color: #333; font-size: 24px; padding: 12px 16px; margin: 0 auto; }
#txtapm { color: #333; font-size: 24px; padding: 12px 16px; margin: 0 auto; }
/* Liste des départements */
#lstdep { text-align: center; margin: 32px 0; }
.cntdep { position: relative; display: inline-block; width: 29%; padding: 12px 16px; margin: 10px 1%; box-sizing: border-box; box-shadow: 0 0 2px rgba(0,0,0,0.3); transition: all .3s ease-in-out; }
.cntdep:hover { transform: translateY(-6px); box-shadow: 2px 2px 6px rgba(0,0,0,0.7); }
.cntdep > a > img { display: block; width: 100%; }
.cntdep > a > * { color: #111 !important; }
.cntdep .dep-titre { font-weight: 700; font-size: 22px; line-height: 22px; }
.cntdep .dep-edition { font-size: 13px; }
/* Liste des pages infos */
#cntlpi { }
#cntlpi a { display: block; color: #222; font-size: 24px; margin: 4px 0 24px 0; transition: all .3s ease-in-out; }
#cntlpi a:hover { color: #dd9883; text-decoration: underline; }
/* Pages info */
.cntinf { padding: 12px 0 8px 0; font-size: 20px; line-height: 26px; margin-bottom: 32px; }
.cntinf a:hover { text-decoration: underline; }
.cntinf a.ancre { font-size: 0; }
.cntinf p { margin-bottom: 6px; }
.cntinf h3 { margin: 24px 0 12px 0; text-transform: none; }
.cntinf h3:first-child { margin-top: 0px; }
.cntinf h3:last-child { margin-bottom: 0px; }
.cntinf.bgn { background-color: #fff; }
.cntinf.bgv { background: #29a93e; color: #fff; padding: 12px 12px 8px 12px; }
.cntinf.bgv a { color: #ffe317; }
.cntinf.bgv h3 { color: #fff; }
.cntinf.bgj { background: #ffe317; padding: 12px 12px 8px 12px; }
.cntinf.bgo { background: #fff3d6; padding: 12px 12px 8px 12px; }
.cntinf.bgc { background: #3a3a3a; color: #fff; padding: 12px 12px 8px 12px; }
.cntinf.bgc h3 { color: #fff; }
.cntinf.tximga > div { display: table; width: 100%; min-height: 240px; max-height: 300px; box-sizing: border-box; table-layout: auto; margin-bottom: 4px; }
.cntinf.tximga > div > .txtpar { display: table-cell; width: 60%; padding-left: 20px; vertical-align: middle; }
.cntinf.tximga > div > .imggau { display: table-cell; width: 40%; vertical-align: top; background-position: top center; background-repeat: no-repeat; background-size: contain; }
.cntinf.tximdr > div { display: table; width: 100%; min-height: 240px; max-height: 300px; box-sizing: border-box; table-layout: auto; margin-bottom: 4px; }
.cntinf.tximdr > div > .txtpar { display: table-cell; width: 60%; padding-right: 20px; vertical-align: middle; }
.cntinf.tximdr > div > .imgdrt { display: table-cell; width: 40%; vertical-align: top; background-position: top center; background-repeat: no-repeat; background-size: contain; }
.cntinf.photo { padding: 10px 12px; text-align: center; }
.cntinf.photo > div > .imgpla { display: block; text-align: center; background-position: center; background-repeat: no-repeat; background-size: contain; height: 240px; }
.cntinf .legende { font-size: 14px; font-style: italic; text-align: center; color: #666; margin: 4px 0; display: none; }
.cntinf.bgc .legende { color: #ccc; }
.cntinf.photos { padding: 10px 12px; }
.cntinf.logos { padding: 10px 12px; text-align: center; }
.cntinf.logos .lnkimg { display: inline-block; height: 180px; width: 180px; background-size: contain; background-position: center; background-repeat: no-repeat; margin: 4px 6px;
transition: all .2s ease-in-out; vertical-align: middle; }
.cntinf.logos .lnkimg:hover { box-shadow: 2px 2px 4px rgba(0,0,0,0.5); transform: translateY(-4px); filter: grayscale(50%);}
.cntinf.titill > div { display: table; width: 100%; min-height: 120px; }
.cntinf.titill > div > h3 { display: table-cell; background-position: center; background-repeat: no-repeat; background-size: 100% auto; background-color: #fff;
padding: 0 120px; text-align: center; box-sizing: border-box; vertical-align: middle; font-weight: 400; text-transform: none; font-size: 25px; line-height: 25px; }
.cntinf.titfnd > div { display: table; width: 100%; min-height: 100px; }
.cntinf.titfnd > div > h3 { display: table-cell; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #fff;
font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 22px; line-height: 26px; color: #fff; text-shadow: 0 0 4px #000;
padding: 16px 20px; text-align: center; box-sizing: border-box; vertical-align: middle; }
.cnt-album { position: relative; height: 300px; color: #333; }
.cnt-album > div { position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s ease-in-out; }
.cnt-album > div:hover { -webkit-filter: brightness(80%); filter: brightness(80%); }
.cnt-album.cnt-1img { height: auto; }
.cnt-album.cnt-1img > div { position: relative; width: 100%; height: auto; background-size: contain; overflow: hidden; text-align: center; }
.cnt-album.cnt-1img > div > img { width: auto; height: auto; max-height: 480px; display: block; position: relative; left: 50%; transform: translate(-50%,0); }
.cnt-album.cnt-2img > div { left: 0; top: 0; width: 50%; height: 100%; }
.cnt-album.cnt-2img > div:nth-child(2) { left: 50%; }
.cnt-album.cnt-3img > div { left: 0; top: 0; height: 50%; width: 50%; }
.cnt-album.cnt-3img > div:first-child { height: 100%; }
.cnt-album.cnt-3img > div:nth-child(2) { left: 50%; }
.cnt-album.cnt-3img > div:nth-child(3) { left: 50%; top: 50%; }
.cnt-album.cnt-4img > div { left: 0; top: 0; height: 50%; width: 25%; }
.cnt-album.cnt-4img > div:first-child { height: 100%; width: 50%; }
.cnt-album.cnt-4img > div:nth-child(2) { left: 50%; }
.cnt-album.cnt-4img > div:nth-child(3) { left: 50%; top: 50%; }
.cnt-album.cnt-4img > div:nth-child(4) { left: 75%; height: 100%; }
.cnt-album.cnt-5img > div { left: 0; top: 0; height: 50%; width: 25%; }
.cnt-album.cnt-5img > div:first-child { height: 100%; width: 50%; }
.cnt-album.cnt-5img > div:nth-child(2) { left: 50%; }
.cnt-album.cnt-5img > div:nth-child(3) { left: 50%; top: 50%; }
.cnt-album.cnt-5img > div:nth-child(4) { left: 75%; }
.cnt-album.cnt-5img > div:nth-child(5) { left: 75%; top: 50%; }
.cnt-album > div.morimg { left: 75%; top: 50%; height: 50%; width: 25%; line-height: 150px; text-align: center; vertical-align: middle; }
.cnt-album > div.morimg > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 1; background: #3a3a3a; }
.cnt-album > div.morimg > span { position: relative; z-index: 2; font-size: 32px; font-weight: 700; color: #fff; }
body.admin { padding: 10px 8px; box-sizing: border-box; background: #fff; }
body.admin h1 { padding: 0 8px; }
body.admin .cntinf { padding: 12px 8px !important; border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin-bottom: 12px; font-size: 16px !important; }
body.admin .cntinf.bgn { background-color: #f7f7f7; }
body.admin .cntinf.titill { padding: 8px 0 !important; background-color: #fff; }
body.admin #hovinf { display: none; position: absolute; left: 8px; right: 8px; border: 1px dashed #333; background: rgba(0,0,0,0.1); }
body.admin #hovinf #infTools { position: absolute; right: 0; top: 0; background: rgba(255,255,255,0.9); box-shadow: 0 0 1px #666; line-height: 24px; font-size: 0; }
body.admin #hovinf #infAncre { display: inline-block; font-size: 14px; margin: 4px 6px 0 6px; vertical-align: top; line-height: 16px; }
body.admin #hovinf #infTools > div { display: inline-block; width: 24px; height: 24px; border-left: 1px dotted #ccc; vertical-align: top; }
body.admin #hovinf #infTools > div#infTrbcnt { background: url(/img/admin/bull_down.png) center no-repeat; }
body.admin #hovinf #infTools > div#infTrhcnt { background: url(/img/admin/bull_up.png) center no-repeat; }
body.admin #hovinf #infTools > div#infModcnt { background: url(/img/admin/edit.png) center no-repeat; }
body.admin #hovinf #infTools > div#infSupcnt { background: url(/img/admin/suppr.png) center no-repeat; }
body.admin #infAddcnt { line-height: 16px; padding: 8px 8px; border: 1px dashed #fff; margin: 8px 0; }
body.admin #infAddcnt > img { vertical-align: middle; margin: 0; }
body.admin #infAddcnt:hover { border: 1px dashed #333; background: rgba(0,0,0,0.1); }
body.admin #infFadfrm { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 9; }
body.admin #infCntfrm { position: absolute; left: 50%; top: 50%; width: 900px; height: auto; max-height: 80vh; background: #fff; transform: translate(-50%, -50%);
box-shadow: 0 0 16px rgba(0,0,0,0.5); overflow: hidden; }
body.admin #infCntfrm h4 { margin: 0; font-size: 15px; text-transform: none; background: #777; color: #fff; box-shadow: none; line-height: 28px; text-align: left; padding: 0 8px; }
body.admin #infCntfrm form { padding: 8px 16px; }
body.admin #formContenu { display: block; box-sizing: border-box; overflow: auto; }
body.admin #formContenu em { font-size: 13px; }
/* Agenda des événements */
#cntfhe { text-align: right; font-size: 12px; }
#lstevt { padding: 12px 6px; text-align: center; min-height: 100%; box-sizing: border-box; }
#lstevt #noresult { text-align: center; padding: 32px 16px; font-size: 16px; font-style: italic; line-height: 24px; background: #f7f7f7; }
.cntevt { display: inline-block; width: 276px; margin: 10px; vertical-align: top; background: #FBF9F3; box-sizing: border-box; text-align: center;
box-shadow: 0 0 4px rgba(0,0,0,0.5); transition: all .2s ease-in-out; }
.cntevt:hover { box-shadow: 2px 2px 4px rgba(0,0,0,0.5); transform: translateY(-4px); background: linear-gradient(180deg, #FEF7CD 0%, #FAF7E6 100%); }
.cntevt .cntimg { display: block; height: 240px; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 0 0 16px rgba(0,0,0,0.5) inset;
transition: all .2s ease-in-out; }
.cntevt:hover .cntimg { box-shadow: 0 0 32px rgba(0,0,0,0.5) inset; filter: grayscale(50%); }
.cntevt .cnttxt { display: block; padding: 8px; overflow: hidden; }
.cntevt .cnttxt .date { display: block; font-size: 13px; font-weight: 700; color: #666; }
.cntevt .cnttxt .titre { display: block; height: 48px; line-height: 48px; font-weight: 700; color: #444; overflow: hidden; margin: 2px 0 6px 0; }
.cntevt .cnttxt .titre > span { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 24px; }
.cntevt .cnttxt .ibcnt { display: inline-block; line-height: 18px; text-align: left; color: #666; max-width: 100%; box-sizing: border-box; }
.cntevt .cnttxt .type { display: block; font-size: 13px; background: url(/img/front/ico-type.png) no-repeat left center; padding-left: 20px; height: 18px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cntevt .cnttxt .heure { display: block; font-size: 13px; background: url(/img/front/ico-heure.png) no-repeat left center; padding-left: 20px; height: 18px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Cartographie des événements */
#map { height: 640px; }
.infmap { text-align: center; max-width: 240px !important; }
.infmap strong { display: block; font-size: 14px; text-transform: uppercase; }
.infmap .photo { margin: 0 0 8px 0; text-align: center; }
.infmap .photo > img { max-width: 100%; max-height: 160px; }
.infmap .mib_ibac { display: inline-block; line-height: 18px; text-align: left; color: #666; }
.infmap .mib_type { padding: 0 0 0 20px; background: url("/img/front/ico-type.png") no-repeat top left; line-height: 16px; }
.infmap .mib_lieu { padding: 0 0 0 20px; background: url("/img/front/ico-lieu.png") no-repeat top left; line-height: 16px; }
.infmap .mib_date { padding: 0 0 0 20px; background: url("/img/front/ico-date.png") no-repeat top left; line-height: 16px; }
.infmap .mib_lien { text-align: right; margin: 10px 0 0 0; }
.infmap .mib_lien > a { display: inline-block; padding: 3px 8px; color: #fff; background: #3a3a3a; font-weight: 700; }
/* Panel filtrer */
#btnOptions { position: absolute; top: 4px; right: 8px; z-index: 6; transition: all .2s ease-in-out; }
#btnOptions > img { transition: all .3s ease-in-out; transform: rotateZ(-90deg); }
#btnOptions.inactif > img { transform: rotateZ(90deg); }
#btnOptions:hover > img { transform: rotateZ(-65deg); }
#btnOptions.inactif:hover > img { transform: rotateZ(65deg); }
#cntOptions { position: relative; padding: 8px 10px; box-shadow: 0 0 3px rgba(0,0,0,0.5); background: #69c072; color: #fff; overflow: hidden;
transition: all .3s ease-in-out; z-index: 5; }
#cntOptions.actif { height: auto; }
#cntOptions #frmopt { margin: 5px 0 0 0; padding: 2px 0 0 0; border-top: 1px dotted #3a3a3a; }
#cntOptions .options_tit { font-family: "Alegreya Sans SC", sans-serif; font-size: 20px; font-weight: 700; margin: -2px 12px 2px 0; }
#cntOptions .options_elt { display: inline-block; width: 500px; font-size: 12px; color: #fff; font-style: italic; margin: 6px 0 0 0; }
#cntOptions .options_elt > em { display: inline-block; width: 60px; }
#cntOptions #cntBtnaff { text-align: center; margin: 10px 10px 10px 0; }
#cntOptions #cntBtnaff a { display: inline-block; margin: 0 6px; padding: 6px 8px; opacity: 0.5; transition: all .2s ease-in-out; }
#cntOptions #cntBtnaff a:hover { opacity: 1; }
#cntOptions #cntBtnaff a.actif { opacity: 1; background: #e7e7e7; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
#cntOptions input[type=text], #cntOptions select { width: 380px; background: #fff; box-sizing: border-box; padding: 1px 3px; font-size: 12px; vertical-align: middle; }
#cntOptions input[type=text].date { width: 70px; }
#cntOptions input[type=text].heure { width: 40px; }
#cntOptions #options_val { position: absolute; width: 140px; right: 10px; top: 39px; }
#cntOptions #options_val input[type=submit] { background: #3a3a3a; border-color: #26474a; color: #fff; font-size: 13px; font-weight: 700; width: 100%; padding: 1px 4px; border-radius: 5px;
transition: all .2s ease-in-out; }
#cntOptions #options_val input[type=submit]:hover { box-shadow: 2px 2px 4px rgba(0,0,0,0.5); transform: translate(0, -2px); }
#cntOptions #options_val input[type=submit].blink { animation: bgblink 3s infinite; animation-fill-mode: both; }
@keyframes bgblink { 50% { background: #111; color: #E8E76C; } }
#cntOptions #options_val input[type=reset] { background: #fff; border-color: #ccc; color: #333; font-size: 13px; font-weight: 700; width: 100%; padding: 1px 4px; border-radius: 5px;
transition: all .2s ease-in-out; line-height: 17px; margin: 3px 0; }
#cntOptions #options_val input[type=reset]:hover { box-shadow: 2px 2px 4px rgba(0,0,0,0.5); transform: translate(0, -2px); }
#cntOptions #options_debug { display: none; }
body.no-options #cntOptions { height: 18px; }
/* Page détaillée événement */
#titevt { border-bottom: 1px dotted #666; text-align: center; padding: 8px 56px; }
#titevt > h1 { padding: 0; }
#titevt #evt-prec { position: absolute; display: block; background: url(/img/front/nprecv.png) no-repeat center; background-size: contain; left: 0; top: 0; width: 48px; height: 100%;
transition: all .2s ease-in-out; opacity: 0.5; filter: grayscale(100%); }
#titevt #evt-prec:hover { opacity: 1; filter: none; }
#titevt #evt-suiv { position: absolute; display: block; background: url(/img/front/nsuivv.png) no-repeat center; background-size: contain; right: 0; top: 0; width: 48px; height: 100%;
transition: all .2s ease-in-out; opacity: 0.5; filter: grayscale(100%); }
#titevt #evt-suiv:hover { opacity: 1; filter: none; }
#cghevt { float: left; width: 650px; margin: 24px 0 0 0; }
#cghevt #txtevt { margin: 0 0 24px 0; }
#cghevt #tagevt { text-align: left; margin: 0 0 24px 0; }
#cghevt #tagevt > a { display: inline-block; font-weight: 700; font-size: 16px; background: #3a3a3a; color: #fff; padding: 2px 6px; border-radius: 3px; margin: 3px 1.5px;
transition: all .2s ease-in-out; }
#cghevt #tagevt > a:hover { transform: translate(0, -2px); box-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
#cghevt #infevt { margin: 0 0 24px 0; }
#cghevt #pubevt { padding: 0 0 0 20px; background: url("/img/front/ico-public.png") no-repeat top 1px left; line-height: 16px; font-size: 15px; font-weight: 700; margin: 0 0 6px 0; }
#cghevt #datevt { padding: 0 0 0 20px; background: url("/img/front/ico-date.png") no-repeat top 1px left; line-height: 16px; font-size: 15px; font-weight: 700; margin: 0 0 6px 0; }
#cghevt #heuevt { padding: 0 0 0 20px; background: url("/img/front/ico-heure.png") no-repeat top 1px left; line-height: 16px; font-size: 15px; font-weight: 700; margin: 0 0 6px 0; }
#cghevt #catevt { padding: 0 0 0 20px; background: url("/img/front/ico-type.png") no-repeat top 1px left; line-height: 16px; font-size: 15px; font-weight: 700; margin: 0 0 6px 0; }
#cdrevt { float: right; width: 500px; margin: 24px 0 0 0; }
#cdrevt #imgevt { max-width: 100%; }
#cdrevt #limevt { text-align: center; font-size: 12px; font-style: italic; margin: 4px 0 24px 0; }
#cdrevt #adrevt { padding: 0 0 0 20px; background: url("/img/front/ico-lieu.png") no-repeat top 1px left; line-height: 16px; font-size: 15px; margin: 0 0 3px 0; }
#cdrevt #map { height: 320px; margin: 12px 0 0 0; }
/* Page contact */
body.contact #cntContxt { float: left; width: 580px; font-size: 20px; }
body.contact #cntContxt #contel { display: inline-block; padding: 0 0 0 32px; background: url(/img/front/ico-tel.png) no-repeat left 2px center; min-height: 24px; vertical-align: middle; line-height: 20px; }
body.contact #cntContxt #conmel { display: inline-block; padding: 0 0 0 32px; background: url(/img/front/ico-mel.png) no-repeat left center; min-height: 24px; vertical-align: middle; line-height: 20px; }
body.contact #cntConimg { float: right; width: 580px; margin-top: 16px; }
body.contact #cntConimg img { width: 100%; }
/* Erreurs */
#bigErreur { color: #f7f7f7; font-size: 300px; font-weight: bold; text-align: center; text-shadow: 0px 0px 32px rgba(0,0,0,0.17); }
/* Bouton retour haut de page */
#btn-top { position: fixed; bottom: 24px; right: 24px; width: 48px; height: 48px; background: url(/img/front/btn-top.png) no-repeat center; z-index: 11;
opacity: .3; transition: opacity .3s ease-in-out; filter: grayscale(100%); }
#btn-top:hover { opacity: 1; }
/* Pieds de page */
#pied_rsoc { background: #FBF9F3; padding: 25px 0; color: #333; font-size: 14px; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#pied_rsoc .rtitre { font-size: 14px; font-weight: 400; text-align: center; margin-bottom: 10px; color: #666; text-transform: uppercase; }
#pied_rsoc .rtitre:before { content: ""; border-bottom: solid 1px #ccc; position: absolute; left: 6px; right: 6px; top: 13px; z-index: 1; }
#pied_rsoc .rtitre > span { display: inline-block; padding: 2px 6px; background: #f7f7f7; position: relative; z-index: 2; }
#pied_rsoc #cnt-rsoc { margin: 16px 0 24px 0; }
#pied_rsoc #cnt-rsoc a { display: inline-block; padding: 8px 16px 8px 8px; border-radius: 5px; line-height: 32px; color: #fff; font-size: 20px; margin: 0 12px; transition: all .2s ease-in-out; }
#pied_rsoc #cnt-rsoc a:hover { box-shadow: 2px 2px 4px rgba(0,0,0,0.3); transform: translate(0, -2px); }
#pied_rsoc #cnt-rsoc a > img { display: inline-block; margin: 0 6px 0 0; }
#pied_rsoc #cnt-rsoc #btnFacebook { background: #3b5998; }
#pied_rsoc #cnt-rsoc #btnInstagram { background: #FF7676; }
#pied_rsoc #cnt-rsoc #btnTiktok { background: #000000; }
#pied_rsoc .sharethis-inline-share-buttons { margin: 16px 0 0 0; }
#pied_rsoc .st-btn { transition: all .2s ease-in-out !important; }
#pied_rsoc .st-btn:hover { opacity: 1 !important; top: auto !important; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); transform: translate(0, -2px); }
#pied_parts { background: #fff; padding: 25px 0; color: #333; font-size: 0; }
#pied_parts .ppbloc { display: inline-block; font-size: 20px; vertical-align: middle; }
#pied_parts .ppbloc1 { width: 32.3%; margin: 0.5%; }
#pied_parts .ppbloc2 { width: 65.6%; margin: 0.5%; }
#pied_parts .ppbloc .pptitre { text-transform: uppercase; font-size: 14px; font-weight: 400; text-align: center; margin-bottom: 10px; color: #666; }
#pied_parts .ppbloc .pptitre:before { content: ""; border-bottom: solid 1px #ccc; position: absolute; left: 6px; right: 6px; top: 10px; z-index: 1; }
#pied_parts .ppbloc .pptitre > span { display: inline-block; padding: 2px 6px; background: #fff; position: relative; z-index: 2; }
#pied_parts .ppbloc .pplogos { height: 150px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: 16px; }
#pied_finp { background-color: #3a3a3a; color: #fff; padding: 12px 0; text-align: center; font-size: 14px; }
#pied_finp a { color: #fff; }
/* Popup */
#cnt-popup { position: fixed; top: 50%; left: 50%; margin-left: -320px; width: 640px; height: auto; max-width: 100%; background: #fff; color: #333; z-index: 99999;
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
transition: all 0.5s ease-in-out; box-shadow: 0 0 8px #000; }
#cnt-popup > img { border: 0; margin: 0 auto; padding: 0; height: auto; width: auto; display: block; max-height: 60vh; max-width: 100%; }
#cnt-popup #txt-popup { border: 0; margin: 0; padding: 20px; width: auto; height: auto; overflow: hidden; transition: all 0.5s ease-in-out; font-size: 20px !important; }
#cnt-popup #txt-popup h3, #cnt-popup #txt-popup h5 { font-size: 30px; line-height: 30px; border-bottom: none; padding-bottom: 0; }
#cnt-popup #btn-close { position: absolute; top: 6px; right: 6px; height: 16px; width: 16px; cursor: pointer; }
/* Animation slide */
.slideElt {
position: absolute; left: 0px; top: 0px; opacity: 0;
-o-transform: translateX(0px) translateY(0px) rotateY(0deg) rotateZ(0deg) scale(1); -o-transform-style: preserve-3d; /* -o-backface-visibility: hidden; */
-ms-transform: translateX(0px) translateY(0px) rotateY(0deg) rotateZ(0deg) scale(1); -ms-transform-style: preserve-3d; /* -ms-backface-visibility: hidden; */
-webkit-transform: translateX(0px) translateY(0px) rotateY(0deg) rotateZ(0deg) scale(1); -webkit-transform-style: preserve-3d; /* -webkit-backface-visibility: hidden; */
-moz-transform: translateX(0px) translateY(0px) rotateY(0deg) rotateZ(0deg) scale(1); -moz-transform-style: preserve-3d; /* -moz-backface-visibility: hidden; */
transform: translateX(0px) translateY(0px) rotateY(0deg) rotateZ(0deg) scale(1); transform-style: preserve-3d; /* backface-visibility: hidden; */
-o-transition: transform .8s ease-in-out, opacity .7s ease-in-out; -ms-transition: transform .8s ease-in-out, opacity .7s ease-in-out;
-moz-transition: transform .8s ease-in-out, opacity .7s ease-in-out; -webkit-transition: transform .8s ease-in-out, opacity .7s ease-in-out;
transition: transform .8s ease-in-out, opacity .7s ease-in-out;
}
.slideElt.inactive {
z-index: 2; opacity: 0;
/* -webkit-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
-moz-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
-o-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); */
-o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
.slideElt.desactive {
z-index: 2; opacity: 0;
/* -webkit-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
-moz-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
-o-transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
transform: translateX(-1000px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); */
}
.slideElt.active {
z-index: 10; opacity: 1;
/* -webkit-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
-moz-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
-o-transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
transform: translateX(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); */
}
.slideElt.fx1 { }
.slideElt.fx1.inactive { -ms-transform: translateX(-1000px); -webkit-transform: translateX(-1000px); transform: translateX(-1000px); }
.slideElt.fx1.desactive { -ms-transform: translateX(1000px); -webkit-transform: translateX(1000px); transform: translateX(1000px); }
.slideElt.fx1.active { -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
.slideElt.fx2 { }
.slideElt.fx2.inactive { -ms-transform: translateY(-600px); -webkit-transform: translateY(-600px); transform: translateY(-600px); }
.slideElt.fx2.desactive { -ms-transform: translateY(600px); -webkit-transform: translateY(600px); transform: translateY(600px); }
.slideElt.fx2.active { -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
.slideElt.fx3 { }
.slideElt.fx3.inactive { -ms-transform: scale(5); -webkit-transform: scale(5); transform: scale(5); }
.slideElt.fx3.desactive { -ms-transform: scale(0.2); -webkit-transform: scale(0.2); transform: scale(0.2); }
.slideElt.fx3.active { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.slideElt.fx4 { }
.slideElt.fx4.inactive { -ms-transform: rotateZ(90deg) scale(0.3); -webkit-transform: rotateZ(90deg) scale(0.3); transform: rotateZ(90deg) scale(0.3); }
.slideElt.fx4.desactive { -ms-transform: rotateZ(-90deg) scale(3); -webkit-transform: rotateZ(-90deg) scale(3); transform: rotateZ(-90deg) scale(3); }
.slideElt.fx4.active { -ms-transform: rotateZ(0deg) scale(1); -webkit-transform: rotateZ(0deg) scale(1); transform: rotateZ(0deg) scale(1); }
/* =======================================================
Media queries
======================================================= */
#irmax { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: block; z-index: 999; }
#ir1340 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; z-index: 999; }
#ir1120 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; z-index: 999; }
#ir900 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; z-index: 999; }
#ir600 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; z-index: 999; }
#ir400 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; z-index: 999; }
#ir320 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; z-index: 999; }
/* ------------------------------------------------ */
/* Format PC/tablettes < 1340px */
@media handheld, only screen and (max-width: 1340px), only screen and (max-device-width: 1340px) {
#irmax { display: none; }
#ir1340 { display: block; }
.contenu { width: 1080px; margin-left: -540px; }
#at4-share { display: none !important; } .at4-show { display: none !important; }
#menu > .contenu > a { padding: 12px 18px 12px 18px; }
#cnt-rech { margin-left: 240px; }
#slideShow #cntSlide .slideElt > div.legende { right: 24px; margin: 0; }
#slideShow #btn-sldpre, #slideShow #btn-sldsui { width: 80px; background-size: contain; }
.cntinf.titill > div { min-height: 108px; }
.cntinf.titill > div > h3 { padding: 0 108px; }
.cntevt { width: 250px; margin: 8px; }
#cntOptions .options_elt { width: 450px; }
#cntOptions input[type="text"], #cntOptions select { width: 350px; }
#cghevt { width: 600px; }
#cdrevt { width: 450px; }
body.contact #cntContxt { width: 520px; }
body.contact #cntContxt #cntRessoc img { max-width: 100%; }
body.contact #cntConimg { width: 520px; }
}
/* ------------------------------------------------ */
/* Format PC/tablettes < 1120px */
@media handheld, only screen and (max-width: 1120px), only screen and (max-device-width: 1120px) {
#ir1340 { display: none; }
#ir1120 { display: block; }
.contenu { width: 100%; left: auto; margin-left: 0px; }
.contenu > .padding { padding: 0 10px; }
.newline:nth-of-type(n+2) { display: block; font-size: 0px; height: 0px; }
pre { margin: 0; padding: 0; width: auto; white-space: pre-wrap; }
h1 { font-size: 28px; line-height: 28px; }
form table td { font-size: 11px; }
form table input, form table select { max-width: 220px; }
form table textarea { max-width: 98%; }
#menu > .contenu > a { font-size: 14px; line-height: 26px; padding: 10px 16px 10px 16px; }
#btn-rech { margin-right: 10px; }
#cnt-rech { margin-left: 0px; left: auto; right: 10px; }
#slideShow { height: 480px; }
#slideShow #cntSlide .slideElt > div.legende { max-width: 720px; font-size: 22px; line-height: 28px; }
#slideShow #btn-sldpre, #slideShow #btn-sldsui { width: 60px; }
.lnkmea .photo { width: 360px; }
.lnkmea .texte h3 { font-size: 22px; }
.lnkmea .texte { font-size: 16px; line-height: 22px; }
.lnkmea a.lien { font-size: 16px; }
.cntinf { font-size: 18px; line-height: 24px; }
.cntinf.titill > div { min-height: 10vw; }
.cntinf.titill > div > h3 { font-size: 22px; line-height: 22px; padding: 0 10vw; }
.cntinf.titfnd > div > h3 { font-size: 16px; line-height: 20px; }
#cntlpi a { font-size: 22px; }
#cntOptions #frmopt { padding-right: 140px; }
#cntOptions .options_elt { width: 350px; }
#cntOptions input[type="text"], #cntOptions select { width: 260px; }
#cghevt { width: 58%; }
#cdrevt { width: 40%; }
body.contact #cntContxt { width: 50%; margin: 0 2%; font-size: 16px; }
body.contact #cntConimg { width: 40%; margin: 0 2%; }
}
/* ------------------------------------------------ */
/* Format < 900px */
@media handheld, only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
#ir1120 { display: none; }
#ir900 { display: block; }
body { font-size: 15px; }
h1 { font-size: 24px; line-height: 24px; }
h3 { font-size: 20px; line-height: 20px; }
.cntinf { font-size: 16px; line-height: 22px; margin: 16px 0; }
#cntlpi a { font-size: 20px; }
#entete { height: 64px; }
#entete #logo { height: 56px; left: 12px; margin-left: 0; top: 4px; }
#entete #titsit { bottom: 12px; right: 80px; font-size: 10px; }
#entete #titsit strong { font-size: 18px; }
#entete #titsit.compteur { bottom: 12px; }
#entete #titsit > div { display: none; }
#menu { display: none; }
#menmob { display: block; font-size: 16px; line-height: 22px; font-weight: 400; padding: 0; box-shadow: 0 0 8px #222; z-index: 19;
position: absolute; top: 0; left: 0; right: 0; background: none; height: 64px; }
#btn-menmob { display: block; text-align: right; z-index: 20; height: 64px; }
#cnt-menmob { text-align: center; background: #ffe317; overflow: hidden; display: none; transition: all .3s ease-in-out; box-shadow: 0 4px 4px rgba(0,0,0,0.5); }
#cnt-menmob > a { display: block; padding: 6px 12px; font-size: 18px; color: #333; transition: all .3s ease-in-out; }
#cnt-menmob > a:hover { background: #fff; color: #3a3a3a; }
#cnt-menmob > a.actif { color: #f1504e; }
#cnt-menmob > div { background: #222; overflow: hidden; display: none; transition: all .3s ease-in-out; }
#cnt-menmob > div > a { display: block; padding: 6px 12px; color: #fff; transition: all .3s ease-in-out; }
#cnt-menmob > div > a:hover { background: #fff; color: #3a3a3a; }
#cnt-menmob > div > a.actif { color: #f1504e; }
#slideShow { height: 420px; }
#slideShow #btn-sldpre { width: 40px; }
#slideShow #btn-sldsui { width: 40px; }
#slideShow #cntSlide .slideElt > div.legende { right: 32px; max-width: 580px; font-size: 16px; line-height: 22px; }
#txtacc { font-size: 20px; width: auto; padding: 12px 0; margin: 0; }
#txtacc h3 { font-size: 22px; line-height: 36px; }
#txtapm { font-size: 20px; width: auto; padding: 12px 0; margin: 0; }
.lnkmea .photo { width: 280px; }
.lnkmea .texte h3 { font-size: 18px; line-height: 18px; }
.lnkmea .texte { font-size: 14px; line-height: 18px; }
.lnkmea a.lien { font-size: 14px; display: block; text-align: center; }
.cntinf.titill > div > h3 { font-size: 20px; line-height: 20px; }
.cntinf.titfnd > div > h3 { font-size: 15px; line-height: 18px; }
#cntOptions #frmopt { padding-right: 0; }
#cntOptions .options_elt { width: calc(100% - 160px); }
#cntOptions input[type="text"], #cntOptions select { width: calc(100% - 70px); }
#cntOptions #options_val { top: 112px; }
#lstevt { padding: 12px 0; }
.cntevt { width: calc(50% - 6px); margin: 6px; }
.cntevt:nth-of-type(2n+1) { margin-left: 0; }
.cntevt:nth-of-type(2n) { margin-right: 0; }
.cntevt .cnttxt .titre > span { font-size: 15px; }
.cntevt .cnttxt .date { font-size: 12px; }
.cntevt .cnttxt .heure { font-size: 12px; }
.cntevt .cnttxt .type { font-size: 12px; }
#cghevt #pubevt { font-size: 14px; }
#cghevt #datevt { font-size: 14px; }
#cghevt #heuevt { font-size: 14px; }
#cghevt #catevt { font-size: 14px; }
#cghevt #tagevt > a { font-size: 15px; }
body.contact #cntConimg { margin-top: 48px; }
#cnt-popup { left: 20px; margin-left: 0px; width: auto; right: 20px; }
#cnt-popup #txt-popup { font-size: 16px !important; }
#cnt-popup #txt-popup h3, #cnt-popup #txt-popup h5 { font-size: 16px; }
#pied_finp { font-size: 11px; }
#pied_rsoc #cnt-rsoc a { font-size: 16px; }
}
/* ------------------------------------------------ */
/* Format mobiles < 720px */
@media handheld, only screen and (max-width: 720px), only screen and (max-device-width: 720px) {
#txtacc h3 { font-size: 20px; line-height: 26px; }
.lnkmea .contenu { display: block; padding: 16px; width: auto; }
.lnkmea .texte, .lnkmea .photo { display: block; width: auto; padding: 0; }
.lnkmea .photo { height: 320px; margin: 16px 0 0 0; }
.lnkmea .photo:first-child { margin: 0 0 16px 0; }
#btn-top { bottom: 12px; right: 12px; }
}
/* ------------------------------------------------ */
/* Format mobiles < 600px */
@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
#ir900 { display: none; }
#ir600 { display: block; }
body { font-size: 14px; }
h1 { font-size: 20px; line-height: 20px; }
h3 { font-size: 18px; line-height: 18px; }
li { list-style: disc; }
#slideShow { height: 320px; }
#slideShow #cntSlide .slideElt > div.legende { max-width: 460px; right: 20px; bottom: 20px; font-size: 14px; line-height: 20px; }
#slideShow #btn-sldpre { width: 32px; }
#slideShow #btn-sldsui { width: 32px; }
.lnkmea .contenu { padding: 8px; }
#cntlpi a { font-size: 18px; }
.cntinf { font-size: 15px; line-height: 20px; }
.cntinf.titill > div > h3 { font-size: 16px; line-height: 20px; }
.cntinf.titfnd > div > h3 { font-size: 13px; line-height: 18px; }
.cntinf.tximdr > div, .cntinf.tximga > div { display: block; width: auto; min-height: none; max-height: none; }
.cntinf.tximdr > div > .txtpar, .cntinf.tximga > div > .txtpar { display: block; width: auto; padding: 0; }
.cntinf.tximdr > div > .imgdrt, .cntinf.tximga > div > .imggau { display: block; width: auto; height: 240px; }
.cntinf.tximdr > div > .imgdrt { margin-top: 12px; }
.cntinf.tximga > div > .imggau { margin-bottom: 12px; }
.cntinf.photos { padding: 6px; }
.cnt-album { height: 240px; }
.cntinf.logos .lnkimg { height: 150px; width: 150px; }
#cntOptions .options_tit { font-size: 18px; line-height: 23px; }
#cntOptions input[type="text"], #cntOptions select { font-size: 11px; }
#cntOptions input[type="text"].date { width: 64px; }
#cntOptions .options_elt { display: block; width: auto; }
#cntOptions #options_val { position: relative; right: auto; top: auto; width: auto; margin-top: 10px; text-align: center; }
#cntOptions #options_val input[type="reset"] { width: 100px; }
#cntOptions #options_val input[type="submit"] { width: 100px; }
#cghevt { width: auto; float: none; }
#cdrevt { width: auto; float: none; }
#cghevt #tagevt > a { font-size: 14px; }
body.contact #cntContxt { font-size: 15px; float: none; width: auto; margin-bottom: 32px; }
body.contact #cntConimg { float: none; width: auto; margin: 0 12px 12px 12px; }
#pied_rsoc .rtitre { font-size: 13px; }
#pied_rsoc #cnt-rsoc a { font-size: 15px; line-height: 24px; }
#pied_rsoc #cnt-rsoc a > img { height: 24px; width: auto; }
#pied_parts .ppbloc .pptitre { font-size: 13px; }
#btn-top { bottom: 6px; right: 6px; }
#pied_finp .spacer { display: block; visibility: hidden; height: 4px; }
}
/* ------------------------------------------------ */
/* Format mobiles < 460px */
@media handheld, only screen and (max-width: 460px), only screen and (max-device-width: 460px) {
.cntevt { display: block; width: auto; margin: 10px 0; }
}
/* ------------------------------------------------ */
/* Format mobiles < 400px */
@media handheld, only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
#ir600 { display: none; }
#ir400 { display: block; }
body { font-size: 13px; }
h3 { font-size: 14px; line-height: 14px; }
img { max-width: 100%; }
ul, ol { padding-left: 20px; }
.contenu > .padding { padding: 0 6px; }
form table input, form table select { max-width: 160px; }
#entete #titsit { right: 66px; font-size: 9px; }
#slideShow #cntSlide .slideElt > div.legende { max-width: 280px; right: 10px; padding: 6px 8px; font-size: 13px; line-height: 18px; bottom: auto; top: 10px; }
.cntinf iframe { max-height: 320px; max-width: 100%; }
.cnt-album { height: 160px; }
#cghevt #tagevt > a { font-size: 13px; }
body.contact iframe { max-height: 320px; }
#pied_rsoc #cnt-rsoc a { margin: 0 6px; }
#pied_parts .ppbloc1 { width: auto; margin: 0; display: block; }
#pied_parts .ppbloc2 { width: auto; margin: 0; display: block; }
#pied_parts .ppbloc .pplogos { margin-bottom: 10px; }
#btn-top { bottom: 3px; right: 4px; width: 32px; height: 32px; background-size: 32px; }
}
/* ------------------------------------------------ */
/* Format mobiles < 320px */
@media handheld, only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
#ir400 { display: none; }
#ir320 { display: block; }
}