/*/////////////////
 * rearrange for upload v0, by Unterner Marcel, 20/04/2019
//////////////////*

/* CORPS DE LA PAGGE */
body
{	
	margin-left:5%;
	margin-right:5%;
	background-image:url("../Pictures/Fond.gif");
	background-attachment:fixed;}	
	
/****************************************************************/
/*              CONTENU DE LA PAGE                              */
/****************************************************************/

#ContenuPage
{	float:right;
	border:2px solid grey;
	border-radius:10px;
	box-shadow:5px 5px 5px green;
	border:2px solid grey;
	width:75.5%;
	opacity:0.90;
	padding:2%;
	min-height:980px;
	height:auto;
	background:url("../Pictures/fond-contenu.jpg");		}

	
#ContenuPagePleinEcran
{	float:right;
	border-radius:10px;
	border:2px solid grey;
	box-shadow:5px 5px 5px green;
	border:2px solid grey;
	background:white;
	width:75.6%;
	min-height:980px;
	height:auto;
	opacity:0.90;
	padding:2%;
	background:url("../Pictures/fond-contenu.jpg");	}
	
#ContenuPage a
{	color:black;	}

#ContenuPage a:hover
{	color:white;
	background-color:black;}
	
#ContenuPageEnConstruction
{	float:right;
	border-radius:10px;
	border:2px solid grey;
	box-shadow:5px 5px 5px green;
	background:white;
	width:76%;
	opacity:0.90;
	padding:2%;
	min-height:980px;
	height:auto;
	background:url("../Pictures/fond-contenu.jpg");	}

.ImgStyle img
{	width:98%;
	border-radius:12px;
	box-shadow:8px 8px 8px green;
}

.PageSuivante
{
	float:right;}
	
.PagePrécédente
{
	float:left;}
	
h1
{	padding-left:2%;
	font-weight:bold;
	opacity:0.7;
	margin-top:10px;}
h2
{	font-weight:bold;}
h3
{	font-weight:bold;}
	
#BlackPicture
{
	width:100%;
	border-radius:7px;
	box-shadow:2px 1px 2px 1px black;
	background:black;
}

#BlackPicture img
{
	width:80%;
	margin-right:10%;
	margin-left:10%;
}

#TransparancyPicture img
{
	float:left;
	width:100%;
	height:100%;
	margin-right:12%;
	margin-left:0%;
	border-radius:10px;
}

#dureeDeVie img
{
	float:left;
}


#dureeDeVie
{	color:green;
	padding:10px;
	border:1px solid green;
	background-color:white;
	box-shadow:1px 2px 1px 2px green;
	opacity:0.8;
	border-radius:10px;}

#cout
{
	color:black;
	border:1px solid green;
	background-color:white;
	padding:6px;
	box-shadow:1px 2px 1px 2px green;
	opacity:0.8;
	border-radius:10px;}



#cout img
{
	float:left;
}
	

#lesaviezvous
{
	color:green;
	border:1px solid green;
	background-color:white;
	padding-left:10px;
	padding-right:10px;
	box-shadow:1px 2px 1px 2px green;
	opacity:0.8;
	border-radius:10px;
}

#lesaviezvous img
{
	float:left;
}

#actualites
{
	color:green;
	padding:30px;
	border:1px solid green;
	background-color:white;
	box-shadow:1px 2px 1px 2px green;
	opacity:0.8;
	border-radius:10px;

}

#Intitule
{	padding-left:1%;
	width:60%;
	border:0px solid green;
	height:20px;
	box-shadow:0px 0px 0px 0px green;
	opacity:1;
}

#Banniere 
{	border:2px solid grey;
	height:120px;
	border-radius:10px;
	background:url("../Pictures/fond-banniere.jpg");
	opacity:0.90;
	padding:8px;
	box-shadow:5px 5px 5px green; }
	
#TopMenu  	
{	height:70px;
	width:100%;
	border-radius:10px;
	color:black;
	opacity:0.90;
	text-align:left;}
		
		
