/* @override http://new.univers-sons.tv/themes/new_utv/new_utv.css */

/*reset
-------------------------------------------------------- */

body, ul, li, div, p, a {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
}

li {
	list-style: none;
}

/*structure
-------------------------------------------------------- */

body {
	font: normal 62.5% Arial, sans-serif;
	background: #fff;
	color: #000;
	text-align: center;
}

#conteneur {
	height: 100%;
	margin: 16px auto 0 auto;
	width: 986px !important;
	width: 990px;
	font-size: 1.2em;
	text-align: left;
}

#main {
	width: 100%;
	padding-top: 18px!important;
	padding-top: 5px;
	z-index: 1;
	text-align: justify;
}

#col_left {
	width: 221px;
	float: left;
	margin: 0;
	overflow: visible;
	text-align: left;
	font-size: 0.917em;
	}

.col_content {
	width: 517px;
	float: left;
	margin: 0 0 0 14px;
	background: transparent;
	}

#col_right {
	width: 220px;
	float: left;
	margin: 0 0 0 14px;
	font-size: 0.917em;
	line-height: 1.3em;
	text-align: left;
		}

#col_right_top {
	background: url(img/back_top_right.png) center top no-repeat;
	padding-top: 5px;	
	}
	
#new_grey_box{
	background: url(img/back_colRepeat_right.png) left top repeat-y;
	padding: 0 0 10px 0;
	}
.new_grey_boxe_bottom{
	padding: 0px;
	margin-top: -2px;

}
#evit{
	width: 986px !important;
	position: absolute;
	top: 1px;
	font-size: 10px;
	text-align: center;
	color: #fff;
	margin: 0 auto 0 auto;	
}
#evit a, #evit2 a{
	color: #fff;
}
#evit a:hover, #evit2 a:hover, #evit a:focus, #evit2 a:focus, #evit a:active, #evit2 a:active{
	color: #666;
}

/*style généraux
-------------------------------------------------------- */

img {
	margin: 0;
	padding: 0;
	border: none;
}

p {
	padding-bottom: 5px;
}

.right {
	float: right;
}

.left {
	float: left;
}

address {
	font: normal bold 1em Arial, sans-serif;
	padding: 5px 10px 5px 14px;
}

.clear {
	clear: both;
}

.marge {
	margin: 10px 0;
}
.marge_left_right{
	margin: 0 10px;
}

.indent {
	padding-left: 25px;
}

acronym {
	border-bottom: 1px dotted silver;
}

.center {
	margin: 0 auto;
}

a {
	color: #000;
}

li a {
	color: #000;
}

.small {
	font-size: 0.917em;
}
.italic{
	font-style: italic;
}
/* header + menu
-------------------------------------------------------- */

#header {
	height: 144px;
	background: url(img/back_header.png) left top no-repeat;
	padding-left: 10px;
}

#menu_header {
	height: 30px;
	padding-top: 80px !important;
	background: url(img/back_menu.png) no-repeat left 80px;
}

#menu_header ul#main_menu {
	margin: 0;
	padding: 0 0 0 5px;
	float: left;
	width: 890px;
}

#menu_header ul#main_menu li {
	float: left;
	background: url(img/menu_left.png) no-repeat left 1px;
	margin: 0;
	padding: 0 0 0 9px;
}

#header a {
	float: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #d6d6d6;
}

#menu_header ul#main_menu a {
	background: url(img/menu_right.png) no-repeat right 1px;
	padding: 6px 15px 7px 6px;
}

#menu_header ul#main_menu li:hover {
	background: url(img/menu_left_on.png) no-repeat left 1px;
}

#header ul#main_menu a:hover {
	color: #fff;
	background: url(img/menu_right_on.png) no-repeat right 1px!important;
}

#menu_header ul#main_menu #current {
	background-image: url(img/menu_left_on.png);
}

#menu_header ul#main_menu #current a {
	background-image: url(img/menu_right_on.png);
	color: #fff;
}

ul#menu_right {
	margin-left: 913px;
}

ul#menu_right li {
	display: inline;
}

ul#menu_right li a {
	padding: 6px 5px 0 8px;
	margin-right: 3px;
	height: 30px;
	color: #d6d6d6;
}

ul#menu_right li.padd2 a {
	padding: 6px 9px 0 10px;
}

ul#menu_right li:hover {
	background: none;
}

ul#menu_right a:hover {
	background: url(img/menu_small_on.png) 3px 0px no-repeat;
	color: #fff;
}

