body {
	background-color: #3c4120;
	color: #3d402a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	line-height: 16px;
}

#conteneurGlobal{
	position:relative 0 0;
	margin: auto ;
	width:1000px;
}

h1{
	font-size: 22px;
	letter-spacing: 0,5em;
	line-height:24px;
}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px; /*(avant : 20. modifié le 2 avril*/
}

h3 {
	font-size: 14px;
	font-weight: 900;
	line-height: 18px;
}

ul h3 { /* Tous les h3 contenu dans une liste POUR QUE "format Excel" (petit txt dans les doc téléchargeables de Mémoirs) ne soit pes perdu en bas à cause de son interlignage */
	line-height: 14px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

h4 {
	font-size: 13px;
	line-height: 16px;
}

/*.nonGras{
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
}*/

.texte{
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}

ul texte { /* uniquement les classes "texte" contenu dans des listes (texte dans ul) */
	line-height: 13px; 
} 

.italique{
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
}

.centre{
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

.droite{
	text-align:right;
}
.message{
	font-size: 12px;
	color: #FF0D0D; /* bleu */
	line-height: 16px;
	text-align: center;
} 

a {
	color: #BE4E32; /* rouge */
	text-decoration:underline;
	line-height: 16px;
}
/* Comment écrire "target_blank" en cSS ?!*/

a img{ /* Les images ayant un lien ne doivent pas avoir de liseret rouge : */
	border:none;
}


.rouge{
	color:#FF0000;
}
.souligne{
	text-decoration: underline;
	line-height: 26px;
}

/*---------------------------------------SPECIFIQUE ACCUEIL-----------------------------*/
#conteneur_fdAccueil {
	background-image: url(images/accueil.jpg); /*contient tout (fond+photo+cadre) sauf menu */
	background-repeat: no-repeat;
	position:absolute;
	width: 984px;
	height: 586px;
	/*top:50%;*/
	/* left:50%;*/
	/* -293px moitié de la hauteur */
  	/*-492px moitié de la largeur*/
	border-style: solid;
	border-color: #333711;
}

#cadreAccueil {
	position:absolute;
	top:197px;
	left:373px;
	height:360px;
	width:550px;
	overflow:auto;
	padding-right: 10px;
	text-align: justify;
}
/*-----------------------------------------------------------------------------------*/
#conteneur_fd_cadre {
	background-image: url(images/fond_cadre.jpg); /*contient la partie droite (fd+cadre) */
	background-repeat: no-repeat;
	position:absolute;
	width: 984px;
	height: 586px;
	/*left: 50%;*/
	/*top: 50%;*/
	/*margin-top: -293px;  moitié de la hauteur */
	/*margin-left: -492px;  moitié de la largeur*/
	/*left:auto;
	/*right:auto;*/
	border-style: solid;
	border-color: #25280D;
}

#conteneur {
	position:absolute;
	left: 50%;
	top: 50%;
	height: 300px;
	width: 500px;
	margin-top: -150px; /* moitié de la hauteur */
	margin-left: -250px; /* moitié de la largeur */
	background-color: #d6e262;
	padding: 20px;
	border: thin solid #000000;
}

label{ /* Pour la mise en forme des tableaux d'identification et de créa de nouvelle Galerie*/
	width:300px;
	display:block;
	text-align:right;
	margin-top: 30px;
	margin-bottom: 20px;
}

#photo { /* la photo principale, verticale à gauche*/
	position: absolute;
	float: left;
	height: 586px;
	width: 385px;
	top: 0px;
	left: 0px;
	border:none;
}

#titre { 	/* pour la div qui affiche l'image titre */
	position: absolute;
	height: 48px;
	width: 403px;
	top: 147px;
	left: 385px;
}


/* Le contenu du cadre d'information, avec ascensseur possible */

#cadreModules { 
	height:319px;
	width:508px;
	height:316px;
	position:absolute;
	top:196px;
	left:347px;
	overflow: auto;
	padding: 20px 40px 25px 8px;
	text-align: justify;
}
/*
#cadreModules { 
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	overflow: auto;
	padding: 20px 40px 25px 8px;
	text-align: justify;
	background-color: #bfce4d;
}
*/

/*------------------------------------FORMULAIRE D'INSCRIPTION-----------------------------*/
#cadreContenu {
	margin-right: 50px;
	margin-bottom: 50px;
	height:360px;
	width:573px;
	position:absolute;
	top:197px;
	left:330px;
	overflow: auto;
}

