html{background:url(../images/bg_body.png) repeat-x white;}
html, body, form{height: 100%;/*Footer*/}
body{font: 0.73em Arial, Helvetica, sans-serif; color:#000; margin: 0px;padding: 0px;}

/*---------------------------------
couleurs
#ed164f = a du logo adp
#c60c46 = d du logo adp
#780032 = p du logo adp
#404040 = gris fonce (h1)
#898989 = gris moyen (h2)
#c6c6c6 = gris pâle
#f1f1f1 = gris tres pâle
-----------------------------------*/
.litExist { padding-left:30px;}
::selection {
	background: #c6c6c6; /* Safari */
	}
::-moz-selection {
	background: #c6c6c6; /* Firefox */
}

h1{color:#404040;font-weight:normal;font-size:2.1em;margin:0;padding:0; margin-top:10px;} /*titre page
h1.titreLivre{margin:0;} /*Titre page Livre*/
h1.rose{color:#ed1640;}

h2{color:#898989;font-size:1.7em;font-weight:normal;margin:0;padding:0; padding-bottom:10px; padding-top:5px} /*soustitre*/
h2.rose{color:#ed164f;font-weight:bold;}
h2.bourgogne{color:#780032;font-weight:bold;}

h3{color:#404040;font-size:1.5em;font-weight:normal;margin:0;padding:0;} /**/
h3.grisMoyen{color:#898989;} /**/
h3.spacingTxt{margin:30px 0 0 0;}
h4{color:#898989;font-size:1.3em;margin:0;padding:0;}

h4.rose{color: #C60C46; width: 240px; margin-left: 6px; padding-bottom:6px}

h4 a:link, h4 a:visited {color:#c60c46;text-decoration:none;}
h4 a:hover,h4 a:active {color:#780032;}
h5{font-size:1em;font-weight:bold;margin:0;padding:0;} /*normal font size bold*/
hr{background-color:#c6c6c6;border:0;height:1px;}

.noMarginNoPadding{margin:0;padding:0;}

a:link, a:visited {color: #ed164f;}
a:hover, a:active {color: #780032;}

a.nostyle:link, a.nostyle:visited {text-decoration:none;color:#000;}
a.nostyle:hover, a.nostyle:active {color: #780032;text-decoration:underline;}

a.boldNoUnderline:link, a.boldNoUnderline:visited {text-decoration:none;font-weight:bold;}
a.boldNoUnderline:hover, a.boldNoUnderline:active {color: #780032;}

a.puce:link, a.puce:visited, a.puce:hover, a.puce:active {background:url(../images/puce.gif) no-repeat; padding-left:23px;line-height:20px;height:20px;display:block;}

a.btRSS {background: url('../images/logo_rss.gif') no-repeat left top; height:20px; width:16px; display:inline-block;text-align: left; text-indent: -9999px;}
a.btRSS:hover{background-position: -16px 0;}

.txtErreur{color:#ed164f;}
.txtMoyenBlanc{color:#fff;font-size:16px;font-weight:bold;}
.txtRemarque{color:#898989;font-style:italic;}
.txtOrange{color:#f5a142;font-weight:bold;}
.txtVert{color:#567e00;font-weight:bold;}
.txtRouge{color:#c60c46;font-weight:bold;}


#audios { padding-left:0px; margin-left:20px }
#audios li, #medias li  { padding-bottom:13px;}

#videosList h2 {  margin-bottom:10px;}
.spanDescVideo  { display:block; margin-bottom:5px; margin-top:5px;}

#artiPresse p { padding-top:0px; margin-top:0px;}

dl {
  width: 100%;
  overflow: hidden;
  
}
dt {
  float: left;
  width: 50%;
  /* adjust the width; make sure the total of both is 100% */
  
}
dd {
  float: left;
  width: 50%;
  
  -webkit-margin-start: 0px;
}

 dl {width: 285px; margin-top:0px; padding-top:0px;}

 dt
{
	width: 65px;
	font-weight: bold;
	margin-bottom:10px;
}
dd
{
	width: 216px;
	margin-bottom:10px;
}


.fiche
{
	padding: 0px;
}

.fiche li
{
	list-style-type: none;
	padding-bottom:5px;
}


.vignette{border:1px solid #c6c6c6;display:inline-block; margin-right:3px;max-width:130px;max-height:87px}
a.btnIcoAddPanier:link, a.btnIcoAddPanier:visited {
    background:url(../images/ico_addpanier.gif) no-repeat left top;
    width:20px;
    height:20px;
    margin-right: 5px;
    float: left;
}
a.btnIcoAddPanier:hover, a.btnIcoAddPanier:active{background-position: -20px 0;}




/*--------------------------------
Master Page
---------------------------------*/
#containerBack{width:1005px; margin:0 auto; background:url(../images/bg_container.png) repeat-x white; overflow: auto;}
#container{ margin:0 auto; min-height: 100%;/*Footer*/ position: relative;/*Footer*/}

#entete{ width:1005px; margin:0 auto; height:143px; position: relative;  }
#entete #logo{ position:absolute; top: 25px; left: 35px; border:0;}

#entete h1, #entete h2{
        color:#b1b1b1;
}

#entete h1{ 
    font-size: 18px;
    position:absolute; 
    top: 45px; 
    left: 250px;
}

#entete h2{ 
    font-size: 14px;
    position:absolute; 
    top: 80px; 
    left: 250px;
}

#pleinePage{ margin:0 auto; padding: 10px 20px 284px 21px; min-height:500px; /*284px = hauteur de mon footer */}
#colPermanence{width:205px;float:left;min-height:450px;padding:0 10px 0 7px;background:url(../images/bg_colPermanence.jpg) no-repeat #fff;z-index:999;}
#BoxSpecificContent{width:737px;float:left;}

/*Menu*/
/* - - - ADxMenu: BASIC styles - - - */

/* remove all list stylings */
#menu, #menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

/* move all list items into one row, by floating them */
#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

/* define new starting point for the nested UL, thus making positioning it a piece of cake */
#menu li:hover {
	position: relative;
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
#menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus.
	first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
#menu li li div {
	top: 0;
	left: 0;
}

/* ...and then place the submenu where it should be when shown */
#menu li li:hover div {
	left: 100%;
}

/* display them on hover */
#menu li:hover>div {
	visibility: visible;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
#menu:after, #menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
#menu, #menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the "#menu div" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
#menu div {
	background: url(../images/transit_submenu.gif) no-repeat 13px 10px;/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 0px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
	visibility: hidden;
	z-index: 10100;
}


/* - - - ADxMenu: DESIGN styles - - - */

#menu {
	width: 199px;
	margin:0 0 50px 0;
	padding:0;
	list-style:none;
	z-index: 1000;
}
#menu li {
	background:url(../images/bg_menu.jpg) no-repeat #fff;
	height:32px;
	width:199px;
	list-style:none;
	margin:0; 
	padding:0;
	text-indent:22px;
	line-height:30px; 
	z-index: 1000;
}
#menu li.finMenu {
    height:31px;
}

#menu li:hover>a {
	color: #ed164f;
}

#menu a {
	font-size:14px;
	color:#898989;
	text-decoration:none;
}

#menu a:hover {
	color: #ed164f;
}

/*Submenu styling*/
#menu li:hover>div {	/* inset submenus, to show off overlapping */
    position:absolute;
	left: 198px;
	top: -1px;
}

#menu ul,#menu ul.extended{
    background: url(../images/bg_submenu.gif) repeat-x top left #f2f2f2;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 18px 0 10px;
    width: 170px;
	z-index: 1000;
}
#menu ul.extended{
    width: 240px;
}
#menu ul li{
	background:url(../images/puce_submenu.gif) no-repeat center left;
    border-bottom: 1px solid #ccc;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
    text-indent: 0;
	z-index: 1000;
}

#menu ul li a{
    font-size: 11px;
}

#menu ul li.finMenu {
    border:none;
    height:auto;
}


/*menuUtil*/
#menuUtil{float:right;padding:0 0 10px 0;font-size:0.9em;}

#ctl00_updatePanelItems{
    display: inline;
    margin: 0;
    padding: 0;
}

/*Recherche*/
#recherche{background:url(../images/bg_recherche.jpg) no-repeat #fff;height:42px;width:745px;margin-bottom:20px;clear:both;position:relative;}
#recherche .titRecherche{position:absolute;top:11px;left:10px;}
#recherche .dropDownRecherche{position:absolute;top:10px;left:130px;}
#recherche .txtRecherche{position:absolute;top:12px;left:340px;height:13px;}
#recherche .btnChercher{position:absolute;top:10px;left:555px;width:100px;}
#recherche .rechercheAvance{position:absolute;width:80px;top:6px;right:0px;}
#recherche a.blanc:link, #recherche a.blanc:visited {color: #fff;font-size:12px;text-decoration:none; float:right; margin:0 10px 0 0;width:70px;}
#recherche a.blanc:hover, #recherche a.blanc:active {color: #780032;text-decoration:underline;}
.showAll{
    background: url('../images/background-generalButton.gif') no-repeat;
    display: inline-block;
    height: 21px;
    text-align: center; 
    text-decoration: none;   
    width: 75px;
}
a.showAll:hover{
    background-position: top right;
}


/*Accès clients*/
.BoxDegrade{background:url(../images/bg_boxDegrade.jpg) repeat-x #fff;border:1px solid #c6c6c6;padding:5px;margin-bottom:20px;}
#AccesClients a  {font-size:10px;display:block;float:left;width:153px;}
#AccesClients input{margin-top:5px;}
#accesClients #btnLogin{float:right;}

.InfoBasPage{margin:70px 0 10px 0;}

/*Footer*/
#footer{ width:1005px; margin:0 auto; position: absolute;/*Footer*/ bottom: 0px; background:url(../images/bg_footer.png) repeat-x #333; height:284px;/*Auteur du footer*/ width: 100%; }
#footer #contentFooter{width:970px; margin:40px auto 0 auto;color:#cbcbcb;font-size:0.9em;}
#footer a:link, #footer a:visited {color:#cbcbcb;text-decoration:none;  display: block; line-height:18px;}
#footer a:hover, #footer a:active{color:#c60c46;text-decoration:underline;}
#contentFooter #logoFooter{width:200px; float:left;}
#contentFooter #logoFooter a{display:inline-block;}
#contentFooter .multiCol{width:145px; float:left;padding-left:8px;}

/*------------------------------------------------
Index
------------------------------------------------*/

/*Saison*/
.ImgSaison{margin-bottom:10px;}

/*Box Accueil centre*/
#BoxAccCentre{width:460px;float:left;padding-right:5px;}

/*Box Accueil Droite*/
#boxAccDroite{width:267px;padding:0 0 0 5px;float:left;}

#BoxTeaserBig, teaserBig{
    z-index:1;
}

/*Pub*/
.pub{padding:33px 0 30px 0;}

/*Infolibrairie Abonnement*/
#InfoLibAbonnement{background:url(../images/bg_infolettre-abonnement.jpg) no-repeat #fff;height:110px;padding:20px 5px 0 85px;}

.downloadlib { width:200px; height:40px}


/*Palmares*/
#boxPalmares{border:1px solid #c6c6c6;padding:3px;width:439px;margin:20px 0 20px 0;}
.bgbox{min-height:70px;clear:both;}
#boxPalmares a.imgPalmares img{width:40px;float:left;margin-right:5px;}
#boxPalmares a.palmaresTous:link, #boxPalmares a.palmaresTous:visited{font-size:11px;text-decoration:none;color:#898989;font-weight:normal;float:right;}
#boxPalmares a.palmaresTous:hover, #boxPalmares a.palmaresTous:active{color:#c60c46;text-decoration:underline;}
/*------------------------------------------------
Saison
------------------------------------------------*/

/*------------------------------------------------
Palmares
------------------------------------------------*/
.rang{font-weight:bold;font-size:30px;float:left;padding-right:10px;color:#898989;}
.resumePalmares{margin-left:130px;}

/*------------------------------------------------
Contact
------------------------------------------------*/
dl.contact{width:100%;}
dl.contact dt{width:140px;}

/*------------------------------------------------
Blogue
------------------------------------------------*/
.imgFloatLeft{margin:20px 10px;float:left; }


/*------------------------------------------------
Fiche Livre
------------------------------------------------*/
#boxLivre{float:left;width:230px;padding:0 10px 0 0;}
#boxContenuLivre{float:left;width:497px;}

.displayNoneCodeBar, .displayNoneCodeBarPanier{display:none;} /*Code bar print seulement*/

/*Panier*/
a.btnAjouterPanier:link, a.btnAjouterPanier:visited{background: url('../images/bt_addPanier.gif') no-repeat left top;height:20px;width:127px;display:inline-block;}
a.btnAjouterPanier:hover, a.btnAjouterPanier:active {background-position: -127px 0;}
#btAjouterPanier{background: url('../images/bg_boxFormatTop.gif') no-repeat left top;padding-top:7px;}
#btAjouterPanierBottom{background: url('../images/bg_boxFormatBottom.gif') no-repeat left top;height:4px;}
#boxAjouterPanier{float:right;text-align:center;width:127px;}
#boxAjouterPanier .btnAjouterPanier {   margin-top:10px;}
.boxBtnFormat{text-align:left;line-height: 18px;height:18px;}
.boxPrixFormat{font-weight:bold;width:50px;float:left;text-align:right;clear:left;}
.boxFormat{width:70px;float:left;text-align:center;}
.boxPrixFormatMaster{
    display: block;
    font-size: 26px;
    width: 100%;
}

/*Autres formats*/
#autresFormats{
    background: url('../images/bg_boxFormatTop.gif') no-repeat left top;
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
	margin-top:10px;
    }
    #autresFormats td{
        margin: 0;
        padding: 4px;
    }
    #autresFormats thead{
        font-weight: bold;
        text-align: center;
    }
    #autresFormats tfoot{
        background: white url('../images/bg_boxFormatBottom.gif') no-repeat left top;
        height:4px;
    }
    #autresFormats tbody tr{
        /*border-bottom: 1px dotted #000;*/
    }
    #autresFormats td.titreSub
{
	width: 300px;
	padding-left:10px;
	text-align: left;
}

/*btExtrait*/
.btExtrait{background: url('../images/img_extrait.jpg') no-repeat left top;height:50px;text-indent:50px;display: block;margin-bottom:10px;text-decoration:none;}
/**Suggestion Fiche*/
.boxSuggestions{margin:20px 10px 20px 0;float:left;}
.boxContourSuggestions{width:340px;border-top:1px solid #c6c6c6;border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;padding:8px;}
.boxBottomSuggestions{background:url(../images/bg_boxbottom.gif) no-repeat #fff;background-position:-99px;height:25px;width:198px;padding:3px 0 0 160px;}

/**/
.eventFichePro{margin-top:30px;}

/*------------------------------------------------
Paging
------------------------------------------------*/
.boxPagin{
    border-top:1px solid #c6c6c6; 
    border-bottom:1px solid #c6c6c6;
    padding:3px;
    margin:10px 0 20px 0;
    height:22px;
    line-height: 22px;
    position:relative;
    width:730px;
}
.boxPagin .boxTri{position:absolute; left:0;}
.boxPagin .boxNextPre{position:absolute; left:330px;}
.boxPagin .nbPages{position:absolute; left:180px;}
.boxPagin .boxGoTo{position:absolute; right:0;}
.btNext{
    background: url('../images/bt_next.gif') no-repeat left top; 
    display: inline-block;
    height:21px; 
    width:23px; 
    margin-right: 15px;
    border:none; 
    text-indent:-9999px;
}
.btNext:hover{background-position: -23px 0;}
span.btNext{
    background: url('../images/bt_next.gif') no-repeat -46px 0; 
    display: inline-block;
    height:21px; 
    width:23px; 
    border:none; 
    margin-right: 15px;
    text-indent:-9999px;
}

.btPrev{
    background: url('../images/bt_prev.gif') no-repeat left top; 
    display: inline-block;
    height:21px;     
    width:23px; 
    text-indent: -9999px;
    border:none;
}
.btPrev:hover{background-position: -23px 0;}
span.btPrev{background: url('../images/bt_prev.gif') no-repeat -46px; height:21px; width:23px; border:none;}
.showAll{margin-left: 15px;}

/*------------------------------------------------
Type de Box
------------------------------------------------*/
/*Accueil nouveaute, suggestion, */
.boxContour{width:439px;border-top:1px solid #c6c6c6;border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;padding:8px;}
.boxBottom{background:url(../images/bg_boxbottom.gif) no-repeat #fff;height:25px;width:197px;padding:3px 0 0 260px;}
.boxItem{width:104px;float:left;padding-right:5px;}

/*Acces client, pub recrutement...*/
.boxGris{background-color:#f1f1f1;padding:10px ;margin-bottom:30px;}
.boxGris .BoxGrisContent{background-color:#fff;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;margin-top:10px;padding:3px;}
.puceBoxDegrade{float:right;margin-top:-20px;}

/*page Suggestion*/
.resume ul {margin:0; padding:0; width:230px}
.resume li
{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0px 8px 6px 6px;
}

ul#displayRow li.noHeight{min-height:0px;}
ul#displayRow li div.resume {float:left; width:550px; padding-left:10px; padding-bottom:20px}



.displayRow {list-style: none;}

#displayRow {list-style: none;}

/*Resultat de recherche, office, nouv numerique, arret comm. */
#display2Col{margin:0; padding:0; float:left}
#display2Col { width:340px;height:310px;float:left;display:block;border:1px solid #c6c6c6; padding:5px;margin:0 0 5px 5px; }
.resume { float:left; display:block; width:235px} 
ul#display2Col li div.resume{margin-left:92px;}
ul#display2Col li div.resume dl {margin:0;padding:0;}
.addBook{height: 20px;line-height: 20px;margin-top:8px;margin-left:2px;}
.bgGrisFonce{background-color:#e4e4e4;padding:3px;}
.bgGrisPale{background-color:#f1f1f1;padding:3px;}


/*Box Outils (imprimer excel...)*/
.boxOutils{
    background:url(../images/bg_boxOutils.jpg) no-repeat #fff;
    display:inline-block;
    height:33px;
    float:right;
    padding-left:10px;
}
.boxOutilsFin{
    background:url(../images/bg_boxOutilsFin.jpg) no-repeat #fff;
    width:8px;
    height:33px;
    float:right;
    display:inline-block;
}
.ImprimerExcel{width:120px;}
.boxOutils a{line-height:35px;font-size:11px;}
.boxOutils .at300m {margin-top:8px;line-height:16px; padding-left:2px}
.boxOutils .at300b {margin-top:8px; line-height:16px;}
.boxOutils .at15t_compact {margin-top:8px;}

.envoyerAmi{float:left;}

.boxDemi{width:49%;float:left;}


/*RSS*/
#boxRss{background-color:#f1f1f1;padding:10px;margin:20px 0;}
#boxRss img {float:left; padding-right:10px;}

/*Progress*/
.updateProgress{ position:absolute; background-color:#fff; filter:alpha(opacity=80); MozOpacity:0.85; opacity:0.85; padding:0px; margin:0px;}
.updateProgress div{background-color:#c60c46; color:#000; text-align:center; border:1px solid #000; padding:4px; position:absolute; top:5%; left:40%;}
.updateProgressRecherche{ position:relative; background-color:#c60c46; filter:alpha(opacity=80); MozOpacity:0.85; opacity:0.85; top:-60px; padding:0px; margin:0px; }
.updateProgressRecherche div{background-color:#c60c46; color:#000; text-align:center; padding:4px; /*position:absolute; top:0%; left:0%;*/}

/*popUp*/
.bgPopup {background-color:#000;filter:alpha(opacity=70);opacity:0.7;}
.boxPopUp{background-color:#fff; padding:20px;width:400px;}
.btClose{float:right;padding-bottom:10px;}

/*------------------------------------------------
Editeurs
------------------------------------------------*/
.boxEditeur{float:left;width:145px;height:120px;}
.boxEditeur img{float:left;width:145px;height:60px;}
.SeparateurEditeur{clear:both; margin:20px 0;}
a.hautPage:link, a.hautPage:visited{background:url(../images/ico_haut.gif) no-repeat;color:#898989;text-indent:15px;display:block;clear:both;font-size:0.9em;}
a.hautPage:hover, a.hautPage:active{color:#780032;}

/*------------------------------------------------
Recherche
------------------------------------------------*/
#enginRecherche{width:440px;margin-left:130px;border:1px solid #c6c6c6;padding:20px;}
#maxResult{background-color:#fbefbf;padding:1px 10px 2px 10px;}
.filtre{float: left;}
.pager{float: right;}

/* AutoComplete item */
.AutoComplete_CompletionList{background-color : #fff;margin:0;padding :0;border:1px solid #000;}
.AutoComplete_CompletionList li{list-style: none; list-style-image:none;padding:3px;}
.AutoComplete_CompletionListItem {text-align : left;}
.AutoComplete_HighlightedItem{background-color: #DCEBC3; color:#16436A;}
/*------------------------------------------------
Événement
------------------------------------------------*/
.event dt{width:90px;}
#resumeFicheEvent{float:left;width:639px;margin:0 0 25px 10px;}

/*Liens Medias*/
ul#listeLiensMediasInline{margin: 5px;padding: 0;}
ul#listeLiensMediasInline li{ float:left; width:100%; margin: 0;  padding: 10px 0 ; list-style: none;}
ul#listeLiensMediasInline li img{ float:left; margin-right: 10px;}

/*------------------------------------------------
Formulaire
------------------------------------------------*/
input, select{font-size:12px;}
fieldset {border:0;}
fieldset label.label{font-weight:bold;width:100px;float:left;margin:2px 0;}
fieldset input, select{margin:2px 0;}

/*------------------------------------------------
SiteMap
------------------------------------------------*/
.ulSiteMap  {margin:0;padding:0;}
.ulSiteMap li  {list-style: none; margin:20px 0;}
.ulSiteMap li ul {list-style: none; margin:0;padding:0;}
.ulSiteMap li ul li {list-style-type:circle ; margin:0 0 0 30px;padding:0;}

/*------------------------------------------------
RSS
------------------------------------------------*/
dl.rss dt{width:170px;}
dl.rss input[type="text"]{background-color:#f7e8ed;}

/*------------------------------------------------
MISC
------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {display: inline-block;}  /* for IE/Mac */
.clearAll{clear: both;}
.clearLeft{clear:left;}
#noel{
    position: absolute;
    right: 17px;
    top: 0;
}

.center{text-align: center;}


/*-------------------------------------------
404
-------------------------------------------*/
#custom404Wrapper{
    background: white;
    font-size: 110%;
    margin-top: 50px;  
    }
    #custom404Copy{
        margin: 0 auto;
        padding: 30px 0;
        text-align: left;
        width: 750px;
        }
        #custom404Copy p{
            line-height: 1.5em;
}


/* ***************************************************************** */
/* Toogles */
ul#toggles{
    margin: 20px 0 0 0;
    padding: 0;
    }
    ul#toggles li{
        background: #525252;
        color: White;
        display: inline-block;
        font-size: 12px;
        height: 28px;
        line-height: 32px;
        list-style-image: none;
        margin: 0;
        padding: 0 6px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
    }
    ul#toggles li:hover{
        background: #0670ae;
        cursor: pointer;
    }
    
div.openedTab{
 
    margin-top: 3px;
    padding: 22px 8px;
    position: relative;
    width: 470px;
}


.leftFiche
{
	float:left; 
	width:450px;
	display:block;
}

.rightFiche
{
	float:right; width:200px;	
	display:block;
}



div.openedTab a{
    color:#016b93;
}

div.openedTab a:hover {
    color:#049ce0;
}
ul#toggles li.activeMenu{
    background: #0670ae;
}

ul#toggles li.activeMenu span{
    background: url("../images/arrow-down.gif") no-repeat bottom center;
    bottom: 4px;
    display: block;
    height: 14px;
    margin: 0 auto;
    position: relative;
    width: 28px;
    z-index: 10;
}


.openedTab ul, .openedTab ul li{
    list-style-image: none;
    list-style-type: none;
    margin:0;
    padding: 0;
}

/* Liens médias */
.openedTab ul#medias{
    margin: 0;
    padding: 0;
}
.openedTab ul#medias li{
    background: none;
    list-style-type: none;
    list-style-image: none;
    margin: 0 0 15px 0;
    padding: 0;
}
.openedTab ul#medias li img{
    border: none;
    float: left;
    width: 130px;
}
.openedTab ul#medias li div{
    margin-left: 140px;
    position: relative;
    width: auto;
}

/* Evenements */
.openedTab ul#events li{
    border-bottom: 1px dotted #ccc;
    margin-top: 15px;
    padding-bottom: 15px;
    line-height: 18px;
}


/* ACCORDION
------------*/
.accordionHeader{
    background: #ddd;
    border: 1px solid #d0d0d0;
    border-collapse: collapse;
    color: White;
    height: 25px;
    line-height: 25px;
    padding: 0;
    }
    .accordionHeader h2{
        margin: 0;
        padding: 0;
        text-indent: 5px;        
        }
        .accordionHeader h2 a{
            text-decoration: none;
}

.accordionContent{
    border-collapse: collapse;
    background: #f7f7f7;
    /*padding: 1em;*/
    overflow: hidden;
    padding-bottom: 1em;
}

.accordionContentWrapper{
    margin: 1em;
}

.lnkZoom
{
	padding-top:10px;
}

.lnkExtrait
{ 
float:right;
padding-top:10px;
}

.itemfiche {
display:block;
width:736px;
padding-bottom:30px;

overflow:hidden;

}

.itemfiche .linkImage {
    float:left;
    width:90px;
}

#displayRow li { float:left; padding-top:15px}