body {

margin-top: 0px;

background-color: #b3b3b3;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 0;
color: white ;
}


a, a:visited {
color:black;
text-decoration: none;}

a:hover {
color: black;
text-decoration: underline;}

#chapeau  img
{
   
   
   text-align: center;
   
   
   color: white;
   
   
   border-width: 0px;
   
   
   border-style: none;
}




#header {
background-position: 3px;
background-repeat: no-repeat;

height: 82px;
background-color: #000;
}
#haut {

padding-right: 20px;

padding-top:10px;
background-color: #000;

background-repeat: no-repeat;
background-image: url(images-squelette/bandeau-busquedad.jpg);
text-align: right;
height: 30px;
background-color: black ;


}
#conteneur {
color: white;
background-color: black;
position: relative;
width: 750px;
margin: 0 auto;
}
#centre {
background-position: 587px 0px;
background-color: white;
background-repeat: repeat-y;
background-image: url(images-squelette/fresque-gauche.jpg);
text-align: center;
padding: 5px;
color: black;
margin-left: 150px;
}
#gauche {
padding-left: 5px;
background-color: black;/*Non-IE7*/
border-style: none;
position: absolute;
left:0;
width: 145px;
}
#conteneur-bas {
color: white;
position: relative;
width: 750px;
margin: 0 auto;
}
#centre-bas {
height: 12px;
background-repeat: no-repeat;
background-position: 200px;
background-image: url(images-squelette/fresque-bas-plat.jpg);
text-align: center;
color: black;
background-color: white;
margin-left: 150px;
}
#centre-bas-fin {
text-align: center;
padding: 5px;
color: black;
background-color: white;
margin-left: 150px;
}
#gauche-bas {
height: 12px;
background-position: 0 0px;
position: absolute;
left:0;
width: 150px;
}
#gauche-bas-fin {
border-width: 0px;
background-position: 0 0px;
color: white;
height: 30px;
position: absolute;
left:0;
width: 150px;
}
#bas {
background-color: #fefcfc;
color: #000000;
height: 30px;
}


#pied {
text-align: center;
color: #000000;
height: 30px;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: white;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
border-left-width: 0px;
margin-left: 0px;
background-color: #184080;
color: white;
list-style-type: disc;
}
.menugauche li {
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 0px;
	width: 150px;
	background-color: #dd2120;
	margin-left: 55px;
}
.menugauche a {
background-color: black;
color: white;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.contenu { 
padding-left: 5px; 
padding-right: 5px; 
background-color: #f2f2f2;
 color: black; 
 width: 512px; 
 margin-left: 31px;
  border-style: dotted;
   
  border-width: 1px;
   text-align: justify;
    }
p.contenu {margin-left: 0; margin-bottom: 5px; margin-right: 0; margin-top: 0;}
h1.contenu {
	border-width: 0px;
	border-style: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.contenu a {
	color: black;
	text-decoration: none;
	font-size: 1em;
}

.contenu a:hover {
	color: black;
	text-decoration: underline;
	font-size: 1em;
}

hr { background-color: black; border-width: 1px; text-align: center; border-style: dotted; color: black; width: 150px; }


#recherche a:hover {
	text-decoration: none;
	color: #b3b3b3;
	background-color: black;
}

.recomendaciones
{ margin-left: 31px; float: left; display: block; width: 105px; height: 60px;}
a.recomendaciones {  border-style: none;  background-image: url(images-squelette/boutons/Bouton-recomendaciones-noir.jpg) }
a.recomendaciones:hover {  border-width: 0px;  border-style: none;  visibility: visible }
a.recomendaciones:hover img { border-width: 0px; visibility: hidden }

.conocer
{ float: left; display: block; width: 105px; height: 60px;}
a.conocer {  background-image: url(images-squelette/boutons/Bouton-conocer-noir.jpg) }
a.conocer:hover {  visibility: visible }
a.conocer:hover img { visibility: hidden }

.comunidades
{ float: left; display: block;width: 105px; height: 60px;}
a.comunidades {  background-image: url(images-squelette/boutons/Bouton-comunidades-noir.jpg) }
a.comunidades:hover {  visibility: visible }
a.comunidades:hover img { visibility: hidden }

.foro
{ float: left; display: block;width: 105px; height: 60px;}
a.foro {  background-image: url(images-squelette/boutons/Bouton-foro-noir.jpg) }
a.foro:hover {  visibility: visible }
a.foro:hover img { visibility: hidden }


.contactarnos
{ float: left; display: block; width: 105px; height: 60px;}
a.contactarnos {  background-image: url(images-squelette/boutons/Bouton-contactarnos-blanc.jpg) }
a.contactarnos:hover {  visibility: visible }
a.contactarnos:hover img { visibility: hidden }




.decoration {
	border-width: 1px;
	width: 200px;
	border-style: dotted;
}

.decoration table {
	border-width: 1px;
	width: 200px;
	border-style: dotted;
}

tr.decoration {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	height: 28px;
	border-width: 1px;
	border-style: dashed;
}

tr.decoration:hover {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	height: 28px;
	background-color: white;
	border-width: 1px;
	border-style: dashed;
}

td.decoration {
	padding: 2px;
	height: 28px;
	border-width: 0px;
	border-style: none;
}

.spip {
}
.spip h1 {
	font-size: 1em;
	font-weight: bold;
}
.spip p {
	
}

/* Logos, documents et images */
 .spip_logos { color: black; border-width: 1px; border-style: solid; margin: 0; padding: 0; }

.spip_documents { text-align: center;}
.spip_documents img {border-width: 1px;	border-style: solid; color:black;}
.spip_documents_center { clear: both; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

#menu {
font-style: normal;
font-weight: normal;
font-size: .8em;
padding: 0px;
margin: 0px;
width: 145px;
position: absolute;
top: 0;
left: 0;
}
dl#menu {
padding-left: 5px;
width: 140px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu dd {
	width: 140px;
	padding: 0px;
	margin: 0px;
}
dl#menu dd a {
	width: 130px;
}
dl#menu dd a:hover {
	color: black;
	background-color: #ffdd2d;
}
dl#menu ul {
list-style-position: inside;
color: red;
padding: 0px;
margin: 0px;
border-style: none;
text-align: center;
}
dl#menu li {
list-style-position: inside;
border-style: none;
padding-left: 5px;
margin-left: 0px;
color: #dd2120;
list-style-type: disc;
text-align: left;
}
dl#menu li a{
color: white;
text-decoration: none;
display: inline;
border: 0 none;
height: 100%;
}
 

