body {
  background: url(images/bg.gif) repeat-x;
  background-color: #ececec;
  margin: 0;
  padding: 0;
	text-align:center;
	font-family:arial;
}

#wrapper-top {
	width:1010px;
	margin:auto;
	text-align:left;
	border-right: 1px solid #3f3f3f;
	border-left: 1px solid #3f3f3f;
}

#top {
	background-color:#000;
	height:120px;
	position:relative;
}

#top .mini-links {
	position:absolute;
	top:6px;
	right:11px;
	color:#fff;
	font-size:11px;
}
#top .mini-links a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

#top .top_img {
	position:absolute;
	top:40px;
	width:168px;
	right:11px;
}

#top .lotto {
	position:absolute;
	top:30px;
	right:25px;
	color:#fff;
	font-size:11px;
	width:280px;
	height:70px;
	color:white
}
	
#top .lotto b{
	color:orange
}
	
	
.logo{
	position:absolute;
	top:49px;
	left:8px;
}

.google-search {
	top:65px;
	left:260px;
	position:absolute;
	width:420px;
}

.line {
	height:9px;
	background: url(images/sepa.gif) repeat-x;
	border:none;
	margin:0 ;
}

#wrapper {
	background: url( images/back-wrapper.gif) repeat;
	width:1010px;
	margin:auto;
	text-align:left;
	border: 1px solid #ccc;
}

#maincontent986{
	width:986px;
	float:left;
}

#maincontent{
	width:677px;
	float:left;
	margin-right:11px;
}

#maincontent .left{
	float:left;
	width:177px;
	margin: 0px 11px 0 0;
}

#maincontent .right{
	margin:0px 0 0 0;
	float:left;
	width:487px;
}

#sidebar{
	width:300px;
	float:left;
}

/* les marges du contenu de page, en gris */

.padding {padding:11px;}

/* les boutons de la navigations du top */

ul.navtop {
	list-style-type: none;
	margin: 0px 0 0 11px;
	padding:8px 0 0 0 ;
}

ul.navtop li { display:inline }

ul.navtop li a {
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	color:#fff;
	text-decoration:none;
	background: url(images/bouton_nav.gif) no-repeat;
	float:left;
	margin-right:5px;
	text-align: center;
	overflow:hidden;
	font-size:12px;
}

ul.navtop li a:hover {
	color:#ffff00;
}

/* les boxes */

.box {
	border: solid 1px #ccc;
	background-color:#fff;
	padding:8px ;
	font-size:12px;
	color:#666;
}

.box a {
	text-decoration:none;
	color:#666;
}

hr {
     height: 0;
     margin: -1.2ex 0;
     padding: 0;
     border: 0;
     clear: both;
     visibility: hidden;
 }

.sep145 {
 	width:145px;
 	float:left;
}

.margesep145 {
	margin-right:15px; 
}

.margetopbox {margin-top:11px }
.width290box {width:290px; float:left;min-height:240px;}
.width150box {width:150px; float:left;min-height:240px;}

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

ul.none { padding:0px; margin:10px 0 0 0}
ul.none li { background:none; padding:0px; list-style-image:none; list-style:none; margin:0; line-height:18px;}
ul.none li a { font-size:12px; color:#555555; text-decoration:none;}
ul.none li a:hover{ text-decoration:underline; }

/*
ul.point { padding:0px;margin:0 0 0 0}
ul.point li { background:none; padding:0px; list-style-image:none; list-style:none; margin:0; line-height:18px;}
ul.point li a { background:url(http://www.unipix.ch/2010/img/point-ul.gif) no-repeat 0 5px; font-size:12px; padding-left:8px; color:#555555; text-decoration:none;}
ul.point li a:hover{ text-decoration:underline; }
*/

ul.point {margin:0; padding-left:13px }
ul.point li {line-height:18px; list-style-type: disc}
ul.point li a { font-size:12px; color:#555555; text-decoration:none;}
ul.point li a:hover{ text-decoration:underline; }



/* box */

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

/* mes petits réglages */

.clearboth { clear:both }
a img {border:0}

form a {font-size:13px}

form {
	padding:0;
	margin:0
}


/* Mise en page, titres  */

h2 {
	margin:0;
	padding:0 0 8px 0 ;
	font-size:16px;
	color:#636363;
}

h3 {
	margin:0;
	padding:0 0 5px 0 ;
	font-size:14px;
	color:#155087;
}

h4 {
	margin:0;
	padding:0 0 5px 0 ;
	font-size:12px;
	color:#155087;
}

a.links {
	color:#4974cf;
	font-weight:bold;
	font-size:11px;
}

a:hover { text-decoration:underline}
	
#footer {
	margin:auto;
	width:1010px;
	text-align:left;
	background-color:#cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
}

#footer ul {
padding:8px 0 0 0px;
margin:0 0 8px 10px;
list-style-type: none;
}

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

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

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

#footer .col {
	padding:10px 65px 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:1010px;
	float:left;
	background-color:#000;
	position:relative;
	padding:8px 0;
	color:#808080;
	font-size:13px;
}

