/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */


/* ----------------------------
   Base font-size
---------------------------- */

#page
{
    font-size: 0.88em;
	/* Patch IE Mac \*/
	font-size: 0.82em;
    /* */
}

/* ----------------------------
   Tête
---------------------------- */

#tete
{
    position: relative;
}

#centreGestion
{
	position: absolute;
	padding:29px 0 0 290px;
	color:#4C9701;
	font-size:1.8em;
}

#logo
{
    position: absolute;
    top: 10px;
    left: 0;
    margin: 0;
    padding: 0;
}

#slogan
{
    position: absolute;
    top: 49px !important;
    top: 45px;
    left: 3px;
    margin: 0;
    padding: 0;
}

#topmenu
{
    list-style: none;
    margin: 0;
    padding: 22px 0 0 0;
    _height: 1%;
}

#topmenu li
{
    float: right;
    margin: 0;
    padding: 0 8px;
}

#topmenu li.droite
{
    color: #578ba3;
}

#topmenu li.droite a:link, #topmenu li.droite a:visited, #topmenu li.droite a:active
{
    color: #578ba3;
    text-decoration: none;
}

#topmenu li.droite a:hover
{
    color: #3b5f6f;
    text-decoration: underline;
}

#topmenu li.gauche a img
{
    vertical-align: middle;
}

#onglets
{
    list-style: none;
    margin: 0;
    padding-top: 5px;
    padding-right: 10px;
    _height : 1%; /* IE < 7 hasLayout */
}

#onglets li.droite
{
    float: right;
    margin: 0;
    padding: 0 2px 0 3px;
}

#onglets li.accueil
{
    float: left;
    margin: 0;
    padding: 18px 4px 0 0;
}

#onglets li img
{
    display: block;
    padding: 0;
    margin: 0;
}

#onglets li.drapeau
{
    float: left;
    margin: 0;
    padding: 18px 1px 0 2px;
}

#bandeau img
{
    display: block;
}

/* ----------------------------
   Login et recherche
---------------------------- */

#loginrecherche
{
    background: #b21d10 url(../../images/bar-rouge-degrade.jpg) repeat-x top left;
    min-height: 28px;
    color: #fff;

}

/* Patch IE < 7 && OS != Mac \*/
* html #loginrecherche
{
    height: 28px;
}
/* End Patch */

/* Min-height IE Mac */
#loginrecherche .minheight
{
    height: 28px;
}

