/**************************************************************
 SFAV - Congrès 2020
 Copyright 2019-2020 Develop'it
 
 Version : 2.0.0
 Date    : 05/05/2020
 Fichier : css/Illustration.css
**************************************************************/

/************************* Illustration *********************/
#Illustration {
	margin-top:0px;
	padding:0;
	height:160px;
	background-color:rgba( 65, 67, 118, 0.9 );
}
#Illustration .row {
	position:relative;
}
#Illustration .Lieu {
	position:absolute;
	top:-50px;
	right:0;
	z-index: 1040;
/*
	background-image:url(../image/Illustration_Lieu.png);
	background-repeat:no-repeat;
	background-size:contain;
*/
}
#Illustration .Lieu img {
	height:260px;
	width:auto;
}
#Illustration .Date {
	position:absolute;
	top:30px;
	right:50px;
	font-family: 'Lobster', cursive;
	font-size: 30px;
	text-align:right;
	color:rgba( 242, 102, 50, 1.0 );
	width:250px;
	line-height:30px;
	text-shadow: 1px 1px 1px rgba( 65, 67, 118, 1.0 );
	text-shadow: 1px 0 0 rgba( 65, 67, 118, 0.5 ), -1px 0 0 rgba( 65, 67, 118, 0.5 ), 0 1px 0 rgba( 65, 67, 118, 0.5 ), 0 -1px 0 rgba( 65, 67, 118, 0.5 ),
		1px 1px rgba( 65, 67, 118, 0.5 ), -1px -1px 0 rgba( 65, 67, 118, 0.5 ), 1px -1px 0 rgba( 65, 67, 118, 0.5 ), -1px 1px 0 rgba( 65, 67, 118, 0.5 );
	z-index: 1050;
/*
*/
}
#Illustration .CadreReport {
	position:absolute;
	top:30px;
	right:50px;
	font-size: 28px;
	text-align:right;
	background-color: rgba( 220, 80, 70, 1.0 );
	color:rgba(254, 254, 254, 1.0 );
	width:250px;
	text-align:center;
	line-height:30px;
	z-index: 1050;
	border-radius: 5px;
	padding:20px 10px;
	box-shadow: 0 0 10px 6px rgba( 0, 0, 0, 0.3 );
	animation: spin 2s infinite linear;
}
@keyframes spin { 
    0%, 35% 100% { 
        transform: rotate(0deg);
	}
    10%, 20%, 30% { 
        transform: rotate(2deg);
    } 
    5%, 15%, 25% { 
        transform: rotate(-2deg);
    } 
}


/************************* slider *********************/
.slider { margin:0 auto; margin-top:15px; margin-left:20px; height:inherit; background-color:transparent; }
.slides img { border: 3px solid rgba( 223, 195, 151, 1.0 ); border-radius: 3px; }
.slider .flex-control-nav { bottom:-30px; }
.flex-direction-nav { display:none !important; }


@media only screen and (min-width:1024px) { /* large */
}

@media only screen and (max-width:1023px) { /* medium */
	#Illustration {
	}
}
@media only screen and (max-width:639px) { /* small */
	#Illustration {
		height:80px;
	}
	#Illustration .column, #Illustration .columns {
		padding-left: 0.0rem;
		padding-right: 0.0rem;
	}
	#Illustration .Lieu img {
		height:160px;
		width:auto;
	}
	#Illustration .Date {
		width:150px;
		font-size: 18px;
		line-height:20px;
		right:30px;
		top:10px;
	}
	.slider { margin-top:7px; margin-left:10px; }
	.slides img { border: 1px solid rgba( 223, 195, 151, 1.0 ); border-radius: 3px; height:60px !important; height:auto; }
	.slider .flex-control-nav { bottom:-32px; }
	.slider .flex-control-nav li {
		margin: 0 2px;
	}
	.slider .flex-control-paging li a {
		width: 4px;
		height: 4px;
	}
}