body {
     margin: 0px;  /*pour ?iter les marges */
    /* text-align: center;  pour corriger le bug de centrage IE */
	background-color:#171717;
	background-repeat:repeat-y;
	background-image: url("img/bg-rep.jpg");
	color:#E4E4E4;
	font-family:verdana;
	font-size:14px;
	
}
img{border:none;
	behavior:url("/pngHack/pngHack.htc");
	}
hr {
	float:left;
	width:300px;
	background-color:#98D150;
	height:4px;
}
input, textarea{
background-image: url("img/input-repeat.jpg");
font-family:arial;
font-size:13px;
border:2px solid #98D150;
}
textarea{
padding:5px;
}
input{
padding:3px;
}
label{
	text-align:left;
	font-family:tahoma;
	font-weight:normal;
	letter-spacing:1px;
	font-size:14px;
}

ul{list-style-type: none;}
.hiddenpic{display:none;}
#col-g{
	/*min-height:1000px;*/
	float:left;
	margin-right:40px;
	}
#contenu{
	padding-left:351px;
	}
#logo-pixt{
	background-repeat:no-repeat;
	background-image: url("img/logo-pixt.jpg");	
	height:329px;
	width:311px;
	}
#headline h1{
	margin-top:5px;
	font-size:9px;
	font-weight:normal;
	}
#home-portfolio{	margin-top:10px;}
h2, h2 a{
	display:inline;
	font-weight:normal;
	letter-spacing:2px;
	font-family:georgia, impact;
	font-size:48px;
	color:#898080;
	text-decoration:none;
	}
h2 a:hover{
	color:#bbb;
	}
a.home-categories{
	font-family:verdana;
	text-decoration:none;
	color:#E4E4E4;

	}
a.home-categories:hover{	border-bottom:1px dotted #E4E4E4;}
#pt-exclam{
	padding-top:10px;
	margin-top:7px;
	}
#pt-exclam-img{
	float:left;
	margin-top:-7px;
	}	
#home-apropos{
	text-align :justify; 
	float:left;
	width:300px;
	padding-right:40px;
	font-family:tahoma;
	font-size:15px;
	}	
#home-articles{
	float:left;
	width:290px;
	}
#home-articles hr{width:290px;}
.home-list-articles li{display:inline;}
.home-list-articles li a{text-decoration:none;}	
.home-list-articles{
	margin-left:-38px;
	margin-top:10px;
}
.date-list-articles{
	color:#C6C6C6;
	font-size:11px;
	}
.titre-list-articles	a{
	color:#98D150;
	font-family:tahoma;
	font-size:13px;
	}
.titre-list-articles	a:hover{border-bottom:1px dotted #98D150;}	
	
#footer{
	background-position:50% 20px;
	background-repeat:no-repeat;
	background-image: url("img/rose-footer.jpg");	
	padding-top:145px;
	padding-bottom:15px;
	clear:both;
	text-align:center;
	font-size:12px;
	line-height:20px;
	}
#footer a{
	color:#98D150;
	font-family:tahoma;
	text-decoration:none;
}
#footer a:hover{border-bottom:1px dotted #98D150;}	
/********************************/
/*         VIGNETTES                  */
/* MODIFIER AUSSI DANS LA CSS IE*/
#home-vignettes{
	padding-top:10px;
	padding-bottom:130px;
	}
.vign{
	float:left;
	width:217px;
	height:113px;	
	}
.vign-linkcit{	background: url(img/vignette-linkcit.jpg) no-repeat ;}
.vign-linkcit:hover{	background: url(img/vignette-linkcit-hover.jpg) no-repeat ;}
.vign-3e{background: url(img/vignette-3e.jpg) no-repeat ;}
.vign-3e:hover{background: url(img/vignette-3e-hover.jpg) no-repeat ;}	
.vign-jeu-java{background: url(img/vignette-jeu-java.jpg) no-repeat ;}
.vign-jeu-java:hover{background: url(img/vignette-jeu-java-hover.jpg) no-repeat ;}		

