@charset "utf-8";

@import url(/website/portal/fonts.css);

/* CSS Document */
html
{height:100%;width:100%;}

*{padding: 0; margin: 0;}


a
{color: #727b93;}

a:hover
{color: #fff;text-decoration:none;}

#hv
{display:active;font-family:arial,sans-serif;}

#hv
{z-index: 5000;height:38px;background: #363535 url(hv.png) repeat-x;}

#hv_site
{height:30px;text-align:center;padding:10px 20px 0px 0px;background: #4a4a4a  repeat-y;}

#hv_site a
{color:#c0c0c0;text-decoration:none;font-family:georgia,serif;font-size:16px;}

#hv_site a:hover
{color:#fff;}

#hv a
{text-decoration:none;color:#c0c0c0;}

#hv ul li {

	height:21px;
	margin: 4px 7px 0px 0px;
	padding: 0;
	float: right;
	position: relative;
	list-style: none;
	font-size: 13px;
	color: #c0c0c0;
	text-align:center;
	padding: 10px 15px 0px 10px;
	background: transparent;
	cursor:pointer;

}

#hv ul li.top_story
{background: url(ts_off.png) center left no-repeat;padding: 10px 5px 0px 20px;margin-right:15px;}

#hv ul li.top_story:hover
{color:#fff;background: url(ts_on.png) center left no-repeat;padding: 10px 5px 0px 20px;}


#hv ul li.top_story_sans
{padding: 10px 5px 0px 5px;margin-right:15px;font-weight:bold;}

#hv .ts_on{

	display: block;
	position:relative;
	left: 0px;
	top: 36px;
	height: 450px;
	padding-bottom:80px;
	overflow:hidden;
	width: 100%;
	text-align: center;	
    background: transparent url(bpf.png) bottom left repeat-x;
	padding: 0px;
    text-align: left;
	z-index: 7777;

}


#hv ul li a
{text-decoration:none;color:#c0c0c0;}

#hv ul li a:hover
{text-decoration:underline;color:#fff;}

#hv ul li ul
{position:absolute;top:-500px;left:-500px;}

#hv ul li ul li {display:none;}

#hv ul li ul li a {text-shadow: none;}

#hv ul li ul li ul {display:none;}

#hv ul li ul li a:hover {

	color: #7b795e;

}

#hv ul li:hover ul li
{display:block;position:relative;float:left;width:100%;height:auto;}

#hv ul li:hover ul li ul li
{display:inline;position:relative;width: 250px;padding-right:30px;float:left;color:white;letter-spacing: 0;border:none;text-align:left;}

#hv ul li:hover ul li ul li p
{color:white;font-weight:normal;margin:0px;font-family:georgia,sans-serif;font-size:13px;text-align:left;}

#hv ul li:hover ul li ul li h2
{color:#697B90;font-weight:normal;margin:0px;font-family:georgia,sans-serif;font-size:21px;text-align:left;margin-bottom: 10px;}

#hv ul li:hover ul li ul li.pub
{font-size:36px;color:white;padding-top: 40px;text-align:center;}

#hv ul li:hover ul li ul li a:hover
{color:#949496;}

#ts_pane
{font-family:georgia,serif;}

#ts_pane .loading
{text-align:center;height:280px;width:100%;background: url(/net/icons/progressbar.gif) center center no-repeat;}

#ts_pane h3
{font-family: arial, sans-serif;color:#727b93;font-size:18px;line-height:21px;font-weight:normal;margin-bottom:5px;}

#ts_pane h3 a
{color:#A4699F;}

#ts_pane h3 a:hover
{color:#727b93;}

#ts_pane .ts_main_item
{text-align:left;margin-top:10px;float:left;margin-left:40px;width:350px;min-height:200px;max-height:380px;padding-bottom:60px;overflow:hidden;color:#949496;font-size:16px;line-height:18px;}

#ts_pane .ts_main_item h3
{font-size:21px;line-height:24px;}

#ts_pane .ts_main_item img
{float:left;margin-right:20px;box-shadow: 4px 4px 9px #c9c6a4;}

#ts_pane .ts_main_item a
{color:#333333;}


#ts_pane .ts_main_item .focus
{color:#d1a3cd;font-size:18px;margin-right:15px;}

#ts_pane .ts_item
{text-align:left;margin-top:0px;float:left;margin-left:50px;width:180px;min-height:200px;max-height:380px;padding-bottom:60px;overflow:hidden;color:#333333;font-size:14px;line-height:16px;}

#ts_pane .ts_item img
{float:left;margin-right:12px;}

#ts_pane .ts_item a
{color:#333333;}

#ts_pane .ts_item a:hover
{color:#949496;}

#ts_pane .ts_close
{margin: 0px 10px 0 0;}

#ts_pane .follow
{margin-top:9px;height:30px;padding-top:6px;border-top:1px dotted #c0c0c0;}

#ts_pane .follow a {background: #d2d4d3;color:#6a6a6a;font-size:13px;padding:3px 9px 3px 9px;font-family: arial,sans-serif;cursor:pointer;border-top-left-radius:0.3em;-webkit-border-top-left-radius:0.3em;-moz-border-radius-topleft:0.3em;border-bottom-left-radius:0.3em;-webkit-border-bottom-left-radius:0.3em;-moz-border-radius-bottomleft:0.3em;border-top-right-radius:0.3em;-webkit-border-top-right-radius:0.3em;-moz-border-radius-topright:0.3em;border-bottom-right-radius:0.3em;-webkit-border-bottom-right-radius:0.3em;-moz-border-radius-bottomright:0.3em;text-decoration:none;margin:0;}

#ts_pane .follow a:hover {background: #efefef;color:#6a6a6a;text-decoration:none;}



#ts_pane .abst
{font-family:arial,sans-serif;font-size:13px;color:#4a4a4a;line-height:normal;}

#ts_pane .abst a
{font-weight:bold;color:#2E9C61;}

#ts_pane .abst a:hover
{font-weight:bold;text-decoration:underline;}


#ts_pane_content
{border-top: 1px solid #fff;background: url(tspcf.png) top left repeat-x;width:100%;min-height:200px;font-family:arial,sans-serif;font-size:13px;}

#ts_pane .ts_main_item .rubrique
{margin-bottom:7px;padding-top:10px;}

#ts_pane .ts_main_item .rubrique span {background: #2E9C61;color:#fff;font-size:13px;padding:3px 9px 3px 9px;font-family: arial,sans-serif;cursor:pointer;border-top-left-radius:0.3em;-webkit-border-top-left-radius:0.3em;-moz-border-radius-topleft:0.3em;border-bottom-left-radius:0.3em;-webkit-border-bottom-left-radius:0.3em;-moz-border-radius-bottomleft:0.3em;border-top-right-radius:0.3em;-webkit-border-top-right-radius:0.3em;-moz-border-radius-topright:0.3em;border-bottom-right-radius:0.3em;-webkit-border-bottom-right-radius:0.3em;-moz-border-radius-bottomright:0.3em;text-decoration:none;margin:0;}


input.ts
{background:#2E9C61;color:#fff;border:none;font-size:11px;padding: 7px 3px;border-none;box-shadow: 4px 4px 9px #c9c6a4;}

.portail1 {font: bold 24px/24px Trump, Arial, sans-serif; text-transform:uppercase;color:#2E9C61;}
.portail1 a {color: #4a4a4a;text-decoration:none;}
.portail1 a:hover {text-decoration:underline;}

.portail2 {font: bold 20px/20px Trump, Arial, sans-serif; text-transform:uppercase;color:#2E9C61;}
.portail2 a {color: #2E9C61;text-decoration:none;}
.portail2 a:hover {text-decoration:underline;}

.portail3 {color:#2E9C61;font: bold 16px/16px Trump, Arial, sans-serif; text-transform:uppercase;color:#6a6a6a;}
.portail3 a {text-decoration:none;}
.portail3 a:hover {text-decoration:underline;}

#ts_pane .portail_date
{text-transform:lowercase;font-size:21px;color:#6a6a6a;text-transform:uppercase;}