/****************** 01/ DOCUMENT ***/
* { 
padding: 0; 
margin: 0; 
border:0
}

body { 
background: url(img/bkgrnd01.gif) repeat; 
color: #cbcbcb; 
text-align: center; 
font-size:12px; 
background-color:#cbcbcb;
}

#divBord { background: url(img/whiteborder3px.gif) repeat-y; width: 720px; margin: 0px auto 0px auto; text-align:centre}
#divTete { background: url(img/whiteborder3pxtete.gif) no-repeat; width: 720px; height:20px; margin: 0px auto 0 auto; position:relative; background-position:top;}
#divMenu { background: url(img/noflashmenu.gif) no-repeat; height: 140px; position: relative; text-align: center; background-position:top; margin-bottom:4px}
#divContenu {width: 710px; margin: 0px auto 0px auto;position: relative;text-align: left;}
#divTitre { background: url(img/noflashtitre.gif) no-repeat; position: relative; text-align: center; background-position:top; margin-bottom:4px; height:200px}
#divBarreBas { height: 24px; position: relative;}
#divCredits { height: 20px; position: relative;text-align: center; padding-top:5px; width:720px;}
#divPied { background: url(img/whiteborder3pxpied.gif) no-repeat; width: 720px; height:20px; margin: 0px auto 0 auto; position:relative; background-position:top;}

#divHomeThumb {width: 710px; margin: 0px auto 0 auto;position: relative;text-align: left; height:140px; overflow:hidden}
#divHomeContent {width: 710px; margin: 0px auto 0 auto;position: relative;text-align: left; font-family:Arial, Helvetica, sans-serif;}

#divWorkThumb {width: 710px; margin: 0px auto 0 auto;position: relative;text-align: left; overflow:hidden; margin-bottom:5px}
#divTitrenav {width: 710px; height: 25px; position: relative; text-align: center; background: url(img/titrenav01.gif) no-repeat; margin-bottom:4px}
#divTitreactu {width: 710px; height: 25px; position: relative; text-align: center; background-color: #ff0000; margin-bottom:4px}
#divAchat {width: 430px; height: 25px; position: relative; background-color: #ff0000;}
#divClientDrop { height: 21px; width:104px; position:absolute; top:2px; left:69px;}
#divTypeDrop { height: 21px; width:104px; position:absolute; top:2px; left:69px;}
#divClientDropDown { height: 21px; width:104px; position:absolute; top:2px; left:69px;}
#divTypeDropDown { height: 106px; width:104px; position:absolute; top:2px; left:69px; z-index:10}
#divPageSelector { height: 25px; width:710px; position: relative;text-align: center;  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; }
#divPagesWork {background: url(../assets/work/bgPageSelector.gif) no-repeat; height: 25px; width:267px; position: absolute; text-align: center; top:0px; left:436px; padding-top:3px}

#divNews {width: 710px; margin: 0px auto 0 auto;position: relative;text-align: left;margin-bottom:5px; vertical-align:top;font-family:Arial, Helvetica, sans-serif;}
#divNewsLeft {width:431px; position: relative;text-align: left;}
#divNewsRight { background: url(../assets/news/bgNewsRight.jpg) no-repeat; width:268px; position: absolute;text-align: left;top:0px; left:436px; padding:25px 15px 15px 15px}
.newsList {width:431px; height:43px; position: absolute;text-align: left; padding:5px 0px 0px 15px; font-family:Arial, Helvetica, sans-serif;}
.redSquare { position: absolute; width:15px; height:15px;top:20px;left:409px}
#divPagesNews {background: url(../assets/work/bgPageSelector.gif) no-repeat; height: 25px; width:267px; position: absolute; text-align: left; top:0px; left:0px;padding-left:15px; padding-top:3px}

#divInter {width: 710px; margin: 0px auto 0 auto;position: relative;text-align: left; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; margin-bottom:4px}

#divClientThumb {width: 710px; margin: 0px auto 0 auto;position: relative;text-align: left; margin-bottom:4px; background-color:#FFFFFF;}
#divClientLogoThumb{padding-left:28px; padding-top:10px}
#divBackOffice { background: url(img/bkgrnd03.gif) repeat; background-position:top; height:500px; text-align: right; padding-top:10px;}
#divBackOfficeList { background: url(prive/images/listbkg.gif) repeat-y; background-position:top; text-align: right; padding-top:10px;}
#divTitrenavBO {width: 500px; height: 18px; position: relative; text-align: center; background: url(img/BackOffNav.jpg) no-repeat;}

.TDTextGauche{
background: url(img/bkgrnd04.gif) repeat-y;
}

.TDTextDroite{
background: url(img/bkgrnd02.gif) repeat;
}

.TDNewsContact{
background: url(../assets/news/bgNewsLeftFooter.gif) no-repeat;
padding: 15px 20px 15px 20px
}

.TDNewsTxt{
padding: 15px 20px 15px 20px; 
vertical-align:top
}

.TDNews{
padding:10px 10px 20px 10px; 
vertical-align:top
}

.TdTableContent {
background-repeat:repeat-y; 
vertical-align:top;
}

.TdTableContentTxt {
background-repeat:no-repeat; 
padding: 8px 18px 5px 18px;
}
.TdTableContentTxtHomeWork{
background-repeat:no-repeat; 
padding: 8px 18px 5px 18px;
line-height:8px;
}

.TdTableContentFooter { 
vertical-align:top
}

