/*
CSS Location Costa Blanca
Réalisation www.jmtconseils.com
*/
@import url(menu.css);


html
{
	margin:0px;
	padding:0px;
}

body {
padding:0;
text-align: center;
background: #DBC598; 
/*background-image:url(../image/bg.jpg);*/
font-family: Verdana, Helvetica, Arial;
font-size: 12px;
color: #49554E;}

a img,:link img,:visited img,:hover img,:active img { border:none }

a {
color: #49554E;
text-decoration: none;
 }

img { border:none }

.horschamps {
display: none; 
}

p  {
margin-top: 3px;
clear:both;}

h2{
padding:0px 10px 2px 20px;
font-family: Georgia, Times, serif;
font-size:18px ;
font-weight: bold;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(/image/puce1.gif);
}

h3{
padding:0px 10px 0px 15px;
font-size:1.2em ;
font-weight: normal;
/*color:#38526B;*/
background-repeat: no-repeat;
background-position:0px 5px;
background-image: url(/image/puce2.gif);
}



/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	width: 750px;/*48em;*/
	text-align: left;
	background-color:white;
	border: 1px solid black;
}

/*  ------------------------------------------
/*  Entete
/*  ------------------------------------------
*/
#entete { width: 750px; height:120px; background-color: #E35827;}
/*
#head-droit {
width: 350px; height:90px; background-color:white;
float:right;
text-align: right;
margin-right: 2px;
}*/

#head-top {
margin-top: 5px;
width: 320px; height:18px; 
float:right;
font-size: 10px;
}

#head-top a{
color: #FBB217;
}

#head-top img {
vertical-align:middle;
margin-left: 12px;
}




#logo {position:absolute; top: 0px; left:0px; width:123px; height:50px; z-index:10;
background-image: url(/image/top-costa-blanca.jpg); 
}

#head-titre {
width: 564px; height:49px; 
float:left;
margin-top: 40px;
background-image: url(/image/location-costa-blanca.jpg);
}

#menu-horizontal
{
width: 750px; height:20px; background-color:black;
text-align: right;
}

#menu-horizontal ul
{
display: inline;
list-style-type: none;
/*padding-right: 20px;*/
list-style-type: none;
text-align: right;

/*white-space: nowrap;*/

}

#menu-horizontal li
{
display: inline;     /* Mets en menu horizontal */
list-style-type: none;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, ;
	font-size: 14px;
	letter-spacing : 2px;
	padding: 0px 0px 0px 15px;  /* Espacement entre les liens */
}

#menu-horizontal li a {  /*couleur bleu*/
color: #506786;
text-decoration: none;
 }
 
#menu-horizontal li a:hover {  /*couleur gris*/
color: #49554E;
}

/* ---------- Page sommaire  --------*/
#bande-home {
margin-top: 1px;
width: 750px; height:18px; 
/*background-image: url(/image/bande-menu.jpg); */
background-color : silver;
}

#bande-photo {
margin-top: 1px;
width: 750px; height:220px; 
/*background-image: url(/image/bande-menu.jpg); */
background-color : white;
}

#carte {
float: left;
margin: 25px 0px 5px 5px;
width: 214px;
height: 209px;
background-image: url(/image/carte-intro.gif);
}

#descriptif-home {
float: right;
margin-top: 25px;
margin-right: 3px;
width: 520px;
}

#descriptif {
float: left;
margin-top: 5px;
width: 95%;
height: 210px;
background-color: red;
}


#gauche {
/*background-color: red;*/
width:100%;
float:left;
margin-top: 50px;
}



/* Div contenu uniquement pour les pages de la rubrique Location */
#contenu {
margin-top: -10px;
background-color: white;
width:440px;
height: 100%;
float:right;
margin-right: 0px;
margin-left: 0px;
background:  url('/image/barre_v.gif') 420px 0 repeat-y;
}

/* Div contenu-simple pour les pages différentes de la rubrique Location */
#contenu-simple {
margin-top: -10px;
background-color: white;
width:590px;
height: 100%;
float:right;
margin-right: 0px;
margin-left: 0px;
}

/* Div contenu-simple pour les pages avec texte toute la largeur - photos dans le texte - */
#contenu-largeur {
margin-top: -10px;
background-color: white;
width:740px;
height: 100%;
float:right;
margin-right: 3px;
margin-left: 0px;
}

#contenu-largeur img{
margin: 0 5px 5px 5px;
}

#droite  { 
font-style: italic; 
background-color: white; 
float: right; 
margin-top: 20px;
width: 150px; 
height: 355px;
}

