/**
 * -----------------------------------------------------------------------------
 * Feuille de style de rubrique.
 * @author Dreamclic <contact@dreamclic.com>
 * @version 3.1 - avr 2011
 * -----------------------------------------------------------------------------
*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*** OFFLINE ***/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
#content_offline .bloc_connexion{
	margin:0 auto;
	width:561px;
	position:relative;
}
#content_offline .bloc_connexion h1{
	margin:0 auto;
	font-size:3em;
	color:#fefefe;
    width: 255px;
}
#content_offline .bloc_connexion h1 em{
	display:block;
	font-style:normal;
	color:#fff;
	font-size:.25em;
	font-family:arial;
}
#content_offline .bloc_connexion .champs_connexion{
	background-color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:25px 70px;
}
#content_offline .bloc_connexion .champs_connexion p{
	margin-bottom:10px;
}
#content_offline .bloc_connexion .champs_connexion p label{
	display:block;
	color:#888;
	font-size:1.2em;
	margin-bottom:5px;
}
#content_offline .bloc_connexion .champs_connexion p input[type=text],
#content_offline .bloc_connexion .champs_connexion p input[type=password]{
	width:396px;
}
#content_offline .bloc_connexion .champs_connexion em{
	color:#ababab;
	font-size:.8em;
	cursor:pointer;
}
#content_offline .bloc_connexion p.se_connecter{
	position:absolute;
	top:250px;
	left:207px;
	width:147px;
}
#content_offline .bloc_connexion p.se_connecter input[type=submit]{
	background-image: url(../images/common/header_boutonDeconnexion.png);
	width:147px;
	height:32px;
/*	line-height:24px;
	padding-left:30px;*/
        text-align: center;
	padding-bottom:6px;
	margin:0 auto;
	font-size:1em;
	text-transform: uppercase;
}
/*----------------------------------------------------------------------------*/
#content_offline .bloc_connexion .champs_recuperation{
	background-image: url(../images/accueil/champs_recuperation_background.png);
	background-position: top center;
	background-repeat: no-repeat;
	display:none;
/*	height:112px;*/
	margin-top:-4px;
	margin-bottom:36px;
	padding:18px 30px;
	position:relative;
	color:#fff;
}
#content_offline .bloc_connexion .champs_recuperation h4{
	margin-bottom:5px;
	font-size:1.2em;
	font-family:Arial,sans-serif;
}
#content_offline .bloc_connexion .champs_recuperation p.champ_saisie{
	position:relative;
	float: left;
	width:232px;
	margin-bottom:5px;
}
#content_offline .bloc_connexion .champs_recuperation p.champ_saisie input[type=text]{
	width:205px;
}
#content_offline .bloc_connexion .champs_recuperation p.champ_saisie label{
	display:block;
	position:absolute;
	top:6px;
	left:4px;
	width:203px;
	background-color:#fff;
	color:#888;
}
#content_offline .bloc_connexion .champs_recuperation p.choix{
	clear:left;
	width:100%;
	margin-bottom:5px;
}
#content_offline .bloc_connexion .champs_recuperation p.envoyer_demande{
/*	position:absolute;
	top:120px;
	right:45px;*/
        clear: left;
        text-align: right;
}



/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*** ONLINE ***/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
#content .titre_page h1{
	background-image:url(../images/accueil/page_titre.png);
}
#content .module_accueil{
	background-image:url(../images/accueil/module_titre_background.png);
	background-repeat:repeat-x;
	background-color:#f6f7f7;
	float:left;
	width:359px;
	margin:10px;
	color:#676666;
}
    #content .module_accueil h2{
    height: 35px;
    line-height: 40px;
    margin-bottom: 5px;
    font-size:1.8em;
}
#content .module_accueil h3{
/*	color:#fff;*/
	font-size:1.8em;
	padding:0 10px;
	height:35px;
	line-height:40px;
