*{margin:0; padding:0;}
body{background:url(../images/site_bg.jpg) #484848;}
img{border:0; text-align:left; vertical-align:top;}
ul{list-style:none;}
li{line-height:0;}
.column{float:left;}
.container{width:100%; overflow:hidden;}
body{font-family:Arial, helvetica, sans-serif; color:#6A6868; font-size:0.6875em; line-height:1.09em; text-align:center;}
input, textarea, select{color:#959494; vertical-align:top; text-align:left; border: 1px solid #323333; font:11px Arial, helvetica, sans-serif; padding-left:5px;}
.float-right{float:right;}
.align-right{text-align:right;}
.block{display:block;}
.top-indent-1{margin-top:5px; display:block; height:20px;}
.top-indent-2{margin-top:10px; display:block;}
.top-indent-3{margin-top:15px; display:block;}
.top-indent-4{margin-top:20px; display:block;}
.top-indent-5{margin-top:25px; display:block;}

.width-stretch{width:100%;}

.col-1, .col-2, .col-3, .box-1, .box-2, .box-3, .col-middle{float:left;}

.site{padding:0 14px; background:#A3A3A3;}

/*=======header===========*/
.logo{background:url(../images/logo_bg.jpg) left top repeat-x; height:64px; padding:22px 38px 0 26px; color:#757575;}
.logo span{float:right; display:block; padding-top:15px;}
.logo a{color:#DD660E; text-decoration:underline;}
.logo a:hover{text-decoration:none;}

.menu{height:29px; background:#151515; padding:10px 14px 0 27px;}
.menu img{margin-right:13px;}

#search-form{width:171px; height:18px; float:right; padding:2px 2px 0 5px; background:url(../images/search_form_bg.jpg) left top no-repeat;}
#search-form input{width:131px; height:16px; background:0; border:0; color:#95989A; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#search-form img{float:right; margin:0;}

.text-menu{height:25px; padding:8px 0 0 20px;}
.text-menu li{display:inline; padding:0 0 0 12px; background:url(../images/text_menu_divider.gif) 5px center no-repeat;}
.text-menu li a{color:#353434; text-decoration:none; line-height:1em;}
.text-menu li a:hover{text-decoration:underline;}
.text-menu .clear{background:0;}

.header-left-block{width:515px; float:left; background:url(../images/header_left_block_bot.jpg) left bottom repeat-x #FFFFFF;}
.header-left-block .top{background:url(../images/header_left_block_border.gif) left top repeat-x;}
.header-left-block .left{background:url(../images/header_left_block_border.gif) left top repeat-y;}
.header-left-block .right{background:url(../images/header_left_block_border.gif) right top repeat-y; padding:1px 0 5px 5px;}
.header-left-block .right div.programme {padding-top:10px;}


.head-box-2{width:371px; padding-left:12px; float:left;}

.header-right-block{background:url(../images/header_right_block_bot.jpg) left bottom repeat-x; width:100%; margin-top:9px;}
.header-right-block .left{background: #DDDDDD url(../images/block_border.jpg) left top repeat-y;}
.header-right-block .right{background:url(../images/block_border.jpg) right top repeat-y;}
.header-right-block .right_programme {background:url(../images/block_border.jpg) right top repeat-y; width:366px; }
.header-right-block .left_programme { background:url(../images/block_border.jpg) right top repeat-y; width:210px; }
.header-right-block .top{background:url(../images/block_top_bg.jpg) left top repeat-x; padding:6px 9px 9px 9px; min-height:130px; height:auto!important; height:130px;}

.header-right-block .indent{border:1px solid #C4BFBF; margin:12px 0 0 0; padding:11px 10px 9px 12px;}

#advanced-search{width:100%; overflow:hidden; color:#4C4F4F; font-size:1.09em;}
#advanced-search .box-1{width:120px;}
#advanced-search .box-2{width:120px;}
#advanced-search .box-3{width:82px;}
#advanced-search select{width:105px; height:19px; padding:0; margin-top:4px; margin-bottom:11px;}
#advanced-search .select-2{width:79px;}
#advanced-search .box-1 a{color:#2B2A2A; font-size:0.91em; text-decoration:underline; display:block; padding-top:7px;}
#advanced-search .box-1 a:hover{text-decoration:none;}

#reserve-form{width:100%; overflow:hidden; color:#4C4F4F; font-size:1.09em;}
#reserve-form .box-1{width:120px;}
#reserve-form .box-2{width:120px;}
#reserve-form .box-3{width:82px;}
#reserve-form select{width:105px; height:19px; padding:0; margin-top:4px; margin-bottom:11px;}
#reserve-form .select-2{width:79px;}
#reserve-form .box-1 a{color:#2B2A2A; font-size:0.91em; text-decoration:underline; display:block; padding-top:7px;}
#reserve-form .box-1 a:hover{text-decoration:none;}
/*=====//header===========*/

/*=======content===========*/
#content{padding:15px 0; }

a{color:#6A6868; text-decoration:underline;}
a:hover{text-decoration:none;}



#content strong{color:#323131; font-size:1.09em;}

#info-form{width:100%; overflow:hidden;}
#info-form .box-1{width:106px!important;}
#info-form .box-2{width:100px!important;}
#info-form .row{height:26px;}
#info-form select{width:95px; height:18px; margin-top:3px;}
#info-form .select-2{width:39px;}
#info-form span{color:#4C4F4F; font-size:1.09em;}

.font-3{color:#A8A5A5;}
.link-4{color:#323131; text-decoration:underline; font-size:1.09em; line-height:1.33em;}
.link-4:hover{text-decoration:none;}
/*=====//content===========*/

/*=======block_2===========*/
.block-2{background:url(../images/block_2_bot.jpg) left bottom repeat-x #DCDCDC; width:100%;}
.block-2 .left{background:url(../images/block_border.jpg) left top repeat-y;}
.block-2 .right{background:url(../images/block_border.jpg) right top repeat-y;}
.block-2 .top{background:url(../images/block_top_bg.jpg) left top repeat-x; padding:7px 10px 9px 10px;}
.block-2 .title{margin-bottom:14px;}
/*=====//block_2===========*/

/*=======block_3===========*/
.block-3{background:url(../images/block_3_bot.jpg) left bottom repeat-x #FFFFFF; width:100%;}
.block-3 .left{background:url(../images/block_border.jpg) left top repeat-y;}
.block-3 .right{background:url(../images/block_border.jpg) right top repeat-y;}
.block-3 .top{background:url(../images/block_border.jpg) left top repeat-x; padding:7px 7px 12px 7px;}
/*=====//block_3===========*/

/*=======block_4===========*/
.block-4{background:url(../images/block_4_bot.jpg) left bottom repeat-x #FFFFFF; width:100%; color:#A8A5A5;}
.block-4 .left{background:url(../images/block_border.jpg) left top repeat-y;}
.block-4 .right{background:url(../images/block_border.jpg) right top repeat-y;}
.block-4 .top{background:url(../images/block_border.jpg) left top repeat-x; padding:25px 28px 18px 21px;}

.block-4 a{color:#323131; font-size:1.18em; text-decoration:underline;}
.block-4 a:hover{text-decoration:none;}

.block-4 .font-2{color:#7A7878;}

.block-4 .link-2{color:#DD660E; font-size:1em; text-decoration:underline;}
.block-4 .link-2:hover{text-decoration:none;}
/*=====//block_4===========*/

/*=======block_5===========*/
.block-5{background:url(../images/block_5_bot.jpg) left bottom repeat-x #FFFFFF; width:100%; color:#A8A5A5;}
.block-5 .left{background:url(../images/block_border.jpg) left top repeat-y;}
.block-5 .right{background:url(../images/block_border.jpg) right top repeat-y;}
.block-5 .top{background:url(../images/block_border.jpg) left top repeat-x; padding:6px 21px 7px 6px;}
.block-5 .img-float{margin-right:22px; float:left;}
/*=====//block_5===========*/

/*=======block_6===========*/
.block-6{background:url(../images/block_6_bot.jpg) left bottom repeat-x #FFFFFF; width:100%;}
.block-6 .left{background:url(../images/block_border.jpg) left top repeat-y;}
.block-6 .right{background:url(../images/block_border.jpg) right top repeat-y;}
.block-6 .top{background:url(../images/block_border.jpg) left top repeat-x; padding:25px 25px 30px 21px;}
/*=====//block_6===========*/

/*=======page_1===========*/
#page1 #content .col-1 .box-1{width:163px;}
#page1 #content .box-2{width:3px;}

#page1 #content .col-1 .col-1{width:246px;}
#page1 #content .col-1 .col-middle{width:3px;}
#page1 #content .col-1 .col-2{width:246px;}
#page1 #content .col-1 .col-1 .block-4 .top{padding-bottom:23px;}
#page1 #content .col-1 .col-2 .block-4 .top{padding-right:10px;}

#page1 .col-2 .block-5{margin-bottom:3px;}
/*=====//page_1===========*/

/*=======page_2===========*/
#page2 #content .col-1 .box-1{width:163px;}
#page2 #content .box-2{width:3px;}
#page2 #content .col-1 .block-3 .top{padding-bottom:7px;}

#page2 .col-2 .block-5{margin-bottom:3px;}
#page2 .block-5{color:#6A6868;}
#page2 .block-5 a{padding:0 0 0 10px;}
/*=====//page_2===========*/

/*=======page_3===========*/
#page3 .block-6 p{padding-bottom:13px;}
/*=====//page_3===========*/

/*=======footer===========*/
#footer{height:43px; padding:15px 0 38px 13px; color:#343333; background:url(../images/footer_bg.gif) left top repeat-x;}
#footer a{color:#343333; font-weight:bold; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer ul{margin-bottom:3px;} 
#footer li{display:inline; padding:0 15px 0 0; margin-right:15px; background:url(../images/text_menu_divider.gif) right center no-repeat;}
#footer li a{color:#343333; text-decoration:none; line-height:1em; font-weight:normal;}
#footer li a:hover{text-decoration:underline;}
#footer .clear{background:0;}
/*=====//footer===========*/




/*====// ajoute par olivier leroy ============= */
/*====// programmes =========================== */

.entete_index {
	background : black;
	padding : 8px;
	color : white;
	font-size : 13px;
	font-weight : bold;
}

DIV.menu_categorie {
	background : #DDDDDD;
	font-size : 15px;
	font-weight : bold;
	padding : 4px;
	border : 1px solid white;
	margin : 4px;		
}

DIV.menu_categorie a.categorie_chaine {
	color : black;
	text-decoration : none;
}

DIV.menu_categorieselected {
	background : black;
	font-size : 15px;
	font-weight : bold;
	padding : 4px;
	border : 1px solid white;
	margin : 4px;	
}
DIV.menu_categorieselected a.categorie_chaine {
	color : white;
	text-decoration : none;
}

DIV.menu_categorie_hover {	
	background : black;
	font-size : 15px;
	font-weight : bold;
	padding : 4px;
	border : 1px solid white;
	margin : 4px;	
}

DIV.menu_categorie_hover a.categorie_chaine {
	color : white;
	text-decoration : none;
}

P.TitreCategorie {
	font-size : 18px;
	font-weight : bold;
	padding-bottom : 11px;	
}

SPAN.SousTitreCategorie {
	font-size : 16px;
}

DIV.menu_souscategorie {
	background : #DDDDDD;
	font-size : 13px;
	font-weight : bold;
	padding : 4px;
	padding-left : 18px;
	margin:4px;
}

DIV.menu_souscategorie_hover {
	background : white;
	font-size : 13px;
	font-weight : bold;
	padding : 4px;
	padding-left : 18px;
	margin:4px;
}

DIV.menu_souscategorieselected {
	background : #A3A3A3;
	font-size : 13px;
	font-weight : bold;
	padding : 4px;
	padding-left : 18px;
	margin:4px;
}

a.souscategorie_chaine {
	text-decoration : none;
}

a.souscategorie_chaineselected {
	text-decoration : none;
	color : white;
}


/* ==== menu annuaires ======= */

DIV.menu_categorieannuaire {
	background : #DDDDDD;
	font-size : 15px;
	font-weight : bold;
	padding : 4px;
	border : 1px solid white;
	margin : 4px;	
	width:148px;
}

DIV.menu_categorieannuaire a.categorie_chaine {
	color : black;
	text-decoration : none;
}

DIV.menu_categorieannuaireselected {
	background : black;
	font-size : 15px;
	font-weight : bold;
	padding : 4px;
	border : 1px solid white;
	margin : 4px;	
}

DIV.menu_categorieannuaireselected a.categorie_chaine {
	color : white;
	text-decoration : none;
}

DIV.menu_categorieannuaire_hover {	
	background : black;
	font-size : 15px;
	font-weight : bold;
	padding : 4px;
	border : 1px solid white;
	margin : 4px;	
}

DIV.menu_categorieannuaire_hover a.categorie_chaine {
	color : white;
	text-decoration : none;
}

DIV.menu_souscategorieannuaire {
	background :  #A3A3A3;
	font-size : 13px;
	font-weight : bold;
	padding : 4px;
	padding-left : 18px;
	margin:4px;
}

DIV.menu_souscategorieannuaire_hover {
	background : white;
	font-size : 13px;
	font-weight : bold;
	padding : 4px;
	padding-left : 18px;
	margin:4px;
}

DIV.menu_souscategorieannuaireselected {
	background : black;
	font-size : 13px;
	font-weight : bold;
	padding : 4px;
	padding-left : 18px;
	margin:4px;
}

a.souscategorieannuaire_chaine {
	text-decoration : none;
	color : black;
	
}

a.souscategorieannuaire_chaineselected {
	text-decoration : none;
	color : white;
}

/*===== fin me,nu annuaire ===== */

/* listing de l'annuaire ==*/


.listing_annuaire fieldset {
	background : white;
	margin-top:10px; 
	width:90%; 
	padding:14px; 
	border:1px solid gray; 
	height:auto;
	float:right;
	margin-right:12px;
	position : relative;
}

.navigation_bar {
		background : white;
	margin-top:20px; 
	width:90%; 
	border:1px solid gray; 
	height:auto;	
}

.listing_annuaire fieldset legend, P.Titre_DescriptifAnnuaire, .listing_agenda fieldset legend {
	font-weight : bold;
	font-size : 14px;
	color : black;	
}

.listing_annuaire fieldset .image_annuaire {
	position : relative;
	float : left;
	width : 100px;
	height : 100px; 
	border : 1px solid black;
	background : black;
	
}

.listing_annuaire fieldset .image_annuaire_1 {
	position : relative;
	float : left;
	width : 200px;
	height : 200px; 
	border : 1px solid black;
	background : black;
	margin-left:20px;	
}


.listing_annuaire fieldset .descriptif_annuaire {
	position : relative;
	float : right;
	margin-left : 12px;
	width : 360px;
	height : 150px; 	
	background : white;
	overflow-Y : auto;
	overflow-X : hidden;
}

.listing_annuaire fieldset .descriptif_annuaire_1 {
	position : relative;
	float : left;
	margin-left : 12px;
	width : 90%;
	height : auto; 	
	background : white;
	overflow-Y : hidden;
	overflow-X : hidden;
	padding : 5px;
	margin-top : 8px;
	text-align:left;
}


.listing_annuaire .lien_plusinfo {
	position : relative;
	float : right;
	width: 200px;	
	height:20px;
	margin-top : 30px;
	text-align:right;
	vertical-align : bottom;
}

.listing_annuaire .lien_plusinfo A  {
	text-decoration : none;
	font-size : 12px;
	font-weight : bold;
	color : black;
}

.listing_annuaire .lien_plusinfo A:hover  {
	text-decoration : underline;
}




/* fin listing annuaire ==*/


/*listing agenda */

.listing_agenda fieldset {
	background : white;
	margin-top:10px; 
	width:90%; 
	padding:14px;	
	border:1px solid gray; 
	height:auto;
	float:right;
	margin-right:12px;
	position : relative;
}

.listing_agenda fieldset legend {
	height : 23px;
}
.listing_agenda fieldset .descriptif {
	position : relative;
	float : right;	
	width : 450px;	
	background : white;
  height : auto;	
  margin-top : 6px;
}

.listing_agenda fieldset .dates {
	position : relative;
	float : left;
	width : 500px;
	margin-right : 6px;	
	color : black;
	font-weight : bold;
	font-size : 15px;
	padding : 3px;	
	text-align:left;
	margin-top:14px;
}


/* listing agenda */






P.TitreVideo {
	font-weight : bold;
	color : #FE8743;
	font-size : 25px;
	padding-bottom : 12px;
	padding-top : 9px;
	left : 0px;
}

SPAN.Visites {
	font-size : 13px;
	
}

/* ================================================================================================================= */
/* the navigation bars inside the data products listings                                                                  */
/* ================================================================================================================= */
div.navigation {
	
	width:90%;
	height:20px;
	float:right; margin-right:12px;
	margin-top : 10px;
}

div.navig {border : 1px solid #ACA899; 
           padding : 3px;
          
           background : #ECE9D8;           
           position : relative;
           top : 0px;
           margin-bottom : 8px;           
           margin-right : 5px;          
           float : right;
          
           }

div.navig ul {
	list-style-type: none;
	margin:0; padding:0;
	font-size:10px;

}
div.navig ul li {
	display: inline;
}

/* Barres de navigation : liens */
div.navig ul li a {
	text-decoration: none;
}
div.navig ul li a:link, div.navig ul li a:visited {
	
}
div.navig ul li a:hover, div.navig ul li a:active {
	
}

/* Barres de navigation : page en cours */
div.navig ul li span {
	color: #ff1693; /* rose */
}             

/* Barres de navigation termes precedent et suivant */
A.navig_termes {
	font-weight : bold;
	font-size : 12px;
	font-family : arial;
	margin-left : 8px;
	
}

/* =================================================================== */
/* Présentation des pages personnalisables                             */
/* =================================================================== */

P.TitrePage {
	font-size : 20px;
	color : white;
	font-weight : bold;
	margin-left : 14px;
	padding-top : 8px;
}

.corps_page {
	padding:15px;
	width:495px;
}
.corps_page fieldset {
	background : white;
	margin-top:10px; 
	width:100%;
	padding:14px; 
	border:1px solid gray; 
	height:auto;	
}

.corps_page fieldset .descriptif_page {		
	background : white;
	overflow-Y : auto;
	overflow-X : hidden;
	height : 100%;
	width:100%;
}

.corps_page fieldset .descriptif_page P {
	color : black;
	font-size : 12px;
}