/* CSS Document */

/*l'ensemble de la page (contenu)*/
#global {

margin-left: auto; 
margin-right: auto;
width: 800px;
border: 1px solid #9d5a20;
background-image:url("#");
background-position:center top;
background-repeat: no-repeat;
background-color:#FFFFFF;
margin-bottom:0px;
margin-top:20px;
}

/*Animation  intro*/
#animation_intro{
margin-bottom:5px;
}

	/*bande blanche cache titre fève*/


#cache{
position:absolute;
z-index:1;
top:610px;
}
 
/* body */
body{ 
margin:0;   
padding:0;
background:#fff0e1;
font: 12px Verdana; 
height: 100%;
}


/*partie jeux il ou aile*/


 
 .dour {
    display: none;
}
 
#bann {
	width:800px;
	height:142px;
}
 
#boutons {

float:left;
 margin-right:20px;
 width:260px;
 height:380px;
 margin-bottom: 30px;
 }
 
 #coord {
 	width:600px;
 	height:380px;
 	margin-bottom: 30px;
 }
 

 
legend {
 color:#cf551e;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {

 }

select {
 margin-top:10px;
 }
input[type=radio] {
 margin-top:15px;
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }



/* page d'accueil */

	/*titre de bienvenue*/




#bienvenue_accueil{

width:350px;
margin-left: auto; 
margin-right: auto;
padding-top:30px;
}

#annonce{
width:350px;
margin-left: auto; 
margin-right: auto;
}

#bienvenue_accueil p.bienvenue,#bienvenue_accueil p.dans,#bienvenue_accueil p.univers{
text-align:center;
text-indent:0px;
font-style:italic;
padding-bottom:7px;
padding-top:7px;
margin-bottom:0px;
margin-top:0px;
}

#bienvenue_accueil p.bienvenue{
color:#9d5a20;
font-size:45px;
}

#bienvenue_accueil p.bienvenue:first-letter{
color:#9d5a20;
font-size:45px;
}

#bienvenue_accueil p.dans{
color:#cf551e;
}

#bienvenue_accueil p.dans:first-letter{
color:#cf551e;
}

#bienvenue_accueil p.univers{
color:#9d5a20;
font-size:35px;
}

#bienvenue_accueil p.univers:first-letter{
color:#9d5a20;
font-size:35px;
}

	/*petit descriptif sous titre bienvenue*/

#bienvenue_description{
margin-left: auto; 
margin-right: auto;
margin-top:2px;
width: 730px;
margin-bottom:2px;
}

#bienvenue_des{
margin-left: auto; 
margin-right: auto;
margin-top:45px;
width: 730px;
margin-bottom:20px;
}

#bienvenue_description p.description{
text-align:center;
font-size:1.4em;
color:#9d5a20;
text-indent:0px;
}

#bienvenue_des p.des{
text-align:center;
font-size:1.4em;
color:#ff7900;
text-indent:0px;
}


#bienvenue_description p.description:first-letter{
font-size:1.4em;
color:#9d5a20;
font-style:normal;
font-weight:normal;
}

#bienvenue_des p.des:first-letter{
font-size:1.4em;
color:#ff7900;
font-style:normal;
font-weight:normal;
}

	/*objet flash*/
	
#floatgauche{
align:center;
}

#floatdroite{
align:center;
}

/*Tous les liens*/


	/*lien suivant precedent dans vitrine (visionneuse)*/

a.suivant-precedent{
font-size:1.6em;
color:#cf551e;
font-weight:bold;
text-decoration:underline;
padding-bottom:20px;
}

a.suivant-precedent:hover{
font-size:1.6em;
color:#ee4900;
font-weight:bold;
text-decoration:underline;
padding-bottom:20px;
}

	/* liens globaux */
	
a{
font: 11px verdana; 
text-decoration: none;
color: #9D5B21;
}

a:hover{
font: 11px verdana; 
text-decoration: underline;
color: #9D5B21;
}

	/* lien hautdepage*/

