h1, h3 { margin: 0; }
.center { text-align: center; }
.left { float: left; }
.align-left { text-align: left; }
.right { float: right; }
.align-right { text-align: right; }
.clear { clear: both; }
.spacing { margin-bottom:100px;}


/* THEME CUSTOM */
a.nocsslink:link, a.nocsslink:visited, a.nocsslink:active { text-decoration: none !important; color: white !important; }

.page-detail div.content { background: white; margin: 0 -15px -15px -15px; padding: 10px !important; }

.index-liste ul { margin-top: 0 !important; }
.index-liste ul li.banniere { height: 125px; overflow: hidden; }
.index-liste ul li.banniere div.ui-li { border: 0; }
.index-liste ul li.banniere a { padding: 0 !important; }
.index-liste ul li.banniere a img { position: relative; width: 100%; max-width: 100%; height: 100%; min-height: 100%; }
.index-liste a { text-decoration: none; font-weight: normal; }
.index-liste ul li a { padding-right: 28px !important; }
.index-liste ul li a h2 { margin: 0 0 8px; font-size: 18px; }
.index-liste ul li .content { white-space: normal !important; font-size: 15px; line-height: 21px; }
.index-liste ul li div.infos { color: #AFA79F; font-style: italic; font-size: 12px; }
.index-liste ul li div.infos p { margin: 10px -18px 0 0; }

.index-detail ul li.header { padding: 0.3em 15px !important; }
.index-detail ul li.header h1 { font-size: 25px !important; }
.index-detail ul li.header p { margin: 10px 0 5px; }
.index-detail ul li.header p span { color: #AFA79F; }

.evenement-liste ul.header { margin-bottom: 4px; }
.evenement-liste ul.header li { border-bottom-width: 0px; border-top-width: 0px; }
.evenement-liste ul.header li.titre h1 { font-size: 20px; margin: 0 !important; }
.evenement-liste ul.header li.control { padding-top: 0 !important; }
.evenement-liste ul.header li.control a span { padding: 0.55em 2px 0.5em; }
.evenement-liste ul.nodata li { font-weight: normal; text-align: center; background: white; font-size: 13px; }
.evenement-liste div.ui-btn-text a.ui-link-inherit { padding: 0 40px 0 80px !important; line-height: 18px; }
.evenement-liste div.ui-btn-text a.ui-link-inherit p { font-size: 15px; }
.evenement-liste .calendar { position: absolute; top: 10px; left: 15px; width: 50px; text-align: center; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-radius: 0.2em 0.2em 0.2em 0.2em;}
.evenement-liste .calendar .calendar-head { background: #EA1C1C; color: white; border-radius: 0.2em 0.2em 0 0; height: 25px; }
.evenement-liste .calendar .calendar-text { color: black; height: 25px; }

.evenement-detail ul li.header { padding: 0.3em 15px !important; }
.evenement-detail ul li.header h1 { font-size: 25px !important; }
.evenement-detail ul li.header p { margin: 10px 0 0; }
.evenement-detail ul li.header p span { color: #AFA79F; }
.evenement-detail ul li.header div p, .evenement-detail ul li.header div p span, .evenement-detail ul li.header div p.adresse { font-size: 13px !important; }
.evenement-detail ul li a.carte, .evenement-detail ul li a.galerie { margin-top: 10px; }

.galerie-liste ul.header { margin-bottom: 4px; }
.galerie-liste ul.header li { border-bottom-width: 0px; border-top-width: 0px; }
.galerie-liste ul.header li.titre h1 { font-size: 20px; margin: 0 !important; }
.galerie-liste ul.header li.control { padding-top: 0 !important; }
.galerie-liste ul.header li.control a span { padding: 0.55em 2px 0.5em; }
.galerie-liste .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .galerie-liste .ui-li-static.ui-li-has-count, .galerie-liste .ui-li-divider.ui-li-has-count { padding-right: 90px; }
.galerie-liste ul li div a p { font-size: 15px; line-height: 21px; }
.galerie-liste ul li div a p.date { font-size: 13px; }
.galerie-liste ul li a img.image { position: absolute; left: 15px; top: 10px; max-height: 60px; max-width: 80px; border-bottom-left-radius: 0px !important; }
.galerie-liste li div.ui-btn-inner div.ui-btn-text a { padding: 0px 40px 0 110px !important; min-height: 80px !important;}

.galerie-detail ul li.header { padding: 0.3em 15px !important; }
.galerie-detail ul li.header h1 { font-size: 25px !important; }
.galerie-detail ul li.header .date { font-weight: normal !important; font-size: 12px; }
.galerie-detail ul li.header .date span { color: #AFA79F; }
.galerie-detail ul li.description { font-weight: normal !important; font-size: 15px; line-height: 21px; }
.galerie-detail #galerie { overflow: hidden; margin-top: 20px; }
.galerie-detail #galerie .box { float: left; position: relative; width: 20%; padding-bottom: 15%; }
.galerie-detail #galerie .box .boxInner { position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; overflow: hidden; text-align: center;}
.galerie-detail #galerie .box .boxInner img { border-radius: 0.2em 0.2em 0.2em 0.2em; padding: 4px; max-width: 80%; height: auto; max-height: 100%; background: #FAFAFA; border: 1px solid #BBBBBB; }

@media only screen and (max-width : 480px) {
  .galerie-detail #galerie .box { width: 50%; padding-bottom: 37%; }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
  .galerie-detail #galerie .box { width: 25%; padding-bottom: 20%; }
}

.video-liste .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .video-liste .ui-li-static.ui-li-has-count, .video-liste .ui-li-divider.ui-li-has-count { padding-right: 90px; }
.video-liste .ui-li-thumb,.video-listing .ui-listview .ui-li-icon { position: absolute; left: 15px; top: 10px; max-height: 80px; max-width: 80px; border-bottom-left-radius: 0px !important;}
.video-liste ul li div.ui-btn-inner div.ui-btn-text a { padding: 0px 40px 0 110px !important; min-height: 71px !important;}
.video-liste img.video-calque1 { position: absolute; top: 10px; left: 15px; height: 50px; width: 80px; opacity: 0.2;}
.video-liste img.video-calque2 { position: absolute; top: 20px; left: 40px; width: 30px; height: 30px; opacity: 0.8;}
.video-liste ul li a p { font-size: 15px; line-height: 21px; }
.video-liste ul li a p.date { font-size: 13px; }

.video-detail ul li.header { padding: 0.3em 15px !important; }
.video-detail ul li.header h1 { font-size: 25px !important; }
.video-detail ul li.header .date { font-weight: normal !important; font-size: 12px; }
.video-detail ul li.header .date span { color: #AFA79F; }
.video-detail ul li.description { font-weight: normal !important; font-size: 15px; line-height: 21px; }
.video-detail div.player { margin: 25px 0 0 0; }
.video-detail div.player iframe, .video-detail div.player object embed { max-width: 100% !important; border-radius: 0.2em 0.2em 0.2em 0.2em; }

.contact-detail ul li.header { padding: 0.3em 15px !important; }
.contact-detail ul li.header h1 { font-size: 25px !important; }
.contact-detail ul li.header p { margin: 10px 0 5px; }
.contact-detail ul li.description { line-height: 21px; font-size: 15px; }
.contact-detail ul li div.formulaire { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-radius: 0.2em 0.2em 0.2em 0.2em; background: white; border: 1px solid #CCCCCC; padding: 15px;}
.contact-detail ul li div.formulaire h3 { margin: 0 0 10px 0; font-size: 16px !important; }
.contact-detail ul li div.formulaire #message_text { height: 150px; }

.recherche-liste ul li.header { padding: 0.3em 15px !important; border: 0px; }
.recherche-liste ul li.header h1 { font-size: 25px !important; }
.recherche-liste ul li.nodata { background: white; font-weight: normal; }
.recherche-liste ul li.content p { line-height: 21px; font-size: 15px; }
.recherche-liste .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .recherche-liste .ui-li-static.ui-li-has-count, .recherche-liste .ui-li-divider.ui-li-has-count { padding-right: 90px; }

/* HOVER HACK */

.ui-page { -webkit-backface-visibility: hidden; }
/* CALENDAR EVENT LISTE */
.ui-btn-up-c div.calendar div.calendar-text,
.ui-btn-up-c:visited div.calendar div.calendar-text,
.ui-btn-up-c:hover div.calendar div.calendar-text,
.ui-btn-up-c:active div.calendar div.calendar-text,
.ui-btn-hover-c div.calendar div.calendar-text,
.ui-btn-hover-c:link div.calendar div.calendar-text,
.ui-btn-hover-c:visited div.calendar div.calendar-text,
.ui-btn-hover-c:hover div.calendar div.calendar-text,
.ui-btn-hover-c:active div.calendar div.calendar-text,
.ui-btn-down-c div.calendar div.calendar-text,
.ui-btn-down-c:link div.calendar div.calendar-text,
.ui-btn-down-c:visited div.calendar div.calendar-text,
.ui-btn-down-c:hover div.calendar div.calendar-text,
.ui-btn-down-c:active div.calendar div.calendar-text {
    background-color: white !important;
    color: black !important;
    border-radius: 0 0 0.2em 0.2em !important;
}

/* PANEL CUSTOM */
.h3-panel {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.panel-collapsible1, .panel-collapsible2 {
    border: 0px;
}
.ui-collapsible div ul {
	margin: -0.6em 0 !important;
}

.ui-collapsible div ul .ui-corner-top, .ui-collapsible div ul .ui-corner-bottom {
    border-radius: 0;
}

.ui-collapsible div ul li.ui-li-divider {
	padding: 0.5em 15px 0.5em 12px !important;
}
/* Menu 'Les Pages' */
#panel .panel-collapsible1 h3.h3-panel a { background: linear-gradient(#333333, #333333) repeat scroll 0 0 #333333 !important; }
/* Sous-menu non déroulants */
#panel .panel-collapsible1 div ul li.ui-li-divider { background: linear-gradient(#BFBFBF, #BFBFBF) repeat scroll 0 0 #BFBFBF !important; }
/* Contenu sous-menu non déroulants */
#panel .panel-collapsible1 div ul li.ui-btn { background: white !important; }
/* Sous-menu déroulants */
#panel .panel-collapsible1 .panel-collapsible2 h3 a{ border-top-width: 0px !important; border-color: #BFBFBF !important; background: linear-gradient(#7F7F7F, #7F7F7F) repeat scroll 0 0 #7F7F7F !important; }
/* Sous-menu déroulants border interne */
#panel .panel-collapsible1 .panel-collapsible2 h3 a span { border-top-width: 0px !important; }
/* Contenu sous-menu déroulants */
#panel .panel-collapsible1 .panel-collapsible2 div ul li.ui-btn { background: white !important; }
/* Dernier element sous-menu déroulants */
#panel .panel-collapsible1 .panel-collapsible2 .ui-li.ui-last-child, 
#panel .panel-collapsible1 .panel-collapsible2 .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 0px !important; }
/* Sous-menu décalage */
#panel .panel-collapsible1 div.panel-niveau1 { width: 10px; height: 100%; display: inline-block; background: red !important;; }
#panel .panel-collapsible1 div.panel-niveau2 { width: 20px; height: 100%; display: inline-block; background: green !important; }

/* RESPONSIVE TABLE */

@media only screen and (max-width: 800px) {
.responsive-table .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.responsive-table * html .cf { zoom: 1; }
.responsive-table *:first-child+html .cf { zoom: 1; }
.responsive-table table { width: 100%; height:100%; border-collapse: collapse; border-spacing: 0; }

.responsive-table th,
.responsive-table td { margin: 0; vertical-align: top; }
.responsive-table th { text-align: left; }
.responsive-table table { display: block; position: relative; width: 100%; }
.responsive-table thead { display: block; float: left; }
.responsive-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
.responsive-table thead tr { display: block; }
.responsive-table th { display: block; text-align: right; }
.responsive-table tbody tr { display: inline-block; vertical-align: top; }
.responsive-table td { display: block; min-height: 1.25em; text-align: left; }

.responsive-table th { border-bottom: 0; border-left: 0; }
.responsive-table td { border-left: 0; border-right: 0; border-bottom: 0; }
.responsive-table tbody tr { border-left: 1px solid #babcbf; }
.responsive-table th:last-child,
.responsive-table td:last-child { border-bottom: 1px solid #babcbf; }
}