.cycle-pager {
    bottom: 5px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 500;
}

section.content h3 a {
    text-decoration: none;
    color:#000000;
}

section.content a:hover {
    color:#474747;
}

section.baseline ul li.entree {
    margin-bottom: 18px;
}

#fiche header div{
max-width: 820px;
}

h2.autour{
	display: none;
}

#fiche header>ul{
	margin-bottom: 1em;
	height: 30px;
}

#fiche header>div{
clear:both;
display: block;
}

/* carte mobile */


html, #cartemob, section#wappercarte,  #cartemob nav select, #cartemob #map_canvas{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#cartemob nav{
	background-color: white;
	padding: .5em 1em;
	width: 40%;
	float: right;
}

#cartemob #fada{
	bottom: 3em !important;
	left: .5em;
}

#cartemob .tit{
	background-image: none;
	margin: 0;
	width: 100%;
	padding: 0;
}

#cartemob  div.titremap div.tit h1{
	max-width: 100%;
	padding-top: .7em;
	padding-bottom: .7em;
	font-size: .8em;
	background-size: 1.6em auto;
}

#cartemob  div.titremap div.tit span{
	display: inline-block;
	padding-top: 0;
	padding-bottom:  0;
	padding-right: 0;
	background-position: 1.35em -.1em;
	background-size: 1.4em auto;
}

#cartemob .titremap{
	float: none;
	clear: both;
}

#cartemob img#logo{
	width: 100%;
	height: auto;
	display: block;
	max-width: 200px;
	padding-top: .3em;
}

#cartemob p{
	float: left;
	width: 50%;
}

#cartemob header{
	position: absolute;
	top: 0;
	z-index: 1000;
}

#cartemob header div.trouvemoi p{
float: right;
padding: .3em 1em;
width: 90%;
font-size: .8em
}

#cartemob header div.trouvemoi {
	float: right;
width: 40%;
}

#cartemob header div.trouvemoi a{
background-color: #3CF;
display: block;
color: black;
text-decoration: none;
text-align: center;
text-transform: uppercase;
float: none;
margin-left:auto;
margin-right:auto;
width: 100%;
float: right;
padding: .5em 1em;
}

.home #filtre nav select, .home hgroup, #filtre nav ul.N2{
	display: none;
}

#filtre .N2, #filtre .N3{
	visibility: hidden;
	height: 0;
}

.sonvideo{
background: black url(../img/titrefiche.png) no-repeat right top;
}

.imgcom{
background: black url(../img/titrefiche.png) no-repeat right -25px;
}

a.close{
background: black url('../img/sstitre.gif') no-repeat right 2px;
padding-right: 2em;
}

a.open{
background: black url('../img/sstitre.gif') no-repeat right -18px;
padding-right: 2em;
}

#selectville li a {
background: black url('../img/sstitre.gif') no-repeat right 2px;
}

#carte_graphique img{
	width: 100%;
}

#fada {
  z-index:100000;
  position:absolute;
  bottom: 5px;
  left:20px;
  background: rgba(255, 255, 255, 0.5);
  width:114px;
}

/* page inter */

#interfiltre h1{
	text-transform: uppercase;
	background-color: black;
    color: white;
    font-family: 'ptcreg';
    font-weight: normal;
    padding: .5em;
}

#interfiltre li{
background-color: rgba(255,255,255,0.6);
padding: .5em;
margin-bottom: .3em;
}

#interfiltre ul{
	margin: 1em 0;
}

/* actu */
#page #content .affiche li.imgActu {
	min-width:100%;
	max-width: 296px;
	margin-right:14px;
}

#page #content .affiche li.contentActu, #colorBg #page aside, #page #content .affiche li.imgActu img {
	width:100%;
	height: auto;
}
/* tel */

#colorBg #page aside{
	margin-left: 0;
}

.telelist li{
	margin-right: 1em;
}

.close h1{
	background-color: white;
	color: black;
}
 .etiquette-pe .close h1{
	background-image: url("../img/picto_penoir.png");
}

 .etiquette-ps .close h1{
	background-image: url("../img/picto_psnoir.png");
 }

.tit h1{
	min-height: 4.2em;
	width: auto;
}

.etiquette-ps, .etiquette-pe{
	width: 49%;
}

.etiquette-pe{
	float: right;
}

