body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
margin: 0;
padding: 0;
background-color:#666666;
}
p {
margin: 0 0 10px 0;
}

a {color:#990033; cursor:pointer;}	


a img{ border:none;}	


/*on utilisera cette classe pour éviter le chevauchement d'éléments et forcer certaines hauteurs de divisions*/
.separateur {
	clear:both;
}

input {
	font-size: 10px;
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
}
	
textarea {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border:medium solid #eeeeee;
	background-color: #eeeeee;
	
}

select {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border:medium solid #eeeeee;

}


#header {
background:url(/medias/images/interface_lta_2008/top.png) #000000 repeat-x top left;
height: 90px;
background-color: #000;
padding-top:20px;
}


div#flashA {
float:left;
height:90px;
width:350px
}

div#btn-publi {
float:right;
}

div#pub-header {
float:right;
border:thin #CCCCCC solid;
background:#333333;
margin-right:10px;
width: 370px;
height:80px;}

div#pub-fournisseur {
float:right;
/*border:thin #CCCCCC solid;*/
background:#333333;
margin-right:25px;
margin-top:12px;
width: 468px;
height:60px;}

/* NOUVEAU janvier 2009*/

div#menu_additionel {
float:left;
height:22px;
width:960px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-top: 7px;
margin-left: 20px;
font-size:11px;
}
div#menu_additionel a, div#menu_additionel {
color:#FFF;
text-decoration:none;}

div#menu_additionel a:hover{
color:#FFF;
text-decoration:underline;}
/**/



#haut {
height: 30px;
background:url(/medias/images/interface_lta_2008/bande-verte.jpg) repeat-x top;
}

#haut2 {
height: 27px;
clear:both;
background:url(/medias/images/interface_lta_2008/centre-top.png) repeat-x top left;
}

p#chemin {color:#666;
padding-left: 240px;
padding-top:8px;
padding-bottom:0px;
margin-bottom:0px;}

#onglet-raye {
padding-left:10px;
color:#FFFFFF;
font-size: 11px;
float:right;
height:27px;
background: url(/medias/images/interface_lta_2008/onglet-raye.png) left no-repeat;
width:230px;}

#onglet-raye p { padding-top:5px; }
#onglet-raye a{ color:#FFFFFF; }
#onglet-raye a:hover{ color: #FFFF66;}


#conteneur {
width:970px;
margin:0 auto;
background-color:#fff;
border:#000 medium solid;
}

#centre {
margin-left: 220px;
margin-right: 240px;
}

#centre h1 {
color:#990033;
font-size:1.2em;
line-height:0.9em;
margin-bottom:0px;
}

#centremeteo {
margin-left: 220px;
margin-right: 20px;
}

#centremeteo h1 {
color:#990033;
font-size:1.2em;
line-height:0.9em;
margin-bottom:0px;
}

#affichage-tv {
	padding:15px !important; /*   hack pour ie6 ( je veux effectivement 10px de padding)*/
	padding:10px; /*   hack pour ie6 ( je veux effectivement 10px de padding)*/
	padding-top:0px;
	}
	
	
div#flash {
height:360px;
/*width: 480px;*/
background-color:#fff;
}


div#descVideo { 
/*width:480px;*/
padding-bottom: 5px;
background-color:#fff;}

#div#homegene {
	padding-top:10px;
	margin-bottom:10px;	
	position: relative;
	min-height:120px;

}

#homegene h1 {
	font-family:Arial, Helvetica, sans-serif; margin-top:0; font-variant:small-caps;font-size:14px;
	color: #990033;
	padding:2px 20px;	
}

#homegene p {font-size:11px; margin-left:20px;}

#homegene a { font-size:10px; margin-top:0; padding:2px; text-decoration:none;}



/* DERNIERES VIDEOS */

div#dernieres-videos, div#publi-reportages {
background:  url(/medias/images/interface_lta_2008/encart-dernieres-videos.png) no-repeat;
height:210px;
padding: 5px 10px 10px 20px;
margin-bottom: 15px;
}

