@import url(https://fonts.googleapis.com/css?family=Wire+One|Great+Vibes|Loved+by+the+King|BenchNine|Alex+Brush);

@-webkit-keyframes 'zoom'
	{
	0%		{-webkit-transform: scale(0)}
	40%		{-webkit-transform: scale(0)}
	100%	{-webkit-transform: scale(1)}
	}

@-webkit-keyframes 'slider'
	{
	0%		{-webkit-transform: scale(1.2);}
	100%	{-webkit-transform: scale(1);}
	}
		
.accueil img, .home img
	{
	-webkit-animation: 'slider' 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform: translate(-10px,-10px);
	}
	
body, td, input, textarea, select
	{
	font-family:"Nexa-Light",helvetica, sans-serif, arial;
	font-size:1em;
	color:#222;
	}
	
body
	{
	background:url(fond5.jpg) repeat-x;
	background-attachment:fixed;
	}

html
	{
	background-color:#f0efeb;
	}
	
h1, h2, h3
	{
	margin:0;
	padding:0;
	font-size:0.8em;
	}


.liste h2
	{
	margin:0;
	padding:0;
	padding-top:10px;
	font-size: 1.1em;
	xfont-weight: 400;
	}
		
.liste h3
	{
	margin:0;
	padding:0;
	font-size: 1em;
	font-weight: 400;
	}	
	
.fiche h2
	{
	margin:0;
	padding-top: 5px;
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: 500;
	}
	
.fiche h3
	{
	margin:0;
	padding-top:0;
	font-size: 1em;
	font-weight: 400;	
	display:inline;
	}
	
#container
	{
	position:relative;
	margin:0 auto;
	box-shadow: 0 0 13px rgba(0,0,0,.2);
	min-height: 1000px;
	background-color:#f6f6f4;
	width:980px;
	overflow-x:hidden;
	}

#inside
	{
	min-height:800px;
	}
	
.skin1
	{
	background:url(fond4.jpg) repeat-x;
	position:relative;
	padding:20px;
	}
	
.fin a 
	{
	display: inline-block;
	font-size: 18px;
	margin: 0;
	padding: 0;
	}
	
#principal
	{
	float:left;
	clear:both;
	width:940px;
	}
	
p.titrep
	{
	display:none;
	}
	
.clear	{clear:both}

#menus
	{
	margin-top:-120px;
	float:right;
	margin-right:250px;
	text-transform: uppercase;
	font-size: 0.8em;
	}
	
#menus a
	{
	padding:4px 8px;
	border-radius: 5px;
	display:block;
	position:relative;
	}
	
#menus a.m1
	{
	text-indent:-5000px;
	background:url(icones/maison.png) 11px 3px no-repeat;
	width:20px;
	}
#menus a.m1:hover
	{
	text-indent:-5000px;
	background:url(icones/maison-rouge.png) 11px 3px no-repeat;
	width:20px;
	}	
	
#menus a:before
	{
	content:'•';
	color:black;
	font-size:1em;
	position:absolute;
	xmargin-top:-1px;
	margin-left:-17px;
	}
	
#langues
	{
	font-size: 0.8em;
	padding:8px 8px;
	margin-top:-113px;
	right:0;
	width:100px;
	overflow:auto;
	cursor:pointer;
	position:absolute;
	z-index:1;
	background:	url(icones/monde.png) 2px 5px no-repeat,
				url(fleche-bas.png) 83px 14px no-repeat;
	}
	
#langues:hover
	{
	background-color:#F7F4F0;
	border-radius: 5px;
	box-shadow: 4px 3px 5px rgba(0,0,0,.5);
	}
	
#langues .langue
	{
	position:absolute;
	left:30px;
	}
#langues h3	{display:none}

#langues ul
	{
	margin:0;padding:3px;
	padding-top:28px;
	opacity:0;
	}
	
#langues:hover ul
	{
	display:block;
	opacity:1;
	}
	
#langues li
	{
	background-color:#F7F4F0;
	padding:2px;
	}
#langues li a
	{
	display:none;	
	}
	
#langues:hover li a
	{
	display:block;
	padding:3px;
	padding-left:17px;
	}
	
#langues:hover li:hover a
	{
	display:block;
	background-color:#F7F4F0;
	}
	
#iconMaison
	{
	width:25px;
	height:25px;
	}
	
	
#haut
	{
	height:110px;
	margin-top: 140 px;
	position:relative;
	}
	
#haut .recherche
	{
	font-size:.8em;
	position:absolute;
	left:682px;
	top:-28px;
	width:330px;
	}
	
#haut .recherche label
	{
	display: none;
	}
	
#haut .recherche input[type=submit]
	{
	border:0;
	text-indent:-5000px;
	width:22px;
	height:22px;
	background:url(icones/loupe3.png) 0 2px no-repeat;
	opacity: 0.5;
	float:none;
	}
	
#bas
	{
	background:url(divider-bas.png) center no-repeat;
	padding-top:45px;
	width:940px;
	display:block;
	clear:both;
	font-size:.8em;
	text-align:center;
	}

#bas a.fb
	{
	padding-left:25px;
	background:url(facebook.png) no-repeat;
	line-height:24px;
	display:inline-block;
	}
	
#fin
	{
	clear:both;
	}
	
#fin:before, #bas:after /* clearfix */
	{
    content: " ";
    display: table;
    }

#fin:after 
	{
    clear: both;
    }

#fin {*zoom: 1}			/*** For IE 6/7 only * Include this rule to trigger hasLayout and contain floats.*/

.redactionnel .chapeau
	{
	font-size: 2em;
	text-align: center;
	margin-bottom: 25px;
	text-transform: uppercase;
	padding-top: 20px;
	}
	
.classique
	{
	text-align:justify;
	margin-right: 40px;
	margin-left: 40px;
	}
	
.paragraphe > .texte > a
	{
	color: #a03738;
	}
	
#accueil .paragraphe > .texte > a, #home .paragraphe > .texte > a
	{
	color: black;
	}
	
.classique a:hover
	{
	color:#000000;
	}
	
.texte
	{
	position:relative;
	line-height:1.5em;
	}

.texte > .titre
	{
	display:block;
	font-size: 1.2em;
	padding:5px;
	font-weight:200;
	color:black;
	border-bottom:1px solid #666;
	}
	
/* ----- Mise en page ----- */
	
#accueil .montage .ligne1:first-child, #home .montage .ligne1:first-child
	{
	height:448px;
	background:url(ombre-bas.png) bottom no-repeat;
	}
	
#accueil a:hover, #home a:hover
	{
	color:black;
	}
	
.paragraphe.slider
	{
	position:relative;
	margin-left: -20px;
	}
	
.paragraphe.slider img
	{
	width:728px;
	height:421px;
	}
	
.paragraphe.slider .slogan1, .paragraphe.slider .slogan2
	{
	position:absolute;
	font-size:1.5em;
	padding:8px 20px;
	}
	
.paragraphe.slider .slogan1
	{
	top:239px;
	background-color:white;
	text-transform: uppercase;
	}
	
.paragraphe.slider .slogan2
	{
	top:279px;
	background-color:black;
	background-color:rgba(0,0,0,.6);
	color:#eee;
	}
	
.paragraphe.bienvenue, .paragraphe.welcome
	{
	margin-left:-45px;
	margin-right:-20px;
	width:253px;
	background-color:white;
	text-align:center;
	height:421px;
	position:relative;
	}
	
.paragraphe.bienvenue img
	{
	position:absolute;
	top:-20px;
	right:0;
	}

.paragraphe .select
	{
	font-size: .8em;
	}
		
.paragraphe .select select
	{
	background-color:white;
	border:1px solid #ccc;
	padding:5px;
	-webkit-appearance: none;
	width:120px;
	xbackground: url(fleche-bas-rouge.png)95px 15px  no-repeat;
	margin-top:5px;
	}
	
.paragraphe .select label
	{
	display:none;
	}
	
.paragraphe.nous-contacter, .paragraphe.contact-us
	{
	background:url(mappemonde.png) no-repeat;
	margin-top:72px;
	margin-right:10px;
	padding:10px;
	color:black;
	xtext-transform: uppercase;
	}

.paragraphe.nous-contacter .texte, .paragraphe.contact-us .texte
	{
	xpadding-left:35px;
	top:-50px;
	}
	
.paragraphe.nous-contacter select .paragraphe.contact-us select
	{
	xmargin-top:100px;
	width:160px;
	outline:0;
	}
	
	
.paragraphe.nous-contacter .texte > a, .paragraphe.contact-us .texte > a
	{
	margin-top:80px;
	text-decoration: none;
	font-family:'Alex Brush';
	font-size:1.7em;
	background:url(enveloppe2.png) 50% 0 no-repeat;
	height:20px;
	display:block;
	padding-top:80px;
	text-align:center;
	}
	
.paragraphe.nous-contacter .texte > a:hover, .paragraphe.contact-us .texte > a:hover
	{
	text-shadow: 3px 3px 7px rgba(0,0,0,.5);
	}
	
.paragraphe.bienvenue big, .paragraphe.welcome big
	{
	font-size:1.6em;
	}

.paragraphe.bienvenue span.ligne, .paragraphe.welcome span.ligne
	{
	margin:0 auto;
	display:block;
	width:70px;
	height:1px;
	border-bottom:1px solid #666;
	}

.paragraphe.themes
	{
	margin-top:30px;
	margin-bottom:30px;
	overflow:auto;
	}	
	
.paragraphe.themes .theme, .theme
	{
	position:relative;
	display:block;
	padding-right:8px;
	padding-left:0;
	padding-bottom:8px;
	background:url(ombre-bas-theme.png) center 302px no-repeat,url(ombre-haut-theme.png) center top no-repeat;
	float:left;
	z-index:2;
	x-webkit-animation: 'zoom' 2s;
	}
	
.paragraphe.themes a, .theme a
	{
	border:1px solid #D6D6D6;
	display:block;
	width:200px;
	background-color: white;
	text-align:center;
	padding:10px;
	padding-bottom:40px;
	xfont-family: Alex Brush;
	font-size: 1.1em;
	font-weight: 400;
	}

.paragraphe.themes a:hover, .theme a:hover
	{
	box-shadow: inset 0px 0px 3px rgba(0,0,0,.4);
	color: #703738;
	}
	
.taille1de5 .theme
	{
	background:none;
	}	
	
.taille1de5 .theme a
	{
	font-size:.8em;
	font-weight: 400;
	width:140px;
	}
	
.taille1de5 .theme img
	{
	width:140px;
	height:140px;
	margin-bottom:10px;
	}
	
.paragraphe.themes img
	{
	width:200px;
	height:200px;
	margin-bottom:10px;
	margin-top: 15px;
	}

/*#catalogue .taille1de5
	{
	position:fixed;
	}

#catalogue .taille4de5
	{
	padding-left:188px;
	}
*/

	#catalogue .taille1de5	{position:relative}
	#catalogue .taille4de5	{padding-left:0}
	
@media only screen and (max-height: 990px)
	{
	#catalogue .taille1de5	{position:relative}
	#catalogue .taille4de5	{padding-left:0}
	}
	
.bouton
	{
	text-align: center;
	font-size:1em;
	border-radius: 4px;
	box-shadow: 0 2px 5px 1px rgba(0,0,0,.30);
	background-color: #b48d7a;
	display:block;
	color:white !important;
	text-decoration: none !important;
	}
	
.bouton:hover
	{
	background-color:#794a34;
	}


.theme .bouton
	{
	font-size:.7em;
	width:intrinsic;
	padding:0 10px;
	float:right;
	position: /* ----- Mise en page ----- */
	}
	
input[type=submit]
	{
	padding:3px 15px;
	border:none;
	float: left;
	margin-top: 30px;
	}

a.bouton
	{
	padding:6px 15px;
	}
	
a.bouton:hover, input[type=submit]:hover
	{
	background-color:#794a34;
	color:white;
	}
	
.paragraphe .categories
	{
	margin-top: 10px;
	background:url(divider-centre.png) 0 -17px no-repeat;
	overflow:auto;
	width:100%;
	line-height:1.1em;
	}
	
.paragraphe .categories .titre
	{
	background-color:#f6f6f4;
	width:intrinsic;
	position: relative;
	padding-left:30px;
	padding-right:7px
	}
.paragraphe .categories .titre:before
	{
	margin-top:2px;
	margin-left:-25px;
	content:'';
	width: 20px;
	height: 20px;
	position: absolute;
	display: block;
	}

.les_nouveautes .texte
	{
	float:right;
	}	
	
.les_incontournables.paragraphe .categories .titre:before, .the_favorite.paragraphe .categories .titre:before
	{
	background:url(icones/coeur.png) no-repeat;
	
	}
.les_incontournables.paragraphe .categories .bouton:before, .the_favorite.paragraphe .categories .bouton:before
	{
	background: url(fleche-blanche.png) no-repeat;
	content: '';
	top: 3px;
	right: 10px;
	margin-left: -2px;	
	}
	
.les_nouveautes.paragraphe .categories .titre:before, .the_latest.paragraphe .categories .titre:before
	{
	background:url(icones/etoile.png) no-repeat;
	}	
	
.categorie
	{
	display:block;
	margin-top:15px;
	padding:0px 8px 3px 0px;
	background:url(ombre-bas-categorie.png) center bottom no-repeat,url(ombre-dh.png) top right no-repeat;
	float:left; 
	position:relative;
	}

.categorie .voir
	{
	position:absolute;
	right:55px;
	bottom:20px;
	}
		
.paragraphe .categorie a 
	{
	border:1px solid #D6D6D6;
	display:block;
	width:119px;
	height:160px;
	background-color:white;
	padding:10px;
	font-size:11px;
	color:#333;
	position:relative;
	}
	
.paragraphe .categorie a:hover
	{
	box-shadow: inset 0px 0px 3px rgba(0,0,0,.4);
	}
	
.categorie a .designation
	{
	line-height:1.2em;
	}
	
.paragraphe .categorie a .infos
	{
	position:absolute;
	}	
	

.paragraphe .categorie img
	{
	width:121px;
	height:auto;
	margin-bottom:3px;
	}
	
	
.paragraphe.temoignage_1, .paragraphe.temoignage_2, .paragraphe.testimonial_1, .paragraphe.testimonial_2
	{
	padding:20px 20px;
	padding-left: 5px;
	color:#2c2a2a;
	font-family:'helvetica-oblique';
	font-size: 0.8em;
	}
	
.paragraphe.temoignage_2, .paragraphe.testimonial_2
	{
	padding-left:30px;
	padding-right:20px;
	}
	
.paragraphe.temoignage_1 i, .paragraphe.temoignage_2 i, .paragraphe.testimonial_1 i, .paragraphe.testimonial_2 i
	{
	font-size:.7em;
	color:#333;
	display:block;
	float:right;
	font-family:"HelveticaNeue-Light",helvetica, sans-serif, arial;
	}
	
.liste .categorie
	{
	-webkit-animation: 'zoom' .5s;
	}
	
.liste .categorie a
	{
	padding-bottom:15px;
	width:720px;
	}

.liste .categorie .image	{float:left;width:122px}	

.liste .categorie .texte	
	{
	float:left;
	margin-left:10px;
	width:400px;
	}
	
.liste .categorie .bas		{clear:both}

.liste .categorie img
	{
	float:left;
	margin-right:10px;
	}
		
.liste .designation 
	{
	font-size:1.2em;
	line-height:1.4em;
	border-bottom: 1px solid #333;
	padding-bottom:8px;
	}

.liste .bouton:before
	{	
	background-position-y: 1px;
	padding-left:10px;
	margin-left:-10px;
	}
	
.liste .bouton
	{
	padding-left:6px;
	font-size:1.1em;
	width:80px;
	}

.infos
	{
	position: absolute;
	display: block;
	top:10px;
	right: 10px;
	width:130px;
	text-align:justify;
	}
	
.infos b
	{
	font-weight:normal;
	color:gray;
	margin-right:5px;
	}
	
.cadre
	{
	display:block;
	margin-top:10px;
	padding:0px 8px 8px 0px;
	background:url(ombre-gb.png) left bottom no-repeat,url(ombre-dh.png) top right no-repeat;
	float:left; 
	}	
	
.fiche, .redactionnel.classique, 
.taille4de5.derniere .paragraphe > .texte
	{
	text-align:justify;
	border:1px solid #D6D6D6;
	display:block;
	background-color:white;
	padding:20px;
	font-size:.8em;
	color:#333;
	}
	
	
#catalogue .taille4de5.derniere .paragraphe > .texte
	{
	padding:0;
	border:none;
	background:none;
	font-size:1em;
	}
	
.fiche .photos
	{
	float:left;
	height:250px;
	width:250px;
	overflow:hidden;
	-webkit-animation: 'zoom' .5s;
	}
	
.fiche .slider
	{
	float:left;
	height:250px;
	width:10000px;
	}
	
.fiche .miniatures
	{
	float:left;
	width:85px;
	}
	
.fiche .miniatures img
	{
	width:80px;
	height:79px;
	margin-left:5px;
	margin-bottom:7px;
	xborder:1px solid gray;
	}
	
.fiche .miniatures img:hover
	{
	box-shadow: 0px 0px 4px rgba(0,0,0,.6);
	cursor:pointer;
	}
	
.fiche .texte
	{
	text-align:justify;
	}

.fiche .designation
	{
	font-size:1.8em !important;
	padding-bottom:5px;
	border-bottom: 1px solid #333;	
	margin-bottom: 10px;
	}
			
.fiche .bouton
	{
	width:120px;
	margin:0 70%;
	xbackground:-webkit-linear-gradient(#b48d7a 0%, #794a34 100%);
	}

.fiche .bouton.voir
	{
	margin-top:220px;
	background-color: #c25d5a;
	xbackground:-webkit-linear-gradient(#ea8281 0%, #882721 100%);
	}

.fiche .bouton.voir:hover
	{
	margin-top:220px;
	background-color: #b23c38;
	xbackground:-webkit-linear-gradient(#ea8281 0%, #cf4640 100%);
	}

	
.fiche .infos
	{
	position: absolute;
	display: block;
	top:55px;
	right: 40px;
	font-size: 12px;
	width: 170px;
	}
	
.resume
	{
	margin-top:10px;
	font-size: 1.2em;
	}
	
.liste .resume
	{
	margin-top:10px;
	font-size: 1.2em;
	}
	
.descriptif
	{
	clear:both;
	padding-top:40px;
	margin-bottom: 40px;
	line-height:1.4em;
	font-size: 1em;
	}
	
.descriptif a
	{
	color: #a03738;
	xtext-decoration: underline;
	}
	
.descriptif a:hover
	{
	color:#000000;
	}

.select
	{
	height:50px;
	}
	
.valeurs
	{
	padding:5px 8px;
	min-width:140px;
	overflow:auto;
	cursor:pointer;
	background:	url(icones/monde.png) 5px 5px no-repeat,
				url(fleche-bas.png) 135px 15px no-repeat;
	padding-left:40px;
	position:absolute;
	z-index:9;
	}
	
.valeurs:hover
	{
	background-color:white;
	border-radius: 2px;
	box-shadow: 4px 3px 5px rgba(0,0,0,.3);
	}

.valeurs ul
	{
	margin:0;padding:3px;
	}
	
.valeurs li
	{
	list-style: none;
	margin-left:-20px;
	padding:0px 7px;
	}
	
.valeurs li:hover
	{
	background-color:#F7F4F0;
	}
	
.valeurs li a
	{
	display:none;	
	}
	
.valeurs:hover li a
	{
	display:block;
	}

#form1 td
	{
	color:gray;
	}
		
#form1 label
	{
	width:130px;
	display:block;
	float:left;
	color:black;
	}
	
#form1 input + label
	{
	width:auto;
	margin-right:20px;
	}
	
#form1 input[type=radio]	{float:left}

#form1 .commentaire
	{
	font-size:1.8em;
	border-bottom:1px solid gray;
	padding:10px;
	margin-bottom:10px;
	margin-top:20px;
	color:black;
	}
#form1 .commentaire2
	{
	font-size:1.2em;
	padding:10px;
	color:black;
	}
#form1 input[size=6]	{width:100px}

.alerte
	{
	display: none;
	}

.associes .titre
	{
	display:none;
	clear:both;
	padding-top:10px;
	font-size:1em;
	color:#624e3a;
	}
	
ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}