/* --------------------------------------------------
   Fleur de Xocoatl
   www.fleur-de-xocoatl.com
   
   Conception et Réalisation: Environnement.WEB
   www.environnementweb.com
   
   Tous droits réservés
--------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
}
body {
	font-size: 0.8em;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	background: #fff;
}
h1 {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}
h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #842514;
}
h3 {
	color: #842514;
	font-size: 1.35em;
}
a {
	color: #004494;
}
p {
	margin: 8px 0;
	text-align: justify;
	font-weight: bold;
}
img {
	border: 0;
}
li { 	list-style: none; }

fieldset {
	border: 0;
}
legend {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.15em;
	padding: 0 8px;
}
.field {
	clear: both;
	margin: 3px 0;
}
.field-submit {
	margin-top: 4px;
	text-align: center;
}
.label {
	display: block;
	float: left;
	width: 120px;
	color: #444;
}
.input {
	width: 300px;
	padding: 1px;
	border: 1px solid #bbb;
	font-size: 1em;
	color: #842514;
	font-family: Arial, Verdana, sans-serif;
	background: transparent url(images/input.png) repeat;
}
.input:focus { background: #fff }

.anglais { color: #464648; }
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}



/* Structure globale */

#global {
	position: relative;
	width: 850px;
	height: 850px;
	margin: 0 auto;
}

#entete {
	position: absolute;
	top: 0;
	left: 0;
	width: 340px;
	height: 115px;
}

#menu {
	position: absolute;
	left: 211px;
	top: 783px;
	width: 429px;
	height: 45px;
	overflow: hidden;
}

#corps {
	
}

#signature {
	width: 850px;
	margin: 0 auto;
}




/* Entete */

#logo { margin: 0; width: 340px; height: 115px; }
#logo a { display: block; width: 340px; height: 115px; }






/* Menu */


#menu li { display: block; float: left; height: 45px; }
#menu li a { display: block; height: 45px; background: url(images/menu.png) no-repeat; }
#menu li a span { display: none; }

#menu-presentation { width: 223px; }
#menu #menu-presentation a { background-position: 0 0 }
#menu #menu-presentation a:hover { background-position: 0 -45px }
#menu-realisation { width: 118px; }
#menu #menu-realisation a { background-position: -223px 0 }
#menu #menu-realisation a:hover { background-position: -223px -45px }
#menu-contact { width: 88px; }
#menu #menu-contact a { background-position: -341px 0 }
#menu #menu-contact a:hover { background-position: -341px -45px }




/* Signature */

#signature p {
	margin-left: 24px;
	font-size: 0.86em;
	text-align: center;
	font-weight: normal;
}
#signature p a {
	color: #b5b5b5;
	text-decoration: none;
	margin: 0 5px;
}
#signature p a strong {
	font-weight: normal;
	color: #7c7c7c;
}
#signature p a:hover {
	color: #7c7c7c;
}
#signature p a:hover strong {
	color: #3a3a3a;
}




/* Accueil */

#entree { position: absolute; left: 211px; top: 140px; width: 434px; height: 517px; }




/* Kekxexa */

#kekxexa { position: absolute; left: 150px; top: 125px; width: 555px; }
#parceque { position: absolute; left: 374px; top: 337px; width: 390px; }
#image-kekxexa-1 { position: absolute; top: 78px; left: 710px; width: 125px; height: 217px; }
#image-kekxexa-2 { position: absolute; top: 278px; left: 0; width: 211px; height: 326px; }
#image-kekxexa-3 { position: absolute; top: 554px; left: 214px; width: 205px; height: 219px; }
#image-kekxexa-4 { position: absolute; top: 554px; left: 423px; width: 190px; height: 219px; }
#image-kekxexa-5 { position: absolute; top: 554px; left: 627px; width: 156px; height: 219px; }



/* Réalisation */

#realisation-tradition { position: absolute; left: 182px; top: 125px; width: 564px; }
#innovation { position: absolute; left: 66px; top: 395px; width: 340px; }
#image-realisation-1 { position: absolute; left: 20px; top: 137px; width: 152px; height: 195px; }
#image-realisation-2 { position: absolute; left: 367px; top: 310px; width: 466px; height: 463px; }



/* Contact */

.cadre-contact { background: url(images/contact.jpg) no-repeat; }
#formulaire { position: absolute; left: 53px; top: 220px; z-index: 2; }
#form-contact { margin: 20px 0 25px; width: 424px; }
#cryptogram { float: left; margin-right: 10px; }
#form-code { float: left; width: 109px; padding: 8px 4px 7px; font-size: 1.2em; text-align: center; }
#envoi-form { width: 200px; float: right; }
#btn-submit { background: none; border: none; width: 146px; height: 55px; cursor: pointer; }
#erreur-form, #confirm-form { position: absolute; left: 120px; top: -20px; width: 320px; padding: 0px 6px; border: 1px solid #842514; background: url(images/input.png); }
#erreur-form p { text-align: center; color: #bd1b1b; }
#confirm-form p { text-align: center; color: #333; }
.label-erreur { color: #842514; }
.input-erreur { border-color: #842514; }
#carte { position: absolute; top: 565px; left: 10px; display: block; width: 346px; height: 217px; z-index: 1; }
#coordonnees { position: absolute; top: 50px; right: 40px; width: 250px; }