/* ---------- Initialisations et éléments de base ---------- */

	*                              { margin: 0; padding: 0; }
	p , pre , ul , ol , dl         { margin: 1em 5%; }
   li , dd                        { margin-left: 5%; }
	
	html                           { height: 100%; border: none; font-family: Verdana, "Bitstream Vera Sans", Helvetica, Arial, Sans-serif; color: #666; font-size: 11px; line-height: 2; background: url(images/body_bg.jpg) left 120px repeat-x #900; }
	body                           { background: url(images/body_bg.jpg) left 120px repeat-x #900; }
	
	h1                             { margin: -1px 0 0 -1px; padding: 20px 20px 0 125px; font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", Helvetica, Arial, Sans-serif; color: #C00; font-size: 2em; font-weight: normal; background: url(images/h1_bg.jpg) left top no-repeat; }
	h2                             { margin: -1px 0 0 0; padding: 20px 120px 0 40px; font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", Helvetica, Arial, Sans-serif; font-size: 2em; font-weight: normal; background: url(images/h2_bg.jpg) left top no-repeat; }
	h3                             { margin: 0 0 0 200px; padding: 130px 0 0 0; float: left; font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", Helvetica, Arial, Sans-serif; color: #C00; font-size: 2.5em; font-weight: normal; background: none; }
	h4                             { margin: -1px 0 0 -1px; padding: 0 20px 0 125px; font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", Helvetica, Arial, Sans-serif; color: #C00; font-size: 1em; font-weight: normal; background: url(images/h1_bg.jpg) left top no-repeat; }
	h5                             { margin: -1px 0 0 0; padding: 0 120px 0 40px; font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", Helvetica, Arial, Sans-serif; font-size: 1em; font-weight: normal; background: url(images/h2_bg.jpg) left top no-repeat; }
	h6                             { margin: 10px 30px 0 140px; font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", Helvetica, Arial, Sans-serif; color: #F90; font-size: 2em; font-weight: normal; text-align: center; }
	
	hr                             { visibility: hidden; }
	
	a                              { color: #C00; outline: none; }
	a:hover                        { color: #0CC; }
	
	img                            { border: none; }
	pre#debug                      { position: absolute; top: 125px; left: 10px; padding: 10px; border: 3px double; color: #FFF; background: #000; }
	
	big                            { font-size: 1.5em; }
	em                             { display: block; color: #F60; font-size: 1.2em; font-weight: bold; font-style: normal; margin-left: -20px; }
	em small                       { color: #0CC; margin-right: 10px; }
	cite                           { color: #666; font-weight: bold; font-style: normal; }
	
	address                        { padding: 15px 100px 0 0; text-align: right; color: #F90; font-style: normal; line-height: 1.5em; }
	address strong                 { display: block; padding-bottom: 15px; }
	address a                      { color: #FFF; }
	address a:hover                { color: #FF0; }
	
	label                          { padding-right: 10px; }

/* ---------- Formats de base ---------- */

	.gauche                        { text-align: left; }
	.centre                        { text-align: center; }
	.droite                        { text-align: right; }
	.justifie                      { text-align: justify; }
	.demi_hauteur                  { line-height: 1.5em; }
	.fond_ligne_0                  { background: #FFF; }
	.fond_ligne_1                  { background: #DFF; }
	.requis                        { color: #C00; }
	.top                           { vertical-align: top; }
	.message_attention             { display: block; margin-top: 1.5em; padding: 0.5em 1.0em; color: #C60; font-weight: bold; border: 1px solid #FC9; background: #FFC; }

/* ---------- Sections principales ---------- */
	
	#conteneur_general             { max-width: 1300px; margin: 0 auto; }
	
	#entete                        { height: 195px; background: url(images/entete_bg.jpg) 40px top no-repeat; }
		#entete p.telephone         { letter-spacing: -1px; position: absolute; top: 60px; left: 58%; padding-left: 25px; font-size: 1.25em; line-height: 1.4em; color: #F90; background: url(images/telephone2.gif) left center no-repeat; }
		#entete p.email             { position: absolute; top: 83px; left: 58%; padding-left: 25px; font-size: 1.25em; line-height: 1.4em; color: #F90; background: url(images/email.gif) left bottom no-repeat; }
			#entete p.email a        { color: #F90; text-decoration: none; }
			#entete p.email a:hover  { color: #FFF; }
	
	#menu_secondaire               { display: inline; height: 100px; float: right; width: 220px; margin: 0; padding-top: 6px; }
	#menu_secondaire li            { margin: 0; line-height: 22px; list-style-type: none; }
	#menu_secondaire li a          { padding-left: 25px; /padding-left: 9px; /* hack pour IE < 8 */ font-size: 0.9em; color: #F90; text-decoration: none; }
	#menu_secondaire li a:hover    { color: #FFF; }
	#menu_secondaire #rub_on a     { color: #FF0; font-weight: bold; }
	#menu_secondaire .acc          { background: url(images/house.gif); }
	#menu_secondaire .doc          { background: url(images/report.gif); }
	#menu_secondaire .con          { background: url(images/bell.gif); }
	#menu_secondaire .pro          { background: url(images/key.gif); }
	#menu_secondaire .par          { background: url(images/user.gif); }
	#menu_secondaire .lien         { background-position: left center; background-repeat: no-repeat; }
	
	#menu_principal                { margin: 0; padding-left: 140px; padding-top: 143px; }
	#menu_principal li             { display: inline; margin: 0; padding: 0 0 0 40px; list-style-type: none; }
	#menu_principal li a           { color: #900; font-size: 1.5em; text-decoration: none; }
	#menu_principal li a:hover     { color: #FFF; }
	#menu_principal #rub_on a      { color: #FF6; }

	#menu_catalogue                { margin: 15px 100px 0 50px; }
	#menu_catalogue li             {  }
	#menu_catalogue li a           { display: block; width: 140px; padding: 0 2px; color: #33F; text-decoration: none; }
	#menu_catalogue li a:hover     { background: #CFF; }
	#menu_catalogue #fam_on a      { color: #009; font-weight: bold; text-decoration: underline; }

	#conteneur                     { border-bottom: 1px solid #900; background: url(images/nappe_droite.jpg) right top repeat-y #FFF; }
	#conteneur #spacer             { clear: both; }

	#contenant                     { float: left; width: 100%; margin-left: -330px; }

	#principal                     { margin-left: 330px; padding-bottom: 2em; background: url(images/nappe_gauche.jpg) left 2px repeat-y #FFF; }
	#principal p                   { margin: 1.5em 30px 0 140px; }
	#principal ul , #principal ol  { margin: 0 30px 0 120px; line-height: 1.5; }
	#principal .liste_forfaits     { margin: 5px 30px 0 30px; }

	#navigation                    { float: right; width: 330px; padding-bottom: 2em; color: #33F; }
	#navigation p                  { margin: 1.5em 120px 0 40px; }
	#navigation img                { padding: 1px; border: 1px solid #CCC; background: #FFF; }

	#navigation .legende           { margin-bottom: 30px; line-height: 1.2; font-size: 0.9em; text-align: center; }
	#navigation .legende a         { text-decoration: none; }
	#navigation .legende img       { width: 120px; }
	#navigation .separateur        { height: 50px; background: url(images/navigation_separateur.jpg) center top no-repeat; }
	#navigation .postit            { height: 140px; margin: 20px 100px 20px 30px; padding: 40px; color: #C60; font-size: 1em; line-height: 1.5; background: url(images/navigation_postit.jpg) left top no-repeat; }
	#navigation .postit em         { margin: 0 0 15px 0; font-size: 1.5em; line-height: 1; }

	#pied                          { clear: both; height: 50px; line-height: 1.3; color: #F90; }
	#pied #gauche                  { float: left; width: 30%; margin: 0; padding: 10px 0 10px 100px; }
	#pied #centre                  { float: left; width: 30%; margin: 0; padding: 10px 0; text-align: center; }
	#pied #droite                  { margin: 0; padding: 10px 100px 10px 0; text-align: right; }
	#pied a                        { color: #FFF; text-decoration: none; }
	#pied a:hover                  { color: #FF0; }

/* ---------- Paragraphes agrémentés d'images ---------- */

	#introduction_1                { min-height: 420px; line-height: 1.8; }
		#introduction_1 img.accueil { float: left; margin-right: 30px; padding: 1px; border: 1px solid #CCC; }
		#introduction_1 p.nouveau   { margin-top: 30px; padding: 10px 20px 15px 20px; border: 1px solid #C60; color: #C60; background: #FFC; }
		#introduction_1 p.partenaire{ min-height: 100px; margin-top: 60px; padding-right: 320px; background: url(images/usap_dragons_catalans.jpg) right top no-repeat; }
	#services_conseils             { height: 120px; padding-left: 160px; background: url(images/services_conseils.jpg) left top no-repeat; }
	#services_preparation          { height: 120px; padding-left: 160px; background: url(images/services_preparation.jpg) left top no-repeat; }
	#services_logistique           { height: 120px; padding-left: 160px; background: url(images/services_logistique.jpg) left top no-repeat; }
	#services_lavage               { height: 120px; padding-left: 160px; background: url(images/services_lavage.jpg) left top no-repeat; }

/*--- Diaporamas ---*/
	
	.nivo-slice                              { display: block; position: absolute; z-index: 50; height: 100%; }
	
	.nivo-controlNav                         { position: absolute; left: 50%; bottom: -25px; margin-left: -45px; padding-top: 10px; }
		.nivo-controlNav a                    { display: block; float: left; z-index: 99; cursor: pointer; width: 22px; height: 22px; text-indent: -9999px; background: url(images/bullets.png) no-repeat; }
		.nivo-controlNav a.active             { background-position: 0 -22px; }
	
	.nivo-directionNav a                     { display: block; position: absolute; top: 45%; z-index: 99; cursor: pointer; width: 30px; height: 30px; text-indent: -9999px; background: url(images/arrows.png) no-repeat; }
		a.nivo-nextNav                        { right: 15px; background-position: -30px 0; }
		a.nivo-prevNav                        { left: 15px; }
	
	.nivo-html-caption                       { display: none; }
	
	.nivo-caption                            { position: absolute; left: 0; bottom: 0; z-index: 89; width: 600px; height: 50px; opacity: 0.7; background: #000; }
		.nivo-caption p                       { margin: 0; padding: 15px 20px; color: #FFF; text-align: center; }
			.nivo-caption a                    { display: inline !important; }
	
	#diapo_accueil_wrapper                   { float: left; margin: 0 30px 0 140px; width: 300px; height: 420px; background: url(images/accueil_0.jpg); }
		#diapo_accueil                        { width: 300px; height: 400px; border: 1px solid #999; background: url(images/loading.gif) 50% 50% no-repeat; }
			#diapo_accueil img                 { position: absolute; top: 0; left: 0; display: none; }
			#diapo_accueil a                   { display: block; }

/* ---------- Formulaires ---------- */

	#formulaire_catalogue          { margin: -15px 20px 10px 120px; padding: 10px; line-height: 1.0; }
	#formulaire_catalogue input    { margin: 0; padding: 0 2px; text-align: right; }
	#formulaire_catalogue table    { width: 100%; border-collapse: collapse; }
	#formulaire_catalogue table td { margin: 0; padding: 0 10px; height: 24px; line-height: 1.0; color: #066; }
	#formulaire_catalogue .famille { font-size: 1.8em; font-weight: normal; }
	#formulaire_catalogue .entete  { padding: 20px 10px 10px 10px; text-align: right; font-weight: bold; }
	#formulaire_catalogue .gamme   { font-size: 1.5em; color: #F90; letter-spacing: -1px; font-weight: normal; text-align: left; }
	#formulaire_catalogue .libelle { width: auto; text-align: left; }
	#formulaire_catalogue .forfait { width: auto; padding: 10px 0; text-align: left; }
	#formulaire_catalogue .gammes  { width: auto; text-align: left; color: #F60; }
	#formulaire_catalogue a        { margin-right: 5px; text-decoration: none; }
	#formulaire_catalogue a.ancre  { color: #F90; }
	#formulaire_catalogue .prix    { width: 50px; text-align: right; }
	#formulaire_catalogue .qte     { width: 50px; text-align: right; }
	#formulaire_catalogue .total   { width: 70px; text-align: right; font-weight: bold; }
	#formulaire_catalogue .montant { padding-top: 0.5em; padding-bottom: 0.5em; font-size: 1.5em; color: #090; border-top: 2px solid #090; border-bottom: 2px solid #090; }
	#formulaire_catalogue .bouton  { margin-left: 10px; padding: 0 10px; text-align: center; }
	#formulaire_catalogue p        { margin: 2.5em 0 0 0; }

	#formulaire_contact            { margin: 20px 30px 10px 130px; padding: 20px; color: #333; border: 1px solid #CCC; background: #F3F3F3; }
	#formulaire_contact p          { margin: 1em 2em; }
	#formulaire_contact label      { float: left; width: 110px; }
	
	#formulaire_optionnel          { margin: 20px 30px 10px 130px; padding: 10px; color: #333; /* border: 1px solid #CCC; background: #F3F3F3; */}
	#formulaire_optionnel fieldset { margin-bottom: 2em; border: 1px solid #CCC; background: #F3F3F3; }
	#formulaire_optionnel p        { margin: 1em; }
	#formulaire_optionnel label    { float: left; width: 180px; }
	#formulaire_optionnel select ,
	#formulaire_optionnel input ,
	#formulaire_optionnel textarea            { width: 250px; }
	#formulaire_optionnel #sim_quand ,
	#formulaire_optionnel #terminer           { width: 100px; }
	#formulaire_optionnel #type_d ,
	#formulaire_optionnel #type_c             { width: auto; }
	
	#form_identification label     { display: block; float: left; width: 45%; text-align: right; }
	#form_identification input     {  }

	#message_invalide              { margin: 20px 30px 10px 130px; color: #C00; line-height: 1.5; border: 1px solid #C00; background: #FEE; }
	#message_invalide p            { margin: 1em 2em; }

/* ---------- Sections diverses ---------- */

	#editeur                       { margin: 10px 30px 30px 140px; font-size: 1.2em; line-height: 1.2; background: url(images/logo_clv_pdf.jpg) 350px center no-repeat; }
	#hebergeur                     { margin: 10px 30px 30px 140px; font-size: 1.2em; line-height: 1.2; background: url(images/logo_micraux.gif) 350px center no-repeat; }

	.adresse                       { background: url(images/building.gif); }
	.telephone                     { background: url(images/telephone.gif); }
	.fax                           { background: url(images/printer_empty.gif); }
	.mobile                        { background: url(images/phone.gif); }
	.site                          { background: url(images/world.gif); }
	.email                         { background: url(images/email.gif); }
	#navigation p.contact          { margin: 10px 0 10px 50px; padding-left: 30px; line-height: 1.5em; background-position: left top; background-repeat: no-repeat; }
	#navigation p.contact span     { font-style: italic; }
	#navigation p.horaires         { margin: 30px 0 0 50px; padding-left: 30px; line-height: 1.3em; background: url(images/clock.gif) left top no-repeat; }
	#navigation #plan_acces        { margin-left: 30px; margin-top: 30px; line-height: 1.5em; text-align: justify; }

	#miniatures                    { padding: 20px 0 0 15px; }
	#miniatures li                 { display: inline; list-style-type: none; margin: 0; }
	#miniatures li a               { color: #F90; text-decoration: none; }
	#miniatures li a img           { padding: 1px; border: 1px solid #CCC; margin: 0 13px 15px 0; }
	#miniatures li a:hover         { color: #FFF; }
	#miniatures li a:hover img     { border-color: #900; }

	#javascript_inactif            { margin: 1.5em 30px 0 140px; color: #F30; border: 1px solid #FC9; background: #FFC; }
	#javascript_inactif p          { margin: 1em; line-height: 1.2em; }

	a.document_pdf                 { display: block; line-height: 2; padding-left: 25px; background: url(images/page_pdf.gif) left center no-repeat; }
	a.document_pdf2                { display: block; line-height: 16px; padding-left: 20px; background: url(images/page_pdf.gif) left center no-repeat; }

/* ---------- Backoffice et espace "partenaires" ---------- */

	#backoffice                    { margin: -10px 10px 0 0; }
	#backoffice_table              { margin: 0.5em 0 0 110px; }
	#backoffice_table table        { width: 100%; border-collapse: collapse; }
	#backoffice_table table.espace { margin-bottom: 70px; }
	#backoffice_table th           { height: 20px; line-height: 1.0; padding: 0.5em 1.0em; color: #099; font-weight: normal; font-size: 2.0em; text-align: left; }
	#backoffice_table td           { height: 20px; line-height: 1.0; padding: 0 1.0em; color: #066; }
	
	#backoffice_table p            { margin: 0.5em 1.0em ; }
	#backoffice_table ul           { margin: 0.5em; list-style-type: none;}
	#backoffice_table ul li        { margin: 0; padding: 0 0.75em; }