body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#menu-gauche {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px; /* ou la largeur que vous voulez */
  height: 100%;  /* pour prendre toute la hauteur de la page */
  /*background-color: #f4f4f4;*/
  padding: 20px;
  /*box-shadow: 2px 0 5px rgba(0,0,0,0.1);*/
  overflow-y: auto; /* utile si le menu est long */
}
#contenu-principal {
  margin-left: 350px; /* 200px de menu + 20px de padding de chaque côté */
}
.Titre_MenuPied {
}
.FondBleuCiel {
	background-color: #C2E1F0;
}
.Contact_Txt {
	color: #5B5B5B;
}

body,td,th,p,div,h1,h2,h3 {
	color: #000000;
	font-family: "Exo 2", sans-serif;
	font-size: 12px;
}
.FondRose {
	background-color: #DE359F;
}
.Rose {
	color: #DE359F;
}
.FondBleu {
	background-color: #2a519e;
}
.Bleu {
	color: #2a519e;
}
.BleuCiel {
	color: #FFFFFF;
}

.FondBleuClair {
	background-color: #4F91DB;
}
.FondBleuCiel {
	background-color: #c2e1f0;
}
.FondTab1 {
	background-color: #EEEEEE;
}
.FondTab1:hover {
	background-color: #c2e1f0;
}
.FondTab2 {
	background-color: #FFFFFF;
}
.FondTab2:hover {
	background-color: #c2e1f0;
}
h1 {
	font-weight: normal;
}
.F_Anton {
	font-family: 'Anton';
}
.F_Oswald {
	font-family: 'Oswald', sans-serif;
}
.F_Cabin {
	font-family: 'Cabin', sans-serif;
	font-size: 14px;
}
.F_Ubuntu {
	font-family: 'Ubuntu';
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
a.Fiche {
	text-decoration: none;
	cursor: pointer;
}
a.Fiche:hover {
	text-decoration: none;
}
.Blanc {
	color: #FFFFFF;
}
a.Blanc {
	color: #FFFFFF;
	text-decoration: none;
}
a.Blanc:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.LienMenu {
	color: #515050;
	font-family: 'Anton';
	font-size: 34px;
	line-height: 1.2em;
	letter-spacing:1px;
}
a.LienMenu {
	color: #515050;
	text-decoration: none;
}
a.LienMenu:hover {
	text-decoration: none;
	color: #EEEEEE;
}
.LienMenuHover {
	text-decoration: none;
	color: #EEEEEE;
	font-family: 'Anton';
	font-size: 34px;
	line-height: 1.2em;
	letter-spacing:1px;
}
.LienSMenu {
	color: #333333;
	font-family: 'Anton';
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing:1px;
}

a.LienSMenu {
	color: #333333;
	text-decoration: none;
}
a.LienSMenu:hover {
	text-decoration: none;
	color: #EEEEEE;
}
.LienSMenuHover {
	text-decoration: none;
	color: #EEEEEE;
	font-family: 'Anton';
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing:1px;
}
.FondBlanc {
	background-color: #FFFFFF;
}
.FondNoir {
	background-color: #060606;
}
.Gras {
	font-weight: bold;
}
.Capitalize {
	text-transform: capitalize;
}
.Majuscule {
	text-transform: uppercase;
}
.Minuscules {
	text-transform: lowercase;
}
.Petit {
	font-size: 10px;
}
.Police11 {
	font-size: 11px !important;
}
.Police12 {
	font-size: 12px !important;
}
.Souligne {
	text-decoration: underline !important;
}
.STitre {
	font-size: 14px;
}
.Titre {
	font-size: 16px;
}
.GTitre {
	font-size: 18px;
}
.FormCentre {
	text-align: center;
}
.FormDroite {
	text-align: right;
}
.FondPied {
	background-color: #444645;
}
.Titre_MenuPied {
	color: #e3e3e3;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
}
.Lien_MenuPied {
	color: #e3e3e3;
	font-family: 'Cabin', sans-serif;
	list-style-image: url(../Images/Charte/Picto_Puce_Rose.png);
	line-height: 25px;
}
.PuceRose {
	color: #5b5b5b;
	font-family: 'Ubuntu', sans-serif;
	list-style-image: url(../Images/Charte/Picto_Puce_Rose_Mini.png);
	margin-left:-20px;
}
.FondGrisPale {
	background-color: #EEEEEE;
}
.Gris {
	color: #666666;
}
.GrisFonce {
	color: #444645;
}

.Reserve {
	visibility: hidden;
}
.GrisPale {
	color: #EEEEEE;
}
.Prod_MenuG_Titre {
	font-size: 16px;
	color: #444645;
	padding-left: 10px;
	text-transform: uppercase;
}
.FondGrisFonce {
	background-color: #5b5b5b;
}
.FondGris {
	background-color: #d4d4d4;
}
.FondBtRouge {
	background-color: #d82015;
}
.FondRouge {
	background-color: #d82015;
}

.Rouge {
	color: #d82015;
}

.FondGrisClair {
	background-color: #CCCCCC;
}
.FondOrange {
	background-color: #ef6e37;
}
.Orange {
	color: #D76135;
}

.Barre {
	text-decoration: line-through;
}
.FondVert {
	background-color: #84b225;
}
.Vert {
	color: #84b225;
}
.FondMenu {
	background-color: #D76135;
}
.Fond_MenuHaut {
	background-color: #F5F5F5;
}
.Texte_MenuHaut {
	color: #7f7d74;
	font-family: 'Cabin', sans-serif;
}
a.Texte_MenuHaut {
	color: #7f7d74;
	text-decoration: none;
}
a.Texte_MenuHaut:hover {
	color: #000000;
	text-decoration: none;
}
.Fond_MenuHaut_Barre {
	background-color: #7f7d74;
}
.Form_Input {
	border: solid 1px #e0e0e0;
	transition: box-shadow 0.3s, border 0.3s;
	color:#7b7b7b;
	padding-left:10px;
}
.Contact_Tab {
	border-bottom: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
	color:#7b7b7b;
	padding-left:10px;
}
.Contact_Area {
	border-bottom: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
	color:#7b7b7b;
	padding-left:10px;
	padding-top:10px;
}
.Contact_Area2 {

	border-bottom: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
	color:#7b7b7b;
	padding-left:5px;
}
.Contact_Form {
	border:hidden;
	color:#777777;
}
.Contact_Titre {
	font-size: 30px;
	color: #888888;
	font-weight: normal;
}
.Adh_Titre {

	font-size: 30px;
	color: #444645;
}
.Rose {
	color: #df4e92;
}
.FormGauche {

	text-align: left;
}
.Tab_Fonce {
	background-color: #A6CFE3;
}
.Tab_Clair {
	background-color: #D4EBF6;
}
h2 {
	font-weight: normal;
}
#SEARCH {
	width: 300px
	float: right;
	margin-left: 260px;
	z-index: 1101;
	position: relative;
}
#SEARCH li {
	list-style-type:none;
}
#SEARCH ul {
	padding-top: 50px;
	margin-left:-38px;
	width:310px;
}
.Bordeaux {
	color: #7a1010;
}
#Menu_Decouvrir ul {
	z-index: 1101;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}
