body {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-color: #F4F4F4;
background-image:url(http://www.cameratabs.com/ressources/body2.jpg);
background-position: top;
background-repeat: repeat-x;
}
body a {
color:#0000FF;
text-decoration:none;
}
body a:hover {
text-decoration:underline;
}
#conteneur {
width: 990px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-position: top;
background-repeat: repeat-x;
}
#header {
color:#FFFFFF;
height: 154px;
background-image:url(http://www.cameratabs.com/ressources_multi/header2.jpg);
background-repeat:no-repeat;
}
#header a {
color:#FFFFFF;
font-size:11px;
text-decoration:underline;
}
#connexion {
height: 30px;
padding-top:2px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:11px;
background-image:url(../ressources/connexion.jpg);
background-repeat: repeat-x;
}
#connexion a {
color:#000000;
text-decoration: underline;
}
#connexion a:hover {
color:#000000;
text-decoration:none;
}
#haut1 {
height: 84px;
background-image:url(../ressources/haut-play.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
}
#haut2 {
height: 34px;
background-color:#F4F4F4;
font-size:12px;
}
#haut2 ul{
margin:0px;
padding: 0px;
}
#haut2 li{
display:inline-block;
width:96px;
height:30px;
text-align:center;
padding-top:10px;
}
#haut2 li a{
color:#000000;
text-decoration:none;
}
#haut2 li a:hover{
font-weight:bold;
}
.choix {
background-image:url(../ressources/onglet-play.png);
background-position:0px 0px;
background-repeat:no-repeat;
color:#FFFFFF;
margin-top:5px;
}
#haut3 {
height: 20px;
background-image:url(../ressources/ombre-haut3-play.jpg);
background-repeat:repeat-x;
}
#centre {
}
#centre a {
color:#990000;
text-decoration:underline;
}
#conteneur_centre {
display:table;
}
#droite {
float:right;
width: 190px;
background-color:#FFFFFF;
padding-bottom:10px;
}
#pied {
position:relative;
width: auto;
clear:both;
color:#FFFFFF;
background-color:#666666;
background-image:url(../ressources/pied.jpg);
background-position: top left;
background-repeat:repeat-x;
font-size:0.9em;
text-align:center;
}
#pied a {
color: #FFFFFF;
text-decoration:underline;
}
#pied a:hover {
color: #FFFFFF;
text-decoration: none;
}
#conteneur_pied {
width: 990px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
font-size:11px;
text-align:left;
}
#alerte {
color:#FF0000;
border:2px solid #FF0000;
text-align:center;
margin:5px;
padding:5px;
}
/*======================================== COLONNE =================================*/
#colonne_G {
display:block;
float:left;
width: 370px;
/*border:1px solid black;*/
}
#colonne_D {
display:block;
float:left;
width: 370px;
margin-left:20px;
/*border:1px solid black;*/

}
#colonne_C {
float: left;
width: 815px;
margin-top: 10px;
margin-bottom: 5px;
}
#colonne_D2 {
float: right;
width: 345px;
}
#cadre_orange {
/*font-size: 1.1em;*/
width:400px;
background-color:#FFFFFF;
border: 2px solid #FF9700;
padding: 3px;
margin-bottom: 5px;
}
#cadre_titre_rouge {
width:395px;
height:26px;
/*background-image:url(http://www.cameratabs.com/css/images/jour.gif);
background-position: top;
background-repeat:no-repeat;*/
}
#cadre_rouge {
font-size: 0.9em;
width:350px;
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 {
height:39px;
background-image:url(../ressources/fond-menu-index1.jpg);
background-repeat:repeat-x;
border-right:1px solid #999999;
}
#menu a {
color:#000000;
text-decoration:none;
}
#menu ul {
float:left;
margin:9px 0px 0px 30px;
padding:0px;
}
#menu li {
font-size:18px;
display:block;
float:left;
margin-right:30px;
}
/*#menu dl {
float: right;
width: 9em;
margin: 0px 1px 0px 0px;
}
#menu dt {
background-image:url(http://www.cameratabs.com/css/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(http://www.cameratabs.com/css/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(http://www.cameratabs.com/css/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(http://www.cameratabs.com/css/images/bouton_songs.gif);
background-position: 0px -40px;
background-repeat:no-repeat;
text-decoration: none;
}
#bouton_songs a:hover {
background-position: 0px -0px;
}
#bouton_playlist a {
display:block;
height:38px;
width:65px;
background-image:url(http://www.cameratabs.com/css/images/bouton_playlist.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
#bouton_playlist a:hover {
background-position: 0px -38px;
}
#bouton_demo a {
display:block;
height:39px;
width:75px;
background-image:url(http://www.cameratabs.com/css/images/bouton_demo.gif);
background-position: 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
#bouton_demo a:hover {
background-position: 0px -39px;
}
#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;
}
.form-submit3 {
font-size:11px;
font-weight: bold;
background: transparent;
border: 0px;
padding: 2px;
cursor: pointer;
}
.td_rouge {
color:#FFFFFF;
background-color:#BB0000;
}
#picto {
float:left;
}
#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.4em;
margin:0px;
padding:0px;
}

h2 {
font-size:1.3em;
margin:0px;
padding: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;}

input[type=text] {
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#666666;
border:2px solid #666666;
width:120px;
}

input[type=password] {
color:#666666;
border:2px solid #666666;
width:120px;
}

select {
color:#666666;
border:2px solid #666666;
}

textarea {
color:#666666;
border:1px solid #666666;
}