/* --------------------------------------------------------- */
/* Feuille de style du site www.donuts.be / squelette PICTURES */
/* --------------------------------------------------------- */


/*  ------------------------------------------
/* 	TYPO
/*  ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS */
body { font-size: 32px; font-family: "Courier New", Courier, monospace; color: #000; cursor:default;}


/*  ------------------------------------------
/* 	LIENS
/*  ------------------------------------------ */

:focus{outline:0;}

a { color: #000000; text-decoration: none; }
a:hover { color: #000000;  text-decoration: none;}
a:active { color: #000000; text-decoration: none;}

img a:hover {text-decoration: none;}
img:hover {text-decoration: none;}

.on {
	/*
	text-decoration:none;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;*/
	font-weight:normal;
	cursor: default;
	text-decoration:none;
}
.on a{text-decoration:none;}
.on a:visited{text-decoration:none;}
.on a:hover{text-decoration:none;}
.on:hover{text-decoration:none;}

#navigation img:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#navigation .on img:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.new {
	margin-left: -15px;
	font-size:12px;
	color: #000000;
	vertical-align:text-top;
}
.jobs a{color: #CC6699;}
.jobs a:hover{color: #CC6699;}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
body { margin: 0; padding: 0; text-align: center; }

#top { width: 58em; margin: 0; padding-top: 1em; border-bottom: 2px solid #8B6F92; }
#top a img.spip_logos { vertical-align: bottom; line-height: 1em; }
#top #nom_site_spip { font-size: 2.2em; font-family: Georgia, Times, serif; }
#top #formulaire_recherche { position: absolute; right: 0; top: 1em; text-align: right; } /*Cf.: spip_formulaires.css*/
#top #formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/

#zone-close{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 4000px;
	height: 4000px;
	z-index:1;
}

#conteneur { 
	position: absolute;
	top: 16px;
	left: 16px;
	width: 95%;
	text-align: left;
	z-index:2;
}
#contenu { padding-top: 0.30em; }

#navigation {}
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

/*#pied a{ color: #000000; text-decoration: underline;}
#pied a:hover{ color: #000000; text-decoration: none;}*/

#pied img { vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Habillage des elements du contenu
/*  ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
#documents_portfolio a:hover .spip_logos { border-color: #F57900; }
#documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #DDD; }

#navigation-vignettes{
	text-decoration: none; !important
}
#navigation-vignettes a:hover{
	text-decoration: none; !important
}
.vignette{
	margin: 0 -8px 0 0;
	padding: 0px;
	height: 80px;
	display: inline-block;
	  display: -moz-inline-block;
	  display: -moz-inline-box;
	  *vertical-align: top;
	  *display: inline;
	  * margin: 0 8px 0 0;
}
.vignette a:hover{
	text-decoration: none; !important
	
}
.vignette:hover{
	text-decoration: none; !important
}

/*
 * PureDOMExplorer Demo styles 
 * written by Chris Heilmann 
 * More at http://onlinetools.org/tools/puredom/
 */
	
	/*ul.pde a:link,
	ul.pde a:visited,
	ul.pde a:hover,
	ul.pde a:active{
		text-decoration:underline;
		color:#111;
	}*/
	ul.pde,ul.pde li{
		padding: 0px;
		/*margin: 0px -8px 0px 0px;*/
		list-style:none;
		display:inline;
	}
	/*ul.pde{
		text-align:left;
		font-size:1.1em;
		margin:.8em auto;
		background:transparent;
  border-style: dotted; border-width: thin;
		width:100%;
	}
	
	ul.pde ul{
		margin:0 0 0 1em;
		padding:0;
	}
	ul.pde li{
		line-height:1.3em;
		padding:.2em 0;
		margin:0;
		padding-left:15px;
	}*/
/* dynamically added to LIs with nested ULs */
	/*ul.pde li.parent{
		padding-left:0;
		
	}
	ul.pde li.parent img{
		border:none;
		padding-right:5px;
	}*/
/* dynamically added to LIs with nested ULs and STRONG elements in them */
	/*ul.pde li.current li{
		padding-left:0;
	}*/
/* The class to hide nested ULs */
       .hide{
               position:absolute;
               top:0;
               left:-100000px;
       }

/* The class to show nested ULs */
       .show{
               /*position:static;
               display: table;
               top:0;
               left:1em;*/
			   margin: 0px;
			   padding: 0px;
			   display:inline; 
			   /*top:0;
			   position:static;
               display: table;
               left:1em;*/
       }
ul.pde li.art a{
  /*color:#F4DF38;
  font-size:0.8em;*/
}

ul.pde li.sousrub a{
  /*font-size:1em;*/
}



#conteneur-box{
	position:absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	z-index:3;
}
#conteneur-video{
	float: left;
}

p{
	margin: 0;

}




/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font-size: 12px;
	display: none;
	background-color:#000000;
	text-align:left;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		/*width: 145px;*/
		display: block;
	}
	
	#unitippoint { display: none;
		/*background: url(../images/TipPoint.png) no-repeat; */
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid {  
		width: auto;
		height: auto; 
		padding: 2px 5px;
	}
	
	#unitipcap { display: none;
		/*background: url(../images/TipCap.png) no-repeat;*/ 
		height: 7px; 
		overflow: hidden; 
	}