@charset "UTF-8";
/* CSS Document */
/*PAGE ET TABLEAU*/
img { 
	behavior: url(iepngfix.htc) 
}
body {
	margin:0px;
	padding:0px;
	background:url(images/fondTom.jpg);
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#535252;
}
.fondTab {
	width:100%;
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
	padding:0px;
	background:url(images/fondTableau.png) no-repeat top center;
}
.fondTab td{
	padding:0px;
}
/*BANDEAU AVEC LOGO*/
div#titre{
	color:#de770a;
	font-size:24px;
	padding-top:55px;
	margin-left:240px;
}
div#logo{
	margin-top:15px;
	height:64px;
	width:220px;
	background:url(images/tomLogo.png) no-repeat top left;
	float:left;
}
.separation{
	clear:both;
	width:950px;
	height:30px;
	background:url(images/separation.png) no-repeat top center;
}
.separation02{
	width:950px;
	height:50px;
	background:url(images/separation.png) no-repeat top center;
}
/*MENU*/
div#menus{
	height:52px;
	width:950px;
}
div#titreMenu{
	width:70px;
	color:#6a7532;
	font-size:20px;
	float:left;
	margin:20px 0px;
}
.ligneMenu{
	line-height:27px;
	float:left;
	margin:20px 2px;
}
.sepMenu{
	line-height:27px;
	float:left;
	margin:20px 2px;
}
.ligneMenu02{
	line-height:27px;
	float:left;
	margin:10px 2px;
}
.sepMenu02{
	line-height:27px;
	float:left;
	margin:10px 2px;
}
.yannBayo{
	line-height:27px;
	float:left;
	margin:10px 2px;
}
/*LIENS*/
.menu a{
	display:block;
	text-decoration: none;
	color:#6a7532;
}
.menu a:hover{
	display:block;
	color: #6a7532;
	text-decoration: line-through ;
}
a.blanc{
	text-decoration: none;
	color:#fff;
}
a.blanc:hover{
	color: #fff;
	text-decoration: line-through ;
}
a:link{
	text-decoration: underline;
	color:#6a7532;
}
a:hover{
	color: #6a7532;
	text-decoration: line-through !important;
}
a:visited{
	text-decoration: underline;
	color:#6a7532;
}
/*CONTENU*/
/*TITRES*/
blockquote {
	padding:5px 10px;
}
h1{
	margin:0px;
	margin-bottom:20px;
	margin-top:20px;
}
h1 span{
	background:#6a7532;
	color:#de770a;
	font-size:20px;
	padding:5px;
}
h2{
	margin-top:20px;
}
h2 span{
	color:#fff;
	background:#6a7532;
}
.divContenus{
	width:950px;
}
.divContenus02{
	margin-bottom:30px;
	width:950px;
}
h3{
	font-size:14px;
	font-weight:bold;
	margin:0px;
}
h4{
	color:#333333;
	font-size:16px;
	font-weight:bold;
	margin:0px;
}
/*TEXTES*/
.surligne {
	background:#6a7532;
	color:#fff;
}
.txtGrisItalic{
	font-style:italic;
	color:#ccc;
}
.txtGrisSombre{
	color:#333;
}
.selected{
	color:#de770a;
	font-style:italic;
}
.italic{
	font-style:italic;
}
.valeur{
	font-size:14px;
	font-weight:bold;
}
/*Vignettes*/
.boxgrid {  
    width: 295px;  
    height: 199px;  
    margin:2px;
	margin-bottom:20px;
    float:left;
    background:#161613;
    border: solid 1px #ccc;
    overflow: hidden;
    position: relative;
}  
.boxgrid img {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0;
}
.boxcaption {
	padding-left:15px;
    float: left;
    position: absolute;
    background: #000;
    height: 150px;
    width: 100%;
    opacity: .8;
    /* Pour IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* Pour IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
    top: 150px;
    left: 0;
}
.caption .boxcaption {
    top: 150px;
    left: 0;
}
/*FORM CONTACT*/
div#baseContact {
  position: relative;
}
div#chargementContact, div#terminerContact {
	position: absolute;
	font-size: 32px;
	color: #999;
	font-weight: bold;
	text-align: center;
	margin: 50px 0px;
	visibility: hidden;
	width: 100%;
	top: 0px;
}
div#terminerContact {
  color: #FFF;
}
div#terminerContact a {
  font-size: 12px;
}