body {
	color: #333;
	
	/*background-color: #a7d4f5;  bleu ciel*/
	text-align: center;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 20px 0 35px;
	background: #565249 url(http://www.hotel-kadiandoumagne.com/images/bg_bleu.jpg) repeat-x fixed;
}
#test{
	width: 100%;
	height: 20px;
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
#alert{
	width: 350px;
	height: 20px;
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 12px;
	text-align: center;
	clear: both;
	margin-top: -25px;
	left: 21%;
}
/* Liens courants */
a:link {font-weight: normal;color: #333; text-decoration:underline;
}
a:visited {color: #666;}
a:active {text-decoration:none; color: red;}
a:hover {text-decoration:none;}

/*Divers*/
h1, h2, h3, h4, h5, h6{
/*	border-bottom: 1px solid #c5c5c5;
	text-align: left;
	text-indent: 15px;*/
}

h1{font-size: 1.2em;}
h2{font-size: 1.1em;}
h3{font-size: 1.0em;}
h4{font-size: 0.9em;}
h5{font-size: 0.8em;}
h6{font-size: 0.7em;}

img {border:none;background:transparent;}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	/* text-align: right; for ie
	 margin-right: 0; for everyone else */
	}

#langues {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
border: 0 solid #333;
top: 2px;
	height: 16px;
}

#conteneur {/*permet de centrer la page !*/
margin-left: auto;

margin-right: auto;

width: 750px;

text-align: left;
	border: 1px solid #ce9d7c;
}
#formag{
	width: 620px;
	height: auto;
	font-size: 11px;
	text-align: justify;
	color: #333;
	padding: 5px 0;
	font-weight: normal;
	vertical-align: top;
	float: none;
	margin-bottom: 15px;
	word-spacing: 1px;
}
#formag .img{
	height: 150px;
	margin: 5px 10px 5px 5px;
	float: left;
	position: relative;
	padding: 5px;
	border: 0px solid #fff;
	width: auto;
}
#formag .li {
font-size : 11px;
text-align : left;
color : #996633;
font-weight : normal;
vertical-align : top;
list-style-type : disc;
list-style-position: outside;
	clear: none;
	right: 0;
	float: none;
}

#blablag{
	width: 600px;
	height: auto;
	font-size: 11px;
	text-align: justify;
	color: #333;
	padding: 5px 0;
	font-weight: normal;
	vertical-align: top;
	float: none;
	margin-bottom: 15px;
	word-spacing: 1px;
}
#blablag .img{
	height: 150px;
	margin: 5px 10px 5px 5px;
	float: left;
	position: relative;
	padding: 5px;
	border: 1px solid #ca8641;
	width: auto;
}
#blablad{
	width: 600px;
	height: auto;
	font-size: 11px;
	text-align: justify;
	color: #333;
	padding: 5px 0;
	font-weight: normal;
	vertical-align: top;
	float: none;
	margin-bottom: 15px;
	word-spacing: 1px;
}
#big{
	font-size: 13px;
	text-align: justify;
	color: #996633;
	font-weight: bold;
	vertical-align: top;
	float: none;
	margin-bottom: 15px;
	margin-top: 5px;
}
#blablad .img{
	width: 250px;
	margin: 5px 5px 5px 10px;
	float: right;
	position: relative;
	padding: 5px;
	border: 1px solid #ca8641;
}
#blablad .img2{
	height: 150px;
	margin: 5px 5px 5px 10px;
	float: right;
	position: relative;
	padding: 5px;
	border: 1px solid #ca8641;
}
/* @group Haut de page */

#top {
height: 95px;
	
background: repeat-x url(http://www.hotel-kadiandoumagne.com/images/bg-top2.gif);
border-bottom: 10px solid #efcb00;
	width: 750px;
}
#top2 {
	height: 120px;
	border-bottom: 1px solid #999;
}

#logo{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	background: no-repeat url(http://www.hotel-kadiandoumagne.com/images/logo-70px.gif);
	width: 90px;
	height: 90px;
	top: 10px;
	left: 10px;
	text-decoration: none;
	float: left;
	clear: left;
}
#toptitre{
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top: 20px;
	left: 20px;
	text-decoration: none;
	float: left;
	clear: none;
	width: 350;
}
#topplus{
	text-align: left;
	font-size: 0px;
	font-weight: bold;
	position: relative;
	top: 10px;
	left: -25px;
	text-decoration: none;
	float: right;
	clear: none;
	width: auto;
}