#Menu_Decouvrir li {
	float:left;
	margin:0px;
	padding:0;
	background-color:#F5F5F5;
}
#Menu_Decouvrir li a {
	display:block;
	width:117px;
	text-decoration:none;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}
 #Menu_Decouvrir ul li ul {
	display:none;
}
#Menu_Decouvrir ul li:hover ul {
	display:block;
}
#Menu_Decouvrir li:hover ul li {
	float:none;
}
#Menu_Decouvrir li ul {
	position:absolute;
}

/*Menu ASOS by JB*/
	.first-level-asos {
			background-color: #F8F8F8;
			padding: 10px;
			display: flex;
			justify-content: center;
	}
	.first-level-asos  h1{
			color: #575656;
	}
	.second-level-asos{
			display: flex;
			justify-content: center;
			background-color: #EDEDED;
			padding-top: 25px;
			padding-bottom: 25px;
	}
	.row {
			width: 10%;
	}
	.SelectASOS {
			text-transform: none;
			padding: 10px;
			width: 99%;
			margin: 7px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background: url(https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-16.png) no-repeat right #ddd;
			background-position-x: right;
			background-position-x: 410px;
			border-top: 4px solid #E5E4E5 !important;
			border-bottom: 4px solid #E5E4E5 !important;
			border: none;
			border-top-width: medium;
			border-bottom-width: medium;
			border-top-style: none;
			border-bottom-style: none;
			border-top-color: currentcolor;
			border-bottom-color: currentcolor;
			background-color: #EDEDED;
			color: grey;
      cursor: pointer;
	}
	
/*Fin menu ASOS by JB*/
.Btn_Suivant {
	background-color: #515050;
	border-style:solid;
	border-width:1px;
	border-color:#D76135;
	border-radius:3px;
	width:92px;
	height:32px;
	cursor:pointer;
}
.Btn_Messages {
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	border-radius:2px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:linear-gradient(#F6F6F6, #CCCCCC);
}
.Btn_Messages:hover {
	background-image:linear-gradient(#CCCCCC, #F6F6F6);
}
.Contact_Form {
	border:hidden;
	color:#777777;
}
.Contact_Area2 {

	border-bottom: solid 1px #dcdcdc;
	border-top: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
	transition: box-shadow 0.3s, border 0.3s;
	color:#7b7b7b;
	padding-left:5px;
}
.MenuHaut_BordOval {
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	border-radius:3px; 
	border-radius:25px;
	height:25px;
}
.Encadre_ProdDet {
	background-color: #FFFFFF;
	border:solid;
	border-width:2px;
	border-radius:5px;
	border-color:#CCCCCC;
	box-shadow:5px 5px 5px #6f6f6f;
}
.Encadre_Vign {
	border:solid;
	border-width:1px;
	border-radius:10px;
	border-color:#d2d2d2;
	background-color:#FFFFFF;
	padding-top:10px;
}
.Encadre_FdVign {
	background:#999999;
	border-radius:0px 0px 10px 10px;
}
.Bor_Onglet {
	border-style:solid;
	border-color:#F3EEEE;
	border-width:2px;
	border-bottom-style:hidden;
	border-radius:3px;
}
.zoomin img 
{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:999;
}
.zoomin img:hover {
	transform: scale(2);
	z-index:999999999999;
}