@charset "UTF-8";
/* CSS Document for ICGQ/PEFEL en ligne*/
/*reset*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

body {
	font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #333;
}
body, #master { color: #333 !important; }
#master {
	width: 640px;
	position: relative;
	z-index: 1;
	margin: 0px auto 10px;
	text-align:justify;
}

.titre {
	font-weight:normal;
	font-size: 24px;
	color:rgb(255,102,0);
	line-height: 36px;
	text-align:left;
	margin-bottom: 18px;
	/*border-bottom: thin solid #999999;*/
	letter-spacing: -0.05em;
	margin-top: 10px;
}
	
.titre-brk {
	font-weight:normal;
	font-size: 24px;
	color:rgb(255,102,0);
	line-height: 36px;
	text-align:left;
	margin-bottom: 18px;
	clear:right;
	letter-spacing: -0.05em;
	margin-top: 10px;
	page-break-before: always;
}
/*menu styling*/
.icon {vertical-align:-30%; border:none;}
#menu td {padding:3px 0px; width:20%;}

#subnav { /*used on pefel site*/
	position:relative; 
	width:640px; 
	margin:auto;
}

h1 {
	font-weight:normal;
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 18px;
	border-bottom: thin solid #999999;
	page-break-after: avoid;
	page-break-before:always;
	letter-spacing: -0.05em;
	margin-top: 10px;
	clear:right;
	text-align:left;
	/*the collap.png img must also reside in /chapitres*/
	background: url(collap.png) no-repeat right center;
}
h1#top { /*this selector should be placed in each html doc to provide ability to start the numbering at a different number in each page*/
    counter-reset: section;
}
h1 a, h1 a:hover {
	color:#333 !important; 
	text-decoration:none !important; 
	display:inline-block; /*reaches right*/
	width:640px; /*leaves room for number at left*/
	vertical-align:top; /*keeps number on first line*/ 
	outline:none; /*FF*/
}
h1:before {
	color:rgb(255,102,0);
    content: " [" counter() "] ";
    counter-increment: section 1;
}
h2 {
	font-weight:normal;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 18px;
	border-bottom: thin solid #999999;
	page-break-after: avoid;
	page-break-before:always;
	letter-spacing: -0.05em;
	margin-top: 10px;
	clear:right;
	text-align:left;font-weight: normal;
	/*font-size: 16px;
	margin-bottom: 12px;
	margin-top: 18px;
	color: rgb(255,102,0);
	page-break-after:avoid;*/
}
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p { 
page-break-inside:avoid !important;/*does not work, except in Op*/
/*widows:3; does not work*/
margin-bottom: 8px; 
}
blockquote {margin-left:20px;}
fieldset {
	padding: 8px;
	border: thin solid rgb(255,102,0);
	margin-bottom: 8px;
	page-break-inside:avoid !important;
}
legend {
	font-weight: bold;
	color: rgb(255,102,0);
}
hr {border-top: rgb(255,102,0) thin solid;}
ul {
	margin-bottom: 14px;
	list-style: square outside;
	margin-left: 20px;
	page-break-inside:avoid;
}
ol {
	margin-bottom: 14px;
	list-style-type: decimal;
	list-style-position:outside;
	margin-left: 20px;
	/*page-break-inside:avoid;*/
}
ul.none, ol.none { list-style-type:none; }
ol li{
	margin-top: 10px;
}
ol li li, ul li {
	margin-top: 5px;
}
ul ul, ol ol { margin-top: 4px; margin-bottom: 5px; }
ol ol {
	list-style-type: square;
	margin-left: 0px;
}
ul ul {list-style: circle outside;}
p img, ol img, ul img {
	margin-top: 3px;
	margin-bottom: 5px;
	border: thin solid #aaaaaa;
}
#master table { margin-bottom: 5px; }
img {page-break-before:avoid;}
pre {
	background: #CCFFFF;
	padding: 8px;
	border: thin solid #33CCFF;
	margin-bottom: 5px;
}

q {
	/*quotes:"« " " »"; no support by safari*/
	color:rgb(255,102,0);
	font-weight:normal;
}

q:before {
  content: "«";
}
q:after {
  content: "»";
}
dfn {color:#03C;}
code {
	font-size: 110%;
	color: #0000CC;
}
kbd {color:#0000CC; background-color:#eee; font-size:110%; font-weight:normal !important;}
a { color: #00b2ae !important; }
a:link, a:visited, a:active { text-decoration: none !important; }
a:hover { text-decoration: underline !important; }
area {
		border: solid 3px rgb(255,102,0);
		outline:rgb(255,102,0) solid 3px;
} /*does not work*/
/*classes*/
.lien-centre {text-align:center; font-size:16px; margin:20px auto;} /*this link is copy-pasted in user_styles.css; when modifying this selector, modify user_styles.css as well */
.icon {vertical-align:-30%; border:none;} /*used for pefel site menu img*/
.icon2 {vertical-align:text-top; border:none;} /*used for pefel site titre img; text-top works best for windows*/
.categ {font-size:18px; line-height:24px; margin-bottom:12px;} /*pefel syllabus catégories*/
.orange { color: rgb(255,102,0); }
.breakb4 { page-break-before: always; }
.brk-after { page-break-after: always; }
.nobrk-after {page-break-after:avoid;}
.hide { display: none; }
.masq-aff { display: none; }
.notop { margin-top: 0px; }
.right {float:right; margin-left:10px; margin-bottom:5px;}
.right-noborder {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	border-width: 0px;
}
.left {float:left; margin-right:10px; margin-bottom:5px;}
.left-noborder {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	border-width: 0px;
}
.clr-right {clear:right;}
.clr-left {clear:left;}
.clr-none {clear:none;}
.no-break {page-break-before:avoid;}
.noborder { border-width: 0px; }
.survol {
	font-size: 12px;
	background: #FFFFCC;
	border: thin solid #666666;
}

@media print {
#master {display:none;}
a {color: #333333;}
pre { background-color:#FFFFFF;}
body {font-size:11px; line-height:1.3;}
h1 {font-size:22px; }
#master {margin-right:5px; margin-bottom:0px;}
.noprint {display:none;}
#footer {visibility:visible;}
}
 
/* iPhone */
/*possible values for adjust are none | auto | value%
find more info at http://developer.apple.com/webapps/designingcontent.php */
/*en utilisant la valeur auto, le texte contenu dans le master est reformatté par le iphone afin de le grossir, pour ainsi faciliter la lecture*/
@media screen and (max-device-width: 490px) { body { -webkit-text-size-adjust:auto; width:490px; margin-left:5px; margin-right:5px; } }