/* Jack : css 01 : tous les formats */
/*spécifique 2018 2019 élections*/
/* body couleur de fond, font & padding*/
body{
	background: #efefef;   /* #D2D8CE  jaune clair : #FAFAE6;*/
	/* black #000 #171717 #fff  climat= #5D646E vert : #305b02  gris #ADADAD vert gris clair #D2D8CE*/
	padding: 1px;
	/* base classique : http://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html */
	/* Polices à empattements (serif) */
	/* font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; */
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-style: normal;
	/* Polices sans empattements (sans-serif) */
	/* font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; */
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	/* font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; */
	/* font-family: Tahoma, Geneva, Kalimati, sans-serif; */
	/* font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; */
	/* font-family: Impact, "Arial Black", sans-serif; */
	/* Polices à chasse fixe (monospace) */
	/* font-family: "Courier New", Courier, "Liberation Mono", monospace; */
	/* font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace; */
	/* 	*/ 
	/* ========================= */
	/* ===== Taille de base des caractères dans les déclinaisons === */
	/*font-size: 9pt;*/
	line-height: 1.4em;
	letter-spacing: 0;
	/* ========================= */
}
/*  */
/* === MARGES globales extérieures & intérieures */
/*  */
/* MARGES EXTérieures globales & GESTION FLOW */
/*  */
header,main,footer,section,article{
	margin: 0 0 0 0;
	overflow: hidden;
	border-radius: 5px;

}
/* enlever border-radius des sections */
section{
	border-radius: 0px;
}
/*  */
/* ========= marges intérieures */
/*  */
body header,main{
	padding: 1px;
}
/*  */
section, article{
	padding: 1px
}
/* à créer pour html > 4 */
i {
	font-style: normal;  /*italic*/
	color: #30719A; /*#399995   #077672*/
}
/* ================= Les tableaux ========= */
.sectiontable{
	padding: 15px 0 15px 10px;
	/*background-color: grey*/
}
table{
	float: left;
	/*background-color: yellow*/
}

tr{
	border: 1px solid white;
}
td,th{
	padding: 1px 15px 1px 5px;
	text-align: left;
	color: black;  /*#237799*/
	font-size: 0.9em;
}
/* ================= Les tableaux FIN ===== */
/*  */
p{
	margin: 1px 1px 5px 1px
}

/* */
/*                                         spécifique DCEUES */
/* */
.sectiondceues{
	width: 100%;
	margin: 0 0 0 0;
	/*padding: en déclinaisons*/
	/*padding: 2px 0 2px 0;*/
	border-bottom-style: solid;
	border-bottom-width: 0px;   /*1px*/
	border-bottom-color: white;

}
.sectiondceues article{
	text-align: justify;
}
.sectiondceues h1{
	color: #72241E;
	line-height: 1.3em;
	margin-bottom: 20px;
	font-style: normal;
}
.sectiondceues h2{
	color: #256f87;
	line-height: 1.3em;
	margin-bottom: 15px;
}
.sectiondceues p{
	color: black;  /* #256f87  #72241E*/
	font-style: normal;
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 1px 1px 15px 1px;
}
.sectiondceues .bvert{
	color: #2F4F4F;
}
.sectiondceues .pliste{
	color: black;   /*#72241E*/
	margin: 1px 1px 10px 45px;
	text-indent: -25px;
	font-weight: normal;
}
.sectiondceues h3{
	background-image: none;
	color: #72241E;
	padding-left: 0;
}
.sectiondceues article{
	background-color: transparent;
}
.imgmailDCEUES{
	float: left;
	background-color: transparent;
	width: 98%;
}
.img201910{
	float: center;
	background-color: transparent;
	padding: 1px,10%,10px,10%;


}
/* */
/*                                         spécifique DCEUES */
/* */
/* */