#dernieres-videos div, #publi-reportages div {
	float:right;
	width:420px;
	margin-right:8px;
	
}
#dernieres-videos .publi-article h3, #publi-reportages .publi-article h3 {
display:block;
clear:both;
	text-align:left;
	color: #aeb128;
	font-size:11px;
	margin-top:0px;
}
#dernieres-videos .publi-article p,  #publi-reportages .publi-article p{

text-align:left;
color:#FFFFFF;
	
}
#dernieres-videos .publi-article a , #publi-reportages .publi-article a{
text-decoration:none;
text-align:left;
color:#FFFFFF;
}

#dernieres-videos .publi-article a:hover , #publi-reportages .publi-article a:hover{
text-decoration: overline underline;
}



#dernieres-videos .publi-article img, #publi-reportages .publi-article img {
	margin-right:20px;
	border:solid #FFFFFF thin;
	/*float:right;*/
	margin-bottom:10px;
}



/* PUBLI REPORTAGES */
div#publi-reportages {
background: url(/medias/images/interface_lta_2008/encart-publireportages.png) no-repeat;}



/* GAUCHE*/

#gauche {
background:url(/medias/images/interface_lta_2008/flore.png) no-repeat;
float:left;
width: 220px;
}

#menugauche1,  #menugauche2 {
padding-left:15px;}

#menugauche2 a {
padding-left:10px;
text-decoration:none; 
font-size:14px;
line-height:0.7em;}

#menugauche2 a:hover { 
text-decoration:underline;}

div #menugauche2 { 
margin-top: 50px;}

img.alerte { float:right;
padding-right:15px;}


/*////////////////////////////////Roll-Over d'images sur les gros boutons*/
 a.bigbutton  {
	display: block;
	float: none;
	width: 168px;
	line-height: 42px;
	color: #fff;
	font-size:18px;
	text-align:center;
	text-decoration: none;
	background: url(/medias/images/interface_lta_2008/btn-rouge.png) no-repeat 0 0; 
	margin-bottom:3px;
		
}
a:hover.bigbutton , a.bigbutton-actif {
	display: block;
	float:none;
	width: 168px;
	line-height: 42px;
	color: #fff;
	background: url(/medias/images/interface_lta_2008/btn-rouge.png) no-repeat 0 -42px;
	/* Et ici on décale l'image du background de 42px vers le haut pour laisser apparaître la 2eme partie de l'image */
	font-size:18px;
	text-align:center;
	text-decoration: none;		
	margin-bottom:3px;
		
}

/*/******************** */



/* DROITE */


#droite {
float:right;
width: 220px;
padding-left:30px;
}

#droite p {
padding-left:25px;
padding-right:25px;
font-style: italic;
color:#333333;
}

#droite h2{
font-style:normal;
font-size: 11px;
color:#FFFFFF;
height:25px;
padding-left:24px;
margin-top:15px;
padding-top:3px;
}
#droite h3{
font-style:normal;
font-size: 11px;
color: #990033;
padding-left:30px;
padding-top:3px;
}

#droite #bonus h2 {
background:url(/medias/images/interface_lta_2008/btn-mauve.png) top left;}

#droite #ref h2 {
background:url(/medias/images/interface_lta_2008/btn-vert.png) top left;}

#droite #reaction h2 {
background:url(/medias/images/interface_lta_2008/btn-orange.png) top left;}

#droite #sondage h2 {
background:url(/medias/images/interface_lta_2008/btn-bleu.jpg) top left;}

#pied {
clear:both;
height: 50px;
background: url(/medias/images/interface_lta_2008/pied.png) repeat-x #ffffff; background-position:bottom;
}

#piedhome {
clear:both;
height: 250px;
background: url(/medias/images/interface_lta_2008/pied.png) repeat-x #ffffff; background-position:bottom;
}


/* contentslider par dynamicdrive */

