/* Copyright Loïc FEDOSSEN et Alain GREZANLE- Rock and Salsa  # Tous droits réservés # */

body {
background-color : #cccccc;
color : #000000;
font-family : Verdana, Arial, serif;
font-size : 100%;
width : 975px;
height : 590px;
margin: auto;
}
img {
margin : 0;
padding : 0;
}
a img {
border : 0 none;
}
ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
a {
color : #404040;
text-decoration : none;
font-weight : bold;
}
a:hover {
color : #000000;
font-weight : bold;
}
h1 {
text-align : center;
margin : 0;
}
p {
text-align : justify;
margin : 0;
padding : 5px;
}
h1, h2, h3 {
margin : 0;
padding : 0;
}
div.clear {
clear : both;
}
div#contenu6 {
width : 975px;
height : 20px;
color : #ffffff;
font-size : 80%;
text-align:right;
float : left;
}
div#contenu6 a{
color : #ffffff;
font-size : 90%;
text-decoration : underline;
text-align:right;
}div#contenu6 a:hover{
color : #000000;
font-size : 90%;
text-decoration : underline;
text-align:right;
}
div#contenu1 {
width : 175px;
height : 60px;
float : left;
}
div#contenu3 {
width : 800px;
height : 60px;
float : left;
}
div.titre {
color : #FFFFFF;
font-size : 245%;
width : 800px;
height : 60px;
float : left;
}
div#contenu0_2 {
background-color : #cccccc;
width : 975px;
height : 520px;
float : left;
}
div#contenu0_2_deroulant {
background-color : #cccccc;
width : 975px;
height :auto;
float : left;
}
div#contenu0_3 {
background-color : #cccccc;
width : 975px;
height : 20px;
float : left;
}
div#contenu2 {
width : 175px;
height : 470px;
float : left;
padding-top : 40px;
}
div#contenu2_deroulant {
width : 175px;
height : auto;
float : left;
padding-top : 40px;
}
div#contenu4 {
width : 800px;
height : 520px;
float : left;
}
div#contenu4_deroulant {
width : 800px;
height : auto;
float : left;
}
div#contenu5 {
width : 975px;
height : 20px;
float : left;
}
div.menu ul {
color : #000000;
font-size : 90%;
margin : 0 0 0 5px;
padding : 1ex 1em;
list-style : none;
}
div.menu ul a {
display : block;
padding : 2px 4px;
text-decoration : none;
border-bottom : 2px solid #cccccc;
background : #ffffff;
background-position : left;
}
div.col_violet a:hover {
background : #663366;
text-decoration : none;
}
div.col_bleu a:hover {
background : #6666cc;
text-decoration : none;
}
div.col_rouge a:hover {
background : #ff6666;
text-decoration : none;
}
div.col_vert a:hover {
background : #339966;
text-decoration : none;
}
div.col_jaune a:hover {
background : #ffff33;
text-decoration : none;
}
div#contenu4_1_violet {
background-image : url("images/design/violet.png");
width : 800px;
height : 50px;
float : left;
}
div#contenu4_1_bleu {
background-image : url("images/design/bleu.png");
width : 800px;
height : 50px;
float : left;
}
div#contenu4_1_jaune {
background-image : url("images/design/jaune.png");
width : 800px;
height : 50px;
float : left;
}
div#contenu4_1_vert {
background-image : url("images/design/vert.png");
width : 800px;
height : 50px;
float : left;
}
div#contenu4_1_rouge {
background-image : url("images/design/rouge.png");
width : 800px;
height : 50px;
float : left;
}
div.cote_ecran {
width : 38px;
height : 310px;
float : left;
}
div.cote_ecran_deroulant {
width : 38px;
height : auto;
float : left;
}
div.marquee_blanc{
color : ffffff;
}
div#contenu4_2_violet {
background-image : url("images/design/violet.png");
width : 800px;
height : 310px;
float : left;
}
div#contenu4_2_bleu {
background-image : url("images/design/bleu.png");
width : 800px;
height : 310px;
float : left;
}
div#contenu4_2_jaune {
background-image : url("images/design/jaune.png");
width : 800px;
height : 310px;
float : left;
}
div#contenu4_2_vert {
background-image : url("images/design/vert.png");
width : 800px;
height : 310px;
float : left;
}
div#contenu4_2_rouge {
background-image : url("images/design/rouge.png");
width : 800px;
height : 310px;
float : left;
}
div.ecran {
background-color : #ffffff;
width : 724px;
height : 310px;
float : left;
font-size : 90%;
}
div.ecran em {
color : #800080;
font-weight : bold;
}
div.ecran centrage {
text-align: center
}
div.ecran_deroulant {
background-color : #ffffff;
width : 724px;
height : auto;
float : left;
font-size : 90%;
}
div.ecran_deroulant em {
color : #800080;
font-weight : bold;
}
div.ecran_deroulant centrage {
text-align: center
}
div.footer {
color : #ffffff;
font-size : 80%;
float : left;
}
div.footer a {
color : #ffffff;
font-size : 90%;
text-decoration : underline;
}
div.footer a:hover {
color : #000000;
font-size : 90%;
text-decoration : underline;
}
div.footer em{
color : #cccccc;
font-size : 60%;
float : left;
}
div.sous_menu {
width : 800px;
height : 50px;
font-weight : bold;
padding-left : 10px;
padding-top : 10px;
padding-bottom : 40px;
width : auto;
height : auto;
font-size : 100%;
font-weight : bold;
float : left;
}
div.sous_menu a {
color : #000000;
}
div.sous_menu a:hover {
color : #000000;
text-decoration : underline;
}
div#contenu4_3_blanc {
width : 800px;
height : 165px;
background-color : #FFFFFF;
float : left;
}
div#contenu4_3_noir {
width : 800px;
height : 165px;
background-color : #000000;
float : left;
}
div#contenu4_3_violet1 {
background-image : url("images/design/1b_ecran_violet.png");
background-repeat : no-repeat;
width : 40px;
height : 165px;
float : left;
}
div#contenu4_3_violet2 {
background-image : url("images/design/2b_ecran_violet.png");
background-repeat : no-repeat;
width : 760px;
height : 165px;
float : right;
}
div#contenu4_3_bleu1 {
background-image : url("images/design/1b_ecran_bleu.png");
background-repeat : no-repeat;
width : 40px;
height : 165px;
float : left;
}
div#contenu4_3_bleu2 {
background-image : url("images/design/2b_ecran_bleu.png");
background-repeat : no-repeat;
width : 760px;
height : 165px;
float : right;
}
div#contenu4_3_jaune1 {
background-image : url("images/design/1b_ecran_jaune.png");
background-repeat : no-repeat;
width : 40px;
height : 165px;
float : left;
}
div#contenu4_3_jaune2 {
background-image : url("images/design/2b_ecran_jaune.png");
background-repeat : no-repeat;
width : 760px;
height : 165px;
float : right;
}
div#contenu4_3_vert1 {
background-image : url("images/design/1b_ecran_vert.png");
background-repeat : no-repeat;
width : 40px;
height : 165px;
float : left;
}
div#contenu4_3_vert2 {
background-image : url("images/design/2b_ecran_vert.png");
background-repeat : no-repeat;
width : 760px;
height : 165px;
float : right;
}
div#contenu4_3_rouge1 {
background-image : url("images/design/1b_ecran_rouge.png");
background-repeat : no-repeat;
width : 40px;
height : 165px;
float : left;
}
div#contenu4_3_rouge2 {
background-image : url("images/design/2b_ecran_rouge.png");
background-repeat : no-repeat;
width : 760px;
height : 165px;
float : right;
}
div.puce {
display : inline;
background-image : url("images/design/puce.png");
background-repeat : no-repeat;
padding-left : 30px;
padding-bottom : 26px;
margin-right : 5px;
}
div.precedent {
display : inline;
background-image : url("images/design/precedent.png");
background-repeat : no-repeat;
padding-left : 30px;
padding-bottom : 26px;
margin-right : 5px;
}
/*div.tableau_bord_1 table {
font-family : Verdana;
font-size : 80%;
color : #303030;
border-collapse : collapse;
border : 4px outset black;
width : 650px;
margin : auto;
}
div.tableau_bord_1 th {
border : 2px solid black;
text-align : center;
padding : 3px;
font-size : 100%;
}
div.tableau_bord_1 td {
border : 2px solid black;
text-align : center;
padding : 3px;
font-size : 90%;
}
div.tableau_bord_1 h1 {
width : 700px;
font-family : Verdana;
color : #ff0000;
font-size : 15px;
}
div.tableau_bord_horaires table {
font-family : Verdana;
font-size : 100%;
color : #303030;
border-collapse : collapse;
border : 4px outset black;
width : 725px;
margin : auto;
}
div.tableau_bord_horaires tr {
border : 2px solid black;
text-align : center;
padding : 3px;
font-size : 90%;
width : 700px;
}
div.tableau_bord_horaires td {
border : 1px solid black;
text-align : center;
padding : 3px;
font-size : 100%;
width : 115px;
}
div.tableau_bord_horaires h1 {
font-size : 80%;
color : #000000;
font-weight : bold;
}
div.tableau_bord_horaires h2 {
font-size : 80%;
color : #800080;
font-weight : normal;
}
div.tableau_bord_horaires h2 a {
color : #800080;
font-weight : normal;
}
div.tableau_bord_2 table {
font-family : Verdana, "Times New Roman", serif;
font-size : 90%;
color : #303030;
border-collapse : collapse;
border : 0 outset black;
width : auto;
margin : auto;
float : none;
}
div.tableau_bord_2 th {
color : #000000;
border : 0 solid black;
text-align : center;
padding : 5px;
font-size : 100%;
}
div.tableau_bord_2 td {
border : 0 solid black;
text-align : center;
padding : 5px;
font-size : 90%;
}
div.tableau_bord_2 a {
color : #303030;
font-size : 90%;
}
div.tableau_bord_2 a:hover {
color : #ff0000;
font-size : 90%;
}
div.tableau_bord_galerie table {
border-collapse : collapse;
border : 0 outset black;
width : 600px;
margin : auto;
float : none;
}
div.tableau_bord_galerie td {
border : 0 solid black;
text-align : left;
padding : 3px;
font-size : 100%;
}
div.tableau_bord_galerie th {
border : 0 solid black;
text-align : left;
width : 300px;
padding : 3px;
font-size : 100%;
}*/
.important {
color : red;
}
div.colonne1 {
padding-top : 10px;
float : left;
width : 350px;
height : auto;
}
div.colonne2 {
padding-top : 10px;
float : right;
width : 350px;
height : auto;
}
div.colonne1_salle {
padding-top : 10px;
float : left;
width : 250px;
height : 50px;
}
div.colonne2_salle {
padding-top : 10px;
float : left;
width : 400px;
height : auto;
}
div.sous_titre {
height : 20px;
float : left;
padding-top : 1px;
padding-bottom : 7px;
color : #800080;
font-weight : bold;
}
div.sous_titre h1 {
width : 724px;
font-size : 150%;
}
div.sous_titre h2 {
width : 350px;
font-size : 140%;
}
div.encadre {
display : block;
background-color : #ffffff;
width : 724px;
height : 310px;
overflow : auto;
overflow-x : auto;
overflow-y : auto;
float : left;
}
div.encadre em {
font-size : 95%;
color : #800080;
font-weight : bold;
}
div.encadre p {
font-size : 80%;
}
a.lecture {
position : relative;
background-image : url("images/design/bouton_play_a.png");
background-repeat : no-repeat;
width : 20px;
height : 20px;
float : left;
}
a.lecture:hover {
background-image : url("images/design/bouton_play_active.png");
background-repeat : no-repeat;
}
div.lecteurs {
display : block;
background-color : #cccccc;
width : 220px;
height : 20px;
font-size : 90%;
}
div.lecteurs a {
text-decoration : underline;
color : #303030;
}
div.lecteurs a:hover {
text-decoration : underline;
color : #ff0000;
}