@charset "utf-8";
/* CSS Document */


/**********/
/**********/
/* GLOBAL */
/**********/
/**********/

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

a{outline: none;}
:focus{outline-style: none;}

a img {
        border: none;
}

a {
	color:#666;
	text-decoration:none;
	font-style:italic;
}

a:hover {
	color:#399;
}

#global {
	position:relative;
	top:0px;
	width:940px;
	margin:0 auto;
}


/**********/
/**********/
/* HEADER */
/**********/
/**********/

#top {
	position:relative;
	top:300px;
	margin:0 auto;
	width:940px;
	height:100%;
}

#logo {
	position:relative;
	top:50px;
	background:url(images/logo_alicedrougard.png);
	width:280px;
	height:52px;
	margin:0 auto;
}

#menu {
	position:relative;
	top:45px;
	width:240px;
	height:19px;
	margin:0 auto;
}

/*.tiret {
	position:relative;
	background:url(images/tiret.png)
	width:9px;
	height:19px;
	display:inline-block;
}*/

#works {
	position:relative;
	top:0px;
	left:0px;
	background:url(images/works.png);
	width:49px;
	height:19px;
	display:inline-block;
	margin-right:10px;
}

#works:hover, #works_on {
	position:relative;
	top:0px;
	left:0px;
	background:url(images/works_on.png);
	width:49px;
	height:19px;
	display:inline-block;
	margin-right:10px;
}

#process {
	position:relative;
	background:url(images/process.png);
	width:60px;
	height:19px;
	display:inline-block;
	margin-right:10px;
}

#process:hover, #process_on {
	position:relative;
	background:url(images/process_on.png);
	width:60px;
	height:19px;
	display:inline-block;
	margin-right:10px;
}

#about {
	position:relative;
	background:url(images/about.png);
	width:41px;
	height:19px;
	display:inline-block;
	margin-right:10px;
}

#about:hover, #about_on {
	position:relative;
	background:url(images/about_on.png);
	width:41px;
	height:19px;
	display:inline-block;
	margin-right:10px;
}

#contact {
	position:relative;
	background:url(images/contact.png);
	width:57px;
	height:19px;
	display:inline-block;
}

#contact:hover, #contact_on {
	position:relative;
	background:url(images/contact_on.png);
	width:57px;
	height:19px;
	display:inline-block;
}


/**********/
/**********/
/* QUOTES */
/**********/
/**********/

#quotation {
	width:940px;
	height:100px;
	position:relative;
	top:70px;
	margin-top:30px;
	border-top:#CCC 1px solid;
	margin-bottom:30px;
	border-bottom:#CCC 1px solid;
}

#quotation_works {
	background:url(images/quotation_works.png);
	width:887px;
	height:43px;
	position:relative;
	top:25px;
	margin:0 auto;
}

#quotation_process {
	background:url(images/quotation_process.png);
	width:887px;
	height:43px;
	position:relative;
	top:25px;
	margin:0 auto;
}

#quotation_contact {
	background:url(images/quotation_contact.png);
	width:887px;
	height:43px;
	position:relative;
	top:25px;
	margin:0 auto;
}

#quotation_about {
	background:url(images/quotation_about.png);
	width:887px;
	height:43px;
	position:relative;
	top:25px;
	margin:0 auto;
}

/**********/
/**********/
/* WORKS */
/**********/
/**********/

#content_works {
	position:relative;
	top:50px;
	width:708px;
	height:750px;
	margin:0 auto;
}

.vignette {
	width:196px;
	height:135px;
	float:left;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:45px;
}

.vignette_text {
	width:196px;
	height:20px;
	text-align:center;
	position:relative;
	top:140px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

.fade {
    position: absolute;
}
 
.fade div {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}


/**********/
/**********/
/* ABOUT */
/**********/
/**********/

#content_about {
	position:relative;
	top:50px;
	width:670px;
	height:447px;
	margin:0 auto;
	background:#666;
}

#text_about {
	margin:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:650px;
	height:200px;
	position:relative;
	top:0;
	left:0;
	line-height:21px;
	color:#666;
}

/**********/
/**********/
/* CONTACT */
/**********/
/**********/

#content_contact {
	position:relative;
	top:50px;
	width:670px;
	height:447px;
	margin:0 auto;
	background:#666;
}

#text_contact01 {
	margin:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:190px;
	height:100px;
	position:relative;
	top:0;
	left:0;
	line-height:21px;
	color:#666;
	float:left;
}

#text_contact02 {
	margin:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:190px;
	position:relative;
	top:0;
	left:0;
	line-height:21px;
	color:#666;
	float:left;
}

#text_contact03 {
	margin:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:220px;
	position:relative;
	top:0;
	left:40px;
	line-height:21px;
	color:#666;
	float:left;
}


/**********/
/**********/
/* FOOTER */
/**********/
/**********/
/*#footer {
	height:30px;
	width:100%;
	position:relative;
	top:0px;
	background:#C00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:8px;
	color:#999;

}*/


/**********/
/**********/
/* PROJECT */
/**********/
/**********/
#content_project {
	position:relative;
	top:-100px;
	width:670px;
	height:447px;
	margin:0 auto;
	background:#666;
}

#text_project {
	margin:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:650px;
	position:relative;
	top:-70px;
	left:130px;
	line-height:21px;
	color:#666;
}

#image_project {
	margin:10px;
	width:650px;
	position:relative;
	top:-70px;
	left:130px;
	line-height:21px;
}

/* Easy Slider */

#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
	width:670px;
	height:447px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-80px;
	top:160px;
}	

#nextBtn{ 
	left:720px;
}

#nextBtn a:hover { 
	background:url(images/btn_next_on.gif) no-repeat 0 0;
}

#prevBtn a:hover { 
	background:url(images/btn_prev_on.gif) no-repeat 0 0;
}

#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
}	

#nextBtn a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
}
		
/* image replacement */
.graphic, #prevBtn, #nextBtn{
     margin:0;
     padding:0;
     display:block;
     overflow:hidden;
     text-indent:-8000px;
}
/* // image replacement */

/* // Easy Slider */