#search {
	padding: 0px 0 0 20px;
	width: 200px;
	float: right;
	margin: 0px 3px 0 0;
	height: 24px;
}

p.lien_header {
	position: absolute;
	top: 22px;
	margin-left: 755px;
	color: #A3A3A3;
	width: 200px;
	line-height:2px;

}
p.lien_header img{
	padding: 0 0 4px 0;
	margin: 0;
	}

/* COLONNE GAUCHE */

#itunes_left_top{
	margin-top: 5px;
	background: #000 url(img/left/casque_left.png) left top no-repeat ;
	padding: 10px;
	text-align: justify;
	color: #fff;
}
#itunes_left_centre a, .itunes_centre a{
	color: #0058fa;
}
#itunes_left_centre{
	padding: 10px;
	background: url(img/left/repeat_comment.png) left top repeat-y;
}
#itunes_left_top p.small {
	font-size: 10px;
	padding: 15px 0 0 0;
}
.itunes_title1{
	font-size: 14px;
	padding-left: 90px;
	padding-top: 10px;
}

.itunes_title2{
	font-size: 14px;
	padding: 10px 0 3px 10px;
	background: url(img/left/comment.png) left top no-repeat ;
}
#itunes_left_bottom{
	background: url(img/left/bottom_comment.png) left top no-repeat ;
	padding: 20px 10px;
	margin-bottom: 10px;
	
}
p.border_bottom{	
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dfdfdf;
}
.itunes_li {
	padding: 5px 0 5px 2px;		
}
#quicktime{
	background: url(img/left/quik_repeat.png) left top repeat-y ;
	padding: 5px 10px 5px 10px;
	font-size: 0.865em;
	margin-top: -5px;
	margin-bottom: -5px;

	}
.quick_left{
	margin-left: 68px;
}
/* newsletter*/

form#sfform input, form tr.newsletter input {
	margin: 0;
	background: transparent;
	padding: 0;
	border: none;
}
tr.newsletter input.text_newsletter {
	background: url(img/input_news.jpg) left top no-repeat;
	width: 160px;
	height: 19px;
	padding: 0 0 0 5px !important;
	font-size: 10px;
		}
.newsletter_utv{
	background: url(img/left/back_newsletter.png) left top no-repeat;
	padding:  10px 0 15px 10px;
}
.texte_news{
	padding-left: 57px;
	font-weight: bold;
	font-size: 10px;
}
td.ok_button {
	margin: 0 0 0 15px;
}
td.ok_button input {
	padding-top: 4px !important;
}
form#newsletter {
	padding: 0;
	margin: 0;
}
.newsletter_ok_utv {
	padding-bottom: 48px;
	padding-left: 57px;
	padding-right: 10px;
	font-size: 11px;
}
/* recherche*/

td.go_td {
	margin: 0;
	padding: 1px 5px 0 0;
}

tr input.search {
	height: 18px;
	width: 166px!important;
	width:166px;
	background: transparent;
	border: none;
}

input.loupe {
	padding-left: 10px;
}

/* infos univers-sons */

ul.border_bottom {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 5px 0;
}

p.open {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 10px 5px 14px;
}

ul.puce_or {
	padding: 0px 10px 0px 14px !important;
	padding: 0;
	color: #000;
}
.text11{
	font-size: 11px;
}
/*COLONNE CENTRE----------------------------
---------------------------------------------*/
.categorie{
	padding: 0 10px 10px 55px;
	background: url(img/fle_rubrique.gif) 10px center no-repeat;	
}
.cat_title{
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
.contact_img{
	width: 190px;
}
.contact_img img{
	padding-bottom: 10px;
}
.contact_text{
	width: 250px;
	margin_left: 190px;
}
.post_content_accueil{
	padding-top: 5px;
}
.a_la_une_texte{
	margin-bottom: 10px;
}
.post_content{
	padding-left: 3px;
}
.post_content_list{
  	margin-left: 140px;
  	padding-top: 5px;
}
.post_content a{
  	color: #666;
  	border-bottom: 1px solid #fff;
  	}
.post_content a:hover{
	border-bottom: 1px solid #fe730b;
}
.post_content_first{
  	padding-bottom: 10px;
}
.post-detail{
	background: url(img/fle_post.gif) 10px center no-repeat;
	border-bottom: 1px solid #c9c9c9;
}
.post-info{
	padding-left: 40px;
}
.post_list {
	margin: 5px 0 10px 0;
	clear: both;
	border-bottom: 1px solid #ccc;
	height: 110px;
	min-height: 110px;
}
.post_chapo {
	padding: 10px 0 10px 40px;
	font-weight: bold;
	}
.#mois_prec_suiv{
	color: #666!important;
	font: italic bold 1.2em Arial, Helvetica, sans-serif;
}
.pub{
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	
}#date_jour{
	margin-top: 10px;
}
.marge_fle{
	margin-left: 80px;
}
.englob{
	width: 517px;
	text-align: center;
}
#itunes_bottom, #note_post, #quicktime_centre{
	border:  1px solid #bbb;
	padding: 10px;
}
#quicktime_centre{
	margin-top:10px
}
.itunes_title3{
	font-size: 14px;
	width:  70%;
	margin: 10px auto;
}
.itunes_centre{
	width: 100%;
	text-align: center;
}
.podcast_player{
	width: 516px;
	text-align: center;
	}
