/* == version noJs == */

.N2, .N3, .nojs .nav, #selectville{
	display: none;
}

.nojs .N2, .nojs .N3,  .nojs .hide, .nojs #selectville {
	display: block;
}

.nojs .N2, .nojs .N3{
	clear: both;
	margin: 1em 0;
}

.nojs .N2:before{
	display: block;
	padding-top: 1em;

}
.nojs .N2ville:before{
	content : "villes et quartiers :";
}

.nojs .N2mot:before{
	content : "Mots clés :";
}

.nojs .N2suggestion:before{
	content : "En Pratique :";
}

.nojs #signaletique, .nojs  #content .TitreSous, .nojs  #content .souscontent{
	width: 275px;
}

.nojs .carte{
	margin: 1em 0;
}

audio{
	width: 100%;
}

.nojs #navTop{
	width: 95%;
	margin: 0 auto;
}


.nojs #actu {
	left: auto;
    position: static;
    margin: 0 auto;
}


.nojs #actu #actuContent{
	height: auto;
	padding: 1em;
}

.nojs #actu #actuContent article{
	min-height: auto;
	height: 90px;
	margin: 0 2.5%;
}

/* == == */

#fiche .at300b:hover{
opacity: 1;
}
/* CSS */


/* Typo
---------------------------------------------------------- */

@font-face {
    font-family: 'ptbold';
    src: url('../fonts/ptcbol.eot');
    src: url('../fonts/ptcbol.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptcbol.woff') format('woff'),
         url('../fonts/ptcbol.ttf') format('truetype'),
         url('../fonts/ptcbol.svg#ptbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "ptcreg";
	src: url("../fonts/ptcreg.eot");
	src: url("../fonts/ptcreg.ttf") format("truetype"),
		url("../fonts/ptcreg.eot?iefix") format("eot"),
		url("../fonts/ptcreg.woff") format("woff"),
		url("../fonts/ptcreg.svg#webfont") format("svg");
}

@font-face {
	font-family: "ptsans";
	src: url("../fonts/ptsans.eot");
	src: url("../fonts/ptsans.ttf") format("truetype"),
		url("../fonts/ptsans.eot?iefix") format("eot"),
		url("../fonts/ptsans.woff") format("woff"),
		url("../fonts/ptsans.svg#webfont") format("svg");
}

.pictoTele a, .iconRond a{
	text-transform: lowercase;
}

html {
	font-size: 62.5%;
}

html {
    overflow-y: scroll;
}

body{
	background-color: black;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
}

#colorBg{
	background-color: #3cf;
}

.clear{
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	border: none;
}

figure,p,ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea {
	line-height: 1.5em;
	margin:  0;
	padding: 0
}

hr{
	margin:  0;
	padding: 0	
}


ul li{
	list-style: none;
	font-size: 1.1em;
}

p{
	font-size: 1.1em;
}

/* soft reset */
html,
body,
label, h1, h2, h3, h4, input{
	margin: 0;
	padding: 0;
}

/* avoid collapsing margins on headings */
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0;
	margin-bottom: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

#contacts{
	padding: 1em 0;
}

a img { 
	border: 0; 
}

.hide{
	display: none;
}

header{
	background-color: white;
}

.enTete {
	margin: 0 auto ;
	padding: 18px 0;
	max-width: 1000px;
    width: 100%;
}

header h1 {
	font-family: "ptsans", sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	text-align: center;	
}

#ville{
	background-color: black;
}

#ville p {
	text-transform: uppercase;
	color: white;
	text-align: center;
	padding: .5em 0;
	font-family: 'ptcreg';
}

#ville a{
	color: white;
	text-decoration: none;
}

#selectville li{
	text-align: center;
	padding: 0.5em 1em;
	font-size: 1.4em;
	text-transform: uppercase;
	font-family: 'ptcreg';
}

#selectville{
	padding: 1.5em 0;
}

#navTop li a:hover,footer a:hover, #actu article:hover a, #partagerHeader a:hover{
 	 	color: #666;
}

abbr{
	border: none;
}

/* header */

#logoUne {
		text-align: center;
		padding: 5px 0 25px 0;
}

.blocDiaporama {
		position: relative;
		height: 260px;
}