a.hautdepage{

background-color:#ffffff;
color:#cc0000;
font-weight:bold;
text-decoration:underline;
}

a.hautdepage:hover{
background-color:#ffffff;
color:#a40000;
text-decoration:underline;
font-weight:bold;
}

	/* lien bulle_survol des petites vignettes univers */

a.bulle{
position:relative; 
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none
}

a.bulle:hover{
z-index:25; 
background-color:#ff0
}

a.bulle span{
display: none
}

a.bulle:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:-1em; left:5em; width:10em;
    border:1px solid #ffcb5d;
    background-color:#eeeeee; 
	color:#b64814;
    text-align: justify;
    padding:1px;
	text-align:right;
    }
	
	
/* mise en page du chemin ....*/

#chemin{
width: 720px;
height:20px;
text-align:left;
color: #9D5B21;
margin-left:30px;
}

#chemin p{
margin-top: 0px;
padding-top:0px;
font: 11px verdana; 
}

/* mise en page du contenu ....*/

	/*Les titres*/

h1{
font: 20px verdana; 
font-weight:bold;
font-style:italic;
color: #9D5B21;
text-align:center;
margin-bottom:50px;
}

h2{
font-weight:bold;
color:#cf551e;
font-size:16px;
}

	/*Paragraphe du  contenu*/
		
#contenu{
padding-left:25px;
padding-right:25px;
padding-top:25px;
padding-bottom:0px;
min-height:350px;
}

#espaceForm{
	padding-top:25px;

height:20px;
}

#contenu img{
border: 0px;
}

#contenu p{
text-indent:50px;
text-align:justify;
line-height:20px;
padding-bottom:20px;
}

#contenu p:first-letter{
font-weight:bold;
font-size:18px;
color:#b74814;
font-style:italic;
}

b.important{
font-weight:bold;
font-style:italic;
color:red;
}

b.date{
font-weight:bold;
font-size:14px;
color:#cc0000;
}

	/*tableau du contenu*/
	
table.center td{
text-align:center;
}


table.center{
margin-right:auto;
margin-left:auto;
width: 750px;
border: 0px;
padding: 0px;
}

#collection table.center{
width: 90%;
border: 0px;
padding: 0px;
}

	/*image du contenu*/

img.gauchebord{
float:left;
margin-top:10px;
margin-right:20px;
margin-left:10px;
margin-bottom:10px;
border:solid 1px #d6d6cf; 
}

img.gauche{
float:left;
margin-top:10px;
margin-right:20px;
margin-left:10px;
margin-bottom:10px;
}

img.droitebord{
float:right;
margin-top:10px;
margin-right:20px;
margin-left:10px;
margin-bottom:10px;
border:solid 1px #d6d6cf; 
}

img.droite{
float:right;
margin-top:10px;
margin-right:20px;
margin-left:10px;
margin-bottom:10px;
}

img.centrebord{
text-align:center;
margin-top:10px;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
border:solid 1px #d6d6cf; 
display:block;
}

img.centre{
text-align:center;
margin-top:10px;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
display:block;
}
	
	/*page spécifiques*/

#visionneuse{
margin-left:5px;
width:792px;
}

#menuGauche{
float:left;
width:80px;
}

#imageSerie{

}

.histprime{
margin-bottom:50px;
}

.texteJeu{
margin-bottom:20px;
}

	/*fabrication des feves*/
		
#fabrication{
margin-bottom:50px;
margin-top:20px;
}

#fabrication h2{
padding-top:20px;
padding-bottom:20px;
}

#fabrication ul{
margin-bottom:20px;
margin-top:0px;
padding-left:150px;
}

#fabrication p{
padding-bottom:5px;
padding-left:40px;
}

.imgfabrication{
text-align:center;
margin-top:10px;
margin-right:auto;
margin-left:auto;
margin-bottom:25px;
}