.Liens_sociaux
{
	margin-right:2%;
	margin-top:1%;
	float:right;
}

.Liens_sociaux img
{
	float:right;
}

#TopMenu a
{	color:white;	}

#logo img
{	height:100px;}

#EconomiesEnergies
{	float:left;
	margin-left:1%;
	width:68%;
	height:60px;
	margin-top:2px;}
	
#EconomiesEnergies a
{	
	color:black;}
	
#EconomiesEnergies a:hover
{	
	color:white;
	background-color:black;}

#EconomiesEnergiesCatalogue
{	float:left;
	width:30%;
	height:100px;
	margin-top:2px;}
	
#EconomiesEnergiesCatalogue a
{	color:black;}

#EconomiesEnergiesCatalogue a:hover
{	color:white;
	background-color:black;}

.BottomMenu
{	border:none;
	float:right;
	padding:0.5%;
	height:20px;
	border-radius:10px;}
	
#BottomMenu img
{	float:right;
	border-radius:10px;}

#champ_recherche
{	height:11px;
	width:10%;
	margin-left:10px;
	margin-bottom:10px;
	font-size:small;
	opacity:0.6;
	border-radius:8px;
	box-shadow:2px 2px 2px black;}	
	
#image_champ_recherche
{	margin-left:1%;}	

.PaiementEnLigne
{	float:right;
	height:28px;
	width:20%;
	border:0px;
	margin-right:0%;}

.PaiementEnLigne img
{	float:none;
	border:0px;}
	
#BottomMenu a
{	color:black;}

#BottomMenu a:hover
{	color:white;
	background-color:black;}

#CadrePrincipal
{	float:left;
	border:0px solid black;
	width:100%;
	height:auto;
	margin-top:0.8%;}

/****************************************************************/
/*               MENU SITUÉ SUR LE COTE                         */
/****************************************************************/


#Menu
{	width:18%;	
	height:1000px;
	float:left;
	text-align:left;
	border-radius:10px;
	border:2px solid grey;
	box-shadow:5px 5px 5px green;
	padding-left: 3px;
	padding-top: 6px;
	padding-bottom:20px;
	background:white;
	opacity:0.90;
	background:url("../Pictures/fond-menu.jpg");}


#Menu a
{	color:black;	}

#Menu a:hover
{	color:white;
	background-color:grey;}

#Economies_energies_accueil
{	width:auto;
	height:50px;
	padding:6px;
	margin:1%;}
	
#Economies_energies_accueil img
{	float:left;
	height:40px;
	width:42px;}
	
#TextIconeAccueil	
{	margin-left:2%;
	padding-left:50px;}	

#Economies_energies_actualites
{	width:auto;
	height:50px;
	padding:6px;
	margin:1%;}
	
#Economies_energies_actualites img
{	float:left;
	height:42px;
	width:44px;}
	
#TextIconeActualites	
{	margin-left:2%;
	padding-left:50px;}	
	
	
#Economies_energies_plan_du_site
{	width:auto;
	height:50px;
	padding:6px;
	margin:1%;
	}
	
#Economies_energies_plan_du_site img
{	float:left;
	height:42px;
	width:44px;}
	
#TextIconePlanDuSite
{	margin-left:2%;
	padding-left:50px;}	
	
	
#Economies_energies_connexion
{	height:auto;
	padding:6px;
	margin:1%;}
	
#Economies_energies_connexion img
{	float:left;
	height:auto;
	width:44px;}
	
#TextIconeConnexion
{	margin-left:2%;
	padding-left:50px;
	height:auto;}	

.Login
{
	font-size:x-small;
	
}
.connexion
{

	font-size:small;
}
	
#TextIconeBienvenue
{	margin-left:2%;
	padding-left:50px;
	height:auto;}	

#Connexion
{	width:auto;
	height:auto;
	border:1px solid black;
	padding:6px;
	margin:1%;}
	