.etiquette-ps{
	margin-right: 2%;
	float: left;
}

.etiquette-pe div.close, .etiquette-ps div.close{
	background-image: none !important;
}

.pictoPs {
    width: 85%;
}

#psTele .pictoPs, #peTele .pictoPe{
    width: auto;
    margin-left: 0;
}

.etiquette-ps, .etiquette-pe {
    border-bottom: none;
}

#psMos, #peMos{
	width:100%;
}

hgroup{
	border-bottom: 1px solid black;
	min-height: 8em;
}

#psMos li, #peMos li{
	float: none;
}

#peMos .tit, #psMos .tit {
	width:50%;
}

#peMos .tit{
	float: right;
}

#psMos .tit {
	float: left;
}

.pictoPe{
	width:90%;
	margin-left: 10%;
}

.pictoTele a{
	border: .15em solid #343434;
	width: 1.3em;
	height: 1.3em;
	font-size: 1.5em;
	line-height: 1.4em;
}

footer h2.sonvideo{
	margin-top: 1em;
}

h2.partage:before{
content: "\E118";
font-size: 2em;
font-weight: normal;
}

aside .TitreSous{
	background-color: black;
    color: white;
    font-family: 'ptcreg';
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
}

aside .TitreSous, .TitreSous{
	padding: .6em 1.3em;
	background: black url('../img/flecheville.gif') no-repeat .2em .6em;
	background-size: 12px 38px;
}

#content .open, aside .open{
	background: black url('../img/flecheville.gif') no-repeat .2em -1.5em;
	background-size: 12px 38px;
}

#content h2.autour{
	padding-left: 2em;
}

#mobHome ul{
	background-color: white;
	margin: 1em auto;
	border-radius: 2em;
}

#mobHome p, #mobHome ul{
	width: 90%;
}

#mobHome p{
	text-align: center;
		margin: 0 auto;
	line-height: 1.5em;
	margin-bottom: .5em;
	height: auto;
}

#mobHome ul li{
	padding-top: 1em;
	padding-left: 1em;
	font-size: 1.5em;
}

#mobHome ul li:last-child{
	padding-bottom: 1em;
}

#mobHome ul li a{
		background: url("../img/menufleche.gif") no-repeat scroll left center transparent;
		padding-left: 1em;
}

body > header #secondaire li,  #grenouille .newsletter{
display: none;
}

.centrer, #contacts ul, #navTop{
	padding: 1em;
}

#partager .partager a:before{
	content: "Partager : ";
}

#partager h3, #actu, #ps, #pe, .phone-hidden, .tablet-hidden{
	display:none;
}

/* logo */

.desktop, #filtre form, #filtrerMenu{
display: none;
}

.desktop-hidden{
display: block;
}

#navTop a,footer #mention a, footer #grenouille a, .partager a{
 	display: block;
 	padding: 1em 0;
 	border-top: 1px solid black;
}

.facebooktwitter{
display: block;
}

.facebooktwitter a{
 	padding-right: 1em;	
}
#mention, #navTop li:last-child{
 	border-bottom: 1px solid black;
}

#navTop h2{
text-align: center;
text-transform: uppercase;
margin-bottom: 1em;
}

#navTop .newsletter a:before{
	content: "S'inscrire A la "
}

#mention{
	margin-bottom: 2em;
}
#partager{
	margin-top: 2em;
}

#partager ul li{
		margin-bottom: 2em;
}
.partager a, #navTop a, footer #mention li a, footer #grenouille li a,  #partager li.partager a{
	padding-left: 1em;
	background: white url(../img/menufleche.gif) no-repeat center left;
}

#navTop{
background-color: white;	
}

#logo img{
	width: 100%;
	max-width: 225px;
	height: auto;
	margin: 0 auto;
}

#logo p a{
	text-align: center;
}

/* filtre */

#filtre select {
	width: 100%;
	text-align: center;
	height: 2.3em;
}
#ville p{
	font-size: 1.5em;
}
#filtrerMenu{
	text-align: center;
}

#filtre nav{
	background-color: transparent;
}

#partagerHeader{
	display: none;
}

/* gestion des image bg et retian */

#participez{
	margin-top: 2em;
}

#map_canvas{
	width: 100%;
	height: 200px;
}