dl#menu li a:hover
dl#menu dt a:hover {
background-color: #ffdd2d;
color: black;
}
dl#menu dt  {
color: yellow;
background-color: black;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu dt a {
font-style: normal;
font-weight: normal;
border-color: yellow;
border-width: 1px;
border-style: solid;
color: white;
background-color: black;
text-decoration: none;
display: block;
height: 100%;
}

dl#menu dt a:hover {
background-color: white;
color: black;
}

/* menu bleu */
#menu-bleu {
font-style: normal;
font-weight: normal;
font-size: .8em;
padding: 0px;
margin: 0px;
width: 145px;
position: absolute;
top: 0;
left: 0;
}
dl#menu-bleu {
padding-left: 5px;
width: 140px;
}
dl#menu-bleu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu-bleu dd {
	width: 140px;
	padding: 0px;
	margin: 0px;
}
dl#menu-bleu dd a {
	width: 130px;
}
dl#menu-bleu dd a:hover {
	color: white;
	background-color: #184080;
}
dl#menu-bleu ul {
list-style-position: inside;
color: red;
padding: 0px;
margin: 0px;
border-style: none;
text-align: center;
}
dl#menu-bleu li {
list-style-position: inside;
border-style: none;
padding-left: 5px;
margin-left: 0px;
color: #dd2120;
list-style-type: disc;
text-align: left;
}
dl#menu-bleu li a{
color: white;
text-decoration: none;
display: inline;
border: 0 none;
height: 100%;
}
 

dl#menu-bleu li a:hover
dl#menu-bleu dt a:hover {
background-color: #184080;
color: black;
}
dl#menu-bleu dt  {
color: white;
background-color: black;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu-bleu dt a {
font-style: normal;
font-weight: normal;
border-color: #184080;
border-width: 1px;
border-style: solid;
color: white;
background-color: black;
text-decoration: none;
display: block;
height: 100%;
}

dl#menu-bleu dt a:hover {
background-color: white;
color: black;
}



