/* 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#presentation
{
	height:40px;
	width: 410px;
	background: url(../images/charte/titre-presentation.png) no-repeat left top;
    margin: 0 0 0.3em 0;
	padding:0;
}
h1#residence
{
	height:40px;
	width: 250px;
	background: url(../images/charte/titre-residence.jpg) no-repeat left top;
    margin: 0 0 0.3em 0;
	padding:0;
}
h1#hebergement
{
	height:40px;
	width: 250px;
	background: url(../images/charte/titre-hebergement.jpg) no-repeat left top;
    margin: 0 0 0.3em 0;
	padding:0;
}
h1#services
{
	height:18px;
	width: 120px;
	background: url(../images/charte/services-hotellerie.jpg) no-repeat left top;
    margin: 0 0 0.3em 0;
	padding:0;
}
h1#tarifs
{
	height:40px;
	width: 250px;
	background: url(../images/charte/titre-tarifs.jpg) no-repeat left top;
    margin: 0 0 0.3em 0;
	padding:0;
}
h1#contact
{
	height:40px;
	width: 250px;
	background: url(../images/charte/titre-contact.jpg) no-repeat left top;
    margin: 0 0 0.3em 0;
	padding:0;
}
h1#reservation
{
	height:40px;
	width: 250px;
	background: url(../images/charte/titre-reservation.jpg) no-repeat left top;
    margin: 0 0 0.3em 0;
	padding:0;
}
h1#groupes
{
	height:40px;
	width: 250px;
	background: url(../images/charte/groupes-seminaires.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#sejours
{
	height:40px;
	width: 250px;
	background: url(../images/charte/sejours.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#tourisme
{
	height:40px;
	width: 455px;
	background: url(../images/charte/titre-tourisme.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#tourisme-2
{
	height:40px;
	width: 350px;
	background: url(../images/charte/titre-tourisme2.png) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#plan
{
	height:40px;
	width: 250px;
	background: url(../images/charte/titre-plan.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#photos
{
	height:40px;
	width: 250px;
	background: url(../images/charte/titre-photos.jpg) no-repeat left top;
    margin: 0 0 0.7em 0;
	padding:0;
}
h1#presentation span, h1#residence span, h1#hebergement span, h1#services span, h1#reservation span, h1#groupes span, h1#sejours span, h1#tarifs span, h1#contact span, h1#tourisme span, h1#plan span, h1#photos span, h1#tourisme-2 span
{
	display:none;
}

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

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

#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: #FFF2AB;
padding:0.5em;
}
#footerInfo a{
display:inline;
}
#footerInfo a:link, #footerInfo a:visited{
text-decoration:none;
color: #FFF2AB;
}
#footerInfo a:hover, #footerInfo a:active{
text-decoration:none;
color: #EEC334;
}
#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: 517px;
width: 192px;
background: url(../images/charte/colD.jpg) no-repeat left top;
margin: 0 0 0 0;
position: relative;
padding:0;
text-align:center;
color:#E7B77C;
}

#lien_reservation {
top: 158px;
right:20px;
position:absolute;
padding: 0;
}

#lien_map {
height:180px;
width: 162px;
position:absolute;
margin-top: 210px;
margin-left: 10px;
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:#FECF70;
font-size:1.3em;
margin-bottom:0.5em;
font-weight:bold;
font-style:italic;
}



#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 ********************************/
.sloganright {
	float: right;
	border:none;
	margin:25px 0px 0 10px;
}
.sloganright2 {
	float: left;
	border:none;
	margin:0px 20px 0 0px;
}
.imageright {
	float: right;
	margin:0em 0px 0 20px;
	border:none;
}
.diaporight {
	float: right;
	margin:10px 10px 0 15px;
	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 0em;
	border:none;
	/*padding-top: 20px;*/
}

.img_entree {
	float:left;
	margin-right:8px;
}
/* FORMULAIRE  NEWSLETTER */

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 #7B0505;
text-align: center;
background-color:#7B0505;
color:#FFFFAB;
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 */
#contenu form{
width:600px;
margin:15px auto;
}
.form_line label {	
display:block;
float:left;
left:5px;
width:130px;
font-family:"Arial",Verdana,Helvetica;
font-weight:normal;
font-size:12px;
color:#FFFFAB;
}

.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;
vertical-align: middle;
}

.form_line3 {	
float:left;
font:normal 12px "Arial",Verdana,Helvetica;
color:#FECF70;
}

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

.form_line .long2 {		
width:446px;
float:left;
}

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

