/*
Mermoz CSS (niveau 2)
Thème "Playschool"
Par Yves Dessertine

* Mise à jour le 07/07/03

* Mise à jour le 24/05/04 :
	allègement et optimisation de la feuille de style.


 
*/

@media all {
/*
Mermoz CSS (niveau 2)
Feuille CSS commune à tous les thèmes.
Par Yves Dessertine <yves.d@hrnet.fr>
*/


* { font-family: Arial, Helvetica, sans-serif; }


body { cursor: default; }

img { border-style: none; }

p { text-align: justify; }

p.centered { text-align: center; }

p.biglink
{
	text-align: center;
	font-size: 200%;
}

div.pagetitle
{
	text-align: center;
	font-size: 160%;
	font-weight: bold;
}

div.centered { text-align: center; }

div.comment
{
	font-size: smaller;
	font-style: italic;
	text-align: right;
}

div.soustitre
{
	text-align: center;
	font-weight: bold;
}

span.little { font-size: smaller; }

.important
{
	background-color: transparent;
	color: red;
}

table.psshots
{
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2em;
	width: 100%;
}

td.psshots
{
	width: 45%;
	border-style: none;
	text-align: center;
	font-size: smaller;
}

table.log { border-collapse: collapse; width: 100%; }

div.didasc
{
	font-variant: small-caps;
	text-align: center;
}

.tocwidget { font-size: smaller; }

.cbigtext
{
	font-size: larger;
	text-decoration: underline;
	text-align: center;
}

.largfixe { font-family: monospace; }

.startmessage
{
	background-color: #ccc;
	color: black;
	font-size: smaller;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: black;
}

td.pagecontent
{
	padding: 1em;
	vertical-align: top;
}

div.toc { margin: 0px 8px; }

img.block { display: block; }

}



@media screen {

body.withtoc
{
	background-color: #7ba2e7;
	color: black;
	margin: 0px;
}

body
{
   background-color: #7ba2e7;
   color: black;
}

h1, h2, h3 {
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: transparent;
}

a { font-weight: bold; }

a:link, a:visited
{
   background-color: transparent;
   color: #0a246a;
   text-decoration: none;
}

a:hover
{
   background-color: transparent;
   color: #d3e5fa;
   text-decoration: underline;
}

a.sommhighl:link, a.sommhighl:visited
{
   background-color: transparent;
   color: #d3e5fa;
   text-decoration: none;
}

a.sommhighl:hover
{
   background-color: transparent;
   color: #d3e5fa;
   text-decoration: underline;
}

a.inbox:link, a.inbox:visited
{
   background-color: transparent;
   color: #0a246a;
   text-decoration: none;
}

a.inbox:hover
{
   background-color: transparent;
   color: #0a246a;
   text-decoration: underline;
}

a.boxlink:link, a.boxlink:visited
{
   background-color: transparent;
   color: white;
   text-decoration: none;
}

a.boxlink:hover
{
   background-color: transparent;
   color: white;
   text-decoration: underline;
}

td.boxtitle
{
   background-color: #0055ea;
   color: white;
   font-weight: bold;
   text-align: left;
   vertical-align: middle;
   background-image: url("images/playschool/wxpheadbg.png");
   width: 100%;
   height: 29px;
}

div.hboxc01
{
   border-style: solid;
   border-width: 0px 1px 1px 1px;
   border-left-color: #0019cf;
   border-bottom-color: #00138c;
   border-right-color: #00138c;
   margin: 0px;
}

div.hboxc02
{
   border-style: solid;
   border-width: 0px 1px 1px 1px;
   border-left-color: #0734da;
   border-bottom-color: #001ea1;
   border-right-color: #0021a9;
}

div.hboxc03
{
   border-style: solid;
   border-width: 0px 1px 1px 1px;
   border-left-color: #166aee;
   border-bottom-color: #003ddd;
   border-right-color: #003bda;
}

div.boxcontent01
{
   border-style: solid;
   border-width: 0px 1px 1px 1px;
   border-left-color: #0855dd;
   border-bottom-color: #0048f1;
   border-right-color: #0048f1;
   background-color: white;
   color: black;
   text-align: center;
}

div.boxcontent02
{
   border-style: solid;
   border-width: 0px 1px 1px 1px;
   border-left-color: #0855dd;
   border-bottom-color: #0048f1;
   border-right-color: #0048f1;
   background-color: white;
   color: black;
   text-align: justify;
}

div.hboxfooter
{
   background-color: #ece9d8;
   background-image: url("images/playschool/wxpfootbg.png");
   color: black;
   font-size: smaller;
   text-align: right;
}

div.footer
{
   text-align: center;
   color: black;
   background-color: transparent;
   font-size: smaller;
}

th.log1
{
   text-align: center;
   font-weight: bold;
   border-width: 1px;
   border-style: solid;
   border-color: #95bdee;
}

th.log2
{
   background-color: #d3e5fa;
   color: black;
   text-align: center;
   font-weight: bold;
   border-width: 1px;
   border-style: solid;
   border-color: #95bdee;
}

td.log1
{
   border-width: 1px;
   border-style: solid;
   border-color: #95bdee;
   font-size: smaller;
}

td.log2
{
   background-color: #d3e5fa;
   color: black;
   border-width: 1px;
   border-style: solid;
   border-color: #95bdee;
   font-size: smaller;
}

div.lboxheader
{
   background-color: transparent;
   color: #026afe;
   font-size: larger;
   font-weight: bold;
   text-align: left;
}

div.lboxcontent01
{
   background-color: white;
   color: black;
   text-align: center;
   border-style: solid;
   border-width: 1px 1px 1px 6px;
   border-color: #026afe;
   padding: 3px;
}

div.lboxcontent02
{
   background-color: white;
   color: black;
   text-align: justify;
   border-style: solid;
   border-width: 1px 1px 1px 6px;
   border-color: #026afe;
   padding: 3px;
}


/* Sommaire */

td.sommaire201px
{
   width: 201px;
   background-color: #6375d6;
   color: black;
   padding: 0;
   border-style: none solid none none;
   border-width: 0px 1px 0px 0px;
   border-color: #94bbff;
   vertical-align: top;
}

div.tocboxheader
{
   background-color: white;
   background-image: url("images/playschool/wxptocbhead.png");
   background-repeat: no-repeat;
   color: #215dc6;
   border-style: none;
   font-size: smaller;
   font-weight: bold;
   padding: 3px;
}

div.tocbox
{
   background-color: transparent;
   color: white;
   text-align: center;
   border-style: none solid solid;
   border-width: 0px 1px 1px;
   padding: 3px;
}

}


