/*----------BREAKPOINTS---------*/
/*
351px - 22 em = touts petits écrans. Juste icones menu en + petit.
481px - 30 em = smartphones. au-dessus, les icones du menu deviennent des liens.
605px - 38em = smartphones, petites tablettes.
768px - 48em = tablettes, petits écrans.
1028px - 64em = petits écrans
*/

@media all and (max-width: 674px){/*icones menu haut*/
	.menu-home, .menu-emissions, .menu-dossiers, .menu-chroniques, .menu-vitedit, .menu-forums{width: 17.6%;}
	.fa-home:before,
	.fa-caret-square-o-right:before,
	.fa-folder-open:before,
	.fa-pencil:before,
	.fa-comments:before,
	.fa-clock-o:before{
		display: inline-block;
	}
	.menu-home, .menu-emissions, .menu-dossiers,.menu-chroniques, .menu-vitedit, .menu-forums{padding: 0.2em 0.2em;}
		#nav .fa{padding: 0;}
		.titre-menu{display: none;}
		#nav {max-width: 95%;}
		#nav a{padding: 0.2em 0.7em;}
		#nav ul li ul{display: none;}
		#nav ul li ul li{display: none;}
		#nav ul a:hover{display: none;}
		#nav ul li:first-child > a {display: none;}
		#nav ul li:first-child > a:after {display: none;}
		#nav ul ul li:first-child a:after{display: none;}
		#nav ul li:first-child a:hover:after{display: none;}
		#nav ul ul li:first-child a:hover:after{display: none;}
		#nav ul li:last-child > a {display: none;}
		#nav li:hover > ul {display: none;}
		#nav ul ul {display: none;}
		#nav ul li {display: none;}
		#nav ul li:last-child {display: none;}
		.no-transition {
			-webkit-transition: none;
			-moz-transition: none;
			-ms-transition: none;
			-o-transition: none;
			transition: none;
			opacity: 1;
			visibility: visible;
			display: none;  		
		}
		#nav li:hover > .no-transition {display: block;}
		.ui-accordion .ui-accordion-content{padding: 0.5em;}
		#bloc_une{min-height: inherit;}
			.contenu-html.bg-page-contenu iframe, .contenu-html p iframe {
		height: auto;
		min-height: 15em;
		width: 100%;
		}
	#phorum div.prime, #phorum div.messages_vote div.message{margin-left: 0!important;}
	.img-small-abo {
		float: none;
		display: block;
		margin: 0 auto;
		width: 90%;
	}

}

@media all and (max-width: 351px){
	#nav a {font-size: 0.9em;}
	.contenu-html td p {max-width: 92%;}
	.chroniqueur-name, .titre-dossier, .descr-dossier, #vitedit-resume{
		 margin: 0;
		width: 100% !important;
		padding: 0 0.5em;
	}
}
@media all and (max-width: 500px){
	.bloc-contenu-10 .contenu-media, .bloc-contenu-12 .contenu-media, .bloc-contenu-9 .contenu-media, .bloc-contenu-8 .contenu-media, .bloc-contenu-5 .contenu-media, .bloc-vite-contenu-1 .contenu-media, .bloc-vite-contenu-3 .contenu-media, .bloc-contenu-6 .contenu-media {
		text-align: center;
		vertical-align: top;
		width: 100%;
	}
	.bloc-contenu-6 .contenu-media {padding-top: 1em;}
	.bloc-contenu-10 .contenu-media img,
	.bloc-contenu-12 .contenu-media img, 
	.bloc-contenu-9 .contenu-media img, 
	.bloc-contenu-8 .contenu-media img, 
	.bloc-contenu-5 .contenu-media img, 
	.bloc-vite-contenu-1 .contenu-media img, 
	.bloc-vite-contenu-3 .contenu-media img, 
	.bloc-contenu-6 .contenu-media img{
		float: none;
	}
	
	.contenu-descr-12, .contenu-descr-10, .contenu-descr-8, .contenu-descr-vite-3, .contenu-descr-6  {
	max-width: 100%!important;
	padding: 0 0.5em 0 !important;
	}
	#logo-asi img {max-width: 65%;}
	#vitedit-resume{width: 80%;}
}
@media all and (min-width: 351px) and (max-width: 674px){
	#nav a {font-size: 0.9em;}
	/*Mon compte*/	
	.boutonLPL{
		/*text-indent: 0;
		padding-top: 0;*/
		/*background: #587692 url("/images/logo-lpl_mini.png") right no-repeat;*/
	}
	#dialog{
		margin-left:5%;
		width: 85%
	}	
}
@media all and (max-width: 540px){
	.boutonLPL{
		padding-left: 3%;
	}
}
@media all and (max-width: 500px){
	.boutonLPL{
		height:70px;
		background-position: 100% 100%;
	}	
}
@media all and (min-width: 675px){/*icones menu haut*/
	#nav .fa{display: none;}
}
@media all and (min-width: 675px) and (max-width: 764px){
	#nav{max-width: 95%;}
	#headercontainer{height: 5.3em;}
	.titre-menu{font-size: 1em;}
	.menu-home{padding: 0.2em 0;}
}
@media all and (min-width: 500px) and (max-width: 764px){
	#logo-asi img{max-width: 72%;}
}

