/* Jack : css 02 : format SMART */
/* 2ième fichier d'une cascade de smart vers Desktop */
/*  */
body{
	font-size: 11pt;
}
	h6{
		background-position: 2px 0px;
	}

/* ======================================= */
/* ============ Que pour Tests =========== */
/* ======================================= */
/* la section pour afficher la largeur */
.affichagelargeurpage{
	position: fixed;
	top: 1px;
	right: 50px;
	width: 80px;
	height: 50px;
	padding: 0;
	z-index: 88;
	color: black;
	text-align: center;
	background-color: pink;
}
/* l'article où s'affiche la largeur */
#largeurPage{
	margin: 0 0 0 0;
	padding: 0 0 0 2px;
	background-color: transparent;
}
/* ======================================= */
/* ============ Que pour Tests FIN ======= */
/* ======================================= */
/*  */
/* ================= Le HAUT de Page ======== */
/*  */
#pageheader{
	width: 100%;
	height: 105px
}
/*  */
/* ================= Logo du site */
/*  */
/* == class de l'image logo ========== */
/* == lié à la taille de pageheader == */
.logosite{
	height: 40px 
}
.titreimage{
	max-height: 240px;
	max-width: 80%;
}
.logoentexte{
	height: 24px
}
/*  */
/* ================================= MAIN === */
/* === ! voir height de pageheader fixe ! === */
main{
	margin-top: 105px;
}
.sectiondceues{
	width: 100%;
	margin: 0 0 0 0;
	padding: 7px 0 7px 0;

}

/* */
/* ================================= NAV =======*/
/* */
nav{
	position: fixed;
	top: -300px; /* loin au dessus pour cacher */
	left: 25%; /* 350% */
	/* width: 100%; */
	/*height: 100%;*/
	transition:top 0.5s; 
	/*float: left*/
	z-index:2;
}
nav.open{
	top: 50px;
	left: 15%;
	right: 2px;
}
nav li{
	float: left;
	background-color: darkslategray; /* #404040 */ 
}
nav ul li a{
	color: white;
	padding: 1px;
	display: block;
	text-align: right;
	font-weight: bold; /*normal*/
	font-size: 1.0em;
	margin: 2px 10px 2px 2px;
	background-color: transparent;
	/*background-image: url(../imgmod/fondtransparent.png);
	background-repeat: repeat;*/
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: khaki;
	padding-left: 5px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: khaki;
	padding-right: 5px;
}
nav ul li a:hover, nav ul li a:active, nav ul li a:visited{
	color: white;
}
nav ul li a::first-letter{
	font-size: 110%;
	color: khaki;
	/*background-color: #0c7b56;*/
}
/* */
/* ================================= NAV FIN ===*/
/* */
/*  */
/* ========== le bouton "burger" ======= */
/*  */
button{
	position: fixed;
	/* font-size: 0.8em; */
	top: 1px;
	right:5px;
	z-index:99;
}
/* bouton icône */
.boutonburger{
	background-color: transparent;
	border: none;
	padding: 0;
}
/* taille image burger */
.imageburger{
	width: 20px;
}
/* bouton texte */
.bouton{
    background-color: #396da5; 
    border: none;
    color: yellow;
    padding: 0.5px;
    text-align: center;
    text-decoration: none;
    /* display: inline-block; */
    font-size: 1.0em;
    font-weight: bold;
}
/*  */
/* ========== le bouton "burger" FIN === */
/*  */
/*  */
/* ================= Les SECTIONS ======== */
/*  */
/* ============= section Logo */
#sectionlogo{
	width: 15%;
}
/* ============= section Titre Site */
#sectiontitresite{
	width: 83%;
	margin-top: 8px;
	
}
.titresitetxt{
	font-size: 1.0em;
	font-weight: bold; 
	font-style: normal;
}
/*spécifique CuD*/
.soustitresitetxt{
	font-size: 1.0em;
	font-weight: bold; 
	font-style: normal;

}