.image {
		position: absolute;
		width: 100%;
		height: 260px;
		top:0;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 20%; z-index: 500; position: absolute; bottom: 5px; overflow: hidden; left:40%;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #000; cursor: pointer; margin:0 5px;
}
.cycle-pager span.cycle-pager-active { color: #FFF;}
.cycle-pager > * { cursor: pointer;}


.blocDiaporama .image a {
    display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.calage, section.baseline ul {
    display: block;
	width: 96%;
	margin: 0 auto;
	position: relative;
}

.blocDiaporama .image a .content {
	width:96%;
	margin:0 auto;
	padding-top:50px;
}

.blocDiaporama a {
	text-decoration: none;
	color:#FFF;
}

.blocDiaporama .content h2 {
	font-family: "ptbold", sans-serif;
	font-weight: normal;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
}

.blocDiaporama .content p {
	display:none;
}

/* baseline home */

section.baseline {
	background-color: #000;
}

section.baseline ul .content{
	color:#FFF;
	font-family: "ptcreg", sans-serif;
	font-size: 1.8em;
	line-height: 1.3;
}

section.baseline ul .content p {
	margin:20px 0;
}

section.baseline ul .entree a {
	background-color: #fff;
	background-image: url("../img/fleche-noire.png");
	background-position: 95% 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
	border-radius: 10px;
    display: block;
    font-family: "ptcreg",sans-serif;
    height: 70px;
    line-height: 70px;
    margin-top: 7px;
    transition: all 0.4s ease-out 0s;
    text-decoration: none;
    text-transform: uppercase;
    color:#000;
    font-size: 1.1em;
}

section.baseline ul .entree a:hover {
	border-radius: 2px;
	background-color: #E2EC3D;
}

section.content {
	background-color: #33ccff;
}

.partGauche, .partDroite {
	padding-top:20px;
}

section.content h3 {
	font-family: "ptcreg", sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
}

section.content .mediaContent {
	width: 90%;
	background-color: rgba(255, 255, 255, 0.6);
	padding:10px;
	margin:10px 0 30px 0;
}

section.content .audioplayer-playpause a {
	line-height: normal;
}

section.content article {
	width:90%;
	margin:15px 0 20px 0;
}

section.content article h4 {
	font-family: "ptbold", sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}

section.content article p {
	font-size: 1.2em;
}

section.content article a {
	color: #000;
}

.presProm {
	margin-top: 30px;
}

.presProm ul {
	position:relative;
}

.presProm ul li.pictoPs {
	position:absolute;	
}

.presProm ul li.infosPs {
	margin:0 0 20px 100px;
	padding-top: 15px;
}

.presProm ul li.infosPs .titrePrincal h4 {
	font-family: "ptbold", sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
}

.presProm ul li.infosPs .titrePrincal {
	margin-bottom: 0.3em;
}

.presProm ul li.infosPs .titre {
	font-family: "ptbold", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}

.presProm ul li.infosPs .titre a {
	text-decoration: none;
}

.presProm ul li.infosPs a {
	color:#000;
}

/* footer */
footer, #navTop{
	background-color: white;
}

footer a, #navTop a,  #actu h3, #partagerHeader p a{
 	text-transform: uppercase;
}

.galaxie, #partager h3 {
	font-family: "ptbold", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}

#actu a, footer a, #navTop a,  #filtre a, #partagerHeader p a, #interfiltre li a{
 	text-decoration: none;
 	color: black;
 }
#contacts{
	background-color: black;
	color: white;
	text-align: center;
}

#contacts a{
 	color: white;
 }

#contacts a:hover{
 	color: #fc0;
 }

 /* actu */

#actu h3{
	text-transform: uppercase;
	margin-bottom: .5em;
}

#actu #actuContent{
		background-color: white;
}

#filtrerMenu p, #filtre nav, #filtre form, #partagerHeader h3, #interfiltre li a {
	text-transform: uppercase;
	font-family: 'ptbold';
	font-weight: normal;
}

#partagerHeader h3{
	margin-bottom: 0.3em;
}

#partagerHeader p{
text-align: center;
}

#filtrerMenu{
	background: transparent url('../img/blanchepointe.png') right center no-repeat;
}

/*  */
 #partagerHeader li{
 	float: left;

 }
 #partagerHeader li a{
 	display: block;
 }

/* rechercher */

#filtre fieldset{
	border: none;
	padding: 0 0 0 1.7em;
	background: transparent url('../img/search.gif') no-repeat center left;
	margin-left: .5em
}
#filtre input[type="text"]{
	width: 80px;
	border: none;
	border-bottom: 1px solid #ccc;
}

#actufiltre form{
	text-align: center;
	line-height: 40px;
}

input[type="submit"]{
	border:none;
	background: none;
	cursor:pointer;
	font-weight: bold;
}

input[type="submit"]:hover{
	color:  #ccc;
}

