body { background-color: rgb(255, 255, 1); font-family: arial; }

h2 { font-size: 16px; }
h3 { font-size: 18px; }
h4 { font-size: 12px; }
h5 { margin-left:50px; margin-top:10px;}
h6 { font-size: 14px; text-align: center; width: 100%; margin: 0px;}

header {
  position: absolute; width: 1200px; top: 0px; left: 50%; margin-left: -600px; height: 100px; z-index: 10;
}
nav { position: absolute; right: 0px; top: 50px;  color: black; text-align: right; }
a { text-decoration: none; }
main {
  position: absolute;
  width: 1200px; left: 50%; top: 150px;
  margin-left: -600px;
  background-image: url("http://produits-souslesoleil.com/images/logo-fond.png");
  background-repeat: repeat-y;
  background-position: center;
}
nav a { color: black; font-size: 18px; }
nav h2 { font-weight: 300; font-size: 12px; margin-top: 5px;}

th { padding:  10px; }



#close  {position: absolute; top:4px; right: 6px; height: 22px; width: 22px; text-align: center; padding-top: 2px; border-radius: 22px; background-color: black; color: white; font-family: arial; font-weight: 800; font-size:18px; cursor: pointer; }

#SMenu { display: none; }
#Imenu { display: none; }

.Tcategorie { font-size: 20px; text-align: center;  width: 400px; background-color: rgb(255, 255, 1); margin-top: -25px; margin-left: 400px;}
.TrCate { border-top: thin solid black; margin-top:50px;  }
.DTrCate {
	border-top: thin solid black;
	border-bottom: thin solid black;
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
}

.stinput { display: none; }
.imodif { width: 30px; cursor: pointer; }
.CheckBox {
	width:20px;
	margin-top: 0px;
}
/* elements du header */
.Mshop { position: relative; float:left; margin-left: 40px;  }
.Mmshop { position: relative; cursor: pointer; }

#Rbasket {
  position: absolute;
  top: 7px; right: 20px;
  width: 360px; height: 20px;
  background-color:#363636;
  border-radius: 5px;
}

#ImRBasket { height: 20px; margin: 5px; }

/* Header admin dans gestion du contenu */
#Hadmin { position: fixed; top: 0px; left: 0px; height: 40px; width: 100%; background-color: rgba(0,0,0,0.2); z-index: 11;}
#Hadmin nav { bottom:10px; text-align: left;}
#Idconnexion { position: absolute; float: right; right: 50px; bottom: 5px; top:0px }
#Nadmin { position: absolute; width: 1200px; left: 50%; margin-left: -500px; top: 10px;  color: black; bottom:10px; text-align: left; }

.Tfield { margin-top:20px; margin-bottom: 0px; color: white;}