.sliderwrapper{
position: absolute;  /* leave as is*/
overflow: hidden; /*leave as is*/

width: 470px!important;
width: 430px;
height:210px;
padding: 5px 10px 10px 20px;
margin-bottom: 15px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0px;  /*leave as is*/
top: 10px;  /*leave as is*/
width: 470px!important;
width: 430px;
height: 140px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}



.publi-article2h3 {
text-align:left;
	color: #aeb128;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}
.publi-article2p{
margin-bottom:5px;
text-align:left;
color:#FFFFFF;
	
}
a.publi-article2a{
text-decoration:none;
text-align:left;
color:#FFFFFF;
}

a:hover.publi-article2a{
text-decoration: overline underline;
text-align:left;
color:#FFFFFF;
}




.publi-article2img {
	margin-right:20px;
	border:solid #FFFFFF thin;
	/*float:right;*/
	margin-bottom:10px;
}



.pagination{
width: 460px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
float:left;
padding: 5px;
}

.pagination a{
text-decoration:none;
text-align:left;
color:#FFFFFF;

}



.pagination img {
	margin-right:20px;
	border:0px;
	/*float:right;*/
	margin-bottom:10px;
}



.pagination a:hover, .pagination a.selected{
text-decoration: overline underline;
}


/*archive ancienne version*/
#selectarchive {
position: relative !important; /*   hack pour ie6 ()*/
position:absolute;/*   hack pour ie6 */
	width: 460px !important;
	width:450px;	
	background-color:#fff;
	padding:10px;
	color:#999;
	font-size:11px;
}
#selectarchive h1 {
	color:#666;
	margin-bottom:5px;
}
#selectarchive div.archive {
	width: 130px ;
	min-height:250px;
    height:250px;
	color:#000;
	float:left;
	margin:3px;
	background: url(/medias/images/interface_lta_2008/bg-resultvideo.jpg) no-repeat;
	
	padding:8px !important;
	padding:2px;
}
#selectarchive div.archive h3 {
	color:#aeb128;
	font-size:11px;
	min-height:40px;
    height:auto !important;
    height:40px;
	margin-bottom:5px;
	
	
}
#selectarchive div.archive p {
	color:#000000;
font-size:11px;

	margin-bottom:5px;
	}
#selectarchive div.archive img {
	border: #aeb128 thin solid;
	width: 100px  !important;
	width:90px; /* HACK ie6 */
	height:67px !important;
	height:61px;
	margin:15px;
}
#selectarchive div.archive a {
		color:#fff;
		text-decoration: none;
		display:block;
}
#selectarchive div.archive a:hover {
	color:#fff;
	text-decoration: overline underline;
}

/*/// TYPE VIDEO ///*/
/*/// evenements ///*/
.typevideo-1 {

background-color:#CC3300;
font-size:10px;
color:#FFFFFF;
padding:2px 0px 2px 5px;
}
/*/// cultures ///*/
.typevideo-2 {

background-color:#0F8228;
font-size:10px;
color:#FFFFFF;
padding:2px 0px 2px 5px;
}
/*/// elevages ///*/
.typevideo-3 {

background-color:#993333;

font-size:10px;
color:#FFFFFF;
padding:2px 0px 2px 5px;
}
/*/// info ///*/
.typevideo-4 {

background-color:#812BCB;

font-size:10px;
color:#FFFFFF;
padding:2px 0px 2px 5px;
}
/*/// débats ///*/
.typevideo-5{

background-color:#990033;
font-size:10px;
color:#FFFFFF;
padding:2px 0px 2px 5px;
}
/*/// international ///*/
.typevideo-6{

background-color:#990033;
font-size:10px;
color:#FFFFFF;
padding:2px 0px 2px 5px;
}
/*/// publi-reportage ///*/
.typevideo-8{
background-color:#990033;
font-size:10px;
color:#FFFFFF;
padding:2px 0px 2px 5px;
}


.typevideo-10{
background-color:#336699;
font-size:10px;
color:#FFFFFF;
padding:2px 0px 2px 5px;
}