/* CSS Document */
/* www.cadrat.saynete.net */

@IMPORT URL(f_style_cadrat.css);

body
{margin-left:1em;margin-right:1em;margin-top:0em;margin-bottom:0em;
border-top:2px none steelblue;
color:black;font-family:Garamond; font-size:small;
scrollbar-face-color : #6699CC ;
scrollbar-shadow-color : #003399 ;
scrollbar-highlight-color : #99CCFF ;
scrollbar-3dlight-color : #99CCFF ;
scrollbar-darkshadow-color : #000000 ;
scrollbar-track-color : #D8DEE9 ;
scrollbar-arrow-color : #C2EFFF;
background-image:url("image/fond/rien.png");}

#debut_marges {
margin-left:1%;
margin-right:1%;}
#margeimp {margin-top:1px}
#tableaumiseajour {font-size:small;}
#menuapp  {visibility:hidden;}
#fixemenu {position:absolute;left:0px;top:20px;z-index:41;width:20px;visibility:visible;}

p {text-indent: 40pt;padding-top: 4pt; line-height: 13pt; text-align: justify;margin-bottom:0;margin-top:0;background-image:url("image/fond/rien.png");border-left:2px none #98CEE0;border-right:2px none #98CEE0;}
c {font-family:Courier New, Courier, mono;color:#1E6977;font-size:x-small}
.m {font-size:100%;}
.t {font-size:80%;}
.tm {font-size:90%;}
a:link, a:visited, a:hover, a:active   {text-decoration:none;}
a.menu:link, a.menu:visited, a.menu:hover, a.menu:active   {text-decoration:none;font-size:100%;}
h1{	color:black;font-size:105%;padding-right:6pt;padding-left:6pt;padding-top:6pt;
	border-top:2px none #D1D5C6;border-bottom:1px none #9BA282;border-left:2px none #9BA282;border-right:2px none #9BA282;			 	font-weight:normal;background-image:url("image/fond/rien.png");}
	
div#c {position:absolute; left:7px; top:23px; width:28px; height:57px; z-index:5; background-color: whitesmoke; layer-background-color: black; border: 1px none black;font-size:2em;font-family:Courier New, Courier, mono;font-weight:800;color:black;}
div#a {position:absolute; left:32px; top:16px; width:28px; height:57px; z-index:5; background-color: whitesmoke; layer-background-color: black; border: 1px none black;font-size:2em;font-family:Courier New, Courier, mono;font-weight:800;color:black;}
div#d {position:absolute; left:56px; top:8px; width:28px; height:57px; z-index:5; background-color: whitesmoke; layer-background-color: black; border: 1px none black;font-size:2em;font-family:Courier New, Courier, mono;font-weight:800;color:black;}
div#r {position:absolute; left:82px; top:24px; width:28px; height:57px; z-index:5; background-color: whitesmoke; layer-background-color: black; border: 1px none black;font-size:2em;font-family:Courier New, Courier, mono;font-weight:800;color:black;}
div#aa {position:absolute; left:109px; top:16px; width:28px; height:57px; z-index:5; background-color:whitesmoke; layer-background-color: black; border: 1px none black;font-size:2em;font-family:Courier New, Courier, mono;font-weight:800;color:black;}
div#t {position:absolute; left:135px; top:23px; width:28px; height:57px; z-index:5; background-color: whitesmoke; layer-background-color: black; border: 1px none black;font-size:2em;font-family:Courier New, Courier, mono;font-weight:800;color:black;}

div#encart {
	position:absolute; left:10px; top:10px; visibility:hidden;width: 145px;
	z-index:10;
	border: 0px dotted #006697;
	color:#000066;
	font-family: Garamond;
	font-style: Normal;
	font-weight: Normal;
	font-size: 60%;
	padding:5px;}
/* Titre */
div#titre {	position:absolute;left:3%;z-index:10;width:400px;height:80px;background-image:url("image/titre/rien.png"); border:1px none white;}
div#titre_plan {
	position:absolute;left:3%;z-index:10;width:400px;height:80px;background-image:url("image/titre/rien.png"); border:1px none white;}
/* Exposition */
div#expo {	position:absolute;	left:40%;	z-index:10;	width:400px;	height:40px;border-top:0px solid #999999;background-image:url("image/titre/rien.png");border:1px none white;}
div#expo p {	text-indent: 40pt;padding-top: 2pt;padding-bottom: 2pt;text-align: justify;margin-bottom:0;margin-top:0;
	padding-right: 16pt;padding-left: 16pt;background-color:white;color:black;
	line-height: 16pt;font-size:105%;background-image:url("image/fond/rien.png");
	border-left:2px none #98CEE0;border-right:2px none #98CEE0;letter-spacing:0.5px;}
/* Sommaire */
div#sommaire {padding:10px;border-left:-10px solid #999999;margin-right:30px;top: 0px;background-image:url("image/titre/rien.png");border:1px none white;color:black;position:relative;}
div#plan_sommaire {padding:10px;border-left:-10px solid #999999;margin-right:30px;top: 0px;background-image:url("image/titre/rien.png");border:1px none white;color:black;position:relative;line-height:15px;}
.sommaire_tabl {
	color:black;letter-spacing:1px;font-size:90%;}
/* Barre horizontale haut */
div#barrehori{position:absolute;top:0px;left:0px;background-image:url("image/titre/rien.png");z-index:0;width:100%;
height:41px;}
#biblio, #plan, #adresse {
	padding-top: 2pt;padding-bottom: 2pt;text-align: left;padding-right: 16pt;padding-left: 16pt;
	line-height: 14pt;font-size:95%;background-image:url("image/fond/rien.png");
	border-left:2px none #98CEE0;border-right:2px none #98CEE0;}
