/**
 *	Plateforme Bourse: Style par d�faut
 *		D�fini les diff�rentes structures (colonnes, bloc, zone de bloc...)
 */

 #header {
	margin: 0;
    background-color: #DDDDDD;
    clear: both;
    width: 1000px;
    height:150px;
}

h1 {
	margin: 10px 0;
	color: #000000;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
}

#MainCol {
	min-height: 1500px;
}

/*
	Barre header perso
*/
#header_perso {
	height: 20px;
	background: black;
	color: white;
	padding: 5px;
}

#header_perso .left_part{
	text-align: left;
	width: 50%;
	float: left;
}

#header_perso .right_part{
	text-align: right;
	width: 50%;
	margin-left: 50%
}
#header_perso .bouton{
	background: green;
	color: white;
	font-weight: bold;
	padding: 5px;
}


#space_header_perso #rubrique_select {
	height: 200px;
	overflow: hidden;
	width: 200px;
	border-right: 1px dotted  #BABABA;
	float: left;
	position: relative;
}
#space_header_perso #rubrique_select .container{
	width: 193px;
	float: left;
}

.jScrollbar_draggable {
	float: left;
	background: black;
	position: relative;
	height: 210px;
	width: 6px;
	
}
.jScrollbar_draggable a{
	height: 30px;
	background: white;
	display: block
}

.jScrollbar_mask {
	position: relative;
	float: left;
}

#space_header_perso #rubrique_select h3 {
	color: white;
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
}

#space_header_perso .liste_rubriques li a{
	color: #BABABA;
}

#space_header_perso .liste_rubriques li a.selected {
	color: white !important;
}

#space_header_perso .liste_rubriques .sous_rubrique {
	display: none;
	padding-left: 20px;

}

#space_header_perso  #h_nav_blocs {
	margin-left: 210px;
}

#space_header_perso  #h_nav_blocs .top {
	color: white;
	font-size: 10px;
}

#space_header_perso  #h_nav_blocs .top .left_part{
	width: 200px;
	float: left;
	text-align: left;
	color: orange;
	font-weight: bold;
}

#space_header_perso  #h_nav_blocs .top .right_part{
	text-align: right;
}

#space_header_perso  #h_nav_blocs .top .right_part .close_button {
	width: 12px;
	height: 12px;
	margin-top: 0px;
	background: url('../img/pictos/blanc/fermer-b.png');
	text-decoration: none;
	display: block;
	float: right;
}
#space_header_perso  #h_nav_blocs .top .right_part .close_button:hover {
	background: url('../img/pictos/noir/fermer.png');
}


#space_header_perso  #h_nav_blocs .top #txt_search_bloc {
	height: 13px;
	border: 0;
	font-size: 10px;
	width: 120px;
}

#space_header_perso  #h_nav_blocs .top #btn_search_bloc {
	height: 20px;
	font-size: 10px;
}

/* Navigation preview bloc*/
#space_header_perso #nav_blocs {
	margin-top: 10px;
}

#space_header_perso .pagination_preview {
	margin-left: 10px;
	float: left;
	height: 165px;
	overflow: hidden;
	position: relative;
	width: 710px;
	overflow: hidden;
}
#space_header_perso .pagination_preview .items{
	width: 20000em;
	position: absolute;
}
#space_header_perso .pagination_preview .page_preview {
	width: 710px;
	float: left;
}

#space_header_perso #num_pagination {
	clear: both;
	list-style-type: none;
	color: white;
	margin: auto;
}
#space_header_perso #num_pagination li{
	float: left;
}

#space_header_perso #nav_blocs a{
	text-decoration: none
}
#space_header_perso #nav_blocs .left_arrow_nav, #space_header_perso #nav_blocs .right_arrow_nav {
	display: block;
	width: 15px;
	height: 165px;
	color: black;
	vertical-align: middle;
}
#space_header_perso #nav_blocs .left_arrow_nav {
	background: url('../img/pictos/header_nav/nav_left.png') no-repeat;
	background-position: 0px 60px;
	float: left;
}
#space_header_perso #nav_blocs .right_arrow_nav {
	background: url('../img/pictos/header_nav/nav_right.png') no-repeat;
	background-position: 0px 60px;
	float: right;
}

#space_header_perso #nav_blocs .right_arrow_nav.disabled, #space_header_perso #nav_blocs .left_arrow_nav.disabled {
	display: none;
}

