body {
	font-family  :Garamond;
	margin       :auto;
	margin-top   :30px; /*marge du haut*/
	margin-bottom:30px;	
}
/*bannière*/
.header {
	width            :900px;
	margin:auto;
}

#drapo{
	width:900px;
	height:30px;
	margin:auto;
	text-align:right;
	
}
/*barre verger de la chapelle*/
.bar {
	width            :900px;
	height           :200px;
	margin:auto;
	border-top:solid 1px white;
	margin-top:2px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;	
	position:relative;
	font-family:Garamond;
}
.bar2 {
	width            :900px;
	height           :auto;
	margin:auto;
	border-top:solid 1px white;
	margin-top:2px;
	font-family:Garamond;
	padding-top:1px;
	padding-bottom:1px;
	text-align:center;
}
/*Encadré*/
#global{
	 position    :relative;
     margin-left :auto;
     margin-right:auto;
     width       :900px;
	 height      :370px;
	 }
	 #global2{
	 position    :relative;
     margin-left :auto;
     margin-right:auto;
     width       :950px;
	 height      :700px;
	 }
#global_catalog{
	 position    :relative;
     margin-left :auto;
     margin-right:auto;
     width       :900px;
	 height      :625px;
	 }
#global_presentation{
	 position    :relative;
     margin-left :auto;
     margin-right:auto;
     width       :900px;
	 height      :720px;
	 }
#global_presentation2{
	 position    :relative;
     margin-left :auto;
     margin-right:auto;
     width       :900px;
	 height      :610px;
	 }
#global_presentation_demarche{
	 position    :relative;
     margin-left :auto;
     margin-right:auto;
     width       :900px;
	 height      :1040px;
	 }
#global_client{
	 position    :relative;
     margin-left :auto;
     margin-right:auto;
     width       :900px;
	 height      :320px;
	 }
	 
/*PAGE DE TEXTE PRESENTATION*/
#page_principale_presentation{
	margin-left:0px;
	float:left;
	position:absolute;
	left:0px;
	width:700px;
	height:auto;
	font-family: Garamond;
	font-size:medium;
	font-weight:normal;
	text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
    text-align: justify; /* Ils seront justifiés */
	word-spacing :1px; 
	padding-right:5px;
	padding-top:5px;
	padding-left:1px;
	padding-bottom:7px;
}	 
#page_principale_presentation2{
	margin-left:0px;
	float:left;
	position:absolute;
	left:0px;
	width:762px;
	height:auto;
	font-family: Garamond;
	font-size:medium;
	font-weight:normal;
	text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
    text-align: justify; /* Ils seront justifiés */
	word-spacing :1px; 
	padding-right:5px;
	padding-top:5px;
	padding-left:1px;
	padding-bottom:7px;
}	

#globform{
	width:900px;
	margin:auto;
}
#form{
	margin:auto;
	width:500px;
	height:auto;
	font-family: Garamond;
	font-size:medium;
	font-weight:normal;
	padding-bottom:7px;
}	
/*Encadré catalog*/
#global4{
	 position    :relative;
     margin-left :auto;
     margin-right:auto;
     width       :950px;
	 background  :url(../images/corps7.png);
	 background-repeat:no-repeat;
	 font-family: Garamond;
	 }
