/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


/* TITRES */
h1#accueil
{
	height:18px;
	width: 116px;
	background: url(../images/charte/presentation.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#chambres
{
	height:18px;
	width: 126px;
	background: url(../images/charte/chambre.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#jardin
{
	height:18px;
	width: 100px;
	background: url(../images/charte/jardin-hotel.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#services
{
	height:18px;
	width: 120px;
	background: url(../images/charte/services-hotellerie.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#tarifs
{
	height:18px;
	width: 87px;
	background: url(../images/charte/tarifs.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#contact
{
	height:18px;
	width: 83px;
	background: url(../images/charte/contact.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#reservation
{
	height:18px;
	width: 117px;
	background: url(../images/charte/reservation.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#groupes
{
	height:18px;
	width: 208px;
	background: url(../images/charte/groupes-seminaires.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#sejours
{
	height:18px;
	width: 108px;
	background: url(../images/charte/sejours.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#tourisme
{
	height:18px;
	width: 85px;
	background: url(../images/charte/tourisme.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#restaurant
{
	height:18px;
	width: 144px;
	background: url(../images/charte/restaurant-hotel-julienas.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#phototheque
{
	height:18px;
	width: 122px;
	background: url(../images/charte/phototheque.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#accueil span, h1#chambres span, h1#jardin span, h1#services span, h1#reservation span, h1#groupes span, h1#sejours span, h1#tarifs span, h1#contact span, h1#tourisme span, h1#restaurant span, h1#phototheque span
{
	display:none;
}

#contenu p{
font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color: #333333;
margin:0 0 1em 0;
}

#contenu ul{
list-style-type: none; 
margin-left:15px;
}
#contenu ul li{
background: url(../images/charte/puce.jpg) center left no-repeat; 
padding: 0px 0 0px 20px; 
font-size:12px;
line-height:20px;
color:#7A412B;
}

#sous_menu a{
padding:6px;
display:block;
float:left;
margin:0;
padding:0;
width:153px;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
background: url(../images/charte/bt-smenu.jpg) center left no-repeat; 
text-align:center;
}

#sous_menu a:hover{
padding:0px;
margin:0px;
color:#FFF;
}

#sous_menu .encours2{
padding:0px;
margin:0px;
color:#FFF;
}

#sous_menul a{
padding:6px;
display:block;
float:left;
margin:0;
padding:0;
width:242px;
height:29px;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
background: url(../images/charte/bt-smenul.jpg) center left no-repeat; 
text-align:center;
}

#sous_menul a:hover{
padding:0px;
margin:0px;
color:#FFF;
}

#sous_menul .encours2{
padding:0px;
margin:0px;
color:#FFF;
}

#footerMenu p{
text-align:center;
font:normal 1.0em/1.1em Arial, Helvetica, sans-serif;
color: #333333;
padding:0.5em;
}
#footerMenu a{
display:inline;
}
#footerMenu a:link, #footerMenu a:visited{
text-decoration:none;
color: #333333;
}
#footerMenu a:hover, #footerMenu a:active{
text-decoration:none;
color: #960018;
}
#footerMenu .grasR{
font-weight:bold;
color:#850014;
font-size:1.2em;
}

#footerLogo img{
display:block;
margin:20px auto;
}

.grasR{
font-weight:bold;
color:#850014;
}

#col_drt {
height: 456px;
width: 192px;
background: url(../images/charte/colD.jpg) no-repeat left top;
margin: 0 0 0 0;
position: relative;
padding:0;
}

#lien_reservation {
top: 139px;
right:16px;
position:absolute;
padding: 0;
}

#lien_map {
height:130px;
width: 160px;
position:absolute;
margin-top: 193px;
margin-left: 16px;
padding:0;
cursor:pointer;
}

#agenda_reservation {
position:absolute;
top:-80px;
left:-445px;
padding:0;
z-index: 32767;
}


#agenda_reservation_1 {
position:absolute;
top:-80px;
left:-445px;
padding:0;
z-index: 32767;
}


/* Css du calandirer  */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: relative;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #F29400;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F29400;
} /* This hover code won't work for IE */




/* HEADER */
#menu_header a:link, #menu_header a:visited{
color: #004381;
font-weight:bold;
font-size:0.9em;
}
#menu_header a:hover, #menu_header a:active{
text-decoration:none;
color: #B1B3B4;
}

#menu_header .cadre_gris a:link, #menu_header .cadre_gris  a:visited{
color: #FFF;
text-decoration:none;
font-weight:bold;
font-size:0.9em;
}
#menu_header .cadre_gris  a:hover, #menu_header .cadre_gris  a:active{
text-decoration:none;
color: #004381;
}


