/*  ----------------------------------------------------------- */
/*  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
/*  ------------------------------------------ */


img, table { margin: 0; padding: 0; border: none; }
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{border:#CCCCCC;
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 12pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #8BB731;
	border-bottom: 1px solid #8BB731;
	width: 350px;
margin: 0 0 0 0 ;
padding: 0px;
margin-bottom: 5px;
background:#ffffff;
} 


.blancpetit h2 
  {border:0;
	font: bold 12pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #8BB731;
	width: 450px;
padding: 0px;
margin-bottom: 5px;
background:#ffffff;
} 
  
  
  h1 { font: 
  bold 18pt Verdana, Arial, Helvetica, sans-serif; color: #330033}

/* Typographie, 
  texte, ... */
  
body {background-color: #f3f3f3;
margin: 0px;

}

.spacer {
    clear: both;
}

.spip_code { }

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

.spip_logos {
margin: 0px;
padding: 0px;
border: 0px;
}

/* 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 {border: 0px;}

.spip_label {
font-size: 11px;
}

p.spip_note { 
  }
 
 p.spip { 
 text-align: justify;
 margin-bottom:5px;
  }
  
  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 12pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #8BB731;
	border-bottom: 1px solid #8BB731;
	line-height: 110%;
	width: 350px;}

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

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

table.spip tr.row_odd {
	color: #003399;
	
}

table.spip tr.row_even {
	color: #000099;
	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 {
	background-color: #99CC33;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
	padding: 0px;
	height:18px;
}


.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;
	font-size: 10px;
	border: 1px solid #666666;
	padding: 3px;
	margin: 0px;
}

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

.cadreblanc {  background: #fff;
min-height:500px;
height: 100%;
vertical-align: top;
}

.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 {
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 5px 5px 5px;
} 

.droiteblanc {
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 5px 5px 5px;
} 
.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 { color: #000066; font: 8pt Verdana, Arial, Helvetica, sans-serif;
}
.articlenoir 
  { font: 8pt Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;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}
  
  .chapo 
  {color: #708FBE;
	padding: 0px 10px 10px 0px;
	text-align: left;
	font-weight: bold;
	clear:left;
}
  
a.chapo:hover {
color: #8BB731;	
}

#texteart {
	padding: 0px 40px 20px 0px;
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	min-height: 500px;
}

.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;
}


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

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

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

.notes { border-top: 1px dashed 
  #708FBE; font-size: 80%; padding: 4px 20px; text-align: justify; } 
  
  a {  
  color: Navy;
  font-size: 11px;
  text-decoration: none;
 } 
  
  a:hover {
  text-decoration: underline;
 }

.liens_noir 
  { color:#FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 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;  
   font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	font-weight:bold;
	}

.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; 
   font: 10pt Verdana, Arial, Helvetica, sans-serif ; color: #000066}
  
.titre_page { color:#336699; 
   font: bold small-caps 18pt "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; text-align: 
left; margin-top: 10px;}

a.spip_url { color:#708FBE;  
 }

a.spip_in {color:#708FBE; text-decoration: underline;   
}

a.spip_out   {
  color:#708FBE; text-decoration: none;  
   font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt;
	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 {
	color: #000066;
	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; 
  }
  
.spip_surligne { background: 
#FFFF00}

 .spip-admin { font-size: 80%; } 

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

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

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

}

.bp_sommaire_off {
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	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: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #8BB731;
	text-align: left;
	background: #FFFFFF;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-bottom: 15px;
	border-left: 6px solid #8BB731;
	padding-left: 3px;
	margin-top:15px;
} 
  
  .bp_sommaire_on {
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	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 {
  	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #8BB731;
	text-align: left;
	text-indent: 17px;
	background: #F1F1F1 ;
	padding-bottom: 2px;
	padding-top: 0px;
	margin-bottom: 10px;
}

a.bp_sommaire_off {
text-decoration: none;
color: #8BB731;
} 
  
a.bp_sommaire_off:hover {
text-decoration: underline;
color: #8BB731;
} 
  
.sousrub { font: 8pt/10pt Verdana, Arial, Helvetica, sans-serif; color: #000066} 

.bandeau{
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: 11px ;
	color: Navy;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#droite {
	float: right;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	margin: 1em 0px 0px 15px;
	border-left: 1px solid #8BB731;
	background-color: White;
	padding-top: 0px;
}

a.droite {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000066;
}

#texte {
	vertical-align: top;
	float: right;
	width: 730px;
	text-align: left;
	margin: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	padding-right: 0px;
	min-height: 500px;
}

#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 {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; text-align: left;
line-height: 120%;
}

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


.bloc200 {
	float: left;
	width: 200px;
	display: block;
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px;
	text-align: justify;
}

.bloc250 {
	float: left;
	width: 240px;
	display: block;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 2px;
	text-align: justify;
	padding-left: 8px;
}

.bloc350 {
	clear:both;
	display: block;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	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;
			font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

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

}

.bloc500 {
	float: left;
	clear:left;
	display: block;
	width: 500px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	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 {
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}

.blancpetit { color: #000066;  font: 8pt Verdana, Arial, Helvetica, sans-serif ; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

a.cartolabel {font-weight:bold;
color:navy;
font-size: 9px;
}

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