/*
author: alexandre rivest
at: espresso communication design
email: alexandre@espresso-com.com
date: 30/07/07
*/


/*                      mise en page des items générales                          */

*                                 { margin: 0; padding: 0;}
body                              { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align:center; background-color:#fff;}


input:focus, textarea:focus { background-color: lightyellow; }
input[type="radio"] { margin-right: 5px; }
input[type="checkbox"] { margin-right: 5px; }

#wrapper                          { width: 740px;margin:0 auto; text-align:left;}
img                               { border: 0;}
a:focus                           { outline:none;}
a                                 { color:#677880; text-decoration:none;}
a:visited                         { color:#677880; }
a:hover                           { color:#bb0500; }
.ligne_bas                        { margin-left:15px; display:block;}
#ligne_or                         { margin:0 0 40px 15px; }
#form_search  img                 { margin:0 10px 0 0; }
#form_search  input[type='text']       { margin:0 5px 5px 0; }
#form_search  input[type='checkbox']   { margin:0 2px 0px 0; }
.form_search_all		                { margin:0px 0px 25px 149px; }
#footer                                { width:100%; text-align:left; margin:10px 0 10px 0;}
#footer   a                            { margin:0px 0 0 15px;}

/* page index */


/*                      mise en page du sous header                          */
#sous_header                      { width:740px; height:140px; border-bottom:#c6c6c6 1px solid; border-left:#c6c6c6 1px solid; border-right:#c6c6c6 1px solid; background-color:#eeeeee; margin:0 0px 0 15px; overflow:auto;}
#sous_header #texte               { width:400px; margin:10px 10px 0 10px; float:left;}
#sous_header photo_texte          { width: 286px; float:right;}


/*                      mise en page de la boite search                          */

#search                           { clear:both; width:740px; padding-top:30px; margin:0 15px 20px 15px; border-bottom:#999999 solid 1px; }
#search_1                         { clear:both; width:740px; padding-top:30px; margin:0 15px 20px 15px; border-bottom: none; }/* pas de border sur la page d accueil*/
#search img                       { margin-left:0px;}


/*                      mise en page de la section categories                         */

table#boutons_categories           { width:740px; margin:0px 0px 30px 15px;}
table#boutons_categories   tr td   { width:50%; padding-top:4px; padding-bottom:4px;}
table#boutons_categories   a       { width:360px; margin:10px 0 10px 0; display:block; padding:0;}

/* page search results */

/*                      mise en page des titres                         */
.ligne_haut                        { margin-left:15px; margin-bottom:40px; display:block;}
#titre_result                      { font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#626262; font-weight:normal; width:750px; margin-left:15px;}


/*                      mise en page de la section categories                         */

table#results_categories           { width:740px; margin:16px 0px 30px 15px;}
table#results_categories   tr td   { padding-top:5px; padding-bottom:5px;}
table#results_categories  .logo    { width:145px; border-bottom: #999999 1px solid !important; }
table#results_categories  .nom     { width:185px;}
table#results_categories  .ville   { width:265px;}
table#results_categories  .mail    { width:61px;}
table#results_categories  .website { width:71px;}
table#results_categories  .range td { border-bottom: #999999 1px solid; }
table#results_categories  .espace  { width:20pxpx;   }


/* page search info */

/*                      mise en page                          */
#main_texte                        { overflow:auto; width:750px; margin-left:15px; text-align: justify; }
#main_texte_gauche                 { float:left; width:500px; border-right: #999999 1px solid;}
#main_texte_gauche div             { float:right; width:365px; margin:0 0 20px 0;}
#main_texte_gauche img             { float:left; width:115px;}
#main_texte_droit                  { float:left; width:200px; margin-left:30px; }

/*                      mise en page  cote gauche                        */
#main_texte_gauche h1              { color:#626262; font-size:28px; width:300px; text-align: left; }
#main_texte_gauche h2              { color:#626262; font-size:14px; font-weight:normal; margin:5px 0 0 0; width:300px;}
#main_texte_gauche a               { font-size:14px; color:#0033cc; text-decoration:underline; display:block;margin:5px 0 0 0; width:300px;}
#main_texte_gauche p               { font-size:14px; color:#626262; margin:20px 0 20px 0px; clear:both; width:475px;}

/*                      mise en page  cote droit                        */
#main_texte_droit label            { /*width:5px;*/ display:block; margin-bottom:5px;}
#main_texte_droit a                { font-size:14px; color:#0033cc; text-decoration:underline; /*display:block;*/margin:5px 0 0 0; width:180px;}



/*  Admin */

.liste { margin: 30px 0; border: 1px solid #eee; border-bottom: none; }
.liste th { text-align: left; padding: 2px; border-bottom: 1px solid #eee; }
.liste td { text-align: left; padding: 2px; border-bottom: 1px solid #eee; }

.formulaire { margin: 30px 0; border: 1px solid #eee; border-bottom: none; }
.formulaire th { text-align: left; padding: 2px; border-bottom: 1px solid #eee; }
.formulaire td { text-align: left; padding: 2px; border-bottom: 1px solid #eee; }

form p { margin: 4px 0; }
