@charset "utf-8";
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th, * {/*font-weight: normal;*/ font-style: normal;}

body {margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#737576;
		background:url(../images/body-bg.gif) repeat-x top #ffffff;}
p{margin:0;}
h1,h1 a{color:#0072b4;font:bold 21px Arial, Helvetica, sans-serif;line-height:16px; text-decoration:none;}
h2,h2 a{color:#008bdc;font:bold 16px Arial, Helvetica, sans-serif;line-height:20px; text-decoration:none;margin:0;}
h2.btPlusgris {background-color:#97a3b1; color:#ffffff; font-weight:bold;padding:0 10px;}
h3,h3 a{color:#54A2CE;font:normal 15px Arial, Helvetica, sans-serif;line-height:14px; text-decoration:none;margin:0;}
h3 strong{color:#0072b4;}
h4,h4 a{color:#0072b4;font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none;}
h4 span{color:#494949;font:normal 13px Arial, Helvetica, sans-serif;}
h5,h5 a{color:#0072b4;font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover{color:#008bdc;}
h2.plus{background:url(../images/plus.gif) 0 0 no-repeat;padding:0 0 0 25px}
h2.doc{background:url(../images/file-pdf.gif) 0 0 no-repeat;padding:10px 0 2px 32px}
a.puce{background:url(../images/puce-plus.gif) 0 0.3em no-repeat; padding: 0 0 0 15px;}
ul {list-style-type:none;}
ul li {background:url(../images/puce-plus.gif) 0 0.3em no-repeat; padding: 0 0 3px 15px; margin:0;height:auto}
ul ul li{background: url(../images/puce.gif) 0 0.3em no-repeat;padding: 0 0 0 12px;margin:0;}
ul.arrows li	{background:url(../images/bt-arrows.gif) no-repeat transparent;}
a {color:#616a73}
a:hover {color:#77828c}
a img{border:0;}
strong{color:#0072b4}
input,textarea{background-color:#FFFFFF;border:1px solid #e1e6eb;font-size:9px; font:normal 11px Tahoma, Geneva, sans-serif; color:#555355;font-size:9px;}
label{display:block;font-size:11px;text-align:right;margin:0 0 4px;}
s{text-decoration:none;}
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;}
hr.sep,
u.sep{height:18px; background:url(../images/points-H.gif) repeat-x center;}
u.rel{position:relative; height:0; overflow:hidden;}
ol.li5	li,		ul.li5	li								{padding-bottom:5px;}	
ol.li10 li,	ul.li10 li								{padding-bottom:10px;}	
ol.li15 li,	ul.li15 li								{padding-bottom:15px;}
ol.li0	li,
ul ol.li0	li,
ul ul ol.li0	li,
ul.li0 li												{padding-bottom:0 !important;}


ol	li,
ul ol	li						{list-style-position:inside; color:#54a2ce;background:none;}
ol li span					{font-weight:normal; color:#737576;}

em{font-style:italic;}
/* CLASSES */

/*couleurs Solutions*/
.neutre			{color:#444}
.fashion			{color:#d34799;}
.menuiserie	{color:#7EADE6;}
.negoce			{color:#5091C8;}
.retail			{color:#877CCB;}
.sav				{color:#619290;}
.telecoms		{color:#4D76A7;}

.mauto{margin:0 auto}
.mt0,	
.mb0,	
.ml0,	
.mr0		{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;}
.mr170	{margin-right:170px;}
.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;}
.mt250	{margin-top:250px;}
.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;}
.mb15	{margin-bottom:15px;}
.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;}

.pt0,	
.pb0,	
.pl0,	
.pr0		{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;}
.marg10{margin:10px;}
.marg15{margin:15px;}
.marg20{margin:20px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.margd05{margin-right:5px; float:left;}
.margd10{margin-right:10px; float:left;}
.margd20{margin-right:20px; float:left;}
.margg{margin:0 0 10px 10px; float:right;}
.clear{clear:both}
.c{text-align:center;}
.g{text-align:left;}
.d{text-align:right;}
.j{text-align:justify;}
.fr{display:block;float:right;}
.fl{display:block;float:left;}
.fc{margin-right:auto; margin-left:auto;}
.note{font-size:10px;}
.rel{_position:relative;}
.none{display:none;}
.mid,.mid *{vertical-align:middle;}
.bloc						{background:#e1e6eb;}
.blocInt					{padding:20px 26px;}
.bloc ul li a				{color: #8e7c83; text-decoration:none;}
.bloc ul li a:hover	{color: #B6B2B3;}
.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%;}
.w100 {width:100px}
.l130{width:130px;}
.l150{width:150px;}
.l160{width:160px;}
.l200{width:200px;}
.l250{width:250px;}
.l300{width:300px;}
.l350{width:350px;}
.l370{width:370px;}
.l400{width:400px;}
.l430{width:430px;}
.l450{width:450px;}
.l500{width:500px;}
.l540{width:540px;}
.l550{width:550px;}
.l600{width:600px;}
.l650{width:650px;}
.l700{width:700px;}

.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;}
.cur{cursor:pointer;}

/*Boutons étirables*/
.onglet,
.ongletOn,
.bouton{
	display:-moz-inline-box;
	display:inline-block;
	margin:0;
	padding:0;
	color:#e1e6eb; text-decoration:none;  font-weight:normal;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	background:none;
	height:20px;}
.onglet span,
.ongletOn span,
.bouton span{
	position:relative;
	float:left;
	padding:0 0 0 6px;
	vertical-align:middle;
	background:url(../images/bt-gris-g.png) left top no-repeat;		 _background:url(../images/bt-gris-g.gif);}
.onglet span span,
.ongletOn span span,
.bouton span span{
	padding:0 6px 0 0;
	background:url(../images/bt-gris-d.png) right top no-repeat;		_background:url(../images/bt-gris-d.gif);}
.onglet span span span,
.ongletOn span span span,
.bouton span span span{
	height:20px;
	padding:0 8px;
	line-height:1.6em;
	background:url(../images/bt-gris-c.png) left top repeat-x;			_background:url(../images/bt-gris-c.gif);}
a.onglet:hover,
a.ongletOn:hover,
a.bouton:hover{color:#ffffff;}
span.bouton input					{font-weight:bold; border:0; padding:0; margin:0; background:none; color:#e1e6eb !important; cursor:pointer; outline:none; padding:3px 2px;}

.onglet,
.ongletOn							{height:37px;}
.onglet span,
.ongletOn span					{padding-left:12px;}
.onglet span span,
.ongletOn span span			{padding-right:12px;}
.onglet span span span,
.ongletOn span span span	{padding:0 4px; height:37px; line-height:2.8em !important; font:normal 13px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.onglet span						{background-image:url(../images/onglet-g.gif);}
.onglet span span				{background-image:url(../images/onglet-d.gif);}
.onglet span span span		{background:#848a90; color:#fff;}
.ongletOn span					{background-image:url(../images/onglet-on-g.gif);}
.ongletOn span span			{background-image:url(../images/onglet-on-d.gif);}
.ongletOn span span span	{background:#e1e6eb; color:#494949;}
.blocOnglet							{background:#e1e6eb; padding:20px;}

/* ICONES */
.arrow						{background:url(../images/arrow.gif) 0 0.4em no-repeat transparent; padding: 0 0 0 15px;}
.icoArrows,
.icoGoogleMaps,
.icoZoom,
.icoVideo,
.icoPDF,
.icoPDFLock,
.icoPPT,
.icoLien						{display:-moz-inline-box; display:inline-block;}
.icoGoogleMaps span,
.icoZoom span,
.icoVideo span,
.icoPDF span,
.icoPPT span,
.icoPDFLock span,
.icoLien span,
.icoArrows span	{position:relative;	float:left; vertical-align:middle; padding: 6px 0 7px 24px}

.icoVideo span		{background:url(../images/ico-video.gif) 0 0.4em no-repeat transparent;	padding-left:30px; }
.icoPDF span			{background:url(../images/ico-pdf.gif) 0 0.4em no-repeat transparent; }
.icoPPT span			{background:url(../images/ico-ppt.gif) 0 0.4em no-repeat transparent; }
.icoPDFLock span	{background:url(../images/ico-pdf-locked.gif) 0 0.1em no-repeat transparent; padding-left:30px;}
.icoLien span			{background:url(../images/ico-lien.png) 0 0 no-repeat transparent;_background-image:url(../images/ico-lien.gif);}
.icoLien span			{background:url(../images/ico-lien.png) 0 0 no-repeat transparent;_background-image:url(../images/ico-lien.gif);}
.icoGoogleMaps		{background:url(../images/ico-googlemaps.png) 0 4px no-repeat transparent;_background-image:url(../images/ico-googlemaps.gif);}
.icoArrows				{background:url(../images/bt-arrows.gif) 0 0.4em no-repeat transparent;}
.icoZoom				{background:url(../images/ico-loupe.gif) 0 0.2em no-repeat transparent;}

a.cadre img					{border:1px solid #E6E6E6; padding:1px;background:#fff;}
img.cadre						{border:1px solid #cccccc; padding:1px; background:#fff;}
a.cadre:hover img			{border-color:#0072b4;}

/*######## CURVY #########*/
div.curvy										{/*_position:relative;*/}
div.curvyT,
div.curvyB,
div.curvyRF										{height:14px; overflow:hidden; position:relative;width:100%;}
div.curvyRF										{height:18px;}
div.curvyT s,
div.curvyB s,
div.curvyRF s									{height:100%; display:block; overflow:hidden;}
div.curvyT s s,
div.curvyB s s,
div.curvyRF s s 								{background:#ffffff; margin:0 14px; display:block;}
div.curvyT										{background:url(../images/curvy-1.gif) no-repeat bottom left;}
div.curvyT s									{background:url(../images/curvy-2.gif) no-repeat bottom right;}
div.curvyB										{background:url(../images/curvy-3.gif) no-repeat top left;}
div.curvyB s									{background:url(../images/curvy-4.gif) no-repeat top right;}
div.curvyRF										{background:url(../images/curvy-gris-reflet-g.gif) no-repeat top left;}
div.curvyRF s									{background:url(../images/curvy-gris-reflet-d.gif) no-repeat top right;}
div.curvyT s s									{background:url(../images/curvy-t.gif) repeat-x top;}
div.curvyB s s									{background:url(../images/curvy-b.gif) repeat-x top;}
div.curvyRF s s								{background:url(../images/curvy-gris-reflet-c.gif) repeat-x top;}
div.curvyL										{background:url(../images/curvy-g.gif) repeat-y left ;}
div.curvyR										{background:url(../images/curvy-d.gif) repeat-y right;}
div.curvyInt									{background:#ffffff;margin:0 14px;position:relative;}
/* CURVY BAS CARRE  */
div.curvyBc div.curvyB										{background:url(../images/curvy-3c.gif) no-repeat bottom left !important; height:3px; }
div.curvyBc div.curvyB s									{background:url(../images/curvy-4c.gif) no-repeat bottom right !important;}
div.curvyBc div.curvyB s s									{background:#ffffff !important;/*url(../images/curvy-b.gif) repeat-x bottom !important;*/ border-bottom:1px solid #d8d8d8;height:2px;}
/* CURVY GRIS DEGRADE  */
div.curvyGris div.curvyT								{background-image:url(../images/curvy-gris-1.gif);overflow:hidden; position:relative;}
div.curvyGris div.curvyT s								{background-image:url(../images/curvy-gris-2.gif);}
div.curvyGris div.curvyT s s							{background-image:url(../images/curvy-gris-t.gif);}
div.curvyGris div.curvyB								{background-image:url(../images/curvy-gris-3.gif);overflow:hidden; position:relative;}
div.curvyGris div.curvyB s								{background-image:url(../images/curvy-gris-4.gif);}
div.curvyGris div.curvyB s s							{background-image:url(../images/curvy-gris-b.gif);	}
div.curvyGris div.curvyL									{background:url(../images/curvy-gris-g.gif) no-repeat bottom left;overflow:hidden; position:relative;}
div.curvyGris div.curvyR								{background:url(../images/curvy-gris-d.gif) no-repeat bottom right;overflow:hidden; position:relative;}
div.curvyGris div.curvyInt								{background:url(../images/curvy-gris-c.gif) repeat-x bottom #fff;overflow:hidden; position:relative;}


/*######## FORMULAIRES #########*/
.champcontact, .champfocus,	.champerreur{background-color:#FFFFFF;border:1px solid #e1e6eb;font-size:9px; font:normal 11px Tahoma, Geneva, sans-serif;  color:#555355;
	margin: 0 0 4px 0; padding:2px;display: inline;}
.champerreur{border:1px solid #fcd659; background:#fef8ed; color:#b65100;}
			
.erreur,	div.erreurMsg{font-family: "Century Gothic", "Apple Gothic", Arial, sans-serif; color:#47bcd9;font-weight:normal; font-size:11px;}
div.erreurMsg{margin: 6px 0px;	padding:8px 8px 8px 40px;
			background: url(../images/ico-atttention.png) no-repeat 5px center #2f3134;_background-image:url(../images/ico-atttention.gif);}
span.erreurMsg{margin: 6px 0px;font-family: "Century Gothic", "Apple Gothic", Arial, sans-serif; color:#47bcd9;font-weight:normal; font-size:11px;	padding:8px 8px 8px 40px;background: url(../images/ico-atttention.png) no-repeat 5px center #2f3134;_background-image:url(../images/ico-atttention.gif);}
span.erreurIcoArea,
.erreurIco	{display:-moz-inline-box; display:inline-block;
				background: url(../images/ico-erreur.png) no-repeat center center; _background-image:url(../images/ico-erreur.gif); width:30px; height:24px;}
span.erreurIcoArea{background:none;}	

/*tableau donnees*/
.Table{border-collapse:collapse; border-spacing:0; border:0; border-top: 1px solid #d8d0c1; border-left: 1px solid #d8d0c1; background:#fff;}
.Table th{background: url(../images/fond-th-clair.gif) no-repeat top left #d7cdbe; color: #4D382A;
					border-bottom: 1px solid #cdc4b8; border-right: 1px solid #cdc4b8; padding:4px;text-align:left;}
.Table th.c,
.Table tr.c th{text-align:center;}
.Table td{border:0;border-bottom: 1px solid #d8d0c1; border-right: 1px solid #d8d0c1; padding:2px 4px; color:#8c7a81;}

#contactForm textarea.champcontact,
#contactForm textarea.champerreur,
#contactForm input.champcontact,
#contactForm input.champerreur{width:250px; vertical-align:middle;background-color:#FFFFFF;
border:1px solid #E1E6EB;color:#555355;display:inline;font-family:Tahoma,Geneva,sans-serif;
font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin:0 0 15px;padding:2px;}

#contactForm .bis input.champcontact,
#contactForm .bis input.champerreur{width:110px;display:inline-block; float:none; vertical-align:middle; margin:0 0 4px 0}
#contactForm .bis span.erreurIcoArea{display:inline-block; float:none;vertical-align:middle;}
#contactForm .bis .titre{width:180px;display:inline-block; float:none;vertical-align:middle;}
#contactForm .ville .titre{width:30px; margin-left:10px;}
#contactForm .duree .com{width:110px; margin-left:10px;}
#contactForm .nbe .titre{width:136px; margin-left:10px;}
#contactForm .ville input.champcontact,
#contactForm .ville input.champerreur{width:110px; margin:0 0 4px 0}
#contactForm .cp input.champcontact,
#contactForm .cp input.champerreur{width:60px; margin:0 0 4px 0}

#contactForm .radio label{float:left; }
#contactForm .radio input{float:left; width:30px; border:none; background:none}
#contactForm .checkbox input{float:left; width:30px; margin-bottom:10px; border:none; background:none}
#contactForm .checkbox label{width:auto; float:left; clear:right}
#contactForm p{clear:both; width:100%}
.red{color:#ff0808}
legend {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#005B90;font-weight:bold;border:0; padding:0 10px; margin:0 ;background-color:white}
fieldset{border: dotted 1px #005B90;margin:0 0 20px 0; padding:0 10px;}
.titre{float:left;width:180px; color:#58626d;  font-weight:normal}

ul.flag  { list-style-type : none;}
.flag li.nobg {background:transparent none repeat scroll 0 0;padding:0 5px;}
.flag li {display:block;float:left;height:29px;line-height:29px;margin:0;padding:0 15px 0 10px;width:auto;}