.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
a{
	text-decoration: none;
}


/******* /LOGO  *******/
/******* MENU *******/
#container{
	margin: 0 auto;
	width: 980px;
}
#container ul{
	list-style: none;
	list-style-position: outside;
}
#container ul.menu li{
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
}
#container ul.menu li{
	font-weight: 700;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 1px solid #d0ccc9;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #898989;
	cursor: pointer;
}
#container ul.menu li.active{
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #5f95ef;
}
/******* /MENU *******/
/******* CONTENT *******/
.content{
	margin: 0pt auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	font-size: 11px;
}
.content h1{
	line-height: 1em;
	vertical-align: middle;
	height: 48px;
	padding: 10px 10px 10px 52px;
	font-size: 32px;
}
/******* /CONTENT *******/
/******* NEWS *******/
.content.news h1{
	background: transparent url(images/news.jpg) no-repeat scroll left top;
}
.content.news{
	display: block;
}
/******* /NEWS *******/
/******* TUTORIALS *******/
.content.tutorials h1{
	background: transparent url(images/tuts.jpg) no-repeat scroll left top;
}
.content.tutorials{
	display: none;
}
/******* /TUTORIALS *******/
/******* LINKS *******/
.content.links h1{
	background: transparent url(images/links.jpg) no-repeat scroll left top;
}
.content.links{
	display: none;
}
.content.links a{
	color: #5f95ef;
}
/******* /LINKS *******/

body {
  background: url(img/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 .top_img {
	position:absolute;
	top:40px;
	width:168px;
	right:11px;
}

#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 .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:50px;
	left:260px;
	position:absolute;
	width:420px;
}

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

#wrapper {
	background: url( img/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(img/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 0}
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 }