/*** Feuille de style classique pour Gimp-fr.org  ***/

/** Mise en page **/

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family:"Verdana", "Veranda", "Bitstream Vera", "Arial", "Helvetica" , sans-serif;
	/* font-size:1.0em */
}
#conteneur {
	position:absolute;
	width:100%;
}

/* Image du webring */
#webring {
	background:url("../images/logo_magic.jpeg");
	width:160px;
	height:165px;
	position:absolute;
	left:0px;
	top:0px;
}
#zoneRINGliste {
	display:block;
	width:80px;
	height:13px;
	margin-left:40px;
	margin-top:23px;
	/* border:1px solid  #FFFFFF */
}
#zoneRING {
	display:block;
	width:110px;
	height:110px;
	margin-left:28px;
	margin-top:2px;
	/* border:1px solid  #FFFFFF */
}

/* Bandeau supérieur */
#bandeau {
	background:url("../images/bandeau.jpeg") repeat-x;
	height:94px;
	margin-left:160px;
	text-align:center;
}
.menu_BARRE ul {
	list-style:none;
}
.menu_BARRE li {
	display:inline;
}
.menu_BARRE li a, .menu_BARRE li a:visited, .menu_BARRE li a:active {
	/* background: url(../images/menufond.png) #4045AA repeat-x; */
	background-color:#4045AA;
	width: 11em;
	height: 2em;
	color: #FFFFFF;
  margin-left:auto;
	margin-right:auto;
	padding-left:1em;
	padding-right:1em;
	text-decoration: none;
	font-size:0.9em;
	border: 1px solid;
	border-color:#3EF9B8
}
.menu_BARRE li a:hover {
	color: #00FF44
}

/* Images du menu principal */
#menu {
	background:url("../images/menu.jpeg") no-repeat;
	width:160px;
	height:858px;
	position:absolute;
	left:0px;
	top:165px;
}
.zone, .zonePRE {
	display:block;
	width:93px;
	height:22px;
	margin-left:5px;
	margin-top:3px;
	/* border:1px solid  #FFFFFF */
}
.zonePRE {
	margin-top:27px;
}

/* Page principale */
/* CXT = avec menus contextuels */ 
#contenu, #contenu_CXT {
	margin-left:165px;
	text-align:justify;
}
#contenu {
	margin-right:0.2em;
}
#contenu_CXT {
	margin-right: 15%;
}
#menu_CXT {
	position: absolute;
	right:0em;
	width: 15%;
	float: right;
	font-size: 0.9em;
	text-align:left;
}

/** Formats généraux **/

/* positionnement */
.centre {
  margin-top:1em;
  text-align:center;
  margin-bottom:1em;
}
.gauche {
  float: left;
  margin-right:1em;
  margin-bottom:1em;
}
.droite {
  float: right;
  margin-left:1em;
  margin-bottom:1em
}
.alignright {
  text-align:right;
}  

/* textes */
p,li {
	color:#000000;
	margin:0em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:0.2em;
	padding-right:0.4em
}
p.center {
	text-align:center
}
p.page {
	font-weight:bold;	
	color:#002266;
	/* font-size:1.4em; */
	font-family:caption;
	margin-bottom:0.8em
}

/* listes */
ul {
	margin-top:0.2em;
	margin-bottom:0.2em;
	padding-left:2.0em;
  list-style-position: inside;
	list-style-type:circle;	
}
/* listes numérotées */
ul.nr {
	list-style-type:decimal;
}
/* listes avec image */
ul.sty {
	list-style-type:none;	
  list-style-image: url("../images/triangle.png");
}

/* fonds colorés */
bgwhite {
	background-color: #FFF;
}
bglightgreen {
  background-color:#EFE;
}
bglightblue {
  background-color:#EEF;
}
bglightgray {
  background-color:#EEE;
}
bggreen {
  background-color:#DED;
}

/* liens */
a, a:visited, a:active {
	color:#002255;
	text-decoration:underline;
}
a:hover {
	color:#004488;
	text-decoration:none;
}
a.image {
	text-decoration:none;
}
a.en:before {
  content: url("../images/drapeau_anglais.png");
  margin-right:0.4em;
}  
a.world:before {
  content: url("../images/world.png");
  margin-right:0.4em;
}  
a.cle:before {
  content: url("../images/cle.png");
  margin-right:0.4em;
}  
a.te:before {
  content: url("../images/telecharger.png");
  margin-right:0.4em;
}  
a.vid:before {
  content: url("../images/video.png");
  margin-right:0.4em;
}  
a.wikipedia:before {
  content: url("../images/wikipedia.png");
  margin-right:0.4em;
}  
a.mail:before {
  content: url("../images/email.png");
  margin-right:0.4em;
}  
a.post:before {
  content: url("../images/bal_poster.png");
  margin-right:0.4em;
}  
a.tag {
  text-decoration: none;
  color:#00D;
}
a.tag:hover {
  color:#77F;
}

