/*---------------------------------------------------------------------------*/
/* GENERAL
/*---------------------------------------------------------------------------*/
*
{
	margin             :0;
	padding            :0;
	border             :0;
}

div.clearboth
{
	clear              :both;
	font-size          :1px;  /* IE seulement */
	height             :0px;
}

a
{
	color              :#a00;
	font-weight        :normal;
	text-decoration    :none;
	cursor             :pointer;

	font-family        :Times New Roman, serif;
}

a:hover
{
	color              :#c55;
}

h3
{
	margin-top         :50px;
	margin-bottom      :20px;
	margin-left        :50px;
	
	font-family        :Times New Roman, serif;
	font-size          :16px;
	font-weight        :bold;
	letter-spacing     :1px;
	color              :#c44;
}

ul
{
	margin-left        :40px;
	margin-bottom      :20px;
}

li
{
	margin-left        :40px;
	margin-bottom      :10px;
	font-family        :Times New Roman, serif;
	font-size          :13px;
	letter-spacing     :1px;
}


/*---------------------------------------------------------------------------*/
/* STRUCTURE DE LA PAGE
/*---------------------------------------------------------------------------*/
body
{
	background         :#fff;

	/* Police principale du site */
	font-family        :Times New Roman, serif;
	color              :#000;
	text-align         :center;   /* For centering under IE < 6 */
}

/* Découpage de la page */
div#webpage
{
	width              :800px;
	margin-left        :auto;
	margin-right       :auto;

	text-align         :justify; /* For centering under IE < 6 */
}

table#main
{
	width              :796px;
}

table#main td.menu
{
	width              :223px;
}


/*---------------------------------------------------------------------------*/
/* MENU PRINCIPAL
/*---------------------------------------------------------------------------*/
a.gite
{
	display            :block;

	margin-left        :30px;

	width              :161px;
	height             :38px;
}

a.gite_accueil
{
	background         :url('gite_accueil.png') no-repeat;
}

a.gite_chambres
{
	background         :url('gite_chambres.png') no-repeat 0 0;
}

a.gite_camargue
{
	background         :url('gite_camargue.png') no-repeat 0 0;
}

a.gite_activites
{
	background         :url('gite_activites.png') no-repeat 0 0;
}

a.gite_tarifs
{
	background         :url('gite_tarifs.png') no-repeat 0 0;
}

a.gite_acces
{
	background         :url('gite_acces.png') no-repeat 0 0;
}

a.gite
{
	background-position:-163px 0px;
}

a.fixe,
a.gite:hover
{
	background-position:4px 1px;
}


/*---------------------------------------------------------------------------*/
/* Corps de page
/*---------------------------------------------------------------------------*/
table#main td.corps
{
	padding            :10px;
	text-align         :justify;
}


/*---------------------------------------------------------------------------*/
/* Croix de Camargue
/*---------------------------------------------------------------------------*/
div#croix_camargue
{
	height             :100px;
	background         :url('croix_camargue.png') no-repeat center center;
}

div#adresse
{
	margin-bottom      :10px;
	line-height        :18px;
	text-align         :center;
	font-family        :Times New Roman, serif;
	font-style         :italic;
	font-size          :13px;
	letter-spacing     :1px;
	color              :#777;
}


/*---------------------------------------------------------------------------*/
/* Slogans
/*---------------------------------------------------------------------------*/
img.slogan
{
	display            :block;
	margin-top         :10px;
	margin-left        :50px;
	margin-bottom      :30px;
}


/*---------------------------------------------------------------------------*/
/* Mise en page
/*---------------------------------------------------------------------------*/
p
{
	margin-left        :60px;
	margin-bottom      :30px;
	line-height        :20px;
	text-align         :justify;
	font-family        :Times New Roman, serif;
	letter-spacing     :1px;
	font-size          :13px;
}

/* Annotation sous photo */
p.legende
{
	font-size          :10px;
	font-style         :italic;
}