#vign-l2{padding-top:120px;}	
.vign-jeu-flash{background: url(img/vignette-jeu-flash.jpg) no-repeat ;}
.vign-jeu-flash:hover{background: url(img/vignette-jeu-flash-hover.jpg) no-repeat;}		
.vign-line-art{background: url(img/vignette-line-art.jpg) no-repeat ;}
.vign-line-art:hover{background: url(img/vignette-line-art-hover.jpg) no-repeat;}	
.vign-portable{background: url(img/vignette-portable.jpg) no-repeat ;}
.vign-portable:hover{background: url(img/vignette-portable-hover.jpg) no-repeat;}	
.vign-pixtiz{background: url(img/vignette-pixtiz.jpg) no-repeat ;}
.vign-pixtiz:hover{background: url(img/vignette-pixtiz-hover.jpg) no-repeat;}	
.vign-now{background: url(img/vignette-vote-now.jpg) no-repeat ;}
.vign-now:hover{background: url(img/vignette-vote-now-hover.jpg) no-repeat;}	
.vign-ph{background: url(img/vignette-power-heberg.jpg) no-repeat ;}
.vign-ph:hover{background: url(img/vignette-power-heberg-hover.jpg) no-repeat;}	
.vign-dz{background: url(img/vignette-dz.jpg) no-repeat ;}
.vign-dz:hover{background: url(img/vignette-dz-hover.jpg) no-repeat ;}	
.vign-ps{background: url(img/vignette-peinture-numerique.jpg) no-repeat ;}
.vign-ps:hover{background: url(img/vignette-peinture-numerique-hover.jpg) no-repeat ;}	
.vign-annuaire{background: url(img/vignette-annuaire.jpg) no-repeat ;}
.vign-annuaire:hover{background: url(img/vignette-annuaire-hover.jpg) no-repeat ;}	
.vign-speed{background: url(img/vignette-speed-dating.jpg) no-repeat ;}
.vign-speed:hover{background: url(img/vignette-speed-dating-hover.jpg) no-repeat ;}	
.vign-aidle{background: url(img/vignette-aitl1-lille.jpg) no-repeat ;}
.vign-aidle:hover{background: url(img/vignette-aitl1-lille-hover.jpg) no-repeat ;}	
.vign-php{background: url(img/vignette-php-aspect.jpg) no-repeat ;}
.vign-php:hover{background: url(img/vignette-php-aspect-hover.jpg) no-repeat ;}	
.vign-linnea{background: url(img/vignette-line-art-linnea.jpg) no-repeat ;}
.vign-linnea:hover{background: url(img/vignette-line-art-linnea-hover.jpg) no-repeat ;}	
.vign-caro{background: url(img/vignette-line-art-caro.jpg) no-repeat ;}
.vign-caro:hover{background: url(img/vignette-line-art-caro-hover.jpg) no-repeat ;}	
.vign-1-makenna{background: url(img/vignette-line-art-1-makenna.jpg) no-repeat ;}
.vign-1-makenna:hover{background: url(img/vignette-line-art-1-makenna-hover.jpg) no-repeat ;}	
.vign-2-makenna{background: url(img/vignette-line-art-2-makenna.jpg) no-repeat ;}
.vign-2-makenna:hover{background: url(img/vignette-line-art-2-makenna-hover.jpg) no-repeat ;}	
.vign-3dvf{background: url(img/vignette-concours-3dvf.jpg) no-repeat ;}
.vign-3dvf:hover{background: url(img/vignette-concours-3dvf-hover.jpg) no-repeat ;}	
.vign-air{background: url(img/vignette-image-in-air.jpg) no-repeat ;}
.vign-air:hover{background: url(img/vignette-image-in-air-hover.jpg) no-repeat ;}	
	
/********************************/
/*              ABOUT                    */	
	
#about-pixtiz{
	text-align :justify; 
	float:left;
	width:300px;
	padding-right:40px;
	font-family:tahoma;
	font-size:15px;
	
	}
#about-favoris{
	text-align :justify; 
	float:left;
	width:300px;
	font-family:tahoma;
	font-size:15px;
	}
#about-pixtiz a{	
	color:#98D150;
	font-family:tahoma;
	font-size:13px;
	text-decoration:none;
}
#about-pixtiz	a:hover{border-bottom:1px dotted #98D150;}	
#linkedin a:hover{border-bottom:none;}	
#linkedin{ text-align:center;
}
#about-favoris ul li a{
	text-decoration:none;
	color:#98D150;
	
}
#about-favoris ul li a:hover{border-bottom:1px dotted #98D150;}	

#about-favoris ul li{
	line-height:24px;
	list-style-image: url(img/simple-carre.jpg);
	
}
#about-favoris ul {
background:url(img/image-coeur-favoris.jpg) no-repeat;
background-position:225px 95px;
	
}
/*              FIN ABOUT               */	
/********************************/	


/********************************/
/*              CONTACT                    */	
#contact-pixtiz{
	text-align :justify; 
	float:left;
	width:300px;
	padding-right:40px;
	font-family:tahoma;
	font-size:15px;
	
	}
	
#plusinfos-pixtiz{
	text-align :justify; 
	float:left;
	width:300px;
	font-family:tahoma;
	font-size:15px;
	}
#plusinfos-pixtiz a{
	text-decoration:none;
	color:#98D150;
}
#plusinfos-pixtiz a:hover{border-bottom:1px dotted #98D150;}	

/*              FIN CONTACT            */	
/********************************/	

/*********************************/
/*            šPORTFOLIO             */
.thumbnail{
	margin-left:60px;
	padding: 7px;
	border: 1px solid #ddd;
	margin-right: 10px;
	margin-bottom: 15px;
	width:500px;
	text-align:center;
	background-color:white;
	border:5px double #98D150;
	}	
.thumbnail img{
	vertical-align:middle;
}
#gd-image img{
	border:6px solid #98D150;
	margin-left:90px;
	margin-top:20px;
	margin-bottom:20px;
	}
	
