/* CSS Document */
/*--------------------------------mise en forme du texte---------------------------------*/
p {
	text-align:justify;
}
th {
	width:200px;
	color:#694E3D;
	font-weight:normal;
	text-align:left;
}
input {
	height:15px;
	border:1px solid #694E3D;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
td.invisible ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}
td.invisible ul li {
	display:inline;
	list-style:none;
	margin-right:10px;
}
input[type="submit"] {
	background-color:#694E3D;
	color:#fff;
	height:20px;
	text-align:center;
	position:relative;
	left:50%;
	margin-left:-20px;
}
input[type="file"] {
	height:22px;
}
h1{
	color:#694E3D;
	font-weight:bold;
	font-size:1.5em;
	line-height:3em;
}
h2{
	color:#694E3D;
	font-weight:bold;
	font-size:1.2em;
	line-height:2em;
}
h3{
	color:#694E3D;
	font-weight:bold;
	font-size:1em;
}
a{
	color:#957455;
	text-decoration:none;
}
a:hover{
	color:#684E3D;
	text-decoration:none;
}
img {
border:0px;
margin:0px;
}

/*----------------------------Mise en page générale---------------------------------*/
body{
	margin:0;
	background:url(../imagescharte/decor_fond.jpg) no-repeat fixed #957455;
	background-position:50%;
	background-position:bottom;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#page{
	position:absolute;	
	top:0px;
	left: 50%;
	margin-left: -483px;
	width:966px;
}
#corps{
	width:777px;
	float:left;
	background-color:#FFF;
}
#main{
	clear:left;
	margin:15px;
	height:auto;
	min-height:592px;
}
#pied{
	position:relative;
	background:url(../imagescharte/decor_pied.png) repeat-x left bottom;
	width:100%;
	height:61px;
	z-index:20;
}
#pied p{
	position:relative;
	text-align:center;
	color:#666;
	padding-top:30px;
}
/*-------------------------------tête et menu haut--------------------------------------*/
#tete{
	float:left;
	width:100%;
}
#tete img{
border:0px;
}
#logo{
	float:left;
}
#famille{
	background-color:#1A171B;
	float:left;
	height:154px;
	/*width:330px;*/
	width:311px;
	text-align:left;
}
#logo2{
	float:right;
}
#menuhaut{
	position:relative;
	clear:both;
	background:url(../imagescharte/decor_haut.gif);
	height:74px;
	/*width:966px;*/
	width:100%;
	z-index:2;
}
#recherche{
	width:172px;
	height:42px;
	margin-left:210px;
	padding-left:10px;
	padding-top:23px;
	background:url(../imagescharte/decor_rechercher.png) no-repeat transparent ;
	background-position:0 15px;
}
#recherche input.recherche, #autrelanguerecherche input.recherche{
	margin-top:19px;
	 line-height:12px;
	 height:12px;
	 width:120px;
	 border:solid 1px #999;
	 font-size:0.8em;
	 color:#484848;
}
#recherche input.submit, #autrelanguerecherche input.submit{
	position:relative;
	 background:url(../imagescharte/btn_recherche.png) no-repeat transparent ;
	 border:0;
	 /*color:rgba(255, 255, 255, 0);*/
	 color:#FFF;
	 font-size:0.1em;
	 padding-left:3px;
	 width:20px;
	 top:-3px;
	left:0px;
	margin-left:0px;
}
#recherche span, #autrelanguerecherche span{
	/*color:transparent;*/
	display:none;
}
/*recherche pages étrangères*/
#autrelanguerecherche{
	width:210px;
	height:42px;
	margin-left:210px;
	padding-left:10px;
	padding-top:23px;
	background:url(../imagescharte/decor_rechercher2.png) no-repeat transparent ;
	background-position:0 15px;
}
#langues {
	margin-left:600px;
	margin-top:-50px;
}
#langues ul li{
	list-style:none;
	display:inline;
	float:left;
	width:40px;
}
#langues span{
	display:none;
}
/*---------------------------------menu gauche----------------------------------*/
#menugauchecolonne{
	clear:left;
	float:left;
	width:189px;
	background:url(../imagescharte/decor_newsletter.png) no-repeat bottom left #957455;
	position:relative;
	z-index:23;
	
}
#menugauche{
	margin-top:-30px;
	margin-left:-19px;
	padding:0px;
}
#menugauche span{
	display:none;
}
#menugauche .cataloguetitre{
font-weight:bold;
	font-size:2em;
	color:#BCA180;
}
#menugauche .contactlg{
	margin-top:100px;
	margin-left:-25px;
}
#menugauche .contactlg a{
	font-weight:bold;
	font-size:2em;
	color:#BCA180;
}
#menugauche .contactlg a:hover{
	color:#FEB32F;
}

