*{
	margin:0;
	padding: 0;
	border:0;
}

/* Pour le preload */

.hiddenPic {display:none;}


/* Generaux */

body{
	margin: 0;
	padding:0;
	background: #ececec url(images/fond.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #787878;
}

a{
	color: #787878;
}

a:hover{
	color:#333333;
}

h1{ 
	background: url(images/Logo-piwisgraphics.gif); 
	text-indent: -5000px;
	width:403px;
	height:73px;
	position: relative;
	top:82px;
	left: 158px;	
	/*filter:alpha(opacity=60);*/
	/*-moz-opacity:0.5;*/
}

h1 a{
	width:403px; 
	height:73px;
	display: block;
	text-decoration: none;	
}

h1 a span{
	font-size:1px;
	visibility: hidden;
}

ul.contenu{
	margin-left:20px;
	margin-top:10px;
}

ul.contenu2{
	margin-left:50px;
	margin-top:10px;
}

ul.contenu li, ul.contenu2 li{
	list-style-type:none;
	list-style-image:url(images/puce.png);
	margin-bottom:5px;
		line-height:150%;
}

.note{
	font-size:10px;
}
.video{
	margin-left:15px;
}

p{
	line-height:150%;
}
p.intro{
	font-weight:bold;
	font-size:13px;
	margin-top:10px;
}

p.pack{
	font-weight:bold;
	font-size:14px;
	color:#763d1c;
	margin-top:10px;
}

/* Barre navigation page accueil */

ul#MenuAccueil{
	position:relative;
	top:0px;
	left:-28px;
	float:right;
	list-style-type:none;	
}

#MenuAccueil li{
	float:left;
}

#MenuAccueil li.premier{
	background:url(images/Menu1_fr.png) no-repeat;
	width:214px;
	height:47px;		
}

#MenuAccueil li.premier a{
	width:214px; 	
	height:47px;
	display: block;
	text-decoration: none;	
}

#MenuAccueil li.premier a span{
	font-size:1px;
	visibility: hidden;
}

#MenuAccueil li.second{
	background:url(images/Menu2_fr.png) no-repeat;
	width:194px;
	height:47px;		
}

#MenuAccueil li.second a{
	width:194px; 
	height:47px;
	display: block;
	text-decoration: none;	
}

#MenuAccueil li.second a span{
	font-size:1px;
	visibility: hidden;
}

#MenuAccueil li.troisieme{
	background:url(images/Menu3_fr.png) no-repeat;
	width:154px;
	height:47px;		
}

#MenuAccueil li.troisieme a{
	width:154px; 
	height:47px;
	display: block;
	text-decoration: none;	
}

#MenuAccueil li.troisieme a span{
	font-size:1px;
	visibility: hidden;
}

#MenuAccueil li.quatrieme{
	background:url(images/Menu4_fr.png) no-repeat;
	width:248px;
	height:47px;		
}

#MenuAccueil li.quatrieme a{
	width:248px; 
	height:47px;
	display: block;
	text-decoration: none;	
}

#MenuAccueil li.quatrieme a span{
	font-size:1px;
	visibility: hidden;
}


/* CALQUES PRINCIPAUX DE FOND */

#principalHaut{ 
	background: url(images/fond-principalHaut.png) no-repeat; 
	width: 997px;
	height: 221px;
	margin-left: auto;
	margin-right: auto;
}


#principalMilieu{ 
	background: url(images/fond-principalMilieu.png) no-repeat; 
	width: 997px;
	height: 320px;
	margin-left: auto;
	margin-right: auto;
	
}

#principalBas{ 
	background: url(images/fond-principalBas.png) repeat-y top; 
	width: 997px;
	margin-left: auto;
	margin-right: auto;
}

#principalFooter{ 
	background: url(images/fond-principalFooter.png) no-repeat; 
	width: 997px;
	height: 104px;
	margin-left: auto;
	margin-right: auto;
}

#principalGeneral{ 
	background: url(images/fond-principalGeneral.png) no-repeat; 
	width: 997px;
	margin-left: auto;
	margin-right: auto;
}

/* Barre des langues */

ul#langues{
	position:relative;
	top:75px;
	left:-40px;
	float:right;
	list-style-type:none;
}

#langues li{
	float:left;
}

#langues li.fr{
	background:url(images/btn-fr2.png) no-repeat;
	width:22px;
	height:19px;		
}

#langues li.fr a{
	width:22px; 
	height:19px;
	display: block;
	text-decoration: none;	
}

#langues li.fr a span{
	font-size:1px;
	visibility: hidden;
}

