@import url("reset.css"); /* Éric Meyer's Reset */

html { font-size: 62.5%; }
body {
	width: 100%;
	text-align: center;
	color:#404040;
	font-size:1.3em;
	line-height:1.65;
	font-family:Arial, Helvetica, sans-serif;
}

a:link, a:visited {color:#bf311a;font-weight:bold;text-decoration:none;}
a:hover, a:active {color:#000;}
a img {border: none;}
abbr, acronym {border-bottom:.1em dotted;cursor:help;}
em {font-style:italic;}
strong {font-weight:bold;}
p, ul, ol, dl {margin:0 0 0 0;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
hr {background:#ccc;border:none;clear:both;color:#ccc;height:1px;margin:1.8em 0 1.3em;width:100%;}

.hr { width: 100%; height: 1px; background-color: #CCCCCC; }
.clearfix { display: inline-block; }
.clearBoth { clear: both; }
.noBullet li { list-style-type: none; }
.noDot { list-style-type: none; }
.center { text-align: center; }
.poste-ferme { text-align: center; background-color: #CDCDCD; margin-bottom: 30px;}
.red {color:#bf311a;}
.stroke { width: 750px; height: 1px; background-color: #CCCCCC; margin-top: 10px; margin-bottom: 10px;}
.link {color:#bf311a;font-weight:bold;text-decoration:none; cursor: pointer;}
	
#facebook { display: block; width: 55px; height: 52px; background: url('/images/twitter-facebook_logo.png') top left; float: left;}
#twitter { display: block; width: 55px; height: 52px; background: url('/images/twitter-facebook_logo.png') top right; margin-left: 60px;}

#scroll { display: none; }

h1 {
	color:#000;
	font-size:2.1em;
	font-weight:bold;
	line-height:.9;
	margin-bottom:.8em;
}

h1 strong {
	color:#c0311a;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-style:italic;
	margin-left:15px;
}

h2 {
	clear:both;
	font-size:1.55em;
	font-weight:normal;
	line-height:1;
	margin-bottom:.5em;
}

h3 {
	font-size:1.6em;
	font-weight:normal;
	line-height:1;
	margin-bottom:.1em;
}

h5 {
	color:#000;
	font-size:1.8em;
	font-style:italic;
	font-weight:bold;
	margin:1.5em 0 .2em;
}

.indentation {padding:0 16px;}

.stronger { font-size: 28px; font-weight: bold; }
.strong   { font-size: 22px; font-weight: normal; }

#page { width: 100%; margin: 0 auto; text-align: left; }
#wrapper { width: 100%; margin: 0 auto; }

#wrapperBandeau { width: 1195px; margin: 0 auto; }

#header {width: 1195px; height: 120px; margin: 0 auto;}

#logo { width: 517px; height: 120px; background: url('/images/Entete.gif') no-repeat; float: left; }
#logo.en { width: 544px; background: url('/images/EnteteEN.gif') no-repeat; }
#logo span { display: none; }
#header ul { font-size:.80em; position: relative; top: 50px; left: 45px; float: left;}
#header ul li { margin-right: 30px; float: left; }
#header ul li a { font-size:2.1em; line-height:1.65; font-weight: normal; color: #c1c1c1; text-decoration: none; cursor: pointer;}

#page #bandeau { height: 413px; background-color: #E7EAE3; }
#page #bandeau #wrapperBandeau h1 { font-size:3.1em; font-weight:bold; line-height:.9; }
#page #bandeau #wrapperBandeau .titleSection { width: 760px; padding-top: 40px; }
#page #bandeau #wrapperBandeau p { padding-bottom: 20px; }
#page #contentWrapper { width: 1195px; margin: 0 auto; padding-top: 15px; }
#page #nav ul {}
#page #nav li { list-style-type: none; float: left; cursor: hand; }
#page #nav span:hover { background: url('/images/fleche_on.png') no-repeat; }
#page #nav span.active { background: url('/images/fleche_on.png') no-repeat; }
#page #nav li span { background: url('/images/fleche_off.png') no-repeat; padding-left: 35px; margin-right: 40px; font-size:1.6em; font-weight:normal; line-height:1; margin-bottom:.1em; cursor: pointer; }

#apropos #bandeau #wrapperBandeau { height: 413px; background: url('/images/Bandeau_Apropos.jpg') no-repeat; }
#apropos #bandeau #wrapperBandeau h1 { color: #C42E1F; margin-bottom:.8em; }
#apropos #contentWrapper li { margin-left: 30px; list-style-type: disc; list-style-position: outside; }
#apropos #contentWrapper .col { width: 370px; float: left; padding: 10px; }
#apropos #contentWrapper .col.center { text-align: center; }
#apropos #contentWrapper .col p { margin-left: 15px; padding-bottom: 10px; }
#apropos #contentWrapper .col li { margin-left: 30px; list-style-type: disc; list-style-position: outside; }
#apropos #contentWrapper #nav li { margin: 30px 30px 0 0; padding-bottom: 30px; list-style-type: none; }

#events #bandeau { height: 466px; background-color: #E8EBE4; }
#events #bandeau #wrapperBandeau .titleSection { width: 650px; padding-top: 40px; float: right;}
#events #bandeau #wrapperBandeau { height: 466px; background: url('/images/Bandeau_events.jpg') no-repeat; }
#events #bandeau #wrapperBandeau h1 { color: #C42E1F; margin-bottom:.8em;}
#events #bandeau li { list-style-type: disc;  list-style-position: inside;}
#events #contentWrapper .col { width: 750px; float: left; padding: 10px; }
#events #contentWrapper .col hr {line-height: 0px; padding: 0; margin-top: 10px; margin-bottom: 10px;}
#events #contentWrapper .col.center { text-align: center; }
#events #contentWrapper .col p { margin-left: 15px; padding-bottom: 10px; }
#events #contentWrapper .col ul li { margin-left: 30px; list-style-type: disc; list-style-position: outside; }
#events #contentWrapper .col ol li { margin-left: 15px; list-style-type: decimal; } 
#events #contentWrapper #nav li { margin: 30px 30px 0 0; padding-bottom: 30px; list-style-type: none; }

#livresnumeriques #bandeau { height: 340px; background-color: #E8EBE4; }
#livresnumeriques #bandeau #wrapperBandeau .titleSection { width: 650px; padding-top: 40px; float: right;}
#livresnumeriques #bandeau #wrapperBandeau { height: 340px; background: url('/images/Bandeau_LivresNumeriques.jpg') no-repeat; }
#livresnumeriques #bandeau #wrapperBandeau h1 { color: #C42E1F; margin-bottom:.8em;}
#livresnumeriques #bandeau li { list-style-type: disc;  list-style-position: inside;}
#livresnumeriques #contentWrapper .col { width: 750px; float: left; padding: 10px; }
#livresnumeriques #contentWrapper .col hr {line-height: 0px; padding: 0; margin-top: 10px; margin-bottom: 10px;}
#livresnumeriques #contentWrapper .col.center { text-align: center; }
#livresnumeriques #contentWrapper .col p { margin-left: 15px; padding-bottom: 10px; }
#livresnumeriques #contentWrapper .col ul li { margin-left: 30px; list-style-type: disc; list-style-position: outside; }
#livresnumeriques #contentWrapper .col ol li { margin-left: 15px; list-style-type: decimal; } 
#livresnumeriques #contentWrapper #nav li { margin: 30px 30px 0 0; padding-bottom: 30px; list-style-type: none; }

#emplois #bandeau { height: 397px; background-color: #E9E5E6; }
#emplois #bandeau #wrapperBandeau { height: 397px; background: url('/images/Bandeau_emplois.jpg') no-repeat; }
#emplois #bandeau_slim { height: 264px; background-color: #E9E5E6; }
#emplois #bandeau_slim #wrapperBandeau { height: 264px; background: url('/images/Bandeau_emplois_slim.jpg') no-repeat; }
#emplois #wrapperBandeau h1 { color: #C42E1F; margin-bottom:.8em; }
#emplois #wrapperBandeau .titleSection { width: 700px; padding-top: 40px; }
#emplois #contentWrapper #nav { margin: 30px 30px 30px 0; padding-bottom: 30px;}
#emplois #contentWrapper ul, ol, dd {list-style:square; margin-left: 2em;}
#emplois .posteWrapper { width: 1000px; margin: 0 auto; }
#emplois .titrePoste { width: 800px; overflow: visible; }
#emplois #contentEmplois, #emplois #contentApropos, #emplois #contentArchives { width: 750px; }

#nousjoindre #bandeau #wrapperBandeau h1 { color: #C42E1F; margin-bottom:.2em; }
#nousjoindre #bandeau #wrapperBandeau h2 { color: #000; }
#nousjoindre .contentColLeft  { width: 750px; float: left; }
#nousjoindre .contentColRight { width: 445px; float: left; }

#entrepot #wrapperBandeau h1 { margin: 0; }
#entrepot #wrapperBandeau h2 { color: #629836; margin-left: 40px; }
#entrepot.en #wrapperBandeau h2 { color: #629836; margin-left: 40px; margin-top: 10px; }
#entrepot #wrapperBandeau p span { padding: 0px; color: #BF311A; font-size: 18px; margin-top: 20px; margin-left: 130px; float: left }
#entrepot #showhere { width: 395px; margin-left: 50px; float: left }
#entrepot #showherelink a { padding: 5px; }
#entrepot #showherelink .link_act { color: #000; }
#entrepot .contentColLeft  { width: 750px; float: left; }
#entrepot .contentColRight { width: 445px; float: left; }
#entrepot #contentWrapper #nav { margin: 30px 30px 30px 0; padding-bottom: 30px; }
#entrepot #contentLecteurs img, #entrepot #contentReaders img { float: left; margin-right: 25px; }
#entrepot #contentEditeurs ul, #entrepot #contentLibraires ul { list-style-type: disc; margin-left: 30px; }

#numerique .titleSection span { display: block; width: 600px; }
#numerique .titleSection ul { list-style: square; margin-left: 30px; }
#numerique #bandeau { height: 466px; background-color: #F1F2F4; }
#numerique #bandeau #wrapperBandeau { height: 466px; background: url('/images/Bandeau_ressnum.jpg') no-repeat; }
#numerique #bandeau #wrapperBandeau h1 { font-size: 2.0em; margin: 0; }
#numerique #bandeau #wrapperBandeau h2 { font-size: 3.0em; color: #008AB0; font-weight: bold; margin-left: 40px; }
#numerique #ressNum { background-color: #F1F2F4;  border-radius:25px; -webkit-border-radius:25px; padding: 20px; }
#numerique #ressNum #nav { padding-bottom: 10px; }
#numerique #ressNum #nav li span { margin-right: 32px; }
#numerique #ressNumContent { background-color: #FFF;  border-radius:25px; -webkit-border-radius:25px; padding: 20px; }
#numerique #ressNumContent ul { margin-left: 50px;}
#numerique #ressNumContent ul li { float: left; margin-left: 50px;}
#numerique #ressNumContent ul li a { display: block; text-align: center; padding-bottom: 30px;}
#numerique #contentWrapper h2 { float: left; }
#numerique #contentWrapper ul.fleche-droite { margin-right: 45px; float: right; }

#numerique #ressEducation { width: 860px; padding: 30px; }
#numerique #ressEducation h2 { font-size: 2em; float: none;}
#numerique #ressEducation span { position: relative; top: -12px; left: 15px; font-size: 1.3em; font-weight: bold;}
#numerique #ressEducation ul { list-style: square; margin-left: 30px; }
#numerique #ressEducation .infobourg { float: left; }
#numerique #ressEducation .ecolebranchee { float: right; }
#numerique #ressEducation .ecolebranchee ul { margin-top: 25px; }

#nouvelles #wrapperTweet { width: 290px; height: 244px; background: url('/images/Bulle_Twitter.png') no-repeat; float: left;}
#nouvelles #wrapperTweet .tweet { height: 200px; font-size: 12px; padding: 10px; }
#nouvelles #wrapperTweet .tweet a { color: #BD3118; font-weight: bold; }
#nouvelles #wrapperTweet .followus { margin-left: 120px; }

#nouvelles #wrapperFB { width: 290px; height: 245px; background: url('/images/Bulle_Facebook.png') no-repeat; padding-top: 15px; margin-left: 50px; float: left; }
#nouvelles #wrapperFB img { border: #CDCDCD 1px solid; display: block;}
#nouvelles #wrapperFB .row { padding-left: 15px; padding-bottom: 15px; }
#nouvelles #wrapperFB .followus { margin-top: 28px; margin-left: 110px; padding-bottom: 5px; font-weight: bold; }
#nouvelles #wrapperFB .fbPugLeft { float: left; width: 70px; margin-right: 50px; }
#nouvelles.en #wrapperFB .row { padding-left: 20px; }
#nouvelles.en #wrapperFB .followus { margin-top: 115px; margin-left: 110px; padding-bottom: 5px; font-weight: bold; }
#nouvelles #bandeau { height: 397px; background-color: #E9E7EA;} 
#nouvelles #bandeau #wrapperBandeau { height: 413px; background: url('/images/Bandeau_nouvelles.jpg') no-repeat; }
#nouvelles #wrapperBandeau h1 { margin: 0;}
#nouvelles #wrapperBandeau h2 { color: #9D386F; margin-left: 40px; }
#nouvelles #contentWrapper { margin-bottom: 30px; }
#nouvelles #contentWrapper #nav { margin: 30px 30px 30px 0; padding-bottom: 30px; }
#nouvelles #commWrapper { background-color: #F6F5EE; border-radius:25px; -webkit-border-radius:25px; padding: 20px;}

#home #bandeau { height: 360px; background-color: #EBF6FA;}
#home #bandeau #wrapperBandeau { background: url('/images/Bandeau_accueil.jpg') no-repeat; height: 360px;}
#home #wrapperBandeau ul { margin-top: 20px; margin-left: 100px; }
#home #wrapperBandeau ul li a {
	color:#fff;
	font-size: 18px;
	display:block;
	height:51px;
	line-height:1.2;
	margin-bottom:26px;
	padding:9px 0 0 44px;
	text-decoration:none;
	width:245px;
}

#home #wrapperBandeau ul li a:link strong { font-size:23px; font-style:italic; }
#home #wrapperBandeau ul li.vert a { background: url('/images/boutonsSections.png') no-repeat center top; }
#home #wrapperBandeau ul li.vert a:hover { background: url('/images/boutonsSections.png') no-repeat center -60px; }

#home #wrapperBandeau ul li.bleu a { background: url('/images/boutonsSections.png') no-repeat center -120px; }
#home #wrapperBandeau ul li.bleu a:hover { background: url('/images/boutonsSections.png') no-repeat center -180px; }

#home #wrapperBandeau ul li.mauve a { background: url('/images/boutonsSections.png') no-repeat center -360px; }
#home #wrapperBandeau ul li.mauve a:hover { background: url('/images/boutonsSections.png') no-repeat center -420px; }

#home #contentWrapper { width: 1000px; height: 250px; margin: 0 auto; }
#home #contentWrapper #colLeft { width: 323px; margin: 45px 10px 0 0; float: left; }
#home #contentWrapper #colLeft a { text-align: bottom; }

#home #contentWrapper #colCenter { width: 333px; margin-top: 30px; float: left; }
#home #wrapperTweet { width: 290px; height: 244px; background: url('/images/Bulle_Twitter.png') no-repeat; }
#home #wrapperTweet .tweet { height: 200px; font-size: 12px; padding: 10px; }
#home #wrapperTweet .tweet a { color: #BD3118; font-weight: bold; }
#home #wrapperTweet .followus { margin-left: 120px; }

#home.en #wrapperNews { width: 290px; height: 244px; background: url('/images/Bulle.png') no-repeat; }
#home.en #wrapperNews .news { height: 200px; font-size: 12px; padding: 10px; }
#home.en #wrapperNews .news a { color: #BD3118; font-weight: bold; }
#home.en #wrapperNews .followus { margin-left: 120px; font-weight: bold; }

#home #contentWrapper #colRight { width: 333px; margin-top: 30px; float: left; }
#home #wrapperFB { width: 290px; height: 245px; background: url('/images/Bulle_Facebook.png') no-repeat; padding-top: 15px; }
#home #wrapperFB img { border: #CDCDCD 1px solid; display: block;}
#home #wrapperFB .row { padding-left: 15px; padding-bottom: 15px; }
#home #wrapperFB .followus { margin-top: 28px; margin-left: 110px; padding-bottom: 5px; font-weight: bold; }
#home #wrapperFB .fbPugLeft { float: left; width: 70px; margin-right: 50px; }

#home.en #wrapperFB .row { padding-left: 20px; }
#home.en #wrapperFB .followus { margin-top: 115px; margin-left: 110px; padding-bottom: 5px; font-weight: bold; }

#footer { width: 100%; }
#wrapperFooter { width: 1195px; margin: 0 auto; padding-top: 20px;}
#wrapperFooter .col { width: 259px; float: left; margin-top: 18px; margin-bottom: 18px;}
#wrapperFooter p { margin-left: 25px; }
#wrapperFooter .col ul { margin-left: 50px;}



#catalogue-produits {background:#fff;}
ul.fleche-droite {background:none;list-style:none;margin-left:0;padding:0;}
ul.fleche-droite li {background:url(/images/ico-fleche-droite.gif) no-repeat left 2px;padding:3px 0 3px 36px;}

#catalogue-produits .fleche-droite {
	float:right;
	margin:0;
	width:315px;
}

#catalogue-produits .fleche-droite.gauche {
	width:230px!important;
}

#catalogue-produits .fleche-droite li {
	line-height:1.4;
}

#catalogue-produits .onglets {
	float:left;
	font-size:1.5em;
	list-style:none;
	margin:0 0 2px 0;
	width:290px;
}

#catalogue-produits .onglets li {
	float:left;
}

#catalogue-produits .onglets li a:link, #catalogue-produits .onglets li a:visited {
	background:url(/images/bg-onglets.gif) no-repeat left -114px;
	color:#fff;
	float:left;
	font-style:italic;
	font-weight:bold;
	margin-right:2px;
	padding-left:5px;
	text-decoration:none;
}

#catalogue-produits .onglets li a:link span, #catalogue-produits .onglets li a:visited span {
	background:url(/images/bg-onglets.gif) no-repeat right bottom;
	display:block;
	float:left;
	height:57px;
	line-height:57px;
	padding:0 15px 0 10px;
}

#catalogue-produits .onglets li.actif a:link, #catalogue-produits .onglets li.actif a:visited {background:url(/images/bg-onglets.gif) no-repeat left top;}
#catalogue-produits .onglets li.actif a:link span, #catalogue-produits .onglets li.actif a:visited span {background:url(/images/bg-onglets.gif) no-repeat right -57px;}

#catalogue-produits table {
	border-bottom:2px solid #bfbfbf;
}

