/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 00 mois 0000
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: ;
	background: #f8f7f3 url(/images/Bg.gif) repeat-x;
}
p {
	margin: 0 0 20px 0;
}
h1 {
	font: 3em "Times New Roman", Times, serif;
	color: #262626;
	margin: 0;
}
h2 {
	font-size: 1.2em;
	color: #a6a685;
	font-weight: bold;
	margin: 20px 0 5px 0;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #f15d2f;
	margin: 30px 0 10px 0;
}
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: #2f5d78;
	margin: 10px 0 2px 0;
}
a, a:hover {
	color: #f15d2f;
	text-decoration: none;
}
a:hover {
	color: #2f5d78;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer { clear: both; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }

#Wrapper {
	width: 960px;
	margin: 0 auto;
}

/*-- Entete de page --*/
#Entete {
	position: relative;
	height: 318px;
	background-repeat: no-repeat;
	background-position: top right;
}
#Logo {
	position: absolute;
	top: 50px; left: 19px;
}
#NavFixe {
	position: absolute;
	top: 50px; left: 312px;
	text-transform: uppercase;
}
#NavFixe li {
	padding: 3px 0;
}
#NavFixe a {
	color: #464646;
}
#NavFixe a:hover {
	color: #f15d2f;
	text-decoration: underline;
}
#Recherche {
	position: absolute;
	top: 166px; left:698px;
	background: url(/images/Bg_ChampRecherche.gif) no-repeat;
}
#Recherche input {
	float: left;
	width: 182px; height: 21px;
	color: #909090;
	background: none;
	border: 0;
	margin-right: 5px;
	padding: 7px 0 0 10px;
}
#Recherche a {
	float: left;
	display: block;
	width:37px;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
	background: url(/images/Bg_BtRecherche.gif) no-repeat;
	padding-left: 7px;
}

#Infolettre, #Login {
	position: absolute;
	top: 0; right: 0;
	width: 244px;
	background: url(/images/Bg_Infolettre.gif) no-repeat 0% 100%;
}
#Login { display: none; right: 0; background-image: url(/images/Bg_Login.gif); }
#Infolettre h3, #Login h3 {
	text-transform: uppercase;
	margin: 0 0 10px;
}
#Infolettre h3 a, #Login h3 a {
	display: block;
	background: url(/images/Img_Plus.gif) no-repeat 100% 50%;
	color: #acacac;
	outline: none;
}
#Login h3 a { color: #f8f7f3; }
#Infolettre h3 a:hover, #Login h3 a:hover { color: #fff; }
#Infolettre h3 a.On, #Login h3 a.On { background-image: url(/images/Img_Moins.gif); }
#Infolettre .Corps, #Login .Corps {
	background: #363636;
	padding: 8px 18px 0 18px;
}
#Login .Corps { background: #a6a685; }
#Infolettre p, #Login p {
	font-size: 1.1em;
	color: #fff;
	margin: 0 0 10px;
}

/*-- Corps de la page --*/
#Slogan {
	position: absolute;
	top: 237px; left: 24px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#Corps {
	width: 960px;
	background: #fcfbfa url(/images/Bg_BasCorps.gif) no-repeat bottom left;
	padding-bottom: 34px;
}
#Contenu {
	float: right;
	display: inline;
	width: 624px;
	margin-right: 24px;
}
#Contenu p {
	font-size: 1.2em;
	color: #898989;
	line-height: 1.6em;
}
#Contenu #FilAriane {
	min-height: 1em;
	font-size: 1.1em;
}
#Contenu #FilAriane li {
	float: left;
	background: url(/images/Puce_FilAriane.gif) no-repeat 100% 5px;
	padding: 0 15px 0 0;
}
#Contenu #FilAriane li.LastItem {
	background-image: none;
	padding: 0;
}
#TitreGeneres {
	border-bottom: 2px solid #3e3d3d;
	margin-bottom: 20px;
	padding-bottom: 10px;
	clear: both;
}
#TitreGeneres h2 {
	text-transform: uppercase;
	margin: 5px 0 0;
}