p.fabrication_spe{
font-style:italic;
font-size:1.3em;
padding-left:160px;
}

	/*histoire de l'epiphanie*/
	
#histoire_epiphanie{
margin-top:20px;
clear:both;
}

.histoire_epiphanie{
margin-top:20px;
clear:both;
}

#histoire_epiphanie h2{
padding-top:30px;
padding-bottom:20px;
padding-left:30px;
}

#histoire_epiphanie p{
padding-bottom:5px;
}

#histoire_epiphanie p.inter{
font-size:1.2em;
font-style:italic;
text-align:center;
font-weight:bold;
margin-top:40px;
margin-bottom:40px;
color:#cc0000;
}

#histoire_epiphanie p.source{
font-size:0.8em;
font-style:italic;
text-align:right;
padding-right:30px;
margin-top:0px;
}

#liens_epiphanie {
padding-left:70px;
}

	/*epiphanie dans le monde*/
	
#epiphanie_monde{
margin-top:20px;
margin-bottom:50px;
}

#epiphanie_monde h2{
padding-left:100px;
padding-top:20px;
padding-bottom:15px
}

	/*artisans*/
	
#artisans{
margin-top:10px;
}

.artisans{
margin-top:20px;
margin-bottom:30px;
padding-top:20px;
clear:left;
}

#artisans b.titre{
font-size:1.2em;
}

#artisans p.info{
text-align:center;
}


	/*collectionneur*/
	
#collection{
margin-top:10px;
margin-bottom:30px;
margin-right:auto;
margin-left:auto;
}

	/*vrp*/
	
#vrp table.password{
border: solid 2px;
border-color:#9d5a20;
margin-top:30px;
margin-right: auto;
margin-left: auto;
padding-bottom: 0px;
margin-bottom:25px;
padding-right:10px;
padding-left:10px;
}

#vrp table.password p{
text-align:center;
padding-bottom: 0px;
text-indent: 0px;
}


#vrp p.badPassword{
text-align:center;
color:#ff0000;
font-size:20px;
margin-bottom:25px;
}

#vrp p.badPassword:first-letter{
color:#ff0000;
font-size:20px;
font-style:normal;
}

	/*retour haut de page*/

#retourhaut{
text-align:center;
margin-top:20px;
margin-bottom:10px;
margin-bottom:20px;
}


/*Menu du bas*/

#bas{
height:25px;
background-image:url("images/barreMenuBas.gif");
background-position: top;
background-repeat: repeat;
}

#menuBas{

float:left;
text-align:left;
height:25px;
margin-left:30px;
padding-top:1px;
/*border:1px solid gray;*/
}


/*xiti image*/

#xiti{
float:right;
margin-right:3px;
}


/*mise en page adresse prime*/

#contact{
width: 360px;
height:8px;
float:right;
font-weight:bold;
color:#9d5a20;
font-size:10px;
padding-bottom:0px;
margin-top:0px;
text-align:right;
margin-right:3px;
/*border:1px solid gray;*/
}

#contact p{
padding-top:0px;
margin-top:0px;
}


/*menu duhaut*/

	/* fond liste deroulante */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#barreMenu{
background-image:url("images/barreMenu.gif");
background-position: top;
background-repeat: no-repeat;
padding-top:2px;
height:23px;
}

#drapeau{
float:left;
margin-left:10px;
height:23px;
margin-top:3px;
}

#drapeau img{
border: 0px;
}

#menu {
position : absolute !important;/* menu pour mozilla*/
margin-left:80px !important; /* pour eviter les soucis avec l'overflow*/

position : relative; /* pour ie qui lui gére niquel*/
margin-left:0px;

width: 720px;
height:23px;

text-align:left;
z-index:1;
/*border:1px solid gray;*/
}


#menu dt {
position : relative;
cursor: pointer;
padding-left: 0px;
}


#menu dl {
position : relative;
padding-left: 0px !important;
padding-left: 0px;
float: left;
width: 102px;
}

