html { margin:0px; padding:0px; }
body { 
	font:8pt verdana;
	background-color:#f7f7f7;
	text-align:center;
	margin:0px;
	padding:0px;
}

.border {
  border: 2px solid #0000a0;
  margin: 3px 3px 3px 3px;
}

.fons {
  background-color:#dedeff;
}

td { font:8.5pt verdana; }
a { text-decoration:none; }
a:link,a:active,a:visited { color:#0000a0; }
p { text-align:justify; font-size:11pt; margin:5px; }
#pt { font-size:9pt; }
#b { font-weight:bold; }
#petit { font-size:10pt; }
#mig { font-size:11pt; }
#gran { font-size:13pt; }
#white { color:white; }
.white { color:white; }
.ok { color:green; }
.ko { color:red; }
#b_white { background-color:white; }
#b_blue  { background-color:#0000a0; color:white; }
#b_red   { background-color:red; color:white; }
#b_green { background-color:green; color:white; }
#front { color:#0000a0; }

.peu_foto {
	font-size:13px;
}

.foto {
	width:204px;
	height:152px;
	border:0px;
	margin:0px;
	padding:0px;
}

.mig { font-size:13pt; }


.conten {
	width:770px; 
	margin:2px auto 0 auto;
	padding:0px;
}

.columna {
	float:left;
	margin:5px 4px 3px 0px;
}


.columna_dre {
	float:left;
	margin:5px 0px 3px 0px;
}

h3, h3 a {
	border:0px;
	margin:0px;
	padding:0px;
	color:white;
	background-color:#0000a0;
	font-size:12px;
}

h2, h2 a {
	border:0px;
	margin:0px;
	padding:0px;
	color:white;
	background-color:#0000a0;
	font-size:14px;
}

.bloc {
	width:204px;
	border: 1px solid #0000a0;
	margin: 0px 0px 4px 0px;
	text-align:left;
}

.bloc-gran {
	width:244px;
	border: 1px solid #0000a0;
	margin: 0px 0px 4px 0px;
	text-align:left;
}

.bloc h3 a { color:white; }

.bloc-gran h3 a { color:white; }

.bloc_dre {
	width:138px;
	border: 1px solid #0000a0;
	margin: 0px 0px 4px 0px;
	text-align:left;
}

.bloc h3 a:hover, .bloc-gran h3 a:hover, .bloc_dre h3 a:hover, ul li a:hover {
	color:white;
	background-color:black;
	display:block;
}


.bloc ul li a, .bloc-gran ul li a, .bloc_dre ul li a, ul li a {
	color:#0000a0;
	text-indent:0px;
	margin:0px;
	display:block;
	list-style:none;
	padding:0px;
}

.bloc ul li a:hover, .bloc-gran ul li a:hover, .bloc_dre ul li a:hover {
	color:white;
	background-color:#0000a0;
	text-indent:0px;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}

ul,li {
	list-style:none;
	text-indent:0px;
	margin:0px;
	padding:0px;
	background-color:white;
}


.cap {
	width:770px;
	text-align:center;
	color: #0000a0;
	font-family:Verdana;
	font-size:18pt;
	font-weight:bold;
	height:70px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:20px;
	border-top:10px solid #0000a0;
	margin-top:10px;
}

.peu {
	width:770px;
	clear:left;
	text-align:center;
	background-color:#0000a0;
	color:white;
	padding:2px;
}

.peu_blanc {
	width:770px;
	clear:left;
	text-align:left;
	padding:2px;
	margin-bottom:20px;
}