/* Style propre la page index et aux navigateurs avances ----------------------

/* Site de "Cosima Lukashevich" : lukashevich.com

Version : 1.0
Auteur : Didier Fournet
E-mail : didier.fournet@orange.fr
Site : http://www.agencedif.fr/

--------------------------------------------------------------------------------- */

/* 								��������������������							  */

body
{
	background-color: #FFF;
	background-image: none;
}

/* Conteneur
--------------------------------------------------------------------------------- */

div#conteneur
{
    margin-top: 30px;
	background: transparent url(../images/index2.jpg) no-repeat left bottom;
	border: 1px #6a440f solid;
}

div#conteneur h1
{
	width: 1000px;
	height: 300px;
	background: transparent url(../images/index1.jpg) no-repeat left top;
}

/* Fin de Conteneur ----------------------------------------------------------------- */

/* Pour memoire
------------------------------------------------------------------------------------
� Surfaces utiles en fonction de la r�solution �cran (IE6/Win) :
--> 620 x 309 pour 640 x 480
--> 780 x 429 pour 800 x 600
--> 1004 x 597 pour 1024 x 768
--> 1132 x 793 pour 1152 x 864
--> 1260 x 853 pour 1280 x 1024
--> 1580 x 1129 pour 1600 x 1200
� Familles de polices
--> Arial, "Arial Black", "Arial Narrow", Impact, Tahoma, "Trebuchet MS", Verdana, sans-serif
--> Georgia, Palatino, "Times New Roman", serif
--> "Courier New", monospace
--> "Comic Sans MS", cursive
--> Webdings, fantasy
� Les div ne doivent pas rester vides.
� La position relative preserve l'espace initial de l'element.
� La position absolute supprime l'espace initial de l'element.
� Un element en float: left (right); sera pouss� aussi loin que possible � la gauche (droite) de son parent.
� La fusion des marges verticales n'a lieu qu en presence de boites de type block dans le flux normal du document. Les marges verticales des boites de type inline, flottantes ou positionnees de maniere absolue ne fusionnent jamais.
--> La solution r�side dans l'application d'un border transparent ou d'un padding de 1 px. 
� Les padding, border et margin verticaux n'ont aucun effet sur la hauteur d'une bo�te inline.
� Un texte ajout� dans un �l�ment de niveau block sans �tre d�fini dans un paragraphe est consid�r� comme une bo�te block anonyme.
� Une structure est dite liquide (ou fluide) si elle s'adapte aux dimensions de la fenetre du navigateur et � ses variations. Afin d'obtenir cet effet, on utilise des dimensions exprimees en %. Il est alors bon de specifier une min-width et une max-width.
� Une structure est dite elastique si elle s'adapte aux variations de dimensionnement du texte. Afin dobtenir cet effet, on utilise des dimensions exprim�es en em. Il est alors bon de specifier une min-width et une max-width, et de choisir une base d'�chelle pour font � 62.5% (1em est alors sensiblement �gal � 10px).
� Une structure hybride utilisera la base d'�chelle de font � 62.5%, les dimensions exprim�es en em, des min-width en px et des max-width en % (IE/Win sera laiss� de c�t� pour ces derni�res).
--------------------------------------------------------------------------------- */