/*	margin-bottom:5px;
	position:relative;*/
}
#content .module_accueil h3 a{
	display:block;
	background-image:url(../images/accueil/module_titre_plus.png);
	background-repeat:no-repeat;
	text-indent:-1000em;
	overflow:hidden;
	position:absolute;
	top:5px;
	right:8px;
	width:22px;
	height:23px;
}
/*----------------------------------------------------------------------------*/
#content .activite_recente{
	background:none;
	color:#878e96;
        margin-left: 0;
}
#content .activite_recente .derniere_actualite,
#content .activite_recente .dernier_cheval {
    overflow: hidden;
}
#content .activite_recente h3{
	color:#7e8693;
}
#content .activite_recente h4{
	background-color:#f1f2f2;
	padding:5px;
	color:#8299b7;
	font-size:1.3em;
	margin:10px 0;
}
#content .activite_recente h4 em{
    font-size: 12px;
    font-weight: normal;
}
#content .activite_recente h5 a{
    color: inherit;
}
#content .activite_recente .couverture{
	width:120px;
	margin-right:20px;
	float:left;
        position: relative;
}
#content .activite_recente .couverture img{
	padding:3px;
	border:2px solid #7e8693;
        width: 100%;
}

#content .activite_recente .couverture .actions{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.75);
    text-align: center;
    padding: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
#content .activite_recente .couverture:hover .actions{
    display: block;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
#content .activite_recente .couverture .actions a,
#content .activite_recente .couverture .actions span{
    position: absolute;
    left: 50%;
    margin-left: -14px;
    top: 50%;
    margin-top: -14px;
    -webkit-transition: margin-top .5s, margin-left .5s;
    -moz-transition: margin-top .5s, margin-left .5s;
    -o-transition: margin-top .5s, margin-left .5s;
    transition: margin-top .5s, margin-left .5s;
}
#content .activite_recente .couverture:hover .actions a,
#content .activite_recente .couverture:hover .actions span{
    -webkit-transition: margin-top .5s, margin-left .5s;
    -moz-transition: margin-top .5s, margin-left .5s;
    -o-transition: margin-top .5s, margin-left .5s;
    transition: margin-top .5s, margin-left .5s;
}


#content .activite_recente .contenu{
	float:left;
	/*text-align:right;*/
	width:179px;
}
#content .activite_recente .contenu h5{
	font-weight:bold;
/*	margin:20px 0;*/
	font-size:1em;
}
/*#content .ameliorer_ma_formule ul li a,
#content .activite_recente .contenu p a{
	display:block;
	float:right;
	background-image:url(../images/accueil/ameliorerMaFormule_bouton.png);
	height:30px;
	line-height:28px;
	width:144px;
	padding-left:10px;
	text-align:left;
}*/
/*----------------------------------------------------------------------------*/
#content .statistiques,
#content .ameliorer_ma_formule{
	width:100%;
}
#content .statistiques {
    background: #FFF;
    margin-left:0;
}
#content .statistiques h3{
    margin-top:10px;
    margin-bottom:-5px;
    height: auto;
    line-height: 1;
}
#content .statistiques .chart-container{
    min-height: 300px;
    text-align: center;
}
#content .statistiques .chart-container i.fa{
/*    line-height: 300px;*/
    color: #899fbb;
}

#content .statistiques #chart-session-block h3{
    float:left;
}
#content .statistiques #chart-session-block label{
    display:inline-block;
}
/*#content .statistiques h4{
	font-weight:bold;
	font-size:1.1em;
	padding-left:10px;
	margin-top:20px;
}
#content .statistiques p{
    padding: 10px;
}*/
/*
#content .statistiques em{
	font-style:normal;
	font-size:.92em;
	padding-left:10px;
}
#content .statistiques p{
	float:right;
	width:100px;
	text-align:right;
	margin-right:24px;
	font-size:.8em;
	font-weight:bold;
}
#content .statistiques p span.google{color:#edc240;}
#content .statistiques p span.bing{color:#afd8f8;}
#content .statistiques .cadre_stats{
	background-color:#fff;
	padding:5px 5px 10px 10px;
	border:1px solid #dcdcdc;
	margin:10px;
	width:350px;
	margin:20px auto 10px;
}
#content .statistiques #placeholder{
	width:350px;
	height:200px;
}
*/
/*----------------------------------------------------------------------------*/
#content .ma_formule {
    margin-right: 0;
}
#content .ma_formule ul{
	list-style-type: none;
