/* CSS Document */
/* Elements de base */
html { width: 100%; height: 100%; }
body { margin: 0px; padding: 0px; font-family: 'PT Sans', sans-serif; font-weight: 400; font-size: 20px; line-height: normal; color: #4c4c4e; height: 100%; width: 100%; background: #fff; overflow-x: hidden; }
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: 8px; height: auto; }
ul, ol { margin: 12px 0px; padding: 0; padding-left: 40px; }
li { margin-top: 0px; margin-bottom: 0px; list-style-image: url(/img/front/bull-li.png); line-height: 1.2em; }
img { border: none; vertical-align: top; }
input { vertical-align: middle; margin: 0px; border: 1px solid #888; padding: 4px 6px; font-size: 14px; line-height: normal; color: #000; font-family: Arial, sans-serif; outline-width: 0; }
input[type=file] { border: none; }
input[type=checkbox] { margin-top: -2px; border: none; }
input[type=radio] { margin-top: -3px; border: none; }
input[type=submit] { background: #eee; padding: 3px 8px; border: 1px solid #888; color: #666; cursor: pointer; }
textarea { margin: 0px; border: 1px solid #888; padding: 4px 6px; font-size: 14px; color: #000; resize: none; font-family: Arial, sans-serif; outline-width: 0; }
select { margin: 0px; border: 1px solid #888; padding: 4px 6px; font-size: 14px; color: #000; font-family: Arial, sans-serif; outline-width: 0; }
select option { background: #fff !important; color: #4c4c4e !important; padding: 3px 5px; }
div { position: relative; }
hr { color: #999; background-color: #999; height: 1px; border: none; }
strong { font-weight: 600; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; }
* { box-sizing: border-box; }
/* Liens et classes associées */
a, a:link, a:visited { text-decoration: none; color: #4d1c5e; }
a:hover { text-decoration: none; }
a.actif { font-weight: bold; }
li a { text-decoration: none; color: #d97700; }
a.ficpdf { display: inline-block; background: url(/img/admin/pdf.png) no-repeat left center; padding-left: 24px; }
/* Titres */
h1 { position: relative; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 24px; line-height: 32px; margin: 5px 0; padding: 0px; text-transform: uppercase; letter-spacing: 3px; }
h2 { position: relative; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 26px; line-height: 32px; margin: 5px 0; padding: 0px; }
h3 { position: relative; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 28px; line-height: 34px; margin: 5px 0; padding: 0px; text-transform: uppercase; letter-spacing: 8px; }
h4 { position: relative; font-family: 'PT Sans', sans-serif; text-transform: uppercase; letter-spacing: 5px; font-size: 20px; color: #777; margin: 0 0 8px 0; }
h5 { position: relative; font-family: 'PT Sans', sans-serif; text-transform: uppercase; font-size: 18px; margin: 0 0 8px 0; font-weight: 600; text-align: center; }
/* 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; background: url(/img/admin/information.png) no-repeat left; padding-left: 22px; font-weight: 500; color: #369; }
.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 { -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); 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-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: 1280px; margin-left: -640px; } .contenu > .padding { padding: 0px; }
.cntcol { display: table; width: 100%; }
.cntcol > .col2 { display: table-cell; width: 50%; }
.cntcol > .col2 > .padding { padding: 0 12px; }
.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; }
.nbart { font-size: 9px; }
.fright { float: right; }
.aright { text-align: right; } .aleft { text-align: left; } .acenter { text-align: center; }
.disabled { color: #d7d7d7; }
.trait { display: inline-block; width: 380px; height: 6px; overflow: hidden; background-color: #666; margin: 24px 0; border-radius: 3px; }
.br { height: 0; overflow: hidden; }
.grand { font-size: 24px; }
.big { font-size: 32px; }
.vbig { font-size: 48px; }
.vvbig { font-size: 64px; font-weight: 700; vertical-align: top; }
.rond-coul { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background-color: #4d1c5e; }
.marge-fmax { margin: 0 6px; }
.marge2-fmax { display: inline-block; margin: 8px 55px 0 38px; width: 4px; height: 46px; line-height: 64px; background: rgba(255,255,255,0.4); vertical-align: middle; }
.filet { height: 14px; font-size: 0; background: url(/img/front/filet-orange.png) no-repeat center; margin: 32px 0; }
/* Couleurs */
.blanc { color: #fff; }
.gris { color: #666; }
.grisc { color: #aaa !important; }
.grisc a { color: #aaa !important; border-color: #aaa !important; }
a .grisc { color: #aaa !important; border-color: #aaa !important; }
.bg-gris { background-color: #eee; color: #666; }
.adherents { color: #666; }
.css-bgc { padding: 12px 16px; margin: 12px 0; background-color: #999; color: #fff; }
.css-bgc a, .cnt-bgcoul a:link, .cnt-bgcoul a:visited { color: #fff; }
.cnt-bgris { background: #eee; padding: 24px 0; }
.pg-blanc { background: #fff; }
.pg-gris { background: #eee; }
.pg-orange { background: #f8d3b450; }
.pg-violet { background: #dec5e050; }
.txt-coul { color: #83b817; }
/* Effet d'affichage au scroll */
.affconten { perspective: 1200px; perspective-origin: center; }
.affscroll { -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); opacity: 0; transition: all 1s ease-in-out; }
.affscroll.affvisible { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
/* Aperçus liens */
.apelnk { position: relative; display: table; width: 100%; max-width: 100%; background: #f7f7f7; padding: 12px 12px; margin: 12px 0; text-align: center;
box-sizing: border-box; transition: all .3s ease-in-out; }
a.apelnk { max-width: 900px; margin: 12px auto; }
.apelnk > img { max-width: 100%; max-height: 180px; }
.apelnk iframe { max-width: 100%; }
.apelnk > .imgurl { display: table-cell; width: 240px; height: 180px; background-position: center; background-size: cover; background-repeat: no-repeat; vertical-align: top; }
.apelnk > .txturl { display: table-cell; max-height: 160px; transition: all .3s ease-in-out; vertical-align: middle; text-align: left; padding: 0 12px 0 24px; }
.apelnk > .txturl.noimage { padding-left: 12px; }
.apelnk > .txturl > .titurl { display: block; font-family: 'Teko', sans-serif; font-weight: 300; font-size: 24px; line-height: 26px; color: #666; margin-bottom: 12px;
max-height: 52px; overflow: hidden; }
.apelnk > .txturl > .desurl { display: block; color: #999; font-size: 14px; line-height: 18px; max-height: 90px; overflow: hidden; }
.apelnk:hover { opacity: 0.7; text-decoration: none !important; }
.apelnk.nodesc { font-weight: 300; font-size: 24px; line-height: 26px; color: #666; height: auto; overflow: hidden; text-align: center; display: block; }
/* Recherche entête */
#rech_cont { text-align: right; margin: 0 auto; padding: 12px 10px 0 10px; }
#rech_cont > form { display: inline-block; background: #e9e9e9; padding: 2px 8px; border-radius: 0 12px 0 12px; line-height: 32px; }
#rech_cont > form > * { vertical-align: middle; }
#rech_cont > form > input[type="text"] { border: none; background: transparent; width: 320px; }
#rech_cont > form > input[type="text"]::placeholder { color: #9b6bb7; }
#rech_cont > form > input[type="submit"] { border: none; background: transparent url(/img/front/search.png) no-repeat center; width: 24px; height: 24px; margin-top: -2px; transition: all .15s ease-in-out; }
#rech_cont > form > input[type="submit"]:hover { transform: scale(1.2); }
/* Menus */
#menmob { display: none; }
#menu { height: 120px; font-size: 16px; line-height: 28px; font-weight: 400; padding: 0; text-align: center; background: #fff; box-shadow: 0 0 24px #000; z-index: 19; }
#menu #menu_gauche, #menu #menu_droite { padding: 12px 0; position: absolute; }
#menu #menu_gauche { right: 50%; margin-right: 92px; }
#menu #menu_droite { left: 50%; margin-left: 92px; }
#menu #menu_gauche a:first-child { font-size: 26px; }
#menu #menu_gauche a:first-child { font-size: 26px; }
#menu #menu_gauche a:nth-child(2), #menu #menu_droite a:nth-child(2) { border-left: 2px solid #d0c5d5; }
#menu a { display: inline-block; position: relative; width: auto; color: #55176d; text-decoration: none; font-size: 22px; font-weight: 400; transition: all 0.15s ease-in-out;
line-height: 48px; height: 48px; vertical-align: top; }
#menu a > span { display: inline-block; padding: 0px 24px; width: auto; max-width: 248px; vertical-align: baseline; line-height: 24px; transition: all 0.15s ease-in-out; }
#menu a:hover { color: #f7941d; text-decoration: none; }
#menu a.actif { /* color: #666; /* background-image: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)); */ text-decoration: none; font-weight: 400; }
#menu a > #menu-actif { background: url(/img/front/menu-actif.png) no-repeat center; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 17px; margin-top: 12px; }
#menu a#menu_logo { display: inline-block; position: absolute; width: 184px; height: 80px; padding: 0; left: 50%; margin-left: -92px; margin-top: -18px; }
#menu a#menu_logo > img { margin-top: -28px; }
#menu a#lnk-claude { height: 36px; width: 36px; border-radius: 50%; background: rgba(146,63,153,0.3); margin-left: 6px; }
#menu a#lnk-claude > img { height: 36px; width: auto; transition: all .15s ease-in-out; }
#menu a#lnk-claude:hover > img { transform: scale(1.2); }
/* Entête */
#entete { position: relative; height: 240px; text-align: center; background: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;
box-shadow: 0 0 12px rgba(0,0,0,0.7); }
#entete h1 { display: inline-block; margin: 108px 0 0 0; text-align: center; font-weight: 700; font-size: 24px; line-height: 30px; letter-spacing: 5px; /* padding: 12px 16px;
background: rgba(146,63,153,0.7); */ color: #fff; text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 12px #000; }
#entete #copy_entete { position: absolute; bottom: 4px; right: 8px; font-size: 13px; color: #fff; text-shadow: 0 0 2px #000, 0 0 1px #000; font-style: italic; opacity: 0.8; }
#entete.slide { height: 360px; box-shadow: none; }
#cnt-logo { display: block; position: absolute; left: 0; right: 0; height: 150px; text-align: center; opacity: 0; top: -150px; transition: all 1.5s ease-in-out; z-index: 18; }
#cnt-logo.visible { opacity: 1; top: 0px; }
#cnt-logo > img { width: 360px; height: auto; margin-top: 10px; }
#entete #logo_ent { position: absolute; top: 0; left: 0; height: 134px; width: 275px; background: url(/img/front/logo-entete.png) no-repeat center; text-decoration: none; }
/* Bandeau AFAQ */
#cnt-afaq { box-shadow: 0 0 16px #666; z-index: 2; height: 56px; line-height: 56px; text-align: center; }
#cnt-afaq > span { display: inline-block; height: 56px; vertical-align: middle; color: #55176d; font-size: 20px; font-weight: 700; animation: affTxtAfaq 2s; margin-left: -20px; }
#cnt-afaq > span#logo-afaq { animation: affTxtAfaq 2s; }
#cnt-afaq > span#logo-afaq > img { margin-top: -22px; }
@-webkit-keyframes affImgAfaq { from { transform: translateX(-1000px); opacity: 0; } to { transform: translateX(0px); opacity: 1; } }
@keyframes affImgAfaq { from { transform: translateX(-1000px); opacity: 0; } to { transform: translateX(0px); opacity: 1; } }
@-webkit-keyframes affTxtAfaq { from { transform: translateX(2000px); opacity: 0; } to { transform: translateX(0px); opacity: 1; } }
@keyframes affTxtAfaq { from { transform: translateX(2000px); opacity: 0; } to { transform: translateX(0px); opacity: 1; } }
/* Slideshow */
#slideShow { position: relative; height: 100%; 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; width: 100%; height: 100%; color: #555555; background: no-repeat center; background-size: cover; }
#slideShow #cntSlide .slideElt:hover { color: #235a81; }
#slideShow #cntSlide .slideElt > div.legende1 { position: absolute; max-width: 1000px; right: 50%; margin-right: -500px; bottom: 110px; color: #fff; font-size: 24px; line-height: 30px; font-weight: 400;
padding: 12px 16px; transition: all 0.8s ease-in-out; opacity: 0; -webkit-transform: translateX(1000px); -ms-transform: translateX(1000px); transform: translateX(1000px); background: rgba(146,63,153,0.5); }
#slideShow #cntSlide .slideElt > div.legende2 { position: absolute; max-width: 1000px; right: 50%; margin-right: -540px; bottom: 40px; color: #fff; font-size: 24px; line-height: 30px; font-weight: 400;
padding: 12px 16px; transition: all 0.8s ease-in-out; opacity: 0; -webkit-transform: translateX(1000px); -ms-transform: translateX(1000px); transform: translateX(1000px); background: rgba(146,63,153,0.5); }
#slideShow #cntSlide .slideElt > div.legende1.visible,
#slideShow #cntSlide .slideElt > div.legende2.visible { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
#slideShow #ctlSlide { 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; }
/* Liens sur 2 colonnes */
#cnt-liens { background: #fff; color: #7e7f81; font-size: 0; text-align: center; padding: 32px 0 48px 0; line-height: 220px; }
#cnt-liens a { display: inline-block; width: 400px; line-height: normal; color: #828282; font-size: 20px; font-weight: 700; letter-spacing: 1px; text-decoration: none; vertical-align: top; margin: 24px 32px; }
#cnt-liens a > .img-lien { width: 200px; height: 200px; margin: 10px auto 30px auto; background: #999; border-radius: 50%; text-align: center; line-height: 200px;
/* box-shadow: 0 0 12px rgba(0,0,0,0.3); */ transition: all 0.3s ease-in-out; }
#cnt-liens a > .img-lien > img { vertical-align: middle; }
#cnt-liens a > .img-lien.orangec { background: #f7941d; }
#cnt-liens a > .img-lien.orange { background: #ff4800; }
#cnt-liens a > .img-lien.violet { background: #923f99; }
#cnt-liens a > .img-lien.vert { background: #83b817; }
#cnt-liens a > .img-lien.gris { background: #999; }
#cnt-liens a > .img-lien::after { content: " "; display: block; position: absolute; top: 100%; height: 24px; width: 100%; transition: all 0.5s ease-in-out;
background: url(/img/front/ombre-picto.png) no-repeat center; background-size: contain; }
#cnt-liens a > span { display: block; transition: all 0.3s ease-in-out; }
#cnt-liens a:hover > .img-lien { border-radius: 0 64px 0 64px; /* box-shadow: 3px 3px 12px rgba(0,0,0,0.5); */ }
#cnt-liens a:hover > .img-lien::after { /* opacity: 0; transform: scaleX(1.5); */ }
#cnt-liens a:hover > span { transform: scale(1.1); color: #333; }
/* Résultats de la recherche */
#cnt-resrec { padding: 32px 0; display: flex; flex-wrap: wrap; flex-direction: row; }
#cnt-resrec .resrec { position: relative; flex: 0 0 48%; margin: 1%; padding: 16px 32px; border-radius: 0 24px 0 24px; background: #eee; font-size: 18px; line-height: 1.2em;
text-decoration: none !important; }
_:-ms-fullscreen, :root #cnt-resrec .resrec { flex: 0 0 550px; } /* Hack IE 11- */
#cnt-resrec .resrec .titre { font-size: 20px; }
#cnt-resrec .resrec .type { display: block; line-height: 20px; color: #999; font-size: 13px; }
#cnt-resrec .resrec .voir { display: block; position: absolute; bottom: 16px; right: 32px; color: #f9921c; font-weight: 700; padding: 12px 18px; background: #fff; vertical-align: middle;
transition: all 0.3s ease-in-out; text-decoration: none !important; }
#cnt-resrec .resrec .voir:hover { background-color: #f9921c; color: #fff !important; }
/* Actualités */
#acc-actus { padding: 24px 0; }
.sep-actu { display: inline-block; width: 0; height: 326px; border-right: 2px solid #bf95c3; margin: 8px 24px; vertical-align: top; }
#cnt-actus { text-align: center; margin: 20px 0 20px 0; }
#cnt-actus .lnk-actu { display: inline-block; width: 300px; margin: 8px 8px; vertical-align: top; }
#cnt-actus .lnk-actu .cntimg { width: 100%; height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .15s ease-in-out; }
#cnt-actus .lnk-actu .cnttxt { background: #eee; padding: 18px 24px; text-align: center; transition: all .15s ease-in-out; }
#cnt-actus .lnk-actu .cnttxt .masque { color: #333; height: 90px; font-size: 20px; line-height: 20px; overflow: hidden;
display: -webkit-box; display: box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; }
#cnt-actus .lnk-actu .cnttxt .masque > div > strong { font-weight: 700; color: #000; display: block; margin: 0 0 10px 0; max-height: 60px; overflow: hidden; }
#cnt-actus .lnk-actu .cnttxt .masque > div > strong.gris { color: #666; }
#cnt-actus .lnk-actu .cnttxt .cntbas { text-align: left; margin-top: 12px; font-weight: 700; }
#cnt-actus .lnk-actu .cnttxt .cntbas > .date { color: #000; line-height: 28px; }
#cnt-actus .lnk-actu .cnttxt .cntbas > .plus { float: right; color: #fff; transition: all 0.3s ease-in-out; background: url(/img/front/btn-fleche.png) no-repeat left center;
vertical-align: middle; padding-left: 26px; line-height: 28px; }
#cnt-actus .lnk-actu .cnttxt .cntbas > .plus.gris { background-image: url(/img/front/btn-fleche-gris.png); color: #666; }
#cnt-actus .lnk-actu:hover .cnttxt .cntbas > .plus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
#cnt-actus .lnk-actu:hover .cnttxt { background: rgba(146,63,153,0.2); }
#cnt-actus .lnk-actu:hover .cntimg { -webkit-filter: brightness(80%); filter: brightness(80%); }
.btn-pactu { display: inline-block; font-size: 22px; line-height: 28px; letter-spacing: 3px; text-transform: uppercase; margin-top: 10px; transition: all 0.3s ease-in-out;
background: url(/img/front/btn-plus.png) no-repeat left center; vertical-align: middle; padding-left: 36px; color: #aaa !important; font-weight: 700; }
.btn-pactu > span { display: inline-block; font-size: 32px; line-height: 28px; vertical-align: top; }
.btn-pactu:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.btn-actevt { display: inline-block; font-size: 22px; font-weight: 600; line-height: 32px; letter-spacing: 3px; margin-top: 10px; transition: all 0.3s ease-in-out; }
.btn-actevt:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.actu-entete { display: table; width: 100%; padding: 28px 0; padding: 28px 150px 28px 150px; }
.actu-entete .actu-image { display: table-cell; width: 200px; padding-right: 40px; text-align: center; }
.actu-entete .actu-image > .img-zoom > img { max-width: 100%; max-height: 200px; width: auto; height: auto; box-shadow: 6px 6px 12px rgba(0,0,0,0.3); }
.actu-entete .actu-image > em { font-size: 9px; color: #888; }
.actu-entete .actu-resume { display: table-cell; vertical-align: middle; }
.actu-entete .actu-resume > strong { font-style: normal; }
/* Contenus pages infos / actualités */
.contenu.infos { font-size: 18px; }
.contenu.infos a { text-decoration: underline; }
.cnt-paragr { padding: 20px 150px 20px 150px; font-size: 24px; margin: 20px 0; }
.cnt-paragr .cnt-image { max-width: 360px; z-index: 9; }
.cnt-paragr .cnt-image.img-gauche { float: left; margin: 0 32px 24px 0; }
.cnt-paragr .cnt-image.img-droite { float: right; margin: 0 0 24px 32px; }
.cnt-paragr .cnt-image > img { max-width: 100%; }
.cnt-paragr .cnt-image > div { font-size: 12px; color: #555; font-style: italic; text-align: center; margin-top: 6px; }
.cnt-paragr .cnt-texte { vertical-align: top; }
/* Contenus fiche adhérent */
.adh-texte { margin: 20px 0; }
.adh-partxt { font-size: 20px; overflow: hidden; background: #f7f7f7; transition: all .3s ease-in-out; border-bottom: 1px dotted #999; }
.adh-partxt:last-of-type { border-bottom: none; }
.adh-partxt .tap-titre { padding: 8px 12px 8px 42px; }
.adh-partxt .tap-titre .fleche { display: block; position: absolute; left: 8px; top: 9px; width: 32px; height: 32px; transition: all .3s ease-in-out;
background: url(/img/front/btn-fleche-gris.png) no-repeat center; background-size: auto 20px; }
.adh-partxt .tap-titre h2 { margin: 0; vertical-align: top; line-height: 32px; color: #55176d; font-size: 18px; text-transform: uppercase; }
.adh-partxt .tap-titre:hover h2 { color: #f7941d; }
.adh-partxt .tap-texte { border-top: 1px dotted #999; transition: all .3s ease-in-out; }
.adh-partxt .tap-texte > div { position: relative; padding: 12px 16px; }
.adh-partxt .tap-texte .apelnk { background: #fff; }
.adh-partxt.ouvert .tap-texte { }
.adh-partxt.ouvert .tap-titre { }
.adh-partxt.ouvert .tap-titre .fleche { transform: rotateZ(90deg); }
.adh-partxt .cnt-image { z-index: 9; }
.adh-partxt .cnt-image > img { max-width: 100%; }
.adh-partxt .cnt-image > div { font-size: 12px; color: #555; font-style: italic; text-align: center; margin-top: 6px; }
.adh-partxt .tap-texte.img-gauche > div { display: table; width: 100%; }
.adh-partxt .tap-texte.img-gauche .cnt-image { display: table-cell; width: 360px; padding-right: 20px; }
.adh-partxt .tap-texte.img-gauche .cnt-texte { display: table-cell; width: auto; }
.adh-partxt .tap-texte.img-droite > div { display: table; width: 100%; }
.adh-partxt .tap-texte.img-droite .cnt-image { display: table-cell; width: 360px; padding-left: 20px; }
.adh-partxt .tap-texte.img-droite .cnt-texte { display: table-cell; width: auto; }
.adh-partxt .cnt-image.img-haut { text-align: center; margin-bottom: 20px; }
.adh-partxt .cnt-image.img-bas { text-align: center; margin-top: 20px; }
/* Albums photos */
.bg-album { background: #eee; padding: 32px 0; }
.bg-album .cnt-album { width: 800px; max-width: 100%; margin: 0 auto; }
.cnt-album { position: relative; height: 300px; color: #333; margin: 16px 0 16px 0; }
.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 > div { left: 0; top: 0; width: 100%; height: 100%; background-size: contain; }
.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: #923f99; }
.cnt-album > div.morimg > span { position: relative; z-index: 2; font-size: 32px; font-weight: 700; color: #fff; }
.imgw100pct { max-width: 100%; height: auto; padding: 32px 10px; }
/*
.cnt-album { padding: 10px 18px; background: #f4f4f4; color: #333; margin: 0 0 32px 0; }
.cnt-album > .curimg { height: 500px; line-height: 500px; text-align: center; }
.cnt-album > .curimg > img { width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; }
.cnt-album > .curimg > .photxt { position: absolute; bottom: -1px; left: 0px; right: 0px; text-align: center; padding: 6px 0; font-size: 18px; line-height: 24px;
text-shadow: 0 0 2px #000, 0 0 4px #000; color: #fff; }
.cnt-album > .curimg > .phopre { position: absolute; top: 0; left: 0; bottom: 0; width: 33%; opacity: 0.1; transition: all 0.3s ease-in-out;
background: url(/img/front/photo-prec.png) no-repeat left center; cursor: pointer; }
.cnt-album > .curimg > .phosui { position: absolute; top: 0; right: 0; bottom: 0; width: 33%; opacity: 0.1; transition: all 0.3s ease-in-out;
background: url(/img/front/photo-suiv.png) no-repeat right center; cursor: pointer; }
.cnt-album > .curimg > .phozoom { display: block; position: absolute; top: 0; left: 34%; bottom: 0; width: 33%; opacity: 0; transition: all 0.3s ease-in-out;
background: url(/img/front/photo-zoom.png) no-repeat center; cursor: pointer; }
.cnt-album > .curimg > .phopre:hover, .cnt-album > .curimg > .phosui:hover, .cnt-album > .curimg > .phozoom:hover { opacity: 0.7; }
.cnt-album > .lstimg { height: 58px; white-space: nowrap; text-align: center; padding: 4px 18px; margin-left: -18px; margin-top: 10px;
width: 100%; background: #999; overflow: hidden; }
.cnt-album > .lstimg > img { width: auto; height: 50px !important; border: 4px solid #999; transition: all 0.3s ease-in-out; cursor: pointer; }
.cnt-album > .lstimg > img.actif { border-color: #fff; }
.cnt-album > .lstimg > img:hover { border-color: #ccc; } */
/* Boutons de navigation */
.cnt-navig { padding: 24px 0; text-align: center; }
.cnt-navig .lnk-page { display: inline-block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; color: #666; border: 1px solid #666; margin: 0 4px; vertical-align: middle; }
.cnt-navig .lnk-page.actif { font-weight: 400; background: #ccc; }
/* Zoom image */
.img-zoom { max-width: 100%; display: inline-block; }
.img-zoom > img { max-width: 100%; /* max-height: 500px; */ }
.img-zoom > span { display: inline-block; width: 100%; margin: 6px 0; font-size: 12px; color: #555; font-style: italic; text-align: center; }
#cnt-fader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; z-index: 99; }
#cnt-fader #cnt-zoom { position: relative; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 90%; max-width: 100%; }
#cnt-fader #cnt-zoom #img-zoom { width: auto; height: auto; max-width: 90vw; max-height: 90vh; border: 12px solid #fff; box-shadow: 0 0 8px #000; border-radius: 12px; }
/* Carto / Liste adhérents */
#cnt-choix { padding: 16px 24px; text-align: center; line-height: 25px; background: #923f99; }
#cnt-choix select { border: none; border-radius: 0 8px 0 8px; padding: 5px 24px 3px 6px; margin: 0 4px; color: #fff; text-transform: uppercase; width: 230px; vertical-align: middle;
background-color: #ad6eb4; background-image: url("/img/front/bg-combo.png"); background-repeat: no-repeat; background-position: right 0px; font-size: 12px;
-webkit-appearance: none; -moz-appearance: none; appearance: none; }
#cnt-choix select::-ms-expand { display: none; }
#cnt-choix input[type="text"] { border: none; border-radius: 0 8px 0 8px; padding: 5px 8px; width: 230px; color: #fff; background-color: #ad6eb4; margin: 0 4px; }
#cnt-choix input[type="text"]::placeholder { color: #eee; }
#cnt-choix a { color: #fff; text-transform: uppercase; letter-spacing: 2px; display: inline-block; padding-left: 40px; margin-left: 40px; border-left: 1px solid #fff;
vertical-align: middle; }
#gmap { height: 720px; }
#gmap > iframe { height: 100% !important; width: 100% !important; }
#gmap.adhs { border-bottom: 3px solid #923f99; }
div.infmap { max-width: 280px; }
div.infmap > strong { font-size: 14px; }
div.infmap > .photo { display: block; text-align: center; }
div.infmap > .photo > img { max-width: 100%; max-height: 80px; width: auto; height: auto; }
div.infmap > a.lnk-fiche { display: block; width: 100%; font-size: 14px; line-height: 16px; color: #fff !important; background: #923f99; font-weight: 700; padding: 6px 12px; text-align: center;
margin: 8px 0 0 0; transition: all .2s ease-in-out; }
div.infmap > a.lnk-fiche:hover { box-shadow: 0 0 18px rgba(255,255,255,0.5) inset; }
div.infmap > div.infcrd { display: none; }
#lstadh { padding: 32px 0; display: flex; flex-wrap: wrap; flex-direction: row; }
.adherent { position: relative; flex: 0 0 48%; margin: 1%; padding: 16px 32px; background: #eee; border-radius: 0 24px 0 24px; font-size: 18px; line-height: 1.2em; text-decoration: none !important; }
_:-ms-fullscreen, :root .adherent { flex: 0 0 550px; } /* Hack IE 11- */
.adherent > strong { color: #000; }
.adherent > span { display: block; line-height: 20px; color: #999; }
.adherent > .plus { display: block; position: absolute; bottom: 16px; right: 32px; color: #f9921c; font-weight: 700; padding: 12px 18px; background: #fff; vertical-align: middle;
transition: all 0.3s ease-in-out; text-decoration: none !important; }
.adherent > .plus:hover { background-color: #f9921c; color: #fff !important; }
.adh-entete { margin: 8px 0; }
/* .adh-image { float: right; max-width: 220px; margin: 0 0 12px 12px; } */
.adh-image { flex: auto 1; padding: 12px 16px; background: #f7f7f7; border-left: 1px dotted #aaa; max-width: 220px; text-align: center; }
#gmap.map.madh { height: 300px; margin: 24px 0; }
.tit-donnee { font-size: 20px; }
.tab-donnee { display: table; width: 100%; padding: 2px 0px; background: #ddd; }
.tab-donnee > .cnt-donnee { display: table-row; background: #f4f4f4; }
.tab-donnee > .cnt-donnee:nth-of-type(2n+1) { background: #fff; }
.tab-donnee > .cnt-donnee > em { display: table-cell; width: auto; padding: 4px 20px 4px 8px; }
.tab-donnee > .cnt-donnee > span { display: table-cell; width: auto; padding: 4px 8px; }
.adh-infos { padding: 12px 16px; background: #f7f7f7; font-size: 14px; }
.adh-infos > strong { display: block; margin-bottom: 8px; text-transform: uppercase; }
.adh-infos > span { display: inline-block; vertical-align: top; }
#adh-flex { display: flex; margin: 24px 0; }
#adh-contact, #adh-infos, #adh-plateformes { flex: auto 1; }
#adh-contact > em { display: inline-block; width: 100px; vertical-align: top; color: #666; }
#adh-infos, #adh-plateformes { border-left: 1px dotted #aaa; }
#adh-infos { max-width: 30%; }
.adh-plateforme { background: #fff; color: #666; padding: 8px 12px; margin: 0 0 6px 0; }
.adh-plateforme .titre { font-weight: 700; }
.adh-plateforme .adresse { font-style: italic; }
.adh-plateforme .contact { }
.adh-buchette { display: inline-block; padding: 3px 6px; background: #888; color: #fff; font-weight: 700; white-space: nowrap; margin: 3px 0 0 0; }
.adh-buchette.violet { background: #55176d; }
.adh-buchette.vert { background: #83b817; }
.adh-certif { display: inline-block; background: url(/img/admin/attach.png) no-repeat left center; padding-left: 20px; }
#phoadh { display: block; float: left; width: 49%; margin: 24px 0; }
#phoadh > div { height: 300px; background-position: center; background-size: cover; background-repeat: no-repeat; }
#gmap.wphoto { float: right; width: 49%; }
#cnt-docpdf { text-align: center; margin: 40px 0 20px 0; padding: 12px 16px; }
#cnt-docpdf h5 { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #ccc; }
#cnt-docpdf .lnk-docpdf { display: inline-block; width: 296px; margin: 8px 8px; vertical-align: top; box-shadow: 0 0 1px rgba(0,0,0,0.1); }
#cnt-docpdf .lnk-docpdf .cntimg { width: 100%; height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .15s ease-in-out; }
#cnt-docpdf .lnk-docpdf .cnttit { background: #eee; padding: 18px 24px; text-align: center; transition: all .15s ease-in-out; font-weight: 700; color: #000; font-size: 16px; line-height: 20px; height: 96px; }
#cnt-docpdf .lnk-docpdf .cnttit > div { height: 100%; overflow: hidden; text-overflow: ellipsis; }
#cnt-docpdf .lnk-docpdf:hover .cnttit { background: #923f99; color: #fff; }
#cnt-docpdf .lnk-docpdf:hover .cntimg { -webkit-filter: brightness(80%); filter: brightness(80%); }
/* Page partenaire */
#cnt-parts { margin: 0 128px; }
.lnk-part { display: table; width: 100%; padding: 0; margin: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.lnk-part:hover { border-color: #999; }
.lnk-part .cnt-image { display: table-cell; width: 200px; line-height: 200px; padding: 12px 128px 12px 64px; text-align: center; vertical-align: top; }
.lnk-part .cnt-image > img { max-height: 100%; max-width: 100%; height: auto; width: auto; vertical-align: middle; }
.lnk-part .cnt-texte { display: table-cell; color: #999; vertical-align: middle; }
.lnk-part .cnt-texte > strong { text-transform: uppercase; }
/* Enquete de satisfaction */
#frmEnquete { width: 100%; text-align: center; background: #eee; }
#frmEnquete .grpsai { display: inline-block; position: relative; width: 680px; padding: 24px 0; font-size: 12px; text-align: left; margin: 0 16px 20px 16px; color: #333;
border-top: 3px solid #fff; }
#frmEnquete .grpsai > h4 { margin: 6px 0 12px 0; }
#frmEnquete .grpsai > .label { margin: 8px 0 2px 0; color: #888; }
#frmEnquete .grpsai > .question { margin: 12px 0 6px 6px; color: #333; }
#frmEnquete .grpsai > textarea { width: 100%; height: 180px; background: #fff; }
#frmEnquete .grpsai > select { width: 100%; padding: 2px 2px; background: #fff; }
#frmEnquete .grpsai > input { width: 100%; background: #fff; }
#frmEnquete .grpsai > input[type=checkbox] { width: auto; }
#frmEnquete .grpsai > input#cpostal { width: 120px; }
#frmEnquete .grpsai > input#ville { width: 530px; float: right; }
#frmEnquete .grpsai > .cntchk { font-size: 14px; cursor: pointer; margin: 4px 0 0 0; line-height: 19px; }
#frmEnquete .grpsai > .cntchk > input[type="checkbox"] { margin: 3px 4px 0 0; vertical-align: top; }
#frmEnquete .grpsai > .cntchk > span { display: inline-block; width: calc(100% - 26px); }
#frmEnquete .grpsai.valfrm { border: none; padding-top: 0; }
#frmEnquete input, #frmEnquete select, #frmEnquete textarea { border: none; }
#frmEnquete #btn-valfrm { border: none; padding: 8px 16px; color: #fff; background: #888; font-size: 18px; }
/* Elements de la page */
#content { padding: 0 0 32px 0; height: auto; overflow: hidden; }
/* Page contact */
.traith { height: 2px; font-size: 0; background: #959595; margin: 16px 0 48px 0; }
#cnt-coords { width: 500px; float: left; margin: 32px 0 0 32px; }
#cnt-coords .lbl-coords { color: #999; margin-bottom: 6px; }
#cnt-coords strong { font-size: 20px; }
#cnt-coords a { display: inline-block; font-size: 20px; font-weight: 700; }
.cnt-contact .photo { display: block; position: absolute; left: 12px; top: 12px; width: 140px; height: 140px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.cnt-contact .gch { padding: 0 0 6px 0; margin: 0 0 6px 0; border-bottom: 1px dotted #aaa; text-align: center; }
.cnt-contact .drt { text-align: center; }
.cnt-contact .fct { font-size: 14px; }
.cnt-contact .tel { font-weight: 700; }
.cnt-contact .mel { font-size: 14px; }
#cnt-contact { width: 600px; float: right; text-align: right; margin: 0 32px 0 0; }
#cnt-contact .cnt-contact { display: inline-block; width: 600px; height: 163px; padding: 31px 12px 31px 164px; background: #fff; margin: 0 0 16px 0; }
#cnt-animateurs { margin: 20px 0; }
#cnt-animateurs .cnt-contact { display: inline-block; width: 190px; height: auto; padding: 172px 12px 12px 12px; margin: 16px 10px; background: #fff; vertical-align: top; }
#cnt-animateurs .cnt-contact .photo { top: 20px; left: 25px; }
#cnt-animateurs .cnt-contact .nom { font-size: 16px; height: 66px; padding: 0 0 6px 0; margin: 0 0 6px 0; border-bottom: 1px dotted #aaa; }
#cnt-animateurs .cnt-contact .nom strong { font-size: 14px; }
#cnt-animateurs .cnt-contact .mel { font-size: 11px; text-overflow: ellipsis; overflow: hidden; }
#cnt-txtcon { display: table-cell; padding: 0 24px; }
#cnt-suivre { display: table; width: 100%; }
#cnt-suivre #cnt-rsoc { display: table-cell; width: 400px; padding: 36px 24px; color: #333; font-size: 20px; font-weight: 700; text-align: center;
border-top: 5px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; }
#cnt-suivre #cnt-rsoc a { display: inline-block; margin: 6px 12px; }
#cnt-suivre #cnt-rsoc a > img { width: 80px; height: 80px; transition: all 0.3s ease-in-out; }
#cnt-suivre #cnt-rsoc a > img:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
#cnt-suivre #cnt-rsoc .espace { height: 25px; }
#gmap.contact { height: 400px; }
#cnt-plansp { height: 400px; width: 100%; }
#cnt-plansp iframe { height: 100%; width: 100%; }
/* Page partenaires */
.cntLien { position: relative; display: table; width: 100%; padding: 16px 16px; background: #e7e7e7; color: #333 !important; text-decoration: none !important; }
.cntLien:nth-child(2n) { background: #fff; }
.cntLien .cntimg { display: table-cell; width: 200px; padding-right: 16px; height: auto; text-align: center; vertical-align: top; }
.cntLien .cntimg > img { max-width: 200px; height: auto; }
.cntLien .cnttxt { display: table-cell; width: 920px; }
.cntLien .titre { font-size: 28px; margin-bottom: 8px; }
/* Erreurs */
#bigErreur { color: #f7f7f7; font-size: 300px; font-weight: bold; text-align: center; text-shadow: 0px 0px 32px rgba(0,0,0,0.17); }
/* Fil d'ariane */
#bg-navig { padding: 8px 0; background: #f8d3b450; }
#cntNavig { height: 16px; line-height: 16px; padding: 0 8px; vertical-align: top; overflow: hidden; white-space: nowrap; font-size: 12px; }
#cntNavig.nopadtop { padding: 8px; }
#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; */
padding: 0 10px 0 10px; color: #555555; border-left: 1px solid #aaa; }
#cntNavig > a:hover { color: #bbbbbb; }
#cntNavig > #navHome { display: inline-block; height: 16px; width: 20px; background: url(/img/front/nav-home.png) no-repeat left center; padding: 0 10px 0 0; border-left: none; }
#cntNavig > #navHome:hover { background: url(/img/front/nav-homeh.png) no-repeat left center; }
/* Pied partenaire */
#parts { padding: 36px 0; background: #f4b683; text-align: center; }
#parts img { max-width: 800px; height: auto; width: 100%; }
/* Pied de page */
#pied { background: #e96f08; color: #fff; padding: 30px 0px; font-size: 14px; text-align: center; }
#pied > .contenu > .padding { background: url(/img/front/logo-cbqplus-pied.png) no-repeat left center; background-size: 80px auto; padding: 0 0 0 100px;
height: 80px; line-height: 80px; display: inline-block; }
#pied > .contenu > .padding > * { vertical-align: middle; }
#pied a { color: #fff; margin-left: 16px; padding-left: 16px; border-left: 1px dotted #fff; transition: all 0.5s ease-in-out; }
#pied a:hover { color: #3f3f3f; }
#pied img { height: 50px; width: auto; margin: 16px 16px 0 16px; }
#btnHaut { position: fixed; bottom: 20px; right: 20px; border: none; pointer-events: none; opacity: 0; transition: all 0.5s ease-in-out; }
#btnHaut.visible { display: block; opacity: 1; pointer-events: all; }
#btnHaut img { height: 34px; width: 35px; }
/* =======================================================
Animations CSS3
======================================================= */
/* 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; }
#ir1340 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir1120 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir900 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir600 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir400 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir320 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
/* ------------------------------------------------ */
/* 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; }
#menu a { font-size: 20px; }
#slideShow #cntSlide .slideElt > div.legende1 { max-width: 800px; font-size: 22px; line-height: 28px; margin-right: 0; right: 140px; }
#slideShow #cntSlide .slideElt > div.legende2 { max-width: 800px; font-size: 22px; line-height: 28px; margin-right: 0; right: 110px; }
#cnt-actus .lnk-actu { width: 250px; }
#cnt-actus .lnk-actu .cntimg { height: 180px; }
.sep-actu { height: 296px; }
.cnt-paragr { padding: 20px 10px 20px 10px; font-size: 22px; }
.cnt-paragr .cnt-image { max-width: 320px; }
.actu-entete { padding: 28px 10px 28px 10px; }
#cnt-choix { display: flex; flex-wrap: wrap; }
#cnt-choix > * { flex: auto 1; margin: 4px !important; }
#gmap { height: 640px; }
.adherent { font-size: 16px; }
_:-ms-fullscreen, :root .adherent { flex: 0 0 450px; } /* Hack IE 11- */
#cnt-resrec .resrec { font-size: 16px; }
#cnt-resrec .resrec .titre { font-size: 18px; }
_:-ms-fullscreen, :root #cnt-resrec .resrec { flex: 0 0 450px; } /* Hack IE 11- */
#cnt-coords { width: 480px; }
#cnt-contact { width: 500px; }
#cnt-contact .cnt-contact { display: block; width: auto; }
}
/* ------------------------------------------------ */
/* 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; }
body { font-size: 18px; }
h1 { font-size: 22px; line-height: 30px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 22px; line-height: 38px; }
h4 { font-size: 18px; }
.contenu { width: auto; left: auto; margin-left: 0px; }
.contenu.infos { font-size: 17px; }
.contenu > .padding { padding: 0 16px; }
.grand { font-size: 20px; }
#menu a { font-size: 18px; line-height: 40px; }
#menu a > span { padding: 0px 16px; max-width: 200px; line-height: 20px; vertical-align: middle; }
#menu a#menu_logo { width: 140px; margin-left: -70px; margin-top: 4px; }
#menu a#menu_logo > img { width: 100%; height: auto; }
#menu #menu_gauche { margin-right: 60px; }
#menu #menu_droite { margin-left: 60px; }
#rech_cont > form > input[type="text"] { width: 240px; }
#cnt-afaq > span { font-size: 18px; }
#slideShow #cntSlide .slideElt > div.legende1 { max-width: 640px; font-size: 20px; line-height: 26px; padding: 6px 12px; bottom: 90px; }
#slideShow #cntSlide .slideElt > div.legende2 { max-width: 640px; font-size: 20px; line-height: 26px; padding: 6px 12px; }
#slideShow #btn-sldpre { width: 100px; }
#slideShow #btn-sldsui { width: 100px; }
#cnt-actus .lnk-actu { width: calc(25% - 16px); }
#cnt-actus .lnk-actu .cnttxt { padding: 12px 16px; }
#cnt-actus .lnk-actu .cnttxt .masque { font-size: 14px; }
#cnt-actus .lnk-actu .cnttxt .cntbas { font-size: 12px; }
.btn-pactu { font-size: 18px; }
.sep-actu { height: 284px; }
#cnt-liens a { width: 300px; font-size: 18px; }
.cnt-paragr { font-size: 20px; }
.cnt-paragr .cnt-image { max-width: 280px; }
.adherent { font-size: 14px; padding: 16px; }
.adherent > span { margin-left: 16px; padding-left: 16px; }
.adherent > .plus { right: 16px; }
_:-ms-fullscreen, :root .adherent { flex: 0 0 44%; } /* Hack IE 11- */
.adh-infos { font-size: 13px; }
.adh-infos > span { display: block; }
.adh-infos > .espace { height: 0; margin: 6px 0; border-bottom: 1px dotted #aaa; }
#adh-contact > em { display: block; width: auto; }
.adh-partxt { font-size: 18px; }
#cnt-resrec .resrec { padding: 16px; font-size: 14px; }
#cnt-resrec .resrec .titre { font-size: 16px; }
#cnt-resrec .resrec .voir { right: 16px; }
_:-ms-fullscreen, :root #cnt-resrec .resrec { flex: 0 0 44%; } /* Hack IE 11- */
#cnt-coords { width: auto; float: none; margin: 0 0 32px 0; }
#cnt-contact { width: 480px; float: none; margin: 0 auto; }
#cnt-contact .cnt-contact .gch { padding: 0 0 10px 0; margin: 0 0 10px 0; }
#cnt-suivre #cnt-rsoc { width: 240px; font-size: 16px; }
#cnt-suivre #cnt-rsoc a { margin: 6px 6px; }
#cnt-suivre #cnt-rsoc a > img { width: 64px; height: 64px; }
}
/* ------------------------------------------------ */
/* 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: 16px; }
h1 { font-size: 20px; line-height: 26px; letter-spacing: 2px; }
h2 { font-size: 20px; line-height: 26px; }
h3 { font-size: 18px; line-height: 24px; letter-spacing: 5px; }
h4 { font-size: 16px; letter-spacing: 3px; }
.contenu.infos { font-size: 16px; }
#menu { display: none; }
#menmob { display: block; font-size: 16px; line-height: 22px; font-weight: 400; padding: 0; background: #fff; box-shadow: 0 0 24px #000; z-index: 19; }
#logo-menmob { position: absolute; top: 4px; height: 88px; left: 4px; width: auto; z-index: 9; }
#logo-menmob > img { height: 100%; width: auto; }
#btn-menmob { display: block; text-align: right; z-index: 20; }
#cnt-menmob { text-align: center; background: #555; overflow: hidden; display: none; transition: all .3s ease-in-out; }
#cnt-menmob > a { display: block; padding: 6px 12px; font-size: 18px; color: #fff; transition: all .3s ease-in-out; }
#cnt-menmob > a:hover { color: #555; background: #fff; }
#cnt-menmob > a.actif { color: #fff; background: #55176d; }
#cnt-menmob > a > img { height: 22px; }
#cnt-menmob > form { position: relative; display: block; padding: 6px 12px; margin: 12px 8px; font-size: 18px; background-color: #e7e7e7; color: #666; }
#cnt-menmob > form > input[type="text"] { border: none; background: transparent; width: 100%; padding-right: 32px; }
#cnt-menmob > form > input[type="text"]::placeholder { color: #9b6bb7; }
#cnt-menmob > form > input[type="submit"] { border: none; background: transparent url(/img/front/search.png) no-repeat center; width: 24px; height: 24px; position: absolute; top: 8px; right: 10px; }
#entete { height: 180px; }
#entete h1 { margin-top: 78px; font-size: 20px; letter-spacing: 3px; }
#cnt-logo { display: none; height: 100px; }
#cnt-logo > img { width: 200px; }
#cnt-afaq > span { font-size: 14px; margin-left: -30px; }
#slideShow #btn-sldpre, #slideShow #btn-sldsui { background-position: 0 60px; }
#slideShow #cntSlide .slideElt > div.legende1 { max-width: 560px; right: 40px; bottom: 75px; font-size: 16px; }
#slideShow #cntSlide .slideElt > div.legende2 { max-width: 560px; right: 60px; bottom: 30px; font-size: 16px; }
#cnt-liens a { width: 250px; margin: 16px 24px; }
#cnt-actus .lnk-actu { width: calc(50% - 16px); }
.sep-actu { display: none; }
#cnt-docpdf { padding: 12px 0; }
#cnt-docpdf .lnk-docpdf { width: 280px; }
#cnt-docpdf .lnk-docpdf .cnttit { font-size: 15px; }
.cnt-paragr { font-size: 18px; }
.cnt-paragr .cnt-image { max-width: 240px; }
.bg-album { padding: 0; }
.bg-album .cnt-album { width: 100%; }
.cnt-album.cnt-1img > div { background-size: cover; }
#gmap { height: 480px; }
.apelnk { display: block; }
.apelnk > .imgurl { display: block; width: auto; height: 180px; margin: 0 0 12px 0; }
.apelnk > .txturl { display: block; padding: 0; }
.tit-donnee { font-size: 16px; }
.adherent { padding: 12px; line-height: 20px; }
.adherent > strong { display: block; }
.adherent > span { display: block; margin: 0px; padding: 0px; border: none; }
.adherent > .plus { display: inline-block; float: none; margin: 12px 0 0 0; padding: 6px 16px; }
#adh-flex { flex-wrap: wrap; background: #f7f7f7; }
#adh-flex > div { width: 50% !important; max-width: 50% !important; }
.adh-partxt .tap-texte.img-droite .cnt-image { width: 240px; }
.adh-partxt .tap-texte.img-gauche .cnt-image { width: 240px; }
.adh-partxt { font-size: 16px; }
#cnt-resrec .resrec { padding: 12px; line-height: 20px; }
#cnt-resrec .resrec .titre { font-size: 16px; }
#cnt-resrec .resrec .voir { margin: 12px 0 0 0; padding: 6px 16px; }
#frmEnquete .grpsai { display: block; width: auto; margin: 0; padding: 12px 16px 18px 16px; }
#frmEnquete .grpsai > input#ville { width: calc(100% - 130px); }
.cnt-contact .fct { font-size: 13px; }
#cnt-animateurs .cnt-contact { width: 176px; }
#cnt-animateurs .cnt-contact .photo { top: 16px; left: 18px; }
#cnt-coords a { font-size: 18px; }
#cnt-suivre { display: block; width: auto; }
#cnt-suivre #cnt-rsoc { display: block; width: auto; margin-bottom: 12px; }
#pied > .contenu > .padding { line-height: 40px; font-size: 13px; }
#pied a:last-of-type { padding: 0; margin: 0; border: none; display: block; line-height: 20px; }
}
/* ------------------------------------------------ */
/* Format mobiles < 660px */
@media handheld, only screen and (max-width: 660px), only screen and (max-device-width: 660px) {
#ir900 { display: none; }
#ir600 { display: block; }
body { font-size: 14px; }
h1 { font-size: 18px; line-height: 24px; letter-spacing: 1px; }
h2 { font-size: 18px; line-height: 24px; }
h3 { font-size: 16px; line-height: 22px; letter-spacing: 3px; }
h4 { font-size: 14px; letter-spacing: 2px; }
.contenu.infos { font-size: 15px; }
.cnt-navig .lnk-page { width: 24px; height: 24px; line-height: 24px; font-size: 12px; }
#entete h1 { font-size: 18px; line-height: 24px; letter-spacing: 1px; margin: 78px 10px 0 10px; }
#entete.slide { height: 320px; }
#entete.infos { height: 180px; }
#slideShow #cntSlide .slideElt > div.legende1 { max-width: 420px; right: 32px; font-size: 14px; line-height: 20px; }
#slideShow #cntSlide .slideElt > div.legende2 { max-width: 390px; right: 64px; font-size: 14px; line-height: 20px; }
#slideShow #btn-sldpre { width: 64px; background-size: contain !important; }
#slideShow #btn-sldsui { width: 64px; background-size: contain !important; }
#cnt-afaq > span:last-of-type { width: calc(100% - 168px); max-width: 280px; line-height: 20px; padding: 5px 0; text-align: left; margin-left: -20px; }
#cnt-actus .lnk-actu .cntimg { height: 120px; }
.btn-pactu { font-size: 16px; }
#cnt-docpdf .lnk-docpdf { width: calc(50% - 16px); }
#cnt-docpdf .lnk-docpdf .cnttit { font-size: 14px; }
#cnt-liens a { width: 38%; font-size: 16px; letter-spacing: 0px; }
#cnt-liens a > .img-lien { width: 140px; height: 140px; line-height: 140px; }
#cnt-liens a > .img-lien > img { width: 90px; }
.cnt-paragr { font-size: 16px; }
.cnt-paragr .cnt-image { max-width: 160px; }
.cnt-album { height: 270px; }
.actu-entete { display: block; }
.actu-entete .actu-image { display: block; width: auto; padding: 0; margin-bottom: 32px; }
.actu-entete .actu-resume { display: block; width: auto; }
.btn-actevt { font-size: 20px; line-height: 30px; letter-spacing: 1px; }
#cnt-choix a { display: block; padding: 0px; margin: 12px 0 0 0; border: none; }
#gmap { height: 400px; }
.adherent { font-size: 13px; line-height: 18px; padding: 16px 12px 32px 12px; }
.adh-image { max-width: 180px; }
_:-ms-fullscreen, :root .adherent { flex: 0 0 42%; } /* Hack IE 11- */
#adh-flex { display: block; }
#adh-infos, #adh-plateformes { border-left: none; }
#adh-flex > div { width: auto !important; max-width: none !important; }
#phoadh { float: none; width: 100%; margin: 12px 0; }
.adh-partxt .tap-titre { padding: 8px 12px 8px 40px; }
.adh-partxt .tap-titre .fleche { background-size: auto 16px; height: 24px; width: 24px; }
.adh-partxt .tap-titre h2 { line-height: 24px; font-size: 16px; }
.adh-partxt .tap-texte.img-droite .cnt-image { width: 200px; }
.adh-partxt .tap-texte.img-gauche .cnt-image { width: 200px; }
.adh-partxt { font-size: 15px; }
#gmap.wphoto { float: none; width: 100%; margin: 12px 0 !important; }
_:-ms-fullscreen, :root #cnt-resrec .resrec { flex: 0 0 42%; } /* Hack IE 11- */
#cnt-contact { width: auto; }
#cnt-coords a { font-size: 16px; }
#cnt-animateurs .cnt-contact .nom { font-size: 14px; }
#cntNavig { font-size: 11px; }
#pied { text-align: center; padding: 20px 16px; }
#pied a { display: block; margin: 6px 0 0 0; padding: 0px; border: none; }
#pied a:last-of-type { line-height: 14px; margin: 12px 0 0 0; }
#pied > .contenu > .padding { display: block; line-height: 20px; font-size: 12px; height: auto; }
}
/* ------------------------------------------------ */
/* Format mobiles < 480px */
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#ir600 { display: none; }
#ir400 { display: block; }
body { font-size: 13px; }
img { max-width: 100%; }
ul, ol { padding-left: 20px; }
.contenu > .padding { padding: 0 6px; }
.marge2-fmax { display: block; margin: 18px 32px; width: auto; height: 2px; background: rgba(255,255,255,0.4); }
.cnt-navig .lnk-page { width: 20px; height: 20px; line-height: 20px; font-size: 11px; margin: 0 2px; }
.no480 { display: block; opacity: 0; height: 0; overflow: hidden; }
#cnt-menmob > a { font-size: 16px; }
#entete h1 { font-size: 16px; letter-spacing: 0px; }
#slideShow #cntSlide .slideElt > div.legende1 { max-width: none; left: 10px; right: 10px; padding: 6px 8px; font-size: 13px; line-height: 18px; bottom: 82px; }
#slideShow #cntSlide .slideElt > div.legende2 { max-width: none; left: 10px; right: 10px; padding: 6px 8px; font-size: 13px; line-height: 18px; }
#cnt-afaq > span:first-of-type { margin-left: -20px; }
#cnt-afaq > span:last-of-type { width: calc(100% - 150px); font-size: 13px; line-height: 14px; margin-left: -32px; max-width: 170px; }
#cnt-actus .lnk-actu .cnttxt .masque { height: auto; max-height: 90px; }
#cnt-actus .lnk-actu { display: block; width: auto; }
#cnt-actus .lnk-actu .cntimg { height: 180px; }
.btn-pactu { margin: 6px 0; }
#cnt-docpdf .lnk-docpdf { display: block; width: auto; margin-bottom: 16px; }
#cnt-docpdf .lnk-docpdf .cnttit { height: auto; }
#cnt-liens a { width: auto; display: block; margin: 0 12px 48px 12px; }
#cnt-liens > .lignev:nth-of-type(2) { display: block; height: 0; }
.contenu.infos { font-size: 14px; }
.cnt-paragr { font-size: 14px; }
.cnt-paragr .cnt-image { max-width: 100px; }
.cnt-album { height: 220px; }
.cnt-album > .curimg { height: 300px; line-height: 300px; }
.cnt-album > .lstimg { height: 40px; }
.cnt-album > .lstimg > img { height: 32px !important; }
.cnt-album { padding: 6px 10px; }
.cnt-album > .lstimg { padding: 4px 10px; margin-left: -10px; }
#gmap { height: 300px; }
#lstadh { display: block; }
#adh-contact > em { display: block; width: auto; }
.adh-image { max-width: none; float: none; text-align: center; }
.adh-image img { max-height: 120px; }
.adh-partxt .tap-texte.img-gauche > div { display: block; width: auto; }
.adh-partxt .tap-texte.img-gauche .cnt-image { display: block; width: auto; padding-bottom: 20px; padding-right: 0; }
.adh-partxt .tap-texte.img-gauche .cnt-texte { display: block; }
.adh-partxt .tap-texte.img-droite > div { display: block; width: auto; }
.adh-partxt .tap-texte.img-droite .cnt-image { display: block; width: auto; padding-top: 20px; padding-left: 0; }
.adh-partxt .tap-texte.img-droite .cnt-texte { display: block; }
#cnt-resrec { display: block; }
.lnk-part .cnt-image { width: 80px; line-height: 80px; }
#frmEnquete .grpsai { padding: 12px 6px 18px 6px; }
#frmEnquete .grpsai > input#cpostal { width: 60px; }
#frmEnquete .grpsai > input#ville { width: calc(100% - 70px); }
#cnt-coords a { font-size: 14px; }
.cnt-contact .photo { width: 100%; left: 0; background-size: contain; }
#cnt-contact .cnt-contact { height: auto; padding: 172px 12px 12px 12px; }
#cnt-animateurs::before { content: "Animateurs territoriaux"; display: block; font-family: 'PT Sans', sans-serif; text-transform: uppercase; letter-spacing: 5px;
font-size: 16px; color: #777; font-weight: 700; padding: 0 0 6px 0; }
#cnt-animateurs { padding: 20px 0 0 0; margin: 36px 0 0 0; border-top: 1px dotted #999; }
#cnt-animateurs .cnt-contact { width: auto; display: block; margin: 16px 0; }
#cnt-animateurs .cnt-contact .photo { left: 0px; }
#cnt-animateurs .cnt-contact .nom { height: auto; }
#cntNavig { font-size: 10px; }
}
/* ------------------------------------------------ */
/* Format mobiles < 320px */
@media handheld, only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
#ir400 { display: none; }
#ir320 { display: block; }
.cnt-paragr .cnt-image { max-width: 100%; float: none !important; margin: 0 0 20px 0 !important; text-align: center; }
}