#page_principale_contact{
	background  :url(../images/corps5.png);
	background-repeat:no-repeat;
	margin-left:184px;
	float:left;
	position:absolute;
	left:0px;
	width:762px;
	height:687px;
	font-family: Garamond;
	font-size:medium;
	font-weight:normal;
	text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
    text-align: justify; /* Ils seront justifiés */
	word-spacing :1px; 
	padding-right:5px;
	padding-top:5px;
	padding-left:1px;
	padding-bottom:7px;
}	  	
/*Copyright*/
.copyright {
	font-family:Garamond;
	font-size  :small;
	text-align:center;
	margin-top:5px;
}
#page_principale{
	margin-left:0px;
	float:left;
	position:absolute;
	width:900px;
	height:auto;
	font-family: Garamond;
	font-size:large;
	font-weight:normal;
	word-spacing :1px; 
	padding-right:4px;
	padding-top:5px;
	padding-left:3px;
	padding-bottom:7px;	
}
#page_principale_cat{
	margin-left:150px;
	float:left;
	position:absolute;
	width:900px;
	height:auto;
	font-family: Garamond;
	font-size:large;
	font-weight:normal;
	word-spacing :1px; 
	padding-right:4px;
	padding-top:5px;
	padding-left:3px;
	padding-bottom:7px;	
}
#page_principale_catalog{
	margin-left:184px;
	float:left;
	position:absolute;
	left:0px;
	width:762px;
	height:670px;
	font-family: Garamond;
	font-size:medium;
	font-weight:normal;
    text-align: justify; /* Ils seront justifiés */
	word-spacing :1px; 
	padding-right:5px;
	padding-top:5px;
	padding-left:1px;
	padding-bottom:7px;
}
/*POLICE DE CARACTERE*/
h1
{
   text-align: center;
   font-family: Garamond;
   font-style:normal;
   font-size:larger;
}
h2
{
   font-style: normal; 
   font-family:Garamond;
   font-size:smaller;
}
h3{
	font-style:normal;
	font-family:Garamond;
	font-weight:bold;
	font-size:larger; 
}
h4{
	font-style:normal;
	font-size:small;
	font-family:Garamond;
}
h5{
	font-weight:bold;
	font-size:small;
	font-family:Garamond;
	color:red;
}

/*FOOTER*/
#footer{
	margin-top:5px;
	margin:auto;
	width:900px;
	height:auto;
	font-family: Garamond;	
	text-align:center;
	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
	padding-top:5px;
	padding-bottom:5px;
	font-size:medium;
}

a{
	text-decoration:none;
	font-weight:normal;
	color:black;
}
a:hover{
	text-decoration:none;
	color:#780000;	
}


#contenu{
	width:950px;
  padding:10px;
  margin-top:120px;
}

#content_ferme{
	width:900px;
        padding:10px;
     margin:auto;
} 
 .infos{
 	width:350px;
	height:auto;
	margin-left:0px;
	padding-top:4px;
	padding-bottom:4px;
	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
	text-align:right;
	font-family:Garamond;
	margin-bottom:2px;
 }
 

.img{
	border:none;	
}

#prod{
	background-image:url('../images/produit.gif');
	width:450px;
	height:30px;
	margin-top:3px;
	float:left;
	margin-left:2px;
}


/*phase paiement*/
#general{
	width:950px;
	height:700px;
	margin:auto;
	background-image:url('../images/pan.png');
}


/*conteneur contacter*/
#content_contact{
	width:440px;
	height:auto;
	margin:auto;
}
/*Page nouveaux clients*/
#content_new{
	width:720px;
	height:430px;
	background-image:url('../images/new.png');
	background-repeat:no-repeat;
	margin-left:150px;
	text-align:center;
	position:absolute;
	font-family: Garamond;
}


/*FOND DU FORMULAIRE D'INSCRIPTION*/
#fond_login{
	width:500px;
	height:auto;
	font-family:Garamond;
	margin-top:30px;
    font-size:medium;
	padding-left:5px;
	
}
#fond_formulaire{
	width:500px;
	height:auto;	
	font-family:Garamond;
	font-size:medium;
	padding-left:5px;
}
.input{
	border: solid 1px gray;
	background-color:white;
	font-family: Garamond;
}
.input_sub{
	border: solid 1px gray;
	background-color:#decdff;
	font-family: Garamond;
}
#fond_client{
	height:auto;
	width: 750px;
	margin:auto;
	text-align:center;
	font-family:Garamond;
	font-size:medium;
}
/*Chartre*/
#contenu{
	width:700px;
	height:auto;
	font-weight:normal;
	font-size:small;
	margin:auto;
	text-align:justify;
	font-family: Garamond;
}
#contenu2{
	width:700px;
	height:auto;
	font-weight:normal;
	font-size:small;
	margin:auto;
	background-repeat:repeat-y;
	text-align:justify;
	font-family: Garamond;
}
/*Mise en forme du petit*/
fieldset{
	text-align:center;
}
/*Photo page */
#photo_accueil{
	width:270px;
	height:370px;
	float:left;
	margin-left:650px;
	position:absolute;
	margin-top:20px;	
}
#photo_presentation{
	width:250px;
	height:400px;
	float:left;
	margin-left:650px;
	position:absolute;
	margin-top:70px;	
}
#photo_presentation2{
	width:250px;
	height:300px;
	float:left;
	margin-left:640px;
	position:absolute;
	margin-top:0px;	
}
#photo_presentation22{
	width:250px;
	height:300px;
	float:left;
	margin-left:640px;
	position:absolute;
	margin-top:350px;	
}
#photo_presentation23{
	width:250px;
	height:300px;
	float:left;
	margin-left:640px;
	position:absolute;
	margin-top:700px;	
}
/*photo page catalogue*/
#photo_catalog{
	width:250px;
	height:auto;
	float:left;
	margin-left:600px;
	position:absolute;
	margin-top:0px;
	
}
#ac{
	
	width:590px;
	height:auto;
	font-family:Garamond;
	margin-top:0px;
	font-size:medium;
	
}
#ac2{
	
	width:620px;
	height:auto;
	font-family:Garamond;
	margin-top:0px;
	font-size:medium;
}
#ac3{
	
	width:620px;
	height:auto;
	font-family:Garamond;
	margin-top:0px;
	font-size:medium;
}
.p{
	color:gray;
	font-family:Garamond;
	text-align:justify;
	font-size:large;
}
hr{
	width:100px;
}

