@charset "UTF-8";
/* CSS Document */

/******************************/
/*  HTML, BODY                */
/******************************/

	/* Force le scroll vertical à être présent */
	html { 
		overflow-y: scroll; 
		overflow: -moz-scrollbars-vertical;
	}
	
	
	/* Mise à 0 pour tous les navigateurs */
	html, body { 
		padding: 0px;
		margin: 0px;
		height: 100%; /* Utile pour les sites qui doivent avoir un footer tjs en bas de page */
	}
	
	/* Couleur de fond et centrage du site */
	body { 
		text-align: center;
		background:#E9E99D url(design/structure/bas_background.jpg) repeat-y center;
		}
		
	/* Formatage du caractère par défaut */	
	body, table { 
		font-size: 14px;
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		color: #000000;
		}
		
		
/******************************/
/*  STRUCTURE                 */
/******************************/
		
		
	/* position de l'entier du site */	
	#SuperGlobal {
		position: relative;
		margin: 0 auto; /* centre #global sur la page */
		padding: 0px;
		width: 100%;
		-height: 100%; /* IE6: Utile pour les sites qui doivent avoir un footer tjs en bas de page */
		min-height: 100%;
		background-image: url(design/structure/bas_s-menu_background.gif);
		background-repeat: no-repeat;
		background-position: center 215px;
	}
			
	#Header { 
		margin: 0 auto; /* centre #global sur la page */
		width: 100%;
		height: 160px;
		background: url(design/structure/bas_header_background.jpg) repeat-x center;
	}	
		
	#Global {
		position: relative;
		width: 950px;
		margin: 0 auto; /* centre #global sur la page */
		margin-top: -3px;
		text-align: left; /* Annule l'alignemnt défini dans body qui centre #global */
	}
	
/* Entête */	

	#Adresse {
		float: left;
		width: 230px;
		margin-left: 58px;
		-margin-left: 30px; /* Seulement IE 6 */
		margin-top: 10px;
		font-weight: bold;
	}
	
	#MenuTop {
		width: 650px;
		height: 52px;
		top: 0px;
		margin-right: -3px;
		float: right;
	}
	
	#Menu {
		width: 625px;
		height: 25px;
		position: absolute;
		z-index: 1;
		top: 9px;
		right: 24px;
		-right: 13px;  /* Seulement IE 6 */
	} 
		
/* Partie principale */	
	
	#Contenu {
		clear: both;
	}
	
	#MenuGauche {
		width: 192px;
		float: left;
		margin-top: 10px;
		margin-left: 25px;
		-margin-left: 13px;
	}
	
	#MenuLang {
		width: 192px;
		text-align: center;
		margin-bottom: 5px;
		text-transform: uppercase;
	}
	
	#MenuLang a, #MenuLang a:visited, #MenuLang a:active {
		color: #000000;
		text-decoration: none;
	}
	
	#MenuLang a:hover, #MenuLang a:focus, .SelectedLang {
		color: #BD0926;
		text-decoration: none;
	}	
	
	#Page {
		width: 650px;
		float: right;
		margin-right: 60px;
		-margin-right: 30px;  /* Seulement IE 6 */
	}	
	#SousSousMenu {
		float: left;
		width: 701px;
		font-size: 15px;
		margin-bottom: 25px;
	}
	
	#SousSousMenu h1 {
		width: 650px;
		margin-left: 25px;
	}	
	#SousSousMenu img {
		margin-top: 5px;
		margin-bottom: 5px;
	}	
	
	#SousSousMenu span, #SousSousMenu span a {
		padding: 5px;
	}
	
	#SousSousMenu span a, #SousSousMenu span a:visited, #SousSousMenu span a:active {
		text-decoration: none;
		color: #000000;	
	}
	
	#SousSousMenu span a:hover, #SousSousMenu span a:focus, #SousSousMenu span.Actif a, #SousSousMenu span.Actif a:visited, #SousSousMenu span.Actif a:active 			{
		text-decoration: none;
		color: #BD0926;
		background-color: #FFC9C5;
	}
	
/* Pied du site */	
	
	#Dernier-Element {
		padding-bottom: 0px;
		clear: both;
		margin-bottom: 45px;
		}
				
	#Footer {
		position: absolute;
		width: 100%;
		height: 41px;
		bottom: 0px;
		left: 0px;
		text-align: center;
		}
			
	#TxtFooter {
		margin: 0px;
		padding: 0px;
		position: absolute;
		width: 100%;
		bottom: 5px; 
		left: 0px;
		text-align: center;
		z-index: 1px;
		color: #FFFFFF;
		}	
		
	#TxtFooter a, #TxtFooter a:visited, #TxtFooter a:active {
		color: #FFFFFF;
		}	
	
	#TxtFooter a:hover, #TxtFooter a:focus  {
		color: #FFFFFF;
		text-decoration: none;
		}			
				
