body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:white;
	}

td {
	font-size: 11px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
	}
	
P {font-size: 11px; color: #000000; font-family:  Verdana, Arial, Helvetica, sans-serif;}



a {color: #000;  text-decoration: none;}
a:hover {color: #00f; text-decoration: underline;}

a:visited {	}
a:active {	}

.ablue { color:#0000FF;}

.underline {text-decoration: underline;}


a.transp60:hover img {
  opacity: 0.6;
  -moz-opacity:0.6;
  filter:alpha(opacity=60);  
  }
  
a.transp80:hover img {
  opacity: 0.8;
  -moz-opacity:0.8;
  filter:alpha(opacity=80);  
  }


a.opacity img {
	opacity: 0.4;
 	-moz-opacity:0.4;
 	filter:alpha(opacity=40);  
}

a.opacity:hover img {
	opacity: 1;
 	-moz-opacity:1;
 	filter:alpha(opacity=100);  
}

img.border1 {border:1px solid gray}

#videoimage {position:relative}
#videoimage .videoicon {position:absolute;top:36%;left:58px}
#videoimage .videoicon2 {position:absolute;top:42%;left:132px}

.navigfooter {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	word-spacing: 0;

}

.navig {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.navig a{
	COLOR: #000000;
	TEXT-DECORATION: none;
}

.navig a:hover {
	COLOR: #00f;
	TEXT-DECORATION: underline;
}

.more {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

a.more {
	COLOR: #00D5D5; 
}



.underline {text-decoration:underline;}

.j {text-align:justify}

.aj0 { padding:10px; width:350px;}

p.warning {
	font-weight:bold;
	color: red;
}

.warning2 {
	font-weight:bold;
	color: red;
	}	

.commvalid {
	border:1px solid silver;
	padding:20px;
	color:teal;
	margin-top:20px;
	
	
}

.barretri {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
}


/*Menu catégories -------------------------*/

#navcat {
	margin:5px 0 10px 0;
	padding:22px 0 5px 6px;
	/*background: url("images/styl_CatTitre.gif") no-repeat left 0;*/
	}
	
#navcat h4 {margin:0;font-weight:normal;font-size:12px;padding:0;}



#navcat h4 a {
	padding:4px 0 4px 8px;
	display:block;
	width:150px;
	margin:0;
	text-decoration:none;
	background: transparent url(images/styl_Navig2BouttSep.jpg) left bottom no-repeat;
	/*color:#A31724;*/
	}
	
#navcat h4 a:hover {color:silver;}	
	
/*
#navcat ul {
	margin:0;
	padding:0;
	list-style-image:url(images/styl_Cat.gif);
	list-style-position:inside;

	}

*/	
	
#navcat ul {
	list-style-type: none;
	margin:0;
	padding:0;
	font-size:11px;
	/*list-style-type:circle;
	list-style-position:inside;*/
	background: url(images/styl_Navig2BouttSep_sousnav.jpg) left bottom no-repeat;
	}

#navcat  ul a {
	display:block;
	width:140px;
	margin-left:2px;
	color:gray;
	
	/*margin:10px 0;
	yellow	
	*/
	
	line-height:16px;
	text-decoration:none;
	background:  url(images/styl_PuceFleche3.gif) 0 5px no-repeat;
	padding-left:13px;
	}	

#navcat  ul a:hover {
	color:#BFBEBE;
	}	
			
#navcatlink h4 {margin:0;font-weight:normal;font-size:11px;padding:0;}
	
#navcatlink {	
	width:167px;
	height:28px;
	padding-top:4px;
	background:  url(images/styl_CatLink01.gif) left bottom no-repeat;
	text-align:center
	}
	
	
#navcatlink h4 a {	
	text-decoration:none;
	color:gray;
	}
	
#navcatlink h4 a:hover{	
	color:blue;
	}	
	
#vidext {
	text-align:justify;
	margin:20px 10px 0 10px;
	}

/*Boutton CSS avec images de fond*/

.button01 {
	background: #fff;
	color: #c00;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 4px;
	border:2px  outset silver;
	padding:3px 5px 3px 5px;
	background-image: url(Images/Bkg_pattern.gif);
	}

.button02 {
	background: #fff;
	color: #c00;
	font-family: Verdana, sans-serif;
	font-size: 11px;	
	border:2px  outset silver;	
	}

/*Boutton CSS en images*/

.button03 {
	/*position:relative;
	top:1px;*/
	cursor: pointer;
	width: 23px;
	height: 20px;
	border: none;
	background: url("images/styl_Boutt03.gif") no-repeat left top;
	color:#A9A9A9;
	}

.button03:hover {
	background: url("images/styl_Boutt03b.gif") no-repeat left bottom;
}

.button04 {
	cursor: pointer;
	width: 142px;
	height: 26px;
	border: none;
	background: url("images/styl_Boutt02.gif") no-repeat left top;
	color:#FFBA0F;
	}

.button04:hover {
	background: url("images/styl_Boutt02b.gif") no-repeat left bottom;
	}



p.boutton5 a {
	display:inline;
	margin:0;
	line-height:22px;
	padding:2px 6px;
	text-align:center;
	border: 1px solid silver;
	border-width: 2px 2px 2px 2px;
	border-color:#e1e1e1 #666 #666 #e1e1e1;
	background: url("images/styl_Boutton01.jpg") repeat-x left top;
	text-decoration:none;
	color:#999;
	font-weight:bold;
	}