/*-- Bas de la page --*/
#PiedPage {
	color: #898989;
	margin-top: 20px;
	padding: 0 20px;
}
#PiedPage a {
	color: #f15d2f;
}
#PiedPage a:hover {
	color: #2f5d78;
}
#Copyright {
	float: left;
	font-size: 1.1em;
	text-transform: uppercase;
}
#Copyright span {
	color: #f15d2f;
}
#Copyright a {
	font-size: 0.9em;
	text-transform: none;
}
#NoticeCommentaires {
	float: right;
	font-size: 1.1em;
	text-align: right;
	text-transform: uppercase;
}
#NoticeCommentaires span.TextePetit {
	text-transform: none;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Entete { height: 496px; }
#AccIntro {
	position: absolute;
	top: 334px; left: 24px;
	width: 411px;
}
#AccIntro p {
	font: 2em "Times New Roman", Times, serif;
	color: #898989;
	margin: 0 0 18px;
}

#AccFlash {
	position:absolute; right:0; bottom:9px;
}

body.Accueil #ColG {
	width: 352px;
	background-image: url(/images/Bg_AccColG.gif);
}
body.Accueil #ColG .Bg {
	padding: 14px 0 11px;
}
body.Accueil #ColG .Intro {
	border-bottom: 2px solid #3e3d3d;
	padding: 0 20px 12px;
}
body.Accueil #ColG h3 { margin: 0 0 10px; }
body.Accueil #ColG p {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #b7b7b7;
	margin: 0 0 10px;
}
body.Accueil #ColG .Nouveaute {
	border-top: 1px solid #3e3d3d;
	padding: 18px 20px 8px;
}
body.Accueil #ColG .Nouveaute h4 {
	color: #f15d2f;
	text-transform: uppercase;
	margin: 0 0 4px;
}
body.Accueil #ColG .Nouveaute h4 strong {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #c9c9b0;
	text-transform: none;
}
body.Accueil #ColG .Nouveaute p { font-size: 1.1em; }

body.Accueil #Contenu { width: 578px; margin-right: 10px; }
body.Accueil #Contenu #SousCategories .Bg { padding-top: 14px; }
body.Accueil #Contenu #SousCategories h2 {
	font: normal 2.4em "Times New Roman", Times, serif;
	color: #fff;
	margin: 0 0 10px;
}
body.Accueil #Contenu #SousCategories .Intro { padding: 0 22px; }
body.Accueil #Contenu #SousCategories p { color: #262626; }
body.Accueil #Contenu #SousCategories p.Titre { font-weight: normal; text-transform: none; }
body.Accueil #Contenu #SousCategories p.PDF {
	height: 23px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 23px;
	text-transform: uppercase;
	background: url(../images/Img_PDF.gif) no-repeat 0% 50%;
	margin: 0;
	padding-left: 28px;
}
body.Accueil #Contenu #SousCategories p.PDF a { color: #fff; }
body.Accueil #Contenu #SousCategories p.PDF a:hover { color: #f15d2f; }

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#ColG {
	float: left;
	display: inline;
	width: 280px;
	background: #262525 url(/images/Img_EnteteSousMenu.gif) no-repeat;
	margin-left: 10px;
}
#ColG .Bg {
	background: url(/images/Img_BasSousMenu.gif) no-repeat bottom left;	
	padding: 20px 0 11px;
}


#ColG h3 {
	font: 2.4em "Times New Roman", Times, serif;
	color: #ffffff;
	margin: 0 0 20px 20px;
}
/*#ColG div.BasBloc {
	height: 11px;
}*/

