/* ---------------------- CSS Document ---------------------- */
/* ---- Géographie sociale et politique - Fabien GUILLOT ---- */
/*                        Août 2006                           */
/* -----------------------------------------------------------*/


/*  =========================================================================== */
/*  Comme il est indiqué dans l'AVERTISSEMENT, les conditions d'utilisation     */
/*  des ressources (textes, images, illustrations, éléments graphiques et de    */
/*  design du site (et donc cette feuille de styles CSS et les images) restent  */
/*  la propriété exclusive de leur auteur : Fabien Guillot.                     */
/*  Toute réutilisation devra faire l'objet d'une demande préalable             */
/*  (email:webmestre@geographie-sociale.org).                                   */
/*  Merci de respecter ce travail et d'éviter le plagiat.                       */
/*  =========================================================================== */




body {
	font-family: "Trebuchet MS", verdana, arial,lucida,helvetica, sans-serif;
	font-size:12px;
	background-color:#C3D7EB; /*couleur bleu claire de chaque côté de la page pour les écran sup à 1024*768 */
	margin:0 auto;
	text-align:center; /* ça c'est pour que la page soit centrée dans Internet Explorer (ne pas le virer)*/
	padding:0;
	color: #000082;
 }
 

h1 {
	font-size:1.6em;
    font-weight: bold;
    margin:0;
    line-height:1.5em;
	font-family: "Trebuchet MS", Verdana, sans-serif; /* Paramètres des titres (polices, tailles, couleur) */
	color: #000082 ; /*couleur bleu foncé */
	text-align:center;
 }
 
h2{
   color: #E18C32; /*couleur orange */
   font-family: "Trebuchet MS", Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   padding-top:0.5em;
}

h4 {
   text-align:center;
   font-family:"Trebuchet MS", arial, Verdana, sans-serif;
   color:#FF963C;
}

h5{
   width:800px;
   margin:0 auto;
   text-align:center;
   font-family:"Trebuchet MS", arial, Verdana, sans-serif;
   color:#00AA46;
   font-weight: normal;
   font-size: 12px;
   }

/* ---- Style des paragraphes ---- */
p { 
   font-family: "Trebuchet MS", Verdana, arial, lucida, sans-serif;
   font-size: 1em;
   line-height:1.7em;
   color: #000082;
   text-align: justify;
}

/* ---- Style des images ---- */
img {
	text-decoration: none;
	text-align:center;
   margin:0 auto;
   display:block;
}

a img {
	border:none;

}	

/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */	
/* 	Le Conteneur GLOBAL (Partie qui correspond au bloc (div) "global") */
/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */

#global {
   width: 1004px;
   height: auto;
   background: url(/images/background/page-1004.png) #FFFFFF repeat-y top;
   position:relative;
   margin-left:auto; /*avec cette indication le conteneur "page sera centré" */
   margin-right:auto; /*avec cette indication le conteneur "page sera centré" */
   text-align: justify; /* on rétablit l'alignement normal du texte (après l'avoir centré dans le body pour que IE centre la page)*/ 
}


/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
/* Le CONTENU (Partie qui correspond au contenu de la page composée de plusieurs sous blocs */
/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
#main {
   width: 1000px;
   height: auto;
   margin-left:auto; /*avec cette indication le conteneur "main" sera centré */
   margin-right:auto; /*avec cette indication le conteneur "main" sera centré */
   /*border: 1px solid green;*/
   padding:0.1em;
   text-align:center;
   background: inherit;
   /*float:left;*/
   clear:both;
   }


   
   /* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
/* Le CONTENU DE LA PAGE (Bloc de contenu de la page situé à droite) */
/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */

/* ==== Ce bloc contient l'ensemble des blocs de contenu des pages du site ==== */
#contenu {
    width: 805px;
	height: auto;
	float: right;
    margin:0.1em;
    /*border: 1px solid black;*/
	text-align: center;
	background: inherit;
}


/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
/* Le PIED DE PAGE (Partie qui correspond au bloc (div) "pied" (pied de page)) */
/* §§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§ */
#pied {
   width:1000px;
   height:auto;
   margin-top:0;
   padding:0.1em;
   padding-top:1em;
   margin-left:auto; /*avec cette indication le conteneur "pied" sera centré */
   margin-right:auto; /*avec cette indication le conteneur "pied" sera centré */
   text-align:center;
   background: inherit;
   float:left;
   clear:both;
   }
   
/*#pied a{ /*modification des attributs de liens présents dans le pied de page 
	color: #000082;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:10px;
}*/




/* ---- menu bas situé dans le pied de page ----*/
.menu-haut {
   position:relative;
   left:2px;
   top:0px;
   width:993px;
   height: 100px;
   padding: 0.5em;
   padding-top:30px;
   margin-left:auto; /*avec cette indication le conteneur "page sera centré" */
  margin-right:auto; /*avec cette indication le conteneur "page sera centré" */
   margin-bottom:10px;
  background:url(/images/background/bandeau_fond_bas.jpg) center top;
  background-repeat:no-repeat;
   text-align: center;
   clear:both;

}

.menu-haut p{
	color: #000082;
	text-decoration: none;
	font-family: "MS Trebuchet", Arial, sans-serif;
	font-size:10px;
	text-align:center;
	line-height: 150%;
}

.menu-haut a{
	font-family: "MS Trebuchet",Arial, sans-serif;
	font-size:10px;
    background: transparent;
    color: #000082; /* modification de la couleur des liens et des séparateurs "|" entre les liens*/
}

.menu-haut a:hover{
    background: transparent;
    color: #008282; /* modification de la couleur des liens survolés*/
}

.menu-haut a:visited{
    color: #008282; /* couleur verte plus claire*/
    font-weight: bold;
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX BAS DE PAGE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* ------------------------------------------------------------ */
/* Conteneur "signature-centre" (bloc de signature bas de page) */
/* ------------------------------------------------------------ */
/*  ces blocs flotants correspondent aux blocs de la signature du bas de page */
.signature-centre{
	margin: 0 auto 1em auto;
  	width: 390px;
  	text-align: center;
	border: thin outset #886CE2;
    padding:0.3em;
	background:#FFFFFF;
}

.text-centre {
	text-align: center;
	}

/* --- blocs flotants pour les stats de bas de page ---*/
.stat{
   margin: 0 auto;
   width: 55px;
   text-align: center;
   display:block;
   font-family:"arial narrow",serif;
   font-size:9px;
}




/* ---- Paramètres de la signature du bas de page ---- */

.signature-bas {
	width:1000px;
    height: auto;
    padding: 0.5em;
	padding-top:5px;
    margin-left:auto; /*avec cette indication le conteneur "page sera centré" */
    margin-right:auto; /*avec cette indication le conteneur "page sera centré" */
	margin-bottom:10px;
    text-align: center;
	clear:both;
}

.signature-bas p{
	color: #000082;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	text-align:center;
}

.signature-bas a {
    background: transparent;
    color: #000082; /* modification de la couleur des liens et des séparateurs "|" entre les liens*/
}

.signature-bas a:hover{
    background: transparent;
    color: #008282; /* modification de la couleur des liens survolés*/
}

.signature-bas a:visited{
    color: #008282; /* couleur verte plus claire*/
    font-weight: bold;
}

/* ========================= FIN DES BLOCS de BAS DE PAGE ========================= */