/*///////////////////////////////////////////////////////////////////////////////*/
/*Main*/

html { background: #c6c6c6 url("images/body-bg.png") repeat-x center top; }

#logo { width: 329px; margin: 120px 0px 100px 60px; overflow: hidden; }
.front #logo {
	position: absolute;
	background: url("images/bg-logo.png") no-repeat center center;
	padding: 61px 0px 121px 0px;
	border-radius: 300px;
	z-index: 10;
	margin: 110px 0px 0px 60px;
	box-shadow: 10px 10px 40px rgba(0,0,0,.2);
}

/*///////////////////////////////////////////////////////////////////////////////*/
/*Menu*/

#block-menu-menu-menu-principal-vb { width: 100%; position: absolute; z-index: 80; top:0; }

#block-menu-menu-menu-principal-vb > .menu { background: rgba(0,0,0,.55); padding: 0; height: 90px; text-align: center; position: relative; }

#block-menu-menu-menu-principal-vb a { text-decoration: none; border-radius: 0; font-size: 13px; }

/*Niveau 1*/
#block-menu-menu-menu-principal-vb .menu li.menu-depth-1 { list-style: none; position: relative; margin: 10px 0; padding: 0; display: inline-block; *display: inline; zoom: 1; }

#block-menu-menu-menu-principal-vb .menu-depth-1 > a { background: none !important; color: #fff; line-height: 50px; height: 70px; padding: 10px 20px; position: relative; display: inline-block; *display: inline; zoom: 1; }

#block-menu-menu-menu-principal-vb .menu-depth-1 > a:after { content: ""; background: #fff; display: block; width: 2px; height: 14px; position: absolute; left: 0; margin-left: -1px; top: 50%; margin-top: -7px; }
#block-menu-menu-menu-principal-vb .menu-depth-1:first-child > a:after { display: none; }

#block-menu-menu-menu-principal-vb .menu-depth-1:hover > a { background: #fff !important; border-radius: 4px; color: #333; box-shadow: inset 0px -20px 100px -30px rgba(0,0,0,.4); }
#block-menu-menu-menu-principal-vb .menu-depth-1.expanded > a:hover { background: #fff; border-radius: 4px 4px 0 0; color: #333; }
#block-menu-menu-menu-principal-vb .menu-depth-1 > a.active-trail { box-shadow: 0 10px 0 #6e6e6e,0 16px 0 #2f287f; }

#block-menu-menu-menu-principal-vb .menu-depth-1 > a:hover { box-shadow: inset 0px -20px 100px -30px rgba(0,0,0,.4); }

/*Niveau 2*/
#block-menu-menu-menu-principal-vb .menu li.menu-depth-1 > ul { display: none; }
#block-menu-menu-menu-principal-vb .menu li.menu-depth-1:hover > ul {
	position: absolute;
	display: block;
	z-index: 90;
	left: 0; top: 66px;
	text-align: center;
	background: #fff;
	width: 230px;
	height: auto;
	border-radius: 0 4px 4px 4px;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,.4);
}

#block-menu-menu-menu-principal-vb li.menu-depth-2 { text-align: left; margin: 0; position: relative; }
#block-menu-menu-menu-principal-vb li.menu-depth-2 > ul { display: none; }
#block-menu-menu-menu-principal-vb li.menu-depth-2:hover > ul { display: block; }

#block-menu-menu-menu-principal-vb li.menu-depth-2.first > a { border-radius: 0 4px 0 0; }
#block-menu-menu-menu-principal-vb li.menu-depth-2.last > a { border-radius: 0 0 4px 4px; }
#block-menu-menu-menu-principal-vb li.menu-depth-2.expanded > a { border-radius: 0; }
#block-menu-menu-menu-principal-vb li.menu-depth-2.last.expanded > a { border-radius: 0 0 0 4px; }
#block-menu-menu-menu-principal-vb li.menu-depth-2 > a {
	background: 0;
	line-height: 100%;
	color: #666;
	font-size: 13px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
