/*------------------- CSS LOU33.COM -----------------------*/
/*------------------- Copyright AG CREATIONS ------------------------*/

* {margin: 0;padding:0;border: 0;}
html, body {margin:0;padding:0;text-align: center;}
.hide {	display: none;}
img {border:0;}

a {color:#4F1E0F; font-weight:bold; text-decoration:none;}
a:hover {color:#4F1E0F; font-weight:bold; text-decoration: underline;}

strong{color:#4F1E0F; font-weight:bold; font-size:13px;}
h2{font-weight:bold; font-size:12px; text-align:center; margin-bottom:10px;}

.gallery_thumb h2, .gallery_thumb h1{
 color:#4F1E0F; 
 font-weight:bold; 
 font-size:13px;
 text-align: center;
}
.gallery_thumb h2{
 text-align: left;
 padding: 15px 0 0 0;
}

body{
	font-family: Verdana, Helvetica, sans-serif; font-size:11px;
	text-align:center;
	background :#150c0d ;
	padding:30px 0 0 0 ;
}	

.conteneur{
	position:relative;
    width:1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


#background_wrapper{
  background:#150c0d url("../gfx/background.jpg") center top no-repeat;
  height:560px;
  width:1000px;
  float: left;
}

#banniere {
position:relative;
width:1000px;
height:72px;
}

#contenu {
float:left;
width:930px;
height:auto;
padding-left:70px;
}

#cadre {
float:left;

min-height:400px;
width:850px;
border: 1px #fff solid;
}

#logo1{
	position:absolute;
	margin-top:0px;
	margin-left:746px;
	width:122px;
	height:72px;
	background : url('../gfx/logo_lou2.gif') no-repeat;	
}

#logo1 a{
display: block; width: 100%;height : 100%;
background: url('../gfx/logo_lou1.gif') no-repeat;	
}
#logo1 a:hover {background: transparent none;
}


/*menu-----------------------------------------------
-----------------------------------------------------*/
#menu li ul{ visibility:hidden; list-style: none; }
#menu li{  list-style: none; }

#menu{float:left; width:170px; min-height:400px; }

#accueil{
	position:absolute;
	width:122px;
	height:72px;
	background : url('../gfx/logo2_lou1.jpg') no-repeat;	
}
#accueil a{
display: block; width: 100%;height : 100%;
background: url('../gfx/logo2_lou2.jpg') no-repeat;	
}
#accueil a:hover {background: transparent none; }

#bio{
	position:absolute;
	margin-top:91px;
	width:122px;
	height:72px;
	background : url('../gfx/bio2.jpg') no-repeat;	
}
#bio a{
display: block; width: 100%;height : 100%;
background: url('../gfx/bio1.jpg') no-repeat;	
}
#bio a:hover {background: transparent none; }

#pierre{
	position:absolute;
	margin-top:150px;
	width:122px;
	height:72px;
	background : url('../gfx/pierre2.jpg') no-repeat;	
}

#pierre a{
display: block; width: 100%;height : 100%;
background: url('../gfx/pierre1.jpg') no-repeat;	
}
#pierre a:hover {background: transparent none;}

#peinture{
	position:absolute;
	margin-top:207px;
	width:122px;
	height:72px;
	background : url('../gfx/peinture2.jpg') no-repeat;	
}

#peinture a{
display: block; width: 100%;height : 100%;
background: url('../gfx/peinture1.jpg') no-repeat;	
}
#peinture a:hover {background: transparent none;}

#livre{
	position:absolute;
	margin-top:265px;
	width:122px;
	height:72px;
	background : url('../gfx/livre2.jpg') no-repeat;	
}

#livre a{
display: block; width: 100%;height : 100%;
background: url('../gfx/livre1.jpg') no-repeat;	
}
#livre a:hover {background: transparent none;}


#contact{
	position:absolute;
	margin-top:324px;
	width:122px;
	height:72px;
	background : url('../gfx/contact2.jpg') no-repeat;	
}

#contact a{
display: block; width: 100%;height : 100%;
background: url('../gfx/contact1.jpg') no-repeat;	
}
#contact a:hover {background: transparent none;}

/*gauche-----------------------------------------------*/
#gauche {
float:left;
width:410px;
min-height:400px;
}

#zone1{width:395px;height:40px;background-color:#484B49;margin:15px 0 0 0px; position:relative;left:15px;}
#zone2{width:375px;min-height:290px;background-color:#ECE7E2;margin:0 0 0 0px;padding:10px;position:relative;left:15px;}
#zone3{width:395px;height:20px;background-color:#484B49;margin:0 0 15px 0;clear:both;position:relative;left:15px;}
#zone3 a{color:#FFF; font-size:10px; font-weight:bold;}

/*centre-----------------------------------------------*/
#centre {
float:left;
width:265px;
height:400px;
overflow:auto;
margin: 0; padding: 0;
}
/*formulaire contact et envoie livre d'or------------------*/
input, textarea {
background-color:#484b49;
color: #FFF;
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif !important;
font-size: 12px;
}

input:focus, textarea:focus {
background-color: #150c0d;
border-color: #4F1E0F;
}

textarea {
width: 370px;
height: 60px;
}
.envoyer {font-size:12px; font-weight:bold; color:#FFFFFF;}

/*livre d'or-----------------------------------------------*/

.liste_commentaires dl{  padding: 25px 0 0 0;}
.livre {margin-bottom:10px;}

.commentaire_texte{background-color:#BF9E84;color:#52291B;}
.commentaire_posteur{padding: 0 0 15px 0;}
.commentaire_posteur em{
  padding: 0 30px 0 4px;
  color: #52291B; text-decoration:none;
  float: left; font-size:10px; font-style:normal;
}
.commentaire_posteur span{
  float: right;font-size:10px;
  font-style: normal; color:#999999; 
}
.commentaire_texte p{ padding: 5px;}


p.precedent{float:left; width:180px;padding:0; padding:2px 0 0 15px;background: url("../gfx/flecheg.gif") left no-repeat;color :#000;}
p.suivant{float:right; width:180px;text-align:right;padding:2px 15px 0 0 ; background: url("../gfx/fleched.gif") right no-repeat;}


/* Galerie */
.gallery_thumb{
  float: left;
  background: #ECE7E2;
}
.gallery_thumb dl{
  float: left;
  width: 120px; height: 120px;  
  text-align: center;
}
.gallery_thumb p{
  padding: 5px 0 0 0;
}
.gallery_thumb dl a{
  font-weight: bold;
}

#photos_oeuvre{
  text-align: center;
  padding: 20px 0 0 0;
}
#photos_oeuvre img{
  border: 4px solid #1E1E20;
  margin: 10px;
}

#photo_zoom{
 clear: both;
  position: absolute;
  top: 30px;
  width: 100%;
  text-align: center;  
}
#photo_zoom img{
  border: 8px solid #ECE7E2;
  z-index: 800000;
}

/*Footer-----------------------------------------------
-----------------------------------------------------*/
#footer{
float:left;
height:50px;
width:1000px;
color:#ffffff; font-weight:bold;
font-size: 10px;
}

#footer1{position:absolute;padding:5px 0 0 0;}
#footer2{position:absolute;margin-left:710px;padding-top:5px;}
#footer2 a {color:#fff;text-decoration:none;font-weight :bold;}
#footer2 a:hover{color:#fff;font-weight :bold;text-decoration:underline}