.enPlus {
text-align:right;
padding-right:5px; 
padding-bottom:2px; 
vertical-align:bottom;
}

.whiteItalicGeorgia{
color:#FFFFFF; 
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
font-size:12px; 
font-style:italic; 
font-weight:bold;
}

.redItalicGeorgia{ 
color: #FF0000; 
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
font-style:italic; 
font-weight:bold}

.greyItalicArial{
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
font-style:italic;
}
a.greyItalicArial, a.greyItalicArial:visited{
color:#444442; 
text-decoration:none
}

.greyGeorgia{
color:#014b7a;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
font-weight:bold; 
line-height:200%}
a.greyGeorgia, a.greyGeorgia:visited{
color:#333333; 
font-size:8px;
}

.whiteGeorgia{
color:#ffffff;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
font-weight:bold; 
line-height:200%}
a.whiteGeorgia, a.whiteGeorgia:visited{
color:#ffffff; 
font-size:8px;
}

.greyCasestudy{
color:#333333;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
line-height:180%}
a.greyGeorgia, a.greyGeorgia:visited{
color:#333333; 
font-size:10px;
}

.whiteCasestudy{
color:#ffffff;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
line-height:180%}
a.whiteGeorgia, a.whiteGeorgia:visited{
color:#ffffff; 
font-size:10px;
}

.BackOffWhite{
color:#ffffff;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
line-height:180%}

.redArial12link,a.redArial12link, a.redArial12link:visited{
color:#FF0000;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
font-weight:bold;
}

.blackGeorgia20{
color:#ffffff;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:20px; 
font-weight:bold;
}

.lightgreyitalicGeorgia20{
color:#ffffff; 
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:20px; 
font-weight:bold; 
font-style:italic;
}

.lightgreyitalicGeorgia20b{
color:#828282; 
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:14px; 
font-weight:bold; 
font-style:italic;
}

.textBold, a.textBold,a.textBold:visited { 
color:#393937 ;
font-weight:bold; 
text-decoration:none; 
}

.textBoldbleu, a.textBoldbleu,a.textBoldbleu:visited { 
color:#014b7a ;
font-weight:bold; 
text-decoration:none; 
}

.txtbleu, a.txtbleu,a.txtbleu:visited {
color:#014b7a;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
line-height:110%}

.txtbleuB, a.txtbleuB,a.txtbleuB:visited {
color:#014b7a;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-weight:bold; 
font-size:12px; 
line-height:110%}

.greyCasestudy1{
color:#333333;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:11px; 
line-height:110%}

.textBoldHome, a.textBoldHome,a.textBoldHome:visited { 
color:#000000 ;
font-weight:bold; 
text-decoration:none; 
line-height:160%;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:9px; 
}

.textBoldHome1, a.textBoldHome1,a.textBoldHome1:visited { 
color:#ff0000 ;
font-weight:bold; 
background-color:#ffffff;
text-decoration:none; 
line-height:160%;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px; 
}

.textBoldREV, a.textBoldREV,a.textBoldREV:visited { 
color:#000000 ;
font-weight:bold; 
text-decoration:none; 
line-height:120%;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:11px; 
}

.textBoldREVtel, a.textBoldREVtel,a.textBoldREVtel:visited { 
color:#000000 ;
font-weight:regular; 
text-decoration:none; 
line-height:120%;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:11px; 
}

.text, a.text,a.text:visited {
text-decoration:none; 
color:#393937; 
line-height:180%;
}

.textHome, a.textHome,a.textHome:visited {
text-decoration:none; 
color:#2c2c2c; 
line-height:110%;
font-weight:lighter;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:11px;
}

.textHome1, a.textHome1,a.textHome1:visited {
text-decoration:none; 
background-color:#ffffff;
color:#ff0000; 
line-height:110%;
font-weight:bold;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:12px;
}

.textSelector{
text-decoration:none; 
color:#393937; 
font-weight:bold; 
}

a.textSelector, a.textSelector:visited {
text-decoration:none; 
color:#393937; 
font-weight:100;
}

a.text:hover { 
background-color:#CCCCCC;
}
a.textHome:hover { 
background-color:#FFFFFF;
}
.textenPlus,a.textenPlus,a.textenPlus:visited { 
font-weight:lighter;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:10px;
color:#014b7a;
text-decoration:none; 
}
a.textenPlus:hover { 
background-color:#000000;
}

.redBull {
color:#FF0000
}

.textCopyRights {
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; 
font-size:10px; 
font-weight:bold;
}

.textPied { 
font-size:9px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color:#FFFFFF;
}
a.textPied, a.textPied:visited {
text-decoration:none; 
color:#FFFFFF;
}
a.textPied:hover { 
background-color:#CCCCCC;
}

.textNav { 
font-size:9px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color:#FFFFFF;
}
a.textNav, a.textNav:visited {
color:#FFFFFF;
}
a.textNav:hover { 
background-color:#CCCCCC;
}

.textNav2 { 
font-size:11px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color:#FFFFFF; font-weight:bold; 
}
a.textNav2, a.textNav:visited {
color:#FFFFFF;
}
a.textNav2:hover { 
background-color:#CCCCCC;
}

.textNavBO { 
font-size:9px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color:#FFFFFF;
}
a.textNavBO, a.textNavBO:visited {
color:#FFFFFF;
}
a.textNavBO:hover { 
background-color:#CCCCCC;
}

.textchampsBO {
font-size: 10px;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color:#014b7a;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 8px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 98px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}