/* bleu clair : 00b3c8 */
/* bleu fonce : 00688e */
/* orange : f29400 */
/* gris : e7eaed */
/* bleu bord blocs : 3a89a6 */
/* bleu bloc intro : 0088a4 */
/* bleu blocs nouveau/coups de coeur : 2792ba */

body {
  background: white;
  color: #222;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 140%;
  _text-align: center;
}

h1,h2,h3,h4 {
  font-family: Impact, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  font-weight: 100;
  font-size: 100%;
}

.clear {
  clear: both;
}

a {
  color: #444;
}

a:hover {
  color: #f29400;
}

a img {
  border: 0;
  text-decoration: none;
}

/* layout */

#page {
  width: 950px;
  margin: auto;
  _text-align: left;
}

#contenu {
  /*margin-left: 200px;*/
  float: right;
  margin-right: 20px;
  position: relative;
  width: 570px;
}

#pied {
  clear: both;
  width: 950px;
  margin: auto;
  background: #f2f5f7;
  color: #9c9c9c;
  text-align: center;
  font-size: 10px;
  padding: 2 0;
  margin: 0 0 12px 0;
}


body.contexte_annuaire #contenu {
  margin-right: 0;
  width: 750px;
}

body.contexte_index #contenu {
  /*margin-right: 180px;*/
}

body#iframe #page {
  width: 95%;
}

body#iframe{
  width: 95%;
}

body#iframe #contenu {
  float: none;
  width: auto;
  margin: 10px;
}

#accessibilite {
  position: absolute;
  visibility: hidden;
}

/* bandeau titre + pub du haut */

#bandeau {
  background: white url(images/fonds/bandeau-bleu.gif) top left repeat-x;
  height: 131px;
  padding: 0;
  margin-bottom: 25px;
  _margin-bottom: 20px;
  position: relative;
}

#bandeau h1 a {
  display: block;
  height: 112px;
  width: 476px;
  text-indent: -9999px;
  background: white url(images/e-boutix.gif) top left repeat-x;
}

#bandeau h2 {
  background: white url(images/bandeau-baseline.gif) top left no-repeat;
  font-size: 16px;
  color: white;
  text-align: right;
  padding-top: 1px;
  padding-right: 360px;
  height: 22px;
}

#publicite {
  position: absolute;
  right: 0;
  top: 24px;
}

/* sidebar avec menu et sidebar commercants sur la home */

#sidebar {
  /*float: left;*/
  width: 180px;
}

#sidebar_commercants {
  float: right;
  width: 160px;
}

ul#menu, .pave ul.menu {
  padding: 0;
  margin: 0;
}

#menu li, .pave ul.menu li {
  list-style-type: none;
  padding: 0;
  margin-bottom: 8px;
}

#menu a, .pave ul.menu a {
  display: block;
  background: #00b3c8;
  color: white;
  font-family: Impact, sans-serif;
  padding: 5px;
  text-decoration: none;
  font-size: 15px;
  margin: 0;
}

#menu a:hover, .pave ul.menu a:hover {
  background: #3a89a6;
}

.pave {
  border: 1px solid #3a89a6;
  margin-bottom: 12px;
  position: relative;
}

body #page .couleur_aurore    {  border-color:     #f29400; }
body #page .couleur_aurore h4 {  background-color: #f29400; }
body #page .couleur_aurore h5 {  color: #f29400; }
body #page .couleur_achat_en_ligne    {  border-color:     #888; }
body #page .couleur_achat_en_ligne h4 {  color: #888; background: white; }

body #page #bloc_intro.pave ul li,
body #page .couleur_ecommercants ul li,
body #page .couleur_aurore ul li,
body #page .couleur_achat_en_ligne ul li {
	list-style-type: none; 
	padding-left: 12px;
	margin-left: 0;
	background-color: transparent;
	background-position: 0 6px;
	background-repeat: no-repeat; 
}
body #page #bloc_intro.pave ul li {  
	background-image: url(images/puce-grisf.gif); 
}
body #page .couleur_ecommercants ul li {  
	background-image: url(images/puce-bleu.gif); 
}
body #page .couleur_aurore ul li {  	
	background-image: url(images/puce-orange.gif); 
}
body #page .couleur_achat_en_ligne ul li {  
	background-image: url(images/puce-grise.gif); 
}