#loginrecherche img, #loginrecherche input, #loginrecherche select
{
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#loginrecherche input, #loginrecherche select
{
    font-size: 1em;
    margin: 0 1px;
}

#loginrecherche input.iutilisateur, #loginrecherche input.ipasse
{
    width: 76px;
}

#loginrecherche a:link, #loginrecherche a:visited, #loginrecherche a:active
{
    color: #fff;
    text-decoration: none;
}

#loginrecherche a:hover
{
    color: #fff;
    text-decoration: underline;
}

#login
{
    float: left;
    padding: 2px 17px 4px 8px;
    background: Transparent url(../../images/bar-rouge-separateur.jpg) no-repeat right top;
    width: 402px;
    /* Patch IE5 Mac \*/
    width: auto;
    /* */
}

#bienvenue
{
    font-size: 1.2em;
    font-weight: bold;
}

#recherche
{
    float: left;
    padding: 2px 8px 4px 16px;
}

#recherche select
{
    width: 130px;
		border-style: solid;
}


#loginrecherche input.irecherche
{
    width: 130px;
}


#recherchepartenaire select
{
    width: 105px;
}


/* --------------------------------------------------------------------------
   Pour page gestion -- Gestion mon business (bande rouge sous le bandeau)
------------------------------------------------------------------------------ */
#zoneStatus
{
    background: #b21d10 url(../../images/bar-rouge-degrade.jpg) repeat-x top left;
    min-height: 28px;
    color: #fff;
}

/* Patch IE < 7 && OS != Mac \*/
* html #zoneStatus
{
    height: 28px;
}
/* End Patch */

/* Min-height IE Mac */
#zoneStatus .minheight
{
    height: 28px;
}

#zoneStatus a:link, #zoneStatus a:visited, #zoneStatus a:active
{
    color: #fff;
    text-decoration: none;
}

#zoneStatus a:hover
{
    color: #fff;
    text-decoration: underline;
}

#titreStatus
{
    float: left;
	font-size:1.5em;
    padding: 4px 6px 4px 6px;
    width: 172px;
    /* Patch IE5 Mac \*/
    width: auto;
    /* */
}

.status
{
	float: right;
	padding: 7px 4px 7px 4px;
	font-size:1.1em;
	background: Transparent url(../../images/bar-rouge-separateur.jpg) no-repeat left top;
}

#messagerie
{
	float:right;
	font-size:1.1em;
	background: Transparent url(../../images/bar-rouge-separateur.jpg) no-repeat left top;
	padding: 4px 6px 5px 4px;
}

#pAvert
{
	float:left;
	padding-top:3px;
	padding-right:3px;
}

#nbrmessages
{
	font-size:1.4em;
	font-weight:bold;
}

.revenusMontant
{
	float:right;
	font-size:1.4em;
	margin-right:5px;
	color:#B21D10;
}

/* ----------------------------
   Colonnes
---------------------------- */

#concolonnes
{
    padding: 7px 0;
    width: 943px;
}

#colgauche
{
    float: left;
    width: 180px;
}

#colcentre
{
    float: left;
    padding: 0 55px;
    _display: inline;
    margin-left: 1px;

    /* Box Model Patch */
    /*width: 581px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 566px;
}

#colcentreLarge
{
    float: left;
    padding: 0 5px;
    _display: inline;
    margin-left: 1px;

    /* Box Model Patch */
    /*width: 581px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 567px;

}

#coldroite
{
    float: right;
    width: 180px;
}

#coldroitesmall
{
    float: right;
    width: 180px;
}

/* Box Model Patch */
html>body #colcentre
{
    width: 447px;
}

#colcentresmall
{
    width: 562px;
}

#colcentre2
{
	float: left;
	_display: inline;
	margin-left: 1px;
	
	/* Box Model Patch */
	width: 757px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 752px;
}

/* Box Model Patch */
html>body #colcentre2
{
	width: 751px;
}

/*--------------------------------------------------
----#colcentre spécial pour la page gestion
	Règle le problème de fuidité du texte
--------------------------------------------------*/
#Contenu
{
    float: left;
    padding: 0 1px;
	_display: inline;
	margin-left: 0px;
	
	/* Box Model Patch */
	width: 749px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 749px;
}

/* Box Model Patch */
html>body #Contenu
{
	width: 749px;
}

/* Box Model Patch */
html>body #colcentreGestion
{
    width: 545px;
}

#colcentreGestion
{
    float: left;
    padding: 0 18px;
    
    /* Box Model Patch */
    width: 580px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 545px;
}

/* Box Model Patch */
html>body #colcentreGestion
{
    width: 545px;
}


/* ----------------------------
   Bloques
---------------------------- */

.bloque
{
    margin-bottom: 9px;
}


/* ----------------------------
   Mes revenus
---------------------------- */

.mesRevenus
{
	border-bottom: 1px solid #95CDF2;
	margin:0 1px;
}

.mesRevenus ul 
{
	font-size: 1.1em;
    list-style: none;
	margin: 0;
    padding: 10px 0 0 0;
}

.mesRevenus ul li
{	
	background:url(../../images/bInf_fleche2.gif) no-repeat 8px 4px;
    margin: 0;
    padding-left:20px;
}


.revenusMontant
{
	float:right;
	font-size:1.4em;
	color:#B21D10;
}

.typeMontant
{
	float:right;
	font-size:1.1em;
	padding:2px 5px 0 0;
	color:#B21D10;
}

.deuxPointsGains
{
	float:right;
	font-size:1.1em;
	font-weight:bold;
	padding-right:6px;
}

.deuxPointsSoldes
{
	float:right;
	font-size:1.1em;
	font-weight:bold;
	padding-right:14px;
}

#daterevenus
{
    padding-left: 20px;
    padding-bottom: 10px;
	font-style: italic;
}

.revenuspoins
{
    list-style: none;
	font-size: 1.1em;
	margin: 0;
    padding: 8px 0 3px 0;
}

.revenuspoins li
{
	background:url(../../images/bInf_fleche2.gif) no-repeat 8px 5px;
    margin: 0;
    padding: 0 0 3px 20px;
}

.revenuspoins li .points
{
    float: right;
    /*width: 44px;*/
    text-align: right;
    _display: inline;
    margin-right: 5px;
    font-size: 1.27em;
}


/* -------------------------------
   Gérer mon équipe et publicité
-------------------------------- */

.tltBlocGestion
{
	font-size:1.1em;
	font-weight:bold;
	padding: 4px 0 8px 9px;
}

.tltBlocGestion img
{
    vertical-align: middle;
}

.tltBlocGestion a:link, .tltBlocGestion a:active, .tltBlocGestion a:visited
{
    color: #000;
    text-decoration: none;
}

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

.tltBlocGestionConfig
{
	font-size:1.1em;
	font-weight:bold;
	padding: 4px 15px 10px 19px;
}

.bannierePromotion
{
	color:#B21D10;
	font-weight:bold;
}

/* note à faire attention : certains éléments de .catégories sont repris dans la page gestion.html*/

.categories
{
    padding: 2px 0 0 0;
    width: 180px;
    background: #fff url(../../images/b-categories-haut.gif) no-repeat left top;
}

.categories .titre
{
    font-size: 1.8em;
    color: #b21d10;
    padding: 0 8px 2px 8px;
    border-left: solid 1px #979797;
    border-right: solid 1px #979797;
    border-bottom: solid 1px #adadad;
}

.categories .titrecatego
{
    font-size: 1.4em;
    font-weight:bold;
    color: #b21d10;
    padding: 0 8px 2px 8px;
    border-left: solid 1px #979797;
    border-right: solid 1px #979797;
    border-bottom: solid 1px #adadad;
}

.categories .titre .boutiques
{
    font-size: 0.67em;
}

.categories .liste
{
    border: solid 1px #c4c4c4;
    border-top: none;
    background-color: #e1e1e1;
    padding: 8px 0 0 0;
}

.categories .liste ul
{
    list-style: none;
    margin: 0;
    padding: 0 0 8px 0;
}

.categories .liste ul li
{
    font-size: 1.1em;
    margin: 0;
    padding: 2px 2px 2px 20px;
    background: Transparent url(https://legrandchangement.com/images/generales/b-categories-puce.gif) no-repeat 8px 6px;
}

.titre select.selectCategories
{
    width: 155px;
}

.imgbloque
{
    display: block;
}


/* ----------------------------
   Contenu central
---------------------------- */
.ligneContenu
{
	margin-bottom:19px;
}

#titreContenuPerso
{
	font-size: 1.1em;
}

#titreContenu
{
	font-size: 1.1em;
	padding-left: 17px;
	padding-bottom: 18px;

}


.blocContenu
{
	width:120px;
	margin-left:20px;
	margin-right:16px;
	float:left;
	height:200px;
}

.blocContenuCentre
{
	width:120px;
	margin-left:16px;
	margin-right:16px;
	float:left;
	height:200px;
}

.blocContenuDroit
{
	width:120px;
	float:left;
	margin-left:16px;
	height:200px;
}

.blocContenuLarge
{
	width:150px;
	margin-left:20px;
	margin-right:16px;
	float:left;
	height:200px;
}

.blocContenuCentreLarge
{
	width:150px;
	margin-left:16px;
	margin-right:16px;
	float:left;
	height:200px;
}

.blocContenuDroitLarge
{
	width:150px;
	float:left;
	margin-left:16px;
	height:200px;
}

.photosContenu
{
	width:115px;
	padding: 0 0 10px 0px;
}

.pict
{
	padding-top:18px;	
}

.nomObjet
{
	font-size:1.3em;
}

.nomObjet img
{
    vertical-align: middle;
}

.descriptObjet
{
	font-size:1.1em;
}

.prixObjet
{
	font-size:1.3em;
	color:#B21D10;
	padding: 0 0 1px 0;
}

.prixCashback
{
	font-size:1.3em;
	color:#4B9600;
	padding: 0 0 1px 0;
}

.titreCategorie
{
	font-size:1.1em;
}

.savoirPlus a:link, .savoirPlus a:visited, .savoirPlus a:active
{
	color:#000;
	text-decoration: none;
}

.savoirPlus a:hover
{
	color: #b21d10;
}

/* ----------------------------
-------------------------------
   Page Catalogue_produits
-------------------------------
---------------------------- */

.selectionProduits
{
	padding: 4px 0 6px 0;
}

.selectionProduits select
{
	font-size: 0.56em;
	width: 162px;
}


#etesIci
{
	padding:0 0 0px 10px;
	background: url(https://legrandchangement.com/images/generales/b-categories-puce.gif) no-repeat 0px 4px;
}

.ligneProduits
{
	border-bottom:1px solid #D4D4D4;
	padding-bottom:18px;
	margin-bottom:18px;
	_height:1%; /* IE < 7 hasLayout */
}

.photosProduits
{
	padding-left:12px;
	padding-top:10px;
	float:left;
	width:110px;
}

.photoObjProduit
{
	padding-left:30px;
}



.detailsProduits
{
	float:left;
	width:310px;
	padding:13px 0 0 15px;

}

.btn_pmt
{
	float:right;
	padding:1px 5px 10px 10px;
}



.ongletsProduits
{
	float:left;
	width:200px;
	display:block;
	align: right;
	padding:0 0 5px 120px;

}

.bAcheter
{
	padding:13px 0 5px 28px;
}

.bAcheterTypeB
{
	padding:13px 0 53px 100px;
	align: right;
}













.bOffrir
{
	padding:0 0 18px 28px;
}

.quantiteEpuise
{
    padding: 0 0 18px 18px;
}

.bEnvoyerAmi img
{
	vertical-align: middle;
}

.bImprimer
{
	padding-top:8px;
}

.bImprimer img
{
	vertical-align: middle;
}

#selectPages
{
	font-size:1.2em;
	padding-bottom:15px;
}

#selectPages a:link, #selectPages a:visited, #selectPages a:active
{
	color:#000;
	text-decoration: none;
}

#selectPages a:hover
{
	color: #b21d10;
	text-decoration:underline;
}

#encours a:link, #encours a:visited, #encours a:active
{
	color:#b21d10;
	text-decoration: underline;
}

#pagePrecedente
{
	float:left;
	width: 160px;
	text-align: left;
}

#choixPage
{
    text-align: center;
}

#pages
{		
	list-style: none;
	display: inline;
}

#pages li
{
    display: inline;
	margin:0;
	padding:0;
}
	
#pageSuivante
{
	float:right;
	width: 130px;
	text-align: right;
}

/*------------------
pour les fiches des produits
------------------*/

/*-----Type A-------*/

.ligneFicheProduits
{
	padding-bottom:24px;
	_height:1%; /* IE < 7 hasLayout */
	width: 500px;
}

.fraisLivraison
{
	font-size:1.1em;
}

.coutsLivraison
{
	font-size:1.1em;
	padding-bottom:15px;
}



.photosProduits a:link, .photosProduits a:visited, .photosProduits a:active
{
	color:#b21d10;
	text-decoration: none;
}

.photosProduits a:hover
{
	color:#86160c;
	text-decoration: underline;
}
	
.pointsPrixObjet
{
	font-size:0.83em;
}

#monObjet
{
	padding-bottom:2px;
}

#iconeZoom
{
	padding: 5px 0 0 0;
}

.zoom a:link, .zoom a:visited, .zoom a:active
{
	text-decoration: none;
}

#conteneurDescript
{
	margin: 0 0 0 20px;
	float:left;
}

#zoneTexte
{
	font-size:1.3em;
	padding:0 0px 20px 0;
}

#titreDescriptProduit
{
	padding-bottom:18px;
}

#commentairesProduits
{
	width:410px;
	padding-bottom:38px;
}

#titreCommentProduit
{
	color:#fff;
	background:#EFC02D url(../../images/secProduits_bandeHautOrange.gif) no-repeat;
	width:140px;
	padding:3px 7px 3px 4px;
	/* Box Model Patch */
    width: 151px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;
}

/* Box Model Patch */
html>body #titreCommentProduit
{
    width: 140px;
}

#zoneCommentProduit
{
	font-size:1.1em;
	color:#816818;
	background:#FBEEC6;
	padding:11px 0 0 17px;
}

.ensembleComment
{
	padding-right:23px;
	padding-bottom:5px;
}

#nbrComment
{
	padding-bottom:18px;
}

.postPar
{
	padding-bottom:18px;
}

.leCommentaire
{
	border-bottom:1px solid #A28C46;
	padding-bottom:7px;
}

.leDernierCommentaire
{
	padding-bottom:7px;
}

/*----------------*/
/*----------------*/
/*-----Type B-----*/
#particulier
{	
	padding-bottom:18px;	
}

#zoneParticulier
{
	width:410px;
	font-size:1.1em;
	color:#234A64;
	background:#D0E9F9;
	padding:11px 0 8px 10px;
}

#blocGauParticulier
{
	width:204px;
	border-right:1px solid #234A64;
	float:left;
	background:#D0E9F9;
}

#blocDrParticulier
{
	width:175px;
	float:right;
	padding-right:8px;
}

.blocParticulier
{
	padding-bottom:16px;
}

#photoVendeur
{
	float:right;
	padding-right:11px;
}

#titreParticulier
{
	color:#fff;
	background:#52ADE9 url(../../images/secProduits_bandeHautBleue.gif) no-repeat;
	width:204px;
	padding:3px 7px 3px 4px;
    /* Box Model Patch */
    width: 215px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 204px;
}

/* Box Model Patch */
html>body #titreParticulier
{
    width: 204px;
}


#zoneParticulier a:link, #zoneParticulier a:visited, #zoneParticulier a:active
{
	text-decoration: none;
	color:#234A64;
}

#zoneParticulier a:hover
{
	text-decoration:underline;
}

.etoilesParticulier
{
	padding:5px 0 0 0;
}

.etoilesParticulier ul
{
	list-style:none;
	margin:0;
}

.etoilesParticulier ul li
{
	margin:0;
	display:inline;
}

#contactVendeur
{
	background:url(../../images/bInf_fleche2.gif) no-repeat 6px 4px;
	padding-left:18px;
}

#commentairesVendeur ul
{
	list-style:none;
	margin:0;
}

#commentairesVendeur ul li
{
	margin:0;
	background:url(../../images/bInf_fleche2.gif) no-repeat 6px 4px;
	padding-left:18px;
}


/*-------------------------
	Inscription (contenu)
--------------------------*/

#contenuInscript
{
	padding-bottom:20px;
}

#titreInscription
{
	color:#4B9600;
	font-size:2.4em;
}

.titreInscriptionRouge
{
	color:#DD5113;
}

#imgMonnaie
{
	float:right;
	padding-right:14px;
	padding-left:28px;
	padding-top:41px;
}

.infoInscript
{
	padding-right:28px;
	padding-top:41px;
	padding-left:28px;
}

#rondUn
{
	background:url(../../images/secInscript_rond1.gif) no-repeat 0px 40px;
}

#rondDeux
{
	background:url(../../images/secInscript_rond2.gif) no-repeat 0px 40px;
}

.enteteInscriptRouge
{
	font-size:1.6em;
	color:#DD5113;
}

.promptionInscript
{
	font-size:1.4em;
}

.promptionInscript a:link, .promptionInscript a:visited, .promptionInscript a:active
{
	text-decoration:none;
	color:#4B9600;
}

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

.infosPromo
{
	font-size:1.2em;
	background:url(../../images/secInscript_flecheContenu.gif) no-repeat 0px 0px;
	padding-left:28px;
	padding-bottom:10px;
	width:314px;
	/* Box Model Patch */
    width: 324px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 296px;
}

/* Box Model Patch */
html>body .infosPromo
{
    width: 296px;
}

.bMinscrire
{
	padding-left:28px;
}

/*------formulaire page Inscription -----*/

#formInscription
{	
	border:1px solid #B9D69C;
	font-size:1.1em;
	color:#4B9600;
	background:#D2F0B5;
	padding:15px 0 11px 0;	
}

#zoneEnteteInscript
{
	padding-bottom:12px;
}

#enteteFormInscript
{
	color:#fff;
	background:#4B9600 url(../../images/secInscript_bandeGauVert.gif) no-repeat top left;
	padding-left:10px;
}


#enteteFormInscript strong
{
	color:#fff;
	background:url(../../images/secInscript_bandeDrVert.gif) no-repeat top right;
	padding-right:10px;
}

#enteteFormInscript, #enteteFormInscript strong
{
	display: block;
	float: left
}

/* Hide from IE5-Mac \*/
#enteteFormInscript span, #enteteFormInscript strong
{
	float: none
}
/* End hide */

#formInscription label
{
	float:left;
	text-align: right;
	display: block;
	width: 180px;
	margin-top: 2px;
	margin-right: 15px;
}

#formInscription input
{
	font-size: 1.0em;
}

#formInscription .inom, #formInscription .iPrenom
{
	width: 160px;
}

#champsEmail label
{
	margin-top: 5px;
}

#formInscription input.iEMail
{
	width: 200px;
}

#champsEmail input
{
	vertical-align:middle;
}

.bValider
{
	margin-left:5px;
}

#noteBasPage
{
	padding:0 0 18px 3px;
}

/* ----------------------------
   Page Formulaire
---------------------------- */

#introFormu
{
	padding:20px 0;
	font-size:1.1em;
}

#introFormu ul
{
	list-style:disc;
	padding-top:5px;
}

#introFormu li
{
	padding: 0 0 0 20px;
}

#erreursform
{
    font-size: 1.3em;
    color: #ff0000;
    padding: 4px;
    border: solid 2px #ff0000;
    text-align: center;
    font-weight: bold;
}

#successform
{
    font-size: 1.3em;
    color: #1C8914;
    padding: 4px;
    border: solid 2px #1C8914;
    text-align: center;
    font-weight: bold;
}

#leFormulaire
{	
	border:1px solid #B9D69C;
	font-size:1.1em;
	color:#4B9600;
	background:#D2F0B5;
	width: 450px;
}

#leFormulaireLarge
{	
	border:1px solid #B9D69C;
	font-size:1.1em;
	color:#4B9600;
	background:#D2F0B5;
	width: 567px;
}

.conteneurChamps
{
	padding:15px 0 11px 35px;
	/* Box Model Patch */
    /*width: 545px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	/*width: 507px;*/
	
}

/* Box Model Patch */
html>body .conteneurChamps
{
    /*width: 507px;*/
	
}

.sectionForm
{
	font-size:1.4em;
	margin-bottom:10px;
	text-decoration:underline;
}

.infoFormulaire
{
	position:absolute;
	padding-top:0px;
}

.lesChamps
{
	padding-bottom:10px;
	padding-right:20px;
}

.lesChampsEntreprise
{
	padding-bottom:10px;
	padding-right:32px;
}

.champsObligatoire
{
	font-size:1.6em;
	color:#DD5113;
	float:right;
	padding-left:6px;
}

.barreObliqueDate
{
	font-size:1.6em;
	float:right;
	padding:0 5px;
}

.conteneurChamps label
{
	float:left;
	padding-left: 24px;
	padding-top: 2px;
}

.conteneurChamps input
{
	width: 150px;
}


.conteneurChamps input, .conteneurChamps select
{
	float:right;
	font-size: 1em;	
}

.conteneurChamps input#dateMois, .conteneurChamps input#dateJour
{
	width:20px;
}

.conteneurChamps input#dateAnnee
{
	width:40px;
}
	
#avertissementMotPasse
{
	float:right;
	padding-right:12px;
}

#casesCoches
{
	padding:15px 10px 11px 35px;
}

.selectionCaseCoche
{
	padding-bottom:15px;
}

.selectionCaseCoche input
{
	float:left;
}

#bDeValidation
{
    float: right;
    padding-right: 35px;
	padding-bottom: 20px;
	_display: inline;
}

#bModifierInfo
{
    float: left;
    padding-left: 35px;
	padding-bottom: 20px;
	_display: inline;
}

#noteBasPageForm
{
	padding:0 0 15px 15px;
}

#zoneAvis
{
	margin:10px 20px 15px 20px;
	border:1px solid #B9D69C;
}

#contenuAvis
{
	padding:10px 15px;
}

#titreAvis
{	
	padding-top:5px;
	font-size:1.4em;
	margin-left:225px;
}

#contenuAvis ul
{
	margin-top:15px;
	list-style:disc;
}

#contenuAvis li
{
	padding: 0 0 10px 20px;
}

#champOblig
{
	color: #b21d10;
	padding:0 0 10px 20px;
}
/* ----------------------------
   Page cmonbiz c'est qui ?
---------------------------- */

#contenuCQui
{
	padding-bottom:20px;
}

.infoCQui
{		
	padding-top:20px;
	padding-left:28px;
}

.infoCQui span
{	
	color:#DD5113;
	font-size:1.5em;
}

.paragrCQui
{
	font-size:1.3em;
	padding-top:10px;
	padding-right:7px;
}

.paragrCQui ul li
{
	list-style:none;
	background:url(../../images/secInscript_flecheContenu.gif) no-repeat 0 3px;
	padding-bottom:10px;
	padding-left:15px;
}


/* ----------------------------
   Contenu page gestion
---------------------------- */

#titreGestion
{
	font-size:1.8em;
	color:#B21D10;
	padding-top:8px;
}

/*---- Message d'urgence ------*/

#urgent
{
	background:#B21D10 url(../../images/sectGestion_degradeAverti.gif) repeat-x;
	color:#fff;
	border:#B31F12 1 px solid;
	margin:9px 0;
}

#iconeUrgent
{
	background:url(../../images/sectGestion_gAvertissement.gif) no-repeat 15px 10px;
}

#infosUrgent
{
	padding:11px 23px 14px 67px;
	_height:1%;
}

#messageUrgent
{
	font-weight:bold;
	font-size:1.5em;
}

#cliquezIci
{
	font-size:1.5em;
	padding-top:15px;
}

#infosUrgent a:link, #infosUrgent a:visited, #infosUrgent a:active
{
	color:#fff;
}

#infosUrgent a:hover
{
	color:#D9AAA4;
}

/*---- les actualités - le contenu (page gestion) ------*/

#titreActualitesContenu
{
	font-size:1.8em;
	color:#52ADE9;
}

.lesActualites
{
	margin:18px 0;
	background:url(../../images/sectGestion_flecheRouge.gif) no-repeat 0 2px;
}

.titreDeLactualite
{
	color:#B21D10;
	font-size:1.3em;
	font-weight:bold;
	padding-left:15px;
}

.titreArticle
{
	font-size:1.5em;
	font-weight:bold;
	padding-top:10px;
}

.dateArticle
{
	font-style:italic;
	font-size:1.1em;
}

.texteActualite
{
	font-size:1.3em;
	padding-top:15px;
}

.lireSuite
{
	font-style:italic;
	font-size:1.1em;
}

.lireSuite a:link, .lireSuite a:visited, .lireSuite a:active
{
	text-decoration:none;
	color:#000;
}

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

/* ----------------------------
   Centre de gestion - Achats
---------------------------- */

#titreGestionAchats
{
    font-size: 1.8em;
	color: #4b9600;
	padding: 8px 0 20px 0;
}

.filtreachats
{
    color: #4b9600;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px 0;
}

.filtreachats select
{
    font-size: 1em;
    color: #000;
    vertical-align: middle;
    font-weight: normal;
}

.filtreachats .date
{
    float: right;
    text-align: right;
    font-size: 1.18em;
    width: 150px;
}

.listeachats
{
    width: 545px;
    font-size: 1.1em;
    border-collapse: collapse;
    border-top: solid 1px #97c26b;
    padding: 0;
    margin: 6px 0;
}

.listeachats thead tr
{
    background-color: #97c26b;
}

.listeachats thead th
{
    font-weight: bold;
    padding: 4px;
    border-right: solid 1px #fff;
    text-align: left;
}

.listeachats thead .dat
{
    border-right: none;
}

.listeachats tbody td
{
    padding: 4px;
    text-align: left;
}

.listeachats tbody .alt
{
    background-color: #d2f0b5;
}

.listeachats .lib
{
    padding-left: 16px;
}

.listeachats .dat
{
    padding-left: 20px;
}

.listeachats .mon
{
    text-align: right;
    padding-right: 22px;
}

/* ----------------------------
   Centre de gestion - Messagerie
---------------------------- */

#titreGestionMessagerie
{
    font-size: 1.8em;
	color: #cf8412;
	padding: 8px 0 10px 0;
}

.filtremessagerie
{
    color: #cf8412;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0;
    border-bottom: solid 1px #df9523;
}

.filtremessagerie select
{
    font-size: 1em;
    color: #000;
    vertical-align: middle;
    font-weight: normal;
}

.filtremessagerie .champs
{
    float: right;
    text-align: right;
    width: 240px;
    padding: 3px 0;
}

.filtremessagerie .libelle
{
    padding: 7px 0;
    display: block;
}

.supprimermessage
{
    font-size: 1.1em;
    color: #cf8412;
    padding: 8px 0;
}

.supprimermessage .date
{
    float: right;
    text-align: right;
    font-size: 1.18em;
    width: 150px;
    font-weight: bold;
}

.supprimermessage img
{
    vertical-align: middle;
}

.supprimermessage a:link, .supprimermessage a:active, .supprimermessage a:visited
{
    color: #cf8412;
}

.supprimermessage a:hover
{
    color: #9b6516;
}

.listemessage
{
    width: 545px;
    font-size: 1.1em;
    border-collapse: collapse;
    border-top: solid 1px #fdd495;
    padding: 0;
    margin: 6px 0;
}

.listemessage thead tr
{
    background-color: #fdd495;
}

.listemessage thead th
{
    font-weight: bold;
    padding: 4px;
    border-right: solid 1px #fff;
    text-align: left;
}

.listemessage thead th a:link, .listemessage thead th a:active, .listemessage thead th a:visited, .listemessage thead th a:hover
{
    color: #9b6516;
} 

.listemessage thead .sta
{
    border-right: none;
}

.listemessage tbody td
{
    padding: 4px;
    text-align: left;
}

.listemessage tbody td input
{
    vertical-align: middle;
}

.listemessage tbody .alt, .listemessage tbody .nonlualt
{
    background-color: #feefd7;
}

.listemessage .sup
{
    text-align: center;
}

.listemessage .nonlu td, .listemessage .nonlualt td
{
    font-weight: bold;
}

.listemessage .de
{
    padding-left: 7px;
}

.listemessage .obj
{
    padding-left: 11px;
}

.listemessage .dat
{
    padding-left: 8px;
    padding-right: 8px;
}

.listemessage tbody a:link, .listemessage tbody a:active, .listemessage tbody a:visited
{
    color: #000;
    text-decoration: none;
}

.listemessage tbody a:hover
{
    text-decoration: underline;
}

.listemessage thead .sta
{
    text-align: center;
}

.listemessage tbody .sta
{
    padding-left: 20px;
    background: #fff url(../../images/icone-mess-lu.gif) no-repeat 4px 5px;
}

.listemessage tbody .alt .sta
{
    background: #feefd7 url(../../images/icone-mess-lu-alt.gif) no-repeat 4px 5px;
}

.listemessage tbody .nonlu .sta
{
    background: #fff url(../../images/icone-mess-non-lu.gif) no-repeat 4px 6px;
}

.listemessage tbody .nonlualt .sta
{
    background: #feefd7 url(../../images/icone-mess-non-lu-alt.gif) no-repeat 4px 6px;
}

/* ----------------------------
   Centre de gestion - Config
---------------------------- */

#titreGestionConfig
{
    color: #727272;
    font-size: 1.8em;
	padding: 8px 0 28px 0;
}

.configchamps
{
    font-size: 1.1em;
    color: #636363;
    font-weight: bold;
}

.configchamps sup
{
    color: #b21d10;
}

.configchamps .champ
{
    border: solid 1px #ababab;
    background-color: #e0e0e0;
    padding: 5px 3px 5px 12px;
    width: 530px;
}

.configchamps .champalt
{
    padding: 6px 4px 6px 13px;
    width: 530px;
}

.configchamps .entre
{
    float: right;
}

.configchamps .entre input, .configchamps .entre select
{
    font-size: 1em;
    font-weight: normal;
    color: #000;
    vertical-align: middle;
}

.configchamps .entre input
{
    width: 180px;
}

.configchamps .communication .entre
{
    font-weight: normal;
}

.configchamps .communication .entre input
{
    width: auto;
}

#datenaissancejour, #datenaissancemois
{
    width: 20px;
}

#datenaissanceannee
{
    width: 40px;
}

.donneesrequis
{
    font-style: italic;
    color: #b21d10;
    padding: 8px 14px;
    font-size: 1.1em;
}

.btnconfirmer
{
    text-align: right;
}

.numconnexion
{
    font-size: 1.1em;
    padding: 22px 14px;
}

.pemp
{
    font-weight: bold;
}

.pemp2
{
    color: #b21d10;
}

/* ----------------------------
   Centre de gestion - Compte
---------------------------- */

#titreGestionCompte
{
    font-size: 1.8em;
	color: #8e8e8e;
	padding: 8px 0 20px 0;
}

.filtretransacs
{
    color: #727272;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px 0;
}

.filtretransacs select
{
    font-size: 1em;
    color: #000;
    vertical-align: middle;
    font-weight: normal;
}

.filtretransacs .date
{
    float: right;
    text-align: right;
    font-size: 1.18em;
    width: 150px;
}

.listetransacs
{
    width: 545px;
    font-size: 1.1em;
    border-collapse: collapse;
    border-top: solid 1px #ababab;
    padding: 0;
    margin: 6px 0;
}

.listetransacs thead tr
{
    background-color: #ababab;
}

.listetransacs thead th
{
    font-weight: bold;
    padding: 4px;
    border-right: solid 1px #fff;
    text-align: left;
}

.listetransacs thead .dat
{
    border-right: none;
}

.listetransacs tbody td
{
    padding: 4px;
    text-align: left;
}

.listetransacs tbody .alt
{
    background-color: #e0e0e0;
}

.listetransacs .lib
{
    padding-left: 16px;
}

.listetransacs .dat
{
    padding-left: 20px;
}

.listetransacs .mon
{
    text-align: right;
    padding-right: 22px;
}

.bandeBasMinforme .titreInformer .webco
{
    font-size: 0.67em;
    font-weight: normal;
}

.bandeBasMinforme .top10soustitre
{
    color: #b21d10;
    font-weight: bold;
    font-size: 1.5em;
    padding: 6px 12px
}

.bandeBasMinforme .top10webco
{
    border-top: solid 1px #91cbf1;
}

.bandeBasMinforme .top10webco img
{
    float: right;
    margin: 6px 5px;
}

.bandeBasMinforme .top10webco .contenu
{
    font-size: 1.1em;
    font-weight: bold;
    padding: 8px 0 8px 18px;
    background: Transparent url(../../images/bInf_fleche2.gif) no-repeat 10px 12px;
}

.bandeBasMinforme .top10webco .contenu .localite
{
    font-weight: normal;
    font-style: italic;
}

/* ----------------------------
   Centre de gestion - CI
---------------------------- */

.categories .liste .infon
{
    font-weight: bold;
    padding: 0 2px 0 20px;
    background-position: 8px 4px;
}

.categories .liste .infon .vvert
{
    font-size: 1.4em;
    color: #4b9600;
    float: right;
}

.categories .liste .infon .vvert .unimon
{
    font-size: 0.79em;
}

.categories .liste .infon .vrouge
{
    color: #b21d10;
    font-size: 1.4em;
    float: right;
}

#sectioncoupe
{
    background: #fff url(../../images/fond-coupe-ci.gif) no-repeat left bottom;
    width: 547px;
    padding-bottom: 24px;
}

#sectioncoupe .contenu
{
    border: solid 1px #979797;
    border-bottom: none;
    padding: 12px 100px 2px 10px
}

#sectioncoupe .titre
{
    font-size: 3.3em;
    font-weight: bold;
    color: #b21d10;
}

#sectioncoupe p
{
    margin: 0;
    padding: 0;
    font-size: 2.4em;
    color: #979797;
}

#sectioncoupe p a:link, #sectioncoupe p a:active, #sectioncoupe p a:visited
{
    color: #979797;
}

#sectioncoupe p a:hover
{
    color: #646464;
}

#sectioncoupe .bouton
{
    text-align: right;
    padding: 0 12px 8px 0;
}

#sectioncoupebas
{
    width: 547px;
    padding-top: 4px;
}

#sectioncoupebas .ppartie, #sectioncoupebas .partie
{
    padding: 10px 12px;
    border: solid 1px #979797;
}

#sectioncoupebas .ppartie
{
    background: Transparent url(../../images/fond-m-argent.jpg) no-repeat right top;
}

#sectioncoupebas .partie
{
    border-top: none;
}

#sectioncoupebas .titre
{
    color: #b21d10;
    font-size: 2.1em;
    font-weight: bold;
}

#sectioncoupebas .ppartie .titre
{
    padding-right: 222px;
}

#sectioncoupebas .ppartie ul
{
    list-style: none;
    padding: 0;
    margin: 7px 222px 7px 0;
}

#sectioncoupebas .ppartie ul li
{
    margin: 0;
    padding: 0 0 0 14px;
    list-style: none;
    font-size: 1.6em;
    color: #979797;
    background: Transparent url(../../images/puce-rouge.gif) no-repeat 1px 3px;
}

#sectioncoupebas .ppartie .note
{
    color: #979797;
    font-size: 1.4em;
    font-style: italic;
    padding-right: 222px;
}

#sectioncoupebas .ppartie .bas
{
    font-size: 1.6em;
    font-weight: bold;
    color: #979797;
    padding: 28px 0 0 0;
}

#sectioncoupebas .ppartie .bas img
{
    float: left;
    margin-right: 10px;
}

#sectioncoupebas .ppartie .bouton
{
    text-align: right;
}

#sectioncoupebas .partie .bouton
{
    text-align: right;
    padding-top: 4px;
}

#sectioncoupebas .partie ul
{
    list-style: none;
    padding: 0;
    margin: 7px 0;
}

#sectioncoupebas .partie ul li
{
    margin: 0;
    padding: 0 0 0 14px;
    list-style: none;
    font-size: 1.4em;
    color: #979797;
    background: Transparent url(../../images/puce-rouge.gif) no-repeat 1px 2px;
}

#sectioncoupebas .partie .soustitre
{
    color: #b21d10;
    font-weight: bold;
    font-size: 1.9em;
    padding-left: 14px;
}

.minformer .classsoustitre
{
    color: #b21d10;
    font-weight: bold;
    font-size: 1.5em;
    padding: 6px 12px;
    background: Transparent url(../../images/class-fond-soustitre.gif) no-repeat 116px top;
    line-height: 0.95em;
}

.minformer .classementci
{
    border-top: solid 1px #91cbf1;
    list-style: none;
    margin: 0;
    padding: 0;
}

.minformer .classementci li
{
    list-style: none;
    margin: 0;
    padding: 6px 6px 6px 6px;
    font-size: 1.1em;
}

.votes
{
    float: right;
    text-align: right;
    color: #b21d10;
    font-style: italic;
}

.bliensimple
{
    padding: 2px 22px 2px 26px;
    background: #fff url(../../images/fleche-rouge-fblanc.gif) no-repeat 16px 6px;
    font-size: 1.1em;
}
.cashback
{
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}

/* ----------------------------
   Colonne de droite
---------------------------- */

/* ----------------------------
   boîte M'Informer
---------------------------- */

.minformer
{
	padding: 2px 0 0 0;
	background:#DCF0FB url(../../images/bMinfo_haut.gif) no-repeat left top;
	/*width:0px;*/
}

.minformerSmall
{
	padding: 2px 0 0 0;
	background:#DCF0FB url(../../images/bMinfo_haut.gif) no-repeat left top;
	width:180px;
}

.titreInformer
{
	font-size:1.8em;
	color:#52ADE9;
	margin:0 1px;
	background:#fff;
	padding: 2px 0 2px 12px;
	border-bottom: 1px solid #95CDF2;
}

.liensMinformerHaut
{
	border-bottom: 1px solid #95CDF2;
	margin:0 1px;
}

.liensMinformerHaut ul 
{
	font-size: 1.1em;
    list-style: none;
	margin: 0;
    padding: 0px 0 10px 0;
}

.liensMinformerHaut ul li
{	
	background:url(../../images/bInf_fleche2.gif) no-repeat 8px 11px;
    margin: 0;
    padding: 6px 0px 0px 20px;
}

.bandeBasMinforme
{
	background:url(../../images/bMinfo_bas.gif) no-repeat left bottom;
	
}

.bandeGauMinforme
{
	background:Transparent url(../../images/bordureMinfo.gif) repeat-y left;
}

.bandeDrMinforme
{
	background:Transparent url(../../images/bordureMinfo.gif) repeat-y right;
}

.liensMinformerBas ul 
{
    list-style: none;
	font-size: 1.1em;
	margin: 0;
    padding: 3px 0 8px 0;
}

.liensMinformerBas ul li
{
	background:url(../../images/bInf_fleche2.gif) no-repeat 8px 11px;
    margin: 0;
    padding: 6px 0px 0px 20px;
}

.minformer a:link, .minformer a:visited, .minformer a:active
{
    color: #000;
    text-decoration: none;
}

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

/* ----------------------------
   Boîte Webcommerçant
---------------------------- */
.webcommercant
{
	padding-top:2px;
	background:#DCF0FB url(../../images/bMinfo_haut.gif) no-repeat left top;
	
	width:300px;
	color:#234A64;
	display:block;
	overflow:visible;	
}

.webcommercantSmall
{
	width:178px;
}

.webcommercant a:link, .webcommercant a:visited, .webcommercant a:active
{
	text-decoration:none;
	color:#234A64;
}

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

.webcommercant .titre
{
	font-size:1.6em;
	color:#52ADE9;
	margin:0 1px;
	background:#fff;
	padding: 2px 0 2px 5px;
	border-bottom: 1px solid #95CDF2;
}

.webcommercant .localite
{
    font-style: italic;
}

.infoWebco
{
	border-bottom: 1px solid #95CDF2;
	padding:4px 0px 7px 7px;
	font-size:1.1em;
}

.lienWebcommercant
{
	font-size:0.9em;
}

.evalVendeur
{
	padding:4px 0 7px 6px;
	font-size:1.1em;
}

#photoVendeurAcc
{
	float:right;
	padding-right:11px;
	padding-top:4px;
}

/* ----------------------------
   Boîte Témoignage
---------------------------- */

.temoignage
{
	padding: 2px 0 0 0;
	background:#D9E9C9 url(../../images/secInscript_TemoignageHaut.gif) no-repeat left top;
	/*width:180px;*/
}

.temoignageSmall
{
	padding: 2px 0 0 0;
	background:#D9E9C9 url(../../images/secInscript_TemoignageHaut.gif) no-repeat left top;
	width:180px;
}

.bandeBasTemoignage
{
	background: url(../../images/secInscript_temoignageBas.gif) no-repeat left bottom;
}

.bandeGauTemoignage
{
	background:Transparent url(../../images/sectInscript_bordTemoign.gif) repeat-y left;
}

.bandeDrTemoignage
{
	background:Transparent url(../../images/sectInscript_bordTemoign.gif) repeat-y right;
}

.temoignage .titre
{
	font-size:1.8em;
	color:#4B9600;
	margin:0 1px;
	background:#fff;
	padding: 2px 0 2px 12px;
	border-bottom: 1px solid #8FBE60;
}

.zoneTemoignage
{
	margin:0 1px;
}

.zoneTemoignage ul 
{
	font-size: 1.1em;
    list-style: none;
	margin: 0;
    padding: 0px 0 10px 0;
}

.zoneTemoignage ul li
{	
	background:url(../../images/secInscript_temoignFleche.gif) no-repeat 8px 11px;
    margin: 0;
    padding: 6px 5px 10px 19px;
    font-style: italic;
}

/* \*/
* html .zoneTemoignage ul li
{
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */

/* ----------------------------
   Boîte Créer mon business
---------------------------- */
.bandeHautCreer
{
	background:url(../../images/bcreerBureau_haut.gif) no-repeat top left;
	padding: 2px 0 0 0;
}

.bandeBasCreer
{
	background:url(../../images/bcreerBureau_bas.gif) no-repeat bottom left;
}

.bandeGauCreer
{
	background:url(../../images/bordureCreer.jpg) repeat-y left;
}

.bandeDrCreer
{
	background:url(../../images/bordureCreer.jpg) repeat-y right;
}

.boiteCreer
{
	width:178px;
    background:#4C9701 url(../../images/bCreerBureau_degrade.gif) repeat-x top left;
	margin:0 1px 9px 1px;
	padding: 5px 0;
	height:28px;
}

.texteinscriptionCreer
{
font-size:1.4em;
}

#texteCreer
{
	font-size:1.0em;
	color:#fff;
	padding: 0px 0px 2px 12px;
	float:left;
}

#texteCreer a:link, #texteCreer a:visited, #texteCreer a:active
{
    color: #fff;
    text-decoration: none;
}

#flecheCreer
{
	padding: 3px 11px 0px 0px;
	float:right;
}


/* -----------   Pour boîte catalogue -------- */

.boiteCatalogue
{
	width:178px;
    background:#4C9701 url(../../images/bCreerBureau_degrade.gif) repeat-x top left;
	margin:0 1px 9px 1px;
	padding: 1px 0;
}

#texteCatalogue
{
	font-size:1.8em;
	color:#fff;
	float:left;
	padding: 1px 0px 2px 5px;
}

#texteCatalogue a:link, #texteCatalogue a:visited, #texteCatalogue a:active
{
    color: #fff;
    text-decoration: none;
}

#flecheCatalogue
{
	float:right;
	padding: 2px 10px 0px 0px;

}

/* -----------   Pour boîte actualités -------- */

.actualitesInfos
{
	border-bottom: 1px solid #95CDF2;
	margin:0 1px;
}

.actualitesInfos ul
{
	font-size: 1.1em;
    list-style: none;
	font-style:italic;
	margin: 0;
    padding: 0px 0 10px 0;
}

.actualitesInfos ul li
{	
	background:url(../../images/bInf_fleche2.gif) no-repeat 8px 11px;
    margin: 0;
    padding: 6px 5px 0px 21px;
}

.liensActualitesInfos
{
	color:#B21D10;
}


.liensActualitesInfos ul 
{
	
    list-style: none;
	font-size: 1.1em;
	margin: 0;
    padding: 8px 0 8px 0;
}

.liensActualitesInfos ul li
{
	background:url(../../images/sectGestion_pFlecheRouge.gif) no-repeat 8px 4px;
    margin: 0;
    padding: 0px 0px 0px 20px;
}

.liensActualitesInfos a:link, .liensActualitesInfos a:visited, .liensActualitesInfos a:active
{
    color: #B21D10;
    text-decoration: none;
}

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

/* ----------------------------
   Boîte Log
---------------------------- */

.boiteLog
{
	background: #4B96BC url(../../images/bLog_haut.gif) no-repeat left top;
	padding-top:2px;
	width:180px;
}

.bandeGauLog
{
	background:url(../../images/bordureLog.gif) repeat-y left;
}

.bandeDrLog
{
	background:url(../../images/bordureLog.gif) repeat-y right;
}

.bandeBasLog
{
	background: url(../../images/bLog_bas.gif) no-repeat bottom left;
	padding: 0px 0 2px 0;
}

#enteteLog
{
	background:#5B8EA7;
	color:#fff;
	padding: 2px 3px 2px 12px;
	border-left: 1px solid #4B96BC;
	border-right:1px solid #4B96BC;
}

#zoneLog
{
	 background: url(../../images/bLog_degrade.gif) repeat-x top left;
	 font-size:1.1em;
   	 color: #1D3948;
	 padding: 4px 0 0px 11px;
}

#zoneLog a:link, #zoneLog a:visited, #zoneLog a:active
{
    color: #fff;
    text-decoration: none;
}

#zoneLog a:hover
{
    text-decoration: underline;
}

#champsUtili, #champsMotPasse
{
	padding-bottom:4px;
}

#zoneLog input.logUtilisateur, input.logPasse
{
    width: 120px;
    font-size: 1.0em;
}

#champsMotPasse input
{
    vertical-align: middle;
}

/* ----------------------------
   Boîte Publicité
---------------------------- */

.boitePub
{
	background: #E3E3E3 url(../../images/bPub_haut.gif) no-repeat left top;
	padding-top:2px;
}

.bandeBasPub
{
	background:url(../../images/bPub_bas.gif) no-repeat left bottom;
	height:634px;
}

.titrePub
{
	color:#656565;
	font-size:0.9em;
	background:#D3D3D3;
	width:54px;
	padding:2px 6px;
	
}

.imgPub
{
	height:597px;
	padding: 10px 8px;
}

/* ----------------------------
   Pied
---------------------------- */

#pied
{
    border-top: solid 1px #b3cad5;
	width: 943px;
}

#pied ul
{
    list-style: none;
    margin: 0;
    padding: 3px 0 0 0;
}

#pied ul li
{
    color: #578ba3;
    margin: 0;
    float: left;
    padding: 0 8px 8px 8px;
}

#pied ul li.premier
{
    padding-left: 0;
}

#pied ul li a:link, #pied ul li a:visited, #pied ul li a:active
{
    color: #578ba3;
    text-decoration: none;
}

#pied ul li a:hover
{
    color: #3b5f6f;
    text-decoration: underline;
}

#copyright
{
    color: #5689a2;
    float: right;
    padding: 3px 0 8px 0;
}

.dateactualite
{
	float: right;
	color:#DD5113;
	font-size:1.3em;
	margin: 0;
}

.titreactualite
{
	font-size:1.3em;
	float: left;
	color:#DD5113;
	margin: 0;

}

.boutiquecontenudroit
{
	width:160px;
	float:left;
	padding-left:16px;
}

.boutiquecontenugauche
{
	width:160px;
	padding-right:35px;
	float:left;
}


#nomproduitH1
{
	/*height: 15px ; */
}

#nomproduitH1 h1
{

    font-size: 1.0em;
}

/* Bandeau C'est quoi */

.BandeauQuoi
{
	width: 943px;
  float: left;
	background:#DCF0FB;
	border-bottom: 1px solid #64ACFF;
	border-left: 1px solid #64ACFF;
	border-right: 1px solid #64ACFF;
}

.titreInformerHaut
{
  float: left;
	font-size:1.2em;
	font-weight: bold;
	background:#fff;
	padding: 2px 12px 2px 12px;
  color: #000;
	text-decoration:none;
}

.titreInformerHautMail
{
	float: left;
	width:159px;
	height:17px;
	background:#fff;
	padding: 0px 2px 0px 2px;
}

.titreInformerHaut a:link, .titreInformerHaut a:visited, .titreInformerHaut a:active
{
  color: #000;
	text-decoration:none;
}

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

.liensMinformerTete
{
  float: left;
	font-size: 1.1em;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.liensMinformerTete a:link, .liensMinformerTete a:visited, .liensMinformerTete a:active
{	
	background:url(../../images/bInf_fleche2.gif) no-repeat 8px 11px;
  color: #000;
	text-decoration:none;
  padding: 6px 0px 0px 20px;
}

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

.lienHotline
{
  float: right;
	font-size: 1.2em;
	font-weight: bold;
  padding: 3px 20px 2px 0px;
}

.lienHotline a:link, .lienHotline a:visited, .lienHotline a:active
{	
	text-decoration:none;
}

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

.fi {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}


/*  INFO BULLES  */

a.info_bulle span
{
  display : none; /* Rend invisible tout notre bloc span */
} 

a.info_bulle:hover span
{				
  display        :  block;    /* Rend visible notre bloc span */
  position       :  absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  
  background     : #dcf0fb;   /* Définition du fond, sinon on a le même que notre lien */
  border         : 1px solid #52ade9; /* Définition des bordures */
	color          : #000;      /* Réinitialisation de la couleur du texte */
  
  padding        : 6px;       /* Définition des marges intérieures */	  
  font-size      : 1.1em;
  width          : 160px;     /* On fixe une largeur par défaut */
  text-align     : left;   /* Justification du texte */	  
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  
  /* Positionnement de notre info-bulle */
  top            : 1.8em;     
  left           : -20px;
	
	z-index  : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement MAIS cause problème 
											quand même sur IE quand une info bulle chevauche un lien pour une autre info bulle */    
}                

a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}   

a.info_bulle
{				
	position : relative; /* Indispensable pour le bon positionnement de l'info-bulle */              
}