/*	margin-left:3px;*/
}
#content .ma_formule ul li{
/*	background-image:url(../images/accueil/formule_module_background.png);
	background-color:#EAEBEB;
	background-repeat: repeat-x;
	float:left;
	width:283px;
	padding:8px 10px;*/
        overflow: hidden;
    padding: 8px 10px 12px;
    border-radius: 6px;
    border: 1px solid #D7D7D7;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -6px;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ebebeb));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ebebeb 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#ebebeb 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ebebeb 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ebebeb',GradientType=0 );
}
#content .ma_formule ul li div{
	float:left;
	width:245px;
}
#content .ma_formule ul li h4{
	font-weight:bold;
	font-size:1.3em;
}
#content .ma_formule ul li em{
	font-style:normal;
	font-size:.92em;
}
#content .ma_formule ul li strong{
	display:block;
	float:right;
	color:#a8b3c4;
	font-size:2em;
	/*width:90px;*/
	text-align:right;
}
#content .ma_formule ul li a {
    color: inherit;
    text-decoration: underline;
}
#content .ma_formule ul li a.btn {
    color: #FFF;
    text-decoration: none;
}
/*----------------------------------------------------------------------------*/
/*#content .ameliorer_ma_formule{
	background-color:#fff;
}
#content .ameliorer_ma_formule ul{
	list-style-type: none;
	padding:5px;
}
#content .ameliorer_ma_formule ul li{
	height:31px;
	width:355px;
	padding:10px;
}
#content .ameliorer_ma_formule ul li div{
	float:left;
	width:190px;
}
#content .ameliorer_ma_formule ul li h4{
	font-family:Arial,sans-serif;
	font-weight:bold;
	font-size:1.3em;
}
#content .ameliorer_ma_formule ul li em{
	font-style:normal;
	font-size:.92em;
	color:#A8B3C4;
}*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
#content .contenus .contenu h3{
	color:#676666;
	font-size:1em;
	padding:0 ;
	font-weight:normal;
	margin: 0px;
	border: none;
	background:none;
}

#content .contenu.recap p {
	background-repeat:repeat-x;
	padding:2% 1%;
	background-image:url(../images/liens/element_pair_background.png);
	background-color:#d9dada;
	background-position: top left;
	text-align:left;
	color:#676666;
	display:inline-block;
	width: 23%;
	vertical-align: top;
}

#content .contenu.recap p:last-child {
	font-weight: bold;
	width: 46%;
}
#content #pagedElements .titres{
	margin-top:20px;
	margin-bottom:10px;
}
#content #pagedElements .titres strong{
	color:#a8b3c4;
	display:inline-block;
	text-align:center;
}
#content #pagedElements .titres strong.diffusion{width:375px;text-align:left;}
#content #pagedElements .titres strong.date{width:120px;}
#content #pagedElements .titres strong.actions{width:230px;}

#content #pagedElements ul{
	list-style-type:none;
	margin: 2% 0;
	border: 1px solid #c7c7c7;
	border-top: none;
}
#content #pagedElements ul li{
	padding:5px;
	border-top:1px solid #c7c7c7;
}
#content #pagedElements ul li.contenus{
	background-repeat:repeat-x;
	padding:5px;
}
#content #pagedElements ul li.contenus.impair{
	background-image:url(../images/liens/element_pair_background.png);
	background-color:#d9dada;
	background-position: top left;
}
#content #pagedElements ul li.contenus.pair{
	background-image:url(../images/liens/element_impair_background.png);
	background-color:#f8f8f8;
	background-position: bottom left;
}
#content #pagedElements ul li.contenus div{
	text-align:left;
	color:#676666;
	padding:5px 50px 5px 5px;
	display:inline-block;
	vertical-align: top;
}
#content #pagedElements ul li.contenus div.diffusion{
	padding-right:15px
}
#content #pagedElements ul li.contenus div.contenu{
	width:200px;
	text-align:justify;
}
#content #pagedElements ul li.contenus div.contenu h3{
	font-family:Arial,sans-serif;
	font-weight:bold;
}