/* Reset */
.boxItem ul {
	margin: 0;
	padding: 0;
}
.boxItem ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.boxItem a {
	text-decoration: none;
	color: #474B54;
}

.boxItem div, .boxItem span, .boxItem h1, .boxItem h2, .boxItem h3, .boxItem h4, .boxItem h5, .boxItem h6, .boxItem p, .boxItem a, .boxItem dl, .boxItem dt, .boxItem dd, .boxItem ol, .boxItem ul, .boxItem li, .boxItem fieldset, .boxItem form, .boxItem label, .boxItem legend, .boxItem table, .boxItem caption, .boxItem tbody, .boxItem tfoot, .boxItem thead, .boxItem tr, .boxItem th, .boxItem td
{
	margin: 0;
	padding: 0;
}
/* End reset */

/* General classes */
.hidden { display: none; }
.display_block { display: block; }
.display_inline { display: inline; }
.inline_center { text-align: center; }
.block_center { margin: auto; }
.align_right { text-align: right; }
.align_left { text-align: left; }
.align_center {text-align: center; }

.float_right { float: right; }
.float_left { float: left; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }

.boxItem table {width: 292px;}

.box_tierswidth table {width: 192px !important;}

th { text-align: left; }

.boutton { 
    background: #7E99C1 !important;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 0;
    margin-right: 3px;
    margin-top: 3px;
    padding: 5px !important;
    text-align: left;

	width: 110px;
	
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(PIE.htc);
}
.boutton a {
	
}
/* End general classes */


body {	
	color: #474B54;
    font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
    margin:0;
}


table {	
	color: #474B54;
    font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
}

.border_radius_5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(PIE.htc);
}

/**
 *	General boxItem style
 */
.boxItem,.box_tierswidth  {
	clear: both;
	margin-bottom: 10px !important;
}
.boxItem {
	width: 300px;/***	modification de taille initial 300px*/
}

