/******************************************
	Author: Arnaud SOBCZAK
	Inspired by Tom Coote(Free source : tomcoote.co.uk)
	Date: 15/12/2007 
	For IUT Projet Deuxième année
	The SuperMen Team & La Foret Enchantée
********************************************/

body {
	background: #008900;
	/*background: #FFF;
	background-image: url("../images2/fond_degrade2.png");
	background-repeat: repeat-x;*/
}

#page {
	background: #FFF url(http://www.laforetenchantee.fr/images2/PaperCorner.png) no-repeat bottom left;
	/*background: url(../images2/frise_haut_droit.jpg) no-repeat top right;*/
	font-family: "Comic sans MS", "Trebuchet MS", Times ,"Times New Roman", serif;
	margin:15px auto;
	width: 850px; 
	min-height:500px;
	/*overflow: auto;
	overflow-x: none;
	display: block;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical;
	ces propriétés permettent de choisir ou placer la scrollbar si besoin*/
}

#page #content {
	 
	margin-top: 65px;
	padding: 5px;
	
}

#page #content h1 {
	color: #FF6200;
	margin: auto;
	text-align: center;
}

#page #content p {
	color: #000000;
	/*margin: auto;*/
	text-align: justify;
}

#footer {
	margin: 0 auto;
	text-align:center;
	color: #444444;
	font-size:80%;
}



/*****************************************
	Original Style Sheet
	Author : annaellevera
	Date: 18/01/2008
	For IUT Projet Deuxième année
	The SuperMen Team & La Foret Enchantée
*************************************************/

.corps 
	{
	background-color: #008900;
	}

#centralBlock
		{
		border: 1px;
		background-color: #FFFFFF;
		font-family: "Comic sans MS", "Trebuchet MS", Times ,"Times New Roman", serif;
		width: 92%; /* largeur */
		height: 92%; /* hauteur */
		margin-top: -55px; /* permet de centrer par rapport au block conteneur ici le */
		margin-left: 15px;
		
		}

.script_Google_Map
		{
			color #666699;			
			/*text-align: center;*/
			width: 365px;
			height: 525px;
			/*left: 50%;
			margin-left: -137.5px;
			left: 430px;
			top: 100px;*/
			margin: auto;
		}

.titre1
	{
	color: #33CC33;
	text-align: center;
	}
h1 {
	color: #FF6200;
	position absolute;
	margin-left: 550px;
	margin-top: 2px;
}

#centreGauche {
	/* centre le titre h1 en haut à gauche du block  */
		color: #FF6200;
		position relative;
		margin-left: 550px;
	      }

h3 {
	text-decoration: underline;
	text-align: center;	
	color: #008900;
	position relative;
	margin-left: 5%;
   }
h2 {
	text-align: center;
	color: #008900;
	
   }
 
p {
	
	text-align: justify;
  }

#content #Commande_Form {
		position: relative; 
		width: 365px;
		height: 525px;
		margin-left: 200px;
	       }

#content #Commande_Form p {
				position: relative;
				text-align: justify;
 			  }

.Input {
	margin-left: 40%;
	position: relative;	
       }

.label {
	position: relative;
	float: left;
	
       }
       
      
#article {
		width:  530px;
		height: 140px;
		
	 }

#coordonnees {
		width:  530px;
		height: 400px;
	     }
	     
#content #Commande_Form #message {
		position relative;
		width:  530px;
		height: 210px;
	 }	     
#message {
		position: relative;
	 }


#lien {
       border: none;
       color: yellow;
      }      
img {
	border: none;
    }
#tshirtSmall {
		position: absolute;
		margin-left: 2%;
		margin-top: -60%;
		
		
	     }

	   
#banniere {
		margin: auto;
		position: relative;
		left: 50%;
		margin-left: -234px;
	  }
	 
#topRight {
		position: relative;
		margin-top: -0.5px;
		margin-left: 781px;
	 }
	
#messageLog {
		position: absolute;
		margin-top: -5px;
		margin-left: 10px;
		font-size: 12px;
	    }
	   
#loginForm {
		position: absolute;
		margin-top: 5px;
		margin-left: 10px;
		font-size: small;
		
		
	   }	   

#loginForm #h5 {
			position: absolute;
			margin-top: 3px;
			margin-left: 10px;
			font-size: small;
	       }
	       
	       	  
#petitForm1 {
			position: absolute;
			width: 50px;
			height: 10px;
			font-size: 10px;
			margin-top: -1px;
		      }	  
#petitForm2 {
			position: absolute;
			width: 50px;
			height: 10px;
			font-size: 10px;
			margin-top: -1px;
			margin-left: 77px;
		      }
		      
#petitBouton {
		margin-top: 12px;
		margin-left: 155px;
	     }	     
	     
#connectez	{
			font-size: 12px;
			text-decoration: underline;
		}    
#imageCentreeGauche {
	/* place en haut à gauche */
			margin-top:25px;
			margin-left: 5px;
		
	      	   }  	
#imageCentreeDroit {
	/* place en haut à droite */
		   position: absolute;	
		   width: 195px;
		   height: 63px;
		   margin-top: 5px;
		   margin-left: 5px;
		   }
		 
