/*;;;;;;;;;;;;;; table des matières - début ;;;;;;;;;;;;;;;;;;
1. paramètres généraux
2. niveau 1 tél. fax et petite navigation
3. titre et armoiries
4. navigation principale
5. contenu variable
6. sidebar avec boîtes
7. haut de page
8. footer: liens utiles, bonus et copyright

;;;;;;;;;;;;;; table des matières - fin ;;;;;;;;;;;;;;;;;;*/
@font-face {
 font-family: "Quicksand";
 src: url("type/Quicksand_Light.otf") format("opentype");
 font-family: "EdelSansLight";
 src: url("type/edel_sans_light.ttf") format("truetype");
 font-family: "LatoLight";
 src: url("type/Lato-Light.ttf") format("truetype");
}
/*;;;;;;;;;;;;;; paramètres généraux - début ;;;;;;;;;;;;;;;;;;*/
a {
	text-decoration: none;
	border:none;
}
a:link {
	color: white;
	text-decoration: none;
	border:none;
}
a:visited {
	color: white;
	text-decoration: none;
	border:none;
}
a:hover {
	color: #000;
}
hr {
	border: none;
	background-color: #630;
	color: #630;
	height: 1px;
	width: 100%;
}
#menu hr {
	border: none;
	background-color: #999;
	color: #999;
	height: 1px;
	width: 100%;
}
.line_green {
	margin: 0px 0px 20px 0px; /*20 est la distance entre la ligne et le bloc qui suit*/
	padding: 0;
	line-height: normal;
	border-bottom: 1px solid #807059;
}
img {
	border: none;
}
html {
	/*background-color:#FFF5E6;*/
	background-color: #FFEDD3;
}
body {
	margin: 0;
	padding: 0;
	font: 100% Verdana, sans-serif;
	text-align: center;
	color: #FFF;
	background-color: transparent;
	background-position: 100% 0%;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
strong {
	font-weight: 500;
}
/*;;;;;;;;;;;;;; paramètres généraux - fin ;;;;;;;;;;;;;;;;;;*/
/*;;;;;;;;;;;;; premier niveau - start ;;;;;;;;;;;;*/
#masthead {
	height:54px;
	background: #3D2C20;
}
.content {
	width:960px;
	margin: 0 auto;
	display: block;/*padding:0 30px;*/
}
/*;;;;;;;;;;;;; liens sociaux - start ;;;;;;;;;;;;*/
/*#liens_sociaux {
	float:left;
	margin: 15px 0 0 0;
	padding-left: 45px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	font-weight:lighter;
	font-weight:100;
}*/
/*;;;;;;;;;;;;; logo tél. et fax tout en haut à gauche - start ;;;;;;;;;;;;*/
#logo_left {
	float:left;
	margin: 15px 0 0 0;
	padding-left: 45px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	font-weight:lighter;
	font-weight:100;
}
/*;;;;;;;;;;;;; fin premier niveau ;;;;;;;;;;;;*/

