/******************************
*                         PERSONNALISATION POUR ROSE-ESTHER
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
.royalSlider {
	width: 800px;    /* taille du cadre incluant l'image, le texte et les vignettes */
	margin: auto;
}


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #3F444D;   /* fond du cadre incluant l'image, le texte et les vignettes */
	color: #FFF;
}


img.rsImg {
        margin-top: 5px !important;    /* espace entre haut de l'image et haut du cadre */
}
/***************
*
*  1. Arrows
*
****************/



/***************
*
*  2. Bullets
*
****************/






/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
}
.rsDefault .rsThumb {   /* taille et encadrement des vignettes */
	width: 96px;
	height: 64px;
	border-style: solid; /* modifié ajout                     encadrement de toutes les vignettes */
	border-color: #3F444D; /* modifié ajout */
}
.rsDefault .rsThumb.rsNavSelected {
	                     /*ajout pour encadrement des vignettes*/
	border-style: solid;
        border-color: white;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.9; /*modifié, initialement 0.3*/
}

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	background: grey;  /* couleur de fond du cadre contenant les flèches */
}
.rsDefault .rsThumbsArrow:hover {
	background: #584545;  /* couleur de fond du cadre contenant la flèche hover */
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width:0px) and (max-width:800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/





/***************
*
*  5. Fullscreen button
*
****************/






/***************
*
*  6. Play/close video button
*
****************/



/***************
*
*  7. Preloader
*
****************/



/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute; /*modifié, initialement absolute , si on met relative la légende n'apparait pas en fullscreen*/
	float: none;
	bottom: -10px;  /*joue sur l'espace entre la légende et les vignettes */
	text-align: center; /*  positionne le texte dans la zone de la légende*/
	background: rgb(0, 0, 0);
    background: #DC3C3C; /*       808080                   couleur de fond de la légende*/

	color: #000; /* couleur du texte de la légende */
	padding-top: 0px;  /* épaisseur de la sone de légende, au-dessus du texte */
	padding-bottom: 0px;  /* épaisseur de la sone de légende, au-dessus du texte */
	
	width: 100%; /*modifié, initialement auto;  si on met 100%, la zone de la légende est sur toute la largeur */
	font-size: 18px;
	border-radius: 2px;
}

.rsFullscreen .rsGCaption {
	text-align: center; /*ajouté*/
	width: 100%; 
}