/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

.clear {
	clear: left;
}
h2{font-size:20px;}

.ui-header{background:#4a82c3; padding-top:2px; 
	}

.button {
	position: absolute;
	left: 5px !important;
	top: 8px !important;
    color: #10244c !important;
    font-size: 13px;
    padding:6px;
    line-height: 18px;
    background:#FFF; border:1px solid #666; 
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%); /*  Webkit syntax. */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. */
	background-size: 100%;
	background-repeat: no-repeat;
	text-shadow:none !important;
	border-radius:4px;border: none !important;
   /* background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #333), color-stop(1, #666) );
    background-image: -moz-linear-gradient( center bottom, #333 0%, #666 100% );
    
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);*/
    cursor: pointer;
	text-decoration: none;
}

.ui-btn-inner {border:none !important;border: 1px solid #036;}

p{font-size:0.9em; color:#333; margin-bottom:10px;}
.signaturemaire{font-size:0.8em; color:#10244c !important; margin-bottom:10px; text-align:right;}

.vert{color:#099; margin-bottom:10px; font-size:1.1em; text-transform:uppercase;}
.important{font-weight:bold;}
.signature{ margin-top:10px;}
.gris{color:#999;}

h1{font-size:1em; text-shadow:none !important;}

/* Mentions légales --------- */
ul.mentions {
	list-style-type:none;
}

ul.mentions h2{
	color:#003; font-size:1.2em;
}
ul.mentions li{
	color:#666;font-size:1em; border-bottom:1px solid #ccc; padding:4px 0 4px 0;}
	
ul.mentions li a{
	color:#666 !important; text-decoration:none;font-size:0.8em;}

/* Accueil
-----------------------------------------------------------------------------------------------------------*/
.header{}

.menu {
	padding: 0 !important;
}

.menu ul {
	list-style-type: none;
}
.menu ul li.bleu, .menu ul li.verte, .menu ul li.rose, .menu ul li.violet,
.menu ul li.rouge, .menu ul li.orange, .menu ul li.edito, .menu ul li.zoom{
	text-transform:uppercase;
	padding-left:60px; padding-top:20px;
	border-bottom:1px dotted #CCC;
	height:30px;
}



.menu ul li.rose {
	background: url(../images/picto-menu.png) no-repeat left center, url(../images/menu-fleche.png) no-repeat 98% center;
}


.menu ul li a {
	color: #000 !important;
	font-weight: bold !important;
	text-shadow: none !important;
	text-decoration: none;
	display: block;
	font-size: 0.9em;
	
}

.menu ul li a:hover {
	/*text-shadow: 0px 1px 0px rgba(0,0,0,1) !important;*/
	color:#999 !important;
}

.menuSecondaire{
	border-radius:10px;
	background:#CCC;
	width:96%;
	margin:0.4em;
}
.menuSecondaire ul {
	margin-top:10px;
	list-style-type:none;
}
.menuSecondaire li{
	padding-left:10px; padding-top:16px;
	border-bottom:1px dotted #FFF;	height:30px;
	background: url(../images/menusecondaire-fleche.png) no-repeat 98% center;
}

.menuSecondaire ul li a {
	color: #000 !important;
	font-weight: normal !important;
	text-shadow: none !important;
	text-decoration: none;
	display: block;
	font-size: 0.9em;

}
.menuSecondaire ul li a:hover {
	color:#FFF !important;
	font-weight: normal !important;
	text-shadow: none !important;
	text-decoration: none;
	display: block;
	font-size: 0.9em;

}

h3{padding-bottom:10px;}
h4{padding-bottom:10px;font-size:.9em;}

.footer{
	background:#F00 !important; border-top:none !important; height:33px; padding-top:7px; }
	

.edito ul{list-style-type:none; margin:10px 0 10px 0;}
.edito ul li{border-bottom:1px solid #CCC; padding-top:4px; padding-bottom:4px; font-size:0.9em;}
.edito h3, .culture h2{margin-top:0;font-weight:bold; text-shadow:none !important; color:#000 !important; padding-bottom:3px;}
.edito h4{ font-size:1.1em !important; margin:10px 0 0 0; padding:0; color:#999; font-weight:bold;}

.sociale h3, .culture h2{margin-top:0;font-weight:bold; text-shadow:none !important; color:#000 !important; padding-bottom:3px;}
.sociale h4{ font-size:0.8em !important; margin:10px 0 0 0; padding:0; color:#F00; font-weight:bold;}

.environnement ul{list-style-type:none; margin:10px 0 10px 0;}
.environnement ul li{border-bottom:1px solid #CCC; padding-top:4px; padding-bottom:4px; font-size:0.9em;}
.environnement h3, .culture h2{margin-top:0;font-weight:bold; text-shadow:none !important; color:#000 !important; padding-bottom:3px;}
.environnement h4{ font-size:0.8em !important; margin:10px 0 10px 0; padding:0; color:#41762c; font-weight:bold;}


.sociale ul li.date{
	font-size:0.9em !important; margin:10px 0 10px 0; padding:0; color:#F00; font-weight:bold; background:#EEE; padding:4px;
}

.sociale ul li.important{
	font-size:0.9em !important; margin:10px 0 10px 0; padding:0; color:#000; font-weight:bold;
}


/* ACCORDEONS */

ul.presta .expand, ul.presta2 .expand2, ul.presta3 .expand3 , ul.presta4 .expand4, ul.presta5 .expand5, ul.presta6 .expand, 
ul.presta7 .expand7 {
	display: none;
}

ul.presta span {
	display: block;
	color: #333;
	padding: 5px;
	background: #F00 url(../images/picto-plus.png) no-repeat 98% center !important;
	text-shadow:none !important;
	font-weight:bold; height:30px; padding-top:20px;
}

ul.presta2 span {
	display: block;
	color: #FFF;
	padding: 5px;
	background: #3cb30d url(../images/picto-plus.png) no-repeat 98% center !important;
	text-shadow:none !important;
	font-weight:bold; height:30px; padding-top:20px;
}

ul.presta3 span {
	display: block;
	color: #FFF;
	padding: 5px;
	background: #003 url(../images/picto-plus.png) no-repeat 98% center !important;
	text-shadow:none !important;
	font-weight:bold; height:30px; padding-top:20px;
}

ul.presta4 span {
	display: block;
	color: #FFF;
	padding: 5px;
	background: #224813 url(../images/picto-plus.png) no-repeat 98% center !important;
	text-shadow:none !important;
	font-weight:bold; height:30px; padding-top:20px;
}

ul.presta5 span {
	display: block;
	color: #FFF;
	padding: 5px;
	background: #a24e89 url(../images/picto-plus.png) no-repeat 98% center !important;
	text-shadow:none !important;
	font-weight:bold; height:30px; padding-top:20px;
}


ul.presta6 span {
	display: block;
	color: #FFF;
	padding: 5px;
	background: #c01857 url(../images/picto-plus.png) no-repeat 98% center !important;
	text-shadow:none !important;
	font-weight:bold; height:30px; padding-top:20px;
}

ul.presta7 span {
	display: block;
	color: #FFF;
	padding: 5px;
	background: #FD0004 url(../images/picto-plus.png) no-repeat 98% center !important;
	text-shadow:none !important;
	font-weight:bold; height:30px; padding-top:20px;
}

ul.presta span.active, ul.presta2 span.active, ul.presta3 span.active, ul.presta4 span.active, ul.presta5 span.active, ul.presta6 span.active, ul.presta67 span.active {
	background: #000 url(../images/picto-moins.png) no-repeat 98% center !important;
	color:#FFF;
}

ul.presta ul li, ul.presta2 ul li {
	background: #EEE !important;
	color: #fff;
	padding: 5px;
	text-shadow:none !important; font-size:0.9em; margin:0;
}
ul.presta3 ul li, ul.presta4 ul li, ul.presta5 ul li, ul.presta6 ul li {
	background: #EEE !important;
	color: #000;
	padding: 5px;
	text-shadow:none !important; font-size:0.8em; margin:0;
}

ul.presta3 ul li.gris {
	background: #EEE !important;
	color: #666 !important;
	padding: 5px;
	text-shadow:none !important; font-size:0.8em; margin:0;
}

ul.presta ul li:nth-child(1), ul.presta2 ul li:nth-child(1), ul.presta3 ul li:nth-child(1), ul.presta4 ul li:nth-child(1), ul.presta5 ul li:nth-child(1), ul.presta6 ul li:nth-child(1)  {
	background: #FFF;
	color: #000;
	padding: 5px;
	text-shadow:none !important; font-size:0.8em; margin:0;
}

ul.presta ul li:nth-child(2), ul.presta2 ul li:nth-child(2), ul.presta2 ul li:nth-child(3), ul.presta3 ul li:nth-child(2), ul.presta3 ul li:nth-child(3), ul.presta4 ul li:nth-child(2), ul.presta4 ul li:nth-child(3), ul.presta5 ul li:nth-child(2), ul.presta5 ul li:nth-child(3), ul.presta6 ul li:nth-child(2), ul.presta6 ul li:nth-child(3),ul.presta67 ul li:nth-child(2), ul.presta67 ul li:nth-child(3)  {
	background: #FFF;
	color: #000;
	padding: 5px;
	text-shadow:none !important; font-size:0.8em; margin:0;
}


.listePharmacies{
	margin-bottom:20px;
	border-bottom:1px dotted #CCC; padding-top:4px; padding-bottom:20px;
}


h2.datePharmacies{
	color:#090 !important;
	font-size:1em !important; margin:0; padding:0;
}

h3.nomPharmacies{
	color:#000 !important;
	font-size:1em !important; margin:0 0 4px 0; padding:0;
}

.adressePharmacies p{
	color:#000 !important;
	font-size:0.9em !important; margin:0; padding:0;
}







.listeUrgences{
	padding-left:10px; margin-bottom:20px;
	border-bottom:1px dotted #CCC; padding-top:4px; padding-bottom:10px;
}

.listeUrgences a{
	color:#666!important;;
	font-size:0.8em!important;;
}

h3.urgences{
	color:#06C!important;;
	font-size:0.8em!important;; margin:0 0 5px 0; padding:0;
}

ul.presta, ul.presta ul {
	 list-style-type:none;}
	
ul.presta .expand {
	display: none;
}

ul.presta span {
	display: block;
	color: #fff;text-shadow:none !important;
	padding: 14px 5px 5px 14px;
	background: #639 url(../images/picto-plus.png) no-repeat 98% center;border-bottom:1px dotted #FFF;
}

ul.presta span.active {
	background: #FC0 url(../images/picto-moins.png) no-repeat 98% center;
}

ul.presta ul li {
	background: #EEE;
	color: #666;
	padding: 5px;
	text-shadow:none !important;

}

ul.presta ul li a{
text-decoration:none; color:#666!important; font-size:1em; background:url(../images/picto-sociale.png) no-repeat center left; padding-left :20px; padding-top:4px;
}

ul.presta2 ul li a{
text-decoration:none; color:#666!important; font-size:1em; background:url(../images/picto-pharma.png) no-repeat center left; padding-left :20px; padding-top:4px;
}

ul.presta ul li a.picto-mail-assos{
text-decoration:none; color:#666!important; font-size:1em; background:url(../images/picto-mail-assos.png) no-repeat center left; padding-left :20px; padding-top:4px;
}
ul.presta ul li a.picto-site-assos{
text-decoration:none; color:#666!important; font-size:1em; background:url(../images/picto-site-assos.png) no-repeat center left; padding-left :20px; padding-top:4px;
}
ul.presta ul li h3{
font-size:.95em !important; color:#639;
}

p.legendes{
	background:#F00; color:#FFF; font-size:0.8em; font-weight:normal !important; padding:6px 4px 4px 4px; margin-top:-16px; text-shadow:none !important;}

/* Slide
-----------------------------------------------------------------------------------------------------------*/

.slide {position: relative;  height: 0; padding-bottom:56.5%; overflow:hidden; width:100%;}

.slide img {width:100%; position:absolute;}

.slideshow img.active {
    z-index:10;
    opacity:1.0;
}

.slideshow img.last-active {
    z-index:9;
}

.bloc-image {position: relative;  height: 0; padding-bottom:54%; overflow:hidden;width:100%;}
.bloc-image2 {position: relative;  height: 0; padding-bottom:22%; overflow:hidden;width:100%;}

.bloc-image img,.bloc-image2 img {width:100%;position:absolute;}



.monfooter p{color:#FFF  !important;; font-size:0.6em; text-align:center; height:35px; margin-bottom:0 !important; padding-top:20px; font-weight:normal !important;background:#11519d !important; text-shadow:none !important;}

ul.mentions, ul.permanence {
	list-style-type:none;
}

ul.mentions li{
	color:#666;font-size:1em; border-bottom:1px solid #ccc; padding:4px 0 4px 0;}
	
ul.permanence li{
	color:#666;font-size:0.9em; border-bottom:1px solid #ccc; padding:4px 0 4px 0;}
	
ul.mentions li a, ul.permanence li a{
	color:#666 !important; text-decoration:none;font-size:0.8em;}

.grisinterne{
	color:#999;font-size:0.8em;}


.ui-icon-plus {
	background-position:-1px 0;
}
.ui-icon-minus {
	background-position:-41px 0;
}
.ui-btn{border:none;}
.ui-btn-inner{background:#ef9d27 !important; padding:20px !important; border-radius:0; border:none;color:#FFF !important;}

.fondcalendrier{background:#4a82c3; border-radius: 0; text-shadow:none; color:#FFF;}
.fondcalendrier ul{list-style-type:none;}
.fondcalendrier ul li{padding:4px;margin-bottom:4px;}
.fondcalendrier ul li.blanc{font-size:14px; color:#0e224e; background:#FFFFFF; font-weight:bold; text-transform:uppercase; padding-top:-4px !important; }
.fondcalendrier ul li.gris{font-size:14px; color:#0e224e; background:#eee;}
.fondcalendrier ul li a{font-size:14px; color:#0e224e !important;}
.horaires{font-size:14px; font-weight:normal;}

.fondpharmacies{background:#39B009; border-radius: 0; text-shadow:none; color:#FFF;}
.fondpharmacies ul{list-style-type:none;}
.fondpharmacies ul li{padding:4px;margin-bottom:4px;}
.fondpharmacies ul li.blanc{font-size:14px; color:#0e224e; background:#FFFFFF; font-weight:bold; text-transform:uppercase; padding-top:-4px !important; }
.fondpharmacies ul li.gris{font-size:14px; color:#0e224e; background:#eee;}
.fondpharmacies ul li a{color:#FFF;}

.fondculture{background:#c40655; border-radius: 0; text-shadow:none; color:#FFF;}
.fondculture ul{list-style-type:none;}
.fondculture ul li{padding:4px;margin-bottom:4px; border-bottom:1px solid #eee;}
.fondculture ul li.blanc{font-size:14px; color:#0e224e; background:#FFFFFF; font-weight:bold; text-transform:uppercase; padding-top:-4px !important; }
.fondculture ul li.gris{font-size:14px; color:#0e224e; background:#eee;}
.fondculture ul li a{color:#FFF;}

.fondsociale{background:#FF0004; border-radius: 0; text-shadow:none; color:#FFF;}
.fondsociale ul{list-style-type:none;}
.fondsociale ul li{padding:4px;margin-bottom:4px; border-bottom:1px solid #eee;}
.fondsociale ul li.blanc{font-size:14px; color:#0e224e; background:#FFFFFF; font-weight:bold; text-transform:uppercase; padding-top:-4px !important; }
.fondsociale ul li.gris{font-size:14px; color:#0e224e; background:#eee;}
.fondsociale ul li a{color:#FFF;}

.fondsport{background:#0059a7; border-radius: 0; text-shadow:none; color:#FFF;}
.fondsport ul{list-style-type:none;}
.fondsport ul li{padding:4px;margin-bottom:4px; border-bottom:1px solid #eee;}
.fondsport ul li.blanc{font-size:14px; color:#0e224e; background:#FFFFFF; font-weight:bold; text-transform:uppercase; padding-top:-4px !important; }
.fondsport ul li.gris{font-size:14px; color:#0e224e; background:#eee;}
.fondsport ul li a{color:#FFF;}

.ui-btn-text{text-shadow:none;}
.ui-collapsible-heading, .ui-collapsible-heading > .ui-btn {
    -webkit-border-radius: 0;
    border-radius: 0;
}