/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	height:100%;
	width:99%;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:13px;
}

img, div { behavior: url(iepngfix.htc); }
img {border:none;}

h1 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
}

a, strong {
	color:#4A785B;
}

p {
	margin:0px;
}
hr {
	border:none;
	height:25px;
	background:transparent url(images/bouiboui.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.divGlobal {
	width:994px;
	margin-left:auto;
	margin-right:auto;
	background:transparent url(images/fondVert.gif);
	background-repeat:repeat-y;
	background-position:left;
	overflow:auto;
	position:relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.divGlobal { width:1009px; }
}

.divGauche {
	width:294px;
	float:left;
}

.divDroite {
	width:700px;
	float:left;
}

.divEncart {
	height:466px;
}

.logo {
	margin-left:9px;
	margin-top:6px;
	border:0px;
}

.divBasGauche {
	height:180px;
	overflow:auto;
	background-image:url(images/fondGauche.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:20px 25px;
}

.divMenu {
	height:62px;
	margin-top:37px;
	padding-left:35px;
	background-image:url(images/fondMenu.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.divContenuAccueil {
	top:22px;
	/*height:345px;*/
	margin-bottom:22px;
	margin-left:42px;
	overflow:auto;
	height:auto;
	position:relative;
	min-height:315px; 
}

#divContenuHisto {
	top:22px;
	/*height:345px;*/
	margin-bottom:22px;
	margin-left:42px;
	height:auto;
	position:relative;
	height:325px;
	overflow:hidden; 
}

*+html #divContenuHisto {
	height:335px;
}


.divContenu {
	top:22px;
	/*height:345px;*/
	margin-left:42px;
	margin-bottom:40px;
	height:auto;
	min-height:315px; 
	position:relative;
}

.divActus {
	float:right;
	width:249px;
	height:315px;
	margin-right:30px;
	margin-left:35px;
	background-image:url(images/fondActus.gif);
	background-repeat:no-repeat;
	margin-bottom:20px;
}

*html .divActus {
	margin-right:10px;
}

.divActusContenu {
	padding:30px 32px 15px 29px;
}

.divActusBloc {
	padding-left:7px;
	margin-top:12px;
}

.divBasDroite {
	min-height:220px;
	width:700px;
	background-color:#A4BBAD;
	background-image:url(images/fondDroite.gif);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	bottom:0px;
	margin-top:28px;
}

* html .divBasDroite {
	height:220px;
}

.divSlash {
	height:39px;
	background-image:url(images/slashVert.png);
	background-repeat:no-repeat;
	background-position:bottom;
	top:0px;
	position:relative;
	z-index:101;
}

* html .divSlash {
	top:28px;
}

.menu {
	display:block;
	float:left;
	width:139px;
	height:19px;
	padding-top:42px;
	padding-right:22px;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}

.menu:hover {
	display:block;
	float:left;
	width:139px;
	height:19px;
	padding-top:42px;
	padding-right:22px;
	font-size:14px;
	color:#A4BBAD;
	background-image:url(images/etiquette.gif);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	text-decoration:none;
}

.menuAll {
	display:block;
	float:left;
	width:139px;
	height:19px;
	padding-top:42px;
	padding-right:22px;
	font-size:14px;
	color:#A4BBAD;
	background-image:url(images/etiquette.gif);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	text-decoration:none;
}

.sousMenu {
	width:139px;
	position:absolute;
	top:99px;
	left:651px;
	behavior: url();
	background-image:url(images/fondSousMenu.png);
	z-index:100;
}

.sousSousMenuGlobal {
	top:141px;
	left:790px;
	width:197px;
	position:absolute;
	z-index:100;
}

.sousSousMenuEspace {
	width:16px;
	height:28px;
	float:left;
	background-image:url(images/fondSousMenu.png);
}

.sousSousMenu {
	float:left;
	width:169px;
	background-image:url(images/fondSousMenu.png);
}

.divSousMenuBloc {
	margin:7px 0px 7px 0px;
}

.divSousSousMenuBlocFirst {
	margin:0px 0px 7px 0px;
}

.sousMenuBloc {
	display:block;
	color:#FFFFFF;
	min-height:16px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:25px;
	padding-right:9px;
	font-size:13px;
	text-decoration:none;
}

.sousMenuBloc:hover {
	display:block;
	color:#A4BBAD;
	font-size:13px;
	text-decoration:none;
	background-image:url(images/fondSousMenu.png);
}

.sousMenuBlocAll {
	display:block;
	color:#A4BBAD;
	min-height:16px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:25px;
	padding-right:9px;
	font-size:13px;
	text-decoration:none;
	background-image:url(images/fondSousMenu.png);
}

.divLien {
	text-align:right;
	margin-top:8px;
}

.lienSuite {
	color:#4A785B;
	text-decoration:none;
	font-size:11px;
}

.divActusVoir {
	text-align:right;
	margin-right:11px;
}

.lienVoir {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	background-color:#4A785B;
	width:151px;
	display:block;
	padding-right:28px;
	padding-left:15px;
	text-align:left;
	float:right;
}

.tdRechercheTexte {
	color:#FFFFFF;
	font-size:14px;
	height:24px;
	padding-right:8px;
	padding-top:2px;
}

.tdInputRecherche {
	padding-right:8px;
}

.inputRecherche {
	border:2px solid #B1B39F;
	height:18px;
	width:108px;
	padding:2px;
	background-color:#FFFFFF;
	color:#B1B39F;
}

.btnOK {
	color:#FFFFFF;
	background-color:#B1B39F;
	font-size:14px;
	text-decoration:none;
	display:block;
	width:26px;
	height:18px;
	text-align:center;
	padding-top:8px;
}


.divRondGlobal {
	margin:5px 0px 0px 15px;
	position:relative;
}

*html .divRondGlobal {
	margin-left:10px;
}

.divRond {
	float:left;
	width:94px;
	margin:8px 9px 0px 9px;
	text-align:center;
	background-repeat:no-repeat;
	/*background-image:url(images/rondVert.png);*/
	padding-top:1px;
	background-position:5px 0px;
}

.divRondMosaique {
	float:left;
	width:94px;
	margin:20px 35px 0px 0px;
	text-align:center;
	cursor:pointer;
}

* html .divRondMosaique {
	margin:20px 31px 0px 0px;
}

.imgRond {
	width:84px;
	height:84px;
	background-repeat:no-repeat;
	display:block;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	background-image:url(images/default.gif);
}

.divRondTexte {
	font-weight:bold;
	font-size:12px;
	color:#004728;
	text-transform:uppercase;
	text-align:center;
	margin-top:12px;
	height:36px;
}

.divRondTexte a {
	color:#3D664A;
	text-decoration:none;
}

.divRondMosaiqueTexte {
	font-size:12px;
	color:#A1A58E;
	text-align:center;
	margin-top:12px;
}

.lienProduitMosaique {
	text-decoration:none;
	color:#A1A58E;
}

.lienProduitMosaique:hover {
	text-decoration:none;
	color:#3D664A;
}

.lienProduitMosaiqueAll {
	text-decoration:none;
	color:#3D664A;
}

.divBas {
	width:994px;
	height:20px;
	padding-top:6px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(images/fondBas.png);
	clear:both;
	position:absolute;
	bottom:0px;
	left:0px;
}

.divMenuRonds {
	width:690px;
	height:150px;
	background-image:url(images/fondMenuBas.png);
	z-index:100;
	position:absolute;
	right:2px;
	top:37px;
	display:none;
}

/* Ed: Le gros bug sur Chrome et Safari venait de la largeur de la div. Elle dépasait par la droite et faisait tout décaler (Firefox affichait un scroll horizontal d'ailleurs) */
.divMenuRondsTitre {
	height:20px;
	color:#A4BBAD;
	font-size:14px;
	background-image:url(images/fondMenuBas2.png);
	margin-top:18px;
	padding:8px 0px 0px 18px;
	width:666px;
}

.tdLienRonds {
	width:110px;
	padding:7px 0px 7px 18px;
}

.lienMenuRonds {
	color:#FFFFFF;
	text-decoration:none;
}

.lienMenuRonds:hover {
	color:#A4BBAD;
	text-decoration:none;
}


.btnFermer {
	position:absolute;
	bottom:0px;
	right:25px;
	text-align:center;
	cursor:pointer;
}

.lienFermer {
	color:#FFFFFF;
	text-decoration:none;
}

.applat {
	position:absolute;
	left:20px;
	top:-23px;
	background-image:url(images/fondLesProduits.png);
	background-repeat:no-repeat;
	width:160px;
	height:62px;
	padding:33px 0px 0px 9px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:11px;
	z-index:101;
}

/* ARIANE */

.divAriane {
	background-image:url(images/slashVert.png);
	background-repeat:no-repeat;
	margin-bottom:24px;
	height:13px;
	margin-top:1px;
}

.lienAriane {
	color:#3D664A;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	cursor:default;
}

.lienArianeActuel {
	color:#9EB2A4;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
}

.slashAriane {
	margin:0px 4px 0px 4px;
}

.spanAriane {
	background-color:#FFFFFF;
	padding-right:35px;
	display:block;
	float:left;
}
	

/* FIN ARIANE */


/* AFFICHAGE */

.divAffichage {
	font-size:13px;
	float:left;
	width:300px;
	position:absolute;
}

.divAffichageTexte {
	color:#3D664A;
	height:20px;
	float:left;
	margin-right:10px;
	padding-top:4px;
}

.divAffichageNombre {
	height:16px;
	background-color:#B1B39F;
	color:#FFFFFF;
	float:left;
	padding:4px 5px 2px 3px;
	overflow:hidden;
}

.divAffichageNombre a {
	color:#FFFFFF;
	text-decoration:none;
}

.divLienAffichage {
	float:left;
}

.lienAffichage {
	display:block;
	height:22px;
	width:24px;
	padding-top:4px;
	text-align:center;
}

/* FIN AFFICHAGE */

/* AFFICHAGE BAS */

.divAffichageBas {
	font-size:13px;
	float:left;
	width:300px;
	margin:25px 0px 0px  47px;
	position:absolute;
}

.divAffichageTexteBas {
	color:#3D664A;
	height:20px;
	float:left;
	margin-right:10px;
	padding-top:4px;
}

.divAffichageNombreBas {
	height:16px;
	background-color:#3D664A;
	color:#FFFFFF;
	float:left;
	padding:4px 5px 2px 3px;
	overflow:hidden;
}

.divAffichageNombreBas a {
	color:#FFFFFF;
	text-decoration:none;
}

.divLienAffichageBas {
	float:left;
}

.lienAffichageBas {
	display:block;
	height:22px;
	width:24px;
	padding-top:4px;
	text-align:center;
}

/* FIN AFFICHAGE BAS */

/* PAGINATION */

.divPagination {
	clear:both;
	float:right;
	margin-right:56px;
	margin-top:7px;
}

.lienPagination {
	text-decoration:none;
	color:#3D664A;
}

.lienPagination:hover {
	text-decoration:none;
	color:#9EB2A4;
}
.lienPaginationActif {
	text-decoration:none;
	color:#9EB2A4;
}

.spanPaginationSlashs {
	color:#A1A58E;
}

/* FIN PAGINATION */


/* PAGINATION BAS */

.divPaginationBas {
	clear:both;
	float:right;
	margin-right:56px;
	margin-top:32px;
}

.lienPaginationBas {
	text-decoration:none;
	color:#3D664A;
}

.lienPaginationBas:hover {
	text-decoration:none;
	color:#6D8C77;
}
.lienPaginationActifBas {
	text-decoration:none;
	color:#6D8C77;
}

.spanPaginationSlashsBas {
	color:#A1A58E;
}

/* FIN PAGINATION BAS */

.divCompteur {
	font-size:1px;
	height:1px;
	clear:both;
}

.h1Histoire {
	margin-top:55px;
	text-transform:uppercase;
	text-align:center;
	font-size:18px;
	line-height:30px;
}

/* PRESSE */

.divPresseGlobal {
	margin:5px 0px 0px 15px;
}

.divPresse {
	float:left;
	width:300px;
	margin:15px 9px 0px 9px;
	text-align:right;
	color:#3D664A;
	font-style:italic;
}

.lienPresse {
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
}

.lienPresse:hover {
	color:#3D664A;
	text-decoration:none;
	font-size:13px;
}

/* FIN PRESSE */

/* FICHE PRODUIT*/

.divFicheTitre {
	color:#FFFFFF;
	font-size:14px;
	padding:2px 18px;
	float:left;
	background-color:#3D664A;
	line-height:14px;
}

.divFicheLoupe {
	color:#FFFFFF;
	float:left;
	height:29px;
	width:213px;
	margin-top:-4px;
	margin-left:30px;
}

.divFicheRetour {
	color:#FFFFFF;
	float:left;
	height:17px;
	width:112px;
	margin-left:31px;
}


.divFichePhoto {
	background-repeat:no-repeat;
	background-position:center;
	width:270px;
	margin-top:18px;
	position:relative;
}

.divReference {
	float:right;
	width:186px;
	height:345px;
	padding:30px 39px 0px 24px;
	margin-right:30px;
	margin-left:35px;
	margin-top:6px;
	background-image:url(images/fondReference.gif);
	background-repeat:no-repeat;
}

* html .divReference {
	margin-right:13px;
}

.divReferenceContenu {
	height:325px;	
	position:relative;
}

.divReferenceBloc {
	margin-top:34px;
	height:280px;
	overflow:auto;
	position:relative;
}

.divReferenceBloc h1 {
	margin:0px 0px 7px 0px;
	padding:0px;
	font-size:13px;
	color:#3D664A;
}

.divReferenceSpace {
	height:28px;
}

.divRondTexteFiche {
	font-weight:bold;
	font-size:14px;
	color:#004728;
	text-align:center;
	margin-top:12px;
}

/* FIN FICHE PRODUIT */

#miniature {
	width:85px;
	height:85px;
	padding:0px;
	overflow:hidden;
	position:absolute;
	bottom:1px;
	right:-90px;
	background-image:url("images/rondVert.png");
}

#miniature2 {
	width:85px;
	height:85px;
	padding:0px;
	overflow:hidden;
	position:absolute;
	bottom:90px;
	right:-90px;
	background-image:url("images/rondVert.png");
}

/* CONTACT */

.titreContact {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
}

.divForm {
	background-repeat:no-repeat;
	background-position:center;
	width:294px;
	margin-top:18px;
	position:relative;
	margin-left:40px;
}

.textbox {
	border:#4A785B solid 1px;
	height:23px;
	width:224px;
	margin-bottom:4px;
}

.textarea {
	border:#4A785B solid 1px;
	height:87px;
	width:224px;
}

.divContact {
	float:right;
	width:186px;
	height:305px;
	padding:30px 39px 0px 24px;
	margin-right:30px;
	margin-left:35px;
	margin-top:6px;
	background-image:url(images/fondContact.gif);
	background-repeat:no-repeat;
}

* html .divContact {
	margin-right:0px;
}

.divContactBloc {
	margin-top:34px;
}

.divContactBloc h2 {
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	margin-bottom:5px;
}

.cfrm {
	display:none;
}

/* EOF CONTACT */

/* MENU BG */
.menuStatique {
	overflow:visible;
	margin-top:-150px;
	margin-bottom:50px;
	position:relative;
	width:294px;
	min-height:200px;
}

.menuStatique a {
	display:block;
	padding-left:22px;
	height:30px;
	line-height:29px;
	vertical-align:middle;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	width:132px;
	float:left;
	margin-bottom:10px;
	clear:both;
	behavior: url();
}

.menuStatique a:hover {
	background-image:url('images/fondSousMenu.png');
	color:#A5B8A9;
	behavior: url();
}

.menuStatique .sel {
	background-image:url('images/fondSousMenu.png');
	color:#A5B8A9;
	behavior: url();
}

.sousMenuBgg {
	width:138px;
	position:absolute;
	right:2px;
	display:none;
	background-image:url('images/fondSousMenu.png');
	padding-top:1px;
	behavior: url();
	top:-300px;
}

.sousMenuBgg a {
	display:block;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	height:14px;
	line-height:13px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	width:124px;
	margin-bottom:10px;
	behavior: url();
}

.titreContenu {
	font-size:14px;
	font-weight:bold;
	color:#4A785B;
}

#lbs {
	width:994px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	color:#4A785B;
}

#lbs a {
	text-decoration:none;
}

#lbs a:hover {
	text-decoration:underline;
}

.caca {float:left; width:1px; height:0px; line-height:0px; visibility:hidden; }