/* menu jaune */
#menu-jaune {
font-style: normal;
font-weight: normal;
font-size: .8em;
padding: 0px;
margin: 0px;
width: 145px;
position: absolute;
top: 0;
left: 0;
}
dl#menu-jaune {
padding-left: 5px;
width: 140px;
}
dl#menu-jaune dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu-jaune dd {
	width: 140px;
	padding: 0px;
	margin: 0px;
}
dl#menu-jaune dd a {
	width: 130px;
}
dl#menu-jaune dd a:hover {
	color: black;
	background-color: #ffdd2d;
}
dl#menu-jaune ul {
list-style-position: inside;
color: red;
padding: 0px;
margin: 0px;
border-style: none;
text-align: center;
}
dl#menu-jaune li {
list-style-position: inside;
border-style: none;
padding-left: 5px;
margin-left: 0px;
color: #dd2120;
list-style-type: disc;
text-align: left;
}
dl#menu-jaune li a{
color: white;
text-decoration: none;
display: inline;
border: 0 none;
height: 100%;
}
 

dl#menu-jaune li a:hover
dl#menu-jaune dt a:hover {
background-color: #ffdd2d;
color: black;
}
dl#menu-jaune dt  {
color: white;
background-color: black;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu-jaune dt a {
font-style: normal;
font-weight: normal;
border-color: #ffdd2d;
border-width: 1px;
border-style: solid;
color: white;
background-color: black;
text-decoration: none;
display: block;
height: 100%;
}

dl#menu-jaune dt a:hover {
background-color: white;
color: black;
}

/* menu rouge */
#menu-rouge {
font-style: normal;
font-weight: normal;
font-size: .8em;
padding: 0px;
margin: 0px;
width: 145px;
position: absolute;
top: 0;
left: 0;
}
dl#menu-rouge {
padding-left: 5px;
width: 140px;
}
dl#menu-rouge dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu-rouge dd {
	width: 140px;
	padding: 0px;
	margin: 0px;
}
dl#menu-rouge dd a {
	width: 130px;
}
dl#menu-rouge dd a:hover {
	color: white;
	background-color: #dd2120;
}
dl#menu-rouge ul {
list-style-position: inside;
color: red;
padding: 0px;
margin: 0px;
border-style: none;
text-align: center;
}
dl#menu-rouge li {
list-style-position: inside;
border-style: none;
padding-left: 5px;
margin-left: 0px;
color: #dd2120;
list-style-type: disc;
text-align: left;
}
dl#menu-rouge li a{
color: white;
text-decoration: none;
display: inline;
border: 0 none;
height: 100%;
}
 

dl#menu-rouge li a:hover
dl#menu-rouge dt a:hover {
background-color: #dd2120;
color: black;
}
dl#menu-rouge dt  {
color: white;
background-color: black;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu-rouge dt a {
font-style: normal;
font-weight: normal;
border-color: red;
border-width: 1px;
border-style: solid;
color: white;
background-color: black;
text-decoration: none;
display: block;
height: 100%;
}

dl#menu-rouge dt a:hover {
background-color: white;
color: black;
}


/* menu rouge */
#menu-vert {
font-style: normal;
font-weight: normal;
font-size: .8em;
padding: 0px;
margin: 0px;
width: 145px;
position: absolute;
top: 0;
left: 0;
}
dl#menu-vert {
padding-left: 5px;
width: 140px;
}
dl#menu-vert dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu-vert dd {
	width: 140px;
	padding: 0px;
	margin: 0px;
}
dl#menu-vert dd a {
	width: 130px;
}
dl#menu-vert dd a:hover {
	color: white;
	background-color: #45963e;
}
dl#menu-vert ul {
list-style-position: inside;
color: red;
padding: 0px;
margin: 0px;
border-style: none;
text-align: center;
}
dl#menu-vert li {
list-style-position: inside;
border-style: none;
padding-left: 5px;
margin-left: 0px;
color: #dd2120;
list-style-type: disc;
text-align: left;
}
dl#menu-vert li a{
color: white;
text-decoration: none;
display: inline;
border: 0 none;
height: 100%;
}
 

dl#menu-vert li a:hover
dl#menu-vert dt a:hover {
background-color: #45963e;
color: black;
}
dl#menu-vert dt  {
color: white;
background-color: black;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu-vert dt a {
font-style: normal;
font-weight: normal;
border-color: #45963e;
border-width: 1px;
border-style: solid;
color: white;
background-color: black;
text-decoration: none;
display: block;
height: 100%;
}

dl#menu-vert dt a:hover {
background-color: white;
color: black;
}

.paragraphe {
}

p.paragraphe {
}

p.paragraphe:hover {
	background-color: fuchsia;
}