/* */
/*spécifique urgence environnement*/
/* */
.ptribune{
	margin: 1px 1px 10px 1px;
}
.pliste {
	margin-left: 20px;
	text-indent: -10px;
}
.pcentre {
	text-align: center;
}
/*
b{
	color: #256f87;
}
*/
/*spécifique 2018 2019 élections*/
.pcitations{
	color: #295554; /*#F32139*/
}
h1,h2,h3,h4,h5,h6,span {
	margin: 4px 0 2px 0;
	padding: 1px 1px 3px 1px 
}
/*  */
/* ========================= Les H SPEC Globales === */
/*  */
/*spécifique 2018 2019 élections*/
h6{
	font-size: 1.2em;
	/*color: #305B02;*/
	font-style: italic;
	/*background-image: url(../imgmod/icoh6.png);*/
	/*background-size: 15px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 2px 2px;  en déclinaisons */
 	/*padding-left: 22px;*/
}
h6::first-letter{
	text-transform: capitalize;
}
/* */
h3{
	font-size: 1.4em;
	line-height: 1.5em; /*spécifique 2018 2019 élections*/
	/*background-image: url(../imgmod/icoh6.png);*/
	background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
 	/*padding-left: 22px;*/
}
h5{font-size: 1.2em;}h4{font-size: 1.3em;}h2{font-size: 1.5em;}

h1{
	font-size: 1.6em;
	font-weight: bold; 
	font-style: italic;
	/*text-transform: uppercase;*/ /* lowercase capitalize */
	text-align: center;
	padding-bottom: 2px;
	padding-top: 2px;
	line-height: 1.3em;
}
/*  */
/* === paragraphe spécifique docuthèque  */
.paragraphedocutheque{
	float: left;
}
/*  */
/* ======================== liens en général */
/*  */
a, a:hover, a:active, a:visited{
	color: #2A719E;    /*#008080*/
	font-style: italic;
	font-weight :bold;
	text-decoration: none;
}
a:hover, a:active, a:visited {text-decoration: underline;}
/*  */
/* ========= Les COULEURS de CARactères globales */
/*  */
body header,main,footer{
	color: white;
}
main{
	background-color: transparent;
}
main p{
	color: black
}
/*main article h6, - Enlevé spécifique 2018 2019 élections*/
main article h5, main article h3, main article h4, main article h2{
	color: black;
}
/*spécifique 2018 2019 élections*/
main article h3{
	color: #206160;  /*rouge : #F32139;  vert #008080 #0C6F6F #186564 #206160*/
	font-style: normal;    /*italic*/
}
main article h4{
	color: #206160;   /*#008080  #0C6F6F #206160*/
	font-style: italic;
}

main article p{
	font-style: normal;    /*italic*/
	font-weight :normal;    /*italic*/
	color: #206160;  /*#305B02  #0C6F6F */
}
/*spécifique 2018 2019 élections*/
.section_3_4_gauchedense article{
	background-color: #FAFAE6;  /*#E6ECE2  #FAFAE6*/
}
.section_1_4_droitdense article{
	background-color: #FAFAE6;  /*#E6ECE2*/
}
.theheadermain {
	border-bottom-style: solid;
	border-bottom-width: 0px;  /*2px*/
	border-bottom-color: khaki;
	border-radius: 0px;
	background-color: #008080;   /*#FF9800   rouge : #F32139*/
}

/*  */
/* ============ Des FONDS de COULEURS === */
/*  */
.fondsignonslappel{
	background-color: transparent;  /*#FAFAE6*/
}
.fondmauve{
	background-color:#63424B; 
}
.fondbleu{
	background-color:#396da5; 
}
.fondvert{
	background-color:#0c7b56; 
}
.fondvertbleu{
	background-color:#008080; 
}
.fondbisque{
	background-color: bisque
}
.fondivoire{
	background-color: ivory
}
.fonddarkslategray{
	background-color: darkslategray
}
.fondgrisclimat{
	background-color: #5D646E;
}
.fondnone{
	background-color: transparent;
}
.fondtravauxfooter{
	background-color: #D2D8CE;
}
.fondarcencielcud{
	background-image: url(../imgmod/arcencielcud.png); /* , url(../img/paper.gif) */ 
	/*background-size: 100%;*/
    background-position: left top, left top;  /*right center, left top*/
    background-repeat: no-repeat ;/* repeat */
    /* sans image de fond header */
	background-color: black;

}
/*  */
/* ============ Des FONDS de COULEURS FIN */
/*  */