/*-- Bloc pour Landing page de catégorie --*/
#Contenu #LPCategorie {
	position: relative;
	height: 464px;
	background: no-repeat;
	margin: 0 0 16px;
}
#Contenu #LPCategorie .Contenu {
	position: absolute;
	width: 350px; /*height: 191px;*/
	right: 14px; top: 66px;
	background: url(/images/Bg_FondSemi.png);
	padding: 4px 10px;
	overflow: hidden;
}
#Contenu #LPCategorie .Contenu h2 {
	font: bold 2.2em "Times New Roman", Times, serif;
	color: #fff;
	margin: 0 0 8px;
}
#Contenu #LPCategorie .Contenu p {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	line-height: 1.4em;
	margin: 0 0 8px;
}

/*-- Bloc pour sous-catégories --*/
#Contenu #SousCategories {
	width: 578px;
	background: #d3d3bf url(/images/Bg_EnteteSousCategories.gif) no-repeat;
}
#Contenu #SousCategories .Bg {
	background:url(/images/Bg_BasSousCategories.gif) no-repeat left bottom;
	padding: 15px 0 11px;
}
#Contenu #SousCategories p.Titre {
	font-weight: bold;
	color: #262626;
	line-height: 34px;
	text-transform: uppercase;
	background: #a6a685;
	margin-bottom: 20px;
	padding-left: 22px;
}
#Contenu #SousCategories ul {
	float: left;
	display: inline;
	width: 245px;
	margin-left: 23px;
}
#Contenu #SousCategories ul li {
	background: url(/images/Puce_SousCategorie.gif) no-repeat 0 5px;
	padding-left: 18px;
}
#Contenu #SousCategories ul li a {
	color:#5e5f51;
}
#Contenu #SousCategories ul li a:hover {
	color:#f15d2f;
}
/*#Contenu #SousCategories div.BasBloc {
	height: 11px;
}*/

/*-- Page intérieur pleine largeure --*/
body.PleinePage #Contenu {
	float: none;
	display: block;
	width: auto;
	margin: 0 24px;
}


/*- Styles spéciaux pour Produits - Listing -----------------------------------*/

body.Produits-Listing #Contenu {
	display: inline;
	width: 630px;
}
body.Produits-Listing #TitreGeneres {
	margin-left: 6px;
}
#Contenu #ListingProduits li {
	float: left;
	width: 300px; height: 111px;
	font-size: 0.9em;
	background: none;
	margin: 0 14px 11px 0;
	padding: 0;
	overflow: hidden;
}
#Contenu #ListingProduits li img {
	float: left;
	vertical-align: top;
	margin-right:12px;
}
#Contenu #ListingProduits li a {
	display: block;
	height: 99px;
	color: #898989;
	text-transform: uppercase;
	padding: 6px;
}
#Contenu #ListingProduits li a:hover {
	background: #e2e1d7;
}
#Contenu #ListingProduits li .NumeroProduit {
	font: bold 1.6em "Times New Roman", Times, serif;
	color: #a6a685;
}
#Contenu #ListingProduits li .NomProduit {
	font-weight: bold;
	color: #3e3d3d;
	text-transform: uppercase;
}
#Contenu #ListingProduits li.Category .PhotoProduit {
	float: left;
	display: block;
	width: 125px; height: 99px;
	vertical-align: top;
	margin-right:12px;
	overflow: hidden;
}
#Contenu #ListingProduits li.Category .NumeroProduit {
	font-size: 1.3em;
	padding-right: 12px;
}

/*-- Catégories --*/
#Contenu #ProduitsCategorie {
	border-top: 1px solid #9d9c9b;
	margin-top: 18px;
	padding-top: 18px;
}
#Contenu #ProduitsCategorie h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #262525;
	margin: 0 0 18px;
}
#Contenu #ProduitsCategorie li {
	float: left;
	width: 172px; height: 230px;
	font-size: 0.9em;
	background: none;
	margin: 0 12px 18px 0;
	padding: 0;
	overflow: hidden;
}
#Contenu #ProduitsCategorie li img {
	display: block;
	margin-bottom: 8px;
}
#Contenu #ProduitsCategorie li .NumeroProduit {
	display: block;
	height: 42px;
	font: bold 1.5em "Times New Roman", Times, serif;
	color: #a6a685;
	margin: 0 0 4px;
}

