/*
----------------------------------------------------------------
	S T Y L E    A C C U E I L
---------------------------------------------------------------- */



 /* Header */

#headerContent {
	height:50px !important;
}

 /* Container */
 
#content2 {
    position: relative;
    overflow: hidden;
}

#front {
    margin: 0 0 30px 100px;
}


.news_icon {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

.news_image {
    display: block;
    width: 150px;
    height: 300px;
    float: left;
}

.news_text {
    float: right;
    width: 150px;
    height: 300px;
	line-height:22px;
	font-family:"HansHand",arial;
}

.news {
/*---methode1---
position: absolute;
  top: 355px;
  right: 100px;
  background-color:rgba(255,255,255,0.9);
  border-left:5px solid #5691d8;
  padding: 10px;
  width: 360px;
  height: 150px;
  z-index: 2;

	-webkit-transform: translateX(330px);
	
	transform: translateX(330px);
	-webkit-transition: -webkit-transform 1s ;
	transition: transform 1s ;
	*/
	/*----methode2----*/
    position: absolute;
    top: 200px;
    right: -230px;
    background-color: rgba(255,255,255,0.9);
    border-left: 5px solid #5691d8;
    padding: 10px;
    width: 360px;
    height: 300px;
    z-index: 2;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}

#IE8.news {
    position: absolute;
    top: 355px;
    right: 100px;
    background-color: rgba(255,255,255,0.9);
    border-left: 5px solid #5691d8;
    padding: 10px;
    width: 360px;
    height: 150px;
    z-index: 2;
}

.news:hover {
	/*---methode1---
	-webkit-transform: translateX(0px);
	transform: translateX(0px);*/
	/*----metode2----*/
    -webkit-transform: translateX(-330px);
    transform: translateX(-330px);
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}

.masque {
    position: absolute;
    top: 200px;
    right: -90px;
    background-color: rgba(255,255,255,1);
    padding: 1em;
    width: 16%;
    height: 325px;
    z-index: 5;
}
 /* Footer */
 
 
#footerContainer {
    margin: 30px auto !important;
}