css

Cette feuille de style permet le bon affichage du site. Attention! Ne pas modifier si on ne sait pas ce que l'on fait.

Table des matieres

Structure
Titres
Balises
Formulaires
Casini
Images
Action Agenda
Action nextevents
Menus
Impression

Structure

*/
body { 
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	color: #333;
	margin: 0px;
	background:#fff 0% 0% repeat-y url('{{config var="base_url"}}{{config var="files_path"}}/style/Fond2.png');
	}
#Access{
	text-align:center;
	font-size:x-small;
}
#Corps{
	margin-left:280px;
	margin-right:0px;
}
#Tete {
	height:75px;
	color:black;
	background-color:#E5DCCC;
	border-bottom:#688e6f 2px solid;
}
#Tete .action_nextevents{
	height:75px;
	overflow:auto;
	background-color:#fff;
}

#wiki_name {
	padding:0.3em;
	margin:0;
}
#wiki_name a{
	color:black;
}
#Description{
	font-size:x-small;
	padding:0.5em;
	color:black;
}

#ColonneGauche {
	background-color:688e6f;
	position:absolute;
	top:100px;
	left:0px;
	width: 250px;
	text-align:right;
}
#ColonneGauche img{
	margin-right:15px;
}
#ColonneGauche form{
	background-color:#fff;
	padding:1em;
	margin:1em;
}
#ColonneGauche input{
	width:100px;
	margin:1px;
}
#ColonneGauche .cadre{
	color:#fff;
	border:1px solid white;
	padding:1em;
	margin:1em;
}
#ColonneGauche .cadre ul{
	margin-left:1em;
}
#ColonneGauche .cadre a{
	color:#fff;
	display:block;
}
#ColonneDroite {
display:none;
	position: absolute;
	right:0px;
	width: 200px;
	font-size:x-small;
}
#ColonneDroite img.logo{
	float:right;
	margin-left:1em;
}
#ColonneDroite .cadre{
	background:#eee;
	padding:1em;
}

#Buttons {
	border:1px solid black;
	border-bottom:0px;
}
#Infos  {margin:1em}
#Outils {
	background:transparent;
	float:right;
	margin:0;
	font-size:xx-small;
}
#Outils li{
	margin:0;
	background:transparent;
	border:none;
	margin:0;
	padding:3px;
	}
#Outils li li{
	padding:0px;
	}

#Profil {
	text-align:right;
	margin-right:1em;
}
#Profil img {
	margin-left:3px;
}
#Profil .home{
	display:none;
}

#page_name {	
	margin:0;
	margin-bottom:2em;
	padding:6px;
	font-variant:small-caps;
	color:#980101;
}
#Page {
	padding:1em;
	font-family:verdana,sans-serif;
	background:white;
	min-height:600px;
	overflow:auto;
	}
#Page img.logo {padding:1em;}

body.popup #Page {
	width:100%;
	}

#Footer {
	padding:1em;
	text-align:center;
	font-size:x-small;
	color:#333;
	border-top:#688e6f 1px solid;
}

/*

Titres

*/

