/********************************************/
/*           FEUILLE DE STYLES              */
/********************************************/



body {
	
	/*background: #33322F;*/
	font-family: Baskerville;
	/*font: 1em "Trebuchet MS",Arial,sans-serif ; */
	background-repeat:repeat-x;
	background-position:top;
	background-image:url(../images/background.png);
	background-color: #b4975b;
 	margin: 0;
	 padding: 0;
}

fieldset {
position : relative;
width : 60%;

margin-right: auto;
margin-left: auto;
}

fieldset table {

margin-right : auto;
margin-left :auto;

}


#header {

	width : 100%;
	
	height : 155px;
	
	background: white ;
	
	background-position:center top;
	background-image:url(../images/header3.png);
	background-repeat:repeat-x;
}


#footer {
position : absolute;
background: #201E1C ; 
height : 35px;
width : 100%;
 color: #B3AB9E ;
text-align : center;
padding-top : 5px;
margin-top : 40px;

bottom : 0px;
}
#footer a{


 color: #B3AB9E ;

text-decoration:none;
}

#footer div {
text-align : right;
margin-top : -20px;
margin-right : 25px;
}



#baniere {

	width : 100%;
	
	height : 155px;
	
	
	
	background-position:center top;
	background-image:url(../images/bandeau4.png);
	background-repeat:no-repeat;
}

#cadre {
	background-position:left top;
	background-image:url(../images/cadre_accueil.jpg);
	background-repeat:no-repeat;

}

#statue {

	background-position:right top;
	background-image:url(../images/statue_accueil.jpg);
	background-repeat:no-repeat;
	height :  225px;
}

.center{
	text-align: center;
	}
.justifie {
	text-align: justify;
}
img {
	border :none;
}

.align-left {
	text-align : left;
}
.align-right {
	text-align : right;
}

.italic {
     font-style: italic ;
}
.presentation {
	margin-left : 190px;
	

}

.citation_accueil {
	
	margin-right : 80px;
	margin-left : 50px;
	text-align: right;
}

ul {
	margin-left : 10px;
    list-style: disc url(../images/puce.gif);
   }

.contact_text{
position : relative;

	margin-right : 380px;
	
}
.contact_text ul{


	margin-left : -10px;
	
}
.contact_photo{
position : absolute;

margin-right : 10px;
top : 20px;
right : 20px;
	
}
.contact ul {
	padding-top : 50px;
}
.index li {
	margin-left : 80px;

}
/********************************************/
/*                   Menu                   */
/********************************************/


#navigation li { 
    float: left ; 
  	width: 150px ; 
	height: 35px;
	list-style:none;
	display: block ;
	border-right : 1px solid black;

}


#navigation li a{ 

 	display: block ; 
    height: 35px;
   	color: #B3AB9E ; 
	text-decoration:none;
    text-align: center ; 
	

	list-style:none;

} 

#navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
   
	background: #b4975a ; 
	color : black;
	background-position:left center;
	background-image:url(../images/puce_menu.jpg);
	background-repeat:no-repeat;

}

#navigation { 
   
    height: 35px;
   	margin-right : auto;
	margin-left : auto;
    color: #B3AB9E ; 
    background: #201E1C ; 
	border-left : 1px solid black;
	border-right : 1px solid black;
}

#fond_gauche {
	position : absolute;
	left : -51px;
	height : 100%;
	width : 51px;
	background: url(../images/bg_left-side.png) left top repeat-y;

}

#fond_droite {
	position : absolute;
	right : -51px;
	height : 100%;
	width : 51px;
	background: url(../images/bg_right-side.png) right top repeat-y;

}


/********************************************/
/*             Bloc contenu                 */
/********************************************/

.page {
	width: 80%;
	max-width : 1030px;
	min-width : 800px;
	
	margin :0 auto;
	
	position : relative;
	top: -21px;
	/*background: url(../images/bg_side.png) center top repeat-y;*/
}

.box_content {

	margin :0 auto;
	min-height: 660px;
	background: #FFFFF0;
    padding-bottom : 70px;

}
.box_content p, .box_content h1,.box_content ul{
	padding-left : 70px;
        padding-right : 70px;
		text-indent : 30px;
}
.realisation_photos{
	text-align:center;

}
.realisation_photos img{
	
	
	padding : 5px;

}










.menu_realisation a:hover,.menu_realisation a:active{

	background-image: url(../images/icone.jpg);
	background-position:right;
	background-repeat:no-repeat
}


.menu_realisation a{
	
	color: #B3AB9E ;  
	text-decoration:none;
	display: block ;
	margin-left : 15px;
	
}
.menu_realisation div{
	
	color: #b4975a ; 
	text-decoration:none;
    background :black;
	display: block ;
	width:200px;
	border-top : 1px solid black;
	border-bottom : 1px solid black;
	text-align:center;
         
}
.menu_realisation {
    float:left;
	
	background :#201E1C;
	width:200px;
	min-height: 690px;
	height:100%;
	text-decoration:none;

}


.realisation_texte {
	position : relative;

	margin-right:50px;
	margin-left:200px;
	background:#FFFFF0;
	color : black;
 
}



#presentation01 {
position: absolute;
top : 30px;
right: -15px;
}
#presentation02 {
position: absolute;
top : 380px;
right: 80px;
}

#presentation03 {
position: absolute;
top : 100px;
left: 30px;
}


/********************************************/
/*                   Map                   */
/********************************************/
#map {	
	position : relative;
	border: 1px solid black;
	width: 800px; 
	height: 400px;
	margin-left: auto;
	margin-right:auto; 
	margin-top: 30px;
}

/********************************************/
/*                  Lightbox                */
/********************************************/
/*--------- Lightbox -----------*/
#lightbox{
    /*background-color:white;
    padding: 10px;
    border : 2px solid #666;
    */
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ display : none; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(http://lordutemps.net/images/lightbox/overlay.png); }
/*
* html #overlay{ /*Hack IE 
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://lordutemps.net/images/lightbox/overlay.png", sizingMethod="scale");
}*/
/*-------- fin lightbox -------*/





body #filter
{
	display: none;
	position : absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	
	background-image: url(http://lordutemps.net/images/lightbox/overlay.png);
	
}
/*
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
*/


#box 
{
	display: none;
	position: absolute;
	top: 20%;
	left: 20%;
	width: 500px;
	height: 250px;
	padding: 48px;
	margin:0;
	border: 1px solid black;
	background-color: #FFFFF0;
	z-index:101;
	
}

#boxtitle
{
	position:absolute;
	
	top:0;
	left:0;
	width:100%;
	height:35px;
	padding:0;
	padding-top:4px;
	background : #201E1C;;
	color :#B3AB9E;
	margin:0;
	border-bottom:4px solid #b4975a;
	
	text-align:center;
	
}