#fiche header{
	background: none;
}

#fiche header div{
	background-color: black;
	color: white;
	padding:1.6em;
	display: inline-block;
}

.carte a{
	text-transform: uppercase;
	text-align: center;
	display: block;
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration: none;

}

.carte:hover a{
	color:white;
	background-color: black;
}

#fiche header h1{
	background-color:#000;
	color:#FFF;
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:normal;
	text-align: left;
	margin:0;
	padding-bottom:0;
}

.vignette{
	background-color: white;
	padding: .7em;
}

.vignette img{
max-width: 585px;
width: 100%;
}

.rslides img {
    border: 0 none;
    display: block;
    float: left;
    height: auto;
    width: 100%;
}

.rslides li {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

img {
    vertical-align: middle;
    width: auto;
}

 #peTele ul li.pictoPe, #telechargement, .carte a{
	margin-top:1em;
	padding:0.4em 0.4em 0.4em 0.6em;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.6);
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	behavior: url(../js/PIE.htc);
}

#telechargement li, .telelist li{
	height: 24px;
	background: transparent url('../img/tele.gif') no-repeat  left bottom;
	display:inline-block;
	vertical-align: middle;
	margin-top: .2em
}

.telelist li{
	margin-left: .2em
}

#telechargement li a, .telelist li a{
	padding-left: 3em;
}

.telelist li a{
	display: block;
	color: black;
	text-decoration: none;
	font-size: .8em;
	padding-top: .2em;
}

.telelist li a:hover{
	color: #666;
}

.telech .audioplayer-bar-loaded{
	background-color: #999;
}

#telechargement li a{
	margin-top: .5em;
	display: block;
}

#telechargement li:hover, .telelist li:hover{
	background-position: top left;
}

 .telech .extraitAudio{
 	position: static;
}

 #telechargement .entypo:hover{
 	background-color: #666;
}

#telechargement h2{
	font-weight: lighter;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.3em;
	margin:1em;
}

.etiquette-ps div.tit, .etiquette-pe div.tit, #fiche header, .etiquette-mot-ps div.tit, .etiquette-mot-pe div.tit, .titremap  div.tit{
	padding-bottom:1em;
	margin-bottom:1em;
	background-image:url(../img/triangle-bas-noir.png);
	background-repeat:no-repeat;
	background-position:1.5em bottom;
}

 .etiquette-ps h1, .etiquette-mot-ps h1 {
	background-image:url(../img/picto-promenade.png);
	background-repeat:no-repeat;
	background-position:0.9em 0.4em;
	background-color:#000;
	padding:0.7em 1em 0.7em 3.5em;
	color:#FFF;
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}

.titremap .tit h1{
	background-image:url(../img/picto-promenade.png);
	background-repeat:no-repeat;
	background-position: .92em 0.4em;
	background-color:#000;
	padding:0.7em 1em 0.7em 3.5em;
	color:#FFF;
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}

div.titremap div.tit h1 {
	max-width: 30em;
	min-height:0;
	width:auto;
}

div.titremap div.tit {
	margin-bottom:0.3em;
}

.titremap .tit span, .etiquette-pe h1, .etiquette-mot-pe h1 {
	background-image:url(../img/picto-point.png);
	background-repeat:no-repeat;
}

.etiquette-ps h1, .etiquette-mot-ps h1{
 	max-width: 14em;
 	padding:0.7em 1em 0.7em 3.5em;
	background-position: 0.92em 0.5em;
}

.etiquette-pe h1, .etiquette-mot-pe h1 {
	padding:0.7em 1em 0.7em 3.5em;
	background-position: 1em 0.5em;
}

.titremap .tit span{
	padding:0.7em 0.7em 0.7em 0;
	background-position: 1.35em 0.5em;
}

.etiquette-pe h1, .etiquette-mot-pe h1 {
	width:11em;
	background-color:#000;
	color:#FFF;
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}

#mediaContent h2{
	margin-top: 1.5em ;
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

#mediaContent h2.extrait{
	font-family: 'ptcreg';
	font-weight: normal;
}

#mediaContent #telechargement h2{
	margin: 0 0 1em 0;
	font-family:'ptbold', Arial, Helvetica, sans-serif;
}
#telechargement{
	padding: 1.5em;
}
#telechargement a{
	text-decoration: none;
	color: black;
}
audio, .audioplayer{
		margin: .5em 0;
}
/* nav diapo */

.rslides_tabs li{
	display: inline-block;
}

