/* TAGS */
body {
  font:12px sans-serif;
  background-color:#fff;
  background-image:url('//trieur-semence.fr/uploads/images/interface/fond-staff.jpg');
  background-repeat:repeat-x;
  background-position:top center;
  background-attachement:fixed;
  margin:0;padding:0;
}
body::after {
    content: ' ';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #acf0ac80;
    z-index: -1;
}
p,h1,h2,h3,h4 {margin:12px 25px 12px 25px}
a {color:#32A645;text-decoration:none}
a:hover{text-decoration:underline}
img {
    max-width: 100% !important;
    height: auto;
}

/* GENERIQUES */
#header,#contenus,#pied,#menu {display:block;position:relative;margin:0 auto 0 auto; width:960px;}
#menu,#pied {font:16px sans-serif;line-height:40px;background:#787878;color:#fff}


/* HEADER */
#header {height:170px;position:relative;height:110px;display:block;margin:auto ;z-index:200;}
#header {text-transform:uppercase;font:14px sans-serif;}
#header h1,#header h2{font:14px sans-serif;position:absolute}
#header h1:before{content:url('//trieur-semence.fr/uploads/images/interface/OLD_LOGO.png') ;position:absolute;top:-15px;left:-180px}
#header h1{color:#24529D;font-weight:bold;top:25px;left:200px;font-size:115%}
#header h2{color:#F29628;top:45px;left:200px;font-size:85%}
#header .bouton.membres{
    display: block; margin: 0px;   padding: 10px 40px 10px 10px;
    position:absolute; right:10px; top:30px;
    text-align: center; font-weight: bold; color: #FFF; font-size:13px;
    background-color: #24529D;
    background: #24529D url("//trieur-semence.fr/uploads/images/fleche_blanche.png") no-repeat right center;
}
.bouton.carto{
    display: block; margin: 0px;
    position:absolute; right:5px; top:5px;
    z-index:300;
    border:0;
}
.bouton.carto img{border:0 !important}
#header #retour_accueil {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 210px;
   height: 145px;
}


/* MENU */
#menu{height:40px;position:absolute;top:150px;left:50%;margin-left:-480px ;z-index:100;line-height:40px;}


/* CONTENU */
#contenus {margin-top:110px;width:940px;}
#contenus #article {display:inline-block;margin:0 5px  25px 0;width:600px;padding-bottom:25px;height:auto;line-height:20px;font-size:14px;vertical-align:top;overflow:hidden}
#article{min-height:440px;height:440px;background:#fff}

div#contenus #article h1 {display:block;font-size:26px;color:#32A645;font-weight:normal;line-height:30px;padding-top:20px}
div#contenus #article #texte{display:block;margin:25px;}
#texte>p, #texte>h1,#texte>h2,#texte>h3,#texte>h4{margin-left:0;}

div#contenus #news {position:relative}
div#contenus #article .NewsSummaryContent,
div#contenus #article .NewsSummarySummary{display:none}
div#contenus #article .NewsPostDetailSummary, 
div#contenus #article .NewsPostDetailCategory, 
div#contenus #article .NewsPostDetailAuthor {display:none}
div#contenus #article .NewsSummary {height:80px}
div#contenus #article .NewsSummaryLink a:after{display:none}
div#contenus #article .NewsSummaryLink a{font-weight:bold;color:#F19528}
div#contenus #article .NewsSummaryLink a:hover{text-decoration:underline}
div#contenus #article #NewsPostDetailSummary,
#NewsPostDetailCategory,
#NewsPostDetailAuthor,hr{display:none}


/* COLONNE DROITE & BLOCS */
#contenus #colonnedroite{position:relative;display:inline-block;top:0;margin-left:30px;width:300px;overflow:hidden;vertical-align:top}
#contenus #colonnedroite .bloc{width:300px; height:200px; display:block; margin-bottom:20px; background:#D2D2D2;position:relative;overflow:hidden;}

#contenus #colonnedroite #search{width:300px; height:40px; display:block; margin-bottom:20px; background:#fff;position:relative;overflow:hidden;}

#contenus #colonnedroite .bloc ul {display:none;}
#contenus #colonnedroite .bloc a.categorie {
  margin:0; padding-left:20px; display: block; height: 40px;
  font:22px sans-serif; color:#fff; background-color:#787878; line-height: 40px;
}

#contenus #colonnedroite .bloc>div{margin:15px;color:#666}
#search label {display:none;}
#search .search-input{padding-left:10px;height:40px;border:0;background:#fff;width:200px}
#search .search-button {position:absolute;top:0;left:260px;width:40px;height:40px;border:0;padding:40px;overflow:hidden;background-image:url('//trieur-semence.fr/uploads/images/interface/rechercher.jpg');}

.bloc.journal.gazette{
   text-align:center; background:#24529d;
   height:auto !important;
}
.bloc.journal.gazette > a {
   text-align:center; background:#24529d !important; 
   text-decoration:none;
   height:auto !important;
   display:block;padding:20px !important;
   line-height:25px !important;
}


/* NEWS */
.bloc.journal h1 {display:none;}
.bloc.videos h1, .bloc.videos a, .bloc.videos > p{display:none;}
#colonnedroite .bloc.videos {height:auto !important;overflow-y:auto}
.bloc.videos .NewsSummaryPostdate{display:none}
.bloc.videos  .NewsSummary{height:100% !important;overflow:auto;margin:0 !important;width:300px !important;}
.bloc.journal .NewsSummarySummary{display:block;height:34px;overflow:hidden}
.bloc a.categorie {background-position:right top;background-repeat:no-repeat}
.bloc.journal a.categorie{background-image:url('//trieur-semence.fr/uploads/images/interface/journal.jpg')}
.bloc.videos a.categorie{background-image:url('//trieur-semence.fr/uploads/images/interface/videos.jpg')}

.NewsSummary p{margin:0;padding:0}
.NewsSummaryMorelink{display:none}
.NewsSummary {height:130px;overflow:hidden}
.NewsSummaryAuthor{display:none}
.NewsSummaryCategory{display:none}
.NewsSummaryLink a{font-size:115%;text-decoration:none;color:#666}
.NewsSummaryLink a:after{display:block;position:absolute;bottom:0;right:0;background:#F19528;
color:#fff;width:100%;height:28px;content:"En savoir plus...";line-height:28px;text-align:center}
.NewsSummaryPostdate{border-bottom:1px solid #787878;margin-bottom:10px;line-height:18px}
.NewsSummaryPostdate:before{content:url('//trieur-semence.fr/uploads/images/interface/MONTRE.png');text-align:absmiddle;display:inline}
.NewsSummaryContent {height:54px;line-height:18px;overflow:hidden}



/* PIED */
#pied {margin:160px auto 0 auto;background:#787878;padding-bottom:40px;}
#pied > ul {margin:15px auto;display:block;line-height:40px !important;font:16px sans-serif;text-align:center;}
#pied > ul > li {list-style:none;display:inline}
#pied > ul > li > a {color:#fff;text-decoration:none}
#pied > ul > li:after ,#pied > ul > li:before{content:' _ ' ;color:#787878}