/*
**	Balises HTML
*/

	body {
		font-family: "Trebuchet MS", Verdana, Arial;
		font-size: 12px;
		color: #444444;
		background-color: #f0f0f0;
		letter-spacing: 1px;
		margin: 0px;

	}
	
	form { display:inline; }
	a { color: #FF6600; }
	a:hover { color: #FF9900; }
	h1 {
		margin: 0px;
		font-size: 18px;
		font-weight: bold;
		color: #444444;
	}
	h2 { margin: 0px;font-size:15px; }
	h3 { margin: 0px; }

	fieldset { border: 0px; margin: 0px; padding: 0px; }

/*
**	Mise en page principale
*/
	/* Spacer */
	.spacer { clear: both; }

	/* Effet de transparance (calque en dessous) */
	#ban-under {
		position: absolute;
		background-color: #14849a;
		margin-top: 38px;
		width: 100%;
		height: 150px;
	}
	
	/* Effet de transparance (calque au dessus) */
	#ban-above {		
		/*background-color: #C4E0E6; */
		background-color: #ccc;
		width: 948px;
		height: 150px;
	}
	
	/* Conteneur global */
	#global {
		position:absolute;
		left: 50%; 
		width:950px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		margin-left: -475px;
	}

	/* Conteneur principal */
	#main {
		margin: 0px; margin-top: 5px;
		background-color: #FFFFFF;
		border:1px solid #ddd;
	}
	
	/* Conteneur du footer (sans le fond blanc) */
	#footer {
		padding: 2px;
	}
	
	#copyright {
		margin-bottom: 0px;
		font-size: 10px;
		text-align: center;
	}
		
	/* Conteneur des sous-templates inclus */
	#include-container {
		margin-left: 8px;
		margin-right: 8px;
		margin-top: 8px;
	}
	
	/* Logo */
	#logo {
		width: 400px;
		height: 140px;
		padding-left: 3px;
		padding-top: 3px;
		text-align: left;
	}
	#logo img{
		border:0;
	}
	
	/* Balise h1 */
	#page-title {
		text-align: right;
		width: 945px;
		margin-top: 5px;
		margin-right: 5px;
		height: 27px!important;
		height: 32px;
	}
	
	/*#page-title {
		position: absolute;
		top: 85px;
		text-align: center;
		width: 100%;
		margin-top: 5px;
		margin-right: 5px;
		height: 27px;
	}*/	
	


