/* Jack : css 04 : format TABLETTE */
/* 4ième fichier d'une cascade de smart vers Desktop */
/*  */
/*  */
@media screen and (min-width: 750px) {
body{
		font-size: 12pt;
	}
	/*  */
	/* ======================================= */
	/* ============ Que pour Tests =========== */
	/* ======================================= */
	/* la section pour afficher la largeur */
	.affichagelargeurpage{
		background-color: yellow;
	}
	/* ======================================= */
	/* ============ Que pour Tests FIN ======= */
	/* ======================================= */
	/*  */
	.sectiondceues{
		width: 90%;
		margin: 0 5% 0 5%;
	}
	/* === H1 quand il y a un menu permanent === */
	h1{
		border-top-style: solid;
		border-top-width: 0px;   1px
		border-top-color: khaki;
		padding-bottom: 2px;
		padding-top: 8px;
	}
	/*  */
	/* ================= Le HAUT de Page ======== */
	/*  */
	#pageheader{
		height: 190px;
	}
	/*  */
	/* ================= Logo du site */
	/*  */
	/* == class de l'image logo ========== */
	/* == lié à la taille de pageheader == */
	.logosite{
		height: 58px 
	}
	.titreimage{
		max-height: 175px;
		max-width: 80%;
	}
	/*  */
	/*  */
	/* ================================= MAIN === */
	/* === ! voir height de pageheader fixe ! === */
	main{
		margin-top: 190px;
	}
	/* */
	/* ================================= NAV =======*/
	/* */
	nav{
		position: static; /* normal - sans bouton */
		margin-top: 2px;
		margin-left: 20px;
		margin-right: 20px;

	}
	nav ul{
		/* border: 3px solid green; */
		/*float: left;
		width: 100%*/
		overflow: hidden; /* dans ce contexte, overflow:hidden, fait grandir le bloc même si ses enfants sont en float */
	}
	nav li{
		float: left;
		background-color: transparent;
	}
	nav ul li a{
		/*background-color: #404040;*/
		padding: 2px 8px 2px 5px; 
	}
	/* */
	/* ================================= NAV FIN ===*/
	/* */
	/* */
	/* ========== le bouton "burger" ======= */
	/* */
	button{
		display: none;
	}
	/*  */
	/* ========== le bouton "burger" FIN === */
	/*  */
	/*  */
	/* ================= Les SECTIONS ======== */
	/*  */
	/*  */
	.titresitetxt{
		font-size: 1.7em;
	}

	/*  */
	/* ============= section Horizontale */
	/*  */
	.sectionhorizontale{
		width: 98%;
		margin: 0 1% 0 1%;
	}
	.sectiontribune{
		width: 82%;
		margin: 0 9% 0 9%;
		padding: 5px 5px 5px 5px;

	}

	/*  */
	/* =============== section_blog */
	/*  */
	.section_blog_gauche{
		width: 100%;
	}
	.section_blog_centre{
		width: 79%;
	}
	.section_blog_droit{
		margin-top: 20px;
		width: 20%;
	}
	/*  */
	/* == section_blog FIN */
	/* */

	/* */
	/* == sections 2/3 - 1/3 */
	/* */
	.section_2_3_gauche{
		float: left;
		width: 68%;
	}
	.section_1_3_droit{
		float: right;
		width: 32%;
	}
	/* */
	/* == sections 2/3 - 1/3 FIN */
	/* */
	/* */
	/* == sections GAUCHE DENSE === */
	/* */
	.section_3_4_gauchedense{
		float: left;
		width: 75%;
	}
	.section_1_4_droitdense{
		float: right;
		width: 22%;
		margin-right: 5px;
		margin-top: 5px; /* selon hauteur txt 3/4 gauche */
	}
	/* */
	/* == sections GAUCHE DENSE FIN */
	/* */
	/* == section 50 % */
	.section50pc{
		float: left;
		width: 48%;   /*50% que en desktop*/
	}
	/* == section 50 % fin*/
	/*  */

	/*  */
	/* =================== section Footer */
	/*  */
	.section_footer_gauche{
		float: left;
		width: 75%;
	}
	.section_footer_droit{
		float: right;
		width: 22%;
		margin-right: 10px;
		margin-top: 10px; /* selon hauteur txt 3/4 gauche */		
	}
	/*  */
	/* ================= Les SECTIONS FIN ===== */
	/*  */
	/*  */
	/* ================= Les ARTICLES ======== */
	/*  */
	.article2parligne{
		max-width: 49%;
		margin-right: 1%
	}
	.article4parligne{
		max-width: 24%;
		margin-right: 1%
	}
	.article6parligne{
		max-width: 32%;
		margin-right: 1.2%;
		min-height: 200px;
	}
	.gauche60{
		width: 58%;
	}
	.droite40{
		width: 38%;
	}


	/*  */
	/* ================= Les ARTICLES FIN ====== */
	/*  */
	/* */
	/* ============================ IMAGES ==== */
	/*  */
	/* */
	.imgliens{
		max-height: 55px;
		min-height: 30px;
		max-width: 98%;
		/*background-color: transparent;*/
	}
	/*  */
	.imgmilargeur{
		float: left;
		max-width:45%;
		margin:2px 5px 0px 2px;
	}
	/*  */
	/* Images directement en section */
	.img4parsection{
		max-width:24%;
	}
	/* */
	.img6parsection{
		max-width:32.2%;
		margin:2px 6px 10px 2px;
	}
	/*  */
	/*  */
	/* ============= Les types LISTES === */
	/*  */
	/*  */
	/* ============= Type Liste 01 === */
	/*  */
	.TypeListe01_ul{
		list-style: initial; 
		margin-left: 0px;
		padding-left: 15px;
	}
	.TypeListe01_ul li{
		float: none; 
	}
	/*  */
	/* === TypeListeBlog === */
	/*  */
	.TypeListeBlog_ul li{
		float: none;
	}
	/*  */
	/* === TypeListeBlog FIN */
	/*  */
	/*  */
	/* === TypeListe01 pour Droit dense === */
	/*  */
	.section_1_4_droitdense .TypeListe01_ul{
		list-style: none; 
		margin-left: 2px;
		padding-left: 0px;
	}
	.section_1_4_droitdense .TypeListe01_ul li{
		float: left;
	}
	/*  */
	/* === TypeListe01 pour Droit dense FIN */
	/*  */
	/*  */
	/* ============= Les types LISTES FIN === */
	/*  */
	/*  */
	/* ============= Icone GO TOP */
	/*  */
	/*  */

/* === Jack : css 04 : FORMAT TABLETTE FIN ===*/
}