@charset "UTF-8";
/* CSS Document */

/* CONFIGURATION GENERALE */
body{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

img{
border:none;
}

h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FF4D0C;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
}
a:link {
	color: #8B8986;
	text-decoration: none;
}
a:visited {
	color: #8B8986;
	text-decoration: none;
}
a:hover {
	color: #FF5300;
	text-decoration: underline;
}
a:active {
	color: #8B8986;
	text-decoration: none;
}
/* Lien podcasting */
a.podcast:link {
	color: #000000;
	text-decoration: none;
}
a.podcast:visited {
	color: #000000;
	text-decoration: none;
}
a.podcast:hover {
	text-decoration: underline;
}
a.podcast:active {
	color: #000000;
	text-decoration: none;
}


/* Lien infotrafic */

a.infotrafic:link {
	color: #808171;
	text-decoration: none;
}
a.infotrafic:visited {
	color: #808171;
	text-decoration: none;
}
a.infotrafic:hover {
	color: #FF5300;
	text-decoration: underline;
}
a.infotrafic:active {
	color: #808171;
	text-decoration: none;
}

/* Lien en-tête */

a.haut:link {
	color: #808171;
	text-decoration: none;
}
a.haut:visited {
	color: #808171;
	text-decoration: none;
}
a.haut:hover {
	color: #FF5300;
	text-decoration: underline;
}
a.haut:active {
	color: #808171;
	text-decoration: none;
}


/* LIEN ORANGE */
a.orange:link {
	color: #FF5300;
	text-decoration: none;
}
a.orange:visited {
	color: #FF5300;
	text-decoration: none;
}
a.orange:hover {
	color: #FF5300;
	text-decoration: underline;
}
a.orange:active {
	color: #FF5300;
	text-decoration: none;
}



/* LIEN BOX */
a.box:link {
	color: #000000;
	text-decoration: none;
}
a.box:visited {
	color: #000000;
	text-decoration: none;
}
a.box:hover {
	color: #000000;
	text-decoration: underline;
}
a.box:active {
	color: #000000;
	text-decoration: none;
}


/* Lien de la partie Cité blog */

a.blog:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}
a.blog:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;	
}
a.blog:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
}
a.blog:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}

/* Partie à venir */
.avenirheure{
	font-size:1em;
	letter-spacing:0.4pt;
	color:#FFFFFF;
}
.avenir{
	font-size:1.4em;
	letter-spacing:0.3pt;
	color:#FFFFFF;
}


/* CONTAINER PRINCIPAUX */

#div_principale
{
	width: 950px;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	display: block;
	clear: both;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(header.gif);
}

#div_principale_save
{
	width: 950px;
	background-color:#FFFFFF;
	/*border:1px solid #D6D6CC;*/
	margin-right:auto;
	margin-left:auto;
	display: block;
	clear: both;
}

#div_menu_haut
{
	width: 930px;
	text-align:right;
	margin-right:auto;
	margin-left:auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	color: #F75900;
}

#div_entete
{
	width:930px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
}

#div_menu
{
	width:165px;
	margin-left:10px;
	margin-top:0px;
	float:left;
	z-index: 20;
}

#div_blog_news
{
	width:750px;
	height:50px;
	margin-top:0px;
	float: left;
	z-index: 10;
	margin-left: 15px;
}

#div_contenu
{
	width:575px;
	margin-left:15px;
	margin-top:10px;
	float:left;
}

#div_colonne
{
	width:160px;
	margin-top:10px;
	margin-left:0px;
	margin-right:10px;
	float: right;
}

#div_ligne
{
	/*width:770px;*/
	width: 930px;
	height:20px;
	margin-left:10px;
	clear: both;
}

