/* ------------------------------------------------------------------------------------
 *
 *             Style CSS pour le chant des fuseaux
 *
 *             PAGE D'ACCUEIL
 *
 *             Dominique DOISNE   (Idoine Production (c))
 *
 *             Version 1.00
 *
 *             Mars Avril 2013  - Novembre 2013
 * 
 * --------------------------------------------------------------------------------------- 

*/
#container_principal
{
  background-image: url("../images/site/bgAccueil.jpg"); 

 }

 #complement
{
	 font-style: italic;
}


#titre
{
   font-size: 120%;
   text-align: justify;
   min-height: 10px;
   font-weight: bold;
   padding-bottom: 10px;   
   line-height: 30px;
 
}

#Stitre
{	 
	display: block;
	color:#004954;
	margin-left: 500px;

}
#photosBoutique 
{
	display: block;
	width: 400px;
	height: 200px;
	
	margin-top: -200px;
	margin-left: 500px;
	
	padding-left: 20px;
	
}

#photoKit
{

   margin-top: -120px;
   margin-left:520px;
   
}

#photoDVD1
{


   margin-top: -120px;
   margin-left:650px;
}

#photoDVD2
{

   margin-top: -138px;
   margin-left:800px;
}

#PhotoLivretCours
{
   margin-top: -100px;
   margin-left:800px;
}



#PhotoAllegre
{
   
   margin-top: -160px;
   margin-left:550px;
}

#PhotoAllegre2
{
  display: block;
   margin-top: 10px;
   margin-left:130px;
}


#PhotoFonteline
{
  
   margin-top: 5px;
   margin-left:200px;
   padding-bottom: 10px;
   padding-top: 10px;
}


.PhotoStage
{
   float: left;
   margin-left: 255px;


}
.Bloc1
{
   display: block;
   width: 600px;

}

#slides 
{
   float: right;
   border: solid #aec1c8 6px;
   width: 200px;
   height: 140px;
  z-index: 100;
}



.slides_container
{
	width:200px;                        
	overflow:hidden;
	position:relative;
	display:none;
        
      
      
}

.slides_container a {
	width:200px;
	height:140px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides1 .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:800px;
}
.pagination {
   	float: right;
        margin-top:15px;
	width:180px;
	left:980px;
	z-index:1000;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	
	background-image:url(../images/site/pageNoir.png);
	background-position:0 0;
	float:right;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}