/* ==== BACKGROUND ==== */
BODY { 
background-color: #B4B4B4;
background-image: url('../images/alubgblanc.gif');
background-repeat: repeat-y;
background-position: center;
}

/* ==== BANNER PICTURE ==== */
div.banner
{
display: inline
margin: 0; 
padding: 0; 
}
img
{
margin:0; 
padding: 0px; 
}

/* ==== MENU ==== */
ul.menu
{
margin-top:2px;
margin-bottom:2px;
margin-left:11px;
margin-right:11px;
width:798px;
padding:0;
background-color:#FF7733;
list-style-type:none;
}
li {display:inline}
a.menu
{
float:center;
font-family: arial;
font-size: 14px;
font-weight: bold;
text-decoration:none;
color:#000000;
background-color:#FF7733;
padding:0.1em 0.6em;
}
a.menu:hover {color:#FFFFFF; background-color:#0033FF}
a.selected
{
float:center;
font-family: arial;
font-size: 14px;
font-weight: bold;
text-decoration:none;
color:#FFFFFF;
background-color:#0033FF;
padding:0.1em 0.6em;
}
/* MENU ENTREPRISE */
ul.menu2
{
width:270;
padding:0;
margin:0;
background-color:#FF7733;
margin-top:0px;
margin-bottom:2px;
margin-left:60px;
margin-right:0px;

list-style-type:none;
}
li {display:inline}
a.menu2
{
align:left;
margin-left:50px;
font-family: arial;
font-size: 14px;
font-weight: bold;
text-decoration:none;
color:#000000;
background-color:#FF7733;
}
a.menu2:hover {color:#FFFFFF; background-color:#0033FF}
a.selected
{
float:center;
font-family: arial;
font-size: 14px;
font-weight: bold;
text-decoration:none;
color:#FFFFFF;
background-color:#0033FF; 
padding:0.1em 0.6em;
}
/* ==== FOOTER ==== */
div.adresse1
{
font: bold 10px arial;
width: 800px;
color: #FFFFFF;
background-color: #333333;
text-align: left;
}
div.adresse2
{
font: bold 10px arial;
width: 800px;
color: #000000;
background-color: #CCCCCC;
text-align: left;
}

.stopka
{
	position: relative;
	bottom: 5px;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
}


/* ==== EXTRA FUNCTIONS ==== */

div.hidden {display: none}
h1.invisible {visibility:hidden}


/* ===== AUTRES PAGES ========*/
/* ==== MAIN PAGE ACCUEIL ==== */

p.titre
{
	font: normal bold 12px arial;
	width: 800px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
}
.pic
{
	margin:15px;
	float: left;
}
.textpic
{
	float: right;
}
div.boite2
{
	background-color:#E6E6E6;
	width: 798px;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:11px;
	margin-right:11px;
	font: bold 12px arial;
}
div.boite
{
background-color:#E6E6E6;
width:798;
height:160;
margin-top:7px;
margin-bottom:5px;
margin-left:11px;
margin-right:11px;
font: bold 12px arial;
}
div.boite3
{
background-color:#E6E6E6;
width:798;
height:100;
margin-top:0px;
margin-bottom:5px;
margin-left:11px;
margin-right:11px;
font: bold 12px arial;
}
div.acceuil-boite-cadres
{
text-align: left;
margin-top:7px;
margin-bottom:0px;
margin-left:7px;
margin-right:7px;
}
div.boitegm
{
background-color:#E6E6E6;
width: 798px;
height: 200px;
margin-top:7px;
margin-bottom:5px;
margin-left:11px;
margin-right:11px;
font: bold 10px arial;
}
div.acceuil-tuv-tabs
{
margin-top:0px;
margin-bottom:0px;
margin-left:30px;
margin-right:0px;
font: bold 11px arial;
}
div.boitepage
{
background-color:#E6E6E6;
width:798;
height: 1050px;
margin-top:0px;
margin-bottom:10px;
margin-left:11px;
margin-right:11px;
font: bold 12px arial;
display: block;
}
div.boitepage2
{
background-color:#E6E6E6;
width:798;
margin-top:0px;
margin-bottom:10px;
margin-left:11px;
margin-right:11px;
font: bold 12px arial;
display: block;
}
div.boitepageleft
{
background-color:#E6E6E6;
width:798;
margin-top:0px;
margin-bottom:10px;
margin-left:11px;
margin-right:11px;
font: bold 12px arial;
display: block;
}
div.boitetext
{
font: bold 12px arial;
}

div.cadre1
{
font: normal bold 12px arial;
width: 395px;
height: 200px;
background-image: url('../images/cadre2.gif');
float: left;
margin-left: 5px;
}
div.cadregris
{
font: normal bold 12px arial;
width: 265px;
height: 200px;
background-image: url('../images/cadregris.gif');
float: left;
margin: 10px 40px 10px 40px;
text-align:center;
}
a.titreblanc
{
font: italic bold 14px arial;
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#000000;
/*color:#FF7733;*/
background-color:#FFFFFF;
margin-left: 30px;
}
div.textgris
{
font: italic bold 14px arial;
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#000000;
width:80px;
background-color:#E6E6E6;
margin-left: 30px;
text-align:center;
}
div.textgrislong
{
font: italic bold 14px arial;
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#00000;
width:180px;
background-color:#E6E6E6;
margin-left: 30px;
text-align:center;
}
div.textgrislong2
{
font: italic bold 14px arial;
text-decoration:none;
padding-left:5px;
padding-right:5px;
color:#00000;
width:190px;
background-color:#E6E6E6;
margin-left: 30px;
text-align:center;
}
.textcadre
{
font: normal bold 12px arial;
align: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 25px;
width: 340px;
display: block;
}
.textcadre2
{
font: normal bold 12px arial;
align: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 5px;
width: 340px;
display: block;
}
a.fincadre
{
font: normal bold 12px arial;
float: right;
color: #FF7733;
text-decoration:none;
margin-right: 25px;
}
a.fincadre:hover
{
text-decoration:underline;
}
div.picTUV
{
float:right;
width:120px;
margin:0 0 15px 15px;
padding:15px;
text-align:center;
}

div.cadreactu
{
width:500px;
height:200px;
border:1;
}
div.cadreactutexte
{
text-align:left;
}
div.cadreactuimage
{
float:right;
}
/* ==== Tableau ==== */
table#userdisplay {
		
		margin: 10px 0px;
}
table#userdisplay th {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 5px;
	font-weight: bold;
}
table#userdisplay td {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 5px;
	border-top: 0px solid #FFCA5E;
	border-right: 0px solid #DDDDDD;
	
}

.table_small{
	text-align: left;
	border-left: 1px solid #DDDDDD;
	text-align: center;
}