.form_line .moyen1 {		
width:156px;
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 {	
height:16px;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
background-color:#7F0505;
line-height:16px;
border:2px solid #7A0303;
color:#FECF70;
}

.form_line_cold1 input{
width:155px;
top: 82px;
right:26px;
position:absolute;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
border:1px solid #7F0505;
color:#000;
}


.form_line_cold2 input {
width:155px;
top: 127px;
right:26px;
position:absolute;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
border:1px solid #7F0505;
color:#000;
}
.form_line_cold3 input {
width:18px;
top: 160px;
right:108px;
position:absolute;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
border:1px solid #7F0505;
text-align:center;
color:#000;
}

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

border:0px solid #7F0505;
color:#000;
}

.form_line textarea {	
width:450px;
height:60px;
background-color:#7F0505;
font:normal "Arial",Verdana,Helvetica;
font-size: 11px;
border:2px solid #7A0303;
color:#FECF70;
}

.form_line select {	
width:100px;
height:21px;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
line-height:18px;
border:2px solid #7A0303;
color:#FECF70;
background-color:#7F0505;
}

#select-long{	
width:395px;
height:21px;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
line-height:18px;
border:2px solid #7A0303;
color:#FECF70;
background-color:#7F0505;
}

.form_line3 .check {	
width:15px;
height:15px; 
}

.txt_area{
font-family:"Arial",Verdana,Helvetica;
font-size: 12px;
border:1px solid #7F0505;
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;
}

#tabs{
float:right;
margin-right:15px;
}
table#tab-hebergement {
    width: 250px;
	background-color:#7F0505;
	font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
	color:#FECF70;
	margin:10px;
	border-collapse:collapse;
}

table#tab-hebergement td{
padding:2px;
padding-left:15px;
border:1px solid #B20D0D;
}

.titretd{
background-color:#680202;
}

table#tarifs-f2, table#tarifs-f4 {
    width: 580px;
	background-color:#7F0505;
	font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
	color:#FECF70;
	margin:10px auto;
	border-collapse:collapse;
}

table#tarifs-f2 td, table#tarifs-f4 td{
padding:2px;
text-align:center;
border:1px solid #B20D0D;
}

.titre-tarifs {
font-weight:bold;
font-style: italic;
text-align: center;
background-color: #B20D0D;
color:#FECF70;
}



a{
color:#FF9900;
text-decoration:none;
}
a:hover {
color:#FF9900;
text-decoration:underline;
} 


#contenu #smenu-tourisme ul,#contenu #smenu-tourisme2 ul,#contenu #smenu-residence ul  {
list-style-type:none;
list-style-position:outside;
}
#contenu #smenu-tourisme li, #contenu #smenu-tourisme2 li, #contenu #smenu-residence li    {
float:left;
cursor: pointer;
line-height:21px;
height:21px;
background: none; 
}

#contenu #smenu-tourisme2 li  {
margin-bottom:4px;
}

#contenu #smenu-tourisme li a,#contenu #smenu-tourisme2 li a,#contenu #smenu-residence li a{
text-decoration: none;
display:block;
text-decoration: none;
height:21px;
background:no-repeat scroll left top;
cursor: pointer;
}

#contenu #smenu-tourisme li a span, #contenu #smenu-tourisme2 li a span, #contenu #smenu-residence li a span  {
display:none;
}
#contenu #smenu-tourisme li a.bt-h1, #contenu #smenu-residence li a.bt-h1{
background-image:url(../images/charte/bt-h1.png);
width:111px;
}
#contenu #smenu-tourisme li a.bt-h2, #contenu #smenu-residence li a.bt-h2{
background-image:url(../images/charte/bt-h2.png);
width:111px;
}
#contenu #smenu-residence li a.bt-h3{
background-image:url(../images/charte/bt-h3.png);
width:139px;
}
#contenu #smenu-tourisme2 li a.bt-t1{
background-image:url(../images/charte/bt-t1.png);
width:111px;
}
#contenu #smenu-tourisme2 li a.bt-t2{
background-image:url(../images/charte/bt-t2.png);
width:111px;
}
#contenu #smenu-tourisme2 li a.bt-t3{
background-image:url(../images/charte/bt-t3.png);
width:139px;
}
#contenu #smenu-tourisme  li a:hover, #contenu #smenu-tourisme2  li a:hover, #contenu #smenu-residence  li a:hover  {
background-position:left bottom;
}
#contenu #smenu-tourisme li#encours2 a, #contenu #smenu-tourisme2 li#encours2 a, #contenu #smenu-residence li#encours2 a {
background-position:left bottom;
}