/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
<lien url="http://www.siteduzero.com">http://www.siteduzero.com</lien>
*/

body
{
   width: 800px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/bg.jpg");
   background-attachment: fixed;
   
}

/* L'en-tête */
   #myGallery, #myGallerySet, #flickrGallery
{
    margin: auto;
	margin-top: 30px;
	width: 800px;
	height: 160px;
	z-index:5;
	border: 2px solid #867c59;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}


/* Le menu */

#menu
{
   float: left;
   width: 120px;
}

.element_menu
{
   background-color: ;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 0px solid #c1a045;
   
   margin-top: 100px;
}


/* Quelques effets sur les menus */


.element_menu ul
{
   list-style-type:none;
   padding: 15px;
   padding-left: 10px;
   margin: 5px;
   margin-bottom: 10px;
}

.element_menu a img
{
   border: none;
   color: #c1a045;
   text-decoration: none;
}

.element_menu a.accueil :hover
{
 background-image: url(images/accueil2.png);
}

.element_menu a.auteur :hover
{
 background-image: url(images/auteur2.png);
}

.element_menu a.galeries :hover
{
 background-image: url(images/galeries2.png);
}

.element_menu a.nouveautes :hover
{
 background-image: url(images/nouveautes2.png);
}

.element_menu a.liens :hover
{
 background-image: url(images/liens2.png);
}

.element_menu a.contacts :hover
{
 background-image: url(images/contacts2.png);
}

/* Le corps de la page */

#corps
{
   margin-top: 30px;
   margin-left: 180px;
   margin-right: 100px;
   margin-bottom: 20px;
   padding: 5px;
   padding-bottom: 20px;
   color: #e6d8a8;
   background-color: ;
   background-image: url("images/");
   background-repeat: repeat-x;
   
}

 


#corps h1
{
   color: #e6d8a8;
   text-align: center;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color:#e6d8a8;
   text-align: left;
}
#corps p
{
font-size: 0.8em;
font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps p.signature
{
font-size: 1.1em;
font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: right;
margin-top:30px;
}

.imageflottante
{
float: right;
margin-left:5px;
margin-bottom: 5px;
}

.imageflottante2
{
float: left;
margin-right:5px;
margin-bottom: 5px;
}

.image1
{
float: left;
margin-top: 80px;
border: none;
text-decoration: none;
margin-left:5px;
margin-bottom: 5px;
}

.image2
{
float: left;
margin-top: -200px;
border: none;
text-decoration: none;
margin-left:5px;
margin-bottom: 5px;
}

.image3
{
float: right;
margin-top: 20px;
border: none;
text-decoration: none;
margin-left:5px;
margin-bottom: 5px;
}

.image4
{
float: right;
margin-top: -120px;
border: none;
text-decoration: none;
margin-left:5px;
margin-bottom: 5px;
}

.dessous
{
clear: both;
}

.droite
{
clear: both;
margin-left:300px;
}

#contacts
{
   height: 400px;
   margin-top: 100px;
   margin-left: 180px;
   margin-right: 0px;
   margin-bottom: 20px;
   padding: 5px;
   padding-bottom: 20px;
   color: #e6d8a8;
   background-color: ;
   background-image: url("images/cigogne2.jpg");
   background-repeat: no-repeat;
   
}
#contacts p
{
font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: right;
font-size: 1.4em;
padding: 50px;
}
#contacts p a
{
color: #e6d8a8;
text-decoration: blink;
}
 
#corps p.liens  a
{
color: #a8d800;

}
#corps p.liens  a:hover
{
color: #d8f000;

}
#corps p.liens  a:visited
{
color: #77857a;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   margin-top: 30px;
   text-align: center;
   font-size: 0.8em;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #77857a;
   border-top: 1px solid #c1a045;
}

#pied_de_page_2
{
   padding: 5px;
   margin-top: 80px;
   text-align: center;
   font-size: 0.8em;
   font-family:"Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #77857a;
   border-top: 1px solid #c1a045;
}