/**
 * Conteneurs génériques
 */

.jssor-container {
	position:     relative;
	margin:       0 auto;
	top:          0px;
	left:         0px;
}

.jssor-container .jssor-slides {
	position:     absolute;
	top:          0px;
	left:         0px;
	overflow:     hidden;
	cursor:       move;
}

.jssor-container .jssor-slide-item {
/*	position:     relative;*/
}


/**
 * Navigation par aperçus (thumbs)
 */

.jssor-previewer {
	position:  absolute;
	top:         0px;
	left:        0px;
	width:       600px;
	height:      100px;
}

.jssor-previewer-slides {
	cursor:      move;
	top:         0px;
	left:        0px;
}

.jssor-previewer-slides .jssor-thumb {
	position:    absolute;
	top:         0px;
	left:        0px;
	padding:     0;
	width:       200px;
	height:      100px;
}

.jssor-previewer-slides .jssor-thumb .c {
	position:    absolute;
	top:         0px;
	left:        0px;
	width:       100%;
	height:      100%;
	border:      none;
}

.jssor-previewer .jssor-thumb .i,
.jssor-previewer .jssor-thumb .pav:hover .i {
	position:    absolute;
	top:         0px;
	left:        0px;
	width:       100px;
	height:      100px;
	border:      1px solid #009;
}

.jssor-previewer .jssor-thumb .t,
.jssor-previewer .jssor-thumb .pav:hover .t {
	position:    absolute;
	bottom:      0px;
	left:        100px;
	width:       100px;
	height:      100px;
	line-height: 16px;
	text-align:  center;
	color:       #000;
	font-size:   12px;
	font-weight: bold;
}
.jssor-previewer .pav .t,
.jssor-previewer .phv .t,
.jssor-previewer .p:hover .t { color:#111; }

.jssor-previewer .p         { background-color: #fff; }
.jssor-previewer .pav,
.jssor-previewer .pdn       { background-color: #ffc; }
.jssor-previewer .p:hover,
.jssor-previewer .pav:hover,
.jssor-previewer .phv       { background-color: #eef; }


/**
 * Navigation par onglets (thumbs)
 */

.jssor-tabulator {
	position:  absolute;
	top:         0px;
	left:        0px;
	width:       600px;
	height:      30px;
}

.jssor-tabulator-tabs {
	cursor:      move;
	top:         0px;
	left:        0px;
}

.jssor-tabulator-tabs .p {
	position:    absolute;
	top:         0px;
	left:        0px;
	padding:     0;
	width:       100px;
	height:      30px;
}

.jssor-tabulator-tabs .c {
	position:    absolute;
	top:         0px;
	left:        0px;
	width:       100%;
	height:      100%;
	line-height: 30px;
	text-align:  center;
	font-size:   13px;
	color:       #000;
}

.jssor-tabulator .w,
.jssor-tabulator .phv .w {
	cursor:     pointer;
	position:   absolute;
	top:        0;
	left:       0;
	width:      100px;
	height:     30px;
}

.jssor-tabulator .pav .w,
.jssor-tabulator .pdn .w       { background-color: #fe9; }
.jssor-tabulator .p .c         { background-color: #eee; }
.jssor-tabulator .p:hover .c   { background-color: #fff; }
.jssor-tabulator .pav .c,
.jssor-tabulator .phv .c       { background-color: #fc0; }
.jssor-tabulator .pav:hover .c { background-color: #fe0; }


/**
 * Navigation précédent/suivant (arrows)
 */

.jssor-arrow-left {
	width:  55px;
	height: 55px;
	left:   -16px;
}
.jssor-arrow-right {
	width:  55px;
	height: 55px;
	right:  -16px;
}

.jssor-arrow-left,
.jssor-arrow-right,
.jssor-arrow-leftdn,
.jssor-arrow-rightdn {
	position:    absolute;
	cursor:      pointer;
	display:     block;
	background:  url(../images/jssor-a04.png) no-repeat;
	overflow:    hidden;
}

.jssor-arrow-left        { background-position:   -3px -33px; }
.jssor-arrow-right       { background-position:  -63px -33px; }
.jssor-arrow-left:hover  { background-position: -123px -33px; }
.jssor-arrow-right:hover { background-position: -183px -33px; }
.jssor-arrow-leftdn      { background-position: -243px -33px; }
.jssor-arrow-rightdn     { background-position: -303px -33px; }


/**
 * Navigation numérique (bullets)
 */

.jssor-navigator {
	position:    absolute;
	bottom:      16px;
	right:       6px;
}
.jssor-navigator div {
	position:    absolute;
	width:       16px;
	height:      16px;
	line-height: 16px;
	font-size:   8px;
	text-align:  center;
	color:       #fff;
}

.jssor-navigator div,
.jssor-navigator div:hover,
.jssor-navigator .av {
	background: url(../images/jssor-b05.png) no-repeat;
	overflow:   hidden;
	cursor:     pointer;
}

.jssor-navigator div       { background-position:  -7px -7px; }
.jssor-navigator div:hover,
.jssor-navigator .av:hover { background-position: -37px -6px; }
.jssor-navigator .av       { background-position: -67px -7px; }
.jssor-navigator .dn,
.jssor-navigator .dn:hover { background-position: -97px -7px; }


/**
 * Personnalisations
 */


#slider_activites_container.jssor-container {
	width:           800px;
	height:          400px;
	background:      #fff;
}
#slider_activites_container .jssor-slides {
	width:           800px;
	height:          400px;
}
#slider_activites_container .jssor-previewer {
	top:             250px;
	left:            400px;
	width:           400px;
	height:          150px;
}
#slider_activites_container .jssor-previewer-slides .jssor-thumb {
	width:           125px;
	height:          150px;
}
#slider_activites_container .jssor-previewer .c {
	border:          1px solid #eee;
}
#slider_activites_container .jssor-previewer .pav,
#slider_activites_container .jssor-previewer .pdn {
	background:      none;
}
#slider_activites_container .jssor-previewer .i,
#slider_activites_container .jssor-previewer .pav:hover .i {
	width:           125px;
	height:          100px;
	border:          0 none;
}
#slider_activites_container .jssor-previewer .t,
#slider_activites_container .jssor-previewer .pav:hover .t {
	width:           125px;
	top:             100px;
	left:            0px;
	height:          50px;
	line-height:     13px;
	font-size:       12px;
	font-weight:     normal;
}
#slider_activites_container .jssor-navigator {
	bottom:          auto;
}