/* POUR LA GESTION DU CONTENU DU SITE */
#NewCategory {position: fixed; width: 600px; height: 300px; left:50%; top: 50%; margin-left: -300px; margin-top: -250px; border-radius: 20px; border: thin solid black; background-color: #363636; display: none; z-index: 12}
#NewSCategory {position: fixed; width: 600px; height: 500px; left:50%; top: 50%; margin-left: -300px; margin-top: -250px; border-radius: 20px; border: thin solid black; background-color: #363636; display: none; z-index: 12}
#NewArticle {position: fixed; width: 600px; height: 400px; left:50%; top: 50%; margin-left: -300px; margin-top: -250px; border-radius: 20px; border: thin solid black; background-color: #363636; display: none; z-index: 12 }
#NewRecette {position: fixed; width: 600px; height: 350px; left:50%; top: 50%; margin-left: -300px; margin-top: -250px; border-radius: 20px; border: thin solid black; background-color: #363636; display: none; z-index: 12 }
#Fajout { margin-top: 50px; margin-left: 150px;}
#FajoutA { margin-top: 20px; margin-left: 50px;}
.TNewObject { width: 584px; height: 18px; background-color: white; margin-top: 1px; margin-left: 1px; border-radius: 20px; padding: 7px;  }
.button_manage_Shop {font-family: impact; font-weight: 900; border-radius: 18px; border: thin solid black; background-color: #d0d999; width: 18px; height: 18px; text-align: center; display: inline-block; cursor: pointer;}
.ButtonSave { position: absolute; width: 50px; right:30px; bottom: 30px; }
.Itext { width: 300px; padding: 5px; font-weight: 500; margin-top: 5px; border-radius:5px; }
.plus { background-color: white; padding: 5px; border-radius:30px; margin-left: 50px; cursor: pointer;}

/** page index **/

#logo { margin-top: 20px;}
#picture {
  position:absolute;
  width:100%; height:100%;
  left:0px; right:0px; top:0px; bottom:0px;
}
#picture2 {
  position:absolute;
  width:100%; height:100%;
  left:0px; right:0px; top:0px; bottom:0px;
}
#picture3 {
  position:absolute;
  width:100%; height:100%;
  left:0px; right:0px; top:0px; bottom:0px;
}
#slide1{
  position:absolute;
  width:100%; height:100%;
  left:0px; right:0px; top:0px; bottom:0px;
}
#slide2
{
  position:absolute;
  width:100%; height:100%;
  left:0px; right:0px; top:0px; bottom:0px;
  display:  none;
}
#slide3
{
  position:absolute;
  width:100%; height:100%;
  left:0px; right:0px; top:0px; bottom:0px;
  display:  none;
}
#title {
  position: absolute;
  width: 700px; height: 100px;
  top: 60%; right: 0%;
  background-color: rgba(255,255,255,0.8);
  padding:50px;
  font-size: 75px; font-weight: 900;
}
#MainIndex { display: none;    }

#medailles { width: 100%; }

.Ajpanier {
  position: absolute;
  bottom: 0px;
  left: 50%; margin-left: -85px;
  width: 150px; height: 14px;
  background-color: #bec6b1;
  border-radius: 20px;
  text-align: center;
  vertical-align:top;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.Article1 {
	display: inline-block;position:relative;
	width:300px;height:500px;
	margin-top:50px;margin-left:75px;margin-bottom:50px;
	vertical-align:top;
	text-align:center;
}
.Article1 h4 { text-align:center; margin-bottom: 10px;}
.Article1 h3 { margin-top: 20px; margin-left: 0px; }
.Iprod1 { margin-left:5px; width:150px;}
.ArtDes1 {
	position: absolute;
	bottom:100px;  height: 70px;
	width: 200px; margin-left: 50px;
}

.Article2 { display: inline-block;position:relative;width:200px; height:430px;margin-top:50px;margin-left:85px;vertical-align:top;text-align:center;margin-bottom:50px;}
.Article2 h4 { text-align:center; margin-bottom: 10px; }
.Article2 h3 {  margin-top: 10px; margin-left: 0px;}
.Iprod2 { width:100px; height:195.16px;}

.Iprod21 {height: 195px;}

.Tarticle21 {  margin-top: 10px; margin-left: 0px; }

.Article3 {
	display: inline-block;
	position: relative;
	width:300px;height:640px;
	vertical-align:bottom;
	margin-left:75px;margin-top:50px; margin-bottom:70px;
	text-align:center;
}
.Article3 h4 { text-align:center; margin-bottom: 10px;}
.Article3 h3 { margin-top: 10px; margin-left: 0px;}
.Iprod3 { height:420px;}
.Iprod54 { height:200px;}
.ArtDes3 {
	position: absolute;
	bottom:100px;  height: 70px; width: 200px;
	 margin-left: 50px;
}

.Article31 {
	display: inline-block;
	position: relative;
	width:300px;height:415px;
	vertical-align:bottom;
	margin-left: 75px; margin-top:50px; margin-bottom:70px;
	text-align:center;
}
.Article31 h3 { margin-top: 10px; margin-left: 0px;}


.Article4 { display: inline-block;
	position: relative;
	width:300px;height:640px;
	vertical-align:bottom;
	margin-left:75px;margin-top:50px; margin-bottom:70px;
	text-align:center;
}
.Article4 h4 { text-align:center; margin-bottom: 10px;}
.Article4 h3 {  margin-top: 5px; margin-left: 0px; }
.Iprod4 { width:100px; height:195.16px; margin-left:5px;}

.Article5 { display: inline-block;position:relative;width:300px;height:430px;margin-top:50px;margin-left:75px;vertical-align:top;text-align:center;margin-bottom:50px;}
.Article5 h4 { text-align:center; margin-bottom: 10px;}
.Article5 h3 { margin-left: 0px;  }
.Iprod5 { margin-left:5px; height:200px;}
.ArtDes5 {
	position: absolute;
	bottom:100px;  height: 70px; width: 200px;
	 margin-left: 50px;
}

.Article6 { display: inline-block;position:relative;width:600px; height:401px;margin-top:50px;margin-left:300px;vertical-align:top;text-align:center;margin-bottom:50px;}
.Article6 h4 { text-align:center; margin-bottom: 10px;}
.Article6 h3 {margin-left: 0px;}
.Iprod6 { margin-left:5px;height:200px;width:600px;}

.Article7 { display: inline-block;position:relative;width:200px;height:600px;margin-top:50px;margin-left:150px;vertical-align:top;text-align:center;margin-bottom:50px;}
.Article7 h4 { text-align:center; margin-bottom: 10px;}
.Article7 h3 {margin-left: 0px; }
.Iprod7 { position: absolute; bottom: 290px; left:-5%; }
.ArtDes7 {
	position: absolute;
	bottom:80px;  height: 70px; width: 200px;

}
.Tarticle7 { position: absolute; bottom:150px;}

.Article0 { display: inline-block; width: 250px; }
.Iprod0 { width: 250px; }

.tomates { width: 200px ; height: 195px;  }

.price {
	position: absolute;
	bottom:40px;
	width: 200px;
	margin-left: 0px;
	width: 100%;
}

.LitHuile {
		position: absolute; bottom: 290px; left:20%;
}

#basket {
  position: fixed;
  width: 300px; height: 400px;
  right: 20px; top: 100px;
  z-index: 20;
  border-radius: 20px;
  padding: 0px;
  border: black 2px solid ;
  background-color: rgb(255, 255, 1);
  display: none;
}