#wappercarte{
		margin-bottom: 2em;
}

.titremap .tit span{
	display: block;
	width: auto;
		padding-right: 2.5em;
	padding-left: 3.8em;
}

.cycle-overlay {
	display:none;
}


@media only screen and (min-width: 480px) {
	.blocDiaporama, .image, .blocDiaporama .image a {
		height: 404px;
	}

}


@media (orientation: landscape) and (max-device-width: 640px) {

html, body {
		-webkit-text-size-adjust: 100%;
	}
}


@media (min-width: 640px) {


.cycle-overlay {
	position:absolute;
	bottom:10px;
	z-index: 200;
	width:100%;
}

.cycle-overlay .prevDiap, .cycle-overlay .nextDiap {
	display: inline-block;
}

.cycle-overlay .prevDiap {
	float: left;
	cursor: pointer;
	padding-left:15px;
	background-color: #000;
	background: #000 url("../img/fleche-blc-p.png") 5% 50% no-repeat;
}

.cycle-overlay .nextDiap {
	float: right;
	cursor: pointer;
	padding-right: 15px;
	background: #000 url("../img/fleche-blc-n.png") 97% 50% no-repeat;
}

.cycle-overlay span {
	display: inline-block;
	padding:5px;
    font-family: "ptcreg", sans-serif;
    color:#FFF;
    font-size: 1.3em;
}

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

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

.blocDiaporama .content p {
	display:block;
	line-height: 1.3;
	font-family: "ptcreg", sans-serif;
	font-size: 1.6em;
	margin-top:1em;
}

.centpcent hgroup div, .centpcent #peMos, .centpcent #psMos{
	width: 100%;
	margin: 0;
}

.centpcent .pictoPe{
	margin: 0 0 1em 5%; 
	float: left;
	width: 28%;
	min-height: 25em;
}

.centpcent hgroup div h1{
	width: auto;
	display: inline-block;
}

 .centpcent  #psMos ul li.pictoPs{
 	margin-right: .45%;
}

#fiche header>ul{
	margin-bottom: 0;
	height: auto;
}

#fiche header>div{
display: inline-block;
max-width: 75%;
min-width: 26.7em;
}

#fiche header ul{
position: absolute;
right: 0;
bottom: 2em;
}

#fiche header{
	position: relative;
}

aside .TitreSous, .TitreSous{
	padding: .3em 1.3em;
}

#filtre .N2,  #filtre .N3{
	visibility: visible;
	height: auto;
}

.pictoPs {
    margin-left: 5%;
}

#wappercarte{
		margin-bottom: 0;
}

.centrer{
	clear: both;
}

span.pe:before{
	content : "/";
	padding-right:2.5em;
	margin-left: .5em;
}

.titremap .tit span{
	padding-left:0;
    display: inline;
    padding-right:0;
}

.partager a, #navTop a, footer #mention li a, footer #grenouille li a, #partager li.partager a, .TitreSous{
	background-image: none;
	padding: 0;
}

.pictoPs{
	margin-left: 0;
}

hgroup{
	height:auto;
	border-bottom: none;
}

.etiquette-ps, .etiquette-pe  {
	border-bottom:#000 1px solid;
}

.etiquette-pe .tit h1, .etiquette-ps .tit h1, .titremap  div.tit{
	min-height: 0;
}

#psMos, .etiquette-ps{
	width:60%;
	float:left;
}

#peMos, .etiquette-pe{
	margin-left: 4%;
	width:30%;
	float: left;
}

#Tele .etiquette-ps{
	margin-right: 0;
}

#Tele .etiquette-pe, #Tele .etiquette-ps, #psTele, #peTele{
    width: 48%;
    float: left;
}

#peTele{
	margin-left: 4%;
}

#psTele .pictoPs, #peTele .pictoPe{
	width: auto;
	    margin-left: 0;
	    min-height: 9.5em;
}

#Tele  .etiquette-pe .tit h1{
	width: 11em;
}

#carte_graphique{
	max-width: 665px;
}

div#disqus{
	float: right;
	width: 55%;
	margin-top: 1.5em;
}

div#son{
	width: 43%;
	float: left;
	margin-top:0;
}

section{
	min-height:0;
	padding-bottom: 3em;
}

section.baseline {
	min-height: initial;
}

#ville p{
	font-size: 2em;
}

