#actualites {
  float:right;
  width:200px;
 }
 #gauche {
 	width:750px;
 }
 
 div#content div#content-middle div#data div#page{
  margin-left:8px;
  width:988px;
  height: 400px;
  background-color:white;
}

div#presentation {
  width:500px;
  margin:0 0 0 0px;
  padding:18px 0 0;
  float:left;
}

div#presentation p.sous_titre_acc {
  color: #0D5768;  
  font-weight: bold;
  line-height:2.5em;
}

div#presentation p.sous_titre_acc_ita {
  color: #0D5768;  
  font-weight: bold;
  font-style: italic;
  padding-bottom:10px;
  text-align: justify;
}


div#presentation p {  
  font-size: 0.75em; 
  padding-left:20px;
  text-align:justify;
}

div#contact_droite {
  background: transparent url(../../images/css/general/back_contact.png) no-repeat right top;
  float:left;
  height:305px;
  width:488px;
}

div#contact_droite div#liens_internes {
  float:left;
  font-size:0.8em;
  margin-bottom:29px;
  margin-left:67px;
  margin-top:45px;
}
div#contact_droite div#liens_internes ul li {
  width: 155px;
  height: 37px;
  list-style-type: none;
  background: white url(../../images/css/general/back_liens_internes.jpg) no-repeat center top;
}
div#contact_droite div#liens_internes ul li a {
  color: white!important;
  display:block;
  line-height:3em;
  text-align:center;
}

div#contact_droite div#txt_contact {
  color:white;
  float:right;
  text-align:center;
  font-size:0.75em;
  padding:5px;
  width: 215px;
}
div#contact_droite div#txt_contact a {
  color:white!important;
}
div#temps {
  float:right;
  font-size:0.8em;
  margin-right:2px;
  margin-top:68px;
  width:200px;
}
div#temps img {
display: inline;
}
div#temps span {
line-height:40px;
vertical-align:top;
}
div#contact_droite div#actus_acc {  
  background:transparent url(../../images/css/general/back_actu.png) no-repeat scroll center top;
  float:left;
  font-size:0.8em;
  height:190px;
  position:relative;
  width:462px;
}

div#contact_droite div#actus_acc h1 {  
  margin-left:42px!important;
  width:365px;
}


div#contact_droite div#actus_acc .scroll{
	margin-left:45px;
  margin-top:16px;
  width: 370px;
}
div#contact_droite div#actus_acc .prev{
	z-index:20;
	left:32px;
  position:absolute;
  top:95px;
}
div#contact_droite div#actus_acc .next{	
  margin-right:35px;
  position:absolute;
  right:0;
  top:95px;
  z-index:20;
}
div#contact_droite div#actus_acc ul{
	margin:0 0 0 0;	
}
div#contact_droite div#actus_acc ul li{
	overflow:hidden;	
	height:130px;
	width:370px;
}
div#contact_droite div#actus_acc ul li .image{
	float:left;
	width:125px;
	height:85px;
	overflow:hidden;
	position:relative;
	margin:15px 10px 0 0;
}
div#contact_droite div#actus_acc ul li .image a{
	position:absolute;
	z-index:10;
	width:150px;
	height:112px;	
}
div#contact_droite div#actus_acc ul li .informations{
	float:left;
  width:225px;
}
div#contact_droite div#actus_acc ul li .informations-long{
	margin-left:30px;  
  width:320px;
}
div#contact_droite div#actus_acc ul li .date{
	color:#8E8B86;
	margin:0 0 0px 0;
}
div#contact_droite div#actus_acc ul li .titre{	
	margin:11px 0 8px 0;
}
div#contact_droite div#actus_acc ul li .titre a{color:black!important;}	

div#contact_droite div#actus_acc ul li .description{	
	font-size:0.9em;
	text-align: justify;
}
div#contact_droite div#actus_acc ul li .plus{
	clear:left;
  margin-right:15px;
  text-align:right;
}


/*
*   Diaporama photos
*/

div#presentation div#diaporama_acc{
	height:176px;
	width:100%;
	position:relative;	
	margin-left:13px;
	margin-top: 10px;
}
div#presentation div#diaporama_acc div.img-diaporama-bateau{
height:150px;
width:400px;
background:white;
margin-left:30px;
position:relative;
}
div#presentation div#diaporama_acc div.img-diaporama-bateau div.image{
	position:absolute;	
	height:150px;
	width:400px;
}
div#presentation div#diaporama_acc div.img-diaporama-bateau div.image img.masque{
	position:absolute;
	z-index: 2;
	margin-left:11px;
  margin-top:7px;
}
div#presentation div#diaporama_acc div.img-diaporama-bateau div.image img.image-diapo{
	position:absolute;
	left:11px;
	top:7px;
}
div#presentation div#diaporama_acc div#type-bateau{
	position:absolute;
	top:11px;
	right:30px;
	text-align:right;
	z-index:3;
	
}

div#presentation div#diaporama_acc a.fleche-precedent-diaporama{
	position:absolute;
	top:65px;
	left:13px;
	z-index:3;
}
div#presentation div#diaporama_acc a.fleche-suivant-diaporama{
	position:absolute;
	top:65px;
	left:460px;
	z-index:3;
}