/* Demoflow
   -------------------------------- */

div.demoflow-button-left {
    position:       absolute;
    top:            240px;
    background:     url('/image/picto/ref_arrows.png') no-repeat left top;
    width:          35px;
    height:         45px;
    cursor:         pointer; cursor: hand;
    z-index:        999;
}
div.demoflow-button-left .bg {
    background:     url('/image/picto/ref_arrows.png') no-repeat left bottom;
    width:          35px;
    height:         45px;
    position:       absolute;
    top:            0;
    left:           0;
}
div.demoflow-button-right {
    position:       absolute;
    top:            240px;
    right:          0px;
    background:     url('/image/picto/ref_arrows.png') no-repeat right top;
    width:          35px;
    height:         45px;
    cursor:         pointer; cursor: hand;
    z-index:        999;
}
div.demoflow-button-right .bg {
    position:       absolute;
    left:           0;
    top:            0;
    background:     url('/image/picto/ref_arrows.png') no-repeat right bottom;
    width:          35px;
    height:         45px;
}
.demoflow {
    position:       relative;
    top:            10px;
    left:           20px;
    width:          680px;
    height:         265px;
}
.demoflow div {
    float:          left;
    height:         100px;
    width:          75px;
    cursor:         pointer; cursor: hand;
}
.ie .demoflow div {
    zoom:           1;
}
.demoflow div {
    border:         1px solid #E5E5E5;
}
.demoflow div:hover {
    border:         1px solid #E5E5E5;
    /*opacity:      1 !important;*/
}
.demoflow div img {
    height:         100%;
    width:          100%;
}
.demoflow div.shadow {
    height:         100%;
    width:          100%;
    position:       absolute;
    top:            0px;
    left:           0px;
    background-color: black;
}
.ie .demoflow div.shadow {
    display:        none;
}

/* Détails + simplemodal
   -------------------------------- */
.modal {
    display:        none;
}
#modalOverlay {
    background-color:   white;
    cursor:             wait;
}
#modalContainer {
    width:              550px;
    left:               50%;
    top:                5%;
    margin-left:        -225px;
    background-color:   #F4F4F4;
    border:             1px solid #E4E4E4;
}
#modalContainer div.modal_links {
    display:            block;
    float:              right;
}
#modalContainer div.modal_links a {
    text-decoration:    none;
}
#modalContainer h4 {
    margin-top:         .2em;
    margin-bottom:      .1em;
    font-size:          1.3em;
    font-weight:        normal;
    font-variant:       small-caps;
    color:              #FF7316;
    padding:            .3em;
}
#modalContainer p {
    padding:            1em;
}
#modalContainer div#modal_content {
    max-height:         250px;
    background-color:   #dcc8e0;
    overflow:           auto;
    font-size:          0.75em;
}
#modalContainer div#modal_content_end {
    height:             1em;
    margin-bottom:      1em;
    border-bottom:      solid 2px #888;
}
a.modalClose {
	position:			absolute;
	top:				0;
	right:				0;
	background:			url(/image/picto/modal_close.png) no-repeat left;
	display:			block;
	width:				20px;
	height:				21px;
	margin:				2px;
	float:				right;
	cursor:				pointer;
}