/*************************/
/**CENTRER LA PAGE**/ 
/*************************/

#global {
   	position:fixed; 
   	position:absolute; 
   	left: 50%; 
   	top: 50%;
   	width: 798px;
   	height: 600px;
   	margin-top: -300px; /* moitié de la hauteur */
   	margin-left: -400px; /* moitié de la largeur */
     	}


/*************************/
/*** BASE ***************/ 
/*************************/
	
* { 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; } */

/*************************/
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;
}
/* -------------------------------------------------------------- */
/* -------------GALLERIE ACCUEIL--------------------------------- */
/* -------------------------------------------------------------- */
.feature_rouge {  float: left; display: block; background-color: #DC002E; }
.feature_orange {  float: left; display: block; background-color: #EF8216; }
.feature_jaune {  float: left; display: block; background-color: #FDCA1F; }
.feature_vert {  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_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_rouge, .thumbnail_orange, .thumbnail_jaune, .thumbnail_vert, .thumbnail_bleu, .thumbnail_bleu2, .thumbnail_violet, .thumbnail_familles, .thumbnail_nolink { float: left; padding: 7px; }

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

/*** THEMATIC COLORS *****/ 
/*************************/
ul#nav li a.on { color: #333; background:white url(../img/bt/bt_blanc.jpg); }
#accueil ul#nav li a.on{ background:#fff; color:#333; }
ul#nav li a.vert { background:#7ab51f url(../img/bt/bt_vert.jpg); }
#eco ul#nav li a.vert { background:#fff;	color:#333; }

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

ul#nav li a.sable { background:#00619c url(../img/bt/bt_sable.jpg); }
#sport ul#nav li a.sable { background:#fff; color:#333; }
/* //-> navigation */
ul#nav { float:left; width:100%; border-bottom:2px solid #fff; background:gray url(../img/bt/bt_fond.jpg); margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
ul#nav li {
	float:left;
	display:inline;
	border-right:2px solid #fff;
}
ul#nav li a { display:block; color:#fff; text-decoration:none; font-weight:bold; font-size:1em; padding: 6px 7px 4px; }
/* //-> main navigation */
ul#nav li a.on:hover
	{
	color:#333;
	background: white url(../img/bt/bt_blanc.jpg);
	}
ul#nav li a.vert:hover
	{
	background:silver url(../img/bt/bt_blanc.jpg);
	color:#333;
	}
ul#nav li a.bleu:hover
	{
	background:silver url(../img/bt/bt_blanc.jpg);
	color:#333;
	}
ul#nav li a.sable:hover
	{
	background:silver url(../img/bt/bt_blanc.jpg);
	color:#333;
	}
/* //-> footer*/
#footer {
	/* 19 - (2) */
	padding-top: 7px; padding-left: 5px
; }
#footer ul { text-align:left
; }
#footer ul li { display:inline; }
#footer ul li a {
	color:white;
	padding:0 1px;
	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: 5px;
	padding-bottom: 5px
	
}
#copyright a {
	color:white;
}
/* //-> BLOCK*/
.clearfix {display: inline-table;}
/* 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; 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; }