* { 
padding : 0;
margin : 0;
} 
body { 
font-family :"Trebuchet MS", Arial, Helvetica, sans-serif;
color : #666666;
font-size : 12px;

} 
#wrapper {
width : 800px;
margin : 5px auto 0 auto;
} 

img { 
padding : 3px;
/*border : 1px solid #bce296;*/
} 
img.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-left : 10px;
}
.floatTL { 
float : left;
margin-right : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-left : 10px;
}

 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 7px;
margin-top : 7px;
margin-right : 10px;
} 

#one { 
display : inline;
width : 200px;
float : left;
min-height : 70px;
background-color : #000000;
} 
* html #one { 
height : 70px;
} 
#one h1 {
color: #fafafa;
font-size: 1.2em;
padding-left: 15px;
padding-top: 10px;
}
#two { 
display : inline;
width : 199px;
float : left;
min-height : 70px;
background-color : #299ad4;
border-left : 1px solid #fff;
} 
* html #two { 
height : 70px;
} 
#three { 
border-left : 1px solid #fff;
border-right : 1px solid #fff;
display : inline;
width : 198px;
float : left;
min-height : 70px;
background-color : #6c9626;
} 
* html #three { 
height : 70px;
} 
#four { 
display : inline;
width : 200px;
float : left;
min-height : 70px;
background-color : #e48f00;
} 
* html #four { 
height : 70px;
} 
#two a, #three a, #four a { 
color : #fffffe;
font-family : Verdana;
font-size : 25px;
text-decoration : none;
float : right;
padding-right : 5px;
padding-top : 40px;
} 
#navigation { 
display : inline;
width : 179px;
float : left;
padding-right : 5px;
/*background-color : #f2f2f2;*/
/*min-height : 600px;*/
border-top : 3px solid #fff;
border-left : 1px solid #ccc;
border-right : 1px solid #fff;
border-bottom : 1px solid #ccc;
} 

.navigation { 
float : left;
padding-left : 5px;
margin-right : 40px;
margin-top : 17px;
width : 145px;
} 
.navigation ul { 
margin : 0;
padding : 0;
}
 
.navigation li { 
border-bottom : 1px solid #d5e8ad;
border-collapse : separate;
list-style : none;
} 
.navigation li a { 
color : #553;
display : block;
padding : 4px 4px 5px 5px;
text-decoration :none;
font-family : Verdana;
font-size : 0.85em;
font-weight : bold;
} 
.navigation li a:hover { 
color : #176d95;
} 
.navigation h2 {
font-size: 1em;
color: #176d95;
}
.navigation h2 a{
font-size: 0.9em;
color: #48b033;
}

/* Menu de navegacion de la cabecera */
#cabecera { 
display : inline;
width : 180px;
float : left;
background-color : #f2f2f2;
min-height : 179px;
border-top : 3px solid #fff;
border-left : 1px solid #ccc;
border-right : 1px solid #fff;
border-bottom : 1px solid #ccc;
overflow: hidden;
} 
* html #cabecera { 
height : 198px;
} 
.cabecera { 
float : left;
margin-left : 17px;
margin-top : 17px;
width : 198px;
} 
.cabecera ul { 
margin : 0;
padding : 0;
} 
.cabecera li { 
border-bottom : 1px solid #d5e8ad;
list-style : none;
} 
.cabecera li a { 
color : #553;
display : block;
padding : 4px 4px 5px 5px;
text-decoration :none;
font-family : Verdana;
font-size : 0.75em;
font-weight : bold;
} 
.cabecera li a:hover { 
color : #176d95;
} 
.cabecera h2{
font-size: 12px;
color: #a80b36;

}

#header { 
display : inline;
width : 598px;
float : right;
min-height : 180px;
background-image : url(../images/header.gif);
background-repeat : no-repeat;
border-top : 3px solid #fff;
border-right : 1px solid #ccc;
} 
* html #header { 
height : 180px;
} 
#brdl { 
background-color : #299ad4;
display : inline;
float : left;
width : 799px;
height : 25px;
border-top : 3px solid #fff;
margin-bottom : 3px;
} 

/*Destacados*/

#destacados{
display:inline;
width: 600px;
float: left;
}



#destacado_txt{

display:inline;
width: 400px;
float: left;
text-align: left;
min-height: 70px;
}

#logopub {
float: right;
width: 200px;
}

#logopub img {
margin: 0;
padding: 0;
border: none; 
}



#col_one_art { 
display : inline;
width : 198px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
/*border-bottom : 1px solid #ccc;
*/
}


#col_one_art h2 { 

/*background-color :#a22948;*/
/*background-color :#a80b36; color logo ymca*/
/*background-color :#f0c827;*/
color: #a22948;
/*color: #f7f9f6;*/
/*color : #939b8e;*/
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
margin-right : 1px;
}


#col_one_art a { 
margin-left : 25px;
margin-bottom :2px;
color : #667dfe;
font-size : 0.8em;
font-weight : bold;
padding : 2px;
}

#col_one { 
display : inline;
width : 198px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;
/*border-left : 1px solid 
/*border-bottom : 1px solid #ccc;
*/
} 
* html #col_one { 
height : 440px;
} 

#col_one h2  { 
background-color : #000;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
margin-right : 1px;
} 
#col_one h3 { 
font-family : verdana;
font-size : 0.9em;
padding-top : 10px;
padding-left : 15px;
padding-bottom : 5px;
color : #a06314;
background-image : url(../images/news.gif);
background-repeat : no-repeat;
background-position : left 10px;
margin-left : 10px;
} 
#col_one p { 
font-family : verdana;
font-size : 0.75em;
padding-left : 15px;
padding-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
padding-right : 20px;
background-color : #eff6ff;
} 
#col_one a { 
margin-left : 25px;
margin-bottom : 2px;
color : #48b033 ;
font-size : 0.8em;
font-weight : bold;
padding : 2px;
} 