/*  */
/* ============= section Horizontale */
/*  */
.sectionhorizontale{
	width: 100%;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;

}
.sectiontribune{
	width: 98%;
	margin: 1% 0 0 1%;
	padding: 3px 3px 3px 3px;

}
/*  */
/* =============== section_blog */
/*  */
.section_blog_gauche{
	width: 100%;
}
.section_blog_centre{
	width: 100%;
}
.section_blog_droit{
	width: 100%;
}
/* == section_blog FIN */
/* */
/* == sections 2/3 - 1/3 */
/* */
.section_2_3_gauche{
	float: left;
	width: 100%;
}
.section_1_3_droit{
	float: right;
	width: 100%;
	background-color: darkslategray
}
/* */
/* == sections 2/3 - 1/3 FIN */
/* */
/* */
/* == sections GAUCHE DENSE === */
/* */
.section_3_4_gauchedense{
	float: left;
	width: 100%;
}
.section_1_4_droitdense{
	float: right;
	width: 96%;
	margin-right: 3px;
	padding: 4px;
	background-color: none; /*darkslategray #ADADAD*/
}
/* */
/* == sections GAUCHE DENSE FIN */
/* */
/* == section 50 % */
.section50pc{
	float: left;
	width: 100%;
}
/* == section 50 % fin*/
/*  */
/* ===================== section Footer */
/*  */
.section_footer_gauche{
	float: left;
	width: 100%;
}
.section_footer_droit{
	float: right;
	width: 100%;
	margin-right: 3px;
	background-color: transparent;
}
/*  */
/* ================= Les SECTIONS FIN ===== */
/*  */
/*  */
/* ================= Les ARTICLES ======== */
/*  */
.article2parligne{
	width: 100%
}
.article4parligne{
	width: 100%
}
.article6parligne{
	width: 100%
}
.articlelargeurtotale{
	width: 100%
}
.articleaffichageresultats{
	width: 100%;
}
.articleaffichageresultats hr{
	margin: 0 0 0 0;
	padding-bottom: 0 0 0 0;
}
.gauche60{
	width: 100%;
}
.doite40{
	width: 100%;
}

/*  */
/* ================= Les ARTICLES FIN ====== */
/*  */

/* */
/* ============================ IMAGES ==== */
/* */
.imgcontacts{
	max-height: 25px;
	min-height: 17px;
	max-width: 98%;
}
/*  */
/* */
.imgliens{
	max-height: 50px;
	min-height: 30px;
	max-width: 98%;
	/*background-color: transparent;*/
}
.imgmilargeur{
	float: left;
	width:100%;
	margin:2px 1px 2px 1px;
}
/* Images directement en section */
.img4parsection{
	max-width:99%;
}
/* */
.img6parsection{
	max-width:99%;
}
/* */

/*  */
/* ============= Les types LISTES === */
/*  */
/*  */
/* ============= Type Liste IMAGE === */
/*  */
.TypeListeImage{
	list-style: none; 
	margin-left: 2px;
	padding-left: 0px;
}
.TypeListeImage li{
	float: left;
	margin: 0 8px 3px;
}
.TypeListeImage a{
	background-color: transparent;
}
/*  */

/* ============= Type Liste 01 === */
/*  */
.TypeListe01_ul{
	list-style: none; 
	margin-left: 2px;
	padding-left: 0px;
}
.TypeListe01_ul li{
	float: left;
	margin: 0 8px 3px;
	/* background-image: url(../img/fondblanc.png);
	 background-repeat: repeat; */ 
}
.TypeListe01_ul a{
	color: white;
	font-weight: bold;
	background-color: darkslategray;
}
/*  */
/* === TypeListeBlog === */
/*  */
.TypeListeBlog_ul {
	list-style: none; 
	margin-left: 2px;
	padding-left: 0px;
}
.TypeListeBlog_ul li{
	float: left;
	margin: 0 8px 3px;
}
.TypeListeBlog_ul a{
	color: white;
	font-weight: bold;
	background-color: darkslategray;
}
/*  */
/* === TypeListeBlog FIN */
/*  */
/*  */
/* ============= Les types LISTES FIN === */
/*  */
/*  */
/* ============= Icone GO TOP */
/*  */
#gotop{
	width: 20px;
}
/*  */
/* === Jack : css 02 : FORMAT SMART FIN ===*/