/******************************/
/*  CONTENU                 */
/******************************/
	
	
	/******************************/
	/*  Remise à 0                */
	/******************************/
	form, img, ul, li, h1, h2, h3, h4, p, br, table {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	/* Alignement des listes à l'intérieur de la div */	
	ul, li {
		margin-left: 1em;
	}
	
	/* Annule les définitions de float */	
	.spacer {
		clear: both;
	}
	
	.center {
		text-align: center;
	}
	
	/******************************/
	/*  Titre et paragraphes       */
	/******************************/	

	h1 {
		color: #BD0926;
		font-size: 28px;
		font-weight: normal;
		border-bottom: #E75045 1px solid;
		margin-bottom: 15px;
		}

	h2 {
		color: #E75045;
		font-size: 20px;
		font-weight: normal;
		border-bottom: #E75045 1px solid;
		margin-bottom: 10px;
		}
	
	h3 {
		color: #000000;
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 10px;
		}
		
	h4 {
		}
		
	h5 {
		}
	
	p, ul {
		margin-bottom: 25px;
		text-align: justify;
	}
		
	/******************************/
	/*  Tables                   */
	/******************************/	
	
	.Tab {
		width: 70%;
		margin-bottom: 30px;
	}
	
	.Tab td {
		vertical-align: bottom;
		margin-bottom: 5px;
	}

	/******************************/
	/*  Liens                 */
	/******************************/	
	
	a, a:visited, a:active  {
		color: #BD0926;
		text-decoration: underline;		
		}
	
	a:hover, a:focus {
		color: #BD0926;
		text-decoration: none;
		}
		
	/******************************/
	/*  images                     */
	/******************************/	
		
	/******************************/
	/*  Formulaires               */
	/******************************/	
	
	input, select, textarea {
		width: 80%;
		border: #000000 1px solid;
		background-color: #FFFFFF;
		padding: 2px;
		font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
		font-size: 13px;
	}
	
	textarea {
		height: 100px;
	}
	
	.btnEnvoyer {
		width: 75px;
	}
	
	.FormLargeurLablel {
		width: 100px;
	}
	
	.tabFormulaire td {
		padding-bottom: 10px;
	}
	
	/******************************/
	/*  Messages d'erreurs        */
	/******************************/
	.MessageErreur, .MessageOk, .MessageConfirm {
		padding: 5px;
		margin: 5px;
		font-weight: bold;
		font-size: 16px;
		border-style: dashed;
		border-width: 1px;
	}
	
	.MessageErreur a, .MessageOk a, .MessageConfirm a {
		color: #FFFFFF;
	}

	.MessageErreur {
		background-color: #EBCCCC;
		border-color: #9D0000;
		color: #9D0000;
	}
	
	.MessageOk {
		background-color: #CFE1CC;
		border-color: #0E6600;
		color: #0E6600;
	}
	
	.MessageConfirm {
		background-color: #CCCCEF;
		border-color: #0000FF;
		color: #0000FF;
	}
	
	.FieldError {
		background-color: #FFFF99;
		border: #990000 dotted 1px;;
	}
	
	/******************************/
	/*  Pages               */
	/******************************/	
	
	#ColGauche {
		float: left;
		width: 415px;
	}
	
	#ColDroite {
		float: right;
		width: 210px;
	}
	
	/******************************/
	/*  Accueil                  */
	/******************************/	
	
	#News img {
		float: left;
		margin-right: 7px;
	}
	
	.Date {
		color: #376a00;
		font-size: 12px;
		margin-right: 5px;
		margin-bottom: 5px;
		font-weight: bold;
	}
	
	.News {
		clear: both;
		padding-bottom: 0px;
		margin-bottom: 10px;
		border-bottom: #E75045 1px solid;
	}
	
	#Dons, #Livres {
		margin-bottom: 25px;
	}
	
	#Dons h2, #Livres h2 {
		padding: 7px;
		background-color: #E75045;
		color: #FFFFFF;
		border: none;
		margin: 0px;
	}
	
	#Dons p, #Dons h3, #Livres p, #Livres h3 {
		padding: 7px;
		background-color: #FADCDA;
		margin: 0px;
	}
	
	#Dons p {
		border-bottom: #E75045 1px solid;
	}
	
	#Livres h3 {
		font-size: 28px;
		text-align: center;
	}
	
	/******************************/
	/*  Guestbook                 */
	/******************************/	
	
	div.Message {
		border-top: #BD0926 solid 2px;
		padding-bottom: 20px;
	}
	
	div.Message p {
		margin-bottom: 10px;
	}	
	
	div.Message img {
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
		border: 5px solid #E75045;
	}	
	
	div.Message .Auteur {
		font-size: 16px;
		font-weight: bold;
	}
	
	div.Message .Ville {
		font-style: italic;
	}
	
	div.Message .Ville, div.Message .Date {
		font-size: 12px;
	}
	
	div.Message .Date {
		color: #BD0926;
	}
	
	div.Message .Entete {
		background-color: #ffd9d6;
		padding: 3px;
	}
	
	/******************************/
	/*  La Chaîne                 */
	/******************************/	
	
	#Numero img {
		border: #000000 1px solid;
		float: left;
		margin-right: 5px;
	}
	
	#Numero {
		float: left;
		width: 330px;
	}
	
	#Commande {
		float: right;
		width: 300px;
	}