/* CSS Document */

body, span { 
	font-family:Arial, Helvetica, sans-serif;
}

span {
	font-size: 11px;
}


div {
	padding: 0px;
	margin: 0px;
}

img.floatLeft {
	float:left;
	padding-right: 5px;
}

img.floatRight {
	float:right;
	padding-left: 15px;
	padding-bottom: 15px;
}

div.principal {
	width: 977px;
	margin: 0px 5px 5px 5px;
	background-color:#206eed;
}

div.head {
	width: 977px;
	height: 70px;
	background-image: url('../images/bandeau.jpg');
	padding: 0px;
	margin: 0px;
}

div.head h1 {
	margin: 0px;
	padding: 10px 0px 0px 28px;
}

div.head h1 a {
	color: #FFCC00;
	font-size: 40px;
	font-weight: bold;
	text-decoration: none;
}

a.euroPuce:link {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/puce.jpg');
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	text-decoration: none;
}

a.euroPuce:visited {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/puce.jpg');
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	text-decoration: none;
}

a.euroPuce:hover {
	text-decoration: underline;
}


a.concPuce:link {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/puce2.gif');
	background-repeat: no-repeat;
	line-height: 20px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	text-decoration: none;
}

a.concPuce:visited {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/puce2.gif');
	background-repeat: no-repeat;
	line-height: 20px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	text-decoration: none;
}

a.concPuce:hover {
	text-decoration: underline;
}
a.euroPuceJaune:link {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/puce3.jpg');
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	text-decoration: none;
}

a.euroPuceJaune:visited {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/puce3.jpg');
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	text-decoration: none;
}

a.euroPuceJaune:hover {
	text-decoration: underline;
}

a.link:link {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/puce2.jpg');
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	text-decoration: none;
}

a.link:visited {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	background-image: url('../images/puce2.jpg');
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 20px;
	text-decoration: none;
}

a.link:hover {
	text-decoration: underline;
}

p.longTexte {
	text-align:justify;
	line-height: 12px;
}

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
}

.retour {
	float: right;
	text-align: right;
	width: 700px;
	padding: 3px 10px 3px 5px;
}

/******** colonne Gauche ********/
div.colGauche {
	float: left;
	background-color: #206eed;
	width: 706px;
	padding: 5px 5px 5px 5px;
	background-image: url('../images/bg-topVideo.jpg');
	background-repeat: no-repeat;
	background-position: 335px top;
}

div.colGaucheLarge {
	float: left;
	background-color: #206eed;
	width: 956px;
	padding: 5px 5px 5px 5px;
	background-image: url('../images/bg-topVideo.jpg');
	background-repeat: no-repeat;
	background-position: 335px top;
}

div.colGaucheCarte {
	float: left;
	background-color: #206eed;
	width: 956px;
	padding: 5px 5px 5px 5px;
	background-image: url('../images/bg-topVideo.jpg');
	background-repeat: no-repeat;
	background-position: 335px top;
}

div.colGaucheCarte div.fdBlanc{
	width: 967px;
}

#carteEM {
	padding: 5px 5px 5px 10px;
}

.fdBlanc {
	background-color: #FFFFFF;
}

div.titreVideo h3 {
	color: #FFFFFF;
	margin: 0px;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 0px 0px 26px;
}

div.blocVideo {
	width: 706px;
	background-color: #FFFFFF;
}

div.contDeuxColonnes {
	clear : both;
	display:block;
}

div.s-colonneGauche {
	float: left;
	width: 348px;
	overflow: hidden;
}

div.s-colonneDroite {
	float: right;
	width: 353px;
	overflow: hidden;
}

div.blocLarge {
	margin: 5px 0px -6px 0px;
	padding: 0px 0px 0px 0px; 
	background-color: #FFFFFF;
}

div.blocLarge h4, div.blocSlim h4 {
	color: #3e9efe;
	font-size: 16px;
	padding: 12px 5px 10px 12px;
	margin: 0px;
}

div.blocLarge p {
	color: #4d4b4c;
	font-size: 11px;
	padding: 0px 5px 15px 12px;
}

div.tournepage {
	background-color: #FFFFFF;
}

div.tournepage h4 {
	color: #3e9efe;
	font-size: 18px;
	padding: 12px 5px 10px 12px;
	margin: 0px 0px -10px 0px;
}

/****** bloc video ***********/

#video
{
	background-color: #ffffff;
}

#videoList
{
	width: 350px;
	height: 340px;
	float: left;
	overflow: auto;
	background-color: #eaebed;
	border-right: 1px solid white;
}

#player
{
	width: 335px;
	height: 335px;
	float: right;
	text-align:center;
	vertical-align:middle;
	padding: 10px 10px 0px 0px;
	display: block;
}

