/* Start of CMSMS style sheet 'hameaudeletoile' */
/*style he*/

/*Reset*/
*{
	margin:0px;padding:0px;
}
body{
	/*width:984px;*/
	margin:auto;
	background:#145D64;
	font-family: Tahoma;/*Verdana, Arial, Helvetica, sans-serif;*/ 
	
	}

#suphead
{background:url(uploads/images/suphead.JPG) repeat-x;}
#header
{
	height:78px;
	margin:auto;
	width:984px;
 /* background:url(uploads/images/header.JPG); */
}

#menu{
  margin:auto;
  height:39px;
  background:url(uploads/images/menu_bg.JPG) repeat-x;
  padding-left:100px;
  
}
#menuwr{
  width:884px;
  margin:auto;
}

#b1{
 height:37px;
  border-left:1px solid gray;
  float:left;
}

#b2{
 height:37px;
  border-right:1px solid black;
  float:left;
}

#menu li{
  float:left;
  font-size:13px;
  /*padding-left:10px;
  padding-right:10px;*/

  list-style-type:none;
  border-right:1px solid gray;
  border-left:1px solid black;
  height:37px;
}

#first,#home{
  border-left:1px solid gray;
  }

/*#last{
  border-right:1px solid black;
  }
*/  
#menu li a{
  text-decoration:none;
  color:white;
  font-weight:bold;
  height:28px;
  display:block;
  padding-top:10px;
 padding-left:10px;
  padding-right:10px;
}

#menu li a:hover{
	background:url(uploads/images/fondmenuli.jpg) #145D64;
	/*height:16px;*/}

.menuactive{
background: url(uploads/images/fondmenuli.jpg) #145D64;
/*height:16px;*/
}
.clear{
clear:both
}

#content{

}
#main{
margin-top:10px;
font-size:13px;
text-align:justify;
}

#overtht
{
background:white;
}
#overht
{
width:984px;
margin:auto;
}
#ht{

background:white;
padding-left:95px;
padding-right:95px;
padding-top:15px;
}

#ht h2{
font-size:25px;
color:#145D64;
position:relative;
top:5px;

}

#overtdiff
{

}

#overdiff
{
width:984px;
margin:auto;
}
#diff{
padding-left:95px;
padding-right:95px;

}

.salles
{
margin-top:10px;
padding:7px;
background:white;
height:193px;
}

.img_salle{
float:left;
margin-right:15px;
}

.text_salle{
padding-right:15px;
}

.text_salle h3,h3{
color:#145D64;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

.form_contact{
position:relative;
top:167px;
right:10px;
float:right;
}

.form_contact a{
display:block;
background:url(uploads/images/form_contact.JPG) no-repeat top;
width:144px;
height:26px;
/*float:right;*/
}

.form_contact a:hover{
background:url(uploads/images/form_contact.JPG) no-repeat bottom;
}

#f1
{
background:white;
margin-top:10px; 
height:30px;
}


#footer
{
width:984px; 
margin:auto;
}

#footer p{
padding-left:110px;
padding-right:110px;
padding-top:4px;
text-align:right; 
color:#145D64;
font-size:11px;
}

#footer a{
text-decoration:none;
color:#145D64;
}

#footer #barrlink
{
display:block;
background:url(uploads/images/barrhauss.JPG) no-repeat top;
width:23px;
height:22px;
}

#footer #barrlink:hover
{
display:block;
background:url(uploads/images/barrhauss.JPG) no-repeat bottom;
width:23px;
height:22px;
}

#footer span{
float:right;
}

#footer #ml{
padding-top:4px;
margin-left:20px;
}

/*#########  page d'Accueil*/
#ht img{
margin-left:-15px;
}

#accueil{
background:white;
margin-top:20px;
margin-bottom:20px;
padding:10px;
}

#right_part{
float:right;
width:230px;
height:350px;
background:url(uploads/images/point.JPG) repeat-y;
text-align:center;
}

#carte a
{
display:block;
background:url(uploads/images/carte.JPG) no-repeat bottom;
width: 153px;
height: 144px;
margin-left:30px;
}

#carte a:hover
{
display:block;
background:url(uploads/images/carte.JPG) no-repeat top;
width: 153px;
height: 144px;
margin-left:30px;
}

#left_part{
float:left;
width:500px;
height:350px;
padding:5px;
}

#carte{
padding:10px;
}


#adresse{
padding:10px;
font-size:11px;
}

#adresse h4{
font-size:11px;
}

#liens{
padding-left:100px;
}

#liens a{
color:#145D64;
}