.rslides_tabs li a{
	display: block;
	width: 8px;
	height: 8px;
	text-indent: -5000px;
	background-color: black;
	margin-right: 1em;
	border-radius: 1000px;
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	behavior: url(../js/PIE.htc);
}

.rslides_tabs li.rslides_here a{
	background-color: white;
}

/* tab */
#tabs{
	margin-top: 2.2em;
}

#tabs ul.nav li a{
	background-color: white;
	color: black;
	text-decoration: none;
	float: left;
	padding: .5em 2em;
	font-weight: bold;
	margin-right: .5em;
}

#tabs ul.nav li a:hover, #tabs ul.nav li a.current{
	background-color:black;
	color: white;
}

#tabs .rslides_tabs{
	text-align: center;
}

#tabs .rslides_tabs li{
	margin: 1em .5em;
}

.list-wrap{
	clear: both;
	padding-top: .5em;
	margin-bottom: .5em;
}

#signaletique{
	background-color: white;
	margin-bottom: 2em;
}

#signaletique li{
	margin-bottom: 1em;
}

#signaletique .acces{
	position: static;
}

#signaletique li:last-child, #signaletique li.last-child{
	margin-bottom: 0;
}

#fiche a,  #content a{
	color: black;
}

#fiche a:hover, #content a:hover, #page aside .blocContexte .contentBloc a:hover{
	color: #666;
}

.souscontent, #signaletique{
	padding: 1.3em;
}

 #fiche #content h2{
	font-size: 1.3em;
	color: white;
	background-color: black;
	text-transform: uppercase;
    font-family: 'ptcreg';
    font-weight: normal;
}

 #content p{
 	margin-bottom: 1em;
 }

 #fiche footer{
 	background: none;
 	clear: both;
 }

 #signaletique strong, #fiche footer h2,  #fiche aside h2{
    font-family: 'ptbold';
    font-weight: normal;
    text-transform: uppercase;
 }

 #partages section#community h4 a{
	color: black;
 }

 .partage {
 	margin-bottom: 1em;
 }

 .textarea-wrapper textarea{
	background-color: rgba(255, 255, 255, 0.45);
    background-image: -moz-linear-gradient(center top , rgba(245, 245, 245, 0), rgba(255, 255, 255, 0.45));
    background-repeat: repeat-x;
    border: 1px solid rgba(75, 83, 94, 0.45);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) inset;
    padding: 5px 0 0 2%;
    position: relative;
    transition: all 0.2s linear 0s;
    height: 30px;
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    cursor: text;
    color: #999999;
	font-size: 14px;
    }

.textarea-wrapper textarea{
 	max-height: 350px;
    overflow: auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
	min-height: 38px;
}
   
.auteur{
	font-size: 1.2em;
	color: #ccc;
}

.auteur time{
	color: #444;
}

.auteur strong{
	color: black;
}

.commentaire{
   margin-bottom: 2em;
}

.commentaire:last-child{
   margin-bottom: 4em;
}

.videoWrapper{
	height: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
    width: auto;
}

.videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.textarea-wrapper *{
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
     
.textarea-wrapper{
    position: relative;
}

input#name{
	background: -moz-linear-gradient(center top , #F6F6F6, #FFFFFF) repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #C0C8D2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) inset;
    font-size: 13px;
    height: 32px;
    padding: 0 5px 0 0;
    transition: all 0.2s linear 0s;
    width: 100%;
}

.envoi{
margin-top: 1em;
}

#post{
	height: 32px;
    padding: 9px 30px;
    cursor: pointer;
    font-size: 100%;
    vertical-align: baseline;
    font-size: 12px;
	background: url("http://mediacdn.disqus.com/1362099482/img/next/next-sprite.png") repeat-x scroll 0 0 #E3E3E3;
    border: 1px solid rgba(75, 83, 94, 0.45);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 6px rgba(255, 255, 255, 0.55) inset;
    color: #555555;
    display: inline-block;
    font-weight: 700;
    line-height: 1.1;
    padding: 9px 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    margin-top: 1em;
}

#fiche form{
	margin:.5em 0 4em 0;
}

#post:hover{
	background-image:none;
	background-color: white;
}

.link{
	left: .3em;
	top: -0.6em;
	text-indent: -99999px;
	background: transparent url('../img/social.png') no-repeat bottom left;
	height: 38px;
	position: absolute;
	width: 100%;
}

p.participez{
	margin-top: .5em;
}

#participez, h2.autour{
	margin-bottom: .5em;
	padding-top: .5em;
}

#fiche aside h2.autour{
	background: transparent url('../img/oeil.png') no-repeat left top;
	padding-left: 2.3em;
}

