/* 
Theme Name: Responsive II Child Theme
Theme URI: https://github.com/cyberchimps/responsive-childtheme/tree/responsive-II
Description: Responsive II Child Theme
Template: responsive-mobile
Version: 1.0.0
Author: CyberChimps 
Author URI: https://cyberchimps.com
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive-mobile-child
Responsive II WordPress Child Theme, Copyright (C) 2011-2014 CyberChimps
*/

/* =Start From Here
-------------------------------------------------------------- */

h1, .h1 {
  font-size: 30px;
}

/*                               											*/
/* Styles pour les tables utilis�es pour les quizz dans les pages du livre 	*/
/*                               											*/

table.quizz {
	width: 100%;
	padding: 0px;
	spacing: 0px;
	margin: 0px;
	border: 0px;
}

table.quizz td {
	vertical-align: top;
	padding: 0px 10px 0px 0px;
	spacing: 0px;
	margin: 0px;
	border: 0px;
}

/*                               			*/
/* Styles pour les tableaux de medicaments 	*/
/*                               			*/

.medtable {
	background-color: #FFFFCC;
	border-top: 1px solid #000000;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px none #999999;
}

.medtablecol1 {
	vertical-align: top;
	border-right: 1px dashed #999999;
	border-bottom: 1px solid #999999;
}

.medtablecol2 {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #999999;
}

/* �a c'est pour que la marge autour des �l�ments des tableaux de m�dicaments ne soit pas trop grande */
.medtable p {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

/*                               */
/* Styles pour le menu de gauche */
/*                               */
ul.sommaire {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.sommaire li {
	background-image: url(/en/images/squarebullet.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	padding-left: 8px;
}

ul.sommaire li.select {
	background-color: #f2f2f2;
	border-radius: 4px;
	padding: 4px 10px;
}

ul.sommaire li.selectlast {
	background-color: #f2f2f2;
	padding: 4px 10px;
}

div.select {
	background-color: #f2f2f2;
	border-radius: 4px;
	padding: 3px 1px;
}
/*
Styles pour la barre de boutons "Prcdent" et "Suivant" 
*/
ul.pharmacoramaprevnext {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.pharmacoramaprevnext li {
}
ul.pharmacoramaprevnext li.left {
float:left;
display:inline;
}
ul.pharmacoramaprevnext li.leftx {
float:left;
display:inline;
background-color:#999999;
text-decoration:none;
padding: 4px 10px;
padding-left:15px;
padding-right:15px;
border-radius: 4px;
color:white;
}
ul.pharmacoramaprevnext li.right {
float:right;
display:inline;
}
ul.pharmacoramaprevnext li.rightx {
float:right;
display:inline;
background-color:#999999;
text-decoration:none;
padding: 4px 10px;
padding-left:25px;
padding-right:25px;
border-radius: 4px;
color:white;
}
ul.pharmacoramaprevnext li.left a {
background-color:#333333;
text-decoration:none;
padding: 4px 10px;
padding-left:15px;
padding-right:15px;
border-radius: 4px;
color:white;
}
ul.pharmacoramaprevnext li.left a:hover {
text-decoration: underline;
}
ul.pharmacoramaprevnext li.right a {
background-color:#333333;
text-decoration:none;
padding: 4px 10px;
padding-left:27px;
padding-right:27px;
border-radius: 4px;
color:white;
}
ul.pharmacoramaprevnext li.right a:hover {
text-decoration: underline;
}

div.specialinput { display:table-row; }
div.specialinput label { display:table-cell; }
div.specialinput span { display:table-cell; vertical-align:top; }

label.quizz {
font-weight: normal;
}

.quizzsol {
display:none;
font-style:italic;
}

/* 
 * Ajouté ça le 22/08/2020 pour éviter que les gens qui
 * postent des commentaires puissent entrer l'url d'un site web...
 */
p.comment-form-url {
display:none;
}

/*
 * Style for meta box in the header 
*/
#secondary-header ul {
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  #secondary-header ul {
    float: center;
  }
}
#secondary-header ul li {
  display: inline;
  float: center;
  margin-left: 10px;
  list-style: none;
}
#secondary-header ul li:after {
  content: '|';
  color: #999999;
  font-weight: 100;
  margin-left: 10px;
}
#secondary-header ul li:last-child:after {
  margin-left: 0;
  content: '';
}
#secondary-header ul li a {
  text-decoration: none;
  color: #999999;
  font-size: 0.8em;
}
#secondary-header ul li a:hover {
  color: #428bca;
}
/*
 * Customize generic CSS
*/
/* Pour que le texte "powered by cyberchimps truc ne s'affiche pas */
.powered {
  display: none;
}
/* Pour que les listes dt ne soient pas en gras dans le texte du bouquin
   Le truc ici pour ne modifier le CSS que l� o� il faut c'est de trouver
   le truc sur ce mod�le l� <div id='truc'>. Dans notre cas, truc = content...
*/
#content dt {
	font-weight: normal;
}
.super { font-size: 75%; vertical-align: super
}
.sub { font-size: 75%; vertical-align: sub
}
.TableTitle { text-align: center; font-style: italic; font-weight: bold}
BR#belowall { clear: all }	

/* 
 * Styles pour les pages chapitres du livre...
*/

.folder-icon{
	background: url("images/folder-icon.png") no-repeat;
	width:16px;
	height:15px;
	padding-right:9%;
}

#main article {
    border-bottom: none medium !important;
    padding-bottom: 0;
}

.chapitres li{
	list-style:none !important;
	float: left;
	width: 30.333%;
	 margin: 2% 1%;
	    padding: 1%;
	border:1px solid #ededed;
	 border-radius: 6px;
}
/*.chapitres li a{
	color: #000000;
    font-size: 1.3em;
    font-weight: bold;
	text-decoration:none !important;
}*/

.children .folder-icon{
	display:none;
}
.children {
    width: 80%;
}
.children li{
/*	display:inline; */
	float: none;    
    width: 100%;
	border:none medium;
}
.children li a{
	font-size: smaller;
    font-weight:normal !important;
}
ul.chapitres li.page_item_has_children{
	margin:0 1%;
	border:1px solid #eee;
}
@media screen and (min-width: 320px) and (max-width:768px){
  .chapitres li{
      float: none;
      width:100%;
  }
}