@charset "utf-8";

/* css Zen Garden Antoine's style v1.0 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* The whole design is done so that window dimensions and font size can be changed without affecting the layout. */
/* Positioning of blocks is done absolutely and with pixels adjustments, so to stick to the background. */
/* -- Font size is given in pixels for the body element, but with relative line height. All subsequent font sizes are relative. -- */
/* Font size is given in percent, so that the user can choose which size suits best for his/her use through browser settings. */
/* No specific fonts are used so the user can use is prefered fonts as a browser setting. */

/* basic elements */
body { 
	font: 100%/150% sans-serif;
	color: #000000;
	background: #b887ff;
	margin: 0px;
	padding: 0px;
}
p {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}
#Resume p { font: normal 90%/110% sans-serif; }
#Resume > p { margin-top: 0.5em; }
#Sommaire p { margin-bottom: 0.5em; }

/* === headings === */
h3 { 
	text-align: center;
	font: bold 115% sans-serif;
	letter-spacing: 0.2em;
        margin: 1.5em 0em 1em 0em;
	color: #ac109f;
}
h3#forum { padding-top: 4em; }
h3.reponse_forum { padding-top: 2.5em; }
h4 { 
	font: bold 105% sans-serif;
	margin-bottom: 0.4em;
	color: #ac109f;
}
h5 {
        text-align: center;
	font: bold 90% sans-serif;
        margin: 1.5em 0em 0.5em 0em;
	color: #ac109f;
        clear: both;
}

/* Listes */
ul {
	margin: 0em 0em 0.5em 0em;
	padding-left: 1.21em;
	list-style-type: circle;
}
p + ul { margin-top: -0.5em; }
li { text-align: justify;  margin: 0em}
.Menu li { text-align: left; font-size: 95%; }

/* Divers */
acronym { border-color: #e63048; }
hr {
	border: 0px;
	background-color: transparent;
	height: 0px;
	border-bottom: dotted 2px #69ffff;
}
hr.fin_breve {
	margin-bottom: 3em;
	clear: both;
	width: 100%;
}
#Sommaire hr.fin_breve { margin-bottom: 0em; }
hr.fin_forum {
	clear: right;
	margin-top: 1em;
	margin-bottom: 3em;
	width: 100%;
}

/* === Page === */
#Page {
	background: transparent url(fond-menu.jpg) no-repeat top right;
	padding: 0px 313px 0px 8px;
	margin: 0px;
	min-height: 500px;
}

/* === intro === */
#Tete { }
#Tete h1 { 
	font: 270% "Papyrus","Comic Sans MS",fantasy;
	letter-spacing: 0.2em; 
	color: #1714d3;
	margin-top: 0px;
	padding-top: 5px; 
	position: fixed;
	background: transparent;
	/*
        background: #b887ff;
	opacity: 0.80;
	-moz-opacity: 0.80;
        */
}
#Tete h2 { 
	font: 200% "Papyrus","Comic Sans MS",fantasy;
	float: right;
	text-align: right;
	color: #000000;
	margin: 1.5em -225px 0.7em 1em;
}
#Langues {
	font: 120% "Papyrus","Comic Sans MS",fantasy;
	position: fixed;
	margin: 4em 0 0 0;
	/*
	background: #b887ff;
	opacity: 0.80;
	-moz-opacity: 0.80;
        */
}

/* Resume */
#Resume, #Encart {
	clear: both;
	margin: 1em 2em 1em 0em;
	padding: 0.5em;
	width: 27%;
	float: left;
	border: dotted 2px #69ffff;
}
#Resume h2 {
	float: none;
	clear: both;
	margin: 1.5em 0em 0em 0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: center;
	font: 133% "Papyrus","Comic Sans MS",fantasy;
	color: #000000;
	border: 0px;
	border-bottom: dotted 2px #69ffff;
	border-top: dotted 2px #69ffff;
        width: 100%;
}
#Resume h3 {
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	font: bold 100% sans-serif;
	text-align: center;
	color: #ac109f;
        border-bottom: none;
}

/* === Contenu et Sommaire === */
#Contenu, #Sommaire {
	margin-bottom: 4em;
        float: right;
        width: 63%;
}
#Contenu_full { width: 70%; float: none; margin: 1em auto 1em auto; }
.cartouche { margin-top: 5em; }
#Sommaire .cartouche { margin-top: 2em; }
.liens { margin-top: 1em; clear: both;}

/* === Pied === */
#Pied { 
	clear: both;
	position: relative;
	bottom: 0em;
	width: 100%;
	text-align: center; 
	border-top: dotted 2px #69ffff;
	border-bottom: dotted 2px #69ffff;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0.2em;
	font-size: 95%;
}

