*
{
    padding:0px;
    margin:0px;
}

.fondMenuVert
{
    background-color:#4fad26;
}



/*colonne de gauche fluide*/
/*div#colGaucheVide
{
    width:50%;
    float:left;
    margin-right: -480px;

}*/
/*Container affichant la "page" centrée*/
/*div#container {
    width: 960px;
    position:relative;
    float:left;
    background-color:White;
}*/
/*Colonne de droite fluide*/
/*div#colDroiteVide
{
    width:50%;
    float:right;
    margin-left: -481px;
}*/


body 
{
    text-align: center;
    
    /*nouveau style*/ /*ben non hein ciboire ça s'rait ben'trop beau...*/
    /*background-image:url(/images/fondLogoFP.jpg);
    background-repeat:repeat-x;
    background-color:#F2FFF1;
    background-attachment:fixed;*/
    /*nouveau style*/
} 

div#container 
{ 
    width:960px;
    background-color:White;
    margin:0 auto;
    text-align:left;
    overflow:visible;
    
    /*nouveau style*/
    /*padding:0px 10px 10px 10px;
    border:solid 1px #72C66A;
    margin-top:10px;
    margin-bottom:10px;*/
    /*nouveau style*/
} 

.column 
{ 
    width:50%; 
    position:absolute; 
    top:0;
    z-index:-1;
} 

.left {left:0;} 
.right {right:0;}
 
div#colGaucheVide
{
    margin-right: 480px; 
} 

div#colDroiteVide
{
    margin-left: 479px;
} 

div#colDroiteInterieur
{
    margin-left:480px;
    background-color:#4fad26;
}





a:visited, a
{   
    color: #535353;
    text-decoration: none;
}

a:hover
{
    color:#4fad26;
}


img { border: none; }



/*ajax calendar extender*/
.ajax__calendar_container 
{ 
    z-index:999999;
}


/* DhtmlTooltip - n.b. il y a un fichier js associé avec ça dans le folder js */
#dhtmltooltip
{
    font-family:Verdana, Arial;
    font-size:12px;
    position: absolute;
    width: 150px;
    border: 2px solid #5696CA;
    padding: 5px;
    visibility: hidden;
    z-index: 999999;
}




/**************** Recherche par Autocomplete ****************/
.boiteAutoComplete
{
    z-index:99999;
    overflow:scroll;
    height:200px;
    background-color:White;
    padding:2px;
    font-size:12px;
    border-style:solid; border-width:2px; border-color:#EAEAD8;
    cursor:hand;
    cursor:pointer;
}

/********* Fin de la recherche par Auto-complete ************/



/****** TagCloud ************/
#tagCloud a, #tagCloud a:visited, #tagCloudAnglais a, #tagCloudAnglais a:visited
{
    color: #535353;
    padding:5px;
    line-height:25px;
}
#tagCloud a:hover
{
    color:#4fad26;
    padding:5px;
    text-decoration:underline;
}
.tagStyle1
{
    font-size:smaller;
}
.tagStyle2
{
    font-size:small;
}
.tagStyle3
{
    font-size:medium;
}
.tagStyle4
{
    font-size:larger;
}
.tagStyle5
{
    font-size:large;
    font-weight:bold;
}
/****** Fin du TagCloud ****/



/*********** MODAL POPUP ********/
.modalBackground 
{
    background-color:Black; 
    filter:alpha(opacity=60);
    opacity:0.6;
}
.modalPopup
{
    position:absolute;
    top:0px;
    left:-1000px;
    padding:3px; 
}
.colonneLabels
{
    width:100px;
}
/*********** MODAL POPUP ********/










/******* MENU ACCUEIL (menu en texte) EN HAUT DES PAGES **********/
.headerSection1
{
    height:40px;
    /*background-image:url(/images/30e/bandeJauneHaut30e.jpg);*/
}
.headerSection1Gauche
{
    height:40px;
    /*background-image:url(/images/30e/coinGaucheJaune30e.jpg);
    background-position:right;
    background-repeat:no-repeat;*/
}
.headerSection1Droit
{
    height:40px;
    /*background-image:url(/images/30e/coinDroitJaune30e.jpg);
    background-position:left;
    background-repeat:no-repeat;*/
}

#sectionChoixLangue
{
    text-align:right;
    width:50px;
    height:40px;
    float:right;
    top:20px;
    padding-left:6px;
    position:relative;
    font-size:11px;
    font-style:italic;
}
#sectionChoixLangue a:hover
{
    color:#4fad26;
}
#sectionMenuAccueil
{
    font-size:11px;
    position:relative;
    top:20px;
    height:20px;
    float:right;
}
#sectionMenuAccueil table a
{
    padding-left:6px;
    padding-right:3px;
}
#sectionMenuAccueil table a:hover
{   
    color:#4fad26;
}
#sectionMenuAccueil a:hover /*à cause de safari*/
{   
    color:#4fad26;
}
/****************************************************************/