#block-menu-menu-menu-principal-vb li.menu-depth-2.last > a { border: 0; }

#block-menu-menu-menu-principal-vb li.menu-depth-2 > a:hover { background: #eee; border-left: 3px solid #2f287f; box-shadow: inset 0px -10px 30px 0px rgba(0,0,0,.1); }
#block-menu-menu-menu-principal-vb li.menu-depth-2.expanded > a { background: url("images/menu-depth-2.png") no-repeat right center; }
#block-menu-menu-menu-principal-vb li.menu-depth-2.expanded:hover > a { background: #eee url("images/menu-depth-2.png") no-repeat right center; }

/*Niveau 3*/
#block-menu-menu-menu-principal-vb li.menu-depth-2 > ul { display: none; }
#block-menu-menu-menu-principal-vb li.menu-depth-2:hover > ul {
	position: absolute;
	display: block;
	left: 230px; top: 0;
	background: #eee;
	width: 200px;
	border-radius: 0 4px 4px 4px;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,.4);
}
#block-menu-menu-menu-principal-vb li.menu-depth-3 > a { color: #666; font-size: 13px; background: 0; width: 100%; border-bottom: 1px solid #fff; padding: 10px; }
#block-menu-menu-menu-principal-vb li.menu-depth-3.last > a { border: 0; }
#block-menu-menu-menu-principal-vb li.menu-depth-3 > a:hover { border-left: 3px solid #2f287f; }


/*///////////////////////////////////////////////////////////////////////////////*/
/*Front*/

.front #content { background: url("images/bg-window.png") no-repeat left bottom; }

.front #content .pane-node-body { width: 25%; float: left; padding: 56px 30px 56px 4%; }

.front #content .pane-node-links { display: none; }

/*News*/
.front .pane-actualites {
	width: 75%;
	position: absolute;
	z-index: 50;
	right: -2%;
}

.front .pane-actualites .view-actualites .views-row {
	width: 29%;
	margin: 0;
	margin-right: 2%;
	margin-top: -40px;
	float: left;
	position: relative;
	min-height: 491px;
}

.front .pane-actualites .view-actualites .views-row:not(#foo):after {
	content: "";
	border-style: solid;
	border-width: 40px 0 0 12px;
	border-color: transparent transparent transparent rgba(153,153,153,.8);
	position: absolute;
	top: 0;
	right: -12px;
}

.front .pane-actualites .view-actualites .views-row .views-field-view-node a,
.front .pane-actualites .view-actualites .views-row .views-field-body p {
	font-size: 12px;
}

/*///////////////////////////////////////////////////////////////////////////////*/
/*Pre-Footer*/

.region-tertiary-content > div { padding: 20px; }

.region-tertiary-content #block-block-2 { width: 75%; float: left; }

.region-tertiary-content #block-webform-client-block-37 { width: 21%; float: left; }

.region-tertiary-content .releverCompteur,
.region-tertiary-content .telemaintenance { float: left; width: 44%; }

.region-tertiary-content .releverCompteur a,
.region-tertiary-content .telemaintenance a { margin: 10px 20px; }

#block-webform-client-block-37 .form-item input,
#block-webform-client-block-37 .form-actions input { padding: 5px; line-height: 18px; }

#block-webform-client-block-37 .form-actions input { width: auto;}

/*///////////////////////////////////////////////////////////////////////////////*/
/*Footer*/

footer#footer {
	padding: 20px 0 40px 0;
}

footer #block-menu-menu-menu-pied-de-page-vb {
	width: 50%;
	float: left;
	padding: 20px;
}

footer #block-block-4 {
	width: 20%;
	float: left;
	border-left: 1px solid #999;
	min-height: 140px;
	padding: 0 0 20px 20px;
}

