#fe9a00@import url(https://fonts.googleapis.com/csarials?family=Open+Sans:400,700italic,700,400italic,300,300italic);


/* Global */
body {font-family:arial; color:#666666; font-size:13px; margin: 0px; background-color:red !important;}
h1 {color:#B73901; font-size:1.3em; font-weight:bold; margin-bottom:2px;}
h2 {font-size:1.2em; font-weight:bold; margin-bottom:5px; margin-top:0px;}

a, a:hover, a:visited { text-decoration:none; }
a, a:visited {color:#eabf09 !important;font-weight:bold;font-size:14px;}
/*a:hover {color:#D44100;}*/

/* Conteneur site */
.siteWeb div#colGaucheInner,
.siteWeb div#colMilieuInner,
.siteWeb div#colDroiteInner,
.siteWeb div#colContenuInner {vertical-align:top; padding-top:5px}

.siteWeb div.colGauche {height: 100%;}
.siteWeb div#colGaucheInner {padding-bottom: 10px;}

#site_web_content,
#right_col_color {float:left; width: 100%}

/* Eléments qui sont redimensionnés en fonction de leur conteneur  */
.auto_resize img, .auto_resize object, .auto_resize embed {display:none;}

/* Footer */
.footer{width:100% !important; min-height:40px; padding-top:5px}
.footer .credit {color:#eee;  border-top:0px solid #a0a0a0;}
.footer a {color:#C80A1E;}
/*.footer {background:url(http://5.135.172.136/bokeh/userfiles/bannieres/beautiful-stgi.jpg) no-repeat center bottom;height:161px; background-size:cover;} */
.footer {background-color:#212428;height:13Opx; background-size:cover;} 

/* Menu horizontal */
#menu_horizontal  {
	padding: 0px;
	margin-bottom: 20px;
}

#menu_horizontal {
	/*background: transparent url(../images/fond_titre.gif) repeat-x;*/
	height: 30px;
	cursor: pointer;
	left:0px !important;
	color: white;
	font-size:1.1em;
	font-family:arial;
	font-weight: bold;

	text-align: center;
	padding-top: 10px;
	white-space: nowrap;
}

#menu_horizontal img
{
	display: inline;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	margin-bottom: -3px;
}

#menu_horizontal a
{
	text-decoration:none;
	color:#f9f4d1 !important;
	font-weight: normal;
}

#menu_horizontal li a:hover
{
color:#eabf09 !important;
}

#menu_horizontal ul
{
	margin: 0 auto;
}

#menu_horizontal li
{
	padding: 0px 5px 0px 5px;
	vertical-align: middle;
	list-style: none;
	position: relative;
	display: inline;
	margin-left: 25px;
	margin-right: 25px;
}

#menu_horizontal li li {
	margin-left: 0 !important;
	margin-right: 0 !important; 	
}

#menu_horizontal ul li
{
	padding-bottom: 10px;
}

#menu_horizontal ul li ul
{
	border: 1px solid #B0BEC7;
	background-color: #FFFFFF;
	display: none;
	position: absolute;
	top: 1.5em;
	left: 2.5em;
	padding: 2px;
	z-index: 10;
}

#menu_horizontal ul li ul li {
	color: #fe9a00;
	height: 22px;
	padding: 8px;
	padding-top:10px;
	padding-bottom:6px;
	text-align: left;
	display: block;
	font-weight: normal !important;
	white-space:nowrap;
}

#menu_horizontal ul li ul li:hover {
background-color: #eabf09;
}

#menu_horizontal ul li ul li a {
	color: #fe9a00;
}

#menu_horizontal ul li.over ul {
	display: block;
}

#menu_horizontal li li a:hover {
	color: #f9f4d1 !important;
}