h1, h2, h3, h4{
	color:#c62;
	font-family:"Lucida Sans",'Lucida Sans Unicode','Lucida Grande',LucidaGrande,sans-serif;
	margin:0;
	padding:0;
	margin-top:1em; 
	margin-bottom:0.5em; 
}
h1{color:#a20;font-size:16px; line-height:24px;border-bottom:1px solid #688e6f;}
h2{color:#b42;font-size:14px;padding:0;border-bottom:1px solid #ddd;}
h3{color:#e84;font-size:13px;padding:0;}
h4{color:#f95;font-size:12px;font-family:verdana,sans-serif;line-height:13px;margin-bottom:10px;}

/*

Balises

*/

table {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:#fff repeat url('{{config var="base_url"}}{{config var="files_path"}}/style/content_bg.gif');			
	border:1px solid #ddd;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
	font-size:0.8em;
}

tr.alternate {	
	border:0px solid #669900;
	background: #F9FFE6;
	border-bottom:1px dotted #ddd;
	border-top:1px dotted #ddd;
}
th {
	color:green;
	padding:5px;
	
}
th a{
	color:#980101;
}
td {
	vertical-align:top;
	padding:0.5em;
}
table.graph{
	width:auto;
	background:#fff 0px 0px url('{{config var="base_url"}}{{config var="files_path"}}/style/fond-stats.gif');
}
table.graph td {
	vertical-align:bottom;
	padding:0em;
}
table.graph td a{
	background:#ddd;
}

th.day {
	border-top:1px solid #ddd;
	text-align:center;
	font-weight:bold;
	color:orange;
}
th.alternate {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	color:orange;
}
td.body_r {
	font-size:x-small;
}
a[hreflang]:after{content: "\0000a0[" attr(hreflang) "]"}

a{
	color: #39c;	
	text-decoration:none;	
}

a:hover{ text-decoration:underline;}

img {
    	border: none;
	vertical-align: middle;
}

p {
    	margin: 0.4em 0em 0.5em 0em;
    	line-height: 1.5em;
}

hr {
    	height: 1px;
	border: 0;
	margin: 0;
	background: #ddd;
}
hr.page_break {
	height:0px;
	visibility:hidden;
	clear:both;
	page-break-before:always;
}



ul {
	list-style-type:disc;
	margin: 0px;
	margin-left:4em;
	padding:0px;
	list-style-position:outside;
}
ul ul{
	list-style-type:circle;
}

ol {
	margin: 0px;
	margin-left:4em;
	padding:0px;
	list-style-position:outside;
}

li {
	margin-left:0em;}

dt {
	font-weight: bold;
	margin-bottom: 0.1em;
}

dl{
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: 0.1em;
}
	
abbr, acronym {
	border-bottom: 1px dotted Black;
	color: Black;
	cursor: help;
}

q, quote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
	color: #aaa;
}

blockquote {
	border-left: 1px solid #ddd;
	padding-left:10px;
	margin: 0px;
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
	color: #aaa;
}

/*

Formulaires

*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	background: White;
	padding: 0.5em;
}

label {
	font-weight:bold;
	padding-top: 10px;
}

form {		
	text-align:center;
}
body.upload form, body.invite form{
	text-align:left;
}

textarea {
	color: Black;
	background-color: #eee;
	border:1px solid #333;
	padding: 0.1em;
	width:250px;  
	height:150px;
}

textarea.edit { 
	padding:5px; 
	width:350px;  
	height: 380px; 
}

textarea.section { 
	padding:5px; 
	width:98%;  
	height: 150px; 
}

input, textarea {
	border: 1px solid #669900;
	background: #F9FFE6;
}
input[type=text] {
	border: 1px dotted #669900;
	background: #f9ffe6;
}
input[type=submit], input[type=reset] {
	border: 1px solid #669900;
	background: #f9ffe6;
	cursor:pointer;
}

input[type=submit]:hover {
	border: 1px solid #669900;
	background: #669900;
	color: #fff;
}
input[type=reset]:hover {
	border: 1px solid #990000;
	background: #990000;
	color: #fff;
}
input.annulation {
	border: 1px solid #990000;
	color:#990000;
}
input.annulation:hover {
	border: 1px solid #990000;
	background: #990000;
	color: #fff;
}

input.apercu:hover {
	border: 1px solid #ffaa00;
	background: #ffaa00;
	color: #fff;
}

select {
	vertical-align: top;
}
/*

Casini

*/

.tools {
	background: #F9FFE6;
	padding:0.3em;
}

.invisible{display:none;}
.visible{display:block;}



.gauche {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.droite {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}


div.centre {
	text-align:center;
}

.sommaire, div.action_blog {
	border:1px solid #ddd;
	background:#fefefe;
	font-size:0.9em;
	padding:0;
}
.sommaire ul {
	margin-left:0.5em;
	padding:0.3em;
}
.sommaire ul ul{
	margin-left:1em;
}
.trail_table{margin-bottom:1em;}

div.aide, div.info, div.confirmation, div.error, div.warning, div.important{
	padding: 1em;  
	padding-right:30px;	
	border: 1px dashed #ddd;
	font-style:italic;
	margin-bottom:1em;
}

div.aide {
	background:#fff 99% 50% no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/help.png');
}
div.info {
	background:#fff 99% 50% no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/info.png');
}
div.error {
	border: 1px dashed red;
	background:#fff 99% 50% no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/error.png');
}
div.confirmation { 
	background:#fff 99% 0.5em no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/warning.png');
	border:1px solid green;
}
div.warning { 
	background:#fff 99% 0.5em no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/warning.png');
	border:1px solid green;
}
div.important {
	background:#fff repeat url('{{config var="base_url"}}{{config var="files_path"}}/style/content_bg.gif');			
	border: 1px solid #ccc;  
	border-bottom: 1px solid #bbb; 
	border-right: 1px solid #bbb;
}
.lettrine:first-letter{
	color:#000;
	float:left;
	font-size:300%;
	margin-top:10px;
}
.indent { 
	margin-left: 40px; 
}

.additions { 
	color: #008800; 
}
.additions div{ 
	border: 1px solid #008800; 
	padding:1em;
	margin:1em;
}

.deletions { 
	color: #880000; 
}
.deletions div{ 
	border: 1px solid #880000; 
	padding:1em;
	margin:1em;
}

.add { 
	font-weight: bold; 
	color: #c00; 
	text-decoration: underline; 
}

.del { 
	font-style: italic; 
	color: #c00; 
	text-decoration: line-through; 
}

.legend {
	font-weight:bold;
	padding:0.5em;
	margin:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#efefef;
}

fieldset.comment {
	color:#000;
	background-color:#ffecce;
	border:1px solid #666;
	margin:0 0 1em 0;
	padding:0.5em 1em;
}
fieldset.comment .infos{
	font-size:0.8em;
	border-top:1px dotted #666;
	text-align:right;
}
.footnotes {
	color:#999;
	border:1px solid #ddd;
	padding:1em;
	margin:1em;
	font-size:0.7em;
}
.com { 
	font-style: italic; 
	color:#666;
}

.prev_alert { 
	background-color: #7C9A08; 
	color: white; 
	font-size: 1.7em; 
	font-weight: bold; 
	margin-bottom: 5px; 
}

.code { 
	background: #f5f5f5; 
	border: 2px solid  #E0E0E0; 
	font-family: 'Courier New', Courier; color: black; 
	font-size: 0.8em; 
	overflow:auto; 
	padding: 10px; 
}

.debug { 
	font-size: 1em; 
	color: #888888; 
}


h2 a.top {
	display:block;
	float:right;
	width:24px;
	height:24px;
	background: 50% 50% transparent no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/top.png');
}

/*

Images

*/

option.s0, option.s25, option.s50, option.s75, option.s100 {padding-left:12px;}
option.s0 {background: 1px 50% transparent no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/00.png');}
option.s25 {background: 1px 50% transparent no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/25.png');}
option.s50 {background: 1px 50% transparent no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/50.png');}
option.s75 {background: 1px 50% transparent no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/75.png');}
option.s100 {background: 1px 50% transparent no-repeat url('{{config var="base_url"}}{{config var="icons_path"}}/100.png');}

/*

Action Agenda

*/
 .Events .empty{border:0px;}
 .Events .year{font-weight:bold;font-style:italic;}
 .Events .month{color:green;}
 .Events .day{font-style:italic;}
 .Events .hour{font-style:italic;}
 .Events .alternate .item{}
 .Events .newweek{border-top:1px solid #CCC;}
 .Events .newyear{border-top:1px solid #980101;}
 .Events .day {white-space: nowrap;}
 .Events .item {width:100%;}
 .Events .APlanifier {padding:0.5em; padding-left:30px; background:#fff 2px 2px no-repeat url('{{config var="icon_path"}}/warning.png');}
 .Events div.title {height:1.5em;overflow : hidden ;}

/*

Action nextevents

*/
 .action_nextevents .day{
	font-weight:bold;
	margin-top:0.5em;
}
 .action_nextevents .month{
	font-weight:bold;
	display:block;
	border: 1px dashed #ddd;
	background:#fff;
	padding:0.1em;
	text-align:center;
}

/*

Menus

*/
.menu {cursor:pointer;	margin:1em; }
.menu ul{margin:0px; padding:0px; list-style: none;}
.menu a{width: 10em; background:none;padding-left:0px;}

.menu li{float:left; display:block; padding-right: 1em; padding-left: 1em;margin-right:2px; background:#fff;border:1px solid #ddd;}
.menu ul ul {position:absolute; background:white; border:1px solid #ddd;}
.menu li ul li {float:none;margin:0px; padding:0;margin:0;border:0;}
.menu ul ul ul{margin-left:3em;}
.menu li ul li a{padding-left:1em; padding-right:1em; margin:0.2em;}
.menu hr{padding:0;margin:0;border-top:1px solid #ddd;}

/*

Impression

*/

@media print {
	body {
		background-color: #ffffff; /* texte noir sur fond blanc */
		color: #000000;
		border:0;
		width:100%;
	}
	#wiki_name {display:none;}
	#Handlers {display:none;}
	#Tete {display:none;}
	#Navigation {display:none;}
	#Profil {display:none;}
	#Footer {display:none;}
	#Copyright {display:none;}
	#Page {width:100%;margin:0px;padding:0px;border:none;}
	#Corps {width:100%;margin:0px;padding:0px;border:none;}
}

/*