/*;;;;;;;;;;;;; navigation premier niveau - start ;;;;;;;;;;;;*/
ul#nav-primary {
	float:left;
	margin:0px 0 0 0;
}
ul#nav-primary li {
	float:left;
	list-style-type:none;
	margin:0 0px 0 0;
	background:none;
	padding:0;
}
ul#nav-primary>li>a {
	color:#ddd;
	text-decoration:none;
	font-weight:normal;
	font-size: 12.5px;
	text-shadow: 1px 1px 1px #222;
	outline:none;
	text-shadow:1px 1px 0.5px #000;
	color: #fff;
	float:left;
	height:54px;
	line-height:54px;
	padding:0 20px;
}
ul#nav-primary li a:hover {
	color: #fff;
	background: #BF9960; /* old browsers */
	background: linear-gradient(top, #BF9960 0%, #FFCC80 59%, #FFDFBF 100%);
	background: -o-linear-gradient(top, #BF9960 0%, #FFCC80 59%, #FFDFBF 100%);
	background: -moz-linear-gradient(top, #BF9960 0%, #FFCC80 59%, #FFDFBF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BF9960), color-stop(59%, #6FFCC80), color-stop(100%, #FFDFBF));
}
ul#nav-primary li a:active, #masthead ul#nav-primary li a:focus {
	color:#FFF;
}
ul#nav-primary li.current a {
	background: #474747; /* old browsers */
	background: linear-gradient(top, #474747 0%, #474747 59%, #363636 100%);
	background: -o-linear-gradient(top, #474747 0%, #474747 59%, #363636 100%);
	background: -moz-linear-gradient(top, #474747 0%, #474747 59%, #363636 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BF9960), color-stop(59%, #FFCC80), color-stop(100%, #FFDFBF));
	border-left: 1px solid rgba(255, 255, 255, 0.04);
	border-right: 1px solid rgba(255, 255, 255, 0.04);
	color:#fff;
}
/*secondary ul for resources/login*/
ul#nav-primary ul.utilities {
	float:none;
	padding:0;
	margin:13px 0 0 0;
	position:relative;
	z-index: 1;
}
ul#nav-primary ul.utilities li {
	margin:0;
	padding:0;
}
ul#nav-primary ul.utilities li:hover a {
}
ul#nav-primary ul.utilities li a {
	text-transform:uppercase;
	/*color:#a3a3a3;*/
	color:#FFF;
	text-shadow:1px 1px 0.5px #000;
	font-size:11px;
	float:left;
	margin-right:2px;
	padding:6px 10px 10px 13px;
}
ul#nav-primary ul.utilities li.megadropdown a {
	padding:8px 23px 10px 10px;
	margin-top:-2px;
}
ul#nav-primary ul.utilities li.megadropdown:hover a {
	color:#fff;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	padding-bottom:5px;
	background: #444 no-repeat 77px 12px;
}
ul#nav-primary ul.utilities li a:hover {
	color:#fff;
	background:#444;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-bottom:5px;
	text-shadow:none;
	text-decoration:none;
}
ul#nav-primary li.sub-nav {
	padding:0 0 0 15px;
	margin:2px 0 0 0;
