/*** Moccam Val d'Oise ***/

a {color: #7D9327;}
a:link {color: #7D9327;}
a:visited {color: #7D9327;}
a:focus {color: #697F0F;}
a:hover {color: #697F0F;}
a:active {color: #7D9327;}

a.btn {
color: #1F363F;
text-decoration: none;
}
a.btn:link {color: #1F363F;}
a.btn:visited {color: #1F363F;}
a.btn:focus {color: #1F363F;}
a.btn:hover {
background: #86B2C3 url(images/bg-btn.jpg) left -22px repeat-x;
color: #1F363F;
}
a.btn:active {color: #1F363F;}

body {
background: #FFF;
color: #000;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
h2 {
color: #7B9440;
font-size: 1.4em;
margin: 0 0 5px 0;
}
h3 {
color: #475C5F;
font-size: 1.2em;
margin: 0 0 7px 0;
}
img {border: none;}
input.submit_rech, .rechMulti img {
vertical-align: bottom;
}
h3 span {
color: #7B9440;
font-size: 0.9em;
}
legend {
color: #333;
font-size: 0.9em;
font-weight: bold;
margin: 0;
padding: 0 inherit inherit inherit;
text-transform: uppercase;
width: 90%;
}
p.rechMulti {margin: 0 0 4px 0;}

#rechTypeDoc legend, #rechTri legend {border-bottom: 1px solid #FFB93F;}


/*#affiche_bib legend {border-bottom: none;}*/
#blocRecherche {
float: left;
width: 230px;
}
#blocRecherche p {
margin: 6px 0;
}
#page-rechercheAvancee #blocRecherche {
float: left;
width: 320px;
}
#contenuMoccam {
background: #FFF;
border: 1px solid #CCC;
margin: 0;
padding: 10px;
position: relative;
width: 700px;
}
#footerMoccam {
background: #CCC;
color: #FFF;
display: none;
height: 32px;
margin: 0;
padding: 0 10px;
position: relative;
text-align: center;
width: 702px;
}
#footerMoccam a {color: #000;}
#footerMoccam p {margin: 0;}

#globalMoccam {
background: #FFF;
margin: 0 auto;
position: relative;
width: 720px;
}
#noticeBlocGauche, #noticeBlocDroite {
float: left;
width: 50%;
}
#noticeBlocGauche {width: 450px;}
#noticeBlocDroite {
margin: 0 0 0 10px;
width: 240px;
}
#noticeDetail {
background: #FFF url(images/bg-table-noticeDetail.jpg) left bottom repeat-x;
border-collapse: collapse;
width: 100%;
}
#noticeDetail td {
border-bottom: 1px solid #999;
padding-left: 10px; 
}
#noticeDetail th {
border-bottom: 1px solid #999;
padding: 5px 0 5px 10px;
text-align: left;
vertical-align: top;
}
#rechTypeDoc, #rechTri, .affiche_bib {
border: none;
float: left;
margin: 5px 7px 0 0;
padding: 5px 5px 5px 10px;
width: 210px;
}
#page-rechercheAvancee #rechTypeDoc, #page-rechercheAvancee #rechTri {
border: none;
float: left;
margin: 5px 7px 0 0;
padding: 5px 5px 5px 10px;
width: 163px;
}
#rechTypeDoc, #rechTri {
background: #FFF url(images/bg-fieldset.jpg) left top repeat-x;

}
#titre {
background: #FFF url(images/bg-titre-notice.jpg) left top repeat-x;
border-bottom: 1px dotted #697F0F;
font-size: 1.1em;
margin: 0 0 10px 0;
padding: 2px 0 2px 10px;
width: 440px;
}
/************  Navigation MOCCAM  ************/

div#navMoccam {
background: #FFF;
border: 0;
height: 36px;
margin: 0;
padding: 0;
width: 100%;
}

div#navMoccam ul#menu {
background: transparent;
height: 36px;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}

div#navMoccam ul#menu li {
float: left;
list-style: none;
margin: 0.1em 0.1em 0 0;
padding: 0;
}
	
