#fenetre{position:relative;overflow:hidden;width:4
00px;text-align:left;margin:auto; 
background-color:#C0C080;border:3px inset;} 
#marquee{color:#002000;padding:0 5px;} 
div.flash {

font-family: Tahoma, Arial, Helvetica, Sans-Serif;
 float: right; padding: 10px 15px;width: 285px; 	border:#ccc 1px solid;	margin: 0 0 10px 0;	
overflow: hidden;
}
#menu_deroulant {  overflow: hidden;  position: relative; }
#menu_defile {  position: relative; }

body { margin: 0; padding: 0; background: #fff url(images/bg.gif) repeat-x; font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; line-height: 1.6em; color: #333; }
a { color: #546F92; background: inherit; }
a:hover { color: #808080; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.2em "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
.blue {
	color: #546F92;
	background: inherit;
	font-size: 14px;
}
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }
#tableimageright { float: right; padding: 0px 0 0px 0px; }
.imagebas {  border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }
#main {	width: 900px; margin: 25px auto 0 auto; }
#logo { float: left; padding: 0px 0 0px 0px; }
#logo h1 { color: #000; background: #fff; }
#menu { float: right; background: #fff; color: #808080; padding: 18px 0px 11px 0; margin: 0; }
#menu li {padding: 7px 18px 7px 18px; color: #444; background: #fff url(images/baractive.gif) no-repeat bottom left; display: inline;margin: 0 1px 0 0; }
#menu li.active {
	background: #fff url(images/bar.gif) no-repeat bottom left;
	color: #FFF;
	font-weight: bold;
	padding: 7px 18px 7px 18px;
	
}
#menu li a {
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	

} 	

.fall {padding: 0px;
	padding-bottom:25px;
	color:#999;
	font-size: 1.7em;}
#menu li a:hover { color: #fff; background: #red ;} 	

.menugauche {font-size:17px;padding-left:15px;padding-top:7px;color: #fff;  padding-left:15px;padding-top:7px;width:237x; height:35px;background: #fff url(images/bandeau-menu.jpg) no-repeat;text-decoration: none;} 

#intro_left {clear: left;float: left;width: 250px;background: #5F4649 url(images/leftintrobg.gif) repeat-x;color: #ffffff;	margin: 0 0 1px 0;padding: 14px 0px;}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }
	
#menu_left { float: left;  	margin: 0 0 6px 0; 	padding: 0 0 1px 0; border-bottom: 2px solid #e2e2e2; }
		#menu_left li { list-style: none; }
		#menu_left li a {
	display: block;
	color: #ffffff;
	background-color: #9EB1C9;
	background-image: url(images/arrow.gif);
	background-repeat: repeat-x;
	width: 204px;
	padding: 7px 23px 7px 23px;
	margin: 0 0 1px 0;
	font-weight: bold;
	text-decoration: none;
}	
		#menu_left li a:hover {
	;
	color: #fff;
	background-color: #9EB1C9;
	background-image: url(images/arrow.gif);
	background-repeat: repeat-x;
}


	
#intro_right {
	float: right;
	width: 340px;
	padding: 5px 280px 0 20px;
	background: #ffffff url(images/intro.jpg) no-repeat;
	color: #ffffff;
	margin: 0 0 6px 0;
	height: 204px;
	border: 0px ;
	font-size:12px;
}
#intro_rightRADIO {
	float: right;
	width: 340px;
	padding: 5px 280px 0 20px;
	background: #ffffff url(images/baseintroRADIO.jpg) no-repeat;
	color: #ffffff;
	margin: 0 0 6px 0;
	height: 204px;
	border: 0px ;
	font-size:12px;
}
#intro_rightcontact {
	float: right;
	width: 340px;
	padding: 5px 280px 0 20px;
	background: #ffffff url(images/introcontact.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 204px;
	border: 0px ;
}
#intro_rightvaltra {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/introvaltra.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
#intro_rightkubota {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/introkubota.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
#intro_right2 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/intro2.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
#intro_right3 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/intromagasin.jpg) no-repeat;
	color: #FFFFFF;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
#intro_right4 h1 { margin: 0 0 13px 0; }
	#intro_right4 .white { color: #FFF; background-color:transparent; }
	#intro_right4 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(images/intromat.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
#intro_right4 h1 { margin: 0 0 13px 0; }
	#intro_right4 .white { color: #FFF; background-color:transparent; }

	#intro_right h1 { margin: 0 0 13px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	#intro_rightvaltra .white { color: #FFF; background-color:transparent; }
	
	#intro_right2 h1 { margin: 0 0 13px 0; }
	#intro_right2 .white { color: #FFF; background-color:transparent; }
	#intro_right2 a { color: #FFF; background-color:transparent;font: bold; }
	