footer #block-block-4 .facebook, footer #block-block-4 .googlePlus {
	float: right;
}

footer #block-block-6 {
	width: 25%;
	float: left;
}

footer #block-menu-menu-menu-pied-de-page-vb ul li {
	display: inline-block; *display: inline; zoom: 1;
	position: relative;
}

footer #block-menu-menu-menu-pied-de-page-vb ul li a {
	background: none;
	border-radius: none;
	display: inline-block; *display: inline; zoom: 1;
	font-size: 14px;
}

footer #block-menu-menu-menu-pied-de-page-vb ul li > a:after {
	content: "";
	background: #999;
	display: block;
	width: 1px; height: 14px;
	position: absolute;
	left: 0;
	top: 50%; margin-top: -7px;
}

footer #block-menu-menu-menu-pied-de-page-vb ul li:first-child > a:after { display: none; }

/*///////////////////////////////////////////////////////////////////////////////*/
/*BG des pages*/

.page-node-39 #page { background: #f7f7f7 url("images/bg-qui-sommes-nous.jpg") no-repeat 440px 90px; }
.page-node-44 #page,
.page-node-45 #page,
.page-node-27 #page { background: #f7f7f7 url("images/produits-vb.jpg") no-repeat 440px 90px; }
.page-node-28 #page { background: #f7f7f7 url("images/bg-solutions.jpg") no-repeat 440px 90px; }
.page-node-42 #page { background: #f7f7f7 url("images/bg-services.jpg") no-repeat 440px 90px; }
.page-node-43 #page { background: #f7f7f7 url("images/support-technique-vb.jpg") no-repeat 440px 90px; }
.page-node-53 #page,
.page-node-54 #page,
.page-node-55 #page,
.page-node-408 #page,
.node-type-actualites #page,
.page-node-35 #page { background: #f7f7f7 url("images/bg-actualites-small.jpg") no-repeat right 90px; }

.elementParent-1762 #page { background: #f7f7f7 url("images/bg-qui-sommes-nous-small.jpg") no-repeat right 90px; }
.elementParent-1749 #page { background: #f7f7f7 url("images/small-produits-vb.jpg") no-repeat right 90px; }
.elementParent-1750 #page { background: #f7f7f7 url("images/small-produits-vb.jpg") no-repeat right 90px; }
.elementParent-1768 #page { background: #f7f7f7 url("images/small-produits-vb.jpg") no-repeat right 90px; }
.elementParent-1751 #page { background: #f7f7f7 url("images/bg-solutions-small.jpg") no-repeat right 90px; }
.elementParent-1752 #page { background: #f7f7f7 url("images/bg-solutions-small.jpg") no-repeat right 90px; }
.elementParent-17 #page { background: #f7f7f7 url("images/bg-services-small.jpg") no-repeat right 90px; }
.elementParent-1765 #page { background: #f7f7f7 url("images/bg-services-small.jpg") no-repeat right 90px; }
.elementParent-1766 #page { background: #f7f7f7 url("images/service-technique-vb-small.jpg") no-repeat right 90px; }

/*///////////////////////////////////////////////////////////////////////////////*/
/*Colonnes*/

.front #content { width: 100%; }
.pagePremierNivo.not-front #content { width: 61%; }
.pagePremierNivo #content .region-two-33-66-first { width: 30%; }
.pagePremierNivo #content .region-two-33-66-second { width: 70%; }

.page-node-53 #content,
.page-node-54 #content,
.page-node-55 #content,
.page-node-408 #content,
.node-type-actualites #content,
.pagePremierNivo.page-node-35 #content { width: 100% !important; }

