/* corps */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #D9D9D9; margin-top: 1px; }

#principal { text-align: justify; }

/* colonnes */
#col1 { background: url("/img/groix-location_03.jpg"); width: 128px; height: 361px; }
#col2 { background: url("/img/groix-location_04.gif"); width: 512px; }
#col3 { background: url("/img/groix-location_fond.gif"); width: 107px; }

a.nom { letter-spacing: 1px; font-size: 8.5pt; text-decoration: none; color: #222; }
a.nom:hover { letter-spacing: 1px; font-size: 8.5pt; text-decoration: none; color: #222;}

.enteteprix { background-color: #8A8CA5; color: #222; width: 25%; }
.ligneprix  { width: 18%; border-bottom: black 1px solid; }

/* éléments */
img { border: 0; }
blockquote { margin-left: 25px; margin-top: 10px; margin-bottom: 10px; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }

/* images rollover menu */
a.image1 { display: block; width: 125px; height: 35px; background-image: url(/img/bouton_accueil.gif); background-repeat: no-repeat; float:left;}
a.image1:hover { background-image: url(/img/bouton_accueil_over.gif); } 
a.image2 { display: block; width: 125px; height: 35px; background-image: url(/img/bouton_groix.gif); background-repeat: no-repeat; float:left;}
a.image2:hover { background-image: url(/img/bouton_groix_over.gif); } 
a.image3 { display: block; width: 125px; height: 35px; background-image: url(/img/bouton_appartements.gif); background-repeat: no-repeat; float:left;}
a.image3:hover { background-image: url(/img/bouton_appartements_over.gif); } 
a.image4 { display: block; width: 125px; height: 35px; background-image: url(/img/bouton_photos.gif); background-repeat: no-repeat; float:left;}
a.image4:hover { background-image: url(/img/bouton_photos_over.gif); } 
a.image5 { display: block; width: 125px; height: 35px; background-image: url(/img/bouton_tarifs.gif); background-repeat: no-repeat; float:left;}
a.image5:hover { background-image: url(/img/bouton_tarifs_over.gif); } 
a.image6 { display: block; width: 125px; height: 35px; background-image: url(/img/bouton_venir.gif); background-repeat: no-repeat; float:left;}
a.image6:hover { background-image: url(/img/bouton_venir_over.gif); } 
a.image7 { display: block; width: 125px; height: 35px; background-image: url(/img/bouton_contacts.gif); background-repeat: no-repeat; float:left;}
a.image7:hover { background-image: url(/img/bouton_contacts_over.gif); } 
a.image8 { display: block; width: 125px; height: 35px; background-image: url(/img/bouton_dispo.gif); background-repeat: no-repeat; float:left;}
a.image8:hover { background-image: url(/img/bouton_dispo_over.gif); } 

/* photos */
#photo-gauche { margin-right: 25px; float: left; }
#photo-droite { margin-left: 25px; float: right; }

/* boutons et forms */
.texteform { font-size: 8pt; }
.formulaire { font-size: 9pt; }
.bouton	{ color: #FFFFFF; font-size: 12px; text-decoration: none; background-color: #8A8CA5; font-weight: bold;}

.warning {font-size: 10px; color: #FF8040; }

/* galeries photo */
.disabled { color: #E7EBEF; }
a.photo { text-decoration: underline; color: #222; font-size: 10px;}

/* lien standard */
a { text-decoration: underline; color: #222; }
a:hover { text-decoration: underline; color: #8A8CA5; }

/* lien de copyright et textes bas */
.copy { font-size: 10px; text-decoration: none; color: #666666; }
a.copy:hover { text-decoration: none; color: #222; }
.bas { font-size:10pt; color: #C94A5B; }

a.desc_appt { font-size: 11px; color: #222; text-decoration: none; }
a.desc_appt:hover { font-size: 11px; color: #C94A5B; }

a.appt { font-size: 12px; color: #C94A5B; }
a.appt:hover{ font-size: 12px; color: #222; }

/* paragraphes */
h1 { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #8A8CA5; margin-bottom: 5px; margin-top: 10px}
h2 { font-size: 12px; margin-bottom: 5px; margin-top: 10px; font-weight: bold; color: #C94A5B; }


/* boutons et forms */
input { font-family: Arial, Helvetica, sans-serif; }
.form  { font-size: 11px; background : #FFF url("/icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; margin-bottom: 2px; }
.formc { font-size: 11px; background : #FFF url("/icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; text-align: center; margin-bottom: 2px; }
.form_petit { font-size: 70%; }
.bouton		{ color: #FFF; font-size: 90%; background-color: #7C0E01; }
.grandbouton	{ color: #FFF; font-size: 100%; background-color: #7C0E01; letter-spacing: 1px; text-transform: uppercase;}

/* backoffice */
#admin { background: #FFF; font-size: 12px; }
#admin a { font-size: 11px; }
#admin td { font-size: 11px; }
#admin .form  { font-size: 11px; background : #FFF url("/icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; margin-bottom: 2px; }
#admin .formc { font-size: 11px; background : #FFF url("/icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; text-align: center; margin-bottom: 2px; }
#admin .bouton	{ color: #FFF; font-size: 90%; background-color: #7C0E01; }

span.disabled { color: #CCC; }
.colonneadmin { background-color: #DDAE89; color: #000; height: 25px; }
td.admin { color: #222; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; font-family: Arial, sans-serif; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3;filter:alpha(opacity=30); }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #00004C; }