/**********************************************/
/*                  STRUCTURE                 */
/**********************************************/
body {
  background: #5a4d3e;
  color: #ffffff;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Arial", verdana, lucida, sans-serif;
  font-size: 12px;
}
#page {
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 980px;
  background: #262015 url(centre.jpg) repeat-y;
}
#entete {
  height: 120px;
  margin: 0;
  background: #5a4d3e url(footesaa.jpg) repeat-y;
  text-align: right;
  letter-spacing: 1px;
}
#esaa{
font-size: 8em;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
z-index: 5;
padding: 0;
}
#ecole-arts {
position: relative;
top: -20px;
margin: 0;
color: #eeeeee;
}
#pied_de_page {
  clear: both;
  height: 150px;
  border: 0;
  color: #bbbbbb;
  background: #4d4339;
  text-align: center;
  margin: 10px 0 0 220px;
  font-size: 12px;
}
.ballon, .upballon {
position:fixed;
top: -60px;
right: -30px;
width : 183px;
height: 219px;
z-index: 2;
padding-top: 80px;
padding-left: 10px;
cursor: move;
background:url(ballonT.png) no-repeat;
}
#contenu_principal {
margin: 0 0 0 220px;
/*background: #262015 url(centre.jpg) repeat-y;*/
padding:0 20px 40px 20px;
}
#barre_laterale
{
float: left;
margin: 0;
padding: 0;
width: 220px;
}
#fenetresur {
float: left;
width: 368px;
height: 530px;
margin: 0 20px 0 5px;
}
.cours {
width: 350px;
height:520px;
padding:8px;
background-color: #eee;
position: relative;
}
.superieur  {
position: absolute;
width: 340px;
bottom:6px;
left:8px;
padding: 5px;
height:80px;
text-align: center;
background: #222;
margin-bottom: 5px;
opacity:0.80;
filter: alpha(=80); 
}
/* Menu gauche */
#formations h2 {
font-size: 1.2em;
border-bottom: 1px solid #262015;
}
a.esaa-titres:link, a.esaa-titres:visited {
color: #ffffff;
background: #ec7f00;
display: block;
padding: 5px 4px;
}
a.esaa-mlink:link, a.esaa-mlink:visited {
display: block;
color: #fff;
} 
a.esaa-titres:hover, a.esaa-mlink:hover {
background: #51bbff;
}
.arts h3, .arts h4 {
background: #262015;
color: #b79437;
text-align: left;
}
.arts h3 {
font-size: 1.1em;
}
.arts h4 {
font-size: 1em;
}
#esaaactu {
padding: 10px 5px;
text-align: center;
}
.bleu, h4.bluu {
color:  #3e99ff;
}
h4.bluu {
text-transform: uppercase;
font-weight: bold;
font-size: 1.2em;
}
p.news {
text-align: justify;
padding: 6px;
}
label {
font-weight: bold;
font-size: 1.1em;
color: #51bbff;
}
legend {
font-size: 1.3em;
font-weight: bold;
color: #ffc730;
}
fieldset ul {
list-style-type: none;
}
.actus {
color: #000;
font-size: 0.85em;
}
.ps {
  margin: 10px 0 10px 0;
  padding: 0;
  font-style: italic;
}
.rubrique {
  margin: 0 10px 15px 0;
  padding: 5px;
  border: 1px solid #ffc730;
  position: relative;
  font-size: 1.1em;
}
a.periglioni{
position: absolute;
bottom : 5px;
right: 5px;
}
input {
padding: 2px 5px;
}
.article
{
  margin: 0;
  padding: 5px 5px 30px 5px;
}
.cv
{
}
.breve
{
  margin: 0 10px 15px 0;
  padding: 3px;
  width: 350px;
  border: 1px solid #ffc730;
  background: #262015;
  font-size: 9px;
  float: left;
}
.texte
{  
}
.periode
{
  float: left;
  text-align: right;
  padding: 10px;
  width: 120px;
}
.intitule
{
  text-align: left;
  padding: 10px;
  margin: 0 0 0 130px;
}
.lien
{
  margin: 0 10px 15px 0;
  padding: 3px;
  width: 500px;
  min-height: 200px; 
  border: 1px solid #ffc730;
  text-align: center;
  background: #262015;
}
.titre
{
  line-height: 1.5em;
  font-weight: bold;
}
.legende
{
  font-style: italic;
}
/**********************************************/
/*                TYPOGRAPHIE                 */
/**********************************************/
h1.bigt { font-size: 4em; font-weight: normal; letter-spacing: 2px; font-family: "impact"; }
/*
h2 { font-size: 1.4em; text-align:center; margin: 15px 0;}
h3 { font-size: 1.3em; font-weight: bold;}
h4 { font-size: 1.1em; font-weight: normal;}
h5 { font-size: 1.0em; font-weight: normal;}
h6 { font-size: 0.9em; letter-spacing: 0px; }
*/
h1, h2, h3, h4, h5, h6
{
  margin: 0px;
  letter-spacing: 1px;
}
h1.metier
{
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.forum h3
{
  font-weight: bold;
}
p
{
  text-align: left;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
#cv p
{
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}
a:link, a:visited
{
  font-weight: bold;
  text-decoration: none;
  color: #fc9f33;
  background: transparent;
}
a:hover
{
  font-weight: bold;
  text-decoration: underline;
  color: #ffc730;
  background: transparent;
}
a:active
{
  font-weight: bold;
  text-decoration: none;
  color: #eeeeee;
  background: transparent;
}
a img {
border:none;
}
/*
.reactions a:link, .reactions a:visited, .total a:link, .total a:visited, #cv .lien a:link, #cv .lien a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
.reactions a:hover, .total a:hover, .reactions a:active, .total a:active, #cv .lien a:hover, #cv .lien a:active {
  font-weight: bold;
  text-decoration: underline;
  color: #ffc730;
}
*/
img.smiley, #barre_laterale img, #pied_de_page img, .forum img, img.spip_puce, .spip_puce
{
  background: transparent;
  padding: 0;
  display: inline;
  vertical-align: middle;
  border: 0;
}
table
{
  color: #dedede;
  text-align: center;
  padding: 5px;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 5px;
  margin-right: 5px;
}
form, input
{
  margin: 0;
  padding: 0;
}
:focus {
-moz-outline-style: none;
}
.fondimg {
float: left;
margin: 5px;
padding: 0;
border-right: 5px solid #4d4339;
border-bottom: 5px solid #4d4339;
height: 300px;
}
.fondimg img , .fondimg a{
border: 0;
}
.nettoyeur {
line-height:5px;
width: 100%;
clear: right;
}
.grandlien {
font-size: 1.3em;
}
:focus {
outline: none;
}
/**********************************************/
/*                STYLES SPIP                 */
/**********************************************/
/* Raccourcis typographiques de SPIP */
i.spip {text-transform: italic;}
strong.spip {font-size: 1.1em;}
hr.spip {border: 1px dashed #51bbff; margin: 10px auto; width: 200px;}
.spip_puce { list-style-position: outside; }
ul.spip {}
ol.spip {}
li.spip {}
h3.spip {
  text-align: center; 
  margin-top: 1.8em; 
  margin-bottom: 1.2em; 
  font-size: 1.4em; 
  font-weight: bold; }
/* Paragraphes, citations, code et poesie */
p.spip {font-size:1em;}
p.spip_note {}
blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }
blockquote.spip { 
  margin: 1em; 
  padding-left: 1em;
  padding-right: 1em;
  border: 1px dotted; }
div.spip_poesie { 
  margin: 1em; 
  padding-left: 1em; 
  border-left: 1px solid;
  font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }
.spip_form_label {
display: block;
}
.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }
.spip_surligne {}
/* Tableaux */
table.spip {
  margin: auto;
  color: #222;
  margin-bottom: 1em;
  border: 1px solid;
  border-collapse: collapse; }
table.spip caption {
  caption-side: top; /* bottom pas pris en compte par IE */
  text-align: center;
  margin: auto;
  padding: 3px;
  font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0;}
.spip_documents { }
.spip_documents_center { width: auto; margin: 4px auto; display: block; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }
/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }
/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img {
  background: #FDA;
  padding: 3px;
  border: 1px outset #999; }
table.spip_barre a:hover img {
  background: #FFF;
  border: 1px solid #999; }
table.spip_barre input.barre { width: 100%; background: #EEE; }
/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in {   color: #fc9f33; } /* liens internes */
a.author {color:#FF6600; font-size:1em;}
a:hover.author {color:#FF0000;}
a.spip_out { color:#ffc730; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */