#leftFrame { position:relative; float:left; }
#rightFrame { position:relative; float:left; width:620px; padding-top:8px; }
#login { position:absolute; top:0px; left:838px; width:220px; height:535px; background:url(../img/loginBg2.gif) top left no-repeat; }
#loginContent { position:relative; float:left; width:210px; top:185px; left:18px; }
#loginContent input { position:relative; float:left; margin-bottom:4px; }
.titreForm { position:relative; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:100%; }
.bouton { position:relative; margin-left:5px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#f3d000; padding:2px; }
.indication { position:relative; float:left; width:180px; font-family:Arial, Helvetica, sans-serif; color:#706420; font-size:10px; text-align:right; }
.texteBold { margin-bottom:5px; width:192px; position:relative; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; }
.texteBold a { color:#000000; text-decoration:none; }
#leftMenu { position:relative; float:left; background:url(../img/leftMenuBg.gif) top left no-repeat; width:263px; height:100%; padding-left:28px; padding-top:23px; }
.squareColor { position:relative; float:left; width:18px; height:18px; margin-right:5px; }
.leftMenuTitle { position:relative; float:left; width:223px; height:20px; padding-top:4px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
.leftMenuSeparation { position:relative; float:left; width:100%; height:20px; }
/*
////////////////////////////////////////////
Styles menu de gauche
////////////////////////////////////////////
*/

/*
////////////////////////////////////////////
Styles bouton principal ( niveau 1)
////////////////////////////////////////////
*/

.leftMenuItem { position:relative; float:left; width:215px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:23px; margin-bottom:4px; }
.leftMenuItem a { color:#000000; text-decoration:none; }
.leftMenuItem a:hover { color:#000000; text-decoration:underline; }
/*
////////////////////////////////////////////
Styles bouton principal ( niveau 1), état activé (on est sur la page )
////////////////////////////////////////////
*/
.leftMenuItemSelected { position:relative; float:left; width:215px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-left:23px; margin-bottom:4px; }
.leftMenuItemSelected a { color:#000000; text-decoration:none; }
.leftMenuItemSelected a:hover { color:#000000; text-decoration:underline; }
/*
////////////////////////////////////////////
Styles bouton sous menu ( niveau 2)
////////////////////////////////////////////
*/
.leftMenuSubItem { position:relative; float:left; width:215px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:35px; color:#002D59; }
.leftMenuSubItem a { color:#000000; text-decoration:none; }
.leftMenuSubItem a:hover { color:#000000; text-decoration:underline; }
.leftMenuSubItem img { margin-right:4px; }
/*
////////////////////////////////////////////
Styles bouton sous menu ( niveau 2), état activé (on est sur la page )
////////////////////////////////////////////
*/
.leftMenuSubItemSelected { position:relative; float:left; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin-left:35px; }
.leftMenuSubItemSelected a { color:#000000; text-decoration:underline; }
.leftMenuSubItemSelected a:hover { color:#000000; text-decoration:underline; }
.leftMenuSubItemSelected img { margin-right:4px; }
#mainFrame { position:relative; float:left; background:url(../img/mainContentBg.gif) top left repeat-x #fafafa; /*background:#FFF;*/
padding-left:10px; width:968px; min-height:360px;/*ie7*/ height:360px;/*ie6*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:0px; margin-right:0px; }
html>body #mainFrame { height:auto; }
/*
////////////////////////////////////////////
le contenu des pages elles mêmes
////////////////////////////////////////////
*/
#homeContent { position:relative; float:left; margin:0px auto; }
.imgTitre { float:left; clear:both; margin-bottom:5px; }
.pageSeparation { padding-left:3px; float:left; background:url(../img/barreContent.gif) top left repeat-x; width:640px; height:2px; min-height:2px; clear:both; }
.sousTitre { padding-left:3px; width:640px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; clear:both; }
.pageContent { padding-left:3px; margin-top:5px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:640px; clear:both; padding-bottom:15px; }
.pageContent a { color:#5F4732; text-decoration:underline; }
.pageContent a:hover { color:#5F4732; text-decoration:none; }
/*
//////////////////////////////////////////
Historique
/////////////////////////////////////////
*/

#rightFrame_historique { position:relative; float:left; width:677px; height:537px; background-color:#d2bd9f; }
#homeContent_historique { background-color:#D3BE9F; position:relative; float:left; margin:0px auto; height:537px; }
#sousTitreHistorique { font-size:14px; font-weight:bold; }
#txt_historique { float:left; margin-left:20px; margin-top:15px; width:177px; }
#txt_historique a { color:#a24311; font-weight:bold; }
#img_historique { float:left; margin-top:15px; margin-left:45px; }
/*
//////////////////////////////////////////
Valeur
/////////////////////////////////////////
*/

#rightFrame_valeur { position:relative; float:left; width:620px; height:537px; background-color:#99b3d9; }
#homeContent_valeur { background-color:#99b3d9; position:relative; float:left; margin:0px auto; height:537px; }
#sousTitreValeur { float:left; width:620px; font-size:24px; font-weight:bold; color:#004a99; margin-left:15px; margin-top:10px; }
#txt_valeur { float:left; margin-top:15px; margin-left:20px; width:170px; }
#txt_valeur a { color:#004a99; font-weight:bold; }
#img_valeur { float:left; margin-top:30px; }
/*
//////////////////////////////////////////
Chiffres clés
/////////////////////////////////////////
*/

#rightFrame_chiffre { position:relative; float:left; background-color:#a192cf; height:537px; width:677px; background-image:url(../img/titres/chiffres2.jpg); background-repeat:no-repeat; }
#contenu_gauche_chiffre { float:left; width:218px; }
#sousTitrechiffre { float:left; width:150px; font-size:24px; font-weight:bold; color:#fff; }
#txt_chiffre { float:left; margin-left:20px; width:170px; margin-top:115px; }
#txt_chiffre a { color:#61569d; font-weight:bold; }
#contenu_droite_chiffre { float:left; }
/*
//////////////////////////////////////////
Concept
/////////////////////////////////////////
*/

#rightFrame_concept { position:relative; background-color:#C0EB86; float:left; height:537px; width:677px; }
#contenu_gauche_concept { float:left; width:236px; background-image:url(../img/titres/concept2.jpg); background-repeat:no-repeat; }
#sousTitreconcept { float:left; width:180px; font-size:18px; font-weight:bold; }
#txt_concept { float:left; margin-left:20px; width:170px; margin-top:185px; }
#txt_concept a { color:#558119; font-weight:bold; }
#contenu_droite_concept img { float:left; }
/*
//////////////////////////////////////////
Clients
/////////////////////////////////////////
*/

#rightFrame_clients { position:relative; background-color:#80e6e5; background-image:url(../img/titres/clients2.jpg); background-repeat:no-repeat; float:left; height:537px; width:677px; }
#contenu_droite_clients { float:left; margin-left:195px; }
#sousTitreclients { font-size:18px; font-weight:bold; color:#003762; }
#txt_clients { float:left; margin-left:20px; width:350px; margin-top:20px; }
#txt_clients a { color:#558119; font-weight:bold; }
#img_clients { margin-top:4px; float:left; }
/*
//////////////////////////////////////////
Metiers
/////////////////////////////////////////
*/

#rightFrame_metiers { position:relative; background-color:#FFC13A; background-image:url(../img/titres/metiers2.jpg); background-repeat:no-repeat; float:left; height:537px; width:677px; }
#sousTitremetiers { margin-top:20px; font-size:18px; font-weight:bold; color:#731a73; }
#txt_metiers { float:left; margin-left:200px; width:400px; }
#txt_metiers a { color:#731a73; font-weight:bold; }
#img_metiers { float:left; }
/*
//////////////////////////////////////////
Offre / Produits
/////////////////////////////////////////
*/

#rightFrame_produits { position:relative; background-color:#ffff94; float:left; height:537px; width:677px; background-image:url(../img/titres/Offre3.jpg); background-repeat:no-repeat; background-position:right; }
#bandeau_produits { float:left; }
#contenu_bas_produits { float:left; padding-top:10px; }
#txt_produits { float:left; margin-left:10px; width:200px; text-align:right; }
#contenu_droite_produits { float:left; width:400px; }
#sousTitreproduits { float:left; width:380px; margin-left:10px; font-size:20px; font-weight:bold; color:#0c356d; }
#img_produits { float:left; margin-left:10px; }
/*
//////////////////////////////////////////
Groupement
/////////////////////////////////////////
*/

#rightFrame_groupement { position:relative; background-color:#d98eff; background-image:url(../img/titres/groupements2.jpg); background-repeat:no-repeat; float:left; height:600px; width:677px; }
#contenu_droite_groupement { float:left; margin-left:246px; }
#sousTitregroupement { font-size:20px; font-weight:bold; color:#FFFFFF; }
#txt_groupement { float:left; margin-left:70px; width:280px; margin-top:20px; }
#img_groupement { margin-top:25px; float:left; }
/*
//////////////////////////////////////////
Logistique / Moyens
/////////////////////////////////////////
*/

#rightFrame_moyens { position:relative; background-color:#878787; background-image:url(../img/titres/moyens.jpg); background-repeat:no-repeat; float:left; height:537px; width:677px; }
#homeContent_moyens { float:left; height:227px; }
#sousTitremoyens { float:left; margin-top:10px; margin-left:35px; font-size:20px; font-weight:bold; }
#txt_moyens { float:left; margin-left:185px; width:170px; margin-top:10px; }
#txt_moyens a { color:#000000; }
#img_moyens { float:left; }
/*
//////////////////////////////////////////
Services
/////////////////////////////////////////
*/

#rightFrame_services { position:relative; background-color:#ff6c10; background-image:url(../img/titres/Services.jpg); background-repeat:no-repeat; float:left; height:537px; width:677px; }
#contenu_bas_services { margin-top:172px; }
#contenu_gauche_services { float:left; padding-left:20px; padding-top:10px; width:160px; text-align:right; }
#contenu_droite_services { float:left; }
#sousTitreservices { float:right; font-size:20px; color:#fff59b; width:150px; font-weight:bold; }
#txt_services { float:right; margin-top:10px; }
#img_services { float:left; margin-left:25px; }
/*
//////////////////////////////////////////
Rejoindre
/////////////////////////////////////////
*/

#rightFrame_rejoindre { position:relative; background-color:#FFFFFF; background-image:url(../img/titres/rejoindre.jpg); background-repeat:no-repeat; float:left; height:600px; width:677px; }
#sousTitrerejoindre { font-size:20px; font-weight:bold; }
#txt_rejoindre { float:left; margin-left:340px; width:320px; margin-top:16px; }
#txt_rejoindre a { color:#004a99; }
#liens_rejoindre { float:left; margin-left:30px; }
#contact_mail { margin-left:25px; }
/*
//////////////////////////////////////////
Contactez-nous
/////////////////////////////////////////
*/

#rightFrame_contact { position:relative; background-color:#FFFFFF; background-image:url(../img/titres/contact2.jpg); background-repeat:no-repeat; background-position:top left; float:left; min-height:550px; width:677px; }
#sousTitrecontact { font-size:20px; font-weight:bold; }
#txt_contact { float:left; margin-left:270px; width:330px; margin-top:16px; }
#txt_contact a { color:#004a99; }
#txt_contact_contenu_haut { float:left; margin-left:30px; width:400px; }
#txt_contact_contenu_haut a { color:#004a99; }
.decalage_contact { margin-left:30px; }
/*
//////////////////////////////////////////
Contactez-nous
/////////////////////////////////////////
*/

#rightFrame_techniceau { position:relative; background-color:#FFFFFF; float:left; height:550px; width:677px; }
.rightFrame_techniceau_left { width:200px; float:left; margin-left:10px; }
.rightFrame_techniceau_right { float:left; margin-left:10px; width:427px; text-align:justify; }
#rightFrame_techniceau h2 { float:left; margin:0px; padding:0px; width:667px; margin-left:10px; margin-top:20px; margin-bottom:20px; }
/*
////////////////////////////////////////////
contient l'annonce promo du mois en page d'accueil
////////////////////////////////////////////
*/

#homePromo { position:relative; margin-bottom:10px; margin-top:15px; float:left; }
#homePromoTxt { float:left; margin-left:5px; font-family:Arial, Helvetica, sans-serif; }
.textContent { position:relative; float:left; width:450px; }
.textContentLeft { position:relative; float:left; width:220px; }
.textContentLeft IMG { border:1px solid #A3B3CD; }
.textContentRight { position:relative; float:right; width:220px; }
.planTitre { float:left; text-align:center; width:440px; padding:5px; margin-top:30px; background-color:#F2F4F4; border-left:1px solid #A3B3CD; border-right:1px solid #A3B3CD; border-top:1px solid #A3B3CD; }
.planEncart { float:left; width:440px; background-color:#E3ECF2; border:1px solid #A3B3CD; padding:5px; }
.planSeparation { float:left; width:220px; border-bottom:1px dotted #A3B3CD; margin-bottom:5px; }
.planSymboles { float:left; width:220px; margin-top:10px; margin-bottom:10px; }
.planSymboles img { border:0px; }
#top { float:left; width:450px; margin-top:2px; text-align:right; }
#top a { color:#000000; text-decoration:none; }
/*
//////////////////////////////////////////
Rejoindre
/////////////////////////////////////////
*/

#rightFrame_lebalitrand { position:relative; background-color:#FFFFFF; background-repeat:no-repeat; float:left; height:600px; width:677px; }
#contenu_lebalitrand { position:relative; float:left; padding-left:10px; }
.catalogue { position:relative; float:left; color:#FF0000; font-weight:bold; text-align:center; width:150px; margin-right:15px; }
.catalogue img { border:1px solid #aaaaaa; }
.catalogue img:hover { border:1px solid #FF0000; }


/*
//////////////////////////////////////////
home content
//////////////////////////////////////////
*/
/* #magasins */
#magasins { width:440px; margin-top:10px; float:left; }
#magasins a:focus { outline:none; }
#magasins .list { width:440px; float:left; }
#magasins .list-magasin { width:215px; margin-left:10px; float:left; }
#magasins .list-magasin:first-child { margin-left:0px; }
#magasins .list-magasin-title { width:215px; margin:0px; border-bottom:#8B8B8B solid 2px; float:left; color:#272424; font-size:11px; text-transform:uppercase; }
#magasins .list-magasin-subTitle { width:215px; margin:0px; margin-top:2px; float:left; color:#FFF; font-size:10px; font-weight:bold; }
#magasins .list-magasin-image { width:215px; margin:0px; margin-top:5px; float:left; }
#magasins .list-magasin-text { width:215px; margin:0px; margin-top:5px; float:left; color:#57585A; font-size:11px; line-height:16px; }

/* #promo */
#promo { width:440px; margin-top:20px; float:left; }
#promo a:focus { outline:none; }
#promo .list { width:440px; float:left; }
#promo .list-promo { width:215px; margin-left:10px; float:left; }
#promo .list-promo:first-child { margin-left:0px; }
#promo .list-promo-title { width:215px; margin:0px; border-bottom:#8B8B8B solid 2px; float:left; color:#272424; font-size:11px; text-transform:uppercase; }
#promo .list-promo-image { width:70px; margin:0px; margin-top:5px; margin-right:10px; float:left; }
#promo .list-promo-subTitle { width:155px; margin:0px; margin-top:2px; float:left; color:#FFF; font-size:10px; font-weight:bold; }
#promo .list-promo-text { width:155px; margin:0px; margin-top:10px; float:left; color:#57585A; font-size:12px; line-height:16px; }
#promo .button { margin-top:10px; }