/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
img  {
	border-style: none;
	display: block;
}

p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* début mise en forme style XHTML page "accueil" */

/* normal noir 14 */
p1 {
	color: #000000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 10px;
	letter-spacing: 0px;
}

/* souligné vert clair normal vert foncé 14  */
p2 {
	color: #4a6007;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #99CC00;
	line-height: 16px;
	margin-bottom: 5px;
}

/* normal vert foncé 14 */
p3 {
	color: #4a6007;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 10px;
	letter-spacing: 0px;
}

/* normal rouge foncé 14 */
p4 {
	color: #8c2a09;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 10px;
	letter-spacing: 0px;
}

/* normal gris-rouge foncé 14 */
p5 {
	color: #55584d;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 10px;
	letter-spacing: 0px;
}

body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: #666 url(images/bg-fade.jpg) repeat-x top;
}

/* gras noir 14 */
h1 {
	color: #000000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 10px;
	
}

/* souligné vert clair noir gras 14 */
h2 {
	color: #000000;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #99CC00;
	line-height: 16px;
	margin-bottom: 5px;
}

/* gras vert foncé 14 */
h3 {
	color: #4a6007;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 10px;
}

/* gras rouge foncé 14 */
h4 {
	color: #8c2a09;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 10px;
}

/* gras gris-rouge foncé 14 */
h5 {
	color: #55584d;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 10px;
}

/* souligné vert clair rouge gras 14 */
h6 {
	color: #a43610;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #99CC00;
	line-height: 16px;
	margin-bottom: 5px;
}

/* fin mise en forme */

a,  a:link {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #000000;
  text-decoration: underline;
}
a:focus {
  color: #000000;
  outline: none;
}
a:active {
  color: #000000;
  outline: none;
}

#headerWrapper  {
	padding: 0px 0px 0px 0px;
	background: url(images/header-fill_gris.jpg) repeat-x top;
}

#header_top {
	margin: 0px auto;
	padding: 0px;
	width: 920px;
	text-align: left;
	height: 15px;
}

#header_gris {
	margin: 0px auto;
	padding: 0px;
	width: 920px;
	text-align: left;
	height: 45px;
	background: url(images/feature-wrap-fade.jpg) repeat-x top;
}

#header {
	margin: 0px auto;
	padding: 0px;
	width: 920px;
	text-align: left;
	height: 117px;
}

#logo {
	float: left;
}
#tagline {
	text-align: right;
	padding-right: 10px;
	padding-top: 0px;
	height: 28px;
	padding-bottom: 0px;
	float: right;
	font-size: 13px;
	line-height: 28px;
	font-weight: bold;
}

/* début menu horrizontal */

#nav {
	float: right;
	clear: right;
	width: 670px;
	
}
#nav ul {
	margin: 0px;
	padding: 0px;

}

#nav ul li {
	margin: 0px;
	display: block;
	float: left;
	list-style: none;
	clear: right;

}
#nav ul li a   {
	font: bold 14px/45px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	color: #eae611;

}
#nav ul li a:hover {
	background: url(images/nav-hover.jpg) repeat-x top;
	text-decoration: none;
	color: #99CC00;

}
#nav ul li#active {
	background: url(images/nav-hover.jpg) repeat-x top;
	text-decoration: none;

}

#nav ul li#active a{
	color: #FFFFFF;

}

/* fin menu horrizontal */

/* début sidebar vert */

#templatemo_sidebar {
	float: left;
	width: 215px;
}

.sidebar_box {
	clear: both;
	width: 195px;
	margin-bottom: 10px;
}

.sidebar_box h2 {
	color: #000000;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
}

.sidebar_box .sidebar_box_content {
	padding: 0;
}

.side_menu {
	list-style: none;
	width: 195px;
	padding: 0px;
	margin: 0 0 0 0;
}

.side_menu li {
	padding: 0;
	margin: 0;
}

.side_menu li a {
	display: block;
	color: #000000;
	padding: 5px 10px;
	font: normal 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	border-bottom: 1px dotted #52631a;
}
.side_menu li a:hover {
	text-decoration: none;
	background: #97e33e;
	color: #FFFFFF;
}

.news_box {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #52631a;
}

