html, body, #container {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */

	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
	background-color: #535D66;
	background-image:url(../img/background_main.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
div#nav {
width:300px;
	text-align:center;
	margin:0 auto;
	color:#FFF;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:9px;

}
.headernav {
	float:left;
	display:block;
	height:12px;
	text-decoration:none;
	color:#FFF;
}
.headernav:hover {
	background-color:#CCC;
	color:#333;
}


p { 
	line-height:1.5; 
	margin:0 0 1em;
}

body > #container {
	margin:0 auto;
	
	height: auto;
	min-height: 100%;
	
	width:960px;
	background:#f0f0f0;
	
	background-image:url(../img/background_page.jpg);
	background-repeat:repeat-y;	
	} 

div#header {
	width:960px;
	height:202px;
}


div#menuperso {
	position:absolute;
	top:181px;
	width:960px;
	height:21px;
	background-image:url(../img/menu2a.jpg);
	background-position:center top;
	background-repeat: no-repeat;
}
div#menuperso1 {
	width:10px;
	height:21px;
	float:left;
}
div#menuperso2 {
	width:780px;
	height:21px;
	float:left;
	color:#FFF;
	margin-top:2px;
z-index:2;
}
.menupersotext {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#FFF;
}
.menupersotext:link {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#FFF;
}
.menupersotext:visited {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#FFF;
}
.menupersotext:hover {
	text-decoration:underline;
}
.recherche {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#0CF;
}
.recherche:link {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#0CF;
	z-index:3;
}
.recherche:visited {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#0CF;
}
.recherche:hover {
	text-decoration:underline;
}
div#menuperso4 {
	height:21px;
	float:left;
	width:160px;

}
div#menuperso3 {
	width:10px;
	height:21px;
	float:right;
}
div#content {
	width:960px;
	margin:auto;
padding-bottom: 34px;
}
div#gauche {
	width:729px;
	float:left;
	background-image:url(../img/fond_accueil.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
div#gauche1 {
	width:960px;
	height:180px;
	float:left;
}
div#rotator {
	margin-left:5px;
	width:952px;
	height:180px;
	float:left;

}
div#rotator_content {
	float:left;
	margin-top: 18px;
	padding-left: 12px;
	outline:0; 
}
div#lastarticles {
	width:436px;
	height:154px;
	float:right;
	background-image:url(../img/rotator2.jpg);
	background-repeat:no-repeat;
/*	padding-top: 11px;
	padding-left: 16px; */
}
div#gauche2 {
	width:120px;
	min-height:500px;
	float:left;
	text-align:right;
	font-size:12px;
	margin-left:5px;
	text-align:center;
}
div#droite {
	width:231px;
	float:right;
	background-image:url(../img/fond_accueil2.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	min-height:460px;
}
div#panneau_droite {
	width:231px;
	float:right;
/*
background-image:url(../img/bg.png);
background-repeat:repeat-y;
*/
}
div#panneau_droite1 {
	width:231px;
	float:right;
	text-align:center;
}
div#panneau_droite2 {
	width:231px;
	float:right;
	text-align:center;
	background-image:url(../img/vide_header.png);
	background-repeat:no-repeat;
}
div#sondage_titre {
	width:231px;
	height:27px;
	background-image:url(../img/sondage_header.png);
	background-repeat:no-repeat;
}
div#rss_titre {
	width:231px;
	height:27px;
	background-image:url(../img/rss_header.png);
	background-repeat:no-repeat;
}
div#sondage {
	width:231px;
background-image:url(../img/bg.png);
background-repeat:repeat-y;
}
div#rss_content {
	background-image:url(../img/bg.png);
background-repeat:repeat-y;
}
div#nuage {
	background-image:url(../img/bg.png);
background-repeat:repeat-y;
padding:7px;
}
div#articles_logiciels {
	background-image:url(../img/bg.png);
