body {font:0.8em Arial,Verdana,sans-serif; margin:0;}

html {min-height:100%; margin-bottom:0.1em;} /* Firefox scrollbar fix */
html a {color:#333366; text-decoration:none;}
html a:hover {color:#000; text-decoration:underline;}

h1 {display:none;}
h2 {font-size:1.5em; font-weight:bold; color:#d7140a;}
h3 {font-size:1.2em; font-weight:bold; color:#333366;}

.hautdepage a img {border:0;}



/* CONTENEUR */
#conteneur {position:relative; width:900px; margin:0 auto; background-color:#fff;}



/* ENTETE */
#entete {height:130px; overflow:hidden;} /* corrige un bug IE */
#entete a img {border:0;}



/* MENU */
#menu {padding:0.5em; font-size:0.85em; text-align:right;}
#menu ul {margin:0; padding:0;}
#menu li {display:inline; list-style:none;}
#menu a {color:#333366; text-decoration:none;}
#menu a:hover {color:#000; text-decoration:underline;}



/* CONTENU chasse le pied de page en bas */
#contenu {overflow:hidden;}



/* CENTRE */
#centre {margin-left:24em;}
#centre ul {margin:1em; padding:0.5em;}
#centre li {list-style-image:url(../interface/puce_verte.png);}
#centre a img {border:0;}



/* GAUCHE */
#gauche {float:left; left:0; width:280px; margin:0; background-color:#fff; border:1px solid #73be1e;}
#gauche ul {margin:0; padding:0;}
#gauche li {list-style:none;}
#gauche_contenu {padding:1em;}
#gauche hr {height:1px; background-color:#ccc; border:0; color:#ccc;}

.gauche_titre {margin-top:1em; font-size:1.2em; font-weight:bold; color:#333366;}



/* PIED */
#pied {clear:left; margin-top:1em; padding:1em; border-top:1px solid #b900ff; font-size:0.85em; color:#666; text-align:center;}
#pied ul {margin:0; padding:0;}
#pied li {display:inline; list-style:none;}
#pied a {color:#666; text-decoration:none;}
#pied a:hover {color:#000; text-decoration:underline;}

.pied_espace {margin:0 1em;}



/* BOUTONS */
a.bouton, a.bouton_inscription, a.gauche_bouton {display:block; width:12em; margin:0 auto; padding:0.1em; background-color:#e6e6e6; font-weight:bold; text-align:center; text-decoration:none;}
a.bouton:hover, a.bouton_inscription:hover, a.gauche_bouton:hover {color:#fff; text-decoration:none;}

a.bouton {border:1px solid #73be1e;}
a.bouton:hover {background-color:#73be1e;}

a.bouton_inscription {border:1px solid #d7140a;}
a.bouton_inscription:hover {background-color:#d7140a;}

a.gauche_bouton {border:1px solid #73be1e;}
a.gauche_bouton:hover {background-color:#73be1e;}



/* INDEX */
.nom_ville {margin:0.5em; font-size:1.8em; color:#333366;}
.nom_ville a {text-decoration:none;}
.nom_ville a:hover {text-decoration:underline;}



/* BONNE IDEE */
#bonneidee {margin:1em 0 1em 1.5em;}
#bonneidee li {list-style-image:url(../interface/puce_mauve.png);}



/* CONSULT_RUBRIQUE */
#centre_consult_rubrique {padding:1em;}
#centre_consult_rubrique ul {margin:0; padding:0;}
#centre_consult_rubrique li {display:inline; list-style:none;}
#centre_consult_rubrique a img {border:0;}

.consult_rubrique_bloc {float:left; width:16em; height:8em; margin:0 1em; padding-left:50px; padding-top:0.5em; border-top:1px solid #e6e6e6;}
.consult_rubrique_icone {float:left; margin-left:-50px;}
.consult_rubrique_titre {margin-bottom:0.5em; font-size:1.3em; font-weight:bold; color:#333366;}
.consult_rubrique_titre a {text-decoration:none;}
.consult_rubrique_titre a:hover {text-decoration:underline;}
.consult_rubrique_services {font-size:0.85em; color:#000; letter-spacing:0.1em;}
.consult_rubrique_services a {text-decoration:none;}
.consult_rubrique_services a:hover {text-decoration:underline;}



/* LISTE_RUBRIQUE */
#centre_liste_rubrique{padding:1em;}
#centre_liste_rubrique ul {margin:0;padding: 0;}
#centre_liste_rubrique li {list-style:none;}
#centre_liste_rubrique li li {display:inline;}
#centre_liste_rubrique a img {border:0;}

.liste_rubrique_bloc {margin:2em 0; padding-top:1em; padding-left:50px; border-top:1px solid #e6e6e6;}
.liste_rubrique_icone {float:left; margin-left:-50px;}
.liste_rubrique_titre {margin-bottom:0.5em; font-size:1.3em; font-weight:bold; color:#333366;}
.liste_rubrique_titre a {text-decoration:none;}
.liste_rubrique_titre a:hover {text-decoration:underline;}
.liste_rubrique_services {font-size:0.85em; color:#000; letter-spacing:0.1em;}
.liste_rubrique_services a {text-decoration:none;}
.liste_rubrique_services a:hover {text-decoration:underline;}



/* LISTE_SERVICE */
#liste_service ul li {margin:0.15em; padding:0.15em; list-style-image:url(../interface/puce_bleue.png);}



/* CONSULT_RECHERCHE cette page n'est actuellement pas utilisee
.recherche_bloc {margin-bottom:0.3em; background-color:#f8f8fa;}
.recherche_titre {font-weight:bold; color:#333366; text-decoration:underline;}
.recherche_infos {padding:0.2em;}
.recherche_id {font-size:0.85em; color:#e6e6e6; text-align:right;}
*/



/* CONSULT_SERVICE */
.service_bloc_1, .service_bloc_2, .service_bloc_3, .service_bloc_4 {margin-bottom:1em; padding:0.5em; border-width: 10px 3px 3px 3px; border-style:solid;}

.service_bloc_1 {background:#e8f3f8 url(../interface/service_porte_bleu.png) no-repeat 90% 100%; border-color:#0078b9;}/* bloc bleu */
.service_bloc_2 {background:#f1f8e9 url(../interface/service_porte_vert.png) no-repeat 90% 100%; border-color:#73ba24;}/* bloc vert */
.service_bloc_3 {background:#f9e7f3 url(../interface/service_porte_mauve.png) no-repeat 90% 100%; border-color:#c11385;}/* bloc mauve */
.service_bloc_4 {background:#fef0e7 url(../interface/service_porte_orange.png) no-repeat 90% 100%; border-color:#f96e11;}/* bloc orange */

.service_titre {margin:0.3em 0; font-size:1.3em; font-weight:bold; color:#000;}
.coordonnees {width:100%;}/* tableau contenant telephone et adresse */
.service_telephone {width:50%; font-size:1.3em; font-weight:bold; color:#333366;}
.service_adresse {width:50%; padding-left:0.5em; border-left:0.1em solid #ccc;}
.service_internet {width:8em;}
.service_paiement {border-collapse:collapse}
.service_description {margin:0;}
.service_id {margin:0; font-size:0.85em; color:#e6e6e6; text-align:right;}
.service_bloc_proposer {margin:0; padding:0.5em; background-color:#fff; border:5px solid #d7140a;}
.service_avertissement {margin:0; background-color:#fff; font-size:1.3em; font-weight:bold; color:#d7140a;}



/* CENTRE INSCRIPTION */
#centre_inscription {}
#centre_inscription ul li {margin:0; padding:0;}
#centre_inscription a img {border:0;}

#centre_inscription hr {height:1px; background-color:#ccc; border:0; color:#ccc; clear:both;}

.centre_inscription_titre {margin-top:1em; font-size:1.2em; color:#000;}

#prochainement a img {float:left; margin-right:1em; margin-bottom:5em; border:0;}



/* TARIFICATION (FORMULAIRE PRO)*/
div.tarification {float:left;}
div.tarification ul {margin-left:0; border-right:1px solid #b9ced0;}
div.tarification li {min-height:3em; border-bottom:1px solid #e6e6e6; line-height:3em;}

.tarification_titre {height:30px; margin-top:1em; margin-bottom:0; border-bottom:2px solid #b9ced0; text-align:center;}
.tarification_avantages {width:20em;}

.tarification_abonnement_free, .tarification_abonnement_standard, .tarification_abonnement_pro {width:150px; text-align:center;}
.tarification_abonnement_free {background:#f1f8e9;}
.tarification_abonnement_standard {background:#e8f3f8;}
.tarification_abonnement_pro {background:#fef0e7;}

.tarification_tarif {font-size:1.2em; font-weight:bold;}

.tarification_btn_free, .tarification_btn_standard, .tarification_btn_pro {width:150px; height:30px; font-weight:bold; text-align:center; line-height:30px;}
.tarification_btn_free {background:url(../interface/tarification_btn_free.png) no-repeat;}
.tarification_btn_standard {background:url(../interface/tarification_btn_standard.png) no-repeat;}
.tarification_btn_pro {background:url(../interface/tarification_btn_pro.png) no-repeat;}
.tarification_btn_free a, .tarification_btn_standard a, .tarification_btn_pro a {color:#fff; text-decoration:none;}
.tarification_btn_free a:hover, .tarification_btn_standard a:hover, .tarification_btn_pro a:hover {color:#fff; text-decoration:underline;}

.tarification_exemple {text-align:center;}



/* FORMULAIRES */
fieldset {margin-top:1em; padding:1em;}
legend {font-size:1.2em; font-weight:bold; color:#333366;}
label {float:left; width:200px; margin-top:0.3em;}

.confirmation {width:50%; border-collapse:collapse;}
.confirmation td {width:50%; padding:0.5em;}

.champobligatoire {font-weight:bold; color:#ff0000;}
.champ, .champcourt, .champlong, .zonetexte {margin-top:0.3em; background-color:#f5f5f5; border:1px dashed #333366; color:#000;}
.champ {width:12em; }
.champcourt {width:2em;}
.champlong {width: 20em;}
.zonetexte {width: 40em;}
input[type=submit], input[type=reset] {width:auto; margin-top:0.3em; padding:0.1em; background-color:#e6e6e6; border:1px solid #d7140a; font-weight:bold; color:#333366; cursor:pointer;}
input[type=submit]:hover, input[type=reset]:hover {background-color:#d7140a; color:#fff;}



/* FORMULAIRE PRO */
#liste_services dl, dt, dd, ul, li {margin:0; padding:0; list-style:none;}
/* dl#liste_services {width:30em;} */
dl#liste_services dt {height:1.5em; margin:0.1em 0; padding-left:2em; border:1px solid #666; font-weight:bold; line-height:1.5em; cursor:pointer;}
dl#liste_services dd {border:1px solid #333366; background:#f5f5f5;}
dl#liste_services li {margin-left:4em; cursor:pointer;}
dl#liste_services li a {display:block; height:100%; border:0 none; color:#000; text-decoration:none;}
/* dl#liste_services dt a:hover, dl#liste_services li a:hover {background:#ccc;} */

/* appliqué sur dt */
.liste_rubrique_couleur1 {background:#0078b9; color:#ffffff;} /* bleu */
.liste_rubrique_couleur2 {background:#73ba24; color:#ffffff;} /* vert */
.liste_rubrique_couleur3 {background:#c11385; color:#ffffff;} /* mauve */
.liste_rubrique_couleur4 {background:#f96e11; color:#ffffff;} /* orange */

/* appliqué sur ul et li */
.liste_service_couleur1 {background:#e8f3f8;} /* bleu clair */
.liste_service_couleur2 {background:#f1f8e9;} /* vert clair */
.liste_service_couleur3 {background:#f9e7f3;} /* mauve clair */
.liste_service_couleur4 {background:#fef0e7;} /* orange clair */

.remise {font-weight:bold; color:#d7140a;}
.paiement {margin:0 1em; vertical-align:bottom;}

.affichage_annonce {font-size:1.5em; font-weight:bold; color:#d7140a;}



/* REDUCTIONS */
.reductions {width:75%; background-color:#e6e6e6; border-collapse:collapse;}
.reductions th {background-color:#73be1e; border:1px solid #e6e6e6; text-align:center;}
.reductions td {border:1px solid #73be1e; text-align:center;}



/* PUBS */
#pub {margin-bottom:3em; padding:0;}
#pub p {height:60px; margin:0 0 0 500px; border-left:3px solid #e6e6e6; text-align:center;}
#pub p a {color:#333366; text-decoration:none;}
#pub p a:hover {color:#000; text-decoration:underline;}

#banniere_468x60 {float:left; width:468px;}
#banniere_468x60 a img {border:0;}
#promotion a img {float:right; margin-top:6em; border:0;}

#google_adsense_120x600 {position:absolute; margin-top:15em; margin-left:90%;}
#google_adsense_728x15 {height:2em; text-align:center;}


/* FACTURE */
#facture_align_gauche {float:left;}
#facture_align_droite {float:right;}
#clear_float {clear:both;}