@charset "utf-8";
/* 
	NOM : index.css
	AUTEUR : Rgis Robineau 
	DESCRIPTION : styles spcifiques pour la page d'acceuil
*/

/*------------ Conteneur principal ------------*/
.acceuil p, .acceuil li { margin:0; padding:0.5em 0; font-size:0.8em;}
.acceuil a { text-decoration:none;} 
.acceuil .encart h3 { margin:0; padding:0 0 2px 0; font-size:1.1em; border-bottom:1px dotted #C1C1C1;}

/*------------ Blocs / Elements ------------*/

/* Paragraphe intro */
#presentation { width:55%; height:80px; background:#fff url(../images/bg/palmette.png) no-repeat top left; padding:12px 0 0 55px; float:left;}
#presentation .presBSA{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#5F5F5F; font-weight:normal; letter-spacing:normal; text-transform:none; font-variant:normal; border:none; text-shadow:none; padding:0; margin:0; font-size:0.8em;}
#presentation p { padding:0;}
#presentation a {  font-weight:normal;}

/* Bouton catalogue, */
#catalogue{ width:20%; float:right; position:relative; text-align:right;}
#btnOpac{ display: inline-block; margin: 0 0 9px 0; background:#e0e0e0 url(../images/bg/alert-overlay.png) repeat-x scroll 0 0;	border-bottom:1px solid rgba(0, 0, 0, 0.25); color:#AC4A1D; cursor:pointer; font-size:10px; outline:none; line-height:1; overflow:visible; padding:6px 8px 4px 8px; position:relative; text-decoration:none; width:auto;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
}
	
#btnOpac:hover{ color: #707070; background-color:#e0e0e0; background-image:none;}
#btnOpac:active,#btnOpac:focus{ color: #F7AA26; position:relative; top:1px;}
/*#btnOpac img{vertical-align:text-bottom;}*/

/* Actualite */
#actualite { float:right; width:35%; margin-top:6px;}
#actualite .encart { margin-bottom:1.5em; background:#F9F9F9 url(../images/bg/bg-palmette_horiz.png) no-repeat right top; min-height:100px;}
#actualite h3{ font-size:1em; border:none;} /* Titre actu */

/* Rayonnage ouvrages */
#rayonnage { float:left; width:60%; margin:0 0 10px 10px; padding:0 0 5px 0; text-align:center; border-bottom:2px solid #ccc;}
#rayonnage p{ padding:8px 0 8px 0;}
#rayonnage #rayonnage-inner{ /*margin-left:20px;*/}

