/*Feuille de Style : police.css*/
/**/
/*--------------------------------------------------*/
/*           Dimension Ecran 1024x768               */
/*--------------------------------------------------*/
/*Start*/
/*Boite Ecran*/
#screendim { 
position: absolute;
top: 0px;
left: 0px;
width: 800px;
z-index: 1;
}
/*End*/
/*--------------------------------------------------*/

/*---------------------------------------------------*/
/*                      Entete                       */
/*         Partie Boite Entete calque niveau 1       */
/*---------------------------------------------------*/
/*Start*/ 
/*Boite Entete*/                
#entete {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 75px;
z-index: 0;
background: none;
}
/*Texte entetegauche*/
.entetegauche {
position: absolute;
top: 10px;
left: 3px;
width: 221px;
height: 75px;
z-index: 2;
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: normal;
font-size: x-small;
color: black;
text-align: center;
padding-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
/* h1 entete1*/
.entete1 {
position: absolute;
top: 0px;
left: 221px;
width: 579px;
height: 25px;
z-index: 2;
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: bold;
font-size: x-large;
color: #6699cc;
text-align: center;
padding: 0;
margin: 0;
}
/*Titre h2 entete2*/
.entete2 {
position: absolute;
top: 25px;
left: 221px;
width: 579px;
height: 50px;
z-index: 2;
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: bold;
font-style: italic;
font-size: x-large;
color: #6699cc;
text-align: center;
padding: 0;
margin: 0;
}
/*Liens Entete*/
.linkentete {
font-weight: bold;
text-decoration: none;
color: #6699cc;
}
.linkentete:visited {
font-weight: bold;
text-decoration: none;
color: #6699cc;
}
.linkentete:hover {
font-weight: bold;
text-decoration: none;
color: #660033;
}
/*End*/
/*--------------------------------------------------*/




/*--------------------------------------------------*/
/*                      Menu                        */
/*         Partie Bouton Menu calque niveau 1       */
/*--------------------------------------------------*/
/*Start*/
/*Boite Fond Menu calque niveau 0*/
#fondmenu {
position: absolute;
top: 75px;
left: 0px;
width: 221px;
height: 521px;
margin: 0;
padding: 0;
z-index: 0;
background-image: url(../gif/menu.png);
background-repeat: no-repeat;
}