/
}
/*megadropdown ul*/ 
ul#nav-primary ul.utilities li ul {
	display:none;
	width:157px;
	float:none;
	padding:10px 10px 10px 10px;
	margin:0;
	background:#444444;
	position:absolute;
	z-index:100000;
	left:0px;
	top:23px;
	border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	-webkit-border-radius:0 5px 5px 5px;
}
ul#nav-primary ul.utilities li:hover ul {
	display:block;
}
/*megadropdown li*/
ul#nav-primary ul.utilities li ul li {
	float:none;
	line-height:auto;
	padding:0 0 5px 0;
	height:auto;
}
ul#nav-primary ul.utilities li.megadropdown ul li a {
	padding-bottom:0px;
}
ul#nav-primary ul.utilities li ul li a strong {
	display:block;
	color: #F90;
	font-size:11.5px;
	text-transform:none;
	margin-bottom:2px;
}
#container ul#nav-primary ul.utilities li ul li a {
	color:#fff;
	font-size:11px;
	text-shadow:none;
	padding:10px 7px;
	border-bottom:1px solid #4b4b4b;
	display:block;
	background:#555;
	margin:0 0 0px 0;
	text-transform:none;
	width:143px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	
}
#container ul#nav-primary ul.utilities li ul li a:hover {
	background:#666;
}
/*;;;;;;;;;;;;; navigation premier niveau - end ;;;;;;;;;;;;*/
/*;;;;;;;;;;;;; header - titre - armoiries - début ;;;;;;;;;;;;*/
#wrapper_header {
	background:url(images/bg-content_brown_springloops.gif);
	/*background:url(images/chateau_bkg_transp.png);*/
	/*background-color: #61513A;*/
	
}
#header {
	margin: 0px auto;
	width: 960px;
	height: 230px;
	
}
#header h1 {
	margin: 0;
	padding-top: 20px;
	padding-left: 20px;
	/*font-family: "Quicksand",  Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;*/
	/*font-family: "Helvetica Light", "LatoLight", "Helvetica Neue UltraLight", "Helvetica Neue Light", Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;*/
	font-family:  Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 300%;
	font-weight: 100;
	/*ont-variant: small-caps;*/
	letter-spacing: 5px;
	/*color: #C2D9A3;*/
	/*color: #3FF;*/
	color: #F90;
	text-align:left;
}
#header h2 {
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	font-weight: 100;
	font-size: 100%;
	font-family: "Helvetica Light", "Helvetica Neue UltraLight", "Helvetica Neue Light", "Quicksand", Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	letter-spacing: 2px;
	/*color: #C2D9A3;*/
	/*color: #3FF;*/
	color: #F90;
	text-align:left;
}
#headerSearch {
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 5px;
	font-size: 90%;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #000;
	text-align:right;
	font-variant:small-caps;
}
#header a, #header a:link, #header a:visited {
	color: #9FC;
	text-decoration: none;
}
#header a:hover {
	color: #040;
	text-decoration: none;
}
#header p {
	text-align:right;
	margin-right: 50px;
	line-height: 1.4;
	font-family:  Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 100%;
	font-weight:100;
	letter-spacing: 1px;
	color: #000;
}
/*;;;;;;;;;;armoiries ;;;;;;;;;;;;;;;;*/
#titre_larochette {
	/*float:left;*/
	padding-top: 30px;
	padding-right:0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#armoiries {
	float:right;
	padding-top: 30px;
	padding-right: 70px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#SIT {
	padding-top: 15px;
	padding-left: 700px;
	position:absolute;
}
#SIT a {
}
#SIT a:hover {
}
/*;;;;;;;;;;;;; header - titre - armoiries - fin ;;;;;;;;;;;;*/
/*;;;;;;;;;;;;;; grande navigation - début  ;;;;;;;;;;;;;;;;;;*/
#wrapper_nav {
	background: #716249;/*background:url(images/bg-content_brown_springloops.gif);*//*height: 200 px;*/
}
#nav_container {
	width:960px;
	margin: 0 auto;/*display: block;*//*padding:0 30px;*/
}
#nav {
	margin: 0 0 8px 0;
	padding: 7px 6px 0;
	line-height: 100%;
	border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	moz-border-radius: 0.4em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #807059; /* for non-css3 browsers */
	background: linear-gradient(top, #807059, #BF9960);
	background: -o-linear-gradient(top, #807059, #BF9960);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#807059', endColorstr='#BF9960');
	background: -webkit-gradient(linear, left top, left bottom, from(#807059), to(#BF9960));
	background: -moz-linear-gradient(top, #807059, #BF9960);
	border: solid 1px #6d6d6d;
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	/*z-index: 0;*/
	list-style: none;
}
/* main level link */
#nav a {
	/*font-weight: bold;*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #FC9; /* for non-css3 browsers */
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDDBF', endColorstr='#FFC080');
	background: linear-gradient(top, #FFDDBF, #FFC080);
	background: -o-linear-gradient(top, #FFDDBF, #FFC080);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDDBF), to(#FFC080));
	background: -moz-linear-gradient(top, #FFDDBF, #FFC080);
	color: #444;
	/*border-top: solid 1px #f8f8f8;*/ /*produit un saut d'écran d'un pixel*/
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	zoom: 1.0;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #000;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #FFC78E !important; /* for non-css3 browsers couleur grise en mode hover sous menu*/
	background: linear-gradient(top, #FFDDBF, #FFC080) !important;
	background: -o-linear-gradient(top, #FFDDBF, #FFC080) !important;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDDBF', endColorstr='#FFC080');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDDBF), to(#FFC080)) !important;
	background: -moz-linear-gradient(top, #FFDDBF, #FFC080) !important;
	color: #000 !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	zoom: 1.0;
}
/* level 2 list */
#nav ul {
	background:#FFEDD3; /* for non-css3 browsers */
	background: linear-gradient(top, #FFDDBF, #FFF2E6);
	background: -o-linear-gradient(top, #FFDDBF, #FFF2E6);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDDBF', endColorstr='#FFF2E6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDDBF), to(#FFF2E6)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFDDBF, #FFF2E6); /* for firefox 3.6+ */
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}
#nav ul li:last-child > a {
border-bottom-left-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
/*;;;;;;;;;;;;;; grande navigation  - fin  ;;;;;;;;;;;;;;;;;;*/

/*sidebar -start*/
/*;;;;;;;;;;;;; boîte sans couleur ni contour - start ;;;;;;;;;;;;*/
.simple {
	margin-bottom:15px;
	padding-left: 10px;
	padding-right: 0px;
	font-size: 80%;
	line-height: 150%;
	color: #630;
}
.simple a, .simple a:link, .simple a:visited {
	color: #630;
	text-decoration: underline;
}
.simple a:hover {
	color: #C60;
	text-decoration: underline;
}
.simple ul li a {
	display: block;
	padding: 4px 4px 6px 10px;
	border-bottom:1px solid #EAEAEA;
	line-height: 18px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans serif;
	font-weight:normal;
}
.simple ul li a:hover {
	text-decoration: none;
	color: #333;
	background-color: #f5f3e5;
}
/*;;;;;;;;;;;;; boîte sans couleur ni contour -end ;;;;;;;;;;;;*/


/*;;;;;;;;;;;;;; boîte couleur orange - début ;;;;;;;;;;;;;;;;;;*/
.sidebarbox2 {
	border: 1px solid #630;
	border-radius : 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:15px;
	background-color: #FC9;
	font-weight:100;
	font-size: 80%;
	color: #630;/*-moz-box-shadow: 5px 5px 3px #888;*//*-webkit-box-shadow: 5px 5px 3px #888;*//*-o-box-shadow: 5px 5px 3px #888;*//*box-shadow: 5px 5px 3px #888;*/
}
.sidebarbox2 h3 {
	font-weight: 700;
	color: #630;
	border-bottom: 1px solid #000;
	margin-bottom: 0px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	
	-moz-border-radius-topleft: 4px;
	
	-webkit-border-top-left-radius: 4px;
	background-color: #FC9;
	text-align: center;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 15px;
	padding-left: 8px;
}
.sidebarbox2 ul {
	margin: 0px;
	padding: 3px 3px 2px 3px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	
	-webkit-border-bottom-left-radius: 4px;
}
.sidebarbox2 ul li {
	list-style: none;
	display: inline;
}
.sidebarbox2 ul li a {
	display: block;
	padding: 4px 4px 6px 10px;
	text-decoration:none;
	color: #630;
	background-color: #FC9;
}
.sidebarbox2 ul li a:hover {
	text-decoration: none;
	color: #FC9;
	background-color: #630;
}
/*;;;;;;;;;;;;;; boîte couleur verte - fin ;;;;;;;;;;;;;;;;;;*/

/*;;;;;;;;;;;;;; boîte lite - début ;;;;;;;;;;;;;;;;;;*/
.sidebarlt {
	padding: 10px;
	border: 1px solid #630;
	color: #600;
	font-weight:100;
	line-height: 150%;
	font-size: 80%;
	margin-bottom: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:FF9;
	background: linear-gradient(top, #FFDDBF, #FFF2E6);
	background: -o-linear-gradient(top, #FFDDBF, #FFF2E6);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDDBF', endColorstr='#FFF2E6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDDBF), to(#FFF2E6)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFDDBF, #FFF2E6); /* for firefox 3.6+ */
}
.sidebarlt a, .sidebarlt a:link, .sidebarlt a:visited {
	color:#630;
	text-decoration: underline;
}
.sidebarlt a:hover {
	color: #000;
	text-decoration: none;
}
/*;;;;;;;;;;;;;; boîte lite- fin ;;;;;;;;;;;;;;;;;;*/


#container {
	margin: 0px auto;/*border: none;*//*text-align: left;*/
}
#wrapper {
	margin: 0 auto;
	text-align:left;
	width: 960px;
	background-color:#FFEDD3;
}
#sidebar1 {
	float: left;
	width: 200px;
	padding: 15px 10px 25px 10px;
}
#sidebar2 {
	float: right;
	width: 200px;
	padding: 15px 10px 25px 10px;
}
#smallbox_sidebar_1 {
	float: left;
	width: 180px;
	font: 75% Verdana, sans-serif;
	text-align:center;
	color: #000;
}
#smallbox_sidebar_2 {
	float: right;
	width: 180px;
	font: 75% Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	text-align:center;
	color: #000;
}
/*;;;;;;;;;;;;;;;;;;;;;contenu variable ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
#mainContent {
	margin-left: 20px;
	margin-right: 280px;
	padding: 10px 35px 25px 35px;
	text-align: justify;
	line-height: 1.5em;
}
#mainContent a, #mainContent a:link {
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	text-decoration: underline;
	color: #630;
	padding: 0px 2px 0px 2px;
}
#mainContent a:hover {
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	text-decoration: none;
	color: #C30;
	padding: 0px 2px 0px 2px;
}
#mainContent p {
	text-align:justify;
	line-height: 1.5;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 100%;
	font-weight:100;
	letter-spacing: 1px;
	color: #630;
}
#mainContent ul {
	list-style-position:outside;
	list-style: url(images/black_bullet.png);
}
#mainContent ol {
	list-style: decimal;
	list-style-position:outside;
}
#mainContent li {
	font-size: 100%;
	line-height: 1.5;
	text-align: justify;
	font-family:  Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-weight:lighter;
	letter-spacing: 2px;
	color: #630;
}
#mainContent h4 {
	font-size: 170%;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-variant: small-caps;
	color: #630;
	text-align: center;
	/*font-weight: 100;*/
	letter-spacing: 3px;
}
#mainContent h5 {
	font-size: 130%;
	font-family:  Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #C63;
	font-weight: 100;
	letter-spacing: 3px;
}
#mainContent h6 {
	font-size: 110%;
	font-family:  Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #000;
	font-weight: bolder;
	letter-spacing: 0.1em;
	text-align:center;
}
#mainContent td {
	font-size: 80%;
	line-height: 1.5;
}
.date_box {
	width: 50px;
	height: 50px;
	background-color: #630;
	/*background:url(images/brown_square.png);*/
	color: #F93;
	float:left;
	margin-left: -60px;
	padding-left: 2px;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.fltlft_margin25 {
	float: left;
	margin-right: 25px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*;;;;;;;;; Bouton renvoyant au haut de la page - start ;;;;;;;;;;;;;;;*/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
 *display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border-radius: .4em;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	
}
.button:hover {
	text-decoration: none;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.orange, .orange:active, orange:visited {
	color: #000;
	border: solid 1px #FFF2E6;
	background: #FFCC80;
	background: linear-gradient(top, #BF9960, #FFCC80);
	background: -o-linear-gradient(top, #BF9960, #FFCC80);
	background: -webkit-gradient(linear, left top, left bottom, from(#BF9960), to(#FFCC80));
	background: -moz-linear-gradient(top, #BF9960, #FFCC80);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF9960', endColorstr='#FFCC80');
}
.orange:hover {
	background: #FFCC80;
	background: linear-gradient(top, #FFCC80, #BF9960);
	background: -o-linear-gradient(top, #FFCC80, #BF9960);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC80), to(#BF9960));
	background: -moz-linear-gradient(top, #FFCC80, #BF9960);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC80', endColorstr='#BF9960');
}
#pagetop_wrapper {
	background: #333;
	padding-top: 5px;
	padding-bottom: 5px;
}
#pagetop {
	margin: 0px auto;
	width: 960px;
	height: 25px;
	padding-top: 5px;
}
/*;;;;;;;;; Bouton renvoyant au haut de la page - end ;;;;;;;;;;;;;;;*/

/*;;;;;;;;; menu footer - début  ;;;;;;;;;;;;;;;*/

#footer, #push {
	clear:both;/* .push must be the same height as .footer */
}
#push {
	height: 345px;
}
#footer {
	background:url('images/bg-footer2.gif') repeat-x;
	height: 400px;
	color: #666;
	border-top: 1px solid #222;
	font-size: 16px;/*margin-bottom:-16px;*/
}
#footer-wrapper {
	padding:20px 0 0 0;
	width:960px;
	margin:auto;
}
#footer h3 {
	color: #FC0;
	border-bottom: 1px solid #383838;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight:normal;
	padding-bottom:6px;
	position:relative;
	text-shadow:1px 1px #000;
	text-align:left;
}
#footer h3:after {
	border-bottom:1px solid #1d1d1d;
	content:'';
	display:block;
	position:relative;
	top:6px;
}
#footer a {
	color: #FFF;
	
}
#footer a:hover {
	color: #FC6;
}
#footer ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	text-align:left;
}
#footer ul li {
	margin-bottom:9px;
	font-size:14px;
	background:none;
	padding:0;
	
}
#footer ul li a {
	color:#999;
	text-shadow:1px 1px #000;
}
#footer ul li a:hover {
	color: #FC6;
}
#footer .content {
	margin-top:20px;
}
#footer .contact-us img {
	margin-right:4px;
}
#footer .contact-us li {
	margin-bottom:7px
}
#footer .contact-us, #footer .contact-us a {
	color: #777;
}
#footer .contact-us * {
	vertical-align: middle;
}
#footer .contact-us a:hover {
}
#footer #copyright {
	text-align: center;
	
	color: #666;
	margin: 20px 0 10px 0;
}
#footer #copyright p {
	margin: 0 0 4px 0;
	text-shadow:1px 1px #000;
}
.col-1, .col-2, .col-3, .col-3-5, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	margin-right:35px;
	float:left;
}
.col-3 {
	width:205px;
}
.last {
	margin-right:0 !important;
}
/*;;;;;;;;; menu footer - fin  ;;;;;;;;;;;;;;;*/


