/*
 * Style général
 */
* { margin: 0; padding: 0; }

body
{
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #474747;
  background-color: #f3f3f3;
}

.float_right { float: right; }
.float_left { float: left; }
.gras { font-weight: bold; }
.pixel11 { font-size: 11px; }
.pixel12 { font-size: 12px; }
.inline { display: inline }
.block { display: block; }  
.clear { clear: both; }
.invisible { clear: both; }
.center { text-align: center; margin: 0 auto;}
.bleu { color: #2871da; }
.demiBR {font-size: 5px;}

a img { border: 0; }

h1
{
  font-weight: bold;
  font-size: 11px;
  color: #2871da;
  margin: 5px 0px 5px 0px;
}

h2
{
  font-weight: bold;
  font-size: 11px;
  color: #2871da;
  margin: 5px 0px 5px 0px;
}

#contenu ul, body.mceContentBody ul
{
  list-style: none;  
  margin-left: 2px;  
}

#contenu ul li, body.mceContentBody ul li
{
  position: relative;
  background: url(../images/bullet.gif) 0px 6px no-repeat;
  padding-left: 8px;  
}

#contenu ul.espace li
{
  margin-bottom: 10px;  
}

#contenu ol, body.mceContentBody ol
{
  list-style: decimal;  
  margin-left: 40px;  
}

#contenu ol li, body.mceContentBody ol li
{
  position: relative;
  padding-left: 8px;  
}

p
{
  margin: 5px 0px 5px 0px;
  margin-bottom: 15px;
}
   
a
{
  color: #2871da;
}

a:hover { text-decoration: none; }

a.underline { text-decoration: underline; }
a.underline:hover { text-decoration: none; }

dfn
{
  color: #2871da;
  cursor: pointer;
}

#conteneur
{
  width: 736px;
  margin: 23px auto 0px auto;
  background-image: url(../images/background.gif);
  background-repeat: repeat-y;
}

#backgroundDIV
{
  width: 736px;
  background-image: url(../images/background.gif);
  background-repeat: repeat-y;
}  
  
div#hautCoinsArrondis
{
  width: 736px;
  height: 16px;
  background-image: url(../images/hautCoinsArrondis.gif); 
  margin: 0;
  background-repeat: no-repeat;
}


ul#menu li a
{
  display: block;
  height: 27px;
} 

div#navigationHaut
{
  width: 736px;
  height: 16px;
}
  

div#accueilEnteteHaut
{
  
  width: 736px;
  height: 25px;
  padding-top:5px;
  background: url(../images/accueilEnteteHaut.gif) right bottom no-repeat;
}

div#banniereDynamique
{
  width: 525px;
  height: 206px;
  background-image: url(../images/banniereDynamique-1.gif);
  float: left;
}

div#banniereDynamique.ang
{
  background-image: url(../images/banniereDynamique-1_ang.gif);
}

div#espaceNouvelles
{
  width: 211px;
  height: 206px;
  background-image: url(../images/espaceNouvelles.gif);
  float: left;
}

div#espaceNouvelles.ang
{
  background-image: url(../images/espaceNouvelles_ang.gif);
}

div#espaceNouvelles span
{
  color: #fff;
  display: block;
  width: 135px;
  margin-left: 31px;
  margin-top: 65px;
  font-size: 10px;
}

div#espaceNouvelles span a
{
  color: #fff;
}
  
div#accueilCategoriesHaut
{
  width: 736px;
  height: 34px;
  background-image: url(../images/accueilCategories.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
div#accueilCategoriesHaut.ang
{
  background-image: url(../images/accueilCategories_ang.gif);
}

div#accueilCategories
{
  width: 736px;
  font-size: 10px;
}

div#accueilCategoriesGauche
{
  width: 30px;
  height: 193px;
  background-image: url(../images/accueilCategoriesGauche.gif);
  background-repeat: no-repeat;
  float: left;
}

div#accueilCategoriesEpiecerie
{
  width: 164px;
  height: 193px;
  background-image: url(../images/accueilCategoriesEpiecerie.gif);
  background-repeat: no-repeat;
  float: left;
}

div#accueilCategoriesEpiecerie.ang
{
  background-image: url(../images/accueilCategoriesEpiecerie_ang.gif);
}

div#accueilCategoriesPharmacie
{
  width: 169px;
  height: 193px;
  background-image: url(../images/accueilCategoriesPharmacie.gif);
  background-repeat: no-repeat;
  float: left;
}

div#accueilCategoriesPharmacie.ang
{
  background-image: url(../images/accueilCategoriesPharmacie_ang.gif);
}

div#accueilCategoriesDepanneur
{
  width: 169px;
  height: 193px;
  background-image: url(../images/accueilCategoriesDepanneur.gif);
  background-repeat: no-repeat;
  float: left;
}

div#accueilCategoriesDepanneur.ang
{
  background-image: url(../images/accueilCategoriesDepanneur_ang.gif);
}

div#accueilCategoriesDetail
{
  width: 169px;
  height: 193px;
  background-image: url(../images/accueilCategoriesDetail.gif);
  background-repeat: no-repeat;
  float: left;
}

div#accueilCategoriesDetail.ang
{
  background-image: url(../images/accueilCategoriesDetail_ang.gif);
}


div#accueilCategoriesDroite
{
  height: 193px;
  background-image: url(../images/accueilCategoriesDroite.gif);
  background-repeat: no-repeat;
  float: left;
}

div#accueilCategoriesEpiecerie span { display: block; width: 125px; margin: 0 auto; margin-top: 91px; }
div#accueilCategoriesPharmacie span { display: block; width: 120px; margin: 0 auto; margin-top: 91px; }
div#accueilCategoriesDepanneur span { display: block; width: 120px; margin: 0 auto; margin-top: 91px; }
div#accueilCategoriesDetail span { display: block; width: 120px; margin: 0 auto; margin-top: 91px; }

div#accueilLigne
{
  width: 736px;
  height: 1px;
  background-image: url(../images/accueilLigne.gif);
}

div#accueilAutresSecteurs
{
 text-align: right;
 margin-right: 38px;
}

div#basDePage 
{
  color: #666;
  width: 736px;
  margin: 25px auto;
  margin-bottom: 0;
  background-image: url(../images/accueilLigne.gif);
  background-repeat: no-repeat;
  text-align: center;
  font-size: 9px;
}

div#basDePage .telephone
{
  font-size: 11px;
  font-weight: bold;
}

div#banniere
{
  width: 736px;
  height: 158px;
  background-image: url(../images/banniere.gif);
}

div#banniere.ang
{
  background-image: url(../images/banniere_ang.gif);
}

div#banniere a
{
display:block;
text-indent:-5000px;
}

div#banniere a.sms
{
height:55px;
width:50px;
margin-left:665px;
}

div#banniere a.retouraccueil
{
height:65px;
width:50px;
float:left;
margin-left:40px;
width:300px;
}

div#sectionPrincipale
{
  width: 510px;
  float: left;  
}

div#sectionDroite
{
  float: left;
  width: 226px;
}

div#sectionDroite_haut
{
  width: 219px;
  height: 21px;
  background: url(../images/sectionDroite_haut.gif) no-repeat;
}  

div#sectionDroite_support
{
  width: 149px;
  margin-left: 10px;
  height: 61px;
  background: url(../images/sectionDroite_support.gif) no-repeat;
}

div#sectionDroite_support.ang
{
  background: url(../images/sectionDroite_support_ang.gif) no-repeat;
}

div#sectionDroite_demos
{
  width: 149px;
  margin-left: 10px;
  height: 64px;
  background: url(../images/sectionDroite_demos.gif) no-repeat;
}
div#sectionDroite_demos.ang
{
  background: url(../images/sectionDroite_demos_ang.gif) no-repeat;
}

div#sectionDroite_audiovisuels
{
  width: 149px;
  margin-left: 10px;
  height: 64px;
  background: url(../images/sectionDroite_audiovisuels.gif) no-repeat;
}

div#sectionDroite_audiovisuels.ang
{
  background: url(../images/sectionDroite_audiovisuels_ang.gif) no-repeat;
}

div#sectionDroite_bureauDesVentes
{
  width: 149px;
  margin-left: 10px;
  height: 61px;
  background: url(../images/sectionDroite_bureauDesVentes.gif) no-repeat;
}

div#sectionDroite_bureauDesVentes.ang
{
  background: url(../images/sectionDroite_bureauDesVentes_ang.gif) no-repeat;
}

div.sectionDroiteTexte
{
  width: 149px;
  background: url(../images/sectionDroite_Boite.gif) no-repeat;
  margin-left: 10px;
  font-size: 10px;
}

div.sectionDroiteTexte span
{
  margin: 0px 10px 0px 10px;
  padding-top: 5px;
  display: block;
}  

div.sectionDroiteTexte span a { display: block; margin-top: 2px; }
div#contenu
{
  width: 440px;
  margin-left: 56px;
  margin-top: 20px;
}    

div#conteneurSections
{
  width: 736px;
  background: url(../images/contenuLannieres.gif) no-repeat;
}
  
h1#sousSectionTitre  
{
  margin:0;
  padding:0;
  text-indent:-5000px;
  width: 510px;
  height: 21px;
}

#contenu img.fichierUpload {
  float:left;
  margin: 0 10px 10px 0;
  border:4px double #4A78BD;
}  

.employe {
  border:4px double #4A78BD;
}  

#contenu img.icone {
  float:left;
  margin: 0 10px 10px 0;
}

#utilitaires{
  position: absolute;
  z-index: 1;
  margin-left:420px;
}