/*  */
/* ================= Le HAUT de Page ======== */
/* ======== tailles dans les déclinaisons === */
/*  */
#pageheader{
	position: absolute;   /*fixed*/
	margin-top: 0;
	/* image de fond header */
	/*background-image: url(../imgmod/fondheader.jpg); /* , url(../img/paper.gif) */ 
	background-size: 100%;
    background-position: right center, left top;
    background-repeat: no-repeat ;   /* repeat */
    /* sans image de fond header */
	background-color: #256f87;   /*#FAFAE6*/
	border-top-style: solid;
	border-top-width: 0px;  /*1px*/
	border-top-color: khaki;
	border-bottom-style: solid;
	border-bottom-width: 0px;  /*1px*/
	border-bottom-color: khaki;
	border-radius: 0px;
	overflow: hidden;

} 
/*  */
/* ================= Logo du site */

/* class de l'image logo == */
.logosite{
	float: left;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px;
	border-color: white;
	/*border-bottom: 1px solid white;*/
	/*background-color: transparent; /*spécifique CuD #BDBFC9 */

	/*background-image: url(../imgmod/fondtransparent.png);
	background-repeat: repeat;*/
}
/*  */
/*  */
/* ================= Les SECTIONS ======== */
/* === Déclinaisons des sections voir cascades === */
/*  */
#sectionlogo{
	float: left;
	background-color: transparent; 
}
#sectiontitresite{
	float: left;
	text-align: center;
	background-color: transparent;
	overflow: hidden; 
}
.titresitetxt{
	color: #206160;  /*spécifique 2018 2019 élections normal = white */
	
}
/*spécifique CuD*/
.soustitresitetxt{
	color: #295554;  /*spécifique 2018 2019 élections normal = white */
	
}
/* section horizontale */
.sectionhorizontale{
	width: 100%;
	margin: 0 0 0 0;
	/*padding: en déclinaisons*/
	/*padding: 2px 0 2px 0;*/
	border-bottom-style: solid;
	border-bottom-width: 0px;  /*1px*/
	border-bottom-color: white;
}
.sectiontribune{
	/*width margin & padding: en déclinaisons*/

	border-color: white;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;

}
/* == section_blog === */
.section_gauche_60{
	float: left;
	width: 60%;	
}

