/* 
    Document   : css
    Created on : 22-nov-2011, 14:16:22
    Author     : Raphael Martinez
    Author URL : www.imrea.es
    Description: Imrea cascading style sheet.
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/** First reset all **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,b,big,cite,code,del,dfn,em,font,i,img,ins,kbd,q,s,samp,small,strike,strong,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}
ol,ul{list-style:none}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:""""}

a {text-decoration:none; color: #95B224;}
a:hover {text-decoration:underline;}
.cleaner	{clear: both;_font-size: 1%;}
body
{
    background-color: #eeeeee;
    background-image: url("../images/bg.png");
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: center center;
    color: #000;
    margin-top: 0pt;
    margin-right: 10px;
    margin-bottom: 16px;
    margin-left: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 160%;
    font-size-adjust: none;
    font-stretch: normal;
    -x-system-font: none;
    text-align: left;
    border-color: #95b224;
}
strong{
    font-weight: bold;
}
h1
{
    font-size:18px;
    color: #95B224;
    padding: 5px 0 4px 30px;
    margin-top:0px;
    border-bottom: 1px solid #95B224;
    background-image: url(../images/h1_bg.png);
    background-position: left;
    background-repeat: no-repeat;
}
h2
{
    font-size:18px;
    color: #95B224;
    padding: 5px 0 4px 30px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #95B224;
    background-image: url(../images/h1_bg.png);
    background-position: left;
    background-repeat: no-repeat;
}

#page
{
    width:790px;
    min-height:500px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
}

#header
{
    height:130px;
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    background-image:url(../images/header.jpg);
    background-repeat:no-repeat;
}
/*NAV*/

#nav
{
    padding:0 0px 0 0px;
    margin-left:5px;
    margin-right:5px;
    list-style:none;
    height:25px;
    background-color:#95b224;
    margin-bottom:0px;

}
#nav ul {
    padding-left:0px;
    padding-top:0px;
    margin:0px;
    list-style-type:none;
}

#nav li 
{
    float:left; /*pour IE*/
}

#nav ul li a {
    display:block;
    float:left;
    width:auto;
    line-height:25px; /*hauteur de l'image de fond*/
    font-size:16px;
    color:#FFF;
    text-decoration:none;
    text-align:center;
    padding-right:5px;
    padding-left:5px;
    border-right:5px;
    border-right-style:solid;
    border-right-color:#fff;
    font-weight: bold;
}
#nav ul li a:hover {
    background:#b2cfdd;
    color:#FFF;
}
/*END NAV*/
.img
{
    border:1px solid silver;
}
#main
{
    min-height:500px;
    margin-left:5px;
    margin-right:5px;
    margin-top:-8px;
}
.c1
{
    width:495px;
    float:left;
    padding-top:10px;
}
.c2
{
    width:275px;
    float:right;
    margin-right:0px;
    margin-top:10px;
    text-align:right;
}
#footer
{
    width:780px;
    margin-left:auto;
    margin-right:auto;
    margin-top:2px;
    background-image:url(../images/footer.jpg);
    background-repeat:no-repeat;
    background-color:#95b224;
    color:#FFF
}

.copy{
    text-align:center; 
    font-size:11px; 
    color:#FFF; 
    padding-bottom:2px; 
    padding-top:2px; 
    background-color:#95b224; 
    width:780px; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:-3px;
}
.copy a{
    color: #FFF;
}
/********************************************************
                     noticias
********************************************************/


/*Noticias*/
/* Home > News
----------------------------*/
#news 
{
    background: url(../images/news.png) no-repeat;
    overflow: hidden;
    padding-top: 0px;
    border: none;
    padding-left:5px;
    padding-right:5px;
}

#news a
{
    text-decoration:none;
    color:#95b224;
}
#news h3 {
    text-indent: -1000em;
    height: 1px;
    width: 1px; }

#news dl {
    width: 370px;
    padding: 5px 10px 5px;
    overflow: hidden;
    font-family: verdana, tahoma, arial;
    font-size: 11px;
    line-height: 1.5;
}

#news dl dd.img {
    float: left;
    margin: 0 10px 0 0;
    border:0px;
}

#news dl dd.date {
    color: #606060;
    font-size: 9px;
    text-transform: uppercase;
    text-align:right;
}