/*;;;;;;;;; copyright jmdware - start ;;;;;;;;;;;;;;;*/
.copyright {
	text-align:center;
	font: 90% Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	color: #755f52;
	padding: 5px;
}
/*;;;;;;;;; copyright jmdware - end ;;;;;;;;;;;;;;;*/
/*;;;;;;;;; table pour la collecte des déchets - début ;;;;;;;;;;;;;;;*/
. table_dechets {
 border: 1px solid #FFDDBA;
 border-collapse:collapse;
}
.table_dechets tr {
	/*text-align: left;*/
	padding: 0.5em;
}
.table_dechets tr:hover {
	background-color: #FFDDBA;
	color:#000;
}
.table_dechets td {
	border: 1px solid #FFDDBA;
	color:#630;
	/*text-align:left;*/
	line-height: 1.5;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 100%;
	font-weight:100;
	letter-spacing: 1px;
}
.align_justif {
	text-align:justify;
}
.align_left {
	text-align:left;
}
.align_right {
	text-align:right;
	color:#630;
}
.sous_titre {
	text-align:center;
	font-weight:800;
	color: #C60;
}
img.socloc {
	padding: 4px;
	border: 1px solid #630;
	margin: 0 -7px;
}
/*;;;;;;;;; table pour la collecte des déchets - fin ;;;;;;;;;;;;;;;*/
/*;;;;;;;;; paramètres non utilisés pour l'instant - start ;;;;;;;;;;;;;;;*/
.imageFloatLeft {
	float: left;
	margin-right: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 5px;
	border: 1px solid #DCD3CE;
}
.imageFloatRight {
	float: right;
	margin-left: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 5px;
	border: 1px solid #DCD3CE;
}
.imageFloatNone {
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 5px;
	border: 1px solid #ccc;
}
.emphasize {
	font-size:12px;
	color:#990000;
	text-align:justify;
}
td {
	padding: 0.5em;
	border: 1px solid #000;
}
td.propr_titre {
	border: 1px solid white;
	padding: 0px 0px 0px 30px;
}
tr {
	color: white;
}
table {
	border-collapse: collapse;
}
. datatable {
 border: 1px solid #000;
 border-collapse:collapse;
}
.datatable td {
	border: 1px solid #000;
	text-align: left;
	padding: 0.5em;
}
.datatable th {
	border: 1px solid #000;
	background-color: #84B394;
	font-weight: normal;
	padding: 0.2em;
}
th.vrai_tableau {
	border: 1px solid #000;
	background-color: #84B394;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-stretch:expanded;
	color: #000;
	/*text-align: center;*/
	padding: 0.2em;
}
td.vrai_tableau {
	border: 1px solid black;
	color: #000;
	text-align:left;
	padding: 15px 15px 15px 15px;
}
tr {
	color: #000;
	background-color: transparent;
	font-size: 20px;
}
tr.vrai_tableau {
	background-color: transparent;
	color: #000;
	font-size: 20px;
}
table.vrai_tableau {
	border-collapse: collapse;
	background-color: transparent;
}
tr.faux_tableau {
	background-color: #FFF;
	color: #000;
	font-size: 20px;
}
table.faux_tableau {
	border-collapse: collapse;
	background-color: #FFF;
}
/*#mise_a_jour {
	margin: 0px auto;
	width: 960px;
	height: 30px;
}*/
#mise_a_jour p {
	font-size: 12px;
	color: #000;
	padding-top: 25px;
	text-align:left;
}
#mise_a_jour p a:link, #mise_a_jour p a:visited, #mise_a_jour p a:focus {
	font-size: 12px;
	color: #000;
	padding-bottom: 5px;
}
#mise_a_jour p a:hover {
	font-size: 12px;
	color: #c30;
	padding-bottom: 5px;
}
/*;;;;;;;;; paramètres non utilisés pour l'instant - fin ;;;;;;;;;;;;;;;*/
#menu_header ul {
	height:100px;
	list-style: none;
	margin: 0;
	padding: 0;/*padding-top: 1em;*/
}
#menu_header ul li {
	width: 137px;
	height: 80px;
	float: left;
	margin-left: 10px;
	/*padding: 5px;*/
	line-height: 1.5em;
	letter-spacing: 0;
	font-size:16px;
	text-align:left;
}
#menu_header ul li a {
	float: left;
	width: 137px;
	height: 80px;
	color: #663300;
	/*background: #FFDDBA;*/
	background-image:url(images/button_orange_empty.png);
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size:16px;/*border: 1px solid #000;*/
}
/*#menu_header ul li a img {
	border: 0;
}*/
#menu_header ul li a:link, #menu_header a:visited {
	width: 137px;
	height: 80px;
	color: #663300;
	/*background: #FFDDBA;*/
	background-image:url(images/button_orange_empty.png);
	text-decoration: none;
	/*word-spacing: normal;*/
	text-align: center;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size:16px;
}
#menu_header ul li a:hover {
	width: 137px;
	height: 80px;
	/*background: #FFCC99;*/
	background-image:url(images/button_orange_active_empty.png);
	color: #663300;
	text-decoration: none;
	word-spacing: normal;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.5em;
	font-variant: inherit;
	font-style:italic;
	font-size:16px;
}