#left {
	float:left;
	width: 250px;
	padding-bottom:150px;
	
}
.left2 {
	
	float: left;  	margin: 0 0 6px 0; 	padding: 0 0 1px 0; border-bottom: 2px solid #e2e2e2; 

	
}
	.box {	padding: 4px 15px;border: 1px solid #ccc;margin: 0 0 10px 0;}
	.message {
	padding: 4px 15px;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	background-color: #FFFFCC;
	border-top-color: #FF0000;
	border-bottom-color: #FF0000;
	text-decoration: blink;
	font-variant: small-caps;
}
	.note {	padding: 15px 15px 20px 100px;	border: 1px solid #CFCB66;	margin: 0 0 5px 0;	background: #FFFFAD url(images/package.gif) no-repeat;color: #585616;	}
#right {float: right;	width: 643px;}
.leftcol { 		float: left;padding: 12px 15px;	width: 285px; 		border:#ccc 1px solid;		text-align: justify;		margin: 0 0 10px 0;	}
.leftcollarge { 		float: left;padding: 12px 15px;	width: 615px; 		border:#ccc 1px solid;		text-align: justify;		margin: 0 0 10px 0;	}

.rightcol { float: right; padding: 10px 15px;width: 285px; 	border:#ccc 1px solid;	margin: 0 0 10px 0;	}
.pavepub {float:left; padding: 1px;width: 185px; 	margin: 6px;;	}

.rightcollarge {
	float: right;
	padding: 10px 15px;
	border:#ccc 1px solid;
	margin: 0 0 10px 0;
	width: 600px;
}
.rightcollarge h1 {
	font: bold  "Trebuchet MS", Helvetica, Sans-Serif;
	margin: 0;
	color: #000000;
	border: 1px solid #ccc;
	word-spacing: 2px;
	padding: 10px;
}
.special {		clear: both;margin:0px 0 20px 0;	padding: 5px 20px;border: 1px solid #ccc;background: #eee;color: #444;}
.special2 {		margin:0px 0 20px 0;	padding: 5px 20px;border: 1px solid #ccc;background: #eee;color: #444;}

.blocrubrique {
	clear: both;
	margin:0px 0 20px 0;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	font-size: 14px;
	font-weight: bold;
}


div#footer
{
  position: fixed;
  width: 100%;
  
  left: 0px;
  bottom: 0px;
  padding: 0px;
  margin-bottom:0px;
  margin-top:130px;
  color:#FFF;
  text-align: left;
  color: #000000;  
}
.sstitre {
	clear: both;
	margin:0px 0 20px 0;
	padding: 5px 20px;
	border: 1px solid #ccc;
	background: #eee;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #58871F;
}
input, text {
	border : 1px solid #C7C5C5 ;
	font-family : verdana ;
	font-size : 9px ;
	background-color : #EBEBEB ;
}

input, textarea {
	border : 1px solid #C7C5C5 ;
	font-family : verdana ;
	font-size : 9px ;
	background-color : #EBEBEB ;
}
	
input, select {
	border : 1px solid #C7C5C5 ;
	font-family : verdana ;
	font-size : 9px ;
	background-color : #EBEBEB ;
}

input, submit {
	border : 1px solid #C7C5C5 ;
	font-family : verdana ;
	font-size : 9px ;
	background-color : #EBEBEB ;
}
#blocmenu {float:right;margin-left: auto;   margin-right: auto;   width:418px;

 }
 #blocmenu .bf:hover{
background: url(images/carremenu2.jpg) no-repeat;
}


.txtcebter 	{ text-align:center;padding-top:0px; font-size:15px;color:#ffffff;}
.txtcebter a { text-decoration:none;}

#blocmenu .bf{
	border: 0px solid #ccc;
	padding: 0px;
	margin: 0 0 0 0;
	background: url(images/carremenu1.jpg) no-repeat; 
	color: #454545;
	float:left;
	width:103px;
	height:70px;	}




#blocmenu2 {float:left;}
#blocmenu2 .bf2:hover{background: url(images/bandeau-menu2.jpg) no-repeat;	}
.txtcebter2 	{ font-size:17px;padding-left:10px;color: #fff;}
.txtcebter2 a { text-decoration:none; }
#blocmenu2 .bf2{
	border: 0px solid #ccc;
	padding: 0px;
	margin: 0 0 0 0;
	background: url(images/bandeau-menu.jpg) no-repeat; 
	color: #454545;
	float:left;
	width:255px;
	height:42px;
	}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#CCC;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -400px; /*position where enlarged image should offset horizontally */

}