#news dl dt  {
    font-weight: bold;
    color: #151025;
    text-decoration: none;
    color:#95b224;
    padding: 5px;
    float: left;
}

#news a.btn-archives {
    width: 150px;
    height: 9px;
    float: right;
    margin: 15px 25px;
    text-decoration:none;
    font-weight:bold;
    color:#95b224;
}
#news a.btn-archives:hover {
    color:#000;
    text-decoration: underline;
}
.news_liste {
    margin: auto;
}
.news_detaille 
{
    padding-left:5px;
    padding-right:5px;
    margin: auto;
}
.news_entete {
    width:100%;
    min-height:20px;
    height:auto;
}
.news_entete2 {
    width:100%;
    min-height:30px;
    height:auto;
    margin-top:20px;
    margin-bottom:15px;
    background-color:#EFEFEF;
}
.news_newsTitre {
    padding: 5px;
    padding-bottom:10px;
    float: left;
    text-align: left;
    font-weight: Bold;
    text-decoration: none;
    color:#95b224;
}
.news_date {
    padding: 5px;
    padding-right:5px;
    float: right;
    text-align: right;
    color: #606060;
    font-size: 9px;
    text-transform: uppercase;
}
.news_contenu {
    width: 100%;
    overflow: hidden; /* pour que le div s adapte au newsContenu (image) */
    padding: 2px;
    text-align: left;
}
/* ---- position IMAGE  ---- */
/* image a gauche du texte */
.imageG {
    float: left;
    margin: 0 10px 0 0;
    border:0px;
}
.news_liste2 {
    width: 360px;
    border-collapse: collapse;
    border: 1px dotted #CCCCCC;
    margin: auto;
}
table.news_2colonnes {
    margin: auto;
    border-collapse: collapse;
    border: 0px none;
    background-color: #F0F0F0;
}
/* --------------------------- */

/** redes **/
.redes
{
    padding: 5px 0px 5px 0px;
    margin: 5px;
    border-bottom: 1px dotted #95B224;
    border-top: 1px dotted #95B224;
    float: left;
    height: auto;
    width:99%;
}
/** noticias **/

.blog-block-list{
    width: 360px;
    height: 240px;
    padding: 10px;
    margin: 5px 0 0 5px;
    float: left;
    border: 1px solid #e7e7e7;
    position: relative;
    overflow: hidden;
}
.bl-title{
    width:360px;
    height: 40px;
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    color: #95B224;
}
.bl-data{
    width: 360px;
    height: 15px;
    margin: 0 0 5px 0;
}
.bl-autor{
    font-style: italic;
}
.bl-text{
    width: 190px;
    height: 140px;
    overflow: hidden;
    font-size: 11px;
    margin: 5px 0 0 10px;
    float: left;
}
.bl-img{
    width: 160px;
    height: 120px;
    padding: 0;
    margin: 5px 0 5px 0;
    float: left;
}
.bl-img img{
    border: 2px solid #e7e7e7;
}
.bl-read-more{
    width: 360px;
    position: absolute;
    bottom: 15px;
    text-align: right;
}
.bl-read-more a{
    padding: 5px 8px;
    background-color: #f2f2f2;
    color: #95B224;
    font-weight: bold;
}
.bl-read-more a:hover{
    background-color: #95B224;
    color:#FFF;
    text-decoration: none;
}

.blog-block{
    width: 770px;
    padding: 10px 5px 5px 5px;
}
.b-title{
    width: 770px;
    height: 42px;
    overflow: hidden;
    margin: 10px 0 5px 0;
    font-weight: bold;
    font-size: 22px;
    color: #95B224;
}
.b-data{
    width: 770px;
    height: 15px;
    overflow: hidden;
    text-align: left;
    margin: 0 0 5px 0;
}
.b-img{
    width: 320px;
    height: 228px;
    padding: 10px 20px 20px 10px;
    float: left;
}
.b-img img{
    border: 2px solid #e7e7e7;
}
.b-autor{
    font-style: italic;
}
.b-text{
    color: #333;
}
.share-mod{
    padding-left: 550px;
}
/** pagination **/
div.pagination
{
    padding:3px;
    margin:20px 3px 0 3px;
    text-align:center;
    width: 774px;
    position: relative;
}

