/* CSS Document */

body{
width: 800px;
	height: 1150px;
	min-width:800px;
	min-height:1150px;
background-color: #FFFFFF !important;
background-color: #FFFFFF;
color:  #000000;
font-family: Geneva, Arial, Helvetica, sans-serifHelvetica, sans-serif;
font-size:100%;
direction:ltr;
padding:1% 15% 5% 15%;
text-align:left;
height: 100%;
position:absolute;


}




/* Zoulikha Bouabdellah */
p{
color: #ff0000;
font: bold 150% Capitals, Geneva, Arial, Helvetica, Helvetica, sans-serif;
font-variant:small-caps;
text-transform:uppercase;
 }


p1{
color: #6699CC;
font: bold 150% Capitals, Geneva, Arial, Helvetica, Helvetica, sans-serif;
font-variant:small-caps;
text-transform:uppercase;
 }

/* Artiste couleur gris */
p2{
color:#d50303;
font: bold 110% Capitals, Geneva, Arial, Helvetica, Helvetica, sans-serif;
font-variant:small-caps;
text-transform:uppercase;
}

p3{
color: #ff0084;
font: bold 150% Capitals, Geneva, Arial, Helvetica, Helvetica, sans-serif;
font-variant:small-caps;
text-transform:uppercase;
}

p4{
color: #ff0084;
font: bold 150% Capitals, Geneva, Arial, Helvetica, Helvetica, sans-serif;
font-variant:small-caps;
text-transform:uppercase;
}



p{
color: #ff0000;
font: bold 150% Capitals, Geneva, Arial, Helvetica, Helvetica, sans-serif;
font-variant:small-caps;
text-transform:uppercase;
 }


p5{
color: #6699CC;
font: bold 100% Geneva, Arial, Helvetica, Helvetica, sans-serif;

 }

/* Artiste couleur gris */
p6{
color:#6600ff;
font: bold 100% Geneva, Arial, Helvetica, Helvetica, sans-serif;

}

p7{
color: #d50303;
font: bold 100% Geneva, Arial, Helvetica, Helvetica, sans-serif;

}

p8{
color: #ff0084;
font: bold 100% Geneva, Arial, Helvetica, Helvetica, sans-serif;

}




h1{
color:   #ff0000;
font: 100% Geneva, Arial, Helvetica, sans-serifHelvetica, sans-serif;
font-variant:small-caps;
text-align:right;
}

h2{
color:  #d50303;
font:80% Geneva, Arial, Helvetica, sans-serifHelvetica, sans-serif;
text-align:justify;
}


h3{
color:   #ff0000;
font: 70% Geneva, Arial, Helvetica, sans-serifHelvetica, sans-serif;
font-variant:small-caps;
text-align:right;
}

div {
	text-align:center;
}
	
div#menu {
	float:left;
	width:800px;
	height:50px;
	top: 5px;
	
}

.hovermenu ul{
font: bold 100% Capitals,  Arial, Helvetica, sans-serifHelvetica, sans-serif;
padding-left: 0;
margin-left: 0;
text-align:left;
}

.hovermenu ul li{
list-style: none;
display: inline;

}

.hovermenu ul li a{
text-decoration: none;
color:#d50303;
}

.hovermenu ul li a:hover{
color:#FF0000;
font: bold 100% Capitals, Geneva, Arial, Helvetica, sans-serifHelvetica, sans-serif;

}

html>body .hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
border-style: none;
}



/* En tête */
 
/* Zoulikha Bouabdellah couleur violet */

div#bandeau {
	float:left;
	width: 800px;
	height: 300px;
	min-width:800px;
	min-height:300px;
	text-align:left;
	position:absolute;
	top: 54px;
}
	






/* Milieu */
div#contenu {
float:left;
	width: 800px;
	height: 800px;
	min-width:800px;
	position:relative;
	min-height: 100%;
	top: 60px;
	text-align:justify;
	
}

div#colonne1 { 
display: table-cell;

  
    width: 265px; 
	height: 200px;
	top: 100px;
    background: #d2d2d2; 
}
div#colonne2 { 
display: table-cell; 
   
    width: 265px; 
	height: 200px;
	top: 100px;
    background: #ff0084; 
}

div#colonne3 { 
display: table-cell; 
   
    width: 265px; 
	top: 100px;
    background: #6699CC;  
}


div#colonne4 { 
display: table-cell; 
width: 450px; 
top: 100px;
		
    background: #d2d2d2; 
}

div1 {  

   
    width: 250px; 
	top: 1px;
	 background: #ffffff;
	text-align:left;
	font-size:80%;
	margin-top: 0px;
	position:absolute;
	margin-left: 450px;
	

}



div#colonne5 { 
display: table-cell; 
   
    width: 800px; 
	
	
   
}

div#colonne6 {
	display: table-cell;
	position:absolute;
	width:122px;
	height: 186px;
	left: 674px;
	top: 198px;
}


a {color: #6699CC; text-decoration:none;}
a:visited {color:#ff0084; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#adadad; text-decoration:none;}

introhomepage




.slideshow {
	width: 800px;
	height: 800px;
	overflow:hidden;
	border:5px solid #99CC00;
}
.slideshow > ul {
	margin: 0;
	padding: 0;
}
.slideshow > ul > li {
	display:inline;
	margin:0px;
	padding:0px;
	
	margin-right: -1px;
}
.slideshow > ul > li > div {
  display: none;
  text-decoration: none;
  float:left;
}
.slideshow > ul > li > div > p {

  text-align:center;
  padding:10px 0px 0px 0px;
  margin:0px;
  
}
.slideshow > ul > li > div > a > img {
	border:2px solid #FFFFFF;
	width:400px;
}
.slideshow  > ul > li > img {
	border:2px solid #FFFFFF;
	margin:0px;
	padding:0px;
	width:130px;
	height:110px;
}
/* Shows slides when mouse pointer is over a thumbnail image */
.slideshow > ul > li:hover > div {
	display: block;
}
/* Highlights the thumbnail image when mouse pointer is over it */
.slideshow > ul > li:hover > img {
	border-color:#FF6600;
}








.aide 
 {cursor:pointer;
 }



/* Bas */
div#piedpage {
	width: 800px;
	height: 50px;
	font-size:50%;
	position:fixed;
	bottom: 0;
	vertical-align: left; 
	display: inline;
	 }