/* Page avec cuisine en image de fond */
p.cuisine
{
	height             :250px;
	background         :url('camargue_cuisine.png') no-repeat right bottom;
}


/*---------------------------------------------------------------------------*/
/* Disposition flottante
/*---------------------------------------------------------------------------*/
img.float_gauche
{
	float              :left;
	padding            :10px;
}

img.float_droite
{
	float              :right;
	padding            :10px;
}

div.clearboth
{
	clear              :both;
	font-size          :1px;  /* IE seulement */
	height             :0px;
}


/*---------------------------------------------------------------------------*/
/* Table des tarifs
/*---------------------------------------------------------------------------*/
div.tarifs
{
	margin-left        :70px;
}

table
{
	border             :0px;
	padding            :0px;
	width              :450px;
}

td.titre, td.ligne1, td.ligne2, td.ligne_premier1, td.ligne_premier2
{
	padding            :5px;
	font-family        :Times New Roman, serif;
	font-size          :13px;
	letter-spacing     :2px;
	font-weight        :normal;
	font-style         :normal;
	text-align         :center;
}

td.titre, td.ligne_premier1, td.ligne_premier2
{
	color              :#ffffff;
}

td.titre
{
	background-color   :#899dc2;
}

td.ligne_premier1
{
	background-color   :#f79b57;
}

td.ligne_premier2
{
	background-color   :#d57935;
}

td.ligne1, td.ligne2
{
	color              :#000000;
}

td.ligne1
{
	background-color   :#dddddd;
}

td.ligne2
{
	background-color   :#bbbbbb;
}


/*---------------------------------------------------------------------------*/
/* Fond de page "Petite Camargue"
/*---------------------------------------------------------------------------*/
div.camargue
{
	padding-left       :180px;
	padding-right      :50px;
	padding-top        :10px;
	height             :340px;
	background         :url("camargue_cheval.jpg") no-repeat;
}

p.camargue
{
	margin-left        :20px;
	margin-right       :20px;
	margin-top         :20px;
	margin-bottom      :10px;
	color              :#c55;
}

div.vignettes
{
	margin-left        :10px;
	padding-right      :20px;
	float              :right;
	width              :120px;
}

div.activites
{
	float              :left;
	width              :200px;
	margin-right       :20px;
}

p.activites
{
	margin-top         :20px;
	margin-bottom      :10px;
	color              :#c55;
}


/*---------------------------------------------------------------------------*/
/* Formulaire
/*---------------------------------------------------------------------------*/
form
{
	margin-top         :50px;
	text-align         :center;
}

form p
{
	margin-left        :0px;
	margin-top         :20px;
	margin-bottom      :10px;
	font-family        :Times New Roman, serif;
	font-size          :12px;
	letter-spacing     :1px;
	text-align         :center;
}

input.button
{
	padding            :5px;
	margin-top         :20px;
	margin-bottom      :30px;

	border-left        :1px solid #777;
	border-top         :1px solid #777;
	border-right       :1px solid #000;
	border-bottom      :1px solid #000;

	background         :#c55;
	font-family        :Times New Roman, serif;
	font-weight        :bold;
	font-size          :14px;
	letter-spacing     :1px;
	color              :#fff;
}

textarea, input.texte
{
	margin-top         :0px;
	padding            :3px;
	font-family        :Courier New, Courier, monotype, monospace;
	font-style         :normal;
	font-weight        :normal;
	font-size          :12px;
	text-align         :left;
	color              :#0000ff;
	border             :1px solid #000;
}

.erreur, .confirmation
{
	padding-bottom     :10px;
	font-family        :Times New Roman, serif;
	font-size          :14px;
	font-weight        :bold;
	letter-spacing     :1px;
	font-style         :normal;
	color              :#ff0000;
	text-align         :center;
}

.confirmation
{
	color              :#000000;
}