/* menus en-ligne */
.menu_INLINE {
	text-align:center;
  margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
}
.menu_INLINE ul {
	list-style:none;
}
.menu_INLINE li {
	display:inline;
  background-color:#FFF;
  margin-left:0.5em;
	margin-right:0.5em;
	padding-left:1em;
	padding-right:1em;
	border: 1px solid;
	border-color:#002255;
}
.menu_INLINE li a {
	color:#002255;
	font-weight:normal;  
	text-decoration: none;
}
.menu_INLINE li a:hover {
	font-weight:bold;  
}

.menu_INLINE li.select {
  background-color:#4045AA;
  color:#FFF;
	font-weight:bold;  
}

/* images */
img {
	border: none 0px;  
}
img.border {
	border: 1px;
  border-style: solid;
  border-color: #000000
}

/* titres */
h1, td.CELtitre {
	color:#DDEEFF;
	background:#4045AA;
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:0.4em
}
h1 {
	margin-bottom:0.4em
}

/* Styles particuliers */
em, i {
	font-style:italic
}
em.erreur { /* Message d'erreur */
	font-style:normal;
	font-weight:bold;
	color:#990000
}
em.menu { /*Entree de menu Gimp*/
	font-variant:small-caps;
	color:#002266
}
em.nom { /* Nom de personne */
	font-variant:small-caps;
	font-style:normal
}
em.rub { /*Rubrique de Gimp-fr */
	font-variant:small-caps;
	font-style:normal
}
strong, b { /*Fort */
	font-weight:bold
}
strong.color { /* Encore plus fort*/
	font-weight:bold;
	color:#002266
}
strong.titre{ /* Titre de page */
	font-weight:bold;	
	color:#002266;
	/* font-size:1.4em; */
	font-family:caption;
}
br { /* Retour chariot */
	line-height: 1.0em;
}
hr { /* Ligne */
}

/** Nuages de mots-clés **/

em.size10 {
	font-size:0.8em;   
  font-style:normal;	
}
em.size16 {
	font-size:1.0em; 
  font-style:normal;		  
}
em.size25 {
	font-size:1.2em;   
	font-style:normal;
}
em.size40 {
	font-size:1.4em;
	font-style:normal;   
}
em.size63 {
	font-size:1.6em;
	font-style:normal;
}
em.size100 {
	font-size:1.8em;
	font-style:normal;
}

/** Encadrés **/

.encadre, .encadrejaune, .encadrejaunepale, .encadrevert, .encadrevertpale, .encadrebleupale{
  padding:0.5em;
	margin:2em;
	border:1px solid #4045AA;	
}
.encadrejaune {
  background-color:#EE2;
}
.encadrejaunepale {
  background-color:#FFD;
}
.encadrevert {
  background-color:#DED;
}
.encadrevertpale {
  background-color:#EFE;
}
.encadrebleupale {
  background-color:#EEF;
}

.encadresignal, .encadrenote, .encadreinfo, .encadrestop, .encadretuto, .encadrehome {
  border:1px solid #585;
  min-height:48px;
  padding:0.5em;
  padding-left: 50px;
  margin:2em
}
.encadresignal p.titre, .encadrenote p.titre, .encadreinfo p.titre, .encadrestop p.titre, .encadretuto p.titre, .encadrehome p.titre {
  color: #262;
  font-weight:bold;
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #585
}
.encadresignal {
  background: url("../images/signal_attention.png") no-repeat;
  background-color:#EFE;  
}
.encadrenote {
  background: url("../images/signal_note.png") no-repeat;
  background-color:#EFE;
}
.encadreinfo {
  background: url("../images/signal_info.png") no-repeat;
  background-color:#EFE;
}
.encadrestop {
  background: url("../images/signal_stop.png") no-repeat;
  background-color:#EFE;
}
.encadretuto {
  background: url("../images/signal_example.png") no-repeat;
  background-color:#EFE;
}

.encadrehome {
  background: url("../images/signal_home.png") no-repeat;
  background-color:#EFE;
}

/** Formats Contextuels : menus a droite **/

#menu_CXT ul {
	list-style-type:none;
	padding-left:0.2em;
	margin-top:0em;
 	margin-left:0.8em;
	margin-right:0.2em;   
	margin-top:0em;
}
#menu_CXT p.CXTtitre {
	background-color:#DDEEDD;
	text-align:left;
	margin-top:1.2em;
 	margin-left:0.8em;
	margin-right:0.2em;   
	border:1px solid  #557777
}
#menu_CXT p, #menu_CXT ul {
	margin-left:0.8em;
	margin-right:0.2em;
	border-left:1px dashed #557777;
	border-right:1px dashed #557777;
	border-bottom:1px dashed #557777;
}