#fiche #participez{
	background: transparent url('../img/participez.png') no-repeat left  -.08em;
	padding-left: 2.3em;
}

footer h6{
	color: #8E949C;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 10px;
    text-transform: uppercase;
    margin-bottom: .2em
}

article footer h3{
 	background-color: black;
    color: white;
    font-family: 'ptcreg';
    font-size: 1.3em;
    font-weight: normal;
    padding: 0.3em;
    text-transform: uppercase;
}

#mediaContent{
	margin-bottom: 2em;
}

#psMos .auteur, #peMos .auteur, #ps .auteur, #pe .auteur{
	color: black;
}

#partager li{
	float: left;
	margin-right: .8em;
}

#partager .facebooktwitter, #partager .fb-like{
	margin-top: .5em;
}
#partager h3, #partager p{
	clear: both;
}

.iconRond a{
	width: 25px;
	height: 25px;
	margin: 0;
	text-transform: lowercase;
	text-indent: -9999px;
	color: #343434;
	display: block;
	border: .2em solid #343434;
	border-radius: 1000px;
	-moz-border-radius:1000px;
	-webkit-border-radius:1000px;
	behavior: url(../js/PIE.htc);
	background-color: white;
	text-decoration: none;
	text-align: center;
}

.love a{
	background-image: url(../img/social.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.love, .facebooktypo{
	margin-right: .8em
}

.facebooktypo a{
	background-image: url(../img/social.png);
	background-repeat: no-repeat;
	background-position: -30px top;
}

.twitter a{
	background-image: url(../img/social.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.pictoTele a{
	color: black;
}

.twitter a:hover{
	background-position: right -31px;
}

.love a:hover{
	background-position: left -31px;
}

.facebooktypo a:hover{
	background-position: -30px -31px;
}

.infosTele{
	text-align: center;
	margin-top: .5em;
}

.pictoTele a:hover, .iconRond a:hover{
	background-color: black;
	color: white;
}
.hdTele{
	margin-bottom: 2em;
}

.pictoPE a, .pictoPS a{
	text-transform: uppercase;
	color: black;
	text-decoration: none;
	margin-bottom: 1em;
	display: block;
}

.pictoPE a:hover, .pictoPS  a:hover{
	text-decoration: underline;
}

.pictoPS img{
	width: 40px;
	margin-right:12px;
}

.pictoPE img{
	width: 30px;
	margin: 0 18px 0 5px;
}

.souscontent .pictoPS img, .souscontent .pictoPE img{
	margin-right:.7em;
}

.souscontent .pictoPS, .souscontent .pictoPE{
	display: block;
	clear: left;
	margin-bottom: .5em;
}

.souscontent .pictoPE a , .souscontent .pictoPS a{
	display: block;
}

.souscontent .pictoPS a span, .souscontent .pictoPE a span, .souscontent .pictoPE a img, .souscontent .pictoPS a img{
  vertical-align: middle;
}

.souscontent .pictoPS a span, .souscontent .pictoPE a span{
	display: inline-block;
    vertical-align: middle;
    width: 80%;
}

#disqus_thread{
	margin-top: 1em;
}

body > footer{
	padding-top: 2em
}

#colorBg #actufiltre > .center{
	padding: 1em
}

#complementinfo .souscontent article a{
	text-decoration: none;
	color: black;
}

#complementinfo .souscontent article a:hover{
	color: #666;
}

#complementinfo .souscontent article{
	margin-bottom: 2em;
}

article footer h3{
    background-color: black;
    color: white;
    font-family: 'ptcreg';
    font-size: 1.3em;
    font-weight: normal;
    padding: 0.3em 1.3em;
    text-transform: uppercase;
}

.acces{
	display: block;
	width: 100%;
}

.acces ul li{
	display: inline;
}

.acces ul{
	text-align: right;
}

.acces a{
	display: inline-block;
	border: 2px solid transparent;
	border-radius: 1000px 1000px 1000px 1000px;
	-moz-border-radius:1000px 1000px 1000px 1000px;
	-webkit-border-radius:1000px 1000px 1000px 1000px;
	behavior: url(../js/PIE.htc);
}

.acces a img{
	width: 28px;
	height: 28px;
}

.acces a:hover{
	border-color: #666;
	background-color: #666;
}

/* */

.extraitAudio .audioplayer-time, .extraitAudio .audioplayer-time-current{
	display: none;
}