/** page basket / Panier **/
#MainBasket {
  position: relative;
  top: 30px; left:5px;
  width: 290px; height: 330px;
  overflow-y: scroll;
}

#TBasket {
  position: absolute;
  top: 0px; left: 0px;
  width: 278px; height: 20px;
  margin-top:-2px;
  margin-left: -2px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 5px;
  padding-left: 20px;
  background-color: black;
  color: white;
  font-weight: 700;
}

#BucomBask {
	height: 30px;
	padding: 5px;
	margin-top:30px;
	margin-left:70px;
	background-color:#363636;
	border-radius: 10px;
	text-align: center;
	width: 150px;
	color: white;
	font-size: 14px;
	font-weight: 700;
	cursor:pointer;
}



.click {
  cursor: pointer;
  width: 10px;
  /* border: 1px solid #363636; */
  display: inline-block;
}

.IprBa {
  height: 30px;
 }

.Cbasket {
  border-top: dotted 1px black;
}

.CbasketN {
  border-top: dotted 1px black;
  width: 190px;
}

.CbasketQ {
  border-top: dotted 1px black;
  width: 50px;
}

.CbasketQt {
	background-color: white;
	padding-top:5px;
	height:20px; width:20px;
}

.Subasket { width: 10px; }


#MainBasket input { width: 16px; text-align: center; font-size: 12px;}

/** page  COMMANDER **/

#Tcom {
	position: relative;
	margin-top: 100px;
	width: 1200px;
	border-spacing : 0;
	border-collapse : collapse;
	border: 2px solid #363636;
 }

#TabRePanier {
	position:relative; float: right;
	background-color:#363636;
	width: 380px;
	margin-top:30px;
	padding: 5px;
	color: white;
	vertical-align: middle;
}
#recapBasket {
	height: 30px;
}
#SelBasket {
	float: right;
	margin-top: 5px;
	margin-right: 12px;
}

#TdIpanier {
	width: 40px;
}
#trecp { margin-top: 110px; }

#TsuiviCom {
	display: inline-block;
	width: 305px;
	margin-top:30px;
	margin-left:10px;
}

