/* _____________________________________________________________________________ 	*/
/*   ANIM	*/

div#bloc_anim{
width: 100%;
height: 200px;
margin-top: 40px;
background-color: transparent;
background-image: none;
}

.innerfade-title{
position: absolute;
z-index: 290;
width: 100%;
height: 45px;
bottom: 0;
text-align: right;
background-color: #1B0000;
}

#animated-portfolio span{
display: block;
margin-right: 70px;
padding-top: 14px;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size: 10pt;
color: #fff;
}

.mycontrolboxclass{
position: absolute;
right: 14px;
bottom: 11px;
}

.innerfade-title, .mycontrolboxclass{
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: .6;
}

.back-button, .pause-button, .next-button{
}

ul#animated-portfolio{
padding: 0;
margin: 0;
list-style-type: none;
}

ul#animated-portfolio li{
padding: 0;
}


/* _____________________________________________________________________________ 	*/
/*  HOME PAGE	*/

div#bloc1{
float: left;
width: 325px;
height: 291px;
background-image: url(images/cassis/bloc1_title.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: #620563;
/*color: #EF9AED;*/
}

div#bloc1 p a span{
color: #fff;
border-color: #fff;
}

div#bloc2{
float: left;
width: 325px;
height: 291px;
background-image: url(images/cassis/bloc2_title.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: #961719;
/*color: #E27B6E;*/
}

div#bloc3{
float: left;
width: 325px;
height: 291px;
background-image: url(images/cassis/bloc3_title.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: #597022;
/*color: #A8BC78;*/
}

/*, div#bloc2_content span, div#bloc3_content span, div#bloc4 span*/

div#bloc1 p {
padding: 40px 10px 0 10px;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size: 8pt;
/*color: inherit;*/
color: #fff;
text-align: justify;
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: .60;
height: 151px;
}

div#bloc2_content, div#bloc3_content{
margin-top: 50px;
/*height: 200px;*/
}

div#bloc2_content ul, div#bloc3_content ul {
margin: 0 0 0 11px;
padding: 0;
list-style-type: none;
}

div#bloc2_content li, div#bloc3_content li {
float: left;
clear: left;
display: block;
margin: 0;
height: 24px;
width: 298px;
margin-top: 10px;
}

div#bloc2_content a:link, div#bloc2_content a:visited, div#bloc3_content a:link, div#bloc3_content a:visited{
display: block;
height: 14px;
width: 288px;
font-family: Futura, Century Gothic, AppleGothic, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #fff;
text-decoration: none;
padding: 4px 0 0 15px;
background-image: url(images/cassis/arrow.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
border: none;
}

div#bloc2_content li{
border: 1px solid #E27B6E;
}

/*    */
div#bloc5_content{
margin-top: 50px;
height: 200px;
}

div#bloc5_content ul {
margin: 0 0 0 11px;
padding: 0;
list-style-type: none;
}

div#bloc5_content li {
float: left;
clear: left;
display: block;
margin: 0;
height: 24px;
width: 298px;
margin-top: 10px;
}

div#bloc5_content a:link, div#bloc5_content a:visited{
display: block;
height: 14px;
width: 288px;
font-family: Futura, Century Gothic, AppleGothic, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #fff;
text-decoration: none;
padding: 4px 0 0 15px;
background-image: url(images/cassis/arrow.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
border: none;
}

div#bloc5_content li{
border: 1px solid #E27B6E;
}
/*   */

div#bloc3_content li{
border: 1px solid #A8BC78;
}

div#bloc2_content li:hover{
color: #E27B6E;
}

div#bloc3_content li:hover{
color: #A8BC78;
}

div#bloc2_content li:hover, div#bloc3_content li:hover{
display: block;
height: 50px;
background-position: 0 52px;
border-color: #fff;
}

div#bloc2_content li a:hover, div#bloc3_content li a:hover{
display: block;
height: 50px;
background-image: url(images/cassis/arrow-down.gif);
background-repeat: no-repeat;
background-position: 5px 9px;
}

div#bloc2_content li div span{
display: block;
visibility: hidden;
}

div#bloc2_content li div span:hover{
visibility: visible;
}

/*  */
div#bloc5_content li:hover{
color: #E27B6E;
}

div#bloc5_content li:hover{
display: block;
height: 50px;
background-position: 0 52px;
border-color: #fff;
}

div#bloc5_content li a:hover{
display: block;
height: 50px;
background-image: url(images/cassis/arrow-down.gif);
background-repeat: no-repeat;
background-position: 5px 9px;
}

div#bloc5_content li div span{
display: block;
visibility: hidden;
}

div#bloc5_content li div span:hover{
visibility: visible;
}
/* */

.workshop1{
background-image: url(images/cassis/workshops/chocolate.jpg);
}

.workshop2{
background-image: url(images/cassis/workshops/wine.jpg);
}

.workshop3{
background-image: url(images/cassis/workshops/cooking.jpg);
}

.workshop4{
background-image: url(images/cassis/workshops/cheese.jpg);
}

.workshop5{
background-image: url(images/cassis/workshops/cultural.jpg);
}

.workshop6{
background-image: url(images/cassis/workshops/travel.jpg);
}

div#bloc2_more, div#bloc3_more{
clear: left;
width: 100%;
}

div#bloc2_more ul, div#bloc3_more ul{
list-style-type: none;
}

div#bloc2_more li, div#bloc3_more li{
float: right;
display: inline;
margin-right: 10px;
text-align: right;
padding-left: 15px;
background-repeat: no-repeat;
background-position: 5px 6px;
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: .60;
}

div#bloc2_more a:link, div#bloc2_more a:visited, div#bloc3_more a:link, div#bloc3_more a:visited{
width: 100%;
color: #fff;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size: 9pt;
text-decoration: none;
text-align: right;
border-bottom: 1px dotted #fff;
font-weight: normal;
}

div#bloc2_more li:hover, div#bloc3_more li:hover{
color: #fff;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.link_more{
background-image: url(images/cassis/more_bg.gif);
}

.link_book{
background-image: url(images/cassis/book_bg.gif);
}


/* _____________________________________________________________________________ 	*/
/* PARTNERS	*/

div#bloc4{
float: left;
width: 325px;
height: 100px;
background-color: #969417;
}

div#bloc4 td{
height: 150px;
vertical-align: middle;
text-align: center;
}

.logos{
overflow: hidden;
position: relative;
width: 325px;
height: 150px;
}

.slide{
overflow: hidden;
position: relative;
top: 0;
}