.section_blog_gauche{
	float: left;	
}
.section_blog_centre{
	float: left;
}
.section_blog_droit{
	float: right;
	background-color: darkslategray;  /* #404040 */
}
/* == section_blog FIN */
/*  */
/*  */
/* ================= Les SECTIONS FIN ==== */
/*  */
/*  */
/* ============= Les ARTICLES global */
/*  */
article{
	float: left;
	display: block;
	margin-bottom: 4px; /* spécifique article */
	background-color: white
}
/*  */
.auteurarticle{
	text-align: right;
	font-style: italic;
	margin-top: 1px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.article100prccentre{
	width: 100%;
	text-align: center;
}
.articlelargeurtotale{
	width: 100%;
	text-align: left;
}
.articlesansfond{
	background-color: transparent;
}
.gauche60{
	float: left;   /*mesures en déclinaisons*/
}
.droite40{
	float: right;   /*mesures en déclinaisons*/
}
/*  */
/* ============= Les ARTICLES global FIN */
/*  */
/* ================== ILLUSTRATIONS global */
/*  */
img{
	margin: 2px;
	border-radius: 5px
}
.imagecompteur{
	margin-top: 5px;
	height: 11px;
	background-color: pink
}
/*  */
/* ================================ IMAGES ==== */
/*  */
/*spécifique 2018 2019 élections*/
.imgaccordcop21{
	float: center;
	max-width: 80%;
	margin-left: 10%;
}
/*  */
.imggauchedstxt {
	/* max-height:25%;/*  */
	float:left;
	max-width:35%;
	margin:2px 5px 2px 0;
	border-radius: 5px;
}
.imgdroitedstxt {
	/* max-height:25%; */
	float:right;
	max-width:35%;
	margin:2px 5px 0px 9px;
	border-radius: 5px;
}
.imgtravauxfooter{
	float: right;
	max-width: 8%;
	max-height: 35px;
}
.imglargeurtot{
	/* width:99%; */
	max-width:99%;
}
/*image mi largeur dans déclinaisons*/
.imggauchedsfooter {
	max-height:100px; 
	float:left;
	max-width:15%;
	margin:2px 5px 2px 0;
}
.imginfos{
	float:left;
	max-width:80px;
	margin:2px 5px 2px 0;
}
/*  */
/* Images directement en section */
/* tailles dans les déclinaisons */
.img4parsection{
	float:left;
	margin:2px 5px 10px 2px;
}
.img6parsection{
	float:left;
	margin:2px 5px 10px 2px;
}
/* tailles dans déclinaisons */
.imgcontacts{
	
}
/* */
.imgliens{
	
}
.imgclicdstexte{
	width: 20px;
	background-color: darkslategray;
	margin-right: 8px;
	margin-bottom: 0
}
/*  */
/* ============= Les types LISTES === */
/*  */
/* === TypeListeIcones === */
.TypeListeIcones_ul{
	position: relative;
	float: left;
	width: 100%;
	list-style: none;
	margin-top: 5px; /*si liens ou txt au-dessus*/
	margin-left: 2px;
	padding-left: 0px;
}
.TypeListeIcones_ul li{
	margin: 0 5px 3px;
	display: block;
	position: relative;
	float: left;
	/* background-image: url(../img/fondblanc.png);
	 background-repeat: repeat; */ 
}
.TypeListeIcones_ul a{
	color: white; /*au cas ou txt*/
	font-weight: bold;
	display: block;
	position: relative;
	float: left;
}
/* === TypeListeIcones FIN */
/*  */
/*  */
/*Type liste texte 26 mai*/
.typelistetexte_ul{
	list-style: none;
}
.typelistetexte_ul li{
	color: #72241E;  /*#72241E*/
	font-size: 1.0em;  /*section deues*/
	line-height: 1.3em;
	margin-left: 1.0em;
	margin-bottom: 10px;
}
.typelistetexte_ul li::before{
	content: "- ";
	margin-left: -1.0em; 
}
.typelistetexte_ul li::first{

}
.typelistetexte_ul li+li{
  	margin-top: 5px;
}
/* type liste 2020*/
.typelistetexte_ol{

}
.typelistetexte_ol li{
	color: #72241E;  /*#72241E*/
	font-size: 1.0em;  /*section deues*/
	line-height: 1.3em;
	margin-left: 1.0em;
	margin-bottom: 10px;
}
/*  */


/*  */
/* ============= Les types LISTES FIN */
/*  */
/* ============= Icone GO TOP ========= */
/* == tailles dans les déclinaisons === */
/*  */
#gotop{
	position: fixed;
	/*width: 20px;*/
	bottom: 1px;
	right:3px;
	z-index:55;
}
/*  */
.goleft{
	position: fixed;
	width: 20px;
	top: 75px;
	left:3px;
}
#goleft{
	position: fixed;
	width: 20px;
	left:3px;
	z-index:55;
}
#goright{
	position: fixed;
	width: 20px;
	right:3px;
	z-index:55;
}
/*  */
/*  */
/* === FOOTER commun de différentes pages / d'un site === */
/*  */
#pagefooter{
    background-color: black;
    border-radius: 0px; /*spécifique 2018 2019 élections*/
}
#pagefooter .imggauchedstxt, #pagefooter .imgdroitedstxt{
	max-width:20%;
}
footer article{
	background-color: transparent; /* transparent */
}
.pieddepage{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	background-color: #272727;
}
.pieddepage article{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.messagebaspage{
    margin: 0 0 0 0;
}
.messagebaspage p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10px; /* 0.8em */
    font-weight: bold;
}
/* === Jack : css 01 : FORMAT GLOBAL FIN ===*/