@media print {
/*
   Mermoz CSS (niveau 2)
   Feuille de style pour impression.
   Par Yves Dessertine <yves.d@hrnet.fr>
   Dernière mise à jour le 19/04/03
*/

/* TODO :

Implémenter les tableaux class="log"
*/


/* Propriétés générales */

.noprint { display: none; }

.centered { text-align: center; }

img { border-style: none; }

p { text-align: justify; }

p.biglink
{
   text-align: center;
   font-size: 150%;
}

div.pagetitle
{
   text-align: center;
   font-size: 150%;
   font-weight: bold;
}

div.comment
{
   font-size: smaller;
   font-style: italic;
   text-align: right;
}

div.soustitre
{
   text-align: center;
   font-weight: bold;
}

span.little { font-size: smaller; }

span.important { text-decoration: underline; }

table.psshots
{
   table-layout: fixed;
   border-collapse: separate;
   border-spacing: 20px;
   width: 100%;
}

td.psshots
{
   width: 45%;
   border-style: none;
   text-align: center;
   font-size: smaller;
}

table.log { border-collapse: collapse; }

div.didasc
{
   font-variant: small-caps;
   text-align: center;
}


/* Autres propriétés */

body
{
   background-color: white;
   color: black;
}

h1, h2, h3 {
	text-align: center;
	font-weight: bold;
	color: black;
	background-color: white;
}

a
{
   background-color: white;
   color: black;
   text-decoration: none;
}

td.boxtitle
{
   background-color: white;
   color: black;
   font-size: larger;
   font-weight: bold;
   text-align: center;
}

td.boxcontent01
{
   background-color: white;
   color: black;
   text-align: center;
}

td.boxcontent02
{
   background-color: white;
   color: black;
   text-align: justify;
}

td.boxfootermidd
{
   background-color: white;
   color: black;
   font-size: smaller;
   text-align: right;
}

div.footer
{
   text-align: center;
   color: black;
   background-color: white;
   font-size: smaller;
}

td.contenu
{
   background-color: white;
   color: black;
   border-style: none;
}

div.lboxheader
{
   background-color: white;
   color: black;
   font-size: larger;
   font-weight: bold;
   text-align: center;
}

div.lboxcontent01
{
   background-color: white;
   color: black;
   text-align: center;
}

div.lboxcontent02
{
   background-color: white;
   color: black;
   text-align: justify;
}


/* Propriétés spécifiques aux eléments des thèmes les plus
   simples (noir-blanc, etc.)
*/

div.boxcontent01
{
   background-color: white;
   color: black;
   text-align: center;
}

div.boxcontent02
{
   background-color: white;
   color: black;
   text-align: justify;
}

div.boxheader
{
   background-color: white;
   color: black;
   text-align: center;
   font-size: larger;
   font-weight: bold;
}

div.boxfooter
{
   background-color: white;
   color: black;
   font-size: smaller;
   text-align: right;
}

}