#menugauche img{
	border:0px;
}
#menugauche ul{
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
}
#menugauche ul li{
	line-height:10px;
	margin-top:12px;
}
/*-------menu creatif, reduc, newsletter contact-----*/
#deco_creatifs{
	margin-left: 100px; 
	margin-top:-20px;
}
#video{
	display:none;
	margin-top:5px;
	margin-left:40px;
}
#menugauche #video li a{
	line-height:1px;
	color:#674D3C;
	text-decoration:none;
}
#menugauche #video a:hover{
	color:#FEB32F;
}
#menugauche .menu_reduc {
	line-height:24px;
	margin-left:17px;
}
#menugauche  .menu_newsletter{
	margin-top:70px;
	margin-left:30px;

}
#menugauche  .menu_contact{
	line-height:5px;
	margin-top:20px;
	margin-left:18px;
	padding:0;
}
/*-------menujardin et menumaison-----*/
#menuderoulant {
	padding-left: 49px; 
	margin-top:-20px;
	margin-bottom:15px;
	font-size:0.8em;
	height:15px;
	vertical-align: bottom;
}
#menuderoulant ul  li{
	margin-top:0px;
}
#menuderoulant ul ul {
	display: none; 
	position: absolute; 
	left: 112px; 
	top: 0px; 
	margin:0px; 
	padding: 0px; 
}
#menuderoulant ul ul ul, #menuderoulant ul ul ul ul, #menuderoulant ul ul ul ul ul,#menuderoulant ul ul ul:visited, #menuderoulant ul ul ul ul:visited, #menuderoulant ul ul ul ul ul:visited{
	display: none; 
}
#menuderoulant li {
	list-style-type: none; 
	position: relative; 
	width: 108px; 
	background-color: #ffffff; 
	padding: 2px; 
	margin: 0px;
	border-bottom: 1px solid #B0B0B0;
}
#menuderoulant li:hover, #menuderoulant li.sfhover {
	background-color: #B0926F;
	color:#000;
}
#menuderoulant li a {
	text-decoration:none;
	color:#000;
}
#menuderoulant li:hover ul.niveau2, #menuderoulant li li:hover ul.niveau3, #menuderoulant li li li:hover ul.niveau4, #menuderoulant li li li li:hover ul.niveau5, #menuderoulant li li li li li:hover ul.niveau6 {
	display: block;
}
#menuderoulant li.plusjardinbas {
	background-position:right; 
	background-image:url(../imagescharte/flechebjardin.png);
	background-repeat: no-repeat; 
	border-bottom: 1px solid #B0B0B0;
}
#menuderoulant li.plusmaisonbas {
	background-position:right; 
	background-image:url(../imagescharte/flechebmaison.png);
	background-repeat: no-repeat; 
	border-bottom: 1px solid #B0B0B0;
}
#menuderoulant li.plusjardincote {
	background-position:right; 
	background-image:url(../imagescharte/flechedjardin.png);
	background-repeat: no-repeat; 
	border-bottom: 1px solid #B0B0B0;
}
#menuderoulant li.plusmaisoncote {
	background-position:right; 
	background-image:url(../imagescharte/flechedmaison.png); 
	background-repeat: no-repeat; 
	border-bottom: 1px solid #B0B0B0;
}
#menuderoulant .niveau1{
    z-index:22;
}
#menuderoulant .niveau2{
    left: 0px; 
	top: 15px;
	z-index:23;
}
#menuderoulant li.plusmaisonbas  {
    z-index:222;
}
#menuderoulant  li.plusjardinbas {
    z-index:221;
}
/*---------------------------------accessibilité-------------------------------------*/
#access {
	text-align:center;
	top:0;
	left:0;
  margin:0;
  padding:0;
  font-size:0.7em;
  color:rgba(255, 255, 255, 0);
  filter:alpha(opacity=50);