/*Boite Menu calque niveau 1*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
z-index: 2;
}
#menu {
position: absolute;
top: 200px;
left: 85px;
width: 110px;
height: 100px;
}

#menu dt {
cursor: pointer;
background: #660033;
height: 1.5em;
line-height: 20px;
border: none;
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: bold;
font-size: large;
text-align: left;
vertical-align: middle;
padding-left: 5px;
margin-bottom: 10px;
}

#menu dd {
position: absolute;
z-index: 100;
left: 110px;
margin-top: -35px;
width: 90px;
background: #8e004e;
border: none;
}

#menu ul {
padding: 2px;
}
#menu li {
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: bold;
font-size: small;
text-align: left;
height: 18px;
}
#menu li a, #menu dt a {
color: #ffffcc;
text-decoration: none;
display: block;
}

#menu dt a:hover, #menu li a:hover  {
text-decoration: none;
color: #cac0d4;
}

#menu dt a:visited {
text-decoration: none;
color: #cac0d4;
}
/*End*/
/*--------------------------------------------------*/
/*---------------------------------------------------*/
/*                  Bandeau Pellicule                */
/*         Partie Boite Bandeau calque niveau 1      */
/*---------------------------------------------------*/
/*Start*/
/*Boite Bandeau Pellicule*/
#bandeau {
position: absolute;
top: 75px;
left: 210px;
width: 590px;
height: 227px;
z-index: 1;
background-image: url(../gif/pellicule.gif);
background-repeat: no-repeat;
}
/*Liste Bandeau*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuhaut {
position: absolute;
top: 7px;
left: 61px;
margin: 0;
padding: 0;
z-index:1;
width:100%;
}
#menuhaut dl {
float: left;
height: 38px;
width: 60px;
margin: 0 1px;
padding: 0;
}
#menuhaut dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: none;
border: none;
margin: 0;
padding: 0;
}
#menuhaut dd {
border: none;
margin: 0;
padding: 0;
}
#menuhaut li {
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: bold;
font-size: small;
height: 2em;
width: 62px;
text-align: center;
color: #ffffcc;
background: #b3ccff;
margin-bottom: 0;
padding-bottom: 0;
}
#menuhaut li a {
color: #ffffcc;
text-decoration: none;
display: block;
height: 100%;
border: 1px solid #660033;
}
#menuhaut dt a {
color: #ffffcc;
text-decoration: none;
display: block;
height: 100%;
border: none;
margin: 0;
padding: 0;
}
#menuhaut li a:hover, #menuhaut dt a:hover {
background: none;
color: #660033;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

/*End*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*                      Zone Texte                  */
/*         Partie Zone Texte calque niveau 2        */
/*--------------------------------------------------*/
/*Start*/
/*Boite Fond Menu calque niveau 2*/
#texte {
position: absolute;
float: right;
padding: 0;
margin: 0;
margin-left: 25px;
top: 185px;
left: 221px;
width: 579px;
height: 100%;
z-index: 2;
}
/*Police generale*/
.comic {
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: normal;
font-size: small;
color: black;
text-align: center;
}
/*Police generale*/
.comic2 {
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: normal;
font-size: small;
color: black;
}
/*Boite Visuel pour la page Commandes*/
#visuel {
position: relative;
padding: 0;
margin: 0;
top: 20px;
left: 5px;
}
/*Boite PlayList*/
#playlist {
position: relative;
left: 45px;
width: 660px;
height: 1200px;
background-color: #eed;
text-align: justify;
border: 1px solid #660033;
margin: 0;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
z-index: 3;
}
/*Titre PlayList*/
.comic3 {
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: bold;
font-size: small;
color: #660033;
text-align: justify;
}
/*Boite Musique*/
#musique {
position: relative;
top: 10px;
left: 45px;
height: 600px;
width: 300px;
margin: 0;
padding: 0;
z-index: 3;
}
/*Boite MusicOff*/
#musicOff {
position: relative;
top: 10px;
left: 45px;
height: 10px;
width: 300px;
margin: 0;
padding: 0;
z-index: 3;
}
/*Definition de la forme du formulaire*/
#form {
width: 110px;
height: 500px;
border: 0;
margin: 0;
padding: 0;
overflow: no;
}
/*Couleur de fond de la selection*/
#choix {
background-color: #eed;
font-family: "Comic Sans MS", verdana, sans-serif;
font-size: small;
}
.optgroup {
font-family: "Comic Sans MS", verdana, sans-serif;
font-size: small;
font-weight: bold;
color: #660033;
width: 260px;
}
/*test pour les options*/
.option {
font-family: "Comic Sans MS", verdana, sans-serif;
color: black;
font-weight: normal;
}
/*bouton play*/
.play {
position: absolute;
width: 20px;
height: 20px;
top: 253px;
left: 402px;
float: right;
background-image: url(../gif/play.gif);
background-repeat: no-repeat;
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
}
/*bouton stop*/
.stop {
position: absolute;
width: 20px;
height: 20px;
top: 277px;
left: 452px;
float: right;
background-image: url(../gif/stop.gif);
background-repeat: no-repeat;
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
}
/*Tableau Fond Agenda*/
#fond {
position: relative;
left: 45px;
text-align: center;
margin: 0;
padding: 0; 
background-color: #eed;
border: 0;
width: 540px;
font-family: "Comic Sans MS", verdana, sans-serif;
}
#agenda {
margin: 0;
padding: 0; 
background-color: #eed;
border: 0;
width: 500px;
font-family: "Comic Sans MS", verdana, sans-serif;
}
/*Definition du masque des mois*/
.masque {
visibility: hidden;
height: 0px;
}
/*Definition de la ligne des mois*/
.mois {
height: 30px;
background-color: white;
color: red;
font-size: large;
text-align: center;
}
.sepmois {
height: 30px;
font-size: large;
}
/*Definition de la ligne de soulignement des mois*/
.ligne {
height: 3px;
background-color: red;
}
.sepligne {
height: 3px;
}
/*Definition des cellules taches*/
.tache {
height: 150px;
background-color: white;
color: #145ffb;
font-size: small;
text-align: center;
}
.septache {
height: 150px;
}
/*Definition ligne coin*/
.coin {
height: 38px;
background-image: url(../gif/coin.gif);
background-repeat: no-repeat;
}
.sepcoin {
height: 38px;
}
/*Definition ligne separation*/
.sep {
height: 10px;
}
/*End*/
/*--------------------------------------------------*/