#filtrerMenu p, #filtre nav ul.phone-hidden li, #filtre form{     /* modif marine */
	background-color: white;
}

#filtre nav ul.phone-hidden li.ici {     /* modif marine */
	background-color: black;
}

#filtre nav ul.phone-hidden li.ici a {     /* modif marine */
	color:#FFF;
}

body > header #secondaire li{
	display: inline;
}

.phone-hidden,  #filtre form, #filtrerMenu, #filtre nav ul.N2{
	display: block;	
}

.tablet-hidden{
	display: none;	
}

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

#actu h2{
	background-color: black;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	width: 120px;
}

#colorBg {
	clear: both;
}

#actu, #actu #actuContent, .slide{
	width: 600px;
}
#actu{
	margin: 0 auto;
	min-height: 110px;
}

#map_canvas{
	padding: 0;
}

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

#actuContent .slide article{
	float: left;
	width: 45%;
	height: 100%;
	min-height: 83px;
	margin: 10px 2.5%;
}

#actu .rslides_tabs{
	position: absolute;
	top: .5em;
	left: 130px;
}
#actu{
	position: relative;
}

#actu, #filtre{
	clear: left
}

/* nav */
#navTop ul li a{
font-family: 'ptcreg';
}	

#navTop h2, .actualiteNav{
	display: none;
}

#navTop li a, #navTop li:last-child {
	border: none;
}

#navTop a{
	display: inline;
}

#ligneLogo{
display: table;
}

#logo, #navTop{
display: table-cell;
vertical-align: middle;
}

#logo{
	width: 20%;
}

#logo img{
	max-width: 225px;
	max-height: 80px;
	text-align: center;
}

#navTop {
	width: 80%;
}

#navTop  ul{
	display: table;
	width: 100%;
}

#navTop li{
	display: table-cell;
	width: 13%;
	text-align: center;
	padding: .2em;
	vertical-align: middle;
}

#navTop .newsletter a:before, #navTop a:after{
content: "";
}

/* footer */

footer{
	padding-top: 3em;
}

#partager h3, #grenouille .newsletter, #actu, #ps, #pe{
	display: block;
}

footer #mention li a:after, footer #grenouille li a:after,  #partager li.partager a:after{
	content: "";
}

#mention{
	border-bottom: none;
}

footer #mention a, footer #grenouille a,  .partager a{
 	display: inline;
 	border: none;
}

.partager a:after, footer #mention a:before, footer #grenouille a:before, #partager .partager a:before{
	content: "";
}

#partager ul li{
		margin-bottom: 0;
}

footer > div.centrer{
	display: table;
	max-width: 1000px;
	padding-bottom: 3em;
}

footer > div.centrer > div, footer > div.centrer > ul{
	display: table-cell;
	width: 33.33%;
	padding: 0 1em;
	vertical-align: top;
}

footer > div.centrer > ul{
	border-left: 1px solid #cdcdcd;
}

footer > div.centrer li{
	padding-bottom: 0.5em;
}

footer > div.centrer li:last-child{
	padding-bottom:0;
}

.facebooktwitter{
	padding: 0 0 1em 0;
}

#selectville li{
display: block;
}

#selectville ul{
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}

#filtre{
	width: 100%;
}

/*fiche */

#infos {
	width: 43%;
	float: left;
}

#mediaContent{
	float: right;
	width: 55%;

}
#mediaContent h2.extrait, #telechargement{
margin-top: 0;
}

#fiche aside {
    float: right;
    width: 55%;
}

#ps {
	width:65%;
	float:left;
	position:relative;
	min-height:550px;
}

#pe {
	margin-left:2%;
	position:relative;
	width:30%;
	float:left;
	min-height:550px;
}

/* header */

#partagerHeader{
display: none;
}

#filtre nav{
	width: 45%;
	float: left;
	margin-left: 1em;
}

#filtre li{ 
	display: inline-block;
	padding: 0 .7em; 
}

#actufiltre{
min-height: 100px;
float: left;
margin-bottom: 1em;
}

#filtre p{
	height: 40px;
    line-height: 40px;
    text-align: center;   
}

#filtrerMenu{
	width: 150px;
	padding-right: 0.7em;
	float: left;
}

