/* CSS Document */

body {
	margin: 0;
	padding: 0;
	
	background-color: #f5e9d0;
	background-image: url(../images/fond/sable.jpg);
	background-position: top center;
	background-repeat: repeat;
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* pour correction de centrage de la <div> principale sous IE */
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 10px auto; /* harmonisation des marges haut et bas sous IE */
}

h1 {
	width: 600px;
	
	margin: 0;
}
	h1 a {
		height: 100px;
		
		display: block;
		
		text-indent: -999em;
	}
h2 {
	width: 524px;
	height: 50px;
	
	margin: 0 0 14px 0;
	padding: 0;
	
	color: #000;
	font-size: 24px; /* calibr� d'apr�s text-replacement */
}
h3 { /* calibr� d'apr�s text-replacement */
	width: 525px;
	height: 24px;
	
	margin: 28px 0 0 0;
	padding: 0;
	
	color: #000;
	font-size: 18px;
} 
h4 { }
h5 { }
h6 { }

blockquote {
	margin: 0;
	padding: 0;
}

sub { line-height: 125%; } /* harmonisation des hauteurs de lignes sous Firefox et IE */

.small { font-size: 11px; } /* texte petite taille */
.big { font-size: 12px; } /* texte grande taille */

.kill { display: none; }
.invisible { visibility: hidden; }
.top { vertical-align: top; } /* alignement en haut (valable uniquement pour les tableaux */
.middle { vertical-align: middle; } /* alignement au milieu (valable uniquement pour les tableaux */
.left { text-align: left; } /* alignement � gauche du contenu */
.center { text-align: center; } /* centrage du contenu */
.justify { text-align: justify; } /* justification du contenu (valable uniquement pour les textes) */
.right { text-align: right; } /* alignement � droite du contenu */
.bottom { vertical-align: bottom; } /* alignement en bas (valable uniquement pour les tableaux */

.full {	width: 100%; } /* largeur maximale */
.shiftup { /*margin-top: /* param�trable */; } /* retrait au-dessus */
.shiftleft { margin-left: 10px; } /* retrait � gauche */
.shiftright { margin-right: 10px; } /* retrait � droite */
.shiftdown { margin-bottom: 14px; } /* retrait en-dessous */

.strike { text-decoration: line-through; } /* texte barr� */

