@charset "ISO-8859-1";
@import url(menu.css);  /* CSS pour la navigation */

body {
	color:#000000;
	background-color:#FFFFFF;
	font-family:"arial",sans-serif;
	font-size:small;
	margin:2em 1%;
}


/* Liens Document */
a:link, a:visited, a:hover {background:inherit;}
a:link {color:#339; text-decoration:underline;}
a:visited {color:#c00; text-decoration:none;}
a:hover {color:#339; background:#EBEBF5; text-decoration:none;}
a[hreflang]:after {
	color: gray;
	font-weight: bold;
	content: "\0000a0[" attr(hreflang) "]";
}

/* Description détaillée */
acronym { cursor: help; }

/* Style des codes */
pre {
border-left:5px solid #a2c2e1;
padding:0.5em 0.5em;
}

img {
border:0;
margin:1em 0 0 0;
}

/* Corps du texte */
.texte {
background-color:#f5f8fc;
border:1px solid #69c;
line-height:150%;
margin-top: 7em;
padding:0 2% 3em 2%;
}

/* images centrées + cadre */
.imagecenter {
text-align:center;
background-color:#FFFFFF;
background-image:none;
border:1px dotted #69c;
color:#333;
margin:0;
padding:0 1em;
display:block;
}

.maj {
background-color:#FFFFFF;
color:#369;
border:1px dotted #69c;
font-size:small;
float:right;
}

/* Titres */
.titre h1 {
background:#7f97b0;
color:white;
border-color:black;
border-style:solid;
border-width:1px;
padding:0 10px 0 10px;
}
/***************** Cadre Logiciels Libre *****************/
.cadre {
	margin-top: 0.5em;
	border: 1px solid #69c;
	-moz-border-radius: 1%;
	background-color: white;
}

div.cadre h3 {
	padding: 0 0 0 0.5em;
	margin: 0;
	background-color: #4c77a7;
}

div.cadre p {
	margin-left: 0.5em;
}

div.cadre img {
	margin: 0;
	padding: 0;
}

p.miniature {
	float:right;	
	margin: 1em 1em 0 0;
	padding: 0.5em;
	border: 1px solid #f8990c;
	background-color: #ffffe1;
	-moz-border-radius:10%;
	text-align: center;
}

p.miniature img {
	border: 1px solid #f8990c;
}

/* ******************** Actualité ********************* */
#actualite {
	margin-top: 7em;
	padding: 0;
	border: 1px solid #a2c2e1;
}

#actualite h2 {
	color: #336699;
	margin-left: 1em;
	margin-right: 1em;
	border-bottom:1px dotted #369;
}

#actualite h3 {
	color: #6699cc;
	margin: 0 0 0 1.5em;
}

#actualite h4 {
	margin: 0 0 0 1.5em;
}

#actualite p {
	margin-left: 1.5em;
}

#droite {
	float: right;
	margin-top: 1em;
	margin-right: 1em;
	padding: 0;
	border: 1px solid black;
}

#droite h2 {
	background-color: #eff4fa;
	margin:0;
	padding: 0.5em;
}

#droite ul {
	list-style: none;
	margin: 0.5em;
	padding: 0;
}

/* ******************** Corps principal ********************* */
#main h1 {
display:inline;
background:#fff;
color:#369;
font-size:150%;
border-bottom:1px solid #99B;
border-left:1px solid #99B;
border-right:1px solid #99B;
border-top:none;
padding:0 2em 0 1em;
}

#main h2 {
color:#369;
font-size:130%;
}
#main h3 { 
font-size:100%;
color:#369;
border-bottom:1px dotted #369;
}

#main h4 {
font-size:small;
color:#69c;
}

/* ********************* Zone Expression ********************* */
#main div.expression
{
background-color:#FFFFFF;
background-image:none;
border:1px dotted #69c;
color:#333;
margin:1em;
padding:0 1em;
display:block;
}

#main div.auteur
{
font-style:italic;
font-weight:bold;
margin:0 0 0 1.5em;
}

#main pre.infos_utilisateur
{
border-left:0;
font-style:italic;
font-size:90%;

}

/* ******************** Principal ********************* */
#main {
} 

/* ******************** Puces ********************* */
ul.liste, li {margin:0.5em 0 0 0;}
ul.liste, ol.liste {font-size:small;}
ul.puceimage li {list-style-type:none; clear:both}
ul.puceimage img {float:left; border-right:1px solid #1010FF; margin-right:5px; margin-top:2px; margin-bottom:2px}
ul.puceimage div {vertical-align:top; margin-left:70px}
ul.arbo, ol.arbo {font-size:120%}
ul.arbo ul, ul.arbo ol, ol.arbo ul, ol.arbo ol {font-size:100%}
ul.sources {font-size:75%; font-style:italic}
li.vide {list-style-type:none}

/* ******************** Styles ********************* */
span.comment, span.definition {background:inherit;}
span.comment {font-style:italic; color:#0000E0}
span.definition {text-decoration:underline; color:#0000E0}