#filtre form{
	width: 150px;
	float: right;
}
#filtre nav li{
	margin: 0 .2em .2em 0;
}

#complementinfo{
	padding-top: 2em;
}

.TitreSous:before{
	content: "";
	display: none;
}

div#disqus{
	margin-top: 0;
}

.sonvideo{
margin-bottom: 1em;
}

#page #content {
width: 73%;
float:left;
}

#colorBg #page aside {
width:150px;
float: right;
}

#fada {
top:250px;
bottom: auto;
}

 a.close{
background: black url('../img/flecheville.gif') no-repeat right -3px;
padding-right: 2em;
}

#selectville li a{
background: black url('../img/fleche.gif') no-repeat right center;
padding-right: 2em;
}

a.open{
background: black url('../img/flecheville.gif') no-repeat right -63px;
padding-right: 2em;
}

.home hgroup{
	display: block;
}
}


@media (min-width: 769px) {

header li {
		float: left;
	}

#logoUne {
		text-align: left;
		padding-left: 2%;
}

header h1 {
		text-align: right;
		margin: -70px 20px 0 0;
		padding-bottom: 30px;
}

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

.blocDiaporama, .image, .blocDiaporama .image a {
		height: 526px;
}

section.baseline ul li.content, section.content .partGauche{
		width:67%;
		float: left;
		margin-right:3%;
}

section.baseline ul li.entree, section.content .partDroite{
		width:30%;
		float: left;
}

section.baseline ul li.entree{ 
		margin-top: 18px;
}

.cycle-pager {
    bottom: 5px;
    left: 40%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 20%;
    z-index: 500;
}

.centpcent .pictoPe{
	width: 20%;
}

#map_canvas {
    padding: 4em 0 0 0;
}

#partagerHeader{
position: absolute;
top :1.5em;
right: 1em;
width: 130px;
height: 83px;
background-color: white;
padding: 10px;
}

#contacts ul{
 	width: 1000px
 }

.centrer, #contacts ul, #actufiltre{
	padding:0;
}

#actufiltre > .centrer{
	padding: 1em;
}

#actu{
	margin-top: 0;
}

.centrer, #contacts ul, #ligneLogo{
width: 1000px;
margin: 0 auto;
}

footer > div.centrer > div{
	border-left: 1px solid #cdcdcd;
}

section{
	padding-bottom: 3em;
}

/* logo */

.desktop-hidden, #navTop li.actualiteNav{
display: none;
}

.desktop{
display: block;
}

#logo{
	display: block;
	position: absolute;
	top: 1em;
	width: 120px;
	height: auto;
}

#logo img.desktop{
	width: 120px;
	height: 230px;
	max-height: 230px;
    max-width: 120px;
}

#ligneLogo{
	height: 50px;
}

#navTop{
	display: block;
	width: 80%;
	margin-left:20%;
}

#navTop ul{
	text-align: center;
	margin-top: .6em;
}

#navTop li{
display: inline;
padding-right: 2.5em;
background: white url('../img/point.png') center right no-repeat;
margin-left: 1.5em;
width:auto;
}

#navTop li:last-child{
padding-right: 0;
}

/* filtre */
#actufiltre .centrer{
position: relative;  
}

#actu{
	position: absolute;
	top: 1.5em;
	margin: 0;
	left: 18em;
}

#filtrerMenu, #filtre nav, #filtre form { 
	float: left;
}

#filtrerMenu, #filtre form{
	width: 150px;
}

#filtrerMenu{
	padding-right: .7em;
	margin-right: 1.3em;
}

#filtre{    
	width: 1000px;
	margin-top: 13.5em;
}

section{
	clear: both;
}

#filtre nav {
	width: 680px;  
} 

#filtre nav *{
		-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	}

#filtre li a {
 	padding: 0 1.1em;
 }

#filtre nav li a:hover, #filtre nav li:hover,  #filtre nav li.selected, #filtre nav ul.N2 li:hover{
background-color: black;
color: white;
background-image: none;
 }

 #filtre nav ul.N2 li:hover span,  #filtre  nav ul.N2 li a:hover span{
 background-color: white;
 color: black;
 }

#filtre ul.N2 li a{
display: block; 
}

 #filtre nav ul.N2 li:hover a, #filtre nav li.selected a,  #filtre nav ul.N2 li.selected{
color: white;
 }