#imgTroll {
		position: relative;
		margin-top: 5px;
		margin-left: 130px;
	    }
	    
#content #liste_motifs {
		position: relative;
		margin-left: 65px;
		padding: 10px;
		
	      }  
/* pour formulaire commande*/
#formGauche {
		position: absolute;
		margin-left: 250px;
		margin-top: -1200px;
	     }
	    
#imagesGauche 
		{
		position: relative;
		margin-left: -35px;
		}
		
.label2 {
	position: relative;
	margin-top: -15px;
	
	
       }
   /**** frise ****/    
#LesCompagnons {
			position: relative;
			margin-left: 135px;
			margin-top: -44px;
			
		} 

/** block central pour la mise en page dans le rectangle blanc **/
#content #content2
		{
		position: relative;
		margin-top: -450px;
		width: 750px; 
		min-height:500px;

		}      	

/** logo des Compagnons de la Neuve Forge **/

#logo_cnf
	    {
	    position: relative;
	    margin-left: 180px;
	    margin-top: 00px;
	    
	    
	    
	    }

#peleMele
	    {
	    	margin-left: 200px;
	    }
/** permet la justfication des textes	**/
.texte	
	{
	text-align: justify:
	}
	
/* La première lettre de chaque paragraphe */	
p:first-letter 
	        {
   			font-weight: bold;
  		        font-size: 1.2em; 
   	  	  	color: #FF6200; 
	        }	
#par_gauche #content2
		{
			position: absolute;
			margin-top: -100px;
			margin-left: 450px;
			margin: 10px;
		}	
		
#cornemuse
		{
			position: relative;
			float: left;
			margin: 10px;
			
		}	
		
#licence 
	{
		position: relative;
		font-size: 10px;
		margin: 4px;
	}
	
	
	    
#lien2
	    {
	    	color: #008900;
	    }	
	    
#affiche
	{
		position: relative;
		float: left;
		margin: 10px;
	}
/** texte invitation inscription ****/		
#petitTexte	
	    {
	    position absolute;
	    font-size: 10px;
	    margin-top: -6px;
	    }	

#petitTexte2	        
	    {
	    position relative;
	    font-size: 10px;
	    margin-top: -50px;
	    margin-left: 0px;
	    }	
	    
/* mise en page Membre.php */

.membre1
	{
	width: 150px;
	height: 264px; 
	/*align: left" ;*/
	
	position: relative;
	float: left;
	}	
	
.membre2
	{
	width: 200px;
	height: 175px;
	float: right;
	position: relative; 
	}	    	        	
/*****************************************
	Original Style Sheet
	Author : Cyril Duchateau
	Date: 18/01/2008
	For IUT Projet Deuxième année
	The SuperMen Team & La Foret Enchantée
*************************************************/	      

ul#menu
{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	/*background: url(bg_menu.gif) repeat-x 0 -25px ;*/
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menu li
{
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	width: 98px ;
	line-height: 25px ;
	font-size: 0.8em ;
	font-weight: bold ;
	/*letter-spacing: 1px ;*/
	color: #992200 ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #dea ;
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover
{
	background: url(../images2/bauf.jpg) repeat-x 0 0 ;
}/* Et pour finir on décale l'image de fond au passage
 de la souris pour laisser aparaître l'état survolé de l'image, 
 voir le tutoriel sur les roll over pour plus de détails */


div#conteneur
{
	width: 800px ;
	margin: auto ;
	text-align: left ;
	border: 2px solid #ab4 ;
	background: #fff ;
}

/*****************************************
	Start modified Style Sheet
	Modified By : Seb
	Date: 31/01/2008
	For IUT Projet Deuxième année
	The SuperMen Team & La Foret Enchantée
*************************************************/

div#galerie
{
	width: 688px ;
	height: 350px ;
	position: relative;
	background: #FFFFFF ;
	/*border: 1px solid #dcb ;*/
	padding: 15px;
	/*margin: 15px 30px auto ;*/
	/*margin-top: 30px ;*/
	text-align: center;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	text-align: center;
	margin: auto ;
	padding: 0 ;
	list-style-type: none;
}

ul#galerie_mini a img
{
	opacity: 0.7;
	max-height:76px;
	margin: 3px 3px ;
	border: 3px #7DD107 ;
	/*border: 1px solid #dcb ;*/
	border-style: ridge;
}

ul#galerie_mini a img:hover
{
	border-style: outset;
	opacity: 1.0;
	margin: 3px 3px;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

fieldset#panneau_admin_galerie
{
	text-align: center;
	font-family: "Comic sans MS", "Trebuchet MS", Times ,"Times New Roman", serif;
	color: yellow;
	margin: auto;
	width: 76%;
}

fieldset#panneau_admin_galerie legend
{
	font-size: 1.2em;
	font-weight: bold;
}

fieldset#voir_une_galerie legend
{	
	color: #B9843B;
	font-size: 1.2em;
}

input.galerie_photo 
{
	color: white;
	border:2px outset white;
	font-weight:bold;
	cursor:pointer;
	background-color: green;
}

input.galerie_photo:hover 
{
	color: green;
	border:2px outset green;
	background-color:white;
}

input.galerie_photo:active 
{
	border:2px inset green;
	background-color:green;
	color:white;
}