table.formulaire {
	width:97%;
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	line-height: 16px;
}
table[formulaire] { /* CA NE MACHE PAS !!! */
	background-color: #FF0033;	
}
/*-----------------------------COMMUN FICHES PERSO & NOUVELLES-----------------------------*/
div#conteneurSansAscenseur{ /* contient le moteur de recherche + fiche qui lui a 1 ascenseur */
	height:319px;		/* = cadreModules, mais sans ascenseur */
	width:556px; 
	position:absolute;
	top:208px;
	left:346px;
}

div#moteurRecherche {
	height:30px;
	width:544px;
	text-align: center;	
}

div#fiche{ /* contient placePhotoFiche */
	overflow: auto;	/* c'est lui qui contient l'ascenseur */
	height:303px;
	/*width:548x;*/
	margin-left: 5px; /* pour qu'il y ait une marge gauche au texte qui n'est pas à droite de la photo */
	text-align: left;
	padding-top: 15px;
}

div#placePhotoFiche{ /* se place DANS placeTexteFiche */
	border: thin outset #4B4F35;
	float: left;
	margin-right: 10px; /* pour que le texte qui est à sa droite (dans placeTexteFiche) ne soit pas collé */
	text-align: center;
	vertical-align:middle;  /* CA NE ME LE PREND PAS EN COMPTE ?! */
	width: 200px;
	/* La taille d'affichage de l'image est imposée par la taille donnée en dur dans <img src> mais j'impose à cette div une largeur car le texte contenu dans #fiche commencera à droite de cette photo, c'est à dire à partir des 200pix de large. */
}
div#placeNoFotoFiche{
	border: thin outset #4B4F35;
	float: left;
	margin-right: 10px; /* pour que le texte qui est à sa droite (dans placeTexteFiche) ne soit pas collé */
	text-align: center;
	vertical-align:middle; /* CA NE ME LE PREND PAS EN COMPTE ?! */
	width: 200px;
	height:200px; /* Je mets ici une largeur pour ne pas que la boite soit aute comme le commentaire 'pas de photo dommage' */
}
/*----------------------------------------NOUVELLES-----------------------------------------*/

/*#div.nouvelle = #div.fiche */

div#placePhotoNouvelles{ /* se place DANS placeTexteFiche */
	border: thin outset #4B4F35;
	float: left;
	margin-right: 10px; /* pour que le texte qui est à sa droite (dans placeTexteFiche) ne soit pas collé */
	text-align: center;
	vertical-align:middle;  /* CA NE ME LE PREND PAS EN COMPTE ?! */
	width: 250px;
	/* La taille d'affichage de l'image est imposée par la taille donnée en dur dans <img src> mais j'impose à cette div une largeur car le texte contenu dans #fiche commencera à droite de cette photo, c'est à dire à partir des 250pix de large. C'est la DIFFERENCE AVEC placePhotoFiche	*/
}

.leMessage{ /* Pour l'affichage du contenu du message avec marge et en bleu*/
	margin-left: 30px;
	/*font-family: monospace, "Courier New", Courier;*/
	font-size: 12pt;
	line-height:18pt;
	color: #336699;
}

 /*#tableResultatMessage{ //le tableau qui permet d'afficher 1 message
	height: 90px;
	width: 97%;
	border: none;
} */

/*#afficheMessage{ // affiche le message dans 1 cellule de taille fixe 
	overflow: scroll;
	padding-left: 50px;
	border: none;
}*/
/*--------------------------------GALERIE PHOTO OLD ------------------------------*/
.laGalerie{ :/* organisation de l'affichage d'1 galerie photo */
	overflow: auto;	/* ascenseur horizontal */
	text-align: center;
}
.laGalerie img{ border:solid 1px; }

.laGalerie a img{ border:none; }
/*--------------------------------MENU------------------------------*/
#conteneur_menu {
	position: absolute;
	width: 599px;
	/*height: 147px;*/
	top: 0px;
	left: 385px;
	border:none;
}
/*.menu {
	float: left;  
	padding: 0px ; 
	margin: 0px; 
}*/
/*-------------------------------GALERIE PHOTO -----------------------------------*/

#boiteGaleriePhoto{
	height:319px;
	width:553px;
	height:341px;
	position:absolute;
	top:196px;
	left:330px;
	overflow: auto;
	padding: 10px;
	text-align: justify;
}

*/