/*
 * Comme il est indiqué dans les conditions de réutilisation
 * (http://www.riffsnbips.be/licence/), les éléments
 * graphiques et le design du site (et donc cette feuille de styles CSS
 * et les images) restent la propriété exclusive de leurs auteurs
 * respectifs conformément aux droits d'auteur. Toute réutilisation
 * devra faire l'objet d'une demande préalable
 * (email:kooolman@dourfestival.net).
 * Il est de plus dans votre intêret d'avoir un site au design original,
 * pour qu'il ait sa propre identité visuelle, plutôt qu'un design
 * plagié...
 */ 
 
 /* -------- Les blocs ------- */ 
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-repeat: no-repeat;
	background-image: url(projet2.jpg);
	background-color: white;
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #f0f0f0;
	SCROLLBAR-SHADOW-COLOR: #f0f0f0;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #000080;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #f0f0f0;
}

.popup{
	background-image: url(../images/popup.jpg);
	background-repeat: no-repeat;
	width: 717px;
	height: 397px;
	padding: 5px;
}

.popgauche{
	float: left;
}

.popecouter{
	background-image: url(../images/ecouter.gif);
	background-repeat: no-repeat;
	float: left;
	width: 219px;
	height: 57px;
	margin-top: 4px;
	margin-left: 5px;
	padding-top: 80px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.popregarder{
	background-image: url(../images/regarder.gif);
	background-repeat: no-repeat;
	float: left;
	width: 219px;
	height: 63px;
	margin-top: 4px;
	margin-left: 5px;
	padding-top: 36px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.popcliquer{
	background-image: url(../images/cliquer.gif);
	background-repeat: no-repeat;
	float: left;
	width: 219px;
	height: 49px;
	margin-top: 4px;
	margin-left: 5px;
	padding-top: 60px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

iframe#popbiographie{
	background-image: url(../images/biographie.gif);
	background-repeat: no-repeat;
	float: right;
	width: 223px;
	height: 308px;
	margin-top: 34px;
	margin-right: 20px;
	padding-top: 28px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: transparent;
}

iframe#page{
	background-image: url(../images/page.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 499px;
	height: 406px;
	margin-top: 54px;
	margin-right: 350px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: transparent;
}

iframe#bloc-news{
	background-image: url(../images/fond-news.jpg);
	width: 241px;
	height: 318px;
	margin-top: 83px;
	margin-left: 512px;
}

.clear{
	clear: both;
}

.news{
	border-style: dashed;
	border: 1px dashed Red;
	width: 95%;
	margin-bottom: 8px;
	padding: 2px;
}

.titre_cat{
	width: 241px;
	height: 43px;
}

.fond-fiche{
	background-image: url(../images/fond-fiche.jpg);
	background-repeat: no-repeat;
	width: 910px;
	height: 625px;
}

.fond-pictures{
	background-image: url(../images/fond-pictures.jpg);
	background-repeat: no-repeat;
	width: 950px;
	height: 625px;
}

.fiche-gauche{
	width: 320px;
	height: 625px;
	float: left;
	padding-left: 200px;
}

.fiche-droite{
	width: 290px;
	height: 625px;
	float: left;
}

.fiche-nomdugroupe{
	width: 300px;
}

.fiche-bio{
	width: 280px;
	text-align: center;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: transparent;
}

.fiche-photo{
	width: 290px;
	text-align: right;
	padding-top: 50px;
}

.fiche-link{
	width: 290px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.fiche-contacts{
	width: 290px;
	text-align: right;
	padding-right: 10px;
}

.fiche-barre{
	width: 290px;
	text-align: right;
}

iframe#bloc-bio{
	width: 305px;
	height: 500px;
}

.fond-projet{
	background-image: url(../images/fond-projet.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 525px;
}

iframe#bloc-projet{
	width: 390px;
	height: 470px;
	padding-top: 40px;
	padding-left: 30px;
}

.bloc-lesgroupes{
	width: 390px;
	height: 470px;
	padding-top: 40px;
	padding-left: 30px;
}

iframe#bloc-pictures{
	width: 930px;
	height: 600px;
	padding-top: 50px;
	padding-left: 240px;
}

 /* -------- Les polices ------- */ 

A:link {
	FONT: 12px Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	COLOR: Green;
	font-weight: bold;
	TEXT-DECORATION: none;
}
A:visited {
	FONT: 12px Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	COLOR: Green;
	font-weight: bold;
	TEXT-DECORATION: none;
}
A:active {
	FONT: 12px Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	COLOR: Green;
	font-weight: bold;
	TEXT-DECORATION: none;
}
A:hover {
	FONT: 12px Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	COLOR: white;
	font-weight: bold;
	TEXT-DECORATION: underline overline;
	background-color: Green;
}

.porange A:link  {
	FONT: 12px Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	COLOR: #FFA500;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.porange A:visited {
	FONT: 12px Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	COLOR: Green;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.porange A:active {
	FONT: 12px Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	COLOR: Green;
	font-weight: bold;
	TEXT-DECORATION: none;
}
.porange A:hover {
	FONT: 12px Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	COLOR: white;
	font-weight: bold;
	TEXT-DECORATION: underline overline;
	background-color: #FFA500;
}

.porange{
	color: #cc410a;
}

A:link.noir {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	COLOR: black;
	TEXT-DECORATION: none;
}
A:visited.noir {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	COLOR: black;
	TEXT-DECORATION: none;
}
A:active.noir {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	COLOR: black;
	TEXT-DECORATION: none;
}
A:hover.noir {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;
	COLOR: black;
	TEXT-DECORATION: overline underline;
}

.pblanc{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : White;
} 

.pindex{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	color: Purple;
}

.pdecompte{
	font-family: Georgia, "Times New Roman", Tahoma, Verdana;
	font-size: 10px;
	color: Purple;
}

.pfavoris{
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	color: Gray;
}

.paccueil{
	font-family: Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Green;
}

.paccueiltitre{
	font-family: Impact;
	font-size: 20px;
	color: #81CEF1;
	font-weight: lighter;
}

.paccueilgroupe{
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	color: #0082FF;
	font-weight: lighter;
}

.plienspecial{
	font-family: Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0082FF;
}

.ptrebuchet1{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: Navy;
}

.ppetit{
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Gray;
	font-weight: normal;
}

.pred{
	color: Red;
}

.pgeorgia{
	font-family: Georgia, "Lucida Console", Modern, Verdana, "@Arial Unicode MS";
}

.pbio{
	font-family: Georgia, Verdana, "@Arial Unicode MS";
	font-size: 11px;
	color: #676767;
}


 /* -------- les boîtes -------- */
 
INPUT {
	BORDER: 2px solid #cc410a;
	FONT: bold 10px verdana, Arial, Helvetica;
	color: black;
	BACKGROUND-COLOR: white;
}
Select {
	BORDER: 2px solid #cc410a;
	FONT: bold 10px verdana, Arial, Helvetica;
	color: black;
	BACKGROUND-COLOR: white;
}
button{
	BORDER: 2px solid #cc410a;
	FONT: bold 10px verdana, Arial, Helvetica;
	color: black;
	BACKGROUND-COLOR: white;
	height: 20px;
}

TEXTAREA {
	BORDER: 2px solid #cc410a;
	FONT: bold 10px verdana, Arial, Helvetica;
	color: black;
	BACKGROUND-COLOR: white;
}

acronym.premier{
	cursor: help;
	border-bottom: 1px dotted #8B4513;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
}

td{
text-align: center;
width: 300px;
}