@charset "windows-1251";
/* ================================================================================= GLOBAL */
html, body { font-family: Arial,sans-serif; margin: 0px; padding: 0px; background: #a0a1a3 url(/images/arriereplan.png) repeat-x; height:100%; width: 100%; text-align: justify; color: #000; font-size:11px; }

 #imageSlideshowHolder
{

    border: 0px solid #317082;
    height:190px;
    margin-top: 10px;
    padding-right: 1px;
    position: relative;
    width: 100%;
}

.imageInGallery
{
                         left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}
.formerreur { color:red;  font-weight:bold; }
.formok { color:black; }
.formmsg { padding:4px 0px 4px 2px; color:black; font-weight:bold; width:716px; margin-bottom:6px; }
.formmsgerreur { padding:4px 0px 4px 2px; background:red;  color:black; font-weight:bold;  margin-bottom:6px; width:716px; }

.clearleft {clear:left;}
.displaynone {display:none;}

form {margin: 0;}
a { position:relative; }
a:active, a:focus, object { outline:none; }
a:link, a:visited { color: #979797; text-decoration: none; }
a:hover { text-decoration: none; }
a img {border: 0;}
div { margin:0px; padding:0px; font-size:10px; }
p { margin:0px; padding:0px; font-size:11px; text-align:justify; }
ul { font-size:11px; }
li { display: list-item; list-style-image: url(/images/pucejld.gif); margin-bottom:2px; }
input { border-width:1px; border-style:solid; border-color:#ccc; font-size:11px; }
select { font-size:11px; border-width:1px; border-style:solid; border-color:#ccc; }
hr { border-top: 1px dashed #ddd; border-bottom: none; color: #fff; background-color: #fff; height: 0px; }
h2 { font-size: 14px; font-variant: small-caps; color: #b0b0b0; font-weight: normal; }

#tableauconteneur { height: 100%; width: 100%; margin-top:-40px;}
#forminfo, #formreclam, #forminfo2, #formreclam2 { border:none; }
#copyright { margin-top:3px; font-size:12px; /* padding-right:100px; */}
#boutonfranchise a { position:absolute; left:6px; bottom:0; float: left ; width:96px; height:30px; background: #000 url(/images/boutonfranchise.gif) left top no-repeat ; }
#boutonfranchise a:hover{ background: #fff url(/images/boutonfranchise.gif) left bottom no-repeat ; }

#hlink {
	position:absolute; left:470px; bottom:15px;
}

.textesecondaire { color:#777; font-size:0.9em; }
.soustitre { font-weight:bold; margin-top:14px; margin-bottom:4px; }

.menusouspages { line-height: 30px; font-variant: small-caps; color:#b0b0b0; }
.menusouspages a:link, .menusouspages a:visited { font-size: 14px; }
.menusouspages a:hover { font-size: 14px; color: #E47D02; }
.menusouspageactif { font-size: 14px; color: #e57d02; }

.titrepage { background: #a2a9b4 url(/images/titrebkgnd.png) right top repeat-y ; color:#fff; margin-left:-6px; }
.bandetitrepage { background: #a2a9b4 url(/images/titrebkgnd.png) right top repeat-y ; padding-left:8px; padding-top:8px; height:56px; }
.paragavectitre { margin:0px; padding:0px; font-size:11px; text-align:justify; margin-left:5px; }
.titrepageheader { background:url(/images/titrepagebkgnd.png) no-repeat left top; width:400px; /* taille par defaut */ }
.titrepagevignette { float:left; height:90px; width:92px; padding-left:5px; padding-top:8px; }
.lettrine { float: left; font-size: 2.5em; font-family: Arial; font-weight: bold; margin: .01em .2em 0 0; line-height: 1em; color: #555555; }
.soustitresmallcaps { font-size: 14px; font-variant: small-caps; color: #b0b0b0; font-weight: normal; }

.formCelluleHighlight { background-color:#f4f6f8; }
.formCelluleTitre { margin-bottom:10px; height:16px; background-color:#000000; font-variant: small-caps; font-size: 14px; color: #b0b0b0; }

#interface {
	margin:0px;
	padding:0px;

}
#interfacehaut { width: 920px; height: 97px; background-image: url(/images/interface-haut.png); }
#interfacemilieu {
	position: relative;
	width: 920px;
	padding: 0px;
	background-image: url(/images/interface-milieu.png) ;
	overflow:hidden;
	/*border:1px solid #f00;*/
}
#interfacebas { position: relative; width: 920px; height: 57px; padding: 0px; background-image: url(/images/interface-bas.png); }
#lignecopyright { height: 22px; background-color: #1c1a1a; color: #949494; font-size: 10px; }
#gradientlateral { position:absolute; left:7px; top:0px; /*min-height:435px;*/ width:95px; background: #e3e3e3 url(/images/gradientgauche.png) repeat-x; }
/** HTML #gradientlateral {height:435px;}*/

.bandeaulateral { margin-bottom:35px; bottom:0; /*min-height:538px;*/ width:87px; left:18px; position:absolute; }
/** HTML .bandeaulateral {height:538px;}*/
#titreBandeauHome { background:url(/images/bandeau-bienvenue.png); }
#titreBandeauCollections { background:url(/images/bandeau-collections.png);  }
#titreBandeauProduits { background:url(/images/bandeau-lesproduits.png); }
#titreBandeauGroupe { background:url(/images/bandeau-legroupe.png); }
#titreBandeauPresse { background:url(/images/bandeau-presse.png); }
#titreBandeauSalons { background:url(/images/bandeau-lessalons.png); }
#titreBandeauSecrets { background:url(/images/bandeau-secrets.png); }
#titreBandeauFranchise { background:url(/images/bandeau-franchise.png); }

.logoJld { position: absolute; top: 4px; left: 4px; height: 90px; width: 97px; }
.logoJld a:link, .logoJld a:visited { background: url(/images/logojld.png) left top no-repeat ; }
.logoJld a:hover{ background: url(/images/logojld.png) left bottom no-repeat ; }

.zoneContenu {
	margin-top:0px;
	margin-left:135px;
	margin-right:28px;
	margin-bottom:25px;
	/*min-height:450px;*/
	clear:both;
}
/** HTML .zoneContenu {height:450px;}*/
.decofooter { position:absolute; bottom:0; }

/* ================================================================================= MENU LANGUE */
#boutonlangues { width:132px; height:20px; background:black; float:left; text-align:left; }
#boutonlangues p { margin-left:8px; margin-top:4px; cursor:pointer; }
#boutonlangues img { margin-right:5px; }
#menulangues { position:relative; width:120px; background:url(/images/menulanguesbkgnd.png) left top no-repeat; left:-132px; text-align:left; display:none; float:left; margin-left:0px; padding:6px 6px 0px 6px; }
.menulanguesitem { height:17px; width:100%; background:#111; padding-top:0px; padding-bottom:3px; }
.menulanguesitem img { padding-left:4px; padding-top:3px; padding-right:8px; }




/* =========================================================================== ELEMENTS DE MENU  */

#zoneMenu { position: relative; top: 0px; left:0px; height: 90px; color:#cccccc; margin:0px; padding:16px 0px 0px 70px; }

#menuNiv1{ position: absolute; top: 0x; left: 0px; height: 40px; width:100%; padding: 0px; margin: 0px; z-index: 100; }
a.menuelem, a.menuelem:visited { display: block ; float: left ; height:40px; color: #00FFFF; margin: 0px; padding: 0px 0px 0px 0px; }
a.menuelem:hover { display: block ; float: left ; height:40px; margin: 0px; padding: 0px 0px 0px 0px; }

.menuNiv2{ position: absolute; top: 53px; height: 50px; left: 97px; padding: 0px 0px 0px 0px; visibility: hidden; }
.menuNiv2 a:link, .menuNiv2 a:visited { font-family: Arial,sans-serif; font-variant: small-caps; font-size: 14px ; color: #b0b0b0; }
.menuNiv2 a:hover { color: #E47D02; }

.gl13{ background:  url(/images/menucollections0.gif) left top no-repeat ; }
.gl13hover, .gl13:hover { background:url(/images/menucollections0.gif) left bottom no-repeat ;}
.gl17 { background: #fff url(/images/menusalons0.gif) left top no-repeat ; }
.gl17hover, .gl17:hover{ background: #fff url(/images/menusalons0.gif) left bottom no-repeat ; }
.gl18 { background: #fff url(/images/menuproduits0.gif) left top no-repeat ; }
.gl18hover, .gl18:hover{ background: #fff url(/images/menuproduits0.gif) left bottom no-repeat ; }
.gl19 { background: #fff url(/images/menusecret0.gif) left top no-repeat ; }
.gl19hover, .gl19:hover{ background: #fff url(/images/menusecret0.gif) left bottom no-repeat ; }
.gl20 { background: #fff url(/images/menugroupe0.gif) left top no-repeat ; }
.gl20hover, .gl20:hover{ background: #fff url(/images/menugroupe0.gif) left bottom no-repeat ; }
.gl21 { background: #fff url(/images/menupresse0.gif) left top no-repeat ; }
.gl21hover, .gl21:hover{ background: #fff url(/images/menupresse0.gif) left bottom no-repeat ; }
.glforum { background: #fff url(/images/novosti.gif) left top no-repeat ; }
.glforumhover, .glforum:hover{ background: #fff url(/images/novosti.gif) left bottom no-repeat ; }

.sousmenucourant{ position: absolute; top: 40px; height: 50px; left: 0px; width: 100%; padding: 0px 0px 0px 0px; }


/* ========================================================================================== HOMEPAGE */

#homezonelaterale { position:relative; background:#fff url(/images/home/zonelateralebkgndbas.png); margin:10px 6px 0px 0px; width:344px; left:434px; }
#homeaccroche { background:url(/images/home/homeaccroche.png) left top no-repeat ; position:absolute; top:300px; left:190px; width:195px; height:144px; }
/*#homeaccroche { background:url(/images/home/homeaccroche.png) left top no-repeat ; position:absolute; top:285px; left:190px; width:195px; height:144px; }*/
#homevideo { position:absolute; left:150px; top:0px; width:350px; height:400px; }
/*
#homevideo { position:absolute; left:150px; top:0px; width:330px; height:380px; }
*/
#homebkgndpromo { position:absolute; left:338px; bottom:0; }

.homecontenu { border-bottom: 1px solid #eee; margin-left:17px; border-left: 1px solid #d5d5d5; cursor:pointer; }
.homecontenu h1{ background:#d3d4d5; font-variant: small-caps; font-size:16px; border-bottom: none; margin:0px; color:black; height:22px; padding:6px 0px 0px 12px; } 

#zoneurbancare {background: #ededed url(/images/home/urbancarebkgnd.png) left bottom no-repeat ; }
#zonecollections { min-height:70px; background: #ededed url(/images/home/ombrecollections.png) right bottom no-repeat; }
#zonesalons { min-height:97px; background: #ededed url(/images/home/ombrecollections.png) right bottom no-repeat; }
#zonenewsletter { min-height:162px; background: #ededed url(/images/home/ombrecollections.png) right bottom no-repeat; }

#homeimgcollections { float:right; margin-top:-70px; margin-right:18px; }
#homecollectionstxt { margin-left:12px; margin-top:8px; padding-bottom:6px; }
#homevotresalontxt { margin-left:146px; margin-top:8px; padding-bottom:6px;}
#homenewslettertxt { margin-left:12px; margin-top:8px; padding-bottom:6px; margin-right:55px; text-align:left; margin-bottom:7px;}
#homeurbancaretxt { text-align:left; margin-left:52px; margin-top:12px; margin-bottom:53px; margin-right:12px; }

#lineeditnewsletter { float:left;margin-left:5px; width:265px;height:22px; padding:2px 2px 0px 10px; border:0;background: url(/images/lineeditbkgnd.png) no-repeat 0 0; }
#lineeditnewsletter input {width:200px; color:#e57b01; border-width:0px; margin:0px; }
#search-box {float:left;margin-left:5px;padding-top:6px;}
#search-box-rounded { float:left;width:312px;height:22px;padding:2px 2px 0 10px;border:0;background: url(/images/lineeditbkgnd.png) no-repeat 0 0;}
#search-box-rounded input {width:200px; color:#e57b01; border-width:0px; margin:0px; }

a.cadreelem, a.cadreelem:visited { margin: 0px; padding: 0px 0px 0px 0px; position:absolute; bottom:0; }

#ccollections{  margin-bottom:-15px; right:425px;  height:169px;  width:99px; }
.ccollectionshover, .ccollections:hover{ background:  url(/images/home/cadrecollections.png) right top no-repeat ;}
.ccollections{ background:  url(/images/home/cadrecollections.png) left top no-repeat ; }
#csalons { margin-bottom:-29px; right:300px; height:148px; width:126px; }
.csalonshover, .csalons:hover { background:  url(/images/home/cadresalons.png) right top no-repeat ;}
.csalons  { background:  url(/images/home/cadresalons.png) left top no-repeat ;}
#cproduits { margin-bottom:-36px; right:240px;  height:123px; width:97px; }
.cproduitshover, .cproduits:hover { background: url(/images/home/cadreproduits.png) right top no-repeat ;}
.cproduits {background: url(/images/home/cadreproduits.png) left top no-repeat ; }
#csecret { margin-bottom:-2px; right:166px; height:120px; width:103px;}
.csecrethover, .csecret:hover { background:  url(/images/home/cadresecret.png) right top no-repeat ;  }
.csecret { background:  url(/images/home/cadresecret.png) left top no-repeat ;  }
#cgroupe{ margin-bottom:-23px; right:75px; height:147px; width:87px; }
.cgroupehover, .cgroupe:hover { background:  url(/images/home/cadregroupe.png) right top no-repeat ;}
.cgroupe { background:  url(/images/home/cadregroupe.png) left top no-repeat ; }
#cpresse { margin-bottom:-5px; right:12px; height:116px; width:74px;  }
.cpressehover, .cpresse:hover { background:  url(/images/home/cadrepresse.png) right top no-repeat ;}
.cpresse { background:  url(/images/home/cadrepresse.png) left top no-repeat ;}


/* ========================================================================================== FORMATION */

#iconestylo { margin-bottom:-10px; height:229px; width:160px; right:-30px; background:url(/images/icone_stylo.png); }
#formationswf { width:290px; height:193px; }
#titrepageformation { top:0px; width:420px; height:56px; }
#formationtexte { font-size:11px; left:0px; top:127px; width:400px; text-align:justify; margin-right:12px; }
.bloctexteadresses { text-align: left; padding-left:10px; border: 1px dashed #aaa; margin-left:500px; margin-top:20px; margin-right:50px; height:140px; }
.txtpetitepolice { color: #888; font-size: 10px; }


/* ============================================================================ LES SALONS - LOCATOR */
#iconesalonstrouvez { margin-bottom:-15px; left:160px; height:184px; width:340px;  background:url(/images/salons/icone_salonstrouvez.png)  left top no-repeat; }
#salontrouveztexte { width:600px; }


/* ============================================================================= LES SALONS - CONCEPT */
#iconesalonsconcept { margin-bottom:1px; right:5px; height:461px; width:285px;  background:url(/images/salons/icone_salonsconcept.png)}
#salonconcepttexte { width:510px; }
#salonconcepttexte2 { width:490px; margin-top:-75px; }
#salonsconceptvideo { margin-left:120px; height:320px; width:270px; }


/* ======================================================================================= LE GROUPE */
#legroupelegroupeliste { margin-left:120px;}
#legroupelegroupeliste li { margin-bottom:6px; }


/* ==================================================================================== TRUCS DE PROS */
#iconetrucsdepros { margin-bottom:6px; width:129px; height:258px; left:668px; }

#trucsdeproszonecontenu { margin-bottom:0px; background-image:url(/images/secrets/trucsprobkgnd.jpg); background-position:bottom left; background-repeat:no-repeat; height:auto; }
#trucsdeprostexte { margin-left:0px; width:650px; }
/*#trucsdeprosquestions { float:right; cursor:pointer; width:280px; } */
#trucsdeprosquestions { float:left; cursor:pointer; width:280px; }

#trucsdeprosquestions li { margin-bottom:0px; }
/*#trucsdeprosbloccontenu { float:left; width:420px; background:url(/images/secrets/guillemetouvrant.png) left top no-repeat; } */
#trucsdeprosbloccontenu { margin-left:25px; float:left; width:420px; background:url(/images/secrets/guillemetouvrant.png) left top no-repeat; }


#trucsdeprosquestionscontenu { font-weight:bold; font-style:italic; font-size:12px; }
/*#trucsdeproscontenu { padding-left:30px; width:100%; color:#555; text-align:justify; background:url(/images/secrets/guillemetfermant.jpg) right bottom no-repeat; } */
#trucsdeproscontenu { padding-left:0px; width:100%; color:#555; text-align:justify; background:url(/images/secrets/guillemetfermant.jpg) right bottom no-repeat; }

#trucsdeproscontenu li { margin-left:0px; list-style-type:decimal; list-style-image:none; }
#trucsdeprosbkgnd { position:absolute; background:url(/images/secrets/trucsprobkgnd.jpg) no-repeat left top; left:104px; bottom:0; height:359px; width:266px; }

.trucsblocsreponses { float:left; background:green; width:420px; }




/* ==================================================================================== URBAN CARE */
#iconeproduitucvisueldiv { position:absolute; width:400px; left:120px; height:470px;  margin-bottom:-10px; }  /* sans flash */
 /* #iconeproduitucvisueldiv { position:absolute; width:500px; left:90px; height:384px;  margin-bottom:-10px; } sans flash */

#iconeurbancare { margin-bottom:0px; height:165px; right:50px; }
.ucblocscontenu { float:left; background:green; width:410px; }
.textesurlign { font-size:1.1em; font-weight:bold; }
#urbancarezonelaterale { position:relative; width:500px; left:279px; background:url(/images/produits/urbancare/uczonelateralebkgnd.png) 158px top repeat-y ; }
#urbancarezonelateralehaut { position:relative; width:500px; left:279px; height:34px; background: url(/images/produits/urbancare/uczonelateralebkgndhaut.png) 147px top repeat-y ; }
#urbancaredecobkgndhg01 { position:absolute; left:6px; top:6px; width:400px; height:184px; background: url(/images/produits/urbancare/urbancarebkgnd.png) left top no-repeat ; }
#urbancaredecobkgndhg02 { position:absolute; left:6px; top:0px; width:583px; height:783px; background: url(/images/produits/urbancare/urbancarebkgnd.png) 0px -91px no-repeat ; }

#urbancarepictobio{margin-bottom:20px; height:115px; left:580px;}
#urbancarepictobio a { position:absolute; left:6px; bottom:0; float: left ; width:106px; height:115px; background: url(/images/produits/urbancare/pictobio.png) left bottom no-repeat ; }
#urbancarepictobio a:hover{ background: url(/images/produits/urbancare/pictobio.png) left top no-repeat ; }

#urbancarepictobienetre{margin-bottom:20px; height:115px; left:680px;  }
#urbancarepictobienetre a { position:absolute; left:6px; bottom:0; float: left ; width:106px; height:115px; background: url(/images/produits/urbancare/pictobienetre.png) left bottom no-repeat ; }
#urbancarepictobienetre a:hover{ background: url(/images/produits/urbancare/pictobienetre.png) left top no-repeat ; }

#urbancarepictofacile{margin-bottom:20px; height:115px; left:780px; }
#urbancarepictofacile a { position:absolute; left:6px; bottom:0; float: left ; width:106px; height:115px; background: url(/images/produits/urbancare/pictofacile.png) left bottom no-repeat ; }
#urbancarepictofacile a:hover{ background: url(/images/produits/urbancare/pictofacile.png) left top no-repeat ; }

#urbancarevisuelflash { position:absolute; top:-390px; left:100px; height:460px; width:400px; }
.urbancaretablecontenu { height:190px; }
.bandeurbancare { background-position: 0px 0px; }

#urbancareneon  a{ position:absolute; left:313px; top:68px;  width:250px; height:92px; background: url(/images/produits/urbancare/urbancareneon.jpg) left top no-repeat ; }
#urbancareneon a:hover{ background: url(/images/produits/urbancare/urbancareneon.jpg) left bottom no-repeat ; }

#urbancareneon2  a{ position:absolute; left:273px; top:68px;  width:350px; height:92px; background: url(/images/produits/urbancare/logo.png) left top no-repeat ; }
#urbancareneon2 a:hover { 
    background: url("/images/produits/urbancare/logo.png") no-repeat scroll left bottom transparent;
}

#urbancarecadretexte { position:relative; width:447px; border-style:solid; border-color:#b7b7b7; border-width:1px; background: #f9f7fa url(/pics/collectioncadretextebkgnd.png) left bottom repeat-x ; padding-top:50px; }
#urbancaretabvignettes { padding:0px; margin:0px; margin-right:7px; margin-bottom:-2px; }
#urbancaretabvignettes td { cursor:pointer; padding:0px; margin:0px; height:255px; }
#urbancarecadretexteheader { position:absolute; top:1px; left:1px; background: url(/pics/collectioncadretexteheander.png) left top repeat-x ; height:50px; width:445px; }
#flashtitreurbancare { position:relative; left:0px; top:0px; width:445px; height:31px; background:black; color:white; font-size:22px }
#urbancarevideo { width:275px; height:315px; }
#flashtitreggs { position:relative; left:0px; top:0px; width:445px; height:31px; background:black; color:white; }

#urbancarebloctexte01 { width:270px; padding:0px 10px 12px 10px; border-right:1px solid #fff; }
#urbancarebloctexte02 { width:158px; padding:0px 20px 12px 10px; color:#666; }
#urbancarebloctexte02 strong { color:#000; }


/* =================================================================================== LES EXTENSIONS */

#extensionsphotosbkgnd { position:absolute; background:url(/images/secrets/secretsphotos.png) no-repeat right bottom; left:640px; top:20px; height:163px; width:257px; }
#extensionsmodelebkgnd { position:absolute; background:url(/images/secrets/extensionmodelebkgnd2.png) no-repeat right bottom; right:5px; bottom:0; height:307px; width:368px; }
#iconeextensions { margin-bottom:6px; left:160px; }
.extensionscolonnetexte { width:205px; margin-right:22px; float:left; }


/* ======================================================================================= HISTORIQUE */
#iconehistorique { margin-bottom:-25px; height:211px; right:260px; }
#historiquebkgnd { position:absolute; background:url(/images/legroupe/historiquemodele.jpg) no-repeat right bottom; bottom:0; right:25px; height:301px; width:236px; }
#lettrineimghistorique { float: left; font-size: 3em; margin: .06em .1em 0.2em 0.2em; padding: 0px; }
#historiqueslogan { position:absolute; top:28px; left:535px; }
#historiquetexte { position:relative; font-size:11px; left:0px; top:127px; width:460px; text-align:justify; }
#historiquetexte2 { width:350px; }
#titrepagehistorique { position:absolute; top:120px; width:470px; height:56px; }


/* ================================================================================== ACCESSOIRES */

.accessblocvignettes { float:left; border:1px solid #ccc; margin:4px 0px 4px 8px; }
#conteneuraccessvignettes { float:left; margin-bottom:20px; position:relative; }
#apercuaccessoire { float:right; width:300px; height:307px; margin-top:4px; margin-right:8px; border:1px; border-style:solid; border-color:#ccc; background-repeat:no-repeat; background-position:center center; background-image: url(/images/produits/accessoires/accessbkgnd.jpg); }


/* ================================================================================== CATALOGUE STYLE */
#secretcataloguebkgnd { position:absolute; background:url(/images/secrets/bookbkgnd.png) no-repeat right bottom; bottom:0px; right:6px; height:420px; width:289px; }
#iconesecretscatalogue { margin-bottom:-23px; right:6px; height:80px; width:311px; background:url(/images/secrets/icone_catalogues.png) no-repeat left top; }
#secretcataloguetexte { width:450px; }
.secretcataloguecolonne { width:220px; float:left; text-align:justify; margin-right:16px; }
.secretcatalogueimglien { margin-top:10px; margin-left:120px; width:69px; height:89px; }


/* ====================================================================================== COLLECTIONS */
 #collectionsconteneurvign { margin-left: 184px; padding-bottom:10px; }
.collectionblocvignettes { float:left; border:1px solid #888; margin:4px 0px 4px 8px; height:106px; width:90px; cursor:pointer; }
.collectionblocscontenu { float:left; background:green; width:428px; }
#collectionvideo { position:absolute; left:150px; top:0px; }
#photocollectionflash { position:absolute; top:-320px; left:115px; width:1px; height:1px; }
#collectiontitreimage { position:absolute; width:304px; height:173px; left:210px; top:30px; cursor:pointer; }
#collectiontitreimagesmall { position:absolute; width:270px; height:170px; left:130px; top:290px; }
#collectionzonelaterale { position:relative; width:500px; left:279px; background: url(/pics/zonelateralebkgnd.png) 158px top repeat-y ; }
#collectionzonelateralehaut { position:relative; width:500px; left:279px; height:34px; background: url(/pics/zonelateralebkgndhaut.png) 147px top repeat-y ; }
#collectioncadretexte { position:relative; width:447px; border-style:solid; border-color:#b7b7b7; border-width:1px; background: #f9f7fa url(/pics/collectioncadretextebkgnd.png) left bottom repeat-x ; padding-top:50px; }
#collectioncadretexteheader { position:absolute; top:1px; left:1px; height:50px; width:445px; }
#flashtitrecoupe { position:relative; left:10px; top:-21px; }
#collectionbloctexte01 { width:270px; padding:0px 10px 12px 10px; border-right:1px solid #fff; }
#collectionbloctexte02 { width:158px; padding:0px 20px 12px 10px; color:#666; }
#collectionbloctexte02 strong { color:#000; }
.imgvigncollectransp { visibility:hidden; }

.divvigncollectransp  { background:url(/pics/vignettetranspdiv.png) left top no-repeat; }
.divvigncollectransp:hover  { background:url(/pics/vignettetranspdiv.png) right top no-repeat; }

#collectiondecobkgndbd { position:absolute; bottom:0px; right:0px; width:166px; height:151px; background: url(/pics/decobkgndbd.png) left top no-repeat ; }
#collectiondecobkgndhg01 { position:absolute; left:5px; top:6px; width:224px; height:184px; background: url(/pics/decorondhg.png) left top no-repeat ; } 
#collectiondecobkgndhg02 { position:absolute; left:5px; top:0px; width:224px; height:184px; background: url(/pics/urbancarebkgnd.png) 0px -91px no-repeat ; } 
#collectionstitrecoupehtml { font-size:26px; color:black; margin-left:10px; font-style: italic ; }

#collectiondecobkgndbd2 { position:absolute; bottom:0px; right:0px; width:166px; height:151px; background: url(/pics/decobkgndbd.png) left top no-repeat ; }

/* =================================================================================== SALONS EMBLEMATIQUES  */
#salonsemblbkgnd { position:absolute; bottom:0; background:url(/images/salons/salonsemblematiquesbkgnd.jpg) no-repeat right bottom; left:601px; height:476px; width:313px; }
#iconesalonsembl { margin-bottom:14px; height:43px; width:167px; right:5px; background:url(/images/icone_salonsembl.png); }
#salonsembltexte { margin-left:30px; width:300px; }
#salonsemblswf { margin:25px 0px 0px 110px; width:290px; height:193px; }


/* =========================================================================================== GROUPE CONTACT */
#legroupecontacttitre { position:absolute; left:258px; top:50px; }
#legroupecontactbkgnd { position:absolute; background:url(/images/legroupe/contactbkgnd.gif) no-repeat left top; bottom:0; right:6px; height:439px; width:780px; }
#legroupecontactinfos { padding:0px 20px 20px 20px ; position:absolute; background:black; top:180px; left:235px; width:320px; text-align:center; background:#e07902; }
#legroupecontactinfos h1 { margin: 15px 15px 5px 15px; padding-bottom:10px; padding-top:10px; border-bottom:1px dashed #fff; border-top:1px dashed #fff; font-variant:small-caps; color:#fff; font-size:18px; }
#legroupecontactblocform { position:relative; float:left; left:15px; top:152px; }
#legroupecontactzonelaterale { float:right; right:-22px; min-height:457px; position:relative; width:240px; background: url(/images/legroupe/contacttabbkgnd.png) left top repeat-y ; }

.legroupecontactbloc { padding-top:5px; padding-bottom:6px; margin:0px;  margin-left:21px; padding-left:12px; }
.legroupecontactsep { margin-left:20px; height:2px; }
.legroupecontacttitre { font-size:16px; font-weight:bold; color:#e57d02; margin-bottom:5px;}
.legroupecontactnom { font-size:14px; color:#aaa; font-variant: small-caps; margin-bottom:10px;}
.legroupecontactmail {font-size:10px; color:#000;}

/* Version avec formulaire
#legroupecontactbkgnd {   position:absolute; background:url(/images/legroupe/contactbkgnd.jpg) no-repeat left top; bottom:0;  left:125px; height:439px; width:569px; }  */


/* =========================================================================================== PRODUITS GRANDE SURFACE */


#ggsboutonretour  a{ position:absolute; left:130px; top:50px;  width:280px; height:80px; background: url(/images/produits/ggs/ggstitreretour.png) left top no-repeat ; }
#ggsboutonretour a:hover{ background: url(/images/produits/ggs/ggstitreretour.png) left bottom no-repeat ; }

/*#ggsboutonretour  a{ position:absolute; left:130px; top:50px;  width:260px; height:80px; background: url(/images/produits/ggs/ggstitreretour.gif) left top no-repeat ; }
#ggsboutonretour a:hover{ background: url(/images/produits/ggs/ggstitreretour.gif) left bottom no-repeat ; } */
#ggszonelaterale { position:relative; width:500px; left:279px; background:url(/images/produits/ggs/ggszonelateralebkgnd.gif) 158px top repeat-y ; }
#ggscadretexte { position:relative; width:447px; border-style:solid; border-color:#b7b7b7; border-width:1px; background: #f9f7fa url(/pics/collectioncadretextebkgnd.png) left bottom repeat-x ; padding-top:40px; }
#ggstabvignettes { padding:0px; margin:0px; margin-right:7px; margin-bottom:-2px; }
#ggstabvignettes td { cursor:pointer; padding:0px; margin:0px; height:147px; width:25px;}
#ggsproduitsslogan { position:absolute; left:200px; top:200px; background:url(/images/produits/ggs/pics/sloganggsproduit2.png);}
#iconeproduitggsvisueldiv { position:absolute; width:500px; left:90px; height:384px;  margin-bottom:-10px; }
#ggsdecobkgnd{ position:absolute; left:104px; top:0px; width:462px; height:700px; background: url(/images/produits/ggs/ggsbkgnd.jpg) left top no-repeat ; }

.ggsblocscontenu { float:left; background:green; width:410px; }
.ggsblocvignettesintro { float:left; border:1px solid #ccc; text-align:center; color:#888; font-size:11px; font-variant: small-caps; margin:4px 0px 4px 8px; }
.ggssoustitre { padding-right:8px; padding-left:10px; text-align:right; color:#888; font-size: 14px; font-variant: small-caps; border:0px; border-right:1px; border-style:dashed; border-color:#ccc;}   /* background:#eee; */
.ggsbloctexte{ color:#000; font-size: 11px; padding-left:10px;}
.ggstablecontenu tr { height:35px;}
.lettrineggs { font-size: 1.4em; font-family: "Arial"; font-weight: bold; margin: 1em 0em 0em 0em; color: #555555; }
.ggsbloctexte ul {margin-top:0px; margin-bottom:0px;}
.ggsli  { margin-left:0px; list-style-type:square; list-style-image:none; margin-bottom:0px; }
.ggstitre { color:#555; font-size: 14px; font-variant: small-caps; margin-left:8px; margin-bottom:8px; text-align:left;}
.bandeggs {background-position: 0px 0px; cursor:pointer; float:left; width:25px; height:147px; margin-right:2px; }


/* =============================================================================== FRANCHISE ET LEGAL */
#franchisetexte { width:400px; }
#legaltexte { width:650px; }
.legaltitres { font-weight:bold; color:#e57b01;}


/* ========================================================================== ESPACE PRESSE - CONTACT */
#pressecontactfiche { text-align:center; margin-left:120px; background:#e07902; width:370px; padding:10px 0px 70px 0px; }
#pressecontactbkgnd { margin-bottom:-8px; height:481px; right:5px; width:362px; background:url(/images/presse/contactpressebkgnd.png) left top no-repeat; }
#pressecontactfiche h1 { margin: 15px 15px 5px 15px; padding-bottom:10px; padding-top:10px; border-bottom:1px dashed #fff; border-top:1px dashed #fff; font-variant:small-caps; color:#fff; font-size:18px; }


/* =========================================================================== SAGA DE LA COMMUNICATION */
#sagaintrotexte { margin-left:360px; padding-top:52px;  width:225px;  }
#sagaintrovideo { position:absolute; left:180px; top:120px; width:270px; height:320px;}
#saga70texte       { margin-left:30px; width:200px; }
#saga2000texte   { margin-left:30px; width:660px; }
#saga2009texte   { margin-left:30px; width:190px; float:left; }

.icones70 {position:absolute; left:400px; top:150px;}
.icones70 a { position:absolute;}
.icones70 a.ico1 {background:transparent url(/images/legroupe/saga70icone1.png) no-repeat scroll 0 0; height:184px; left:5px; top:15px; width:109px; z-index:10;}
.icones70 a.ico1:hover {background: url('/images/legroupe/saga70icone1.png') no-repeat -109px 0;}
.icones70 a.ico2{background:transparent url(/images/legroupe/saga70icone2.png) no-repeat scroll 0 0; height:215px; left:76px; top:32px; width:107px; z-index:11;}
.icones70 a.ico2:hover {background: url('/images/legroupe/saga70icone2.png') no-repeat -107px 0;}
.icones70 a.ico3{background:transparent url(/images/legroupe/saga70icone3.png) no-repeat scroll 0 0; height:259px; left:203px; top:1px; width:112px; z-index:10;}
.icones70 a.ico3:hover {background: url('/images/legroupe/saga70icone3.png') no-repeat -112px 0;}
.icones70 a.ico4{background:transparent url(/images/legroupe/saga70icone4.png) no-repeat scroll 0 0; height:236px; left:303px; top:4px; width:117px; z-index:10;}
.icones70 a.ico4:hover {background: url('/images/legroupe/saga70icone4.png') no-repeat -117px 0;}

.icones2000 { margin:22px 0 0 100px; position:relative;}
.icones2000 a { position:absolute;}
.icones2000 a.ico1 {background:transparent url(/images/legroupe/saga2000icone1.png) no-repeat scroll 0 0; height:106px; left:390px; top:17px; width:107px; z-index:10;}
.icones2000 a.ico1:hover {background: url('/images/legroupe/saga2000icone1.png') no-repeat -107px 0;}
.icones2000 a.ico2 {background:transparent url(/images/legroupe/saga2000icone2.png) no-repeat scroll 0 0; height:121px; left:336px; top:42px; width:99px; z-index:11;}
.icones2000 a.ico2:hover {background: url('/images/legroupe/saga2000icone2.png') no-repeat -99px 0;}
.icones2000 a.ico3 {background:transparent url(/images/legroupe/saga2000icone3.png) no-repeat scroll 0 0; height:108px; left:270px; top:59px; width:73px; z-index:12; }
.icones2000 a.ico3:hover {background: url('/images/legroupe/saga2000icone3.png') no-repeat -77px 0;}
.icones2000 a.ico4 {background:transparent url(/images/legroupe/saga2000icone4.png) no-repeat scroll 0 0; height:100px; left:158px; top:48px; width:77px; z-index:12;}
.icones2000 a.ico4:hover {background: url('/images/legroupe/saga2000icone4.png') no-repeat -77px 0;}
.icones2000 a.ico5 {background:transparent url(/images/legroupe/saga2000icone5.png) no-repeat scroll 0 0; height:108px; left:80px; top:30px; width:97px; z-index:10;}
.icones2000 a.ico5:hover {background: url('/images/legroupe/saga2000icone5.png') no-repeat -104px 0;}
.icones2000 a.ico6 {background:transparent url(/images/legroupe/saga2000icone6.png) no-repeat scroll 0 0; height:108px; left:4px; top:14px; width:97px; z-index:10;}
.icones2000 a.ico6:hover {background: url('/images/legroupe/saga2000icone6.png') no-repeat -97px 0;}

.icones2009 {  left:410px; top:110px; position:absolute;}
.icones2009 a { position:absolute;}
.icones2009 a.ico1 {background:transparent url(/images/legroupe/saga2009icone1.png) no-repeat scroll 0 0; height:332px; left:1px; top:1px; width:351px; z-index:10;}
.icones2009 a.ico1:hover {background: url('/images/legroupe/saga2009icone1.png') no-repeat -351px 0;}



a.newslink { color: black; } 
a.newslink:hover { color: #E47D02; }

div.newscontent {
	/*height: 350px;
	overflow-y: auto;
	overflow-x: hidden;*/
}

#index_text {
	margin:10px 20px;
	margin-bottom:none;
	font-size:9px;
}
#index_text p {
	margin-bottom:20px;
}