/******************************
*                         PERSONALISÉ
*             limité aux modif et ajouts par rapport à rs-default.css
* 
* 
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    9. pour nearby
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/

.royalSlider {
	width: auto; /*  970px  */
	margin: auto;
}


img.rsImg {
	margin-top: 10px !important; /* ajouté écart entre bandeau et slider*/
}

IMG.bandeau {          /* pour centrer le bandeau  (left et right margin) et pour en adapter la taille à la fenêtre */
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%; 
    height: auto;
}


.rsThumbs {
	float: center;
}

/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #ADACAA; 
	color: #FFF;
}

Body { background-color: #ADACAA;}



/***************
*
*  1. Arrows
*
****************/


.rsDefault .rsArrowIcn {
	background-color: #ADACAA;    /* couleur de fond des flèches */
}
.rsDefault .rsArrowIcn:hover {
	background: #4A4A4A;   /* couleur de fond des flèches lorsque curseur dessus */
}


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







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

.rsDefault .rsThumbsHor {
	width: 100%;
	height: 80px; /*modifié, initialement 72px             hauteur des vignettes*/
}
.rsFullscreen .rsThumbsHor { margin-top: 0px; }        /* ajouté   cela écarte les vignettes de l'image affiché*/


.rsDefault .rsThumb {
	width: 96px; /*modifié, initialement auto                   largeur des vignettes*/
	height: 72px;
	border-style: solid; /* modifié ajout                     encadrement de toutes les vignettes */
	border-color: #ADACAA; /* modifié ajout */
}

}
.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
	border-style: solid; /* modifié ajout                      encadrement de la vignette de l'image affichée */
	border-color: #DBD9D9; /* modifié ajout                    couleur couvrant la vignette de l'image affichée*/
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.95; /*modifié, initialement 0.3                  vignette de l'image affichée visible sous la couleur*/
	filter: alpha(opacity=30);
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	background: #ADACAA;   /* couleur de fond des boutons droite et gauche */
}
.rsDefault .rsThumbsArrow:hover {
	background: #4A4A4A;   /* couleur de fond des boutons droite et gauche lorsque curseur dessus */
}






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







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


.rsDefault .rsFullscreenIcn {
	background-color: #ADACAA;    /* couleur de fond du bouton plein écran */

}
.rsDefault .rsFullscreenIcn:hover {
	background-color:  #4A4A4A;    /* couleur de fond du bouton plein écran lorsque curseur dessus */
}




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




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




/***************
*
*  8. Global caption
*
****************/

.rsDefault .rsGCaption {
        background: #ADACAA; /* modifié rgba(0, 0, 0, 0.75)                 couleur de fond de la légende*/
	border-radius: 2px;
	color: #5F5A5A;   /* couleur du texte  */
	float: none;
	font-size: 18px;
/*	height: 10px; */
/*	left: -40px;   /* joue sur le centrage du texte */
/*	margin-bottom: -10px;  /* écart entre le trait du texte et les timbres   mais mange l'image**/
	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-dessous du texte*/
	position: absolute; /*modifié, initialement absolute , si on met relative la légende n'apparait pas en fullscreen*/
	text-align: center; /*modifié, initialement left               centrage du texte dans la zone de la légende*/
	width: 100%; /*modifié, initialement auto;  si on met 100%, la zone de la légende est sur toute la largeur */
}

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