.news_box h3 a {
	color: #000000;
	font-size: 16px;
	text-decoration: underline;
}
.news_box p {
	color:#52631a;
}

/* end of sidebar vert */

/* begin of menu flêche */

#templatemo_left_column {
	float: left;
	width: 195px;
}

#templatemo_left_column #site_title {
	width: 215 px;
	height: 100px;
	padding-top: 60px;
	padding-left: 80px;
	background: url(images/templatmeo_site_title.jpg) no-repeat;
}

#templatemo_left_column #site_title h1 {
	margin: 0;
	padding: 0;
}

#templatemo_left_column #site_title h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #c5f236;
	font-weight: bold;
	text-decoration: none;
}

#templatemo_left_column #site_title h1 a span {
	display: block;
	margin-top: 5px;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 2px;
}

#templatemo_menu {
	width: 195px;
	height: 220px;
	padding-left: 40px;
	margin: 0 auto;
	background: url(images/templatemo_menu.jpg) no-repeat ;
}

#templatemo_menu ul {
	margin: 0;
	padding: 20px 0 0 20px;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
}

#templatemo_menu ul li a {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 25px;
	text-decoration: none;
	color: #52631a;	
	font-weight: bold;
	outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	color: #000000;	
	background: url(images/templatemo_menu_hover.png) center left no-repeat;
}

#templatemo_sidebar {
	min-height: 255px;
	padding: 30px 30px 0 50px;
	background: url(images/templatemo_sitebar.jpg) no-repeat top;
	
}

.sidebar_box {
	clear: both;
	margin-bottom: 30px;
}

.sidebar_box h2 {
	margin-bottom: 15px;
	font-size: 18px;
}

.news_box  {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #333;
}

.news_box h3 a {
	font-size: 14px;
	text-decoration: underline;
}

/* end of menu flêche */

/* début en tête */

#outerWrapper {
	margin: 0 auto 15px;
	text-align: left;
	width: 920px;
	background: #FFFFFF;
}

/* début texte en tête */

#featureWrapper {
	background: url(images/feature-wrap-fade.jpg) repeat-x top;
	text-align: left;
}
#featureWrapper #feature {
	background: url(images/feature-fade.jpg) repeat-x top;
	margin: 0px auto;
	height: 80px;
	width: 920px;
}
#feature  .feature-title {
	font: normal 16px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-left: 20px;
	line-height: 14px;
	letter-spacing: 0px;
}
#feature .feature-text {
	font: normal 16px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #764505;
	text-align: center;
	padding-top: 10px;
	padding-left: 20px;
	line-height: 14px;
	letter-spacing: 0px;
}
#feature li {
	padding-bottom: 7px;
	color: #000000;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
}
#feature ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* fin en tête */

/* début menu vertical Left Sublime*/
#outerWrapper #contentWrapper #leftColumn1 {
	float: left;
	padding: 20px 10px 10px 15px;
	width: 195px;
	line-height: 16px;
}

#leftColumn1 ul {
	margin: 0px;
	padding: 10px 0px 20px;
}
#leftColumn1 ul li {
	list-style: none;
	display: inline;
}
#leftColumn1 ul li a {
	display: block;
	padding: 5px 4px 5px 15px;
	line-height: 15px;
	background: url(images/sidenav-bg-over.gif) no-repeat left top;
	font: normal 13px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
}
#leftColumn1 ul li a:hover {
	text-decoration: none;
	background: url(images/sidenav-bg-over.gif) no-repeat left -25px;
	color: #000000;
}
.sidebarlt {
	padding: 10px;
	border: 1px solid #99CC00;
	background: #F5FFD7;
	margin-bottom: 15px;
}
.sidebardk {
	color: #FFFFFF;
	background: #666666;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 15px;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
	color: #FFFFFF;
}
.sidebarbox {
	background: url(images/sidebox-fill.gif) repeat-y left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.sidebarbox p {
	margin: 0px;
	padding: 0px;
}
.sidebarboxtop {
	background: url(images/sidebox-top.gif) no-repeat left top;
	padding: 12px 10px 0px;
}
.sidebarboxbottom {
	background: url(images/sidebox-bottom.gif) no-repeat left bottom;
	height: 13px;
}

/* fin menu vertical Left 1 Sublime*/

/* début menu vertical Left 2 Sublime*/

#outerWrapper #contentWrapper #leftColumn2 {
	float: left;
	padding: 20px 10px 10px 15px;
	width: 710px;
	line-height: 16px;
}


