/*
Style CSS "Djulh Website"
le 05/06/07
fait par Guih
*/

/*Debut "body"*/
body {
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
	font-size: 0.9em;
	font-style: normal;
	color: #ccccff;
	margin-top: 20px;
	background-color: #000000;
	width: 760px;
	height: 100%;

}
/*Fin "body"*/

/*couleur lien */
A:link {
font-family:"Century Gothic", "Courier New", "Comic Sans MS", serif;
color:#FFFFFF;
font-size:0.9em;
} 
A:visited {
	color:#FFFFFF;
	font-size:0.9em;
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
} 
A:active {
	color:#FFFF00;
	font-size: 0.9em;
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
} 
A:hover {
	color:#FFFF00;
	text-decoration:none;
	font-size: 0.9em;
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
}
/*fin couleur lien*/

#p1fresh {
	position: absolute;
	height: 118px;
	width: 118px;
	background-image: url(images/p1/p1_fresh.gif);
	top: 215px;
	left: 20px;
	border: 1px solid #CCCCCC;
}
#c100prc {
	background-image: url(images/p1/100prc.gif);
	position: absolute;
	height: 50px;
	width: 118px;
	left: 20px;
	top: 335px;
	border: 1px solid #CCCCCC;
	z-index: 2;
	visibility: visible;
}
/*Debut conteneur*/
#Conteneur {
	background-color: #000000;
	width: 750px;
	position: absolute;
	left: 20%;
} /* Fin conteneur */
#Actu {
	width: 600px;
	top: 635px;
	position: absolute;
	height: 26px;
	background-image: url(images/barre%20titre.png);
	font-family: "Times New Roman", Times, serif;
	color: #FFFF00;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	left: 75px;
}
#Actu_Tabl {
	width: 600px;
	position: absolute;
	font-family: "Century Gothic", "Courier New";
	font-size: 0.8em;
	color: #6699FF;
	top: 670px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 250px;
	overflow:auto;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	left: 75px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.Actu_tab {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#Imagerotator {
	height: 400px;
	width: 700px;
	left: 24px;
	top: 209px;
	position: absolute;
	border: 1px solid #FFFFCC;
	overflow: hidden;
}
#Imagerotator p {
	margin-left: 0px;
	padding-left: 0px;
}
#Logo {
	position: absolute;
	top: 962px;
	width: 133px;
	height: 132px;
	right: 44px;
}
#piedpage {
	height: 25px;
	width: 720px;
	top: 1064px;
	position: static;
	left: 13px;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.7em;
	color: #CCCCCC;
}

#lecteur {
	left: 220px;
	top: 961px;
	position: absolute;
	width: 310px;
	height: 112px;
}
/* Début Couleur des scroll */
SCROLLL {
scrollbar-face-color: #CCCCFF; 
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #DDDFEE; 
scrollbar-arrow-color: #000000;
}
/* Fin Couleur des scroll */
#Contp1 {
	position: absolute;
	height: 153px;
	width: 600px;
	left: 10%;
	top: 216px;
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
	font-size: 0.9em;
	color: #ccccff;
	vertical-align: middle;
	text-align: justify;
	padding-top: 25px;
}
#horaire {
	background-image: url(images/p1/banniere_horaire.gif);
	position: absolute;
	height: 60px;
	width: 468px;
	top: 100px;
	z-index: 20;
	left: 66px;
}

#p1bor {
	position: absolute;
	height: 35px;
	width: 200px;
	top: 452px;
	left: 119px;
}
#p1vert {
	position: absolute;
	height: 35px;
	width: 200px;
	top: 450px;
	right: 120px;
}
#Actu_int {
	height: 30px;
	width: 577px;
	left: 20px;
	position: absolute;
	top: 189px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/* logo podcqst */
#logopod {
	position: absolute;
	height: 203px;
	width: 221px;
	background-repeat: no-repeat;
	background-position: center;
	top: 540px;
	left: 7%;
	background-color: #000000;
}
#Logop1 {
	position: absolute;
	top: 962px;
	left: 44px;
	width: 133px;
	height: 132px
	}
#poddis {
	position: absolute;
	height: 200px;
	width: 420px;
	top: 540px;
	left: 309px;
	overflow: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#poddis a{
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
}
#poddis a:hover{
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
	font-size: 1em;
	color: #FFFF00;
}
#poddis p{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 0.9em;
	letter-spacing: 0.2em;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 25px;
}
#poddis span{
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
	font-size: 0.7em;
	color: #FF0000;
	font-weight: bold;
}
#fresh {
	height: 500px;
	width: 600px;
	background-color: #FFFFFF;
	position: absolute;
	left: 10%;
	top: 402px;
	background-image: url(images/tour.jpg);
	z-index: 1;
	 /* ces propriétés permettent l'effet de transparence sur la plupart des navigateurs
                cependant, si un navigateur ne les prend pas en compte, ils n'auront aucun effet mais le menu restera lisible
                
                opacity: 0.7;
                filter: alpha(opacity:50);
                -khtml-opacity: 0.7;
                -moz-opacity: 0.7;*/
}
#flash1 .flash {
	background-color: #FFFFFF;
	margin-top: -75px;
}
#flash1 {
	left: 90px;
	position: absolute;
	height: 210px;
	width: 420px;
	overflow: hidden;
	top: 235px;
	z-index: 5;
}
.popup{
	position: absolute;
	left: 305px;
	top: 1080px;
	margin: 0px;
	padding: 0px;
}
.popup p{
	padding-left:0px;
	padding-right: 0px;
	margin-left: 0px;
}
/*.newsfond{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}*/
/*ul  /*Ma liste aura des puces avec une image perso 
{
   list-style-image: url(images/news.gif);
  
}*/
.em2{
	color: #5A99FF;
	font-size: 1.1em;
	font-weight: bold;
}
.retrait
{
   list-style-position: inside;
   text-align: justify;
   width: 560px;
}
.dispo
{
	right: 100px;
	position: absolute;
	color: #FFFF00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
	top: 500px;
}
.bordure {
	border-bottom-width: 1px;
	border-bottom-style: outset;
	border-bottom-color: #FFFF00;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	
}
.bord {
	background-repeat: repeat-y;
	background-position: center;
}
.H1 {
	color: #FFFF00;
	font-family: "Century Gothic", "Courier New", "Comic Sans MS", serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
}
.H2 {
	font-size: 0.7em;
	text-align: left;
	margin-left: 5px;
}
.H3 {
	font-size: 0.7em;
	text-align: center;
	margin-left: 95px;
}
.H4 {
	font-size: 0.7em;
	margin-left: 113px;
	overflow: hidden;
}
.news {
	font-size: 1.5em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	left: 70px;
	margin-top: 1px;
	padding-top: 1px;
	padding-left: 60px;
}
.bas {
	background-color: #000000;
	background-repeat: no-repeat;
	text-align: left;
}
.fresh {
	display:block;
	background-attachment: fixed;
	background-image: url(images/playlist.png);
	background-repeat: no-repeat;
	background-position: 200px center;
}
p {
	padding-left:10px;
	padding-right: 5px;
	margin-left: 10px;
}
.retrait2
{
	list-style-position: inside;
	width: 650px;
	padding-left: 40px;
	margin-left: 10px;
	z-index: 20;

}
* {margin: 0; padding: 0;}
.xiti {
	text-align: center;
}