.pave#menu_espace_ecommercants { border: 0; }
.pave#menu_espace_ecommercants li { margin: 0; }
.pave#menu_espace_ecommercants li a { background: #00b3c8; }
.pave#menu_espace_ecommercants li a:hover { background: #3a89a6; }

.pave#bloc_coups_de_coeur {
	height: 112px;  	
}
.pave#bloc_coups_de_coeur p {
	text-align: center;
}

.pave h4 {
  font-size: 15px;
  background: #3a89a6;
  padding: 5px;
  color: white;
  text-align: left;
}

.pave h4 a {
  color: white;
  text-decoration: none;
}

.pave h4 a:hover { text-decoration: underline; color: white; }


.pave h5 {
  font-weight: bold;
  margin: 8px;
  color: #3a89a6;
}

.pave ul, .pave p {
  padding: 0;
  margin: 8px;
}

.pave li {
  margin-left: 12px;
}

#sidebar_commercants .pave {
  border-color: #2792ba;
}
#sidebar_commercants .pave h4 {
  background-color: #2792ba;
}

.pave#bloc_intro {
  background: #e7eaed;
  border-color: #e7eaed;
}

.pave#bloc_intro h4 {
  color: #0088a4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
  margin: 8px;
  background: transparent;
}

.pave#bloc_nouveau h4 {
  padding-left: 30px;
  background: #2792ba url(images/fonds/pave-nouveau.gif)  4px 2px no-repeat;
}


/* blocs milieu */

.bloc {
  border: 1px solid #3a89a6;
  padding: 12px 12px;
  margin-bottom: 20px;
}

.bloc h3 {
  color: #00688e;
  font-size: 18px;
  background: #e7eaed url(images/fonds/h3-fleche-orange.gif) 10px 5px no-repeat;
  padding: 2px 40px;
  margin-bottom: 16px;
  line-height: 30px;
  position: relative;
  width:74%;
}

.bloc .colonne {
  width: 255px;
  float: left;
  margin-right: 5px;
}

div.retrait {
  padding: 0 16px 20px 0;
  background: white; /*IE 5.5*/
}

div.paypal { padding: 0 16px 0px 0;} 

div.retrait p {
  margin: 0 0 12px 24px;
}

div.retrait h4 {
  padding-left: 24px;
  color: #00688e;
  font-size: 1.3em;
  background: transparent url(images/fonds/sous-titre-fleche.gif) top left no-repeat;
  _height: 24px;
  min-height: 24px;
  line-height: 20px;
}

div.retrait h5 {
  font-family: Impact, sans-serif;
  padding-left: 24px;
  color: #999;
  font-size: 1.3em;
  margin: 0 0 5px;
}

div.retrait ul ul {
  padding-bottom: 0px;
}

div.retrait ul, ol {
  padding-bottom: 12px;
}

div.retrait ul {
	list-style-image: url("images/puce-bleue.gif");
	margin: 0;
	padding-left: 40px;
	}

div.retrait p.legende { font-size: 0.85em; }
div.retrait span.legende { font-size: 10px; }

.bloc ul {
  margin-top: 0;
  margin-bottom: 16px;
}

.bloc li {
  margin-bottom: 4px;
}

/* menu gauche */

body.contexte_index   #menu #menu_accueil a   { background: #00688e; }

body.contexte_annuaire #menu #menu_annuaire a { background: #00688e; }

body.contexte_aurore   #menu #menu_aurore a   { background: #00688e; }

body.demander_carte_aurore #menu #menu_aurore a { background: #00b3c8; }
body.demander_carte_aurore #menu #menu_souscription a { background: #00688e; }

body.contexte_achat_en_ligne #menu #menu_mode_emploi a { background: #00688e; }



/* formulaire de recherche */

div#form_recherche {
  background: #e7eaed url(images/fonds/carte-aurore-formulaire-recherche.gif) top right no-repeat;
}

