/* Global Styles */
body {
	margin:0;
	}
	
td	{
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
a {
	color: #003399;
	text-decoration:underline;
	}
	
a:hover {
	color: #E35B0F;
	text-decoration:none;
	}
	
/* ID Styles */

#navigation a {
	font:12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
	letter-spacing:.2em;
	}
	
#navigation a:hover {
	color: #F9DD0F;
	}

/* Calendar Styles */

#calendar td {
	border: 2px solid #003399; 
	}
	
#noborder td{
	border: 0px;
	}

#calheader td {
	font-weight:bold;
	color:#F9DD0F;
	}
	
#weekdays th {
	font: 12px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#003399;
	letter-spacing:.1em;
	}
	
/* Class Styles */

.logo {
	font: bold 22px Times New Roman, Times, serif;
	color: #F9DD0F;
	letter-spacing:.2em;
	line-height:26px;
	}
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#333333;
	letter-spacing:.1em;
	}
	
.sidebar {
	font: 20px Times New Roman, Times, serif;
	color: #E35B0F;
	line-height:24px;
	}

.header {
	font: 20px Times New Roman, Times, serif;
	color: #E35B0F;
	line-height:24px;
	letter-spacing:.1em;
	}
	
.subHeader {
	font:11px Arial, Helvetica, sans-serif;
	color: #3366cc;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing:.2em;
	line-height:18px;
	}

.calendarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.1em;
	}

/***************************************************************************
************************      Form2Mail  Ajouté Par JM         *************
***************************************************************************/

.contactForm {
  position: relative;
	width: 85%;
	margin: auto;
	font: normal normal normal 11px/16px Arial, Helvetica, sans-serif;
}

.contactForm h1 {
	background-image: none;
	width: 70%;
	font: normal normal normal 16px/22px Arial, Helvetica, sans-serif;
  color: #757474;
  letter-spacing: 1px;
	text-align: center;
}

.f2m label {
  display: block;
  text-align: justify;
  cursor: pointer;
}

.f2m label:hover {
  font-weight: bold;
}

.f2m hr {
	display: block;
	width: 100%;
	height: 1px;
  color: #757474;
	margin: 5px auto 15px auto;
}

#F2MNLbox1, #F2MNLbox2, #F2MNLbox3, #F2MNLbox4, #F2MNLbox5, #F2MNLbox6 {
  margin: 0;
  border: none;
	width: 10px;
  cursor: pointer;
}

#labelBox1, #labelBox2, #labelBox3, #labelBox4, #labelBox5, #labelBox6 {
	position: relative;
	top: -17px;
	left: 15px;
	margin: auto 10px auto 10px;
	width: 100%;
	font: normal normal normal 11px/13px Arial, Helvetica, sans-serif;
	text-align: left;
}

.f2m input, .f2m select, .f2m textarea {
  margin-right: 0%;
	width: 100%;
  text-align: left;
  color: #757474;
  border: #CCC 1px solid;
}

#persons1, #persons2 {
  display: inline;
  width: 15%;
}

#inline1, #inline2, #inline3{
  display: inline;
	font:11px/18px Arial, Helvetica, sans-serif;
  text-align: justify;
}

.f2m input:hover, .f2m select:hover, .f2m input:focus, .f2m select:focus, .f2m textarea:hover, .f2m textarea:focus {
  border: #999 1px solid;
}

.f2m textarea {
	font: normal normal normal 12px/12px Arial, Helvetica, sans-serif;
	color: #757474;
	height: 160px;
}
 
#bouton {
  border: #999 1px solid;
  color: black;
  margin-right: 0%;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 101%;
  text-align: center;
  cursor: pointer;
}

#bouton:hover {
  background-color: #ffffff;
  color: #ef690e;
  cursor: pointer;
}