#menu_navigation a:link, #menu_navigation a:visited, #contenu_fiche a:link, #contenu_fiche a:visited{
float:left;
text-align:left;
text-decoration:none;
color: #004381;
font-weight:bold;
font-size:0.9em;
}

#contenu_fiche a:link, #contenu_fiche a:visited{
float:none;
}

#menu_navigation a:hover, #menu_navigation a:active, #contenu_fiche a:hover, #contenu_fiche a:active{
color: #B1B3B4;
}


#lien a:link, #lien a:visited{
display:inline-block;
float:right;
text-decoration:none;
color: #004381;
font-weight:bold;
font-size:0.9em;
}
#lien a:hover, #lien a:active{
color: #B1B3B4;
}

#lien2 a:link, #lien2 a:visited{
display:inline-block;
float:left;
text-decoration:none;
color: #004381;
font-weight:bold;
font-size:0.9em;
}
#lien2 a:hover, #lien2 a:active{
color: #B1B3B4;
}


/* STYLE CONTENU */


h2{
color:#D5561F;
font-size:1.3em;
margin-bottom:0.5em;
font-weight:bold;
}


#formulaire_recrutement h2, #formulaire_recrutement2 h2{
font:bold 1em "Arial",Verdana,Helvetica;
margin-bottom:0.5em;
color:#FFF;
}



#menu_admin #onglet_courant a:link, #menu_admin #onglet_courant a:visited{
text-decoration:none;
color: #5584AD;
}
#menu_admin #onglet_courant a:hover, #menu_admin #onglet_courant a:active{
text-decoration:none;
color: #B1B3B4;
}

a img {
border:0;
}

.gras{
font-weight:bold;
}



/*PRESENTATION*/
#sous_menu_presentation ul {
font-weight:bold;
font-size:0.9em;
border-left:5px solid #F29400;
list-style-type:none;
padding-left:27px;
line-height:1.5em;
text-align:left;
}


#sous_menu_presentation ul li a:link, #sous_menu_presentation ul li a:visited{
color: #B1B3B4;
text-decoration:none
}
#sous_menu_presentation ul li a:hover, #sous_menu_presentation ul li a:active{
text-decoration:none;
color: #1B3D6A;
}



#encours{
color: #F29400;
}



/************* Images ********************************/
.imageright {
	float: right;
	margin:0em 0em 1em 1em;
	border:none;
}

.bordure {
	margin:0em 0.5em 1em 0.5em;
	border:1px solid #E3D6BF;
}

.bordureright {
	float: right;
	margin:0em 0em 1em 1em;
	border:1px solid #E3D6BF;
}

.bordureleft {
	float:left;
	margin:0em 1em 1em 0em;
	border:1px solid #E3D6BF;
}
.image_bord  {
	margin-top:20px;
	border:4px solid #FFF;
}
.imageright_bord, .imageleft_bord  {

	border:4px solid #FFF;
}

.imageleft {
	float:left;
	margin:0em 1em 1em 1em;
	border:none;
	/*padding-top: 20px;*/
}



/* FORMULAIRE  NEWSLETTER */
#newsletter_header form{
margin-left:75px;
margin-top:6px;
}

#bloc_rechercher form{
margin-left:75px;
margin-top:5px;
}

input {	
width:150px;
height:16px;
font:normal 0.1em/1em "Arial",Verdana,Helvetica;
border:1px solid #000;
color:#000;  
}

select {	
width:150px;
height:16px;
font:normal 0.1em/1em "Arial",Verdana,Helvetica;
border:1px solid #5A5A5A;
color:#5A5A5A;  
}