/*
**	Menus
*/
	/* Conteneur des menus */
	#menu-container { 
		width:932px;
		text-align: center;
		height: 27px;
		padding-top: 5px;
		padding-left: 10px;
	}
	
	/* Style des menus */
	.menu {	margin-top: 5px; color: #555555; } 
	.menu:hover { color: #888888; }
	.menu-current {	margin-top: 5px; color: #000000; font-weight: bold; }	
	
	/* Espacement entre les menus */
	.menu-spacer { 
		margin-left: 5px; 
		margin-right: 5px;
	}

	
	/* Menu admin */
	.menu-admin { margin-top: 5px; color: #0033CC; }
	.menu-admin-current { margin-top: 5px; font-weight: bold;  color: #0033CC; }
	
	/* Menu dýconnexion */
	menu-logout {
		color: #FF0000;
		font-weight: bold;
	}
	

/*
**	Pages WYSIWYG
*/

	#new-bloc {		
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.page-bloc-container {	color: #757575; margin-top: 10px;}
	
	.news-container { 
		
	}
	
	.page-bloc-title {
		font-weight: bold;
		font-size: 16px;
		color: #14849a;
		margin-bottom: 5px;
		float: left;
	}

	.page-bloc-title-hors-ligne {
		font-weight: bold;
		font-size: 16px;
		color: #FF3300;	
		margin-bottom: 5px;
		float: left;
	}	
	
	/* Mise en page du bloc de texte si il n'y a aucune image sur les cotý */
	.page-bloc-text-no-img {width: 900px; float: left; margin-left:10px; }

	/* Mise en page du bloc de texte si il y a une image a gauche */
	.page-bloc-text-img-left {width: 686px;  float: left; margin-left: 5px; }		
	
	/* Mise en page du bloc de texte si il y a une image a droite */	
	.page-bloc-text-img-right {width: 686px; float: left; margin-right: 5px;}
			
	/* Mise en page du bloc de texte si il y a une image a gauche et a droite */
	.page-bloc-text-img-both {width: 472px; float: left;  margin-left: 5px; margin-right: 5px; }
			
	.page-bloc-image {
		position: relative;
		display: block;
		width: 200px;
		border: 2px solid #CCCCCC;
		background-color: #FAFAFA;
		text-align: center;
		text-decoration: none;
		padding: 10px;
		padding-top: 15px;
		margin: 0px;
		float: left;
	}
	
	.page-bloc-image-jpg {		border: 1px solid #555555; 	}
		
	/* Admin */
	.page-bloc-edit {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px;
		border: 2px solid #555555;		
	}


/*
**	Formulaire d'identification
*/
	
	.form-error {	
		color: #FF0000;
	}

/*
**	News
*/
	
	.news-container {  
	}

	.news-time {
		font-size: 12px; 
		font-style: italic;
		font-weight: normal;
	}
	
/*
**	Galeries
*/
	.galerie-container {
		position: relative;
		padding: 0px; margin: 0px;
		/*margin-left: 35px;
		margin-right: 35px;		
		*/
	}
	.galerie-elem-container {
		position: relative;
		display: block;
		width: 219px!important;	/* Firefox	*/
		width: 216px;			/* Explorer */
		border: 2px solid #CCCCCC;
		background-color: #FAFAFA;
		text-align: center;
		float: left;
		text-decoration: none;
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 5px;
		margin-bottom: 10px;

	}
	.galerie-elem-container:hover { background-color: #F0F0F0; }
	
	.galerie-elem-nom {
		font-size: 12px;
		color: #555555;
	}
	
	.galerie-thumb {
		border: 1px solid #555555;
	}
	
	.galerie-elem-nb-image {
		font-size: 10px;
		color: #999999;
	}
	
	.galerie-fullsize-container {
		display: block;
		margin: 5px;
		border: 2px solid #CCCCCC;
		background-color: #FAFAFA;
		width: 898px;
		padding: 10px; 	
		text-align: center;
	}

	.galerie-fullsize-nom {	
		display: block;

		font-size: 20px;
	}
	
	.galerie-fullsize-description {	
		display: block;

		font-size: 16px;
	}	
	
/*
**	Pagination
*/
	
	.pagination-container {
		text-align: center;
		padding-left: 5px;
	}
	
	.pagination-link {
		display: block;
		float: left;
		text-decoration: none;
		color: #555555;
		font-weight: bold;
		width: 16px;
		height: 14px;
		border: 1px solid #E0E0E0;
		background-color: #F8F8F8;
		margin: 2px; 
		padding: 2px 4px 4px 4px;
	}
	
	.pagination-link:hover {
		border: 1px solid #C0C0C0;
		background-color: #E3E3E3;	
	}
	
	.pagination-selected {
		border: 1px solid #C0C0C0;
		background-color: #E3E3E3;	
	}
	
	
	.pagination-link-current {
		color: #FF9900;
	}	
	
	
	.image-next-link-container {
		display: block;
		width: 446px;
		height: 32px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.image-next-link {
		display: block;
		float: left;
		text-decoration: none;
		color: #555555;
		font-weight: bold;
		width: 200px;
		height: 14px;
		border: 1px solid #E0E0E0;
		background-color: #F8F8F8;
		margin-top: 10px; 
		margin-left: 4px; 
		margin-right: 4px; 
		padding: 2px 4px 4px 4px;
	}	
	
	.image-next-link:hover {
		border: 1px solid #C0C0C0;
		background-color: #E3E3E3;	
	}	
	
	.image-next-link-grey {
		display: block;
		float: left;
		text-decoration: none;
		color: #CCCCCC;
		font-weight: bold;
		width: 200px;
		height: 14px;
		border: 1px solid #F5F5F5;
		background-color: #FCFCFC;
		margin-top: 10px; 
		margin-left: 4px; 
		margin-right: 4px; 
		padding: 2px 4px 4px 4px;
	}		
	
/*
**	Formulaire de recherche
*/
	
	#search-box {
		position: absolute;
		left:440px;
		width: 495px;
		top: 145px!important;	/* firefox  */
		top: 142px;				/* explorer */
		height: 32px;
		text-align: right;
	}


	.search-result-container {
	}
	
	.search-titre {
		font-weight: normal;		
		color: #888888;
		font-size: 12px;	
		text-decoration: none;		
	}
	

	
	.search-texte {
		/* */
	}



	
	.search-text-highlight {
		background-color: #BBFFBB;
		color: #000000;
		font-weight: bold;
	}
	
	.search-text-nb-result {
		color: #000000;
	}


/* 
**	Divers 
*/

	.bouton-supprimer {
		background:url(pictures/btn_del.jpg);
		color: #FFFFFF;
		font-weight :bold;
		width:161px;
		height:22px;
		border:none;
		padding-left:20px;
	}
	
	.bouton-enregistrer{
		background:url(pictures/btn_save.jpg);
		color: #FFFFFF;
		font-weight :bold;
		width:200px;
		height:22px;
		border:none;
		padding-left:20px;
	}
	.text-erreur {
		color: #FF3300;
		padding: 4px;
	}

	#menu-container img{vertical-align:middle;margin-right:4px;}