#Bcommande {
	height: 25px;
	padding: 10px;
	margin-top:0px;
	background-color:#363636;
	border-radius: 10px;
	text-align: center;
	float: right;
	width: 180px;
	color: white;
	font-size: 20px;
	font-weight: 700;
}
#BContinuer {
	color: #363636;
	margin-top:00px;
	font-size: 20px;
	font-weight: 700;
}
#actionCom {
	margin-top: 50px;
	vertical-align: middle;
}
.ThCom {
	border: 2px solid #363636;
	text-align:center;
	padding-top: 10px; padding-bottom: 10px;
}
.TdCom {
	border: 2px solid #363636;
	text-align:center;
	padding-left: 20px; padding-right: 20px;
	padding-top: 15px; padding-bottom:15px;
}

.TsuiviCom {
	display: inline-block;
	width: 305px;
	margin-left: -90px;
	margin-top:30px;
}

.ITsuivi {
position: absolute;
width: 305px;
}
#TexSuivi {
	position: absolute;
	text-align: center;
	width: 300px;
	margin-top: 23px;
	font-size: 22px;
	margin-left:-20px;
}

.TexSuivi {
	position: absolute;
	text-align: center;
	width: 300px;
	margin-top: 23px;
	font-size: 22px;
	margin-left:20px;
}

.IprCo {
	display: inline-block; height: 100px;
	 margin-top: 8px; margin-bottom: 8px;
	border: solid 1px grey;
	padding-left: 20px; padding-right: 20px;
	padding-top: 10px; padding-bottom: 10px;
}
.Ctot { text-align: right; padding-right: 10px; }

.Abasket { margin-top: 50px; }
.Dbasket {
	display: inline-block; vertical-align: top;
	margin-left: 30px;
	margin-top: 20px;
	width: 400px;
 }
 .Qbasket {
	Display: inline-block; vertical-align: top;
	margin-left: 30px;
	margin-top: 20px;
	width:30px;
 }
 .Pbasket {
	Display: inline-block; vertical-align: top;
	margin-left: 30px;
	margin-top: 35px;
	width: 150px;
 }
.Tbasket {
	font-weight: 800;
	text-align: left;
	margin-top: 0px; margin-left: 0px;
	font-size: 18px; font-weight: 500;
}
.Sbasket {
	font-size: 30px; font-weight: 800;
	display: inline-block; vertical-align: top;
	margin-top:25px; margin-left: 0px;
	color: red;
}
.Bsubmit { width: 200px; cursor: pointer;}

.Qty {
	width: 40%; margin-left:20%;
	border: solid 1px grey;
	padding: 10px;
}
.ChQty {
  display: inline-block;
  cursor: pointer;
  width: 30px;
  border: 1px solid #363636;
  margin-left:-5px;
}
#chminus { margin-left: 10px; }

.Bsub {
	display: inline-block;
	vertical-align: top;
	background-color: #363636;
	margin-left: -5px;
	padding: 5px;
	height:30px;
	border: none;
	color: white;
}

.Incol {
vertical-align: top;
display: inline-block;
padding: 5px;
height: 18px;
margin-right:0px;
}


/** page Commander-Connexion **/

section h3 {
	background-color: #e0d509;
	text-align: center;
	padding: 20px;
	width: 506px;
	border: 1px solid #363636;

}

section h2 {
	margin-top: 20px;
}
section input {
  margin: 0px; margin-top: 20px; margin-left: 8px;
  width: 530px;
  border: 1px solid #363636;
  border-radius:5px;
  padding: 5px;
  color: #363636;
  vertical-align: top;
  background: transparent;
}

section select {
  margin: 0px; margin-top: 20px; margin-left: 8px;
  width: 530px;
  border: 1px solid #363636;
  border-radius:5px;
  padding: 5px;
  color: #363636;
  vertical-align: top;
  background: transparent;
}

#inscription {
	position : relative;
	float: left;
	width: 550px;
	margin-top: 80px;
}

#connexion {
	position : relative;
	float: right;
	width: 550px;
	margin-top: 80px;
}

