@charset "utf-8";

body,td,th {
	color: #000;
}

a {
	color: #000;
	text-decoration: none;
}

body {
	font: 90%/1.1 "Helvetica", "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	width: 100% ;
	margin: 0 auto;

	background-color:#007905;
	/* background-color:#129a39; */

	background-image: url(img/texture-risiere.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

#page
{
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border-width: 0;

	width: 1060px;
}

#bande-haut
{
	position: relative;
	padding: 6px;
	background-color: #004412;
}

#bande-haut a {
	color: #FFF;
}

#bande-logo
{
	position: relative;
	width: 100%;
	height: 284px;
	margin: 0 auto;
	padding: 0;
}

#logo
{
	position: relative;
	width : 410px;
	height: 234px;

	background-image: url(img/logo-lvctv.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	margin: 0 0 14px 40px;
	padding: 0;
	border-width: 0;
}

#announcements
{
	position: absolute;
	width : 240px;
	height: 150px;
	right: 0;

	background-color: #7bc731;
	
	margin: 24px 44px 0 0;
	padding: 25px;
	padding-top: 20px;
	border-width: 0;

	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
    -moz-border-radius: 16px; 
	-khtml-border-radius: 16px; 
	border-radius: 16px; 
}

#announcement-clickable {
  position:absolute; 
  width : 300px;
  height: 176px;

  top: 21px;
  right: 32px;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url(img/empty.gif);
}

#line-announcements
{
	position: relative;
	left: -40px;
	width: 380px;
	height: 30px;
	
	margin: 0 0 6px 0;
	padding: 0;
	border-width: 0;
	
	background-image: url(img/line-announcements2.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#menu-principal
{
	position: relative;
	height: 40px;

	list-style-type:none;
	text-align:center;

	margin: 0 auto;
	padding: 0;
	border-width: 0;

	background-color: #004412;

	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
    -moz-border-radius: 16px; 
	-khtml-border-radius: 16px; 
	border-radius: 16px; 
}

#background-rizieres
{
	position: relative;
	width: 100%;

	margin: 0 auto;
	padding: 0;
	border-width: 0;

	z-index: 0;
}

#content-white-background 
{
	position: relative;
	width: 950px;

	margin: 0 auto;
	padding: 10px;
	border-width: 0;

	background-color: rgb(255,255,255);
}

#content 
{
	position: relative;
	width: 95%;
	min-height: 300px;

	margin: 0 auto;
	margin-top: 2px;
	margin-bottom: 30px;
	padding: 0;
	border-width: 0;
}

#rubrique-content 
{
	border-width: 1px; border-style: solid; border-color: #FFF;
	
	position: relative;
	margin: 0;
	padding: 0;

	width: 100%;
}

#bas			
{
	position: relative;
	text-align: center;
	margin: 20px auto 0 auto;
	padding-bottom: 10px;
}

#bas a {
	color: #CCC;
	font-weight: 100;
}

.pagination {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

/*****************************/
/*      MENU PRINCIPAL       */
/*****************************/

ul.menu-lang {
	position: relative;
	top: -4px;
	margin : 0;
	padding : 0;
	list-style-type : none;
	z-index: 15;
}
  
ul.menu-lang li {
	padding : 0 0.5em; 
	line-height : 30px;

	z-index: 10;
}

ul.menu-lang li.menu-lang-item {
	float : left;
}

ul.menu-lang li.menu-lang-item a {
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
}

ul.menu-lang li ul {
	padding : 0;
	display:none;
	list-style-type : none;
	width: 180px;
}

ul.menu-lang li:hover ul {
	display: block;
}

ul.menu-lang li:hover ul li {
	float: none;
	text-align: left;
	background-color: #004412;
}

ul.menu-lang li:hover ul li:hover {
	background-color: #105422;
}

ul.menu-lang li:hover ul li a {
	float: none;
	color: #FFF;
	font-size: 12px;
	z-index: 10;
}

.menu-lang li ul {
	position:absolute;
	z-index: 10;
}

/*****************************/
/*      MENU PRINCIPAL       */
/*****************************/

#menu-principal {
	width : 970px;
	height : 38px;
}

ul#menu-principal {
	margin : 0 auto;
	padding : 4px 0 4px 0;
	list-style-type : none;
}
  
ul#menu-principal li {
	padding : 0 2.5em; 
	line-height : 30px;

	z-index: 10;
}

ul#menu-principal li.menu-principal-item {
	float : left;
	text-transform: uppercase;
}

ul#menu-principal li.menu-principal-item a {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

ul#menu-principal li ul {
	padding : 0;
	display:none;
	list-style-type : none;
}

ul#menu-principal li:hover ul {
	display: block;
}

ul#menu-principal li:hover ul li {
	float: none;
	text-align: left;
	background-color: #004412;
}

