/* DESIGN GENERAL DU SITE */

/*Propriétés balises*/

body 
{
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: black;
}

p 
{
	margin: 0 0 5px 0;
}

a
{
	text-decoration: none;
	color: white;
	margin: 0 2px;
}


a img
{
	border: 0;
}

a:hover
{
	text-decoration: underline;
	color: white
}

a:visited
{
	color: white;
}

li 
{
	margin-bottom: 5px;
}

acronym
{
	cursor: help;
}

table
{
	border: solid thin #F1250A;
}

hr
{
	border: solid thin #F1250A; 
}

input
{
	background-color: rgb(248, 90, 19);
	color: white;	
}

input:hover
{
	background-color: rgb(246, 135, 56);
}

textarea
{
	background-color: rgb(248, 90, 19);
	color: white;
}

textarea:hover
{
	background-color: rgb(246, 135, 56);
}

fieldset
{
	border: solid thin #F1250A;
	padding-left: 7px;         /*à cause d'IE (SALE DAUBE !!!), sur FF ça s'fait automatiquement...*/
	padding-bottom: 5px;		  /*encore à cause d'IE*/
	margin-bottom: 10px;
}

legend
{
	color: black;            /*IDEM*/
}

table
{
	margin-bottom: 15px;
}

caption
{
	caption-side: bottom;
}

/* Propriétés "zones" */

.conteneur
{ /*le conteneur global du site, qui sera centré */
	position: absolute;
		top: 0px;
		right: 125px;
		left: 125px;
		bottom: 0px;
	width: 750px;
	/*height: 739px;*/
	margin: 0 auto;
}

.header 
{
	height: 100px;
	background-color: rgb(187, 48, 0)
}

#titre_header
{
	color: rgb(250, 187, 24);
	font-family: Verdana, serif;
	font-weight: lighter;
	font-size: xx-large;
	text-align: right;
	vertical-align: top;
}

.menu 
{
	position: absolute;
		top: 100px;
		right: 0px;
		left: 0px;
		bottom: 0px;
	width: 150px;
	height: 619px;
	background-color: rgb(235, 112, 47);
}

.contenu 
{
	margin-left: 150px;
	width: 594px;
	height: 619px; /* avec ça, j'ai optimisé que pour Firefox(mode plein écran) et Safari; avec IE7(mode plein écran), y aura du vide...nyark!nyark! */
	background-color: rgb(243, 176, 31);
	overflow: auto;
	padding-left: 3px;
	padding-right: 3px;
}

.pied_page 
{
	height: 20px;
	width: 750px;
	background-color: rgb(187, 48, 0);
	position: absolute;
		top: 719px;
		bottom: 0;
		left: 0;
}

#menu_pied
{
	margin-left: 264px;
}

.menugauche 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.entree_menu:hover
{
	background: rgb(255,208,0);
}

.bio:first-letter
{
   float: left;
   font-size: 3em;
   font-family: Arial, "Times New Roman", Times, serif;
   font-weight: bold;
   font-style: normal;
   margin-right: 5px;
   margin-left: 0;
   text-indent: 50px;
}

.citation
{
	font-style: italic;
}

#liste_titres_cd2
{
	list-style-type: upper-alpha;
}

.titre_temoign
{
	font-family: Trebuchet, Verdana, serif;
}

#photo_accueil
{
	position: absolute;
		top: 198px;
		left: 153px;
}

#msg_bienvenue
{
	position: absolute;
		top: 135px;
		left: 170px;
	font-weight: bold;
}

.dewplayer
{
	background: rgb(95%, 69%, 12%);
}

.titre_table_gallery
{
	background-color: rgb(234, 70, 17);
	color: white;
}

.footer_gallery
{
	background-color: rgb(233, 88, 23);
	color: white;
}

.fond_img
{
	background-color: rgb(196, 55, 48);
}

.img_fond:hover + .fond_img
{
	background-color: rgb(130, 28, 76);
}

.fond_img:hover
{
	background-color: rgb(130, 28, 76);
}

#stats
{
	position: absolute;
		top: 651px;
		bottom: 5px;
		left: 310px;
}

#signature
{
	font-weight: bold;
	font-style: italic;
	font-family: "comic sans ms", verdana, serif;
	color: rgb(154, 96, 255);
}

.details_gallery
{
	font-family: "Trebuchet MS", "Arabic Transparent", Arial, "Arial Narrow", Verdana, serif;
	color: rgb(255, 255, 255);
}


/*Propriétés VIDEOBOX*/

#lbOverlay 
{
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer 
{
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading 
{
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage 
{
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink 
{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink 
{
	left: 0;
}

#lbPrevLink:hover 
{
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink 
{
	right: 0;
}

#lbNextLink:hover 
{
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink 
{
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber 
{
	margin-right: 71px;
}

#lbCaption 
{
	font-weight: bold;
}