div#navMoccam ul#menu li, div#navMoccam ul#menu a {
display: block;
height: 28px;
width: 140px;
}
div#navMoccam ul#menu li a {
background: transparent url(images/bg-onglet-moccam.png) 0 0 no-repeat;
color: #333F00;
font-weight: bold;
padding: 8px 0 0 0;
text-align: center;
text-decoration: none;
/*text-indent: -9999px;*/
}

div#navMoccam ul#menu li a:hover {
background: transparent url(images/bg-onglet-moccam.png) 0 -36px no-repeat;
color: #FFF;
}

div#navMoccam ul#menu li#navMoccam-deconnexion a {background: transparent url(images/bg-onglet-deconnexion.png) 0 0 no-repeat;}
div#navMoccam ul#menu li#navMoccam-deconnexion a:hover {background: transparent url(images/bg-onglet-deconnexion.png) 0 -36px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#page-recherche div#navMoccam ul#menu li#navMoccam-recherche a,
body#page-rechercheAvancee div#navMoccam ul#menu li#navMoccam-rechercheAvancee a,
body#page-panier div#navMoccam ul#menu li#navMoccam-panier a,
body#page-compte div#navMoccam ul#menu li#navMoccam-compte a {
background: transparent url(images/bg-onglet-moccam.png) 0 -36px no-repeat;
color: #FFF;
}
/***************************************/
/********    Les Classes    ************/
/***************************************/
.affiche_bib {
background: #FFF url(images/bg-fieldset-bibliotheque.jpg) left top repeat-x;
float: left;
margin-top: 0;
}
.affiche_bib h4 {
border-bottom: 1px solid #FFB93F;
color: #333;
font-size: 0.9em;
font-weight: bold;
margin: 0;
padding: 0 inherit inherit inherit;
text-transform: uppercase;
width: 90%;
}
.bold {font-weight: bold;}
.btn {
background: #86B2C3 url(images/bg-btn.jpg) left top repeat-x;
border: 1px solid #427487;
color: #1F363F;
cursor: pointer;
display: block;
float: left;
font-weight: bold;
height: 16px;
margin-right: 10px; 
padding: 2px 10px;
}
.center {text-align: center;}
.displayNone { display: none;}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 10px 10px 0;
}
.obligatoire {
color: #C68E0F;
}
.separateur {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
/*******************************************/
/********** Formulaire de Contact **********/
/*******************************************/
#formLecteur {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 70%;
}
#formLecteur em {color: #F00;}
#formLecteur fieldset {
	background: #F0EEE7;
	border-bottom: 2px solid #8B9C9F;
	border-left: none;
	border-right: none;
	border-top: 2px solid #8B9C9F;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}

#formLecteur label {
	color: #555142;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}

#formLecteur input:focus,
#formLecteur select:focus#ID_bib_lec,
#formLecteur select:focus#civilite,
#formLecteur input:focus#nom,
#formLecteur input:focus#prenom,
#formLecteur input:focus#telephone,
#formLecteur input:focus#mail,
#formLecteur input:focus#adressel1,
#formLecteur input:focus#adressel2,
#formLecteur input:focus#cp,
#formLecteur input:focus#ville,
#formLecteur input:focus#cab_lecteur,
#formLecteur input:focus#date_naissance {
background: #FFFAC2;
}

#formLecteur select#ID_bib_lec,
#formLecteur select#civilite,
#formLecteur input#date_naissance,
#formLecteur input#nom,
#formLecteur input#prenom,
#formLecteur input#telephone,
#formLecteur input#mail,
#formLecteur input#adressel1,
#formLecteur input#adressel2,
#formLecteur input#cp,
#formLecteur input#ville,
#formLecteur input#cab_lecteur {
width: 60%;
}

#formLecteur #btnValider {width: 21px;}

#formLecteur select#ID_bib_lec,
#formLecteur select#civilite,
#formLecteur input#nom,
#formLecteur input#prenom,
#formLecteur input#mail,
#formLecteur input#adressel1,
#formLecteur input#cp,
#formLecteur input#ville,
#formLecteur input#cab_lecteur {
background: #ECEFD1;
}
#formLecteur legend {
	background: #F0EEE7;
	color: #333;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}

#formLecteur p {margin: 5px 0;}
/***************************************/
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 15% 5%;
}
#msgRetourForm p {
margin: 0 0 10px 0;
padding: 0;
}