/*
	CSS for DEV-083 - TABLET
	Phil - egzakt.com
	2012/09/06
*/
@media only screen and (min-width: 481px) and (max-width: 979px) {
	
	body { background:url(../images/ul/tuiles/bg_tablet.png) #F2F2F2 repeat-y center top; }
	#wrapper { width:748px; }

	#col_conteneur #col_complement { display:none; }
	
	#navigation_secondaire { margin:0 20px; padding:8px 0 0; }
	#navigation_secondaire .menu { display:none; }
	
	#navigation_secondaire .menu_dd { display:block; }
	
	#caricature { left:330px; }
	#caricature .photo { width:77px; height:77px; }
	
	#entete .recherche input[type=text] { width:126px; }
	.abonnement a { padding:10px 0 7px; width:240px; }

	#container_membre { width: 232px; }
	#membre { width: 126px; }
	#membre .bg {width:226px;}
	#membre #connexion form input[type=text],
	#membre #connexion form input[type=password] { width:180px; }
	#membre #connexion form input[type=text].error,
	#membre #connexion form input[type=password].error { width:182px; }

	#niveau_1 { padding:0 3px;}
	#niveau_1 li a { font-size:0.72em; padding:6px 5px 12px; letter-spacing:0.0625em; }
	.niveau_2 { padding-top:2px; }
	.niveau_2 li a { font-size:1em; padding:6px; }
	.niveau_2 .niveau_3_dd { top:27px; font-size:0.846em; }
	.niveau_2 .niveau_3_dd li.plus {font-size: 0.846em;}
	.niveau_3 li a { font-size: 0.846em; padding: 4px 4px 6px }

	.pub_A { margin: 0; }

	#A1 { margin:0; }
	#A1 span { display:none; }
	#A2 {
		margin-top: 0;
	}
	#A3 { display: none; }

	#ariane { margin: 0 20px; }

	#fil_presse { width: 708px; }
	#fil_presse .newsticker_wrapper { width:599px !important; height: 28px !important; }
	#fil_presse .newsticker_wrapper .newsticker_scroller { width:542px !important; height: 21px !important; }
	#fil_presse .newsticker_wrapper li { width: 940px !important; height: 21px !important; }
	
	#derniere_heure article figure .photo,
	#derniere_heure .layout_2 article figure .photo,
	#derniere_heure .layout_3 article figure .photo {
		width:340px; height:233px;
	}

	#derniere_heure { overflow: hidden; }

	#derniere_heure .layout_1 article figure,
	#derniere_heure .layout_2 article figure,
	#derniere_heure .layout_3 article figure {
		width:340px;
	}

	#derniere_heure .layout_2 figure .media {
		top: 215px;
	}

	#derniere_heure .layout_2 article a.web_media {
		display: none;
	}

	#derniere_heure .layout_2 article a.tablet_media {
		display: inline;
	}

	#derniere_heure .layout_2 article .detail,
	#derniere_heure .layout_3 article .detail {
		width:340px;
	}

	#derniere_heure article figure .media { top: 215px; }
	#derniere_heure .layout_1 article .detail { width:320px; margin-right: 0; }
	#derniere_heure .layout_1 article .blured,
	#derniere_heure .layout_1 article .blured h1 a,
	#derniere_heure .layout_1 article .blured .specs time,
	#derniere_heure .layout_1 article .blured .specs span,
	#derniere_heure .layout_1 article .blured .specs a {
		color: transparent;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	#derniere_heure .layout_1 article .blured .social_share {
		visibility: hidden;
	}

	#derniere_heure .relie { 
		position: absolute;
		right: -368px;
		top: 0;
		width: 388px;
		height: 100%;
		padding: 25px 40px;
		border-left: 1px solid #afafaf;		
		background: #f2f2f2;
		background: rgba( 242, 242, 242, 0.9)
	}

	#derniere_heure .relie .ouvrir { display:block; outline: 0; }
	#derniere_heure .relie_ouvert .ouvrir {
		background: url(../images/ul/boutons/relie_control_close.png) no-repeat left center;
	}
	
	#col_principale { margin: 0 0 20px 0; padding: 0 20px; width:748px; }
	
	#manchette #manchette_list article { width:340px; }
	#manchette #manchette_list .vedette { width: 748px; }
	#manchette #manchette_list .vedette figure { width:340px; }
	#manchette #manchette_list .vedette figure .media { top: 215px; }
	#manchette #manchette_list .vedette figure .photo { width:340px; height:233px; }
	#manchette #manchette_list .vedette .detail { width:340px; }
	
	#articles li article { width:340px; }
	#articles #abonnees_tablet { display:block; }
	#articles #abonnees_tablet .margin article { width: 320px; }
	#articles #sociale_tablet { display:block; width: 340px; float: right; margin-top: 10px; }
	#articles #vedette_tablet { display:block; width: 340px; }
	#articles #blogues_tablet { display: block; float: left; margin-right: 0; padding-top: 10px; }
	#articles #carrieres_professions_tablet { display: block; float: left; margin-right: 0; padding-top: 10px; }
	#articles #plus_commentes_aimes_tablet { display:block; }
	#enjeux_tablet { display: block; }
	#articles #une_jour_tablet { display:block; }
	#articles #sujets_chauds .sujets_liste { width:565px; }

	#articles #D1_tablet { float: left; display: block; }
	#articles #D6_tablet { float: right; display: block; }
	.pub_tablet { display: block; }
	.pub_tablet .pub { float: left; display: block; width: 340px; margin-bottom:30px; margin-top: 0 !important; }

	#raccourcis .promo { width: 166px; padding: 14px 38px 98px 18px; }
	#raccourcis .promo a { margin-bottom: 5px; }
	#raccourcis .promo_abonnement { left: 7px; bottom: 8px; padding: 5px 0 0 0; }
	#raccourcis .promo img { width: 146px; height: 95px; }
	#raccourcis .promo_abonnement { width: 146px; height: 95px; }
	#raccourcis .promo h5 { line-height: 1.1em; margin-bottom: 10px; }
	#raccourcis .promo h5 strong { display: block; }
	#raccourcis .liens { width: 542px; }
	#raccourcis .liens .col_wrapper { padding: 18px 0 18px 18px; }
	#raccourcis .liens .recherche_wrapper { padding: 15px 25px 0 18px; }
	#raccourcis .col { width:130px; margin-right: 1px; }
	#raccourcis .col li { font-size: 0.916em; line-height: 1.4em; }
	#raccourcis .recherche input[type=text] { width: 270px; }
	#pied_page #signature.right { float:left; }

	/* Autres pages ancien layout */
	#opinion,
	#speciaux,
	#special_section,
	#speciaux_section,
	#meteo_wrapper,
	#abb_presentation,
	#profil {
		width: 748px !important;
		padding: 0 10px;
		background: none !important;
	}

	#abb_presentation #vue_ensemble #colonne_principale,
	#profil #colonne_principale,
	#speciaux #colonne_principale,
	#speciaux_section #colonne_principale,
	#special_section #colonne_principale {
		width: 728px !important;
		float: none;
		padding-left: 10px;
		padding-right: 10px;
	}

	#profil #colonne_principale ul#onglets_profil,
	#profil #form_profil {
		width: 708px !important;
		padding-left: 10px;
		padding-right: 10px;
	}

	#speciaux #colonne_principale,
	#speciaux_section #colonne_principale,
	#special_section #colonne_principale {
		width: 628px !important;
	}

	#abonnement_actions ul.gauche,
	#abonnement_actions ul.droite {
		width: 330px;
	}

	#opinion .entete_blogue {
		width: 728px !important;
		font-size: 0.875em;
		line-height: 1.2em;
	}

	.edition_internet {
		margin-top: 20px;
	}

	#colonne_droite,
	#abb_presentation #vue_ensemble #conteneur_apercu_editions .edition_internet {
		float: left !important;
	}

	#colonne_droite {
		width: 380px;
		padding-top: 20px;
	}

	.profil_alertes, .profil_infolettres {
		width: 480px !important;
	}

	.profil_infolettres ul.holder {
		width: 470px !important;
	}

	.profil_infolettres .facebook-auto {
		width: 470px;
	}

	#profil #colonne_principale ul#feed_infolettres_auteurs_fb {
		width: 470px;
	}

	#col_complement {
		padding: 0 20px 20px 20px;
	}

	#speciaux #col_complement,
	#speciaux_section #col_complement,
	#special_section #colonne_droite {
		padding-left: 10px;
	}

	#col_complement {
		width: 380px;
	}

	#article_detail .partage_sociaux {
		width: 667px;
	}

	#article_detail #col_principale .reactions ul li.charger_commentaires a {
		width: 352px;
		background-position: 318px 17px;
	}

	#article_detail #col_principale .reactions ul li.charger_commentaires a.tous_commentaires {
		background-position: 318px 13px;
	}

	#article_detail #col_principale .reactions ul li.charger_commentaires img.plus_commentaires_chargement {
		left: 280px;
	}

	#article_detail #article .photo_paysage img {
		width: 708px;
		height: 456px;
	}

	#article_detail .article_actions ul li {
		padding-right: 52px;
	}

	#accueil_section.template1 {
		background: none;
	}

	.form_dossier_virtuel_elements input {
		width: 493px;
	}

	.form_dossier_virtuel_elements input.avec_bouton {
		width: 460px !important;
	}

	.entete_blogue {
		font-size: 0.9em;
		line-height: 1.3em;
		width: 730px;
		padding-top: 5px;
	}

	#article_detail #prive .abonnez_vous,
	#article_detail #prive .deja_abonne {
		width: 335px;
	}

	#article_detail #prive input {
		width: 307px;
	}

	#caricature .photo img {
		left: -30px;
	}

	#barre_fixe .web_only {
		display: none;
	}

	#barre_fixe .tablet_only {
		display: block;
	}

	#barre_fixe .bottom_content_wrapper .infos {
		padding-top: 0;
		padding-bottom: 0;
	}

	#barre_fixe .bottom_content_wrapper .infos .gauche {
		padding-top: 14px;
		padding-bottom: 9px;
	}

	#barre_fixe .bottom_content_wrapper .infos .droite {
		padding-top: 18px;
	}

	#profil .forgot-password-form .l-col {
		width:359px;
	}

	#profil .forgot-password-form .r-col {
		width:271px;
	}

	#profil .forgot-password-form #form_profil {
		width:100% !important;
	}

	#carrieres_professions_tablet .carriere_details {
		width: 255px;
	}
}