body {
margin: 0;
padding: 0;
text-align: center;
line-height: 1.6em;
font-size: 12px;
color: #565656;
max-width: 1440px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
background-color: #333;
}



/* --------------------	*/
/* STRUCTURE			*/
/* --------------------	*/

#top{
width: auto;
height: 222px;
background: url("http://www.capsittelle.com/images/haut_1.jpg") no-repeat;
}


#logo{
padding-left:200px;
padding-top: 140px;
text-align: left;
}


#line {
width: 100%;
height: 3px;
background-color: white;
}


#main{
margin-left: 200px;
margin-bottom: 8em;
}


#content{
float: left;
margin-top: -45px;
padding: 20px 30px 4px 30px;
width: 540px;
text-align: left;
background: white url("http://www.capsittelle.com/images/chichi.png") bottom right no-repeat;


-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
   
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
   
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px; 

-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 10px;
   
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
   
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
}
/* --------------------	*/



/* --------------------	*/
/* MENU 				*/
/* --------------------	*/

#menu{
margin-left:0px;
padding: 5px 20px 40px 20px;
float:left;
text-align:left;
font-size: 11px;
width: 200px;
color:#8ECAE9;
}

#menu h2 {
width:70%;
height:20px;
font:normal 100% "Trebuchet MS", Sans-serif;
text-transform:uppercase;
color:#8ECAE9;
margin:10px 0 0 0;
background:url("http://www.capsittelle.com/images/bg_titre.png") bottom repeat-x;
}
#menu h2:before { content:"// "; }
#menu ul { margin:10px; padding:0 10px; list-style-type:none; }
#menu li { margin-top:2px; height:25px; width:100%; }
#menu a {
display:block;
height:100%;
width:100%;
text-decoration:none;
color:#54A4CE;
padding:5px 0 0 15px;
}

#menu a:hover {
display:block;
height:100%;
width:100%;
text-decoration:none;
color:#8ECAE9;
background-color:#34393C;
}
/* --------------------	*/


#footer{
margin-bottom: O;
width: 380px;
text-align:left;
font-size: 11px;
}
#tracking {
margin:0;
text-align:left;
}
#tracking small{ color: white; font-size: 11px;}
#tracking small a { color: white; font-size: 11px; text-decoration:none; }
#tracking small a:hover { color: white; font-size: 11px; text-decoration:underline;}



/* --------------------	*/
/*  GESTION BALISES		*/
/* --------------------	*/

a		{ color: #818181; text-decoration: none }
a:hover	{ color: white; background-color: #818181; text-decoration: underline; }


h1{ font-size: 16px; font-weight:normal; color: #565656; }
h2{ font-size: 14px; font-weight:normal; color: #565656; font-variant: small-caps; }


ul{padding-left: 20px; margin: 0px; list-style-type: square;}

.small { font-size:11px }
.red { font-size:11px; color:red }
.err { font-size:11px; color:#990000; padding-left:5px }

hr { width: 100%; padding:0; margin-bottom: 1.5em; color: black; }

input, textarea{
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
border: #999 1px solid;
margin: 5px;
padding: 3px
}
input:hover, textarea:hover { border-color: #818181 } 

form { padding: 0px; margin: 0px }
/* --------------------	*/



/* --------------------	*/
/* PAGE D'ACCUEIL 		*/
/* --------------------	*/

#accueil_left {
margin-top: 15px;
float: left;
width: 340px;
text-align: justify;
line-height: 2em;
}

#accueil_right {
margin-top: 15px;
float: right;
width: 190px;
text-align: right;
}
#accueil_right img{
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: 5px 0px 0px 12px;
padding: 4px;
position: relative;
}

#foliage{
text-align:left;
font-style: italic;
}

#news{ width: 540px; text-align:justify; line-height: 2em;}
#news img{
background-color: #fff;
border: 1px solid #a9a9a9;
margin: 5px 5px 0px 0px;
padding: 4px;
position: relative;
}

#promo {
text-align: justify;
line-height: 2em;
margin-bottom: 15px;
}
#promo img{ padding-right: 5px; }

#accueil_commentaires{ width: 540px; margin-bottom: 4em; }
/* --------------------	*/



/* --------------------	*/
/* APPARTEMENT 			*/
/* --------------------	*/

#appart { text-align: justify; margin-bottom: 4em;}

#description img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}

a.hide			{ color: #565656; background:none; text-decoration: none }
a.hide:hover	{ color: #565656; background:none; text-decoration: none }
/* --------------------	*/



/* --------------------	*/
/* TARIFS 				*/
/* --------------------	*/

#tarifs { text-align: justify; margin-bottom: 4em;}

.border_top {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #818181;
}

.border_left {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #818181;
}

.border_left_top {
border-left-width: 1px;
border-top-width: 1px;
border-left-style: solid;
border-top-style: solid;
border-left-color: #818181;
border-top-color: #818181;
}
/* --------------------	*/



/* --------------------	*/
/* RESERVATION 			*/
/* --------------------	*/

#reservation { text-align: justify; margin-bottom: 4em;}

.cadre_info {
padding: 5px 8px 5px 8px;
background-color: #6699FF;
border-width: 1px;
border-color: blue;
border-style: solid;
font-size: 11px;
color: white;
vertical-align: middle;
}
/* --------------------	*/



/* --------------------	*/
/* GALERIE				*/
/* --------------------	*/

#galerie { text-align: justify; margin-bottom: 4em;}

#galerie img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}
/* --------------------	*/



/* --------------------	*/
/* AUTRES PAGES 		*/
/* --------------------	*/

#plan { text-align: justify; margin-bottom: 4em;}

#contact { text-align: justify; margin-bottom: 4em;}
/* --------------------	*/



/* --------------------	*/
/* COMMENTAIRES 		*/
/* --------------------	*/

#commentaires { text-align: justify; margin-bottom: 4em; }

#commentaires h2 {
padding: 5px 8px 5px 8px;
width: 120px;
background-color: #6699FF;
border-width: 1px;
border-color: blue;
border-style: solid;
font-size: 11px;
color: white;
vertical-align: middle;
}
#commentaires h2 a { color: white; text-decoration:none; }
#commentaires h2 a:hover { color: white; text-decoration:underline; background-color: #6699FF; }

.commentaires_title { color: #65757d }

#commentaires blockquote {
border-right: #f1de73 1px solid;
border-top: #f1de73 1px solid;
border-left: #f1de73 8px solid;
border-bottom: #f1de73 1px solid;
padding: 1em;
margin: 1em;
background: url("http://www.auromprod.com/images/bg_txt.gif") #fff repeat-x left top
}

.post-footer {
font: xx-small "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform: uppercase;
padding-left: 5px;
padding-right: 5px;
letter-spacing: 0.1em
}
/* --------------------	*/