#div_pied_page
{
	width: 936px;
	height:50px;
	/*background-color:#808171;*/
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	line-height:50px;
	padding-left:15px;
	clear: both;
	background-image: url(images/barre_pied.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/******** Boites pour le contenu de l'entête ********/
.box_logo
{
	width:202px;
	height:75px;
	float:left;
	margin-top: 8px;
}

.box_live
{
	width:220px;
	height:75px;
	float:right;
}

.box_pub1
{
	width:728px;
	height:90px;
	float:left;
	margin-top: 0px;
}

.box_pub2
{
	width:235px;
	height:60px;
	float:left;
	margin-top: 7px;
}

/******** Boite vivre  Genève ********/
.box_vivre
{
	width:460px;
	height:190px;
	float:left;
}

.box_vivre_titre
{
	width:380px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FF4D0C;
	margin-left:5px;
}

.box_vivre_contenu
{
	width:460px;
	height:190px;
	/*	border:1px solid #E0E1D1;*/
	background-image: url(images/box_vivre_geneve.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/******** Boite de l'agenda ********/
.box_agenda
{
	width:460px;
	height:190px;
	float:left;
	margin-left:10px;
}

.box_agenda_titre
{
	width:380px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FF4D0C;
	margin-left:5px;
}

.box_agenda_contenu
{
	width:460px;
	height:190px;
	background-image: url(images/box_agenda.gif);
	background-repeat: repeat-x;
	background-position: left bottom;/*	border:1px solid #E0E1D1;*/
}

.box_agenda_contenu_gauche
{
	width:225px;
	height:190px;
	border-right:2px solid #FFFFFF;
	float:left;
}

.box_agenda_contenu_droite
{
	width:225px;
	height:190px;
	float:left;
}

.box_agenda_contenu_titre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	padding-top:12px;
	color: #808171;
}

.box_agenda_contenu_contenu
{
	padding-left:10px;
	padding-top:5px;
	min-height:145px;
}

.box_agenda_contenu_bas
{
	text-align:right;
	padding-right:5px;
}

/******** Boite recherche *********/
.box_recherche
{
	width:160px;
	height: 30px;
	color: #999999;
}
.box_recherche_champs
{
	width:160px;
	background-image: url(images/fond_recherche.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 20px;
	padding-top: 2px;
}


/******** Boite de la météo ********/
.box_meteo
{
	width:160px;
}
.box_meteo_titre
{
	width:160px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 2px;
	padding-top: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #394239;
	background-color: #2A372A;
	background-image: url(images/fond_menu_top.gif);
	line-height: 22px;
}

.box_meteo_contenu
{
	width:160px;
}

/******** Boite live ********/
.box_live
{
	width:160px;
	display:inline;
	height: 22px;
	padding-top: 8px;
}
.box_live_titre
{
	width:160px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 2px;
	padding-top: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	background-image: url(images/fond_box_orange.gif);
	line-height: 22px;
}

.box_live_contenu
{
	width:160px;
}



/******** Boite des Sondage ********/

.box_sondage
{
	width:143px;
	min-height:150px;
}

.box_sondage_titre
{
	width:143px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 2px;
	padding-top: 1px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #394239;
	background-color: #2A372A;
	background-image: url(images/fond_menu_top.gif);
	line-height: 22px;
}

.box_sondage_contenu
{
	width:143px;
}

/******** Boite de la galerie photo ********/
.box_galerie
{
	width:160px;
	min-height:150px;
}

.box_galerie_titre
{
	width:160px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 2px;
	padding-top: 1px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #394239;
	background-color: #2A372A;
	background-image: url(images/fond_menu_top.gif);
	line-height: 22px;
}

.box_galerie_contenu
{
	width:160px;
}

/******** Boite de la galerie video ********/
.box_video
{
	width:160px;
	min-height:150px;
}

.box_video_titre
{
	width:160px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 2px;
	padding-top: 1px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #394239;
	background-color: #2A372A;
	background-image: url(images/fond_menu_top.gif);
	line-height: 22px;
}

.box_video_contenu
{
	width:160px;
}

/******** Boite des blogs et news ********/

.box_blog
{
	width:747px;
	height:25px;
	background-color:#1A2D19;
	color:#FFFFFF;
	line-height:25px;
	padding-left:3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(images/barre_cite_blog.gif);
	background-repeat: repeat;
	background-position: left top;
}

.box_blog_news
{
	width:747px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#848484;
	margin-top:8px;
	padding-left:3px;
}

/******** Boites pour le contenu du menu ********/
.box_menu_titre
{
	width:160px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	padding-left:5px;
	border-bottom:2px solid #FFFFFF;
	background-color: #2D3B2C;
	background-image: url(images/fond_menu_top.gif);
	line-height: 25px;
}

.box_menu_contenu
{
	width:165px;
	clear: both;
}

/* CMS MENU */
#menu{
	width:165px;
}

#menu ul
{
	margin: 0;
	white-space: nowrap;
	padding: 0;
}

#menu li
{
	list-style-type: none;
	margin: 0;
	border-bottom:1px solid #FFFFFF;
}

#menu a, #menu a:link, #menu a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#1A2D19;
	text-decoration: none;
	display:block;
	padding: 3.5px 10px;
	background-color:#D8D7B8;
}

#menu a:hover
{
	color:#FF8534;
}

/* MENU SELECTIONNE */
#selectmenu
{
	color:#E6E5D1;
}






#sous_menu{
	width:165px;
}

#sous_menu ul
{
	margin: 0;
	white-space: nowrap;
	padding: 0;
}

#sous_menu li
{
	list-style-type: none;
	margin: 0;
}

#sous_menu a, #sous_menu a:link, #sous_menu a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#424F3E;
	text-decoration: none;
	display:block;
	padding: 3.5px 10px;
	background-color:#E5E5D0;
}