.headerSectionRecherche
{
    height:48px;
    background-image:url(/images/backgroundHeaderRecherche.png);
    background-repeat:repeat-x;
    /*nouveau style*/
    /*width:980px;
    margin-left:-10px;*/
    /*nouveau style*/
}
#sectionRecherche
{
    float:right;
    width:230px;
    position:relative;
    top:5px;
	left: 0px;
}
ul#menuSectionCopyright
{
    float:right;
    list-style-type:none;
}
ul#menuSectionCopyright li
{
    float:left;
}
ul#menuSectionCopyright a
{
    margin-left:10px;
    margin-right:10px;
    color:Gray;
}
ul#menuSectionCopyright a:hover
{
    color:Black;
}



div#sectionPartenaires
{
    width:100%;
    clear:both;
}
ul#listePartenaires
{
    position:relative;
    top:15px;
    list-style-type:none;
}
ul#listePartenaires li
{
    float:left;
    margin-left:20px;
}


ul#indexAlpha
{
    position:relative;
    list-style-type:none;
}

ul#indexAlpha li
{
    float:left;
    margin-left:3px;
}


ul#indexMarques
{
    position:relative;
    list-style-type:none;
}

ul#indexMarques li
{
    float:left;
    margin-left:3px;
}




div#sectionPubBasDePage
{
    width:100%;
    clear:both;
}
div#pubBasDePage
{
    width:728px;
    height:90px;
}




div#basDePageSectionCopyright
{
    font-size:11px;
    margin-top:20px;
    width:100%;
    clear:both;
}




