/*Style commun à tout TNO (portail + brique média)*/
/**************** element specifique  ****************/
body, p, div, span, td {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
body {
	width: 100%;
	margin: 0;
	padding: 0;
	background:url(/TNMMatagrinet/images2009/fond-page-repet.jpg);
}
a {color:#666666;text-decoration:underline;}
a:hover {color:#138a03;text-decoration:none;}
h1 {font-size:16px;margin:3px 0px 10px 0px;color:white;}
h2, .titre1 {
	font-size:14px;
	margin:3px;
	color:#038B0F;
	font-weight:bold;
}
.erreur{color:red;}
.legende{color:silver;font-size:10px;}
.logo {position:absolute;top:48px;left:2px;}
.lienSite {color:#000000;position:absolute;top:27px;left:5px;}
.lienSite, .lienSite *{font-size:10px;}
.webAgri a, .webAgri a:active {color:#0066FF;text-decoration: none;}
.webAgri a:hover {color:#000099;}
.terreNet a, .terreNet a:active {text-decoration: none;color:#FF6600;}
.terreNet :hover {color:#CC0000;}
.vitiNet a, .vitiNet a:active {text-decoration: none;color:#663399;}
#drap {
	top:11px;
	left:257px;
	position:absolute;
	margin-top:13px;
}
#btOk {
	top:69px;
	left:843px;
	position:absolute;
}
#identification {
	top:63px;
	left:886px;
	position:absolute;
	width:99px;
}
#identification input {
	width:100%;
	background-color:transparent;
	border:none;
	margin-bottom:5px;
}
#btCree a, #btOublier a{
	color:#b8b4b4;
	font-size:10px;
	text-decoration:none;
	line-height:10px;
	position:absolute;
	top:116px;
}
#btCree a {left:824px;width: 80px;}
#btCree a:hover, #btOublier a:hover {color:#FF9900;}
#btOublier a {left:906px;width: 87px;}
#baseLine{
	top:123px;
	left:243px;
	position:absolute;
	width:245px;
	font-weight: bold;
	color:#EA8F2B;
}
/************ Structure du site ************/
#fondPage {
	width:100%;
	text-align:center;
	background-image:url(/TNMMatagrinet/images2009/fond-pagey.jpg);
	background-repeat:repeat-y;
	background-position:50% 0;
}
#fondPageY {
	width: 100%;
	color:#FFFFFF;
	background:transparent url(/TNMMatagrinet/images2009/fond-page.jpg) repeat-x scroll 50% 0;
	text-align:center;
}
.contenuPage {
	background-color:white;
	color:black;
	padding-top:5px;
	padding-bottom:5px;
}
.conteneurGeneral {
	width:996px;
	margin: 0pt auto;
	padding-bottom:0px;
}
.margeGeneral {
	float:left;
	padding:3px;
	overflow: hidden;
}
#cGaucheContenant {
	float:left;
	padding:4px;
	text-align:left;
}
#cGaucheContenu {
	width:745px;
	background:#000000;
	overflow:hidden;
}
#cDroiteContenant {
	float:right;
	float:left;
	background:#000000;
	padding:7px 7px 7px 0px;
	width:232px;
	overflow:hidden;
}
#cDroiteContenu {width:232px;}
.noFloat {height:0px;clear:both;}
#bandeauHaut {height:144px;	position:relative;}
/***************** navigationTNO ************/
#navigationTNO {height:30px;background:url(/TNMMatagrinet/images2009/nav-fond.jpg);}
#navigationTNO ul {margin:0;}
#navigationTNO li {float:left;height:30px;list-style-type: none;}
#navigationTNO a:link, #navigationTNO a:visited {
	line-height:30px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-variant:small-caps;
	color:white;
	font-weight:bold;
	text-decoration: none;
	font-size:14px;
}
#navigationTNO li a:hover, #navigationTNO li a:active {background-color:#E9902C;color:#ffffff;}
/**************** entete de l'arbo avec moteur ***********/
.enteteArbo {margin:5px 5px 5px 5px;}
.enteteArbo select {margin-right:10px;}
.enteteArbo #mots {
	float:left;
	height:20px;
	width:466px;
	font-size:14px;
	color:#999999;
	margin-right:10px;
	margin-bottom:5px;
}
.enteteArbo h2 {margin:0;padding:0;}
/**************** Onglet ***************/
.zoneOnglet {
	width:100%;
	background:url(/TNMMatagrinet/images2009/fond-onglet.jpg);
	background-color:#FFFFFF;
	color:#000000;
	height:39px;
	border-bottom:2px solid black;
	padding-top:7px;
}
.zoneOnglet a {
	text-decoration:none;
}
/*propriété par défaut du coté gauche de l'onglet*/
.zoneOnglet .ongletOutGauche, .zoneOnglet .onglet1OverGauche, .zoneOnglet .onglet2OverGauche, .zoneOnglet .onglet3OverGauche, .zoneOnglet .onglet4OverGauche, .zoneOnglet .onglet5OverGauche, .zoneOnglet .onglet6OverGauche {
	background:no-repeat left top;
	width:150px;
	float:right;
	margin-right:3px;
	cursor:pointer;
}
/*propriété par défaut du sousTitre de l'onglet*/
.zoneOnglet .ongletOutGauche .sousTitre {
	font-weight:bold;
	text-align:center;
	padding-top:7px;
}
.zoneOnglet .onglet1OverGauche .sousTitre, .zoneOnglet .onglet2OverGauche .sousTitre, .zoneOnglet .onglet3OverGauche .sousTitre, .zoneOnglet .onglet4OverGauche .sousTitre, .zoneOnglet .onglet5OverGauche .sousTitre, .zoneOnglet .onglet6OverGauche .sousTitre {
	font-weight:bold;
	text-align:center;
	padding-top:7px;
}
/*propriété par défaut du coté Droit de l'onglet*/
.zoneOnglet .ongletOutDroite, .zoneOnglet .onglet1OverDroite, .zoneOnglet .onglet2OverDroite, .zoneOnglet .onglet3OverDroite, .zoneOnglet .onglet4OverDroite, .zoneOnglet .onglet5OverDroite, .zoneOnglet .onglet6OverDroite {
	background-repeat:no-repeat;
	background-position:right top;
	width:150px;
	height:39px;
}
/*spécificité des onglets */
.zoneOnglet .ongletOutGauche {background-image:url(/TNMMatagrinet/images2009/onglet-0-g.gif);}
.zoneOnglet .ongletOutDroite {background-image:url(/TNMMatagrinet/images2009/onglet-0-d.gif);}
.zoneOnglet .titre {color:white;padding-left:3px;padding-right:3px;white-space:nowrap;}
.zoneOnglet .ongletOutGauche .sousTitre {color:black;}
/*définition des survol*/
.zoneOnglet .onglet1OverGauche {background-image:url(/TNMMatagrinet/images2009/onglet-1-g.gif);}
.zoneOnglet .onglet1OverDroite {background-image:url(/TNMMatagrinet/images2009/onglet-1-d.gif);}
.zoneOnglet .onglet2OverGauche {background-image:url(/TNMMatagrinet/images2009/onglet-2-g.gif);}
.zoneOnglet .onglet2OverDroite {background-image:url(/TNMMatagrinet/images2009/onglet-2-d.gif);}
.zoneOnglet .onglet3OverGauche {background-image:url(/TNMMatagrinet/images2009/onglet-3-g.gif);}
.zoneOnglet .onglet3OverDroite {background-image:url(/TNMMatagrinet/images2009/onglet-3-d.gif);}
.zoneOnglet .onglet4OverGauche {background-image:url(/TNMMatagrinet/images2009/onglet-4-g.gif);}
.zoneOnglet .onglet4OverDroite {background-image:url(/TNMMatagrinet/images2009/onglet-4-d.gif);}
.zoneOnglet .onglet5OverGauche {background-image:url(/TNMMatagrinet/images2009/onglet-5-g.gif);}
.zoneOnglet .onglet5OverDroite {background-image:url(/TNMMatagrinet/images2009/onglet-5-d.gif);}
.zoneOnglet .onglet6OverGauche {background-image:url(/TNMMatagrinet/images2009/onglet-6-g.gif);}
.zoneOnglet .onglet6OverDroite {background-image:url(/TNMMatagrinet/images2009/onglet-6-d.gif);}
.zoneOnglet .onglet1OverGauche .sousTitre, .zoneOnglet .onglet2OverGauche .sousTitre, .zoneOnglet .onglet3OverGauche .sousTitre, .zoneOnglet .onglet4OverGauche .sousTitre, .zoneOnglet .onglet5OverGauche .sousTitre, .zoneOnglet .onglet6OverGauche .sousTitre  {color:white;}
.zoneOnglet .onglet5OverDroite .titre{color:black;}
/**************** bloc HP **************/
.intro .surTitre {height:28px;}
#video div.Pied {margin:0px;padding:0px;line-height:0px;height:0px;}
#blocMarketingHaut div.Pied {margin:0px;padding:0px;line-height:0px;height:0px;}
#annonceOccasion {position:relative; /*pour placer les boutons en absolut*/}
#annonceOccasion div.blocCadreD img {border:1px solid black;}
#annonceOccasion a {color:#000000;font-size:10px;}
#annonceOccasion a:hover {color:#0e7700;}
#annonceOccasion div.blocCadreD {height:152px;width:362px;}
#annonceOccasion div.boutonblocTNO {position:absolute;top:2px;left:304px;width:51px;}
#video {width:196px;}
#video a {font-size:11px;}
#video div.blocCadreD1, #video div.blocCadreD0, #video div.blocCadreD {background:#FFFFFF;height:152px;}
#blocMarketingHaut {width:155px;}
#blocMarketingHaut div.blocCadreD1, #blocMarketingHaut div.blocCadreD0, #blocMarketingHaut div.blocCadreD {height:152px;}
/**************** pub ******************/
#partager {padding:5px 0px;background:url(/TNMMatagrinet/images2009/pub-horizontal.gif) no-repeat;height:65px;}
/*hack IE pour les PNG*/
.imgPNG {behavior: url(/includes/pngHack.htc);}
/******************* bloc service ****************/
#services {background:#FFFFFF;margin:0px 0px 7px 0px;border:1px solid gray;}
#servicesDetails a, #servicesAccesDirect a {background:url(/TNMMatagrinet/images2009/puceServices.gif) no-repeat bottom left;padding-left:10px;}
#services a:link img.boutonServices, #services a:visited img.boutonServices {
	border-color:#C1C1C1 #1D1D1D #1D1D1D #C1C1C1;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	margin-bottom:5px;
	margin-right:2px;
	margin-top:3px;
}
#servicesDetails, #servicesAccesDirect {padding:5px;}
#services a:hover img.boutonServices {border-color:#1D1D1D #C1C1C1 #C1C1C1 #1D1D1D;}
#services .Pied{display:none;}
.titreRub {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(/TNMMatagrinet/images2009/actu-fond.png) no-repeat;
	height:20px;
	color:#FFFFFF;
	text-align:left;
	padding-right:0px;
	padding-top:0px;
	padding-left:50px;
	padding-top:3px;
	font-size:13px;
}
.zonneInfos {padding:2px;background:#FFFFFF;color:#000000;}
.ligneGrise {color:#666666;}
/****************Boutons oval pour texte   ****************/
a.boutonOval, a.boutonOval:Hover {
	background: transparent url(/TNMMatagrinet/images2009/bt_type_g.gif) no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 25px; /* Height of button background height */
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
}
a:link.boutonOval, a:visited.boutonOval, a:active.boutonOval {color: #168b07;font-weight: bold;}
a.boutonOval span {
	background: transparent url(/TNMMatagrinet/images2009/bt_type_d.gif) no-repeat top right;
	display: block;
	font-weight: bold;
	padding: 4px 7px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
/* Hover state CSS */
a.boutonOval:hover {
	background-position: bottom left;
	text-decoration:none;
!important
}
/* Hover state CSS */
a.boutonOval:hover span {background-position: bottom right;}
a.boutonOval .formSubmit {
	background: transparent url(/TNMMatagrinet/images2009/bt_type_d.gif) no-repeat top right;
	color: #168b07;
	height: 25px;
	font-weight: bold;
	padding-right: 7px;
	display: block;
}
a.boutonOval .formSubmit, a.boutonOval:Hover .formSubmit {cursor:pointer;border: none;}
a.boutonOval:Hover .formSubmit {background-position: bottom right;color: #2C2C2C;height: 25px;}
/*pour que la taille du bouton s'adapte au contenu (sous IE6 et 7)*/
* html .boutonOval input, *+html .boutonOval input{width:1%;overflow:visible;}
/*************************************************/
/******************* Style TNO *******************/
/*************************************************/
/************************** Bloc *************************/
.Entete1, .Entete0, .Entete {
	background:transparent url(/TNMMatagrinet/images2009/actu-fond.png) no-repeat;
	color:#FFFFFF;
	font-size:13px;
	height:20px;
	padding-left:50px;
	padding-right:0;
	padding-top:3px;
	text-align:left;
}
.Entete1 a, .Entete0 a, .Entete a{color:white;text-decoration:none;}
/*pied de bloc*/
.Pied1, .Pied0, .Pied {margin-bottom:5px;}
/*corps de bloc*/
div.blocCadreG1, div.blocCadreG0, div.blocCadreG {background:url(/TNMMatagrinet/images2009/fond-blocCadre.gif) repeat-x #FFFFFF;color:#000000;overflow:hidden;}
div.blocCadreD1, div.blocCadreD0, div.blocCadreD {background:url(/TNMMatagrinet/images2009/fond-blocCadre.gif) repeat-x #FFFFFF;padding:5px;}
div.blocCadreD a img {margin:3px;}
/************ style d'arbo ***************/
div.ArboTitreGrp {	margin-top: 15px;}
div.ArboTitreGrp span.ArboTitreGrp, .ArboTitreGrp a {font-variant:small-caps;font-weight:bold;font-size:16px; text-decoration:none; color:black;}

div.ArboTitreGrp span.ArboNbFiche, div.ArboTitreGrp span.ArboNbFicheVendu {font-style:italic;font-size:10px;}
div.ArboTitreGrp img {padding-right:5px;width:auto;height:auto;}
div.ArboTitreGrp span.ArboNbFiche {margin-top:10px;	padding-left:39px;}
div.ArboTitreGrp span.ArboNbFicheVendu {color:#038B0F;}
.materiels a:link, .materiels a:visited {padding-left: 10px;color:black;text-decoration: none;font-weight:normal;}
.materiels a:hover, .materiels a:active {padding-left: 10px;color:black;text-decoration: underline;font-weight:normal;}
/*********** style du Moteur (au dessus de la liste) ***************/
.moteur td {padding:5px;}
.moteur select, .moteur input[type="text"] {width:100%;}
.moteur .selected {background-color:#E9F8EA;}
a.liensMoteurs:link, a.liensMoteurs:visited {
	font-size:14px;
	font-weight:bold;
	color:#0E7700;
	text-decoration:none;
}
a.liensMoteurs:hover, a.liensMoteurs:active {
	font-size:14px;
	font-weight:bold;
	color:#0E7700;
	text-decoration:underline;
}
/** moteur simplifier **/
.moteurSimple {width:100%;}
/*************** photos sur visualisation ******************/
#photoPanel{width:80px;}
#photoPanel span{margin:1px;float:right;}
#photoPanel span img{margin:0px;}
/*****************************Back link en bas TN*****************************************/
#sitesMedia{text-align:center;}
#sitesMedia, #sitesMedia a{color:#CCC;font-size:9px;}