a.men{
color: #996a3a;
font: 18px times new roman;
font-weight:bold;
padding-right:0px;
padding-left:0px;
text-align:center;
text-indent:0px;
}

a.men:hover{
font: 18px times new roman;
font-weight:bold;
text-decoration:none;
background: #fee59e;
}

#menuBas {
position : absolute !important;/* menu pour mozilla*/
margin-left:15px !important; /* pour eviter les soucis avec l'overflow*/

position : relative; /* pour ie qui lui gére niquel*/
margin-left:0px;

width: 300px;
height:23px;

text-align:left;
z-index:1;
/*border:1px solid gray;*/
}


#menuBas dt {
position : relative;
cursor: pointer;
padding-left: 10px;
}


#menuBas dl {
position : relative;
padding-left: 10px !important;
padding-left: 0px;
float: left;
width: 80px;
}

a.menb{
color: #996532;
font: 18px times new roman;
font-weight:bold;
padding-right:4px;
padding-left:4px;
}

a.menb:hover{
font: 18px times new roman;
font-weight:bold;
text-decoration:none;
background: #fed666;
}

#menu dt {
text-align:center;
}

#menu dd {
position: absolute;
z-index: 100;
margin-left:10px;
background: #fed666;
display: none;
width: 106px !important;
}

#menu li {
text-align: center;
font-size: 85%;
padding-top:3px;
padding-bottom:3px;
border: 1px solid white;
border-right-width:0px;
border-left-width:0px;
border-bottom-width:1px; 
border-top-width:1px;
}

#menu li a{
margin-left:2px;
margin-right:2px;
font: 11px arial; 
font-weight:bold;
height: 100%;
color: #9d5a20;
text-decoration: none;
display: block;
}

#menu li a:hover{
background: #fee59e;
}


/** plan site (en bas) **/

#plansite{
width:750px;
margin-top:0px;
padding-top:0px;
margin-left: auto; 
margin-right: auto;
text-align:center;
}

#plansite p{
margin-top:0px;
}

#plansite a{
font-size:10px;
color:#b08f2d;
}


/** Page Contact (formulaire)**/

.champsObli{
color:#CC0000;
}

.champsTexte{
color:#000000;
background-color:#fde2a5;
font-size:11px;
}

/** Menu VRP **/

#menu_vrp{
margin-bottom:50px;
}

#contenu .menu_vrp table{
width:500px;
margin-bottom:20px;
margin-left:15px;
background-color:#fff2d5;
padding:4px;
}

#contenu .menu_vrp table td{
margin:0px;
padding:0px;
}

#contenu .menu_vrp p{
text-indent:30px;
margin:0px;
padding:0px;
}

#contenu .menu_vrp p:first-letter{
font-weight:normal;
}


	/** Titre de la news du menu vrp **/	
#contenu .menu_vrp p.titre{
font-size:20px;
color:#996431;
}

#contenu .menu_vrp p.titre:first-letter{
font-size:20px;
color:#996431;
font-style:normal;
font-weight:normal;
}


	/** date de la news du menu vrp **/	
#contenu .menu_vrp p.poster{
font-size:10px;
font-style:italic;
margin-left:25px;
margin-bottom:4px;
}

#contenu .menu_vrp p.poster:first-letter{
font-size:10px;
font-style:italic;
color:black;
font-weight:normal;
}


	/** Description de la news du menu vrp **/	
#contenu .menu_vrp p.description{
font-size:1em;
text-indent:25px;
}

#contenu .menu_vrp p.description:first-letter{
font-size:1em;
font-weight:normal;
font-style:normal;
color:black;
}

/** Description de la news du menu vrp **/	

#dialogue_vrp{
float:right;
background-color:#fff2d5;
padding:3px;
border:1px solid #754418;
margin-top:0px;
}

#dialogue_vrp a{
font-size:17px;
margin-bottom:5px;
}

#dialogue_vrp a:hover{
text-decoration:none;
color:#754418;
}

/** Commentaire VRP **/