/*Meilleure gestion des colonnes : hauteur auto*/
div.two-33-66:not(#foo) { display: table; }
div.two-33-66 { width: 100%; }
#content .region-two-33-66-first:not(#foo), #content .region-two-33-66-second:not(#foo) { display: table-cell; vertical-align: top; float: none; }

.pagePremierNivo.page-node-53 #content .region-two-33-66-first,
.pagePremierNivo.page-node-54 #content .region-two-33-66-first,
.pagePremierNivo.page-node-55 #content .region-two-33-66-first,
.pagePremierNivo.page-node-408 #content .region-two-33-66-first,
.pagePremierNivo.node-type-actualites #content .region-two-33-66-first,
#content .region-two-33-66-first { width: 20%; }

#content .region-two-33-66-first:not(#foo) { width: 250px; }

.pagePremierNivo.page-node-53 #content .region-two-33-66-second,
.pagePremierNivo.page-node-54 #content .region-two-33-66-second,
.pagePremierNivo.page-node-55 #content .region-two-33-66-second,
.pagePremierNivo.page-node-408 #content .region-two-33-66-second,
.pagePremierNivo.node-type-actualites #content .region-two-33-66-second,
#content .region-two-33-66-second { width: 80%; }

#content .region-two-33-66-second:not(#foo) { 
	width: auto;
	max-width: 890px;
}

#content .region-two-33-66-first { background: #62b6e7 url("images/bg-window.png") no-repeat left bottom; }
#content .region-two-33-66-first .menu li a { background: 0; margin: 0; position: relative; font-size: 16px; }
#content .region-two-33-66-first .menu li a:hover { background: #4d8fb6; box-shadow: 4px 0 0 #4d8fb6; color: #fff !important; }
#content .region-two-33-66-first .menu li a.active { background: #2f287f !important; box-shadow: 4px 0 0 #2f287f !important; color: #fff !important; }
#content .region-two-33-66-first .menu li a.active:not(#foo):after {
	content: "";
	position: absolute;
	display: block;
	right: -4px; bottom: -4px;
	border-style: solid;
	border-width: 4px 4px 0 0;
	border-color: #181441 transparent transparent transparent;
}
#content .region-two-33-66-first .menu li a:not(#foo):hover:after {
	content: "";
	position: absolute;
	display: block;
	right: -4px; bottom: -4px;
	border-style: solid;
	border-width: 4px 4px 0 0;
	border-color: #4d8fb6 transparent transparent transparent;
}

#content .region-two-33-66-first .menu li.menu-depth-2 > ul { margin: 0 0 15px 0; }
#content .region-two-33-66-first .menu li.menu-depth-3 > a {
	margin-left: 20px;
	margin-top: 2px;
	border-bottom: 1px solid #4d8fb6;
	color: #2f287f;
	font-size: 12px;
	padding: 4px;
	background: 0;
}

#content .region-two-33-66-second { padding: 0; }
#content .region-two-33-66-second > div { background: #fff; padding: 30px; margin: 20px }

#content .region-two-33-66-second nav { margin: 0 0 0 -30px; position: absolute; top: 0; font-size: 11px; }

.region.region-two-33-66-top.region-conditional-stack { /*display: none;*/ }
.region-two-33-66-top {
    position: absolute;
}

#main-content-header,
.rondParent { position: absolute; top: -260px; left: 450px; }
#main-content-header h1,
.titleFirstLevel {
	background: url("images/bg-title.png") no-repeat center center;
    -moz-border-radius: 190px;
    -webkit-border-radius: 190px;
	border-radius: 190px;
	width: 260px;
	padding: 70px 60px;
	height: 260px;
	font-size: 35px;
	-moz-box-shadow: 10px 10px 40px rgba(0,0,0,.2);
	-webkitbox-shadow: 10px 10px 40px rgba(0,0,0,.2);
	box-shadow: 10px 10px 40px rgba(0,0,0,.2);
	display: table-cell;
	vertical-align: middle;
}
.nousContacter {
	position: absolute;
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
	border-radius: 55px;
	font-size: 17px;
	top: 170px;
	left: 170px;
	width: 86px;
	height: 86px;
	padding: 24px 0;
	background: url("images/bg-contact.png") no-repeat center center;
}

