/*

	MARCINOUM.COM by DOMINIQUE RADISSON
	http://www.dreewee.com
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   2.GENERAL
	   3.LAYOUT
	   4.GENERAL
	   5.HEADINGS
	   6.LINKS
	   7.IMAGES
	   8.BRANDING / HEADER
	   9.NAVIGATION
	   10.SITE INFO / FOOTER
	   10.HOME PAGE
	   12.BOARD & INFORMATIONS
	   13.LISTS
	   14.GALERIE
	   15.VIDEOS
	   16.LIENS
	   17.AGENDA
	   18.PERSONNA
	   19.TEMOIGNAGES
	   20.PAGER
	   
    -------------------
	
*/



@import url(eshop.css); /* ESHOP CSS */
@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */
@import url(debug.css); /* FORMS CSS */



/* 1.BODY
---------------------------------------------------------------------- */

body { font:62.5% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background-color:#fbfaf9; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */


p,ul,dl,ol { font-family: Lucida Grande, Verdana; font-size: 1.2em; line-height: 1.3em;; margin-bottom:2.4em; }

ul { }
ul li { }
dl {  } 
dt {  }
dd {  }
ol { list-style: lower-roman; list-style-position:outside; }
ol li {  }

hr { height:0; border:0; border-top:1px solid #ccc; margin-bottom:24px; }

blockquote { font-style:italic; background:#eee; padding:12px; padding-bottom:1px; margin-bottom:24px; }
blockquote p { margin-bottom:12px; } 
blockquote cite { display:block; font-style:normal; text-transform:uppercase; font-size:10px; letter-spacing:1px; color:#666; margin-bottom:12px; }

pre {  }
pre code {  }
code {  }

abbr 			{ border-bottom:1px solid #ccc; cursor:help; }
abbr:hover 		{ border-color:#999; }
del 			{ color:#999; }
strong 			{ font-weight:bold; }
em 				{ background:#ffffc9; }
sup 			{ font-size:0.75em; position:relative; top:-3px; }
cite 			{ display:none; }





/* 0.A CLASSER
---------------------------------------------------------------------- */

ul#categories li,
ul#rayons li { display:inline }

img.logo { position:absolute; top:0px; left:0px; width:239px; height:85px; }

#content_pri h2 { font-size:1.3em;}
.iframe { width:425px; height:350px; padding:20px; background-color:#FFF; position:absolute; top:150px; left:268px; border:1px solid #444;}
#content_pri .ambiance {position:absolute; width:580px; height:680px; top:0px; left:0px; }
/* #content_sec .video { display:block; width:370px; height:300px; position:absolute; top:150px; left:0px; }*/
#content_sec .collection-vignette { display:block; width:340px; height:440px; position:absolute; top:80px; left:0px; }  /* height:255px;top:150px si video*/
ul.collections {
	position:absolute;
	top:530px;
	left:0px;
	width:340px;
	height:120px;
	font: 1.1em "MS Serif", "New York", serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
td.collections { text-align:center; vertical-align:middle }


#content_sec li a.titre { display:block;font-size:1.2em; margin-bottom:1em;  }
#content_sec li a.titre-big { display:block;font-size:190%; margin-bottom:1em;  }
#content_sec li a.archives { display:block;font-size:100%; margin-top:2em;  }
div#content_sec { position:absolute; top:0px; left:580px; width:380px; height:680px; }
div#footer { height:70px; position:absolute; top:651px; left:0px; }

p.copyright {
	width:960px;
	margin-top:20px;
	font-size:0.8em;
	color:#AAA;
	word-spacing: 2px;
	text-transform: uppercase;
}

p.copyright a:link,
p.copyright a:visited { color:#888; text-decoration:none; }
p.copyright a:hover,
p.copyright a:focus { color:#888; text-decoration:underline; }

div#home-news {
	width:160px;
	height:85px;
	top:482px;
	left:760px;
	position:absolute;
	text-align: left;
	/*border:1px solid black;*/
}

div#home-news p {
	font: normal 1.2em "Times New Roman", Times, serif!important;
	color: #333;
	text-transform: uppercase;
}



.portrait div#content_pri { width:250px; height:330px; position:absolute; top:212px; left:640px; }
.portrait div#content_pri p { font-size:1.2em; overflow:hidden; text-align:left;}

.mentions div#content_pri,
.liens div#content_pri,
.temoignages div#content_pri {
	width:540px;
	height:590px;
	position:absolute;
	top:0px;
	left:190px;
	padding:20px;
	background: url(../images/bg-pattern-lightff.png) repeat;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	text-align: left;
}
.temoignages div#content_pri {
	background-color:white;
}
.pros div#content_pri {
	width:620px;
	height:250px;
	position:absolute;
	top:190px;
	left:150px;
	padding:20px;
	background: url(../images/bg-pattern-lightfff.png) repeat;
	border : 1px solid #AAA;
	text-align: left;
}
.shop div#content_pri {
	width:620px;
	height:20px;
	position:absolute;
	top:310px;
	left:150px;
	padding:20px;
	background: url(../images/bg-pattern-lightff.png) repeat;
	border : 1px solid #AAA;
	text-align: center;
}

#pager { position:absolute; left:0px; top:590px; height:20px; width:580px; text-align:center;  }




/* 3.LAYOUT
---------------------------------------------------------------------- */

#container, #header, #footer { width:960px;  }

div#container { position:absolute; left: 50%;  top: 50%; height: 680px;
  margin-top: -370px; /* moitié de la hauteur + débordement vertical du footer */ 
  margin-left: -480px; /* moitié de la largeur */ 
  text-align: center; }
div#header { display:none; }
div#content { }
div#content_pri { }

#clear,
.clear { width:100%; clear:both; }



/* 16.BACKGROUNDS
---------------------------------------------------------------------- */
.bg-home { background: url(../images/bg-home.jpg) no-repeat 0px center; }
.bg-contact { background: url(../images/bg-contact.jpg) no-repeat 0px center; }
.bg-portrait { background: url(../images/bg-portrait.jpg) no-repeat 0px center; }
.bg-mentions { background: url(../images/bg-mentions.jpg) no-repeat 0px center; }
.bg-liens { background: url(../images/bg-liens.jpg) no-repeat 0px center; }
.bg-newsletter { background: url(../images/bg-newsletter.jpg) no-repeat 0px center; }
.bg-pros { background: url(../images/bg-pros.jpg) no-repeat 0px center; }
.bg-eshop { background: url(../images/bg-eshop.jpg) no-repeat 0px center; }
.bg-temoignages { background: url(../images/bg-liens.jpg) no-repeat 0px center; }
.bg-caddie { background: url(../images/bg-caddie.jpg) no-repeat 0px center; }




/* 4.GENERAL
---------------------------------------------------------------------- */





/* 5.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:bold; }

h1 {  }
h2 { }
h3 { font-size:1.4em; }
h4 { font-size:12px; font-style:italic; margin-bottom:0px; color:#999; }
h5 { font-size:11px; margin-bottom:0px; font-weight:normal; text-transform:uppercase; color:#999; letter-spacing:2px; line-height:15px; }
h6 { font-size:12px; }

div#content_pri h1 { display:none; }
div#content_pri h2 { font-size:2.2em; margin:20px 0 38px 0px; color: #000; }
div#content_pri h2 span { margin-top:10px;font-size:0.8em;display:block;font-weight:normal;color: #666; }

div#container h1 { text-indent:-9999px; }



/* 6.LINKS
---------------------------------------------------------------------- */

a:link,
a:visited { color:#000;text-decoration:none }
a:hover,
a:focus { text-decoration:underline }

a:link.external,
a:visited.external { padding-right:15px; background:url(../images/site/external_link.gif) no-repeat right center; }

ul#nav_sec { width:100%;height:24px; line-height:24px; background:url(../images/bg-pattern-lightf.png) repeat; }
ul#nav_pri a:link, 
ul#nav_pri a:visited,
ul#nav_sec a:link, 
ul#nav_sec a:visited { color:#222; text-decoration:none; }
ul#nav_pri a:hover,
ul#nav_pri a:focus,
ul#nav_sec a:hover,
ul#nav_sec a:focus { color:#111; text-decoration:underline; }



/* 7.IMAGES
---------------------------------------------------------------------- */

img { max-width:630px; }
img.vignette,
img.vignette-h,
img.vignette-v { max-width:90px; max-height:90px; float:left; }

img.vignette   { position:relative; top:5px; left:6px; }
img.vignette-h { position:relative; top:18px; left:6px; }
img.vignette-v { position:relative; top:5px; left:18px; }


/* 8.BRANDING / HEADER
---------------------------------------------------------------------- */

div#header h1,
div#header cite { display:none; }

.home div#header h1 { position:absolute; right:135px; top:58px; }



/* 9.NAVIGATION
---------------------------------------------------------------------- */

div#header ul,
div#footer ul { }

div#footer ul { padding:5px 0px 0px 0px; margin:0px; }

ul#nav_pri,
ul#nav_sec { font-size:11px; text-transform:uppercase; text-align:center;  }

ul#nav_pri li, 
ul#nav_sec li { list-style:none; display:inline; }

ul#nav_pri {  }


ul#nav_pri li.selected a,
ul#nav_sec li.selected a { text-decoration:underline; }

span.separateur { margin:0px 8px; }



/* 10.SITE INFO / FOOTER
---------------------------------------------------------------------- */


p.copyright span { text-transform:none; letter-spacing:normal; }
p.copyright span.name { display:none; }



/* 11.HOME PAGE
---------------------------------------------------------------------- */




/* 12.BOARD & INFORMATIONS
---------------------------------------------------------------------- */

.bg-eshop .board { display:block; width:130px; height:60px; position:absolute; top:90px; left:63px; text-align:left; line-height:60px;}
.bg-eshop .board a:hover { text-decoration:underline; }
.bg-eshop .board a img { float:left; }



/* 13.LISTS
---------------------------------------------------------------------- */

#content_pri ul.cal li,
#content_pri ul.presse li,
#content_pri ul.videos li,
#content_pri ul.persona li,
#content_pri ul.temoignages li,
#content_pri ul.liens li { min-height:102px;list-style:none; border-bottom: 1px solid #d8bc99; padding:25px 0px; }

#content_pri ul {  }
#content_pri ul li {  }

#content_pri ul li.last,
#content_pri ul li.gauche-last,
#content_pri ul li.droite-last { border-bottom: none!important; }

ul.categories { display:inline; }
ul.categories li { display:inline; margin-right:5px; }

#content_pri ul li p { display:inline; }
#content_pri ul li p.date { display:block; margin:5px 0px; font-weight:bold; color:#900; font-size:12px; }
#content_pri ul li p.lieu { display:block;font-size:14px; margin-bottom:8px;  }

#content_pri ul li img { margin-right:20px; }



/* 14.GALERIE
---------------------------------------------------------------------- */

.galerie div#content_pri { }
.galerie div#content_sec { }

ul.galerie {  }
ul.galerie li { margin:11px; float:left; width:102px; height:102px; background: url(../images/bg-pattern-color.png) repeat; border: thin dashed #666; }
ul.galerie li a:link,
ul.galerie li a:visited { }
ul.galerie li a:hover,
ul.galerie li a:focus { }
ul.galerie li img { }

#ZoomCaption { height:30px; font: 12px/30px Arial, Helvetica, sans-serif; color: #FFF; background: url(../images/bg-legende.png) repeat; padding: 5px 10px; text-align:center; }



/* 15.VIDEOS
---------------------------------------------------------------------- */

.videos div#content_pri { }
.videos div#content_sec { }


ul.videos li { }

ul.videos li.first,
ul.videos li.gauche-first,
ul.videos li.droite-first {  }

ul.videos li.last,
ul.videos li.gauche-last,
ul.videos li.droite-last { }

ul.videos li a:link,
ul.videos li a:visited { }
ul.videos li a:hover,
ul.videos li a:focus { }
ul.videos li img { }



/* 16.LIENS
---------------------------------------------------------------------- */

.liens div#content_pri { }
.liens div#content_sec { }


.liens p.titre { display:block;font-size:2.4em; margin-bottom:8px;  }
ul.liens li { min-height:40px!important; font-size:0.8em; }

ul.liens li.first,
ul.liens li.gauche-first,
ul.liens li.droite-first {  }

ul.liens li.last,
ul.liens li.gauche-last,
ul.liens li.droite-last { }

ul.liens li a:link,
ul.liens li a:visited { }
ul.liens li a:hover,
ul.liens li a:focus { }
ul.liens li img { }



/* 17.AGENDA
---------------------------------------------------------------------- */

.cal div#content_pri { }
.cal div#content_sec { }


ul.cal li { }

ul.cal li.first,
ul.cal li.gauche-first,
ul.cal li.droite-first {  }

ul.cal li.last,
ul.cal li.gauche-last,
ul.cal li.droite-last { }

ul.cal li a:link,
ul.cal li a:visited { }
ul.cal li a:hover,
ul.cal li a:focus { }
ul.cal li img { }

ul.cal p {  }
ul.cal p.date { }



/* 18.PERSONA
---------------------------------------------------------------------- */

.persona div#content_pri { }
.persona div#content_sec { }


ul.persona li { }

ul.persona li.first,
ul.persona li.gauche-first,
ul.persona li.droite-first {  }

ul.persona li.last,
ul.persona li.gauche-last,
ul.persona li.droite-last { }

ul.persona li a:link,
ul.persona li a:visited { }
ul.persona li a:hover,
ul.persona li a:focus { }
ul.persona li img { }

ul.persona p { }
ul.persona p.date { }



/* 19.TEMOIGNAGES
---------------------------------------------------------------------- */

.temoignages div#content_pri { }
.temoignages div#content_sec { }


ul.temoignages li {  min-height:40px!important; font-size:0.8em; }

ul.temoignages li.first,
ul.temoignages li.gauche-first,
ul.temoignages li.droite-first {  }

ul.temoignages li.last,
ul.temoignages li.gauche-last,
ul.temoignages li.droite-last { }

ul.temoignages li a:link,
ul.temoignages li a:visited { }
ul.temoignages li a:hover,
ul.temoignages li a:focus { }
ul.temoignages li img {  }

ul.temoignages p { display:block; }
ul.temoignages p.titre { font-size:2.4em; }
ul.temoignages p.lieu { display:none; }
ul.temoignages p.media { font-size:1.9em; display:block!important; margin:0; }



/* 20.PAGER
---------------------------------------------------------------------- */

ul#pager { margin:0 auto; width:100%;}
#pager li { list-style:none; display:inline;  }
#pager li a { text-decoration:none; padding:2px 5px; }

#pager li.selected {  padding:2px 5px; background-color:#666;border:1px solid grey; color:white;}

#pager a:link, 
#pager a:visited { color:grey; border:1px solid grey;  }

#pager a:hover,
#pager a:focus { color:#333; border:1px solid #333;  }



/* 16.ARTICLES
---------------------------------------------------------------------- */


.container-articles { position:relative; width:960px; overflow:hidden; }

.maison div.container-articles { height:300px; margin-top:125px;}
.femme div.container-articles { height:500px; margin-top:55px;}
.enfant div.container-articles { height:370px; margin-top:95px;}

.container-articles ul{padding:0;list-style:none; margin:0px;}

.container-articles .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer;line-height:999px;zoom:1;}
.container-articles .carousel-next,
.container-articles .carousel-previous{ position:absolute; top: 180px; z-index:5;}
.container-articles .carousel-next{background:url(../images/slide-right.png) no-repeat 0 0; left:928px;}
.container-articles .carousel-previous{ background:url(../images/slide-left.png) no-repeat 0 0; left:0px; }

.maison .container-articles .carousel-next,
.maison .container-articles .carousel-previous{ top: 130px; }


.container-articles ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;}
.container-articles ul li cite a img{vertical-align:middle;}
.container-articles ul li cite a{color:#fff;text-decoration:none;}

.container-articles div.center-wrap{overflow:hidden;clear:both;zoom:1;}
.container-articles div.center-wrap div{border:0;margin:3px 0px; width:100%; text-align:center;}
.container-articles div.center-wrap a{margin:0 2px;padding:2px 5px;border:1px solid #4f4f4f;background:#EEE;cursor:pointer;color:#999; }
.container-articles div.center-wrap a.active{background-color:#666;border:1px solid grey; color:white;}



/* articles info à faire */

ul.articles-maison li img { width:478px; height:284px;  }
ul.articles-enfant li img { width:270px; height:348px; }
ul.articles-femme li img,
ul.articles-homme li img { width:240px; height:445px; }

ul.articles-maison li { float:left; position:relative; padding:0px 0px;width:478px; height:286px; }
ul.articles-enfant li { float:left; position:relative; padding:0px 24px;width:270px; height:350px;}
ul.articles-femme li,
ul.articles-homme li { float:left; position:relative; padding:0px 0px 30px 0px;width:240px; height:447px; } /* padding bas 30 px pour sortir autres articles du div


ul.articles-enfant , x:-moz-any-link, x:default { margin-left:-132px; } /* hack Ffox 3 */ 
ul.articles-maison , x:-moz-any-link, x:default { margin-left:-238px; } /* hack Ffox 3 */ 
ul.articles-femme , x:-moz-any-link, x:default { margin-left:-120px; } /* hack Ffox 3 */
ul.articles-homme , x:-moz-any-link, x:default { margin-left:-100px; } /* hack Ffox 3 */

ul.articles-femme li img,
ul.articles-enfant li img,
ul.articles-maison li img,
ul.articles-homme li img { z-index:1; float:left; position:absolute; }

ul.articles li.first,
ul.articles li.gauche-first,
ul.articles li.droite-first {  }

ul.articles li.last,
ul.articles li.gauche-last,
ul.articles li.droite-last { }


ul.articles li a:link,
ul.articles li a:visited { }
ul.articles li a:hover,
ul.articles li a:focus { cursor:pointer; }
ul.articles li img { }


/*FICHE ARTICLE SUR PAGE COLLECTION */

.enfant div.article-infos , x:-moz-any-link, x:default { margin-left:132px; } /* hack Ffox 3 */ 
.maison div.article-infos , x:-moz-any-link, x:default { margin-left:238px; } /* hack Ffox 3 */ 
.femme div.article-infos , x:-moz-any-link, x:default { margin-left:120px; } /* hack Ffox 3 */
.homme div.article-infos , x:-moz-any-link, x:default { margin-left:100px; } /* hack Ffox 3 */


div.article-infos {
	position:relative;
	z-index:200;
	font: 0.8em Verdana, Geneva, sans-serif;
	text-align:left;
	color: #666;
	padding:0px;
}
div.article-infos a.close {
	text-indent:-9999px;
	display:block;
	width:160px;
	height:40px;
	background: url(../images/bg-detailarticle-close.png) no-repeat center 16px;
}

div.article-infos h4 {
	display:block;
	width:100%;
	height:40px;
	margin:8px 0px;
	font-weight:bold;
	color: #000;
	font-style: normal;
	font-size: 1.5em;
}

div.article-infos h5 {
	margin:18px 0px 14px 0px;
	font-weight:bold;
	color: #000;
	font-style: normal;
}

div.article-infos h7 a {
	display:block;
	margin-top:14px;
	font-weight:bold;
	color: #C06;
	font-style: normal;
	text-decoration: underline;
}
div.article-infos span.description { display:block; width:100%; height:200px; overflow:hidden; }

.femme div.article-infos {
	width:160px;
	height:425px;
	background: url(../images/bg-detailarticle-femme.png) no-repeat;
	padding:0px 40px 20px 40px;
}