.extraitAudio  .audioplayer-bar{
	left: 3em;
	height: .7em;
	right: 0;
	bottom: 1em;
}

 .extraitAudio .audioplayer-playpause{
	width: 2em;
	height:2em;
}

.extraitAudio .audioplayer-playpause a{
	border-radius: 1000px 1000px 1000px 1000px;
	border: 3px #666 solid;
	background-position:  7px -16px;
	width: 100%;
	height:100%
}

.extraitAudio .audioplayer-playpause a:hover{
	background-position:  7px 5px;
}

.extraitAudio .audioplayer-playing .audioplayer-playpause a{
	background-position:  -27px -16px;
}

.extraitAudio .audioplayer-playing .audioplayer-playpause a:hover{
	background-position:  -27px  5px;
}

.telech .extraitAudio{
	width: 80%;
}

.telech .extraitAudio .audioplayer-playpause a{
	background-position:  8px -15px;
}

.telech .extraitAudio .audioplayer-playpause a:hover{
	background-position:  7px 6px;
}

.telech .extraitAudio .audioplayer-playing .audioplayer-playpause a:hover{
	background-position:  -26px  6px;
}

.telech .extraitAudio .audioplayer-playing .audioplayer-playpause a{
	background-position:  -26px -15px;
}

.bullePs li, .bullePe li{
	color: #000;
}

.bullePs li.colorN1 {
	color:#0b71b7;
}

#filtre ul.N2 li a span.bgColorN1, #interfiltre li a span.bgColorN1 {
	background-color:#0b71b7;
}

.bullePs li.colorN2 {
	color:#e2370d;
}

#filtre ul.N2 li a span.bgColorN2, #interfiltre li a span.bgColorN2 {
	background-color:#e2370d;
}

.bullePs li.colorN3 {
	color:#de1bc0;
}

#filtre ul.N2 li a span.bgColorN3, #interfiltre li a span.bgColorN3 {
	background-color:#de1bc0;
}

.titrePrincal{
	text-transform: uppercase;
	font-family: 'ptcreg';
	font-size: 1em;
	font-weight: normal;
	margin-bottom: .7em;
}

.bullePs li.titrePrincal h2, .bullePs li.titrePrincal h2, .bullePe li.titrePrincal h2, .bullePe li.titrePrincal h2{
	text-transform: uppercase;
	font-family: 'ptcreg';
	font-size: 1.2em;
	color: #000;
}

.bullePs ul{
	padding: 2em 1.4em 3em 2em; 
}

#psTele .bullePs ul{
	padding: 0; 
}

#psTele .bullePs ul.telech {
	margin-top:8px;
}

.bullePs .auteur, .bullePe .auteur {
    font-family: 'ptcreg',Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: normal;
}

#psMos ul li.pictoPs .bullePs > ul {
	background-color:#FFF;
	border-radius:1.1em;
	-moz-border-radius:1.1em;
	-webkit-border-radius:1.1em;
	behavior: url(../js/PIE.htc);
}

#peMos ul li.pictoPe .bullePe > ul {
	padding: 2em 0.8em 3em 1.5em;
	background-image:url(../img/fd-tranps-blanc.png);
	border-radius:1.1em;
	-moz-border-radius:1.1em;
	-webkit-border-radius:1.1em;
	behavior: url(../js/PIE.htc);
}

.bullePs .auteur, .bullePe .auteur{
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	margin-bottom: .2em
}

#ps .pictoPs, #pe .pictoPe{
	margin-left: 0;
	width: auto;
}

.bullePs .acces, .bullePe .acces{
	width: auto;
	right: 0;
	margin-top:0.7em;
}

.bullePs .titre, .bullePe .titre{
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-transform: uppercase;
}

.idSon{
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	text-transform: uppercase;
}

hgroup h2 {
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
}

#ps ul li.pictoPs {
	position:absolute;
}

#pe ul li.pictoPe {
	position:absolute;
}

#ps ul li.pictoPs .bullePs {
 	bottom: 0;
    margin-bottom: 15px;
    position: absolute;
    width: 20em;
    z-index: 1001;
}

#pe ul li.pictoPe .bullePe {
	width:18em;
	z-index:1001;
	bottom: 0;
    margin-bottom: 15px;
    left: -1.5em;
    position: absolute;
}

#ps ul li.pictoPs .bullePs > ul {
	padding:1.1em;
	background-color:#FFF;
	border-radius:1.1em;
	-moz-border-radius:1.1em;
	-webkit-border-radius:1.1em;
	behavior: url(../js/PIE.htc);
	border:#CCC 1px solid;
}