div.pagination a
{
    padding: 3px 6px 3px 6px;
    margin-right: 2px;
    text-decoration: none;
    color: #95B224;
}
div.pagination a:hover, div.pagination a:active
{
    border:1px solid #95B224;
    padding: 2px 5px 2px 5px;
    color: #95B224;}
div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    font-weight: bold;
    background-color: #95B224;
    color: #FFF;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    color: #ccc;
}
/** col - home botton mod **/
.col{
    width: 244px;
    height: 310px;
    padding: 5px;
    margin: 10px 0 0 0;
    float: left;
    border: 1px solid #e7e7e7;
}
.col2{
    width: 245px;
    height: 310px;
    padding: 5px;
    margin: 10px 0 0 5px;
    float: left;
    border: 1px solid #e7e7e7;
}

/** downloads **/
.link-files{
    background-color: #f2f2f2;
    border: 2px solid #e7e7e7;
    float: left;
    width: 556px;
    min-height: 68px;
    padding: 10px;
    margin: 15px auto 15px 100px;
}
.link-files p{
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-style: italic;
    color: #333;
}
.link-icon{
    float: left;
    width: 140px;
    min-height: 68px;
    text-align: center;
    padding: 10px 0;
}
.doc-list{
    float: left;
    width: 400px;
    min-height: 68px;   
    padding: 0 0 0 10px;
}
.doc-list ul li{
    list-style-type: square;
    margin-left: 30px;
}
.doc-list ul li a{
    color: #333;
    font-weight: bold;
}
.doc-list ul li a:hover{
    color: #95B224;
    text-decoration: none;
}
/** agenda home **/
#agenda-home ul li{
    padding: 5px 0;
    display: block;
    border-top: 1px dotted #e7e7e7;
    width:235px;
    height: 60px;
}
#agenda-home ul li img{
    float: left;
    width: 60px;
    padding: 5px 0;
}
#agenda-home ul li:hover{
    background-color: #f2f2f2;
}
#agenda-home .agenda-fecha{
    float: left;
    width: 170px;
    margin: 0 0 0 5px;
    font-size: 11px;
    color: #333;
    font-style: italic;
}
#agenda-home .agenda-t{
    float: left;
    width: 170px;
    margin: 0 0 0 5px;    
}
#agenda-home a{
    color: #000;
}


#novedad-home img, #noticia-home img{
    border: 2px solid #e7e7e7;
    margin: 0 0 0 40px;
}
#novedad-home .text, #noticia-home .text{
    height: 40px;
    overflow: hidden;
    display: block;
}

span.nov-title, span.not-title{
    font-weight: bold;
    color: #95B224;
    height: 36px;
    overflow: hidden;
    margin-top: 5px;
    display: block;
}

.redes ul li{
    width: 26px;
    height: 26px;
    float: left;
    margin-left: 10px;
}
#servicios ul{
    margin: 0 0 0 30px;
    list-style-type: circle;
}
#agenda .blog-block-list{
    background-image: url(../images/agenda_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
}
/** contacto **/
#contacto label{
    width: 150px;
    float: left;
    font-size: 14px;
    color: #FFF;
    padding: 5px 6px;
    margin-right: 10px;
    background-color: #95B224;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;   
    border: 2px solid #95B224;
    font-weight: bold;
}
#contacto input{
    width: 260px;
    padding: 5px 8px;
    margin-bottom: 10px;
    border: 2px solid #95B224;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
}
#contacto textarea{
    float: left;
    width: 260px;
    padding: 7px;
    border: 2px solid #95B224;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    resize: none;
}
#contacto input.button{
    width: 100px;
    margin-top: 15px;
    cursor: pointer;
    background-image: none;
    font-weight: bold;
    background-color: #95B224;
    color: #FFF;    
    margin-left: 353px;
    border: 2px solid #95B224;    
    
}#contacto input.button:hover{
    background-color: #EF7C19;
    border: 2px solid #EF7C19;
    color: #fff;
}
.contact{
    padding: 15px 0 0 20px;
}
.accept {
    width: 260px;
    padding: 5px 8px;
    margin-bottom: 10px;
    border: none;
    background-color: transparent;
    float: none;
}