#videoList .alauneVideo
{	
	width: 333px;
	height: 110px;
	background-color: #eaebed;
	border-bottom: 1px solid white;
}

#videoList .alauneCont
{
	width: 170px;
	height: 100px;
	float: left;
	margin: 5px 5px 3px 10px;
	font-size : 12px;
	font-family: Arial, Tahoma;
}

#videoList .alauneCont .soustitre
{
	font-weight: bold;
}

#videoList .alauneImg
{
	width: 115px;
	margin-top: 5px;
	float: right;
}

#video
{
	background-color: #eaebed;
}

#menuVideo {
	background-color: #eaebed;
	background-image:url('../images/videoList.jpg');
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	height: 25px;
}

#menuVideo div.menuListVideo {
	float: left;
	height: 25px;
	width: 160px;
	background-image:url('../images/videoList.jpg');
	background-repeat: no-repeat;
	text-align:left;
	padding: 5px 0px 0px 12px; 
}

#menuVideo div.menuListVideoActive {
	float: left;
	height: 25px;
	width: 160px;
	background-image:url('../images/videoListActive.jpg');
	background-repeat: no-repeat;
	text-align:left;
	padding: 5px 0px 0px 12px; 
}

#menuVideo div.menuListVideo a.videoLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #206eed;
	font-weight: bold;
	text-decoration:none;
	background-image:url('../images/puceVideo.jpg');
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 12px;
}

#menuVideo div.menuListVideo a.videoLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #206eed;
	font-weight: bold;
	text-decoration:none;
	background-image:url('../images/puceVideo.jpg');
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 12px;
}

#menuVideo div.menuListVideo a.videoLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003399;
	font-weight: bold;
	text-decoration:underline;
	background-image:url('../images/puceVideo.jpg');
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 12px;
}

#menuVideo div.menuListVideoActive a.videoLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #206eed;
	font-weight: bold;
	text-decoration:none;
	background-image:url('../images/puceVideoBas.jpg');
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 12px;
}

#menuVideo div.menuListVideoActive a.videoLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #206eed;
	font-weight: bold;
	text-decoration:none;
	background-image:url('../images/puceVideoBas.jpg');
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 12px;
}

#menuVideo div.menuListVideoActive a.videoLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003399;
	font-weight: bold;
	text-decoration:underline;
	background-image:url('../images/puceVideoBas.jpg');
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 12px;
}

#menuVideo div.menuListVideo a.videoLink span.titreSmall {
	font-size: 12px;
}

#menuVideo div.menuListVideoActive a.videoLink span.titreSmall {
	font-size: 12px;
}

/**** bi-bloc ***************/

div.quiz {
	float: right;
}

div.saison {
	float: left;
}

div.blocSlim {
	height: 200px;
	width: 174px;
	background-color: #FFFFFF;
	margin-top: 5px;
}

div.blocSlim div.slimImg {
	text-align: center;
}

div.blocSlim div.slimTxt { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px 5px 15px 12px;
}

/**** partenaires ************/

div.partenaires {
	height: 246px;
	padding: 5px 0px 10px 0px;
}

div.partenaires p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

div.partenaires div p img {
	float: left;
	padding: 5px;
}

div.partenaires div p a.spleLink:link, div.retour a.spleLink:link {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

div.partenaires div p a.spleLink:visited, div.retour a.spleLink:visited {
	color: #4d4b4c;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

div.partenaires div p a.spleLink:hover, div.retour a.spleLink:hover {
	text-decoration: underline;
}

/******* blogosphere ********/

div.blogo {
	background-image:url('../images/bg_blogo.jpg');
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px; 
}

div.blogo h4 {
	color: #FFFFFF;
	font-size: 18px;
	padding: 12px 5px 10px 12px;
	margin: 0px;
}

a.link2:link {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
}

a.link2:visited {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
}

a.link2:hover {
	color: #0066cc;
	font-weight: bold;
	text-decoration: underline;
}

div.blogo div.blogCont {
	padding: 5px;
}

div.blogo div.blogCont div.blogPres {
	background-color:#FFFFFF;
	float:left;
	width: 211px;
	min-height: 105px;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #4d4b4c;
}

div.blogo div.blogCont div.blogImg {
	float: right;
	background-color: #bbbcbf;
	padding: 5px;
	min-height: 105px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/******** INA ***************/

div.tournepage div.inaUp {
	width : 341px;
	padding: 0px 5px 5px 7px;
}

#ina .tpNavig {
	margin: 0px 0px 0px 3px;
}

#ina div.tpContUp
{
	background-repeat:repeat-y;
}

#s_ina table tr td table.tpContenu {
	width: 320px;
}

#s_ina table tr td table tr td.tpTexte {
	font-size: 11px;
}

