@charset "utf-8";

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

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

body {
	background-color: #FFF;
	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: #444;	

	/*background-image: url(img/back-texture-test4.gif);
	background-repeat: repeat;*/
}

#page
{
	position: relative;
	text-align: left;
	margin: 0 auto; /* auto pour centrer horizontalement la boite dans BODY pour le navigateurs autres que IE/WIN */
	padding: 0;
	border-width: 0;
	width: 1300px;

	background-size: 100% auto;
	background-image: url(img/background16.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-attachment: scroll;
	z-index: 0;
}

.bandegauche {
	width: 330px;
	vertical-align: top;
}

.bandedroite {
	width: 850px;
	vertical-align: top;
}

#logo
{
	position: relative;
	left: 4px;
	top: 0;
	width : 300px;
	height: 176px;

	background-image: url(img/logo-zin-tv4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	margin: 0;
	padding: 0;
	border-width: 0;
}

#ligne {
	position: absolute;
	width: 1100px;
	height: 0px;
	background-color: rgb(255,153,0);
		/*background-image: url(img/bande.jpg);
	background-repeat: repeat-x;*/
}

#menu-lang
{
	position: absolute;
	top: 6px;
	right: 0;

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

#menu-lang a {
	text-decoration: none;
	font-size: 1.1em;
}

#menu-principal
{
	position: absolute;
	top: 50px;
	width: 100%;

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

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

/*
.adxmenu .menu-liste,
.adxmenu .menu-liste .menu-entree,
.adxmenu .menu-liste .menu-entree .menu-liste,
.adxmenu .menu-liste .menu-entree .menu-entree, 
#nav .adxmenu .menu-liste .menu-entree {margin:0;padding:0;border:0;}
#nav .adxmenu li li.menu-entree {width: inherit;}
*/
#zoneflashinfos
{
	position: relative;
	top: 0;
	left: 0;

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

.flashinfo
{
	position: relative;
	background-color: rgb(255,249,20);
	background-color: rgba(255,249,20,0.3);
	background-image: url(img/back-flash-infos3.gif);

	margin: 0;
	padding: 1px 10px;
	border-width: 4px;
	/* border-color: rgb(255,153,0); */
	/* border-color: rgb(40,179,0); */
	border-style: solid;

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

#sommaire-contenu
{
	position: relative;
	width : 100%;
	top: 100px;

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

.sommaire-gauche
{
	position: relative;
	left: 0;
	top: 0;

	margin: 0;

	border-width: 4px;
	border-color: rgb(255,153,0);
	border-style: solid;

	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.5);

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

#sommaire-videos 
{
	position: relative;
	width: 100%;
	margin: 0px auto 5px auto;
	padding: 0;

	border-width: 4px;
	border-color: rgb(255,153,0);
	border-style: solid;

	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.8);

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

#sommaire-articles 
{
	position: relative;
	width: 100%;
	margin: 0px auto 5px auto;
	padding: 0;

	border-width: 4px;
	border-color: rgb(255,153,0);
	border-style: solid;

	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.8);

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

#sommaire-documents 
{
	position: relative;
	width: 100%;
	margin: 0px auto 5px auto;
	padding: 0;

	border-width: 4px;
	border-color: rgb(255,153,0);
	border-style: solid;

	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.8);

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

#sommaire-edito
{
	position: relative;
	width: 100%;
	top: 0;
	margin: 0;
	padding: 0;

	border-width: 4px;
	border-color: rgb(255,153,0);
	border-style: solid;

	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.8);

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

#sommaire-tv-fr
{
	position: absolute;
	top: -40px;
	width: 100%;
	
	width: 350px;
	height: 320px;
		
	background-image: url(img/tv5.gif);
	background-repeat: no-repeat;
	background-position: top right;
	
	margin: 0;
	padding: 0;
	border-width: 0;
}

#sommaire-tv-nl
{
	position: absolute;
	top: -40px;
	width: 100%;
	
	width: 350px;
	height: 320px;
		
	background-image: url(img/tv5-nl.gif);
	background-repeat: no-repeat;
	background-position: top right;
	
	margin: 0;
	padding: 0;
	border-width: 0;
}

#sommaire-tv-es
{
	position: absolute;
	top: -40px;
	width: 100%;
	
	width: 350px;
	height: 320px;
		
	background-image: url(img/tv5-es.gif);
	background-repeat: no-repeat;
	background-position: top right;
	
	margin: 0;
	padding: 0;
	border-width: 0;
}

#rubrique-articles
{
	position: relative;
	top: 110px;

	margin: 0 auto;
	padding: 4px 4px 4px 10px;
	border-width: 0;
	
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.8);

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

#rubrique-videos
{
	position: relative;
	width : 100%;
	top: 110px;
	left: 0;

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

#rubrique-articles h3
{
	font-size: 1.2em;
}

#formulaire_inscription
{
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	color: #000;
}

.saisie_nom_inscription obligatoire
{
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	color: #000;
}

.saisie_nom_inscription obligatoire li
{
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	color: #000;
}

.saisie_mail_inscription obligatoire li
{
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	color: #000;
}

#bas			/* (inc/inc-bas.html) */
{
	position: relative;
	margin: 100px 0 0 0;
	padding: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: center;
	margin-left: 155px;
	margin-right: 155px;
}

.menu-principal ul {
	margin : 0 0.4em;
	padding : 0;
	border-width: 0;
	background-color: rgb(255,153,0);
} 

.menu-principal li {
	display : inline;
	font-size: 18px;
	margin: 0 1.25em;
} 

.menu-principal li li {
	display : inline;
	font-size: 0.6em;
	margin: 0 1.25em;
	background-color: rgb(255,153,0);
} 

.menu-principal a  {
	background-color: rgb(255,153,0);
	color: #222;
	text-decoration: none;
	font-weight: bold;
	border: 0px;
} 

.menu-principal a:hover  {
	color: rgb(213,115,16);
	font-weight: bold;
} 

.menu-principal a:active  {
	color: rgb(213,115,16);
	font-weight: bold;
} 

.menu-principal a.lienon  {
	color: rgb(213,115,16);
	font-weight: bold;
	font-size: 22px;
} 

.sous-menu-principal a {
	font-size: 14px;
	margin: 4px 0 4px 4px;
}

.contenu h3 {
	color: #000;
	text-decoration: none;
} 

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

#zonetv {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border-width: 4px;
	border-color: #333;
	border-style: solid;
	
	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
    -moz-border-radius: 16px; 
	-khtml-border-radius: 16px; 
	border-radius: 16px; 
	
	width: 630px;
	height: 388px;
	background-color: #777;
}

#zonetvgauche {
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px;
	padding: 0;
	border-width: 0;
}

#zonetvdroite {
	position: absolute;
	top: 0;
	left: 510px;
	margin: 10px;
	padding: 0;
	border-width: 0;
}

#mainpreviewdiv
{
	position: absolute;

	margin: 0;
	padding: 0;
	
	border-width: 1px;
	border-color: #888;
	border-style: solid;

	width: 500px;
	height: 368px;

	z-index: 20;
}

#tv-play
{
	position: absolute;
	margin: 0;
	padding: 0;
	border-width: 0;

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-image: url(img/tv-play.png);
	background-position: center;
	background-repeat: no-repeat;

	z-index: 20;
}

#mainpicture
{
	margin: 0;
	padding: 0;
	border-width: 0;
}

#mainplayerdiv
{
	position: absolute;

	top: 0;
	left: 0;

	margin: 0;
	padding: 0;

	width: 500px;
	height: 368px;

	border-width: 1px;
	border-color: #888;
	border-style: solid;
}

#mainareatext
{
	position: absolute;
	bottom: 0px;
	height: 80px;
	width: 492px;
	text-align: left;
	margin: 0;
	padding: 4px;
	border-width: 0;
	color:#FFFFFF;
	font-size: 0.9em;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.6);
}

.lien-rouge-dans-tv {
	color: #FFFFFF;
}

.titre_article_tv {
	margin: 0 0 4px 0;
	padding: 0;
	border-width: 0;
	font-size: 1.2em;
}

.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;
}

.videotmbtext {
	position: absolute;
	bottom: 0;
	height: 18px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border-width: 0;
	color:#FFFFFF;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.6);
	z-index: 5;
}

.videotmbimg {
	position: relative;
	margin: 0;
	padding: 0;
	border-width: 0;
}

.videoitem {
	position: relative;
	top: 0;
	left: 0;
	width: 620px;
	margin: 15px auto 5px auto;
	padding: 0;

	border-width: 4px;
	border-color: rgb(255,153,0);
	border-style: solid;

	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.8);

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

.presentation_site {
	position: relative;
	top: 0;
	left: 0;
	width: 95%;
	margin: 2px auto 2px auto;
	padding: 0;
	border-width: 0;
}

.boutiqueitemimg {
	position: relative;
	left: 6px;
	margin: 0;
	padding: 0;
	border-width: 0;
}

.videoitemimg {
	position: relative;
	left: 12px;
	margin: 0;
	padding: 0;
	border-width: 0;
}

.videoitemzonetext {
}

.videoitemzonetext h3 {
	margin: 0;
	padding: 0;
	margin-top: 4px;
	margin-bottom: 4px;
}

.sommaire-section {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	
	width: 100%;
	padding: 3px 0 1px 0;
	
	background-color: rgb(255,153,0);
	/*background-color: rgba(255,153,0,0.7);*/

	border-width: 0;
	border-bottom-width: 1px;
	border-color: rgb(80,80,80);
	border-style: solid;

	-webkit-border-radius: 12px;
	-ms-border-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-khtml-border-radius: 12px; 
	border-radius: 12px; 
	
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 12px;
	border-bottom-right-radius: 0px; 
	border-bottom-left-radius: 0px; 
}

.sommaire-section-text {
	font-size: 18px;
	
	margin: 0;
	padding: 0;
	border-width: 0;
}

.sommaire-section a {
	text-decoration: none;
}

.titre-article {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 6px;
}

.article-date {
	color: #666666;
	font-size:11px;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}

.article-agenda-date {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}

.titre-article h3 {
	font-size: 5em;
	font-weight: bold;
	font-style: italic;
}

.agenda-item
{
	margin: 0px 0px 0px 4px;
}

.agenda-item h3
{
	font-size: 1em;
	padding: 0 0 0 4px;
	margin: 0;
}

.sommaire-item
{
	padding: 8px 0 0 0;
}

.sommaire-item a
{
	text-decoration: none;
}

.sommaire-item h3
{
	font-size: 1em;
	padding: 4px 0 0 0;
}

.rubrique-item h3
{
	font-size: 1.2em;
	padding: 0;
	margin: 6px 0 4px 0;
}

.titre-videos
{
	font-size: 1em;
	padding: 0;
	margin: 0;
	border: 0;
	font-weight: normal;
}

.extrait
{
	font-size: 1em;
	padding: 0px;
	margin: 0px 2px 0px 2px;
	border: 0px;
	text-align: justify;
}

.texte
{
	font-size: 1em;
	padding: 0px;
	margin: 0 4px 0 0;
	border: 0px;
	text-align:justify;
	line-height: 1.2em;
}

.texte h3
{
	text-align: left;
}

.texte-rubrique
{
	text-align: justify;
	padding: 0 4px 0 0;
}

.extrait-agenda
{
	font-size: 1em;
	padding: 0px;
	margin: 0 0 0 20px;
	border: 0px;
}

.detail
{
	font-size: smaller;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}

.logo-liste-art
{
	padding-left: 0px;
	margin: 0em 1em 0 1em;
	float: left; 
	clear: both;

	border: 0;
	padding: 0;
}

.logo-liste-prods
{
	margin: 0.8em;
	clear: both;

	border: 0;
	padding: 0;
}

.cartouche
{
	/*border-top: 2px solid #404040;*/
	margin-bottom: 15px;
	/*clear: right;*/
}

.position_hierarchie
{
	margin: 4px 0 2px 0;
	padding: 0px;
	border-width: 0px;
	
	font-size: 0.9em;	
}

.ligne-articles
{
	width: 70%;
	height: 2px;
	margin: 1px auto 1px auto;
	border-style: hidden;
	background-color: #DDDDDD;
}

.editoitem
{
	margin: 0 3px 3px 3px;
	padding: 0;
}

.spip_logos
{
	float: left;
	margin: 4px;
}

.pagination
{
	text-align: center;
}

.spacer
{
	clear: both;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.flashinfo, .sommaire-gauche, .videoitem, #sommaire-articles, #sommaire-videos, #rubrique-articles, #zonetv, #sommaire-edito, #sommaire-documents
{
	border-color: rgb(80,80,80);
}

.flashinfo, .sommaire-gauche, #sommaire-articles, #sommaire-edito, #zonetv
{
	border-width: 3px;
}