/* Scroller */
.scroller{ padding:0 12px; background:url(../images/bg/shadow_left.jpg) bottom left no-repeat, url(../images/bg/shadow_right.jpg) bottom right no-repeat;}
.scroller, .carousel{ position:relative;}
.carousel{ z-index:2; overflow:hidden; left:0; background-color:#fafafa; margin-top:3px;}
.carousel ul{ margin:0; padding:0; position:relative; list-style-type:none; z-index:1;}
.carousel li{ overflow:hidden; float:left; margin:8px;}
.carousel li img{ -moz-box-shadow:1px 1px 3px #555555; -webkit-box-shadow: 1px 1px 3px #555; box-shadow: 1px 1px 3px #555; margin:0 15px;}
.carousel li img:hover{ opacity:0.8;}
.prev,.next{ text-indent:-999em; background-color:#F9F9F9; background-image:url(../images/bg/sprite_arrow.png); background-repeat:no-repeat; display:inline-block; width:16px; height:16px; border:1px solid #E8E7E7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; outline:none;}
.prev{ background-position:0 0;}
.next{ background-position:0 -16px; margin-left:10px;}
.prev:active, .next:active{ position:relative; top:1px;}
.prev:hover,.next:hover{ opacity:0.7;}

/* FAQ */
#faq { float:left; margin-left:15px; }

/* Annexe : boutons blog, Delicious, Twitter */
#annexe { float:right; width:35%; text-align:center; margin:0 0 0.7em 0;}
/*#annexe h3 { width:85%; padding:0 0 3px 0; margin:0 auto 0.5em auto; border-bottom:1px solid #CCCCCC; color:#5F5F5F; text-align:center;}*/
#annexe p { padding:0.4em 0; text-align:center;}

.bouton{display: inline-block; margin: 0 0 6px 0; background:#A43007 url(../images/bg/alert-overlay.png) repeat-x scroll 0 0; border-bottom:1px solid rgba(0, 0, 0, 0.25); color:#fff; cursor:pointer; outline:none; font-size:10px; font-weight:bold; line-height:1;	overflow:visible; padding:6px 12px 6px;	position:relative; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; letter-spacing:0.1em; text-align:center;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); 
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	opacity:0.9;
}
.bouton:link{ color: #fff;}
.bouton:visited{color:#fff; }
.bouton:hover{ color: #F7AA26; background-color:#ac4a1d; background-image:none;}
.bouton:active,.bouton:focus{ color: #F7AA26; position:relative; top:1px;}
#btnBlog{ width:140px;}
#btnDelicious{ width:140px; letter-spacing:0.5px;}
.twitter{ display:inline-block; margin-top:2px; padding:5px 0 5px 35px; background:transparent url(../images/bg/logo_twitter.jpg) no-repeat left center; font-weight:bold; font-size:1.1em;}

/* Lien Edito */
#edito{ text-align:right; padding-top:8px;}
#edito a {padding:3px 0 3px 20px; background:#fff url(../images/bg/page_white_edit.png) no-repeat center left;}

/* Encarts dynamiques (jQuery/JSON) */
#signets{}
#insula{}
#insula .titreEncart{ text-shadow:1px 1px 1px #fff; color:#AC4A1D;
background-color: #F7AA26; /* browsers non css3 */
background:-moz-linear-gradient(right bottom , #FBD799 10%, #F7AA26 65%) repeat scroll 0 0 #F7AA26;
background:-webkit-gradient(linear, right bottom, left top color-stop(0.10, #FBD799), color-stop(0.65, #F7AA26)) repeat scroll 0 0 #F7AA26;
}
#insula .titreEncart a{color:#A43007;}
#insula .titreEncart a:hover{color:#AC4A1D; text-shadow:none;}
#insula .encart{background-color:#fef7eb; border:1px solid #FBD799;
}
span.rss{ display:block; position:absolute; width:16px; height:16px; float:right; top:4px; right:6px;} /* Icone RSS */

.json_results{ margin:0; padding:0;}
.json_results li{ margin:0; padding:0 0 5px 0; list-style-type:none;}
.json_results li a{ font-weight:normal;}

/* Menu select */
#menuListe{ float:right; text-align:right; margin-top:20px;}
#menuListe label{ display: block; font-size:0.8em; padding-bottom:3px;}
/*#menuSel {background-color:#F9F9F9;}*/
#menuSel optgroup, #menuSel option{ background-color:#F9F9F9;}
#menuSel option{ color:#ac4a1d; font-size:0.9em;}

/* --- */
#abac {}

#ressElec {}

#halma{}
#lille3 { margin-top:25px;}
#lille3 p { margin-left:15px;}

/*------------  Classes ------------*/
.titreEncart { margin:0 0 0.4em 0; padding:2px 1em 3px 1em; font-size:1.2em; font-weight:bold; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; letter-spacing:normal; position:relative;}

.bgOrange { /*background-color:rgba(255,153,0,0.8);*/ background-color:#F7AA26; text-shadow:1px 1px 1px #1F1F1F; color:#fff;}
.bgOrange a{ color:#FFF;}
.bgOrange a:hover, .titreEncart a:focus{ color:#AC4A1D; text-shadow:none; }

.bgRouge { background-color:#A43007; text-shadow:1px 1px 1px #1F1F1F; color:#fff;}
.bgRouge a{ color:#fff;}
.bgRouge a:hover, .bgRouge a:focus{ text-shadow:none; color:#F7AA26;}

.bgGris { background-color:#C0C0C0; text-shadow:1px 1px 1px #fff; color:#1F1F1F;}
.bgGris a{ color:#1F1F1F;}
.bgGris a:hover, .bgGris a:focus{ text-shadow:none; color:#AC4A1D;}

.vignette { position:relative; top:-7px;}

.qtip-infobulle{font-size:0.85em;}