* {margin:0;padding:0}
html { font-family: Arial, Helvetica, sans-serif}
a {color:#236e40; text-decoration:none}
a:hover {color:#236e40; text-decoration:underline}
.clear {clear:both;height:0;overflow:hidden}
h1,h2,h3,h4,h5 {font-weight:normal}
img {border: 0 none}
ul {list-style-type:none}

body {text-align:center; background-color:#CCC;color:#333}
#general {margin:0 auto; width:780px;text-align:left;background-color:#fff}

/* ---------------- arriba ---------------------------------- */
#cabezal h1 {margin-left:25px}
#cabezal h3 {
	color:#fff;background: #009e4a url(img/fondo_slogan.png) repeat-x;padding: 6px 14px 10px 0;
	font-size:11px;text-align:right;margin: 11px 0 0 0
	}
.formulaire_recherche {background: url(img/fondo_arriba.png) repeat-x;height:32px}
.formulaire_recherche form {
	float:right;width:222px;background: url(img/fondo_buscador.png) no-repeat top right;
	padding: 10px 9px 9px 9px; text-align:right
	}
.formulaire_recherche .forml {
	border: 0 none; background: url(img/fondo_input.gif) top right;
	padding: 0 1px;font-size:10px;width:136px
	}
.formulaire_recherche label {display:none}
.formulaire_recherche fieldset {border:0 none}
.formulaire_recherche .boton {vertical-align:text-bottom}

/* ---------------- menu ---------------------------------- */
#menu ul {float:left;width:183px; background: url(img/menu.gif) no-repeat;height:236px}
* html #menu ul {width:180px}
#menu li a {display:block;text-indent:-9000px;height:41px}

#menu li.op1 a:hover {background: url(img/menu.gif) no-repeat right top }
#menu li.op2 a:hover {background: url(img/menu.gif) no-repeat -193px -41px }
#menu li.op3 a {height:40px}
#menu li.op3 a:hover {background: url(img/menu.gif) no-repeat -193px -82px }
#menu li.op4 a {height:40px}
#menu li.op4 a:hover {background: url(img/menu.gif) no-repeat -193px -122px }
#menu li.op5 a {height:39px}
#menu li.op5 a:hover {background: url(img/menu.gif) no-repeat -193px -162px }
#menu li.op6 a {height:34px}
#menu li.op6 a:hover {background: url(img/menu.gif) no-repeat -193px -201px }

/* ---------------- quick menu ---------------------------------- 
#quickmenu {text-align:right;background: url(img/fondo_slogan.png) no-repeat top right;padding: 0 9px 40px 0}
#quickmenu li {
	display:inline; font-size: .6em; padding: 0 .6em 0 .8em;
	border-left: 1px solid #fff; text-transform:uppercase;position:relative;top:-1px
	}
#quickmenu li:first-child {border-left: 0 none}
#quickmenu a {color:#fff}
*/

/* ---------------- menu principal ---------------------------------- */
#menunav {background: #9d3b2c url(img/fondo_slogan.png) repeat-x;color:#fff; height:25px}
#nav,
#nav ul {
	float:left;
	text-align:left;list-style: none;
	font-size:12px;
}
#nav a {
	display: block;padding: 4px 10px;
	color: #fff;text-decoration: none
}
#nav a.daddy {background: url(img/flechita.gif) no-repeat 140px 5px}
#nav li {float: left;width: auto}
#nav li ul {
	position: absolute;left: -999em;
	height: auto;width: 150px;
	margin-top: 0;margin-left: 0;
	font-weight: normal;
	visibility: visible;
}
#nav li li {width: 150px;background-color: #9d3b2c}
#nav li ul ul { /*subsubmenu*/	margin: -22px 0 0 150px}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;	
}
#nav li ul li:hover, #nav li ul li.sfhover {background-color: #9d3b2c}
#nav li a:hover {color:#51e472;background-color:#c42f19}
#nav a.principal {background: #9d3b2c url(img/fondo_slogan.png) repeat-x;color:#fff}
#nav a.principal:hover {background: #9d3b2c url(img/fondo_slogan.png) repeat-x;color:#fff}