#sous_menu a:hover
{
	color:#FF8534;
}








/* MENU SELECTIONNE */

#selectsous_menu a, #selectsous_menu a:link, #selectsous_menu a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#1A2D19;
	text-decoration: none;
	display:block;
	padding: 5px 10px;
	background-color:#D8D7B8;
}


/******** Boites pour le contenu actualite ********/
.box_contenu_actualite
{
	width:575px;
	height:190px;
}

.box_contenu_actualite_image
{
	width:375px;
	height:190px;
	float:left;
}

.box_contenu_actualite_moment
{
	width:199px;
	height:94px;
	float:left;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-image: url(images/podcast_accueil.gif);
}

.box_contenu_actualite_suivre
{
	width:199px;
	height:95px;
	float:left;
	border-left:1px solid #FFFFFF;
	background-image: url(images/a_suivre.jpg);
	background-position: left bottom;
}

/******** Boites pour le contenu actualite du moment ********/
.box_contenu_actualite_moment_contenu
{
	width:199px;
	height:94px;
	background-color:#B2B298;
	float:left;
	background-image: url(images/fond_en_ce_moment.jpg);
	background-position: left top;
}

.box_contenu_actualite_moment_lire  
{
	width:20px;
	height:94px;
	background-color:#808171;
	float:left;
	text-align:center;
	line-height:100px;
}

.box_contenu_actualite_moment_lire a:visited
{
	width:20px;
	height:94px;
	background-color:#808171;
	float:left;
	text-align:center;
	line-height:100px;
}

.box_contenu_actualite_moment_lire a:hover
{
	width:20px;
	height:94px;
	background-color:#9B9C88;
	float:left;
	text-align:center;
	line-height:100px;
}

.box_contenu_actualite_moment_commentaire
{
	width:20px;
	height:94px;
	background-color:#808171;
	float:left;
	border-left:1px solid #D2D4BF;
	text-align:center;
}

/******** Boites pour le contenu actualite a suivre ********/
.box_contenu_actualite_suivre_contenu
{
	width:180px;
	height:70px;
	float:left;
	margin-left: 10px;
	margin-top: 10px;
}

.box_contenu_actualite_suivre_lire
{
	width:20px;
	height:94px;
	background-color:#808171;
	float:left;
	text-align:center;
}

.box_contenu_actualite_suivre_commentaire
{
	width:20px;
	height:94px;
	background-color:#808171;
	float:left;
	border-left:1px solid #D2D4BF;
	text-align:center;
}

