/* Site jeunesse-protestante
Feuille de style permettant le positionnement des blocs
Création Pito & cie - février 2008
Images de fond de Yann D
juin 2008 :: ajout cadre paypal
*/
/*	-------------------------------
	Blocs de contenu du site
	------------------------------*/

body {				/*Place le bas du site au centre de l'écran */
	margin: 0;
	padding: 0;
	height: 100%;
	background: url(images/fondbas.gif) repeat-y center #F4662F;
	}
	
#FondCentre {		/* Place le fond du site au centre de l'écran*/
	position: absolute;
	width: 960px;
	height: 720px;
	top: 0px;
	left: 50%;													/*place la boite au milieu*/
	margin-left: -480px;										/*la décale vers la gauche*/
	background: url(images/fondhaut.gif) no-repeat top left;	/*le fond du ticket est une image */
	/* border: 1px solid #000000;  background-color: #F4662F;  pour l'aide au positionnement */
	}

#Menu {				/* Bloc du menu */
	float: left;
	width: 130px;
	height: 490px;												/* Hauteur minimale du Contenu */
	margin-top: 193px;											/* Bloc centré sur la partie blanche du fond*/
	margin-left: 20px;
	}

#Contenu {			/* Bloc de contenu du texte de page*/
	float: left;
	margin-top: 120px;
	margin-left: 30px;											/* Pour la hauteur minimale du Contenu voir la hauteur du Menu */
	width: 533px;												/*largeur de la page contenu*/
	}

#PiedDePage { 		/* Bloc de pied de page*/
	clear: both;												/* se place en dessous des éléments flottants(menu et contenu) grâce à clear:both;*/
 	margin-left: 140px;											/* Bloc centré sur la partie blanche du fond*/
	margin-right: 210px;
	}

/*	-------------------------
	Autres blocs du site
 	-------------------------*/
	
#Popup {				/* Bloc devant */
	position: absolute;
	width:250px;												/* Largeur du bloc */
	top: 250px;
	left: 50%; 													/*place la boite au milieu*/
	margin-left: 150px; 										/*la décale du milieu vers la gauche*/
	}
	
#Photo {				/* Bloc de la photo animée*/
	position: absolute;
	top: 0px;
	left: 50%; 													/*place la boite au milieu*/
	margin-left: -480px; 										/*la décale du milieu vers la gauche*/
	}
	
#Titre {				/* Bloc du titre avec lien */
	position: absolute;
	top: 20px;
	left: 50%; 													/*place la boite au milieu*/
	margin-left: -355px; 										/*la décale du milieu vers la gauche*/
	}
	
#Drapeaux {			/* Bloc pour les drapeaux */
	position: absolute;
	top: 5px;
	left: 50%; 													/*place la boite au milieu*/
	margin-left: 190px; 										/*la décale du milieu vers la gauche*/
	}
	
#Recherche {			/* Bloc du champ de recherche */
	position: absolute;
	top: 10px;
	left: 50%; 													/*place la boite au milieu*/
	margin-left: 270px;											/*la décale du milieu vers la droite*/
	}
	
#Actualites {		/* Bloc des actualités */
	position: absolute;
	width: 180px;
	top: 93px;
	left: 50%; 													/*place la boite au milieu*/
	margin-left: 270px;											/*la décale du milieu vers la droite*/
	}
	
#Adresse {			/* Bloc pour les liens InfosLegales, Credits et adresse mail */
	position: absolute;
	top: 563px;
	left: 50%; 													/*place la boite au milieu*/
	margin-left: 262px; 										/*la décale du milieu vers la droite*/
	}
	
#Paypal {			/* Bloc pour le lien paypal */
	position: absolute;
	top: 650px;
	left: 50%; 													/*place la boite au milieu*/
	margin-left: -450px; 										/*la décale du milieu vers la gauche*/
	}
	

#AdministrationSite { /* Bloc des liens d'édition et d'administration du site*/
	position: fixed;
	top: 10px;
	width: 200px;
	/*left: 1200px;*/
	left: 85%;
	background: #F4662F;
	z-index: 100;
	}