/******** MENU DU BAS DE PAGE ******/
div#basDePage
{
    position:relative;
    background-color:#EAEAD8;
    clear:both;
    height:40px;
}
div#sectionMenuBasDePage
{
    font-size:12px;
    position:absolute;
    top:12px;
    left:215px;
    width:700px;
}
.MenuBasDePageItems
{
    padding-left:2px;
}
.menuBasDePageHover
{   
    color:#4fad26 !important;
}
div#sectionMenuBasDePage a:hover
{
    color:#4fad26 !important;
}
/***********************************/
.texte12 {font-size:12px;}
.texte12Bold {font-size:12px; font-weight:bold;}
.curseurHandPointer { cursor:hand; cursor:pointer;}
.positionAbsolute { position:absolute;}
.positionRelative { position:relative;}
.displayNone { display:none;}
.displayBlock { display:block;}
.floatLeft {float:left;}
.floatRight {float:right;}
.top1px {position:relative; top:1px;}
.top2px {position:relative; top:2px;}
.top3px {position:relative; top:3px;}
.top4px {position:relative; top:4px;}
.top5px {position:relative; top:5px;}
.top6px {position:relative; top:6px;}
.top8px {position:relative; top:8px;}
.margLeft2px {margin-left:2px;}
.margLeft4px {margin-left:4px;}
.margLeft6px {margin-left:6px;}
.margLeft20px {margin-left:20px;}
.margRight10px {margin-right:10px;}
.margLeftSTD {margin-left:18px;}
.margTopSTD {margin-top:18px;}
.borderStd {border-style:solid; border-width:1px; border-color:#EAEAD8;}
.textAlignCenter {margin-right: auto; margin-left:auto; text-align:center;}




.headerSectionMenu 
{
    height: 30px;
    background-image:url(/images/backgroundHeaderMenu.png);
    background-repeat:repeat-x;
    /*nouveau style*/
    /*width:980px;
    margin-left:-10px;*/
    /*nouveau style*/
}



div#trouvezVotreFamiliprix
{
    clear:both; 
    width:300px;
    height:57px;
    background-image:url(/images/backgroundHeaderRecherche.png);
    background-repeat:repeat-x;
}







/******* BARRE DE RECHERCHE / AFFICHAGE DE SUCCURSALE ******/
div#sectionRechercheSuccursale
{
    position:relative;
    width:640px;
    height:30px;
    float:left;
    background-color:#F5F5EF;
}
div#flecheSuccursale
{
    position:absolute;
    float:left;
    left:0px;
    top:0px;
    z-index:999;
}
div#containerDuMarquee
{
    font-size:12px;
    position: relative;
    width:100%; /*510px;*/
    float:right;
    height: 30px;
    overflow: hidden;
}
.codePostalPartie1
{
    width:30px;
    height:17px;
    float:right;
    margin-top:6px;
    text-align:Center;
    margin-left:6px;
}
.codePostalPartie2
{
    width:30px;
    height:17px;
    float:right;
    margin-top:6px;
    text-align:Center;
    margin-left:2px;
}
#divLblEntrezCodePostal
{
    font-size:12px;
    position:relative;
    float:right;
    height:16px;
    top:52%;
    margin-top:-8px;
}
/***********************************************************/






div#sectionAbonInfolettre
{
    float:left;
    width:300px;
    height:30px;
    margin-left:18px;
}







/****** Définition des BLOCS DIV pour le contenu des pages générales *******/
div#contenuPage /*conteneur principal pour toutes les pages de contenu*/
{    
    display:inline-block;
    width:100%;
    margin-top:18px;
    margin-bottom:18px;
    padding:0px;
}
#sectionContenuEntete /*Entete des sections de contenu ex: Image À propos de nous*/
{
    position:relative;
    width:820px;
    /*height:120px;*/
    float:left;
}
#sectionColonneGauche
{
    width:220px;
    position:relative;
    float:left;
    overflow:hidden;
    margin-top:20px;
}
#sectionColonneGauche2Tiers
{
    width:640px;
    position:relative;
    float:left;
    overflow:hidden;
}
#sectionColonneDroite1Tier
{
    position:relative;
    float:right;
    margin-left:18px;
    width:300px;
    /*overflow:hidden;*/
}

#contenuPageReel
{
    position:relative;
    float:left;
    width:580px;
    margin-top:20px;
    margin-left:20px;
}
/*liens bleus dans les contenus de page*/
#contenuPageReel a:visited, #contenuPageReel a, #contenuPage a:visited, #contenuPage a, .sousSectionColonneGauche a:visited, .sousSectionColonneGauche a, #sectionColonneGauche2Tiers a:visited, #sectionColonneGauche2Tiers a
{   
    color:#0b2577;
    font-weight:bold;
    text-decoration: none;
}
#contenuPageReel a:hover, #contenuPage a:hover, #sectionColonneGauche2Tiers a:hover, .sousSectionColonneGauche a:hover
{
    color:#535353;
}
/*******/

.tableauFormulaire
{
	border: 1px solid green;
	width: 580px;
	height: auto;
	margin-left: 20px;
}
.labelTableauFormulaire
{
	font-size: 12px;
	font-weight: bold;
	padding-right: 15px;
	padding-top: 5px;
}
.messageFieldValidator
{
    position:relative;
    color:Red;
    font-size:12px;
    font-weight:bold;
    float:left;
    clear:both;
}
.messageFieldValidatorCadeau
{
    position:relative;
    color:Red;
    font-size:12px;
    font-weight:bold;
}
.messageConfirmation
{
    font-size:16px;
    color:#487BB9;
    font-style:italic;
    font-weight:bold;
}

.traitTexteCourant
{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 25px;
}

.imageTraitTexteCourant
{
    background-image:url(/images/traitTexteCourant.png);
    background-repeat:no-repeat;
    width:100%;
    height:1px;
    float:left;
}

#sectionPubGratteCielDroite
{
    position:relative;
    float:right;
    width:120px;
    height:600px;
}
.imageFloatLeft
{
    float:left;
    margin-bottom:15px;
    margin-right:15px;
}
.imageFloatRight
{
    float:right;
    margin-bottom:15px;
    margin-left:15px;
}
/**********************************************************************/

/*==================== PAGE: Historique.aspx =====================*/








/***** Section des icônes imprimante, Facebook, date du jour etc.****/
div#sectionIconesEtDate
{
    position:relative;
    display:inline-block;
    width:100%;
    height:22px;
}
ul#iconesEtDate
{
    margin-top:1px;
    position:relative;
    float:right;
    list-style-type:none;
}
ul#iconesEtDate li
{
    float:left;
}
#divLabelDate
{
    float:right;
    position:relative;
    top:50%;
    margin-top:-4px;
    height:14px;
    font-size:11px;
    margin-left:20px;
}
/********************************************************************/


/******** SiteMapPath (Fil d'Arianne) *********/
#siteMapPath
{
    position:relative;
    float:left;
    height:18px;
    top:50%;
    margin-top:-7px;
}
#siteMapPath > span
{
    font-family:Arial Verdana;
    font-size:11px;
    color:#535353;
}
#siteMapPath a:hover
{
    color:#4fad26;
}
/***** FIN du SiteMapPath (Fil d'Arianne) ******/





/*==================== PAGE: default.aspx =====================*/
div#blocCarteRecherche
{
    position:relative;
    float:right;
    margin-left:18px;
    width:298px;
    height:250px;
    overflow:hidden;
}

div#rechercheFamiliprixBasCarte
{
    position:absolute;
    top:205px;
    left:150px;
    width:125px;
}



div#blocVideo
{
    float:left;
    margin-top:18px;
    margin-left:18px;
    width:298px;
    overflow:hidden;
}
/*================== fin de PAGE default.aspx =================*/



.contenuAfficheurTendance
{
    position:absolute;
    top:1px;
    width:632px;
    height:354px;
    margin:3px;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
}
.contenuAfficheurTendanceInvisible
{
    position:absolute;
    top:1px;
    display:none;
    width:632px;
    height:354px;
    margin:3px;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
}



/**** Affichage des informations du vidéo dans le carrousel des vidéos ****/
.contenuAfficheurInformationsVideo
{
    position:absolute;
    top:1px;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
}
.contenuAfficheurInformationsVideoInvisible
{
    position:absolute;
    top:1px;
    display:none;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
}
/**** FIN de: Affichage des informations du vidéo dans le carrousel des vidéos ****/



/*================== PAGE: psst.aspx ==========================*/
.contenuAfficheurPSST 
{
    position:absolute;
    top:1px;
    background-image:url(/images/SavoirSante/PSST/ContenuCarrouselPSST/fondCarrouselPSST!.jpg); /*FRANCAIS*/
    width:632px;
    height:294px;
    margin:3px;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
    
}
.contenuAfficheurPSST_EN
{
    position:absolute;
    top:1px;
    background-image:url(/images/SavoirSante/PSST/ContenuCarrouselPSST/fondCarrouselPSST!_EN.jpg); /*ANGLAIS*/
    width:632px;
    height:294px;
    margin:3px;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); 
    -moz-opacity: 1;
    opacity: 1;
    
}
/*il est invisible à son initilisation, mais sera visible par le bouton du carrousel*/
.contenuAfficheurPSSTInvisible
{
    position:absolute;
    top:1px;
    background-image:url(/images/SavoirSante/PSST/ContenuCarrouselPSST/fondCarrouselPSST!.jpg);
    width:632px;
    height:294px;
    margin:3px;
    display:none;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); 
    -moz-opacity: 0;
    opacity: 0;   
}
.contenuAfficheurPSSTInvisible_EN
{
    position:absolute;
    top:1px;
    background-image:url(/images/SavoirSante/PSST/ContenuCarrouselPSST/fondCarrouselPSST!_EN.jpg);
    width:632px;
    height:294px;
    margin:3px;
    display:none;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=0); 
    -moz-opacity: 0;
    opacity: 0;   
}

