@charset "utf-8";
/* CSS Document */
/* v3.0 - 2025 */


/* CUSTOM HHP */
a img:hover {scale: 1.2;}
.center {text-align:center;}
.linkin {text-align:right;}
.under {text-decoration:underline;}
.fright {float:right;}
.right {display:block;float:right;}
.left {display:block;float:left;}
.grey {color:#808080;}
.blc {color: #ffffff;}
.hhs {color:#67cb68;}
.hhos {color:#67cb68;}
.hhr {color:#cb610d;}
.hhp {color:rgb(102,51,153);}
.hhop {color:rgb(102,51,153);}
.esl {color:rgb(16,157,232);}
.vm {color:#ffd700;}
.fm {color:#ee0002;}
.shop {color:#ffff00;}
.shops {background-color: #000000;}
.familymixes {color:#b21f21;}
.prods {color:#ffb210;}
.ph {color:#0102fd;}
.pha {background-color: #0102fd;}
.current {border-top:2px solid grey;text-decoration:underline;}
.web {color:rgb(204,102,153);}
.white {color:#fff;}
.print {color:rgb(0,153,204);}
.cache {visibility:hidden;}
.inline {display: inline-block;}
.dark {background-color: #000000;}
.darky {background-color: rgb(102,51,153);}
.gras {font-weight: bolder; font-size:2.5em;}
.bord {border: solid 2px #fff;}
.btn {background-color: #00ffff;border: solid 2px #000;border-radius: 20%;}
.btn-a {background-color: #b21f21;border: #000 solid 2px;border-radius: 20%;}
.btn a {color: #000;padding: 3px;}
.copy {color: rgb(102,51,153);background-color: #000;padding: 5%;}
.btn_cont_hhs {background-color: #67cb68;}
.btn_cont_hhr {background-color: #cb610d; color: #ee0002;}
.btn_cont_hhp {background-color: rgb(102,51,153); color:#00ffff; }
.btn_cont_ph {background-color: #0102fd; color: #67cb68;}
.btn_cont_vm {background-color: #ffd700;}
.line {display:block;border-left: solid 4px #67cb68;}
.line-hp {display:block;border-left: solid 4px rgb(102,51,153);}
.line-hr {display:block;border-left: solid 4px #cb610d;}
.contour {display:block;border: solid 3px #fff;border-bottom: dashed;}
.line-ph {display:block;border-left: solid 4px #0102fd;}
.line-vm {display:block;border-left: solid 4px #ffd700;}
a.hocyan:hover {color: cyan;}
a.magen:hover {color: magenta;}
cite {text-align: left;}
hr {width:80%;margin-top:1.8em;margin-bottom:1.8em;}
hr.hhs {border-top: 5px solid #67cb68;}
hr.ph {border-top:5px solid #0102fd;margin-top:20px; }
hr.vm {border-top:5px solid #ffd700; }
hr.hhp {border-top:5px solid rgb(102,51,153); }
hr.hhr {border-top:5px solid #cb610d; }
hr.shop {border-top: 5px solid #ffff00;}
hr.fm {border-top: 5px solid #ee0002;}
hr.mini {width:15%;display:block;margin:auto;border-top:2px solid ;}
hr.foot {width:30%;display:block;border-top:2px solid #fff;margin:10px 0 10px 0 !important;}
hr.today {color:#fff;}
#main_col_d hr {margin-top:2em !important;margin-bottom:2em !important;}

div {display: block;}
div#sites {background: url(../img/site.jpg) no-repeat center 0 fixed;}
div#infog {background: url(../img/infog.jpg) no-repeat center 0 fixed;}
div#dep {background: url(../img/depan.jpg) no-repeat center 0 fixed;}
div#serv {background: url(../img/serv.jpg) no-repeat center 0 fixed;}
div#dev {background: url(../img/dev.JPG) no-repeat center 0 fixed;}
/* BALISES GLOBAL & CLASSES JQUERY MOB */
#accueil {text-shadow:none !important;background-color:#fff !important;}

#hhs p img {animation:move 8s infinite;}
@keyframes move {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#hhs p img:hover {scale:1.8;}
h1,
h2 {font-family: 'Alatsi',sans-serif !important;color:#00ffff;text-decoration: underline;}
h3,
h4,
h5 {font-family: "Philosopher",sans-serif !important;letter-spacing:0.2em !important;}
h6 {font-family: "Cookie", cursive !important;letter-spacing:0.2em !important;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}
a {text-decoration:none !important;}
b {font-weight: bolder;}
body {border-left:13px dashed #67cb68;}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {text-shadow: none !important;}
.ui-body-a {background-color: #fff !important;border: none !important;color: #2a4e98 !important;text-shadow:none !important;}
.ui-body-b {background-color: #2a4e98 !important;border-color: #2a4e98 !important;color: #fff !important;text-shadow:none !important;}
.ui-bar-a {background-color: #b7cbe1 !important;border-color: #08e6fa !important;color: #2a4e98 !important;text-shadow:none !important;}
.ui-btn {background-color:#08e6fa !important; color:#11279c !important; border-color:#2a4e98 !important;text-transform:uppercase !important; text-shadow:none !important;font-family:"Alatsi",sans-serif !important;}
.ui-btn:hover {background-color:#fff !important; color:#11279c !important; border-color:#2a4e98 !important;}
.container {display: grid;grid-template-columns: auto auto auto;padding: 10px;}
.container div {background-color: #f1f1f1;border: 1px solid black;padding: 10px;font-size: 30px;text-align: center;}


/* ------------------------------------------------------ */
/* --- HHP - WEBDESIGN ---------------------------------- */
/* ---------- HEADER & NAV ------------------------------ */
#hhs header {background-color: #67cb68;}
#hhr header {background-color: #cb610d;}
#hhp header {background-color: rgb(102,51,153);}
#ph header,#phorus header {background-color: #0102fd;}
header.phor {background: url(../img/Capture.JPG) no-repeat center 0 fixed;}
#vm header {background-color: #ffd700;}
#h2r header {background-color: #ffff00;}
#fm header {background-color: #ee0002;}
#noel header {background: url(../img/bann_noel.jpg) no-repeat center 0 fixed;}
#esl header {background-color: rgb(16,157,232);;}
#love header,
#vox header,
#top header,
#trance header,
#club header,
#hny header,
#hallo header,
#global header,
#snl header {background-color: #b21f21;}
/* bloc fil ariane */
ul#play_fm {border: solid 2px #67cb68;}
#play_fm li {display: inline-block;list-style: none;}
div#accueil {border-left:12px dashed #67cb68;}
div#h2r {border-left: 11px dashed #cb610d;}
div#hhr {border-left: 12px dashed #cb610d;}
div#hhp {border-left: 12px dashed rgb(102, 51, 153);}
div#players {border-left:11px dashed #0102fd;}
div#ph {border-left:12px dashed #cb610d;}
div#fm {border-left:11px dashed #cb610d;}
div#fmx {border-left: 10px dashed #ee0002;}
div#shop {border-left: 10px dashed #ffff00;}
div#pharaoh {}
div#liph {display:block;background: url(../img/Capture.JPG) no-repeat center 0 fixed;background-color: #0102fd;}
#liph ul li { line-height:30px;display: inline; }
div#vm {border-left:12px dashed #cb610d;}
#livm {  }
div#vlm {border-left: 11px dashed #ffd700;}
#fil_ariane {text-align:center !important;color:#CCC !important;text-shadow:none !important;font-family:"Philosopher",sans-serif !important;}
/* // bloc fil ariane */
header h1 {font-size:1.5em !important;color:#fff !important;text-shadow:none !important;}
header p a.btn_home {border-radius:5px !important;}
.ui-collapsible-content {background-color: #fff !important;}
.ui-collapsible-heading-toggle {background-color: #fff !important;}
.ui-collapsible-heading-toggle:hover {background-color: #08e6fa !important;}
.navig_home {background-color:#5f3788 !important;}
.navig_home .ui-bar-a h4 {color:#fff !important;margin-top:3%;margin-bottom:2%;margin-left:2%;text-transform:capitalize !important;}
.menu_top_1 .ui-bar-a,
.menu_top_2 .ui-bar-a,
.menu_top_3 .ui-bar-a,
.menu_connect .ui-bar-a {background-color:#2a4e98 !important;border-style:none !important;}
.menu_top_1 .ui-bar-a ul li a.ui-btn,
.menu_top_2 .ui-bar-a ul li a.ui-btn,
.menu_top_3 .ui-bar-a ul li a.ui-btn {background-color: #08e6fa !important;}
.menu_top_1 .ui-bar-a ul li a.ui-btn:hover,
.menu_top_2 .ui-bar-a ul li a.ui-btn:hover,
.menu_top_3 .ui-bar-a ul li a.ui-btn:hover {background-color: #fff !important;}
.menu_top_1 .ui-bar-a ul li a.ui-btn:active,
.menu_top_2 .ui-bar-a ul li a.ui-btn:active,
.menu_top_3 .ui-bar-a ul li a.ui-btn:active {background-color: #2a4e98 !important; color:#08e6fa !important;}
.ui-navbar .ui-grid-c li a.ui-btn {border:none !important; background-color:#fff !important;font-family:"Alatsi",sans-serif;font-size:1.1em;}

.racc_links
			{text-align:center;width:100%;}
.racc_links ul
			{padding-left:0 !important;}
.racc_links ul li 
			{list-style:none;display:inline-block;
				text-align:center;
				line-height:40px;
				text-transform:uppercase;
				position:relative;
			}
nav ul li.hhr,nav ul li.hhp {list-style: none;}
nav ul li a {line-height: 32px;}
nav ul li a.hhr {display:block;height: 32px; border: solid 2px;border-color:#cb610d;font-family:'maass';padding:2px;}
nav ul li a.hhr:hover {border-color:#67cb68;background-color: #cb610d;color: #f1f1f1;}
nav ul li a.hhs {display:block;height: 32px; border: solid 2px;border-color:#67cb68;padding:2px;}
nav ul li a.hhp {display:block;height: 32px; border: solid 2px;border-color:rgb(102,51,153);font-family:'motion';padding:2px;font-size: x-large;}
nav ul li a.hhp:hover {border-color: #67cb68;background-color: rgb(102,51,153);color: #f1f1f1;}

/* --- BANNER COUV --- */
.bann_couv img {border-radius:20px;margin-left:10% !important;}
.bann_menu .ui-navbar ul li {text-align:center;padding:2px;}
.bann_menu .ui-navbar ul li i.fa {margin-top:10px;color:#2a4e98;}

/* ---------- PAGE CONTENT MAIN ------------------------- */
/* -- PgMain (Intro) -- */
.link {font-size: 0.9em;}
#links li, #linka li {list-style: none;}
section {display:block;border-left:12px dashed #67cb68;}
section p {font-family: sans-serif;font-size: 1em;}
section#hhr {display:block;border-left:11px dashed #cb610d;}
section#hhp {display:block;border-left:11px dashed rgb(102,51,153);}
section#phs {display:block;background: url(../img/sfond.jpg) no-repeat center 0 fixed;border-left:11px dashed #0102fd;}
section#ph p {display: block;margin-top: 0px;margin-left:13px;border-left:12px dashed #cb610d;font-size: x-large;}
section#valm {display:block;background: url(../../img/valm_n.jpg) no-repeat center 0 fixed;border-left:10px dashed #ffd700;}
section#esl {display: block;border-left:10px dashed #38c;}
#esl div div a img:hover {scale:3;}
section#valm p#vlm {background: url(../../img/valm_n.jpg) no-repeat center 0 fixed;}
section#shop {display: block;border-left: 10px dashed #ffff00;}
section#fm {display: block;border-left: 10px dashed #ee0002;}
section#fm div div.first {display: block;clear: both;}
.introduction {padding: 20px;border-radius: 25px;background-color: #b7cbe1;margin-top: 1.5em;font-size:1.3em;border:15px solid #08e6fa;}
.introduction p {font-family: "Cookie", cursive;font-size:1.5em;}
p.intro {margin-top: 0;margin-left: 10px;font-family: cursive;}
p.intro_b {margin-top: 0.4em !important;}
p.intro b,
P.intro_b b {font-size:1.3em;}
.introduction .ui-collapsible .ui-collapsible-content {background-color: #b7cbe1 !important;color:#2a4e98;padding:1px !important;border:none !important;text-shadow:none !important;}
.introduction .ui-collapsible-heading .ui-btn {text-align:right !important;text-transform:lowercase !important;}
#prestas ul li {list-style: none;}
#prestas h3 {background-color: #CCC;}
#prestas span {background-color:rgb(204, 102, 153); color="#fff"; }
#prestas span.btn {background-color: #00ffff;}
#horaires {background-color: rgb(204, 102, 153);}
#horR {background-color: #cb610d; }
table {margin: auto;}
table tr td {color:#fff;}
#reseaux {margin: auto;display: block;}
#reseaux ul li {display: inline-block;border: solid  1px;}
div.grid_7,
div.grid_8 {background-color: rgb(102,51,153);}
/* ---------------AUDIO--------------------------------- */
audio {margin-bottom: 50px;}

.disc {animation:move 5s infinite;}
@keyframes move {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#hhs p img:hover {transform: rotate(2160deg);}
 
/* ---------- COLONNE DROITE ---------------------------- */
.slogan_txt {font-size:1em;}

footer {background-color: #67cb68 !important; color:#fff !important;} 
ul.left li,
ul.right li {list-style: none;display: inline;}

/* --- // FIN HHP Webdesign ----------------------------- */
/* ------------------------------------------------------ */
/* HEADER */
/* ---- NAVIGATION */
#nav { }
#nav h4 a {width:100%;}
/* ---- NAV_Bloc Connect/Date */
.date {text-align:center; color:#fff;}

/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* PAGE / CONTENT */

/* _ Responsive Layout ! 2 colonnes (Page & Col) _ */
/* __ Bloc PAGE (Large colonne left 75%) */
/* ___ Bloc INTRO */
.col3-50 .ui-body {text-align: left;border-color: #ddd;}
.col3-50 p {color: #0b4c86;line-height: 110%;}
.col3-50 p.intro {color: #b7cbe1; padding:3px;margin:0; font-size:1.15em;line-height:120%;}
/* ___ Bloc ENTITY */
	/* Presentation */
.entity_img img {border-radius:100%;margin-top:10%;}
.entity_txt {text-align:center;padding:25px !important;font-family:"Philosopher",sans-serif !important;}
.entity_txt h2 {letter-spacing:0.2em;}	
.p_entity {font-size:1.1em !important;}
.entity_txt hr.mini {margin-top:1em;}
	/* Social Links */
.social_links {text-align:center;width:100%;}
.social_links ul {padding-left:0 !important;}
.social_links ul li {list-style:none;display:inline-block;}
	/* Bureau & Consults */
.page_banner {}
.slider_photos img {border-radius:10px;}
.slider_photos cite {margin-right:15px;}
.slider_days {padding:10px !important;}
.slider_days h3 {margin-top:0; margin-bottom:0.4em;}
.slider_days strong.consults {font-size:1.6em;font-family:"Cookie",cursive;}
.entity_adrss {font-size:1.4em !important;font-family:"Cookie",cursive;margin-top:0.5em;margin-bottom:0;font-weight:bold;}
.entity_adrss strong {font-family:"Philosopher",sans-serif;font-size:0.8em;}
/* __ BLOC ANNONCE SPECIALE */
#annonce .maj_bar a {text-transform:none !important;}
#annonce .maj_bar a strong {text-transform:uppercase !important;}
/* ----------------------------- */
	/* Actualités */
.wrap_actus {margin-top:1%;background-color:#2a4e98;padding:20px; border-top-left-radius:25px;border-top-right-radius :25px;}
#wrap_actus .post_actu .tag {padding:3px;background-color:#2a4e98;border-radius:5px;margin-left:20%;margin-right:20%;border:1px solid #08e6fa; margin-top:15px !important;}
#wrap_actus .post_actu .tag strong {color:#08e6fa;text-transform:uppercase;}
.actus h3 {text-transform:uppercase;text-align:center;color:#2a4e98;}
.post_actu {margin-bottom:15px;border:10px solid #fff;border-radius:25px;}
.post_img {padding-right:1em !important;}
.post_actu .post_img img {border-radius:100%;margin-top:1em;}
.post_data {text-align:center !important;border-left:2px solid #fff !important;}
.post_data h4 {margin-top:1em;text-transform:capitalize !important;color:#fff !important;text-decoration:underline;}
.post_data .post_resume {text-align:left;padding:0 1em 0 1em;font-family:"Philosopher",sans-serif;font-size:1em !important;}
.post_data h6 {text-align:center !important;}

/* ------------------------------- */
div.ph a:first-child {border: 2px solid #0102fd;}
div.ph a:first-child:hover {color: #fff;border: 3px dashed #fff;}
/* __ Bloc COL (Colonne right 25%) */
#main_col_d {margin-bottom:15px !important;}
#main_col_d a.ui-link {color:#38c;}
#main_col_d a.ui-link:hover {color:#fff !important;}
.logo_entity img {border-radius:15px;}
.domaine a {color:#fff !important;font-family:"Philosopher",sans-serif;}
.entity_infos p {padding:5%;clear:both;border:solid;border-color:#487cab;border-radius:15%;}
.slogan_img {background-color:#fff;border-radius:50%;margin-top:10px;}
.slogan_txt p {background-color:#fff;border-radius:50%;padding:20px;color:#2a4e98;font-family:"Philosopher",sans-serif;font-weight:bold;margin-bottom:0;}
.slogan_authr {display:block;float:right;margin-bottom:1.3em;}
/* ------------------------------- */
/* __ BLOCS De MAINTENANCE */
#maint_hhp {clear:both;padding-top:10px;padding-bottom:10px;border-top:8px solid #2a4e98;border-bottom:8px solid #2a4e98; }
.alert_bar,
.maj_bar {clear:both !important;}
.alert_bar a,
.maj_bar a {background-color:#fff !important;color:#2a4e98 !important;}
.alert_bar a:hover,
.maj_bar a:hover {background-color:#b7cbe1 !important;color:#2a4e98 !important;}
/* ------------------------------------------------------ */
/* FOOTER */
footer {background-color:#67cb68 !important;text-shadow:none !important;color:#fff !important;}
	#raccourcis {display:block;clear:both;}
	#raccourcis ul.grid_2 {}
	#raccourcis ul.grid_2 li a {color:#fff;font-size:1.1em;}
	#raccourcis ul {}
	#raccourcis ul li {list-style:none;display:inline-block;padding:0 10px;}
	#raccourcis ul li a {font-size:1.1em;}
	#raccourcis ul li a:hover {color:#fff;text-decoration:underline;}
	#raccourcis ul.left li {display:block;border:2px solid #0102fd;}
	#raccourcis ul.right {display:block;border:2px solid #0102fd;margin-right: 40px;}
	#esl footer {background-color: #38c;}
/* Foot__footer_services_infos */
#footer_serv_infos h4 {text-decoration:underline;padding:0.5em !important;background-color:#fff;border:3px solid #08e6fa;border-radius:10px;display:inline-block;width:70%;margin-left:15%;text-align:center;}
#footer_serv_infos p {text-align:center;margin:0;font-style:italic;}
/* Foot__footer_top */
.footer_top {padding-right:2em;padding-left:2em;}
.foot_prat {padding:0 1em 0 1em;}
.foot_indic {padding:0 1em 0 1em;}
.foot_indic h4 {text-align:center;text-transform:uppercase;margin-bottom:0.3em;}
.foot_prat h4 {text-align:center;text-transform:uppercase;margin-bottom:0.3em;}
.foot_indic ul {padding:1em;border:3px solid #fff;border-radius:15px;font-size:0.9em;}
.foot_indic ul li {margin-left:1.3em;}
.foot_prat p {padding:1em;text-align:left;line-height:1.5em;border:3px solid #fff;border-radius:15px;}
/* Foot__footer_menu */
.footer_menu {background-color:#2a4e98;}
.footer_menu .ui-bar-a {background-color:#2a4e98 !important;color:#fff !important;}
.min_entity .ui-bar-a {border:none !important;}
.link_menu_foot {text-decoration:none !important;color:#08e6fa !important;}
.link_menu_foot:hover {color:#fff !important;}
.foot_name {font-size:0.9em !important;line-height:1em;display:block !important;}
.foot_entity {font-size:0.9em !important;line-height:1em;display:block !important;text-align:center !important;}
#foot_footer_menu .min_entity .ui-bar .foot_entity a.foot_home {padding:0.4em 0.6em !important;border-radius:5px !important;margin-left:0 !important;}
/* Foot__COPYRIGHT BAR */
#copy-bar {text-align:center;border-top:2px solid #000;border-bottom:2px solid #000;}
/* Foot__PUB_MENTIONS */
#pub_hhp {background-color:#fff !important;}
/* --------------------------------------------------------- */

/* --------------------------------------------------------- */
/* ---------- LES PAGES A SUIVRE --------------------------- */
/* --------------------------------------------------------- */
/* -------- PAGE PUBLICATIONS ET COLLOQUES ------------- */

/* -------- PAGES PUBLICATIONS / COLLOQUES LIST -------- */

/* --------------------------------------------------------- */
/* -------- PAGE CONTACT ------------- */
#coord .adress p {text-align:center;font-weight:bold;font-family: "Philosopher",sans-serif !important;font-size:1.5em;}
#coord .access {border-width:1px !important;border-style:solid !important;text-shadow: none !important;border-radius:20px;margin-top:35px !important;}
#acces li a {color:#a5bc34;text-decoration:none;}
#acces li a:hover {color:#fff;text-decoration:underline;}
#btn_coord {list-style:none !important;margin-left:14% !important;}
#btn_coord li {display:inline-block !important; list-style:none !important;}
#illus_bureau p img {border-radius:20px;}
#illus_bureau p strong {color:#2a4e98 !important;}
#linker .ui-grid-b .linker_links {margin-top:75px !important;}
#linker .ui-grid-b .coord .btn_dark {background-color:#2a4e98 !important;color:#08e6fa !important;border-color:#08e6fa !;}
#linker .ui-grid-b .coord .btn_dark:hover {background-color:#fff !important;color:#2a4e98 !important;border-color:#2a4e98 !;}
/* --------------------------------------------------------- */
/* -------- PAGE EXPERIENCE ------------- */

/* --------------------------------------------------------- */
/* -------- PAGE MENTIONS ------------- */
#ml_page .profs h3,
#ml_page .profs p.statut {text-align:center;}
#ml_page .profs h4 {text-decoration:underline;}