#Connexion img
{	float:left;
	height:48px;
	width:50px;}

#Economies_energies_forum
{	width:auto;
	height:50px;
	padding:6px;
	}
	
#Economies_energies_forum img
{	float:left;
	height:40px;
	width:42px;}

#TextIconeForum
{	margin-left:2%;
	padding-left:50px;}	
	
#Economies_energies_inscription
{	width:auto;
	height:50px;
	padding:6px;
	margin-top:10px;
	}
	
#Economies_energies_inscription img
{	float:left;
	height:42px;
	width:44px;}

#TextIconeInscription
{	margin-left:2%;
	padding-left:50px;}	
	
#Economies_energies_liste_partenaires
{	width:auto;
	height:50px;
	padding:6px;
	}
	
#Economies_energies_liste_partenaires img
{	float:left;
	height:42px;
	width:44px;}

#TextIconeListePartenaires
{	margin-left:2%;
	padding-left:50px;}	
	
#Economies_energies_formulaire_contact
{	width:auto;
	height:50px;
	padding:6px;
	margin-top:2%;
	}
	
#Economies_energies_formulaire_contact img
{	float:left;
	height:44px;}

#TextIconeFormulaireContact
{	margin-left:2%;
	padding-left:50px;}	
	
#Economies_energies_informations_légales
{	width:auto;
	height:50px;
	padding:6px;
	}
	
#Economies_energies_informations_légales img
{	float:left;
	height:42px;
	width:44px;}

#TextIconeInfos
{	margin-left:2%;
	padding-left:50px;}	
	
#Economies_energies_liens_utiles
{	width:auto;
	height:50px;
	padding:6px;}
	
#Economies_energies_liens_utiles img
{	float:left;
	height:42px;
	width:44px;}

#TextIconeLiensUtiles
{	margin-left:2%;
	padding-left:50px;}	
	
.DescriptifLiensUtiles
{	color:blue;
	padding-left:3px;}

#Economies_energies_livre_or
{	width:auto;
	height:50px;
	padding:6px;}
	
#Economies_energies_livre_or img
{	float:left;
	height:42px;
	width:44px;}

#TextIconeLivreOr
{	margin-left:2%;
	padding-left:50px;}	
	
#Economies_energies_newsletter
{	width:auto;
	height:70px;
	padding:6px;
	margin-top:30%}
	
#Economies_energies_newsletter img
{	float:left;
	height:34px;
	width:44px;}

#TextIconeNewsletter
{	margin-left:2%;
	padding-left:50px;
	height:auto;}	
	
.NewsletterText
{	font-size:small;	}
		
#InfoContenuBasket
{	font-size:x-small;
	color:blue;
	margin-top:1%;	}

#Basket a
{	color:black;}

.small a
{	font-size:small;
	color:black;}

.mini a
{	font-size:xx-small;
	color:black;}
			
#Nota
{	font-size:small;
	color:blue;}
	
#NotePersonnelle
{	font-size:small;
	color:blue;}

.LiensSociaux
{
	float:right;
	margin-right:1%;
	margin-top:10px;
	border-radius:10px;
	height:16px;
	width:18%;
}	

.LiensSociaux img
{
	padding-left:4px;
	padding-right:4px;
	height:20px;
	float:right;
}	

/****************************************************************/
/*              PIED DE PAGE                                    */
/****************************************************************/


	
#Footer img
{	height:40px;
	padding-left:3%;
	float:left;}

#Footer
{	float:right;
	height:7%;
	margin-top:0.8%;
	margin-bottom:0.8%;
	width:100%;
	background:url("../Pictures/fond-footer.jpg");
	opacity:0.90;
	border-radius:10px;
	border:2px solid grey;
	box-shadow:5px 5px 5px green;
	text-align:center;}


/****************************************************************/
/*            INSCRIPTION                                       */
/****************************************************************/
	

	
#Formulaire
{	width:86%;
	height:680px;
	padding-left:4%;
	margin-left:4%;
	opacity:10;
	border:2px solid black;
	border-radius:10px;
	box-shadow:4px 4px 4px green;}

