@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "produits.css";
@import "paiement.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 02-04-2008 --*
 *------------------------------------------------*/


html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	background-color: #4A3933;
	background-image:url(../images/deco/ar-degrade.jpg);
	background-position:0 0;
	background-repeat:repeat-x;

}

p, form, input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}



 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	padding:10px 0 0 0;
	width:998px;
}

/*Haut de page  HEADER*/

#header{
	margin:8px 0;
	padding:0;
	width:998px;
	height:27px;
	background-color: #FFF6B1;
	text-align:right;
}

/*Contenu de page  CONTENT */
#content_aquarelle{
	margin:0 auto;
	padding:0;
	width: 998px;
	background-image:url(../images/deco/content-aquarelle.jpg);
	background-position:top right;
	background-repeat:repeat-y;
}
#content_eglise{
	margin:0 auto;
	padding:0 0 0 0px;
	width: 998px;
	background-image:url(../images/deco/eglise.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#5C4B46;
	float:left;
}


.hr{
	padding:0;
	margin:10px 0 10px 0;
	width:100%;
	height:2px;
	border-top:1px solid #3D302B;
	border-bottom:1px solid #2B201C;
	border-left:0px;
	border-right:0px;
	display:block;

}
/*/// debut des colonnes ///*/
#left_content{
	float:left;
	width:225px;
}

/*/// partie de droite ///*/
#right_content{
	float:right;
	width:33px;
	height:472px;
	background-image:url(../images/deco/deco-right.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

/*///    partie du centre   ///*/
#middle_content{
	float:left;
	margin:0;
	padding:0 1px 0px 1px;
	width: 612px;
	background-color:#332622;
}
#middle_content p{
	padding:0 0 5px 25px;
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#middle_content p.entete {
	color: #C4B459;
	text-indent: 10px;
}

#middle_content p.entete:first-letter{
	color:#B0A148; 
	font-size: 250%;
	font-weight:normal;
	margin:0 2px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#middle_content h2{
	padding:10px 0 10px 50px;
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	background-position:25px center ;
	background-image:url(../images/deco/h2-puce.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	}
/*/// fin des colonnes ///*/	

/*Bas de page  FOOTER*/

#footer{
	margin:7px 0 7px 0;
	padding:0px 0;
	width:998px;
	float:left;
	height:32px;
	line-height:32px;
	background-color:#C4B459;
	text-align: center;
	color: #5F4C46;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer a{
padding:0 5px 0 0;
	color:#5F4C46;
	text-decoration:none;
}

#footer a:hover{
	color:#FFF6B1;
}

#footer_coordonnees{
	margin:0px 0 0 0;
	padding:5px 0 0 0;
	width:612px;
	float:left;
	height:45px;
	background-image:url(../images/deco/footer-adresse-ar.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	text-align: center;
	color: #b0a148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}


 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT                     ----*
  *------------------------------------------------------*/
  
h1 {
	margin: 0 0 0px 0;
	padding: 95px 0 2px 0;
	height:22px;
	background-color:#332622;
	background-image:url(../images/deco/h1-ar.gif);
	background-position:top right;
	background-repeat:no-repeat;
	border-bottom:1px solid #B0A148;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color:#332622;
	
}
  
h2 {
	margin: 0;
	padding: 0;
	color:#000;
}
  
h3 {
	margin: 0;
	padding: 0;
	color:#000;
}
h4 {
	margin: 0;
	padding: 0;
	color:#000;
}
h5 {
	margin: 0;
	padding: 0;
	color:#000;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
}

ul.liste{
	padding:0;
	margin:0 0 0px 10px;
	float:left;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}
ul.liste li{
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0 0 0 7px;
	line-height:15px;
	height:15px;
	background-image:url(../images/deco/puce.gif);
	background-position:0px 7px;
	background-repeat:no-repeat;
	display:block;
	color:#b0a148;
}
ul.liste li a{
	list-style-type:none;
	margin:0;
	padding:0;
	color:#b0a148;
	line-height:15px;
	height:15px;
	display:block;
	text-decoration:none;
}
ul.liste li a:hover{
	list-style-type:none;
	margin:0 0 0px 0;
	padding:0 0 0 0px;
	line-height:15px;
	height:15px;
d
	display:block;
	color:#FFF6B1;
	text-decoration:none;
}
 /*------------------------------------------------------*
  *--------------------------   HOME PAGE            ----*
  *------------------------------------------------------*/
#flash_home{
	width:965px;
	height:452px;
	padding:14px 14px 0 14px;
	background-image:url(../images/home/flash_ar.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#footer_index{
	margin:7px 0 7px 0;
	padding:0px 0;
	width:998px;
	float:left;
	height:32px;
	line-height:32px;
	text-align: center;
	color: #5F4C46;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer_index a{
	padding:0 5px 0 0;
	color:#C4A759;
	text-decoration:none;
}

#footer_index a:hover{
	color:#89791B;
}
#footer_coordonnees_index{
	margin:0px 0 0 0;
	padding:10px 0 0 14px;
	width:974px;
	height:36px;
	background-image:url(../images/home/footer-adress-ar.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align: left;
	color: #332622;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#footer_coordonnees_index_tel{
	margin:0px 0 0 0;
	padding:0;
	width:292px;
	text-align:center;
	float:left;
	font-weight:bold;
	color:#3D2712;
}
#footer_coordonnees_index_adres{
	margin:0px 0 0 0;
	padding:0;
	width:670px;
	text-align:left;
	float:right;
	color:#68544C;
}		
 /*------------------------------------------------------*
  *--------------------------    INCLUDE LOGO        ----*
  *------------------------------------------------------*/
