body { MARGIN-TOP: 0px; FONT-SIZE: 11px; MARGIN-LEFT: 0px; FONT-FAMILY: Tahoma, Verdana, Arial;    }
#body { width : 968px ; height : auto ; margin : 0 auto;  background:#fff }
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;padding-top: 3px;}
#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}
#infoboxwafaII {border: #89A4FF 1px solid; PADDING: 2px 1px 1px 1px ; MARGIN-LEFT: 5px; WIDTH: 610px; MARGIN-RIGHT: 5px; BACKGROUND-COLOR: #F4FFFF;  }

#infoboxwafa .maintitle {FONT: bold 13pt arial; COLOR: #005abc}
#infoboxwafa .subtitle {FONT: normal 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 #prodlistuserdata  {padding: 5px 1px 1px 2px; margin: 2px 0 0 5px;  background: url(medias/modwafa/decopanel.jpg); height:181px ; width:613px}
#prodlistuserdata .datblock {width:234px;height:114px;float:right;margin:40px 6px 6px 6px}
#prodlistuserdata .datblockp {width:234px;height:125px;float:right;margin:43px 6px 6px 6px}

span.dattit1 { font: bold 15pt arial; color: #1A2F4A;display:block; padding:1px} 
span.dattit2 { font: bold 13pt arial; color: #fff;display:block; padding:1px} 
span.dattit3 { font: normal 18pt arial; color: #fff;display:block; padding:4px 2px 2px 2px} 
span.dattit4 { font: normal 18pt arial; color: #fff;display:block; padding:0px 2px 2px 2px} 
span.dattit5 { font: bold 30pt arial; color: #224064;display:block;} 
span.dattit6 { font: normal 8pt arial; color: #fff;display:block ; padding-top:5px} 

#prodlistbody #prodlistright {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; float: right; PADDING-BOTTOM: 2px; WIDTH: 614px; height: 400px; overflow:scroll}
#prodlistright .prodbloc {  BACKGROUND: url(medias/modwafa/bgprodblock.png); FLOAT: left; WIDTH: 192px; MARGIN:0px 2px 8px 2px; HEIGHT: 181px}

#prodlistright .titcf {	FONT: bold 15pt arial; COLOR: #214064 ; height:22px; padding-top:6px ; display:inline-block}
#prodlistright .titcfp {FONT: bold 12pt arial; COLOR: #214064 ; height:22px ;  padding-top:6px ; display:inline-block}
#prodlistright .titprod { FONT: 9pt arial; COLOR: #444444 ;  padding-top:6px ; display:inline-block}
#prodlistbody .menutitle {	MARGIN-TOP: 5px; FONT: bold 13pt arial; COLOR: #005abc}

#prodlistbody .info {	FONT: bold 12pt arial; COLOR: #bc001d}
#prodlistbody .label {	FONT: normal 12pt arial; COLOR: #005ABC ; text-align:right}


#menuwafa {float:right;margin:0px 15px 0 0;position: relative;}
#menuwafa a.norm{color:#fff;margin:1px; font: bold 9pt arial; background: url(medias/modwafa/bgmenuoff.png);display:inline-block;text-decoration:none;text-align:center;width:113px;height:22px; padding-top:6px ; float:left}
#menuwafa a.norm:hover, #menuwafa a.mactive{background: url(medias/modwafa/bgmenuon.png);color:#050908;font:bold 9pt arial;width:113px;height:22px;margin:1px;display:inline-block;text-decoration:none;text-align:center;width:113px;height:22px; padding-top:6px ; float:left }

#menuwafa  #prodlistusermenu { color:#fff ; position:absolute;width:210px;height:230px;padding: 5px 10px 2px 10px;margin-left:4px ;background:#154C91 ; border:1px #002B61 solid ; 
margin-right:10px ; top: 30px ;left:0px ;opacity : 0.9; filter : alpha(opacity=90); display : none }
#prodlistusermenu a {font: 8pt arial; color: #fff}
#prodlistusermenu a.aactive {font: bold 8pt arial; color: #fff}

#omenu {margin-left:5px}
#omenu a{color:#767676 ; background:url('medias/look2010/tabnormal.png') no-repeat; display:inline-block;text-decoration:none;font-size:8pt;font-weight:bold;text-align:center;margin:0 1px 0 1px;width:118px;height:27px; line-height:190%;padding-top:5px ; float:left}
#omenu a:hover{background:url('medias/look2010/tabover.png') no-repeat;color:#204D9E; }
#omenu a.active{background:url('medias/look2010/tabover.png') no-repeat; color:#204D9E;}

#wafabckcontent {background: url(medias/modwafa/bcqfaq.png) center bottom repeat-x ; width:612px;  border : 1px solid #B5C1F3;margin-left:6px}
#wafabckcontent #wafatextcontent{ margin:6px;padding:2px; width:598px;  background:transparent}



/* 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 */
#logocm  {width:612px; height:30px; ; background: url(medias/cmimages/logohomecm.gif) right no-repeat   ;margin:1px}
.cmbloc1 {width:306px; height:330px; float:left ; margin-top:10px;  margin-bottom:10px}
.cmbloc1 h1 { height:32px; background : url('medias/look2010/bgarrow.png') no-repeat; font-size : 15px; color:#1B68AE; font-weight:normal ; padding-left:22px }
.cmbloc1 span { color:red }
.cmbloc1 p { text-align:center }
.cmbloc1 p  img { border:0px }
.cmbloc1 .divlogo { background: url(medias/look2010/logocmscroll.png) no-repeat   ;width : 75px ; height:18px; float:left }
.cmbloc1 .divtext { font-size:13px;  color:#5b5b5b ; width : 190px; float:left }
.cmbloc1 .divline  {width:265px;margin:5px;border-top:1px #c5c5c5 solid ; margin:0px ; padding:0px }
.cmbloc1 .scrollcontent{ overflow : scroll ; height:300px;position:absolute;zoom:1; padding-right:30px}
	
.cmbloc2 {width:204px; height:330px; float:left  ; margin:1px; margin-top:10px}
.cmbloc2 h1 { height:28px; width:194px; line-height:190%; background : url('medias/look2010/bgh1.png') no-repeat center; font-size : 13px; color:#fff; font-weight:bold ; padding-left:10px }
.cmbloc2 p { text-align:center }
.cmbloc2 img { border:1px #c5c5c5 solid }


/* Carrefour EXPRESS */

#logoce  {width:612px; height:30px; ; background: url(medias/look2010/logoce.png) right no-repeat   ;margin:1px}
.cebloc1 {width:306px; height:330px; float:left ; margin-top:10px;  margin-bottom:10px}
.cebloc1 h1 { height:32px; background : url('medias/look2010/bgarrow.png') no-repeat; font-size : 15px; color:#014812; font-weight:normal ; padding-left:22px }
.cebloc1 span { color:#4E7C57 }
.cebloc1 p { text-align:center }
.cebloc1 p  img { border:0px }
.cebloc1 .divlogo { background: url(medias/look2010/logocescroll.png) no-repeat   ;width : 75px ; height:18px; float:left }
.cebloc1 .divtext { font-size:13px;  color:#5b5b5b ; width : 190px; float:left }
.cebloc1 .divline  {width:265px;margin:5px;border-top:1px #c5c5c5 solid ; margin:0px ; padding:0px }
.cebloc1 .scrollcontent{ overflow : scroll ; height:300px;position:absolute;zoom:1; padding-right:30px}
	

.cebloc2 {width:204px; height:330px; float:left  ; margin:1px; margin-top:10px}
.cebloc2 h1 { height:28px; width:194px; line-height:190%; background : url('medias/look2010/bgh12.png') no-repeat center; font-size : 13px; color:#fff; font-weight:bold ; padding-left:10px }
.cebloc2 p { text-align:center }
.cebloc2 img { border:1px #c5c5c5 solid }

.clearboth {clear:both;height:1px}

.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 }

/* home carrousel */
#mainbloc {width:590px;height:250px;text-align:center; background : url('medias/look2010/bckhomeslide.png') no-repeat; padding:32px 16px 32px 10px; margin-left:6px  }
#mainbloc .contentmask {float:left;height:240px;width:549px;overflow:hidden;position:relative;}
#mainbloc #contentbox{position:absolute;}
#contentbox span  {disply:block;float:left;}
#contentbox span img {border:0px}
#mainbloc #next{float:left;height:248px;width:20px; background : url(medias/look2010/arrnext.png) no-repeat center center }
#mainbloc #back{float:left;height:248px;width:20px; background : url(medias/look2010/arrback.png) no-repeat center  center }

/* espace employ */
#rectopbloc{width:612px;height:24px;background : url('medias/look2010/recruttit.png') no-repeat;}
#recmainbloc{width:610px; border-left:1px #C6C6C6 solid ;border-right:1px #C6C6C6 solid;}
#recmainbloc #menu {margin :10px 5px 0 5px;padding-bottom:2px; border-bottom:1px solid #204D9E ; height:32px}

#menu a{color:#767676 ; background:url('medias/look2010/tabnormal.png') no-repeat; display:inline-block;text-decoration:none;font-size:8pt;font-weight:bold;text-align:center;margin:0 1px 0 1px;width:118px;height:27px; line-height:100%;padding-top:5px ; float:left}
#menu a:hover{background:url('medias/look2010/tabover.png') no-repeat;color:#204D9E; }
#menu a.active{background:url('medias/look2010/tabover.png') no-repeat; color:#204D9E;}

#recmainbloc #data {margin :10px 5px 0 5px; }
#data hr {margin:0px;padding:0px; border:1px #ccc dashed}
#data p, #data ul li  {color: #515151 ; padding:2px;margin:0 ; line-height:120%; font-size:10pt ; text-align: justify}
#data h1  {color: #515151 ; font-size:14pt;padding:4px 0px 4px 0px;margin:2px;color:#4067AF }
#data h2  {color: #515151 ; font-size:11pt;padding:3px 0px 3px 0px;margin:2px;color:#4067AF }
#data table.grid {width:100%;height:25px; border-collapse:collapse ; border:1px #fefefe solid ;}
#data tr.head {background:#9EB6F3; height:20px; font-weight:bold ;  color: #fff ; }
#data tr.data {background:#EDEDED; height:24px}
.data td  {border:1px white solid ; }
.head td { padding:4px }

a.recbutton{color:#767676 ; background:url('medias/look2010/recrutbt.png') no-repeat; display:block;text-decoration:none;font-size:8pt;text-align:center;margin:5px 1px 5px 1px;width:99px;height:26px; line-height:180% ; float:right}
a.recbutton:hover{background:url('medias/look2010/recrutbtover.png') no-repeat;color:#204D9E;text-decoration:none }

#recbottombloc{width:612px;height:9px;background : url('medias/look2010/recrutbottom.png') no-repeat;}