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
-----------------------------------*/

h1{color:#404040;font-weight:normal;font-size:2.1em;margin:0;padding:0;} /*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;} /*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;}
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;}
.txtVert{color:#567e00;font-weight:bold;}
.txtRouge{color:#c60c46;font-weight:bold;}

dl dt {font-weight:bold;float: left; width:70px;}
dl dt dd {margin:0;padding:0;}

.vignette{border:1px solid #c6c6c6;display:inline-block; margin-right:3px;}
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: 200px;
}
#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:80px;}
#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;}

/*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;width:175px;padding:30px 5px 0 85px;}

/*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;}
#boxContenuLivre dt{width:100px;}
.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:220px;display:inline-block;}
a.btnAjouterPanier:hover, a.btnAjouterPanier:active {background-position: -220px 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:left;width:220px;}
.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;}


/*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;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; height:21px; width:23px; border:none; text-indent:-9999px;}
.btNext:hover{background-position: -23px 0;}
.btNextOff{background: url('../images/bt_next.gif') no-repeat -46px 0; height:21px; width:23px; border:none; text-indent:-9999px;}

.btPrev{background: url('../images/bt_prev.gif') no-repeat left top; height:21px; width:23px; border:none;}
.btPrev:hover{background-position: -23px 0;}
.btPrevOff{background: url('../images/bt_prev.gif') no-repeat -46px; height:21px; width:23px; border:none;}

/*------------------------------------------------
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*/
ul#displayRow {margin:0; padding:0;}
ul#displayRow li {list-style: none; list-style-image:none;margin: 0;padding: 10px 0 10px 0;min-height:120px;  }
ul#displayRow li div.resume {margin-left:100px;}
div.resume dt{width:85px;}

/*Resultat de recherche, office, nouv numerique, arret comm. */
ul#display2Col{margin:0; padding:0;}
ul#display2Col li {list-style: none; list-style-image:none;width:351px;height:240px;float:left;display:block;border:1px solid #c6c6c6; padding:5px;margin:0 0 5px 5px; }
ul#display2Col li div.resume{margin-left:92px;}
ul#display2Col li div.resume dl {margin:0;padding:0;}
/*ul#display2Col li div.resume label{display:inline-block;width:70px;font-weight:bold;}*/
.addBook{
    height: 20px;
    line-height: 20px;
    margin-top:15px;
}

.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;*/}
.boxOutils .at300b {margin-top:8px; line-height:16px;}
.boxOutils .at15t_compact {margin-top:8px;}
.partage {margin-top:20px;}
.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;}

/* 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;}