/* CSS Document */
	/* Couleur principale I : #3399ff; RVB = 51 153 255 */
			/* variation 1 - saturation: 60% : sans objet */
			/* variation 2 - saturation: 40% : sans objet */
			/* variation 3 - saturation: 20% : sans objet */
	/* Couleur principale II : #ff9933; RVB = 255 153 51 */
			/* variation 1 - saturation: 60% : sans objet */
			/* variation 2 - saturation: 40% : sans objet */
			/* variation 3 - saturation: 20% : sans objet */
	/* Couleur Tonique : #333399; RVB = 51 51 153 */	
	/* ***************************************************************************** */
	/* *************************    PRESENTATION GENERALE    *********************** */
	/* ***************************************************************************** */
	html, body  {
		width:100%;
		height:100%;
	}
	body  {
	/* on definit l'arriere plan du site */
		width:100%;
		height:100%;
		background-color: #be6e23; 
	/* on supprime toutes les valeurs par defaut des marges et bordures de l'elements BODY*/
		margin:0px;
		padding:0px;
		border:0px;
	}
	
	div#global {
	/* on definit les caracteristiques principales de la PAGE */
		position:relative;
		width:780px; /* largeur fixe */ 
		height:585px; /* hauteur fixe */
		margin:0px auto;/* pour centrer le contenu */
		font-family:Verdana, "Trebuchet MS ", Helvetica, serif;/* choix de la police */
		background: #be6e23 url("../images/img1_presentation/fondCentre.jpg") top left no-repeat;
		}
		
	#global.index {
		background: #be6e23 url("../images/img1_presentation/fondAccueil.jpg") top left no-repeat;
		}
		
	#global img, p, ul, li, form, h1, h2, div {
	/* on supprime toutes les valeurs par defaut des marges et bordures des elements BLOCS */
		border:0px;
		padding:0px;
		margin:0px;
	}
	
	#global a {
	/* on definit la presentation des LIENS */
		text-decoration:underline;
		color:#ffd935;  /* generalement couleur tonique */
	}
	
	#global a:hover {
	/* on definit l'effet sur les LIENS SURVOLES */
		font-weight:bold;
	}

  	/* ****************************************************************************** */
	/* *************************        Contenu       *********************** */
	/* ****************************************************************************** */
	
				/* ####### LIEN ACCES SITE ######## */
	
	a.acces {
		position:absolute;
		top:520px;
		left:315px;
		font-size:18px;
		text-decoration:underline;
		}
			
	a.acces:hover {
		font-weight:bold;
		}
	
				/* ####### ZONE 1 - MENU ######## */
	div#menu {
		position:absolute;
		top:180px;
		left:30px;
		}	
				#menu h2 {
				font-size:11px;
				font-weight:bold;
				color:#be6e23;
				}
				#menu ul{
				/* position */
					list-style-type:none;/* on supprime les puces */
					font-size:11px;  /* taille de la police du menu */
				}
				#menu li  {
					height:30px;
					line-height:30px;
					}
				#menu li a {
					text-decoration: none;
				}
				#menu li a:hover {
					font-weight:bold;
					text-decoration:underline;
				}
				
				/* ####### ZONE 2 - TITRE ######## */

				#global h1 {
				position:absolute;
				left:210px;
				top:175px;
				font-size:18px;
				font-weight:bold;
				color:#7a4514; 
				}
				
				#global h2 {
				font-size:14px;
				font-weight:bold;
				color:#FFFFFF
				}
				
				#global h3 {
				font-size:14px;
				font-weight:bold;
				color:#7a4514;
				}
				
				/* #######  ZONE 3 - CONTENU SCROLLABLE  ######## */
				
				
				#global div#scroll, #global div#fixe {
				/* position */
					position:absolute;
					top:210px;
					left:210px;
				/* dimension */
					width:530px;
					height:335px;
				/* presentation */
					font-size:12px;
				}
				
				#global div#scroll {
				/* propriete du scroll */
					overflow:auto;
				}
				
							#scroll .gauchetexte, #scroll .gauchephoto {
								float:left;
								margin-top:0px;
								margin-left:0px;
								width:230px;
							}	
								
							#scroll .droitetexte, #scroll .droitephoto {
								float:right;
								margin-top:0px;
								margin-right:20px;
								width:230px;
							}			
							
							#scroll .gauchetexte, #scroll .droitetexte {
								text-align:justify;
							}		
										
							#scroll .gauchephoto, #scroll .droitephoto {
								text-align:center;
							}					
				
							#global div#scroll.galerie img {
								display:block;
								margin: 20px auto;
							}		

				div.bordure {
					background: transparent url("../images/img1_presentation/bordure.jpg") top left no-repeat;
					width:445px;
					height:43px;
					margin-left:30px;
					margin-top:10px;
					margin-bottom:10px;
					clear:both;
				}
				
				/* ***********  PAGE MENTIONS LEGALES *********** */
				
				div#mentionslegales {
					/* position */
					position:absolute;
					top:220px;
					left:245px;
					/* dimension */
					width:450px;
					height:338px;
					/* image de fond */
					background: url(../images/img3_infos_societe/mentions_legales.jpg) no-repeat;
					/* position du texte */
					padding-left:60px;
					padding-top:40px;
				}
				
				#mentionslegales h2 {
					margin:0px;
					font-size:18px;
				}
				
				#mentionslegales h4 {
					margin:0px;
					font-size:14px;
				}
				
				#mentionslegales p {
					font-size:11px;
				}	
			
				#mentionslegales a {
					text-decoration:underline;
					color:#7a4514;  /* generalement couleur tonique */
				}
	
				#mentionslegales a:hover {
					font-weight:bold;
				}
				/* ***********  PAGE PLAN ACCES *********** */
				
				div#planacces {
					/* position */
					position:absolute;
					top:221px;
					left:246px;
					/* dimension */
					width:450px;
					height:338px;
					/* image de fond */
					background: url(../images/img3_infos_societe/plan.jpg) no-repeat;
					/* position du texte */
					padding-left:60px;
					padding-top:40px;
				}
				
	/* *************** FORMULAIRE CONTACT *************** */
	
	/* FORMULAIRE CONTACT */
				form {
				/* dimension */
					width:370px;
				/* presentation */
					margin:0px auto;
					border:1px solid #ccc;
					padding:20px;
					font-size:11px;
					background-color:#be6e23;
				}

				form p {
					width:320px;
					height:30px;
				}
	
				form p.textelong { 
				/* a utiliser quand on insere un Textarea */
					width:370px;
					height:auto;
				}
	
				label {
					float:left;
					width:110px;
					text-align:right;
					margin-right:10px;
				}

				input {
				/* largeur */
					width:190px;
				/* presentation */
					float:left;
					text-align:left;
					border:1px solid #ccc;
				}

				input.petit {
					width:100px; /* pour les champs CODE POSTAL et TELEPHONE */
					border:1px solid #ccc;
				}

				select {
				/* largeur */
					width:240px;
				/* presentation */
					float:left;
					text-align:left;
				}
	
				textarea {
					width:230px;
					text-align:left;
					border:1px solid #ccc;
				}
	
				p#bouton {
					width:360px;
					text-align:center;
				}
	
				p#bouton input {
					float:none;
					text-align:center;
					width:100px;
					elevation:below;
				}
				#editoForm {
				/* dimension */
					width:360px;
				/* presentation */
					margin-top:15px;
					margin-left:140px;
					border:0px;
					font-size:12px;
					text-align:justify;
				}
	
				#editoForm h2 {
					width:310px;
					text-align:center;
					font-size:14px;
					font-weight:bold;
				}
				
				#editoForm a {
					text-decoration:underline;
					color:#7a4514;   
				}
	
				#editoForm a:hover {
					font-weight:bold;
				}
				
				#messages{
					display:block;
					margin:0px auto;
					text-align:center;
					color:#FF0033;
					font-weight:bold;
					font-size:18px;
				}
				#messages_ok{
					display:block;
					margin:0px auto;
					text-align:center;
					color:#339900;
					font-weight:bold;
					font-size:18px;
				}

.NewClass { }