body{margin:0;padding:0;background:url(images/fond-page.gif) repeat-x top #000000;
	color:#737375; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
body *{margin:0; padding:0;}
p{margin:0 0 4px 0;}

h1{font-family: Arial, Helvetica, sans-serif; font-size:28px; margin:0 0 4px 0; font-weight:bold; color:#424242/*#323232*/; line-height:26px;}
h1 span{color:#b5b5b8; font-size:28px;}
h1 font{color:#8b0000; font-size:28px;}

h2{font-family: Arial, Helvetica, sans-serif; font-size:21px; margin:0 0 4px 0; font-weight:normal; color:#424242/*#323232*/; line-height:26px;}
h2 span{color:#b5b5b8;font-size:21px;}
h2 font{color:#8b0000;font-size:21px;}

h3{font-family: Arial, Helvetica, sans-serif; font-size:17px; margin:0 0 4px 0; font-weight:bold; color:#424242/*#323232*/;line-height:18px;}
h3 span{color:#b5b5b8;}
h3 font{color:#8b0000;}
h3 font a{color:#8b0000;}

h4{font-family: Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 3px 0; font-weight:normal; color:#565656;line-height:18px;}
h4 span{color:#b5b5b8;}
h4 font{color:#8b0000;}

h5, h5 a{font-family: Tahovreferencementma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 4px 0; font-weight:normal; color:#424242/*#323232*/;line-height:18px;}
h5 span, h5 a span{color:#b5b5b8;font-size:12px;}
h5 font, h5 a font{color:#8b0000;font-size:12px;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none; color:#424242/*#323232*/;}
h1 a:hover span,h2 a:hover span,h3 a:hover span,h4 a:hover span,h5 a:hover span,h6 a:hover span{text-decoration:none; color:#ffffff;}
h1 a:hover font,h2 a:hover font,h3 a:hover font,h4 a:hover font,h5 a:hover font,h6 a:hover font{text-decoration:none; color:#ffffff;}

.fin, .fin *{font-weight: lighter;}

strong{color:#b5b5b8}
b{color:#8b0000}
em{font-size:14px; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; line-height:15px;}
span{color:#b5b5b8;}
font{color:#8b0000;}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden; margin:0; padding:0;}
u{display:block;text-decoration:none; height:0; font-size:1px; clear:both;}
u.esp{height:18px;}
u.esp10{height:10px;}
u.esp20{height:20px;}
u.rel{position:relative; height:0; overflow:hidden;}
a{color:#8b0000;}
a:hover{color:#ffffff;}
a img{border:0;}
ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal;}
li{background: url(images/puce-info.gif) no-repeat 0 .3em; padding:0 0 0 18px; margin:0 0 5px 10px; border:0;}
ul ul li{background-image: url(images/puce-grise.gif);background-position: 0 3px;}
ul ul ul li{background-image: url(images/puce3.gif);}
label{text-align: right; font-size:11px; display:block; margin:0 0 8px 0;}


/* #################### CLASSES COURANTES  ########################*/
.petit{font-size:9px;}
.moyen{font-size:11px;}
.clair, a.clair{color:#a6a6a6}
.blanc{color:#ffffff;}
.smallit{font-size:9px; font-style:italic;}
img.cadre{border:1px solid #3c3c3c;padding:1px;background-color:#0e0e0e;}
.cadre img{border:1px solid #3c3c3c;padding:1px;background-color:#0e0e0e;}
.cadre:hover img{border:1px solid #660000;}
.none{display:none;}
.marg15{margin:15px;}
.pad15{padding:15px;}
.margd{margin-right:15px; float:left;}
.margg{margin-left:15px; float:right;}
.padg{padding-left:15px;}
.padd{padding-right:15px;}
.col{width:47%; float:left;}
.clear{clear: both;}
.justifie{text-align:justify}
.center{text-align:center;}
.ligne{border-bottom: 1px solid #333333; height:18px; margin-bottom: 18px;}
.droite{text-align:right;}
.centre{text-align:center;}
.gauche{text-align:left;}
.h80{height:80px;}
.h100{height:100px;}
.h120{height:120px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.l100,div.l100{width:100px}
.l120,div.l120{width:120px}
.l140,div.l140{width:140px}
.l160,div.l160{width:160px}
.l180,div.l180{width:180px}
.l200,div.l200{width:200px}
.l250,div.l250{width:250px}
.l300,div.l300{width:300px}
.l400,div.l400{width:400px}
.l500,div.l500{width:500px}
.l600,div.l600{width:600px}
.fdroit{float:right}
.fgauche{float:left}
.fcenter{margin:0 auto;}
.nofloat{float:none;}
.fleft,
.fl{ float: left; display: block; }
.fright,
.fr	{ float: right; display: block; }
.aleft    { text-align: left; }
.acenter  { text-align: center; }
.aright   { text-align: right; }
.mt10     { margin-top: 10px; }
.mr10     { margin-right: 10px; }
.mb10     { margin-bottom: 10px; }
.ml10     { margin-left: 10px; }
.mh10     { margin-left: 10px; margin-right: 10px; }
.mv10     { margin-top: 10px; margin-bottom: 10px; }
.mt20     { margin-top: 20px; }
.mr20     { margin-right: 20px; }
.mb20     { margin-bottom: 20px; }
.ml20     { margin-left: 20px; }
.mh20     { margin-left: 20px; margin-right: 20px; }
.mv20     { margin-top: 20px; margin-bottom: 20px; }
.mt40     { margin-top: 40px; }
.clr      { clear: both; display: block; }
.clrl     { clear: left; display: block; }
.clrr     { clear: right; display: block; }
u.clr      { clear: both; display: block; height: 0px; }
u.clrl     { clear: left; display: block; height: 0px; }
u.clrr     { clear: right; display: block; height: 0px; }

/* CLASSES */
/*marges*/
.m5		{margin:5px;}
.m10		{margin:10px;}
.m15		{margin:15px;}
.m20		{margin:20px;}
.m0		{margin:0;}
.ml5		{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}
.ml40	{margin-left:40px;}
.ml50	{margin-left:50px;}
.ml60	{margin-left:60px;}
.ml70	{margin-left:70px;}
.ml80	{margin-left:80px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.mr5		{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr30	{margin-right:30px;}
.mr40	{margin-right:40px;}
.mr50	{margin-right:50px;}
.mr60	{margin-right:60px;}
.mr70	{margin-right:70px;}
.mr80	{margin-right:80px;}
.mr90	{margin-right:90px;}
.mr100	{margin-right:100px;}
.mt5		{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}
.mt70	{margin-top:70px;}
.mt80	{margin-top:80px;}
.mt90	{margin-top:90px;}
.mt100	{margin-top:100px;}
.mb5		{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}
.mb60	{margin-bottom:60px;}
.mb70	{margin-bottom:70px;}
.mb80	{margin-bottom:80px;}
.mb90	{margin-bottom:90px;}
.mb100	{margin-bottom:100px;}
/* marges négatives */
.ml-5		{margin-left:-5px;}
.ml-10	{margin-left:-10px;}
.ml-15	{margin-left:-15px;}
.ml-20	{margin-left:-20px;}
.ml-30	{margin-left:-30px;}
.ml-40	{margin-left:-40px;}
.ml-50	{margin-left:-50px;}
.ml-60	{margin-left:-60px;}
.ml-70	{margin-left:-70px;}
.ml-80	{margin-left:-80px;}
.ml-90	{margin-left:-90px;}
.ml-100	{margin-left:-100px;}
.mr-5		{margin-right:-5px;}
.mr-10	{margin-right:-10px;}
.mr-15	{margin-right:-15px;}
.mr-20	{margin-right:-20px;}
.mr-30	{margin-right:-30px;}
.mr-40	{margin-right:-40px;}
.mr-50	{margin-right:-50px;}
.mr-60	{margin-right:-60px;}
.mr-70	{margin-right:-70px;}
.mr-80	{margin-right:-80px;}
.mr-90	{margin-right:-90px;}
.mr-100	{margin-right:-100px;}
.mt-5		{margin-top:-5px;}
.mt-10	{margin-top:-10px;}
.mt-15	{margin-top:-15px;}
.mt-20	{margin-top:-20px;}
.mt-30	{margin-top:-30px;}
.mt-40	{margin-top:-40px;}
.mt-50	{margin-top:-50px;}
.mt-60	{margin-top:-60px;}
.mt-70	{margin-top:-70px;}
.mt-80	{margin-top:-80px;}
.mt-90	{margin-top:-90px;}
.mt-100	{margin-top:-100px;}
.mb-5		{margin-bottom:-5px;}
.mb-10	{margin-bottom:-10px;}
.mb-20	{margin-bottom:-20px;}
.mb-30	{margin-bottom:-30px;}
.mb-40	{margin-bottom:-40px;}
.mb-50	{margin-bottom:-50px;}
.mb-60	{margin-bottom:-60px;}
.mb-70	{margin-bottom:-70px;}
.mb-80	{margin-bottom:-80px;}
.mb-90	{margin-bottom:-90px;}
.mb-100	{margin-bottom:-100px;}
/*padding*/
.p5		{padding:5px;}
.p10		{padding:10px;}
.p15		{padding:15px;}
.p20		{padding:20px;}
.p0		{padding:0;}
.pt5		{padding-top:5px;}
.pt10		{padding-top:10px;}
.pt15		{padding-top:15px;}
.pt20		{padding-top:20px;}
.pt30		{padding-top:30px;}
.pt40		{padding-top:40px;}
.pt50		{padding-top:50px;}
.pt60		{padding-top:60px;}
.pt70		{padding-top:70px;}
.pt80		{padding-top:80px;}
.pt90		{padding-top:90px;}
.pt100	{padding-top:100px;}
.pb5		{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb30	{padding-bottom:30px;}
.pb40	{padding-bottom:40px;}
.pb50	{padding-bottom:50px;}
.pb60	{padding-bottom:60px;}
.pb70	{padding-bottom:70px;}
.pb80	{padding-bottom:80px;}
.pb90	{padding-bottom:90px;}
.pb100	{padding-bottom:100px;}
.pl5		{padding-left:5px;}
.pl10		{padding-left:10px;}
.pl15		{padding-left:15px;}
.pl20		{padding-left:20px;}
.pl30		{padding-left:30px;}
.pl40		{padding-left:40px;}
.pl50		{padding-left:50px;}
.pl60		{padding-left:60px;}
.pl70		{padding-left:70px;}
.pl80		{padding-left:80px;}
.pl90		{padding-left:90px;}
.pl100	{padding-left:100px;}
.pr5		{padding-right:5px;}
.pr10		{padding-right:10px;}
.pr15		{padding-right:15px;}
.pr20		{padding-right:20px;}
.pr30		{padding-right:30px;}
.pr40		{padding-right:40px;}
.pr50		{padding-right:50px;}
.pr60		{padding-right:60px;}
.pr70		{padding-right:70px;}
.pr80		{padding-right:80px;}
.pr90		{padding-right:90px;}
.pr100	{padding-right:100px;}
/* largeurs % */
.l5				{width:5%;}
.l10			{width:10%;}
.l15			{width:15%;}
.l20			{width:20%;}
.l25			{width:25%;}
.l30			{width:30%;}
.l33			{width:33%;}
.l35			{width:35%;}
.l40			{width:40%;}
.l45			{width:45%;}
.l48			{width:48%;}
.l50			{width:50%;}
.l52			{width:52%;}
.l55			{width:55%;}
.l60			{width:60%;}
.l65			{width:65%;}
.l70			{width:70%;}
.l75			{width:75%;}
.l80			{width:80%;}
.l85			{width:85%;}
.l90			{width:90%;}
.l95			{width:95%;}
.l100			{width:100%;}
/*largeurs PX*/
.w100		{width:100px}
.w150		{width:150px;}
.w200		{width:200px;}
.w250		{width:250px;}
.w300		{width:300px;}
.w350		{width:350px;}
.w400		{width:400px;}
.w450		{width:450px;}
.w500		{width:500px;}
.w550		{width:550px;}
.w600		{width:600px;}
.w650		{width:650px;}
.w700		{width:700px;}
/* hauteurs PX*/
.h5			{height:5px;}
.h10			{height:10px;}
.h20			{height:20px;}
.h30			{height:30px;}
.h40			{height:40px;}
.h50			{height:50px;}
.h60			{height:60px;}
.h70			{height:70px;}
.h80			{height:80px;}
.h90			{height:90px;}
.h100		{height:100px;}
.h110		{height:110px;}
.h120		{height:120px;}
.h130		{height:130px;}
.h140		{height:140px;}
.h150		{height:150px;}
.h160		{height:160px;}
.h170		{height:170px;}
.h180		{height:180px;}
.h190		{height:190px;}
.h200		{height:200px;}
.h210		{height:210px;}
.h220		{height:220px;}
.h230		{height:230px;}
.h240		{height:240px;}
.h250		{height:250px;}
.h260		{height:260px;}
.h240		{height:270px;}
.h280		{height:280px;}
.h290		{height:290px;}
.h300		{height:300px;}
.h350		{height:350px;}
.h400		{height:400px;}
.h450		{height:450px;}
.h500		{height:500px;}
.h550		{height:550px;}
.h600		{height:600px;}
.h650		{height:650px;}
.h700		{height:700px;}
/* 					textes */
.c						{text-align:center;}
.g						{text-align:left;}
.d						{text-align:right;}
.j						{text-align:justify;}
.note					{font-size:9px;}
.mid,.mid *		{vertical-align:middle;}
.top,.top *			{vertical-align:top;}
.fc{margin-left:auto; margin-right:auto;}

.curvycornernoir{_width:100%; background:url(images/encartnoir-hg.gif) no-repeat top left #000000;}
.curvycornernoir div{background:url(images/encartnoir-hd.gif) no-repeat top right;}
.curvycornernoir div div{background:url(images/encartnoir-bd.gif) no-repeat bottom right;}
.curvycornernoir div div div{background:url(images/encartnoir-bg.gif) no-repeat bottom left; margin:0; padding:12px 16px;}

.curvycornergris{_width:100%; background:url(images/encartgris-hg.gif) no-repeat top left #1c1c1d; }
.curvycornergris div{background:url(images/encartgris-hd.gif) no-repeat top right; }
.curvycornergris div div{background:url(images/encartgris-bd.gif) no-repeat bottom right; }
.curvycornergris div div div{background:url(images/encartgris-bg.gif) no-repeat bottom left; margin:0; padding:12px 16px;}
/* ############################################*/

/* ####################  Pour champ texte et bouton OK  ########################*/

.champcontact,	champfocus,		champerreur{font-size:11px; /*background-color:#454546;*/ color:#494d56; border:0; padding:2px; }

.champok{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px; background-color:#454546; border:0;height:20px; width:200px; margin:0; padding: 0;}
/*.champok input{font-size:10px; font-family:Arial, Helvetica, sans-serif; background-color:#454546; color:#a6a6a6; border:0; width:160px; padding: 3px 0 0 4px; margin:0; }*/
.champok input.bt{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px; float:right; width:31px; height:20px; padding:0; margin:0; border-left:1px solid #0e0e0e;}
.champnews{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;  background-color:#454546; color:#a6a6a6; border:0; width:160px; padding: 1px 2px; margin:0; }
.champnewserreur{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px; color:#dd0000; border:0; width:160px; padding: 1px 2px; margin:0; }

.champcontact, textarea.champcontact{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px; background-color:#454546; border:1px solid #454546; margin:0;font-size:11px; color:#a6a6a6; padding: 1px 2px;}
.champfocus, textarea.champfocus{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px; background-color:#646464; border:1px solid #646464; margin:0; font-size:11px; color:#ffffff; padding: 1px 2px;}
.champerreur, textarea.champerreur{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px; background-color:#cc0000; border:1px solid #cc0000;color:#FFFFFF; font-size:11px; margin:0; padding: 1px 2px;}
.send{background: url(images/fond-send.gif) no-repeat center right; color:#FFFFFF; font-size:11px; margin:0; padding: 1px 6px; cursor:pointer; border:1px solid #900000; border-bottom:1px solid #400101; border-top: 1px solid #ff0000;}
a.send,
a.send:hover{font-weight:normal;color:#ffb8a7;}
a.send:hover{ color:#ffffff;}
.go{margin:0;  padding: 0; background:url(images/bt-OK.gif) no-repeat center center; width:31px; height:20px; cursor:pointer;}
/* ############################################*/

/* ####################   INTERFACE  ########################*/
.global{text-align:center;}
.ombre{width:1100px; text-align:center; background:url(images/ombre-fond.gif) no-repeat top center #0e0e0e; margin:0 auto;}
.principal{width:982px; min-height:300px;margin:0 auto;border:0; text-align:left;}
.interne{margin: 2px 30px;}
.haut{background: url(images/bandeau-haut.jpg) no-repeat top center; height:147px; text-align:left;}
/* visuels superbes */
.vgoweb{background: url(images/bandeau-haut-goweb.jpg) no-repeat top center;}
.vservices{background: url(images/bandeau-haut-services.jpg) no-repeat top center;}
.vwireframe{background: url(images/bandeau-haut-wireframe.jpg) no-repeat top center;}
.vemarketing{background: url(images/bandeau-haut-emarketing.jpg) no-repeat top center;}
.vproduits{background: url(images/bandeau-haut-produits.jpg) no-repeat top center;}
.vreferences{background: url(images/bandeau-haut-references.jpg) no-repeat top center;}
.vclient{background: url(images/bandeau-haut-client.jpg) no-repeat top center;}
.vfaq{background: url(images/bandeau-haut-faq.jpg) no-repeat top center;}
.vrecrutement{background: url(images/bandeau-haut-recrutement.jpg) no-repeat top center;}
.vcontact{background: url(images/bandeau-haut-contact.jpg) no-repeat top center;}
.vreferencement{background: url(images/bandeau-haut-referencement.jpg) no-repeat top center;}
.vgraphisme{background: url(images/bandeau-haut-graphisme.jpg) no-repeat top center;}
.vevaluation{background: url(images/bandeau-haut-evaluation.jpg) no-repeat top center;}
.vrevuepresse{background: url(images/bandeau-haut-revuepresse.jpg) no-repeat top center;}
.vequipe{background: url(images/bandeau-haut-equipe.jpg) no-repeat top center;}
.vgooglemaps{background: url(images/bandeau-haut-googlemaps.jpg) no-repeat top center;}

.haut div{margin: 0 60px;}
.bandeau{background: url(images/bandeau-bas.jpg) no-repeat top center; height:292px;}
/* visuels 'cor mieux */
.vbgoweb{background: url(images/bandeau-bas-goweb.jpg) no-repeat top center;}
.vbservices{background: url(images/bandeau-bas-services.jpg) no-repeat top center;}
.vbwireframe{background: url(images/bandeau-bas-wireframe.jpg) no-repeat top center;}
.vbemarketing{background: url(images/bandeau-bas-emarketing.jpg) no-repeat top center;}
.vbproduits{background: url(images/bandeau-bas-produits.jpg) no-repeat top center;}
.vbreferences{background: url(images/bandeau-bas-references.jpg) no-repeat top center;}
.vbclient{background: url(images/bandeau-bas-client.jpg) no-repeat top center;}
.vbfaq{background: url(images/bandeau-bas-faq.jpg) no-repeat top center;}
.vbrecrutement{background: url(images/bandeau-bas-recrutement.jpg) no-repeat top center;}
.vbcontact{background: url(images/bandeau-bas-contact.jpg) no-repeat top center;}
.vbreferencement{background: url(images/bandeau-bas-referencement.jpg) no-repeat top center;}
.vbgraphisme{background: url(images/bandeau-bas-graphisme.jpg) no-repeat top center;}
.vbevaluation{background: url(images/bandeau-bas-evaluation.jpg) no-repeat top center;}
.vbrevuepresse{background: url(images/bandeau-bas-revuepresse.jpg) no-repeat top center;}
.vbequipe{background: url(images/bandeau-bas-equipe.jpg) no-repeat top center;}
.vbgooglemaps{background: url(images/bandeau-bas-googlemaps.jpg) no-repeat top center;}
#divanim{position:relative;top:20px; height:272px}

/* ################ PAGE D'ACCUEIL ############################*/
/*colonne gauche*/
table.cols{border-collapse:collapse; margin:0; padding:0; width:100%;}
table.cols td{vertical-align:top;/*margin:0; padding:15px 0;*/}

.colg{text-align:left; width:272px; padding: 26px; padding-left:0;}
.barre{border-right:1px solid #292929;}
/*colonne droite*/
.cold{text-align:left; padding: 26px; padding-right:0;}

.evaluez{width:270px; height:127px; background:url(images/encart-evaluez-votre-site.jpg) no-repeat top center;}
.evaluez a{display:block; height:100px; margin:0; padding:0; text-decoration:none;}
.evaluez h3{background:url(images/fleche-acces.gif) no-repeat 8px 0; padding:0 0 0 36px;}
.evaluez h3 a{text-decoration:none; }

/*menu du contenu slide*/
.slidemenu{color:#828284; height:40px; margin:0 0 30px 0; padding:0;}
.slidemenu li{width:138px;height:40px; background:url(images/onglet-actu.gif) no-repeat top left; display:block; float:left; margin:0; padding:0}
.slidemenu li.active{width:140px; background:url(images/onglet-actu-over.gif) no-repeat top left;}
.slidemenu a{font-family: Arial, Helvetica, sans-serif; font-size:15px;color:#828284; display:block; text-decoration:none; line-height:38px;width:134px; text-align:center; height:40px;}
.slidemenu a:hover{color:#aaaaaa;}

/*contenu slide*/
.slidecontenu{width:596px; overflow:hidden; position: relative;}
.slidecontenu .bande{width:2400px;}
.slidecontenu .bande div{width:596px; float:left;}
.slidecontenu .margd{padding-right:10px; background:url(images/points.gif) repeat-y right;}

.encartspub{display:block; padding:15px 0 10px 0; margin:0 auto; width:980px; text-align:center;}

.fluxrss li {margin: 10px 0;}
.fluxrss a{color:#737375; text-decoration:none; display:block;}
.fluxrss a.clair{color:#a6a6a6; text-decoration:none;}
.fluxrss a:hover{color:#ffffff;}


/* ################ FIL D'ARIANNE HAUT ############################*/
.sitemappathhead{padding: 10px 0 25px 35px; background:url(images/fleche-acces.gif) no-repeat 0 11px; height:20px;	
	color:#b5b5b8; font-family:Arial, Helvetica, sans-serif; font-size:13px;text-transform: capitalize; font-weight:bold;}
.sitemappathhead a{color:#b5b5b8; font-family:Arial, Helvetica, sans-serif; font-size:13px;text-transform: capitalize; text-decoration:none; font-weight:normal;}
.sitemappathhead a:hover{color:#ffffff;}
.sitemappathhead span span.sep{color:#0e0e0e; background:url(images/fil-arianne-head-sep.gif) no-repeat center right; margin-right:10px;}

/* ################ FIL D'ARIANNE BAS ############################*/
.centremarge{width:1100px; margin:0 auto;}
.sitemappath{font-family: Arial, Helvetica, sans-serif; color:#aaaaaa; font-size:11px; width:980px;text-align:left;margin:10px auto;
	height:40px;background: url(images/fil-arianne-fond.gif) repeat-x top;  text-transform: uppercase;}
.sitemappath div{background:url(images/fil-arianne-head.gif) no-repeat top left; height:40px;}
.sitemappath div div{background:url(images/fil-arianne-end.gif) no-repeat top right; height:40px;}
.sitemappath div div span{margin-left:38px; display:block;}
.sitemappath div div span a{display:block; color:#666666}
.sitemappath div div span span{padding: 10px 0 0 0; margin:0 0 0 22px; display:block; float:left; color:#888888;height:22px;}
.sitemappath div div span span.sep{color:#0e0e0e; background:url(images/fil-arianne-sep.gif) no-repeat center right;}
.sitemappath a{font-family: Arial, Helvetica, sans-serif; color:#aaaaaa; font-size:11px; text-decoration:none; text-transform: uppercase; padding: 0; display:block;}
.sitemappath a:hover{color: #ffffff;}

/* ################ PLAN DU SITE TALON ############################*/
.sitemap{width:980px;margin:10px auto; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#505051;}
.sitemap div{ display:block; float:left; width:11%; margin:0 0 0 45px;}
.sitemap div a{font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#505051; text-decoration:none;}
.sitemap div ul, .sitemap div li{ margin:0; padding:0; background:none;}
.sitemap div a:hover{color:#ffffff;}
.sitemap div h1{padding:0; margin:0;}
.sitemap div h1 a{font-family: Arial, Helvetica, sans-serif; font-size:13px;color:#8b0000; text-decoration:none; font-weight:normal; padding:0; margin:0;}
.sitemap div h1 a:hover{color:#cc0000;font-weight:normal;}

/* ################ FIL D'ARIANNE HAUT ############################*/
.mainmenu{height:26px; border-top:1px solid #383838; clear:both; padding:0; margin:0; clear:both}
.mainmenu li{padding:0; margin:0; float:left; background:none;}
.mainmenu li a{color:#a5a5a5; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; text-decoration:none; text-align:center; display:block; float:left; padding:3px 35px 0 35px; /*height:21px;*/}
.mainmenu li a:hover{color:#ffffff; background:url(images/trame-bt-over.gif) repeat top;}
/* selection */
.mainmenu li a.selected{background:url(images/trame-bt-over.gif) repeat top; color:#ededed;height:21px;}
.mainmenu li a:hover{background:url(images/trame-bt-over.gif) repeat top; color:#ffffff;height:21px;}

/* ################ SOUS MENU ############################*/
.smenu{/*background:url(images/trame-bt-over.gif) repeat top;*/background:#3d3d3d; color:#d3d3d3; /*height:20px;*/ margin:0 0 0 1px; padding:0; filter:alpha(opacity=90); -moz-opacity:0.90; opacity: 0.90; z-index:999; position:absolute; width:980px;}
.smenu div{ color:#d3d3d3; height:20px; margin: 0 0 0 50px; padding:0; display:none;}
.smenu div a{color: #989898; text-decoration:none; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	padding: 3px 20px; border-right:1px solid #747474; display:block; float:left;}
.smenu div a:hover{color:#d3d3d3; background-color:#4d4d4d;}
/* selection */
.smenu div a.selected{color:#d3d3d3; background-color:#4d4d4d;}
.smenu div a.selected:hover{color:#ffffff; background-color:#5d5d5d;}

/* ################ MENU GAUCHE #########*/
.menugauche{border-bottom:1px solid #424242/*#323232*/;border-top:1px solid #000000;}
.menugauche li{background:none; border-top:1px solid #424242/*#323232*/;border-bottom:1px solid #000000; padding:0; margin:0;}
.menugauche li a{background: url(images/fleche-acces.gif) no-repeat 6px center; display:block; color:#777777; text-decoration:none;padding: 5px 0 5px 36px; margin:0;}
.menugauche li a:hover{color:#939395; background-color:#202020;}
.menugauche li a.selected{background-color:#242424; color:#aaaaaa;}
.menugauche li a.selected:hover{background-color:#333333; color:#ffffff;}

.menugauche ul{margin:0; padding:0;}
.menugauche ul li a{background: url(images/puce-grise.gif) no-repeat 20px center; display:block; color:#555555; text-decoration:none;padding: 3px 0 3px 46px; margin:0; font-size:11px;}
.menugauche ul li a.selected{background: url(images/puce-grise.gif) no-repeat 26px center #191919;}

/* ################ LIENS HAUT OUTILS ############################*/
.lienshaut{float:right; width:200px; height: 80px; margin:20px 16px 20px 0;}
.lienshaut li{background: url(images/puce-lienshaut.gif) no-repeat center right; text-align:right; height:18px; margin:0; padding:0;}
.lienshaut li a {color:#a5a5a5; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; text-decoration:none; text-align:right; padding:0; padding-right:14px; margin:0; display:block; }
.lienshaut li a:hover{color:#ffffff;}

/* ################ PAGE CONTACT ####################*/
.formcontact{width:350px;}
.formcontact label input, .formcontact label textarea{width:250px}

/* ################ RECRUTEMENT #################### */


.note{font-size: 9px;color: #999;}
.note3{font-size: 11px;color: #737375;text-align:justify}
.note2{font-size: 9px;color: #C00F00;font-weight:normal; text-align:left}
.note4{font-size: 12px;color: #C00F00;font-weight:bold; text-align:left}
.note5 {font: italic normal 10px Arial, Helvetica, sans-serif; text-align:right}
legend {font-size:14px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#8b0000; margin: 0 0 5px 0; padding: 0 5px; background-color: #0e0e0e}
fieldset { border: 1px dotted #8b0000; width: 95%; margin: 10px 0; padding:5px 10px}

.LGrecrut{font-size:14px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#424242/*#323232*/; margin: 0 0 5px 0; padding: 0 5px; background-color: #0e0e0e}
.FSrecrut { border: 1px dotted #424242/*#323232*/; width: 95%; margin: 10px 0; padding:5px 10px}

.labelrecrut{width:40%;display:inline; float:left;clear:both; margin:0 10px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:right }
.labelrecrut2{width:25%;display:inline;vertical-align:top;margin:0 2px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:right }
.labelrecrut3{display:inline;vertical-align:top;margin:0 2px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A; }
.champrecrut{width:50%;margin-bottom:2px;padding: 1px 2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#a6a6a6;font-size:10px;background-color:#454546; border:1px solid #454546; }
.champrecruterreur{width:50%;margin-bottom:2px;padding:1px 2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00; }
.textarearecrut{width:95%;margin:0 5px;padding:2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#a6a6a6;font-size:10px;border: 1px solid #454546;background-color:#454546; }

.sendrecrut{float:right;margin-right:35px;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #1B4F8B; color: #EFEFEF; padding:0;}

/* ############# PROJET ###################### */
.noir{background: #000000}
/*.labelprojet{display:inline; float:left; margin:0 10px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:left }*/
.labelprojet2{width:25%;display:inline;vertical-align:top;margin:0 2px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A;text-align:left }
.CBprojet{margin-right:5px;margin-bottom:5px;float:left;clear:left;}
.labelprojet{text-align:left;width:94%;clear:right;float:left;margin:0;padding:0}
.labelprojetErreur{text-align:left;clear:right;float:left;color:#C00F00}
.padd10{padding:10px}
#projet{width: 100%; height:100%; border: 0px solid white;background-color:#dddddd;}
#message{width:50%; height:85%; background-color:#000000;display:none;}

/* ############# evaluation ###################### */
.labeleval{text-align:left;float:left;margin:0 5px 5px 0;padding:0;font-weight:bold;}
.taille80{width:80%}


/*########## PORTRAITS ###########*/
.portraits div{width:430px; float:left; height:200px; margin-right:20px}
.portraits div img{border:1px solid #3c3c3c; background-color:#0e0e0e; margin:0 10px 0 0; padding:1px; float:left;}



/*########## REFERENCES ###########*/
.realisations div{width:400px; float:left;margin:15px 0 0 0;}


/*########## DEMO GOOGLE MAPS ###########*/
#gmap { width: 600px; height: 280px; border: 1px solid #939395; }
#gmap2 { width: 600px; height: 280px; border: 1px solid #939395; }

/*########## INFOBULLE GMAP ###########*/

#opacity_window{
  width: 300px;
}
#opacity_window_contents
{
  background: #ffffff;
  font-size:11px;
  color: #050;
}
#opacity_window_contents div{
  padding: 3px;
}
* html #opacity_window_contents{
  background:#ffffff;
  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_contents.png', sizingMethod='scale');*/
}
#opacity_window_tl{
  width: 14px;
  height: 14px;
  background: url('images/infobulle_tl.png') top left no-repeat transparent;
}
* html #opacity_window_tl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_tl.png', sizingMethod='crop');
}
#opacity_window_t{
  background: url('images/infobulle_t.png') top left repeat-x transparent;
}
* html #opacity_window_t{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_t.png', sizingMethod='scale');
}
#opacity_window_tr{
  width: 14px;
  height: 14px;
  background: url('images/infobulle_tr.png') top right no-repeat transparent;
}
* html #opacity_window_tr{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_tr.png', sizingMethod='scale');
}
#opacity_window_l{
  background: url('images/infobulle_l.png') top left repeat-y transparent;
  width: 14px;
}
* html #opacity_window_l{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_l.png', sizingMethod='scale');
}
#opacity_window_r{
  background: url('images/infobulle_r.png') top right repeat-y transparent;
  width: 14px;
}
* html #opacity_window_r {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_r.png', sizingMethod='scale');
}
#opacity_window_bl{
  width: 14px;
  height: 14px;
  background: url('images/infobulle_bl.png') top left no-repeat transparent;
}
* html #opacity_window_bl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_bl.png', sizingMethod='crop');
}
#opacity_window_b{
  height: 14px;
  background: url('images/infobulle_b.png') bottom left repeat-x transparent;
}
* html #opacity_window_b{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_b.png', sizingMethod='scale');
}
#opacity_window_br{
  width: 14px;
  height: 14px;
  background: url('images/infobulle_br.png') top left no-repeat transparent;
}
* html #opacity_window_br{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_br.png', sizingMethod='crop');
}
#opacity_window_close{
  width: 13px;
  height: 13px;
  margin: -8px 5px 0 10px;
  background: url('images/close-modale.gif') top left no-repeat transparent;
  cursor: pointer;
}
/** html #opacity_window_close{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_close.png', sizingMethod='crop');
}*/
#opacity_window_beak{
	width: 29px;
  height: 48px;
  background: url('images/infobulle_beak.png') top left no-repeat transparent;
}
* html #opacity_window_beak{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/infobulle_beak.png', sizingMethod='crop');
}

#animgooglemaps{width:270px; height:190px; margin:20px 0 0 0;}


/*  PAGE PUSHMAIL */
#testezPushMail{background:none;}
#testezPushMail h1{text-align:center; background:url(e-marketing/images/pushmail-titre.gif) no-repeat top center; width:100%; height:46px; margin:0;}
#testezPushMail h1 span{display:none;}

#testezPushMail div.curvypushmail *{ color:#ffffff;}
#testezPushMail div.curvypushmail{margin:0; padding:0; background:url(e-marketing/images/pushmail-curvy1.gif) no-repeat top left;}
#testezPushMail div.curvypushmail div{margin:0; padding:0; background:url(e-marketing/images/pushmail-curvy2.gif) no-repeat top right;}
#testezPushMail div.curvypushmail div div{background:url(e-marketing/images/pushmail-curvy3.gif) no-repeat bottom right;}
#testezPushMail div.curvypushmail div div div{background:url(e-marketing/images/pushmail-curvy4.gif) no-repeat bottom left; padding:8px 14px; height:100px;}

#testezPushMail1{width:230px;float:left;}
#testezPushMail1 table{margin-top:3px;}
#testezPushMail2{width:295px; float:right; }

#testezPushMail .ch{margin-right:10px; float:left; margin-top:-8px; margin-left:-14px;}

#testezPushMail label{text-align:left; display:inline; padding-left:8px;}

#testezPushMailEmail input.champcontact,		#testezPushMailEmail input.champfocus,		#testezPushMailEmail input.champerreur	{border:0; background:url(e-marketing/images/pushmail-input.gif) no-repeat top left; color:#747476; vertical-align:middle; overflow:hidden; margin:0; padding:2px 2px 0 8px; height:18px; font-size:11px;}
#testezPushMailEmail input.champfocus{color:#ffffff; }
#testezPushMailEmail input.champerreur{color:#ffffff;background:url(e-marketing/images/pushmail-input-erreur.gif) no-repeat top left;}

#testezPushMail #Button_send{height:18px;}

/*######### espace client #########*/
div.espaceClient							{margin:10px auto 20px; width:500px;}
div.espaceClient	h4						{margin-top:30px;}
div.espaceClient	li						{color:#444444;font-size:10px;}
div.espaceClient	li a					{color:#777777;font-size:11px;}
div.espaceClient	li a:hover			{color:#999999;}
ul.listeFichiers li							{background-image:url(images/puce-fichier.gif);}
.numClient									{float:right; display:block; color:#990000;font-size:11px;}