/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: layout.css
* Version: 1.0.0 (2007-04-27) YYYY-MM-DD
* Website: http://www.ozelair.fr/
* Author: Guillaume Crochemore 
* Description: Feuille de style du site d'ozelair.
== STRUCTURE: ==============================
* Page width: 100%
============================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*Page en entiére*/
html, body {
	margin: 0;
	padding: 0;
	width : 99%;
	height : 99%;
	text-align : center;
	background-color : #ffffff;
	font: 11px verdana, sans-serif;
	background-image : url("images/maisonNB.gif");
	background-position : center;
	overflow : hidden;
}

a{
	color:black;
	text-decoration:blink;
}

/*Haut et bas de la page*/
.haut_page, .bas_page {
	height : 10%; /*Hauteur du cadre*/
	width : 100%; /*Largeur du cadre*/
	float : left;
}

#precedent, #suivant{
	height : 100%; /*Hauteur du cadre*/
	width : 10%; /*Largeur du cadre*/
	float : left;
}

#banniereHautGauche, #banniereHautDroite{
	height : 100%; /*Hauteur du cadre*/
	width : 25%; /*Largeur du cadre*/
	float : left;
}

#logoOzelairTitre{
	height : 100%; /*Hauteur du cadre*/
	width : 29%; /*Largeur du cadre*/
	float : left;
	text-align : center;
}

/*Milieu de la page*/
.milieu_page {
	height : 80%; /*Hauteur du cadre*/
	width : 100%; /*Largeur du cadre*/
	float : left; /*Alignement*/
}

/*Cadre à gauche(menu déroulant) et à droite (raccourci gallerie photo,..)*/
.marge_gauche, .marge_droite{
	height : 100%; /*Hauteur du cadre*/
	width : 10%; /*Largeur du cadre*/
	float : left; /*Alignement*/
	text-align : center; /*Alignement du texte*/
}

/*Cadre centrale de la page*/
.centre{
	height : 100%; /*Hauteur du cadre*/
	width : 80%; /*Largeur du cadre*/
	float : left; /*Alignement*/
}

/*Bordure gauche et droite du cadre arrondi*/
.bordure_droite, .bordure_gauche{
	float : left;
	height : 100%; /*Hauteur du cadre*/
	width : 2%; /*Largeur du cadre*/	
}



/*Bordure Haute et basse du cadre arrondi*/
.bordure_haut, .bordure_bas {
	float : left;
	height : 5%; /*Hauteur du cadre*/
	width : 100%; /*Largeur du cadre*/
	
}

#banniereBasGauche, #banniereBasDroite{
	height : 100%; /*Hauteur du cadre*/
	width : 30%; /*Largeur du cadre*/
	float : left;
}

#banniereBasDroite{
	overflow : auto;
}


#logoAdresse{
	height : 100%; /*Hauteur du cadre*/
	width : 40%; /*Largeur du cadre*/
	float : left;
	text-align : center;
}


/*Cadre contenant le contenu et la partie gauche et droite du cadre arrondi*/
#milieu{
	height : 90%; /*Hauteur du cadre*/
	width : 100%; /*Largeur du cadre*/
	
}

/*Cadre contenant le contenu de la page (situé au centre de la page)*/
#contenu{
	height : 100%; /*Hauteur du cadre*/
	width : 96%; /*Largeur du cadre*/
	float : left;
	overflow : auto;
	background-color : white;
	text-align : justify;
}

/*Album Photo*/
#listeCatPhoto{
	height : 99%;
	width : 39%; 
	float:left;
	overflow : auto;

}

#listePhoto{
	height : 99%;
	width : 60%; 
	float:left;
	
}

#photo{
	height : 80%;
	width : 100%;
	border : 1px solid black;
	float : right;
}

#photos{
	height : 20%;
	width : 100%;
	border : 1px solid black;
	float : right;
	overflow : auto;
	

}