@CHARSET "UTF-8";

.ui-btn-active { border: 0; }

#image-entete-accueil { margin: -1em -1em 0 -1em; }
#image-entete-accueil img { width: 100%;  }

/***********************/
/* Surcharge peau.css */
/*********************/
body { font: 1em Arial, Helvetica, sans-serif; background: none; }

.textes_page h2, .textes_page h3, .textes_page h4, .textes_page p, .textes_page img { clear: both; }
.textes_page h2 { font: 1.5em 'colaborate_regular',Arial,Helevtica; padding-left: 35px; }
.textes_page h3 { padding-left: 23px; }
.textes_page h4 { font-size: 1.2em; padding-left: 20px; background-position: 0px 5px; }
.textes_page p, .textes_page p { font-size: 1em; padding-top: 5px; margin: 8px 0 5px 0; }
.textes_page p.encadre { margin: 30px 0 30px 0; padding: 20px 15px; text-align: left; }
.textes_page p.encadre:last-child { margin-bottom: 0px; }
.textes_page p.chapeau { font-weight: bold; font-size: 1.1em; }
.textes_page p.legende { font-style: italic; font-size: 1em; margin-top: -5px; }
.ui-content > img, .ui-content > p > img, .ui-content > p > a > img, .textes_page img { width: 100% !important; height: auto !important; margin: 5px 0; }
.ui-content iframe, .textes_page iframe { width: 100% !important; }
.textes_page #conteneur-bxslider { margin-bottom: 15px; }
.textes_page #conteneur-bxslider img { width: auto !important; height: 200px !important; }
.textes_page table { width: 100%; font-size: 85%; margin-bottom: 10px; }
.textes_page iframe { margin-bottom: 10px; width: 100%; }
.textes_page ul, .textes_page li { font-size: 1em; }
.textes_page ul[data-role="listview"] h3, .textes_page ul[data-role="listview"] h4, 
.textes_page ul[data-role="listview"] h5 { background: none; font-family: Arial,Helevtica; font-size: 1.2em; padding: 0px; }

p.pagination { text-align: center; }
p.pagination a.ui-link { 
  display: inline-block;
  margin: 0px 5px;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 3px;
  color: #444 !important;
  text-shadow: none; }
p.pagination a:hover { background-color: #ddd; }

h1 { font-size: 1.7em; }
h1 img { max-height: 40px; }

hgroup { margin-bottom: 15px; }
hgroup > h2 { margin-top: 15px; margin-bottom: 0px; }
hgroup > h3 { margin: 0px; }

p.desc-courte { background: #A82421; color: #FAF9CB; text-shadow: 0px 0px 0px white; padding: 8px 12px; margin: 0px 0px 0px -1em; border-radius: 0px 5px 5px 0px; }
p.edito { color: #777; }

.label { text-align: center; }
.label img { max-height: 40px; }

#conteneur-bxslider { margin-top: 35px; }

/**********************************/
/* Bouton "Retourner à la liste" */
/********************************/
.ui-content span.bouton { display: block; float: left; text-shadow: 0px 0px 0px white; padding: 8px 1em; margin: 15px 0px 0px -1em; border-radius: 0px 5px 5px 0px; border:0; }
.ui-content span.bouton a, .ui-content span.bouton a.ui-link { text-decoration: none; background: none;}
.ui-content span.bouton a:hover, .ui-content span.bouton a.ui-link:hover { text-decoration: underline; background: transparent; }

/*******************/
/* Accueil - Bloc */
/*****************/
.bloc-accueil { margin: 0; padding: 0; font-size: 13px; }
.bloc-accueil li { list-style: none; float: left; width: 33%; margin: 25px 0px; }
.bloc-accueil a { display: block; width: 70px; height: 70px; margin: 0 auto; background: white; border: 1px solid #CCC; border-radius: 8px; text-align: center; text-decoration: none; }
.bloc-accueil a img { width: 60px; padding: 5px; border-radius: 8px; }
.bloc-accueil a img:hover { background: #EEE; }
.bloc-accueil a span { display: block; width: 100%; color: #333; font-size: 0.85em; }

/********************************/
/* Bloc géolocalistion - Fiche */
/******************************/
.local-box { border: 1px solid #BBB; border-radius: 5px; }
.local-box p { padding: 10px; margin: 0px; }

/***********/
/* Header */
/*********/
.ui-header .ui-title {
	overflow: visible !important;
}
/***********/
/* Footer */
/*********/
.ui-footer.ui-bar-a { text-shadow: none; }
.ui-footer p a.ui-link { text-decoration: none; }
.ui-footer p span, .ui-footer p strong { font-weight: bold; font-size: 1em; }
.ui-footer p { font-weight: normal; margin: 0px; padding: 10px; font-size: 0.9em; }
.ui-footer .signature img.logo { margin: 5px 8px 5px 10px; max-width: 300px; }
.ui-footer .social-icon { margin: 10px 0px 10px 5px; float: left; }
.ui-footer .social-icon img { width: 55px; }
.ui-footer .site-desktop, .ui-footer .site-desktop a { color: #FFF !important; text-decoration: none; height: 40px; line-height:40px; text-align: center; }
.ui-footer .site-desktop a:hover { color: #FFF; text-decoration: underline; }
.ui-footer .site-desktop img, .ui-footer .site-desktop span { display: inline-block; }
.ui-footer .site-desktop img { width: 40px; margin-right: 10px; vertical-align: middle; }
.ui-footer .site-desktop span { height: 40px; line-height:40px; }
/***************/
/* Grille RWD */
/*************/
.ui-grid-a > :nth-child(n) { width: 49.5%; }
.ui-grid-a > :nth-child(2n+1) { margin-right: 1%; }

.ui-grid-a .ui-block-b { /*width: 70px;*/ margin-right: 0; float: right; }

/* stack all grids below 40em (640px) */
@media all and (max-width: 40em) {
	.my-breakpoint .ui-block-a,
	.my-breakpoint .ui-block-b,
	.my-breakpoint .ui-block-c,
	.my-breakpoint .ui-block-d,
	.my-breakpoint .ui-block-e {
		width: 100%;
		float:none;
	}
}

@media (max-width: 40em){
	.ui-responsive .ui-block-a, 
	.ui-responsive .ui-block-b, 
	.ui-responsive .ui-block-c, 
	.ui-responsive .ui-block-d, 
	.ui-responsive .ui-block-e {
		width: 100%;
		float: none;
		margin: 0;
	}
}