/*Newsletter Header*/
.newsletter{
	float:left;
	position:relative;
	min-height:1px;
	padding-right:15px;
	margin-top:-45px;
	margin-left:-50px;
}
.bouton-news{
    display: inline;
	color:#5B6776;
    background-color: #FEFEFE;
	font-weight:bold;
	border-radius: 3px;
	margin-left:5px;
	border:solid;
	border-width:2px;
}
.extranet{
	color:#FFF;
}
/*.bouton-news:hover{
	color:#FEFEFE;
    background-color: #5B6776;
	border-color:#5B6776;
}*/
.text-news{
	font-weight:bold;
}
/*Icone Newsletter Test 4*/
@media screen and (max-width:1153px){
	.newsletter{
		/*display:none;*/
		padding-left:1%;
	}
}
@media screen and (max-width:1153px){
	.newsletter{
		/*display:none;*/
		padding-left:1%;
	}
}
@media screen and (max-width:1094px){
	.newsletter{
		/*display:none;*/
		padding-top:5%;
	}
}
@media screen and (max-width:900px){
	.newsletter{
		padding-left:5%;
	}
}
@media screen and (max-width:870px){
	.newsletter{
		padding-left:5%;
	}
}
@media screen and (max-width:416px){
	.newsletter{
		padding-left:1%;
	}
}
@media screen and (max-width:394px){
	.newsletter{
		padding-top:20%;
	}
}

/*Webcam Header*/
.webcam{
	float:left;
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:20%;
	padding-top:15px;
	font-weight:bold;
	font-size:12pt;
	color:#5B6776;
}
.webcam-box{
	color:#5B6776;
    background-color: #FEFEFE;
	font-weight:bold;
	border-radius: 3px;
	margin-left:-80px;
	border:solid;
	border-width:2px;
	padding:5px;
}
@media screen and (max-width:1088px){
	.webcam{
		padding-left:7%;
	}
}
@media screen and (max-width:432px){
	.webcam{
		padding-left:58%;
	}
}
@media screen and (max-width:416px){
	.webcam{
		padding-left:57%;
	}
}
@media screen and (max-width:394px){
	.webcam{
		padding-left:57%;
	}
}