.ok{	
width:60px;
height:18px;
font:bold "Arial",Verdana,Helvetica;
border:1px solid #3A416E;
text-align: center;
line-height: 16px;
background-color:#FFF;
color:#004381;
cursor:pointer;
font-size:11px;
}

.ok2{	
width:25px;
height:18px;
font:normal 0.95em/1em "Arial",Verdana,Helvetica;
border:0px solid #000;
background-color:#5A5A5A;
color:#FFF;
cursor:pointer;
}

.ok3{	
height:20px;
width: 73px;
background: url(../images/charte/bouton_reservation.jpg) no-repeat left top;
border:0px solid #000;
cursor:pointer;
}


/* FORMULAIRE  GENERALISTE */
.form_line label {	
display:block;
float:left;
left:5px;
width:90px;
font-family:"Arial",Verdana,Helvetica;
font-weight:bold;
font-size:11px;
}

.form_line_radio label{
font:bold 0.9em "Arial",Verdana,Helvetica;
font-size: 11px;
vertical-align: middle;
}

.form_line_center label {	
font:bold 0.9em "Arial",Verdana,Helvetica;
}

.lbllong{	
left:5px;
width:140px;
font:bold 0.85em "Arial",Verdana,Helvetica;
}

.form_line, .form_line2 {	
margin:4px 0px 4px 0px;
float:left;
font-size: 11px;
vertical-align: middle;
}

.form_line .long {		
width:384px;
float:left;
}

.form_line .moyen {		
width:170px;
float:left;
}

.form_line .moyen1 {		
width:146px;
float:left;
}

.form_line .court {		
width:80px;
float:left;
}

.form_line .pmoyen {		
width:140px;
float:left;
}

.form_line .ppmoyen {		
width:110px;
float:left;
}

.form_line .tcourt {		
width:20px;
float:left;
text-align:center;
}

.form_line_center {	
margin:4px 90px 4px 94px!important;
margin:4px 90px 4px 50px;
float:left;
}
.form_line_center_long {	
margin:4px 70px 4px 74px!important;
margin:4px 70px 4px 30px;
float:left;
}


.form_txt_area {	
margin-top:17px;
padding:11px 0px 10px 17px;
width:273px;
height:131px;
background:#FFF url(../images/charte/fd-textarea.png) no-repeat scroll center top;
}



.form_line input {	
width:155px;
height:20px;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
line-height:20px;
border:1px solid #CFCFCF;
color:#000;
}

.form_line_cold1 input{
top: 62px;
right:16px;
position:absolute;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
border:1px solid #CFCFCF;
color:#000;
}


.form_line_cold2 input {
top: 111px;
right:16px;
position:absolute;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
border:1px solid #CFCFCF;
color:#000;
}


.form_line_radio input {	
width:155px;
height:20px;
font:normal "Arial",Verdana,Helvetica;
font-size: 11px;

border:0px solid #CFCFCF;
color:#000;
}

.form_line textarea {	
width:387px;
height:50px;
font:normal "Arial",Verdana,Helvetica;
font-size: 11px;
border:1px solid #CFCFCF;
color:#000;
}

.form_line select {	
width:100px;
height:23px;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
line-height:23px;
border:1px solid #CFCFCF;
color:#000;
}

.form_line .check {	
width:13px;
height:13px; 
border:1px solid #CFCFCF;
}

.txt_area{
font-family:"Arial",Verdana,Helvetica;
font-size: 12px;
border:1px solid #CFCFCF;
width:254px;
color:#000;
height:118px; 
}

.txt_area_simple{
font-family:"Arial",Verdana,Helvetica;
border:1px solid #CFCFCF;
width:150px;
color:#000;
height:28px; 
}

.form_line_center .bouton, .form_line_center_long .bouton{
margin:4px 70px 4px 1px!important;
margin:4px 20px 4px -47px;
width:90px;
height:15px;
font:bold 0.7em/0.8em "Arial",Verdana,Helvetica;
border:1px solid #5A5A5A;
color:#004784;
background-color:#FFF;
}

#divid{
background-color:#FFF;
border:1px dotted #5A5A5A;
padding:10px;
background: url(../images/charte/ssl.png) no-repeat left top;
}
.radiocb{
background: url(../images/charte/logocb.jpg) no-repeat right bottom;
}