#col_two_art { 
display : inline;
width : 596px;
float : right;
/*min-height : 440px;
*/
background-color : #fff;
/*border-top : 1px solid #ccc;
*/
/*border-bottom : 1px solid #ccc;*/
border-left : 1px solid #ccc;
padding-left : 5px;
} 

#col_two { 
display : inline;
width : 200px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;
/*border-bottom : 1px solid #ccc;
*/
} 
* html #col_two { 
height : 440px;
} 
#col_two p { 
font-size : 0.9em;
text-align : justify;
background-color : #e6e6e6;
margin-left : -8px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_two h2 { 
background-color : #299ad4;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
} 
#col_two h2 a { 
background-color : #299ad4;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-top : 3px;
padding-left : 5px;
padding-bottom : 4px;
text-decoration: none;
} 
#col_two img { 
margin-top : 0px;
margin-left : 0px;
} 
#col_two h3 { 
text-align : center;
font-family : verdana;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
} 
#col_two ul { 
margin-left : 15px;
margin-top : 5px;
color : #667dff;
} 
#col_two li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : none;
list-style-position : inside;
} 
#col_two a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
} 
#col_three { 
border-left : 1px solid #fffff0;
border-right : 1px solid #fffff0;
display : inline;
width : 198px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;
/*border-bottom : 1px solid #ccc;
*/
} 
* html #col_three { 
height : 440px;
} 
#col_three p { 
font-size : 0.9em;
text-align : justify;
background-color : #e6e6e6;
margin-left : 5px;
margin-right : 5px;
margin-top : 5px;
padding : 3px;
} 
#col_three h2 { 
background-color : #6c9626;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
} 
#col_three h2 a { 
background-color : #6c9626;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
text-decoration: none;
} 
#contenu img {
border: none;
}

#col_three img { 
margin-top : 0px;
margin-left : 0px;
} 
#col_three h3 { 
text-align : center;
font-family : verdana;
font-size : 14px;
padding-top : 10px;
padding-bottom : 5px;
font-weight : lighter;
}

#col_three ul { 
margin-left : 15px;
margin-top : 5px;
color : #667dff;
} 
#col_three li { 
padding-top : 5px;
padding-left : 10px;
list-style-type : none;
list-style-position : inside;
}

 
#col_three a { 
color : #667dfe;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
}
 
#col_four { 
display : inline;
width : 200px;
float : left;
min-height : 440px;
background-color : #fff;
border-top : 1px solid #ccc;
} 
* html #col_four { 
height : 440px;
} 
#col_four p { 
font-family : verdana;
font-size : 0.75em;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
background-color : #eff6ff;
} 
#col_four h2 { 
background-color : #e48f00;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
} 
#col_four h2 a { 
background-color : #e48f00;
color : #f1f1f1;
font-family : verdana;
font-size : 16px;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
text-decoration: none;
} 
#col_four a { 
color : #48b033;
} 

#col_four li { 
list-style-type :none;

}



#footer { 
margin-top : 3px;
border : 1px solid #ccc;
background-color : #299ad4;
display : inline;
float : left;
width : 800px;
padding-top : 5px;
padding-bottom : 5px;
text-align : center;
} 
#footer p { 
padding-top : 5px;
padding-bottom : 5px;
font-size : 0.8em;
} 

/* Estilo de SPIP  */
#chapo {
}


.liste-articles a{
color : #667dfe; 
/*color : #5e7899;*/
/*color: #a80b36;*/
/*font-weight : bold;*/
text-decoration : underline;
font-size : 0.95em;
}

/* Titulo de las secciones */

.titre {
text-decoration : none;
font-family :"Trebuchet MS", Arial;
font-size : 18px;

}

.titre a { 
 color : #a80b36; 
display : block;
padding : 4px 4px 5px 12px;
text-decoration : none;
font-family : Verdana;
font-size : 0.65em;
font-weight : bold;
}

.titre a:hover { 
color:#553;
}
.spip_logos{
}

.detail { font:0.75em  "Lucida Sans", Arial, Helvetica, Sans-serif; color:#000000; margin-top:3px;}
.detail a, .detail a:link, .detail a:visited {color:#667dfe; text-decoration:underline;}
.detail a:hover{color:#0033CC; text-decoration:none;}
.detail2 {  margin-top:20px;}

.surtitre{font:14pt "Lucida Sans", Arial, Helvetica, Sans-serif; line-height:12pt; margin:20px 10px 15px 0px; }



/*** cols*/
#izqArt{float:left; width:250px; text-align:justify;}
#dchaArt{ float:left; margin-left:10px; width:300px; text-align:justify;}
#dchaArt2{ float:left; margin-left:10px; width:550px; text-align:justify;}

#cuerpo { 
background-color : #fff;
/*border : 2px solid #e61717;
*/
width: 800px;
margin : 5px auto 0 auto;
}

/*** estilos de los articulos ****/

.articuloFondo {
margin : 0;
padding : 0;
background-color : #e5facc;

}

/* Style pour le menu spipien*/
#menu .affiche{
visibility:visible;
}
#menu .cache{
display:none;
}
#menu .lien{
color: #553 ;
text-decoration: none;
}
#menu .lienon{
color: #176d95 ;
text-decoration: none;
}
#menu ul.racine{
margin-left:0px;
padding-left:0px;
list-style:none;
}
#menu .article{
margin-left:0px;
padding-left:60px;
list-style-type:square;
}
#menu .rubrique{
margin-left:0px;
padding-left:12px;
list-style-type:circle;
}