#filtre nav li {
	float: left;
}

#filtre nav li, #filtre nav {
    margin: 0;
    padding: 0;
}

#filtre nav ul.N2 li.la { 
	background-image:none;
	background-color:#000;
}

#filtre nav ul.N3 li { 
	background-color:#000;
	margin-top:3px;
	margin-right:3px;
}

#actu #actuContent{
	width: 635px;
	height: 103px;
	margin-left: 25px;
}

#actu h2{
display: block;
color: white;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
text-align: center;
width: 25px; 
height: 103px;
text-indent: -5000px;
background: black url(../img/actuTitre.gif) no-repeat center center;
float: left;
}

#actu .rslides_tabs{
	clear: left;
	text-align: left;
	margin: .5em 0 0 4em;
	position: static;
}

.slide{
	width: 635px;
	height: 100px;
}

/* fiche */

#infos{
	width: 300px;
}

#mediaContent{
	width: 665px;
}

.TitreSous:before{
	content: '';
	padding-right: 0;
}

#fiche aside{
	width: 270px;
	float: right;
}

#fiche footer {
    clear: none;
    float: left;
    width: 365px;
}

footer {
    padding-top: 0;
}

#complementinfo{
	float: right;
	width: 665px
}

h2.autour{
	display: block;
}

#actufiltre{
	margin-bottom: 3em;
}

div#son, div#disqus{
width: auto;
float: none;
margin-top:0;
}

#participez{
	margin-top: 0;
}

#colorBg #fiche aside {
    position: static;
    top: 0;
}

#ps {  
	width:76%;
	float:left;
	position:relative;
	min-height:520px;
}

#pe {       
	margin-left:4%;
	position:relative;
	width:20%;
	float:left;
	min-height:520px;
}

#map_canvas{
	width: 100%;
	height: 350px;
}

#telechargement li{
	float: left;
}

#telechargement ul{
	width: 95%;
	margin: 0 auto;
	height: 24px;
}

#telechargement ul li.lowTele{
	width: 47.5%;
}

.hdTele{
	border-right: 2px #666 solid;
}

#telechargement li{
	width: 47.5%;
	margin-left: 2%
}

#partagerHeader {
display: block;
}

#partagerHeader ul{
	width: 106px;
	margin: 1.7em auto 0  auto;
}

#actufiltre{
	float: none;
}

#psMos{
	width:76%;
}

#peMos{
	width:20%;
}

#psMos ul li.pictoPs .bullePs {
	width:18.5em;
}

#psMos ul li.last {
	margin-right:0;
}

#peMos ul li.pictoPe .bullePe > ul {
	height:18em;
}

#psMos ul li.pictoPs .bullePs > ul {
	height:23em;
}

#psMos .acces, #peMos .acces{
	bottom:.5em;
    position: absolute;	
    right:0.4em;
}

#psMos .extraitAudio{
/*	bottom:4.4em;
    position: absolute;	*/
}

.extraitAudio{
	width: 85%;
}

#psMos ul li.pictoPs{
	width: auto;
}

.etiquette-pe{
    width: 20%;
}

.etiquette-ps{
width: 76%;
  margin-right:0;
}

.telech{
	position: absolute;
top: 0.3em;
	right: 0;
}

#psTele ul li.pictoPs ul.infos, #peTele ul li.pictoPe ul.infos {
	float:left;
	width:48%;
}

#psTele ul li.pictoPs ul.telech, #peTele ul li.pictoPe ul.telech {
	float:left;
	width:52%;
}

.telelist li{
	margin-right: 0;
}

#page #content .affiche li.imgActu {
	float:left;
	width:296px;
	margin-right:14px;
	max-width: 296px;
    min-width:296px;
}

#page #content .affiche li.contentActu {
	float:left;
	width:460px;
}

#page #content {
    width: 83%;
}

#submitted{
	float: right;
	padding: 1.2em .2em 0 0;
}

aside .TitreSous, .TitreSous{
	padding:0.3em 1.3em;
	background-image: none;
}

#telechargement li.hdTele{
	margin-left: 7%;
    padding-right: 2%;
    text-align: right;
    width: 39.5%;
}
}

@media (min-width: 1050px) {
.calage, section.baseline ul {
    display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5){
	.fiche{
	background-size: 14px 62px;
}	
}