/* === Menu === */
#Menu_droite {
	/* absolute positioning so to stick with the background */
	position: absolute;
	top: 170px; 
	right: 0px;
	width: 188px;
	margin-right: 79px;
	font: 100%/130% sans-serif;
}
.Menu h3 { 
	font: normal 133% "Papyrus","Comic Sans MS",fantasy;
	letter-spacing: 0.1em;
	margin-bottom: 0em;
	padding: 0em;
	color: #1714d3;
	border-bottom: 1px dotted;
	text-align: right;
}

/* === .notes ===  */
div.notes {
	float: right;
	margin-top: 1em;
        margin-bottom: 0.5em;
	border-top: dotted 1px #1714d3;
	width: 60%;
	font-size: 95%;
        line-height: 110%;
}
div.notes ul { margin-top: -1em; }
#Sommaire div.notes { margin-top: 0em; }
div.reponse_forum div.notes, div.message_forum div.notes { 
        width: 100%;
        margin-top: 0em;
}
#Resume div.notes {
	margin-top: 1em;
	border-top: dotted 1px #1714d3;
	width: 100%;
}
#Resume li, #Resume div.notes p {
	font: normal 90% sans-serif;
	text-align: left;
        }
span.notes, span.notes a { font-size: 80%; color: #1714d3; white-space: nowrap; }
span.notes a:hover, span.notes a:active { color: #69ffff; }

/* === Forums === */
div.reponse_forum {
	clear: right;
	border-left: 1px dotted #1714d3;
	margin: 3em 0em 0em 1em;
	padding-left: 0.3em;
}

/* === Images === */
img {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.cartouche img, .spip_documents img {
	padding: 6px;
	border: dotted 2px #69ffff !important;
}
.cartouche img.spip_logos {
        margin: 0em 12px 12px 0em;
}
/* Pour plouf ! */
#Pied div img, #Pied div div a {
	display: none;
}
.spip_documents {
        text-align: center;
        font-size: 80%;
}
#Logo { 
	text-align: center;
        margin: 1em auto 1em auto;
}
/* parce que les images sont inclues dans un div par SPiP !  :( */
.spip_documents_left {
	margin: 0em 28px 12px 0em;
        clear: left;
}
.spip_documents_center {
	margin: 28px auto 28px auto;
        clear: both;
}
.spip_documents_right {
        margin: 0px 16px 12px 12px;
        clear: right;
}

blockquote {
        margin: 1em 2em 1em 2em;
        padding: 0.3em;
	border: 1px dotted #1714d3;
        font: 90% "Monaco", monospace;
}
blockquote p { margin: 0px; text-align: left;}

/* Irrepressible.info */
#irrepressible {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
iframe {
	padding: 6px;
	border: dotted 2px #69ffff !important;
}

/* === Liens === */
a { text-decoration: underline; color: #333333; }
a:visited { color: #000000; }
h3 a, h5 a, h3 a:visited, h5 a:visited { text-decoration: none; color: #ac109f; }
a:hover, a:active, h3 a:hover, h3 a:active { text-decoration: none; color: #69ffff; }
.Menu a { font-weight: bold; color: #000000; }
.Menu a:hover { color: #69ffff; }
ul.Ailleurs a { text-decoration: none; color: #000000; font-weight: normal;}
ul.Ailleurs a:hover { text-decoration: underline; }

/* Tables */
table.spip { border: dotted 1px #1714d3; }
table.spip tr.row_first { background: transparent; }
table.spip tr.row_odd { background: transparent; }
table.spip tr.row_even { background: transparent; }
table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
}

/* Formulaires SPiP */
div.formulaire {
	clear: right;
	border: dotted 2px #69ffff;
	margin: 3em auto 2em auto;
	padding: 1em;
	width: 400px;
}

/* Cachez vous les yeux ! */
input.CachePammeur { display: none; }

/* Impression */
@media print {
  #Page { position: relative; background: white; padding: 0mm; margin: 0mm; min-height: 0mm; width: auto; }
  #Tete { margin: 0mm; width: 100%; }
  #pageHeader, .Menu, #Pied, div.reponse, #irrepressible, #Formulaire_admin { display: none; }
  #Resume { float: left; width: 97%; padding: 2mm; border: 1pt solid navy; margin: 0mm 0mm 10mm 0mm; }
  #Resume ul { float: left; width: 120mm; margin: 1em 0em 1em 0em; }
  #Logo { float: right; margin: 0mm 5mm 0mm 0mm; }
  #Contenu { float: none; width: 100%; margin: 0mm; padding: 0mm; }
  #Resume h3 { margin: 0mm; }
  #Contenu h3 { margin: 10mm 0mm 3mm 0mm; }
  hr { border-bottom: 1pt solid navy; }
  div.notes { border-top: 1pt solid navy; font-size: 90%; margin-bottom: 3mm; }
  ul ul { margin-bottom: 2mm; }
  body { font: 10pt "Arial",sans-serif; color: black; }
  div.spip_large { display: none; }
  a[href^="http:"]:after {
      content:" (" attr(href) ") ";
      font-style: italic;
      color: navy;
  }
  a { text-decoration: none; }
}