#space_header_perso #nav_blocs .blocs_preview_list {
	margin-right: 60px;
	width: 715px;
}

#space_header_perso #nav_blocs .navi {
	color: white;
	clear: both;
	text-align: center;
	margin: auto;
}
#space_header_perso #nav_blocs .navi a {
	padding-left: 4px;
	padding-right: 4px;
	width: 8px;
	height: 8px;
	margin: auto;
	margin-right: 10px;
	background: url('../img/pictos/header_nav/navigator1.png') no-repeat;
}
#space_header_perso #nav_blocs .navi a:hover {
	background: url('../img/pictos/header_nav/navigator2.png') no-repeat;
}
#space_header_perso #nav_blocs .navi a.active {
	background: url('../img/pictos/header_nav/navigator3.png') no-repeat;
}

#space_header_perso #nav_blocs .blocs_preview_list li.box_preview {
	padding-top: 10px;
	height: 65px;
	width: 75px;
	font-size: 11px;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}
#space_header_perso #nav_blocs .blocs_preview_list .box_preview img {
	display: block;
	width: 64px;
	margin: auto;
}
#space_header_perso #nav_blocs .blocs_preview_list .box_preview .titre{
	color: white !important;
	width: 70px;
	overflow: hidden;
	display: block;
	text-align: center;
	/*
	white-space: pre;
	line-height: 24px;
	*/
	white-space: normal;
	line-height: 12px;
}
#space_header_perso #nav_blocs .blocs_preview_list .box_preview .add {
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	background: url('../img/pictos/btn-ajouterrond.png');
}
#space_header_perso #nav_blocs .blocs_preview_list .box_preview .add:hover {
	background: url('../img/pictos/btn-ajouterrond_rollover.png');
}
#space_header_perso #nav_blocs .blocs_preview_list .box_preview .add.just_added {
	background: url('../img/pictos/btn-ajouterrond_ok.png');
}

/** Popup ajout de bloc **/
#popup_add_bloc, #popup_add_bloc_rss_libre  {
	width: 600px;
}
#popup_add_bloc .container .part_left, #popup_add_bloc_rss_libre .container .part_left {
	width: 320px;
	min-height: 100px;
	float: left;
}
#popup_add_bloc .boxItem {
	margin: 0 !important;
	margin-bottom: 15px !important;
}

#popup_add_bloc .container .part_right, #popup_add_bloc_rss_libre .container .part_right {
	width: 250px;
	margin-left: 330px;
}
#popup_add_bloc_rss_libre .url_bar {
	width: 300px;
}
#popup_add_bloc_rss_libre .container .part_right {
	padding-top: 30px;
}
#popup_add_bloc_rss_libre .container .part_right .loader{
	display: none;
}

#popup_add_bloc a.boutton {
	clear: both;
	display: block;
	text-decoration: none;
	width: 170px;
	text-align: center;
	margin: auto;
	margin-top: 20px !important;
	font-weight: bold !important;
	font-size: 1em !important;
}
#popup_add_bloc .vignette {
	width: 100px;
	height: 100px;
	float: right;
}
#popup_add_bloc_rss_libre .vignette {
	width: 100px;
	float: right;
}

/* popup d'ajout d'un bloc RSS */
#popup_add_bloc_rss_libre .container #rss_url_bloc_libre {
	width: 280px;
}
#popup_add_bloc_rss_libre .container #rss_url_bloc_libre.notYetUsed {
	color: #BABABA;
	font-size: 0.8em;
}

#popup_add_bloc_rss_libre .container .boxItem .boxContent.notYetUsed {
	height: 100px;
}

.btn_refresh_black {
	width: 12px;
	height: 12px;
	display: block;
	float: right;
	background: url('../img/pictos/noir/rafraichir.png') no-repeat;
	text-decoration: none !important;
}


.ombre {
	-moz-box-shadow: 5px 5px 5px #ddd; 
	-webkit-box-shadow: 5px 5px 5px #ddd; 
	box-shadow: 5px 5px 5px #ddd;
	behavior: url(PIE.htc);
}
.ombreune {
	-moz-box-shadow: 5px 5px 5px #bbb; -webkit-box-shadow: 5px 5px 5px #bbb; box-shadow: 5px 5px 5px #bbb;
	behavior: url(PIE.htc);
}
.colonne {
	width: 320px;
	min-height: 500px;
	float: left;
}

