body
{
   background-color:#474747;
   color:white;
   font-family: "Trebuchet MS",Arial, "Arial Black", "Times New Roman", Times, serif;
}

a
{
 color: #dddddd;
 text-decoration:none;
 font-style:italic;
 }
 
a:hover
{
 color: #999999;
 text-decoration:none;
 font-style:italic;
 }
 
.top
{
	background-image:url("images/top.gif");
	background-repeat:no-repeat;
	width:874px;
	height:28px;
	margin:auto;
	margin-top:30px;
	text-align:center;
}
 
.middle
{
	background-image:url("images/middle.gif");
	background-repeat:repeat-y;
	width:874px;
	height:40px;
	margin:0 auto;
	_margin-top:-2px;
	padding:0 0 0 0px;
	color:black;
}

.middle_small
{
	background-image:url("images/middle.gif");
	background-repeat:repeat-y;
	width:874px;
	height:15px;
	margin:0 auto;
	_margin-top:-2px;
	padding:0 0 0 0px;
	color:black;
}

.inside_top
{
	background-image:url("images/inside_top.gif");
	background-repeat:no-repeat;
	width:874px;
	height:22px;
	margin:auto;
	text-align:center;
}

.inside_middle
{
	background-image:url("images/inside_middle.gif");
	background-repeat:repeat-y;
	width:874px;
	margin:auto;
	_margin-top:-2px;
	padding:0;
	color:white;
	text-align:center;
}

.inside_bottom
{
	background-image:url("images/inside_bottom.gif");
	background-repeat:no-repeat;
	width:874px;
	height:22px;
	margin:auto;
	text-align:center;
} 
 
.bottom
{
	background-image:url("images/bottom.gif");
	background-repeat:no-repeat;
	width:874px;
	height:30px;
	margin:auto;
	text-align:center;
} 


#tabnav{
	margin:auto;
	padding-left:50px;
	line-height: 40px;
}

#tabnav li{
	margin: 0;
    padding: 0;
    display: inline;

}

#tabnav li a{
    display: block;
    float: left;
    height: 40px;
    width: 150px;
    text-decoration: none;
    text-align: center;
    background:#ffce71 url(images/tab.gif);
    padding: 0;
	margin-right:10px;
	color:white;
	font-size:20px;
	font-style:normal;
}

#tabnav a:hover{
    background:#000 url(images/tab.gif) 0 -40px;
    padding: 0;
}

body#index li.tab1 a , body#news li.tab2 a, body#photos li.tab3 a, body#infos li.tab4 a {
    background:#000 url(images/tab.gif) 0 -40px;
    padding: 0;
}

.photo_accueil img
{
margin-top:50px;
margin-bottom:50px;
background: black;
}


h2
{
font-size:20px;
margin:0px;
color:#a3c9e3;
clear:both;
}


#FOOTER
{
  padding: 5px;
  font-size: x-small;
  text-align: center;
  color: #777777;
   }
   
#FOOTER img
{
border:none;
}
   
.vignette a
{
display:block;
height:100px;
width:100px;
background: black;
border: white solid 2px;
}   

.vignette a:hover
{
border:2px solid #ff9966;
background: black;
}

.vignette img
{
border:none;
}

.vignettes table
{
margin:auto; 
margin-top:20px;
border-collapse: collapse; 
}

.vignettes td
{
   border: 0px;
   padding: 5px;
}

.formulaire
{
color:white;
margin:auto;
width:600px;
text-align:center; 
}
.confirmation
{
clear:left;
text-align:center; 
color:white;
}

.confirmation p
{
margin:0;
}

#Conteneur
{
padding:5px;
margin:auto;
text-align:center;
}

.vig a
{
font-style:normal;
color : #ffce71;
display:inline;
}

.vig a:hover
{
font-style:normal;
color : white;
display:inline;
}

.nav a
{
color:#999999;
display:inline;
}

.nav a:hover
{
color:white;
display:inline;
}

.photo img
{
background: black;
border:none;
}

.infos
{
margin-left:80px;
border:0px solid white;
padding:10px;
text-align:left;
}

.infos h3
{
margin-top:5px;
}

.commentaire
{
margin:auto;
margin-top:10px;
margin-bottom:10px;
font-size:small;
border:1px solid white;
width:500px;
padding:10px;
background-color:#333333;
}

.commentaire p
{
margin:10px;
}
.commentaire h3
{
margin:10px;
}
.commentaire em
{
margin:auto;
text-align:center;
}

.imageflottante
{	
margin:10px;
border:none;
float:left;
}

.imageflottanted
{	
margin:10px;
border:none;
float:right;
}

.imageflottante2
{
padding-right:80px;
border:none;
float:left;
}
.imageflottante3
{
padding-right:10px;
border:none;
}
.imageflottante img
{
border: none;
}
.imageflottante a
{	
display:block;
height:100px;
width:100px;
border: white solid 4px;
}
.imageflottante a:hover
{	
border: #cccccc solid 4px;
}


.EXIFS table
{
background-color:#000;
margin-left:20px;
margin-right:80px;
border-collapse: collapse; 
margin-top:10px;
font-size:small;
color:#999;
text-align:left;
}

.spacer
{
clear:both;
}

.rediger_commentaire
{
margin:auto;
width:520px;
text-decoration:none;
text-align:center;
}

.rediger_commentaire p
{
margin:0;
}

.pouet
{
visibility:hidden;
}

.com strong
{
font-size:small;
color:white;
text-align:left;
text-indent:10px;
font-weight:bold;

}
.com a
{
font-size:small;
color:white;
text-align:left;
text-indent:10px;
font-weight:bold;
}

.com a:hover
{
color:#999999;
}

.com 
{
text-align:justify;
}

.com em
{
color:#ffce71;
}

.signature
{
text-align:right;
}

#menuflottantgauche
{
margin:auto;
width:700px;
text-align:left;
font-size:small;
}

#menuflottantgauche p
{
margin:0;
}

.troisvignettes a
{
display:block;
height:100px;
width:100px;
background: black;
border: white solid 2px;
margin:5px;
margin-bottom:0;
float:left;
}   

.troisvignettes a:hover
{
border:2px solid #ff9966;
background: black;
}

.troisvignettes img
{
border:none;
}

#menuflottantdroite
{
width:700px;
clear:both;
margin:auto;
padding-top:30px;
text-align:justify;
font-size:0.7em;

}

#menuflottantdroite p
{
margin:0;
text-align:justify;
font-size:small;
}

.item
{
margin-right:10px;
}

.infos2
{
margin:auto;
width:700px;
text-align:justify;
font-size:0.8em;
padding:10px;
background-color:black;
clear:both;
}

.infos2 h1
{
font-size:big;
color: #99ccff;
}

.infos2 a
{
font-weight:normal;
font-size:small;
text-align:right;
}
.infos2 a:hover
{
font-weight:normal;
font-size:small;
text-align:right;
color:#999999;
}

.infos2 img
{
border:none;
}

.retour a
{
color:white;
}

.retour a:hover
{color:#999999;}

.com_recent
{
margin:auto;
height:120px;
width:700px;
text-align:justify;
font-size:0.8em;
padding:10px;
background-color:black;
}


.bab
{
color:#99ccff;
}