/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes de SPIP.NET en test 2007  */
/*  ----------------------------------------------------------- */
 
@import url("zero.css"); /* On appelle d'abord la mise a zero ! */

* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */

body {background-color: #f3f3f3;
margin: 0px;
font-size: 0.8em;
font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
}

.page_article, .page, .page_rubrique {margin: 0 auto;}

 table.spip img {max-width: 150px;max-height: 100px;}
ul, ol, li { margin: 0; padding: 0; list-style:none;} 
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }



hr.spip, hr{border:#fff;color:#fff;
clear:left;}

  li {
 margin-left: 15px;
  list-style-image: url(../images/li.png);
  list-style-position: outside;
  }
  
  ul{
  margin: 0px;
  padding: 0px;
  	}
  
h2 
  {	font: bold 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #8BB731;

margin-bottom: 5px;
} 

h2 a {color: #336699; border:0; }

.blancpetit h2 
  {border:0;
padding: 0px;
} 
  
    h1 { font: 
  bold 18pt Verdana, Arial, Helvetica, sans-serif; color: #330033}

.spacer {
    clear: both;
}


.spip_puce {
	border: none;
	text-align: left;	
}



/* Espaceur de blocs */
.nettoyeur { clear: left; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.spip_documents img {border: 0px;}
img { margin: 0; padding: 0; border: none; }


.spip_label {
font-size: 1.1em;
}


 p.spip, #texteart p { 
 text-align: justify;
 margin:1em 0;
 padding: 0 1.5em;
  }
  
  ul.spip { list-style: square; margin-left:15px; }
ol.spip { list-style: decimal; margin-left:15px; }
ul.spip li, ol.spip li { list-style: inherit; }


h3.spip {	
font: bold 1.2em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #8BB731;
	line-height: 110%;
}

table.spip { 
font-size: 90%;
margin-right: 20px;}

table.spip tr.row_first { color: #000066; background: #FFFFFF;text-align:center;}


table.spip tr.row_even {
	background: White;
}

tr.row_first td { color:#330066; font-weight: bold; margin: 4px; text-align: 
  center; background-color: #FFFFFF;
  font-size: 110%;}
  
table.spip td {
	margin: 2px;
	vertical-align: top;
	border-bottom: 1px solid #708FBE;
	padding: 2px;
} 

.forml {  margin-bottom: 0px; margin-top: 5px;
	border: 1px solid #99CC33;}

.formclass {float: none;
margin: 10 10 20 0px;
}


.spip_bouton {

}


.formulaire_spip fieldset {border:none;}
.formulaire_spip legend {border:none;}


.reponse_formulaire {
	color: #CC0000;
	font-weight: bold;
	font-size: 90%;
}

.menu_deroulant 
  {color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 3px;
	margin: 0px;
}

.menu_deroulant_red  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 3px; 
	margin: 0px; 
color:#CB683A; 
font-weight:bold;}  
  

#cadreblanc {  background: #fff;
width:752px;
margin:0 auto;
line-height: 140%;
border :1px solid #8BB731;
}

.cadregris {  background: #f3f3f3;
min-height:500px;
height: 100%;
vertical-align: top;
border: 1px solid #c1c1c1;
}


.cadrebleu { background: #3366CC;
text-align: center;
height: 16px;
width: 200px;
padding-top: 2px;
margin: 0px;
float: right;
} 

.bleu { background: #3366CC;
height: 20px;
width: 100%;
font: bold 16pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; text-align: left;
text-transform: small-caps;
padding-left: 110px;
color: White;
} 

.logoart {
	float: none;
	margin-top: 0px;
	
}

.logo {
	float: left;
	margin-top: 15px;
	width: 110px;
}


.logoagenda {
width: 55px;
float: left;
margin-top:.4em;
}

.logovirtuel {
	background-color: White;
	float: right;
	width: 240px;
	display: block;
	margin: 10px 0px 0px 15px;
	;
}

#droiteblanc {
margin:0;
	padding: 0px 0 5px 3px;

} 

.droiteblanc {	
	font: .9em;
	padding: 0px 0px 5px 3px;
} 
.cadrespip{ background-color: #cccccc; color: #1A237D;}

.aveccadre 
  { border: 1px #cccccc dashed; padding:5px; }
  
.aveccadregris 
  { border: #cccccc none; background: 
  #f3f3f3; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: bottom}
  
  
 .sanscadre { border: 1px none; padding:0px 0px;; border-color: #ffffff ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; text-decoration: none;}
.articlegris { font: 8pt Verdana, Arial, Helvetica, sans-serif;
}
.articlenoir 
  { 
background-color: White;}
  
.decaler {  text-align: left}

.decaler:first-line 
  {list-style: url(puce.gif) outside; margin: 0px 0px; text-indent: 
  0pt; text-align: left}
  
.blancblanc { padding:0px 0px;; list-style: 
  url(puce.gif); background: #FFFFFF  center; vertical-align: middle}
  


#texteart {
margin: 0 2px 0 1em;
	text-align: left;
}

.bloc350:hover {
	background-color: White;
	text-decoration: none;
}

.bloc500:hover {
	background-color: White;
	text-decoration: none;
}

.bloc_evene:hover {
	background-color: White;
	text-decoration: none;
}



.bloc200:hover {
	background-color: White;
	text-decoration: none;
}
.texte_simple {  font: 9pt Verdana, Arial, Helvetica, sans-serif; }

.ps { border-top: 1px dashed #708FBE; padding: 4px 20px;  font-weight: bold; color: #003399} 

.notes { border-top: 1px dashed 
  #708FBE; font-size: 80%; padding: 4px 20px;  } 
  
  a {  
  color:#2F4566;

  text-decoration: none;
 } 
  
  a:hover {
  text-decoration: underline;
 }

.liens_noir 
  { color:#FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold;
line-height: 110%;
}

.liens_noir:exposer
  {
	color: #DEDEDE;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
}

.liens_noir:exposer_exposer
  {
	color: #DEDEDE;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
}

.liens_bleu{ color:#708FBE; text-decoration: none;  
line-height: 120%;
	text-align: left;
	font-weight:bold;
	}
	
	.divers a{font-size: .9em;font-weight: normal;}

.texte_trait_haut 
  { border-top: 1px dashed #708FBE; padding: 4px 10px; text-align: justify;
  } 
  
.texte_trait_bas { border-bottom: 1px dashed #708FBE; padding: 0px 0px; 
 }
  
.titre_page { color:#336699; 
   font: bold small-caps 18pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; text-align: 
left; margin: 1em 0;}

a.spip_url, a { color:#2F4566; 
 }

a.spip_in {color:#2F4566; text-decoration: underline;   
}

a.spip_out   {
  color:#4271B9; text-decoration: none;  
font-weight: bold;
	text-align: left;  
	}
	 
a.spip_in:hover {  text-decoration: underline;
background-color: White;
}

a.spip_out:hover {text-decoration: underline;
 	background-color: White;
  } 


.spip_documents{ 
margin: 5px;
border: 0px;
} 

/* Menus, boutons, ... */
.trait_bas { border-bottom: 1px 
  dashed #708FBE; border: solid; border-width: 0px 0px 1px; border-color: black 
  black #708FBE ; }
  
.cadre_pointille { border: 1px dashed #708FBE; 
 font: 8pt Verdana, Arial, Helvetica, sans-serif
  }
  


.bloc_evene {text-align: justify;
	border-top: 1px solid #8BB731;
	display: block;
		margin : .5em 0 .5em 0;
}
.spacer {
     clear: both;
	  height: 1px;
} 

.bloc_asso {
	text-align: left;
	padding-left: 100px;
}


 .trait_haut 
  { border-top: 1px solid #708FBE; } 
  
  .trait_doite  { border-right: 1px solid #708FBE; 
  } 
  
  .trait_gauche {
	width: 200px;
	border: 1px solid #708FBE;
} 


  
  .spip_encadrer 
  { width : 98%; background-color: #FFFFFF; padding: 5px; border: 1px #666666 
  solid; }
  
   .spip_cadre { width : 98%; background-color: #FFFFFF; padding: 5px; 
  }
  


  .bandeaumer {
	background: url(../images/vueduparc.jpg) top center no-repeat;
	height: 150px;
	width: 753px;
	margin: 0px;
	padding: 0px;
} 



#zone1 {    /* zone cliquable */
float: left;
width : 130px;
height: 150px;

}

.bp_sommaire_off {
	font-weight: bold;
	color: #8BB731;
	text-align: left;
	padding-left:  8px;
	background: #F1F1F1;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-top: 15px;
	border-left: 6px solid #8BB731;
	margin-bottom: 5px;
} 

.bp_sommaire_blanc {
	font-weight: bold;
	color: #8BB731;
	text-align: left;
	background: #F1F1F1;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-bottom: 15px;
	border-left: 6px solid #8BB731;
	padding-left: 3px;
	margin-top:15px;
} 
  
  .bp_sommaire_on {
	font-weight: bold;
	color: #8BB731;
	text-align: left;
	padding-left:  8px;
	background: #F1F1F1;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-top: px;
	border-left: 6px solid #8BB731;
	margin-bottom: 5px;
}

  .bp_agenda {
	text-align: left;
	text-indent: 17px;
	background: #F1F1F1 ;
	padding-bottom: 2px;
	padding-top: 0px;
	margin-bottom: 10px;
}

a.bp_sommaire_off, .bp_sommaire_on a {
text-decoration: none;
color: #8BB731;
} 
  
a.bp_sommaire_off:hover {
text-decoration: underline;
color: #8BB731;
} 
  
.sousrub { } 

.bandeau{	padding: 0px;	width: 751px;
height: 150px ;
vertical-align: top;
margin: 0px;}




h3, h3 a {font: bold 120%t "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; text-align: left;  color: #336699; 
margin-bottom: 5px;
margin-top: 10px;
line-height: 100%;}


h3 a:hover {
	font: bold 12pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; text-align: left;  color: #8BB731; 
margin-bottom: 2px;
margin-top: 0px;
line-height: 100%;
	text-decoration: none;
}

#chemin {
	font-size:0.9em ;
	color: Navy;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 0px;
padding-top: 10px;
	margin-bottom: 10px;
}

#droite {
	float: right;
	width:200px;
	margin: 0 0 2em 1em;
	background-color: #f3f3f3;
	margin-right: 1px;
}


#texte {color:#333;
	width: 740px;
	text-align: left;
	margin: 0 0 2em 1em;

}

#texteune {
	width: 750px;
}


.bloc100 {
	float: left;
	width: 100px;
	display: block;
	font-weight: bold;
	text-align: center;
}

#centre {
	margin-top: 5px;
	margin-left: 15px;
	text-align: center;
}

.liens_bleu:hover {
text-decoration: underline;
}

.bloc_contenu {  text-align: left;

}

.bloc_contenu_abo {
	padding: 5px;
	text-align: left;
	background-color: White;
}


.bloc200 {
	float: left;
	width: 200px;
	display: block;
	margin: 5px;
}

.bloc250 {
	float: left;
	width: 240px;
	display: block;
	margin-left: 2px;
	padding-left: 8px;
}

.bloc350 {
	clear:both;
	display: block;
	margin: 5px 5px 5px 5px;
	width: 350px;
}

#unegauche {
	width: 240px;
	float: left;
	display: block;
	margin: 0px;
}

#centreune {
	width: 240px;
	float: right;
	display: block;
	margin-right: 0px;
	padding: 2px;
	text-align: left;
	margin-top:15px;
		background: #FFFFFF;
}

#centreune ul li , #unegauche ul li, #spip-listes ul li{list-style:none; margin:0; padding: 0;}

#centreune .spip_logos 	{margin: 1px 5px 0 0;}

.trait_haut .spip_logos, #documents_joints ul li .spip_logos 	{margin: 3px 10px 10px 0;}

.centrerub {
	float: right;
	display: block;
	padding-left:5px;

}

.bloc500 {
	float: left;
	clear:left;
	display: block;
	width: 470px;
	padding: 0px;
	text-align: left;
	margin: 5px;
}

.bloc650 {
float: left;
	display: block;
	width: 700px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	text-align: left;
}

.bloclogo {
	padding-bottom: 10px;
}

#footer {clear:both;
text-align: center;
background: url(../images/fond-trame.gif);  color: #000066; 
width: 750px;

}

h4 { font: bold 14pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; text-align: left; color: #336699; text-decoration: none; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px}

.distant {background: url(../images/distant.png) left no-repeat;
width:30px; height : 30px;
float:left;margin-left:2em;
}

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	margin-top: 1.4em;
	padding-top: 2px;
}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }


/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top:2em;
	padding-top: 2px;
 }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; list-style: none; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

#outils  {margin:1em auto;text-align: center;}
.spip_tipafriend{margin-left:45px;}

.articles, .rubriques{margin:1em 0 2em 0}

#centreune ul li {list-style-type:  none;}

#el01 optgroup {font-variant: small-caps;} /* Width */

p.pagination {font-size: 0.90em; text-align: center;	 }
p.pagination a { font-size: 0.90em;  padding:5px;text-align: center; }