@import url(global.css);

body {
	background-color: #1d4654;
	background-image: url(../img/global/arts-bkgd.gif);
}

/* LIENS */

a {
	color: #2b738b;
}

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

/* HEADER*/

.header {
	background-image: url(../img/global/arts_header_bkgd2.jpg);
	margin: 0;
	padding: 19px 0 0 0;
}

.top-menu {
	float: left;
	display: inline;
	width: 576px;
	height: 31px;
	margin: 13px 0 0 154px;
}

.main-smenu li a:hover{
	color: #2c6b84;
}

.main-smenu-theme ul{
	background-color: #2b738b;
}

.main-smenu-theme ul a:hover{
	color: #2b738b ;
}

/* PAGE */

.page-bkgd {
	background-image: url(../img/global/arts_page_bkgd-fin.gif);
	background-repeat: repeat-y;
	height:auto;
}

.page {
	background-image: url(../img/global/arts_page-bkgd.gif);
	background-repeat: no-repeat;
	height:auto;
}

.bloc-contenu {
	float: left;
	width: 858px;
	height : auto;
	margin: 12px 16px 0 16px;
	background: url(../img/global/gp_contenu-bkgd.gif) 0px 16px repeat-y;
	display:inline;
}

/* FOND */

.dossier-bkgd {
	clear :both;
}

/* FIL D'ARIANE */

.ariane {
	background-color: #2b738b;
}

.ariane div {
	background-color: #fff;
}

.ariane a{
	color: #2b738b;
}

/* LINK */

.link{
	padding: 0 18px 0 0;
	background-image:url(../img/global/arts_green-arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	color: #2b738b;
}

/* MENU */

.dossier-menu {
	float: left;
	text-align: right;
	width: 169px;
	height: 300px;
	margin : 46px 0 0 0;
	padding : 0 20px 0 0;
}

.dossier-menu ul{
	margin: 14px 0 0 0;
	list-style-type: none;
}

.dossier-menu li{
	margin: 0 0 2px 21px;
	padding: 1px 7px 2px 0;
	background-image: url(../img/global/pro_arrow-menu.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
}

.dossier-menu .select {
	background-color: #e4dcf4;
	background-image: none;
}

.dossier-menu .select a{
color: #1f1538;
}

/* TITRE */

.dossier-title {
	float: left;
	height: auto!important;
	height: 50px;
	width: 580px;
	min-heigt: 50px;
	margin: -6px 0 0 0;
	padding: 0 0 0 25px;
}

/* IMAGE */

.imageright {
	margin: 0 0 0 10px;
	padding: 0 0 2px 0;
	float: right;
}

.imageleft {
	margin: 0 10px 0 0;
	padding: 0 0 2px 0;
	float: left;
}

/* ZOOM IMAGE */

.agrandir {
	border-left: 1px solid #8ed4ef;
}

/* ACCORDEON */

.col-accordeon {
	float: right;
	width: 200px;
	background-color: #fff;
	margin: 0 22px 0 0;
	padding:0;
	display: inline;
}

#oAccordeonConteneur {
	width: 200px;
	padding : 0 ;
	background-color: #fff;
}
#oAccordeon  {
	margin : 0;
	padding : 0;
}
#oAccordeon dt {
	background : #aaa url('../img/global/gp_acc-titre-bkgd.gif') 0 0 no-repeat;
	padding : 5px 17px;
	font-size:11px;
	line-height : 13px;
	color :  #009ee0;
	font-weight: bold;
	margin: 0 0 1px 0;
}
#oAccordeon dt.selected {
	background-position : 0 -48px ;
}
#oAccordeon dt:hover {
	background-position : 0 0 ;
	cursor : pointer;
}
#oAccordeon dt.selected:hover {
	background-position : 0 -72px ;
}
#oAccordeon dt img {

}
#oAccordeon dd {
	margin : 0 ;
	padding : 1px 0 0 0;
	color : #0D3D50;
}
#oAccordeon dd div{
	padding : 0 ;
	margin: 0 0 1px 0;
}

#oAccordeon dd .newsletter{
	background : #aaa url('../img/global/gp_acc-newsletter.gif') 0 0 no-repeat;
	padding: 12px 0 0 18px;
	width: 182px;
	height: 49px;
}

/* **** BROCHURE**** */

#oAccordeon dd .brochure {
	background : #aaa url('../img/global/gp_acc-brochure-arts.gif') 0 0 no-repeat;
	padding: 12px 0 0 18px;
	width: 182px;
	height: 133px;
}


#oAccordeon dd .brochure .link{
	padding: 0 18px 0 0;
	background-image:url(../img/global/gp-blue-arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	color: #0d3d50;
}

#oAccordeon dd .brochure .link:hover {
	color: #007eb3 ;
}

/* **** MOTEUR DE RECHERCHE **** */

