/*
Theme Name: L'Ecole du Qi
Theme URI: http://www.ecoleduqi.com
Author: Dominique Radisson
Author URI: http://www.domradisson.net/
Description: Le thème du site Ecoleduqi.com.
Version: 1.0
Template: twentyeleven
*/



/* Couleurs
	rouge écoleduqi	#CC0000
	rouge foncé		#b80000
	rouge clair 	#d61803
	jaune			#f5ea9e
	gris			#666666
	bleu			#006699
	bleu 2			#006193
	marron			#330000
	marron clair	#dabf85
*/

/* Masquage de certains éléments */
#branding img,
#branding nav,
.entry-meta,
.hentry-meta {display:none}


/* Body */
body, input, textarea {font:14px/1.5 Arial,Helvetica,Arial,sans-serif}


/* Page */
#page {margin-top:0; background: #f5ea9e url(images/bg-left-sidebar.png) repeat-y; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.18)}
body.right-sidebar #page {background-image: url(images/bg-right-sidebar.png) repeat-y}


/* Header */
#branding {height:3em; background-color:#CC0000; margin-top:0}
#site-title {padding:0}
#branding #searchform {top:0.7em; right:3em; background-color: #fafafa}
#branding #site-title  {width:12em; height:8em; text-indent: -9999px; position:absolute; left:1.4em;top:1.2em; background: url(images/ecole_du_qi.gif) no-repeat center top ;background-size:100%}
#branding #site-title a {display:block; width:5.4em; height:3.2em; text-indent: -9999px}
#branding #site-description {position:absolute; top:1.1em; left:21.4%; color:#f5ea9e}
#site-description {color: #7A7A7A;font-size: 14px;margin: 0}


/* Content = contenu central */
.left-sidebar #content {margin: 0 7.6% 0 26%;width: 66.4%}  /* origine : 34 */


/* Primary = zone de texte droite*/