#inc_logo{
text-align:center;
padding:10px 0 0 0;
}
#inc_logo img{
padding:10px 0 30px 0;
}
#inc_logo p{
	text-align:center;
	padding:0 0 4px 0;
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:3px;
}

 /*------------------------------------------------------*
  *--------------------------     INCLUDE LANG        ----*
  *------------------------------------------------------*/
#inc_lang{
text-align:center;
padding:10px 0 0 0;
}
#inc_lang img{
padding:0px 2px 10px 2px;
}


 /*------------------------------------------------------*
  *--------------------------    PRESENTATION        ----*
  *------------------------------------------------------*/
#middle_content_presentation{
	float:left;
	margin:0;
	padding:0 1px 0px 1px;
	width: 612px;
	background-color:#332622;
	background-image:url(../images/presentation/ar.jpg);
	background-repeat:no-repeat;
	background-position:1px 122px;
}
#middle_content_presentation p{
	padding:20px 20px 5px 350px;
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#middle_content_presentation img{
	border:3px solid #B0A148;
	margin:10px 0px 0 10px;
}

#middle_content_presentation p.entete {
	color: #C4B459;
	text-indent: 10px;
}

#middle_content_presentation p.entete:first-letter{
	color:#B0A148; 
	font-size: 250%;
	font-weight:normal;
	margin:0 2px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

 /*------------------------------------------------------*
  *--------------------------    NOS CHAMBRES        ----*
  *------------------------------------------------------*/

#chambre_galerie{
	width:385px;
	background-color:#463733;
	float:left;
	padding:0 0 11px 0;
	display: block;
	margin: 0;
}
#chambre_galerie img{
	margin:4px 0 0 4px;
	padding:1px;
	border:1px solid #1C1412;
	background-color:#CFC68F;
	width:87px;
	height:87px;
	float:left;
}

#chambre_desc{
	padding:20px 0 0 0;
	float:right;
	width:216px;
}
#chambre_desc p, #chambre_galerie p{
	padding:0 10px 10px 8px;
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#chambre_desc p.entete, #chambre_galerie p.entete {
	color: #C4B459;
	text-indent: 10px;
}

#chambre_desc p.entete:first-letter, #chambre_galerie p.entete:first-letter{
	color:#B0A148; 
	font-size: 250%;
	font-weight:normal;
	margin:0 2px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

 /*------------------------------------------------------*
  *--------------------------    TARIFS               ----*
  *------------------------------------------------------*/
