/* copié de base.css on modifie d'abord juste les couleurs 
-------------------------------------------------------
 	1. COULEURS
 ------------------------------------------------------- 
 souligné en rouge sous curseur
 */

 body {
	color: black;
	font: 86%/1.0 Arial,"Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma,  'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: center;
	/* pour centrer horizontalement la boite #page dans IE/Win */
	background-color: white;
	/* background-image - voir/see : 'alter.css' 
	background-image: url(none);
	background-repeat: no-repeat;
	*/
}
 
 
a, a:link, a:visited
{
	text-decoration: none;
	color: #AA0000;
}

a:hover
{
	text-decoration: underline;
	color: #AA0000;
}

a.spip_out,
a.spip_in,
a.spip_url,
a.spip_glossaire { color: #AA0000; }

/* COULEURS des menus */


/* text : color */

/* titres en blanc sur fond rouge, souligné sous curseur */
.menu ul li a, 
.menu ul li a:visited,
.menu ul li b 				{ color: white;}

.menu ul li li a, 
.menu ul li li a:visited 			{ color: #AA0000;}

/* a revoir*/

.menu li span 				{ color: #444;}


.menu ul li a:hover,
.menu ul li li a:hover,
.menu ul li li a.lienon 	{ color: maroon;}


/* background */
.menu ul li a,
.menu ul li b 				{ background-color: #AA0000; }

/* a revoir */

.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				{ background-color: #DDD; }

.menu li span
{
	display: block;	
	font-style: normal;
	font-weight: bold;
	font-size: 100%;	
}

.menu ul li a:hover,
.menu ul li li a:hover { text-decoration: underline; }
.menu ul li li a.lienon 	{ background-color: #ffd; }


.menu ul li li a.article { background-color: #eee; }
.menu ul li li a.article:hover { text-decoration: underline; }





.menu-item,
.menu-titre-special, 
.menu-titre { background-color: #AA0000; } 


.edito h3 {background-color: #AA0000;/* background-image - voir/see : 'alter.css' */}

/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX élargissement 76 au lieu de 66
 ------------------------------------------------------- */
 #page
{
	
	width: 76em ;
}



 
/* -------------------------------------------------------
 	3. BANDEAU - ENTETE (inc/inc-bandeau.html)
	Nouvelle image et réglage des hauteurs de colonnes
 ------------------------------------------------------- */
 
 
 #entete			
{
	height: 92px;
	width: 524px;
    margin: auto;
	background-image: url(img/ujfp-logo-titre-mo.jpg);

}

 
#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited { background-image: url(none); }










/* -------------------------------------------------------
 	4. ELEMENTS HTML DE BASE
 ------------------------------------------------------- */



/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
 
#encart { top: 102px } 
#menu-rubriques { top: 102px } 
 
/* .dateve {background-color: white;} */

/* FORMULAIRE */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #DDD; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

.formulaire_spip .boutons { clear: both; margin: 0; padding: 0;background-color: #DDD; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}

/* pas de puce dans les listes à puce des formulaires de newsletter  */

 ul.editer-groupe {list-style-type:none;}
 
 /* classe des labels des formulaires */
 
label
 { 
    vertical-align: top;
}
 
 /* labels des formulaires formidable 
 
 .formulaire_spip  label {
   display: block;
	width: 100px;
	float: left;
}
 */
 /* taille des labels */
 
 .lab200 {	
    display: block;
	width: 150px;
	float: left;}
	
	
/* message d'erreur des input des formulaires */	
	
.erreur_message { 
vertical-align: top;
font-weight : bold;
color: red; }

/* style des formulaires formidables */

.formulaire_formidable  input{size : 50;}
	
/* a deplacer dans styles.html */
.separateur
{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(img/puce.gif);
}

#entete .nom-site span { right: 200px; }

#menu-lang,
#formulaire-lang
{
	right: 0;
	text-align: right;
}

/*

.formulaire_recherche input.forml {
	background-image: url(img/loupe.png);
	background-repeat: no-repeat;
	background-position: right center;
}

	



.formulaire_spip label {
 font-weight: bold;	
 margin-top:10px;
 display:block;
 }
/*.formulaire_spip label.inline {
 display:inline;
 margin-right:50px;
 } 
.formulaire_spip input, textarea{
 background-color:#FFF3F3;
 } 
.formulaire_spip input, textarea{
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
 
.formulaire_spip select {
 margin-top:10px;
 } 
/* .formulaire_spip input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 } 
.formulaire_spip input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }

*/

/*.formulaire_spip input {margin-left: 150em;} */


* Styles des formulaires publics plugin formidable
*/

.formulaire_formidable div.editer-groupe {
  text-align: left;
  margin-left: -10px;
  margin-right: -10px;
  font-size: 76%;
  overflow: hidden;

  /* border: 1px solid #73AD21; */
}

/**
* Listes de sélection
*/

.formulaire_formidable div.editer.saisie_selection {
  /* marge entre chaque block questionnaire */
  margin-bottom: 1em;
  border: 8px solid transparent;
  overflow: hidden;
  padding-left: 140px;
  background: #fff;

  /* border: 1px solid red; */
}

.formulaire_formidable div.editer.saisie_selection label {
  margin-left: -130px;
  width: 80px;
  float: left;

  /* border: 1px solid red; */
}

.formulaire_formidable div.editer.saisie_selection select {
  padding: 3px;
  width: 95%;
}

/**
* Cases à cocher
*/

.formulaire_formidable div.editer.saisie_checkbox {
  /* marge entre chaque block questionnaire */
  margin-bottom: 1em;
  border: 8px solid transparent;
  overflow: hidden;
  padding-left: 140px;
  background: #fff;

  /* border: 1px solid green; */
}

.formulaire_formidable div.editer.saisie_checkbox label {
  margin-left: -130px;
  float: left;
  width: 80px;

  /* border: 1px solid green; */
}

.formulaire_formidable div.editer.saisie_checkbox div.choix {
  padding-left: 3px;
}

.formulaire_formidable div.editer.saisie_checkbox div.choix > * {
  display: inline-block !important;
  vertical-align: middle;
}

.formulaire_formidable div.editer.saisie_checkbox div.choix
input[type=checkbox] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.formulaire_formidable div.editer.saisie_checkbox div.choix label[for]
{
  float: none;
  margin-left: 3px;
  width: 80%;

  /* border: 1px solid blue; */
}

/**
 * Boutons radio
 */

.formulaire_formidable div.editer.saisie_radio {
  margin-bottom: 1em;
  border: 8px solid transparent;
  overflow: hidden;
  padding-left: 140px;
  background: #fff;
}

.formulaire_formidable div.editer.saisie_radio label {
  margin-left: -130px;
  float: left;
  width: 80px;
}

.formulaire_formidable div.editer.saisie_radio div.choix {
  padding-left: 3px;
}

.formulaire_formidable div.editer.saisie_radio div.choix > * {
  display: inline-block !important;
  vertical-align: middle;
}

.formulaire_formidable div.editer.saisie_radio div.choix
input[type="checkbox"] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.formulaire_formidable div.editer.saisie_radio div.choix label[for] {
  float: none;
  margin-left: 3px;
  width: 80%;
}

/**
* Zones de texte libre
*/

.formulaire_formidable div.editer.saisie_textarea {
  margin-bottom: 1em;
  border: 8px solid transparent;
  overflow: hidden;
  padding-left: 140px;
  background: #fff;
}

.formulaire_formidable div.editer.saisie_textarea label {
  margin-left: -130px;
  float: left;
  width: 80px;
}