#nav {
	height: 80px;
	/*background-color: #fff;*/
	width: 750px;
	position: relative;
	top: 0px;
}

#txtlogo2 table td a, #txtlogo2 table td a:hover{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	position: relative;
	width: 100%;
	top: 25px;
	text-decoration: none;
}

#nav2 {
	background-color: #fff;
	width: 100%;
	position: relative;
	top: 25px;

}


.menu {
/*
   border: 1px solid gray;
*/;
	position: inherit;
	position: relative;
	padding: 5px;
	font-size: 11px;
	text-decoration: none;
	margin-top: 30px;
	margin-bottom: 0px;
	font-weight: normal;
	background: none 0px 0px;
}

.menu a {
   padding: 10px;
   border: 1px solid #f5f5f5;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	color: #333;
	background: url(http://www.hotel-kadiandoumagne.com/images/toto.png) 0px -25px;
}

.menu a:hover {
   color: #fff;
   text-decoration:none;
	background: repeat-x url(http://www.hotel-kadiandoumagne.com/images/bg-top.gif) 0px -100px;
}
	
/* @end */

/* @group Contenu */

/* @group navigation */
#navcontainer ul
{
margin: 15px 0 30px;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: none transparent repeat-y;
height: 15px;
}

#navcontainer li { margin: 0 0 3px; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 0 solid #333;
width: 160px;
background-image: url(images/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #333;
text-decoration: none;
	text-align: left;
	text-indent: 10px;
}

#navcontainer a:hover
{
border: 0 solid #333;
color: #fff;
background: url(images/l1_over.gif);
}

#active a:link, #active a:visited, #active a:hover
{
border: 0 solid #fff;
background-image: url(images/l1_over.gif);
color: #333;
}
/* @end */
#contenu {
	font-size: 12px;
	width : 750px;
	background: #fff url(http://www.hotel-kadiandoumagne.com/images/bg-full.gif) repeat-y;
}

#contenugauche{
	width: 185px;
	height: 190px;
	border: 0 solid #333;
	text-align: center;
	height: 190px;
	float: left;
	/*background: repeat-y url(http://www.hotel-kadiandoumagne.com/images/bg-contenugauche.gif) transparent;*/
}
#contenumilieu{
	border: 0px solid #9b9981;
	text-align: center;
	float: left;
	background: #fff;
	padding: 6px 5px;
}
.milieuimage{
	border: 0 solid #9b9981;
	padding: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.imagecontent{
	border: 1px solid #9b9981;
	padding: 5px;
	margin: 0px;
	background: #fff;
}
#contenudroite{
	width: 226px;
	border: 0px solid #333;
	text-align: center;
	float: left;
	background: repeat-y url(http://www.hotel-kadiandoumagne.com/images/bg-contenudroite.gif) transparent;
	padding-top: 25px;
	margin: 0;
}
#contenusolid{
	width: 740px;
	border: 0 solid #333;
	text-align: center;
	height: auto;
	float:left;
	padding: 20px 5px 10px;
	background: #fff url(http://www.hotel-kadiandoumagne.com/images/bg-solid.gif) repeat-x;
	clear: both;
}

.texte-simple {
	text-align: left;
	font-size: 11px;
	color: #000;

}
.texte-simple-gras {
	text-align: left;
	font-size: 11px;
	color: #000;
	padding-top: 0;
	font-weight: bold;
}

.transmission-ok {
	text-align: center;
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
}

.asterix{
	font-size: 11px;
	color: #FF0000
}

.texteformulaire {
	font-size: 11px;
	text-align: right;
	color: #333333;
	padding:0px 5px 5px;
	font-weight: bold;
	vertical-align: top;
}
.textenormal2{
	font-size: 10px;
	text-align: justify;
	color: #333333;
	padding: 0px 0 5px;
	font-weight: normal;
	vertical-align: top;
}
.textenormal3 {
	font-size: 9px;
	text-align: left;
	color: #666666;
	padding: 0px 0 5px;
	font-weight: normal;
	vertical-align: top;
}
.reference {
	font-size: 10px;
	text-align: center;
	color: #666666;
	padding:0px 5px 5px;
	font-weight: bold;
	vertical-align: top;
}
.textenormal1{
	font-size: 10px;
	text-align: left;
	color: #666666;
	padding: 0px 0 5px;
	font-weight: normal;
	vertical-align: top;
}
.contourbody2 {
	border: 1px solid #666;
	background-color: #f6f6f6;
	padding: 10px;
}
.soustitre2 a{
	font-size: 12px;
	color: #666;
	padding: 0;
	text-decoration: none;
	text-align: center;
}

