@charset "utf-8";
/* CSS Document */

html { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6f6f6f;}
body { width:100%; background:#fff url(../images/bg_top.gif) left top repeat-x;}
a { color:#5B5B5B;}
#content.vi { width:961px; margin:0 auto; position:relative;}
.vi #content_header { position:relative; height:95px; z-index:999;}
.vi #content_header #logo { float:left; padding:23px 0 0 11px; background:#FFF; width:142px;}
.vi h1 a { color:#0067a0;}
.vi #content_news { width:961px ; height:16px; margin:18px 0 20px 0;}

.italic { font-style:italic;}
.bold { font-weight:bold;}

/* commun */
.vi h1, .vi h2, .vi h3 { text-transform:uppercase; font-weight:bold;}
.vi h1 { font-size:21px;}
.vi h2 { font-size:18px;}
.vi h3 { font-size:14px;}
.vi .color { color:#fb982d;}
.vi .color2 { color:#005e9a;}
.vi .lien a { display:block; height: 16px; background: url(../images/btn_g.gif) left top no-repeat;}
.vi .lien a div { height:14px; padding-top: 2px; background: url(../images/btn_d.gif) right top no-repeat; text-align: center; color: #FFF; text-transform: uppercase; font-size: 10px;}


/* navigations */
.vi #navigations { float:right; width:780px; height:95px;}

	/* nav */
	.vi ul#nav { float:right; height:33px; background:url(../images/bg_nav_02_right.gif) right top no-repeat; color:#848484; padding-right:10px;}
	.vi ul#nav ul { float:left; background:url(../images/bg_nav_02_left.gif) left top no-repeat;}
	.vi ul#nav li { float:left;}
	.vi ul#nav li select { display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#848484; margin-right:5px; height:14px; cursor:pointer;}
	.vi ul#nav li select option { background:#ededea;}
	.vi ul#nav li#nav1 select option { width:130px;}
	.vi ul#nav li .select { display:block; position:absolute;}
	.vi ul#nav li#nav1 { background:url(../images/bg_nav_01.gif) left top no-repeat; width:148px; height:24px; margin-right:5px; padding:9px 10px 0 10px; position:relative;}
	.vi ul#nav li#nav1 .select { text-transform:uppercase; font-size:10px; font-weight:bold; border:none; width:150px; height:14px; overflow:hidden;}
	.vi ul#nav li#nav1 select { float:left; margin:0; width:150px;}
	.vi ul#nav li#nav1 img { position:absolute; top:15px; right:10px;}
	.vi ul#nav li#nav2, .vi ul#nav li#nav4, .vi ul#nav li#nav5 { background:url(../images/sepa_nav.gif) right top no-repeat; padding-right:10px;}
	.vi ul#nav li#nav2 { height:25px; padding:8px 10px 0 10px;}
	.vi ul#nav li#nav2 .select { text-transform:uppercase; background:url(../images/cursor_off.gif) right 6px no-repeat; padding:0 0 10px 0; width:26px;}
	.vi ul#nav li#nav2 select { width:36px;}
	.vi ul#nav li#nav3 { padding-left:10px;}
	.vi ul#nav li#nav3 a { text-transform:uppercase; font-size:9px; color:#333; display:block; text-align:center; background:url(../images/bg_nav_03_right.gif) right 6px no-repeat; padding:10px 10px 10px 0;}
	.vi ul#nav li#nav3 a span { background:url(../images/bg_nav_03_left.gif) left 6px no-repeat; padding:10px 0 10px 10px;}
	.vi ul#nav li#nav4 span { display:block; background:url(../images/cursor_off.gif) right 15px no-repeat; padding:8px 10px 10px 10px; width:auto; max-width:155px; height:14px; overflow:hidden; cursor:pointer;}
	.vi ul#nav li#nav4 .list_site_pdt { font-size:10px; font-weight:bold; padding:1px 0 0 5px; display:none; position:absolute;}
	.vi ul#nav li#nav4 .list_site_pdt ul { float:left; width:100px; border:1px solid #ccc; position:relative; z-index:1; top:-10px; left:5px;}
	.vi ul#nav li#nav4 .list_site_pdt ul li { width:auto; background:#EDEDEA; padding:0 3px;}
	.vi ul#nav li#nav4 .list_site_pdt ul li a { color:#848484;}
	.vi ul#nav li#nav5 { position:relative; padding-right:12px;}
	.vi ul#nav li#nav5 a { display:block; color:#848484; background:url(../images/cursor_off.gif) right 15px no-repeat; padding:8px 10px 10px 13px; position:relative; z-index:50;}
	.vi ul#nav li#nav5 a.open { background:url(../images/cursor_on.gif) right 15px no-repeat;}
	.vi ul#nav li#nav6 { padding:7px 0px 7px 10px;}
	.vi ul#nav li#nav6 input.rech { float:left; background:url(../images/bg_input_rech.gif) left top no-repeat; border:none; width:96px; height:12px; padding:2px 7px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#848484;}
	.vi ul#nav li#nav6 input.btn-search { float:left; background:url(../images/bg_btn_rech.gif) left top no-repeat; border:none; width:23px; height:16px; cursor:pointer;}
	
	.vi ul#nav li#nav6 #search-form #edit-basic div { float:left; margin:0;}
	.vi ul#nav li#nav2 select#langues option { height:13px; text-align:right;}
	
	/* expand compte */
	.vi #navigations ul#nav li#nav5 .expand-compte { background:url(../images/bg_expand_compte_top.gif) left top repeat-y; width:155px; position:absolute; top:0; left:-2px;}
	.vi #navigations ul#nav li#nav5 .expand-compte #expand-step-01, .vi #navigations ul#nav li#nav5 .expand-compte #expand-step-02 { float:left; background:url(../images/bg_expand_compte_bottom.png) left bottom no-repeat; padding:12px 10px 10px; margin-bottom:-10px; width:135px;}
	.vi #navigations ul#nav li#nav5 .expand-compte a, #user-login-form-head .item-list ul li a, #user-login-form-bloc .item-list ul li a { float:left; background:url(../images/fl_expand.gif) left 3px no-repeat; padding:0 0 0 10px;}
	#user-login-form-head .item-list ul li a, #user-login-form-bloc .item-list ul li a { float:none; background:url(../images/fl_expand_2.gif) left 3px no-repeat;}
	.vi #navigations ul#nav li#nav5 .expand-compte #expand-step-02 a { margin-bottom:5px;}
	.vi #navigations ul#nav li#nav5 .expand-compte a.close { background:none; padding:0; float:right; padding:8px 11px 0 0; width:15px; height:15px;}
	.vi #navigations ul#nav li#nav5 .expand-compte ul { float:left; margin-bottom:10px;}
	.vi #navigations ul#nav li#nav5 .expand-compte input { background:url(../images/bg_input_expand.gif) left top no-repeat; border:0; font-family:Arial,Helvetica,sans-serif; font-size:9px; color:#848484; height:13px; padding:2px 7px; width:89px; margin-bottom:5px;}
	.vi #navigations ul#nav li#nav5 .expand-compte input.btn { background:url(../images/bg_btn_ok.gif) left top no-repeat; border:0; font-family:Arial,Helvetica,sans-serif; color:#fff; height:15px; padding:0; width:25px; margin-left:3px; cursor:pointer;}
	
	.vi #navigations ul#nav li#nav5 .expand-compte #user-login-form div { float:left;}
	.vi #navigations ul#nav li#nav5 .expand-compte .form-item, .vi #navigations ul#nav li#nav5 .expand-compte .item-list ul li, #user-login-form-head .item-list ul li, #user-login-form-bloc .item-list ul li { margin:0;}
	.vi #navigations ul#nav li#nav5 .expand-compte .item-list ul, #user-login-form-head .item-list ul, #user-login-form-bloc .item-list ul { margin:10px 0 0 0; background:none;}
	.vi #navigations ul#nav li#nav5 .expand-compte input#edit-submit--2 { float:right; text-transform:uppercase;}
	
	/* menu */
	.vi ul#menu { float:right; height:44px; padding-top:18px;}
	.vi ul#menu li { float:left; border-left:1px solid #dfdfdf; height:44px;}
	.vi ul#menu li.first { border:none;}
	.vi ul#menu li a { display:block; color:#848484; text-transform:uppercase; padding:13px 13px 17px 13px;}
	.vi ul#menu li a:hover, .vi ul#menu li.actif,.vi ul#menu li.contientexpand.actif { background:url(../images/bg_menu_accueil.gif) center 5px no-repeat;}
	.vi ul#menu li.contientexpand a:hover,.vi ul#menu li.contientexpand a.hover  { background:#ededea;}
	
	/* expand */
	.vi .expand { width:966px; height:auto; position:absolute; z-index:500; top:95px; left:-3px; background:url(../images/bg_expand_bottom.png) left bottom no-repeat;}
	.vi .expand-mid { background:url(../images/bg_expand_mid.png) left top repeat-y; padding:15px 14px; width:938px; margin-bottom:10px;}
	.vi .expand-mid table { float:left; border-collapse:inherit;}
	.vi .expand-mid table tr  { height:80px;}
	.vi .expand-mid table tr.space { height:30px;} 
	.vi .expand-mid table td { text-align:center; vertical-align:middle; width:80px;}
	.vi .expand-mid table td.txt { text-align:left; width:100px;}
	.vi .expand-mid table td.txt span, .vi .expand-mid table td.txt a { display:block; padding:0 5px; font-weight:bold; color:#848484; width:90px; word-wrap:break-word;}
	
	.vi .produits { float:left; width:354px; margin-left:9px; font-weight:bold;}
	.vi .produits p { color:#848484; width:344px; height:14px; overflow:hidden; margin-bottom:10px;}
	.vi .produits a { float:left; color:#fff; text-transform:uppercase; width:176px; height:78px; margin:0 0 1px 1px; position:relative;}
	.vi .produits a span { position:absolute; top:10px; left:10px; width:156px; max-height:28px; overflow:hidden;}
	.vi .produits a img.on { display:none;}
	.vi .produits a img.off { display:block;}
	
	.vi .produits a:hover img.off { display:none;}
	.vi .produits a:hover img.on { display:block;}
	
	.vi .expand p { display:none;}
	.vi .expand-mid p { display:block;}
	
	.vi .expand-mid table.appli { float:none; margin:0 auto; width:740px;}
	.vi .expand-mid table.appli td { width:auto;}
	
	.vi .expand-mid .appli tr td a img.on { display:none;}
	.vi .expand-mid .appli tr td a img.off { display:inline-block;}
	.vi .expand-mid .appli tr td a:hover img.on { display:inline-block;}
	.vi .expand-mid .appli tr td a:hover img.off { display:none;}
	
	.vi .expand-mid table.appli tr.item { color:#006eab; font-size:12px; font-weight:bold; text-transform:uppercase; height:40px;}
	.vi .expand-mid table.appli tr.check { height:40px;}
	.vi .expand-mid table.appli tr.check td { border-bottom:1px solid #d6d6d6; text-align:center; vertical-align:middle;}
	.vi .expand-mid table.appli tr td.item-list { color:#767675; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:left; border-bottom:none;}
	
	
/* diapo */
.vi .block-diapo { position:relative; width:961px; height:347px;}
.vi #diapo { width:961px; height:347px; overflow:hidden; position:relative;}
.vi #diapo .txt { background:url(../images/bg_diapo.png) left top repeat; padding:17px 30px 21px 30px; position:absolute; top:255px; left:0; height:54px; width:901px; overflow: hidden;}
.vi #diapo .titre_diapo { font-size:18px; font-weight:normal; color:#fff; width:750px; height:24px; text-transform:uppercase;}
.vi #diapo p, .vi #diapo p a { color:#fff; width:710px; height:42px; overflow:hidden;}
.vi #diapo .txt p img { padding:0 0 0 10px; vertical-align:-2px;}
.vi ul#controls { position:absolute; top:291px; right:18px; z-index:10;}
.vi ul#controls li { float:left; background:url(../images/cable_white.png) left 5px no-repeat; padding-left:29px; margin-left:-1px;}
.vi ul#controls li.first { background:none; padding:0; margin:0;}
.vi ul#controls li a { color:#26363a; font-weight:bold; display:block; background:url(../images/round_white.png) left top no-repeat; width:6px; height:18px; line-height:18px; padding:0 6px;}
.vi ul#controls li.activeSlide a { color:#fff; font-weight:bold; background:url(../images/round_blue.png) left top no-repeat; }

/* content_news */
.vi #content_news .last_actus { float: left; overflow: hidden; padding-right:10px; width:180px; text-transform:uppercase; font-weight:bold;}
.vi #slide a { color:#6f6f6f; background: url(../images/sepa.gif) right center no-repeat; padding: 0 10px;}
.vi #slide .color { font-weight: bold;}
.vi #content_news .lien { float:right; padding-left:13px; overflow:hidden;}
.vi .lien a { padding-left:7px;}
.vi .lien a div { padding-right:7px;}
.vi .jcarousel-clip { width: 550px; height: 14px; overflow: hidden; float: left;}
.jcarousel-clip a:hover { text-decoration: underline;}

/* railroad */
.vi .railroad-home { width:961px; height:76px; background:#ededea;}
.vi .railroad-home div, .vi #bloc-small .compteur { color:#858585; font-size:21px; font-weight:bold; text-transform:uppercase; width:901px; overflow:hidden;}
.vi .railroad-home div.type-01 { height:36px; padding:15px 30px 25px 30px; text-align:center;}
.vi .railroad-home div.type-02 { height:26px; padding:20px 30px 30px 30px; text-align:center;}
.vi .railroad-home div span { font-size:36px;}

.vi .railroad-home ul { height:76px;}
.vi .railroad-home ul li { float:left; padding-top:19px; margin:0 15px;}
.vi .railroad-home ul li a, .vi .railroad-home ul li#rail-0 { float:left; height:46px; font-size:14px; color:#797978; font-weight:bold; text-transform:uppercase; padding:11px 0 0 52px;}
.vi .railroad-home ul li#rail-0 { background:#ededea url(../images/acces_direct.gif) left top no-repeat; color:#fff; width:146px; height:46px; margin-left:0; padding:30px 0 0 20px;}
.vi .railroad-home ul li#rail-1 a { background:url(../images/picto_rail1.gif) left top no-repeat;}
.vi .railroad-home ul li#rail-2 a { background:url(../images/picto_rail2.gif) left top no-repeat;}
.vi .railroad-home ul li#rail-3 a { background:url(../images/picto_rail3.gif) left top no-repeat;}
.vi .railroad-home ul li#rail-4 a { background:url(../images/picto_rail4.gif) left top no-repeat;}

/* meas */
.region-highlighted { float:right; width:238px; margin-top:4px;}
.vi #meas { float:left; margin-top:2px;}
.vi #meas li { margin-right:3px; float:left; width:238px; height:158px; position:relative; overflow:hidden;}
.vi #meas li img, .vi .region-highlighted .base img { position:absolute; z-index:1;}
.vi #meas .base img, .vi .region-highlighted .base .txt img { position:relative;}
.vi #meas li .titre_mea, .vi .news .titre_mea, .vi #bloc-large .espace .titre_mea, .vi .region-highlighted .base .titre_mea, .vi #bloc-small .vos-outils .titre_mea, .vi #bloc-small .contact .titre_mea { font-weight:bold; text-transform:uppercase; font-size:14px; height:14px; overflow:hidden;}
.vi #meas .txt, .vi .region-highlighted .base .txt { color:#fff; position:absolute; z-index:2; padding:17px 14px; width:210px; height:124px;}
.vi #meas .base .txt, .vi #bloc-small .mea .txt, .vi .region-highlighted .mea .txt { padding:0; position:relative; float:left; height:auto; width:190px;}
.vi #meas .txt .titre_mea, .vi #meas .titre_mea, .vi .news .titre_mea, .vi #bloc-large .espace .titre_mea, .vi .region-highlighted .base .titre_mea, .vi #bloc-small .vos-outils .titre_mea, .vi #bloc-small .contact .titre_mea { color:#fff; margin-bottom:13px; clear:both; width:100%;}
.vi #meas .txt .ss-titre_mea, .vi #meas .ss-titre_mea, .vi .region-highlighted .base .ss-titre_mea { color:#fff; font-size:12px; font-weight:bold; margin-bottom:4px; text-transform:none; height:14px; overflow:hidden; clear:both;}
.vi #meas .base img { margin-bottom:10px;} 
.vi #meas .txt div, .vi .region-highlighted .base .txt div, .vi #bloc-small .contact div { width:105px; line-height:13px; overflow:hidden;}
.vi #meas .txt div.left, .vi .region-highlighted .base .txt div.left { width:110px;}
.vi #meas .txt div.left p, .vi .region-highlighted .base .txt div.left p { max-height:68px; overflow:hidden;}
.vi #meas .news div.left { width:100%;}
.vi #meas .base .txt div, .vi #bloc-small .mea .txt div { color:#fff; width:180px;}
.vi div.yes-h4 { max-height:52px; margin-bottom:10px;}
.vi div.no-h4 { max-height:68px; margin-bottom:10px;}
.vi #meas .txt a, .vi .region-highlighted .base a { height:17px; color:#fff; font-size:10px; background:url(../images/meas_btn_d.png) right top no-repeat;}
.vi #meas .txt a span, .vi .region-highlighted .base a span { display:block; height:13px; text-align:center; background:url(../images/meas_btn_g.png) left top no-repeat; padding:2px 0 2px 7px; margin-right:7px;}

.vi #meas .news div, .vi .news div { color:#fff; width:190px; overflow:hidden; clear:both;}
.vi #meas .news input, .vi .news input { background:url(../images/bg_input_newsletter.png) left top no-repeat; border:0; font-family:Arial,Helvetica,sans-serif; font-size:9px; color:#848484; height:13px; padding:2px 7px; width:169px; margin-bottom:10px;}
.vi #meas .news .form-item, .vi .news .form-item { margin:0;}
.vi #meas .news div.btn, .vi .news div.btn { float:left; height:17px; background:url(../images/meas_btn_d.png) right top no-repeat; padding:0; margin-bottom:5px; width:auto;}
.vi #meas .news div.btn input, .vi .news div.btn input { font-family:Arial, Helvetica, sans-serif; height:17px; overflow:visible; background:url(../images/meas_btn_g.png) left top no-repeat; text-align:center; color:#FFF; font-size:10px; border:0; cursor:pointer; margin-right:7px; padding:0 0 0 7px; width:auto;}

.vi #meas .txt a.left, .vi .base .left a { float:left;}
.vi #meas .txt a.right, .vi .base .right a { float:right;}

.vi #meas #mea4 { margin-right:0;}

.vi .region-highlighted .base { width:238px; height:158px; position:relative;}
.vi #bloc-small .mea, .vi .region-highlighted .mea { padding:30px; margin-top:4px; width:178px; height:auto; float:left;}
.vi #bloc-small .contact { background:#62a3d9;}
.vi #bloc-small .compteur { background:#ededea; text-align:center; font-size:14px;}
.vi #bloc-small .compteur span { font-size:34px;}

.vi .btn_sav_plus { margin-top:10px;}
.vi .compteur_cables { position:absolute; z-index:2; color:#fff; font-size:36px; font-weight:bold; margin-right:0; text-align:center; padding:38px 14px 17px 14px; height:103px; width:210px;}

.vi #meas div.mea-video { position:relative; width:238px; height:158px;}
.vi #meas div.mea-video img.video-icone { left:99px; margin:0; position:absolute; top:58px; z-index:10;}
	
/* cible */
.vi #meas.cible li { padding:28px 25px; width:188px; height:180px; overflow:hidden;}
.vi #meas.cible #mea2, .vi #bloc-small .vos-outils { background:#7f96a4;}
.vi #meas #mea1_u #log-01 h2 { border-bottom:1px solid #95918a; padding-bottom:9px;}
.vi #meas #mea1_u #log-01 #user-login-form li.first, .vi #meas #mea1_u #log-01 #user-login-form li.last { float:left; margin:0; height:16px;}
.vi #meas #mea1_u #log-01 #user-login-form li.first a, .vi #meas #mea1_u #log-01 #user-login-form li.last a { float:left; margin:0;color: #FFFFFF;font-size: 10px;text-decoration: underline; }
.vi #meas #mea1_u ul.connect, .compte ul.connect { padding-top:4px;}
.vi #meas #mea1_u ul.connect li, .compte ul.connect li { padding:0; margin:0; height:auto; width:188px; padding-bottom:6px;}
.vi #meas #mea1_u #log-01 .form-item label, .compte ul.connect label { display:block; color:#fff; padding-bottom:3px;}
.vi #meas #mea1_u #log-01 .form-item input { border:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4C4C4C; background:url(../images/bg_input_connexion.gif) left top no-repeat; width:176px; height:13px; padding:2px 6px;}
.vi #meas #mea1_u #log-01 .form-item label.error, .vi #meas #mea1_u #log-01 .form-item input.error { color:#F00;}
.vi #meas #mea1_u a.forget, .compte a.forget { float:left; color:#fff; font-size:10px; text-decoration:underline; padding-top:9px;}
.vi #meas #mea1_u .btn, .compte .btn { float:right; height:17px; background:url(../images/meas_btn_d.png) right top no-repeat; margin:7px 0;}
.vi #meas #mea1_u .btn-connect, .compte .btn-connect { float:right; border:0; height:17px; text-align:center; background:url(../images/meas_btn_g.png) left top no-repeat; padding:1px 0 3px 7px; margin-right:7px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; overflow:visible; cursor:pointer;}

.vi #meas #mea1_u ul.view { float:left; padding-top:4px; width:188px;}
.vi #meas #mea1_u ul.view li { padding:0; margin:0; height:auto; width:188px; color:#fff; font-weight:bold; margin-top:13px;}
.vi #meas #mea1_u ul.view li a, .vi #bloc-large .espace .view li a, .vi #bloc-large .espace .view li.top a, .vi #mea1_u #log-01 .connect { border-bottom:1px solid #95918a; padding:0 20px 6px 0; margin-bottom:6px; color:#fff; background:url(../images/add.png) right top no-repeat;}
.vi #meas #mea1_u ul.view li a { display:block;}
.vi #meas #mea1_u ul.view li ul { float:left; height:28px; overflow:hidden;}
.vi #meas #mea1_u ul.view li ul li { padding:0; margin:0; height:13px; width:188px; color:#fff; font-weight:normal;}
.vi #meas #mea1_u ul.view li ul li a, .vi #bloc-large .espace .view li a { border:0; padding:0; margin:0; background:none;}
.vi #meas #mea1_u h3 { margin-bottom:0;}
.vi #meas #mea1_u { background:#AFABA2; height: 180px; overflow:hidden; padding:28px 25px; width:188px; margin-right:3px; float:left; position:relative;}
.vi #meas #mea1_u p, .vi #meas #mea1_u p a { color:#fff; width:188px; word-wrap:break-word;}
.vi #meas #mea1_u .form-item, .vi #meas #mea1_u .form-actions { margin:0 0 6px 0;}

.vi #meas #mea2_u ul.outils, .vi #bloc-small .vos-outils ul.outils { float:left;}
.vi #meas #mea2_u ul.outils li, .vi #bloc-small .vos-outils ul.outils li { height:auto; width:186px; margin:0 0 10px 0; padding:0; color:#fff; font-weight:bold;}
.vi #meas #mea2_u ul.outils li a, .vi #bloc-small .vos-outils ul.outils li a { color:#fff;}
.vi #meas #mea2_u ul.outils li a, .vi #bloc-small .vos-outils ul.outils li a { padding:3px 0;}
.vi #meas #mea2_u ul.outils li img, .vi #bloc-small .vos-outils ul.outils li img, .vi ul.outils li img { padding-right:3px; vertical-align:middle; position:static;}
.vi #meas #mea2_u ul.outils li.outil-01 a, .vi #bloc-small .vos-outils ul.outils li.outil-01 a { background:url(../images/ico_outil_04_off.gif) left center no-repeat;}
.vi #meas #mea2_u ul.outils li.outil-01 a:hover, .vi #bloc-small .vos-outils ul.outils li.outil-01 a:hover { background:url(../images/ico_outil_04_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #meas #mea2_u ul.outils li.outil-02 a, .vi #bloc-small .vos-outils ul.outils li.outil-02 a { background:url(../images/ico_outil_08_off.gif) left center no-repeat;}
.vi #meas #mea2_u ul.outils li.outil-02 a:hover, .vi #bloc-small .vos-outils ul.outils li.outil-02 a:hover { background:url(../images/ico_outil_08_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #meas #mea2_u ul.outils li.outil-03 a, .vi #bloc-small .vos-outils ul.outils li.outil-03 a { background:url(../images/ico_outil_09_off.gif) left center no-repeat;}
.vi #meas #mea2_u ul.outils li.outil-03 a:hover, .vi #bloc-small .vos-outils ul.outils li.outil-03 a:hover { background:url(../images/ico_outil_09_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #meas #mea2_u ul.outils li.outil-04 a, .vi #bloc-small .vos-outils ul.outils li.outil-04 a { background:url(../images/ico_outil_09_off.gif) left center no-repeat;}
.vi #meas #mea2_u ul.outils li.outil-04 a:hover, .vi #bloc-small .vos-outils ul.outils li.outil-04 a:hover { background:url(../images/ico_outil_09_on.gif) left center no-repeat; color:#d9d9d8;}

.vi #meas .txt img { margin-bottom:10px;}

.vi ul.outils li.outil-01 { position:relative;}
.vi ul.outils li.outil-01 div.btn { float:left; height:17px; background:url(../images/meas_btn_d.png) right top no-repeat; padding:0; margin-bottom:5px;}
.vi ul.outils li.outil-01 div.btn input { font-family:Arial, Helvetica, sans-serif; height:17px; overflow:visible; background:url(../images/meas_btn_g.png) left top no-repeat; text-align:center; color:#FFF; font-size:10px; border:0; cursor:pointer; margin-right:7px; padding:0 0 0 7px;}
.vi ul.outils li.outil-01 div div { float:left; font-weight:normal; color:#5B5B5B;}
.vi #meas #mea2_u ul.outils li.outil-01 div div { padding-bottom:0;}
.vi ul.outils li.outil-01 div.btn .ajax-progress, .vi ul.outils li.outil-01 div.btn .ajax-progress-throbber { display:none;}

.vi #meas #mea4_u a.link-change { font-size:14px; color:#797978; font-weight:bold; text-transform:uppercase; background:#ededea; display:block; padding:28px 16px 20px 41px;}
.vi #meas #mea4_u a.link-change1 { background:#ededea url(../images/picto_ut1.gif) 16px 26px no-repeat;}
.vi #meas #mea4_u a.link-change2 { background:#ededea url(../images/picto_ut2.gif) 16px 20px no-repeat;}
.vi #meas #mea4_u a.link-change3 { background:#ededea url(../images/picto_ut3.gif) 16px 22px no-repeat;}
.vi #meas #mea4_u a.link-change4 { background:#ededea url(../images/picto_ut4.gif) 16px 24px no-repeat;}
.vi #meas #mea4_u a.link-change span { display:block; background:#ededea url(../images/cursor_off_xl.gif) right 5px no-repeat; padding-right:20px;}
.vi #meas #mea4_u ul.expand-change { background:#ededea; position:absolute; z-index:10; top:70px; left:0; padding:0 19px 10px 21px; display:none;}
.vi #meas #mea4_u ul.expand-change li { float:left; width:195px; height:25px; padding:0; margin-bottom:10px;}
.vi #meas #mea4_u ul.expand-change li#ut1 { background:url(../images/picto_ut1.gif) left bottom no-repeat;}
.vi #meas #mea4_u ul.expand-change li#ut2 { background:url(../images/picto_ut2.gif) left bottom no-repeat;}
.vi #meas #mea4_u ul.expand-change li#ut3 { background:url(../images/picto_ut3.gif) left bottom no-repeat;}
.vi #meas #mea4_u ul.expand-change li#ut4 { background:url(../images/picto_ut4.gif) left bottom no-repeat;}
.vi #meas #mea4_u ul.expand-change li a { float:left; font-size:14px; color:#797978; font-weight:bold; text-transform:uppercase; padding:11px 0 0 25px;}
.vi #meas #mea4_u .coord, .vi #bloc-small .contact .coord { color:#fff; width:188px; height:99px; overflow:hidden; font-weight:bold;}
.vi #meas .txt .coord a, .vi #bloc-small .contact .coord a { color:#fff; background:none; font-size:11px;}
.vi #meas .txt .coord p, .vi #bloc-small .contact .coord p { margin-bottom:5px;}

.vi #meas #mea2_u { background:#7F96A4; height: 180px; overflow:hidden; padding:28px 25px; width:188px; margin-right:3px; float:left; position:relative;}
.vi #meas #mea3_u { background:#FB982D; height: 180px; overflow:hidden; padding:28px 25px; width:188px; margin-right:3px; float:left; position:relative;}
.vi #meas #mea3_u .txt { float:left; height: auto; padding:0; position:relative; width:190px; color:#FFF; z-index:2;}
.vi #meas #mea3_u .txt img { position:relative;}
.vi #meas #mea4_u { height:236px; overflow:hidden; padding:0; width:238px; margin-right:0; float:left; position:relative;}
.vi #meas #mea4_u .txt { background:#62A3D9; color:#FFF; z-index:2; float:left; height:123px; margin-top:3px; padding:15px 16px 15px 25px; position:relative; width:197px;}
.vi #meas #mea4_u .txt p.titre_mea { margin-bottom:8px;}
.vi #meas #mea4_u img { float:left; height:76px; position:relative; z-index:1;}
	
	/* shadowbox mon compte */
	#compte { display:none;}
	#sb-nav { display:none;}
	.compte { background:#afaba2; width:291px; height:180px; padding:35px 40px 35px 35px; position:relative;}
	.compte .close { position:absolute; top:10px; right:13px; display:block;}
	.compte .titre_sb { font-size:14px; height:14px; overflow:hidden; color:#fff; margin-bottom:5px; text-transform:uppercase; font-weight:bold;}
	.compte .txt { color:#fff; margin-bottom:9px; height:28px; overflow:hidden;}
	.compte ul.connect li input { border:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4C4C4C; background:url(../images/bg_input_connexion_box.gif) left top no-repeat; width:278px; height:13px; padding:2px 6px;}
	.compte a.forget { padding-top:4px;}
	.compte .btn { margin-top:3px;}
	
	/* shadowbox footer */
	#sb-body-inner { background:#afaba2; color:#fff;}
	#sb-title-inner, #sb-nav { display:none;}
	#shadowbox-content { padding:35px 40px 35px 35px; position:relative;}
	#shadowbox-content .close { position:absolute; top:10px; right:13px; display:block;}
	#shadowbox-content .titre_sb { font-size:14px; margin-bottom:5px; text-transform:uppercase; font-weight:bold;}
	
	#user-login-form .item-list ul li, .vi .item-list ul li { margin:0;}
	#user-login-form .item-list ul li a, #user-login-form-head .item-list ul li a, #user-login-form-bloc .item-list ul li a  { text-decoration:underline;}
	#user-login-form label { color:#fff; font-weight:normal; padding-bottom:3px;}
	#user-login-form input { background:url(../images/bg_input_connexion_box.gif) left top no-repeat; border:0; color:#4C4C4C; font-family:Arial,Helvetica,sans-serif; font-size:11px; height:13px; padding:2px 6px; width:278px;}
	#user-login-form .btn { float:right; height:17px; background:url(../images/meas_btn_d.png) right top no-repeat; margin-top:7px;}
	#user-login-form .btn-connect { float:right; border:0; height:17px; text-align:center; background:url(../images/meas_btn_g.png) left top no-repeat; padding:1px 0 3px 7px; margin-right:7px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; overflow:visible; cursor:pointer; width:auto;}
	
/* recherche nom */
.vi #bloc-small { float:left; width:250px;}
.vi #bloc-small.right { float:right; width:238px;}
.vi #bloc-small .gamme .titre_mea { font-size:14px; padding-left:3px; color:#fff; font-weight:bold; text-transform:uppercase;}
.vi #bloc-small .nav-besoin .titre_mea, .vi #bloc-small .nav-search .titre_mea { text-transform:none; color:#fff; font-weight:bold; font-size:14px;}
.vi #bloc-small .gamme { background:#8a90ae url(../images/bg_col_left.gif) left top repeat-x; padding:43px 17px 30px 17px;}
.vi #bloc-small .gamme ul { margin-top:5px;}
.vi #bloc-small .gamme ul li {}
.vi #bloc-small .gamme ul li a, .vi #bloc-small .gamme ul li .field-content, .vi #bloc-small .gamme ul li .field-content a { color:#fff;}
.vi #bloc-small .nav-nom ul li a.actif { color:#fff;}
.vi #bloc-small .nav-nom ul li { text-transform:uppercase; font-weight:bold; border-bottom:1px solid #757b94; padding:5px 0 5px 3px;}
.vi #bloc-small .nav-nom ul li ul { padding-top:3px; margin-top:0;}
.vi #bloc-small .nav-nom ul li ul li { text-transform:none; font-weight:normal; border:0; padding:0 0 0 6px;}
.vi #bloc-small .nav-nom ul li ul li ul { padding-top:0; margin-top:0;}
.vi #bloc-small .nav-nom ul li ul li ul li { height:12px;}

/* recherche besoin */
.vi #bloc-small .nav-besoin { margin-top:4px; padding:26px 17px 16px 17px;}
.vi #bloc-small .nav-besoin ul { padding-left:6px;}
.vi #bloc-small .nav-besoin ul li { padding-left:15px; background:url(../images/more_gamme.gif) left 2px no-repeat;}
.vi #bloc-small .nav-search { float:left; background:#7c819c; padding:15px 17px; width:216px;}
.vi #bloc-small .nav-search .search { margin-top:9px;}
.vi #bloc-small .nav-search .search input, .vi #bloc-small .nav-search input#edit-keys { background:url(../images/bg_input_gamme.png) left top no-repeat; border:0; font-family:Arial,Helvetica,sans-serif; font-size:9px; color:#848484; height:13px; padding:2px 7px; width:129px;}
.vi #bloc-small .nav-search .search input.btn, .vi #bloc-small .nav-search input#edit-submit { background:none; border:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff; height:auto; width:auto; padding:0 7px; cursor:pointer;}
.vi #bloc-small .nav-search .form-item { color:#fff; font-size:14px; font-weight:bold; display:block; margin:0;}
.vi #bloc-small .nav-search .form-item label { display:block; margin-bottom:9px;}
.vi #bloc-small .nav-search input#edit-keys { float:left;}
.vi #bloc-small .nav-search input#edit-submit { float:right; padding:0 0 0 5px;}

.vi #bloc-small .nav-besoin .item-list ul li { margin:0;}

/* outils */
.vi #bloc-small .nav-outils { background:#7f96a4; margin-top:4px; color:#fff; padding:20px 17px 25px 17px;}
.vi #bloc-small .nav-outils .titre_mea { margin-bottom:20px;}
.vi #bloc-small .nav-outils ul li { font-weight:bold; color:#fff; margin-bottom:10px;}
.vi #bloc-small .nav-outils ul li a { padding:3px 0;}
.vi #bloc-small .nav-outils ul li a img { padding-right:8px; vertical-align:middle;}
.vi #bloc-small .nav-outils ul li.outil-01 a { background:url(../images/ico_outil_01_off.gif) left center no-repeat;}
.vi #bloc-small .nav-outils ul li.outil-01 a:hover { background:url(../images/ico_outil_01_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #bloc-small .nav-outils ul li.outil-02 a { background:url(../images/ico_outil_02_off.gif) left center no-repeat;}
.vi #bloc-small .nav-outils ul li.outil-02 a:hover { background:url(../images/ico_outil_02_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #bloc-small .nav-outils ul li.outil-03 a { background:url(../images/ico_outil_03_off.gif) left center no-repeat;}
.vi #bloc-small .nav-outils ul li.outil-03 a:hover { background:url(../images/ico_outil_03_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #bloc-small .nav-outils ul li.outil-04 a { background:url(../images/ico_outil_04_off.gif) left center no-repeat;}
.vi #bloc-small .nav-outils ul li.outil-04 a:hover { background:url(../images/ico_outil_04_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #bloc-small .nav-outils ul li.outil-05 a { background:url(../images/ico_outil_05_off.gif) left center no-repeat;}
.vi #bloc-small .nav-outils ul li.outil-05 a:hover { background:url(../images/ico_outil_05_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #bloc-small .nav-outils ul li.outil-06 a { background:url(../images/ico_outil_06_off.gif) left center no-repeat;}
.vi #bloc-small .nav-outils ul li.outil-06 a:hover { background:url(../images/ico_outil_06_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #bloc-small .nav-outils ul li.outil-07 a { background:url(../images/ico_outil_07_off.gif) left center no-repeat;}
.vi #bloc-small .nav-outils ul li.outil-07 a:hover { background:url(../images/ico_outil_07_on.gif) left center no-repeat; color:#d9d9d8;}
.vi #bloc-small .nav-outils ul li a { color:#fff;}

.vi #bloc-small .vos-outils { float:none; padding:28px 13px 28px 20px; margin-top:4px; width:auto; height:auto;}
.vi #bloc-small .vos-outils ul.outils li { text-transform:none;}

.vi #bloc-small .nav-outils ul li.outil-01 { float:left; margin-bottom:5px;}
.vi .outils li.outil-01 .add_fav { background:url(../images/ico_outil_01_off.gif) left center no-repeat; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-left:21px; cursor:pointer; overflow:visible;}
.vi .outils li.outil-01 .supp_fav { background:url(../images/ico_outil_supp.gif) left center no-repeat; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-left:21px; cursor:pointer; overflow:visible;}

/* fil d'ariane et bandeau haut de page */
.vi .railroad { background:#d9d9d8 url(../images/bg_col_right.gif) left top repeat-x; text-align:right; text-transform:uppercase; color:#333; font-size:9px; padding:8px 10px; overflow:hidden;}
.vi .railroad a { color:#333333;}
.vi .bandeau { padding:26px 70px 27px 20px; position:relative;}
.vi .bandeau-gamme { padding:18px 70px 17px 20px;}
.vi .bandeau h1, .vi .bandeau h2 { font-size:18px; color:#fff; height:20px; overflow:hidden;}
.vi .bandeau h3 { font-size:14px; color:#fff; text-transform:none; font-weight:normal; height:16px; overflow:hidden; margin-top:2px;}
.vi .bandeau img { position:absolute; top:0; right:0; padding-right:10px;}
.vi .bandeau .shadow { padding-right:0; position:absolute; top:0;}
.vi .railroad .breadcrumb { padding:0;}

	/* couleur */
	.vi .color-00 { color:#b5b5b5;} /* gris clair => titre produit catégorie n°2 */
	/* bleu foncé */
	.vi .bg-color-01, .vi .bg-color-01 img { background-color:#007cc5;}
	.vi .color-01 { color:#007cc5;}
	/* vert */
	.vi .bg-color-02, .vi .bg-color-02 img { background-color:#00ac7c;}
	.vi .color-02 { color:#00ac7c;}
	/* rose */
	.vi .bg-color-03, .vi .bg-color-03 img { background-color:#bd0070;}
	.vi .color-03 { color:#bd0070;}
	/* bleu-vert */
	.vi .bg-color-04, .vi .bg-color-04 img { background-color:#00a1b1;}
	.vi .color-04 { color:#00a1b1;}
	/* rouge */
	.vi .bg-color-05, .vi .bg-color-05 img { background-color:#d6133e;}
	.vi .color-05 { color:#d6133e;}
	/* bleu clair */
	.vi .bg-color-06, .vi .bg-color-06 img { background-color:#3395c5;}
	.vi .color-06 { color:#3395c5;}
	 /* parme */
	.vi .bg-color-07, .vi .bg-color-07 img { background-color:#acb0c6;}
	.vi .color-07 { color:#acb0c6;}
	 /* beige grisé */
	.vi .bg-color-08, .vi .bg-color-08 img { background-color:#cac6c0;}
	.vi .color-08 { color:#cac6c0;}
	
	/* bleu grisé => outils */
	.vi .bg-color-grey { background-color:#7f96a4;}
	/* taupe => espace */
	.vi .bg-color-brown { background-color:#afaba2;} 
	/* orange => info */
	.vi .bg-color-orange { background-color:#fb982d;}

/* imprimer et envoyer */
.vi #bloc-large { float:right; width:711px;}
.vi #bloc-large.left { float:left;}
.vi #bloc-large .goodies { float:right; padding:13px 2px 13px 0;}
.vi #bloc-large.left .goodies { padding:13px 27px 0 0; margin-bottom:13px;}
.vi #bloc-large .goodies li, .vi #bloc-large .goodies .print_html, .vi #bloc-large .goodies .print_mail { float:left; margin-left:20px; height:18px;}
.vi #bloc-large .goodies li a, .vi #bloc-large .goodies .print-page, .vi #bloc-large .goodies .print-mail { color:#989898; padding:0 0 4px 25px; display:block;}
.vi #bloc-large .goodies li.print a, .vi #bloc-large .goodies .print-page { background:url(../images/ico_print_off.gif) left top no-repeat;}
.vi #bloc-large .goodies li.print a:hover, .vi #bloc-large .goodies .print-page:hover { background:url(../images/ico_print_on.gif) left top no-repeat; color:#333;}
.vi #bloc-large .goodies li.give a, .vi #bloc-large .goodies .print-mail { background:url(../images/ico_give_off.gif) left top no-repeat;}
.vi #bloc-large .goodies li.give a:hover, .vi #bloc-large .goodies .print-mail:hover { background:url(../images/ico_give_on.gif) left top no-repeat; color:#333;}
.vi #bloc-large .goodies .print-page, .vi #bloc-large .goodies .print-mail { color:#989898;}

/* produit */
.vi #bloc-large .visuel { padding:0 0 10px 0;}
.vi #bloc-large .visuel h1 { font-size:28px; color:#000; height:30px; margin-bottom:14px;}
.vi #bloc-large .visuel h1.winner { background:url(../images/laureat.gif) right 3px no-repeat; padding-right:50px; display:inline;}
.vi #bloc-large .meo img { border:none;}
.vi #bloc-large .visuel h1 img { border:none; position:relative; top:2px; left:25px; margin-right: 5px;}
.vi #bloc-large .detail .visuel p img { border:none; position:relative; top:2px;}
.vi #bloc-large .visuel ul, .vi #bloc-large .visuel p { margin:5px 0;}
.vi #bloc-large .visuel ul li { display:inline; padding:0 21px; color:#000;}
.vi #bloc-large .visuel ul li.dim-01 { background:url(../images/ico_dim_01.gif) left 2px no-repeat;}
.vi #bloc-large .visuel ul li.dim-02 { background:url(../images/ico_dim_02.gif) left 2px no-repeat;}
.vi #bloc-large .visuel ul li.dim-03 { background:url(../images/ico_dim_03.gif) left 2px no-repeat;}
.vi #bloc-large .visuel .schema .type1 table { border:1px solid #dcdcdc; border-top:none; border-bottom:none; width:684px;}
.vi #bloc-large .visuel .schema .type1 table, .vi #bloc-large .visuel .schema .type2 table { color:#000; font-size:10px; border-collapse:collapse !important;}
.vi #bloc-large .visuel .schema .type1 table th { background:#f7f7f7; font-weight:normal; padding:0 6px; border-bottom:1px solid #dcdcdc;}
.vi #bloc-large .visuel .schema .type1 table th.picto { background:none;}
.vi #bloc-large .visuel .schema .type1 table td { padding:2px 6px; border-bottom:1px solid #dcdcdc;}
.vi #bloc-large .visuel .schema .type1 table img, .vi #bloc-large .visuel .schema .type1 table tr.space td, .vi #bloc-large .visuel .schema .type1 table tr.last td, .vi #bloc-large .visuel .schema .type2 table img { border:none; float: none !important; margin: auto !important;}
.vi #bloc-large .visuel .schema .type1 table td.right { float:none; text-align:right;}
.vi #bloc-large .visuel .schema .type1 table td.left { float:none; text-align:left;}
.vi #bloc-large .visuel .schema .type2 { width:684px;}
.vi #bloc-large .visuel .schema .type2 table { border:1px solid #dcdcdc; width:684px;}
.vi #bloc-large .visuel .schema .type2 table td { padding:5px; width:60px; text-align:center; vertical-align:top;}
.vi #bloc-large .visuel .schema .type2 table td.bgcolor-00 { background:#f7f7f7; border-left:1px solid #fff;}
.vi #bloc-large .visuel .schema .type2 table td.bgcolor-01 { background:#e5e6e8; border-left:1px solid #fff;}
.vi #bloc-large .visuel .schema .type2 table td.bgcolor-02 { background:#d8ecd1; border-left:1px solid #fff;}
.vi #bloc-large .visuel .schema .type2 table td.bgcolor-03 { background:#ffdec2; border-left:1px solid #fff;}
.vi #bloc-large .visuel .schema .type2 table td.bgcolor-04 { background:#b9ceeb; border-left:1px solid #fff;}
.vi #bloc-large .visuel .schema .type2 table td.bgcolor-05 { background:#fff3c7; border-left:1px solid #fff;}

/* besoin */
.vi #bloc-large .detail { padding:0 0 20px 25px;}
.vi #bloc-large.left .detail { padding:0 25px 20px 0;}
.vi #bloc-large .other, .vi #bloc-large.left .other { padding:0;}
.vi #bloc-large .detail h2, .vi #bloc-large .detail h3 { margin-bottom:16px; font-size:14px;}
.vi #bloc-large .detail h2.titre-need { margin-top:16px; font-size:18px;}
.vi #bloc-large .detail .pane-custom h2 { margin-bottom:0; font-size:14px;}
.vi #bloc-large .detail table, .vi #bloc-large .visuel .schema { margin-bottom:16px; border-collapse:separate;}
.vi #bloc-large .detail table.cols-2, .vi #bloc-large .detail table.need { border-spacing:10px; margin-bottom:0;}
.vi #bloc-large .detail table.need { border-spacing:10px 5px;}
.vi #bloc-large .detail table td.col-1, .vi #bloc-large .detail table td.col-2 { border:1px solid #dcdcdc; padding:17px 20px 30px 20px; vertical-align:top;}
.vi #bloc-large .detail table td.space, .vi #bloc-large .other table td.space { border:0; width:16px; padding:0;}
.vi #bloc-large .detail table td.col-1 img, .vi #bloc-large .detail table td.col-2 img, .vi #bloc-large .liste table td img, .vi #bloc-large .liste .bloc-liste img { float:left; margin-right:23px;}
.vi #bloc-large .detail table td h2, .vi #bloc-large .detail table td h3 { float:left; font-size:14px; color:#989898; width:183px; height:auto;}
.vi #bloc-large .detail table td, .vi #bloc-large .detail table td p { font-size:11px;}
.vi #bloc-large .detail table td ul, .vi #bloc-large .other table td ul { float:left; padding-top:10px; width:183px;}
.vi #bloc-large .detail table td ul li, .vi #bloc-large .other table td ul li, .vi #bloc-large .liste table td ul li, .vi #bloc-large .liste .bloc-liste ul li, .vi #bloc-large .liste .bloc-liste li { color:#989898; margin-bottom:3px;}
.vi #bloc-large .detail table td ul li a, .vi #bloc-large .other table td ul li a { color:#6f6f6f;}

.vi #bloc-large .other h2 { color:#5B5B5B; margin-bottom:14px; font-size:14px;}
.vi #bloc-large .other table { margin-bottom:25px;}
.vi #bloc-large .other table td, .vi #bloc-large .liste table td { border:1px solid #dcdcdc; padding:17px 20px; vertical-align:top;}
.vi #bloc-large .other table td.titre { padding:0; border:0;}
.vi #bloc-large .other table td.titre h3 { float:none; margin-bottom:14px; color:#5b5b5b;}
.vi #bloc-large .other table td h3 { float:left; font-size:14px; color:#989898; width:auto; height:auto; margin:0;}
.vi #bloc-large .other table td p.ss-titre_tab { float:left; font-size:12px; color:#989898; width:189px; height:auto; margin:0; font-weight:bold; text-transform:uppercase;}
.vi #bloc-large .other table .clear { height:17px;}

.vi #bloc-large .detail p, .vi #bloc-large .detail ul { margin-bottom:16px;}
.vi #bloc-large .detail table td.col-1 h2, .vi #bloc-large .detail table td.col-2 h2, .vi #bloc-large .detail table td.col-1 h3, .vi #bloc-large .detail table td.col-2 h3, .vi #bloc-large .detail table td.col-1 ul, .vi #bloc-large .detail table td.col-2 ul { margin-bottom:0;}

/* liste */
.vi #bloc-large .liste { float:left; padding:0 25px 25px 0; width:686px;}
.vi #bloc-large .liste .bloc-liste { float:left; border:1px solid #dcdcdc; padding:17px 20px; width:644px;}
.vi #bloc-large .liste h2, .vi #bloc-large .liste .item-favoris { float:left; font-size:14px; margin-bottom:16px; color:#5b5b5b;}
.vi #bloc-large .liste .item-favoris { font-weight:bold; text-transform:uppercase;}
.vi #bloc-large .liste .bloc-liste ul, .vi #bloc-large .favoris table td ul { float:left; padding:0; /*height:65px;*/ overflow:hidden;}
.vi #bloc-large .liste .bloc-liste ul li, .vi #bloc-large .liste .bloc-liste ul li a, .vi #bloc-large .liste .bloc-liste li a, .vi #bloc-large .favoris table td ul li, .vi #bloc-large .favoris table td ul li a { color:#5b5b5b;}
.vi #bloc-large .liste .bloc-liste ul li a { background:url(../images/fl_liste_off.gif) left 3px no-repeat; padding-left:9px;}
.vi #bloc-large .liste .bloc-liste ul li a:hover { color:#000; background:url(../images/fl_liste_on.gif) left 3px no-repeat; padding-left:9px;}
.vi #bloc-large .liste .bloc-liste a.plus { float:right;}
.vi #bloc-large .liste .bloc-liste a.plus img { float:right; margin:0;}

/* compte */
.vi #bloc-large a.modify { float:left; background:url(../images/meas_btn_d.png) right top no-repeat; margin:20px 20px 0 0;}
.vi #bloc-large a.modify span { float:left; font-size:10px; color:#fff; text-transform:uppercase; height:13px; text-align:center; background:url(../images/meas_btn_g.png) left top no-repeat; padding:2px 0 2px 7px; margin-right:7px; }
.vi #bloc-large .favoris { padding-top:20px;}
.vi #bloc-large .favoris table { border:1px solid #dcdcdc;}
.vi #bloc-large .favoris table td { border:none; padding:17px 20px; vertical-align:top; width:228px;}
.vi #bloc-large .favoris table td ul li, .vi #bloc-large .last-view .bloc-liste ul li a { background:none; padding:0;}
.vi #bloc-large .favoris table td ul li a, .vi #bloc-large .favoris table td ul li a:hover { background:none; padding:0; color:#5b5b5b;}
.vi #bloc-large .favoris table td img, .vi #bloc-large .last-view .bloc-liste img { margin-right:9px;}
.vi #bloc-large .favoris table td img.supp { margin-right:2px;}

.vi #bloc-large .favoris table td.nav { width:auto;}
.vi #bloc-large .nav { text-align:center; width:686px;}
.vi #bloc-large .nav a { color:#6f6f6f;}
.vi #bloc-large .nav ul#controls { float:none; position:relative; right:0; top:0; width:auto; height:auto; margin:0 18px; display:inline;}
.vi #bloc-large .nav ul#controls li { float:none; display:inline; margin:0; padding:0;}
.vi #bloc-large .nav ul#controls li a { display:inline; background:none; padding:0; color:#6f6f6f; font-weight:normal;}
.vi #bloc-large .nav ul#controls li a:hover, .vi #bloc-large ul#controls li.actif a { color:#000; font-weight:bold;}

/* espace */
.vi #bloc-large .espace { background:#afaba2; margin:20px 0 16px 25px; padding:30px;}
.vi #bloc-large.left .espace { margin:20px 25px 16px 0;}
.vi #bloc-large .espace h2 { margin-bottom:0;}
.vi #bloc-large .espace .view { float:left; width:auto; background:url(../images/sepa_espace.gif) right top repeat-y; padding:20px 10px 20px 0; margin-right:18px;}
.vi #bloc-large .espace .last { background:none; margin-right:0; padding-right:0;}
.vi #bloc-large .espace .view li { float:none; max-width:200px; margin-bottom:5px;}
.vi #bloc-large .espace .last li { max-width:170px;}

.vi #bloc-large .espace .view li.top { margin-bottom:8px;}
.vi #bloc-large .espace .view li.top a { display:inline; border:0; padding:0 24px 0 0; margin:0; font-weight:bold;}

/* contenu simple */
.vi #bloc-large .txt { color:#6f6f6f; padding:0 60px 34px 0; width:651px;}
.vi #bloc-large .txt h3, .vi #bloc-large .result h2 { float:none;}
.vi #bloc-large .txt p { margin-bottom:10px; line-height:17px;}
.vi #bloc-large .txt img { float:left; margin:0 24px 24px 0;}
.vi #bloc-large .txt a { color:#5b5b5b; font-weight:bold; margin-bottom:2px;}
.vi #bloc-large .txt a.link span { background:url(../images/fl_link.gif) 2px 3px no-repeat; padding-left:17px;}
.vi #bloc-large .txt a.load span { background:url(../images/fl_load.gif) left 5px no-repeat; padding-left:17px;}
.vi #bloc-large .txt a.view span { background:url(../images/ico_view.gif) left 2px no-repeat; padding-left:17px;}

/* résultats recherche */
.vi #bloc-large .num-result { width:686px; font-size:14px; font-weight:bold; color:#006eab; padding:25px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.vi #bloc-large .result { border-bottom:1px solid #dcdcdc; padding:25px 0 7px 0; background:#fff;}
.vi #bloc-large .result h3, .vi #bloc-large #accord h3 { font-size:13px; text-transform:none; color:#989898; margin-bottom:2px;}
.vi #bloc-large .result h3 a { color:#989898; font-size:13px;}
.vi #bloc-large .result p { margin-bottom:23px; line-height:17px; padding-right:30px;}
.vi #bloc-large .nav { padding:14px 0; margin-bottom:25px; border-bottom:1px solid #dcdcdc;}

.vi p.no-res { font-weight:bold; text-transform:uppercase;}
.vi .item-list .pager li { padding:0;}

/* mise en oeuvre */
.vi #bloc-large a.return { float:right; margin:11px 0 14px 0;}
.vi #bloc-large.left .visuel { padding:0 20px 10px 0;}
.vi #bloc-large.left .meo h3 { margin-bottom:40px;}
.vi #bloc-large .visuel img.special { border:none; margin-bottom:38px;}
.vi #bloc-large .meo .dim { font-size:23px; color:#000; margin-bottom:15px;}
.vi #bloc-large .meo .dim img { border:none; position:relative; top:4px; margin-right:10px;}
.vi #bloc-small .info { padding:25px; margin-top:4px;}
.vi #bloc-small .info .titre_mea { color:#fff; margin-bottom:18px; font-size:14px; font-weight:bold; text-transform:uppercase;}
.vi #bloc-small .info ul li, .vi #bloc-small .info ul li a { color:#fff;}

.vi #bloc-small .info .item-list ul, .vi #bloc-small .info .item-list ul li { margin:0;}

/* contact */
.vi #bloc-large.form .intro { padding:35px 0 30px 0; width:686px;}
.vi #bloc-large.form form, .vi #webform-client-form-196 #bloc-large { margin-bottom:16px; padding-right:25px; width:686px;}
.vi #bloc-large.form ul { float:left; width:314px;}
.vi #bloc-large ul.part-01, .vi #bloc-large ul li.part-01 { padding-right:58px;}
.vi #bloc-large.form ul li { float:left; margin-bottom:14px;}
.vi #bloc-large.form label, .vi #bloc-large.form .cbox span { float:left; width:90px; padding:7px 5px 0 0; word-wrap:break-word;}
.vi #bloc-large.form input { background:url(../images/bg_input_contact.gif) left top no-repeat; border:0; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#848484; padding:6px 7px; width:203px;}
.vi #bloc-large.form input.error { background:url(../images/bg_input_contact_error.gif) left top no-repeat;}
.vi #bloc-large.form .select, .vi #bloc-large .filtre .select { float:left; position:absolute; background:url(../images/bg_select_contact.gif) left top no-repeat; padding:6px 7px; height:15px; width:203px;}
.vi #bloc-large.form select, .vi #bloc-large .filtre select { height:27px; width:217px; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#848484;}
.vi #bloc-large.form .part-02 textarea { background:url(../images/bg_textarea_contact.gif) left top no-repeat; border:0; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#848484; height:116px; width:203px; padding:6px 7px; margin:0; overflow:auto; resize:none;}
.vi #bloc-large.form .multi label { padding:0 5px 0 0;}
.vi #bloc-large.form .cbox ul { float:left; width:219px; padding-top:7px;}
.vi #bloc-large.form .cbox ul li { width:100%;}
.vi #bloc-large.form .cbox label { width:auto; padding:3px 0 0 14px;} 
.vi #bloc-large.form .cbox .checkboxstyled { float:left; background:url(../images/checkboxes.gif) left top no-repeat; width:14px; height:16px;}
.vi #bloc-large.form .cbox input { float:left; width:14px; margin:0 0 0 -14px;}
.vi #bloc-large.form .cboxNews{ margin-left:95px;}
.vi #bloc-large.form .cboxNews .checkboxstyled { float:left; background:url(../images/checkboxes.gif) left top no-repeat; width:14px; height:16px;}
.vi #bloc-large.form .cboxNews label{ width:186px; padding:3px 0 0 14px;}
.vi #bloc-large.form .btn, .vi #bloc-large .filtre .btn { height:25px; background:url(../images/btn_d_xl.png) right top no-repeat; margin:0 6px 0 0;}
.vi #bloc-large.form .btn input { float:left; height:25px; width:auto; overflow:visible; background:url(../images/btn_g_xl.png) left top no-repeat; text-align:center; color:#FFF; font-size:14px; font-weight:bold; border:0; cursor:pointer; margin-right:13px; padding:4px 0 7px 13px;}
.vi #bloc-large.form .nb { color:#ff0000; float:right; margin-right:6px; clear:both; padding-top:7px;}

/* confirmation contact */
.vi #bloc-large.form a.return { float:right; margin:12px 25px 16px 0;}

/* envoi à un ami */
.vi #print-mail-form fieldset { width:690px;}
.vi #print-mail-form  label { width:87px;}
.vi .resizable-textarea .grippie { display:none;}
.vi #bloc-large.form textarea { background:url(../images/bg_textarea_msg.gif) left top no-repeat; height:116px; width:581px; margin-bottom:15px; border:none; color:#848484; font-family:Arial,Helvetica,sans-serif; font-size:11px; overflow:auto; padding:6px 7px; -moz-box-sizing:content-box; resize:none;}

/* mdp */
.vi #bloc-large.form ul.mdp { width:100%;}
.vi #bloc-large.form ul.mdp li { float:left; width:308px;}
.vi #bloc-large.form label.oubli { width:140px;}
.vi #bloc-large.form input.oubli { float:left;}

/* Cablofil infos */
.vi #bloc-large.info { width:100%;}
.vi #bloc-large .filtre { float:left; width:100%; padding:25px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.vi #bloc-large .filtre .form { float:left; width:711px;}
.vi #bloc-large .filtre .select { margin:0 25px 0 12px;}
.vi #bloc-large .filtre select { margin:0 25px 0 12px;}
.vi #bloc-large .filtre .right { margin:5px 0 0 0;}
.vi #bloc-large .filtre .btn a { float:left; height:15px; width:auto; background:url(../images/btn_g_xl.png) left top no-repeat; text-align:center; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:bold; padding:5px 0 5px 13px; margin-right:13px;}
.vi #bloc-large .filtre .btn a span { background:url(../images/ico_rss.png) left 1px no-repeat; padding-left:16px;}
.vi #bloc-large.info .liste { width:100%; padding:25px 0 29px 0;}
.vi #bloc-large.info img { float:left; margin:5px 20px 0 0;}
.vi #bloc-large.info h2 { margin-bottom:5px;}
.vi #bloc-large.info .date { font-size:11px; color:#6f6f6f; text-transform:none; margin-bottom:0;}
.vi #bloc-large.info p { margin:20px 0 5px 0; padding-right:60px;}
.vi #bloc-large.info a img { float:none; margin:0;}
.vi #bloc-large.info .nav { width:100%;}

/* téléchargements */
	/* accordion*/
	.vi #bloc-large .ui-helper-reset { line-height:17px}
	.vi #bloc-large .ui-accordion .ui-accordion-header { float:none; padding-bottom:7px; margin:0 0 8px 0; font-weight:bold;}
	.vi #bloc-large .ui-state-default, .vi #bloc-large .ui-widget-content .ui-state-default, .vi #bloc-large .ui-widget-header .ui-state-default { border:0; border-bottom:1px solid #DCDCDC;}
	.vi #bloc-large .ui-state-hover, .vi #bloc-large .ui-widget-content .ui-state-hover, .vi #bloc-large .ui-widget-header .ui-state-hover, .vi #bloc-large .ui-state-focus, .vi #bloc-large .ui-widget-content .ui-state-focus, .vi #bloc-large .ui-widget-header .ui-state-focus { border-bottom:1px solid #DCDCDC;}
	.vi #bloc-large .ui-state-active, .vi #bloc-large .ui-widget-content .ui-state-active, .vi #bloc-large .ui-widget-header .ui-state-active { border:0;}
	.vi #bloc-large .ui-accordion .ui-accordion-content { padding:0; border:0; margin:0 0 7px 0;}
	.vi #bloc-large .ui-accordion .ui-accordion-header .ui-icon { right:2px; left:auto; margin-top:-6px;}
	.vi #bloc-large .ui-state-default, .vi #bloc-large .ui-widget-content .ui-state-default, .vi #bloc-large .ui-widget-header .ui-state-default { background:none;}
	.vi #bloc-large .ui-state-default .ui-icon { background:url(../images/fl_accordion_off.gif) left top no-repeat;}
	.vi #bloc-large .ui-state-active .ui-icon { background:url(../images/fl_accordion_on.gif) left top no-repeat;}
	.vi #bloc-large #accord .bloc-liste { margin-bottom:10px;}
	.vi #bloc-large #accord .txt a.link, .vi #bloc-large #accord .txt a.load, .vi #bloc-large #accord .txt a.view { display:block;}

/* footer */
#footer.vi { width:958px; height:35px; padding:19px 0 0 3px; margin:0 auto;}
#footer.vi, #footer.vi a { color: #49494b;}
#footer.vi .right { padding-top:5px; margin-top:-5px;}
#footer.vi .right .marque_logo { margin-left:20px; margin-top:-5px; float:left;}
#footer.vi .right span { float:left;}
#footer.vi ul.left li { float:left; padding-right:22px;}