p.boutton5 a:hover {
	background: url("images/styl_Boutton01.jpg") repeat-x left top;
	border-width: 2px 2px 2px 2px;
	border-color:#666 #e1e1e1 #e1e1e1 #666;
	color:#666;
	}



.taille10 {font-size: 10px;}
.taille11 {font-size: 11px;}
.taille12 {font-size: 12px;}
.taille13 {font-size: 13px;}
.taille15 {font-size: 15px;}
.taille16 { font-size:16px;}

.silver {color: silver;}
.gray {color: #737373;}
.rouge {color: red;}
.noir {color: black;}
.blue {color:#0000FF;}

.bkg01 {background-image: url(images/Bkg_pattern2.gif);}
.bkg07 {background-image: url(images/Bkg_pattern.gif);}
.bkg02 {background-color:#e6e6e6;}
.bkg03 {background-color:#ffc;}
.bkg04 {background-color:#ff9;}
.bkg05 {background-color:#efefef;}
.bkg06{background-color:#f1f1f1;}


.align  {vertical-align: middle;}

img {border: 0px; vertical-align: top;}

hr {margin:0;padding:0;}

.separation {clear:both; visibility: hidden;}


.delimiter {
	padding: 0px; 
	margin-top:10px; 
	margin-bottom:20px; 
	border-top: 1px dotted #ccc;
	}


#optiref { position: absolute; text-indent: -10000px; }
#optiref h1, #optiref h2, #optiref p {display:inline; font-size: 11px;}


.Pres01liste {
	position: relative;
	float:left;
	width:160px;
	}
	
.Pres02liste {
	padding:0 0 0 160px;
	text-align:left;
	margin-bottom:5px;
	*margin-bottom:0px;
	}


.Pres02liste p.titre01 {margin-top:0;  margin-bottom:5px; padding-bottom:10px; border-bottom: 1px dotted silver;}

.Pres02liste p.titre01 a {color:black}
.Pres02liste p.titre01 a:hover{color:silver;text-decoration:none}


.Pres02liste p.descrip {margin-top:0; margin-bottom:0; padding-bottom:0px; padding-right:20px; text-align:justify;}


.Pres01fiche {
	position: relative;
	float:left;
	width:310px;
	}
	
.Pres01fiche p.descrip {margin:15px 0; padding:0 10px 0 0; text-align:justify;}	
	
.Pres02fiche {
	padding:0 0 0 310px;
	text-align:left;
	margin-bottom:5px;
	*margin-bottom:0px;
	}


/* Album Photos -----------*/



#vignettes01 {
	margin:0 0 5px 0;
	padding:0;
	background-color:white;
	text-align:left;
	width:310px;
	}	

#vignettes01 img {margin:0 3px 8px 0}
#vignettes01 a img {border: 1px solid gray}
#vignettes01 a img:hover {}	
	
	
	
#rotcontainer {
 width:300px;
 height:225px;
 border:1px solid gray;

}
	
	
	

#recherche {
	padding:20px 0 20px 10px;
	background: #fff url(images/styl_Recherche2.gif) top left no-repeat;
	}
	
#filtrage {
	padding:20px 0 20px 10px;
	margin:10px 0;
	background: #fff url(images/styl_Filtrage.gif) top left no-repeat;
	}	
	
.comm01 {
	margin:0;
	padding:5px 10px;
	background: #F6F6F6 url(images/styl_CommTop.gif) top left no-repeat;
	}


a.compteur0 {
	display:inline;
	margin:0px;
	padding: 2px 2px 2px 2px;
	color: gray;
	text-decoration:none;
	line-height:18px;
	border: 1px solid gray;
	background: white;
	text-align:center;
	}


a.compteur0:hover {background: #ddd;}


.compteur1 {
	display:inline;
	padding: 2px 2px 2px 2px;
	margin:0;
	color: white;
	text-decoration:none;
	line-height:18px;
	border: 1px solid black;
	background: #666;
	text-align:center;
	font-weight:bold;
	}



#bib01,#bib02 {margin-left:30px}

/* FORMULAIRE ----------------------------------------------------------- */


form.css {margin:15px 0 0 0;}

form.css fieldset {padding: 2em; border: 1px solid #ccc;-moz-border-radius: 6px;}
 
form.css legend  {padding: 1em; color: #999;}

form.css label  {display:block; color:gray}

form.css input, form.css textarea {margin:1px; /*border: 1px solid #999; background-color:#e9e9e9*/}

.button20 {
	color: #666; 
	font-family: Verdana, sans-serif; 
	font-size: 11px; 
	border-color:#ccc #aaa #aaa #ccc;
	background: #fff url(images/styl_Boutton01.jpg) top left no-repeat;
	
}	

input[type=text]:focus, textarea:focus{
	border: 2px solid;
}


/* Tables-------------------*/

table.t04 {
	border: medium solid #A7A7A7;
	border-collapse: collapse;
	width: 100%;
	font-size:10px;
	margin-top:5px;
	/* 70B445   */

}

table.t04 th {
	border: thin solid #A7A7A7;
	padding: 5px;
	background-color: #DADADA;
	text-align:center;
	/* 70B445   B2F46F*/
}


table.t04 td {
	padding: 5px;
	border: thin solid #A7A7A7;
	text-align: center;
	/* 70B445   */
}

.focus1 {
	font-weight: bold;
	color:#52902A;
}

table.t04 td.s1 {
	text-align:left;
}