.divleft { /* conteneur "flotte" � gauche */
	margin: 0 24px 14px 0; 
	float: left;
}
.divcenter {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.divright { /* conteneur "flotte" � droite */
	margin: 0 10px 14px 24px; 
	float: right;
}
a .thumb,
a .thumbright,
a .thumbleft {
	padding: 10px;
	
	background-image: url(../images/fond/image_border.png);
}
	a:hover .thumb,
	a:hover .thumbright,
	a:hover .thumbleft {
		background-image: url(../images/fond/image_border_hover.png);
	}	
.thumbright {
	margin: 0 0 14px 14px;
	float: right;
}
.thumbleft {
	margin: 0 14px 14px 0;
	float: left;
}
.clear { clear: both; }

.borderless { border: none;	} /* supprime les bordures */
.bordered { border: 1px solid black; } /* ajoute une bordure */
.stuck { margin: 0; } /* les balises affect�es par cette classe se touchent */
.stuck-top { margin-top: 0; } /* les balises affect�es par cette classe n'ont aucune marge au-dessus */
.stuck-bottom { margin-bottom: 0; } /* les balises affect�es par cette classe n'ont aucune marge en dessous */
.stuck-left { margin-left: 0; } /* les balises affect�es par cette classe n'ont aucune marge � gauche */
.stuck-right { margin-right: 0; } /* les balises affect�es par cette classe n'ont aucune marge � droite */
.stuck-in { padding: 0; } /* les balises affect�es par cette classe n'ont aucune marge interne */
.table { display: table; } /* les balises affect�es par cette classe r�agissent comme des tableaux */
.table-cell { display: table-cell; } /* NON COMPATBLE IE - les balises affect�es par cette classe r�agissent comme des cellules de tableaux */
.block { display: block; } /* correction bug IE d'espaces ind�sirables autour des images */
.inline { display: inline; } /* les balises affect�es par cette classe tiennent, dans la mesure du possible, sur la m�me ligne */
.scroll { overflow: scroll; } /* g�n�re des ascenceurs dans un �l�ment conteneur dans le cas o� son contenu est plus vaste que lui */
.hidden {overflow: hidden; } /* masque les �l�ments qui 'sortent' d'un conteneur affect� par cette classe (les dimensions doivent �tre pr�cis�es) */

.uppercase { text-transform: uppercase; }

a img { /* supprime les bordures autour des images affect�es par un lien sous IE */
	padding: 0;

	border: 0;
}

a:link,
a:visited {
	color: #4f79aa;
	text-decoration: none;
}
a:active,
a:hover{
	color: #4f79aa; /* param�trable */
	text-decoration: underline;
}

.framed { /* cr�e un encadr� et eventuellement un fond sur un bloc */
	/*width: /* param�trable */; 
	
	/*margin-left: /* param�trable */; 
	/*margin-right: /* param�trable */; 
	padding: 10px;
	
	border: 1px solid #ccc;
	
	background-color: #eee;
}
	.framed h2,
	.framed h3,
	.framed h4 {
		margin-top: 0;
	}
	
table {
	border: none;
}
	table.bordered {
		border: 1px solid #999;
		border-collapse: collapse;
	}
	caption {
		padding-bottom: 7px;
		
		font-size: 12px;
		font-weight: bold;
		color: #bff9c1;
		letter-spacing: 2px;
	}
	
	td {
		border: none;
	}
		tbody td.bordered {
			border: 1px solid #999;
			border-collapse: collapse;
		}
		
	th {
		background-color: #404040;
		
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	
ol li ol li { list-style: lower-latin; } /* les puces utilis�e pour les sous-listes num�rot�es sont des caract�res latin (a,b,c...) */
ul li { list-style-image: url(../images/puce/blue_arrow.gif); }
	/* ul li ul li { } */

hr {
	/* Corrige le bug des marges de HR sous IE */
	display: block;
	height: 1px;
	padding: 0;
	color: #999; /* Couleur sous IE */
	background-color: #999; /* Couleur sous Firefox */
	border: 0;
}

.classic { background-color: #ccc; } /* alternative couleur utilis�e pour distinguer les lignes de tableaux */
.altern { background-color: white; } /* alternative couleur utilis�e pour distinguer les lignes de tableaux */

/* ******************************************** */
/* Gestion des formulaires */

form {
	margin: 0;
	padding: 0 10px;
	
	border: 1px solid #af8554;
	
	background-color: #f5e9d0;
}
	form ul {
		margin: 0;
		padding: 0;
		
		list-style: none;
	}

fieldset {
	padding: 10px;
	
	/*border: ; /* param�trable */
}
	legend {
		color: #bff9c1;
	}
	label {
		font-weight: bold;
	}
		.lbleft { /* s'applique usuellement � une balise <label> afin de l'aligner � gauche du champ de formulaire qu'elle pr�c�de */
			width: 75px; /* 90 */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caract�ristiques de label{} car peut s'appliqu� � d'autres balises (ex: <span>...) */
		}
		.lbleft-short {
			width: 90px; /* 105 */ /* param�trable */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caract�ristiques de label{} car peut s'appliqu� � d'autres balises (ex: <span>...) */
		}
		.lbleft-long {
			width: 185px; /* 200 */ /* param�trable */
			
			padding-right: 15px;
			
			float: left;
			display: inline;
			
			font-weight: bold; /* reprend certaines caract�ristiques de label{} car peut s'appliqu� � d'autres balises (ex: <span>...) */
		}
		input,
		select,
		textarea {
		    font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			/*color: ; /* param�trable */
		}
			input.text,
			select.text,
			textarea.text {
				margin-bottom: 3px;
				padding: 0 5px;
				
				border: 1px solid #af8554;
				
			}
		
		input[type=checkbox] { /* Pour le jour o� �a fonctionnera... :/ */
			border: none;
		}
	
	.denied { /* messages d'erreurs lors du remplissage des formulaires */
		width: 90%;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 28px;

		color: red; /*#fff*/
	}
		.denied ul li {	list-style-image: url(../images/puce/red_dot.gif); /* param�trable */	}
		
	.granted { /* validation lors du remplissage des formulaire */
		width: 90%;
		
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 28px;
		
		text-align: center;
		color: #4f79aa;
	}
		
/* ******************************************** */

/* ******************************************** */
/* D�coupage */
.cols2 {
	width: 50%;
	
	float: left;
}
.cols3 {
	width: 33%;
	
	float: left;
}
.cols4 {
	width: 25%;
	
	float: left;
}
.cols5 {
	width: 20%;
	
	float: left;
}

.folder,
.file {
	height: 110px;

	overflow: hidden;
}

/* ******************************************** */

/* ******************************************** */
/* Classes singuli�res */
.comment { /* bloc de commentaire utilis� par exemple dans l'interface administrateur */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	padding: 0 5px;
	
	border: 1px solid #af8554;
	
	background-image: url(../images/fond/sable.jpg);
	background-color: #ebd5a5;
	
	color: #000;
}

.searching { text-align: center; } /* bloc de recherche */

.path { }

.autor {
	margin-top: 14px;
	
	border-top: 1px solid #999;
}

.title {
	font-weight: bold;
}

.more {
	text-align: right;
}

.summary {
	font-style: italic;
}

.readonly { /* champs de formulaire d�j� renseign�s et immuables */
	color: #666;
	font-style: italic;
}

.biglabel {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-variant: small-caps;
	font-size: 16px;
}

.map {
	width: 530px;
	height: 398px;
	
	overflow: scroll;
}

.redfee {
	color: #DB0000;
}

.braun {
	color: #af8554;
}

.breakfast {
	width: 100%;
	
	clear: both;
	
	background-color: #f5e9d0;
}

/* ******************************************** */

/* ******************************************** */
/* Infobulle */
.infobulle{
	width: 350px;
	
	position: absolute;	

	visibility : hidden;

	padding: 5px;
	
	border: 1px solid #000;
	
	background-color: #d0df99;
	
	text-align: left;
}
/* ******************************************** */

/* ******************************************** */
/* Curseurs */
.cursor-default { /* Pointeur de base */
	cursor: default;
}
.cursor-hand { /* Main (lien hypertexte) */
	cursor: pointer;
}
.cursor-cross { /* Croix */
	cursor: crosshair;
}
.cursor-wait { /* Sablier */
	cursor: wait;
}
.cursor-help { /* Point d'interogation */
	cursor: help;
}
.cursor-move { /* 2 double-fl�ches haut/bas gauche/droite */
	cursor: move;
}
.cursor-erisize { /* Double-fl�che gauche/droite */
	cursor: e-resize;
}
.cursor-nresize { /* Double-fl�che haut/bas */
	cursor: n-resize;
}
.cursor-neresize { /* Double-fl�che bas-gauche/haut-droite */
	cursor: ne-resize;
}
.cursor-nwresize { /* Double-fl�che haut-gauche/bas-droite */
	cursor: nw-resize;
}
.cursor-text { /* Texte */
	cursor: text;
}
/* ******************************************** */

/* ******************************************** */
/* Arrondi des angles sous Firefox */
.bevelled {
	-moz-border-radius: 12px; /* Arrondi des angles */
	border-radius: 12px; /* Arrondi des angles */
}
/* ******************************************** */

/* ******************************************** */
/* Surlignement du texte sous Firefox */
::-moz-selection {
	background-color: #93a070;
	
	color: #fff;
}
::selection {
	background-color: #93a070;
	
	color: #fff;
} 
/* ******************************************** */

/* *************************************************************************************************
GESTION  DES BLOCS
************************************************************************************************* */

/* ***********************************************
BLOCS PRINCIPAUX
*********************************************** */

#main {
	text-align: left; /* r�tablit l'alignement � gauche (voir body{} ) */
}
	
	#header {
		width: 780px; /* 860 */
		height: 134px; /* 184 */
		
		margin-left: auto;
		margin-right: auto;
		padding: 50px 40px 0 40px;
		
		overflow: hidden;
		
		color: #fff;
	}

	#central {
		width: 780px; /* 860 */
		
		margin-left: auto;
		margin-right: auto;
		padding: 0 40px 28px 40px;
		
		background-image: url(../images/fond/body+shadow.jpg);
		background-position: top;
		background-repeat: repeat-y;
	}
	
		#menu,
		#content {
			height: 100%;
			
			float: left;
			
			display: table-cell;
		}
		
		#menu {
			width: 205px;
			height: 750px; /* 423 */
			
			overflow: hidden;
			
			background-image: url(../images/fond/menu.jpg);
			background-position: top;
			background-repeat: no-repeat;
			
			color: #000;
			
			text-align: left;
		}
			#menu ul li {
				list-style-image: none;
			}

		#content {
			width: 540px; /* 575 (margin_left 10px de #content-top) */
			
			padding-left: 25px;
			
			background-image: url(../images/fonds/content.gif);
			
			color: #000;
		}
			#content-top {
				width: 540px;
				height: 36px;
				
				margin-left: 10px;
				padding: 0;
			}