﻿body { background-color: #ccc; padding: 0px; text-align: center; 
<!--font-family: Verdana, Arial, Helvetica, sans-serif; -->
font-family:Tahoma, Verdana, sans-serif;

background-image: url('../Images/menu/backg.gif'); margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:0px}
/* ||||||||||||||||image de fond |||backg.gif||||||||||||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||*/

div#imagenSuperior { position: absolute; left: 150px; top: 0px; height: 99px; width: 350px; 
background-image: url('../../fo1.gif'); background-repeat: no-repeat; 
z-index: 50; display: none; background-position-y:50%}


div#page {
    position: absolute; /* Si ce conteneur contient des éléments positionnés en absolu ou relatif */
    width: 945px; /* Un peu grand 900px, non ?    */
    margin: 0 auto;
    text-align: left; 
 }
/* ------------------------------------------------------------------ */
/* DISPOSITION GENERAL -------------------------------------------------------- */
/* ------------------------------------------------------------------ */


	a:active
		{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px}
	

	a:visited
		{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px}
	

	A:link
		{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px;
	font-weight: 700;
}
	

	a
		{color: #0000aa; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px}
	A:hover
		{color: #ff0000; text-decoration: none; font-family: Tahoma, Verdana; font-size: 11px}
	li
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px;} 
	ul
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px;} 
	td
		{color: #000000; 
font-family: Tahoma, Verdana; font-size: 11px;
	text-align: justify;
} 
	tr
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px;} 
	p
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px;} 
	h1
		{color: #000000; background: #4682B4; font-weight: bold; font-family: Tahoma, Verdana; font-size: 13px; margin: 0px; padding: 2px;}
	.header1
		{color: #000000; background: #4682B4; font-weight: bold; font-family: Tahoma, Verdana; font-size: 13px; margin: 0px; padding: 2px;}
	h2
		{color: #000000; background: #DBEAF5; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}
	.header2
		{color: #000000; background: #DBEAF5; font-weight: bold; font-family: Tahoma, Verdana; font-size: 12px;}
	.intd
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px; padding-left: 15px;}
	.header3 {
	color: #FFCC00;
	background: #4682b4;
	font-weight: bold;
	font-family: Tahoma, Verdana;
	font-size: medium;
}

   


a { color: #000000; 
text-decoration: none;
	text-align: center;
}
a:hover { color: #333; text-decoration: underline}

.menor {font-size: 0.8em}
.izquierda { padding: 1px}
.invisible {display: none}

p.sinMargenInferior{ margin: 0px; padding: 0px; padding-bottom: 0.2em}
div.contenido p.sinMargenInferior a { border: 0px; text-decoration: none}
div.contenido p.sinMargenInferior a:hover { border: 0px; text-decoration: none}

p.ejemplo{ background-color: #ffffff; border: 1px solid #cccccc; padding: 0.5em}

.tecla{
	background-color: #f1f1f1; color: #333333; padding: 0.2em; font-size: 0.8em; text-decoration: 
none;
	border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; 
	border-right: 1px 
solid #333333; border-bottom: 1px solid #333333; 
}

form.boletin label{display: block}
form label {display: none}
.centro { text-align: center}
/* ------------------------------------------------------------------ */
/* ENTETE --------------------------------------------------------- */
/* ------------------------------------------------------------------ */

div#cuerpoCabecera { margin: auto; width: 945px; text-align: left}
div#menuSuperior { height: 32px; margin: 0px; padding:0px}
div#menuSuperior img {margin-top: 0px}
div#cabLogotipo { height: 60px; margin: 0px}

div#menuPrincipal { margin: 0px; height: 25px; background-image: url('../Images/menu/fond1.gif')}
/*div#mpOpciones {visibility: hidden}*/

div#mpOpciones img {border-style: none;
	border-color: inherit;
	border-width: 0px;
	vertical-align: middle;
	height: 25px;
	width: 25px;
}
div#mpOpciones div {float: left; width: 100px; height: 24px; font-size: 11px; color: #333; border-right: 1px solid #ccc}


/* SUBMENU ---------------------------------------------------------- */

div#subMenu{ font-size: 65%; padding: 0px; margin: 0px; color: #999; background-color: #fff; border-top: 1px solid #666; 
background-image: url('../../Images/menu/foSubMenu.gif'); background-repeat: repeat-x; background-position-y:50%}
div#subMenu ul{ margin: 0px; padding: 0.5em; border-bottom: 1px solid #999; border-top: 1px solid #ccc}
div#subMenu ul li {display: inline; padding-right: 5px; margin-right: 5px}
div#subMenu p {padding: 0.5em; margin: 0px}

div#mpOpciones { width: 98%; 
float: left
}
img.vcentrar {float: left; padding-right: 0.5em}
form#buscador {
	margin: 0px;
	padding: 0px 0px 0px 0px
}

div#imagenCabecera { border-top: 1px solid #fff; border-bottom: 4px solid #f1f1f1; background-color: #ccc}


/* ----------------------------------------------------------------------- */
/* CONTENU -page centrale--------------FCF7EB-----------------------------------------------*/
/* ----------------------------------------------------------------------- */

div#cuerpoContenido { width: 945px; margin: auto; text-align: left; border-top: 1px solid #ccc; color: #666; border-bottom: 1px solid #ccc; background-color: #fff; font-size: 80%}
div#marcoContenido { width: 945px; float: left; background-color: #fff; 
/*background-image: url('../Images/menu/fondcentral.gif');*/
/*background-image: url('../Images/menu/img1.jpg'); */
background-repeat: repeat-y; text-align: left}
div#marcoContenido-100 { margin: auto; text-align: left}