/*- Styles spéciaux pour Produits - Détails -----------------------------------*/
body.Produits-Details h3 {
	color: #a6a685;
	margin: 16px 0 16px;
}

#Contenu #ProduitsConnexes {
	border-top: 1px solid #9d9c9b;
	margin-top: 18px;
	padding-top: 18px;
}
#Contenu #ProduitsConnexes h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #262525;
	margin: 0 0 18px;
}
#Contenu #ProduitsConnexes li {
	float: left;
	width: 172px; height: 230px;
	font-size: 0.9em;
	background: none;
	margin: 0 12px 11px 0;
	padding: 0;
	overflow: hidden;
}
#Contenu #ProduitsConnexes li img {
	display: block;
	margin-bottom: 8px;
}
#Contenu #ProduitsConnexes li .NumeroProduit {
	display: block;
	font: bold 1.5em "Times New Roman", Times, serif;
	color: #a6a685;
	margin: 0 0 4px;
}


/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position: absolute;
	top: 160px; left: 0;
}
#MenuPrincipal li {
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 40px;
	text-transform:uppercase;
}
#MenuPrincipal li a {
	display: block;
	color: #fff;
	padding: 0 14px;
}
#MenuPrincipal li a:hover {
	background: #2f5d78;
}
#MenuPrincipal li a.On {
	color: #2f5d78;
}
#MenuPrincipal li a.On:hover {
	color: #2f5d78;
	background: none;
}
#SousMenu {
	/*background: url(/images/Img_BasSousMenu.gif) no-repeat bottom left;*/
	padding-bottom: 9px;
}
#SousMenu li {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 8px;
	padding-left: 20px;
}
#SousMenu li a {
	color: #b8b8b0;
	background: url(/images/Bg_ItemSousMenu.gif) no-repeat;
	padding-left: 10px;
}
#SousMenu li a:hover {
	color: #fcfbfa;
	background-position: 0 -37px;
}
#SousMenu li.On {
	background: #3e3d3d;
	margin-bottom: 12px;
	padding: 20px 20px 15px;
}
#SousMenu li.On a {
	color: #f15d2f;
	background: none;
	padding-left: 0;
}
#SousMenu li ul {
	margin-top: 10px;
}
#SousMenu li ul li {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 0;
}
#SousMenu li.On ul li.On {
	margin-bottom: 5px;
	padding: 0;
}
#SousMenu li.On ul li a {
	color: #b8b8b0;
	background: url(/images/Bg_ItemSousSousMenu.gif) no-repeat;
	padding-left: 10px;
}
#SousMenu li.On ul li a:hover, #SousMenu li.On ul li.On a {
	color: #fcfbfa;
	background-position: 0 -37px;
}

/*- Styles pour Plan du site --------------------------------------------------*/
#Contenu ul#PlanSite li {
	float: left;
	width: 192px;
	background: url(../images/Puce_SousCategorie.gif) no-repeat 0px 7px;
	padding: 0 0 12px 20px;
	margin-right: 16px;
}
#Contenu ul#PlanSite li a {
	font: bold 1.3em "Times New Roman", Times, serif;
	color: #A6A685;
}
#Contenu ul#PlanSite li a:hover { color: #F15D2F; }
#Contenu ul#PlanSite ul {
	margin: 0;
	padding: 8px 0 0;
}
#Contenu ul#PlanSite ul li {
	float: none;
	width: auto;
	background: url(../images/Puce_Liste.gif) no-repeat 0px 6px;
	padding: 0 0 2px 10px;
}
#Contenu ul#PlanSite ul li a {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #898989;
}

