/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Raconte moi une fleur
Version:	1.0
Last change:	31/07/08 [fixed Float bug, vf]
Assigned to:	JL Graphisme (vf)
-------------------------------------------------------------------*/



body {
background:#FFF url(img/bg_body.jpg) no-repeat left top fixed; 
font:0.8em/1.6em Verdana, Helvetica, Arial; 
height:100%;
width:1000px;
margin:auto;
text-align:left;
}

a:hover { color:#000; font-weight:bold; background:#CCC;}

h2{font-size: 1.4em; font-weight: lighter; padding:1px;color:#000; letter-spacing:4px;}
h3 { margin:0; padding:0;font-size: 1.6em; font-weight:lighter;}
h4 { margin:0; padding:0;font-size: 1.4em;}
h5 { margin:0; padding:0;font-size: 1.2em;}
h5 span{font-size: 1.2em; font-weight: normal;}
ul{ list-style:none;margin:0; padding:0;}


/*====================== HEADER et SOMMAIRE ======================*/
#header { width:100%; height:200px;margin:0;}
#header h1{ float:right; width:346px; background:url(img/logo.png) no-repeat;height:80px;margin: 28px 80px 0px 60px;}
#header h1 a{display:block;height: 80px;width: 346px;text-indent: -900em;text-decoration: none;line-height:100%;}
#header  h1 a:hover{text-decoration: none;background:url(img/logo.png) no-repeat;}

#navbar{float:right; margin:40px 50px 0 0px; width:60%;}
#navbar ul{ list-style:none; margin:0; padding:0; }
#navbar li{ display: inline; width:192px; color:#FFF; margin:2px 0 auto;padding:1px 4px 1px 4px; font-weight:bold; font-variant:small-caps;}
#navbar li a{ color:#999;display:inline; text-decoration:none;}
#navbar li a:hover{ background:#333;display:inline; padding:0 4px 0 4px; color:#FFF;}


/*====================== CONTENEURS ======================*/
#content { width:720px; padding-left:60px; /*background:url(img/bg_content.png);*/margin-bottom:100px;margin-left:190px;}
#leftcolumn{float:left; width:450px;margin:0px; padding-left:20px; padding-right:10px; background:url(img/bg_content.png); }
#rightcolumn{float:left; width:200px; margin-left:20px;padding-left:4px; border-left:1px solid #CCC;  text-align:right; min-height:600px;background:url(img/bg_content.png);}
#rightcolumn h3 { margin:0; padding:0;font-size: 1.4em; font-weight:lighter;}
#rightcolumn p {font:0.9em/1.2em Verdana, Helvetica, Arial; }
#rightcolumn a {font:0.9em/1.2em Verdana, Helvetica, Arial; display:block; width:98%; background:#FFF; border:1px solid #FFF; margin-bottom:2px; padding-right:2%;}
#rightcolumn a:hover {background:#000; border:1px solid #FFF; color:#FFF;}


/*====================== Bloc INDEX ======================*/

#parent {float:left; font-size:98%;padding:4px;}
#parent li{padding: 2px;color: black;}
#menu {margin-top:6px;margin-bottom:6px;width:100%;}
#menu a{padding:0 5px 0 2px; border:1px solid gray; float:left;}
#menu a.wactive{padding:0 5px 0 2px;border: 1px solid gray; background-color:#000; width:8px;}
#menu a:hover.wactive{padding:0 5px 0 2px;border: 1px solid gray; color:#fff; width:8px;}
.imgSmallSlide{ height:140px; margin:0 10px 10px 0; border:none; float:left;padding:3px; border:1px solid #CCC; float:left; background:#FFF;}
#bloc4 ,#bloc5, #bloc6{height:216px; background: url(img/bloc4.png) no-repeat left top; padding:5px 20px 5px 20px;}
#bloc4 h5{ font-size:90%;} 
#bloc5 h3{ margin:0; padding:0;}
#bloc6 p{ font-size:80%;}
#bloc4 h2, #bloc5 h2, #bloc6 h2{ padding-top:6px;}

/* Affichage des dātes */
.postdate { color: #999; font-style: normal;}
li.postdate2  { list-style:none;}
span.postdate2  { color: #999; font-style: normal; font-size:9px; margin-bottom:-4px; display:block;}

#date{padding:86px 10px 0 0 ; text-align:right; }
#jour{font-size:30px; color:#99CC00; margin-bottom:10px;}
#mois{font-size:16px;text-transform:capitalize; color:#99CC00;}
.breaker { clear:both; height:1px; overflow:hidden; }
.spacer {background: url(img/hr_leftColumn.png) no-repeat center; height:35px; color: #FFF;clear:both; margin-bottom:10px;}

.imgSmall{ width:100px; margin:0 10px 10px 0; border:none; float:left;padding:3px; border:1px solid #CCC; float:left; background:#FFF;}
.imgSmall a:hover{ border:1px solid #99CC00;}
.imgMedium{ width:170px; margin:10px 10px 10px 0; border:none; float:left;padding:3px; border:1px solid #CCC; float:left; background:#FFF;}
.imgLarge{ width:98%; margin:10px 10px 10px 0; border:none; float:left;padding:3px; border:1px solid #CCC; float:left; background:#FFF;}
.imgGalerieSmall{ width:70px; height:50px;margin:0 10px 10px 0; border:none; float:left;padding:3px; border:1px solid #CCC; float:left; background:#FFF;}


/* Galerie photo */
.imgSmallCadre{float:left; width:108px; margin:0 10px 10px 0; border:none; padding:3px; border:1px solid #CCC; background:#FFF;}
ul.galeriePhotos {margin:10px 0 0 0 ; padding:0;}
li.imgSmallCadre { list-style:none; text-align:center; font-size:80%;}
h3#galeriePhotos {font-size:120%;}


/*====================== GUESTBOOK ======================*/
form#guestbook p {margin:0; padding:0;}
form#guestbook label{display:block; width:200px; margin:0;}
form#guestbook input[type=text]{float:left;display:block;width:200px;height:20px;margin:0 0 10px 0;padding:0;}
form#guestbook textarea{float:left;display:block;width:200px;height:180px;margin:0 0 10px 0;padding:0;}
form#guestbook input[type=submit]{float:left;display:block; width:199px; height:93px;margin:0 0 40px 0; background:url(img/form_bt_envoyer.png) no-repeat;text-indent:-5000px; border:none; cursor: pointer;}

/*====================== FOOTER ======================*/
ul#top{float:right;margin-top:60px; margin-right:150px;}
ul#top img{border:none;}
#footer{float:left;height:840px;width:100%;background:url(img/bg_footer.png) no-repeat left top;text-align:right;}
#footer div#mentions {clear:both; float:right; margin-right:120px;}
h2#contacts {visibility:hidden;}
#contact{ float:left; display:block; width:300px; line-height:14px; text-align:right; padding-top:370px; padding-left:140px;}
#contact span{ display:block; font-size:150%;}

/* formulaire de contact */
div#contactForm {float:left; width:250px; margin-left:220px; margin-top:120px;}
#contactForm fieldset {border:0px;}
#contactForm input{ float:left;display:block; background:url(img/form_input.png) no-repeat left top; width:215px; height:31px; padding:8px 0 0 6px; border:none; margin:0;}
#contactForm textarea{ float:left;display:block;width:215px;height:180px; background:url(img/form_input_textarea.png) no-repeat left top; border:0; padding:10px 10px 0 6px;}
#contactForm label{ text-indent:-2000px; display:block; height:0; margin:0; visibility:hidden;}
#contactForm p{margin: 0;}
#contactForm input[type=submit]{ float:left;display:block; width:199px; height:93px; background:url(img/form_bt_envoyer.png) no-repeat; text-indent:-5000px; border:none; cursor: pointer;}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider-wrapper {
    width:450px;
    height:340px;
    margin:0 auto;
    padding-top:0px;
    margin-top:0px;
}

#slider {
	position:relative;
    width:450px;
    height:340px;
	background:url(../js/images/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:450px;
	height:300px;
}

#slider a {
	border:0;
	display:block;
}
#slider a:hover {background:none;}


.nivo-controlNav {
	position:absolute;
	left:140px;
	bottom:-26px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../js/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../js/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}