#gauche img {
margin-left: 2px;
margin-bottom: 10px;
border: 1px solid #B4B3B3;
}


#droite img{
vertical-align:middle;
margin-right: 5px;
margin-bottom: 20px;
border: none;
}


#bande-droite {
background-color: white;
width:1px;
height:355px;
float:right;
}

.spacer {clear:both;}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 16px;
	margin-left: 3px;
	font-size: 10px; }
	
 #hierarchie a {
color: #49554E;
text-decoration: none;
 }
 
#hierarchie a:hover {
text-decoration: underline;
}
	
/*
/* Menu Vertical
*/

#navlist li { margin: 0 0 20px 0; }

#navlist
{
margin-left: 3px;
padding-left: 0;
list-style: none;

}



#navlist li a { text-decoration: none;
font-weight: bold;
color: white;
}

#navlist li a { text-decoration: none; }
#navlist li a:link { color: white; }
#navlist li a:hover {color: white;
}
 
 
	
/*  ------------------------------------------
/*  Sommaire
/*  ------------------------------------------
*/
#titre-sommaire {
width: 400px;
height: 35px;
float: left;
text-align: center;
color: #506786;
font-size: 22px;
font-weight: bold;
font-family:  Arial,Verdana, Helvetica;
}

#photo1 {
width: 220px; height:165px; 
float:left;
background-image: url(/image/photo-magasin.jpg); 
}

#intro-sommaire {
margin-right: 3px;
margin-top: 15px;
width: 175px; height:160px; 
float:right;
text-align: center;
color: #506786;
}

#photo2 {
width: 165px; height:220px; 
float:right;
background-image: url(/image/photo-interieur.jpg); 
margin-bottom: 5px;
}

.sommaire-rubrique {
width: 188px;
height: 180px;
float: left;
background-color: white;
border-left: 1px dashed silver;
margin-bottom: 20px;
}

.sommaire-article {
width: 120px;
float: right;
margin-right: 10px;
font-size: 10px;
}





#menu-gauche-top
{
position:absolute; top: 64px; left:-1px;  z-index:100;
width: 180px; height:71px; 
float:right;
background-image: url(/image/menu-gauche-top.gif); 
}

/*------------------
/*  Contact
/*------------------
*/
td { font-size: 10px;  line-height:15px; }

input.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px}
input.input2 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px} 
input.inputok1 { font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #626262;border: 0px;padding: 1px }
input.inputok2 { font: 10px Verdana, Helvetica, sans-serif;color: #1F252F;font-weight: bold;background-color: #EC9600;border: 0px;padding: 1px }  

select.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white; border: 1px solid #5B5B5B; width:150px; }

textarea.textarea1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:200px; height:160px; }
.c5 { font-size: 9px;color:#575757; line-height:13px;}/* Gris5 */

/* ---  Coordonnées et horaires ----*/
/*#info-film dd {
font-size: 10px;
text-align: center;
position: absolute;
z-index: 100;
left: -60px;
margin-top: -1.4em;
width: 190px;
background-color: #EAEDF0; 
padding: 2px 3px ; 
border: 1px solid silver;
}


#film-info1 {
z-index: 1000;
}

#film-info2 {
z-index: 1000;
}

#tel, #horaires {
position: absolute;
width:40px; height:37px;
}

#tel { top: 23px; left:788px;  z-index: 100;
background-image: url(/image/tel.jpg);  }

#horaires {top: 23px; left:847px; z-index: 10;
background-image: url(/image/horaires.jpg);  }

.synopsis  { 
font-weight: bold;
color: #6A312A;
}
*/

/*  ------------------------------------------
/*  Articles courants
/*  ------------------------------------------
*/

/*
#contenu h2{
background-image: url(/image/puce-titre-article.gif);
background-repeat: no-repeat;
text-indent: 50px;
color: #506786;
}
*/


/*  ------------------------------------------
/*  Footer
/*  ------------------------------------------
*/
p#credits {
	clear: both;
	color : #68777E;
	font-size: 10px !important;
       text-align: center;
	height: 18px;
	background-color: white;
	padding-bottom:5px;
}

.footer    {	  color : #68777E; text-decoration: none;	}
.a:link.footer    {	  color : #68777E; text-decoration: none;	}
.a:visited.footer   {	  color : #68777E; text-decoration: none;	}
.a:hover.footer    {	  color : #68777E; text-decoration: underline;}
.a:active.footer    {	  color : #68777E; text-decoration: none;	}