body { MARGIN-TOP: 0px; FONT-SIZE: 11px; MARGIN-LEFT: 0px; FONT-FAMILY: Tahoma, Verdana, Arial }
#body { width : 968px ; height : auto ; margin : 0 auto }
td {FONT-SIZE: 11px; FONT-FAMILY: Tahoma, verdana, Arial}
input { BORDER-RIGHT: 1px inset; BORDER-TOP: 1px inset; FONT-SIZE: 11px; MARGIN: 0px; BORDER-LEFT: 1px inset; BORDER-BOTTOM: 1px inset; FONT-FAMILY: Tahoma, Arial, Helvetica; BACKGROUND-COLOR: #ffffff}
form {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
textarea { BORDER-RIGHT: 1px inset; BORDER-TOP: 1px inset; FONT-SIZE: 11px; MARGIN: 0px; BORDER-LEFT: 1px inset; BORDER-BOTTOM: 1px inset; FONT-FAMILY: Tahoma, Arial, Helvetica; BACKGROUND-COLOR: #ffffff}
select { BORDER-RIGHT: 1px inset; BORDER-TOP: 1px inset; FONT-SIZE: 11px; MARGIN: 0px; BORDER-LEFT: 1px inset; BORDER-BOTTOM: 1px inset; FONT-FAMILY: Tahoma, Arial, Helvetica; BACKGROUND-COLOR: #ffffff }
input.noborders {BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent}
ul {LIST-STYLE-IMAGE: url(medias/images/puceblue2.gif)}
a:link {COLOR: #0047a9; TEXT-DECORATION: none}
a:visited {COLOR: #0047a9; TEXT-DECORATION: none}
a:active {COLOR: #0047a9; TEXT-DECORATION: none}
a:hover {COLOR: #0047a9; TEXT-DECORATION: underline}
a.linktop:link {COLOR: #666666; TEXT-DECORATION: none}
a.linktop:visited {COLOR: #666666; TEXT-DECORATION: none}
a.linktop:active {COLOR: #666666; TEXT-DECORATION: none}
a.linktop:hover {COLOR: #666666; TEXT-DECORATION: underline}
a.rub:link {COLOR: white; TEXT-DECORATION: none}
a.rub:visited {COLOR: white; TEXT-DECORATION: none}
a.rub:active {COLOR: white; TEXT-DECORATION: none}
a.rub:hover {COLOR: beige}
.doctitre {FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: red; FONT-FAMILY: Arial}
.doctitre2 {FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: #000080; FONT-FAMILY: Arial}
hr {BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid}
.articledate {FONT-SIZE: 11px; COLOR: #4c9fdb; FONT-FAMILY: Tahoma, Verdana}
.articletitle {FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: Tahoma, verdana}
.articletitlez2 {FONT-SIZE: 10px; COLOR: #bbcfec; FONT-FAMILY: Tahoma, Verdana}
.articledatez2 {FONT-SIZE: 10px; COLOR: greenyellow; FONT-FAMILY: Tahoma, verdana}
.top {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #f7d16c; FONT-FAMILY: verdana, Arial, Tahoma; BACKGROUND-COLOR: #0e6f65}
.section {FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Verdana}
.rubrique {FONT-SIZE: 10px; COLOR: white; FONT-FAMILY: Verdana}
.sous-rubrique {FONT-SIZE: 10px; COLOR: #464646; FONT-FAMILY: Verdana}

/* web2 main css */
#utop { width:968px ; height:62px ; }
#utop #toplogo { background : #E6E6E6 ; width:313px ; height:62px ; float : left }
#utop #topmenu { background : url(medias/images/web2topmbck.gif) repeat-x ; width:380px ; height:62px ; text-align : center ; line-height : 500% ; float : left }
#utop #toprech { background : url(medias/images/web2toprech.gif); width:275px ; height:62px ; text-align : center ; line-height : 500% ; float : left }
#bann { width:968px ; height:88px ;}
#cmenu { background : url(medias/images/web2grad.gif) ; margin-top : 1px ; width:968px ; height:29px ; font-size : 11px; }

/* web 2 menu */
.chromestyle{width: 900px;float:left;padding-left : 6px;padding-top : 3px;}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.chromestyle ul{/*border: 1px solid #BBB;*/width: 100%;padding: 4px 0;margin: 0;text-align: left; /*set value to "left", "center", or "right"*/background: url(medias/appimages/bg_mainmenu2.jpg) center center repeat-x; /*THEME CHANGE HERE*/}
.chromestyle ul li{display: inline;}
.chromestyle ul li a {color: #ffffff;padding: 4px 7px;padding-top: 5px;margin: 0;text-decoration: none; border-right: 1px solid #DADADA;}
.chromestyle ul li a:active,.chromestyle ul li a:link,.chromestyle ul li a:visited{color:#ffffff;padding: 4px 7px;padding-top: 5px;margin: 0;text-decoration: none; border-right: 1px solid #DADADA;}
.chromestyle ul li a:hover,.chromestyle ul li a.selected{ color: #ffffff;padding: 4px 7px;text-decoration: none; padding-top: 5px;margin: 0;background: url(medias/images/web2bckmenuover.gif) center center repeat-x;}
/* ### Style for Drop Down Menu ## */
.dropmenudiv {position:absolute;top: 0;border: 1px solid #ffffff; border-bottom-width: 0; line-height:18px;z-index:100;background-color: #2D4C9C;width: 200px;visibility: hidden;/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); */}
.dropmenudiv a:active,.dropmenudiv a:visited,.dropmenudiv a:link {color: #ffffff;width: auto;height:18px; display: block;text-indent: 3px; text-decoration: none; border-bottom: 1px solid #BBB;}
.dropmenudiv a:hover{ color : #ffffff;background: #4D6CB1 center center repeat-x;}
* html .dropmenudiv a{ /*IE only hack*/width: 100%;}
/*  /web 2 menu  */

/* wafa module */
#wafamodhead {BACKGROUND: url(medias/modwafa/wafahead.gif); WIDTH: 629px; HEIGHT: 43px}
#wafafooter {BACKGROUND: url(medias/modwafa/wafafoot.gif); WIDTH: 629px; HEIGHT: 38px}
#wafacontent {BORDER-RIGHT: #0057b7 1px solid; MIN-HEIGHT: 400px; BORDER-LEFT: #0057b7 1px solid; WIDTH: 627px}
#login {BACKGROUND: url(medias/modwafa/pub4bck.gif); WIDTH: 294px; HEIGHT: 158px}
#infoboxwafa {BORDER-RIGHT: #6ab2ff 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #6ab2ff 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN-LEFT: 5px; BORDER-LEFT: #6ab2ff 1px solid; WIDTH: 610px; MARGIN-RIGHT: 5px; PADDING-TOP: 1px; BORDER-BOTTOM: #6ab2ff 1px solid; BACKGROUND-COLOR: #d5efff; pading-top: 5px}
#infoboxwafa .maintitle {FONT: bold 13pt arial; COLOR: #005abc}
#infoboxwafa .subtitle {FONT: bold 10pt arial; COLOR: #005abc}
#infoboxwafa INPUT {BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff}
#infoboxwafa TEXTAREA {BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid; BORDER-LEFT: #c0c0c0 1px solid; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff}
#infoboxwafa TD {COLOR: #666666}
#messagebox {WIDTH: 608px; HEIGHT: 178px}
#messagebox A.green {DISPLAY: block; BACKGROUND: url(medias/modwafa/greenmessage.jpg); FONT: 11pt arial; WIDTH: 608px; COLOR: white; HEIGHT: 178px; TEXT-ALIGN: left; TEXT-DECORATION: none}
#messagebox A.yellow {DISPLAY: block; BACKGROUND: url(medias/modwafa/yellowmessage.jpg); FONT: 11pt arial; WIDTH: 608px; COLOR: white; HEIGHT: 178px; TEXT-ALIGN: left; TEXT-DECORATION: none}
#prodlistbody {WIDTH: 627px}
#prodlistbody #prodlistleft {FLOAT: left; WIDTH: 180px}
#prodlistleft .prodlistmenu {BORDER-RIGHT: #6ab2ff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #6ab2ff 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 5px; BORDER-LEFT: #6ab2ff 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; BORDER-BOTTOM: #6ab2ff 1px solid; BACKGROUND-COLOR: #d5efff}
#prodlistleft TD {	FONT: 10pt arial; COLOR: #444444}
#prodlistleft TD A {	FONT: 10pt arial; COLOR: #444444}
#prodlistleft TD.info {	FONT: bold 12pt arial; COLOR: #bc001d}
#prodlistbody #prodlistright {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: right; PADDING-BOTTOM: 2px; WIDTH: 430px; PADDING-TOP: 2px}
#prodlistright .prodbloc {	MARGIN-TOP: 13px; BACKGROUND: url(medias/modwafa/bckprod.gif); FLOAT: left; WIDTH: 197px; MARGIN-RIGHT: 14px; HEIGHT: 168px}
#prodlistright .titcf {	FONT: bold 15pt arial; COLOR: #bc001d}
#prodlistright .titprod {	FONT: 9pt arial; COLOR: #444444}
#prodlistbody .menutitle {	MARGIN-TOP: 5px; FONT: bold 13pt arial; COLOR: #005abc}

/* ecard module */
#ecardhead {	BACKGROUND: url(medias/images/ecardhead.gif); WIDTH: 629px; HEIGHT: 43px}
#ecardcontent {	BACKGROUND: url(medias/images/bckecard.gif); WIDTH: 629px; PADDING-TOP: 1px; HEIGHT: 428px}
#infobox {	BORDER-RIGHT: #6ab2ff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #6ab2ff 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 5px; BORDER-LEFT: #6ab2ff 1px solid; WIDTH: 610px; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; BORDER-BOTTOM: #6ab2ff 1px solid; BACKGROUND-COLOR: #d5efff}
#infobox INPUT {	BORDER-RIGHT: #6ab2ff 1px solid; BORDER-TOP: #6ab2ff 1px solid; BORDER-LEFT: #6ab2ff 1px solid; BORDER-BOTTOM: #6ab2ff 1px solid; BACKGROUND-COLOR: #ffffff}
#infobox TEXTAREA {	BORDER-RIGHT: #6ab2ff 1px solid; BORDER-TOP: #6ab2ff 1px solid; BORDER-LEFT: #6ab2ff 1px solid; BORDER-BOTTOM: #6ab2ff 1px solid; BACKGROUND-COLOR: #ffffff}
#infobox .color-text {	BORDER-RIGHT: #6ab2ff 1px solid; BORDER-TOP: #6ab2ff 1px solid; FLOAT: left; MARGIN: 2px; BORDER-LEFT: #6ab2ff 1px solid; WIDTH: 20px; BORDER-BOTTOM: #6ab2ff 1px solid; HEIGHT: 20px}
#infobox .color-text INPUT {	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent}
#infobox .maintitle {	FONT: bold 13pt arial; COLOR: #005abc}
#ecardgrid {	PADDING-RIGHT: 3px; MARGIN-TOP: 25px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN-LEFT: 5px; WIDTH: 610px; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; HEIGHT: 300px}
#ecardgrid .ecardpreview {	BORDER-RIGHT: #828282 1px solid; BORDER-TOP: #828282 1px solid; BORDER-LEFT: #828282 1px solid; WIDTH: 169px; BORDER-BOTTOM: #828282 1px solid; HEIGHT: 125px; BACKGROUND-COLOR: #d5efff; TEXT-ALIGN: center}
#ecardprev {BORDER-RIGHT: #6ab2ff 1px solid; BORDER-TOP: #6ab2ff 1px solid; MARGIN-TOP: 2px; MARGIN-LEFT: 5px; OVERFLOW: auto; BORDER-LEFT: #6ab2ff 1px solid; WIDTH: 610px; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #6ab2ff 1px solid; HEIGHT: 220px}
.normaltext {FONT: 11px tahoma; COLOR: #666666; TEXT-ALIGN: center}
.bckhome {FONT-WEIGHT: bold; FONT-SIZE: 12pt; BACKGROUND: url(medias/look2009/newelements/bckhome.gif); MARGIN-LEFT: 10px; WIDTH: 203px; COLOR: white; FONT-FAMILY: arial; HEIGHT: 28px}

/* Medias gallery */
#mediasheadphoto {BACKGROUND: red url(medias/medias-gallery/titphotos.gif); WIDTH: 619px; HEIGHT: 25px}
#mediasheadvideo {BACKGROUND: url(medias/medias-gallery/titvideos.gif); WIDTH: 619px; HEIGHT: 25px}
#mediascontent {BACKGROUND: blue url(medias/medias-gallery/galbck.gif); WIDTH: 619px; HEIGHT: 534px; }
#mediasvideo {BACKGROUND: url(medias/medias-gallery/bckdetvid.jpg); WIDTH: 619px; HEIGHT: 534px}

#mediasgrid { PADDING : 2px 2px 2px 2px; MARGIN-LEFT: 5px;MARGIN-RIGHT: 5px; WIDTH: 590px;  HEIGHT: 435px}
#mediasgrid .mediaspreview { padding-left : 2px;WIDTH: 150px; HEIGHT: 140px; TEXT-ALIGN: center}
.ntext {FONT: 11px tahoma; COLOR: #0D62A5; TEXT-ALIGN: center}

#galinfobox { WIDTH: 600px; HEIGHT: 50px ; margin-left : 6px;  margin-top : 3px;  padding : 2px 2px 2px 2px ;  BORDER-TOP: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; }
#galinfopage { WIDTH: 600px; HEIGHT: 25px ; margin-left : 6px;  margin-top : 2px;  padding : 1px 1px 1px 1px  }

#mediasvgrid { PADDING : 50px 50px 50px 70px; MARGIN-LEFT: 5px;MARGIN-RIGHT: 5px; WIDTH: 300x;  HEIGHT: 200px}
#vgalinfopage { WIDTH: 600px; HEIGHT: 50px ; margin-left : 6px;  margin-top : 2px;  padding : 15px 1px 1px 1px  }

/* Carrefour Market */
.titcr { FONT: 11px tahoma  ; color:#0D61AB}
.titcm { FONT: 11px  tahoma ; color:red }
.titdat { FONT: 10px tahoma  ; color:#666666 }
.n1container { background : url(medias/produits/prod_n1_container.gif) ; font: 12pt arial  ; color:white ; padding : 5px }
.pccontainer { background : url(medias/produits/prod_carrefour_container.gif) ; font: 13pt arial  ; color:white ; padding : 5px }
.bckhomecm { FONT-WEIGHT: bold; FONT-SIZE: 12pt; BACKGROUND: url(medias/cmimages/bcktitcm.gif) no-repeat ; MARGIN-LEFT: 10px; WIDTH: 298px; COLOR: white; FONT-FAMILY: arial; HEIGHT: 28px }