@media all and (max-width: 764px){/*SMARTPHONES ET TABLETTES EN VERTICAL*/

	#lire-suite-abo.cups .input-email {
		float: none;
		width: 100%;
		padding-top: 0;
		margin-bottom: 15px;
	}
	#lire-suite-abo.cups .input-email input {
		width: 100%;
	}
	#lire-suite-abo.cups .g-recaptcha {
		float: none;
		margin-bottom: 15px;
	}
	#lire-suite-abo.cups input.submit {
		position: static;
	}
	
	.contenu-html .encadre-onecol, .contenu-html .encadre-twocol {
		width: 90%;
		padding: 15px;
	}
	.bloc-daily {
		display: none;
	}
	.descr-bloc{display: inline-block;}
	.descr-solo{display: none;}
	a.info:hover span, div.info:hover span, span.info:hover span {display:none; }
	/* modal abo expire aujourd'hui */
	#dialog{
		margin-left: 15%;
	    width: 65% !important;
	}
	/*BLOCS PRINCIPAUX*/
	#pagecontainer, #phorum {max-width: 90%;}
	.bloc-alaune-home, .bloc-alaune-home-vite, .bloc-alaune-home-chro, .bloc-alaune-home-emi{text-align: center;}
	#bloc_une{
		max-width:100%;
		display: inline-block;
		float: none;
		margin: 0 0 1em 0;
		min-height: inherit;
	}
	#bloc_carrousel, .carousel-element {
		width: 100%;
		display: inline-block;
		float: none;
	}
	#mycarousel.everslider{margin: 0.5em 0 0;}
	#col_main { 
		width: auto;
		height: auto;
		max-width:100%; 
		float: none;
		margin: 0 auto;
	}
	#col_center{ 
		width: auto;
		height: auto;
		max-width:100%; 
		float: none;
		margin: 0;
	}
	#col_left {
		max-width:100%;
		display: inline-block;
		float: none;
		margin: 0;
	}
	#col_right {
		display: none;
		float: none;
	}
	.link-abo-top-deconnecte {
		display: block;
		min-height: 2em;
	}
	#slider_essentiel{
		display: none;
	}
	#emissions-gratuite-content{
		display: none;
	}
	
	/*Blocs Une, Quoi de Neuf*/

	.bloc-chroniques{
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 0 1em 0;
	}
	.chroniqueur-pola-1,.chroniqueur-pola-2 {
		max-width: 30%;
	}
	.chroniqueur-pola-1,.chroniqueur-pola-2 img{
		max-width: 80%;
	}
	.bloc-dossier-4 {
		margin-top: 1em;
	}
	.contenu-descr-12, .contenu-descr-10 {
		height: auto;
		max-width: 75%;
		padding: 0 0 0 1em;
		position: relative;
		vertical-align: top;
		width: auto;
	}
	.contenu-descr-6, .contenu-descr-5, .contenu-descr-8, .dossier-contenu-6 {
	    height: auto;
	    max-width: 100%;
	    padding: 0 1em 1em;
	    position: relative;
	    width: auto;
		text-align: justify;
	}

	.contenu-descr-14 {
		max-width: 76%;
	}
	#container-contenu-html{padding: 0.5em 0.8em 0 0.8em;}
	.contenu-descr-vite-3 {
		padding:0.625em;
		max-width:75%;
		height: auto;
		width:auto;
	}
	.contenu-media img{
	height: auto;
    max-width: 100%;
    padding: 0;
    width: auto;
	}
	.typo-droite-titre{font-size: 1em}
	.outils-divers p {display: none;}
	
	/*Titres Une, Quoi de Neuf*/
	.titre-orange-demi, 
	.titre-selection, 
	.titre-vert-demi, 
	.titre-emi-gratuites, 
	#contenus-maj-mea,  
	.titre-gris-demi, 
	.titre-bleu-demi{
		max-width: 98.4%;
	} 
	
	/*BICOLONNAGE*/
	.asiPictoFleche {display: none;}

	.contenu-html td {
		display: inline;
		height: auto;
		text-align: justify;
		vertical-align: top !important;
		width: auto;
	}
	.contenu-html table{
		height: auto;
		margin: 0 0 0.35em;
		width: 100%;
		table-layout: fixed;
	}
	.contenu-html td p {
		height: auto;
		max-width: 100%;
		width: auto;
		text-align: justify;
	}
	.contenu-html td object, .contenu-html td embed{
		width: 20em;
		height: 16em;
	}
	td object{float: none;}
	.contenu-html td.right, .contenu-html td.left{
	float: none;
    max-width: 100%;
	}
	.contenu-html .regardez {
		color: #b0b0b0;
		display: inline-block;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	.contenu-html .regardez * {
		color: #b0b0b0;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	.regardez .asiPictoFleche {
		display: none;
	}
	/* Monocolonne */
	.mceItemTable.asiTabCenter{
		width: 100% !important;
	}
	/*Mon compte*/
	.connexion a{font-size: 0.9em;}
	.connexion{width: 100%;}
	#lnk-connexion{display: none;}
	#connexion-small{
		display: block;
		min-height: 3em;
	}
	#phorum #menu-compte {
		float: none;
		max-width: 100%;
		display: block;
		border-style: none none dotted none;
	}
	#phorum .titre-menu-compte {
		max-width: 100%;
	}
	#phorum #bloc-contenu-compte {
		padding-left: 0;
		max-width: 100%;
	}
	#phorum #bloc-contenu-compte h2 {
		display: none;
	}
	
	/*DOSSIERS*/
	.descr-dossier, .titre-dossier{
		margin: 0 0.5em 0 0;
		max-width: 50%;
		overflow: hidden;
	}
	.descr-dossier{
		border-top: none;
		max-width: 89%;
	}
	.titre-dossier h1{border-bottom: 0.2em solid #3399FF;}
	.contenu-media{
		width: 20%;
		vertical-align: top;
	}
	/*EMISSIONS*/
	
	.contenu-descr-titre-9, .contenu-descr-9, .contenu-descr-gratuit, .contenu-descr-noabo, .contenu-descr-titre-9{
		max-width: 96%;
		width: auto;
	}

	/*ABONNEMENTS*/
	.form-abo > input {width: 100%;}
	
	.outils-divers {
	border-bottom: 1px dotted #CCCCCC;
    font-size: 0.75em;
    margin: 0.5em 0;
    max-width: 96%;
    padding: 0 0 0.5em;
	}
	
	.banniere{display: none;}
	#logo-normal{display: none;}
	#logo-petit{display: inline-block;}
	#nav ul{display: none;}
	.form-abo {width: 100%;}
	.menu-home, .menu-emissions, .menu-dossiers, .menu-chroniques, .menu-vitedit, .menu-forums{width: 17.3%;}
	.chroniqueur-name, .titre-dossier, .descr-dossier, #vitedit-resume{
		 margin: 0;
		width: 67%;
	}
	
	.typo-vite-rub {font-size: 0.8em;}
	.bloc-vite-contenu-3 .typo-heure, .typo-heure {font-size: 1em;}
	.banner-profs {width: 100%;}
	.clemi-image {display: none;}
	.clemi-texte {float: none; width: 100%; padding-left: 0;}
}
@media all and (min-width: 765px) and (max-width: 940px){
	.contenu-descr-12{max-width: 62%;}
}
@media all and (min-width: 765px) and (max-width: 1024px){
	#bloc_une {min-height: 31.2em;}
}
@media all and (min-width: 941px) and (max-width: 1200px){
	.contenu-descr-12{max-width: 70%;}
}
@media all and (min-width: 1025px) and (max-width: 1200px){
	#bloc_une {min-height: 33.2em;}
}
@media all and (min-width: 765px) and (max-width: 1200px){/*TABLETTES ET PETITS ECRANS*/

	a.info:hover span, div.info:hover span, span.info:hover span {display:none; }
	
	/*HEADER*/
	.menu-home, .menu-emissions, .menu-dossiers,.menu-chroniques, .menu-vitedit, .menu-forums{
	min-width: 15%;
	}
	#nav ul{top: 2.4em;}
	#nav{max-width: 95%;}
	#nav ul a{font-size: 0.8em;}
	#nav a {padding: 0.2em 0.3em;}
	
	/*BLOCS PRINCIPAUX*/
	#pagecontainer, #phorum { 
		max-width: 96%;
	}
	#bloc_carrousel {
		width: 100%;
		display: inline-block;
		float: none;
	}
	#mycarousel.everslider{margin: 0.5em 0 0;}
	#col_main { 
		width: auto;
		height: auto;
		max-width:100%; 
		float: none;
	}
	#col_right {
		display: none;
		float: none;
	}
	.link-abo-top-deconnecte {
		display: block;
		min-height: 2em;
	}
	#header { 
		max-height: 4.9em;
	}
	#emissions-gratuite-content, #emissions-gratuite-titre.bloc-daily {
		display: none;
	}
	
	/*Blocs Une, Quoi de Neuf*/
	.bloc-contenu-10 .contenu-media img, .bloc-contenu-12 .contenu-media img {
	float: none;
	}
	.bloc-dossier-6 img {
	max-width:30%;
	}
	.bloc-dossier-4 {
		margin-top: 1em;
	}
	.contenu-descr-vite-3 {
		padding:0.625em;
		max-width:75%;
		height: auto;
		width:auto;
	}
	.contenu-descr-noabo {max-width: 72%;}
	.contenu-media {display: inline-block;}
	
	.lnk-toutes-emissions{
		max-width: 100%;
		border-width: 0.063em 0.063em 0.063em 0.2em;
	}
	.bloc-vite-gratuit-1 .contenu-media{font-size: 1em;}
	
	.everslider#mycarousel .es-slides > li {margin-bottom: 1.3em;}
	
	.lnk-tout-dossiers{
		max-width: 100%;
	}
	.typo-droite-titre.info{font-size: 0.9em}
	
	/*BICOLONNAGE*/


	.contenu-html td object, .contenu-html td embed{
		width: 20em;
		height: 16em;
	}
	td object{
		float: none;
	}
	
	.contenu-html .regardez {
		color: #b0b0b0;
		display: inline-block;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	.contenu-html .regardez * {
		color: #b0b0b0;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
	}
	
	/*EMISSIONS*/
	.description-emission{padding: 0.5em;}
	.contenu-descr-titre-9{max-width: 53%;}
	.contenu-descr-9{
		max-width: 97%;
		padding: 0 0 0.625em 0.5em;
	}

	/*DOSSIERS*/
	.descr-dossier, .titre-dossier{
		margin: 0 0.5em 0 0;
		max-width: 74%;
		overflow: hidden;
	}
	.descr-dossier{border-top: none}
	.titre-dossier h1{border-bottom: 0.2em solid #3399FF;}
	
	/*ABONNEMENTS*/
	.img-small-abo img{/*vignettes page abonnements*/
		width: 100%;
	}
	.img-big-abo img{/*vignettes page abonnements*/
		width: auto;
		height: auto;
		max-width: 100%;
		margin: 1em 0;
		box-shadow: 0.1em 0.1em 0.1em #ddd;
		border: 0.1em solid #ddd;
	}
	.text-XL-abo, .text-XL-abo-blue,.text-M-abo{
		font-size: 1.2em;
		text-transform: uppercase;
	}
	.text-M-abo{font-size: 1.2em;}
	.form-abo > input {width: 100%;}
	
	/*Mon compte*/
	
	.bloc-connexion {
		margin: 1em 0 0;
		max-width: 72%;
	}
	.connexion a{font-size: 1em;}
	.connexion{width: 100%;}
	#lnk-connexion{display: none;}
	#connexion-small{
		display: block;
		min-height: 3em;
	}
	#phorum #bloc-contenu-compte{
	padding-left: 0;
	max-width: 100%;
	}
	
	.banniere{display: none;}
	#logo-petit{display: none;}
	.contenu-media img{
	height: auto;
    max-width: 100%;
    padding: 0;
    width: auto;
	}
	.accordion .contenu-html table {text-align: center;}
	.accordion .contenu-html td p {text-align: justify;}
	.accordion .contenu-html .right {float: none;}
}
@media all and (min-width: 1600px){/*TRES GRANDS ECRANS*/
	#pagecontainer, #phorum{max-width: 65%;}
}
@media all and (min-width: 1600px) and (max-width: 1799px){
	.contenu-descr-12{max-width: 67%;}
}
@media all and (min-width: 1800px){
	.contenu-descr-12{max-width: 71%;}
}