.descr-proj-big{
	font-size:14px;
	line-height:18px;
	padding:15px;
	}
.descr-proj-big a{
	text-decoration:none;
	color:#98D150;
	font-family:tahoma;
	font-size:13px;
}
.descr-proj-big a:hover{border-bottom:1px dotted #98D150;}	
.descr-proj{
	font-size:12px;
	margin-right:5px;
	margin-top:5px;
	}
.descr-proj a{
	text-decoration:none;
	color:#98D150;
	font-family:tahoma;
	font-size:13px;
}
.descr-proj a:hover{border-bottom:1px dotted #98D150;}	
.footer-list-pf img{
	margin-top:-3px;
	vertical-align:top;padding-left:40px;
}
.footer-list-pf{
	border-bottom:3px double #98D150;
	margin:15px;
	margin-bottom:30px;
	padding:20px;
	padding-left:100px;
	text-align:left;
	font-size:14px;
	}
.footer-list-pf a{	
	text-decoration:none;
	color:#98D150;
	font-family:tahoma;
	font-size:13px;
	}
.footer-list-pf	a:hover{border-bottom:1px dotted #98D150;}	


/*         FIN PORTFOLIO               */
/******************************




/********************************/
/*              MENU                     */
	

#nav {
	list-style:none;
	margin-left:67px;
	margin-top:0px;
	padding:0px;
	clear:both;
	line-height:0px;
}
#nav li a{
	height: 29px;
	display:block;
	text-decoration:none;
	text-indent: -900em;
}
/* home */
#nav #nav-home a{
	width:203px;
	height:36px;
	background: url(img/menu-home.jpg) no-repeat ;
}
#nav #nav-home a:hover{background: url(img/menu-home-hover.jpg) no-repeat ;}
/* portfolio */
#nav #nav-portfolio a{
	width:203px;
	height:40px;
	background: url(img/menu-portfolio.jpg) no-repeat ;
}
#nav #nav-portfolio a:hover{	background: url(img/menu-portfolio-hover.jpg) no-repeat ;}
/* articles */
#nav #nav-articles a{
	width:203px;
	height:40px;
	background: url(img/menu-articles.jpg) no-repeat ;
}
#nav #nav-articles a:hover{background: url(img/menu-articles-hover.jpg) no-repeat ;}
/* a propos */
#nav #nav-apropos a{
	width:203px;
	height:40px;
	background: url(img/menu-apropos.jpg) no-repeat ;
}
#nav #nav-apropos a:hover{background: url(img/menu-apropos-hover.jpg) no-repeat ;}
/* contact */
#nav #nav-contact a{
	width:203px;
	height:44px;
	background: url(img/menu-contact.jpg) no-repeat ;
}
#nav #nav-contact a:hover{background: url(img/menu-contact-hover.jpg) no-repeat ;}


/* SELECTION DU BON ONGLET SUIVANT LA CATEGORIE */
body#home #nav-home a, #home #nav-home a:hover{
	background: url(img/menu-home-bandeau.jpg) no-repeat;
}
body#portfolio #nav-portfolio a, #portfolio #nav-portfolio a:hover{
	background: url(img/menu-portfolio-bandeau.jpg) no-repeat;
}
body#articles #nav-articles a, #articles #nav-articles a:hover{
	background: url(img/menu-articles-bandeau.jpg) no-repeat;
}
body#apropos #nav-apropos a, #apropos #nav-apropos a:hover{
	background: url(img/menu-apropos-bandeau.jpg) no-repeat;
}
body#contact #nav-contact a, #contact #nav-contact a:hover{
	background: url(img/menu-contact-bandeau.jpg) no-repeat;
}
	
	

/*              FIN MENU               */
/********************************/



	
	
/********************************/
/*             ARTICLES                 */

#date_article_blog{
	font-size:10px;
	}
#date_article_blog a{
	text-decoration:none;
	color:#98D150;
	}
#date_article_blog a:hover{border-bottom:1px dotted #98D150;}
#header_article_blog{
	padding-bottom:15px;
	}
#titre_article_blog a{
	font-family:impact,tahoma, verdana;
	font-size:23px;
	text-decoration:none;
	color:#98D150;
	}
#titre_article_blog a:hover{border-bottom:1px dotted #98D150;}
.corps_article_blog{
	font-family:tahoma;
	font-size:11px;
	line-height:18px;
	padding-bottom:35px;
	min-height:150px;
	}
#image_article_blog{
	float:left;
	margin:10px;
	border:4px solid #98D150;
	}
#image_article_blog:hover{
	border-color:#D98E1B;
}
.corps_article_blog hr{
	width:650px;
	}

/*             FIN ARTICLES           */
/********************************/
/****************************/
/***** LIGHT BOX **********/

#lightbox{
	font-family:verdana;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color:black;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/overlay.png", sizingMethod="scale");
	}

/***** LIGHT BOX **********/
/****************************/