ul.sous-navigation { list-style-type:none; margin:0 0 0 12px; padding:0 }
ul.sous-navigation li { display:inline; padding-right:14px }
ul.sous-navigation li a { text-decoration:none; font-size:15px; font-weight:bold; color:#0000EE }
ul.sous-navigation li a:visited, ul.nav-region li a:active {text-decoration:none; font-size:15px; font-weight:bold; color:#0000EE }
 
/* section loisisr */


.divloisirs {	display:block}

a.divloisirs:hover{color:#91af2f}

.loisirs-news {overflow:hidden;}

.loisirs-news .boxlois {
	height:119px; 
	background:url(http://www.unipix.ch/2009/loisirs/loisirs/back-loisirs.gif) center no-repeat; 
	position:relative;
}		

.loisirs-news .boxlois2 {
	height:119px; 
	background:url(http://www.unipix.ch/2009/loisirs/loisirs/back-loisirs2.gif) center no-repeat; 
	position:relative;
}		

.loisirs-news a {
	text-decoration:none;
	color:#6c6c6c;
	}

.loisirs-news .publi{
	border: solid 1px #b2b2b2;
	position:relative;
	}
.loisirs-news .publi img{
  position:relative; 
  top:0px
	}
.loisirs-news .publi .texte{
	position:absolute; 
	top:2px;
	left:85px;
	padding-right:3px
	}

/* sticker loisirs */

#loisirs-sticker {
	margin-top:15px;
	width:960px;
	overflow:hidden;
}

#loisirs-sticker h3 {
	background: url(http://www.unipix.ch/2009/loisirs/sticker/structure/t-t.gif) repeat-x;
	background-position:bottom;
	color:#7F7F7F;
	font-size:16px;
	margin:0px 0px 10px 0px;
	padding:0px ;
	width:950px;
}

.sticker {
	width:233px;
	height:280px;
	overflow:hidden;
	float:left;
}

.sticker h5 {
	margin: 0;
	padding:10px 0 5px 8px;
	font-size:15px;
}

.sticker img {
	border: solid 2px #fff;
	margin: 10px 0 0 8px;
}
	
.sticker p {
	margin: 0;
	padding:0px 0 5px 8px;
	color:#6C6B6C;
	font-size: 13px;
}
.sticker a {
	text-decoration:none;
}

.sticker a:hover {
	text-decoration:none;
}

.rose { background: url(http://www.unipix.ch/2009/loisirs/sticker/structure/loisirs-rose.jpg) no-repeat ; }
.rose h5 {color:#912287;}

.orange { background: url(http://www.unipix.ch/2009/loisirs/sticker/structure/loisirs-orange.jpg) no-repeat ; }
.orange h5 {color:#E24F3B;}

.bleu { background: url(http://www.unipix.ch/2009/loisirs/sticker/structure/loisirs-bleu.jpg) no-repeat ; }
.bleu h5 {color:#025185;}

.vert { background: url(http://www.unipix.ch/2009/loisirs/sticker/structure/loisirs-vert.jpg) no-repeat ; }
.vert h5 {color:#53891A;}

/* carrousel */

#fpss-outer-container {margin-bottom:9px}

/* jobmatching */

a.lienscat, a.liencat:link, a.liencat:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color:#003B71;    
}

a.liencat:hover{
	text-decoration: underline;
}

#main{
	float: left;
	width: 750px;
}

#droite{
	float: right;
	width: 180px;
}

.module1 .top {
	background-image: url(http://images.neuch.ch/newneuch/img_layout/jobmatching/img/cadre_top.gif);
	background-repeat: no-repeat;
	min-height:22px;
	_height:22px;
	font-size: 10px;
	font-weight: bold;
	color: #898977;
}

.module1 .top .titre{
	padding-top: 5px;
	padding-left: 15px;
}

.module1 .main {
	background-image: url(http://images.neuch.ch/newneuch/img_layout/jobmatching/img/cadre_main.gif);
	background-repeat: repeat-y;
	font-size: 11px;
	color: #666666;
	padding: 10px;

}

.module1 .bottom {
	background-image: url(http://images.neuch.ch/newneuch/img_layout/jobmatching/img/cadre_bottom.gif);
	background-repeat: repeat-x;
}

.module2 .top {

	background-image: url(http://images.neuch.ch/newneuch/img_layout/jobmatching/img/cadre2_top2.gif);
	background-repeat: no-repeat;
	min-height:22px;
	_height:22px;
	font-size: 10px;
	font-weight: bold;
	color: #898977;
}

.module2 .top .titre{
	padding-top: 5px;
	padding-left: 15px;
}

.module2 .main {
	width:160px;
	background-image: url(http://images.neuch.ch/newneuch/img_layout/jobmatching/img/cadre2_main2.gif);
	background-repeat: repeat-y;
	font-size: 11px;
	color: #666666;
	padding: 10px;
}
.module2 .bottom {
	background-image: url(http://images.neuch.ch/newneuch/img_layout/jobmatching/img/cadre2_bottom2.gif);
	background-repeat: no-repeat;
}

#conteneur #bottom{
	background-image: url(http://images.neuch.ch/newneuch/img_layout/jobmatching/img/bottom.gif);
	width: 950px;
	background-repeat: no-repeat;
	height: 26px;
	font-size: 10px;
	color: #9D9D8C;
	text-align: center;
	padding-top: 5px;
	margin-top: 15px;
}

#links{
	text-align: center;
	margin-top: 10px;
}

a.links_bottom, a:active.links_bottom, a:visited.links_bottom {
	color:#9D9D8C;
	font-size:10px;
	text-decoration:underline;
}

a:hover.links_bottom{
	text-decoration:none;
}