#catalogue-produits table img {
	margin:0;
}

#catalogue-produits table tr th, #catalogue-produits table tr td {
	line-height:1.3;
	padding:11px 8px;
	vertical-align:middle;
}

#catalogue-produits table tr th {
	border:1px solid #bfbfbf;
	font-size:.85em;
	font-weight:bold;
	text-align:left;
}

#catalogue-produits table tr th.deux-lignes {
	padding:4px 8px;
}

#catalogue-produits table tr th.premier {
	border-left:1px solid #fff;
}

#catalogue-produits table tr th.dernier {
	border-right:1px solid #fff;
}

#catalogue-produits table tr th.header span { 
    background: url(/images/ico-sort.gif) no-repeat right center;
	color:#bb3721;
    cursor: pointer;
	font-size:1.2em;
    padding-right: 21px;
	text-decoration:underline;
} 

#catalogue-produits table tr th.headerSortUp span { 
    background: url(/images/ico-sortup.gif) no-repeat right center;
} 

#catalogue-produits table tr th.headerSortDown span { 
    background: url(/images/ico-sortdown.gif) no-repeat right center;
}

#catalogue-produits table tr td {
	background:#ebebeb;
	border:1px solid #fff;
	font-weight:bold;
	text-align:center;
}

#catalogue-produits table tr .categorie, #catalogue-produits table tr .titre {
	text-align:left;
	width:170px;
}

#catalogue-produits table tr.odd td {
	background:#dfdfdf;
}

#catalogue-produits table tr th.demo {
	color:#e46500;
	font-size:1.1em;
	text-transform:uppercase;
}

#catalogue-produits table tr th.achat {
	color:#67952a;
	font-size:1.1em;
	text-transform:uppercase;
}