#FormulaireRegenerationmdp
{	width:86%;
	height:280px;
	padding-left:4%;
	margin-left:4%;
	opacity:10;
	border:2px solid black;
	border-radius:10px;
	box-shadow:4px 4px 4px green;}

.textboxNom
{	float:right;
	margin-right:33%;}

.textboxPrenom
{	float:right;
	margin-right:33%;}

.textboxBirth
{	margin-right:33%;
	float:right}

.textboxEmail
{	float:right;
	margin-right:33%;}

.textboxTelephone
{	float:right;
	margin-right:33%;}

.textboxUser
{	float:right;
	margin-right:33%;}
	
.textAvatar
{	float:right;
	margin-right:33%;}

.textboxPassword
{	float:right;
	margin-right:33%;}
	
.CtrltextboxPassword
{	float:right;
	margin-right:33%;}
	
.textboxDate
{	float:right;
	margin-right:33%;}
	
.textboxSexe
{	float:right;
	margin-right:33%;}
	
.textboxNum
{	float:right;
	margin-right:33%;}
	
.textboxVoie
{	float:right;
	margin-right:33%;}
	
.textboxCp
{	float:right;
	margin-right:33%;}
	
.textboxVille
{	float:right;
	margin-right:33%;}
	
.textboxAvatar
{	float:right;
	margin-right:33%;}
	
.textboxPassword2
{	float:right;
	margin-right:33%;}
	
.msgerreur
{	color:red;	}

.msgbleu
{
	color:blue;
}

.erreurlog
{	color:red;
	font-size:small;	}
	
	

/****************************************************************/
/*           FORMULAIRE DECONTACT                               */
/****************************************************************/
	

#Formulaire
{	width:86%;
	height:auto;
	padding-left:4%;
	margin-left:4%;
	opacity:10;
	border:2px solid black;
	border-radius:10px;
	box-shadow:4px 4px 4px green;}

.textboxContactCourriel
{	float:right;
	margin-right:20%;}

.textboxContactNom
{	float:right;
	margin-right:20%;}
	
.MenuDemande
{
	float:right;
	margin-right:20%;}
	
.TextAreaContact
{
	width:80%;
}	
	
	
/****************************************************************/
/*          	  ECONOMIES-ENERGIES:FORUM                      */
/****************************************************************/

        

#Categorie_forum
{	margin:10px;
	padding:10px;
	border:1px solid green;
	border-radius:6px;
	box-shadow:4px 4px 4px green;}
	
#Categorie_forum img
{	height:30px;
	width:30px;
	border:0px;}

.TextAreaForum
{
	width:76%;
	height:100px;

}

#imgforum img
{
	height:120px;
	
	border-radius:10px;
}
#imgforum 
{
	border:2px solid black;
	height:140px;
	width:120px;

	
}


#textmessageforum
{
	margin-left:10%;

	width:80%;
	height:auto;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
}

#SujetParCategorie
{	border:1px solid grey;
	border-radius:6px;
	padding:2%;
	box-shadow:4px 4px 4px green;
	height:auto;}
	
#SujetParCategorie img
{	border:0px;
	height:30px;
	width:30px;
	float:left;}
	
#SujetForum
{
	border:1px solid grey;
	border-radius:6px;
	box-shadow:4px 4px 4px green;
	height:40px;
	width:90%;
	padding:2%;
	background-color:white;
	margin-left:2%;
}

.nombremessages
{
	float:right;
	font-size:small;
	color:grey;
}

.nombremessages img
{
	float:none;
	height:10px;
}
.informationssujet
{
	font-size:small;
	color:black;
}

#MessageForum
{
	border:1px solid grey;
	border-radius:6px;
	box-shadow:4px 4px 4px green;
	height:auto;
	width:90%;
	padding-left:0%;
	background-color:white;
	opacity:1;
}