#comment table{
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
margin-bottom:20px;
}

#comment p.haut_comment{
margin:0px;
padding:0px;
text-indent:0px;
}

#comment p.message_comment{
margin:0px;
padding:0px;
padding-right:25px;
text-indent:0px;
}

#comment p.message_comment:first-letter{
color:black;
font-style:normal;
font-weight:normal;
}

#ajout_commentaire{
width:500px;
margin-left:auto;
margin-right:auto;
}







/* CSS Document */

/***************************
 formulaire de contact
***************************/
div#boxcontact input[type=submit] {
  border: 1px solid #9d5b21; 
  background: #fdfcef;
  font-weight: bold; 
  color: #9d5b21; 
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
  width:auto;
  height:auto;
  float: right;
}


div#boxcontact input[type=text] {
  border: 1px solid #9d5b21; 
  background: #fdfcef; 
  font-weight: bold;
  font-size: 11px; 
  color: #9d5b21; 
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
  width:150px;
  height:auto;
}

div#boxcontact textarea {
  border: 1px solid #9d5b21;
  color: #9d5b21;
}


div#boxcontact{
  width: 720px;
  padding: 5px;
  margin: 5px auto 5px auto;
  font-size: 11px;


    border-radius: 	     6px; 
  -moz-border-radius:    6px; 
  -khtml-border-radius:  6px; 
  -webkit-border-radius: 6px; 
  }

div#boxcontact legend {
  font-weight: bold;
  color: #9d5b21;
}

div#boxcontact fieldset {
  width: 700px;
  border-color:#9d5b21;
}

div#boxcontact label {
	width: 150px;
	display:block;
	float:left;
	padding-left:10px;
	font-size:11px;
	font-weight:bold;
	color: #9d5b21;
}

div#boxcontact label span{
	vertical-align:middle;
}

div#boxcontact input[id ^='nom'] {
	padding-left: 30px;
	background:url(../images/user.png) left no-repeat #fdfcef; 
	padding:5px 0 5px 30px;
	}

div#boxcontact input[id ^='prenom'] {
	padding-left: 30px;
	background:url(../images/user.png) left no-repeat #fdfcef; 
	padding:5px 0 5px 30px;
	}

div#boxcontact input[id ^='email'] {
	padding-left: 30px;
	background:url(../images/email.png) left no-repeat #fdfcef; 
	padding:5px 0 5px 30px;
	}

div#boxcontact input[id ^='motif'] {
	padding-left: 30px;
	background:url(../images/email_attach.png) left no-repeat #fdfcef; 
	padding:5px 0 5px 30px;
	}

.error { 
  background:url(../images/erreur.png) left no-repeat #fff;
  font-size: 11px;
  color: #F00;
  padding: 2px 2px 2px 20px;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

.sucess {
  background:url(../images/yes.png) left no-repeat #fff;
  font-size: 11px;
  color: #9d5b21;
  padding: 2px 2px 2px 20px;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

.rouge{
  color: #FF0000;
  font-size: 11px;
  font-weight: bold;}


.cupertino{
  color: #9d5b21;
  font-size: 11px;}

div#boxcentre1{/*box envoi mail succes*/
  width: 98%;
  padding: 5px;
  margin: 5px 0 5px 0;
  text-align: left;
  font-size: 11px;

    border-radius: 	     6px; 
  -moz-border-radius:    6px; 
  -khtml-border-radius:  6px; 
  -webkit-border-radius: 6px; 
  }
.lienui {
  -moz-border-radius: 6px 6px; 
  -webkit-border-radius: 6px; 
  border-radius: 6px;  
  border: 1px solid #9d5b21; 
  background: #fdfcef;   
  font-weight: bold;
  font-size: 11px;
  color: #9d5b21;
  outline: 0; 
  margin:0 4px 0 0; 
  padding: .4em 1em; 
  text-decoration:none !important; 
  cursor:pointer; 
  text-align: center;
  line-height: 1em;
}