/* Menu Gauche */
.menuGauche ul{padding:3px 3px 3px 0pt;margin:0pt 0pt 0pt 10px; list-style-image: url(../images/blank.gif);}
.menuGauche li{color:#D44100; vertical-align:top;cursor:pointer}
.menuGauche li:hover{background-color:#78AEFF;}
.menuGauche img{margin-right:5px; margin-bottom: -3px;}
.menuGauche a{color:#fe9a00; text-decoration:none;}
.menuGauche a:hover{color:#FFFFFF;text-decoration:none;}
.menuGauche a:visited{color:#D44100;text-decoration:none;}


/* Boites */

.boiteMilieu, .boiteGauche, .boiteDroite, .boiteVide {width:100%;}
.boiteMilieuInner, .boiteGaucheInner, .boiteDroiteInner, .boiteVideInner {overflow:hidden;  border:1px solid #B0BEC7;}
.boiteMilieu h2, .boiteGauche h2, .boiteDroite h2 {font-weight:normal;padding-top:3px;}
.boiteMilieu h1, .boiteGauche h1, .boiteDroite h1 {margin-top:0px;white-space:nowrap}
.boiteMilieu .contenu, .boiteGauche .contenu, .boiteDroite .contenu, .boiteVide contenu {padding: 5px}

.boiteGauche, .boiteDroite { margin-bottom: 5px;}

/* Boite des division sur le côté */
.boiteGauche div.titre, .boiteDroite div.titre  {
		width:100%;
		border-bottom:1px solid #93A6B4;
		color:#003687;
		font-size:1.2em;
		font-decoration:none;
		font-weight:normal;
		padding: 2px 0px 2px 5px;}



/* Boite de la division du milieu */
.boiteMilieu {margin-top: 10px;}
.boiteMilieu .rss{float:right; position: relative; top:-17px; right:10px }
.boiteMilieu div.titreInner {padding:0px 0px 0px 5px}



/* Abonnés */
.abonneTitre {background-color:#D7E1E7;text-align:left; color:#007CA5;font-weight:bold;padding:7px}
.abonneCadre{background-color:#F4F8FB;border:1px solid #007CA5;}
.abonne {text-align:center;}
.abonneFiche {text-align:center; padding:5px}

/* Form */
.form{}
.form td.masque{text-align:right;}
.form td.saisie{text-align:left;}
.submit {background:transparent url(../images/bouton/btn_ok.gif) no-repeat scroll 0 0;border:0 none;cursor:pointer;height:18px;width:18px;}
.panier_index .submit {font-size: 0px;}
/* Tableau de liste */
.listeTitre{border-bottom:1px solid #CACFD5;border-top:1px solid #CACFD5;color:#666666;font-weight:bold;}
.listePaire{background-color:#F4F4EF;}
.listeImpaire{background-color:#FFFFFF;}

/* Barre de nav */
.barre_nav{width:100%;}
.barre_nav span{font-size:0.9em; color:#666666;padding:1px;}
.barre_nav a {font-size:0.9em;color:#D44100;}
.barre_nav a:hover {color:#D44100;text-decoration:none;}
.barre_nav a:visited {}

/* Calendrier  A SIMPLIFIER */
table.calendar_main {font-family: arial;font-size: 0.9em}
.calendar_title td {color: #000000; text-align:center;}
.calendar_title_month_clickable {color: #D44100;text-decoration: none;font-weight:bold;font-size:1.1em}
.calendar_table {border: none;}

.calendar_table td,
.calendar_table th { text-align: center;}

.calendar_table th,
.calendar_weekend {}

.calendar_other_month_clickable,
.calendar_other_month {color: #FFFFFF;}

.calendar_day_non_clickable,
.calendar_table th,
.calendar_non_clickable {color: #666666;}

.day,
.calendar_today_clickable {font-weight:bold;}

.day_clickable {color: #D44100;}

.day_clickable,
.calendar_today_clickable,
.calendar_other_month_clickable,
.calendar_title_month_clickable,
.calendar_day_non_clickable {text-decoration: none;}

/* Error */
.error {color:red;font-weight:bold;}


/* Boites bannière*/
div#header {
		overflow: hidden;
}

div#banniere {
		position:absolute;
		overflow: hidden;
}

div#header .boiteBanniereGauche {
		left: 0px;
		font-weight: bold;
		width: 0px;
		position: relative;
		height:100%;
		display:table;
}

div#header .boiteBanniereGauche h2 {
		margin-bottom: 0px;
}

div#header .boiteBanniereGaucheInner,
div#header .boiteBanniereDroiteInner {
		display: table-cell;
		vertical-align: middle;
		padding-left: 15px;
}

div#header .boiteBanniereGaucheInner form {
		width: 400px
}

div#header .boiteBanniereDroite {
		padding: 0px;
		font-weight: bold;
		width: 200px;
		right: 0px;
		overflow: hidden;
		height:100%;
		display:table;
}


#open_accessibility {
		top:5px;
}


/*******************************
  Règles pour tous les écrans
********************************/



#open_accessibility{
/*display: none;*/
}

body{
font-size: 14px;
font-family: arial;
background: url("../images/diamond_upholstery.png") !important;
}

input {
  font-size: 17px;
  border: solid 1px #303030;
  padding: 7px;
}

.home img{
display: none;
}

/* General layout */

.siteWeb {
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.siteWeb div#col_wrapper {
  float: none;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; 
}

.barre_nav,
.boite > *,
.boiteGauche, 
.boiteDroite, 
.boiteMilieu {
  margin-bottom: 22px;
  box-shadow: 0px 0px 0px rgba(0, 0 , 0 ,0.3);
  background-color: #fff;
  padding: 0px;
}

.barre_nav {
    position: relative;
    padding: 5px;
}

.boiteMilieuInner, 
.boiteGaucheInner, 
.boiteDroiteInner, 
.boiteVideInner {
  border: 0px;
  padding: 5px;
  margin-bottom: 22px;
}

.colGauche.layout-division {
  position: relative;
}

/* Recherche simple */

div#header .boite.rech_simple{

}

.boite.rech_simple .submit{
background:#fe9a00;
height:26px;
width:30px;
color:#d8e9f0;
border-radius:3px;
font-weight:bold;
margin-left:10px;
}

  .vignette_titre {
    font-size: 1.4em;
  }

  .vignette_img {
    top: 12px;
  }

/* Notice  */

  .exemplaires th {
    background-color: #f0f0f0;
}

.exemplaires td {
    background-color: #FFFFFF;
}

/* Formulaire de connexion */

div#header .boiteBanniereDroite {
width: 405px;
}

div#header .boiteBanniereDroite h1{
position: absolute;
margin-left: -150px;
text-transform: uppercase;
font-weight: bold;
}

#fieldset-login_form tr + tr + tr a {
    display: inline-block !important;
    background-color: #fff;
    color: #d44100;
    font-size: 14px;

}

div#header input[type="password"], div#header input[type="text"], div#header input[type="url"] {
  background:#eee;
  opacity: 0.7;
 border: none;
  border-radius: 4px;
  font-size: 12px;
  font-style: italic;
  height: 30px;
  min-width: 150px;
}

#fieldset-login_form tr + tr + tr a {
    background-color: #fe9a00;
    border-radius: 3px;
    padding: 4px 6px;
color:black; 
font-size:14px;
}

/* Menu horizontal */

#menu_horizontal{
  background-color: #212428 !important;
  font-family: arial;
  font-size: 16px;
  font-weight: lighter;
  white-space: nowrap;
  text-transform: uppercase;
}

#menu_horizontal ul li ul {
  background-color: #212428;
  left: 0.3em;
  padding: 2px;
  position: absolute;
  top: 1.9em;
}

div.facette{
 border: none;
 border-top: solid 1px;
}

/* Titre des boîtes */

.barre_nav span {
    font-size: 16px;
    font-weight: 300;
}

h1 {
    font-size: 22px;
    font-weight: 300;
}

.boiteGauche div.titre, .boiteDroite div.titre {
  border-bottom: 0px;
}

div#banniere {
    width: 100%;
    overflow: visible;
}

/******************************
   Règles par tailles d'écrans 
*******************************/ 

@media screen and (max-device-width: 1024px) {
}

@media screen and (max-device-width: 580px) {
  #header .share, .search_extensions, .recherche_simple .colGauche.layout-division, .recherche_viewnotice .colGauche.layout-division, .rss, .recherche_actions, .vignette_info, .vignette_lien_reserver, .vignette_lien_panier, .readspeaker, .tri-recherche, .nb-pages-recherche {
    display: none !important;
  }

  div#header .rech_simple .boiteBanniereDroite {
    width: 100%;
  }

/* Notice détaillée */

  .recherche_viewnotice .boiteMilieu .contenuInner .notice_vignette {
    width: 40%;
    min-width: 10%;
    clear: none;
  }

  .recherche_viewnotice .boiteMilieu .contenuInner .view_notice {
    width: 55%;
    min-width: 30%;
    clear: none;
  }

  .entete_notice dt {
     
  }

  .entete_notice dd {
    padding: 0;
  }

}

/* En-tête */
  div#header{
  color: #29252c;
*  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.logo_gauche{
    float: none;
    
}

.logo_gauche, 
.logo_droite {
    width: 1200px;
    overflow: visible;
    margin: auto;
    position: relative;
}

#banniere a.home {
    display: block;
    max-height: 200px;
    overflow: hidden;
}

#banniere a.home > img {
	margin: auto;
    margin-top: 40px;
    /*width: 430px !important;*/
    display: block;
}

#banniere  .logo_gauche a img{
height: 90px;
}

h1{
color: #29252c;
}

.colGauche.layout-division {
margin-left: 23px;	
}