@charset "utf-8";
/* CSS Document */
/** 
  * @copyright Copyright (C) 2005 - 2013 C3rb-informatique www.c3rb.net			*	 		
  * @Creator Ruzafa Mikael & Co pour C3rb-informatique 							*
  * @license GNU General Public License version 2 or later;see LICENSE.txt 		*
  * @Css du design du template spécifique pour chaque site						* 
**/

/* -------------------- DESIGN ET SEULEMENT DU DESIGN -------------------- */

/* General Site */
body {/*background: url("../images/template/gray.png") #f0f0f0 !important*/}
a{cursor:pointer}
h1{font-size:28px}
h2{font-size:22px}
h3{font-size:19px}
h4{font-size:17px}
h5{font-size:16px}
h6{font-size:15px}
h7{font-size:15px}
legend{font-size:16px; line-height:20px}

/* Page */
.page {padding:0 5px; background:#F0F0F0}
.page h2,.page h1{margin-top:0}
/* corbeille tp2 */
#corbeille { background-color: rgba(243,19,23,1.00);}
#corbeille .tp2-wrapper { padding: 10px; background-color: transparent !important; }
/* form tp2 edit */
.adminform { font-size: 0.8em;}
.adminform .span6.publish input { margin-right: 0; }
/* Article Joomla */
ul.actionsarticle{margin-top:5px!important}
#article-index{float:right;width:50%;margin:0 0 5px 10px}
.pagenavcounter{border-bottom:1px solid;display:inline-block;margin:0 0 5px;padding:0 0 5px}
.items-row p img, .items-leading p img, .item-page p img  { margin: 6px 15px 5px 0  !important}
.actions img, .actionsarticle img { margin: auto !important;}
ul.actionsarticle img {margin-right: 0px !important} 
.navbar .btn-navbar {color: #999999;}

/* edition article AA */
.edit select, .edit textarea, .edit .uneditable-input { width: 100% !important;}
.edit input  { width: 60% !important;}
.edit label { font-size: 0.8em;}
.edit .button2-left { float: left;}

/* Modules */
.moduletable h3 { /* -> param less admin joomla -> background: #828F26; color: #FFFFFF ;border: 1px solid #FFFFFF */ padding: 0 5px; }
h3 a.togglemod {color: #FFFFFF; display: block}
h3 a.togglemod:hover, h3 a.togglemod:focus, h3 a.togglemod:active { text-decoration: none}

.pos_basfooterline .modcontent {background-image:none ;background-repeat:none;background-position:none; background-color: transparent; border: 0px; box-shadow: 0px 0px 0px #000;}
.pos_basfooterline {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.pos_basfooterline .moduletable { float:left}
.pos_basfooterline .mod-social { margin-top: 5px}
.pos_contenttop02, .pos_contenttop01, .pos_contenttop03, .pos_contenttop04 { margin-bottom: 10px;}

/* CSS pour choix design des modules soit en block soit en aere */
/* Design en block 
.container { background: #F0F0F0}
.moduletable {padding: 5px; margin: 5px; background: #ccc}
.menuh .moduletable { padding: 0px; margin: 1px 0 0 0}
*/
/* Design en Aere */
.container {}
.moduletable {}
.menuh .moduletable {}
div.section-head {background: #CCC} 
[class*="section-"], div.section {margin-bottom: 10px}
/* FIN CSS pour choix design des modules */


/* Général */
	/* Style bloc */
	.modcontent {/*border: 1px solid #FFFFFF;*/ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);position: relative; padding: 10px}
	.fct-ma-recherche, div.item-page , div.items-leading, div.item {/*background: url('../images/template/gradientI.png') repeat-x top center #FEFEFE; border: 1px solid #FFFFFF;*/ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);position: relative; padding: 10px}
	.opac, .edit, .view-phoca, .pd-categories-view, .view-task, .pd-category-view, .view-tasks, .view-milestones, .view-dashboard, #projectfork .row-striped .row-fluid .style-rowstrip {margin-bottom:10px;/* background: url('../images/template/gradientI.png') repeat-x top center #FEFEFE; border: 1px solid #FFFFFF; */box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);position: relative; padding: 10px}
	.button2-left div.opac { padding: 0px;} /* fix bug editor enclosure opac */
	.pos_headtop { position: relative;}
	.pos_headtop .modcontent {padding: 0px; margin: 10px 0 0 0 }
	.pos_headtop .modcontent p {margin: 0px}
	.pos_headtop h1.titresite {    background-color: #FFFFFF;bottom: 0;color: #000000;display: block;margin: 0;opacity: 0.5;padding: 10px;position: absolute;right: 2px;}
	.col_gche .moduletable h3,.col_drte .moduletable h3, .pos_bas01 h3, .pos_bas02 h3, .pos_bas03 h3, .pos_bas04 h3 { margin: 0px 0px 1px 0}
	.col_gche .modcontent, .col_drte .modcontent {margin-bottom: 10px}
	.modcontent .breadcrumb {margin: 0px}
	.pos_basbas .modcontent {padding-bottom: 0px}
	.pos_basrss {padding-bottom: 0;}
	.pos_basbas, .pos_basrss {margin-top: 10px}
	dl.tabs dt.open{/*border-bottom: 1px solid #F9F9F9;*/} /* peut etre decommenté, Evite le decalage des onglets dans le detail de notice si ils sont sur plusieurs lignes */
	
/* Systeme readless 
.span6 .cols-2 img.readless-thumbnail { width: 100%!important; margin:0px 0px 10px 0px !important}
.span9 .cols-2 img.readless-thumbnail { width: 50%!important; margin:10px 10px 10px 0 !important}
*/

/* Lof article */
.lof-ass {border: 0px}
.lof-ass .lof-description {padding: 11px 60px!important ; bottom: 0 !important; left : 0!important;width: 73%!important; max-width: 100% !important;}
.lof-ass .lof-previous { background: url("http://bibliothequesaintetiennedurouvray.fr/templates/c3rb_alpha_25/images/template/previous.png") repeat scroll 0% 0% transparent!important;}
.lof-ass .lof-next { background: url("http://bibliothequesaintetiennedurouvray.fr/templates/c3rb_alpha_25/images/template/next.png") repeat scroll 0% 0% transparent!important;}
.lof-ass .lof-buttons-control .lof-previous, .lof-ass .lof-buttons-control .lof-next {height: 75px !important; margin: 50px 1px !important; top: 114px !important; width: 50px !important;}
.lof-ass .lof-description h4 a:hover, .lof-ass .lof-description h4 a:focus {color: #B8CA38 !important}

/* style pos et col */
.pos_toptop .modcontent  {padding: 0px}
div.col_drte .moduletable h3 {margin-bottom: 1px !important}
.pos_toptop {margin-bottom: 10px }
.pos_contenttoptop {margin-bottom: 10px}
.pos_contenttoptop .modcontent {padding: 0px}
.col_drte h3 {margin-top: 0px}
.col_drte .modcontent {margin-bottom: 10px}

/* Menu */
.menuh .modcontent {background: none; border: none; box-shadow: 0px; padding:0px}  
.mod-opac-login ul {padding-left: 0px}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {text-shadow: 0px 0px 0px #999999}
.navbar .nav > li {margin: 1px 0 0 0}
.navbar {margin-bottom: 0px}
.navbar .nav {margin: 0 10px 1px 0;}

/* Modle social */
.mod-social ul {list-style: none; margin: 0px}
.mod-social ul li {float: left; margin-right:10px}

/* mod breadcrumbs */
.breads .modcontent{background-color: transparent; background-image: none; background-position: center top; background-repeat: repeat-x; border: 0px solid #FFFFFF;}
/* Composant Article Plus */
.articleplus-calendrier caption, .articleplus-calendrier .tfoot { position: absolute; left: -33333px;}
.mod-articleplus-calendrier-cal th { font-weight: normal;}
/* Footer */
.navfooter ul.margebottom { margin-bottom: 0px !important;}
.navfooter {z-index: 50}


/* Opac */
.rslt-ligne div.result-ntc { border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; box-shadow: 1px 5px 21px -10px #999999;}
.filtrefacette .modcontent { background: none; border: none; padding:0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0);}
a.accordion-toggle {color : #FFFFFF; padding: 0!important; cursor:default}
a.accordion-toggle:hover {} 
.accordion-group ul { margin: 0px; list-style-type: none; background: url("../images/template/gradientI.png") repeat-x scroll center top #FEFEFE; border: 1px solid #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 10px; position: relative;}
.fct-affiner h2.filtres {border-bottom: 2px solid; ; margin-bottom: 1px; margin-right: 2px; margin-left:2px;}
td div.couverture {text-align: center; width: 100px;}
.couverture a img{border: 2px solid #FFFFFF;box-shadow: 0 1px 1px #999999; color: #FFFFFF; width: 100%;}
th[scope="Aperçu"], th[scope="Panier"] {width: 1%}
.fct-affiner .accordion-heading h3 {border:0px}
.fct-affiner .accordion-heading h3 a { background: none; color: /* 	Apasser en param ds less */ #4B5316; border-bottom: 1px solid }
.fct-ma-recherche h2 {margin-top: 0px}
.mod-opac-login .well { background: transparent; border:0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) inset; padding: 0px; margin-bottom: 0px }
.mod-opac-login legend{ display: none}

#table-documents tr.tr-over {cursor: pointer}


/* -------------------- Class CSS pour les styles JCE seulement- est passer dans bootstrap-c3rb ------------------- */

/* -------------------- RESPONSIVE -------------------- */

/* Large desktop */
@media (min-width: 1200px) 
	{
	.nav-collapse {display :block;}
	}
@media (min-width: 979px) and (max-width: 1200px)
	{
	}
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) 
	{	
	.nav-collapse {display :block;}
	.navbar .nav > li > a { font-size: 13px; font-weight: normal;}
	}
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) 
	{
	.navbar .btn-navbar {display: block !important;}
	.nav-collapse {display :none;}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {margin: 2px 0px !important;}
	.navbar .nav > li {width : 100%; border-bottom: 1px dotted #000}
	.navbar .nav > li:last-child {margin-bottom: 10px}
	td[data-label="Aperçu"] {position: absolute!important; width:30% !important}
	td[data-label="Titre"], td[data-label="Auteur"], td[data-label="Editeur"] {float:right!important; width:60% !important}
	td div.couverture {text-align:left}
	}
     
/* Landscape phones and down */
@media (max-width: 480px) 
	{
	.navbar .btn-navbar {display: block !important;}
	.nav-collapse {display :none;}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {margin: 2px 0px !important;}
	}

/* -------------------- HACK -------------------- */
/* Opera HACK! -----------------------------------*/
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) 
	{
	}

/* safari/chrome HACK! ---------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) 
	{}

/* TABLE RESPONSIVE - 
Doit etre ecrit en dernier c'est pour cela qu'il est dans templates.css et non dans le bootstrap-c3rb 
*/
</style> <!-- access to the HEAD element,you must use this in the CSS panel http://doc.jsfiddle.net/use/hacks.html#css-panel-hack --> 
<meta name="viewport" content="width=device-width,initial-scale=1" /> 
<style> 
body{padding:10px}
/* Responsive table */
@media (max-width: 767px){
	#div_result .table-bordered { border: none}
	#div_result caption {width:100%}
/* On applique les tables rwd uniquement sur le div_result */	
	#div_result table,#div_result thead,#div_result tfoot,#div_result tbody,#div_result tr,#div_result th,#div_result td{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:both}
	#div_result th,#div_result td{border-right:none}
	#div_result tr:nth-child(odd){ border-radius: 5px 5px 5px 5px;color: #333 ;padding: 10px;}
	/*tr:nth-child(odd) td:hover{background:#3F3D3D}*/
	#div_result table,#div_result tr,#div_result tbody,#div_result td,#div_result td:before,#div_result th{// display:block;	/* Converts a table,table row,table column and table column:before into a block element */
	border: medium none !important;
	padding-bottom: 2px !important;
	padding-top: 0 !important;
}
	#div_result table,tr td:last-child{border-bottom:none}
	#div_result thead{position:absolute;							/* Hides table head but not using display none */top:-1000em;left:-1000em}
	#div_result tr{border-radius: 5px 5px 5px 5px; border:1px solid #eee;border-top:2px solid #ddd;border-bottom:2px solid #ddd;margin: 5px 0}
	#div_result tr td:nth-child(1){									/* first column of the row */
	border:none}
	#div_result tr td:last-child{									/* last column of the row */
	border-right:none}
	#div_result tr:last-child td,td{								/* Column in the last row and column */
	border-bottom:1px solid #eee}
	#div_result td:before{											/* prints the value of data-label attribute before the column data */
	padding-right:20px;font-weight:bold;font-size:14px;display:block;
	/* content:" "attr(data-label)":"; */
	
														/* call the attribute value of data-label and adds a string // */}
	tr.ligneA { background: #E1E1E1}
	tr.ligneB {background: #F0F0F0}
	td div.couverture {width: auto; margin-top: 10px}
	#div_result td {display: none;}
	#div_result td[data-label]{clear:both; display: block}
	td[data-label="Panier"] {text-align: right;}
	td[data-label="Titre"], td[data-label="Auteur"], td[data-label="Editeur"] {float: right !important; margin-top: 5px; width: 60% !important;}
}
/* ----- ! Ne rien ecrire après cette ligne ! ! Ne rien ecrire après cette ligne ! -----*/