#slider_activites_container .jssor-slides .jssor-slide-content {
	overflow:        hidden;
	height:          250px;
	padding-right:   5px;
/*	font-size:       0.85em;*/
}
#slider_activites_container .jssor-slides .jssor-slide-item .event-type {
	font-size:       0.9em;
	padding:         0 0.5em;
	border:          0 none;
	background:      #5c9611;
	color:           #fff;
	font-weight:     bold;
}
#slider_activites_container .jssor-slides .jssor-slide-item h3 {
	font-size:       1em;
	font-weight:     bold;
	background:      none;
	color:           #a72201;
/*	display:         inline;
	margin-left:     0.5em; */
}
#slider_activites_container .jssor-slides .jssor-slide-item img {
	float:           left;
	margin:          0 20px 1em 0;
	width:           380px;
}
#slider_activites_container .jssor-slides .jssor-slide-item p {
	font-size:       0.9em;
	line-height:     1em;
	text-align:      justify;
	color:           #333;
}
#slider_activites_container .jssor-slides .jssor-slide-item .readmore {
	font-size:       0.9em;
	font-weight:     bold;
	text-align:      right;
	color:           #a72201;
	background:      #fff;
/*	padding-left:    0.5em;*/
}


/* conteneurs de 1er niveau (tabs scroll vertical) */
#slider_actualites_container.jssor-container {
	width:           800px;
	height:          350px;
}
#slider_actualites_container .jssor-slides {
	width:           800px;
/*	height:          300px;
	top:             50px; */
	height:          350px;
}

#slider_actualites_container .jssor-tabulator,
#slider_actualites_container .jssor-tabulator-tabs .p,
#slider_actualites_container .jssor-tabulator .w,
#slider_actualites_container .jssor-tabulator .phv .w {
	height:          50px;
}
#slider_actualites_container .jssor-tabulator {
	background:      #fff;
}
#slider_actualites_container .jssor-tabulator-tabs .c {
	font-size:       16px;
	font-weight:     bold;
	line-height:     16px;
	padding:         5px;
}
#slider_actualites_container .jssor-tabulator-tabs .all        { color: #444444; }
#slider_actualites_container .jssor-tabulator-tabs .culture    { color: #C82A27; }
#slider_actualites_container .jssor-tabulator-tabs .recherche  { color: #1D6693; }
#slider_actualites_container .jssor-tabulator-tabs .innovation { color: #EE6100; }
#slider_actualites_container .jssor-tabulator-tabs .pdn .w span { color: #000; }
#slider_actualites_container .jssor-tabulator .phv .c,
#slider_actualites_container .jssor-tabulator .pav .w,
#slider_actualites_container .jssor-tabulator .pdn .w,
#slider_actualites_container .jssor-tabulator .pav .c,
#slider_actualites_container .jssor-tabulator .p .c         { background-color: #fff; }
#slider_actualites_container .jssor-tabulator .phv .c span  { background-color: #fe9; }
#slider_actualites_container .jssor-tabulator .p:hover   .c span,
#slider_actualites_container .jssor-tabulator .pav:hover .c span { text-decoration: underline; }


/* conteneurs de 2nd niveau (navg scroll horizontal) */
#slider_actualites_container .jssor-slide-item .jssor-container {
	width:           800px;
	height:          350px;
	background:      #fff;
}
#slider_actualites_container .jssor-slide-item .jssor-slides {
	width:           800px;
	height:          350px;
}
#slider_actualites_container .jssor-slide-item .jssor-navigator {
	top:             0px;
}

/* contenus de 2nd niveau (aperçu d'un node) */
#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item {
	margin-top:      50px;
	height:          300px !important;
	padding:         0 1em;
}
#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item h3 {
	font-size:       0.8em;
	font-weight:     bold;
	background:      none;
	color:           #000;
	text-transform:  uppercase;
	margin-bottom:   0;
	padding:         4px;
}
#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item.culture    h3 { background: #C82A27; color:#fff; }
#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item.recherche  h3 { background: #1D6693; color:#fff; }
#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item.innovation h3 { background: #EE6100; color:#fff; }

#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item a {
	text-decoration: none;
}
#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item img {
/*	margin:          0 0.5em 0.5em 0;*/
	vertical-align:  middle;
}
#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item p {
	font-size:       0.9em;
	line-height:     1em;
	text-align:      justify;
	color:           #333;
}
#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item .readmore {
	font-size:       0.9em;
	font-weight:     bold;
	width:           100%;
	text-align:      right;
	color:           #a72201;
	background:      #fff;
	position:        absolute;
	bottom:          0px;
	right:           1em;
	padding-left:    0.5em;
	padding-top:     0.4em;
}

#slider_actualites_container .jssor-slides .jssor-slides .jssor-slide-item div.field-image {
	text-align:      center;
	height:          100px;
	line-height:     100px;
	overflow:        hidden;
	border:          1px solid #E3E3E3;
	margin-top:      0.2em;
	margin-bottom:   0.2em;
}