/*COLONNE DROITE-------------------------
------------------------------------------*/
#abo_itunes{
	margin-bottom: 7px;
	background: #fff;
}
/*calendrier*/
div#calendar #suiv_prec table{
  	width: 200px;
  	border-bottom: 1px dashed #ccc;
}
div#calendar #suiv_prec table td{
  	width: auto;
  	color: #c6c6c6;
  	border: none;
  	font-style: italic;
}
.cal {
	font-size: 1.3em;
	text-align: left;
	color: #000!important;
	font-style: normal!important;
}
div#calendar #suiv_prec table td a{
  background: transparent;
}
div#calendar table {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	border-collapse: separate;
	margin-left: 10px;
}

div#calendar table caption {
	margin: 0 auto;
}

div#calendar table th {
	color: #A49C8E;
	background: transparent;
	font-style: italic;
}

div#calendar table td {
	width: 2em;
	line-height: 2em;
	border: 1px solid #C6C6C6;
	background:  #fff;
}

div#calendar table td a {
	display: block;
	background: #fe8721;
	font-weight: bold;
	text-decoration: none;
}

div#calendar table td a:hover {
	color: #FFF;
}

#col_right ul{
	padding-left: 10px;
}
#archives ul li{
	display:  block;
	padding: 0 0 0 20px;
	background: url(img/puces/puce_archive.gif) 0px 2px no-repeat;
}
#aretenir ul li a{
	display:  block;
	padding: 0 0 0 10px;
	background: url(img/puces/puce_itunes.gif) 0px 4px no-repeat;

}
/* FOOTER */
#footer{
	padding-top: 50px;
	clear: both;
	text-align:left;
	font-size: 1em;
	color: #7A7A7A;
	font-weight: 600;
	background: #fff;
	}
#footer p{
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	}
#footer p a, #footer_small a{
	color: #7A7A7A !important;
	font-weight: bold;
	}
#footer_small img{
	padding-top: 5px;
	}
#footer_small{
	line-height: 15px;
	}
	/*font et titres*/
h1{
	position: absolute;
	top: -2000px;
}
h2 {
	font-size: 1.2em;
	padding: 5px 0 0 0;
	margin: 0;
	}
h2.post-title{
	color: #000;
	font-size: 1.5em;
	margin: 5px 0 0 40px;
}
.titre_barre_une, .post_barre_list{
	font-size: 1.2em;
	color: #fff;
	padding: 4px 0 10px 10px;
	}
.post_barre_list{	
	background: url(img/barre_gris.png) left top no-repeat;
}
.titre_barre_une{
	background: url(img/barre_orange.png) left top no-repeat;
	margin-top: 10px;
}

#col_right h2 {
	border-bottom: 1px dashed #ccc;
	color: #000;
	margin: 5px 0 5px 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#col_right h3{
	color: #cc6600;
	font-weight: bold;
	font-size: 1em;
	padding: 2px 0 2px 10px;
	margin: 0;
}
.dore {
	color: #cc6600;	
}

.orange {
	color: #fe730b;
}
.small {
	font-size: 0.9em;
}

.new_orange {
	color: #f54000;
}
.date-post{
	font-size: 1.2em;
	font-weight: bold;
}
.bold{
	font-weight: bold;
}
/*HACK FOR SAFARI2 bloque cette déclaration et toutes les suivantes ne pas déplacer + hackIE6 et 7*/
#search {
	background: url(img/back_search.png) 2px -1px no-repeat;
#
}
*html #search{
	background: url(img/back_search.png) 2px 1px no-repeat;
}
*+html #search{
	background: url(img/back_search.png) 4px 1px no-repeat;
	margin: 6px 3px 0 0;
}

