/* last modified 08.05.2007 */
/* style courant */
.titre
{
	color: #000;
	font-size: 20px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	padding-top: 18px;
	padding-bottom: 3px;
	border-style: none none solid;
	border-width: medium medium 1px;
	border-color: #cca4a4;
}

.stitre
{
	color: #3c3c3c;
	background-color: #ccc;
	font-size: 16px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	padding: 3px;
}

.titretableau
{
	color: #333;
	font-size: 13px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	padding: 3px 0;
}

p
{
	color: #333;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	line-height: 120%;
	text-align: justify;
}

.p
{
	color: #333;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	line-height: 120%;
	text-align: justify;
}

.p10
{
	color: #333;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	line-height: 120%;
	text-align: justify;
	margin-top:2px;
	margin-bottom:4px;
}

.pe
{
	color: #333;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	line-height: 120%;
	text-align: justify;
	padding: 5px;
	border-bottom: 1px none #999;
}

.pbp
{
	color: #333;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	line-height: normal;
	text-align: justify;
}

.cit
{
	color: #95846a;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	line-height: 120%;
	text-align: justify;
}

.etitre
{
	color: #333;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-style: normal;
	font-weight: bold;
	line-height: 100%;
	background-color: #f5f5f5;
	text-align: center;
	text-transform: lowercase;
	padding: 5px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

.menu
{
	color: #202020;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-style: normal;
}

/* style liens */
a:link
{
	color: #369;
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
	color: #369;
}

a:hover
{
	color: #369;
	text-decoration: underline;
}

/* style format */
.ttb
{
	border-style: none none solid;
	border-width: medium medium 1px;
	border-color: #3c3c3c;
}

.tth
{
	border-style: solid none none;
	border-width: 1px medium medium;
	border-color: #3c3c3c;
}

.tthd
{
	border-style: solid solid none none;
	border-width: 1px 1px medium medium;
	border-color: #3c3c3c;
}

.tthg
{
	border-style: solid none none solid;
	border-width: 1px medium medium 1px;
	border-color: #3c3c3c;
}

.ttbg
{
	border-style: none none solid solid;
	border-width: medium medium 1px 1px;
	border-color: #3c3c3c;
}

.ttd
{
	border-style: none solid none none;
	border-width: medium 1px medium medium;
	border-color: #3c3c3c;
}

.ttg
{
	border-style: none none none solid;
	border-width: medium medium medium 1px;
	border-color: #3c3c3c;
}

.ttbd
{
	border-style: none solid solid none;
	border-width: medium 1px 1px medium;
	border-color: #3c3c3c;
}

.ttcadre { border: solid 1px #cca4a4; }
.cadre { border: solid 1px black; }
.cadre2px { border: solid 2px black; }
.cadreblanc { border: solid 1px white; }
.cadreblanc2px { border: solid 2px white; }
.plein_bas { border-bottom: 1px solid white; }
.plein_gauche { border-left: 1px solid white; }
.plein_droite { border-right: 1px solid white; }
.plein_haut { border-top: 1px solid white; }
.plein2px_bas { border-bottom: 2px solid #000; }
.plein2px_gauche { border-left: 2px solid #000; }
.plein2px_droite { border-right: 2px solid #000; }
.plein2px_haut { border-top: 2px solid #000; }
tr.odd { background-color: #e3e3e3; }
tr.even { background-color: #f5f5f5; }
.header { background-color: #d0d0d0; }

/********************* Design du 29.3.5 **********************************/
body
{
	background-color: black;
	margin 3px 0px 3px 3px: ;
	font-size: 11pt;
	font-weight: lighter;
	font-family: Skia,Helvetica, Geneva, Swiss, Arial, SunSans-Regular, sans-serif;
}

img { border: 0; }

#logo_helvetia
{
	background-image: url(images/HelvetiaPatriaSmall.gif);
	background-repeat: no-repeat;
}

#lien_helvetia
{
	margin: 0;
	height: 20px;
}

.menu_horizontal
{
	background-color: #000;
	text-align: center;
	margin: 0;
	padding: 5px 10px;
	float: right;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.menu_horizontal a, .menu_horizontal a:visited
{
	font-family: Verdana,Arial,SunSans-Regular,sans-serif;
	color: white;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
}

/* le hover d'un élément autre qu'un <a> n'est pas visible dans explorer ! */
.menu_horizontal:hover { background-color: #f33; }

.menu_horizontal a:hover
{
	color: #faa;
	text-decoration: none;
}

/*   utilisé pour faire le logo USE IT   avec uniquement du texte... mais vue que windows ne gère pas le lissage des polices, c'est moche sous windows donc on met une image :-(
td#logo {
	background-color: #f00;
	text-align: center;
	color: #fff;
	border-right: solid 1px black;
	border-top: solid 1px black;
}
#immense{
	font-size: 22pt;
}
td#logo p{
	font-style: italic;
	font-size: 12pt;
	text-align: center;
	font-family: Skia, Helvetica, Geneva, Swiss, Arial, SunSans-Regular, sans-serif;
	color: #fff;
	margin: 0;
}
 */

td#logo
{
	background-color: red;
	background-image: url(images/use-it.png);
	border-right: solid 1px white;
}

/* Bannière avec la photo et le titre du batiment */
#banniere_bat1
{
	background-image: url(images/banniere_ee16.jpg);
	background-repeat: no-repeat;
	height: 95px;
}

#banniere_bat2
{
	background-image: url(images/banniere_ct13.jpg);
	background-repeat: no-repeat;
	height: 95px;
}

#banniere
{
	background-image: url(images/banniere.jpg);
	background-repeat: no-repeat;
	height: 95px;
}


#contenu
{
	text-align: left;
	vertical-align: top;
	padding: 10px;
}

/* Classe utilisée par les boites de la colonne de gauche. Principalement pour choisir la couleur de fond */
.colonne { background-color: red; }

#copyright
{
	padding: 6px 0px 6px 0px;
	text-align: center;
	vertical-align: middle;
	background-color: black;
	font-size: 8pt;
	color: white;
}

#pied
{
	padding: 6px 10px 6px 10px;
	background-color: black;
}

#chemin
{
	float: left;
	font-size: 8pt;
	color: white;
}

#update
{
	float: right;
	font-size: 8pt;
	color: white;
}

.fleche
{
	background-image: url(images/fleche-rouge.gif);
	margin-bottom: 2px;
	padding: 15px 0px 15px 6px;
	font-size: 15pt;
	color: white;
	font-weight: lighter;
	font-family: Skia, Helvetica, Geneva, Swiss, Arial, SunSans-Regular, sans-serif;
}

.fleche a
{
	text-decoration: none;
	color: white;
}

.fleche a:visited
{
	text-decoration: none;
	color: white;
}

.fleche a:hover
{
	color: #faa;
	text-decoration: none;
}
.fleche_noir a
 { color: #333; text-decoration: none }

.fleche_noir a:visited
 { color: #333; text-decoration: none }

.fleche_noir a:hover
 { color: #000; text-decoration: none }

/*  Permet de faire ressortir du texte en le mettant dans une boite et en gras   */
.en_boite
{
	font-size: 15pt;
	font-weight: bold;
	padding: 5px;
	margin: 2px;
	border: solid 1px black;
}

/* style pour rendre le menu udm popup en menu "expend" */
#udm ul
{
	position: relative !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	width: 129px !important;
	w\idth: 121px !important;
	font-family: Skia, Helvetica, Geneva, Swiss, Arial, SunSans-Regular, sans-serif;
}

#udm ul ul
{
	width: 121px !important;
	w\idth: 113px !important;
	border-style: dashed;
	background-color: #eaa;
	margin-left: 8px !important;
}

#udm ul ul a { font-size: 10px; }
#udm a { cursor: pointer !important; }