/*************************/
/*** RESET ***************/ 
/*************************/
	
* { margin:0; padding:0; }
body, th, td, input, select, textarea {	font:normal 12px Arial; }
body, th, td, input, select, textarea, a, li { color:#333; }
fieldset, img, a img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top; }
/*h1, h2, h3, h4, h5, h6 { font-size:1em; font-weight:normal; } */

#global {
	position:fixed; 
	position:absolute; 
	left: 50%;
	top: 0;
	/*top: 50%;*/
	width: 673px;
	margin-left: -336px; /* moitié de la largeur */
	}
/*************************/
h1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 26px;
	line-height: 30px;
	color: #4d4d4d;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h2 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 16px;
	color: #4d4d4d;
	margin: 0;
	padding: 0;
}
.surlignage_jaune { background-color: #fdca1f;}
/* -------------------------------------------------------------- */
/* -------------GALLERIE ACCUEIL--------------------------------- */
/* -------------------------------------------------------------- */
.feature_rouge {  float: left; display: block; background-color: #DC002E; }
.feature_orange {  float: left; display: block; background-color: #EF8216; }
.feature_orange2 {  float: left; display: block; background-color: #ff9d3c; }
.feature_jaune {  float: left; display: block; background-color: #FDCA1F; }

.feature_vert {  float: left; display: block; background-color: #79be1a; }
.feature_vert2 {  float: left; display: block; background-color: #51a124; }
.feature_bleu{  float: left; display: block; background-color: #1FBBE8; }
.feature_bleu2{  float: left; display: block; background-color: #00619C; }
.feature_fetes{  float: left; display: block; background-color: #E20079; }
.feature_violet{  float: left; display: block; background-color: #92127C; }

.feature_choco{  float: left; display: block; background-color: #391f19; }
.feature_choco2{  float: left; display: block; background-color: #5c1f0d; }
.feature_creme{  float: left; display: block; background-color: #bc9e77; }

.feature_description { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 0 9px 8px 11px; 	width: 110px; float: left; color: white;}

A.feature_link , A.feature_link :visited, A.feature_link :link { color: white; }
A.feature_link :hover{ color: white; }

.feature_filename { font-family: Arial, Helvetica, sans-serif;font-size: 14px; padding: 2px 0; font-weight: bold; color:white;}


.thumbnail_choco, .thumbnail_choco2, .thumbnail_creme, .thumbnail_rouge, .thumbnail_orange, .thumbnail_orange2, .thumbnail_jaune, .thumbnail_vert, .thumbnail_bleu, .thumbnail_bleu2, .thumbnail_violet, .thumbnail_vert2, .thumbnail_nolink { float: left; padding: 7px; }

.thumbnail_rouge { background-color: #DC002E; }
.thumbnail_orange { background-color: #EF8216; }
.thumbnail_orange2 { background-color: #ff9d3c; }
.thumbnail_jaune { background-color: #FDCA1F; }
.thumbnail_vert { background-color: #79be1a; }
.thumbnail_vert2 { background-color: #51a124; }
.thumbnail_bleu{ background-color: #1FBBE8; }
.thumbnail_bleu2{ background-color: #00619C; }
.thumbnail_fetes{ background-color: #E20079; }
.thumbnail_violet{ background-color: #92127C; }

.thumbnail_choco{ background-color: #391f19; }
.thumbnail_choco2{ background-color: #5c1f0d; }
.thumbnail_creme{ background-color: #bc9e77; }

/*** THEMATIC COLORS *****/ 
/*************************/


ul#nav li a.on { color: #333; background:white url(bt/bt_blanc.jpg); }
#accueil ul#nav li a.on{ background:#fff; color:#333; }

ul#nav li a.violet { background:white url(bt/bt_violet.jpg); }
#accueil ul#nav li a.violet { background:#fff; color:#333; }
ul#nav li a.violet2 { background: purple url(bt/bt_violet2.jpg); }
#accueil ul#nav li a.violet2 { color: #333; background: #fff; }
ul#nav li a.rouge { background:#dc002e url(bt/bt_rouge.jpg); }
#visite ul#nav li a.rouge { background:#fff; color:#333; }

ul#nav li a.orange { background:#ef8216 url(bt/bt_orange.jpg); }
#vie ul#nav li a.orange { background:#fff; color:#333; }
ul#nav li a.orange2 { background:#ef8216 url(bt/bt_orange2.jpg); }
#vie ul#nav li a.orange2 { background:#fff; color:#333; }
ul#nav li a.jaune { background:#fdca1f url(bt/bt_jaune.jpg); }
#mairie ul#nav li a.jaune { background:#fff; color:#333; }

ul#nav li a.vert { background:#7ab51f url(bt/bt_vert.jpg); }
#eco ul#nav li a.vert { background:#fff;	color:#333; }

ul#nav li a.vert2 { background:#7ab51f url(bt/bt_vert.jpg); }
#eco ul#nav li a.vert2 { background:#fff;	color:#333; }


ul#nav li a.bleu2{ background:#1fbbe8 url(bt/bt_bleu2.jpg); }
#pat ul#nav li a.bleu2 { background:#fff; color:#333; }

ul#nav li a.bleu { background:#00619c url(bt/bt_bleu.jpg); }
#sport ul#nav li a.bleu { background:#fff; color:#333; }

ul#nav li a.vert2{ background:green url(bt/bt_vert2.jpg); }
#fetes ul#nav li a.vert2 { background:#fff; color:#333; }

ul#nav li a.choco{ background:green url(bt/bt_choco.jpg); }
#fetes ul#nav li a.choco { background:#fff; color:#333; }

ul#nav li a.choco2{ background:green url(bt/bt_choco2.jpg); }
#fetes ul#nav li a.choco2 { background:#fff; color:#333; }

ul#nav li a.creme{ background:green url(bt/bt_creme.jpg); }
#fetes ul#nav li a.creme { background:#fff; color:#333; }

/* //-> navigation */
ul#nav {
	float:left;
	width:100%;
	border-bottom:1px solid #fff;
	background:gray url(bt/bt_fond.jpg);
	
}
ul#nav li {
	float:left;
	display:inline;
	border-right:2px solid #fff;
}
ul#nav li a {
	display:block;
	padding:10px 10px 6px 7px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
}
/* //-> main navigation */
ul#nav li a.on:hover
	{
	color:#333;
	background: white url(bt/bt_blanc.jpg);
	}
ul#nav li a.violet:hover
	{
	color: #white;
	background: white url(bt/bt_violet-over.jpg);
	}
ul#nav li a.violet2:hover { color: #white; background: white url(bt/bt_violet2-over.jpg); }
ul#nav li a.rouge:hover
	{
	background:silver url(bt/bt_rouge-over.jpg);
	color:white;
	}
ul#nav li a.orange:hover
	{
	background:silver url(bt/bt_orange-over.jpg);
	color:white;
	}
ul#nav li a.orange2:hover { color: white; background: silver url(bt/bt_orange2-over.jpg); }
ul#nav li a.jaune:hover
	{
	background:silver url(bt/bt_jaune-over.jpg);
	color:white;
	}
ul#nav li a.vert:hover
	{
	background:silver url(bt/bt_vert-over.jpg);
	color:white;
	}
ul#nav li a.bleu2:hover
	{
	background:silver url(bt/bt_bleu2-over.jpg);
	color:white;
	}
ul#nav li a.bleu:hover
	{
	background:silver url(bt/bt_bleu-over.jpg);
	color:white;
	}
ul#nav li a.vert2:hover
	{
	background:silver url(bt/bt_vert2-over.jpg);
	color:white;
	}
	
ul#nav li a.choco:hover
	{
	background:silver url(bt/bt_choco-over.jpg);
	color:white;
	}
ul#nav li a.choco2:hover
{
background:silver url(bt/bt_choco2-over.jpg);
color:white;
}
ul#nav li a.creme:hover
{
background:silver url(bt/bt_creme-over.jpg);
color:white;
}

/* //-> footer*/
#footer {
	/* 19 - (2) */
	padding-top: 10px;
	padding-left: 5px
}
#footer ul {
	text-align:left
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	color:#333;
	padding:0 5px;
	text-decoration:none;
	font-size:0.8em;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#copyright {
	text-align:left;
	font-size:0.8em;
	padding-left: 10px;
	padding-bottom: 5px
	
}
#copyright a {
	color:#333;
}
/* //-> BLOCK*/
.clearfix { display: block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */
.feature_box { float: left; padding: 0 1px 10px 0; background-color: white; }
.feature { float: left; display: block; }
.feature_filename { font-family: Arial, Helvetica, sans-serif;font-size: 14px; padding: 2px 0; font-weight: bold; color:#333333;}
.feature_description { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 0px 9px 8px 11px; 	width: 190px; float: left; color: #333333;}
.feature_description2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 0px 9px 8px 11px; 	width: 430px; float: left; color: #333333;}

/*.feature_desc { padding: 10px 9px 8px 11px; width: 250px; height: 190px; float: left; }*/
.feature_desc0 { padding: 10px 9px 8px 11px; width: 600px; float: left; }
.feature_desc { padding: 10px 9px 8px 11px; width: 250px; float: left; }
.feature_desc2 { padding: 10px 9px 8px 11px; width: 375px; float: left; }

/* PRODUITS*/
.feature_titre { font-family: arial, Helvetica, sans-serif;font-size: 14px;padding: 10px 0 0 10px; font-weight: bold; color:#85be2b;}
.feature_txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 5px 10px 10px; color:#333333; }
.feature_txtgem { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; height : 200px;  padding: 10px 5px 10px 10px; color:#333333;}
.feature_img { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 0 0 0 10px; width: 250px; height: auto; float: left; color: #333333;}
.feature_imgbionx { color: #333333; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 10px; width: 250px; height: 850px; float: left; }
.feature_minitxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 0 0 0 10px; width: 400px; min-height:250px; float: left; color: #333333;}
.feature_accueil { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 0 0 10px; float: left; color: #333333; width: 300px; height: 50px; }
.feature_bandeau { color: #333333; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 0 10px; float: left; }