/* ***************************************************** */
/*         Feuille de style des squelettes pour APDRA             */
/* ------------------------------------------------------------- */
/*   Hébergement :    Infomaniak                                         */
/*   Version SPIP  :  2.0         											  */
/* ------------------------------------------------------------- */
/*   Site :	http://www.pompage.net/pompe/cssdezero-1/     */
/* ***************************************************** */

/*Tout d'abord, il faut choisir une unité de mesure pour les tailles de police.
J'ai opté pour l'em, parce qu'elle me semble la plus stable et la mieux implémentée. 
Appliquer une taille d'1 em revient à donner à un élément la même taille que son parent.
 La taille de texte par défaut dans la plupart des navigateurs est de 16 px, 
et nous allons partir de là. Pour être sûrs que toutes les tailles de police héritent
correctement de cette valeur, définissons pour commencer une taille de 100%
pour l'élément HTML. 
suite commentaire voir site : http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/    */

html { font-size: 100%; } 
/* entre guillemet quand il y a un espace "Courier New" */
body { 
		  width:1020px;
          font-size:  0.8125em;
          font-family: Verdana, Arial,  Helvetica, sans-serif;
          color: #333;  
		  /*background-color:#F6F4E3;*/
      /*    background-image : url('/squelettes/img/gifs/fd_main.gif'); */
          background-repeat:  repeat-y ;
		  line-height: 150%;       /* distance entre 2 lignes de textes */
          margin: 0; 
		  padding: 0;
        }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family:Verdana, Arial,  Helvetica, sans-serif; }
h1 { font-size: 1.5em; }   
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* supprimer souligné lien hypertext */
a {text-decoration:none; } 
/* souligné lien hypertext quand souris passe dessus*/
a:hover {text-decoration:underline; }
/* Espaceur de blocs */
.espaceur {clear:both; margin:0; padding:0; border:none; height:0; line-height:10px; font-size:1px; }

/* Non visible a l'ecran */
/* "Lorsque vous affichez une page Web qui contient une image au format PNG (Portable Network Graphics)
comprenant un arrière-plan transparent, l’arrière-plan de l’image peut s’afficher en gris au lieu d’être transparent."
http://support.microsoft.com/kb/294714/fr

Pour les images png24 qui possèdent une partie transparente, 
cette partie sera grisée au lieu d’être transparente dans Internet explorer 6.0, 
ce qui peut gâcher un graphisme. Si Spip intègre un script (win_png.htc) qui règle le problème 
pour les images intégrées en html (à partir des articles, par exemple), 
ce scrip ne fonctionne pas pour les images de fond intégrée dans du CSS. */

.format_png 
   { 
     behavior: url('win_png.htc');   /* règle le problème d'un .png transparant */
     border: none;                         /* pas de cadre */
   }

/* *************************************** */
/* Disposition a l'ecran des blocs principaux   */
/* *************************************** */
p.spip {padding-bottom:10px; }

/*Definir la page entiere */
#page {width:1020px; margin:0 auto;}

/* Définir la zone entête de la page */
#header {width:1010px; height:175px; border-top:0px solid #F6F4E3; background:url('img/banderole.jpg') no-repeat left top;}
#logosite {margin:0px; }  /* positionne une image logoClick_010x160.png au dessus de l'image de fond*/

/* Definir la zone de milieu de la page qui possède 2 colonnes */
#maincontent
 {
   width:1010px;
 }
/* La colonne de gauche  */
#navvert 
  {
   float:left; 
   width:250px;
  } 
/*la colonne de droite */
#content 
 {
   float:right ;
   padding:5px 10px 5px 10px;
   width:735px;
   background-image : url('img/gifs/fd_main.gif'); 
   border-left: 5px #a07218 solid;
 }
/* Definir la zone du pied de page de page */
#pied 
  {
   float:left;
   width:1010px; 
   background-color:#afc684; 
   text-align:center;
  }
/* Definir la zone fil d'ariane */
#ariane
   {
	width: 1010px;
	height: 1.9em;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
    text-align: left;
   }
#ariane>a
   {
    text-align: left;
    color: black;
   }