ul#menu-principal li:hover ul li:hover {
	background-color: #105422;
}

ul#menu-principal li:hover ul li a {
	float: none;
	color: #FFF;
	font-size: 12px;
	z-index: 10;
}

ul#menu-principal li ul li ul a {
	display:none;
	list-style-type : none;
}

ul#menu-principal li ul li:hover ul a {
	display: block;
	float : right;
	width: 400px;
}

ul#menu-principal li ul li:hover ul li {
	float: none;
	text-align: left;
	background-color: #004412;
}

ul#menu-principal li ul li:hover ul li a {
	float: none;
	color: #FFF;
	font-size: 12px;
	z-index: 10;
}


#menu-principal li ul {
	position:absolute;
	z-index: 10;
}

#menu-principal li ul li ul {
	position:absolute;
	z-index: 10;
}

  
/*****************************/
/*         SOMMAIRE          */
/*****************************/

#sommaire-highlight 
{
	position: relative;
	width: 950px;

	margin: 0 auto;
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

	border-width: 0;
	border-bottom: 1px;
	border-style: solid;
	border-color: #CCC;
		
	background-color: #7bc731;
}

#sommaire-highlight-picture
{
	position: relative;
	width: 280px;
	height: 180px;
}

.highlight-rounded-corner 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url(img/rounded-corner-highlight.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.highlight-rounded-corner-video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url(img/rounded-corner-highlight-video.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

a.highlight-titre 
{
	color: #ca1b1d;
	font: 100%/1.0 Arial;
	font-size: 1.7em;
	font-style: italic;
	font-weight: bold;
}

.highlight-text a {
	color: #ca1b1d;
}

#sommaire-videos 
{
	border-width: 1px; border-style: solid; border-color: #FFF; /* don't ask me why that makes a difference... f#3éing web dev ;-) */
	
	position: relative;
	margin: 0;
	padding: 0;

	width: 65%;
}

#sommaire-autres 
{
	border-width: 1px; border-style: solid; border-color: #FFF; /* don't ask me why that makes a difference... f#3éing web dev ;-) */

	float: right;
	margin: 0;
	padding: 0;

	width: 30%;
}
  
.sommaire-section {
	color: #777;
	font: 100%/1.0 Arial;
	font-size: 18px;
	font-style: italic;
}

.grey-line {
	position: relative;
	background-color: #777;
	width: 100%;
	height: 1px;
	margin: 1px;
	padding: 0;
	border-width: 0;
}

.light-grey-line {
	position: relative;
	background-color: #AAA;
	width: 100%;
	height: 1px;
	margin: 1px;
	padding: 0;
	border-width: 0;
}

a.announcement-title {
	font: Arial;
	font-size: 16px;
	font-style: bold;

	margin: 0;
	padding: 0;
	border-width: 0;
}

.announcement-text {
	font: Arial;
	font-size: 14px;
}

#sommaire-main-video-band {
	position: relative;
	width: 380px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px;
}

#sommaire-main-video-item {
	position: relative;
	left: 0;
	width: 100%;
	height: 240px;
}

#sommaire-main-video-item-text {
	position: absolute;
	top: 10px;
	right: 2px;
	width: 180px;
	height: 240px;
}