#langues li.en{
	background:url(images/btn-en1.png) no-repeat;
	width:25px;
	height:19px;
}

#langues li.en a{
	width:25px; 
	height:19px;
	display: block;
	text-decoration: none;	
}

#langues li.en a span{
	font-size:1px;
	visibility: hidden;
}

#langues li.et{
	background:url(images/btn-et1.png) no-repeat;
	width:25px;
	height:19px;
}

#langues li.et a{
	width:25px; 
	height:19px;
	display: block;
	text-decoration: none;	
}

#langues li.et a span{
	font-size:1px;
	visibility: hidden;
}


/* Bloc gauche et droite contenant menu principal, jeu et contact */

#MilieuGauche{
	width: 930px;
	float: left;
}

#MilieuDroite{
	width: 50px;
	float: right;
}

/* Bouton Contact */

#Contact{
	width:15px;
	height:109px;
	background: url(images/btn-contact.png) no-repeat; 
	position: relative;
	top: 43px;
	left: 18px;
}

#Contact a{
	width:18px; 
	height:109px;
	display: block;
	text-decoration: none;	
}

#Contact a span{
	font-size:1px;
	visibility: hidden;
}

/* Contenu en colonne */

#ContenuColonnes{
	padding-top:0px;
	padding-left:91px;
	
}
.colonne{
	width:390px;
	float:left;
	margin-right:30px;
	}
.colonne p{
	padding-bottom: 15px;
	text-align:justify;
	}	

.colonne h4{ 
	display:block;
	width:390px;
	height:124px;
	margin:12px 0 20px 0; 
	text-indent:-5000px;
}

h4.logos{
	background: url(images/bulle-intro-logos.jpg);
}

h4.mascottes{
	background: url(images/bulle-intro-mascottes.jpg);
}

/* Une colonne */
.colonneunique{
	clear:both;
	width:815px;

}

.colonneunique p{
	padding-bottom: 15px;
	text-align:justify;
	
}

.packimage{
	float:left;
	width:200px;
}
	
/* titres */
h2{	
	text-indent: -5000px;
	width:386px;
	height:35px;
	margin-bottom:10px;

}
h2#sites{
	background: url(images/titre-sites.gif); 
}	

h2#multi{
	background: url(images/titre-multimedia.gif); 
}	
h2#logos{
	background: url(images/titre-logos.gif); 
}	
h2#mascottes{
	background: url(images/titre-mascottes.gif); 
}	
h2#bd{
	background: url(images/titre-bandes-dessinees.gif); 
}
h2#illustrations{
	background: url(images/titre-illustrations.gif); 
}
h2#lettrages{
	background: url(images/titre-lettrages.gif); 
}	
h2#vitrines{
	background: url(images/titre-vitrines.gif); 
}	

/* sous titres */

h3{	
	text-indent: -5000px;
	width:386px;
	height:32px;
	margin-bottom:10px;

}
h3#html{
	background: url(images/sous-titre-pages.gif); 
}
h3#webdesign{
	background: url(images/sous-titre-webdesign.gif); 
}			
h3#referencement{
	background: url(images/sous-titre-referencement.gif); 
}
h3#contenu{
	background: url(images/sous-titre-contenu.gif); 
}	
h3#hebergement{
	background: url(images/sous-titre-hebergement.gif); 
}	
h3#bannieres{
	background: url(images/sous-titre-bannieres.gif); 
}			
h3#jeux{
	background: url(images/sous-titre-jeux.gif); 
}		
h3#cartes{
	background: url(images/sous-titre-cartes.gif); 
}			
h3#videos{
	background: url(images/sous-titre-videos.gif); 
}	
h3#references{
	background: url(images/sous-titre-references.gif); 
}	
h3#pack1{
	background: url(images/sous-titre-pack1.gif); 
}	
h3#pack2{
	background: url(images/sous-titre-pack2.gif); 
}	
h3#VitrinePeintes{
	background: url(images/sous-titre-vitrinePeintes.gif);
}	
h3#VitrineSablee{
	background: url(images/sous-titre-sablage.gif);
}		
				
	
/* PIED DE PAGE */

#principalFooter address{
	position: relative;
	top:23px;
	left: 90px;
	background: url(images/adresse.png); 
	text-indent: -5000px;
	width:810px;
	height:21px;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* HIGHSLIDE */

.highslide-caption {
    display: none;    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide {
	cursor: url(js/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;    
    padding-left: 22px;
    background-image: url(js/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-full-expand {
	background: url(js/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-credits{
	display:none !important
}