@charset "iso-8859-1";


body {
 background-color: #555;
 background-image: url("images_new/grisbleu2.jpg");
 font-size: 11px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 color:#564b47;
 padding:0px;
 margin:0px;
 height: 2900px;
}


/* ---------- Block conteneur général du site -------------- */
#container {
 width: 1000px;
 padding:0px;
 margin: 0px;
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 z-index: 1;
} 


/* ---------- Entête de page -------------- */
#entete {
 text-align: center;
 width: 1000px;
 height: 612px;
 padding: 0px;
 margin: 0px;
 z-index: 1;
} 
#entete h1 { /* Chambres d'hôtes, Carcassonne, Aude */
 font: normal 28px Georgia,Times,Helvetica;
 color: #EB0;
 margin-top: -220px;
 z-index: 2;
} 
#entete h2 { /* Texte de présentation */
 font: bold 13px Verdana,Arial,Times,Georgia,Helvetica;
 color: #c0c0c0;
 margin-left: 105px;
 margin-right: 105px;
 margin-top: -5px;
 z-index: 2;
} 
#entete h3 { /* Domaine de Calvayrac */
 font: bold 58px Georgia,Times,Helvetica;
 margin-top: -200px;
 color: #FFE600;
 z-index: 2;
}
#entete img {
 margin-bottom: -12px;
}

/* ---------- block toiles Anthony -------------- */
#anthony {
 height: 35px;
 margin: 0;
 padding: 0;
 background-color: #000;
 font: normal 11px Verdana,Arial,Times,Georgia,Helvetica;
 font-style: italic;
 color: #AA0;
 text-align: center;
 padding-top: 5px;
 z-index: 2;
} 


/* ---------- Outer et Inner----------------- */
#outer { 
 border-left: solid 190px #000;
 background-color: #ffffcf;
 background-image: url("images_new/fd-cite701.jpg");
 z-index: 1;
} 

#inner {
 margin:0px;
 margin-top: -0px;
 width:100%;
 background-image: url("images_new/fd-cite701.jpg");
 z-index: 1;
} 


/* -------------- Bloc vertical gauche ------------- */
#left {
 float:left; 
 position:relative; 
 width:190px; 
 text-align: center;
 margin-left:-190px; 
 font: normal 16px Georgia,Bookman Old Style,Verdana,Arial,Times,Helvetica;
 color: #fbd600;
 background-image: url("images_new/bleuver11.jpg");
 z-index: 2;
} 

/* ----------------- Bloc contenu droite --------------------- */
#content { 
 position: relative; 
 margin: 0px;
 font: normal 16px Bookman Old Style,Georgia,Verdana,Arial,Times,Helvetica;
 color: #004500;
 z-index: 1;
}

p {
 padding: 5px 10px;
 margin:0px;
}

pre {
 font-size: 12px;
 padding: 5px 10px;
 margin:0px;
}

td {
 text-align: center;
 font: bold 14px Arial;
 background-color: #FFFF00;
 background-image: url("images_new/fd-bout1.gif");
 border: solid 1px;
 border-color: #000;
}


/* ----------------- Bloc bas photo cité --------------------- */
#bloc_cite { 
 position: relative; 
 margin: 0px;
 width: 100%;
 height: 343px;
 background-image: url("images_new/cite70.jpg");
 text-align: center;
 font: normal 50px Times New Roman,Georgia,Verdana,Arial,Helvetica;
 color: #eeeecc;
 z-index: 0;
}


/*  ----------------footer---------------------- */ 
#footer {
 clear:left;
 padding-bottom:50px;
 margin:20px;
 text-align: center;
 font: normal 11px Verdana,Arial,Helvetica,Georgia,Times New Roman;
 color: #333;
 z-index: 1;
} 

#footer A:link {
 font: normal 11px Verdana,Arial,Helvetica,Georgia,Times New Roman;
 color: #333;
 text-decoration: none;
}
#footer A:visited {
 font: normal 11px Verdana,Arial,Helvetica,Georgia,Times New Roman;
 color: #333;
 text-decoration: none;
}
#footer A:hover {
 font: normal 11px Verdana,Arial,Helvetica,Georgia,Times New Roman;
 color: #fff;
 text-decoration: none;
}