.ligne{
	float:left;
	width:100%;
	padding:5px 0 5px 0;
	margin:0;
	background-image:url(../images/deco/sep.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

.ligne h2{
	padding:10px 0 10px 25px;
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	background-position:center left;
	background-image:url(../images/deco/h2-puce.gif);
	background-repeat:no-repeat;
	font-weight:normal;
}
.ligne_visu img{
	margin:6px 20px 6px 6px;
	padding:1px;
	border:1px solid #1C1412;
	background-color:#CFC68F;
	width:87px;
	height:87px;
	float:left;
}
.ligne_desc{
	float:left;
	width:320px;
	padding:0;
	margin:0;
}
.ligne_desc p{
	padding:0 5px 10px 25px;
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.ligne_prix{
	float:left;
	width:120px;
	padding:10px 0 0 0;
	margin:0;
}
.ligne_prix p{
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.ligne_resa{
	float:left;
	width:40px;
	padding:5px 0 0 0;
	margin:0;
	text-align:center;
}
.ligne_resa a{
	color:#5C4B46;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
.ligne_resa a:hover{
	color:#C9BC58;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

#info_utiles{
	padding:0 0 0 20px;
	margin:1px 0;
	width:auto;
	height:80px;
	background-image:url(../images/tarif/info-ar.gif);
	background-position:0 0;
	background-repeat:repeat;
}

#info_utiles h2{
	padding:10px 0 10px 25px;
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	text-align:left;
	background-position:center left;
	background-image:url(../images/deco/h2-puce2.gif);
	background-repeat:no-repeat;
}

#info_utiles img{
	padding:0;
	margin:0 15px 5px 0;
	float:left;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
	opacity: 0.7;
	border:0px;
}

 /*------------------------------------------------------*
  *---------------------    RESERVATION EN LIGEN     ----*
  *------------------------------------------------------*/
 #middle_content_reservation{
	float:left;
	margin:0;
	padding:0 1px 0px 1px;
	width: 612px;
	background-color:#332622;
	background-image:url(../images/reservation/reservation.jpg);
	background-repeat:no-repeat;
	background-position:1px 122px;
}
 
 #resa{
	 width:390px;
	 margin:0 0 0 220px;
	 padding:0;
 }
 
#resa p{
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	padding:0 0 0px 0px;
 }
   #resa p a{
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	text-decoration:none;
 }
    #resa p a:hover{
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
 }
  #resa h2{
	padding:10px 0 10px 25px;
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	background-position:center left;
	background-image:url(../images/deco/h2-puce2.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	text-align:left;
 }
  #resa input{
 	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#4C3D38;
	border:1px solid #5C4B46;
	height:20px;
	line-height:20px;
	margin:2px 10px 2px 0;
 }
 .combo{
 	margin:2px 5px 2px 0;
 	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#4C3D38;
	border:1px solid #5C4B46;
	height:18px;
	line-height:18px;
 }
 
  /*------------------------------------------------------*
  *----------------   ENVIRONNEMENT TOURISTIQUE       ----*
  *------------------------------------------------------*/
#middle_content_tourisme{
	float:left;
	margin:0;
	padding:0 1px 0px 1px;
	width: 612px;
	background-color:#332622;
	background-image:url(../images/tourisme/ar.jpg);
	background-repeat:no-repeat;
	background-position:1px 122px;
}
#middle_content_tourisme p{
	padding:20px 20px 5px 350px;
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#middle_content_tourisme ul{
	padding:0px 20px 5px 350px;
}
#galerie_tourisme_germain{
	float:left;
	width:192px;
	margin:0px 0px 0 6px;
}
#galerie_tourisme_germain img{
	border:3px solid #B0A148;
}
#galerie_tourisme{
	float:right;
	width:400px;
		text-align:left;
}
#galerie_tourisme img{	
	margin:0px 5px 13px 0px;
	padding:3px;
	border:1px solid #1C1412;
	background-color:#B0A148;
	width:87px;
	height:87px;
	float:left;
}

#middle_content_tourisme p.entete {
	color: #C4B459;
	text-indent: 10px;
}

#middle_content_tourisme p.entete:first-letter{
	color:#B0A148; 
	font-size: 250%;
	font-weight:normal;
	margin:0 2px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#tourisme_text p{
	padding:5px 20px 5px 20px;
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#tourisme_text h2{
	padding:10px 0 10px 50px;
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	background-position:25px center ;
	background-image:url(../images/deco/h2-puce.gif);
	background-repeat:no-repeat;
	font-weight:normal;}
	
/*------------------------------------------------------*
*----------------     PROMOTIONS                    ----*
*------------------------------------------------------*/
.photo-promo{
	border:3px solid #B0A148;
	float:right;
	margin:10px 10px 10px 10px;
}
#promo_text{
float:left;
padding:20px 0 0 0;
}
#promo_text p{
	padding:0px 20px 5px 20px;
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#promo_text h2{
	padding:10px 0 10px 50px;
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	background-position:25px center ;
	background-image:url(../images/deco/h2-puce.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	}
	
/*------------------------------------------------------*
*----------------     CONTACT                    ----*
*------------------------------------------------------*/
#contact_form{
float:left;
margin:0;
padding:0px 10px 0 0px;
width:325px;
}
#contact_map{
float:right;
margin:0;
padding:0px 0px 0 0;
width:275px;
text-align:left
}
#contact_map p a{
	color:#FFF6B1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	text-decoration:none;
 }
#contact_map a:hover{
	color:#B0A148;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
 }