/******** Boites pour le contenu divers ********/
.box_contenu_divers_sport
{
	width:138px;
	height:215px;
	margin-top:25px;
	background-image: url(images/cite_box.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	margin-left: 5px;
}

.box_contenu_divers_loisirs
{
	width:138px;
	height:215px;
	margin-top:25.5px;
	float:left;
	background-image: url(images/cite_box.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 5px;
}
.box_contenu_divers_people
{
	width:138px;
	height:215px;
	margin-top:25.5px;
	float:left;
	background-image: url(images/cite_box.jpg);
	background-position: left bottom;
	margin-left: 5px;
}
.box_contenu_divers_monde
{
	width:138px;
	height:215px;
	margin-top:25px;
	float:left;
	background-image: url(images/cite_box.jpg);
	background-position: left bsottom;
	margin-left: 5px;
	margin-bottom: 25px;
}

.box_contenu_divers_titre
{
	width:138px;
	height:30px;
	line-height:25px;
}

.texte_box_contenu_titre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F73404;
	font-weight:bold;
	padding-left:8px;
}

.box_contenu_divers_image
{
	width:138px;
	height:49px;
	margin-left:0px;
}

.box_contenu_divers_contenu
{
	width:133px;
	height:130px;
	padding-left:5px;
}

.box_contenu_divers_contenu_contenu
{
	height:110px;
	color: #FFFFFF;
}

.box_contenu_divers_savoir_plus
{
	width:130px;
	height:6px;
	text-align:right;
	padding-right:5px;
}

/* STYLES DU SITE */

.texte
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.texte_pied_page
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

.texte_date_agenda
{
	color:#85856D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.texte_agenda
{
	color:#1B2009;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.trans_box2 {
	font-family:verdana;
	font-size:10px;
	text-align:center;
	line-height:35px;
	color:#1A2D19;
	width:160px;
	height:35px;
	margin-top:35px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/calque_box.png');
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #808171;
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {
  background-image:url(images/calque_box.png);
}

div#mediacms {
	display:block;
	height: 130px;
	width: 175px;
	padding: 5px;
	border: 1px solid #003366;
	text-align:center;
	margin-bottom: 20px;
	background-color:#f1f1f1;
}

.photo{
	display: block;
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 0.7em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.photo_index{
	border: 1px solid #CCCCCC;
	padding: 0.7em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:left;
	width: 240px;
	background-color: #fff;
	/*background-image: url(images/coin_box.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
}
.photo_index_txt{
	margin-left: 10px;
	float:left;
	width: 140px;
}
.photo_index_titre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FF4D0C;
	font-weight:bold;
	margin-bottom: 5px;
}
.photo_index_date{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B4B4B4;
	float:left;
	width: 240px;
	margin-top: 0px;
	margin-left: 0px;
	text-align:left;
}

.fichierscms{
	display: block;
	background: #fff;
	border: 0px solid #CCCCCC;
	clear: both;
	float: right;
	overflow: auto;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.fichierscms_ligne{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tab_intranet {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #F8F8F8;
}



/* BLOG */

.blog_article{
	width:575px;
	display: block;
}
.blog_txt{
	display: block;
	margin-bottom: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.blog_desc{
	width: 575px;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.blog_pied{
	width: 575px;
	padding-top: 4px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D8D7B8;
	margin-bottom: 40px;
}
.blog_titre{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FD5100;
	width: 575px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D8D7B8;
}
.blog_com{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FF5000;
}

.blog_date{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.blog_commentaire{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FB5501;
	width: 575px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D8D7B8;
}

.titre_agenda
{
	width:570px;
	height:17px;
	padding-left:3px;
	background-color:#E0E0C6;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FF4D0C;
}
/* Emission en cours */
.trans_live {
	font-family:verdana;
	font-size:10px;
	text-align:left;
	color:#000;
	width:375px;
	height:70px;
	margin-top:123px;
	padding-left: 10px;
	padding-top: 5px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/calque_box.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_live[class] {
  background-image:url(images/calque_box.png);
}
.trans_live_heure{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #EF3912;
	font-weight:400;
}
.trans_live_emission{
	font-family:verdana;
	font-size:20px;
	color: #000000;
	font-weight:400;
}
.trans_live_invite{
	font-family:verdana;
	font-size:12px;
	color: #000000;
	font-weight:400;
}
.trans_live_animateur {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:400;
}
.vod_index_txt {
	margin-left: 10px;
	float:left;
}
.vod_index_date {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B4B4B4;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	text-align:left;
}
.vod_index {
	border: 1px solid #CCCCCC;
	padding: 0.7em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float:left;
	width: 220px;
	background-color: #fff;
}