div#form_rechercheSansCarte {
  background: #e7eaed; /*url(images/fonds/carte-aurore-formulaire-recherche.gif) top right no-repeat;*/
}

#form_recherche form, #form_rechercheSansCarte form {
  margin: 0;
  padding: 0;
}

#form_recherche h4,#form_rechercheSansCarte h4{
  color: #00688e;
  font-size: 25px;
}

#form_recherche p, #form_rechercheSansCarte p {
  margin: 5px 0;
  clear: both;
}

#form_recherche input.submit, #form_rechercheSansCarte input.submit {
  width: 49px;
  height: 49px;
  background: #e7eaed url(images/fonds/bouton-ok.gif) top left no-repeat;
  text-indent: -9999em;
  border: 0;
  float: left;
  margin: -15px 0 0 10px;
  font-size: 10px;
  letter-spacing: 1000px;
}

#form_recherche input.ok, #form_rechercheSansCarte input.ok {
  width: 49px;
  height: 49px;
  float: left;
  margin: -15px 0 0 10px;
}

#form_recherche input, #form_rechercheSansCarte input {
  position: relative;
  width: 300px;
  float: left;
}




/* bloc contenu et annuaire */

#annuaire {
  padding: 12px;
  position: relative;
}

#annuaire ul {
  padding: 0;
  margin: 0 0 15px 0;
}

#annuaire li.categorie, #annuaire div.categorie {
  margin: 0;
  list-style-type: none;
  padding: 5px 0 0 40px;
}

#annuaire h3 {
  background: #e7eaed url(images/fonds/annuaire_fleche.gif) 10px 5px no-repeat;
  padding: 2px 40px;
}

#annuaire h5 {
  font-family: Impact, sans-serif;
  font-size: 1.4em;
}

#annuaire li.categorie {
}

#annuaire li.categorie ul {
  margin: 8px 0;
}
#annuaire li.categorie li.sous_categorie {
  display: inline;
}

#annuaire div.categorie {
  margin: 24px 0px;
}

#annuaire div.categorie h5 {
  font-size: 1.6em;
}

#annuaire div.categorie h6, #annuaire div.recherche_resultats h6, #annuaire div.categorie li a {
  font-size: 1.4em;
  color: #666;
  margin-bottom: 15px;
}

#annuaire div.categorie h6  {
  font-family: Impact, sans-serif;
  color: #aaa;
}

#annuaire div.recherche_resultats h6, #annuaire div.categorie li.sous_categorie a {
  font-family: Impact, sans-serif;
  color: #aaa;
  background: transparent url(images/fonds/h6-fleche-grise.gif) top left no-repeat;  
  padding-left: 24px;
  padding-bottom: 5px;
}

#annuaire div.categorie li {
  list-style-type: none;
  margin-top: 11px;
}

#annuaire div.sous_categorie {
  margin: 12px 0;
}

#annuaire div.recherche_resultats, #annuaire div.boutique {
  margin: 24px 14px 24px 40px;
}

#annuaire div.boutique .description {
  width: 490px;
}

body#iframe #annuaire div.boutique .description {
  width: 100%;
}

#annuaire li.boutique {
  list-style-type: none;
  display: block;
  clear: both;
  line-height: 140%;
  padding-bottom: 5px;
}

#annuaire li.boutique span.vignette {
  display: block;
  text-align: center;
  width: 150px;
  float: left;
  margin: 0 12px 0 0;
  height: 60px;
  line-height: 34px;
}

#annuaire li.boutique span.vignette img {
  vertical-align: middle;
}

#annuaire li.boutique span.titre a {
  font-size: 1.2em;
  font-weight: bold;
}
#annuaire li.boutique div.baseline {
  width: 300px;
}

#annuaire div.fils_d_ariane {
  margin: 24px 0 0 0;
}

#annuaire div.fils_d_ariane li {
  list-style-type: none;
  font-size: 1.2em;
  color: #aaa;
  background: transparent url(images/fonds/h6-fleche-grise.gif) top left no-repeat;  
  padding-left: 24px;
  padding-bottom: 5px;
  font-weight: 100;
}