.static_space {
	padding-left: 15px;
}

#cols_principales {
	width: 640px;
	float: left;
}
.boxes_area {
	border: 2px solid white;
	width: 320px;
	min-height: 100px;
	margin: auto;
}

/* Style des box _area lorsque d'un bloc est en déplacement (permet de les mettre en évidence pour le drop et augmente le padding bottom et top) */
.available_boxes_area {
	background: #EEEFEF;
}
.full_boxes_area {
	background: #C2C3C3;
}

/****   BLOCS   ****/


.blocboursegris {
	float:left;
	background-color:#ffffff;
	width:300px;
	margin:10px;
}

#blocperso {
	float:left;
	background-color:#ffffff;
	width:300px;
	margin:10px;
}

#blocperso .titre {
	background-color:#474B54;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	padding:4px 4px 0px 4px;
	border-bottom:3px solid #D1D6D3;
}

.blocboursebleu {
	float:left;
	background-color:#ffffff;
	width:300px;
	margin:10px;
}

.blocboursebleu .titre {
	background-color:#005389;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	padding:4px 4px 0px 4px;
	border-bottom:3px solid #000000;
}

.blocboursegris .titre {
	background-color:#d1d6d3;
	color:#000000;
	font-weight:bold;
	font-size:15px;
	padding:4px 4px 0px 4px;
	border-bottom:3px solid #5d6969;
}

.blocboursegris .titretweet {
	background-color:#0084B4;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	padding:4px 4px 0px 4px;
}

/** Bloc A la Une **/
#bloc_static_une {
	width:620px;
	height: 180px;
	background-color:#ffffff; 
	display: block;
	position: relative;
}
#bloc_static_une h2 {
	color:#474B54;
	font-weight:bold;
	font-size:15px;
	padding:0px 4px 0px 4px;
	text-align:left;
	margin: 0;
	padding: 0;
}
#bloc_static_une h2 .next_button, #bloc_static_une h2 .prev_button {
	float:right; 
	margin-left:3px; 
	cursor:pointer;
}
#bloc_static_une .header_nav {
	background-color:#7c7c7c; 
	width:190px; 
	height:20px; 
	margin-bottom:5px; 
	margin-right:10px;
}
#bloc_static_une .title_bloc {
	font-size:14px; 
	font-weight:bold; 
	color:#ffffff; 
	height:20px; 
	text-align:left; 
	padding-left:8px;
}


/** Dirty *******************************************************************/



#MainCol  ul {
	list-style: none outside none;
    margin: 0;
    padding: 0px 0px;
}

#MainCol  li {
	/* padding: 2px 2px; */
}



#MainCol  li a {
	text-decoration:none;
	color: #474B54;
}

.listegris li:hover a {
	background-color:#005389;
	color:#ffffff;
}

.listegris li:hover {
	background-color:#005389;
	color:#ffffff !important;
}

.datebold {
	font-weight: bold;
}

.titrecommunique {
	font-weight: bold;
	color: #E85828;
}

.commdesc {
	color:#aaaaaa;
}

.gray-row {
	background-color:#E8ECF3;
}

.bleu-row {
	background-color:#e8ecf3;
}

#produit-brse3col {
	font-size: 12px;
	text-align:left;
}

#produit-brse3col th {
	font-weight: bold;
}

#positif {
	color:#196f31 !important;
	font-weight: bold !important;
}

#negatif {
	color:#e64141 !important;
	font-weight: bold !important;
}

.clear_both, .clearBoth {
	clear: both
}

.hide, .hidden {
	display: none;
}
a img {
	border: 0;
}

.boxItem {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* loader */
.loader {
	background: url('../img/pictos/loader2.gif');
	height: 31px;
	width: 31px;
	margin: auto !important;
}
.loader_nav {
	background: url('../img/pictos/loader3.gif');
	height: 31px;
	width: 31px;
	margin: auto !important;
	margin-top: 70px !important;
	display: none;
}

.pagination a {
	border-color: none !important;
    border-style: 0 !important;
    border-width: 0 !important;
    float: none !important;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none;
}
.widgets_list {
		background-color: #7c7c7c;
		    border-radius: 2px;
		    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		    margin: 0 -20px 10px;
		    padding: 5px 20px;
		}


p.savebar,
p#dispoCleaned {
    background-color: #005389;
    border: 3px solid black;
    border-radius: 3px 3px 3px 3px;
    bottom: 0;
    color: #FFFFFF;
    font-weight: bold;
    padding: 15px;
    position: fixed;
    right: 10px;
    width: 222px;
    z-index: 10000;
}
p.savebar a,
p#dispoCleaned a {
	color: #DDDDDD;
	text-decoration: underline;
}
p.savebar a:hover,
p#dispoCleaned a:hover {
	color: #FFFFFF !important;
}