#mtp {
	position: absolute;
	width: 500px; height: 300px;
	left: 50%; margin-left: -250px;
	top: 50%; margin-top: -150px;
	border-radius: 50px;
	background-color: #363636;
	display: none;
}

.IvilleCA {
	margin-top: 5px;
}

.Iville {
	width: 250px;
	margin-top: 5px;
}

input.BsubC {
	background-color: #363636;
	padding: 5px;
	height:30px;
	border: none;
	color: white;
	width: 40%; float: right;
	height: 50px;
	font-weight: 800;
	margin-top: 50px;
}
.formcontactP
{
 background-color: #adadad;
 border: 1px solid #363636;
 width: 90%;
  padding: 5px;
  height: 50px;
}

#buttoninputP
{
	position: absolute;
	background-color:#adadad;
	height: 30px; width:150px;
	padding: 5px;
	border-radius:5px; border: none;
	bottom: 20px; right: 55px;
	color: white;
}


/** page Commander Adresse **/

#madr {
	margin-top: 80px;
	margin-bottom: 0px;
}


#Alivraison {
	position : relative;
	float: left;
	width: 550px;
	margin-top: 0px;
}

#Afacturation {
	position : relative;
	float: right;
	width: 550px;
	margin-top: 0px;
}

#BcomA {
	background-color: #363636;
	color: white;
	margin-top:50px;
	font-size: 20px;
	font-weight: 700;
	padding: 10px;
	border-radius: 5px;
	border: none;
	width: 250px;
	float: right;
	cursor: pointer;
}


.Adresse {
	border: 1px solid #363636;
	width: 526px;
	margin-top: 2px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 20px;
}

.madr {
	margin-top: 20px;
	margin-bottom: 0px;
}

.BvalAdr {
	padding: 5px;
	background-color: #363636;
	border-radius: 5px;
	color: white;
	width: 130px;
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}

.IvilleCl {
	margin-top: 5px;
	width: 480px;
}

.Ivillel {
	width: 247px;
	margin-top: 5px;
}

#CadrLiv { display: none }
#CadrFac { display: none }


/** page commander livraison **/

#FrLiv {
	width: 100%; margin-top: 100px;
	border-collapse: collapse;
	border-spacing: 0;
}

.thport {
	background-color: #e0d509;
	text-align:center;
	padding-top:20px;
	padding-bottom: 20px;
	border: 1px solid #363636;
}
.tdport {
	text-align:center;
	padding-top:20px;
	padding-bottom: 20px;
	border: 1px solid #363636;
}

.Idomicile { margin-left: 150px; }

#Blivok {
	background-color: #363636;
	color: white;
	margin-top:50px;
	font-size: 20px;
	font-weight: 700;
	padding: 10px;
	border-radius: 5px;
	border: none;
	width: 400px;
	float: right;
	cursor: pointer;
	display: none;
}

#Blivno {
	background-color: #363636;
	color: grey;
	margin-top:50px;
	font-size: 20px;
	font-weight: 700;
	padding: 10px;
	border-radius: 5px;
	border: none;
	width: 400px;
	float: right;
	font-style: italic;
}

/** page commander paiement **/
.Qpaie {
	font-size: 16px;
}

/** page recette **/


.Recette {
  display:inline-block;
  width:200px;
  margin-left:33px;
  vertical-align:top;
  margin-top:80px;
}

.Irecette {
  width:200px;
}

#Srecette{
  margin: 0px;
  margin-left:293px;
  width:550px;
  height:20px;
  background-color:#363636;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  border:none;
  vertical-align: top;
  padding: 5px;
  color: white;
}

#Simage{
  height:20px;
  padding:5px;
  padding-left:20px;
  padding-right:20px;
  background-color:#363636;
  vertical-align: top;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  border-left: 2px solid white;
  margin-left: -5px;
}

#Trecette{
  width:500px;
  margin-left:350px;
  background-color:rgb(255, 255, 1);
  font-weight:100;
  font-size:20px;
  text-align:center;
  margin-bottom:50px;
  margin-top:-25px;
}

.Recette h2{
  font-size: 15px;
  font-weight: 100;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
#MainRecettes{
  display:none;
}

