/* STYLES www.decroissance.org */

/*************** MISE EN PAGE GENERALE ***************/

body { /* pour ce qui est entre les balises body */
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */	 
	font-family: Helvetica;
	background-color: #DFD1CA;
}
#conteneur { /*le conteneur global du site */
	text-align: left; /* on rétablit l'alignement normal du texte (bug de centrage IE) */
	background-color: black;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px; /* 820px */
	left: 0px;
	top: 0px;
	border: solid #4F3A62 5px;
}
#sommaire {
	background-color: black;
	background-image: url(images/planete.jpg);
	background-size:145px;
	background-repeat: no-repeat;
	position: absolute;
	width: 145px; /* = largeur de "planete.jpg" */
	left: 0px;
	top: 0px;
}
#conteneur2 { /*le conteneur du titre et de la page principale */
	background-color: #F3F3F3;
	position: relative;
	float: right;
	width: 650px; /* 700px */
}
*html #conteneur2 { /* pour Internet Explorer */
	width: 685px;
}
#titre {
	position: relative;
	width: 675px; 
	margin-left: 4px;
}
#page_principale {
	position: relative;
	width: 625px; /* 675px */
	margin-left: 8px;
}
#accueil_droite { /* page d'accueil colonne de droite */
	position: relative;
	float: right;
	width: 167px; /* = largeur du portrait de Roegen */
	margin: 0px 0px 0px 0px; /* haut droite bas gauche */
}
#accueil_gauche { /* page d'accueil colonne de gauche */
	position: relative;
	width: 460px;
	margin: 0px 0px 0px 0px; /* haut droite bas gauche */
}
*html #accueil_gauche { /* pour Internet Explorer */
	width: 478px; /* évite un décalage tout en bas */
}
#spacer { /* pour que le conteneur s'adapte au contenu */
	clear: right; 
	height: 1px; /* une dimension mimimum est requise */
	/*background-color: gray;*/
}
#spacer2 {
	/* pour descendre le sommaire sous l'image de la terre */
	height: 100px;
}

/*************** LIENS ***************/

a { /* lien */
	font-weight: bold;
	color: #4F3A62;
	text-decoration: none;
}
a:hover { /* lien avec souris dessus */
	color: #4F3A62;
	text-decoration: underline;
}
#sommaire a { /* liens pour sommaire */
	color: white;
	text-decoration: none;
}
#sommaire a:hover { /* liens (souris dessus) pour sommaire */
	color: #999999;
	text-decoration: underline;
}

/*************** PARAGRAPHES ***************/

p { /* paragraphe */
	font-size: 12px;
	margin: 0px 8px 8px 8px; /* haut droite bas gauche */
}
*html p { /* pour Internet Explorer */
	font-size: 12px;
	margin: 0px 15px 8px 8px; /* haut droite bas gauche */
}
#sommaire p { /* paragraphe du sommaire */
	font-size: 12px;
	color: white;
	margin: 0px 0px 6px 5px; /* haut droite bas gauche */
}
#sommaire p#sansmarge { /* paragraphe du sommaire sans marge de gauche */
	margin: 0px 0px 6px 0px; /* haut droite bas gauche */
}
#sommaire p#petit { /* paragraphe avec petites lettres */
	font-size: 10px;
	color: white;
	margin: 0px;
	text-align: center;
}
#accueil_droite p {  /* paragraphe de la colonne droite de la page d'accueil */
	margin: 0px 0px 2px 0px; /* haut droite bas gauche */
	font-size: 10px;
	text-align: center;
}
#accueil_gauche p {  /* paragraphe de la colonne gauche de la page d'accueil */
	margin: 0px 0px 8px 2px; /* haut droite bas gauche */
	font-size: 12px;
}

/*************** TITRES ***************/

h1 { /* titre de niveau 1 */
	font-size: 17px;
	font-weight: bold;
	margin: 0px 8px 8px 8px; /* haut droite bas gauche */
}
#titre h1 { /* titre de niveau 1 dans le bloc "titre" */
	font-size: 32px; /*34 ne tient pas sur tous les ordis*/
	font-weight: bold;
	color: black;
	margin: 3px 0px 15px 3px; /* haut droite bas gauche */
}
h2 { /* titre de niveau 2 */
	font-size: 16px;
	font-weight: bold;
	margin: 20px 8px 8px 8px; /* haut droite bas gauche */
}
h2#haut { /* titre de niveau 2 avec marge du haut nulle */
	font-size: 16px;
	font-weight: bold;
	margin: 0px 8px 8px 8px; /* haut droite bas gauche */
}
#accueil_gauche h2 { /* titre niveau 2 de la colonne gauche de la page d'accueil */
	color: #4F3A62;
	margin: 0px 8px 4px 2px; /* haut droite bas gauche */
}
h3 { /* titre de niveau 3 */
	font-size: 12px;
	font-weight: bold;
	margin: 10px 8px 8px 8px; /* haut droite bas gauche */
}

/*************** IMAGES ***************/
img {
	margin-bottom: 5px;
	text-align: center;
}

/*************** DIVERS ***************/

sup { /* note de bas de page */
	color: #FF6600;
}