opacity: 0.5;
}
#access a{
  color:rgba(255, 255, 255, 0);
  filter:alpha(opacity=50);
opacity: 0.5;
}
/*-----------------------------menu familles---------------------------------------*/

div.sc_menu {
	position: relative;
	/*height: 145px;
	width: 500px;*/
	height: 154px;
	width: 311px;
	/*width: 271px;
	margin-left:20px;
	margin-right:20px;*/
	overflow: auto;
}
ul.sc_menu {
	display: block;
	/*height: 110px;*/
	height: 154px;
	/* max width here, for users without javascript */	
	width: 3000px;	
	/*padding: 15px 0 0 15px;*/ 
	padding: 0px 0 0 0px; 
	/* removing default styling */
	margin: 0;
	background: url(../imagescharte/navigation.png);		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 2px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border:0px;
}
/*.familleimg a{
	background:url(../imagescharte/decor_famille2.gif) no-repeat left top;
	height:154px;
}
.familleimg a:hover{
	background:url(../imagescharte/decor_famille.gif) no-repeat left top;
	height:154px;
}*/
.familleimg a{
	background:url(../imagescharte/decor_famille2H.jpg) no-repeat left top;
	height:29px;
	width:154px;
	color:#000;
}
.familleimg a:hover{
	background:url(../imagescharte/decor_familleH.jpg) no-repeat left top;
	height:29px;
	width:154px;
	color:#FFF;
}
#titrefamille{
width:154px;
height:23px;
padding-left:9px;
padding-top:6px;
font-family:Arial Unicode MS, Arial, Helvetica, sans-serif;
}
/*.sc_menu a .photofamille {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}*/
.sc_menu a:hover .photofamille {
	filter:alpha(opacity=100);	
	opacity: 1;
}
/*--------------------------------- contenu -------------------------------------------------------*/
.listeproduits li{
	list-style:none;
	display:block;
}
.listeproduits ul{
	display:block;
}
.numquestionnaire{
	font-size:xx-small;
}
.tabquestionnaire td{
	border-bottom:1px solid #957455;
}
.conditions{
	font-size:x-small;
}
.obligatoire{
	color:#F00;
}
.obligatoiretexte{
	/*color:#957455;*/
	color:#000;
	font-size:0.8em;
}
/*-------------------------------Recherche par mot clé---------------------------------------------*/
#vignette {
clear:left;
height:50px;
width:50px;
}
/*#vignette img:hover {
width:300%;
height:300%;
position:relative;
z-index:1000;
}*/
#intitulevignette{
float:left;
margin-top:-30px;
margin-left:100px;
}
.motcle span, .famille span{
	color:#fff;
	text-align:center;
	line-height:30px;
}
.action{
	color:#694E3D;
	font-weight:bold;
	font-size:1em;
}
#videoaction{
float:left;
margin-right:5px;
}
.motcle, .famille{
	/*background-color:#6D513F;*/
	background-color:#6F5240;
	width:700px;
	height:30px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.motcle img{
margin-left:100px;
}
#lesproduits{
color:#674D3C; 
height:100px; 
border:2px solid #B19376; 
width:116px; 
height:116px;
}
#zoompdt {
	display:none;
}
a:hover #zoompdt {
	display:block;
	position:relative;
	top:-10px; 
	left:-30px;
	z-index:2000;
}
a:hover #zoompdt img {
	border:double 5px #CCC;
}
/*.produit  a:hover  {
	display:block;
	position:relative;
	z-index:1000;
}*/
/*------------------------------------------------Tous créatifs-------------------------------------------------------*/
#murcontenu{
margin-left:-15px;
margin-top:-83px;
padding-top:83px;
padding-left:15px;
padding-right:15px;
padding-bottom:300px;
margin-bottom:-70px;
background:url(../imagescharte/decor_mur.jpg) left top repeat-y;
width:747px;
position:relative;
z-index:1;
min-height:750px;
}
#murcontenu ul{
margin-left:-60px;
}
#murcontenu li{
	/*height:270px;*/
	list-style:none;