.box_tierswidth {
	padding-bottom: 5px;
	width: 200px;
	border: 1px solid #D1D6D3;
	background: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
		
.boxItem .boxHeader, .box_tierswidth .boxHeader{
	clear: both;	
    color: #000000;
    font-size: 15px;
    font-weight: bold;
	height: 20px;
	padding:4px 4px 0px 4px;
	
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	behavior: url(PIE.htc);
}

.boxItem .edit_space {
	clear: both;
}

.boxItem .boxHeader .btn_hideContent, .boxItem .boxHeader .txt_title, .box_tierswidth .boxHeader .btn_hideContent, .box_tierswidth .boxHeader .txt_title  {
	float: left;
	font-size: 15px;
	margin: 0;
	margin-right: 10px;
}
.boxItem .boxHeader .btn_edit, .boxItem .boxHeader .btn_refresh, .boxItem .btn_close {
	float: right;
	margin-left: 10px;
	width: 12px;
	height: 12px;
}

.boxItem .paramSpace {
	background-color: rgb(232, 236, 243) !important; 
	padding: 5px; 
	color: rgb(71, 75, 84); 
	font-weight: bold; 
	margin-bottom: 10px; 

	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(PIE.htc);
}

.boxItem .params input{
	margin-left: 5px;
	margin-right: 5px;
}
	
/**
 *	D�finition des ic�nes
 */
.boxItem .boxHeader .btn_edit:hover, .boxItem .boxHeader .btn_refresh:hover, .boxItem .btn_close:hover {
	cursor: pointer;
}
 
.boxItem .boxHeader .btn_edit { background: url('/css/pictos/editer.png') no-repeat; }
.boxItem .boxHeader .btn_edit:hover { background: url('/css/pictos/editer_hover.png') no-repeat; }

.boxItem .boxHeader .btn_refresh { background: url('/css/pictos/refresh.png') no-repeat; }
.boxItem .boxHeader .btn_refresh:hover { background: url('/css/pictos/refresh_hover.png') no-repeat; }

.boxItem .btn_close { background: url('/css/pictos/fermer.png') no-repeat; }
.boxItem .btn_close:hover { background: url('/css/pictos/fermer_hover.png') no-repeat; }

.boxItem .boxContent,  .boxItem .header_content, .boxItem .footer_content, .box_tierswidth .boxContent,  .box_tierswidth .header_content, .box_tierswidth .footer_content {
	background: #ffffff;
}
.box_tierswidth .header_content {
	border-left: 1px solid #D1D6D3;
	border-right: 1px solid #D1D6D3;
	border-top: 1px solid #D1D6D3
}
.boxItem .boxContent {
	width: 292px;
	padding: 4px;
	overflow: hidden;
}
* html .boxItem {
	margin-bottom: 20px !important;
}

.box_tierswidth  .boxContent {
	width: 190px;
	min-height: 20px;
	padding: 4px;
	overflow: hidden;
}
* html .box_tierswidth  .boxContent {
	width: 190px;
}

.boxItem .boxContent p{
	margin: 0;
}

.boxItem .footer_content  {
	min-height: 5px;
	margin: 0;
	padding: 0;
	width: 300px;
}


.positif {
    color: #196F31 !important;
    font-weight: bold !important;
}
.negatif {
	color: #E64141 !important;
    font-weight: bold !important;
}
.neutre {
	color:#000000 !important;
	font-weight: bold !important;
}

/* Arrondi bas de bloc */
.boxItem, .boxItem .footer_content{
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	behavior: url(PIE.htc);
}
	
.box_tierswidth .footer_content  {	
	border-left: 1px solid #D1D6D3;
	border-right: 1px solid #D1D6D3;
	border-bottom: 1px solid #D1D6D3
}
/**
 *	Personalisation bloc contenu externe
 */
 .boxStatic {
	border: 1px solid #D1D6D3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
.boxItem.bloc_contenu_externe {
	-moz-box-shadow: 5px 5px 5px #ddd; 
	-webkit-box-shadow: 5px 5px 5px #ddd; 
	box-shadow: 5px 5px 5px #ddd;
	behavior: url(PIE.htc);
}
.bloc_contenu_externe .boxHeader,  .boxStatic .boxHeader{
	background-color:#d1d6d3;
	color:#000000;
	border-bottom: 3px solid #5D6969;
}
 .boxStatic .boxContent {
	margin-bottom: 5px;
 }

/**
 *	Personalisation bloc contenu la tribune
 */

.bloc_contenu_latribune {
	-moz-box-shadow: 5px 5px 5px #ddd; 
	-webkit-box-shadow: 5px 5px 5px #ddd; 
	box-shadow: 5px 5px 5px #ddd;
	behavior: url(PIE.htc);
}
.bloc_contenu_latribune .boxHeader{
    background-color: #005389;
	color:#000000;
	border-bottom: 3px solid #000000;
}
.bloc_contenu_latribune .boxHeader {
	color: white;
}
.bloc_contenu_latribune .header_content, .bloc_contenu_latribune .boxContent, .bloc_contenu_latribune .footer_content{
	background: #E8ECF3;
}


/* Style g�n�ral des listes de contenu */
.boxContent .liste ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.boxContent .liste ul li {
	list-style-type: none;
}

.list_of_elements li:hover, .simple_list li:hover {
	background-color: #005389 !important;
	color: white !important;
}
.simple_list li:hover a, .simple_list li:hover span, .simple_list li:hover span.datebold, .simple_list li:hover font{
	background-color: #005389 !important;
	color: white !important;
}

.boxContent .liste ul.simple_list li {
	padding: 2px;
}	
.bloc_contenu_externe .boxContent .liste ul.simple_list li.gray-row {
	background: #E8ECF3;
}
.bloc_contenu_latribune .boxContent .liste ul.simple_list li.gray-row {
	background: #FFFFFF;
}

.boxContent .liste .pagination_space {
	margin: 0;
	margin-top: 10px;
	width: 292px;
	padding: 0;
}
.boxContent .liste .pagination_space .selected {
	font-weight: bold;
}


/* Style g�n�ral tableau simple */
.simple_tab th{
	font-size: 12px;
}
.bloc_contenu_latribune .boxContent .simple_tab .gray-row {
	background: #FFFFFF;
}
.bloc_contenu_externe .boxContent .simple_tab .gray-row {
	background: #E8ECF3;
}
.simple_tab tr:hover, .simple_tab tr:hover a, .simple_tab tr:hover span, .simple_tab tr:hover span.datebold, .simple_tab tr:hover font, .simple_tab tr:hover .positif, .simple_tab tr:hover .negatif {
	background-color: #005389 !important;
	color: white !important;
}
.simple_tab tr:hover .btn {
	color: black !important;
}
.simple_tab tr:hover th, .simple_tab tr.no_rollover:hover  {
	background-color: white	!important;
	color: black !important;
}

.simple_tab .total {
	background-color: #5D6969 !important;
	color: white !important;
}
.simple_tab .total strong{
	font-weight: normal !important;
}
.simple_tab.centered tr td, .simple_tab.centered tr th {
	text-align: center !important;
}
.simple_tab .important, .simple_list .important {
	font-size: 14px;
	font-weight: bold;
}


/***
Style des blocs
***/

/* Bloc communiqu�s */
.bloc_communiques ul li {
	border-bottom:1px dotted #aaaaaa;
}

.bloc_communiques ul li h3 {
	font-size: 12px;
	color: #E85828;
	font-weight: bold;
	display: inline;
}
.bloc_communiques ul li h3 a{
	color: #E85828;
}
.bloc_communiques ul li p.commdesc {
	color: #AAAAAA;
}

.boxItem h3.divisionBloc {
	background-color: #FFFFFF;
    border-bottom: 3px solid #5D6969;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 4px 0;
}

.blocTwitter {
	background-color: rgb(68, 204, 246);
}

.blocTwitter .boxHeader {
	background-color: rgb(68, 204, 246) !important;
	border: 0 !important;
	color: white !important
}
.blocTwitter .boxContent {
	background-color: rgb(255, 255, 255) !important; 
	padding: 5px !important; 
	width: 280px !important;
	margin: auto !important;
	margin-bottom: 5px !important;
	
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	behavior: url(PIE.htc) !important;
}
.blocTwitter .boxContent ul li{
	border-bottom: 1px dotted #AAAAAA;
	margin-bottom: 3px;
}
.blocTwitter .boxContent ul li:hover{
	background-color: #005389;
    color: #FFFFFF !important;
}
.blocTwitter .boxContent ul li .logo{
	float:right; 
	margin-left:2px; 
	margin-bottom:2px; 
	margin-top:2px;
}

.bloc_consensus .valeur_consensus {
	text-align: center; 
	color: rgb(255, 255, 255); 
	padding: 12px; 
	font-size: 14px; 
	font-weight: bold; 

	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	behavior: url(PIE.htc);
}
.bloc_consensus .main_line td{
	padding-bottom: 5px
}
.bloc_consensus .main_line td.acheter_cel {
	padding-left:10px;
}
.bloc_consensus .main_line td.acheter_cel .btn_acheter {
	font-size:14px; 
	font-weight:bold; 	
	display:block; 
	margin-bottom:2px;
}
.info_consensus {
	padding-top: 15px !important;
	text-align:center; font-size:14px; font-weight:bold; border-top:solid 3px #dddddd; padding-top:5px;
}

.boxItem .boxContent h3.titreinter {
    background-color: #FFFFFF;
    border-bottom: 3px solid #5D6969;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 4px 0;
}



#boxComments {
	clear: both;
}
.box2Cols {
	width: 610px;
}
.box2Cols .boxContent{
	width: 600px;
}

.comment {
	border: 1px solid rgb(209, 214, 211) !important; 
	padding: 10px !important; 
	margin-bottom: 10px !important;
	
	-webkit-border-radius: 10px 10px 10px 10px!important; 
	-moz-border-radius: 10px  10px 10px 10px!important; 
	border-radius: 10px 10px 10px 10px!important; 
	behavior: url(PIE.htc) !important;
}
#boxComments .comment.colored {
	background-color: rgb(232, 236, 243) !important; 
}

.boxContent .commentaire .pseudo {
	color: #336699;
}


a.boutton {
	text-decoration: none;
}

.simple_tab {
	width: 100%;
}

#colonne3 .btn_show_parametre,
#colonne3 .btn_edit {
	display: none;
}

/**
/* copie de /css/bloctype pour hack sur les fiche normaux
**/
.bloc_tableau_de_bord .mini_bloc_tdb .head .arrow {
	width: 18px;
	height: 20px;
	float: right;
	/*padding-top:3px;*/
}
.bloc_tableau_de_bord .mini_bloc_tdb .name {
	width: 45px;
	float: left;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	height: 23px;
	padding-top: 3px;
	vertical-align: center;
}
