﻿

/* Structure et mise en page */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background: url(http://www.unipix.ch/2009/hp-new/img/back-body.jpg) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
}

a img {
	border:0
}

table {
	font-size:12px;
}

.clearall { 
	clear: both; 
}

form { 
	padding:0;
	margin:0;
}

#conteneur {
	width:974px;
	margin:auto;
	text-align:left;
	position:relative;
	top:35px;
}

#block-boule {
	margin:auto;
	position:relative;
	top:30px;
}

#publicite{
	position:relative;
	top:10px;
	width:300px;
	height:250px;
	margin:auto;
}


#block-main #col-1sup {
	width:645px;
	min-height:220px;
	float:left;
	margin-right:13px;
	font-size:13px;
		background: url(http://www.unipix.ch/2009/hp-new/img/test2.jpg) 	repeat-x;
overflow:hidden;
}


#block-main #col-1sup .theaser .title {
font-size: 20px;
font-weight:bold;
color:#414141;


}




#block-main #col-2sup {
	width:316px;
	float:left
}

#block-main #col-1, #block-main #col-2, #block-main #col-3 {
		width:316px;
		float:left;
}
	
#block-main #col-1, #block-main #col-2 {
		margin-right:13px;
}

#block-main {
	width:974px;
	background: url(http://www.unipix.ch/2009/hp-new/img/separation.gif) repeat-y;
	min-height:200px;
}

#block-main h2 {
	margin:0px;
	background: url(http://www.unipix.ch/2009/hp-new/img/back-menu.jpg) no-repeat;
	width:100%;
	height:32px;
	color:#a83110;
	font-weight:bold;
	font-size:14px;
	line-height:32px;
	text-indent:10px;
}

#block-main ul { padding:0px;margin:10px 0 0 0}
#block-main ul li { background:none; padding:0px; list-style-image:none; list-style:none; margin:0; line-height:18px;}
#block-main ul li a { background:url(http://www.unipix.ch/2009/hp-new/img/puce.gif) no-repeat 0 5px; font-size:11px; padding-left:10px; color:#5671a9; text-decoration:none;}
#block-main ul li a:hover{ text-decoration:underline; }


#block-main .bouton {
	background: url(http://www.unipix.ch/2009/hp-new/img/back-bouton.jpg) repeat-y;
	width:103px;
	height:32px;
	line-height:32px;
	text-indent:6px;
	float:left;
	overflow:hidden;
}

#block-main .bouton a, #block-main h2 a {
	color:#a83110;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;	
}

#block-main .bouton a:hover, #block-main h2 a:hover {
	color:#fff;
}

.publibox{ width: 100%;	height: auto; min-height: 60px;	font-size:12px;	margin-bottom:8px }
.publibox img {	float: left; margin-right: 5px; border: none }
.publibox a {text-decoration:none; color:#333333 }
.publibox a:hover {text-decoration:none; color:#222fab  }

.links-partenaires {
	margin: 10px 0 ;
	width:100%;
	border-top: solid 1px #808080 ;
	border-bottom: solid 1px #808080 ;
	height:18px;
	line-height:18px;
	font-size:13px;
}

.links-partenaires a{
	text-decoration:none;
	color:#a83110;
}
.links-partenaires a:hover{
	text-decoration:none;
	color:#000;
}

.line {
		margin-top:15px;
		border-top: 1px solid #b2b2b2;
		height:5px;
		width:974px;
}

#footer {
	width:974px;
	background-color:#9c9cab;
}

#footer ul {
padding:8px 0 0 10px;
margin:0 0 8px 15px;
}

#footer ul li{
font-size:12px;
}

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

#footer a:hover {
	text-decoration:underline;
}

#footer .col {
	padding:10px 40px 0 0 ;
	float:left;
}

#footer .col h5 {
	color:#fff;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:0 0 0 10px;
}

#footer .col h5 a {
	color:#fff;
}

#footer-suite{
	width:974px;
	float:left;
	background-color:#000;
	position:relative;
	padding:8px 0;
	color:#808080;
	font-size:13px;
}

.horoscope, .meteo {
	margin:10px 0; 
	text-align:center;
	font-size:12px;
}

.horoscope a, .meteo a, a.radar {
	font-size:12px;
	text-decoration:none;
	color:#808080;
}


/* accordion */

.accordionjay .title {
	color:#a83110;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;	
	height:32px;
	color:#a83110;
	font-weight:bold;
	font-size:14px;
	line-height:32px;
	text-indent:10px;
	display: block; background: url(http://www.unipix.ch/2009/hp-new/img/back-menu.jpg) no-repeat; height:32px;
	margin:0 0 8px 0;	 /* c'est l'équart entre les tab */
	width:316px;
	
}
.zone-publi a{
	text-decoration:none;
	font-size:12px;		
	color:#333;
	}
	
	.zone-publi b{
		line-height:25px
	}
	

	
#col-1sup {
	position:relative;
	
}

#col-1sup img {
	position:absolute;
	top: 10px;
	left:10px;
	
}

#col-1sup	.theaser {
	position:absolute;
	top:8px;
	left:330px;

}

#col-1sup .rss-actualite {
	position:absolute;
	top:87px;
	left:330px;
	width:317px;	
	
}
	
	#col-1sup .rss-actualite .title {
color:#a83110;
font-size:14px;
font-weight:bold;
	}
	
	.linewhite {
		margin-top:15px;
		border-top: 1px solid #fff;
		height:5px;
		width:300px;

}