.mask-video-title {
	position: absolute;
	
	left:0;
	bottom:0;
	width:100%;
	height:32%;
	z-index: 1;
	background-image: url(img/mask-video-title.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.tv-play {
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index: 1;
	background-image: url(img/tv-play.png);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
}

.video-title {
	position: absolute;
	left:3%;
	bottom:8px;
	width:95%;
	height:15%;
	z-index: 1;
	font-size: 14px;
	font-weight: bold;
}

.main-video-title {
	position: absolute;
	left:3%;
	bottom:10px;
	width:96%;
	height:18%;
	z-index: 1;
	text-align: left;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
}

.main-video-rounded-corder { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url(img/rounded-corner-video.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.sommaire-video-rounded-corder { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url(img/rounded-corner-video.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.videothumbcontainer {
	position: relative;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-color: #888;
	border-style: solid;
}

.videothumb {
	position: relative;
	margin: 0;
	padding: 0;
	border-width: 4px;
	border-color: #000000;
	border-style: solid;
	z-index: 20;
	width: 94px;
	height: 64px;
}

.videothumb-sommaire {
	position: relative;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	z-index: 20;
	width: 94px;
	height: 64px;
}

.sommaire-video-item {
	position: relative;
	width: 250px;
	height: 170px;
	margin-right: 30px;
	margin-bottom: 20px;
}

.sommaire-titre-article-autres {
	font: 100%/1.0 Arial;
	font-size: 14px;
	font-style: bold;
	color: #139a17;
}

.sommaire-extrait-article-autre {
	font: 100%/1.2 Arial;
	font-size: 14px;
}

/*****************************/
/*         RUBRIQUE          */
/*****************************/

#rubrique-main-video-band {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#rubrique-main-radio-band {
	position: relative;
	width: 100%;
}

.rubrique-main-video-item {
	position: relative;
	width: 400px;
	height: 250px;
}

#rubrique-main-radio-item {
	position: relative;
	width: 400px;
}

#main-rubrique-audio-players {
	position:relative;
	width: 100%;
}

#rubrique-main-video-item-text {
	position: absolute;
	top: 10px;
	right: 80px;
	width: 400px;
	height: 250px;
}

#rubrique-main-radio-item-text {
	position: absolute;
	top: 0;
	left: 520px;
	width: 300px;
}

.video-item-container {
 	position:relative; 
	border-width: 2px; 
	border-color: #004412; 
	border-style: solid;

	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 12px;

	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
    -moz-border-radius: 16px; 
	-khtml-border-radius: 16px; 
	border-radius: 16px; 
}

.radio-item-container {
 	position:relative; 
	border-width: 1px; 
	border-color: #004412; 
	border-style: solid;

	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 12px;
	
	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
    -moz-border-radius: 16px; 
	-khtml-border-radius: 16px; 
	border-radius: 16px; 
}

.rubrique-video-item {
	position: relative;
	width: 230px;
	height: 160px;
}

.rubrique-video-item-text {
	position: absolute;
	font-size: 12px;
	top: 10px;
	left: 244px;
	width: 165px;
	height: 100%;
}

.sticky-video-short-description {
	margin-left: 10px;
	margin-right: 30px;
}

.rubrique-radio-item-container {
	margin-bottom: 20px;
	padding: 10px;
}

.rubrique-radio-item {
	position: relative;
	width: 100%;
	margin: 10px;
}

.rubrique-radio-item-text {
	position: relative;
	width: 100%;
}

.rubrique-video-rounded-corder { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url(img/rounded-corner-video.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.rubrique-video-rounded-corder-with-border { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url(img/rounded-corner-video-with-borders.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.rubrique-any-rounded-corder-with-border { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url(img/rounded-corner-with-borders.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.clickable-div {
  position:absolute; 
  width : 100%;
  height: 100%;

  top: 0;
  left: 0;

  z-index: 2;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url(img/empty.gif);
}

.rubrque-titre-article {
	font: 100%/1.0 Arial;
	font-size: 18px;
	font-style: bold;
	color: #139a17;
}

.rubrque-titre-main-article {
	font: 100%/1.0 Arial;
	font-size: 18px;
	font-style: bold;
	color: #139a17;
}

/*****************************/
/*         ARTICLE           */
/*****************************/

.position_hierarchie
{
	margin: 0 0 18px 0;
	padding: 0px;
	border-width: 0px;
	
	position: relative;
	left: -20px;
	
	font-size: 0.9	em;
	color: #888;
}

.position_hierarchie a
{
	color: #888;
}

a.position_hierarchie_finale
{
	color: #ca1b1d;
}

.article-translations {
	float: right;

	color: #AAA;
	font-size: 0.9em;
	font-style: italic;
}

#article-content 
{
	position: relative;

	width: 100%;
}

#article-video-background {
	position: relative;
	background-color: #000;
	position: relative;
	margin: 0 auto;
	width: 550px;
	height: 350px;

	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
    -moz-border-radius: 16px; 
	-khtml-border-radius: 16px; 
	border-radius: 16px; 
}

#article-video-item {
	position: relative;
	margin: 0 auto;
	top: 25px;
	width: 450px;
	height: 300px;
}

#article-text {
	position: relative;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

#mainpreviewdiv
{
	position: absolute;
	top: 25;

	width: 450px;
	height: 300px;

	z-index: 20;
}

#mainplayerdiv
{
	position: absolute;
	top: 25;

	margin: 0;
	padding: 0;

	width: 450px;
	height: 300px;

	z-index: 20;
}

.article-titre-article-autres
{
	font: 100%/1.0 Arial;
	font-size: 1.4em;
	font-style: bold;
	color: #139a17;
}

a.article-titre {
	font: 100%/1.0 Arial;
	font-size: 1.4em;
	font-style: bold;
	color: #139a17;
}

.linked-radio-titre-article {
	font: 100%/1.0 Arial;
	font-size: 15px;
	font-style: bold;
	color: #139a17;
}

/*****************************/
/*            MOT            */
/*****************************/

h3.titre-vert a {
	font-style: bold;
	color: #139a17;
}

.liste-mots-cles {
}

.keyword-article-count {
	color: #666;
	font-style: italic;
	font-size: 0.8em;
}

/*****************************/
/*         GALLERIA          */
/*****************************/

.galleria-lightbox-title {
	font: 90%/1.1 "Helvetica", "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	color: #000;
}