/** page Marchés et Foires **/

main h3{
  text-decoration:none;
  font-weight:bold;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:50px;
  font-size:20px;
}

video{
  position:absolute;
  width:100%;
  height:100%;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  background-color:#363636;
}

figure{
  display:inline-block;
  margin-left:95px;
  text-align:center;
}

figcaption{
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  color:black;
  margin-top:10px;
}

.icone{
  width:150px;
  height:150px;
  text-align:center;
}

#Mainfoire{
  position:absolute;
  top:100%;
}

#MainCabanon {
  position:absolute;
  top:100%;
}

.ipart{
  display:inline-block;
  margin-left:100px;
}


.tfoires{
  width:300px;
  margin-left:450px;
  background-color:rgb(255, 255, 1);
  font-size:20px;
  text-align:center;
  margin-bottom:50px;
  margin-top:-25px;
}

/** page Calendrier **/
.colonne {
	border: 2px solid #363636;
	padding: 5px;
	padding-top: 20px; padding-bottom: 20px;
}

th { border: 2px solid #363636;
	padding: 20px;
	background-color: #363636;
	color: white;
}

#tabcalend {
	width:90%; margin-left:5%;border-spacing:0;border-collapse:collapse;
}

/** page Conditions générales de vente **/


/** page Mentions Légales **/

.Mpara{
  margin-top:7px;
  margin-bottom:0px;
}

.Mparal{
  margin-top:7px;
  margin-bottom:0px;
  margin-left: 30px;
}



/** page confidentialite **/


/** page contact **/

#buttoninput
{
	position: absolute;
	background-color:#363636;
	height: 30px; width:150px;
	padding: 5px;
	border-radius:5px; border: none;
	bottom: 20px; right: 55px;
	color: white;
}

#TitreContact
{
	background-color:#363636;
	padding-top: 5px; padding-bottom: 5px; padding-left: 10px;
	font-size:20px;
	color: white;
	margin-bottom:10px;
}

.coord
{
 display: inline-block;
 height:400px; width: 460px;
 background-color:#363636;
 color: white;
 margin-left: 30px;
}

.formcontact
{
 background-color: transparent;
 border: 1px solid #363636;
 width: 90%;
  padding: 5px;
}

.fcontact
 {
 background-color:#adadad ;
 display: inline-block;
 height:400px; width: 600px;
 float: right;
 margin-right: 30px;
}

.EnvoiMess{
  position:relative;
  width:500px;
  margin-left:50px;
  margin-top:50px;
  padding:10px;
}

.coord p
 {
   font-size: 18px; margin-left: 50px;
 }

.coord h3
{
  margin-top: 40px;
}

.Pinput
 {
 text-align: center;
 margin-top:5px; margin-bottom: 5px;
}

.Pinput textarea
{
	width: 91%;
	height:100px; margin-top:8px;
	background-color: transparent;
	 border: 1px solid #363636;
}

/** footer **/

footer
{
  position:absolute;
  background-color:#363636;
  width:100%;
  height:500px;
  left: 0px;
  display: none;
}

footer a
{
  color:white;
  text-decoration:none;
  margin-top:20px;
}

footer h3
{
  font-size:20px;
  margin-bottom:20px;
  color:white;
}

footer h4
{
  font-size:15px;
  margin-top:15px;
  font-weight:100;
}

footer img
{
  font-size:10px;
}

footer p
{
  color:white;
  margin-left:35%;
}

footer #logo
{
 margin-left:527px;
}

#Securite
{
  display:inline-block;
  margin-top:30px;
  vertical-align: top;
  width:295px;
}

#Client
{
  display:inline-block;
  margin-left:148px;
  margin-top:30px;
  vertical-align: top;
  width:295px;
}

#Facebook
{
  display:inline-block;
  margin-left:148px;
  margin-top:30px;
  vertical-align: top;
  width:295px;
}


.Cfooter
{
  position:absolute;
  width:1200px;
  left:50%;
  margin-left:-600px;
}

.mainfooter
{
  position:absolute;
  width:1200px;
  left:50%;
  margin-left:-600px;
}