background-repeat:repeat-y;
padding:7px;
width:220px;
text-align:center;
float:left;
margin-top:3px;
padding-right:5px;
}
div#articles_logiciels a {
	color:#5895D1;
	text-decoration:none;
	display:block;
	padding:4px;
	float:left;
}
div#articles_logiciels a:hover {
	background-color:#5895D1;
	color:#000;
}
div#nav_articles {
	background-image:url(../img/bg.png);
background-repeat:repeat-y;
background-position:top left;
padding-left:7px;
padding-bottom:3px;
width:223px;
text-align:center;
float:left;
}
div#nav_gale {
	background-image:url(../img/bg.png);
background-repeat:repeat-y;
background-position:top left;
padding-left:7px;
padding-bottom:3px;
width:223px;
text-align:center;
float:left;
}
div#nav_bottom {
	background-image:url(../img/bg.png);
background-repeat:repeat-y;
float:left;
border:none;
padding-top:10px;
width:231px;
}
div#nav_top {
	margin-top:3px;
	padding-top:5px;
	background-image:url(../img/bg.png);
background-repeat:repeat-y;
float:left;
border:none;
width:231px;
height:21px;
}
.nav_articles {
	color:#5895D1;
	text-decoration:none;
	display:block;
	padding:3px;
	width:200px;
	margin-left:6px;
	font-weight:bold;
	float:left;
}
.nav_gale {
	color:#5895D1;
	text-decoration:none;
	display:block;
	padding:3px;
	width:200px;
	margin-left:6px;
	font-weight:bold;
	float:left;
	font-size:10px;
}
.nav_articles:hover {
	background-image:url(../img/bg_nav_articles.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	color:#000;
}
.nav_gale:hover {
	background-image:url(../img/bg_nav_articles.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	color:#000;
}
.nav_articles2 {
	background-image:url(../img/bg_nav_articles2.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:2px;
	width:200px;
	margin-left:6px;
	font-weight:bold;
	float:left;
}
.nav_articles2:hover {
	background-image:url(../img/bg_nav_articles3.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	color:#000;
}
div#rss {
	width:231px;
	margin-left:6px;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}

#rss>a {
	color:#6CF;
	text-decoration:none;
}
#rss>a:hover {
	color:#FFF;
	text-decoration:underline;
}
div#nav-news {
	float:left;
	margin:0 auto;
	width:588px;
	text-align:center;
	margin-top:10px;
}
div#nav-gal {
	float:left;
	margin:0 auto;
	width:698px;
	text-align:center;
	margin-top:10px;
}
.nav-step {
	background-color:#FFF;
	line-height:16px;
	margin:0;
	padding:0 3px;
	text-align:center;
	width:14px;
	color:#999;
	border-color:#CCC;
	border: 1px solid;
}
.nav-step2 {
	background-color:#88959F;
	line-height:16px;
	margin:0;
	text-align:center;
	color:#FFF;
}
.nav-step2 a {
	background-color:#535D66;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
	border-color:#454E56;
	border: 1px solid;
	width:14px;
	padding:0 3px;
}
.nav-step2 a:hover {
	background-color:#88959F;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}
div#newscontainer {
	width:729px;
	float:left;
}
div#news {
	width:729px;
	background-image:url(../img/news2.jpg)
}
div#news_header {
	width:729px;
	height:28px;
	background-image:url(../img/news1.jpg);
	text-align:left;
}
div#newscontent {
	padding-left:14px;
	padding-right:14px;
}
div#news_footer {
	width:729px;
	height:28px;
	background-image:url(../img/news3.jpg)
}
div#content p {
		text-align:justify;
		padding:0;
}
div#bgnews {
	width:600px;
	float:left;
}
div#bggalerie {
	width:720px;
	float:left;
	min-height:450px;
}
div#bgarticles {
	width:729px;
	float:left;
}
div#news_centering {
	width:600px;
	float:left;
	background-image:url(../img/actu.png);
	background-position:top center;
	background-repeat:no-repeat;
}
div#articles_centering {
	width:729px;
	float:left;
}
div#galerie_centering {
	width:729px;
	float:left;
}
div#galerie_centering2 {
	width:704px;
	float:left;
	padding-left:17px;
	padding-right:8px;
		min-height:426px;
	background-image:url(../img/articles_bg.png);
	background-position:top left;
	background-repeat:repeat-y;
}
#galerie_centering2 h2 {
	width:704px;
	float:left;
	font-size:16px;
	text-align:center;
	margin-bottom:10px;
}
#galerie_centering2 h2 a {
	color:#3D73D0;
}
#galerie_centering2 h2 a {
	color:#3D73D0;
}
#galerie_centering2 h2 a:hover {
	color:#8CADE3;
}
div#news_centering2 {
	width:600px;
	float:left;
	padding:36px 0 0px 15px;

}
div#articles_centering2 {
	width:729px;
	float:left;
	min-height:426px;
	background-image:url(../img/articles_bg.png);
	background-position:top left;
	background-repeat:repeat-y;
}
div#divnews {
	width:572px;
	float:left;
	color:#7F7F7F;
	font-size:11px;
	border-bottom:1px dashed #BEBEBE;
	padding-bottom:8px;
	padding-top:6px;
}
div#divnews:hover {
	background-color:#EFF3F8;
	cursor:pointer;
}
div#center {
	width:600px;
	float:left;
}
div#center2 {
	width:729px;
	float:left;
}
div#divnews h2 {
border:0 none;
margin:0;
padding:0;
}
div#divnews h2 a {
	background-image:url(../img/fleche.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	color:#369;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	padding-left:18px;
	text-decoration:none;
}
div#divnews h2 a:hover {
	text-decoration:underline;
}
div#divnews span {
	color:#369;
}
div#divnews2 {
	width:572px;
	float:left;
	color:#7F7F7F;
	font-size:11px;
	padding-bottom:8px;
	padding-top:6px;
	overflow:hidden;
}
div#retour {
	width:572px;
	float:left;
}
div#divnews2 h2 {
border:0 none;
margin:0;
padding:0;
}
div#divnews2 h2 a {
	background-image:url(../img/fleche.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	color:#369;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	padding-left:18px;
	text-decoration:none;
}
div#divnews2 h2 a:hover {
	text-decoration:underline;
}
div#divnews2 span {
	color:#369;
	float:right;
}
div#lanews {
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#333;
	float:left;
	font:Arial, sans-serif;
	font-size:12px;
	border-bottom:1px dashed #BEBEBE;
	border-top:1px dashed #BEBEBE;
}
div#lanews p {
margin:0;
padding:0;
}
div#lanews a {
color:#336699;
text-decoration:underline;
}
div#lanews a:visited {
color:#336699;
text-decoration:underline;
}
div#lanews a:hover {
	color:#4583C0;
	text-decoration:none;
}
div#main_news {
	width:567px;
