/* ----------------------------------------------- Design delacrose-photos.com ----------------------------------------------- */

body
{
   margin: auto;
   margin-top: 10px;
   background-image: url(images/design/fond1.gif);
   background-repeat: repeat-xy;
   background-color: #666666; 
}

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

	/* Index */
	
#entree
{
   width: auto;
   height: 138px;
   margin: 0 auto ;
   margin-top: 200px;
   position: relative;
   background-color: #3c3c3c;
}

#entree .illustrations
{
   width: 688px;
   height: 49px;
   margin: 0 auto ;
   background-image: url(images/site_contenu/illustrations.jpg);
   background-repeat: no-repeat;
   background-color: #3c3c3c;
}

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

	/* Menu */
	
#menu
{
   width: 900px;
   height: 45px;
   margin: 0 auto ;
   position: relative;
   background-color: #252525;
   padding-left: 10px;
}

a.home
{
   display: block;
   width: 86px;
   height: 43px;
   float: right;  
   background-image: url(images/menu/home.jpg);
   background-repeat: no-repeat;
}

/*

ˆ rajouter pour faire des boutons survolŽs

a.homeactif
{
   display: block;
   width: 86px;
   height: 43px;
   float: right;   
   background-image: url(images/menu/home_ac.jpg);
   background-repeat: no-repeat;
}
a.home:hover
{
background-image: url(images/menu/home_ro.jpg);
}

*/

a.news
{
   display: block;
   width: 86px;
   height: 43px;
   float: right;  
   background-image: url(images/menu/news.jpg);
   background-repeat: no-repeat;
}

a.bio
{
   display: block;
   width: 86px;
   height: 43px;
   float: right;  
   background-image: url(images/menu/bio.jpg);
   background-repeat: no-repeat;
}

a.liens
{
   display: block;
   width: 86px;
   height: 43px;
   float: right;  
   background-image: url(images/menu/liens.jpg);
   background-repeat: no-repeat;
}

a.contact
{
   display: block;
   width: 86px;
   height: 43px;
   float: right;  
   background-image: url(images/menu/contact.jpg);
   background-repeat: no-repeat;
}

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

	/* lang switcher + champ rechercher */
	
#lscr
{
	width: 900px;
	height: 22px;
	margin: 0 auto;
	background-color:  #252525;
	color: #ffffff;
	padding: 5px;
}

.rechercher
{
   display: block;
   width: 300px;
   height: 22px;
   background-color: #252525;
   float:left;
}

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

	/* Accès direct photos */

#photos
{
	width: 900px;
	height: 280px;
	margin: 0 auto;
	background-color:  #252525;
	color: #ffffff;
	padding: 5px;
}

a.portfolio
{
   display: block;
   width: 300px;
   height: 280px;
   background-image: url(images/galeries/portfolio.jpg);
   background-repeat: no-repeat;
   float:left;
}

a.galeries
{
   display: block;
   width: 300px;
   height: 280px;
   background-image: url(images/galeries/galeries.jpg);
   background-repeat: no-repeat;
   float:left;
}

a.reportages
{
   display: block;
   width: 300px;
   height: 280px;
   background-image: url(images/galeries/reportages.jpg);
   background-repeat: no-repeat;
   float:left;
}

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

	/* Header */
	
#header
{
	width: 900px;
	height:100px;
	margin: 0 auto ;
	color: #909090;
	background-color: #3d3c3c;
	padding-left:15%;
	padding: 5px;
}

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

	/* Le corps de la page */

#corps
{
	width: 900px ;
	margin: 0 auto ;
	color: #909090;
	background-color: #252525;
	padding: 5px;
	font: 12px "Tahoma", "Arial", "Arial Black", "Times New Roman", "Times, serif"; 
}

#corps .centre
{
   width: 600px;
   color: #909090;
   background-color: #252525;
   font: 12px "Tahoma", "Arial", "Arial Black", "Times New Roman", "Times, serif";
   margin-left:30%;
   margin-top: 5px;
   padding-left: 10px 
}

#corps .centre .galeries
{
   width: auto;
   height: auto;
   margin-top: 5px;
   margin-bottom: 5px;
}

#corps .centre .galeries1
{
   float: left;
   width: 50%;
   height: auto;
   margin-top: 5px;
   margin-bottom: 5px;
}

#corps .centre .galeries2
{
   float: right;
   width: 50%;
   height: auto;
   margin-top: 5px;
   margin-bottom: 5px;
}

#corps .gauche
{
   width: 250px;
   background-color:  #252525;
   float:left;
   margin-top: 5px;
   margin-left:5px;
   padding-left: 13px 
}

#corps .gauche .boutique
{
	width: 220px;
	padding-bottom: 10px;
	background: url(images/menu_lateral/milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}

#corps .gauche .parutions
{
	width: 220px;
	padding-bottom: 10px;
	background: white url(images/menu_lateral/milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}

#corps .gauche .livredor
{
	width: 220px;
	padding-bottom: 10px;
	background: white url(images/menu_lateral/milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}


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

	/* Le pied de page */

#footer 
{
	margin: 0 auto;
	background-color: #1e1e1e;
	clear: both;
	color: #D1D1D1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


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

/* Pop-up */

.popup
{
   width: 300px;
   height: 300px;
   color: #ffffff;
   background-color: #252525;
   text-align: center;
   padding: 5px;
   font: 12px "Tahoma", "Arial", "Arial Black", "Times New Roman", "Times, serif"; 
}

.popup1
{
   width: 400px;
   height: 700px;
   padding: 5px;
   color: #ffffff;
   background-color: #444f55;
   font-family: Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;  
}