/* Home */
body{
font-family: arial, verdana, helvetica, sans-serif;
background: transparent url(/imagerie_v2/home/body-bkgd.png) repeat-x 0px 0px;
overflow-x: hidden;
}

#habillage {
position: relative;
}
#habillage .habillage_chocolat {
position: absolute;
top: 0;
left: -511px;
width: 511px;
height: 788px;
background: transparent url(/imagerie_v2/home/habillages/chocolat.jpg) no-repeat 0 0;
}
#habillage .habillage_vanille {
position: absolute;
top: 0;
right: -499px;
width: 499px;
height: 788px;
background: transparent url(/imagerie_v2/home/habillages/vanille.jpg) no-repeat 0 0;
}

/* Layout */
#header{
display: block;
height:76px;
width:100%;
background: transparent url(/imagerie_v2/home/sprite/sprite-home-2.png) repeat-x 0px 0px;
}

/* Commun */
.separateur-double{
height:3px;
width:100%;
display: block;
overflow: hidden;
background: transparent url(/imagerie_v2/home/sprite/sprite-home-2.png) repeat-x 0px -106px;

}

h2 {font-family: "L2v", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#07acad;
	font-size:25px;
}
h3 {font-family: "L2v", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color:#07acad;
	font-size:18px;
	margin:4px 0 0;
}
/* Logo */
#logo{
  position: relative;
                top: 0px;
                left: 20px;
				float:left;
				zoom:1;
				z-index:9;
	
}
#logo img{
				position: absolute;
                top: 0px;
                left: 0px;
				z-index:10;
				zoom:1;
						background: transparent url(/imagerie_v2/home/logo-les-2-vaches.png) no-repeat 0 0;		
width:259px;
height:167px;	
}
/* Menu Top */
#menu_top{
position: relative;
                top: 10px;
                right: 0px;
				float:right;
}
/* Menu */
#menu{
	position: relative;
                top: 51px;
                left: 280px;
				float:left;
				z-index:88;
}
div#menu ul li.first{
background-color:#f5f5f5;

}
div#menu ul li.first a:link,
div#menu ul li.first a:active,
div#menu ul li.first a:hover,
div#menu ul li.first a:visited
{
color:#01AAAD;

}
/* top Content */
#top_content{
padding-top:10px;
}
/* Slider Top */
#top_slider{
width:653px;
height:410px;
display: block;
overflow: hidden;
background: transparent url(/imagerie_v2/home/slider/slider-frame.png) no-repeat 0 0;
float:left;


}
#vaches{
	position:relative;
	top: 0px;
    left: 20px;
	zoom:1;
	z-index:50;
	}
	
#vache-1{
	left:-85px;
	top:226px;
	position:absolute;
	z-index:99;
	width:190px;
	height:274px;
	background: transparent url(/imagerie_v2/home/slider/slider-vache-chocolat.png) no-repeat 0 0;
}
#vache-2{
	position:absolute;
	right:270px;
	top:231px;
	z-index:98;
	width:240px;
	height:269px;
	background: transparent url(/imagerie_v2/home/slider/slider-vache-vanille.png) no-repeat 0 0;
}

/* Le Blog */
#top_blog{
width:331px;
height:390px;
display: block;
overflow: hidden;
background: transparent url(/imagerie_v2/home/le-blog-content-bkgd.png) repeat-y 0 0;
float:right;

}
#top_blog .inner{
margin: 0 26px;
height: 310px;
overflow: hidden;
}

.head-blog{
width:331px;
height:56px;
display: block;
background: transparent url(/imagerie_v2/home/le-blog-header-bkgd.png) no-repeat 0 0;
}
#top_blog h2{
padding:10px 0 0;
margin:0;
text-align: right;
}
#top_blog h5{
margin:0;
padding:0 0 4px;
text-align: left;
color:#f47ab2;
font-weight: bold;
font-size:15px;
}
#top_blog h5 a:link,
#top_blog h5 a:visited
{
color:#f47ab2;
text-decoration: none;
}

#top_blog h5 a:hover,
#top_blog h5 a:active
{
color:#f47ab2;
text-decoration: underline;
}
#top_blog .item img {
float:left;
padding: 0 6px 6px 0;
}
#top_blog .item p {
padding: 0;
margin: 0;
line-height:16px;
}
#top_blog .item p a:link,
#top_blog .item p a:visited
{
color:#333333;
text-decoration: none;
}
#top_blog .item p a:hover,
#top_blog .item p a:active
{
color:#01AAAD;
text-decoration: none;
}
#top_blog .item {
border-bottom: 1px solid #CCC;
padding: 8px 0;
display: block;
overflow: hidden;
zoom: 1;
}
.bottom-blog{
width:331px;
height:24px;
display: block;
background: transparent url(/imagerie_v2/home/le-blog-bottom-bkgd.png) no-repeat 0 0;
}