#sign_content{
	width:700px;
	height:460px;
	overflow:scroll;
	margin:auto;
}
.content_produit{
	width:600px;
	height:auto;
	float:left;
	position:absolute;
	text-align:justify;
}
.content_produit_confiture{
	width:750px;
	height:auto;
	float:left;
	position:absolute;
	text-align:justify;
	
}
.general_produit{
	width:900px;
	height:2300px;
	margin:auto;
}
.general_produit2{
	width:900px;
	height:1500px;
	margin:auto;
}

.general_produit3{
	width:900px;
	height:1650px;
	margin:auto;
}
#contenu_prod{
	width:700px;
	height:2250px;
	margin:auto;
	font-family:Garamond;
	font-size:medium;
}
#contenu_prod2{
	width:700px;
	height:1400px;
	margin:auto;
	font-family:Garamond;
	font-size:medium;
}
#contenu_prod3{
	width:700px;
	height:1600px;
	margin:auto;
	font-family:Garamond;
	font-size:medium;
}
#confitures{
	width:90px;
	height:1650px;
	position:absolute;
	float:left;
	background-image:url('../images/confitures.jpg');
	margin-left:620px;
	background-repeat:no-repeat;
	margin-top:0px;
}
#confitures2{
	width:90px;
	height:1650px;
	position:absolute;
	float:left;
	background-image:url('../images/confitures.jpg');
	margin-left:800px;
	background-repeat:no-repeat;
	
}
#autres{
	width:90px;
	height:1500px;
	position:absolute;
	float:left;
	background-image:url('../images/autres.jpg');
	margin-left:620px;
	background-repeat:no-repeat;
	margin-top:0px;
}
#autres2{
	width:83px;
	height:900px;
	position:absolute;
	float:left;
	background-image:url('../images/autres.jpg');
	margin-left:800px;
	background-repeat:no-repeat;
	
}

#gelee{
	width:90px;
	height:1200px;
	position:absolute;
	float:left;
	background-image:url('../images/gelee.jpg');
	margin-left:620px;
	background-repeat:no-repeat;
	margin-top:0px;
}
#gelee2{
	width:90px;
	height:1200px;
	position:absolute;
	float:left;
	background-image:url('../images/gelee.jpg');
	margin-left:800px;
	background-repeat:no-repeat;
	
}
#prenom{
	width:240px;
	height:auto;
	margin-left:615px;
	position:absolute;
	margin-top:450px;
	font-weight:bold;
	text-align:left;
	font-size:small;
	font-family:Garamond;
	text-align:center;
}
.prenom2{
	width:240px;
	height:auto;
	margin-left:615px;
	position:absolute;
	margin-top:300px;
	font-weight:bold;
	text-align:left;
	font-size:small;
	font-family:Garamond;
	text-align:center;
}

.content_plan{
	width:900px;
	height:auto;
	margin:auto;
}
#pub{
	width:600px;
	height:170px;
	margin:auto;
	text-align:center;
	margin-bottom:5px;
	background-image:url('../images/back.jpg');
}
.pubb{
	width:900px;
	height:220px;
	margin:auto;
	text-align:center;
}
#contenu_alimenterre{
	width:900px;
	height:auto;
	margin:auto;
	font-family:Garamond;
	font-size:medium;
	background-image:url('./c.jpg');
	background-position:center;
	font-weight:normal;
	font-size:small;
	text-align:justify;
}