.titre2{
	text-align: left;
	color: #996633;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0;
	margin: 0 0 5px;
	font: bold 11px Arial, Helvetica, sans-serif;
	border-bottom: 0 dashed #996633;
	background: #fff url(http://www.hotel-kadiandoumagne.com/images/sstitre2.gif) no-repeat 50% 0;
	height: 50px;
}
.titre3{
	text-align: left;
	color: #996633;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-transform: uppercase;
	padding-top: 0;
	padding-left: 0;
	margin: 0 0 5px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 11px;
}
.titrephoto{
	text-align: center;
	color: #996633;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-transform: uppercase;
	padding-top: 0;
	padding-left: 0;
	margin: 0 0 5px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 15px;
}
.titrephoto a{


}
.titrephoto a:visited{
	text-align: center;
	color: #dbd473;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-transform: uppercase;
	padding-top: 0;
	padding-left: 0;
	margin: 0 0 5px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 15px;
	text-decoration: none;
}
.txtphoto{
	text-align: center;
	color: #996633;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-top: 0;
	padding-left: 0;
	margin: 0 0 5px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
}

#vignettes-box {
width : 90px;
background-color : #fff;
float : left;
clear : none;
height : 90px;
border : 0 solid #cdcdcd;
margin : 6px;
}
#vignettes-box a {
width : 90px;
background-color : #fff;
float : left;
clear : none;
height : 90px;
border : 0px solid #996633;
}
#vignettes-box a:hover {
width : 90px;
background-color : /*#1b5271*/#996633;
float : left;
clear : none;
height : 90px;
border : 0px solid #fff;
cursor : alias;
}
#vignettes-box a:visited {
width : 90px;
background-color : #fff;
float : left;
clear : none;
height : 90px;
border : 0px solid #dbd473;
cursor : alias;
}
#vignettes3 {
width : 84px;
background-color : #fff;
border : 1px solid #cdcdcd;
vertical-align : middle;
height : 84px;
	margin: 2px;
}

#copy{
	float: left;
	clear: left;
	position: relative;
	top: 20px;
	text-align: center;
	color: #505050;
	font-size: 12px;
	width: 700px;
	height: 30px;
}
#soc {
	width: 20px;
	height: 20px;

}
#soc a{
	border: 1px solid #999;
}
#soc img {
	width: 10px;
	height: 10px;
	padding: 2px;
}
#soc a:hover{
	border: 1px solid #996633;
}
.texte-link-rech {
	text-align: center;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	height: 15px;
}
.recherche-lib {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #FF6600;
	padding:5px;
	text-transform: uppercase;
	width: 100%;
	font-style: italic;
}
.contourbodyliste {
	border: 1px solid #000000;
	background-color: #f6f6f6;
}
.text-annonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	padding: 2px 2px 2px 5px;
}

.info {
	background: #fff8b9 url('http://www.hotel-kadiandoumagne.com/images/info.png') no-repeat 5px 5px;
	height: auto;
	border: 1px solid #999;
	text-align: justify;
	width: 610px;
	color: #996633;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 5px 5px 60px;
}
.web{
		background: #fff8b9 /*url('http://www.hotel-kadiandoumagne.com/images/i2.png') no-repeat 5px 5px*/;
	height: auto;
	border: 1px solid #999;
	text-align: justify;
	width: 590px;
	color: #996633;
	font-size: 11px;
	text-decoration: none;
	padding: 5px;
}
.webtop{
position: absolute;
width: 730px;
left: 52%;
margin-left: -375px;
border: 0 solid #333;
top: 4px;
height: 20px;
text-align: center;
color: #333;
font-size: 11px;
text-decoration: none;

	
}

.attention {
	background: #f5f5f5 url('http://www.hotel-kadiandoumagne.com/images/attention.png') no-repeat 5px 5px;
	height: auto;
	border: 1px dashed #999;
	text-align: justify;
	width: 610px;
	color: #666;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 5px 5px 60px;
} 

.text-annonce-details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FF0000;
	padding: 0px;
	text-indent: 5px;
}
.text-annonce-prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666666;
	padding: 0px 15px 0px 0px;
	text-align: right;
	text-transform: uppercase;
}
.contourlistetitre {
	background-color: #CCCCCC;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}
.text-annonce-libelle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #333333;
	padding: 0px 10px 0px 0px;
	text-align: center;
	text-transform: uppercase;
	border: 0px;
}

