body {
font-family: Arial, Verdana, Helvetica, sans-serif;
/*font-size: 0.8em;*/
font-size: 13px;
margin: 0;
padding: 0;
background-color: #000000;
/*background-color:#DDDDDD;
background-image:url(images/background.gif);*/
}
body a, a:hover {
color:#0000FF;
text-decoration:none;
}
#header {
height: 133px;
background-image:url(images/bandeau.gif);
background-repeat:no-repeat;
}
#header2 {
height: 133px;
background-image:url(images/bandeau_office.gif);
background-repeat:no-repeat;
}
#haut {
height: 25px;
background-image:url(images/metal.jpg);
border-left: solid 3px #F6F6F8;
border-right: solid 3px #F6F6F8;
}
#haut2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.9em;
color:#FFFFFF;
height: 34px;
background-image:url(images/menu.gif);
background-position: bottom right;
background-repeat:no-repeat;
margin-top: 0px;
}
#conteneur {
position: absolute;
left: 50%;
margin-left: -495px;
margin-top: 0px;
width: 990px;
background-color:#F6F6F8;
background-image:url(images/fond.jpg);
background-position: top;
background-repeat: repeat-x;
}
#centre {
width: 825px;
margin-right: 150px;
padding: 5px;
min-height: 760px;
_ height: 760px;
}
#office {
min-height: 500px;
_ height: 500px;
padding: 5px;
}
#droite {
position: absolute;
right:0;
width: 150px;
margin-bottom: 10px;
}
#cadre_droite {
/*width:135px;*/
width: 129px;
background-color:#FFFFFF;
border: 1px solid #E5E5EC;
margin-left:3px;
padding: 3px;
text-align:center;
}
#pied {
width: 990px;
clear:both;
color:#FFFFFF;
/*background-color:#BB0000;*/
background-color:#8F0000;
background-image:url(images/fond_pied.gif);
background-position: top left;
background-repeat:repeat-x;
font-size:0.9em;
text-align:center;
}
#pied a {
color: #FFFFFF;
text-decoration:none;
}
#pied a:hover {
color: #FFFFFF;
text-decoration: underline;
}
#pub {
float:right;
width:468px;
height:68px;
margin-right:15px;
/*background-color:#FFFFFF;
border: 1px solid #000000;*/
padding: 0px;
}
/*======================================== COLONNE =================================*/
#colonne_G {
float: left;
width: 412px;
margin-top: 10px;
margin-bottom: 5px;
}
#colonne_D {
float: right;
width: 412px;
margin-top: 10px;
margin-bottom: 5px;
}
#colonne_C {
float: left;
width: 815px;
margin-top: 10px;
margin-bottom: 5px;
}
#colonne_D2 {
float: right;
width: 565px;
margin-top: 10px;
margin-bottom: 5px;
}
#cadre_orange {
/*font-size: 1.1em;*/
width:400px;
background-color:#FFFFFF;
border: 2px solid #FF9700;
padding: 3px;
margin-bottom: 5px;
}
#cadre_titre_rouge {
width:410px;
height:26px;
background-image:url(images/jour.gif);
background-position: top;
background-repeat:no-repeat;
}
#cadre_rouge {
font-size: 0.9em;
width:400px;
background-color:white;
border: 2px solid #E5E5EC;
border-top: 0px;
padding: 3px;
margin-bottom: 5px;
}
#colonne_accueil {
float: left;
width: 455px;
margin-top: 10px;
margin-bottom: 0px;
text-align:justify;
}
#colonne_login {
float: right;
width: 355px;
margin-top: 10px;
margin-bottom: 0px;
}
#confirmation {
font-size: 1.2em;
font-weight: bold;
text-align:center;
color:#FF0000;
background-color:#FFFFFF;
/*border: 3px solid #FF0000;*/
width: 810px;
padding: 5px;
}

/*======================================== MENU =================================*/

dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
background-color:#BB0000;
}
#menu {
position: absolute;
top: 134px;
right: 150px;
width: 100%;
float: right;
font-size: 0.9em;
}
#menu dl {
float: right;
width: 9em;
margin: 0px 1px 0px 0px;
}
#menu dt {
background-image:url(images/arond.gif);
background-position: bottom left;
background-repeat:no-repeat;
cursor: pointer;
text-align: center;
font-weight: bold;
color: #FFFFFF;
padding: 0.5em;
}
#menu dd {
display:none;
border: 1px solid #CCCCCC;
}
#menu li {
text-align: center;
background: #BB0000;
border: 1px solid #CCCCCC;
padding: 0.5em 0px 0.5em 0px;
font-weight: bold;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
color: #FFBF00;
}

/*======================================== STYLE =================================*/
/*.bouton_orange a{color:#FFFFFF; background-color: #FF9700; font-size: 1.2em; font-weight: bold; padding: 2px; text-decoration:none; margin-right: 5px;}
.bouton_orange a:hover {color: #FFFFFF; background-color: #000000;}
*/
.lien_rouge a{color: #000000; font-size: 1.2em; font-weight: bold; padding: 2px; text-decoration:none;}
.lien_rouge a:hover {color: #BB0000;}
/*
#bouton a {
display:block;
color: #000000;
height:25px;
background-image:url(images/bouton.gif);
background-position: 0px -30px;
background-repeat:no-repeat;
text-decoration: none;
text-align: left;
font-size: 17px;;
font-weight: bold;
padding: 4px 0px 0px 30px;
}
#bouton a:hover {
color: #BB0000;
background-position: 0px 0px;
}*/
#bouton_riffs a {
display:block;
height:40px;
width:120px;
background-image:url(images/bouton_riffs.gif);
background-position: 0px -40px;
background-repeat:no-repeat;
text-decoration: none;
}
#bouton_riffs a:hover {
background-position: 0px 0px;
}
#bouton_songs a {
display:block;
height:40px;
width:130px;
background-image:url(images/bouton_songs.gif);
background-position: 0px -40px;
background-repeat:no-repeat;
text-decoration: none;
}
#bouton_songs a:hover {
background-position: 0px -0px;
}
#bouton_demo a {
display:block;
height:58px;
width:112px;
background-image:url(images/bouton_demo.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
#bouton_demo a:hover {
background-position: 0px -58px;
}
#chapitre a {
display:block;
height:80px;
width:400px;
color:#000000;
background-color:#FFFFFF;
text-decoration:none;
}
#chapitre a:hover {
color:#000000;
background-color: #F2F2F2;
}
#chapitre_ok a {
display:block;
height:80px;
width:400px;
color:#FFFFFF;
background-color: #E2E2E2;
text-decoration:none;
}
.form-submit {
font-size:11px;
font-weight: bold;
color:#FFFFFF;
background-image:url(images/submit.gif);
background-repeat:repeat-x;
border: 0px;
padding: 2px;
text-align:center;
cursor: pointer;
}
.form-submit2 {
font-size:11px;
font-weight: bold;
color:#FFFFFF;
background-image:url(images/submit_2.gif);
background-repeat:repeat-x;
border: 0px;
padding: 2px;
text-align:center;
cursor: pointer;
}
.td_rouge {
color:#FFFFFF;
background-color:#BB0000;
}
#picto a {
float:left;
margin:3px 0px 3px 6px;
text-decoration: none; /* définition du lien qui affichera le "calque" */
}
#picto a:hover {
background: none; /* correction d'un bug IE */
}
#picto a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
#picto a:hover span { /* définition de la balise <span> au survol */
display: block;
position: absolute;
/*top: 0px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
margin-top:-200px;
margin-left: -150px;
* margin-top:-100px;
* margin-left: -250px;
width: 204px;
height: 154px;
/*border: 2px solid #FF9700;
background-color:#FFFFFF;*/
}
h1 {
font-size:1.25em;
margin-top: 2px;
margin-bottom: 2px
}

h2 {
font-size:1em;
text-align:center;
margin-bottom: 0px
}

.titre_rouge {
color: #BB0000;
font-weight: bold;
}

a img {
border:none;
}

hr {color: #000000; height: 2px; border:2px dotted;}
* > hr {color: #000000; height: 1px; border:1px dotted;}