/*================ fin de PAGE: psst.aspx ======================*/

.conditionsApplicables
{
}
/* Cartes Cadeaux */
a.conditionsApplicables , a:visited.conditionsApplicables 
{
    color: #4178AF;
    font-weight:800;
}
a:hover.conditionsApplicables 
{
    color:#115799;
    text-decoration:underline;
    font-weight:800;
}
.texteVertCartesCadeaux
{
	color:#43B23D;
	font-weight:800;
}

.grosTitreVertCarteCadeau
{
	font-size:18px;
	color:#43B23D;
	font-weight:800;
}

td.texteVertCartesCadeaux
{
	background-color:#EBEAD8;
	border-color:#EBEAD8;
	color:#43B23D;
	padding-bottom:6px;
	padding-left:6px;
	padding-top:6px;
}

td.texteCartesCadeaux
{
	background-color:#F5F5EF;
	padding-bottom:6px;
	padding-left:6px;
	padding-top:6px;
	border-color:#F5F5EF;
	border-width:2px;
}
td.texteCartesCadeauxCentre
{
	text-align:center;
	background-color:#F2F2E8;
	border-color:#F2F2E8;
	border-width:2px;
}
.smallPrints
{
    font-size:10px;
}
.texteTrAccepteCartesCadeaux
{
	color:#43B23D;
	font-size:18px;
	font-weight:800;
}
.texteTrRefuseCartesCadeaux
{
	color:Red;
	font-size:18px;
	font-weight:800;
}

.btnRecherche
{
  background: url(/images/flecheRecherche.png);
  width:20px;
  height:20px;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  margin-left:0px;
  margin-top:0px;
}
.btnRecherche:hover
{
  background: url(/images/flecheRecherche.png);
  width:20px;
  height:20px;
}





/*Dans le calculateur*/
.texteVertBold
{
    color: #319D2B;
    font-weight: bold;
}

.GridViewSeparateurRow td
{
     border-bottom:solid 1px #CCCCCC;
}

tr.HeaderAlimentsConsommes > th
{
     background-image:url(/images/Calculateurs/fondEnteteAlimentsConsommes.jpg);
     background-repeat:repeat-x;
}
.messageConfirmationPetit
{
    font-size: 12px;
    color: #487BB9;
    font-style: italic;
    font-weight: bold;
}


.blocCarteFidelite {
                float: left;
                width: 230px;
                margin-left: 16px;
                margin-top: 260px;
                position: relative;
}