#pe ul li.pictoPe .bullePe > ul {
	padding:1.1em;
	background-color:#FFF;
	border-radius:1.1em;
	-moz-border-radius:1.1em;
	-webkit-border-radius:1.1em;
	behavior: url(../js/PIE.htc);
	border:#CCC 1px solid;
}

.triangle{
	margin-left:3em;
	position:relative;
}

.triangle img {
	position:absolute;
	top:-0.1em;
	left:0;
}

.bullePs .quartier, .bullePs .ville, .bullePe .quartier, .bullePe .ville {
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}

.savoirplus a {
	display:block;
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
}

.savoirplus a:hover {
	color:#666;
}

#psMos .pictoPs > a {
	position:absolute;
	top:0;
	left: -.1em;
	z-index: 200;
}

#peMos .pictoPe > a {
	position:absolute;
	top:0.5em;
	left:-2.2em;
	z-index: 200;
}

#psMos ul, #peMos ul {
	margin-top:2em;
}

#psMos ul li.pictoPs {
	position:relative;
	float:left;
	padding-top:1.5em;
	padding-left:3.8em;
	margin-bottom:0.9em;
	margin-right:1.48%;
}

#peMos ul li.pictoPe {
	position:relative;
	float:left;
	padding-top:1em;
	padding-left:0;
	margin-bottom:0.9em;
}

.bullePs .titquartier, .bullePe .titquartier, .bullePs .mostitre, .bullePe .mostitre, .bullePs .titauteur, .bullePe .titauteur {
	margin-top:0.8em;
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

.bullePs .sstitre, .bullePe .sstitre {
	margin-top:0.5em;
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

.bullePs .titre h2, .bullePe .titre h2 {
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.1em;
	font-weight:normal;
	margin-bottom:0.2em;
}

.bullePs ul.infos .titre h2, .bullePe ul.infos .titre h2 {
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.1em;
	font-weight:normal;
	margin-bottom:0;
}

.bullePs .titre h2 a, .bullePe .titre h2 a {
	color:#000;
	font-size:1.1em;
	text-decoration: underline;
}

#ps .bullePs .titre h2 a, #pe .bullePe .titre h2 a {
	text-decoration: none;
}

#ps .titrePrincal a:hover,  #pe .titre a:hover, .bullePe .titre h2 a:hover, .bullePs .titre h2 a:hover{
	text-decoration: underline;
	color: #ccc;
}

.bullePs .fermer, .bullePe .fermer {
	position:absolute;
	top:0.3em;
	right:0.3em;
	cursor:pointer;
}

.bullePs .auteur, .bullePe .auteur {
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	margin-bottom:0.5em;
}

.bullePs .quartier, .bullePs .ville, .bullePe .quartier, .bullePe .ville {
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}

.acces{
text-align: right;
}

#ps .extraitAudio, #pe .extraitAudio{
	width: 100%;
}

.extraitAudio p {
	margin-top:0.7em;
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	text-transform: uppercase;
}

.bullePs .savoirplus a, .bullePe .savoirplus a {
	margin-top:0.7em;
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	text-transform: uppercase;
	text-decoration: underline;
}

#ps .pictoPs > img, #pe .pictoPe > img {
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
}

#psTele > ul, #peTele > ul {
	margin-bottom:2em;
}


#psTele ul li.pictoPs {
	margin-top:1em;
	padding:0.4em 0.4em 0.4em 0.6em;
	background-color:#FFF;
	border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	behavior: url(../js/PIE.htc);
}
.tele320, .tele192 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
}

.tele320 ul li.pictoTele, .tele192 ul li.pictoTele {
	float:left;
	width:13%;
}

.tele320 ul li.infosTele, .tele192 ul li.infosTele {
	float:left;
	width:87%;
	line-height:2.2em;
}

/* style des pages */

#page header div {
	background-color: black;
	color: white;
	padding:1.6em;
	display: inline-block;
}

#page header {
	padding-bottom:1em;
	background-image:url(../img/triangle-bas-noir.png);
	background-repeat:no-repeat;
	background-position:1.5em bottom;
	background-color:transparent;
}

#page header h1{
	background-color:#000;
	color:#FFF;
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:0;
}

#page #content {
	margin-top:1em;
	padding-top:1em;
	border-top:#000 1px solid;
}

#page #content #affiche h2 {
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:10px;
	text-transform:uppercase;
}

#page #content #affiche {
	background-color:#FFF;
	padding:14px;
}

#colorBg #page aside {
	margin-left:2%;
.	float:left;
	margin-top: 1em;
	border-top:#000 1px solid;
	top:0;
}


