@charset "utf-8";
/* Global ------------------------------------------------------------- */

body{
	background-image: url(../img/fond.jpg);
	background-repeat: repeat;
}

.contourSite{
	margin: 0px;
	padding: 0px;
	border: #000000 solid 0px;
	width: 800px;
	height: 800px;

} 

.tabContour{
	width: 800px;
	height: 800px;
}

/* Contours dela fenêtre principale ----------------------------------- */

.cellule_angle_haut_gauche{
	width: 20px;
	height: 20px;
	background-image: url(../img/angle_haut_gauche.png);
	background-repeat: no-repeat;
}

.cellule_haut{
	width: 760px;
	background-image: url(../img/haut.png);
	background-repeat: repeat-x;
}

.cellule_angle_haut_droit{
	width: 20px;
	background-image: url(../img/angle_haut_droit.png);
	background-repeat: no-repeat;
}

.cellule_gauche{
	height: 760px;
	background-image: url(../img/gauche.png);
	background-repeat: repeat-y;
}

.cellule_milieu{
	background-color: #FFFFFF;
	vertical-align: top;
}

.cellule_droite{
	background-image: url(../img/droite.png);
	background-repeat: repeat-y;
}

.cellule_angle_bas_gauche{
	height: 20px;
	background-image: url(../img/angle_bas_gauche.png);
	background-repeat: no-repeat;
}

.cellule_bas{
	background-image: url(../img/bas.png);
	background-repeat: repeat-x;
}

.cellule_angle_bas_droit{
	background-image: url(../img/angle_bas_droit.png);
	background-repeat: no-repeat;
}

/* Partie contenu -------------------------------------------------------- */

.banniere{
	margin: 0px;
	width: 100%;
	height: 100px;
	/*background: url(../img/banniere.png);
	background-repeat: no-repeat;*/
}

.principale{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 615px;
}


/* Contenu -------------------------------------------------------------- */

.celluleContenu{
	vertical-align: top;
	width: 600px;
	padding-left: 5px;
	padding-right: 30px;
	padding-top: 25px;
	padding-bottom: 40px;
}

/* Menu ----------------------------------------------------------------- */
/* cette partie permet, entre autre, de mettre un menu à gauche ou en haut (sous la bannière) ou les deux. pour ceci on jouera avec
le paramètre display: none (pour invisible) et display: block (pour visible) */

.menuHaut{
	vertical-align: top;
	display: block;
	width: 100%;
	height: 15px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #1C1009;
}

.menuGauche{
	width: 160px;
	vertical-align: top;
	display: block;
	padding-top: 40px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #1C1009;
}

.celluleDroiteMenuHaut{
	width: 80%;
	color: #FFFFFF;
}

.celluleGaucheMenuHaut{
	width: 20%;
}

/* Pied de page -------------------------------------------------------- */

.piedPage{
	vertical-align: top;
	width: 100%;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #1C1009;
	margin: 0px;
}