@charset "UTF-8";
/* CSS Document */



body {
	background-color: #3b342e;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/fd-site-pin.gif);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
}

#page {
width:830px;
margin-left : auto ;
    margin-right : auto ;

		}
		
#top {
width:830px;


}

#centre {
width:830px;

}

#texte_centre {
width:270px;
 float:right;

}

#texte_article {
width:650px;
color:#FFFFFF;
 height:auto;
  margin:5px;
}

#centreHome {
width:830px;
height:620px;
}

.flash {
z-index:4;
color:#FFFFFF;
width:152px;
height:440px;
float:right;
overflow:hidden;

}
 
.photo {
z-index:1;
color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreHome .bas{
z-index:2;
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}

/* Article */

#centreArticle {
width:830px;
background-color:#1e160f;
background-image:url(../images/fond_article.jpg);
background-position:right;
}
 
#centreArticle .photo {

color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreArticle .miniatures {

color:#FFFFFF;
width:152px;
height:440px;
float:right;
margin-left : auto ;
margin-right : auto ;
overflow:hidden;
}

#centreArticle .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}

.bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}













/* Article13 */

#centreArticle13 {
width:830px;
background-color:#1e160f;
background-image:url(../images/fond_article3.jpg);
background-position:right;
}


#centreArticle13 .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}



/* Article11 */

#centreArticle11 {
width:830px;
background-color:#1e160f;
background-image:url(../images/fond_article11.jpg);
background-position:right;
}


#centreArticle11 .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}

/* Article9*/

#centreArticle9 {
width:830px;
background-color:#1e160f;
background-image:url(../images/fond_article9.jpg);
background-position:right;
}


#centreArticle9 .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}






/* le LOGIS */

#centreLogis {
width:830px;
background-color:#6f5872;
}
 
#centreLogis  .photo {
color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreLogis .miniatures {
color:#FFFFFF;
width:152px;
height:440px;
float:right;
margin-left : auto ;
margin-right : auto ;
background-image:url(../images/fd_photo_yourcenar.jpg);
overflow:hidden;
}



#centreLogis .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}



/* victor Hugo */

#centreVhugo {
width:830px;
background-color:#6f5872;
}
 
#centreVhugo .photo {
color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreVhugo .miniatures {
color:#FFFFFF;
width:152px;
height:440px;
float:right;
margin-left : auto ;
margin-right : auto ;
background-image:url(../images/fd_photo_hugo.jpg);
overflow:hidden;
}
#centreVhugo .spip_documents img { border: 3px solid #FFFFFF; }


#centreVhugo  .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}


/* Proust */

#centreProust {
width:830px;
background-color:#323e56;
}
 
#centreProust .photo {
color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreProust .miniatures {
color:#FFFFFF;
width:152px;
height:440px;
float:right;
margin-left : auto ;
margin-right : auto ;
background-image:url(../images/fd_photo_proust.jpg);
overflow:hidden;
}

#centreProust .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}

/* Sand */



#centreSand {
width:830px;
background-color:#efab54;
}
 
#centreSand .photo {
color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreSand .miniatures {
color:#FFFFFF;
width:152px;
height:440px;
float:right;
margin-left : auto ;
margin-right : auto ;
background-image:url(../images/fd_photo_sand.jpg);
overflow:hidden;
}

#centreSand .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}

/* pierre loti */



#centreLoti {
width:830px;
background-color:#420f13;
}
 
#centreLoti .photo {
color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreLoti .miniatures {
color:#FFFFFF;
width:152px;
height:440px;
float:right;
margin-left : auto ;
margin-right : auto ;
background-image:url(../images/fd_photo_loti.jpg);
overflow:hidden;
}

#centreLoti .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}

/* yourcenar */



#centreYourcenar {
width:830px;
background-color:#efab54;
}
 
#centreYourcenar .photo {
color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreYourcenar .miniatures {
color:#FFFFFF;
width:152px;
height:440px;
float:right;
margin-left : auto ;
margin-right : auto ;
background-image:url(../images/fd_photo_yourcenar.jpg);
overflow:hidden;
}

#centreYourcenar .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}


/* yourcenar */



#centreLogis {
width:830px;
background-color:#ffcc99;
}
 
#centreLogis  .photo {
color:#FFFFFF;
width:678px;
height:440px;
float:left;
}
#centreLogis  .miniatures {
color:#FFFFFF;
width:152px;
height:440px;
float:right;
margin-left : auto ;
margin-right : auto ;
}

#centreLogis  .bas{
clear:both;
width:830px;
height:90px;
color:#FFFFFF;
background-color:#272727 ;
}










/* Gallerie*/






div#galerie
{
	width: auto ;
	/* background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ; */
}



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

ul#galerie_mini img
{
border: 3px solid #FFFFFF ; 
}


ul#galerie_mini li
{
	margin:0px;
	padding:0px;
}

ul#galerie_mini li a img
{
	/*margin: 2px 1px ;*/
	border: 3px solid #FFFFFF ; 
}

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

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

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 4px solid #FFFFFF ;
}