#leftColumn2 ul {
	margin: 0px;
	padding: 10px 0px 20px;
}
#leftColumn2 ul li {
	list-style: none;
	display: inline;
}
#leftColumn2 ul li a {
	display: block;
	padding: 5px 4px 5px 15px;
	line-height: 20px;
	background: url(images/sidenav-bg-over.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#leftColumn2 ul li a:hover {
	text-decoration: none;
	background: url(images/sidenav-bg-over.gif) no-repeat left -25px;
	color: #000000;

}
.sidebarlt {
	padding: 10px;
	border: 1px solid #99CC00;
	background: #F5FFD7;
	margin-bottom: 15px;
}
.sidebardk {
	color: #FFFFFF;
	background: #666666;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 15px;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
	color: #FFFFFF;
}
.sidebarbox {
	background: url(images/sidebox-fill.gif) repeat-y left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.sidebarbox p {
	margin: 0px;
	padding: 0px;
}
.sidebarboxtop {
	background: url(images/sidebox-top.gif) no-repeat left top;
	padding: 12px 10px 0px;
}
.sidebarboxbottom {
	background: url(images/sidebox-bottom.gif) no-repeat left bottom;
	height: 13px;
}

/* début  Left 3 Sublime*/

#outerWrapper #contentWrapper #leftColumn3 {
	float: left;
	padding: 20px 10px 10px 15px;
	width: 825px; 
	line-height: 16px;
}


#leftColumn3 ul {
	margin: 0px;
	padding: 10px 0px 20px;
}
#leftColumn3 ul li {
	list-style: none;
	display: inline;
}
#leftColumn3 ul li a {
	display: block;
	padding: 5px 4px 5px 15px;
	line-height: 20px;
	background: url(images/sidenav-bg-over.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#leftColumn3 ul li a:hover {
	text-decoration: none;
	background: url(images/sidenav-bg-over.gif) no-repeat left -25px;
	color: #000000;

}
.sidebarlt {
	padding: 10px;
	border: 1px solid #99CC00;
	background: #F5FFD7;
	margin-bottom: 15px;
}
.sidebardk {
	color: #FFFFFF;
	background: #666666;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 15px;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
	color: #FFFFFF;
}
.sidebarbox {
	background: url(images/sidebox-fill.gif) repeat-y left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.sidebarbox p {
	margin: 0px;
	padding: 0px;
}
.sidebarboxtop {
	background: url(images/sidebox-top.gif) no-repeat left top;
	padding: 12px 10px 0px;
}
.sidebarboxbottom {
	background: url(images/sidebox-bottom.gif) no-repeat left bottom;
	height: 13px;
}

/* fin  Left 3 Sublime*/



#outerWrapper #contentWrapper #content {
	margin: 0 15px 0 220px;
	padding: 20px 10px 20px 10px;
	line-height: 20px;
}
#outerWrapper #contentWrapper #content p {
	margin-bottom: 10px;
}

#outerWrapper #contentWrapper #content2 {
	margin: 0 15px 0 700px;
	padding: 20px 10px 20px 10px;
	width: 185px;
	line-height: 20px;
}
#outerWrapper #contentWrapper #content2 p {
	margin-bottom: 10px;
}

#outerWrapper #contentWrapper #content3 {
	margin: 0 15px 0 120px;
	padding: 20px 10px 20px 10px;
	width: 100px;
	line-height: 20px;
}

#outerWrapper #contentWrapper {
	background: url(images/content-fade.jpg) repeat-x top;
}

#outerWrapper #contentWrapper .clearFloat {
	clear: both;
	display: block;
}
#outerWrapper #footer {
	padding: 18px 20px 0px;
	background: #666666 url(images/footer.jpg) no-repeat left top;
	height: 30px;
	margin: 0px;
	clear: both;
}
.fltlft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fltrt {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#credit {
	text-align: center;
	background: #666666;
	color: #999999;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 11px;
}
#credit a, #credit a:hover, #credit a:visited, #credit a:active, #credit a:focus {
	color: #999999;
}