/*------------- columnas layout ---------------- */
#contenido {padding-top:30px; background-color: #FFF}
.colizquierda {float:left;width:204px}
.colcentro {float:left;width:390px;padding-bottom:20px}
.colcontenidos {float:left;width:575px;padding-bottom:20px}
.colderecha {float:left;width:185px}

/* --------------- columna centro ----------------------------- */
.colcentro h2 {font-size:11px;text-transform:uppercase; font-weight:bold;margin: 0 0 .5em 0}
.colcentro h2 a {color:#000}
.colcontenidos h2 {
	font-size:16px;text-transform:uppercase;font-weight:bold;color:#266632;
	border-bottom: 1px solid #D4D4D5;margin: 0 2em .5em 0;padding-bottom:.2em
	}
.colcontenidos.rubrique h2 {
	font-size:11px;text-transform:uppercase; font-weight:bold;margin: 0 2em .5em 0;
	border-bottom: 0 none;padding-bottom:0
	}
.colcontenidos.rubrique h4, .colcentro h1 {
	font-size:16px;text-transform:uppercase; font-weight:bold;color:#266632;margin: 0 2em .5em 0;
	border-bottom: 1px solid #D4D4D5;margin: 0 2em .5em 0;padding-bottom:.2em
}
.colcontenidos.rubrique h3 {color:#7D3327;font-size:10px}
.colcontenidos.rubrique h2 a {font-weight:bold;color:#000}
.colcentro h4, .colcontenidos h4 {color:#7D3327;font-size:10px}
.colcentro p, .colcontenidos p {font-size:12px;color:#656565}
.spip_logos {position:relative;top:1em;margin: 0 0 .7em .5em;border: 1px solid #E0E0E0;float:right}
.colcontenidos .spip_logos {margin-right:2em}
.descripcion {border-bottom: 1px solid #E0E0E0;padding: .7em 0;margin-bottom:1.8em}
.colcontenidos .descripcion {margin-right:2em}
.colcentro.novedades .chapo {padding: 1.4em 0 .6em 0;margin-bottom:1em; color:#333}
.colcontenidos .chapo {padding: 1.4em 2em 0 0;margin-bottom:1em}
.colcentro p.spip, .colcontenidos p.spip {margin-bottom:.8em}
.colcontenidos .texto {padding-right:2em}
.texto {margin-bottom:1.8em;font-size:12px}
.texto .spip {font-size:12px;color:#656565}
.spip .spip_documents_center {text-align:center;display:block;padding:.8em 0}
.texto h3.spip {font-weight:bold;color:#7D3327;margin: .4em 0 .8em 0}
ul.spip {list-style-type:disc;margin-left:2em}
ul.spip ul {margin: .6em 0 0 2em}
ul.spip li {padding-bottom:.4em}

/* --------------- ICONOS ----------------------------- */
.iconos {width:150px;padding-left:20px}
.iconos h4 {
	border-bottom: 1px solid #D4D4D5;text-transform:uppercase;
	color:#707070;font-size:11px;margin-bottom:.8em;font-weight:bold;
	}
.iconos li {font-size:12px;margin-bottom: .8em;margin-top: .4em;}
.iconos li a:hover {text-decoration:none;color:#993224}

.iconitos {border: 0;padding-right: 10px;}


/* --------------- columna derecha ----------------------------- */
.mas {width:122px;padding-left:43px}
.mas h4 {
	border-bottom: 1px solid #D4D4D5;text-transform:uppercase;
	color:#707070;font-size:11px;margin-bottom:.8em;font-weight:bold
	}
.mas li {font-size:11px;margin-bottom:.8em;height:1%}
.mas .vermas {text-align:right;border-bottom: 1px solid #D4D4D5;padding: .4em .4em .3em 0}

/* ---------------- formularios ------------------------------ */
.formulaire_ecrire_auteur fieldset {border: 0 none;margin-top:2em}
.formulaire_ecrire_auteur legend {display:none}
.formulaire_ecrire_auteur label {display:block;width:6em;float:left}
.formulaire_ecrire_auteur p {font-size:12px;margin-bottom:.8em}
.formulaire_ecrire_auteur .forml {border: 1px solid #2A874D; padding: 0 1px;width:300px;font-size:12px}
textarea {font-family:Arial, Helvetica, sans-serif;font-size:12px}
.formulaire_ecrire_auteur .spip_bouton input {
	background-color:#226D3F;color:#fff;border: 2px solid #118645;
	text-transform:uppercase;font-size:11px; cursor:pointer
	}
.formulaire_ecrire_auteur .previsu {border: 1px solid #226D3F;padding:.5em .5em 0 .5em;background-color:#FFFFE6}	
.formulaire_ecrire_auteur .previsu .spip_bouton {padding-top:.6em}
.formulaire_ecrire_auteur .reponse_formulaire {color:#A6402F;margin-top:1em}

/* ---------------- pie ---------------------------------- */
#pie {background: url(img/fondo_pie.png) no-repeat;text-align:right;padding: 6px 11px 4px 0}
#pie p {color:#666;font-size:10px;margin-bottom:12px}
#pie p a {color:#666}
#pie h5 a {color:#D5C4C1;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#A6402F}


/* ---------------- fotos ---------------------------------- */

.fotoderecha {float:right; width:auto}
.fotoderecha2 {float:right; width:auto}
.fotoizquierda {float:left; width:auto}
.fotoizquierda2 {float:left; width:auto}
.fotocentral {float:left; width:546px}
.fotoderecha img {
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #D4D4D5;
	margin: 4px 0 4px 15px;
}

.fotoderecha2 img {
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #D4D4D5;
	margin: 4px 0 4px 0;
}


.fotoizquierda img {
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #D4D4D5;
	margin: 4px 15px 4px 0;
}

.fotoizquierda2 img {
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #D4D4D5;
	margin: 4px 10px 4px 0;
}


.fotocentral img {
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #D4D4D5;
	margin: 10px 0 10px 0;
}

/* ---------------- CooperAvisos ---------------------------------- */

#cooperavisos {
	width:560px;
	margin:auto;
	margin-top:0px;
	text-align:left;
}



.avisos_up {
	height:20px;
	background: url(img/avisos_top.gif) no-repeat top center;
}

.avisos_fondo {
	background-color: #FFFFFF;
	background: url(img/avisos_centro.gif) repeat-y center center;
}

.avisos_bottom {
	height:35px;
	background: url(img/avisos_bottom.gif) no-repeat bottom center;
}

.avisos_texto {
	font-size: 11px;
	padding: 5px 35px 0 15px;
}


/* ------- Tablas Mercados ---------- */

table.spip {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	width: 80%;
	margin: 20px auto 5px auto;
}

table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; 
}

table.spip tr.row_first {
	background: #973124;
	text-align: center;
	margin: 3px;
}

table.spip tr.row_odd { background: #FFF; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 5px; text-align: left; vertical-align: middle; border: 1px solid #D4E0EE; border-collapse: collapse; }

table.spip tr.row_first strong {color: #FFFFFF; text-align:center; font-size: 13px;}


/*	------- Tablas Mercados ----------



table {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	color: #555;
	width: 100%;
}

th, td {
	border: 1px solid #D4E0EE;
	border-collapse: collapse;
	color: #555;
}


caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

td, th {
	padding: 4px 10px 4px 4px;
	text-align: right;
}

thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 120%;
}

tbody th {
	font-weight: bold;
	text-align: center;
}

tbody tr { background: #FCFDFE; }

tbody tr.odd { background: #F7F9FC; }

tbody td.izq { 
	text-align: left;
	font-weight: normal;	
}

table a:link {
	color: #718ABE;
	text-decoration: none;
}

table a:visited {
	color: #718ABE;
	text-decoration: none;
}

table a:hover {
	color: #718ABE;
	text-decoration: underline;
}

tfoot th, tfoot td {
	font-size: 85%;
} */