/* GENERAL */
/* init */
*{
padding:0;
margin:0;
}

img {
border:none;
}

fieldset {
padding: 20px;
}

body {
background:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

h3 {
font-size:17px;
font-weight:bold;
color:#009966;
}

.bold{
font-weight:bold;
}

/* LAYOUT */
#conteneur {
position:relative;
padding: 0px 20px;
margin-top:0px;
height:100%;
}

#infoaction {
border:#FF9900 solid 5px;
background-color:#FFCC00;
color:#FF0000;
font-size:14px;
font-weight:bold;
position:absolute;
top:50px;
height:25px;
padding:5px;
z-index:5;
}

/* contenu avec fond blanc a spiral */
#contenu {
position:relative;
background:#FFFFFF;
padding:120px 50px 50px 90px;
margin-left:-20px;
margin-bottom: 0px;
margin-top:-78px;
background: #FFFFFF url(spirale.png) repeat-y left top;
background-position: 0px 50px 0px 0px;
min-height:500px;
/*height:100%;*/
}

/* colonne de gauche */
#sousmenu {
float:left;
/*height:100%;*/
width:30%;
font-size:14px;
font-weight:bolder;
}

#sousmenu a {
font-size:13px;
}

a.highlink {
color:#003333;
}

#imagebasgauche {
position:absolute;
bottom: 100px;
left: 90px;
}

/* colonne de droite */
#moncadre{
margin-left:30%;
padding-top:76px;
/*height:300px;
overflow:auto;*/
}

.telechargement {
padding: 2px 0px;
}

/* TEXTE */
a {
outline:none;
font-weight:bold;
text-decoration:none;
}

/* utilise dans spectacle equilibre, decale le texte */
.decale {
padding-left:30px;
}

.texte-blanc{
color:#FFFFFF;
}

/* date de calendrier en fait jaune dor plus que rose */
#surligneRose{
font-weight:bold;
color:#FFB529;
}

#surligneRosePasse{
font-weight:bold;
color:#FFCC99;
}

.divDatePasse, .divDatePasse p{
color:#999999;
}

#surligneVert{
font-weight:bold;
color:#18FFA5;
}

#asurligneJaune a {
font-weight:bold;
color:#FFCC00;
}

#colorPast {
color:#FF3300;
}

#colorFutur {
color:#33CC33;
}

/* MENU */
#menu {
position:relative;
padding-left:20px;
background:#000000 url(fondmenu.png) repeat-x top;
background-position: 50px 0px;
height:128px;
padding-left:0px;
left:30px;
margin-right:30px;
z-index:2;
overflow:hidden;
}

.onglets {
float:left;
width:128px;
height:128px;
z-index:3;
}

#onglet1 {
background: url(menu.png) top left no-repeat;
background-position:0px -128px;
}
#onglet1:hover {
background: url(menu.png) top left no-repeat;
background-position:0px -0px;z-index:2;
}

#onglet2 {
background: url(menu.png) top left no-repeat;
background-position:-128px -128px;
}
#onglet2:hover {
background: url(menu.png) top left no-repeat;
background-position:-128px 0px;
}

#onglet3 {
background: url(menu.png) top left no-repeat;
background-position:-255px -128px;
}
#onglet3:hover {
background: url(menu.png) top left no-repeat;
background-position:-255px 0px;
}

#onglet4 {
background: url(menu.png) top left no-repeat;
background-position:-384px -128px;
}
#onglet4:hover {
background: url(menu.png) top left no-repeat;
background-position:-384px 0px;
}

#onglet5 {
background: url(menu.png) top left no-repeat;
background-position:-512px -128px;
}
#onglet5:hover {
background: url(menu.png) top left no-repeat;
background-position:-512px 0px;
}

#onglet6 {
background: url(menu.png) top left no-repeat;
background-position:-644px -128px;
}
#onglet6:hover {
background: url(menu.png) top left no-repeat;
background-position:-644px 0px;
}

#onglet7 {
background: url(menu.png) top left no-repeat;
background-position:-768px -128px;
}
#onglet7:hover {
background: url(menu.png) top left no-repeat;
background-position:-768px 0px;
}

#ongletadmin {
position:absolute;
top:10px;
right:0px;
}