@charset "utf-8";
/* -------------------------
  Custom borders and corners
	Site : La poste Genius
	Rev. : 28.04.2008
	Ver. : 08.05 v1.0
	Auth : Churchill
---------------------------- */


/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {margin:1em 0;padding:0 10px;background:#fff;}
.cbb h1 {margin:0 -10px;padding:0.3em 10px;font:bold 1.2em/1 Arial, Helvetica, sans-serif;}
/* Normal styling */
.cb {margin:0.5em 0;}
/* Top corners and border */
.bt {height:17px;margin:0 0 0 18px;background:url('../img/cbb/box.gif') no-repeat 100% 0;}
.bt div {position:relative;left:-18px;width:18px;height:17px;background:url('../img/cbb/box.gif') no-repeat 0 0;font-size:0;line-height:0;}

/* Bottom corners and border */
.bb {height:14px;margin:0 0 0 12px;background:url('../img/cbb/box.gif') no-repeat 100% 100%;}
.bb div {position:relative;left:-12px;width:12px;height:14px;background:url('../img/cbb/box.gif') no-repeat 0 100%;font-size:0;line-height:0;}

	/* Left border */
.i1 {padding:0 0 0 12px;background:url('../img/cbb/borders.gif') repeat-y 0 0;}
	/* Right border */
.i2 {padding:0 12px 0 0;background:url('../img/cbb/borders.gif') repeat-y 100% 0;}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {display:block;margin:0;padding:1px 10px;background:#fff;}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.i3 {display:inline-block;}
.i3 {display:block;}

/* Custom CSS
=================*/

/* Genius custom blocks */
.header{margin:0 0 1em 0;}
.header .bt,.header .bt div,.header .bb,.header .bb div{background-image:url('../img/cbb/header-box.gif');}
.header .bb,.header .bb div {height:18px;}
.header .bt div,.header .bb div {width:17px;}
.header .i1{background-image:url('../img/cbb/header-borders.gif');padding:0 0 0 2px;zoom:1;}
.header .i2{background-image:url('../img/cbb/header-borders.gif');padding:0 6px 0 0;margin-right:-1px;}
.header .i3{background:none;padding:0;}

.greybox{height:1%;background:#F0F0F0;}
.greybox .bt,.greybox .bt div,.greybox .bb,.greybox .bb div{background-image:url('../img/cbb/grey-box.gif');}
.greybox .bt,.greybox .bt div{height:8px;}
.greybox .bb,.greybox .bb div {height:14px;}
.greybox .bb div {width:17px;}
.greybox .i1,.greybox .i2{background-image:url('../img/cbb/grey-borders.gif');}
.greybox .i2{padding-right:18px;}
.greybox .i3{background:#F0F0F0;padding-left:0;padding-right:0;}

#intro .whitebox{margin-top:0;}
.whitebox .bt,.whitebox .bt div,.whitebox .bb,.whitebox .bb div{background-image:url('../img/cbb/white-box.gif');}
.whitebox .bt{height:21px;}
.whitebox .bt div{width:21px;height:21px;}
.whitebox .bb {height:20px;margin:0pt 0pt 0pt 20px;}
.whitebox .bb div {width:21px;height:20px;left:-20px;}
.whitebox .i1,.whitebox .i2{background-image:url('../img/cbb/white-borders.gif');}
.whitebox .i3{background:#FFF;padding-left:0;padding-right:0;}

/* Bloc Offre pack genius */
.offreGreenbox .titre{margin:0;height:1%;}
.offreGreenbox .titre .bt,.offreGreenbox .titre .bt div{background-image:url('../img/cbb/offre-green-titre.gif');}
.offreGreenbox .titre .bb,.offreGreenbox .titre .bb div{background-image:url('../img/cbb/offre-green-titre.gif');height:18px;}
.offreGreenbox .titre .i1{padding-left:13px;}
.offreGreenbox .titre .i1,.offreGreenbox .titre .i2{background-image:url('../img/cbb/offre-green-titre-borders.gif');}
.offreGreenbox .titre .i3{background:none;text-align:center;}
.offreGreenbox .content .bt,.offreGreenbox .content .bt div{display:none;}
.offreGreenbox .content .bb {background:url('../img/cbb/offre-green-box.gif') no-repeat 100% 100%;height:20px;margin:0pt 0pt 0pt 20px;}
.offreGreenbox .content .bb div {background:url('../img/cbb/offre-green-box.gif') no-repeat 0 100%;width:20px;height:20px;left:-20px;}
.offreGreenbox .content .i1{background-image:url('../img/cbb/offre-green-borders.gif');padding:0 0 0 6px;}
.offreGreenbox .content .i2{background-image:url('../img/cbb/offre-green-borders.gif');padding:0 12px 0 0;}
.offreGreenbox .content .i3{background:url('../img/cbb/offre-green-bg.gif') repeat-y 50%;padding-left:1em;padding-right:1em;padding-bottom:1em;}

/* Bloc Offre carte genius */
.offrePurplebox .titre{margin:0;height:1%;}
.offrePurplebox .titre .bt,.offrePurplebox .titre .bt div{background-image:url('../img/cbb/offre-purple-titre.gif');}
.offrePurplebox .titre .bb,.offrePurplebox .titre .bb div{background-image:url('../img/cbb/offre-purple-titre.gif');height:18px;}
.offrePurplebox .titre .i1{padding-left:13px;}
.offrePurplebox .titre .i1,.offrePurplebox .titre .i2{background-image:url('../img/cbb/offre-purple-titre-borders.gif');}
.offrePurplebox .titre .i3{background:none;text-align:center;}
.offrePurplebox .content .bt,.offrePurplebox .content .bt div{display:none;}
.offrePurplebox .content .bb {background:url('../img/cbb/offre-purple-box.gif') no-repeat 100% 100%;height:20px;margin:0pt 0pt 0pt 20px;}
.offrePurplebox .content .bb div {background:url('../img/cbb/offre-purple-box.gif') no-repeat 0 100%;width:20px;height:20px;left:-20px;}
.offrePurplebox .content .i1{background-image:url('../img/cbb/offre-purple-borders.gif');padding:0 0 0 6px;}
.offrePurplebox .content .i2{background-image:url('../img/cbb/offre-purple-borders.gif');padding:0 12px 0 0;}
.offrePurplebox .content .i3{background:url('../img/cbb/offre-purple-bg.gif') repeat-y 50%;padding-left:1em;padding-right:1em;padding-bottom:1em;}

/* Bloc Zoom sur */
.zoomsur{float:left;width:402px;margin:0 23px 0 0;clear:left;display:inline;}
.zoomsur .bt,.zoomsur .bt div,.zoomsur .bb,.zoomsur .bb div{background-image:url('../img/cbb/zoom-box.gif');}
.zoomsur .bt,.zoomsur .bt div{height:25px;}
.zoomsur .i1,.zoomsur .i2{background-image:url('../img/cbb/zoom-borders.gif');}
.zoomsur .i3{background-color:#fff;padding:0;height:282px;overflow:auto;margin-right:-10px;}

/* Bloc Services */
.servicesbox{clear:both;padding-top:0.5em;}
.servicesbox .titre{margin:0;height:1%;}
.servicesbox .titre .bt,.servicesbox .titre .bt div{background-image:url('../img/cbb/services-titre-box.gif');height:13px;}
.servicesbox .titre .bb,.servicesbox .titre .bb div{background-image:url('../img/cbb/services-titre-box.gif');height:5px;}
.servicesbox .titre .i1{padding-left:13px;}
.servicesbox .titre .i1,.servicesbox .titre .i2{background-image:url('../img/cbb/services-titre-borders.gif');}
.servicesbox .titre .i3{background:url('../img/cbb/services-bg.gif') repeat-y 50%;padding:0;}
.servicesbox .content{margin:0;}
.servicesbox .content .bt,.servicesbox .content .bt div{display:none;}
.servicesbox .content .bb {background:url('../img/cbb/services-box.gif') no-repeat 100% 100%;height:20px;margin:0pt 0pt 0pt 20px;}
.servicesbox .content .bb div {background:url('../img/cbb/services-box.gif') no-repeat 0 100%;width:20px;height:20px;left:-20px;}
.servicesbox .content .i1{background-image:url('../img/cbb/services-borders.gif');padding:0 0 0 10px;height:1% /*IE6*/;}
.servicesbox .content .i2{background-image:url('../img/cbb/services-borders.gif');padding:0 12px 0 0;}
.servicesbox .content .i3{background:url('../img/cbb/services-bg.gif') repeat-y 50%;padding-left:0;padding-right:0;}

.servicesbox .content .service{float:left;width:192px;margin:0.5em 0 0 0;display:inline;position:relative;}
.servicesbox .content .service .bt,.servicesbox .content .service .bt div,.servicesbox .content .service .bb,.servicesbox .content .service .bb div{background-image:url('../img/cbb/service-box.gif');}
.servicesbox .content .service .bt{margin-left:32px;display:block;}
.servicesbox .content .service .bt div{width:32px;left:-32px;display:block;}
.servicesbox .content .service .bt,.servicesbox .content .service .bt div{height:50px;}
.servicesbox .content .service .bb,.servicesbox .content .service .bb div{height:50px;}
.servicesbox .content .service .i1,.servicesbox .content .service .i2{background-image:url('../img/cbb/service-borders.gif');}
.servicesbox .content .service .i1{padding-left:0;height:1% /*IE6*/;margin-bottom:-20px;}
.servicesbox .content .service .i3{background-color:#FFF;padding:0 0 30px;margin:0 0 -10px 15px;position:relative;top:-35px;}

/* Bloc SAP */
#gauche .sap{width:99.9% /* correction bug affichage menu intérieur */}
.sap{float:left;width:242px;margin:0.5em 8px 0 0;display:inline;}
.sap .bt,.sap .bt div,.sap .bb,.sap .bb div{background-image:url('../img/cbb/blue-box.gif');}
.sap .bt,.sap .bt div{height:15px;}
.sap .i1,.sap .i2{background-image:url('../img/cbb/blue-borders.gif');}
.sap .i3{background-color:#F2F8FA;padding:0;}

/* Bloc Actus */
.actu{float:left;width:512px;margin:0.5em 0 0 0;position:relative;display:inline;height:1%;}
.actu .bt,.actu .bt div,.actu .bb,.actu .bb div{background-image:url('../img/cbb/actu-box.gif');}
.actu .bt,.actu .bt div{height:15px;}
.actu .bb,.actu .bb div{height:25px;}
.actu .bb{margin-left:20px;}
.actu .bb div{width:20px;left:-20px;}
.actu .i1{height:1%;}
.actu .i1,.actu .i2{background-image:url('../img/cbb/actu-borders.gif');}
.actu .i3{background-color:#fff;padding:0;}

/* Bloc cadre */

/* jardinage */
.cadrejardinage .titre{margin:0;height:1%;margin-bottom:0;}
.cadrejardinage .titre .bt,.cadrejardinage .titre .bt div{background-image:url('../img/cbb/cadre-box.gif');height:17px;}
.cadrejardinage .titre .bb,.cadrejardinage .titre .bb div{display:none;}
.cadrejardinage .titre .i1{padding-left:13px;}
.cadrejardinage .titre .i1{background-image:url('../img/cbb/cadre-borders.gif');}
.cadrejardinage .titre .i2{background:url('../img/cbb/cadre-box.gif') no-repeat 100% -17px;}
.cadrejardinage .titre .i3{background:none;padding:0;min-height:50px;heught:auto !important;height:50px;}

.cadrejardinage .content{margin:0;height:1%;margin-bottom:0.8em;}
.cadrejardinage .content .bt,.cadrejardinage .content .bt div{display:none;}
.cadrejardinage .content .bb,.cadrejardinage .content .bb div{background-image:url('../img/cbb/cadre-box.gif');height:17px;}
.cadrejardinage .content .i1{padding-left:13px;}
.cadrejardinage .content .i1,.cadrejardinage .content .i2{background-image:url('../img/cbb/cadre-borders.gif');}
.cadrejardinage .content .i3{background:none;padding:0;}

/* nettoyage */
.cadrenettoyage .titre{margin:0;height:1%;margin-bottom:0;}
.cadrenettoyage .titre .bt,.cadrenettoyage .titre .bt div{background-image:url('../img/cbb/cadre-nettoyage-box.gif');height:17px;}
.cadrenettoyage .titre .bb,.cadrenettoyage .titre .bb div{display:none;}
.cadrenettoyage .titre .i1{padding-left:13px;}
.cadrenettoyage .titre .i1{background-image:url('../img/cbb/cadre-nettoyage-borders.gif');}
.cadrenettoyage .titre .i2{background:url('../img/cbb/cadre-nettoyage-box.gif') no-repeat 100% -17px;}
.cadrenettoyage .titre .i3{background:none;padding:0;min-height:50px;heught:auto !important;height:50px;}

.cadrenettoyage .content{margin:0;height:1%;margin-bottom:0.8em;}
.cadrenettoyage .content .bt,.cadrenettoyage .content .bt div{display:none;}
.cadrenettoyage .content .bb,.cadrenettoyage .content .bb div{background-image:url('../img/cbb/cadre-nettoyage-box.gif');height:17px;}
.cadrenettoyage .content .i1{padding-left:13px;}
.cadrenettoyage .content .i1,.cadrenettoyage .content .i2{background-image:url('../img/cbb/cadre-nettoyage-borders.gif');}
.cadrenettoyage .content .i3{background:none;padding:0;}

/* bricolage */
.cadrebricolage .titre{margin:0;height:1%;margin-bottom:0;}
.cadrebricolage .titre .bt,.cadrebricolage .titre .bt div{background-image:url('../img/cbb/cadre-bricolage-box.gif');height:17px;}
.cadrebricolage .titre .bb,.cadrebricolage .titre .bb div{display:none;}
.cadrebricolage .titre .i1{padding-left:13px;}
.cadrebricolage .titre .i1{background-image:url('../img/cbb/cadre-bricolage-borders.gif');}
.cadrebricolage .titre .i2{background:url('../img/cbb/cadre-bricolage-box.gif') no-repeat 100% -17px;}
.cadrebricolage .titre .i3{background:none;padding:0;min-height:50px;heught:auto !important;height:50px;}

.cadrebricolage .content{margin:0;height:1%;margin-bottom:0.8em;}
.cadrebricolage .content .bt,.cadrebricolage .content .bt div{display:none;}
.cadrebricolage .content .bb,.cadrebricolage .content .bb div{background-image:url('../img/cbb/cadre-bricolage-box.gif');height:17px;}
.cadrebricolage .content .i1{padding-left:13px;}
.cadrebricolage .content .i1,.cadrebricolage .content .i2{background-image:url('../img/cbb/cadre-bricolage-borders.gif');}
.cadrebricolage .content .i3{background:none;padding:0;}

/* informatique */
.cadreinformatique .titre{margin:0;height:1%;margin-bottom:0;}
.cadreinformatique .titre .bt,.cadreinformatique .titre .bt div{background-image:url('../img/cbb/cadre-informatique-box.gif');height:17px;}
.cadreinformatique .titre .bb,.cadreinformatique .titre .bb div{display:none;}
.cadreinformatique .titre .i1{padding-left:13px;}
.cadreinformatique .titre .i1{background-image:url('../img/cbb/cadre-informatique-borders.gif');}
.cadreinformatique .titre .i2{background:url('../img/cbb/cadre-informatique-box.gif') no-repeat 100% -17px;}
.cadreinformatique .titre .i3{background:none;padding:0;min-height:50px;heught:auto !important;height:50px;}

.cadreinformatique .content{margin:0;height:1%;margin-bottom:0.8em;}
.cadreinformatique .content .bt,.cadreinformatique .content .bt div{display:none;}
.cadreinformatique .content .bb,.cadreinformatique .content .bb div{background-image:url('../img/cbb/cadre-informatique-box.gif');height:17px;}
.cadreinformatique .content .i1{padding-left:13px;}
.cadreinformatique .content .i1,.cadreinformatique .content .i2{background-image:url('../img/cbb/cadre-informatique-borders.gif');}
.cadreinformatique .content .i3{background:none;padding:0;}

/* carte genius */
.cadrecarte .titre{margin:0;height:1%;margin-bottom:0;}
.cadrecarte .titre .bt,.cadrecarte .titre .bt div{background-image:url('../img/cbb/cadre-carte-box.gif');height:17px;}
.cadrecarte .titre .bb,.cadrecarte .titre .bb div{display:none;}
.cadrecarte .titre .i1{padding-left:13px;}
.cadrecarte .titre .i1{background-image:url('../img/cbb/cadre-carte-borders.gif');}
.cadrecarte .titre .i2{background:url('../img/cbb/cadre-carte-box.gif') no-repeat 100% -17px;}
.cadrecarte .titre .i3{background:none;padding:0;min-height:50px;heught:auto !important;height:50px;}

.cadrecarte .content{margin:0;height:1%;margin-bottom:0.8em;}
.cadrecarte .content .bt,.cadrecarte .content .bt div{display:none;}
.cadrecarte .content .bb,.cadrecarte .content .bb div{background-image:url('../img/cbb/cadre-carte-box.gif');height:17px;}
.cadrecarte .content .i1{padding-left:13px;}
.cadrecarte .content .i1,.cadrecarte .content .i2{background-image:url('../img/cbb/cadre-carte-borders.gif');}
.cadrecarte .content .i3{background:none;padding:0;}

/* Bloc titre */
.titre{margin:0;height:1%;}
.titre .bt,.titre .bt div{background-image:url('../img/cbb/titre-box.png');height:13px;}
.titre .bb,.titre .bb div{background-image:url('../img/cbb/titre-box.png');height:5px;}
.titre .i1{padding-left:13px;}
.titre .i1,.titre .i2{background-image:url('../img/cbb/titre-borders.png');}
.titre .i3{background:url('../img/cbb/titre-borders.png') repeat-y 50%;padding:0;}

.cgv .titre{margin:0;height:1%;margin-bottom:0.8em;}
.cgv .titre .bt,.cgv .titre .bt div{background-image:url('../img/cbb/cgv-titre-box.png');height:13px;}
.cgv .titre .bb,.cgv .titre .bb div{background-image:url('../img/cbb/cgv-titre-box.png');height:5px;}
.cgv .titre .i1{padding-left:13px;}
.cgv .titre .i1,.cgv .titre .i2{background-image:url('../img/cbb/cgv-titre-borders.png');}
.cgv .titre .i3{background:url('../img/cbb/cgv-titre-borders.png') repeat-y 50%;padding:0;}

/* cadre violet */
.offrePartenaires .bt,.offrePartenaires .bt div,.offrePartenaires .bb,.offrePartenaires .bb div{background-image:url('../img/cbb/cadre2-box.gif');}
.offrePartenaires .bt{height:21px;}
.offrePartenaires .bt div{width:21px;height:21px;}
.offrePartenaires .bb {height:20px;margin:0pt 0pt 0pt 20px;}
.offrePartenaires .bb div {width:21px;height:20px;left:-20px;}
.offrePartenaires .i1,.offrePartenaires .i2{background-image:url('../img/cbb/cadre2-borders.gif');}
.offrePartenaires .i3{background:#FFF;padding-left:0;padding-right:0;}