#MessageForum img
{
	float:left;
	box-shadow:1px 1px 1px green;
	height:42px;
	border-radius:70%;
	background-color:white;}

#InformationsMessage
{	float:left;
	font-size:small;
	color:white;
	background-color:green;
	border:1px solid green;
	border-radius:1px;
	margin-left:1%;
	box-shadow:2px 2px 2px green;}

#PartieMessageForum
{
	border:1px solid grey;
	border-radius:6px;
	padding-top:2%;
	padding-right:2%;
	padding-bottom:2%;
	padding-left:2%;
	box-shadow:4px 4px 4px green;
	height:auto;}

/****************************************************************/
/*          	  ECONOMIES-ENERGIES:LIVRE D OR                 */
/****************************************************************/



#LivreOrEncadre
{	margin:10px;
	padding:10px;
	border:1px solid green;
	border-radius:6px;
	box-shadow:4px 4px 4px green;}

.TextAreaLivreOr
{	float:left;
	margin-right:40%;
	width:80%;
	height:100px;}
	
#PostMessageLivreOr
{
}

.InfosMessageLivreOr
{	font-size:x-small;
	padding:1%;
	float:right;
	margin-right:2%;}

#MessageLivreOr
{	border:1px solid black;
	border-radius:8px;
	padding:10px;
	background-color:#EFF2F1;}
	
#MessageLivreOr img
{	float:left;
	box-shadow:1px 1px 1px green;
	height:42px;
	border-radius:70%;
	background-color:white;}
	
	
		
.MessageVerificationLivreOr
{	color:blue;}

#Verification
{	width:10%;
}


#Administration
{	width:79.2%;
	height:76%;
	float:right;
	margin-top:0.5%;
	padding-left: 3px;
	padding-right:3px;
	padding-top:10px;
	border-radius:10px;
	border:1px solid black;
	box-shadow:8px 8px 8px black;
	background:white;
	opacity:0.85;}

.hSpecial
{	font-size:x-large;
	color:black;
	padding-left:2%;}

.GestionAdmin a
{	font-size:medium;
	color:black;
	padding-left:2%;}

#CadreAdmin
{	border-radius:10px;
	border:1px solid black;
	box-shadow:8px 8px 8px black;
	padding-left:2%;
	height:92%;
	width:auto;
	background-color:white;
	margin-left:2%;
	margin-right:2%;
	margin-top:3%}

#TextAreaCaracteristics
{
	float:none;
	padding:5px;
	margin-right:29.5%;}

#TextAreaDescription 
{	float:none;
	padding:5px;
	margin-top:-2%;
	margin-right:29.5%;}

.textboxArticleName
{float:right;
 margin-right:30%;}

.textboxArticleDescritpion
{float:right;
 margin-right:40.8%;}
 
.textboxArticlePrice
{float:right;
 margin-right:51.5%;}
 
 .textboxArticleWeight
 {float:right;
  margin-right:51.5%;}

.liens_eco-habitat 
{
	font-size:small;
	margin-left:2%;
	color:blue;
	text-decoration:underline;
}
.liens_eco-habitat a
{
	font-size:small;
	margin-left:2%;
	color:blue;
}

.liens_eco-habitat img
{
	border:0px;;
}

.liens_eco-habitat a:hover
{
	font-size:small;
	margin-left:2%;
	color:white;
	background-color:grey;
}

.sousligné
{
	text-decoration:underline;
}

#FrameDescriptifAuto
{	width:73.6%;
	height:auto;
	float:left;
	margin-top:0%;
	padding-top:10px;
	border-radius:10px;
	border:1px solid black;
	box-shadow:8px 8px 8px black;
	background:white;
	padding-left:3%;
	padding-right:3%;
	margin-left:1%;
	opacity:0.85;}

#FrameDescriptifAuto a
{	color:black;
	margin-left:70%;}
	
#img-jpg img
{
	width:100%;
	border-radius:10px;
	border:1px solid blue;
}