/*       pour acces membres  liste rubique créer par modèle visites        */
/* .titre li {margin-left:300px;}*/
/*       pour le logo           */
.titre p img.spip_logos {float:left;  border:1px solid #CCC; margin-right:10px; }

/* ************************** */
/*        Menu de gauche            */
/* ************************** */
#menu
  {
   /*  background-color:#a07218;  */
   padding: 0; 
   margin-bottom:0px;
 }
 #menu ul 
  {
	margin: 0 0 0 1em;
 	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	white-space: normal;
	padding: 0 0 0 0em;
	text-align: left; 
	list-style: none;
 }
#menu ul li a
  {
    color: #663300;     /* Marron*/
	text-align: left; 
	list-style: none;
 }

/* pour les rubriques */
#menu ul li.mainrubniv1>a 
  {
   color: #663300;     /* Marron*/
   padding:3px 10px 3px 10px;
   width:250px;
   font-weight:bold;
  }
#menu ul li.mainrubniv1_1>a, #menu ul li.mainrubnosub>a
 { 
   color: #663300;     /* Marron*/
   padding:3px 10px 3px 10px;
   width:250px;
 }

#menu ul li.mainrubniv2>a
 {
  color: #663300;      /* Marron*/
  padding:3px  10px 3px 20px;
  width:250px;Verdana
 }

/*Pour les article */
#menu ul li.mainrubniv1article>a, 
  {
   padding:3px 10px;
   width:250px; 
 }
#menu ul li.mainrubniv2article>a, #menu ul li.mainrubnosub>a  
  { padding:3px 10px;
    width:250px;
    font-weight:bold;
  }


/* *************************************** */
/*        Menu déroulant Horizontale               */
/* *************************************** */
#page #barre
   {
	width: 1010px;
	background: #4f4f4f url('img/png/fondbarrehaut.png') repeat-x;
	height: 1.9em;
	margin: 0;
	padding: 0;
	border: none;
  }

#page #barre ul 
  {
	margin: 0 0 0 0.25em;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.88em;
	font-weight: bold;
	white-space: nowrap;
	padding: 0 0 0 0em;
 }

#page #barre li.level1 
   {
    position: relative;
	margin: 0em;
	padding: 0.5em 0.2em 0 0.2em;
	border: none;
	height: 1.9em;
	list-style-type: none;
	display: block;
	float: left;
    width: 10.5em;
   text-align: center;
  }

#page #barre li.level1>a 
  {
	text-decoration: none;
	color: black;
  }

#page #barre li.level1:hover 
  { 
	color: white;
	background: transparent url('img/png/fondbarrehautsurvol.png');
  }

#page #barre li.level1:hover>a
   { 
	color: white;
	background: transparent;
   }

#page #barre ul.level2
  {
	position: absolute;
	top: 2.5em;        /* position de la fenêtre % à la barre*/ 
	left: -0.3em;      /* décalage de la fenêtre horizontale */
	width: 11.78em;   /* Largeur de la fenêtre niveau 2*/
	padding: 0;
	display:	 none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background: transparent url('img/png/pixtrans.png');
	font-weight: normal;
	border-left: 3px #4d7403 solid;
	border-right: 3px #4d7403 solid;
  }

#page #barre li.level2
   {
	position: relative;
	list-style: none;
	margin: 0;
	border-bottom: 3px #4d7403 solid;
	height: auto;
	width: auto;
	font-size: 1.2em;
	text-align: left; 
  }

#page #barre li.level2>a 
  {
	width: auto;
	height: auto;
	display: block;
	padding: 0.25em 0 0.25em 1.5em;
	white-space: normal;
  }

#page #barre li.level2, #page #barre li.level2 a 
  {
	color: black;
	background: transparent;
	margin: 0;
  }

#page #barre li.level2:hover, #page #barre li.level2:hover>a
  {
	background: #4f4f4f;
	color: white;
  }

#page #barre ul.level3
  {
	position: absolute;
	z-index: 300;
	top: -1px;
	left: 16.6em;
	width: 16em;
	padding: 0;
	display: none;
	margin-left: -1px;
	background: transparent url('img/png/pixtrans.png');
	font-weight: normal;
	border-left: 1px white solid;
	border-right: 1px white solid;
	border-top: 1px white solid;
  }

#page #barre ul.level1 li.level1:hover ul.level2 {display:block;}
#page #barre ul.level2 li.level2:hover ul.level3 {display:block;}
#page #barre ul.auth {display:block;}
#page #barre ul.auth li {margin-left: 4em;}

/* pour tirer un trait sous le titre */ 
.titre>h1 
  {
   color:#663300;
   font-weight:bold; 
   border-bottom:2px solid #663300;
   margin-bottom:10px; 
   padding: 0 0 5px 0;     /* espace entre le titre et le trait */ 
   }
.titre>a 
  {
    color:#663300;
   }

/* *************************************** */
/*        Style pour fckeditor 				            */
/* *************************************** */
#Fck_Editor
 { 
	margin: 0;
	padding: 0;
    text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  1em;
    line-height: 140%;       /* distance entre 2 lignes de textes */
	border: none;
 }

#Fck_Editor p
 { 
   line-height: 140%;       /* distance entre 2 lignes de textes */
 }

/* pour centrer un img créer par fckeditor */
#Fck_Editor img
   {
	display : block;
	margin-left : auto;
	margin-right : auto; 
    text-align: center;
  }
/* *************************************** */
/* Style pour fckeditor rubrique invisible      */
/* *************************************** */
#Fck_Editor_Invisible
 { 
	margin: 0;
	padding: 0;
	border: none;
    line-height: 120%;       /* distance entre 2 lignes de textes */
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }

#Fck_Editor_Invisible p
   {
    text-align: center;
  }