display:block;
clear:left;
}
#murphotocreation{
text-align:center;
background:url(../imagescharte/decor_photorealisation.png) no-repeat;
background-position:50% 30px;
float:left;
width:350px;
}
#photo_creation{
height:199px;
z-index:2;
}
#photo_creation img{
	border:10px solid #979795;
}
#murphotocreateur{
text-align:center;
background:url(../imagescharte/decor_photoartiste.png) no-repeat;
background-position:50% 30px;
float:left;
margin-left:-20px;
width:200px;
}
#photo_createur{
height:175px;
z-index:5;
}
#photo_createur img{
	border:10px solid #fff;
}
#murtexte{
float:left;
width:230px;
text-align:justify;
color:#6B503E;
margin-bottom:15px;
}
#murtexte h2{
	color:#1B98C5;
	text-transform:uppercase;
	font-family: Tahoma, Geneva, sans-serif;
}
.boutonmur{
text-align:right;
margin-right:70px;
}
.entetemur{
text-align:left;
margin-left:-15px;
margin-top:35px;
}
#murepingle{
	text-align:right;
	margin-right:20px;
	margin-top:-130px;
}
/*------------------------------page d'accueil---------------------------------*/
#produitalaffiche{
	width:745px;
	height:230px;
	border:#D9D9D9 solid 1px;
	border-bottom:#D9D9D9 solid 10px;
	margin-bottom:15px;
}
#gaucheaccueil{
	float:left;
	width:151px;
}
#droiteaccueil{
	float:right;
	width:590px;
	margin-top:15px;
}
.videoaccueil{
	width:151px;
	height:124px;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	background:url(../imagescharte/barre_videos.jpg) no-repeat bottom;
}
.minivideo{
	width:149px;
	height:115px;
	padding:0px;
	margin:0px;
	border:#D9D9D9 solid 1px;
	background-color:#000;
}
.minivideo a img{
	border:0px;
}
.lecturevideo{
background:url(../imagescharte/decor_minivideo.png) no-repeat;
position:relative;
left:55px;
top:-77px;
height:40px;
width:40px;
}
.titreminivideo{
font-size:0.7em;
color:#000;
}
#reducaccueil{
	margin-top:15px;
	width:213px;
	float:left;
}
#diversaccueil{
	margin-top:15px;
	width:225px;
	height:250px;
	position:relative;
	/*top:-560px;*/
	float:right;
	background:url(../imagescharte/barre_divers.jpg) no-repeat bottom;
}
.diverstexte{
	width:213px;
	height:232px;
	padding:5px;
	margin:0px;
	border:#D9D9D9 solid 1px;
}
#actionaccueil{
	width:590px;
	height:86px;
	margin-bottom: 15px;
	position:relative;
	float:left;
	z-index:223;
}
.menumaisonaccueil{
	float:left;
	position:relative;
	margin-left:70px;
	top:-15px;
	font-size:0.8em;
}
.menujardinaccueil{
	float:left;
	position:relative;
	margin-left:330px;
	top:-26px;
	font-size:0.8em;
}
.menumaisonaccueil .niveau2{
	top: 20px;
}
/*------------------------------autre---------------------------------*/
.invisible{
/*display:none;*/	
}
.ssfamille li{
	list-style:none; 
	display:inline;
	float:left;
}
.ssfamille a{
	text-align:center;
	font-size:0.7em;
	color:#FFF;
}
.ssfamille a:hover{
color:#FEB32F;
}
.ssfamille div{
	padding:5px 1px 5px 1px;
	width:120px;
	height:120px;
	margin:0 0 10px 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.finssfamille{
clear:both;
}
.questionnaire td{
	border-collapse:separate;
	border-right:1px solid #000;	
}
.questionnaire td table td{
	border:0px;	
}