/*
//------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
// 
// Version             : 1.0
// Date de création    : 27/12/2004
// Date de mise à jour :
//
// Description         : feuille de style de rubrique
//
// Contraintes         : 
//------------------------------------------------------------------
*/

/*------------------------------------------------------------------*/




#page, #content, #haut_droite, #content_droite {
    background: none;
}


#content_droite {
    padding-left: 30px;
    margin-left: 0;
    
    
    
  background: #112736;
  background: -webkit-gradient(linear,
                               left bottom,
                               left top,
                               color-stop(0, #112736),
                               color-stop(1, #006AA8));
  background: -webkit-linear-gradient(bottom, #112736, #006AA8);
  background: -ms-linear-gradient(bottom,
                                  #112736,
                                  #006AA8);
  background: -moz-linear-gradient(center bottom,
                                   #112736 0%,
                                   #006AA8 100%);
  background: -o-linear-gradient(#006AA8,
                                 #112736);
  background-image: -ms-linear-gradient(bottom, #112736 0%, #006AA8 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",#006AA8,#112736;
    
}


.tiers, #colonne.tiers {
    width: 31%;
    float: left;
}
.tiers {
    padding-left: 1%;
    padding-right: 1%;
}
@media (max-width:768px) {
	.tiers {
		width: 48%;
	}
}
@media (max-width:600px) {
	.tiers {
		width: 100%;
	}
	#page {
		overflow: hidden;
	}
}
#content img {
    float: none;
}
#content .encart_contenu img {
    float: right;
}
.illus {
    width: 100%;
    max-width: 500px;
}

#colonne {
/*    padding-left: 0px;
    margin-left: -3%;*/
/**    background-image: url('../images/logo.png');*/

    float: none;
    padding: 0;
    margin-top: 10px; /*-30px;*/
/**    width: 294px;
    height: 70px; /*300px;*/

background: none;
width: 100%;
height: auto;
}


.encart_contenu {
    padding: 20px;
    background: #173544;
    color: #fff;
    -webkit-box-shadow: 0 0 8px #000;
       -moz-box-shadow: 0 0 8px #000;
	    box-shadow: 0 0 8px #000;
}

#content .encart_contenu p{
    margin: 0 0 10px 0;
}
#content h2 .titre {
    height: 35px;
    margin: 20px 0 -6px;
}

#encart_presentation h2 .titre{
    background:url(images/h2presentation.png) no-repeat;
    width: 151px;
}
#encart_presentation .encart_contenu {
    border: 2px solid #006AA8;
}




#encart_actualites h2 .titre{
    background: url(images/h2actualites.png) no-repeat;
    width: 122px;
}
#encart_actualites .encart_contenu {
    border: 2px solid #fff;
    background: #006AA8;
    padding: 10px 20px 0px;
}
#encart_actualites h4 {
    font-size: 1.2em;
    margin: .6em 0;
}
#encart_actualites hr {
    margin: 1em 0 0 0;
    background: #FFF;
    height: 1px;
    border: none;
    clear: both;
}
#encart_actualites h4 a {
    color: inherit;
    text-decoration: none;
}
#encart_actualites .encart_contenu img{
    border: 1px solid #fff;
}
/*#actualites-btn {
    display: block;
    overflow: hidden;
}
#actualites-btn img{
    margin: 0;
}*/
.page-btn {
    display: block;
    margin: -1px -20px 0;
    text-align: right;

    background: #7FB4D4; //rgba(255, 255, 255, .5);
    border-top: 1px solid #FFF;
    color: #FFF !important;
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
}
.page-btn:hover {
    background: #FFF;
    color:#006AA8 !important;
}





#encart_chevaux h2 .titre{
    background: url(images/h2avendre.png) no-repeat;
    width: 327px;
}
#encart_chevaux .encart_contenu {
    border: 2px solid #7FB4D4;
    background: #01557f;
    padding-bottom: 0px;
}
#encart_chevaux .encart_contenu img{
    border: 1px solid #fff;
}

#encart_chevaux .encart_contenu .fiche_cheval {
    overflow: hidden;
    min-height: 100px;
}
#encart_chevaux .nomcheval {
    display: block;
    font-family: Arial;
    font-weight: bold;
    color: #8CC63F;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
#encart_chevaux .nomcheval .race{
    font-style: italic;
    font-size: .8em;
}
#encart_chevaux .nomparents {
    text-transform: uppercase;
    font-size: 10px;
}

#footer {
    margin-top: -8px;
    position: relative;
    z-index: -1;
}