/*  PARTENAIRES-------------------------------------- */

*/

div#parche {float: left; text-align: right}
div#imagenGaleria { float: left; width: 150px; padding-top: 3em}

div#marcoContenido-100 p { padding-top: 0.5em; text-align: justify}
div.tabla {text-align: center; padding-top: 1em; padding-bottom: 1em}

div#izquierda { width: 628px; float: left; text-align: left}
div#derecha { width: 265px; float: right; font-size: 0.8em; color: #999}<!--modification-->

div#notIzquierda{ width: 555px; float: left; text-align: left; border-right: 1px solid #ccc}
div#notDerecha{ width: 170px; float: right; text-align: left; padding-top: 50px}
div#notIzquierda div.contenido { margin:0px; padding: 0.7em 30px 0px 50px}

div#notDerecha h3 { font-size: 0.9em}

/* POSITION GAUCHE -----------------------------------------------------------------*/

div#columna-A { width: 755px; text-align: left; font-size: 80%; background-color: #fff}

div.posicion { margin:0px; padding: 1em 0px 0px 20px; font-size: 0.8em}
div.contenido { margin:0px; padding: 0.7em 20px 0px 30px}

div.contenido-60 { width: 80%; padding-left: 5%}


/* REGLES DE CONTENU  ------------------------------------------------------*/

/* POSITION */

