/* Feuille de style de tms2005 */

body {
	background-color: #FFFFFF;

}



#gaine {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;

}


/* elements de la barre de navigation */

.nav {
	background-image: url(images/interfaceTMS2005_02.jpg);
	height: 265px;
	width: 176px;
	background-repeat: no-repeat;
	
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;

	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;

}
.nav ul {
	list-style-type: none;
	list-style-position: outside;
	display: inline;


}

.nav a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.nav a:visited {
	text-decoration: none;
	color: #ffffff;
}

.nav li:hover {
	text-decoration: none;
	color: #CCE3DF;
	background-color:#83ABA2;

}


 .accueil {
/*	padding-top: 5px;
	padding-bottom: 5px; */
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;

}

/*  This is used to make a current page rule for nav of each page - 
must give an id of the name of each page to the body of each page 
and in the nav each link gets a class of the name of the page (same names as the ids)   */

#accueil .accueil, #decouvrez .decouvrez, #emploie .emploie, #qui .qui, #ressources .ressources, #contact .contact {

	background-color: #783E4A;	


}

.nav li a{
	display: block;        /*adding this rule to the a as well as to the li makes the whole area clickable */
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;*/
	margin: 0px;
	padding-left: 20px;

}

/* .nav h4 is for the highlited text at the bottom of the nav bar*/
.nav h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #783E4A;
	padding: 20px;
	text-align: center;
}

/* elements du contenu */


.content {
	height: 265px;
	width: 456px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.content h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #864937;
	text-decoration: none;
}
.content h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #864937;
	text-decoration: none;
}
.content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #783E4A;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 50px;
	margin-left: 50px;
}

.content p {
	font-weight: normal;
	color: #000000;
}
.content li {
	padding-bottom: 5px;
	padding-right: 60px;

}

.contentTable {
	width: 400px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 10px;

}
.contentTable td {
	padding-bottom: 10px;
	vertical-align: top;

}
.contentTable h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #864937;
	text-decoration: none;
}


/* elements de design */

.rightTop {
	height: 52px;
	width: 128px;
	vertical-align: top;
}

.rightBar {
	background-image: url(images/index_05.jpg);
	background-repeat: repeat-y;
	background-position: top;
	vertical-align: top;
}
#redecouvrez {
	vertical-align: bottom;


}
#bottomNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 5px;
	width: 436px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-bottom: 5px;

}
#bottomAddress {
	text-align: center;
}
#floatRight {
	position: relative;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;

}
#floatLeft {
	position: relative;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;

}

/* PS Tag Line */
.pstable {
	padding: 0px;
	font-size: 0.73em;
	font-family: Arial, Helvetica, sans-serif;

}
a.ps:link {
	color: #000000;
	text-decoration: none;
}
a.ps:visited {
	color: #000000;
	text-decoration: none;

}
.position {color: #ff9900}
.strategique {
	color: #475057;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
}
/* end PS Tag Line */