/* ---------- Boutons du menu -------------- */
ul {
 list-style-type: none;
}
li {
 float: left;
 padding-top: 10px;
 padding-bottom: 10px;
 background-image: url("images_new/bt-fond.jpg");
}
div.menu a {
 margin: 0 3px;
 width: 114px;
 height: 20px;
 padding-top: 3px;
 display: block;
 text-align: center;
 font: bold 14px Arial;
 text-decoration: none;
 color: #440;
 background-color: #cd0;
 background-image: url("images_new/bt-survol.gif");
}
div.menu a:hover {
 background: #ff0;
 background-image: url("images_new/bt-repos.gif");
 color: #050;
}
div.menu a:active {
 background: #f00;
 color: #ff0;
 background-image: url("images_new/bt-click.gif");
}




/* ---------- Soleils -------------- */
#soleil1 { 
 position: absolute; 
 margin-top: -2700px;
 margin-left: -70px;
/* margin-top: 750px; /* */
/* margin-left: 130px; /* */
 width: 200px;
 height: 196px;
 background-image: url("images_new/soleil.gif");
 z-index: 3;
}
#soleil2 { 
 position: absolute; 
 margin-top: -825px;
 margin-left: 110px;
 width: 200px;
 height: 196px;
 background-image: url("images_new/soleil.gif");
 z-index: 4;
}



/* ---------- Piafs -------------- */
#piafs { 
 position: absolute; 
 margin-top: -430px;
 margin-left: 780px;
 width: 53px;
 height: 40px;
 background-image: url("images_new/oiso.gif");
 z-index: 2;
}



/* ---------- Chevalier -------------- 
#chevalier { 
 position: absolute; 
 margin-top: 2260px;
 margin-left: 900px;
 width: 168px;
 height: 218px;
 background-image: url("images_new/chevalier.gif");
 z-index: 2;
} */



/* ---------- Positionnement images bandeau vertical gauche -------------- */
#img21 { 
 position: absolute; 
 margin-top: -1683px;
 margin-left: 50px;
 width: 190px;
 height: 250px;
 z-index: 3;
}
#img22 { 
 position: absolute; 
 margin-top: -1453px;
 margin-left: -30px;
 width: 190px;
 height: 245px;
 z-index: 3;
}
#img23 { 
 position: absolute; 
 margin-top: -963px;
 margin-left: -40px;
 width: 190px;
 height: 253px;
 z-index: 3;
}
#img24 { 
 position: absolute; 
 margin-top: -743px;
 margin-left: 30px;
 width: 190px;
 height: 179px;
 z-index: 3;
}
#img25 { 
 position: absolute;
 margin-top: -353px;
 margin-left: 0px;
 width: 190px;
 height: 179px;
 z-index: 3;
}
#img26 { 
 position: absolute;
 margin-top: -1243px;
 margin-left: 45px;
 width: 190px;
 height: 300px;
 z-index: 3;
}
#img27 { 
 position: absolute;
 margin-top: -493px;
 margin-left: -55px;
 width: 190px;
 height: 268px;
 z-index: 3;
}
#img28 { 
 position: absolute;
 margin-top: -513px;
 margin-left: 65px;
 width: 250px;
 height: 167px;
 z-index: 3;
}



/* ---------- Drapeaux -------------- */
#drapo_fr { 
 position: absolute; 
 width: 38px;
 height: 28px;
 background-image: url("images_new/france.gif");
}
#drapo_en { 
 position: absolute; 
 width: 38px;
 height: 28px;
 background-image: url("images_new/angle.gif");
}
#drapo_de { 
 position: absolute; 
 width: 38px;
 height: 28px;
 background-image: url("images_new/deutch.gif");
}
#image a span {
position: absolute;
left: -500em;
top: -500em;
text-indent: -500em;
}






#alignjustify {
 position: relative;
 text-align: justify;
 float: none;
}
#aligncenter {
 position: relative;
 text-align: center;
 float: none;
}
#alg_center {
 text-align: center;
}




#espace5 {
 margin-top: 5px;
}
#espace10 {
 margin-top: 10px;
}
#espace15 {
 margin-top: 15px;
}
#espace25 {
 margin-top: 15px;
}
#espace30 {
 margin-top: 30px;
}
#espace50 {
 margin-top: 50px;
}
#espace60 {
 margin-top: 80px;
}
#espace100 {
 margin-top: 100px;
}
#espace150 {
 margin-top: 150px;
}
#espace300 {
 margin-top: 300px;
}
#espace600 {
 margin-top: 600px;
}
#espace1000 {
 margin-top: 1000px;
}