/* Contextuel mis en valeur */
#menu_CXT p.CXTIMP, p.CXTBLEU {
	color:#FFFFFF;
	text-align:left;
	margin-top:1.2em;
 	margin-left:0.8em;
	margin-right:0.2em;   
}
p.CXTIMP {
	background-color:#557777;
	border:1px solid  #557777;	
}
p.CXTBLEU {
	background-color:#4045AA;
	border:1px solid  #4045AA;	
}

/** Format Cellules : tableau 1 colonne 3 rangees **/

td.CELtitre {
	padding-left:1em;
} /* voir aussi H1 */
td.CEL {
	background-color:#EEEEFF;
	text-align:justify;
	padding-top:0.3em;
	padding-bottom:0.3em;
	border-left:1px solid #4045AA;
	border-right:1px solid #4045AA;
}
td.CELbas {
	background-color:#DDDDFF;
	/* font-size:0.9em; */
	text-align:right;
	padding-top:0.1em;
	padding-bottom:0.1em;
	border-left:1px solid  #4045AA;
	border-right:1px solid  #4045AA;
	border-bottom:1px solid  #4045AA
}

/* Compatibilité ancienne version */
TD.titre { 
  font-family: arial,helvetica; /*font-size: 12pt;*/ 
  color: #DDEEFF ; 
  background-color: #4045AA; 
  font-weight: bold ; 
  font-style: italic; 
}  
TD.texte { 
  font-family: arial,helvetica; /*font-size: 9pt;*/ 
  color: #000000 ; background-color: #EEEEFF;
}
TD.mini { 
  font-family: arial,helvetica; /*font-size: 8pt;*/ 
  color: #000000; 
  background-color: #DDDDFF;
}

/** Format Liste : tableau 2 colonnes N rangees **/

.LISTE {
	display:table;
	width: 100%;
	margin-top:0.2em;
	margin-bottom:0.2em
}
p.LISTEnom {
	background-color:#DDEEDD;
  width:30%;
	left:0em;
	text-align:left;
	margin-right:0.6em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	border:1px solid #4045AA;
	float:left;
}
.LISTEcontenu {
	background-color:#EEEEEE;
	margin-left:2.0em;
	margin-right:0.4em;
	margin-bottom:0em;
	padding-top:0.4em;
	padding-bottom:0.4em;
	padding-right:0.4em;
	padding-left:0.4em;
	border:1px dashed #4045AA;
}

/** Format Doc **/

#doc .etape {
  display: table;
  width: 100%;
}
#doc h1 {
  color: #4045AA;
  background:#FFFFFF;
  font-size: 1.4em;
  font-style:none;
	margin-top:20px; 
	border-bottom: 1px solid #4045AA;
} /* voir aussi H1 */
#doc h2 {
  color: #4045AA;
  font-size: 1.0em;
  margin-bottom: 1em;
  margin-top: 0.5em;
	text-decoration: underline;
}

/* Format Formulaires */

#formulaire {
	background-color:#EEEEEE;
	border: 1px dashed #4045AA;
	margin-right: 0.3em;
}	
#formulaire table {
  margin-left:2%;
  margin-right:2%;
  width:95%
}
#formulaire td {
  padding:0.2em;
}	
#formulaire td.desc {
  width:30%;
	background-color:#DDEEDD;
	border: 1px solid #4045AA
}
#formulaire a.nobord {
	border: 0px;
}

/* Format Bric à brac */

#bricabrac {
	background-color:#EEEEEE;
	border: 1px dashed #4045AA;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 3%;	
	padding: 2%
}	
#bricabrac table {
  width:100%;
	background-color:#FFFFFF;
	border: 1px solid #4045AA;
}
#bricabrac td {
  padding:0.5em;
  text-align:center;
}
#bricabrac td.desc { 
	background-color:#DDEEDD;
	border: 1px solid #4045AA;
	text-align:left;
}	

/* Format Livre d'Or */

#livredor {
	background-color:#FFFFEE;
	border: 1px dashed #4045AA;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 3%;	
	padding:2%;
}	
#livredor .poster {
  text-align:right;
}
.livredortexte {
	background-color:#DFDD80;
	margin:3%;
	padding:2%;
	border: 1px solid #999900
}
#livredor p.page {
  color:#999900;
}	
#livredor em.nom {
  font-weight:bold
}	

/* Format Tableau : Liste Modération */

#tableau {
	margin-right: 0.3em;
}
#tableau table {
  margin-left:2%;
  margin-right:2%;
  width:auto;
}	
#tableau th {
  font-weight: bold;
  text-align:center;
	border: 2px solid #4045AA
}	
#tableau td {
  padding:0.2em;
	border-bottom: 1px dashed #4045AA
}