/*///////////////////////////////////////////////////////////////////////////////*/
/*Page produit*/

.pane-node-field-image-produit { width: 40%; float: left; }

.pane-pictogrammes,
.pane-solutions-li-es,
.pane-node-field-marque-taxo,
.pane-node-field-type,
.pane-node-field-format,
.pane-node-field-type-d-applicatifs,
.pane-node-field-vitesse { width: 57%; float: right; }

.node-type-photocopieur-multifonction .pane-node-body,
.node-type-imprimante .pane-node-body,
.node-type-scanner .pane-node-body,
.node-type-fax .pane-node-body,
.node-type-imprimante-grand-format .pane-node-body,
.node-type-imprimante-professionnelle .pane-node-body { width: 57%; float: right; }

ul.quicktabs-tabs li { margin-right: 2px !important; display: inline-block; *display: inline; zoom: 1; border: 0; }
.quicktabs-tabs li a { width: auto; }

.quicktabs_main > div:first-child + div .views-field { clear: both; overflow: auto; }
.quicktabs_main > div:first-child + div .views-field .views-label { width: 40%; float: left; }
.quicktabs_main > div:first-child + div .views-field .field-content { width: 60%; float: right; }
.quicktabs_main > div:first-child + div .views-field .field-content,
.quicktabs_main > div:first-child + div .views-field .field-content p { padding: 0 !important; }

/*///////////////////////////////////////////////////////////////////////////////*/
/*Web form*/

.form-item, .form-actions {  }

.columns #webform-client-form-194--2 .fieldset-wrapper > fieldset .webform-component-markup { width: 4%; float: left; color: #2f287f; }
.columns #webform-client-form-194--2 .fieldset-wrapper > fieldset .webform-component-textfield { width: 48%; }

.columns #webform-client-form-297--2 .fieldset-wrapper > fieldset .webform-component-markup { width: 4%; float: left; color: #2f287f; }
.columns #webform-client-form-297--2 .fieldset-wrapper > fieldset .webform-component-textfield { width: 48%; }

.columns .webform-component-textfield { width: 50%; float: left; }
.columns .webform-component-textfield label { width: 58%; }
.columns .webform-component-textfield input { width: 40%; }

.columns .webform-component-fieldset { padding: 20px; }

.carto_droite {
float:right;
width:370px;
}

/* Les cercles */
.fond-cercles {
	width:790px;
	position:relative;
	height:790px;
}
.fond-cercles .cercles {
	width:790px;
	height:790px;
	margin:0 auto;
	text-align:center;
	position: absolute;
}
.fond-cercles .cercles .contenu {
	position: absolute;
	width:390px !important;
	height:340px;
	top:250px;
	left:200px;
}
.fond-cercles .cercles img {
	position: absolute;
	width:790px !important;
	max-width:790px !important;
	height:790px !important;
	top:0;
	left:0;
}
.fond-cercles .cercles img.microsoft {
	max-width: 100% !important;
	height: auto !important;
	position: static !important;
}
.cercles.cercle-1,
.cercles.cercle-1 .contenu,
.cercles.cercle-1 img {
	z-index:18;
}
.cercles.cercle-2,
.cercles.cercle-2 .contenu,
.cercles.cercle-2 img {
	z-index:16;
}
.cercles.cercle-3,
.cercles.cercle-3 .contenu,
.cercles.cercle-3 img {
	z-index:14;
}
.cercles.cercle-4,
.cercles.cercle-4 .contenu,
.cercles.cercle-4 img {
	z-index:12;
}
.cercles.cercle-5,
.cercles.cercle-5 .contenu,
.cercles.cercle-5 img {
	z-index:10;
}
#roue {
	width:790px !important;
	height:790px !important;
	position: absolute;
	top:0;
	left:0;
	z-index:20;
	display: block;
}