div#tabllien, div#tableaumiseajour, .tabllien {margin-top:5px;padding-left: 10px;
border:2px none lightblue;color:black;font-size:90%;font-weight:normal;padding: 6pt;
background-image:url("image/fond/rien.png");width:70%;}
#fin_page {visibility:hidden;}
#tablmotte, #tablmotte2 {visibility:hidden;position:absolute;top:0;left:0;}

/* Les codes de programmation */
#col_code1, #col_code2, #col_code3, #col_code4, #col_code5, #col_code6, #col_nume1, #col_nume2, #col_nume3, #col_nume4, #col_nume5, #col_nume6 {line-height:13px;font-size:70%;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* noir et blanc */
.or {color:black}
.algue {color:black;}
.cour {font-family:Courier New, Courier, mono;color:black;}
.blue {color:black;}
.slate {color:black;}
.ocean {color:black;}
.indianred {color:black;}
.sandybrown {color:black;}
.orange {color:black;}
.green {color:black;}
#descend {visibility:hidden;}
#monte {visibility:hidden;}
 
a.noirbleu:hover, a.noirbleu:link, a.noirbleu:visited, a.noirbleu:active  {color:black;text-decoration:none;} 
a.noirjaune:hover, a.noirjaune:link, a.noirjaune:visited, a.noirjaune:active  {color:black;text-decoration:none;} 
.noirbleu         {color:black;font-family:Garamond;text-decoration:none;}
.noirjaune        {color:black;font-family:Garamond;text-decoration:none;}  

a.soulbleu:link, a.soulbleu:visited, a.soulbleu:active   {background-image: url(jpg_carre_fond/trame.gif);text-decoration:none;color:black;border-bottom: 0px solid darkblue;}
.garacarre {font-weight:bold;font-family:Garamond;background-color:white;color:black;border:1px solid black;}
.garocarre {font-weight:bold;font-family:Garamond;background-color:white;color:black;border:1px solid black;}
.garoocarre {font-weight:bold;font-family:Garamond;background-color:white;color:black;border:1px solid black;}
.titren {font-family:Garamond;text-decoration:underline;color:black; text-transform: uppercase;background-image:url("image/fond/rien.png");background-color:white;border:none;}
a.bleugrisenum:link, a.bleugrisenum:visited, a.bleugrisenum:active, .bleugrisenum, a.bleugrisenumgr:link, a.bleugrisenumgr:visited, a.bleugrisenumgr:active, a.bleugrisenumgr:hover  {color:black;text-decoration:none;border: 1px solid black;background-color:white;}
.sequence {font-family:Courier New, Courier, mono;color:black;font-size:80%;}

a.menu:link    {text-decoration:none;background-color:white;color:black; font-size:85%;line-height: 14pt;}
a.menu:visited {text-decoration:none;background-color:white;color:black; font-size:85%;line-height: 14pt;}
a.menu:active  {text-decoration:none;background-color:white;color:black; font-size:85%;line-height: 14pt;}
a.menu:hover   {text-decoration:none;background-color:white;color:black; font-size:85%;line-height: 14pt;}
.menu    {text-decoration:none;background-color:white;color:black; font-size:85%;line-height: 13pt;}

.trad {font-family:Verdana, Arial, Helvetica, sans-serif;color:black;font-size:small;background-color:white;margin-bottom: 5pt;padding:5px;border:1px solid gray;display: block;width:80%;}
.enonce {padding:5px;border:1px solid #999999;background-image:url(jpg_carre_fond/rien.jpg);margin:5px;line-height: 20pt;display: block;width:70%;}
.enoncetrad {padding:5px;border:1px solid #999999;background-image:url(jpg_carre_fond/rien.jpg);margin-left:5px;line-height: 15pt;display: block;width:70%;}

/* Lien interne */
a.bleulien:link, a.bleulien:active {background-image:url(jpg_carre_fond/trame.gif);text-decoration:none;color:black;
border-bottom:1px dotted black;}
a.bleulien:visited {background-image:url(jpg_carre_fond/trame.gif);text-decoration:none;color:black;border-bottom:1px dotted black;}
a.bleulien:hover {background-image:url(jpg_carre_fond/trame.gif);text-decoration:none;color:black;border-bottom:2px none #006697;}
.bleulien {background-image:url(jpg_carre_fond/trame.gif);text-decoration:none;color:black;border-bottom:1px dotted black;}
.bleulienhov {background-image:url(jpg_carre_fond/trame.gif);text-decoration:none;color:black;border-bottom:2px solid black;}

/* Code */
#code_php {background-color:#F8F8F8;width:100%;background-image:none;border:1px solid #CCCCCC;padding-left:10px;padding-right:10px;padding-bottom:5px;}

.dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	font-size: 10px;
	background-color: #E7E5DC;
	width: 100%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
	letter-spacing:-1px;
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: black;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: black;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color:black; background-color: inherit; }
.dp-highlighter .keyword { color: black; font-weight: bold; background-color: inherit; }
.dp-highlighter .func { color: black; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: black; background-color: inherit; }