#s_ina table tr td table tr td.tpTexte a {
	color : #4d4b4c;
	font-weight: normal;
}

#s_ina table tr td table tr td.tpTexte a br {
	line-height: 0px;
}

#s_ina table tr td table tr td.tpTexte img {
	padding: 0px 10px 20px 0px;
}

#s_ina table tr td table tr td.tpTexte a span { 
	color:#4d4b4c;
	font-weight: bold;
}

/***** webtv *************/

div.tournepage div.webtvUp {
	width : 333px;
	padding: 0px 5px 5px 7px;
}

#webtv .tpNavig {
	margin: 0px 0px 0px 3px;
}

#webtv div.tpContUp
{
	background-repeat:repeat-y;
}

#s_webtv table tr td table.tpContenu {
	width: 310px;
}

#s_webtv table tr td table tr td.tpTexte {
	font-size: 11px;
}

#s_webtv table tr td table tr td.tpTexte a {
	color : #4d4b4c;
	font-weight: normal;
}

#s_webtv table tr td table tr td.tpTexte a br {
	line-height: 0px;
}

#s_webtv table tr td table tr td.tpTexte img {
	padding: 0px 10px 20px 0px;
}

#s_webtv table tr td table tr td.tpTexte a span { 
	color:#4d4b4c;
	font-weight: bold;
}


/******** colonne Droite ********/
div.colDroite {
	float: right;
	background-color: #003399;
	width: 261px;
	overflow: hidden;
}

div.blocRight {
	margin: 5px 5px 5px 5px;
	padding: 1px 5px 10px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4d4b4c;
	background-color:#FFFFFF;
}

div.blocRight p.imgCenter {
	text-align: center;
}

div.colDroite div.tournepage {
	margin: 0px 5px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4d4b4c;
}

div.colDroite div.tournepage h4, div.blocRight h4 {
	color: #003399;
	font-size:16px;
}

/***** afp *************/

/*div.tournepage div.webtvUp {
	width : 333px;
	padding: 0px 5px 5px 7px;
}*/

#depeche {
	padding-bottom: 0px; 
	border-bottom: 0px; 
	margin-bottom: 0px;
}

#afp .tpNavig {
	margin: 0px -5px -5px 0px;
	background-image: url('../images/afp/bg_bt_afp.jpg');
}

#afp div.tpContUp
{
	background-repeat:repeat-y;
}

#s_afp table tr td table.tpContenu {
	width: 230px;
}

#s_afp table tr td table tr td.tpTexte {
	font-size: 11px;
}

#s_afp table tr td table tr td.tpTexte a {
	color : #4d4b4c;
	font-weight: normal;
}

#s_afp table tr td table tr td.tpTexte a br {
	line-height: 0px;
}

#s_afp table tr td table tr td.tpTexte img {
	padding: 0px 10px 20px 0px;
}

#s_afp table tr td table tr td.tpTexte a span { 
	color:#4d4b4c;
	font-weight: bold;
}

#s_afp table tr td table tr td.tpTexte a.link:link {
	background-image: url('../images/puce.jpg');
}

/***** infographies *************/

#infos .tpNavig {
	margin: 5px -5px 0px 0px;
}

#infos div.tpContUp
{
	background-repeat:repeat-y;
}

#s_infos table tr td table.tpContenu {
	width: 230px;
}

#s_infos table tr td table tr td.tpTexte {
	font-size: 11px;
}

#s_infos table tr td table tr td.tpTexte a {
	color : #4d4b4c;
	font-weight: normal;
}

#s_infos table tr td table tr td.tpTexte a br {
	line-height: 0px;
}

#s_infos table tr td table tr td.tpTexte img {
	padding: 0px 10px 20px 0px;
}

#s_infos table tr td table tr td.tpTexte a span { 
	color:#4d4b4c;
	font-weight: bold;
}

#s_infos table tr td table tr td.tpTexte a.link:link {
	background-image: url('../images/puce.jpg');
}

/********* hymne ************/

#misc {
	margin: 0px;
}
#hymne {
	float: left;
}
#hymne div {
	float: right;
}

/******** antenne ***********/

div.antenne {
	background-color: #ffcc00;
	border-top: 5px solid #033493;
	background-image: url(../images/edition_spe.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
}

div.antenneBas {
	background-color: #ffcc00;
	background-image: url(../images/edition_spe.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
}

/******** concours **********/
#concours {
	border-top: 5px solid #033493;
}

.concoursImg {
	float: right;
	padding-left: 10px;
}

#sondage {
	font-size: 11px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	padding:0px 5px 10px 10px;
	height: 220px;
	margin: 0px 0px 5px 0px;
	border-top: 5px solid #206eed;
}