.libelle-form {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 12px;
	background-position: right;
	text-align: right;
	padding-right: 20px;
}

.Fond
  {
	background: #CCC;
	margin-bottom: 10px;
	border: 2px solid #ffffff;
  }

.Fond:hover
  {
	background-color: #a0a0a0;
	border: 2px solid #ffcc00;
  }

.Fond:active
  {
	background-color: #55aaff;
	border: 2px solid #0088ff;
  }

/* @group bottom */
#bottom {
	font-size: 12px;
	width: 730px;
	height: 130px;
	border: 0 dashed black;
	position: relative;
	clear: both;
	background-color: #fff;
	border-top: 10px solid #efcb00;
	padding: 10px;
	border-bottom-width: 0;
	margin-bottom: 0;

}	

.bottomtitre {
	color: #888571;
	text-decoration: none;
	font: small-caps 500 15px Arial, Helvetica, sans-serif;
	border-bottom: 0 solid #666;
	padding-bottom: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-left: 3px;
}

.titrebig {
	color: #888571;
	text-decoration: none;
	font: small-caps bold 25px Arial, Helvetica, sans-serif;
	border-bottom: 0 solid #666;
	padding-bottom: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-left: 3px;
	width: auto;
}
.bottomimage{
	width: 80px;
	height: 80px;
	border: 1px solid #9b9981;
	padding: 2px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.bottomimage:hover{
	width: 80px;
	height: 80px;
	border: 1px solid #963;
	padding: 2px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.bottomseparation{
	width: 1px;
	background: #9b9981;
	margin-left: 5px;
	margin: 25px;
	margin-right: 5px;

}
.horizontalseparation{
	height: 1px;
	width: auto;
	background: #9b9981;
	margin-left: 5px;
	margin: 25px;
	margin-right: 5px;
	
}
.contourbody3 {
	border: 1px solid #9b9981;
	background-color: #f5f2cc;
	padding: 10px;
}
.titretablo1{
	height: 30px;
	font-size: 15px;
	color: #9b9981;
	font-weight: bold;
	text-align: center;
	border-right:1px solid #9b9981;
}
.titretablo{
	height: 30px;
	font-size: 15px;
	color: #9b9981;
	font-weight: bold;
	text-align: center;
}
.titretablo2{
	height: 30px;
	font-size: 15px;
	color: #9b9981;
	font-weight: bold;
	text-align: center;
	border-left:1px solid #9b9981;
}
#tablo{
	font-size: 12px;
	color: #7c7a67;
	text-align: left;
	line-height: 15px;
	text-indent: 5px;
	padding: 0;
	width: 80%;
}
.lignebas1{
	border-bottom:1px solid #9b9981;
	height: 25px;
	text-align: center;
}
.lignebas2{
	height: 25px;
}
.colonne1{
	border-right:1px solid #9b9981;
	width: auto;
	height: 25px;
	text-align: left;
}
.colonne{
	height: 25px;
	text-align: center;
		width: auto;

}
.colonne2{
	border-left:1px solid #9b9981;
	width: auto;
	height: 25px;
	text-align: center;
}

/* @end */
.tab-titre3 {
width : 600px;
height : 22px;
list-style-image : none;
font : 12px/21px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #996633;
text-indent : 0;
text-align : center;
background : #fff8b9;
text-transform : uppercase;
}
.urllegende {
text-align : center;
color : #666666;
padding : 0 5px 5px;
vertical-align : top;
font : 9px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

/* @group Pied de page */
#piedepage {
	height: 50px;
	background: repeat-x url(http://www.hotel-kadiandoumagne.com/images/bg-basbas.gif);
	color: #666;
	font-size: 9px;
	border-top: 0 solid #999;
	width: 750px;
	clear: both;
}
/*#piedepagegauche {
	text-align: center;
	width: 20px;
	right: 15px;
	position: absolute;
	bottom: 10px;
	left: 15px;
}*/
#piedepagedroite {
	text-align: center;
	width: auto;
	position: inherit;
	padding-top: 20px;
	padding-bottom: 5px;
	/*background: repeat-x url(http://www.hotel-kadiandoumagne.com/images/bg-basbas.gif);
	height: 50px;*/
	top: 3px;
}
#piedepage a {
	color: #666;
	font-weight: normal;
	text-decoration: underline;
}
#piedepage a:hover{
	color: #a80404;
	font-weight: normal;
	text-decoration: none;

}