/*	=============================================================	Info sécurité civile
*/

#principal #secondaire #secondaire_contenu #contenu #menu_droite #info_secu {
	height								:94px;
	margin								:0px 10px 10px 10px;
	position: relative;
	-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;
	overflow: hidden;
	cursor: pointer;
	width								:300px;
}

#principal #secondaire #secondaire_contenu #contenu #menu_droite #info_secu.alerte {
	background-image:url("../images/bandeau_sc.jpg");
}

#principal #secondaire #secondaire_contenu #contenu #menu_droite #info_secu.alerte_WF {
	background-image:url("../images/ADSUPWF_2.jpg");
}

#principal #secondaire #secondaire_contenu #contenu #menu_droite #info_secu #secu_slider{
	position: absolute;
	left: -150px;
	width								:600px;
	height								:30px;
	margin-top: 10px;
	display: inline-block;
	text-align: left;
	font-weight: bold;
	line-height: 30px;
	background-color: rgba(255,254,12,0.8);
}

#principal #secondaire #secondaire_contenu #contenu #menu_droite #info_secu.alerte_WF #secu_slider{
	margin-top: 5px;
}

#principal #secondaire #secondaire_contenu #contenu #menu_droite #info_secu #secu_slider span{
	position: absolute;
	left: 200px\9;
  
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-animation: animInfo 15s infinite linear;
	-moz-animation:    animInfo 15s infinite linear;
	animation:         animInfo 15s infinite linear;
}

@-webkit-keyframes animInfo {
	0% {-webkit-transform: translateX(450px);}
	100% {-webkit-transform: translateX(0px);}
}
@-moz-keyframes animInfo {
	0% {-moz-transform: translateX(450px);}
	100% {-moz-transform: translateX(0px);}
}
@keyframes animInfo {
	0% { transform: translateX(450px);}
	100% { transform: translateX(0px);}
}