/* @group Carrousel */

#carrousel-sample .slideParent{background-color: transparent;
    background-position: center center;
    background-attachment: scroll; /*par défaut scroll */
    background-repeat: no-repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */ 
	background-size: cover; /* version standardisée */ }
#carrousel-sample .slideEnfant{background: black;position: absolute;bottom: 0;padding:20px;left: 0;right: 0;}
#carrousel-sample .slideEnfant .titre{font-weight: 600;color: white;font-size:1.8rem;line-height:1.8rem;margin: 0;text-transform: uppercase;text-align: center;}
#carrousel-sample .slideEnfant .extrait{font-weight: 300;color: white;font-size:1.5rem;line-height:1.5rem;margin: 5px 0 0 0;text-align: center;}
#carrousel-sample .slideEnfant .extrait a{font-weight: 600;color: white;font-size:1.4rem;text-decoration: underline;}
#carrousel-sample .slideEnfant .extrait a:hover{color: #EBF9FD;text-decoration: none;}

	[data-custompattern="carrousel"] {
		background-color: transparent;
		margin: 0 auto;
		position: relative;
	}
	
	[data-custompattern="carrousel"] a {
		color: #e5ecf8;
	}
	
	/* @group Play & Pause */
		
		.carrousel-playpause {
			margin: 0 auto;
			text-align: right;
		}
		
		.carrousel-playpause button {
			background: none;
			border: none;
			color: #fff;
			padding: 6px;
			vertical-align: bottom;
		}
		
	/* @end */
	
	/* @group Previous & Next */
		
		.carrousel-previousitem {
			height: 100%;
			left: 0;
			margin: 0;
			position: absolute;
			right: auto;
			text-align: center;
			top: 0;	
			z-index: 1;
		}
		
		.carrousel-previousitem button {
			border-radius: 0 50px 50px 0;
			padding: 30px 12px 30px 0;
		}
		
		.carrousel-nextitem {
			height: 100%;
			left: auto;
			margin: 0;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			z-index: 1;
		}
		
		.carrousel-nextitem button {
			border-radius: 50px 0 0 50px;
			padding: 30px 0 30px 12px;
		}
		
		.carrousel-previousitem button, .carrousel-nextitem button {
			background-color: #04B6E9 ;
			border: none;
			cursor: pointer;
			margin-top: -12px;
			position: relative;
			top: 50%;
			vertical-align: bottom;
		}
		
		.carrousel-previousitem button[disabled], .carrousel-nextitem button[disabled] {cursor: default;background-color: #fff }
		.carrousel-previousitem button::selection, .carrousel-nextitem button::selection {background-color: #025D77;}
		.carrousel-previousitem button:hover, .carrousel-nextitem button:hover {background-color: #025D77;}
		
	/* @end */
	
	/* @group Tabs */
	
		[data-custompattern="carrousel"] > [role="tablist"] {
			bottom: -40px;
			left: 10px;
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 10px;
			text-align: center;
			z-index: 1;
		}
		
		[data-custompattern="carrousel"] > [role="tablist"] [role="tab"] {
			color: #fff;
			cursor: pointer;
			display: inline-block;
			margin: 0;
			padding: 5px;
		}
		
		[data-custompattern="carrousel"] > [role="tablist"] [aria-selected="true"] {
			color: #e5ecf8;
			cursor: default;
			font-weight: bold;
		}
		
	/* @end */
	
	/* @group Tabpanels */
	
		[data-custompattern="carrousel"] > [role="tablist"] ~ div {
			/*background-image: -webkit-linear-gradient(top, #2c5070, #4477a7);
			background-image: -moz-linear-gradient(top, #2c5070, #4477a7);
			background-image: -ms-linear-gradient(top, #2c5070, #4477a7);
			background-image: -o-linear-gradient(top, #2c5070, #4477a7);
			background-image: linear-gradient(top, #2c5070, #4477a7);*/
			overflow: hidden;
			white-space: nowrap;
		}
		
		[data-custompattern="carrousel"] > [role="tablist"] ~ div > [role="tabpanel"] {
			-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
			color: #fff;
			display: inline-block;
			min-height: 350px;
			padding: 20px;
			position: relative;
			transition-property: left;
			transition-duration: 500ms;
			transition-timing-function: ease-in;
			vertical-align: top;
			/*width: calc(50% - 40px);*/
			width: 100%;
			white-space: normal;
			/*margin: 20px;*/
			margin: 0;
		}
		
	/* @end */
	
	/* @group Tooltip */
		
		[data-custompattern="carrousel"] > [role="tooltip"] {
		    background-color: transparent;
		    border-radius: 6px;
		    color: #fff;
		    font-size: 0.9em;
		    left: 10px;
		    margin: 10px 0 0 0;
		    padding: 10px;
		    position: absolute;
		    right: 10px;
		    text-align: center;
		    top: 100%;
		    z-index: 1;
		}
		
	/* @end */
	
/* @end */