padding-left:29px;
padding-top:17px;
float:left;
height:85px;
background-image:url(../img/accueil_images.png);
background-repeat:no-repeat;
background-position:top center;
}
div#footer {
	position: relative;
	margin:auto;
	width:960px;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
	height:34px;
	margin-top: -34px;
clear:both;
}  
div#footer2 {
	float:left;
	width:840px;
	height:25px;
	margin-top:9px;
	margin-left:60px;
	color:#FFF;
	font-size:10px;
	text-align:center;
}
#footer2>a {
	color:#6CF;
}
	div#footer p {
		padding:1em;
		margin:0;
	}
div#top {

	top:181px;
	width:960px;
	height:22px;
	top:0;
	background-image:url(../img/top1.jpg);
	background-repeat:no-repeat;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}

.newsauteur {
	float:left;
}

.newsauteur h3 {
	color:#FFF;
	font-size:12px;
}

.newscomm {
	float:right;
}

.newscomm h3 {
	color:#FFF;
	font-size:12px;
}
div#tagcloud-container {
overflow:hidden;
}

#tagcloud {
	margin-left:70px;
	margin-top:50px;
	width: 90px;
	color:#09F;
	padding: 10px;
	text-align:center;
	height:55px;
	position: relative;
}
 
#tagcloud a:link, #tagcloud a:visited {
	text-decoration:none;
	color:#9CF;
	font-weight:bold;
}
 
