﻿




/*
     FILE ARCHIVED ON 22:51:50 Dec 21, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 8:42:19 Mar 17, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ====== ELEMENTS Standards ========== */
body {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 780px;
}
h1 {
	color: #4E68A4;
	font-size: 160%;
	font-weight: bold;
}
h2 {
	font-size: x-large;
	font-variant: small-caps;
	font-weight: bold;
}
h3 {
	font-size: 1.15em;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0 auto;
	padding-top: 2em;
	padding-bottom: 1.4em;
	text-align: center;
}
h4 {
	text-decoration: underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline; 
}

/* ========== Styles generiques ============ */
.clearLeftHidden, .clh {
	clear: left;
	visibility: hidden;
}
.clearRightHidden, .crh {
	clear: right;
	visibility: hidden;
}
.clearBothHidden, .cbh {
	clear: both;
	visibility: hidden;
	}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
a img {
  border: 0;
}

/* ========== Zone ENTETE ============ */

div.bandeau {
	background-color: #fff;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	height: 113px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
div.bandeauGauche {
	float: left;
	height: 100%; 
	margin: 0;
	text-align: right;
	vertical-align: top;
	width: auto;
}
div.bandeau2008-droite {
	background-image: url(/plugins/jayceeWeb/styles/jcef2008/bandeau-jce_1-ImageJCI-long800.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 100%;
	margin: 0 0 auto;
	overflow: hidden;
	width: auto;
} 
h1.Asso, h2.AssoSlogan {
	margin: 0;
}
h1.Asso a {
	color: #0D94D4;
	font-size: 10pt;
	font-weight: bold;
}
h2.AssoSlogan a {
	font-size: 8pt;
	font-variant: normal;
	font-weight: normal;
	color: #325D94;
}
h1 span.AssoSuite {
	color: #325D94;
	font-size: 120%;
}
h1.Asso a:hover, h2.AssoSlogan a:hover {
	text-decoration: none;
}
div.bandeau2 {
	background-color: #fff;
}
/* ============= Menu Bandeau déroulant =============== */

ul.menuList ul {  /* + , ul.menuList li ul ?? */   
	display: none; 
}
ul.menuList li:hover>ul { /* + , ul.menuList ul:hover ?? */
	display: block; 
}

ul.menuList, ul.menuList ul {
  background-color: transparent;
	border: 1px solid #00274E;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
  list-style: none;
	margin: 0;
	padding: 0;
}

ul.menuList {
  background-color: #fff; /*#EFF3F6;*/
	border-left: none;
	border-right: none;
	left: 10px;
	padding: 0.3em 0;
	position: static;
	top: 0;
	width: 100%;
	}

ul.menuList ul {
  left: 1px;
  position: absolute;
  top: 1.4em;
	width: 15em;
}

ul.menuList ul ul {
	left: 95%;
	top: -1px;
}

ul.menuList li {
	display: inline;
  position: relative;
  margin: 0;
  padding: 0;
	/* z-index: +1; */

}
ul.menuList ul li {
	display: block;
}

ul.menuList a {
	color: #00274E;
	display: inline;
  padding: 0.25em 0.75em 0.25em 0.75em;
  text-decoration: none;
  text-indent: 0;
  width: auto;
}

ul.menuList ul a {
	display: block;
}
ul.menuList li:hover, ul.menuList li a:hover {
  color: #FFFFFF;
  background-color: #FF8000; /*#0E90CA;*/
}

ul.menuList li.liRub a span {
	font-family: "Times New Roman", serif;
}

/* ========= MENU RUBRIQUE GAUCHE ============== */

.menuPath, .menuRub {
  background-color: #FF8000; /*#0494D0;*/
	/*border: 1px solid #fff;*/
  color: #fff;
	list-style-position: outside;
  list-style-type: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-indent: 0;
}
.menuPath a {
  color: #fff;
}
.menuPath li {
	display: inline;
}
.menuPath li.title {
	font-weight: bold;
	padding-left: 1em;
}
.menuRub li {
	border: 1px solid #fff;
	border-top: none;
	text-indent: 0;
	width: 100%;
}
.menuRub li.title a {
	font-size: 120%;
	font-weight: bold;
	padding-right: 1em;
	text-align: right;
}
.menuRub li a {
  color: #EAEEFF; /*#fff;*/
  display: block;
	padding: 0.1em 0 0.1em 0.5em;
}
ul.menuRub li a:hover {
  /* background-color: #3C6B8D;*/
  color: #00274E; /*#EAEDFF;*/
  text-decoration: none;
}
/*ul.menuRub li.liRub {
  font-weight: normal;
  list-style-type: square;
}
ul.menuRub li.liRub a {
	display: inline;	
}*/
ul.menuRub li a.liArtCible {
	background-color: #214160;
	color: #EAEDFF;
}
ul.menuRub li.liRub a span {
	font-family: "Times New Roman", serif;
}

/*
ul.menuRub li li {
	list-style-position: outside;
}
ul.menuRub li.liRub {
	border-bottom: 1px solid #fff;
  font-weight: normal;
  list-style-type: none;
  display: block;
}
ul.menuRub li.liRub a {
	border-top: 1px solid #fff;
	display: list-item;
  list-style-type: disc;
}
ul.menuRub li.liRubCible, ul.menuRub li.liRubCible a {
	background-color: #fff;
	color: #0494D0;
}
ul.menuRub li a.liRubCible {
  border-left: solid 5px #214160;
}
ul.menuRub li.liRub div.liRub {
	display: list-item;
	font-size: 90%;
  list-style-type: none;
	list-style-position: inside;
	padding: 0em 0 0em 0em;
	margin-bottom: 0.2em;
}
ul.menuRub li.liRub div.liRub a {
	display: inline;
	border: none;
	margin: 0;
	padding: 0;
}
ul.menuRub li.liArt {
	font-size: x-small;
  font-weight: normal;
	height: auto;
  list-style-type: none;
	min-height: 1.6em;
  padding: 0;
	height: 1.6em;
	height: auto;
}
ul.menuRub li.liArt a {
	display: list-item;
  list-style-type: none;
	list-style-position: inside;
	margin: 0;
}

ul.menuRub li a.liArtCible {
	background-color: #214160;
	color: #EAEDFF;
	font-weight: bold;
  padding-right: 1em;
}
*/

/* ========= ZONES ============ */ 
div#zPrincipal {
  background-color: #FFFFFF;
  clear: both;
  color: #000;
 	font-size: 11px;
  margin: 0 auto 2em;
	padding: 0 0 0 0;
	width: 100%;
}
div.zContenu {
  background-color: transparent;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 25%;
	padding: 0 0 0 2%;
	/*position: relative;*/
}
div.zContenu h1 {
	color: #4E68A4;
} 
div.zContenu h2 {
	background-color: #EAEEFF;
	color: #4E68A4;
	font-size: 130%;
} 
div.zContenu div {
	 margin: 0 0 0em; 
	padding: 0.5em;
	/*position: relative; /* Pour que le texte central ne bloque pas les liens à droite */ 
}
div.zContenu div div {
	margin: 0 0 0.5em;
	padding: 0;
	/*position: relative;*/
}
div.zContenu div div.menu, .menu {
	margin: 0.5em;
	margin-bottom: 1em;
	width: auto;
}
div.zContenu a[target="Web"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
div.encart {
	background-color: #fff;
	float: right;
	font-size: 11px;
	margin: 0 0 0 auto;
	width: 30%;
}

.zLeft25 {
	background-color: #fff;
  border: none;
  clear: left;
	color: #333;
	float: left;
	/*position: relative;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	margin-right: 1em;
	padding: 0;
	padding-right: 1em;
	/*text-align: center;*/
	width: 25%;
}
.zLeft25 form {
  font-size: 80%;
  margin-left: 1em;
  width: auto;
}
.zLeft25 form p, .zLeft25 form div, .zLeft25 form input  {
  margin-bottom: 0;
  margin-top: 0;
  width: auto;
  }
  
div.zMessage span {
	background-color: #f00;
	color: #fff;
	font-weight: bold;
} 

div.zContenu div.zDocuments {
	position : static;
}

/* ========= EDITOS à Gauche ============ */ 

.zEditos, .zActualites  {
	/* background-color: #ff8000; */
	border : 1px solid #ff8000;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 1em 0.5em;
	padding: 0.3em;
	text-align: justify;
	-moz-border-radius : 8px 8px 8px 8px;
}
.zEditos .Edito, .zActualites .Actualite {
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}
.zEditos img.logo, .zActualites img.logo{
	float: left;
	margin: 2px;
	padding: 0;
}
.zEditos .chapo, .zActualites .chapo {
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
}

.zActualites {
	border : 1px solid #4483C5;
	text-align: left;
	-moz-border-radius : 0;
}
.Actualite {	
	background-color: #4483C5;
	color: #fff;
	text-align: center;
}

p.Actualite a {
	color: #fff;
}	

/* =========== ANNONCES =============== */

/* Habillage du plan du site : Habillage.css */

.breves {
	color: #333;
	margin: 0.5em;
	margin-bottom: 1em;
	width: auto;
}

.breves ul {
	list-style-type: none;
	margin: 0 0 0.75em;
	padding: 0;
}
.breves li {
	margin: 0.3em;
}

.breves-1 		{ background-color: #e8eff4; }
.breves-1 .breves-titre	{ background-color: #f7f9fb;  }

.breves-2		{ background-color: #f8f8e8; }
.breves-2 .breves-titre 	{ background-color: #fcfcf0; }

.breves-3, breves-parme 		{ background-color: #eaffea; }
.breves-3 .breves-titre	{ background-color: #f2fff2; }

.breves-4 		{ background-color: #eaeaff; }
.breves-4 .breves-titre	{ background-color: #f2f2ff; }

.breves-5 		{ background-color: #e8f8f8; }
.breves-5 .breves-titre	{ background-color: #f0fcfc;  }

.breves-6, .breves-maj  		{ background-color: #ffEAD4; }
.breves-6 .breves-titre, .breves-maj .breves-titre	{ background-color: #fff5eb;  }

.breves-rubrique 		{ background-color: #ffEAD4; }
.breves-rubrique .breves-titre	{ background-color: #fff5eb;  }

.breves-titre {
	border-bottom: dotted 1px #ccc;
  font-weight : bold;
  height: auto;
  min-height: 13px;
	text-align: center;
  }

.motscles 		{ background-color: #cee1ff; }
.motscles .breves-titre	{ background-color: #e6f0ff; text-align:center; }

/* =========== ACTUALITES =============== */

.zActualiteExterne {
	border : solid 1px #F90;
	margin: 1em 0.5em;
	padding: 0;
}
.zActualiteExterne .breves {
	margin: 0;
}
.zActualiteExterne .breves-1, 
.zActualiteExterne .breves-2, 
.zActualiteExterne .breves-3, 
.zActualiteExterne .breves-4, 
.zActualiteExterne .breves-5, 
.zActualiteExterne .breves-6 {
	background-color: transparent;
	margin: 0;
	padding: 0;
} 
.zActualiteExterne .breves-1 .breves-titre {
	background-color: #F90;
	margin: 0;
	padding: 0.5em 0;
}
.zActualiteExterne .breves-1 .breves-titre a {
	color: #FFF;
}
.zActualiteExterne .breves-titre {
	background-color: #fff5eb;
}
/* =======================================*/  

div.zContenu div.zPresse, div.zContenu div.zPresse {
	background-color: #f9f6f0;
	border: solid 2px #c2bfbb;
	clear: left;
	padding: 1em;
	-moz-border-radius : 0 0 10px 10px;
}

div.zContenu div.zPresseOnglet, div.zContenu div.zPresseOngletActif  {
	background-color: #f9f6f0;
	border: solid 2px #c2bfbb;
	float: left;
	padding: 5px 1em;
	margin-bottom: -2px;
	-moz-border-radius : 10px 10px 0 0;
}
  
div.zContenu div.zPresseOnglet {
  background-color: #fffcf7;
}

div.zContenu div.zPresseOngletActif {
	border-bottom: 0;
	font-weight: bold;
	padding-top: 7px;
}

div.zContenu div.zPresse .spip_logos {
	margin: 0.3em;
} 
/* =======================================*/  


.titre_sommaire {
	background-color: transparent;
	font-size: xx-small;
	margin: 0 0 1em 0;
	text-align: center;
}
div.displayPrint, .hideOnScreen {
	display: none;
}
.rubInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 0;
	padding: 0;
}
ul.rubResume {
	font-family: "Times New Roman", Times, serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.rubResume li.titResume {
	list-style-type: none;
	margin: 0.5em 0 0.5em;
	font-size: 1.15em;
	font-variant: small-caps;
	font-weight: bold;
}
ul.rubResume li {
	list-style-type: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0 0 0 0;
	text-decoration: none;
}
ul.rubResume a {
	color: #3C6B8D;
	text-decoration: none;
}
div.spip_encadrer  {
  background-color: transparent;
  border: none;

  font-size: x-small;
  line-height: 1em;
  height: normal;
  margin: 0 0 0 12px;
  padding: 0 0 0 0px;
	text-align: center;
  width: auto;
}
div.spip_encadrer div, div.spip_encadrer p {
  margin: 0 0 0 0;
  padding: 0;
	text-align: center;
  width: auto;
}
#zLeft25 hr {
	margin-left: 12px;
}
div.spip_encadrer input#var_login {
	width: 90%;
}
.auteurSession {
	background-color: #F77E39;
	color: #ff0;
	margin: 0;
	padding: 0.3em 1em;
}
.espaceMembres {
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
  margin-left: 12px;
}
.sommaire {
	font-size: small;
	font-style: italic;
	font-weight: bolder;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.edition {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: smaller;
}
.noms li {
  display: inline;
  margin: 0.1em 0.5em 0.1em 0.5em;
}
.DocumJoint_Titre {
	font-weight: bold;
	margin: 0;
}
.DocumJoint_Descrip {
	margin: 0;
}

.logiciel {
	font-style: italic;
	font-weight: bold;
}
.siteWeb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.spanMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	background-color: #D4D0C8;
	padding: 1px 0.5em;
}
.spanKey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: bold;
	text-decoration: none;
	border-bottom: dashed thin ;
	padding: 1px 0.5em;
}
.spanTabs {
	border: outset medium;
	border-bottom: solid 1px #C0C0C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-variant: normal;
	font-weight: bold;
	padding: 1px 0.5em;
}
.spanLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #D4D0C8;
	border: none;
	padding: 1px 0.5em;
}
.spanButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #D4D0C8;
	border: outset medium;
	padding: 1px 0.5em;
}
.spanDialog {
	background-color: #173275;
	border: outset medium;
	border-bottom: none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	padding: 1px 0.5em;
}
.spanHelp {
	background-color: #FFFFD1;
	border: solid thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	padding: 1px 0.5em;
}
.spanComboBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: inset thin;
	font-size: small;
	padding: 1px 0.5em;
	padding-right: 1.5em;
	background-image: url(/plugins/jayceeWeb/styles/Gui-ComboBox.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

div.zFooter, div.zFooter ul {
 	font-size: 11px;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	width: auto;
}
div.zFooter {
	padding-bottom: 1em;
}
div.zFooter li {
	border: 1px solid #222;
	border-top: none;
	border-bottom: none;
	display: inline;
	list-style-type: disc;
	margin: 0;
	padding: 0;
}
div.zFooter li a {
	color: #222;
	white-space: nowrap;
	margin: 0;
	padding: 0 0.5em;
}
div.zContenu div.zDateHeure {
	margin: 0 auto 1em;
	text-align: center;
}
.zStatistique {
	margin :0;
	padding: 0;
}
/* ========== Edition *************** */
.zAccesEdition {
	width: 100%;
}
.zAccesEdition, .zAccesEdition a  {
	color: #888;
 	font-size: 11px;
	margin: 0;
	padding: 0;
}
.zAccesEdition a:hover, .zAccesEdition li:hover, .zAccesEdition li:hover a {
	color: #222;
}
.zAccesEdition select {
	background-color: #EFF3F6;
 	font-size: 11px;
 	margin: 2px;
}
table.zAccesEdition td {
	text-align : center;
	vertical-align: top;
}
.zAccesEdition fieldset {
	padding: 0.25em 0.8em;
}

ul.zAccesEdition {
	display: block;
	float: right;
	margin-right: 0;
	text-align: right;
}
ul.zAccesEdition form {
	text-align: right;
	display : inline;
}
ul.zAccesEdition li {
	border: none;
	display: block;
	text-align: right;
}
ul.zAccesEdition input[type="submit"] {
	background-color: transparent;
	border-width: 1px;
	color: #888;
	font-size: inherit;
	margin-left: 0.2em;
}
ul.zAccesEdition .boutonIE, ul.zAccesEdition .inputIE {
	border-width: 1px;
	font-size: 11px;
	margin-left: 0.2em;
	padding: 0;
}
ul.zAccesEdition .boutonIE {
	background: transparent;
	display: inline;
	color: #888;
} 

ul.zAccesEdition input[type="input"] {
	font-size: 11px;
	padding: 0;
}
ul.zAccesEdition input[type="submit"]#submitAccesMembres:hover {
	color: #A00000;
}

ul.zAccesEdition input[type="submit"]#submitDeconnecter:hover {
	color: #00A000;
}
ul.zAccesEdition input[type="submit"]#submitNouvelArticle:hover {
	color: #0000A0;
}

.zThemes {
	width: 25%;
}
/* ============== CALENDAR ============= */

div#calendar {
	text-align: center;
}
div#calendar table, div#calendar caption {
	margin: 0 auto;
	text-align: center;
}
div#calendar td, div#calendar th {
	border: solid 1px #ccc;
	color: #333; 
}
div#calendar caption {
	color: #333;
	font-weight: bold; 
}

/* =========== SPIP Standard =============== */

.spip_documents { text-align: center; }
.spip_documents_center { width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

.spip_surligne { background: #FF6; }

/* =========== Formulaires =============== */
