/* CSS Document */
/*******************************************************************************************************

/********************************************************************************************************/
/********************************************************************************************************
/* INIT
/********************************************************************************************************
/********************************************************************************************************/

html{  margin:0; padding:0; background:#0f1518;}

body {
	text-align:center;
	color: #666666;
	padding:0; margin:0;
	background:#fff url(../img/body-bg.png) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

body.bleu, body.pagesimple {
	background:#ced9e1 url(../img/body.png) repeat-x;
}


* {background-repeat:no-repeat;}

#content a:link{color:#0099cc;}
#content a:visited {color:#0099cc}
#content a:hover { text-decoration:none;  color:#0099cc}
#content a:active {}

.left {float:left;}
.right {float:right;}
.spacer, .clear, .retour-a-la-ligne{clear:both!important;}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
.important {color:#990000;}
.lowercase {text-transform:lowercase}

#content hr{ clear:both;  border:1px solid #fff}

.invisible{ position:absolute; top:-9999px; left:-9999px}
.container{line-height:1.25em;}

.anchor, .container a.anchor,#nav-main a.anchor, #nav-main a:visited.anchor,#nav-secondary a.anchor, #nav-secondary a:visited.anchor {padding:0;position:static!important;}
#nav-secondary a.anchor, #nav-secondary a:visited.anchor {margin:0;height:0px}
/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/

ul#skiplink{position:absolute; top:-1000px; left:-1000px; background-color:#000000; margin:0; padding:0; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0;}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em;}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}

/* IMAGES
/*-------------------------------------------------------------------------------------------------------*/
#content .box, #content .imageBox{display:block;}
#content .imageBox {background:#E9E9E9; clear:both; color:#666666; font-size:80%; font-weight:bold; padding:2px; text-align:left;}
#content .imageBoxRight {float:right; margin:0 0 1em 1em; clear:none}
#content .imageBoxLeft {float:left; margin:0 1em 1em 0; clear:none}
#content .imageBox a,#content .imageBoxRight a,#content .imageBoxLeft a{ padding:0}
#content .imageBox .imageLegende { padding:0.5em}
#content .imageBox img{}

#content  img{ border:none; padding:0}
#content .align-center .box {margin: 0 auto;}
#content .imageBoxBorder {border:1px solid #CCCCCC;}
#content .imageBorder {border:1px solid #000;}

/********************************************************************************************************/
/********************************************************************************************************
/* LAYOUT 
/********************************************************************************************************
/********************************************************************************************************/

#wrap{ position:relative; text-align:left;  margin:auto; width:970px}
* html #wrap{}

/**/
#header{ background:url(../img/hdr-bg.jpg); height:184px; width:970px;  margin:auto}
#header h1 { margin:0;}
#header h1 img{ display:none}
#header h1 span{ display:none}
#header h1 a{width:220px; height:148px; display:block; padding:0; float:left;}
#header h1 a.portail{width:220px; height:118px;}

#header-flash{ position:absolute; top:5px; left:217px; z-index:1}
/**/
.sub-header{ margin:0; position:absolute; top:10px; left:60px; padding:0;  font-weight:bold; color:#666666; letter-spacing:0.1em}
.sub-header a{ color:#666666}
.sub-header a:hover{ color:#079BDD; text-decoration:none}
/**/
#corps {padding:0 15px 0; margin:0; width:940px; clear:both; position:relative}
/**/
#content{ width:940px;  padding:0; margin:auto}
/**/
#breadcrumb{   padding:0 0 0.5em 0; color:#3399CC; padding-right:110px; font-size:0.8em; font-weight:bold}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited{ color:#3399CC; text-decoration:none}
#breadcrumb strong{ color:#3399CC; }
/**/
#icon-tools{ text-align:right; position:relative; bottom:26px; width:100px; float:right; display:none}

#search{ display:none; position:absolute; top:120px; right:20px; width:175px; text-align:right; z-index:200}
#search label{ display:none}
#search form, #search p {margin:0; padding:0; z-index: 50;}
#search p.search-box{text-align:left;background:#003b6e; position:relative; height:20px}

#search #sword {color:#666; width:135px; height:15px; position:absolute;top:0; height:14px; padding:4px 0 0 2px}
#search input {color:#08c8ff;  vertical-align:middle; padding:0}
#search input.rechercheOK{background:#003b6e; position:absolute; right:8px} 

#search-content{ margin-left:60px}
#search-content form{ margin-bottom:0;}
#search-content .FORMsep{ float:left; display:inline; margin-right:10px}


#search-content fieldset{border:3px solid #fff; border-width:0 0 2px 0; padding:0}

#search-content select, #search-content input {padding:0.3em 0.4em 0.15em; background:#fff; border:none}
#search-content label{ position:absolute; left:-9999px}
#search-content .FORMlibelles, #search-content .FORMchamps{ margin:0}
#search-content button{padding:0.3em 0.4em 0.42em; background:#3A8AAD; color:#fff; border:none}

#search-content input {padding:0.3em 0.4em 0.32em; font-size:110%; font-family:Verdana,Arial,Helvetica,sans-serif;}

/**/





/**/
#footer{ background:#0F1518 url(../img/footer-bg.png) repeat-x;}
#footer-content {background: url(../img/footer-content-bg.png) no-repeat; padding:4em 15px 2em 15px; color:#7a939b; width:940px; margin:0 auto; text-align:left; font-size:0.8em;}

#footer h2 {color:#fff; font-family:"Arial Narrow","Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:0.1em; text-transform:uppercase; background:url(../img/footer-h2-bg.png) repeat-x bottom; padding-bottom:0.5em; margin-top:0  }
#footer a {color:#7a939b; text-decoration:none}
#footer a:hover {color:#fff; text-decoration:underline}

#footer ul {margin:0; list-style-type:none}
#footer li {margin:0;}
.footer1 ul {margin:0; list-style-type:none}
.footer1 li {display:inline; /*border-right: 1px solid #48636d;*/ padding:0 0.5em 0 0;}
.footer1 li:last-child {border:none}

.footer1, .footer2, .footer3, .footer4 {float:left; margin-right:10px; padding:10px}
.footer1 {width:540px}
.footer2, .footer3, .footer4 {width:160px}
.footer4 {margin:0; text-align:right}
.footer4 h2 {visibility:hidden}




/* spécificités ACCUEIL */
.homepage{}
.homepage #breadcrumb, #titrePrincipal{ display:none}
.homepage #content h2{ color:#0b2d39; font-size:2.5em; margin:0 0 15px 0}
.homepage #content h2.selection{ clear:both; text-align:center; font-size:1.6em; padding-top:1.5em}

#myImageFlow{ width:750px; clear:both; margin:auto; text-align:center; position:relative; top:-100px; margin-bottom:-100px; height:383px!important;}

#content #video-une {width:940px; float:left; height:235px;}
#content #video-une .video-player{ float:left; width:370px; margin-right:10px}
#content #video-une .video-text{ float:right; width:559px}
#content #video-une .video-text strong{ color:#0e4a5f}
#content #video-une .video-text h2{ margin-top:0; line-height:normal;}
#content #video-une .video-text h3{ color:#1fa12d; font-size:1.2em}

.homepage #content #le-journal {width:654px; border-right:1px solid #fff; float:left; height:235px;}
.homepage #content #le-journal .video-player{ float:left; width:370px; margin-right:10px}
.homepage #content #le-journal .video-text{ float:right; width:274px}
.homepage #content #le-journal .video-text strong{ color:#0e4a5f}
.homepage #content #le-journal .video-text h3{ color:#1fa12d; font-size:1.2em}

.homepage #content #dernieres-editions{ float:right; width:275px; margin-left:10px}
.homepage #content #dernieres-editions h2{ font-size:1.4em; }
.homepage #content #dernieres-editions ul{ margin:0; list-style-type:none; border-bottom:1px solid #a7b9c2;}
.homepage #content #dernieres-editions li{ border-top:1px solid #a7b9c2; padding:3px 0; margin:0}
.homepage #content #dernieres-editions li img{ /*vertical-align:middle;*/ margin-right:10px; float:left;}
.homepage #content #dernieres-editions a{ text-decoration:none; color:#666666}
.homepage #content #dernieres-editions a:hover{ color:#0099cc}



/* Tabs
----------------------------------*/
#content #tabs {border:none; padding:0}
#content #nav-tabs {background:transparent none repeat scroll 0 0; border:medium none; font-family:Helvetica,Arial,sans-serif; font-size:1.6em; font-weight:bold; margin:0;  list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; position:relative; display:block; line-height:1.3; color:#222222; font-weight:bold; display:block; overflow:hidden; z-index:1000; overflow:visible}

#content #nav-tabs li {border-bottom-width:0 !important; float:left; margin:0 0.2em -1px 0; padding:0;position:relative;}


#content #panes {background:#a9b7c0 url(../img/tabs-panel-bg.gif) repeat-x!important; padding:10px 10px 40px 10px!important; border-width:0; clear:both; display:block; z-index:0; overflow:hidden; zoom:1}
#content #panes p.show-all { text-transform:lowercase}
#content #panes ul {list-style-type:none; margin:0; overflow:hidden;}
#content #panes li {float:left; width:175px; text-align:center;  margin:0 9px 0 0!important;}
#content #panes li:first-child{ margin:0}
#content #panes li a{ color:#003333!important; text-decoration:none; }
#content #panes li a:hover{ color:#000!important; }

#content #panes li img{ border:1px solid #fff}

#content #nav-tabs li {border-bottom-width:0 !important; float:left; margin:0 0.2em 0 0; padding:0; position:relative; z-index:1000 }
#content #nav-tabs li a{font-weight:bold; letter-spacing:-0.05em; color:#7f99ac; float:left; padding:0.5em 1em; text-decoration:none;background:#E7ECF0;  -moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px; }
#content #nav-tabs li a:focus{-moz-outline-style: none;}
#content #nav-tabs li a.current{ background:#C6D3DC; color:#0B3647;  z-index:1000; position:relative; bottom:-1px}
/*



/* FORMATAGE GENERIQUES DES LISTES 
/* ------------------------------------------------------------------------------------------------------- */
#content .list{ padding-bottom:1em; list-style-type:none; margin:0; }
#content .list p{}	
#content  List li{ margin:0; padding:1em 0 1em 0;   clear:both; /*border-top:5px solid #E9E9E9*/ }

#content .list h2 {margin-top:20px; line-height:1.2em}
#content .list .image{ width:170px;  overflow:hidden; float:left; margin:0 10px 1em 0 }
#content .list .text{ width:360px; float:left;}

#content .list a{  }
#content .list h2 span.theme{ color:#ccc; text-decoration:none!important }
#content .list p.date{ margin-bottom:1em; font-weight:bold}
#content .list p.date span{background:#0D4A5F; color:#fff; padding:0.25em;}

#content .list p.date span.lieu{background:#FFCC00; color:#666}

/********************************************************************************************************/
/********************************************************************************************************
/* TYPOGRAPHIE 
/********************************************************************************************************
/********************************************************************************************************/
#content h1, #content h2, #content h3, #content h4,  #content h5,  #content h6{font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-0.03em} 
#content h1{ color:#666666; font-size:2.5em; margin-top:0; color:#3399cc; }
.chapo{font-weight:bold}

/* Liste
/*-------------------------------------------------------------------------------------------------------*/
#content ul{ /*list-style-type:none*/}
#content ul li{ /*background:url(../img/puce-li.gif) no-repeat 0 0.25em; padding-left:15px*/}
#content ul li ul li{ /*background:url(../img/puce-li-li.gif) no-repeat 0 0.25em*/}


#content .list-gallery {clear:both; padding:20px 0px 20px 0px;}
#content .list-gallery ul {margin:10px 0px 10px 50px!important;}
#content .list-gallery li {margin-top:10px!important; min-height:14em!important;}
#content .list-gallery .colonnage1, #content .list-gallery .colonnage2, #content .list-gallery .colonnage3, #content .list-gallery .colonnage4 {margin:0; padding:0 0 1em 0; float:left; background:none; overflow:hidden; display:inline; min-height:12em; width:200px; text-align:center;}
#content .list-gallery .colonnage1 {margin-right:10px; clear:both}
#content .list-gallery .colonnage2 {margin-right:10px}
#content .list-gallery .colonnage3 {margin-right:10px}
#content .list-gallery .colonnage4 {}


#content .list-gallery strong{ font-weight:normal}

#content .list-gallery li img {border:1px solid #B0B0B0 !important; padding:2px;}


/* NAVIGATION
/********************************************************************************************************/

/*Main Navbar */


#nav-main {
	position:absolute; top:115px;left:490px;font-size:0; height:40px; text-align:left; z-index:200;  
	}
	
#nav-main ul {
	list-style: none;
	line-height: 1;
	margin:0;
	padding:0;
	}

#nav-main li a, #nav-main li a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav-main li {
	float: left;
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	}

#nav-main li a, #nav-main li a:visited {
	display:block;
	color: #f5f5f4;
	padding:0;
	letter-spacing:0.05em;
	}
	
#nav-main li.item1{ margin-right:10px }	
#nav-main li a { background: url(../img/nav/nav.gif) no-repeat; width:85px; text-indent:-9999px; font-size:0; padding:0!important; height:35px;}
#nav-main li.item1 a { background: url(../img/nav/nav1.gif) no-repeat; }
#nav-main li.item2 a { background: url(../img/nav/nav2.gif) no-repeat; }
#nav-main li.item3 a { background: url(../img/nav/nav3.gif) no-repeat; }
#nav-main li.item4 a { background: url(../img/nav/nav4.gif) no-repeat; }
#nav-main li.item5 a { background: url(../img/nav/nav5.gif) no-repeat; }
#nav-main li.item6 a { background: url(../img/nav/nav6.gif) no-repeat; }

#nav-main li a:hover, #nav-main li li:hover, #nav-main li a:active, #nav-main li.on a { background-position:0 -35px}


/*secondary Navbar */
#nav-secondary{ position:absolute; top:0; left:665px}
#nav-secondary a{ background:#000; height:28px; text-indent:-9999px}
#nav-secondary a:hover{ background-position:0 -2px!important}

#nav-secondary .item1 a{ background: url(../img/btn-envoyer.gif) no-repeat; width:134px}
#nav-secondary .item2 a{ background: url(../img/btn-rechercher.gif) no-repeat; width:146px}


#nav-secondary ul {list-style: none; line-height: 1; margin:0; padding:0; }

#nav-secondary li a, #nav-secondary li a:hover {display: block; text-decoration: none; border:none;}

#nav-secondary li {
	float: left;
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
}



	/**/
	
	
	
	
#rechercher-wrap, #visiter-wrap{ /*display:none;*/ position:absolute; top:128px; left:25px; background:#fff url(../img/degrade-volet.png) bottom repeat-x; width:540px;  color:#000; text-align:center; }
#visiter-wrap{}
#rechercher, #visiter{ height:300px; width:530px; border:5px solid #e4e4e4}

.imageflow .slider {background-image:url(../img/slider.png);}



/* PAGINATION
/*-------------------------------------------------------------------------------------------------------*/
#content .pagination {text-align:center; color:#999; border-top:2px solid #DFF1F3; padding:2em 0; margin:1em 0; clear:both;}
#content .pagination a, #content .pagination a:visited { padding:0.2em 0.5em;/* border:1px solid #ccc*/ text-decoration:none; color:#999999}
#content .pagination .paginationResult {float:left;}
#content .pagination .paginationPager {float:right;}
#content .pagination .paginationPagerPrec, #content .pagination .paginationPagerSuiv {font-weight:normal!important; color:#999!important; border:none}
#content .pagination .paginationPagerCourant {color:#000!important;   background:#CED9E1}
/*=======================*/
/*    GTV FLOWPLAYER    */
/*=====================*/
.webtv {
	padding:16px;
	height:357px;
	margin:auto;
	position:relative;
	text-align:left;
	width:970px;
	background:#ccd9e1 url(../img/logo-webtv.jpg) no-repeat 0px 43px;
	padding-left:75px;
}
.webtv .playerContent {
	width:477px;
	float:left;
	margin-right:30px
}
.webtv .playerContent h2 {
	padding:0px;
	margin:0px;
	width:230px;
	height:34px;
	background:#093746 url(../img/title-info.png) no-repeat;
	border-bottom:1px solid #ffffff;
}
.webtv .playerContent h2 span {
	visibility:hidden;
}
.webtv .player {
	width:477px;
	height:268px;
}
.webtv .slider {
	float:left;
	padding:0;
	margin:0;
	position:relative;
	width:381px;
	height:350px;
	overflow:hidden;
	background:url(../img/slider-bg.png) no-repeat 0 100%;
	zoom:1;
	z-index:1;
}
.homepage #content .webtv .slider h2 {
	padding:0;
	margin:0 0 20px 35px;
	font-size: 20px;
}
.webtv .slider #myplaylist ul {
	margin:0;
	padding:0;
	z-index:1;
	float:left;
}
.webtv .slider li {
	float:left;
	margin:15px 0 15px 25px;
	width:133px;
	color:#003333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	list-style-type:none;
}
.webtv .slider li img {
	border:2px solid #ffffff;
	margin-bottom:10px;
}
.webtv #myplaylist .playing img{border:2px solid #f8ef45;}

.webtv .slider .slider_wrap, .webtv .slider .slider_listing {
	position:relative;
	float:left;
	margin:0;
	overflow:hidden;
	width:325px;
	height:300px;
	zoom:1;
}
.webtv .slider .slider-moving {
	margin:0px;
	padding:0px;
	position:relative;
	z-index:9;
	zoom:1;
	overflow:hidden;
	height:300px;
}
.webtv #myplaylist ul li a{color:#666;font-weight:bold;}

.webtv a.previous {
	background:url(../img/btn-previous.png) no-repeat 0 120px;
	width:20px;
	height:300px;
	display:block;
	float:left;
	position:relative;
	z-index:999;
	outline:none;
}
.webtv a.next {
	background:url(../img/btn-next.png) no-repeat 0 120px;
	width:20px;
	height:300px;
	display:block;
	float: right;
	position:relative;
	z-index:999;
	outline:none;
}
.webtv a span {
	visibility:hidden;
	display:none;
}
#controls {
	clear: left;
}
#myVideo {
	width:477px;
	height:268px;
	background:#000;
}