/* CSS du site UCLA */

/* ------------ MISE EN FORME DE LA PAGE ------------ */

body {
	background:#D3E2E5;
}

#global {
	width:750px;
	border:2px solid #00A7B2;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
}

#top {
	background-image:url(images/top_us.gif);
	background-color:#FFFFFF;
	height:101px;
}

#middle {
	background:#FFFFFF;
}

#menu {
	float:left;
	width:150px;
	background-color:#E5ECF3;
	text-align:left;
	padding-top:25px;
}

#contenu {
	float:left;
	width:570px;
	background-color:#FFFFFF;
	margin-left:15px;
	margin-right:15px;
	padding-top:25px;
	
}

#bottom {
	clear:left;
	background-color:#FF9300;
	/* border-top:3px solid #00A7B2; */
	height:20px;
	text-align:center;
}

/* ------------ MISE EN FORME DE LA PAGE PROGRAMME ------------ */

#horaire {
	float:left;
	width:150px;
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#FF9300;
	font-weight:bold;
}

#programme {
	float:left;
	width:420px;
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#000000;
	font-weight:bold;
	padding-bottom:10px;
}


/* ------------ MISE EN FORME DU CONTENU DU MENU ------------ */

.element_menu {
	font:normal 12px/25px Helvetica, Arial, sans-serif;
	color:#00628C;
	font-weight:bold;
	border-bottom:1px solid #C4CFE7;
	margin-left:15px;
	margin-right:15px;
	padding:5px;
	background-color:#FFFFFF;
}

.element_menu a {
	font:normal 12px/25px Helvetica, Arial, sans-serif;
	color:#00628C;
	font-weight:bold;
	text-decoration:none;
}

.element_menu a:hover {
	color:#FF9300;
}

.element_menu_register {
	font:bold 12px/25px Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background-image:url(images/bt_register.gif);
	border-bottom:1px solid #C4CFE7;
	margin-left:15px;
	margin-right:15px;
	padding:5px 5px 5px 30px;
	background-color:#FF9300;
}

.element_menu_register a {
	font:bold 12px/25px Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

.element_menu_register a:hover {
	color:#00A7B2;
}

.element_separateur {
	width:200px;
	border-bottom:1px solid #FF9300;
	margin-left:15px;
}

/* ------------ MISE EN FORME DU CONTENU ------------ */

.arborescence {
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#929497;
}

.img {
	border:1px solid #FF9300;
}

.txt_noir11 {
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#000000;
	text-align:justify;
}

.txt_noir12 {
	font:normal 12px Helvetica, Arial, sans-serif;
	color:#000000;
	text-align:justify;
}

.txt_noir12 a{
	font:bold 12px Helvetica, Arial, sans-serif;
	color:#000000;
	text-align:justify;
	text-decoration:none;
}

.txt_noir12 a:hover{
	text-decoration:underline;
}

.txt_orange11 {
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#FF9300;
}

.txt_auteur {
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#00628C;
	font-style:italic;
}

.titre_rouge12 {
	font:normal 12px Helvetica, Arial, sans-serif;
	color:#741305;
	font-weight:bold;
}

.titre_rouge12 a{
	font:normal 12px Helvetica, Arial, sans-serif;
	color:#741305;
	font-weight:bold;
	text-decoration:none;
}

.titre_rouge12 a:hover{
	text-decoration:underline;
}

.titre_bleu12 {
	font:normal 12px Helvetica, Arial, sans-serif;
	color:#00628C;
	font-weight:bold;
}

.titre_bleu14 {
	font:normal 14px Helvetica, Arial, sans-serif;
	color:#00628C;
	font-weight:bold;
	border-bottom:2px solid #FF9300;
}

.liste {
	list-style-image:url(images/puce.gif);
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#000000;
	text-align:justify;
}

.formulaire {
	border: 1px solid #00628C;
	background-color:#E5ECF3;
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#000000;
}

.bouton_validation {
	border: 2px solid #00628C;
	background-color:#E5ECF3;
	font:normal 13px Helvetica, Arial, sans-serif;
	color:#00628C;
}

/* ------------ MISE EN FORME DU CONTENU DU BOTTOM ------------ */

.txt_bottom {
	font:bold 10px Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	padding-bottom:2px;
}

.txt_bottom a {
	font:bold 10px Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

.txt_bottom a:hover {
	text-decoration:underline;
}