﻿/* CSS GENERAL *//* couleur claire dominante : rgb(248,230,224) - #F8E6E0 *//* couleur "moyenne" issue de la couleur dominante : rgb(242,210,200) - #F2D2C8 *//* couleur "foncée" issue de la couleur dominante : rgb(228,165,143) - #E4A58F *//* couleur logo : #ED008C *//* couleur d'essai : #ED008C // Rose plus flashi */
*{  padding:0px;  margin:0px;}
body{  font-family:calibri, arial;  text-align:center;  background-color:#fff;  font-size:16px;}
p{ line-height:26px; }
/*************************** HEADERS ***************************/
/* Bloc HEADER */
header{	position:fixed;	top:0px;	width:100%;	height:65px;	background-color:#fff;	z-index:10;	box-shadow:0px 3px 2px #ddd;	font-size:10px;}
/* Calque comportant le menu */
#PorteMenu{  border:0px solid #000;  width:100%;  position:absolute;  z-index:15;}
/* Logo */
#Logo{	text-align:left;	margin-left:20px;	font-size:6px;	font-weight:bolder;	color:#ED008C;	height:0px;	position:relative;	border:0px solid #000;	min-width:250px;	/*text-shadow:3px 3px 3px #555;*/	top:0px;}
#Logo:first-letter{	font-size:80px;}
#Logo > a > img{	margin-top:2px;	height:60px;}
.SilverEco{	height:100px;	position:relative;	top:-15px;}
/* Texte Panier + logo panier */
#HeaderRight{	float:right;	text-align:right;	margin-right:20px;	height:0px;	position:relative;	border:0px solid #fff;	min-width:250px;	/*text-shadow:3px 3px 3px #555;*/	top:-15px;	font-size:14px;}#Content{  border:0px solid #000;  width:70%;  min-width:600px;  margin:auto auto;}
#Panier{	height:50px;	width:250px;	border:0px solid #000;	text-align:right;	float:right;	margin-right:20px;	position:relative;	z-index:0;	top:-7px;}
#Panier img{	position:relative;	top:30px;	margin-left:0px;}
/* texte + logo "MON COMPTE" */
#MyAccount{	font-size:20px;	font-weight:bolder;	color:#E4A58F;	position:relative;	top:10px;	border:0px solid #666;	float:right;	z-index:0;}#MyAccount img{	height:50px;	width:40px;	position:relative;	top:20px;}
/* Baseline "Une solution dédiée au personnes fragiles pour bien vivre à domicile" */
#Baseline{	font-size:56px;	font-weight:bold;	text-align:center;	color:#fff;	height:0px;	position:relative;	z-index:0;  border:0px solid #000;	min-width:300px;	text-shadow:3px 3px 1px #333;	top:-350px;	text-transform:uppercase;}
#ImgHome{	width:100%;	margin-top:48px;}
/******************************************************************/

/* *********** CONTENU *********** */
/* Bloc de rubrique de la Homepage */
.Bloc{
	/*border-bottom:2px solid rgb(248,230,224);*/	text-align:left;	padding:10px 50px;}
.BlocColor{	background-color:#eee;}.Bloc p{	margin:10px 0;}.Bloc h2{	color:#777;	font-size:22px;	text-transform:uppercase;	margin-top:15px;}/* Aligne les éléments de la balise à gauche : désigne généralement les cellules de gauche */.Left{	text-align:left;}/* Aligne les éléments de la balise à droite : désigne généralement les cellules de droite */.Right{	text-align:right;}/* Tableau sur toute la largeur à 2/3 colonnes où les colonnes sont de largeur égales */.TabMiddle, .TabTiers{	width:100%; }.TabMiddle tr td{	width:60%;	padding:5px;}.TabMiddle tr td p{	width:100%;}.TabTiers tr td{	width:33%;	padding:3px;	text-align:center;}.Top{	text-align:center;	position:relative;	top:-10px;}/* Images des fleches du lien qui permet de retourner en haut de page */.Top img{	width:50px;	position:relative;	top:-13px;}/* Style des titres des ancres nommées */.AncreNommee{	font-size:14px;	color:#ff0000;	text-transform:uppercase;	text-decoration:none;	font-weight:bolder;}
/* Mise en forme des carrés de la partie "partenaire" */#ContentBlocPartenaire{  float:left;  border:0px solid #00f;  width:100%;  height:600px;  margin-bottom:30px;}
.BlocPartenaire{  border:2px solid #E4A58F;  width:265px;  height:265px;  margin:auto auto;  border-radius:200px;  padding:3px;  font-weight:bold;}.BlocPartenaire:hover{  background-color:#e0e0e0;  box-shadow:2px 2px 4px #555;}
.BlocPartenaire span{  position:relative;  top:0px;}.BlocPartenaire p{  font-weight:normal;  position:relative;  top:0px;  width:200px;  left:35px;}
.BlocPartenaire div{  font-weight:normal;  position:relative;  top:0px;  text-align:center;  width:100%;}
.BlocPartenaire p:first-letter{  text-transform:uppercase;}
.LogosPartenaires{  max-width:150px;  max-height:150px;  margin:auto auto;}
/* Image de construction dans chaque bloc partenaire *//*.InBluilding{  position:relative;  top:-15px;  left:-15px;  width:60px;  z-index:9;}*/
/* Position des icônes du menu */.PosIcon{	width:30px;	position:relative;	top:-8px;	right:2px;	margin:0;	padding:0;}/* Mise en forme des photos du staff */.ImgStaff{	border-radius:100px;	height:120px;}
.VotreAvis{	width:200px;}/*********************************************/
/*********** Formulaire de contact ***********/#FormContact{  margin:0 auto;  min-width:400px;  max-width:610px;  border:2px solid #ddd;  border-radius:2px;  text-align:left;  box-shadow:3px 1px 3px #999;  margin-top:84px;  margin-bottom:50px;  padding-left:5px;}
input[type=radio]{  margin:0 20px 0 5px;}
/* Formulaire de contact */form{  text-align:center;  padding:10px;}
/* Tableau du formulaire de contact */#ContentForm{  width:100%;  margin:auto 0;}
/* Lignes du tableau du formulaire de contact */#ContentForm tr{  height:62px;}/* Elements du formulaire de contact */input[type="submit"], input[type="button"]{  cursor:pointer;  padding:3px;  border-radius:0px;  box-shadow:2px 2px 4px #333;  font-weight:bolder;  margin:10px 0;  font-size:20px;  color:#000;}
input[type="submit"]:hover{  color:#777777;}
input[type="text"]{  border-radius:3px;  box-shadow:2px 2px 4px #333;  font-weight:bolder;  width:250px;  font-size:24px;  font-family:calibri, arial;  height:30px;}.NameInput{  text-transform:uppercase;  width:30%;}.Column{  width:70%;}/* Style quand on envoie le formulaire de contact (sans erreur) */#FormValidate{  font-size:30px;  color:#E4A58F;  margin-top:200px;  font-weight:bolder;  text-transform:uppercase;  text-align:center;}#FormValidate a{  color:#aa0000;  text-decoration:none;}#FormValidate a:hover{  color:#0000ee;  text-decoration:none;  font-size:32px;}textarea{  height:85px;  width:585px;  margin:10px;  font-size:22px;  font-family:calibri, arial;}#commentaire{  height:135px;  width:585px;}
/* Titres de la page formulaire de contact */.TitleContactForm{	color:#777;	font-size:22px;	/*text-shadow:1px 1px 1px #333;*/	font-weight:bolder;}
/* Mention "champ obligatoire" */.ChampOblige{	font-size:13px;	font-style:italic;}/********************************************/
/* Pied de page */footer{  width:100%;  background-color:#999;  color:#eee;  height:25px;  position:fixed;  left:0;  margin-left:0px;  bottom:0;  text-align:center;  text-shadow:1px 1px 3px #555;  box-shadow:0px -3px -2px #E4A58F;}
footer img{  height:20px;}
/* Div de la partie des réseaux sociaux */#SocialLogos{	position:relative;	left:120px;	top:-2px;}
/* Logos de la aprtie réseaux sociaux */#SocialLogos img{	position:relative;	top:5px;	margin:0 4px;}/********************************************//* Classe de retour d'erreur */.Erreur{  color:#ff0000;  font-size:15px;  height:0px;  position:relative;  top:5px;}