/*Permet de régler un bug pour le choix de l'orientation du menu notamment */
	body {
		margin: 0px;
		
		background-color: #666666;
		
		/*Couleur de la police identique à celle sur les boutons du menu*/
		color: #231f3d;
		font-family: "Century Gothic", Helvetica, Verdana, Georgia, Arial, Sans-serif;
	}

	.warning {
		width: 100%;
		font-size: 10px;
		text-align: center;
	}

	span {
		margin: 0px;
		padding: 0px;
	}

/*
###########
   Liens
###########
*/

	a {
		/*Retrait des soulignements*/
		text-decoration: none;
		/*Le lien est en gras*/
		font-weight: bold;
		color: #231f3d;
	}

	a:hover {
		text-decoration: underline;
	}

/*
###########
 Fin Liens
###########
*/

/*
##################
      Titres
##################
*/

	h1 {
		font-style: oblique;

		margin-top: 0px;
		
		position: relative;
		left: 30%;
		
		width: 40%;
		padding-left: 3%;
		border-bottom: 5px ridge #010568;
	}

	h3 {
		font-style: italic;
		
		margin-left: 10px;
		
		width: 75%;
		padding-left: 3%;
		
		border-bottom: 3px double #010568;
	}

/*
##################
    Fin titres
##################
*/

/*
#############
   Entête
#############
*/

	/*Le bloc de l'entête*/
	#entete {
		background-color: #02055a;

		width: 972px;
		height: 100px;
		
		/*Centrage absolu*/
		position: relative;
		left: 50%;
		
		margin: 10px;
		
		margin-left: -489px;
		
		border-right: #040405 3px solid;
		border-bottom: #040405 3px solid;
		border-top: #010568 3px solid;
		border-left: #010568 3px solid;
	}

	/*Le bloc contenant le logo de la CTM*/
	#logo_ctm {
		float: left;
	}

	/*Le bloc contenant le logo de la ville de Mercier*/
	#logo_mercier {
		float: right;
	}

/*
##############
  Fin Entête
##############
*/

/*
##########
   Menu
##########
*/

	/*Suppression de l'espacement entre chaque bouton du menu*/
	#menu_principal a, #menu_principal span {	
		margin: 0px;
		padding: 0px;
	}

	/*Retirement des bordures des autour des images-liens*/
	#menu_principal a img {
		border: 0;
	}

	/*Pointeur de lien au-dessus de toutes les rubriques du menu (même celles qui ne sont pas des images-liens)*/
	.contains_sub {
		cursor: pointer;
	}

	/*Le menu principal lui-même*/
	#menu_principal {
		height: 126px;
		width: 978px;
		
		/*Centrage absolu*/
		position: relative;
		left: 50%;
		margin-left: -489px;
		
		z-index: 50;
	}

	/*La sous-catégorie des activités*/
	#menu_activites {
		visibility: hidden;

		width: 204px;
		height: 84px;
		
		position: absolute;
		left: 113px;
		top: 42px;
	}

	/*La sous-catégorie des liens*/
	#menu_liens {
		visibility: hidden;

		width: 282px;
		height: 84px;
		
		position: absolute;
		left: 629px;
		top: 42px;
	}

	#menu_activites a, #menu_activites img, #menu_liens a, #menu_liens img {
		display: block;
	}

/*
###############
    Fin Menu
###############
*/

/*
############################
      Corps de la page
############################
*/

	#corps {
		background-image: url(images/background.jpg);
		
		width: 972px;
		height: 370px;
		
		/*Centrage*/
		position: relative;
		left: 50%;
		margin: 10px;
		margin-left: -489px;
		top: -84px;
		
		border-right: #040405 3px solid;
		border-bottom: #040405 3px solid;
		border-top: #010568 3px solid;
		border-left: #010568 3px solid;
		
		overflow: auto;
		padding: 5px;
		
		z-index: 10;
	}

/*
############################
    Fin corps de la page
############################
*/

/*
################
  Pied de page
################
*/

	/*Le bloc du pied de page*/
	#pied {
		background-color: #02055a;
		
		color: #ffffcc;
		
		width: 972px;
		height: 40px;
		
		/*Centrage absolu*/
		position: relative;
		left: 50%;
		top: -78px;
		
		margin: 10px;
		
		margin-left: -489px;
		
		border-right: #040405 3px solid;
		border-bottom: #040405 3px solid;
		border-top: #010568 3px solid;
		border-left: #010568 3px solid;
		
		text-align: center;
		font-size: 16px;
	}

	#pied a {
		color: #ffffcc;
	}

	#conception {
		font-size: 8px;
	}

/*
####################
  Fin pied de page
####################
*/

/*
###########################################################
       Classes liées à la mise en forme utilisateur
###########################################################
*/
	.gras {
		font-weight: bold;
	}
	
	.italique {
		font-style: italic;
	}
	
	.souligne {
		text-decoration: underline;
	}
	
	.gauche {
		text-align: left;
	}
	
	.centre {
		text-align: center;
	}
	
	.droite {
		text-align: right;
	}
	
	.image_gauche {
		display: block;
		float: left;
		margin: 5px;
	}
	
	.image_droite {
		display: block;
		float: right;
		margin: 5px;
	}
	
	#contact_message {
		width: 300px;
	}
	
	#contact_submit {
		display: block;
		width: 100px;
		position: absolute;
		left: 50%;
		margin-left: -50px;
	}
/*
###########################################################
     Fin classes liées à la mise en forme utilisateur
###########################################################
*/

/*
#########################################
             Formulaires
#########################################
*/
	form {
		width: 310px;
		position: absolute;
		left: 50%;
		margin-left: -155px;
	}

	input {
		width: 150px;
	}

	label {
		display: block;
		width: 150px;
		float: left;
	}

	#btn_config {
		display: block;
		width: 100px;
		position: absolute;
		left: 50%;
		margin-left: -50px;
	}
/*
#########################################
           Fin formulaires
#########################################
*/