/* Slider Blog */
/* bt */
.bt_scroll_top{
width:20px;
height:18px;
display: block;
background: transparent url(/imagerie_v2/home/sprite/sprite-home-2.png) 0px -134px;
float:right;
cursor: pointer;
}

.bt_scroll_bottom{
width:20px;
height:18px;
display: block;
background: transparent url(/imagerie_v2/home/sprite/sprite-home-2.png) 0px -114px;
float:right;
cursor: pointer;
}
#top_blog  .scrollable {
	position:relative;
	overflow:hidden;
	height: 268px;
	width: 274px;
	z-index:2;
	
}

#top_blog .scrollable .items {
	position:absolute;
	height:20000em;
	z-index:2;
}

/* Middle Content */
#middle_content{
clear: both;
margin:10px 0 15px;;
overflow: hidden;
zoom:1;
}
#middle_content h3,
#middle_content h4{
padding:0;

}
#middle_content h4{
font-weight:bold;
font-size:15px;
margin:0;
letter-spacing:-0.2px;
}
#middle_content p{
margin:0;
padding:2px 50px 14px 0;
line-height:13px;
height:56px;
color:#333333;
}
#middle_content .first{
margin-left:0px;
}
#middle_content .going{
margin-left:10px;
}
#middle_content a:link,
#middle_content a:visited{
color:#000;
text-decoration:none;
}
#middle_content a:hover,
#middle_content a:active{
color:#01aaad;
text-decoration:none;
}
.middle_call{
margin-top:20px;
float:left;
width:240px;
height: 240px;
}
#middle_content .illus-1{
background: transparent url(/imagerie_v2/home/sprite/sprite-home-1.png) no-repeat right -130px;

}
#middle_content .illus-2{
background: transparent url(/imagerie_v2/home/sprite/sprite-home-1.png) no-repeat right -233px;

}
#middle_content .illus-3{
background: transparent url(/imagerie_v2/home/sprite/sprite-home-1.png) no-repeat right -365px;

}
#middle_content .illus-4{
background: transparent url(/imagerie_v2/home/sprite/sprite-home-1.png) no-repeat right -470px;

}
/* Parrains */
#parrains{
float: left;
clear: left;
width:650px;
}
#parrains img{
margin:8px 15px;
}
#bottom_content h2{
text-align: left;
margin:0;
padding:0;
}
/* Derniers Commentaires */
#last-comments{
float: right;
clear: right;
width:311px;
}

#bottom_content{
margin-top:10px;
display: block;
zoom:1;
overflow:hidden;
}


/* Slider */
#top_slider .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 600px;
	height:300px;
	top:55px;
	left:23px;
	z-index:3;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
#top_slider .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	z-index:2;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
#top_slider .items div {
	float:left;
	z-index:4;
}
#top_slider .items div img{
	z-index:-1;
}
	
	/* root element for the scroll pics */

	
#slider-actions	{
width: 160px;
margin: 60px auto 0;
}
#slider-actions	.st_left{
	float: left;
	width:24px;
	height:24px;
	background:url(/imagerie_v2/home/sprite/sprite-home-2.png) 0px -157px no-repeat;
	display:block;
	cursor:pointer;
}
#slider-actions	.st_right{
	float: left;
	width:24px;
	height:24px;
	background:url(/imagerie_v2/home/sprite/sprite-home-2.png) 0px -183px no-repeat;
	display:block;
	cursor:pointer;
}
	/* Navi */
	
/* position and dimensions of the navigator */
.navi {
	width:64px;
	height:24px;
	float:left;
	margin: 2px 10px;
}


/* items inside navigator */
.navi a {
	width:14px;
	height:12px;
	float:left;
	margin:3px;
	background:url(/imagerie_v2/home/sprite/sprite-home-2.png) 1px -240px no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:1px -210px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:1px -225px;     
}

#last-comments .comment_content{
font-style: italic;
font-size: 12px;
}
.comments a:link,
.comments a:visited{
color:#333;
text-decoration: none;
}
.comments a:active,
.comments a:hover{
color: #07ACAD;
text-decoration: none;
}
#last-comments .comment_author{
font-size: 11px;
color: #07ACAD;
}

#footer  {
background-attachment:scroll;
background-color:#F8F8F8;
background-image:url("/imagerie/background_footer.gif");
background-position:left top;
background-repeat:repeat-x;
clear:both;
height:30px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:20px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:center;
text-decoration:none;
width:100%;
}
#footer #content {
padding-top:5px;
}
#footer #content ul li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:5px;
padding-right:5px;
padding-top:0;
}
#footer #content ul{
margin: 0px 0 4px;
}
#footer #content ul li a:link, #footer #content ul li a:visited {
color:#060606;
font-size:11px;
}