body { background: #D6CEB9 url(img/bg_body7.jpg) 50% 0%; margin: 0; padding: 0; font-family: Arial; font-size: 0.7em;  }



a { color: #D3C7AF; text-decoration: none; padding: 3px 3px 0 3px; outline: none; }
a:hover { color: #fff;  }

div, p, img { padding: 0; margin: 0; }

img { border: none; }

.spacer { clear: both; }

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


div, p { margin: 0; padding: 0; }
.main { margin: 0 auto 0 auto; padding: 0; width: 930px; position: relative; }

#header { height: 100px; }




#menu { float: right; border: none; padding: 0; margin: 80px 0 0 0; /*padding-right: 25px;*/ width: 670px;  }
#menu ul { float: right; list-style-type: none; margin: 0; padding: 0; }
#menu ul li { float: left; display: inline; padding: 0; margin: 0;   }
#menu ul li a { display: block; padding: 0; margin: 0 0 0 20px; border: none; letter-spacing: 1px; color: #111; }

#content { /*background: #c4b99b url(img/bg_content1.jpg);*/ padding: 10px 0 0 0; text-align: left;  }


#divHome { width: 880px; height: 405px; background: url(img/home.jpg) no-repeat 100% 50%; margin: 0 0 15px 0; padding-left: 25px; color: #CCC; }
#actu { float: left; width: 237px; margin: 175px 8px 0 0; padding-left: 25px; height: 200px; overflow: auto ; }
#actuIn { float: left; width: 220px; }

#latest { float: left; width: 570px; margin: 155px 0 0 25px; }

.folioLatest { float: left; width: 270px; height: 60px; margin-right: 12px; border-bottom: 1px dotted #999; padding: 10px 0 10px 0; }
.folioLatest .imgLink { float: left; }
.folioLatest h5 { float: left; padding:0; margin: 25px 0 0 10px; }

#latest p { padding-top: 15px; }


.portolio { float: left; }

#footer { color: #8f8877; padding-left: 25px; }
#footer a { color: #8f8877;  }
#footer ul { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }
#footer ul li { display: inline; padding: 0; margin: 0; }
#footer ul li a { margin-right: 5px; padding-left: 0; }

#tofz { position: relative; width: 880px; height: 420px; overflow: hidden; text-align: center; margin-left: 25px; }


#project { position: relative; overflow: hidden; width: 880px; text-align: right; margin: 0 0 0 25px; }
#inTofz { position: relative; white-space: nowrap;  font-size: 0.1em;  }
#inTofz a  {  margin: 0;  padding: 0;  }
#inTofz  img { margin: 0; border: none; padding: 0; }

.desc { margin: 0 0 0 25px; height: 113px; }
.desc h4 { color: #851111; font-size: 1.4em; margin: 30px 0 0 0; }


#sceno { float: left; padding: 25px 0 25px 25px; line-height: 0.6em; }
#sceno a { float: left; height: 103px; padding: 0; margin: 0 8px 8px 0; }
#sceno a img { padding: 0; margin: 0; }
#sceno .emptyFolio { float: left; width: 103px; height: 103px; padding: 0; margin: 0 8px 8px 0; background: #8f8877; }

#cv { position: relative; height: 350px; margin: 0 25px 10px 25px; text-align: left; background: #000 url(img/presentation2.jpg); padding: 30px 30px 30px 60px; color: #fff; font-size: 1.1em; }
.cvCtr { text-align: center; font-style: italic;  margin-top: 20px; color: #EEC29B; }

#cv p { line-height: 1.4em; letter-spacing: 1px; }
#cv p.pColor { color: #D3C7AF; padding: 15px 0 15px 0; }

p.cvDownload { text-align: right; padding-top: 40px; }

#thumbz ul { list-style: none;  }
#thumbz li { display: inline; padding: 0; margin: 0 8px 0 0; float: left; }
#thumbz li a { padding: 0; margin: 0; }


#contact { margin: 260px 0 0 170px; }
#contact h2 { margin: 0 20px 0 0; float: left; }
#contact span { float: left; display: block; margin: 5px 0 0 0; }

#thumbzNoCarous { margin: 20px 0 15px 0; padding-left: 25px; float: left; }

#mycarousel {
	
}

#mycarousel img  a{
	border: none;
}

.jcarousel-skin-tango .jcarousel-container {
	position: relative;
	float: left;
    background: url(img/bgcarousel.jpg) center top repeat-y;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 880px;
    padding: 20px 25px;
    padding-bottom: 0;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  880px;
    height: 60px;
    margin-bottom: 15px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 60px;
    height: 60px;
    
}


.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 8px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/next-horizontal.png) no-repeat 0 0;
}

* html .jcarousel-skin-tango .jcarousel-next-horizontal {
    background: transparent url(img/next-horizontal.gif) no-repeat 0 0;
}


.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: -4px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/prev-horizontal.png) no-repeat 0 0;
}

* html .jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: transparent url(img/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



/* tips mootools.net */
.tool-tip {
	color: #666;
	width: 269px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #c4b99b;
	padding: 8px 8px 4px;
	background: #000;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #000;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}