/*** Customization of the jquery datepicker ***/
.ui-datepicker {
	width: 22em;
}

#btn_femeture {
	margin-left: -20px;
	padding: 3px 16px 3px 0;
	background-color: grey;
	width: 1002px;
	text-align: right;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
}

#bloc-static-une {
	width: 613px;
	height: 190px;
	border: 1px solid #E2E2E2;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#bloc-static-une .carousel {
	float: left;
}

#bloc-static-une .header {
	height: 30px;
	margin: 0px 0 0 5px;
	color: #262626;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
#bloc-static-une li {
	margin: 3px 0 0 5px;
}
#bloc-static-une li a {
	display: block;
	width: 157px;
	height: 36px;
    padding: 2px 5px 2px 15px;
	color: #000000;
	background-color: #DADADA;
	background-image: url("/img/chevron-une-bleu.png");
	background-repeat: no-repeat;
	background-position: 4px center;
	overflow: hidden;
	line-height: 36px;
}
#bloc-static-une li a span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2em;
}

#bloc-static-une li a:hover {
	color: #000000 !important;
}
#bloc-static-une li a.active {
	color: #FFFFFF;
	background-color: #00518C;
	background-image: url("/img/chevron-une-blanc.png");
}
#bloc-static-une li a.active:hover {
	color: #FFFFFF !important;
}
#bloc-static-une a.all {
	display: block;
	width: 177px;
	text-align: center;
	margin-top: 10px;
	color: #474B54;
    text-decoration: none;
}

#bloc-static-une .items {
	margin: 5px 0 0 187px;
	background-color: #212121;
	color: #FFFFFF;
	width: 420px;
	height: 178px;
}
#bloc-static-une .item {
	position: absolute;
	width: 420px;
	height: 178px;
	font-weight: bold;
}
#bloc-static-une .item img {
	float: right;
}
#bloc-static-une .item .layer {
	position: absolute;
	width: 420px;
	height: 178px;
}
#bloc-static-une .item .layer span {
	width: 183px;
	height: 178px;
	line-height: 178px;
	background-color: #212121;
	float: left;
	text-align: center;
	font-size: 18px;
}
#bloc-static-une .item .layer span a {
	display: inline-block;
	width: 150px;
	line-height: 1.2em;
	vertical-align: middle;
	color: #FFFFFF;
}
#bloc-static-une .item .layer span a:hover {
	color: #FFFFFF !important;
}
#bloc-static-une .item .layer p {
	display: none;
	background-image: url("/img/pix-half-trans.png");
	height: 178px;
	line-height: 178px;
	margin-left: 183px;
	text-align: center;
}
#bloc-static-une .item .layer p a {
	display: inline-block;
	line-height: 1.2em;
	vertical-align: middle;
	text-align: justify;
	width: 200px;
	color: #FFFFFF;
}
#bloc-static-une .item .layer p a:hover {
	color: #FFFFFF !important;
}
#moreinfo-content {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
	position: absolute;
	width: 945px;
	z-index: 10;
}
#moreinfo-content p {
	margin: 5px 0;
}

/*special padding pages bourses*/
/*.container > .content { padding: 1px 30px 30px 30px; }*/
.container > .content {
	padding: 30px;
}

#bourselevel1 .dropdown-toggle {
	background-color: #00568D;
	border-left: 0 none;
	border-right-color: #767676;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
	color: #FFFFFF;
	padding-left: 13px;
}

#sub_nav li a {
	padding-right: 8px;
	padding-left: 9px;
	line-height: 14px;
	font-size: 13px;
}
.subnav .nav > li {
	float: left !important;
}

div.pub.format728x90 {
	text-align: center;
	width: 1003px;
	margin-left: -20px;
    background:#fff;
}

div.inner {
	display: inline-block;
}