#oAccordeon dd .moteur {
	background : #aaa url('../img/global/gp_acc-moteur-parcs.gif') 0 0 no-repeat;
	padding: 12px 0 0 18px;
	width: 182px;
	height: 133px;
}

.f-select select{
	float:left;
	width: 170px;
	height: 18px;
	color: #0d3d50;
	font-size: 10px;
	line-height: 11px;
	background-color: #bcd7e1;
	border: 1px solid #00adef;
	margin: 0 0 5px 0;
}

/* VALIDATION */


.fleche-1clic {
	float: left;
	background-image: url(../img/global/pro_1clic-corps-fleche.gif);
	background-repeat: repeat-x;
	
	margin: 3px 0 0 0;
	width: 82px;
	height: 22px;
	display: inline;
	font-weight: bold;
}

.fleche-1clic a{
	display: block;
	width: 86px;
	color: #fff;
	float: left;
	padding: 4px 0 0 4px;
}

.fleche-1clic a:hover{
	color: #fff;
	text-decoration: underline;
	float: left;
}

.pointe-1clic {
	margin: 0 0 0 0;
	color: #fff;
	float: left;
}

/* DRAPEAUX */

.drapeaux {
	float: left;
	width: auto;
	margin: 15px 0 0 19px;
	padding:0;
	height: 50px;
	display: inline;
}

.drapeaux div{
	float: left;
	margin: 0;
	padding:0;
	height: 14px;
}


.drapeaux .flech {
	float: left;
	margin: 0 1px 0 2px;
	height: 7px;
	padding :4px 0 0 0;
	background-image: none;
	line-height:0;
	display: inline;
}


.drapeaux .flech a{
	float: left;
	padding :0;
	margin: 0;
	background-image: none;	
}


.drapeaux .flech a:hover{
	float: left;
	padding :0;
	margin: 0;
	background-image: none;	
}


.drapeaux a {
	margin: 0 3px 0 4px;
	padding:1px;
	height: 12px;
}

.drapeaux a:hover{
	margin: 0 3px 0 4px;
	padding:1px;
	background-image: url(../img/global/flag_select.gif);
	background-position: 0px 0px;
	height: 14px;
	
}

/* TOOLS */

.tools {
	float: right;
	width: 100px;
	margin-top: 0;
	height: 17px;
}

.tools div{
	float: right;
	width: 87px;
	margin-top: 4px;
	height: 17px;
}

.tools span {
	float: left;
	margin-left: 1px;
	padding-left: 5px;
	padding-right: 5px;
	height: 17px;
}

.tools span a {
	float: left;
	height: 13px;
	border-bottom: 4px solid #fff;
}

.tools span a:hover {
	border-bottom: 4px solid #009ee0;;
}

.tools span.sep {
	background-image: url(../img/global/gp_tools_sep.gif);
	background-repeat: no-repeat;
	height: 11px;
}

/* RETOUR EN HAUT */

.btn-upper {
	clear: both;
	padding : 6px 0 0 18px;
}


/* FOOTER */

.footer {
	background-color: #fff;
	width: 836px;
}

.footer-interieur {
	background-color: #87afbd;
}

.footer-menu a{
	color: #1b4552;
}

.footer-menu a:hover{
	color: #fff;
}

.footer-menu a span{
	color: #fff;
}

.voiraussi-bloc{
	overflow:hidden;
	position:relative;
	height:100px;
}

#a_voir{
	height:60px;
	width:10000px;
	position:absolute;
	padding-left:6px;
}

.bloc_avoir{
	float:left;
	width:200px;
}

#description_plus, #description_prog{
	position: relative;
	padding-right:5px;
	height:280px;
	overflow: hidden;
}

.fub_desc{
	font-size:12px;
}

.fub_offre{
	font-weight: bold;
	font-size:11px;
}

.vousyetes-navigation {
	position: relative;
	width: 206px;/*206px*/
	height: 24px;/*24px*/
	background: url(../img/global/esc2_bg-autres-nav.gif) repeat-x;
	text-align: center;
	top: -24px;
}

.vousyetes-navigation a.autresoffres{
	color: #00adef;
	font-size: 1em;
	text-decoration: none;
	padding: 5px 0 0 0;
	display: block;
}

.vousyetes-navigation a.autresoffres:hover{
	color: #7c980b;
}

.Scrollbar-Up {
  position:relative;
  cursor: pointer;
}

.Scrollbar-Track {
  position:relative;
  height: 250px;
}

.Scrollbar-Track2 {
  position:relative;
  height: 65px;
}

.Scrollbar-Handle{
  position : relative;
  top:0px;
  left:0px;
  height:27px;
}

.Scrollbar-Down {
  position:relative;
  cursor: pointer;
}

.Scroller-Container {
  position: relative;
  top: 0px;
  left: 0px;
}