/*--------------------------------------------------*/
/*                    Pied de page                  */
/*         Partie Pied de page calque niveau 3      */
/*--------------------------------------------------*/
/*Start*/
/*Boite Numero CNIL calque niveau 3*/
#cnil { 
position: absolute;
top: 560px;
left: 0px;
width: 221px;
height: 16px;
z-index: 3;
padding: 0;
margin: 0;
}
/*Police Numero CNIL*/
.fontcnil {
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: xx-small;
color: black;
text-align: center;
}
/*End*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*                    Elements Annexes              */
/*                 Partie Elements annexes          */
/*--------------------------------------------------*/
/*Start*/
/*Emplacement Bouton France*/
#france {
position: absolute;
top: 65px;
left: 71px;
width: 18px;
height: 18px;
z-index: 2;
}
/*Emplacement Texte France*/
#france2 {
position: absolute;
top: 85px;
left:60px;
width: 38px;
height: 20px;
z-index: 2;
text-align: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
/*Emplacement Bouton Anglais*/
#english {
position: absolute;
top: 65px;
left: 135px;
width: 18px;
height: 18px;
z-index: 2;
}
/*Emplacement Texte France*/
#english2 {
position: absolute;
top: 85px;
left:125px;
width: 38px;
height: 20px;
z-index: 2;
text-align: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
/*Police Webmaster*/
.webmaster { 
font-family: "Comic Sans MS", verdana, sans-serif;
font-weight: bold;
font-size: xx-small;
text-align: center;
}
/*Liens Webmaster*/
.linkwebmaster {
font-weight: bold;
text-decoration: none;
color: #ffffcc;
}
.linkwebmaster:visited {
font-weight: bold;
text-decoration: none;
color: #ffffcc;
}
.linkwebmaster:hover {
font-weight: bold;
text-decoration: none;
color: #660033;
}
/*Emplacement Pied de page*/
#piedpage {
position: relative;
top: 100px;
left: 40px;
width: 500px;
height: 240px;
z-index: 3;
font-family: "Comic Sans MS", verdana, sans-serif;
font-size: xx-small;
color: #6699cc;
text-align: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 25px;
margin-right: 0;
}
/*Liens Pied de page*/
.linkpiedpage {
text-decoration: none;
color: #6699cc;
z-index: 3;
}
.linkpiedpage:visited {
text-decoration: none;
color: #6699cc;
z-index: 3;
}
.linkpiedpage:hover {
text-decoration: none;
color: #660033;
z-index: 3;
}
/*Icones de stat + validation W3C + liens calque niveau 3*/
#phpmyvisites { 
position: relative;
top: 0px;
left: 400px;
width: 88px;
height: 31px;
z-index: 3;
border: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
#w3validiconXHTML { 
position: relative;
top: 0px;
left: 50px;
width: 88px;
height: 31px;
z-index: 3;
border: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
#w3validiconCSS { 
position: relative;
top: 0px;
left: 50px;
width: 88px;
height: 31px;
z-index: 3;
border: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
#alsacreation { 
position: relative;
top: 0px;
left: 100px;
width: 88px;
height: 31px;
z-index: 3;
border: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
/*End*/
/*test affichage pochette des cd*/
div#testpochetteCD
{
	width: 410px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_minibis
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_minibis li
{
	float: left ;
}

ul#galerie_minibis li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photobis
{
	clear: both ;
	margin: 0 auto ;
}

dl#photobis dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photobis dd
{
	margin: 0 ;
}

dl#photobis img
{
	border: 1px solid #dcb ;
}

/*--------------------------------------------------*/