/*- Styles pour formulaires ----------------------------------------------------*/
#Contenu .Formulaire {
	
}
#Contenu .Formulaire p { font-size: 1.1em; }
#Contenu .Formulaire p.AligneGauche { margin-right: 15px; }
#Contenu .Formulaire p label {
	display: block;
	color: #71736f;
	margin-bottom: 3px;
}
#Contenu .Formulaire input.Text {
	width: 204px; height: 14px;
	background: url(/images/Bg_Champ_Input.gif) no-repeat;
	border: 0;
	padding: 2px 3px;
}
#Contenu .Formulaire textarea.Textarea {
	width: 446px; height: 136px;
	background: url(/images/Bg_Champ_Textarea.gif) no-repeat;
	border: 0;
	padding: 2px 3px;
	overflow: auto;
}

input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .TxtLabel {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
#Contenu div.SommaireValidation {
	background: #fdf1f1;
	border:1px solid #b46f6d;
	margin-bottom: 12px;
	padding: 8px;
}
#Contenu div.SommaireValidation ul {
	font-size: 1.1em;
	margin: 0;
}
#Contenu div.SommaireValidation ul li {
	color: #b46f6d !important;
	padding-bottom: 0px;
}

.TxtBox {
	color: #909090;
	background:	#fff;
	border: 0;
	padding: 3px 4px;
}
.TxtArea {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.SelectList {
	color: ;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}
p.Checkbox {
}
p.Checkbox label {
	float: left;
	display: block;
	margin: 0 0 5px 5px;
}
p.Checkbox input {
	float: left;
	display: block;
	margin: 3px;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {

}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
.Btn, .Btn:hover {
	font-weight: bold;
	color: #fff;
	background: #2f5d78;
	padding: 2px 6px;
	overflow: visible;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

#Contenu div.CarteDuMonde {
	height: 280px;
	background: url(../images/Bg_FondCarte.jpg) no-repeat;
	padding: 100px 24px 0;
	margin: 12px 0;
}

/*- Classes pour les textes ----*/
.TexteSpecial {
	color: #262626;
}
#Contenu .TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/
a.LienSavoirPlus {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../images/Puce_AccNouveaute.gif) no-repeat 0% 50%;
	padding: 3px 0 3px 30px;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 3px solid #636363;
}
img.ImageGauche {
	border: 3px solid #636363;
	margin:	0 24px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 3px solid #636363;
	margin: 0 0 5px 24px;
	float: right;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu ul {
	font-size: 1.2em;
	color: #898989;
	margin: 0 0 12px 0;
}
#Contenu ul li {
	list-style: none outside none;
	background: url(/images/Puce_Liste.gif) no-repeat 0 6px;
	padding: 0 0 5px 10px;
}

#Contenu ol {
	font-size: 1.2em;
	color: #898989;
	margin: 0 0 12px 24px;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	margin: 0 0 20px;
}
table.Tableau td {
	font-size: 1.1em;
	color: #3e3d3d;
	background: #edece3 no-repeat;
	padding: 10px;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-weight: bold;
	background: #e0e0d0 url(/images/Bg_CelluleTitre.gif) no-repeat 100% 100%;
	border-bottom: 1px solid #c7c5b5;
	padding: 10px;
}
table.Tableau td.CelluleAlternative {
	background: #f3f2eb no-repeat;
}
table.Tableau td.TopLast,
table.Tableau td.CelluleTitre.TopLast { background-image: url(/images/Bg_Cellule_TopLast.gif); background-position: 100% 0%; }
table.Tableau td.BottomFirst { background-image: url(/images/Bg_Cellule_BottomFirst.gif); background-position: 0% 100%; }
table.Tableau td.BottomLast { background-image: url(/images/Bg_Cellule_BottomLast.gif); background-position: 100% 100%; }

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}
#ErreurBox {
	padding: 8px 18px;
}