#tagcloud a:hover, #tagcloud a:active {
    text-decoration: underline;
    color: #FFF;
}
 
#tagcloud span {
    padding: 1px;
}
#tagcloud ul {
    list-style-type: none;
}
.smallest {
    font-size: 8px;
	color:#999;
}
.smallest a {
	color:#333;
	text-decoration:none;
}
 
.small {
    font-size: 10px;
}
.small a {
	color:#666;
	text-decoration:none;
}
 
.medium {
    font-size:12px;
}
.medium a {
	color:#999;
	text-decoration:none;
}

.large {
    font-size:14px;
}
.large a {
	color:#CCC;
	text-decoration:none;
}

.largest {
    font-size:16px;
} 
.largest a {
	color:#666;
	text-decoration:none;
}


#retour_news img {display: none;} 
#retour_news{
	float:left;
cursor:pointer;
  display: block; 
  width:101px; 
  height:22px; 
  background-image:url(../img/retour.png); 
  background-position: 0 0px; 
} 
#retour_news:hover { 
background-position: 0 -22px;   
} 

#prop_news{
	float:right;
text-align:center;
  width:120px; 
  height:17px; 
  margin-right:30px;
  background-color:#EFF3F8;
 	border:1px solid #999 ;
} 
#prop_news a{
  	color:#369;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
} 
#prop_news:hover {
	text-decoration:none;
	background-color:#DBDBDB;
}
#prop_gal{
text-align:center;
  width:100%; 
  height:17px; 
  float:left;
} 
#prop_gal a{
  	color:#369;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
} 
#prop_gal:hover {
	text-decoration:none;
	background-color:#DBDBDB;
}