/* Secondary = colonne de navigation gauche*/
#secondary {height:auto; background: url(images/qigong-zef.png) no-repeat center bottom ;background-size:100%; padding-bottom: 45em; width:16.5%!important; margin-top:7em; margin-bottom:2em}
.left-sidebar #secondary {margin-left:2em}
.right-sidebar #secondary {margin-right:2em}
#secondary *{color:black}
#secondary ul {list-style-type: none}
#secondary ul.children{list-style-type: disc; margin : 0.25em 0 0.75em 1em}
/* Titres de pages et titres de widget sont stylés id */
#secondary a {color:#f5ea9e; font-weight: normal}
h3.widget-title {color:#f5ea9e!important; font-weight: normal; font-size: 14px!important}
/* fin */
#secondary li{line-height:1.4; font-size: 13px; margin-bottom:5px}
#secondary li:first-child {border-top:none!important}
#secondary li.page_item{margin:0 0 0.75em 0} /* ; border-bottom: 1px solid #b80000; border-top:1px solid #d61803 */
#secondary ul.children li {border:none; font-size:12px; margin:0}
#secondary ul.children li a{color:black}
#secondary li.current_page_item a{color:black; font-weight: bold}
#secondary li.current_page_item a:before{content:""}
#secondary li.current_page_item ul.children li,
#secondary ul.children li.current_page_item {}
#secondary li.current_page_item ul.children li a{color:black!important; list-style-image: none; list-style-type: none; color:#f5ea9e; margin-left:0em; font-weight:normal}
#secondary li.current_page_item ul.children li a:before{content:""}
#secondary li.current_page_item ul.children li{border:none}
/* Champs textes ex : inscription newsletter */
#secondary input {max-width:90%}


/* Footer */
footer.entry-meta {display:none}
#site-generator {padding:0 0 0 22%; height:50px; background: #CC0000 url(images/bg-left-sitegenerator.png) repeat-y; text-align: left; font-weight: normal; color:black; line-height: 50px}
#site-generator #searchform {float:left; position:relative; left:-26.7%}
#site-generator a {color:black; font-weight: normal}


/* Tableaux */
table {border-collapse: collapse; height:auto!important}
thead th {background-color: #c60000; color:white; font-weight: bold}
tr, td, th {padding:4px!important; border:1px solid #d5be72} /* background-color:#ebda8b;  */
.separateur {width:10%; height:5px; background-color: #c60000; margin:20px auto}
/*h2 span {font-size:0.7em; position:relative; top:-0.15em}*/
p {margin-bottom: 0.8125em}


/* Forms */
input#s {font-size: 12px}


/* Images */
img {border:0px solid transparent!important}


/* Supplementary */
#supplementary {display: none}


/* Articles & Pages */
h1.entry-title {letter-spacing: -1px!important}
h2 {font-size:18px}
h3 {font-size:16px!important; font-weight:bold; text-transform:none!important; color:#b80000;letter-spacing: normal!important; line-height:1.3!important; margin-bottom:1em}
h4 {font-size:14px!important; font-weight:normal; color:#b80000}
h3+p {margin-top:-1em}
hr {height:1px; border-bottom:1px solid #b80000; box-shadow: -1px 1px 1px 1px rgba(50, 50, 50, 0.15)}
blockquote {border-left:1px solid #663300;padding-left:18px; margin-left:0px}
blockquote,
cite {font-family:inherit; color:#663300; font-style:italic; font-size:1.2em}
.entry-title,
.page-title {clear: both;color: #222222;font-size: 26px;font-weight: bold;line-height: 1.5em; padding-top: 15px; text-transform: none!important; letter-spacing: normal!important; margin-bottom:0.5em}
.entry-content, .entry-summary {padding: 0}
.entry-title, .entry-header .entry-meta {padding-right: 06px}
.hentry {border-bottom: 1px solid #dabf85}
.articlesdepage {padding:4px; border:1px solid #DABF85; margin:4px 0px; background-color: #fae5af!important}

/* Listes */
ul.liens li {margin-bottom:1em}


/* 404 */
.error404 #primary {float: right;margin: 0;width: 80%}
.error404 #searchform {width:40%; margin-left:0!important; padding:0!important}


/* Enseignants */
.bleu {color:#006193; font-weight: bold}
.rouge {color:#c60000; font-weight: bold}
.noir {color:black; font-weight: normal!important}
table.enseignants {width:600px; margin:0 auto}
td.depts {padding-left:40px!important}
td.depts strong {margin-left:-20px}


/* Fiche Enseignant */
/* body.single-annuaire #content h1 {background-color:white; padding-left:15px; display:inline; border-top-left-radius: 5px; border-top-right-
radius: 5px}
.fiche {padding:15px; background-color:white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px}
*/
.single-annuaire h3{margin-bottom:0}
.single-annuaire h3+p{margin-top:0}


/* Boutique */
#breadcrumb {display:none}
	/* Désactivation de certains menus wooshop dans la sidebar */
.page-item-232,
.page-item-233,
.page-item-234,
.page-item-235,
.page-item-236,
.page-item-237,
.page-item-238,
.page-item-239,
.page-item-240 {display:none}
	/* Mise en forme de certains menus wooshop dans la sidebar */
.page-item-232 {margin-top:40px!important; border-top:1px solid #b80000; padding-top:20px}
.page-item-235 {margin-bottom:40px!important; border-bottom:1px solid #b80000; padding-bottom:20px}
.page-item-233,
.page-item-235 {list-style: disc inside}
.page-item-233 a,
.page-item-235 a {color:black!important; font-size:12px}


/* Wisija Newsletter */
#wysija-2 *{font-size:13px!important}


/* Media Queries
-------------------------------------------------------------- */
/* iPads (portrait) ----------- */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
	/* Styles */
	}

/* Screen (768px) ----------- */
	@media screen and (max-width: 640px)  {
#page {background-size:100%}
.left-sidebar #content {width: 30.4%!important}  /* origine : 34 */
	}

/* Screen (800px) ----------- */
	@media screen and (max-width: 768px)  {
#page {background-size:100%}
#branding #site-title {left:-0.3em;top:0.7em; background-size:90%}
#branding #site-description {left:24%}
.left-sidebar #content {margin: 0 7.6% 0 30%!important;width: 60%!important}  /* origine : 34 */
#secondary {margin-top:3em}
input#s {width:112px;padding: 4px 4px 4px 28px}
#site-generator #searchform {left:-12.5%}
#site-generator {padding:0 0 0 12%; font-size:11px; background-size:100%}
	}
	
/* Screen (900px) ----------- */
	@media screen and (max-width: 900px)  {
#page {background-size:100%}
#branding #site-title {left:0em;top:0.7em; background-size:90%}
#branding #site-description {left:24%}
.left-sidebar #content {margin: 0 7.6% 0 30%!important;width: 60%!important}  /* origine : 34 */
#secondary {margin-top:3em}
	}

/* Screen (640px) ----------- */
	@media screen and (max-width : 640px) {
#branding #site-title {left:-1.3em;top:2em; background-size:75%}
#branding #site-description {left:24%}
input#s {width:82px;padding: 4px 4px 4px 28px}
#site-generator #searchform {left:-7.5%}
#site-generator {padding:0 0 0 8%; font-size:11px; background-size:100%}
	}

/* Screen (480px) ----------- */
	@media screen and (max-width : 480px) {
#branding {height:6em; background-color:#CC0000; margin-top:0}
#branding #site-title {height:6em;left:-1.3em;top:0.5em; background-size:75%}
#branding #site-description {display:none}
#secondary {margin-top:-2.5em}
#secondary *{font-size: 11px!important}
.left-sidebar #secondary {margin-left:1em}
.right-sidebar #secondary {margin-right:1em}
	}

/* liste des enseignants */
.enseignant {
  margin-bottom: 0 !important;
}
.ensrouge {
  color: #b80000 !important;
}
.ensbleu {
  color: #006699 !important;
}

.wp-caption {
  background: none;
  margin-bottom: 1.625em;
  max-width: 96%;
  padding: 9px;
  height: 240px;
  color: #222222;
  font: 12px Arial,Helvetica,Arial,sans-serif;
}

.wp-caption .wp-caption-text::before {
    color: #222222;
    content: "";
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    left: 0px;
    margin-right: 5px;
    position: absolute;
    top: 7px;
}

.wp-caption .wp-caption-text {
  color: #222222;
  font: 12px Arial,Helvetica,Arial,sans-serif;
  padding: 10px 3px 5px 4px;
}