#annuaire div.fils_d_ariane li a {
  color: #aaa;
}

#annuaire div.fils_d_ariane li a:hover {
  color: #f29400;
}

/* tout savoir sur l'achat en ligne */

div.imprimer a {
	display: block;
	background: transparent url(images/print.gif) no-repeat scroll right top;
	height:84px;
	position:absolute;
	right:25px;
	text-indent:-100em;
	top:20px;
	width:115px;
}


/* Carte Aurore & co */

img.carte-aurore {
  position: absolute;
  top: 3px;
  right: 25px;
  width: 115px;
  height: 84px;
  background: transparent url(../images/cartes/carte-aurore-transp-bleue.png) top right no-repeat;
  text-indent: -100em;
	behavior: url(/iepngfix.htc);
}

img.carte-aurore-petite {
  top: -8px;
  right: 2px;
  background: transparent url(../images/cartes/carte-aurore-transp-bleue-63.png) top right no-repeat;
  width: 63px;
  height: 46px;
}

#sidebar_commercants img.carte-aurore-petite {
  top: -3px;
  right: 2px;
  background: transparent url(../images/cartes/carte-aurore-transp-bleue-47.png) top right no-repeat;
  width: 46px;
  height: 32px;
}

body .bloc p.intro,
body .bloc h4.intro {
  margin-right: 140px;
}

body.contexte_aurore .bloc em {
  font-style: normal;
  color: #3a89a6;
}

body.contexte_aurore #contenu h3 {
  color: #f29400;
}

form#demander_carte_aurore {
  position: relative;
  background-color: #e7eaed;
  padding: 10px;
}

form#demander_carte_aurore p {
  font-size: 1.2em;
  margin-bottom: 10px;
  margin-top: 10px;
}

div#mentions_reserve_live {
  font-size: 0.95em;
  line-height: 120%;
}

p.mentions_legales {
  font-size: 0.95em;
  color: #999;
}

/* PayPal */
.introPayPal {
	background: url(../images/autres/paypal-logo.gif) no-repeat right top;
	color: #00688E;
	font-size: 1.2em;
	padding-right: 120px;
	padding-top: 10px;
	min-height: 50px;
	_height: 50px;
	/*
	padding-right: 240px;
	padding-top: 10px;
	min-height: 75px;
	_height: 75px;*/
	font-weight: bold;
}


/* Espace e-commercants */

body.contexte_ecommercants div.avantages p, 
div.avantages p {
  padding-left: 24px;
  background: transparent url(images/fonds/sous-titre-fleche.gif) top left no-repeat;
  line-height: 20px;
  _height: 20px;
}

body.contexte_ecommercants div.avantages ul, div.avantages ul {
  margin-left: 40px;
}

.logo_aurore {
	padding-left: 7px;
	float: right;
}


/* formulaire de demande d'agrement */

#demande_agrement span.requis {
  color: #f30;
}

#demande_agrement fieldset {
  border: 1px solid #e7eaed;
  margin: 2em 0 2em 12px;
  _margin-top: 0;
  padding-top: 16px;
  _padding-top: 0;
}

#demande_agrement fieldset legend {
  font-family: Impact, sans-serif;
  color: #00688e;
  font-size: 1.3em;
  _margin-bottom: 16px;
  padding: 0 4px;
}

#demande_agrement span.precision {
  font-size: 0.99em;
  color: #888;
  display: block;
  margin-top: 3px;
}

#demande_agrement form p {
  clear: both;
}

#demande_agrement form p span.label {
  display: block;
  float: left;
  width: 12em;
}

#demande_agrement form p span.label_large {
  width: 16em;
}

#demande_agrement form hr {
  border: 0;
  height: 1px;
  background-color: #e7eaed;
  _border: 1px solid #e7eaed;
  margin: 20px 2em;
  _margin: 0 2em 1em 2em;
}

form .errFld {
}

form .errMsg {
  color: red;
}

/* DCC-RCC */
p.sanitaire  { font-family:Impact,sans-serif; font-size: 19px; }
.contexte_demande_aurore  form#demander_carte_aurore { margin-bottom:15px; }