div#divnews5 h2 {
border:0 none;
margin:0;
padding:0;
}
div#divnews5 h2 a {
	background-image:url(../img/fleche.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	color:#369;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	padding-left:18px;
	text-decoration:none;
}
div#divnews5 h2 a:hover {
	text-decoration:underline;
}
div#separ_bl, div#separ_ve, div#separ_gr {
	float:left;
	width:712px;
	height:28px;
	background-repeat:no-repeat;
	margin-left:10px;
	margin-top:10px;
	padding-left:25px;
	padding-top:12px;
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}
div#separ_bl {
	background-image:url(../img/separ_bl.png);
}
div#separ_ve {
	background-image:url(../img/separ_ve.png);
}
div#separ_gr {
	background-image:url(../img/separ_gr.png);
}
div#listing-articles {
	width:712px;
	margin-left:12px;
}
div#un-article_ve, div#un-article_rg, div#un-article_bl, div#un-article_bl2, div#un-article_nr {
	width:356px;
	height:111px;
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
}
div#un-article_ve {
	background-image:url(../img/listing_article_ve.png);
}
div#un-article_rg {
	background-image:url(../img/listing_article_rg.png);
}
div#un-article_bl {
	background-image:url(../img/listing_article_bl2.png);
}
div#un-article_bl2 {
	background-image:url(../img/listing_article_bl.png);
}
div#un-article_nr {
	background-image:url(../img/listing_article2.png);
}
div#un-article_ve:hover{
	background-image:url(../img/listing_article_gr.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
div#un-article_rg:hover{
	background-image:url(../img/listing_article_gr.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
div#un-article_bl:hover{
	background-image:url(../img/listing_article_gr.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
div#un-article_bl2:hover{
	background-image:url(../img/listing_article_gr.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
div#un-article_nr:hover{
	background-image:url(../img/listing_article_gr.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}
#un-article_ve h2, #un-article_rg h2, #un-article_bl h2, #un-article_bl2 h2, #un-article_nr h2{
border:0 none;
margin:0;
padding:0;
}
#un-article_ve h2 a, #un-article_rg h2 a, #un-article_bl h2 a, #un-article_bl2 h2 a, #un-article_nr h2 a{
	color:#FF9;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	display:block;
	margin-left:15px;
	margin-top:5px;
	text-decoration:none;
	float:left;
	width:338px;
	border:0 none;
	margin-bottom:0;
padding:0;
}
div#article-desc{
	color:#FFF;
	font-family:Tahoma,Verdana,Segoe,sans-serif;
	font-size:11px;
	float:left;
	width:224px;
	height:64px;
	overflow:hidden;
	text-shadow: 1px 1px 5px #000;
	filter: progid:DXImageTransform.Microsoft.Dropshadow ( color=#000000, offx=1, offy=1 );
}
div#article-gauche{
	margin-left:10px;
	margin-top:4px;
	width:224px;
	height:78px;
	float:left;
}
div#article-logs{
	color:#FF9;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9px;
	margin-left:2px;
	float:left;
	width:224px;
	height:14px;
	overflow:hidden;
}
#article-img{
		margin-top:6px;
		margin-right:14px;
		border:1px solid #FFF;
	float:right;
}
#article-img2{
		margin-right:8px;
		margin-bottom:6px;
		border:1px solid #000;
	float:right;
}
#tabs h2{
	float:left;
	margin-left:20px;
	color:#3E83C8;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	width:599px;
	margin-bottom:4px;
	margin-top:0;
}
#tabs span{
	float:left;
	margin-left:18px;
	color:#6099D2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	width:220px;
	padding:2px;
}
#tabs span a {
	color:#6099D2;
}
#tabs span a:hover {
	color:#A4C5E6;
	text-decoration:none;
}
div#article_infos {
float:left;
margin-left:14px;
width:602px;
height:49px;
background-image:url(../img/article_infos.png);
background-repeat:no-repeat;
}
#tabs ul{
	float:left;
	margin-left:8px;
	margin-top:8px;
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	width:717px;
	height:26px;
	list-style:none;
	background-image:url(../img/article_nav.png);
	background-position:top left;
	background-repeat:no-repeat;
	list-style-image:none;
	list-style-position:outside;
	padding-left:64px;
}
#article_content {
	float:left;
	width:686px;
	margin-left:8px;
	background-image:url(../img/article_bg.png);
	background-repeat:repeat-y;
	padding-left:14px;
	padding-right:17px;
	color:#FFF;
}
#article_content a {
	color:#6FB4FF;
	text-decoration:underline;
}
#article_content a:hover {
	color:#FF9;
	text-decoration:underline;
}
.next-tab {
	float:right;
	display:block;
	background-color:#000;
	padding:2px;
	color:#000;
	border:#000 1px solid;
	text-decoration:none;
	font-weight:bold;
}
.next-tab:hover {
	background-color:#666;
	color:#000;
	border:#333 1px solid;
}
.prev-tab {
	float:left;
	display:block;
	background-color:#000;
	padding:2px;
	color:#000;
	border:#000 1px solid;
	text-decoration:none;
	font-weight:bold;
}
.prev-tab:hover {
	background-color:#666;
	color:#000;
	border:#333 1px solid;
}

/* Tabs
----------------------------------*/
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 5px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important;  padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em;color:#FFF; }
.ui-tabs-nav li a:hover { text-decoration: underline; color:#FFF; background-image:url(../img/article_nav_bl.png); background-position:0 -5px; }
li.ui-tabs-selected a:hover { text-decoration: none; } 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background-image:url(../img/article_nav_bc.png); background-position:0 -5px; color:#000; font-weight:bold;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


img#shadow {
	background: url(../img/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 2px 7px 7px 2px;	

}

div#separ_gal1 {
	float:left;
	width:675px;
	height:26px;
	background-repeat:no-repeat;
	margin-left:10px;
	padding-right:20px;
	padding-top:10px;
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	font-style:italic;
}
div#separ_gal1 {
	background-image:url(../img/dernieres_img.png);
}
pre {
background-color:#F0F0F0;
border:1px solid #999999;
color:#333333;
display:block;
font-size:12px;
overflow:auto;
padding:10px;
width:650px;
}