div.posicion ul { list-style-type: none; color: #ccc; margin: 0px; padding: 0px}
div.posicion ul li { display: inline; margin-right: 0.5em}
div.posicion ul li.ultimo { font-weight: bold}
div.posicion ul li a{ color: #999; text-decoration: none}
div.posicion ul li a:hover{ color: #999; text-decoration: underline}

/* CONTENU -----------------------------------------------------------------*/

/* GENERAL */

div.contenido p{
	text-align: justify;
	line-height: 150%;
}
div.contenido p.imagen {text-align: center; line-height: 150%}

div.contenido p a { border-bottom: 1px dashed #333; text-decoration: none}
div.contenido p a:hover { border-bottom: 1px dashed #333; text-decoration: none}

div.visorImagen p.imagen {text-align: center}
div.visorImagen p.imagen img {border: 1px solid #ccc}
div.contenido p.imagen a { border: 0px; text-decoration: none}
div.contenido p.imagen a:hover { border: 0px; text-decoration: none}

div.contenido p.arriba { height: 15px; text-align: right; margin-right: -25px; padding: 0px}
div.contenido p.arriba a {border: 0px}
div.contenido p.arriba a:hover { border: 0px}

div.contenido p.arribaPie { font-size: 0.8em; color: #ccc; padding: 0.5em; padding-top: 1em; margin:0px; text-align: right}
div.contenido p.arribaPie a {color: #666; border: 0px; text-decoration: none}
div.contenido p.arribaPie a:hover { color: #000; border: 0px; text-decoration: none}

div.contenido p.imagenes {text-align: center}
div.contenido p.imagenes img{margin-right: 3px}

div.contenido p.imagenNoticia {text-align: center; background-color: #ccc; 
background-image: url('../../Images/menu/fondimage.gif'); 
border-bottom: 1px solid #ccc; border-top: 1px solid #ccc}
div.contenido p.fechaNoticia { font-size: 0.8em; color: #666; margin-top: 0.5em; margin-bottom: 0.5em; font-weight: bold}
div.contenido img{margin: 6px 5px;
	vertical-align: middle;
	float: left;
}
div.contenido p.centrar {text-align: center}

div.contenido p.leyenda{text-align: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; 
padding: 0.5em 0px 0.5em 0px; background-color: #f1f1f1}
div.contenido p.destacado { margin: 1em 0px 0px 0px; padding: 0.4em 1em 0.4em 1em; 
font-size: 0.8em; font-weight: bold; color: #999; background-color: #f1f1f1; 
border: 1px solid #ccc; text-align: left}

/*div.contenido p.destacado img { vertical-align: middle}*/
div.contenido p.destacado a {border:0px}
div.contenido p.destacado a:hover { border:0px; text-decoration: underline}

div.deporte{ width: 100%; clear: both; border-bottom: 1px solid #ccc; padding-bottom: 0.2em; padding-top: 0.2em; height: 1.4em; border-left: 1px solid #ccc; border-right: 1px solid #ccc}
div.depNombre{ width: 45%; float: left}
div.depPropiedades{ width: 50%; float: right; text-align: left; border-left: 1px solid #ccc}
div.depNombre p{margin: 0px; padding-left: 0.4em; font-size: 70%; font-weight: bold}
div.depPropiedades p{margin: 0px; padding-left: 1em; font-size: 65%}

div.pieContenido{ border-top: 1px solid #ccc; padding-top: 1em; padding-bottom: 3em; font-size: 0.8em; color: #ccc}
div.paginacion { float: right; text-align: left}

/* TITRES */

/* SI HACE FALTA HABRIA Q CREAR CLASES ESPECIFICAS PARA LOS TITULO */
div.contenido h2 {font-size: 1.6em; border-bottom: 1px solid #fff; margin: 0px; padding:0px}
div.contenido h3 {font-size: 1.3em}
div.contenido h3.subtitulo { font-family: georgia, sans-serif; font-size: 0.8em; border: 1px solid #ccc; background-color: #f1f1f1; padding: 0.5em; text-align: justify; line-height: 130%; color: #666}
<!--div.contenido h3.subtitulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; border: 1px solid #ccc; background-color: #f1f1f1; padding: 0.5em; text-align: justify; line-height: 130%; color: #666}-->

div.contenido h4 {font-size: 1.2em}
div.contenido h5 {font-size: 0.8em}

/* LISTES */

ul.listaOpciones {list-style-type: none; list-style-position: outside; font-size: 0.8em; margin: 0px; padding-left: 1.5em; padding-top: 0.8em}
ul.listaOpciones li{line-height: 1.4em}

ul.tercerMenu {list-style-type: none; margin: 0px; padding: 0px; padding-top: 1em; font-size: 0.8em; font-weight: bold}
ul.tercerMenu li{display: inline; border-right: 1px solid #ccc; margin: 0px 0.2em 0px 0.2em; padding: 0px 0.2em 0px 0.2em}
ul.tercerMenu li.ultimo{border: 0px}
ul.tercerMenu li.primero{padding-left: 0px; margin-left: 0px}

ul.tipo-A {list-style-type: none; list-style-position: outside; margin: 0px; padding: 0.8em 0.5em 0px 0.5em; font-size: 0.8em}
ul.tipo-A li { padding: 0px 0px 0px 0px; border-bottom: 1px dashed #ccc}

ul.destacados {list-style-type: square; list-style-position: inside;  font-size: 0.8em; margin: 0.5em 0px 0.5em 0px; padding: 0.5em; background-color: #f1f1f1; border: 1px solid #ccc; color: #666}
ul.destacados li { line-height: 1.2em}
ul.destacados li.inicio { padding-bottom: 0.3em; border-bottom: 1px solid #ccc}
ul.destacados li.ultimo { padding-top: 0.3em}
ul.destacados li a {font-weight: bold}
ul.destacados li.sinMarca { list-style-type: none; padding: 0px; margin: 0px; list-style-position: outside}
ul.destacados li img {vertical-align: middle}

ul.noticias {margin: 0em; padding: 0em; list-style-type: none}
ul.noticias li { padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px dashed #999}

ul.enLinea { list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 5px}
ul.enLinea li {display: inline}

ul.opcionesEnLinea { list-style-type: none; margin: 0px; padding: 0px; padding-top: 1em}
ul.opcionesEnLinea li { display: inline; margin-right: 5px}
ul.opcionesEnLinea li.ultimo {margin: 0px}

ul.sinSangre { list-style-type: none; margin: 0px; padding: 0px}
ul.sinSangre li { padding-bottom: 1em}

ul.normal li a:hover { border-bottom: 1px dashed #333; text-decoration: none}

ul.normal li a { border-bottom: 1px dashed #333; text-decoration: none}

/* COLONNES*/

div.colAB-A {width: 240px; float: left}
div.colAB-B {width: 240px; float: right}

div.colAB-A-150 {width: 150px; float: left; font-size: 85%; text-align: right}
div.colAB-B-310 {width: 360px; float: right; border-left: 1px solid #ccc; padding-left: 0.8em; font-size: 85%; color: #999}

div.colAB-A-150 ul {margin: 0px; padding: 0px; list-style: none }
div.colAB-A-150 h3 {margin: 0px; padding-bottom: 0.4em; text-align: right}
div.colAB-A-150 ul li{ padding-top: 0.2em; padding-bottom: 0.2em; text-align: right}

div.colAB-B-310 ul {margin: 0px; padding: 0px; list-style: none }
div.colAB-B-310 ul li{ padding-top: 0.5em; padding-bottom: 0.5em; line-height: 150%}

/* COLONNE DE DROITE ---------------------------------------------------------------------*/

div#derecha a{color: #666}
div#derecha a:hover {text-decoration: underline}

div#cuerpoContenido div#derecha h3 { font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: 1em; padding: 0.4em 0px 0.4em 0.5em; margin: 0px; 
background-color: #ccc; border-bottom: 1px solid #999; border-top: 1px solid #fff; color: #666}
div#cuerpoContenido div#derecha h3.noticias { color: #ccc; background-color: #666; 
border-bottom: 1px solid #333}
div#derecha ul { margin: 0px; padding: 0px; list-style: none}
div#derecha ul li { border-bottom: 1px solid #ccc; padding: 0.3em 0.5em 0.3em 0.6em; 
background-color: #f1f1f1}
div#derecha ul li.noticia { border-bottom: 1px solid #666; padding: 0.3em 0.5em 0.3em 0.6em; 
background-color: #999; color: #333}
div#derecha ul li.noticia a {color: #000}
div#derecha ul li.imagen { padding: 0px; margin: 0px; text-align: center}
div#derecha ul li.separacion { height: 5px; background-color: #999}

div#derecha p {text-align: left; padding: 0.4em; margin: 0px; border-bottom: 1px solid #ccc}
div#derecha p.imagen {padding: 0px; margin: 0px; text-align: center; padding-bottom: 1px}
div#derecha p.imagen img {border: 1px}

div#derecha form {margin: 0px; padding:0px}

/* ------------------------------------------------------------------ */
/* PARTIE FINALE-------------------------------------------------------------- */
/* ------------------------------------------------------------------ */

div#cuerpoPie { margin: auto; width: 945px; text-align: left; color: #ccc; font-size: 70%}

div#menuInferior { background-image: url('../../Images/menu/fondprincipal.gif'); border-top: 1px solid #666; background-position-y:50%}
div#notasLegales { float: left; width: 945px; border-top: 1px solid #ccc; background-color: #666}

div.colAB-A-450 {width: 41%; float: left; text-align: right}
div.colAB-B-300 {width: 445px; float: right}

div.colAB-B-300 p {padding: 1em 0.5em 1em 1em}
div.colAB-A-450 p {padding-top: 1em}

div#finPie { width: 755px; text-align: left}
div#notasPie { width: 755px; text-align: left; color: #666; font-size: 60%; padding: 1.5em}
p.centrar{ text-align: center}


/* SANS CLASSE --------------------------------------------------------------*/

div#cuerpoContenido-1-Col { width: 945px; float: left; border-right: 1px solid #666; 
background-color: #fff; margin-bottom: 0px; margin: auto; text-align: left; 
border-bottom: 1px solid #ccc; padding-left: 0.5em}

/* REGLES DE STYLE ----------------------------------------------- */

/* GENERALES */

img { vertical-align: middle; border: 0px}
img.fotoEnTexto { float: left; margin-right: 0.5em; margin-bottom: 0.1em}
h5 { font-family: Arial, Helvetica, sans-serif; color: #993228}
h4 { font-family: Arial, Helvetica, sans-serif; color: #993228}
h3 { font-family: Arial, Helvetica, sans-serif; color: #993228}
h2 { font-family: Arial, Helvetica, sans-serif; color: #993228}
h1 { font-family: Arial, Helvetica, sans-serif; color: #993228}
acronym { background-color: #f1f1f1; border: 1px dotted #ccc; padding: 0.1em 0.2em 0.1em 0.2em; cursor: help}



p.menuFlash {text-align: left; padding: 1em; margin: 0px; background-color: #ccc; color: #666; font-size: 0.7em; border-bottom: 1px solid #999; border-top: 1px solid #999}
form#formFlash { float: right; padding: 0.5em; margin: 0px}
p.flash {text-align: center; padding: 2em; margin-top: 0.3em}

ul { list-style-type: square}

form.seleccion { background-color: #f1f1f1; padding: 5px; margin: 0.5em 0px 0.5em 0px}
form.seleccion * {font-size: 0.8em}
form.seleccion select {width: 197px; height: 1.6em; font-size: 90%}
form.seleccion input { width: 25px; height: 1.6em; font-size: 90%}

img.margen {margin-left: 5px; margin-right: 5px}

/* MENU NAVIGATION */

div#menuDinamico { position: absolute; width: 200px; top: 125px; visibility: hidden; background-color: #fff; border: 1px solid #ccc; font-size: 0.7em; text-align: left; border-top: 1px solid #fff; z-index: 100}

div#menuDinamico ul { margin: 0px; padding: 0px; list-style-type: none; border-top: 4px solid #f1f1f1; border-bottom: 4px solid #ccc; color: #ccc}
div#menuDinamico ul li { border-top: 1px solid #ccc; padding: 0.3em 0px 0.3em 1em}
div#menuDinamico ul li.inicio { border-top: 1px solid #ccc; padding: 0.3em 0px 0.3em 1em; background-color: #f1f1f1; font-size: 80%}
div#menuDinamico ul li a:hover{ color: #000; font-weight: bold; text-decoration: none}

div#cuerpoContenido p.fotoEnLinea{ margin: 0px; padding: 0px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align: center}
div#cuerpoContenido p.pieFoto{ font-size: 0.7em; text-align: right; background-image: url('../../Images/menu/grille.gif'); color: #666; background-color:#ccc; margin-left:0px; margin-right:0px; margin-top:2px; margin-bottom:1.5em; padding-left:0.2em; padding-right:0.8em; padding-top:0.2em; padding-bottom:0.2em}

div.clearDiv {clear: both; height: 1em}

table caption{display: none}

/*img#zoom {border: 1px solid #333}*/
/*---------- Fran -----------------------*/
table.medallero {border: 1px solid #ccc; width: 90%; font-size: 90%}
table.medallero td{ text-align: center; border: 1px solid #ccc}
table.medallero td.izquierda{ text-align: left; border: 1px solid #ccc}
table.medallero td.derecha{ text-align: right; border: 1px solid #ccc}
table.medallero td.Pais{ background-color: #ccc }
table.medallero th{ background-color: #999; color: #fff}

table.visor {background-color: #666; border: 0px; width: 700px; margin: auto}
table.visor td{ vertical-align: middle; text-align: center; background-color: #fff; width: 100px; height: 80px}
table.visor td.imagenZoom { width: 500px; height: 240px; background-color: #f1f1f1; text-align: center; vertical-align: middle}
table.visor td.imagenZoom img {border: 1px solid #333}

table.equipos {border: 1px solid #ccc; width: 90%; font-size: 85%}
table.equipos td{ text-align: center; border: 1px solid #ccc; font-size: 80%}
table.equipos th{ background-color: #999; color: #fff; font-size: 85%}

.obras {padding: 0px 0px 5px 0px; margin: 0px}
h3.obras {padding: 0.5em; margin: 0px; background-color: #f1f1f1; border: 1px solid #ccc}

.sinMargen {padding:0px; margin: 0px}
p.destacado-2 { margin: 0px; padding: 0.4em; font-size: 0.9em; color: #999; background-color: #f1f1f1; border: 1px solid #ccc; text-align: left}

div.col-AB-A { width: 50%; float:left}
div.col-AB-B { width: 50%; float: right}

li.sinTopo {margin: 0px; padding: 0px; list-style-type: none}

div#backUp {display: none}
span.derecha {float:right}
span.izquierda {text-align: left}

div.por-AB-A { width: 245px; float:left}
div.por-AB-B { width: 245px; float: right}

div.porMenu{ background-image: url('../../Images/menu/blanc.gif'); background-repeat: repeat-y; background-position:  left 50%; }
div.porMenuCabecera { width: 247px; height: 20px; background-image: url('../../Images/menu/ligne.gif'); background-position: left bottom; background-repeat: no-repeat}
div.porMenuPie { width: 247px; height: 20px; background-image: url('../../Images/menu/menupied.gif'); background-position: left top; background-repeat: no-repeat}

div.porMenu p {margin:0px; padding-left: 15px; text-align: left; padding-top: 0px; padding-right: 15px;}
div.porMenu ul {padding-left: 15px; text-align: left; padding-top: 0px}
div.porMenu h3 {padding: 0px; margin: 0px; padding: 0px 15px 5px 15px; font-size: 16px; border-bottom: 1px dashed #ccc; background-color: #f1f1f1; border-left: 1px solid #ccc; border-right: 1px solid #ccc}
div.porMenu h3.porTituloImagen{margin: 0px; padding: 15px 15px 5px 15px}
div.porMenu p.porSinSangre {margin: 0px; padding: 0px; border-bottom: 1px dashed #ccc; margin-bottom: 8px}
div.porMenu p.porCentro { text-align: center}

p.presentacionMultimedia {text-align: left; padding: 1em; font-size: 0.8em; border-bottom: 1px dashed #ccc}
p.piePresentacionMultimedia {text-align: left; padding: 1em; font-size: 0.8em; border-top: 1px dashed #ccc}

dl dt {font-weight: bold; color: #000}
dl dd {margin: 0px; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em}

div#pieTexto {display: none}
div#cabTexto {display: none}

div.porMenu form.seleccion {border-left: 1px solid #999; border-right: 1px solid #999}
a.email { color: #ccc; text-decoration: underline}
a.email:hover { color: #ccc}

div#mpOpciones map {display: inline}
object p{display: none}

form.buscador label {display: none}

div.por-AB-A { width: 245px; float:left}
div.por-AB-B { width: 245px; float: right}
div.porMenu{ background-image: url('../../Images/menu/fondma.gif'); background-repeat: repeat-y; background-position:  left 50%; }
div.porMenuCabecera { width: 247px; height: 20px; background-image: url('../../Images/menu/xxx.gif'); background-position: left bottom; background-repeat: no-repeat}
div.porMenuPie { width: 247px; height: 20px; background-image: url('../../Images/menu/menupied.gif'); background-position: left top; background-repeat: no-repeat}

div.porMenu p {margin:0px; padding-left: 15px; text-align: left; padding-top: 0px; padding-right: 15px; font-size: 0.8em}
div.porMenu ul {padding-left: 15px; text-align: left; padding-top: 0px}
div.porMenu h3 {padding: 0px; margin: 0px; padding: 5px 15px 5px 15px; font-size: 16px; border-bottom: 1px dashed #ccc}
div.porMenu h3.porTituloImagen{margin: 0px; padding: 15px 15px 5px 15px}
div.porMenu p.porSinSangre {margin: 0px; padding: 0px; border-bottom: 1px dashed #ccc}
div.porMenu p.porConSangre {margin: 0px; padding: 0px; border-bottom: 1px dashed #ccc; margin-bottom: 8px}
div.porMenu p.destacado { margin: 0px; padding: 5px 15px 5px 15px; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px dashed #ccc; margin-bottom: 8px}
div.porMenu p.porCentro { text-align: center}

ul.portada {list-style-type: none; margin: 0px; padding: 0px; font-size: 0.8em}
ul.portada li { line-height: 1.2em; color: #999}
ul.portada li.inicio { padding-bottom: 0.3em; border-bottom: 1px solid #ccc}
ul.portada li.ultimo { padding-top: 0.3em}
ul.portada li.pie { padding-top: 1em; text-align: right; padding-right: 1em; font-weight: bold}

p.filaImagenes img {margin-right: 5px; border: 0px}
div.contenido p.filaImagenes a { border: 0px; text-decoration: none}
div.contenido p.filaImagenes a:hover { border: 0px; text-decoration: none}

.texteblanc_titre{
	font-family: Trebuchet MS;
	color : #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
}

.fondMarronV2{
	background-color: #6e5036;
}

.style1 {
	text-align: left;
}

	
.laUneZoneHaute{
	padding-left: 9px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.texteNoir_titreDocGras {
	color: #000000;
}
.texteNoir_titreDocGras{
	font-family: Trebuchet MS;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
} 

.texteJaune_titreDocGras{
	font-family: Trebuchet MS;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
} 

.titrearticlebleu {
	color: #0000AA;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;

	
}


.texteFondRaye {
	color: #0000AA;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	
}


.texteLimit {
	color: #0000AA;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	
}


.depeches_interligne {
	color: #0000AA;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	
}


.textebleu {
	color: #0000AA;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	
}

.texteGris_petit {
	font-family: Trebuchet MS;
	color: #666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
}

.TexteActualiteBlanc {
	color: #FFFFFF;
	font-family: Verdana;
	font-size: x-small;
	font-weight: normal;
	font-style: normal;
}
.TitreActualite {
	color: #FFCC00;
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
}

.blogHP{
	font-family: Trebuchet MS;
	color : #E60005;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
}

.forumHP{
	font-family: Trebuchet MS;
	color : #E60005;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
}

.liensInternesHP{
	font-family: Trebuchet MS;
	color : #E60005;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
}

.texteRouge_tresPetitGras{
	font-family: Trebuchet MS;
	color : #E60005;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
}
.bandoReaction {
	background:url('../cgi-bin/fondBandoReaction.gif') repeat-x;
	height:18px;
	margin-top:10px;
}
.bandoReaction {
	background:url('../cgi-bin/fondBandoReaction.gif') repeat-x;
	height:18px;
	margin-top:10px;
}
.clear{
	clear: both;
}
.borderLeft{
	border-left-width:1px; 
	border-left-style:solid;
	border-left-color: #cccccc;
}
.laUneZoneGauche{
	width: 300px;
	padding-left: 9px;
	padding-right: 10px;
	vertical-align: top;
}
.laUneV2ZoneDroite{
	width: 330px;
	padding-left: 9px;
	padding-right: 10px;
	padding-top: 0px;
	border-left : 1px;
	border-right : 0px;
	border-top: 0px; 
	border-bottom : 0px;
	border-style: solid;
	border-color: #cccccc;
}

.laUne1GnPZoneDroite{
	width: 330px;
	padding-left: 9px;
	padding-right: 10px;
	padding-top: 0px;
	border-left : 1px;
	border-right : 0px;
	border-top: 0px; 
	border-bottom : 0px;
	border-style: solid;
	border-color: #cccccc;
}

.laUneZoneDroite{
	width: 330px;
	padding-left: 9px;
	padding-right: 10px;
	padding-top: 0px;
	border-left : 1px;
	border-right : 0px;
	border-top: 0px; 
	border-bottom : 0px;
	border-style: solid;
	border-color: #cccccc;
}

.paddingBottom{
	padding-bottom:10px;
}

.texteNoir_titreNiv3Gras {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}
.laUne{
	margin-bottom:10px;
	vertical-align: top;
}

	
.style2 {
	font-family: "Trebuchet MS";
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}
.style3 {
	font-family: Tahoma, Verdana;
	color: #0000AA;
}
.style4 {
	color: #0000AA;
}
.style5 {
	font-size: large;
}
.style7 {
	font-size: small;
	color: #0000AA;
}
.style9 {
	font-size: small;
}
.style10 {
	font-size: small;
	font-weight: bold;
}
.style11 {
	font-size: small;
	color: #FFFFFF;
}
.style12 {
	font-size: x-small;
}
.style13 {
	background-color: #FFFFFF;
}
.style14 {
	text-align: right;
	border-style: solid;
}
.style15 {
	color: #666666;
}
.style19 {
	color: #FF0000;
}
.style24 {
	color: #FFFFFF;
}
.style25 {
	margin-left: 0px;
}
.style26 {
	margin-bottom: 0px;
}
.style27 {
	background-color: #006699;
}
.style28 {
	border-style: solid;
	border-color: #800000;
	background-color: #660000;
}
.style29 {
	background-color: #800000;
	text-align: center;
}
.style31 {
	color: #FFCC00;
}
.style32 {
	color: #FFFFFF;
	font-weight: normal;
}