/*formulaire do contact*/
.contactform
{
border : 0px solid gray;
}

fieldset
{
margin:auto;
padding:10px;
padding-top:10px;
border:0px;
width:510px;
}

fieldset div
{
margin:12px;
}

label
{
width: 12em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

input, textarea
{
border: 1px solid #145D64;
}

.submit
{
width:510px;
margin:auto;
padding-bottom:30px;
}

.submit input
{
margin-bottom: 0.5em;
margin-left: 33em;
background:url(uploads/images/envoyer.gif) no-repeat bottom;
width:68px;
height:26px;
border:none;
} 

.submit input:hover
{
cursor:pointer;
margin-bottom: 0.5em;
margin-left: 33em;
background:url(uploads/images/envoyer.gif) no-repeat top;
width:68px;
height:26px;
border:none;
} 

.gallery
{
	height:192px;
	width:303px;
	float:left;
    overflow:hidden;
    position: relative;
	/*border: 1px solid #ddd;*/
}



.bouton a
{
display:block;
border:none;
}
/*
#prev, #next
{
	cursor:pointer;
	color:white;
	height:192px;
	float:left;
}


#prev
{
	width:152px;
	height:192px;
	background:black;

}

#next
{
	width:152px;
	height:192px;
	background:green;
}
*/

.galerie
{
	
}

#image-salle1
{
position:absolute;
top:0px;
left:0px;
}

#image-salle2
{
position:absolute;
top:0px;
left:303px;
}



.prev, .next
{
	cursor:pointer;
	color:white;
	height:192px;
	float:left;
}


.prev
{
	position:relative;
	top:-192px;
	left:0px;
	width:152px;
	height:192px;
	background:url(uploads/images/transparent.jpg);
	display:inline;

}

.next
{
	position:relative;
	top:-192px;
	/*left:152px;*/
	width:152px;
	height:192px;
	background:url(uploads/images/transparent.png);
	display:inline;
}


.prev:hover 
{
	background:url(uploads/images/precedente.png) no-repeat;
} 

.next:hover 
{
	background:url(uploads/images/suivante.png) no-repeat;
} 


.img_salle{
height:192px;
}

#mail a{
margin-left:30px;
display:block;
width:153px;
height:82px;
background:url(uploads/images/mail.jpg) no-repeat top;
}

#mail a:hover{
margin-left:30px;
display:block;
width:153px;
height:81px;
background:url(uploads/images/mail.jpg) no-repeat bottom;
}

#mail{
padding:10px;
}

#liens p img{position:relative;
top:5px;}


/*visite*/
#liens_visite{
padding-left:50px;
}

#liens_visite p{
color:#145D64;
}

#liens_visite p span:hover{
color:#145D64;
font-weight:bold;
cursor: pointer;
cursor: hand;
}

#liens_visite p img{position:relative;
top:3px;}

#liens_visite p{
margin-top:5px;
}

#left_part_visite{
float:left;
width:200px;
height:500px;
padding:5px;
}

#right_part_visite{
float:right;
width:480px;
height:500px;
background:url(uploads/images/point.JPG) repeat-y;
text-align:center;
padding:10px;
overflow:hidden;
}

#sup_visite_gal
{
margin:10px;
/*border:1px solid #145D64;*/
overflow:hidden;
height:476px;
float:left;
position: relative;
width:470px;
}

.morph1{
font-weight:bold;}


.gallery_visite
{
/*width: 470px;
height: 600px;
text-align: center;
float:left;*/
}


/* bouton visite guidee*/
.boutonv{
margin:10px;
height:477px;
float:left;
position: relative;
top:-495px;
width:470px;
}
.prevvisite, .nextvisite
{
	cursor:pointer;
	color:white;
	float:left;
        position:relative;
z-index:100;
}


.prevvisite
{
	top:0px;
	left:0px;
	width:470px;
	height:238px;
	background:url(uploads/images/transparent.jpg);
	display:inline;

}

.nextvisite
{
	top:0px;
	left:0px;
	width:470px;
	height:238px;
	background:url(uploads/images/transparent.png);
	display:inline;
}


.prevvisite:hover 
{
	background:url(uploads/images/precedente_vg.png) no-repeat;
} 

.nextvisite:hover 
{
	background:url(uploads/images/suivante_vg.png) no-repeat;
} 

#liens_visite a{
color:#145D64;
text-decoration:none;
}

#liens_visite p a:hover{
color:#145D64;
font-weight:bold;
cursor: pointer;
cursor: hand;
}

#lang{
float:left;
position:relative;
top:10px;
left:7px;
}
/* End of 'hameaudeletoile' */