#page aside .blocContexte {
	margin-top:1em;
	background-image:url(../img/fd-tranps-blanc.png);
}

#page aside .blocContexte .titBloc {
	background-color:#000;
	padding:12px;
}

#page aside .blocContexte .titBloc h2 {
	font-family:'ptcreg', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;
}

#page aside .blocContexte .contentBloc h3 {
	font-family:'ptbold', Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
}

#page aside .blocContexte .contentBloc {
	padding:12px;
}


#page aside .blocContexte .contentBloc a {
	color:#000;
}

#page #content img{
	max-width:  296px;
	margin-bottom: 1em;
}

.titrePrincal a, .titre a{
	color: black;
	text-decoration: none;
	text-decoration: underline;
}

.titrePrincal a:hover, .titre a:hover{
	color: #666;
}

.titre{
		margin-bottom: .7em;
}

.bullePs .infos .titrePrincal h2, .bullePe .infos .titrePrincal h2{
	font-size: 1.1em;
}
.bullePs, .bullePe{
	position: relative;
}

#wappercarte .bullePs, #wappercarte .bullePe{
	position: relative;
	width: 200px;
}


#carte_graphique{
	width: 100%;
}

#filtre nav ul.N2 li {
    background-image: url("../img/fd-tranps-blanc.png");
    margin-right: 3px;
    margin-top: 3px;
}

#filtre p, #filtre ul.phone-hidden li a {  
	height: 40px;
	text-align: center;
	line-height: 42px;
	display: block;
}

#filtre ul.N2 li a {   
	height: 26px;
	text-align: center;
	line-height: 26px;
}

#filtre ul.N3 li a {   
	height: 22px;
	text-align: center;
	line-height: 22px;
}

#filtre ul.N2 li.la a, #filtre ul.N3 li a{   
	color:#FFF;
}


#filtre ul.N3 li a:hover {  
	color:#CCC;
}

#filtre ul.N2 li a span, #interfiltre li a span {   
	line-height:20px;
	background-color:#000;
	color:#FFF;
	border-radius: 1000px  1000px  1000px  1000px;
	-moz-border-radius: 1000px  1000px  1000px  1000px;
	-webkit-border-radius: 1000px  1000px  1000px  1000px;
	behavior: url(../js/PIE.htc);
	margin-left:5px;
	height: 18px;
	width: 18px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-family:'ptcreg';
}

#filtre ul.N2 li.la a span, #filtre ul.N2 li a:hover span{   
	background-color:#FFF;
	color:#000;
}

#wappercarte{
position: relative;
height: 500px;
clear: both;
}

.bullePsMap > ul {
  background-color: #FFFFFF;
  padding: 1.2em;
}
#map_canvas{
  padding: 4em 0 0 0;
}
#fada .bullePs > ul {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 1.1em 1.1em 1.1em 1.1em;
    padding: 1.2em;
}


.love a span{
visibility: hidden;
}

#fada h1 { 
  background-color:#000;
  color:#FFF;
  padding:5px;
  text-transform: uppercase; 
  font-family: 'ptcreg';
  font-weight: normal;
  font-size: 1.1em;
}

#fada ul.icon {
  padding: 5px;
}

#fada > ul > li {
  float:left;
  padding:5px 5px 10px 5px;
  position:relative;
}

#fada .bullePs {
   bottom: 0;
    left: -1.5em;
    margin-bottom: 5em;
    position: absolute;
    width: 20em;
    z-index: 1001;
}

.fiche, .frise{
	background-image: url(../img/frise.png);
	background-position: left top;
	background-repeat: repeat-x;
}

#ville a.close{
	background: none;
	padding: 0;
}

.contentBloc p{
	font-size: 1em;
}

#diapo{
	position: relative;
}

#fiche header ul li{
float: left;
}

#fiche header > div{
	clear: left;
}


#fiche header ul li.facebooktypo a span, #fiche header ul li.twitter a span{
display: none;
}


#fada .bullePs .titre h2 a,#fada .bullePe .titre h2 a{
	font-size: 1em;
}

.bullePeMap, .bullePsMap, .MapBullesPS, .MapBullesPE{
	min-width: 190px;
	max-width: 200px;
	overflow: hidden;
	padding: 1.2em;
}


.bullePeMap ul h2 a, .bullePsMap ul h2 a, .MapBullesPS ul h2 a, .MapBullesPE ul h2 a {
font-size: .9em;
}

.MapBullesPS .acces, .MapBullesPE .acces{
padding-top: .5em;
}