/* CSS Document */

/* GENERAL */
	html, body { height:100%}
	body {
	  margin: 0 1% 0 1% ;
	  padding: 0 0 0 0;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:0.9em;
	  color: black;
	  background-color:#FFFFFF;
	}
	:link { color: #00C; background: transparent }
	:visited { color: #609; background: transparent }
	a:active { color: #C00; background: transparent }
	a:hover { color: #660033; background: transparent }
	
/*	a:link img, a:visited img { border-style: none } /* no border on img links */
	
	h1, h2, h3, h4, h5, h6 { text-align: left }
	h1 { font-size: 1.2em ; font-weight:bold ; margin:0.2em 0em 0.2em 0em }
	h2 { font-size: 1.2em ; font-weight:bold; margin:0.2em 0em 0.1em 0em; color:#4D68AB}
	h3 { font-size: 1.1em ; font-weight:bold; margin:0.5em 0em 0.1em 0em ; color:#677EB7}
	h4 { font: bold 1em ; margin:0.2em 0em 0.2em 0em }
	h5 { font: italic 1em }
	h6 { font: small-caps 1em}
	h2 { margin-top: 0.6em; margin-bottom: 0.6em}
	
	p { font-size:1em;
	  margin-top: 0.6em;
	  margin-bottom: 0.6em;
	}
	ul { font-size:1em;
	  margin-top: 0.6em;   margin-bottom: 0.6em;
	  list-style-type:square;
	}
	
	hr#spaccer { clear:both ; visibility:hidden}
	
	label{ display:block}
	div.float_input{ float:left}

/* BANDEAU DU HAUT */
	div.haut{
		position:relative; top:0; left:0 ;
		padding:35px 0 10px 0 ; margin:0 0 0 0 ;
		background-color: #002888;
		background-image: url(docs/ubs-bh-3.gif);
		background-repeat:no-repeat;
		background-position: right top;
		width:100%;
	}
	
	div.haut h1 { 
		margin:0 0 0 1em;		
		padding:0 0 0 15px; 
		color:#9AE104; 
		background-image:url(docs/ubs-hp-carre-style1.gif); background-repeat:no-repeat ; background-position: left center;
	}
	div.haut a  {color:#9AE104; }		
	div.haut a:hover  {color:#FFFFFF; }

/* forcer la hauteur des petites pages*/
	div.hauteur{float:right; height:450px}	


/* PIED DE PAGE */
	div.footer{
		position:relative; top:0; left:0 ;
		padding:0.2em 0 0.2em 0 ; margin:0 0 0 0 ;
		background-color: #9AE104;
		width:100%;
		font-size:0.8em;
	}
	div.footer p{ margin:0 2em 0 1em ; display:inline 	}

.cadre_left{
	background-color: #efefef;
	border-style: ridge; border-width: 2px; border-color:#CCCCCC;
	text-align:left;
	font-size:0.9em
}
.cadre_form{
	background-color: #efefef;
	margin:0 0 0 0 ; padding: 1em ; 
	border-style: ridge; border-width: 2px; border-color:#CCCCCC;
	text-align:left;
	font-size:1em
}

/* contenu*/
	div.contenu{
	position:relative; top:0; left:0;
	margin:0 0 0 0 ; padding:0 0 0 1em;
	background-color:white;
	}
	div.contenu#index{padding:0 0 0 0}
	div.contenu#formulaire{padding:0 0 0 0}

/* menu*/
	div.menu{
	float:left; 	width:28%;
	margin:0 0 0 0; padding:0 1% 0 1%;
	background-color:#efefef;
	}
	div#contenu_index{
	float:right; width:68%;
	margin:0 0 0 0; padding:0 0 0 1%;
	background-color:white;
	}
.important {color:#FF7D25;font-weight:bold}

/*taxe d'apprentissage*/
div.encart{
	margin:1.5em 0 0 0 ; padding:0.5em;
	background-color: #efefef;
	border-style: ridge; border-width: 2px; border-color:#CCCCCC;
	font-size:0.9em
}

.projtitre3 {font-size:12px;color:#FF7D25;font-weight:bold}
.projtitre3 a:link {font-size:12px;color:#FF7D25;font-weight:bold ; text-decoration:none}
.projtitre3 a:visited {font-size:12px;color:#FF7D25;font-weight:bold ; text-decoration:none}
.projtitre3 a:hover {font-size:12px;color:#FF7D25;font-weight:bold ; text-decoration:underline}

.blanc{background:#FFFFFF}
.bleu1{background:#002888}
.bleu2{background:#405EA6}
.bleu3{background:#4D68AB}
.bleu4{background:#677EB7}
.vert{background:#9AE104}
.orange{background:#FF7D25}
.projtxtblanc {font-size:11px;color:#FFFFFF;font-weight:bold}
.projtxtblanc a:link {font-size:11px;color:#FFFFFF;font-weight:bold ; text-decoration:underline}
.projtxtblanc a:visited {font-size:11px;color:#FFFFFF;font-weight:bold ; text-decoration:underline}
.projtxtblanc a:hover {font-size:11px;color:#FFFFFF;font-weight:bold ; text-decoration:underline}

div.erreur{ font-size:1em ; color:red ; font-weight:bold}

/* Formulaire de contact */
form.formContact{
	background-color: #CCCCCC;
	text-align: left;
	border-color: #999999;
	border-width: thin;
	border-style: solid;
	padding: 1% 1% 1% 1%;
	width:42em;
}
.formContact input{ font-size:1.1em ; font-weight:bold}
.formContact input#ok{ font-size:1em ; font-weight:normal ; margin-left:12em}
.code_controle{ position:relative ; vertical-align:middle}

p.msg_err { font-size:1.2em ; font-weight:bold ; color:#990000}