#sondage h4 {padding-left: 2px;}

/*#concours {
	height: 348px;
	background-image: url('../images/concours_europe.jpg');
	background-repeat:no-repeat;
	padding-bottom: 0px;
}

#concours h4{
	padding-top: 0px;
}

#concours p img{
	float: right;
}*/



div.concoursQ {
	padding: 0px 5px 5px 3px;
}

div.concoursR {
	padding: 3px 5px 5px 6px;
}

div.concoursMail {
	padding: 5px 0px 5px 0px;
	float: left;
}

div.concoursMail input {
	width: 100px;
	border: 1px solid #FFcc00;
}

div.concoursB {
	float: right;
	padding: 7px 15px 10px 0px;
}

div.concoursM {
	padding: 0px 5px 10px 3px;
}

#promoconcours { background-color : #fccc00;}
#promoconcours h2 {color: #206eed; font-weight: bold;}
#promoconcours p img { float: left; margin: 5px 10px 5px 0px; border: 1px solid black;}
#promoconcours p a {color: #4d4b4c; text-decoration: none;}


/******** sous-pages ********/
/****************************/

/******** frise ***********/
#frise {
	background-color: #FFFFFF;
	width: 967px;
}

div.ligneBas {
	margin-bottom: 5px;
}

div.ligneBas div.colDroite {
	background-color: #003399;
	width : 977px;
	padding-top: 5px;
}

div.ligneBas div.colDroite div.blocCol {
	float: left;
	width: 221px;
	margin: 0px 0px 5px 5px;
}

div.ligneBas div.colDroite div.antenne,  div.ligneBas div.colDroite div.antenneBas{
	float: left;
	width: 221px;
	margin: 0px 0px 5px 5px;
}

div.personnalites {
	float: left;
	width: 233px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #4d4b4c;
	background-color:#FFFFFF;
	padding: 0px 0px 15px 0px;
}

div.premPerso {
	padding-left: 5px;
	width: 235px;
}

div.personnalites div.titrePerso {
	color: #3e9efe;
	font-size:16px;
	width: 217px;
	font-weight: bold;
	padding: 15px 5px 5px 12px;
}

div.personnalites div.personnalite {
	min-height: 470px;
	clear: both;
	background-color: #EFEFEF;
	margin: 5px 5px 5px 0px;
	border-left: 1px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-right: 1px solid #FFCC00;
}

div.personnalites div.personnalite p {
	padding: 0px 5px 10px 10px;
}

div.personnalites div.personnalite h4 {
	padding: 0px 0px 0px 10px;
}

div.dHelp {
	width: inherit;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0px 0px 0px;
}

div.dHelp p {
	text-align: left;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 250px;
	border: 3px solid #003399;
	padding: 5px;
	background-color:#FFFFFF;
}

div.dHelp a:link {
	color: #4d4b4c;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
}

div.dHelp a:visited {
	color: #4d4b4c;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
}

div.dHelp a:hover {
	color: #4d4b4c;
	text-decoration: underline;
}

#helper {
	position: absolute;
	top: 520px;
	left: 430px;
	visibility:hidden;
	z-index: 1000;
}

.putBorder {
	height: 5px;
	background-color: #003399;
	margin: 0px;
	padding: 0px;
}

.largeur {
	width: 967px;
}

#jeparleurope {padding: 0px 0px 10px 0px; background-color: #FFFEFF;border-top: 5px solid #033493;}
#jeparleurope p {color: #e60188; padding: 0px 20px 5px 12px;}
#jeparleurope p a {color: #e60188; text-decoration: none;}

#jeparleuropebas {padding: 0px 0px 10px 0px; background-color: #FFFEFF; float: left;width: 238px; margin-top: 0px;}
#jeparleuropebas p {color: #e60188; padding: 0px 20px 5px 12px;}
#jeparleuropebas p a {color: #e60188; text-decoration: none;}

.concoursIP {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align:justify; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC;}
.concoursImgP {}
.concoursQP { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; padding: 10px 5px 5px 5px; color: #4d4b4c;}
.concoursRP { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; padding: 0px 5px 2px 5px; color: #4d4b4c;}
.concoursMailP {float: left; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size: 11px; padding: 25px 5px 10px 5px; width: 200px;}
.concoursBP {float: right; padding: 27px 320px 10px 5px; width: 10px; }
.concoursBPR {clear: both; padding-top: 30px;}
.concContainer {float: left; width: 600px; padding: 0px 10px 10px 12px; border-right: 1px solid black; background-color:#FFFFFF; min-height: 600px;}
.imgContainer {float: right; text-align:center; padding-right: 15px;}

