/*####################### 
CSS PROFS
####################### */

html 
{
font-size: 100%;
}


body 
{
margin: 5px 0 0 0;
padding: 0;
font-size: small;
font-family: Verdana, sans-serif;
background:  #FFFBDD;
}

#top
{
float: left;
text-align: left;
width: 100%;       
height: 100px;
padding: 0;
margin: 0;
}

#top img
{
border: 0
}



/*#####
LOGO BLEND IMAGES
######*/

div.fadehover 
{
float: left;
}
 

img.a 
{
position: absolute;
left: 20px;
top: 20px;
z-index: 10;
}
 

img.b
{
position: absolute;
left: 20px;
top: 20px;
}


#return
{
text-align: right;
width: 300px;
float: right;
}


#top a
{
font-size: 10px;
font-weight: normal;
color: #C53C4D;
text-decoration: underline;
padding: 0 20px 0 0;
margin: 0;
}


#top a:hover
{
font-size: 10px;
font-weight: normal;
color: #E5495C;
text-decoration: none;
padding: 0 20px 0 0;
margin: 0;
}





#imageprof
{
float: left;
width: 100%;       
height: 220px;
padding: 0;
margin: 0;
background: url(images/bg-trans.png) top left repeat-x;
}


#imageprof img
{
float: left;
padding: 0;
margin: 0 2px 0 0;
}


/*###########################
CSS INFINITE CARROUSSEL
##############################*/
input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; } 

.infiniteCarousel 
{
width: 950px;
height: 210px;
float: left;
background: #AF9D87 url(images/bg-trans.png) bottom left repeat-x;
margin: 0;
pading: 0;
}

.infiniteCarousel .wrapper 
{
height: 200px;
width: 890px;   /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow: auto;
min-height: 10em;
margin: 0;
padding: 0;
position: absolute;
top: 100px;
left: 35px;
}


.infiniteCarousel .wrapper ul
{
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding:0;
position: absolute;
top: 10px;
}

.infiniteCarousel ul li 
{
display:block;
float:left;
padding: 10px;
height: 200px;
width: 200px;
}


.infiniteCarousel ul li a img 
{
display:block;
}

.infiniteCarousel .arrow 
{
display: block;
height: 36px;
width: 37px;
background: url(images/arrow-trans.png) no-repeat 0 0;
text-indent: -999px;
position: absolute;
top: 190px;
cursor: pointer;
}

.infiniteCarousel .forward 
{
background-position: 0 0;
right: 0;
}

.infiniteCarousel .back 
{
background-position: 0 -72px;
left: 0;
}

.infiniteCarousel .forward:hover 
{
background-position: 0 -36px;
}

.infiniteCarousel .back:hover 
{
background-position: 0 -108px;
}



/*########
FIN INFINITE CARROUSSEL
##########*/









#texteprof
{
float: left;
width: 100%;       
padding: 0;
margin: 0;
}

h3
{
font-size: 13px;
color: #55B0BF;
padding: 0;
margin: 30px 0 0 30px;
}

h4
{
font-size: 12px;
color: #D0A617;
padding: 0;
margin: 0 0 0 30px;
}



#bio1
{
float: left;
width: 50%;       
padding: 0;
margin: 0;
}

#bio2
{
float: right;
width: 50%;       
padding: 0;
margin: 0;
}

#bio1 p, #bio2 p
{
line-height: 1.5em;
font-size: 12px;
font-weight: 500;
color: #8F7154;     
}

#bio1 p
{
text-align: justify;
padding: 10px 10px 20px 30px;
margin: 0;
}

#bio2 p
{
text-align: justify;
padding: 10px 30px 20px 10px;
margin: 0;
}

td
{

font-size: 10px;
font-weight: 500;
color: #8F7154;     
}



#footer
{
float: left;
text-align: right;
width: 100%;
height: 40px;
}




#footer a
{
font-size: 12px;
font-weight: 600;
color: #C53C4D;
text-decoration: underline;
padding: 20px 30px 10px 0;
margin: 0;
}

#footer a:hover
{
font-size: 12px;
font-weight: 600;
color: #E5495C;
text-decoration: underline;
padding: 20px 30px 10px 0;
margin: 0;
}