@charset "UTF-8";
/* CSS Document */
body{ 
	background-color:#000000;
	font-family: Calibri, Tahoma, Verdana, Arial;
	font-size:11pt;
	color:#FFFFFF;
	margin: 0;
	padding: 0;
	
}

.cadre{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	color:#FFFFFF;
	background:url(Images/opacite_80_noir.png);
	width : 800px;
	margin : 0px;
	padding : 0px;
}

.tableau{
	border-collapse:collapse;
	border-color:#FFFFFF;
}

.contenu{
	position:absolute;
	top:0px;
	left:0px;
}

a{
	color:#FFFFFF;
	font-size:20px;
	text-decoration:none;
}

a:hover{
	color:#FF0000;
	font-size:20px;
}

.police_20px{
	font-size:20px;
}

.police_20px_rouge{
	font-size:20px;
	color:#FF0000;
}

.police_26px{
	font-size:26px;
}


.police_11px{
	font-size:11px;
}

.police_rouge{
	color:#FF0000;
}

/* Les titres */
.titre{
	font-size:20px;
	color:#FFFFFF;
}

/* Classes relatives aux menu */
td.menu{
	padding:20px;
}

hr.menu{
	/*border-style:solid;
	border-width:1px;*/
	background-color:#FFFFFF;
	padding:0;
	border-color:#FFFFFF;
	border-width:0px;
	height:1px;
}

a{
	color:#FFFFFF;
	text-decoration:none;
}

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

a.menu{
	color:#FFFFFF;
	font-size:26px;
	text-decoration:none;
}

a.menu:hover{
	color:#FF0000;
	font-size:26px;
	text-decoration:none;
}

a.sous_menu{
	color:#FFFFFF;
	font-size:19px;
	text-decoration:none;
}

a.sous_menu:hover{
	color:#FF0000;
	font-size:19px;
	text-decoration:none;
}

/* Vignettes */

.cadre_vignette{
	border-style:solid;
	border-width:2px;
	border-color:#000000;
	padding:4px;
	background-color:#FFFFFF;
}

.echantillon_couleur{
	width:75px;
	height:50px;
}

/* TINY BOX */
h1 {font:24px Georgia,Verdana; margin:0}
h2 {font-size:12px; font-weight:normal; font-style:italic; margin:0 0 20px}
p {margin-top:0}
ul {margin:0; padding-left:20px}

#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#000 url(Images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:20}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:10}
#tinycontent {background:#000}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}