#utilitaires.ang {
  margin-left:430px;
}

#utilitaires div {
float:left;
display:block;
margin:0 2px 0 2px;
text-align:center;
width:40px;
}

#utilitaires.ang div {
margin:10px 0 0 0;
width:37px;
}

#utilitaires div a {
color:#615745;
display:block;
text-decoration:none;
font-size:9px;
}

#utilitaires div a:hover {
color:#7c6f58;
}

div.hr {
  height: 1px;
  line-height: 1px;
  color: #2871da;
  background-color: #2871da;
  border: 0px;
}
div.hr hr {
  display: none;
}

/*
 * Pour les formulaires
 */
.bouton       				{ WIDTH: auto; cursor: pointer; BACKGROUND-COLOR: #DDDDDD; border: 1px solid black; FONT-SIZE: 8pt; FONT-WEIGHT: bold ;}

table.formulaire
{
 width:100%; 
}

table.formulaire td
{
 vertical-align: top; 
}

img.entreprise
{
 float:left;
 margin: 30px 10px 30px 0;
  
}

table.formulaire td.entrepriseLogo
{
 padding-top: 30px;
 padding-right: 15px; 
}

table.formulaire td.entrepriseTexte
{
 padding-bottom: 30px; 
}


table.formulaire input.texte
{
  border:0px;
  font: bold 11px Verdana, Sans-Serif;  
  color: #564c39;
}
table.formulaire input.texte2
{
  border:0px;
  font: 11px Arial, Sans-Serif;  
  color: #564c39;
}

table.formulaire input.autre
{
  width:237px;
}

table.formulaire span.etoile
{
  color: #a43420;
  font: bold 11px Verdana, Sans-Serif;  
}

table.formulaire label
{
float: right;
text-align: right;
padding-right: 14px; 
width:120px;
}

table.formulaire label.obl
{
  background: url(../images/etoile-formulaire.gif) top right no-repeat; 
}

table.formulaire input, table.formulaire select, table.formulaire textarea
{
  width:295px;
  font: 11px Arial, Helvetica, Sans-Serif;;  
}

table.acces-privilegie input
{
  width:150px;  
}

table.formulaire select
{
  width:299px;  
}


table.formulaire input.com
{
  width:150px;
  margin-right:5px;
}

table.formulaire input.com-petit
{
  width:30px;
  margin-right:5px;
}
table.formulaire input.com-petit2
{
  width:17px;
  margin-right:5px;  
}

table.formulaire .sansLargeur 
{
width: auto;
}

table.formulaire .crochet
{
 width: auto;
 margin:0 10px 10px 0;
 float:left;  
}

table.formulaire input.bouton
{
  width: 106px;
  cursor: pointer;
  display: block;
  height: 27px;
  line-height: 27px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: url(../images/bouton.gif) no-repeat;
  text-decoration: none;
  text-transform: uppercase;
  border:0px;
}

table.formulaire input.bouton:hover
{
 color: #000;
}

/*
 * Pour les page en nouvelle fenêtre
 */
#conteneurNF
{
  width: 480px;
  height: 445px;  
  margin: 5px auto;
  background-color: #fff;
  padding:5px;
} 

#conteneurNF input.envoyerAUnAmi 		  
{
 width: 112px;
}

#conteneurNF input.envoyerAUnAmiCourriel
{
 width: 170px;
}

#conteneurNF textarea.envoyerAUnAmi
{
 width: 470px;
}

#conteneurNF-message
{
 margin-top:100px;
 text-align:center; 
}


/*
 * Style pour l'impression
 */

div.btnHautDePage {
  width: 100%;
  text-align: center;
  clear: both
}

#basDePageImpression, #sousSectionImpression {
  display:none;
}

/*
 * Style pour TinyMCE
 */

body.mceContentBody {
   background: #FFF;
}