/*

	SAVIE-ZEN.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(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */
@import url(debug.css); /* FORMS CSS */



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

body { font:12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg-body.jpg) repeat; }



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


p,ul,dl,ol { font-family: Tahoma, Lucida Grande, Verdana; font-size: 1em; line-height: 1.4em; margin-bottom:1.8em; }

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; }



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

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

div#container { background: url(../images/bg-container.png) no-repeat 260px -20px; margin:0 auto; padding-top:73px; }
div#header { height:194px; background: url(../images/bg-header.jpg) no-repeat 62px; }
div#content { width : 630px; overflow:hidden; background: url(../images/bg-content.png) repeat-y 62px; padding:0px 150px;padding-bottom:24px;  }
div#content_pri { }
div#content_sec {  }
div#footer { height:119px; background: url(../images/bg-footer.jpg) no-repeat 62px -75px; text-align:center; margin-bottom:40px; }

#clear,
.clear { clear:both; }



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





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

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

h1 { }
h2 { }
h3 {
	margin-bottom:0px;
	font: bold 1.4em "Comic Sans MS", cursive;
	color: #900;
}
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.4em; margin:30px 0 38px 0px; color: #000; letter-spacing:1px;}



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

a:link,
a:visited { color:#000; }
a:hover,
a:focus { color:#333; }

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

ul#nav_pri a:link, 
ul#nav_pri a:visited,
ul#nav_sec a:link, 
ul#nav_sec a:visited { color:#903; text-decoration:none; }
ul#nav_pri a:hover,
ul#nav_pri a:focus,
ul#nav_sec a:hover,
ul#nav_sec a:focus { color:#903; text-decoration:underline; }

p.copyright a:link,
p.copyright a:visited { color:#9b211d; }
p.copyright a:hover,
p.copyright a:focus { color:#72100c; }



/* 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:25px 0px 0px 0px; }

ul#nav_pri,
ul#nav_sec {
	font-size:0.9em;
	text-align:center;
	font-weight:bold;
	width:600px;
	height:40px;
	margin-left:165px;
	line-height:16px;
}

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

ul#nav_pri { position:relative; top:5px;  }
ul#nav_sec {  }

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

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



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

p.copyright { width:930px;  margin:0 auto; font-size:10px; text-transform:uppercase; color:#333; line-height:44px; }
p.copyright span {font-size:0.9em; text-transform:none; letter-spacing:normal; }
p.copyright span.name { display:none; }



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

.home div#content { position: absolute;left: 50%;top: 50%;padding:0px;width:800px;height: 598px;margin-left: -370px;margin-top: -299px;text-align: center; background: url(../images/bg-home.jpg) no-repeat 0px center; }
.home div#logos { display:none; position: absolute;left: 50%;top: 100%;padding:0px;width:700px;height: 50px;margin-left: -400px;margin-top: -109px;text-align: center;  }

img.nav-home { width:371px; height:465px; position:absolute; top:58px; left:426px; }

.home h1, .home h2 { text-indent:-9999px; }


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

span.board, 
span.board-blank { display:block; padding:10px; text-align:center; margin-bottom:20px; }
span.board { background: url(../images/bg-pattern-light.png) repeat; }
span.intro { display:block; min-height:1px;}

h2+span.board,
h2+span.board-blank,
h2+span.intro { margin-top:-30px; }

h2+span.board,
h2+span.board-blank { margin-bottom:20px;}

span.intro+span.board { margin-top:-10px;}



/* 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 { border-bottom: 1px solid #d8bc99; padding:25px 0px; }

#content_pri ul { list-style:none; }
#content_pri ul li { min-height:102px; }

#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.titre { display:block;font-size:18px; margin-bottom:8px;  }
#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 { }


ul.liens li { min-height:40px!important; }

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 { }
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 li p,
ul.cal li div.contenu {  padding-left:120px; }
ul.cal li div.contenu p { padding-left:0px; }



/* 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 { }

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 { }
ul.temoignages p.date { }



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

#pager { width:100%; text-align:center; }
#pager li { list-style:none; display:inline; padding:5px; }
#pager li a { padding:5px; text-decoration:none; }

#page li.selected {  }

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

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