/*
Theme Name:		VygonCom
Theme URI:		http://www.itnetwork.fr
Description:	Thème responsive conçu pour les sites public de Vygon SA.
Author:			ITNetwork
Author URI:		http://www.itnetwork.fr
Version:		2.4
	Liste des tags disponibles: http://wordpress.org/extend/themes/about/
	Tags:			white one-column two-columns fixed-width
*/
/*
	T.O.C.
	----------------------------------
	IMPORTS
	LAYOUT
	ROLLOVERS
	CAROUSEL
	SLIDER HOME
	CUSTOM, GLOBAL STYLES (and WP + Bootstrap overriddes)
	HEADER
	CHEMIN FER
	ACCUEIL
	CATALOGUE
	CATALOGUE moteur de recherche
	PRODUITS SAW
	PRODUITS
	SKINS (PRODUITS)
	CARTES DYNAMIQUES
	FOOTER
	SIDEBAR
	BARRE DE LANGUE WPML
	FORMULAIRES PERSONNALISATION
	PAGES CONTACT
	PAGES RESULTAT RECHERCHE
	PAGE CARRIERE
	PAGES TRAINING
	TRAINING V2
	RESPONSIVE
	NAVBAR 13.05
	RESPONSIVE NAVBAR 13.05
	RESPONSIVE HEADER 13.05
	RESPONSIVE HOME 13.05
	RESPONSIVE HOME TEMPLATE 13.05
	RESPONSIVE PAGE PRODUITS 13.05
	RESPONSIVE PAGE CONTACT 13.05
	TABS PAGE CONTACT POUR LES TABLETTES (ET +)
	RESPONSIVE FOOTER 13.05
	TABLESAW CUSTOM STYLES
	RESPONSIVE VIDEO 13.05
	FOURMLAIRE CONTACT
	TABLETTE ET MOBILE
	NEWS - IMG PAS TROP GRANDES
	UITOTOP
*/


/*	=========================================================================
	IMPORTS
	========================================================================= */
/* POUR TABLEAU PRODUITS*/
@import url("./lib/filament-dialog/dialog.css");
@import url("./lib/tablesaw/dist/tablesaw.css");
/*@import url("./lib/tablesaw/demo/demo.css");*/
/* POUR TABLEAU PRODUITS*/
/*
  bootstrap.min.css a été dupliqué puis renommé en bootstrap-original.min.css
  bootstrap.min.css a été modifié pour retirer img {width:auto\9} (fix bug IE)
*/
@import url("./lib/bootstrap/css/bootstrap.min.css");
@import url("./lib/bootstrap/css/bootstrap-responsive.min.css");
@import url("./lib/fancybox/jquery.fancybox-1.3.4.css");
/*	=========================================================================
	LAYOUT
	========================================================================= */
body {
	background: #F3F3F3;
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	font-size: 13px;
	width: 100%;
	color: #333;
}
@media(min-width: 981px) {
	body {
		font-size: 14px;
		line-height: 1.4em;
	}
}
#all {
	background: #FFF;
	padding: 0 0 2em;
}
#wrap {
	/*max-width: 1000px;*/
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
}
#wrapper {
	z-index: 1;
	margin: 0 auto 1.5em 0;
	max-width: 1000px;
	clear: both;
}
#footer {
	background: #f3f3f3 url(./medias/img/footer-fond.gif) repeat-x;
	color: #888;
	line-height: 36px;
}
#footer > div {
	max-width: 1000px;
	min-height: 32px;
	margin: 0 auto;
	padding: 3em 0;
}
/*	=========================================================================
	ROLLOVERS (Génériques + Main menu + Vygon Worldwide)
	========================================================================= */
/* Génériques - commun à tous les menus rollover */
.menu,
.menu ul {
	padding: 0;
	margin: 0;
}
.menu a {
	display: block;
}
.menu > li {
	display: block;
	float: left;
	margin-right: 30px;
}
.menu > li > ul > li {
	float: none;
}
.menu > li > ul {
	display: none;
	position: absolute;
	z-index: 9;
	background: #fff;
}
.menu > li:hover > ul {
	display: block;
}
.menu > li > ul {
	border-radius: 4px;
	border: solid 1px #eee;
	box-shadow: #999 0px 1px 3px;
	padding: 0.35em 1em;
	min-width: 8em;
	list-style-type: none;
}
.menu .reg-sub-menu ul a { /* class="reg-sub-menu" doit être spécifié pour les LI qui contiennent des UL (sous-menus) */
	color: #666;
	display: block;
	font-size: 14px;
	padding: 2px 0;
	text-decoration: none;
	white-space: nowrap;
}
.menu .reg-sub-menu ul a:hover {
	color: #00AB67;
}
.rich-menu-col9 {
	float: left;
	width: 110px;
	padding: 10px 0;
	text-align: center;
	height: 200px;
}
.rich-menu-col9 a:hover {
	text-decoration: none;
}
.rich-menu-imageLeft img {
	margin-bottom: .5em;
}
/* Vygon Worldwide */
.monde .dropdown .dropdown-toggle {
	background: url("./medias/img/sprites-24.png") no-repeat;
	color: #666;
	display: inline-block;
	font-size: 12px;
	line-height: 29px;
	overflow: hidden;
	width: 173px;
	text-decoration: none;
}
.monde .vygon-caret-down {
	background: url("./medias/img/sprites-24.png") no-repeat 0 -58px;
	display: block;
	font-style: normal;
	height: 29px;
	margin: 0;
	width: 173px;
}
.monde .vygon-caret-down span {
	display: block;
	line-height: 27px;
	padding: 0 28px 0 1em;
}
.monde .dropdown.open .dropdown-toggle {
	background-position: 0 -29px;
	color: #fff;
	text-decoration: none;
}
.monde b {
	display: block;
	padding: 0;
}
.monde .dropdown-menu {
	min-width: 140px;
	margin-left: 4px;
	margin-top: 0;
	background: #f0f0f0;
	border: 1px solid #eee;
	border-radius: 4px;
	box-shadow: 0 1px 3px #999;
	list-style-type: none;
	padding: 0.35em 1em;
}
.monde .dropdown-menu > li > a {
	display: block;
	border-radius: 3px;
	padding: 0 0 0 10px;
	line-height: 20px;
	color: #00AB67;
	font-size: 12px;
}
.monde .dropdown-menu > li > a:hover {
	background: #00AB67;
	color: #fff;
}
.monde .dropdown-menu > li.corpo > a {
	margin-bottom: 5px;
	margin-left: -5px;
	padding: 0 0 0 5px;
}
/*	=========================================================================
	CAROUSEL
	========================================================================= */
.carousel-indicators {
	top: 84%;
	left: 50%;
	list-style: none outside none;
	margin-left: -5%;
	padding-left: 0;
	position: absolute;
	text-align: center;
	width: auto;
	z-index: 2;
}
.carousel-indicators > li {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	cursor: pointer;
	list-style: none outside none;
	margin: 0;
	text-align: center;
	text-indent: -9999px;
	background-color: transparent;
	border-radius: none;
	padding: 10px 8px ;
}
.carousel-indicators .active {
	background-color: transparent;
}
.carousel-indicators > li > span{
	background: url("./lib/slider/slider-off.png") no-repeat scroll 0 0;
	display: block;
	height: 14px;
	width: 14px;
}
.carousel-indicators > li.active > span, .carousel-indicators > li:hover > span  {
	background: url("./lib/slider/slider-on.png") no-repeat scroll 0 0;
	height: 14px;
	width: 14px;
}
.carousel-control{
	display: none;
}
.carousel-caption {
	background: none repeat scroll 0 0 transparent;
	color: #999999;
	display: block;
	font-size: 18px;
	font-weight: bold;
	left: 55%;
	max-height: 210px;
	padding: 0;
	position: absolute;
	right: auto;
	top: 45px;
	width: 40%;
}
.carousel-caption .caption {
	color: #999;
	display: block;
	font-size: 18px;
	font-weight: bold;
	min-height: 100%;
	width:100%
}
.btn-vyg-slider {
	background: url("./medias/img/sprites-24.png") no-repeat scroll -470px 0 rgba(0, 0, 0, 0);
	color: #666666;
	display: inline-block;
	font-size: 13px;
	height: 29px;
	padding-left: 8px;
	text-decoration: none;
}
.btn-vyg-slider span {
	display: inline-block;
	height: 29px;
	line-height: 25px;
	background: url(./medias/img/sprites-24.png) no-repeat 100% -29px;
	padding: 0 12px 0 4px;
	cursor: pointer;
}
.btn-vyg-slider:hover {
	background-position: -992px 0;
	text-decoration: none;
}
.btn-vyg-slider:hover span{
	background-position: 100% -58px;
	color: #fff;
}
/* fix txt blanc sur fond blanc... */
.carousel-caption h4,
.carousel-caption p {
	color: inherit;
	line-height: inherit;
}
/*	=========================================================================
	SLIDER HOME
	========================================================================= */
.slider {
	height: 274px;
	margin: 10px auto 0 auto;
	position: relative;
	width: 1000px;
	max-width: 100%;
	z-index: 5;
	display: block;
}
.pix_diapo {
	background: #FFF;
	height: 264px;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	width: 1000px;
}
.pix_diapo > div {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#pix_prev,
#pix_next {
	display: none;
}
#pix_commands {
	cursor: pointer;
	display: block;
	height: 26px;
	margin: 0 0 0 0;
	position: absolute;
	width: 24px;
	top: 40px;
	right: 20px;
}
#pix_play {
	background: url(./lib/slider/play.png) center no-repeat;
	height: 24px;
	right: 0;
	position: absolute;
	top: 0;
	width: 24px;
}
#pix_stop {
	background: url(./lib/slider/pause.png) center no-repeat;
	height: 24px;
	right: 0;
	position: absolute;
	top: 0;
	width: 24px;
}
#pix_pag {
	margin: 0 auto;
	position: relative;
	z-index: 1002;
	display: block;
	top: 200px;
}
#pix_pag_ul {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 20px;
	left: 440px;
}
#pix_pag_ul > li {
	cursor: pointer;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 20px 8px 0;
	text-align: center;
	text-indent: -9999px;
	width: 14px;
}
#pix_pag_ul > li > span {
	background: url(./lib/slider/slider-off.png) no-repeat 0 0;
	display: block;
	height: 14px;
	width: 14px;
}
#pix_pag_ul > li:hover > span > span {
	background: url(./lib/slider/slider-on.png) no-repeat 0 0
}
#pix_pag_ul > li > span > span {
	display: block;
	float: left;
	height: 14px;
	width: 14px;
}
#pix_pag_ul > li.diapocurrent > span > span {
	background: url(./lib/slider/slider-on.png) no-repeat 0 0;
	height: 14px;
	width: 14px;
}
#pix_pag_ul > li > .pix_thumb {
	border: 4px solid #f2f2f2;
	box-shadow: 0 1px 8px #000;
	left: -17px;
	position: absolute;
	top: -40px;
	width: 88px;
	height: 58px;
}
#pix_pag_ul > li > .thumb_arrow {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #e6e6e6;
	top: 26px;
	left: 12px;
	position: absolute;
}
.pix_relativize {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer
}
.elemHover {
	position: absolute
}
.caption {
	color: #999;
	display: block;
	font-size: 18px;
	font-weight: bold;
}
@media(max-width: 768px) {
	.caption {
		font-size: 14px;
	}
}
.ui-loader {
	display: none
}
.decal {
	padding: 20px;
	font-size: 18px;
}
.pix_diapo .caption h4 {
	font-size: 32px;
	margin: 0 0 0 0;
	padding: 0 0 18px 0;
	color: #999;
}
.virgule {
	background: url(./medias/img/slide/virgule-2.png) no-repeat 0 0;
	width: 168px;
	height: 264px;
	right: 0;
	position: absolute;
	top: 0;
}
/* fix iPad portrait */
@media(min-width: 768px) and (max-width: 1023px) {
	.virgule {
		width: 121px;
		height: 190px;
		background-size: cover;
	}
}
p.slider-more {
	bottom: 20px;
	margin: 0;
	position: absolute;
	right: 80px;
	z-index: 3;
}
/* Vyset® */
em.vyset {
	font-style: normal;
	font-family: "ITC Kabel Std Book", "Source Sans Pro", sans-serif;
}
.lt-ie9 em.vyset {
	 filter: progid:DXImageTransform.Microsoft.DropShadow( offx=0, offy=0, color=#ffffff);
}
/*	=========================================================================
	CUSTOM, GLOBAL STYLES (and WP + Bootstrap overriddes)
	========================================================================= */
*,
:focus,
a:focus {
	outline: 0;
	outline-offset: 0;
}
a {
	color: #00AB67;
}
a:hover {
	color: #f60;
	text-decoration: underline;
}
.lt-ie8 .clearfix {
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5em;
	margin: 0 0 1em;
	font-weight: bold;
	font-family: "Source Sans Pro", Verdana, sans-serif;
  clear: both;
}
h1 {
	color: #00AB67;
}
#produit h1,
h2,
h3,
h4,
h5,
h6 {
	color: #808080;
}
h1 {
	font-size: 28px;
	margin: 0 0 1em;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
.modal-header h3 {
	clear: none;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 14px;
}
hr {
	clear: both;
	visibility: hidden;
	border: none;
	height: 0;
	margin: 0;
	padding: 0;
	max-height: 1px;
	overflow: hidden;
}
.hr {
	background: url('./lib/slider/lg.png') no-repeat 50% 0;
	height: 12px;
	overflow: hidden;
	margin: 1em 0;
}
.clear {
	clear: both;
}
h2 {
	border-bottom: solid 1px #eee;
}
body.search h2 {
	border-bottom: none;
	margin-bottom: 0;
}
.hentry h3 {
	color: #333333;
	background: #e3e5e7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e3e5e7), to(#c0c4c9));
	background: -webkit-linear-gradient(#e3e5e7, #c0c4c9);
	background: -moz-linear-gradient(#e3e5e7, #c0c4c9);
	background: -ms-linear-gradient(#e3e5e7, #c0c4c9);
	background: -o-linear-gradient(#e3e5e7, #c0c4c9);
	background: linear-gradient(#e3e5e7, #c0c4c9);
	border-radius: 8px 8px 0 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
}
#article h3 {
	font-weight: normal;
	min-height: 50px;
	margin: 0;
	padding: 8px;
	vertical-align: middle;
}
#pays h3 {
	font-weight: bold;
	margin: 0;
	padding: 4px 8px 8px;
}
ul.slyled,
/* même mise en forme que "ul.styled", mais automatique, pour les listes non-ordonnées "#fichedesc ul" mises en forme dans le back-office, et dont le HTML est délivré "as is" dans les fiches produits */
#fichedesc ul {
	display: block;
	list-style-type: none;
	padding: 0;
	margin-bottom: 1em !important;
	overflow: hidden; /* pour éviter le bug des listes trop à gauche lorsqu'elles sont à droite d'une image avec l'attribut "float" à la valeur "left" */
}
ul.styled li,
#fichedesc ul li {
	list-style-type: none;
	display: block;
	margin: 0 0 0.7em 0;
	padding: 0 0 0 28px;
	background: url(./medias/img/li-neo.png) no-repeat 0 0.25em;
	line-height: 1.5em;
}
.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
.wp-caption {
	text-align: center;
}
.wp-caption-text {
	margin-bottom: 0;
	padding: 0.25em 1em;
	color: #808080;
}
img.alignleft {
	margin-top: 5px;
	margin-left: 5px;
}
img.alignright {
	margin-top: 5px;
	margin-right: 5px;
}
img.aligncenter {
	display: block;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter {
	clear: both;
}
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
}
img.styled {
	border: 5px solid #fff;
	height: auto;
	box-shadow: 0 0 10px 0 #ccc;
}
.lt-ie9 img.styled {
 filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=4, Direction=0),  progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=4, Direction=90),  progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=4, Direction=180),  progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=4, Direction=270);
	zoom: 1;
}
/* Bootstrap overriddes */
input,
button,
select,
textarea {
	font-family: "Source Sans Pro", Verdana, sans-serif;
}
blockquote p {
	font-size: 1.2em;
}
/* Modals */
.modal-header {
	background: #00ab67;
	color: #fff;
}
.modal-backdrop {
	background-color: #333;
}
.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 1; /* non transparent pour que le user ne puisse pas avoir accès au contenu lors de l'usage de la modal "loi bertrand" */
	filter: none;
}
/* modal "My Vygon" */
h3#myModalLabel {
	color: #fff;
}
/* modal "LOI BERTRAND" */
#myModalLabel2 {
	color: #fff;
}
#loi-bertrand-ui .modal-footer {
	text-align: center;
}

ul,
ol {
	margin: 0 0 1em 25px;
	padding: 0;
}
/* fix pour que les UL se positionnent correctement à droite d'une img lorsque celle ci est en float left */
.hentry-content ul {
	list-style: outside disc;
	margin-left: 1em;
	overflow: hidden;
}
.hentry-content ul li {
	position: relative;
	left: 1em;
	padding-right: 1em;
}
/* ... sauf pour les fiches produits */
.hentry-content #produit ul {
	overflow: visible;
}
.hentry-content #produit .tab-content ul {
	overflow-x: hidden; /* (sauf dans les onglets "infos") */
}
/* ... et les pages training */
.single-training .hentry-content ul {
	list-style: inside none;
	overflow: visible;
	margin-left: 0;
}
.single-training .hentry-content ul li {
	left: auto;
	padding-right: inherit;
}
/* et les .nav */
.hentry-content ul.nav {
	list-style: inside none;
	overflow: visible;
	margin-left: 0;
}
.hentry-content ul.nav > li {
	left: auto;
	padding-right: inherit;
}
/* Boutons types */
.btn-vyg {
	display: inline-block;
	height: 29px;
	background: url(./medias/img/sprites-24.png) no-repeat -470px 0;
	color: #666;
	text-decoration: none;
	font-size: 13px;
	padding-left: 8px;
}
.btn-vyg span {
	display: inline-block;
	height: 29px;
	line-height: 25px;
	background: url(./medias/img/sprites-24.png) no-repeat 100% -29px;
	padding: 0 12px 0 4px;
	cursor: pointer;
}
.btn-vyg:hover,
.active .btn-vyg {
	background-position: -992px 0;
	text-decoration: none;
}
.btn-vyg:hover span,
.active .btn-vyg span {
	background-position: 100% -58px;
	color: #fff;
}
.btn-success {
	background-color: #00ab67;
	background-image: none;
	filter: none;
	border-color:#51a351 #51a351 #387038;
	*background-color:#00ab67;
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	background-color: #00ab67;
	*background-color: #00ab67;
}
.btn-danger {
	background-color: #ee3124;
	background-image: none;
	filter: none;
	*background-color:#ee3124;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
	background-color: #ee3124;
	*background-color: #ee3124;
}
p.more {
	margin: 0.5em 0;
	text-align: right;
}
/* Onglets Bootstrap - (Utilisé dans les fiches produits) */
.nav-tabs > li {
	padding: 0 0 0 1em;
}
.nav-tabs > li > a {
	border-radius: 8px 8px 0 0;
	/* font-size: 1px; */
	padding-top: 0;
	padding-bottom: 0;
}
.nav > li > a:hover {
	background-color: #fff;
}
.nav-tabs > li > a > span {
	font-size: 16px;
	color: #444;
	display: block;
	height: 34px;
	background-repeat: no-repeat;
	line-height: 32px
}
.nav-tabs > li > a > span {
	opacity: 0.5;
}
.nav-tabs > li.active > a > span,
.nav-tabs > li > a:hover > span {
	opacity: 1;
}
.carac a span {
	background-position: 0 -48px;
}
.infos a span {
	background-position: 0 -82px;
}
.broch a span {
	background-position: 0 -116px;
}
.poster a span {
	background-position: 0 -150px;
}
.video a span {
	background-position: 0 -183px;
}
/* 24/07/2014 - navbar : pas de flèche façon "bande dessinée" (!) pour rattacher les menus ouverts à leur parent */
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
	display: none;
}
/* 24/07/2014 - navbar mobiles = on décale la sous-nav "Vygon dans le monde" vers la droite */
/* 1/ les sous-menus en général */
.navbar .dropdown.open .dropdown-menu {
	/*margin-left: 1em;*/
	margin-bottom: 1em;
}
.navbar .dropdown.open .dropdown-menu li {
	line-height: 14px;
}
.nav-collapse .dropdown.open .dropdown-menu a {
	padding: .25em 10px;
}
/* 2/ "Vygon dans le monde" uniquement" */
.navbar .dropdown.visible-phone.open .dropdown-menu {
	margin-left: 3em;
	margin-bottom: 1em;
}
.navbar .dropdown.visible-phone.open .dropdown-menu li {
	line-height: 14px;
}
.navbar .dropdown.visible-phone.open .dropdown-menu li b {
	display: block;
	margin: .5em 0 .2em;
}
.nav-collapse .dropdown.visible-phone.open .dropdown-menu a {
	padding: .2em;
	margin: 0 0 0 1em;
}
/* 3/ menu catalogue */
.nav-collapse .dropdown.catalogue.open .dropdown-menu a {
	padding-left: 0;
	padding-right: 0;
}

iframe.elink {
	width: 100%;
	height: 100%;
	min-height: 500px;
}

@media(min-width: 981px) {
	iframe.elink {
		min-height: 1200px;
	}
}

/*	=========================================================================
	HEADER
	========================================================================= */
#logo {
	float: left;
	width: 40%;
	margin: 1em 0;
	position: relative;
}
#logo a {
	width: 230px;
	height: 108px;
	background: url(./medias/img/vygon-value-life.png) no-repeat;
	text-indent: -9999em;
	display: block;
	float: left;
}
body.dev #logo {
	background: url(./medias/img/canvas-dev.png) no-repeat top left;
}
.country {
	color: #888;
	display: block;
	font-size: 20px;
	float: left;
	margin-top: 24px;
	font-weight: normal;
	letter-spacing: 1px;
}
#more {
	float: left;
	width: 60%;
	margin-top: 2.8em;
}
.langue {
	float: right;
	margin: 0 2em 0 0;
	font-size: 12px;
	line-height: 29px;
}
.langue a {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	color: #666;
	text-decoration: none;
}
.langue a:hover,
.langue a.on {
	color: #00ab67;
	text-decoration: none;
}
.monde {
	float: right;
}
.myvygon {
	float: right;
	width: 82px;
	position: relative;
	margin-left: 17px;
}
.myvygon a {
	display: block;
	width: 82px;
	height: 29px;
	line-height: 27px;
	color: #fff;
	background: url(./medias/img/sprites-24.png) no-repeat -173px 0;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}
.myvygon a:hover {
	background-position: -173px -29px;
}
.moteur {
	float: right;
	clear: both;
	white-space: nowrap;
	margin: 20px 0 0 0;
	width: 268px;
	height: 27px;
	background: url(./medias/img/sprites-24.png) no-repeat 0 -87px;
}
.lt-ie9 .moteur {
	margin-top: 20px;
}
.lt-ie9.lt-ie8 .moteur {
	margin-top: 5px !important;
}
.form-inline input#s {
	margin: 1px 0 0 1px;
	width: 230px;
	font-size: 12px;
	color: #999;
	background-color: transparent;
	border: none;
	height: 20px;
	line-height: 20px;
	padding: 2px 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.moteur .loupe {
	background : url(./medias/img/loupe.gif) no-repeat 0 2px;
	width: 16px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999em;
	border: none;
}
/*	=========================================================================
	CHEMIN FER
	========================================================================= */
#chemin {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 2em 0;
}
#chemin a {
	color: #999;
	text-decoration: none;
	font-weight: normal;
}
#chemin a:hover {
	text-decoration: underline;
}
#chemin span {
	font-weight: normal;
	margin: 0 4px;
	display: inline-block;
}
#chemin span.sep {
	margin: 0 1px;
}
#chemin span.temoin {
	font-weight: bold;
}
/* Responsiveness : */
@media(max-width: 480px) {
	#chemin span {
		max-width: 30%;
		height: 1.5em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: "...";
		margin: 0 2px;
	}
	#chemin span.sep {
		margin: 0;
	}
	.page-template-templatecatalogue-php #chemin {
		width: 80%;
	}
}
/*	=========================================================================
	ACCUEIL
	========================================================================= */
.cadre {
	background-color: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	border: 1px solid #e7e7e7;
	padding: 10px;
	margin-bottom: 1em;
}
.implantations img{
	max-width: 168px
}
#col22 {
	width: 63.8%;
	float: left;
}
.page-template-templateindex-filiale-php #col22 {
	width: 628px;
	margin-right: 10px;
}
#col1 {
	width: 36.2%;
	float: left;
}
.implantations {
	margin-right: 10px;
	float: left;
}
#col1 .implantations {
	width: 100%;
	text-align: center;
}
.implantations .placeholder {
	height: 190px;
}
@media(max-width: 1024px){
	.implantations .placeholder {
		height: auto;
	}
}
.activites {
	margin:0 auto;
}
@media (min-width: 641px) and (max-width: 768px){
	.activites {
		width: 424px;
	}
}
.hentry-home {
	width: 100%;
	float: left;
	min-height: 215px;
}
.implantations h4,
.news h4 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	color: #999;
	font-weight: normal;
	letter-spacing: 1px;
	height: 24px;
	text-indent: -9999em;
	width: 100%;
	background-repeat: no-repeat;
}
.fr .implantations h4,
.fr .news h4 {
	background-image: url(./medias/img/textes-img-fr.png);
}
.en .implantations h4,
.en .news h4 {
	background-image: url(./medias/img/textes-img-en.png);
}
.de .implantations h4,
.de .news h4 {
	background-image: url(./medias/img/textes-img-de.png);
}
.nl .implantations h4,
.nl .news h4 {
	background-image: url(./medias/img/textes-img-nl.png);
}
.pt .implantations h4,
.pt .news h4 {
	background-image: url(./medias/img/textes-img-pt.png);
}
.se .implantations h4,
.se .news h4 {
	background-image: url(./medias/img/textes-img-se.png);
}
.es .implantations h4,
.es .news h4 {
	background-image: url(./medias/img/textes-img-es.png);
}
.implantations h4 {
	background-position: 0 0;
}
.news h4 {
	background-position: 0 -24px;
}
.news {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	color: #666;
}
.news .placeholder {
	min-height: 331px;
}
.news .left {
	float: left;
	width: 30%;
	font-size: 10px;
	color: #999;
	line-height: 12px;
	text-align: center;
}
.news .right {
	float: left;
	width: 64%;
	margin-left: 4%;
}
@media (min-width: 641px) and (max-width: 768px){
	.news .left {
		float: none;
		width: 100%;
	}
	.news .right {
		float: none;
		width: 100%;
		margin-left: 0;
	}
}
/* boutons gammes home */
.btnhome {
	margin: 3px 0 3px 10px;
	float: left;
}
.btnhome a {
	text-decoration: none;
	text-align: center;
	display: block;
	width: 196px;
	height: 29px;
	line-height: 29px;
	background: url(./medias/img/sprites-24.png) no-repeat -275px 0;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size: 12px;
}
.btnhome a:hover {
	background-position: -275px -29px;
}
.btnhome a span {
	display: block;
	width: 184px;
	margin: 0 5px;
	overflow: hidden;
	height: 29px;
	background-repeat: none;
	cursor: pointer;
}

.btnhome.n1 a span 			{ background-position: 0 0; }
.btnhome.n2 a span 			{ background-position: 0 -29px; }
.btnhome.n3 a span 			{ background-position: 0 -58px; }
.btnhome.n1 a:hover span 	{ background-position: 100% 0; }
.btnhome.n2 a:hover span	{ background-position: 100% -29px; }
.btnhome.n3 a:hover span 	{ background-position: 100% -58px; }

.btnhome.abord a span 			{ color: #c61c20; }
.btnhome.alr a span 			{ color: #faa81f; }
.btnhome.bloc a span 			{ color: #9cbccd; }
.btnhome.catheter a span 		{ color: #055c2a; }
.btnhome.digestif a span 		{ color: #8c9517; }
.btnhome.domicile a span 		{ color: #5b6d7d; }
.btnhome.enteral a span 		{ color: #c24f97; }
.btnhome.neonat a span 			{ color: #d40075; }
.btnhome.oncology a span 		{ color: #E84E0F; }
.btnhome.respiratoire a span 	{ color: #77bbad; }
.btnhome.urinaire a span 		{ color: #d57b38; }

.btnhome a:hover span {
	color: #fff;
	text-shadow: -1px -1px 0 #040;
}
.home-video a {
	text-indent: -9999em;
}
.home-vid  {
	position:relative;
	margin-bottom:20px;
}
.home-vid a {
	max-width: 100%;
}
.masque-video{
	position:absolute;
	top:0;
	right:0;
	z-index: 0;
}
/*	=========================================================================
	CATALOGUE
	========================================================================= */
#catalogue {
	border: 1px solid #cecece;
	border-radius: 8px;
	background: url(./medias/img/cata-bg.png) no-repeat 50% 50%;
	margin-bottom: 1em;
	float: left;
	clear: both;
	display: inline-block;
	width: 100%;
	background-size: 175%;
}
#catalogue .col1,
#catalogue .col2,
#catalogue .col3 {
	width: 30%;
	float: left;
	margin: 1em 2%;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#catalogue .col3 {
	width: 24%;
	margin-left: 6%;
}
@media (max-width: 480px) {
	#catalogue {
		background: #f3f3f3;
	}
	#catalogue .col1,
	#catalogue .col2,
	#catalogue .col3 {
		width: 100%;
		float: none;
		margin: 1em;
		padding: 0;
	}
}
#catalogue ul {
	list-style-type: disc;
	margin: 1em 0 0;
	padding: 0 0 0 1em;
}
@media (max-width: 480px) {
	#catalogue ul {
		margin-top: 0;
	}
	#catalogue #escamotable ul li {
		max-width: 90%;
	}
}
#catalogue a {
	text-decoration: none;
	color: #333;
}
#catalogue a:hover,
#catalogue a.on {
	text-decoration: none;
	color: #00ab67;
}
#article {
	float: left;
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}
#article li {
	list-style: none;
	float: left;
	margin: 0 10px 1em 0;
	display: block;
	position: relative;
}
#article li.dernier {
	margin-right: 0;
}
#article li a {
	display: block;
	color: #555;
	text-decoration: none;
	background: url(./medias/img/bg-catalogue-items.png) no-repeat 0 100%;
	width: 242px;
	height: 232px;
}
#article li a,
#article li a * {
	cursor: pointer;
}
#article li a:hover {
	color: #000;
}
#article li .h3 {
	background: url(./medias/img/bg-catalogue-items.png) no-repeat 0 0;
	height: 60px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	width: 222px;
	padding: 3px 10px;
}
#article li img {
	margin: 0 auto;
	display: block;
	height: 158px;
}
.fake-table {
	display: table;
	width: 100%;
}
.fake-row {
	display: table-row;
}
.fake-cell {
	display: table-cell;
	vertical-align: middle;
	max-width: 100%;
}
.lt-ie8 #article li img {
	z-index: 1;
}
.lt-ie8 .fake-table {
	display: inline;
	zoom: 1;
}
.lt-ie8 .fake-row {
	display: inline;
	zoom: 1;
}
.lt-ie8 .fake-cell {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}
.voir {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 96%;
	padding: 0.5em 2%;
	background: #000;
	color: #fff;
	text-align: center;
	opacity: 0.5;
}
.lt-ie9 .voir {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.lt-ie8 .voir {
	filter: alpha(opacity=50);
}
#produit {
	margin-bottom: 1em;
}
/* Sommaire catalogue */
#sommaire {
	margin: 2em 0 1em 0;
}
#sommaire .vignette {
	float: left;
	width: 20%;
	margin: 0 0 2em 0;
	text-align: center;
	height: 190px;
}
#sommaire .vignette a {
	text-decoration: none;
}
#sommaire .vignette a:hover {
	text-decoration: underline;
}
/* Switch Menu Catalogue */
#cat-win-menu {
	margin: 10px;
	z-index: 2;
}
#cat-win-menu-switch {
	display: block;
	width: 36px;
	height: 16px;
	text-indent: -9999em;
}
#cat-win-menu-switch {
	background: url(./medias/img/sprites-24.png) no-repeat -182px -174px;
}
#cat-win-menu-switch.opened {
	background: url(./medias/img/sprites-24.png) no-repeat -182px -158px;
}
@media(max-width: 480px) {
	#cat-win-menu-switch {
		background-position: -182px -206px;
	}
	#cat-win-menu-switch.opened {
		background-position: -182px -190px;
	}
}
.hidden { display: none; }
/*	=========================================================================
	CATALOGUE moteur de recherche
	========================================================================= */
#navigation {
	font-size: 1.2em;
}
#navigation strong {
	background-color: #009954;
	color: white;
	font-weight: bold;
	padding: 0 5px;
}
#navigation a {
	padding: 0 2px;
}
/*	=========================================================================
	PRODUITS SAW
	========================================================================= */
#produit .tab-content {
	overflow: unset;
}
.tablesaw-sortable .sortable-head.sortable-ascending button:after, .tablesaw-sortable .sortable-head.sortable-descending button:after {
	content: " ";
	height: 10px;
	position: absolute;
	left: 50%;
	width: 7px;
	top:-20px;
}
.tablesaw-bar .btn-selected.btn-checkbox:after {
	background-color: #00AB67;
	background-position: -1px -1px;
	background-size: 115% 115%;
	box-shadow: 0 1px 0 #FFFFFF, 0 1px 5px rgba(0, 75, 115, 0.45) inset;
	color: #FFFFFF;
}
.btn.btn-check.btn-checkbox.theme-simple span.titre, .btn.btn-check.btn-checkbox.theme-simple span.s-titre {
	color:#808080!important;
}
.btn.btn-check.btn-checkbox.theme-simple.btn-selected .titre{
	color:#00AB67;
}
.btn.btn-check.btn-checkbox.theme-simple.btn-selected .s-titre{
	color:#808080;
}
.tablesaw-columntoggle-btnwrap .dialog-content {
	left: auto !important;
	margin: 5px auto 0;
	max-width: 18em;
	right: 1em;
	top: 0 !important;
	width: 12em;
	padding:0 10px;
}
@media (max-width: 980px) {
	.tablesaw-columntoggle-btnwrap .dialog-content {
		margin: 4px auto -4px;
	}
}
.tablesaw-sortable .sortable-head.sortable-ascending button:after,
.icon-sort-ascending { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%226.7px%22%20height%3D%229.5px%22%20viewBox%3D%220%200%206.7%209.5%22%20enable-background%3D%22new%200%200%206.7%209.5%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cg%3E%20%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2300AB67%22%20stroke-width%3D%221.5184%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%20%20%206%2C3.8%203.2%2C0.8%200.8%2C3.8%20%20%20%22%2F%3E%20%3C%2Fg%3E%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%2300AB67%22%20stroke-width%3D%221.5184%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%223.4%22%20y1%3D%228.8%22%20x2%3D%223.4%22%20y2%3D%220.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important; }
.tablesaw-sortable .sortable-head.sortable-descending button:after,
.icon-sort-descending { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%226.7px%22%20height%3D%229.5px%22%20viewBox%3D%220%200%206.7%209.5%22%20enable-background%3D%22new%200%200%206.7%209.5%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cg%3E%20%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2300AB67%22%20stroke-width%3D%221.5184%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22%20%20%200.8%2C5.7%203.5%2C8.8%206%2C5.7%20%20%20%22%2F%3E%20%3C%2Fg%3E%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%2300AB67%22%20stroke-width%3D%221.5184%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20x1%3D%223.4%22%20y1%3D%220.8%22%20x2%3D%223.4%22%20y2%3D%228.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important; }
/*	=========================================================================
	PRODUITS
	========================================================================= */
.table {
	border-radius: 8px;
	border-collapse: separate;
}
.lt-ie8 .table {
	border-collapse: collapse;
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child,
/* et pour les tableaux v2 : */
.table-bordered thead:first-child tr:first-child > th:first-child button,
.table-bordered thead:first-child tr:first-child > th:first-child button span.titre {
	border-top-left-radius: 8px;
}
.table thead,
.table thead tr:first-child {
	border-radius: 8px 8px 0 0;
}
.table thead tr th:first-child {
	border-top-left-radius: 8px;
}
.table thead tr th:last-child,
/* et pour les tableaux v2 : */
.table thead tr th:last-child button,
.table thead tr th:last-child button span.titre {
	border-top-right-radius: 8px;
}
.table th,
.table td {
	text-align: center;
}
.table thead tr {
	font-weight: bold;
	background: #f0f0f0;
}
.table thead tr:first-child {
	background-color: transparent;
}
.table thead tr th {
	font-size: .9em;
}
.table thead tr td {
	white-space: normal;
}
.table a {
	text-decoration: underline;
	font-weight: bold;
}
.table td.temoin {
	vertical-align: middle;
	text-align: left;
}
.table td.temoin span {
	display: block;
	width: 17px;
	height: 16px;
}
.table tr.active td.temoin span {
	background: url(./medias/img/sprites-24.png) no-repeat -218px -158px;
}
.table-bordered td.code {
	border-left: none;
}
#caracteristiques ul.unstyled {
	display: block;
}
#caracteristiques ul.unstyled li {
	display: inline-block;
}
#caracteristiques ul.unstyled li a {
	display: inline-block;
}
.lt-ie8 #caracteristiques ul.unstyled li,
.lt-ie8 #caracteristiques ul.unstyled li a {
	display: inline;
	zoom: 1;
}
.lt-ie8 #caracteristiques ul.unstyled li {
	margin-right: 1em;
}
#caracteristiques ul.unstyled li:before {
	content: ",\a0\a0\a0";
}
#caracteristiques ul.unstyled li:first-child:before {
	content: "";
}
#produit .mediabank_file ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#produit .mediabank_file li {
	display: block;
	margin: 0;
	padding: 0 0 0.5em 36px;
	background: url(./medias/img/icones-docs/xxx.png) no-repeat;
	line-height: 32px;
}
#produit .mediabank_file li.doc,
#produit .mediabank_file li.docx {
	background-image: url(./medias/img/icones-docs/doc.png);
}
#produit .mediabank_file li.jpg,
#produit .mediabank_file li.gif,
#produit .mediabank_file li.tif,
#produit .mediabank_file li.tiff,
#produit .mediabank_file li.jpeg,
#produit .mediabank_file li.bmp {
	background-image: url(./medias/img/icones-docs/jpg.png);
}
#produit .mediabank_file li.pdf {
	background-image: url(./medias/img/icones-docs/pdf.png);
}
#produit .mediabank_file li.ppt,
#produit .mediabank_file li.pptx {
	background-image: url(./medias/img/icones-docs/ppt.png);
}
#produit .mediabank_file li.xls,
#produit .mediabank_file li.xlsx {
	background-image: url(./medias/img/icones-docs/xls.png);
}
#produit .mediabank_file li.zip,
#produit .mediabank_file li.rar {
	background-image: url(./medias/img/icones-docs/zip.png);
}
#produit .mediabank_file span.size {
	display: inline-block;
	text-align: right;
	width: 7em;
	margin-right: 2em;
}
#video ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#video li {
	display: block;
	margin: 0 0 1em;
	padding: 0;
}
#video a:hover {
	text-decoration: none;
}
#video a:hover span {
	text-decoration: underline;
}
#video img {
	border: solid 1px #ddd;
	border-radius: 1em;
	margin-right: 2em;
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-webkit-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#video a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}
.hentry-content #video ul li {
	left: auto;
}
@media(max-width: 980px) {
	#video img {
		display: block;
		margin: 0 auto;
	}
	#video a span {
		display: block;
		text-align: center;
	}
}
/*	=========================================================================
	SKINS (PRODUITS)
	========================================================================= */
.alr thead th 																{ background-color: #faa81f; }
.alr .table-hover tbody tr:hover td, .alr tr.active td						{ background-color: #fde5bb !important; }
.abord thead th 															{ background-color: #c61c20; color: #fff; }
.abord .table-hover tbody tr:hover td, .abord tr.active td 					{ background-color: #eebabc !important; }
.bloc thead th 																{ background-color: #9cbccd; }
.bloc .table-hover tbody tr:hover td, .bloc tr.active td 					{ background-color: #e1ebf0 !important; }
.catheter thead th 															{ background-color: #055c2a; color: #fff; }
.catheter .table-hover tbody tr:hover td, .catheter tr.active td 			{ background-color: #b4cebf !important; }
.digestif thead th 															{ background-color: #8c9517; color: #fff; }
.digestif .table-hover tbody tr:hover td, .digestif tr.active td 			{ background-color: #dcdfb9 !important; }
.domicile thead th 															{ background-color: #5b6d7d; color: #fff; }
.domicile .table-hover tbody tr:hover td, .domicile tr.active td 			{ background-color: #cdd3d8 !important; }
.enteral thead th 															{ background-color: #e5a0c8; color: #fff; }
.enteral .table-hover tbody tr:hover td, .enteral tr.active td 				{ background-color: #edc0db !important; }
.hemo thead th 																{ background-color: #c61c20; color: #fff; }
.hemo .table-hover tbody tr:hover td, .hemo tr.active td 					{ background-color: #eebabc !important; }
.neonat thead th 															{ background-color: #d40075; color: #fff; }
.neonat .table-hover tbody tr:hover td, .neonat tr.active td 				{ background-color: #efdbe5 !important; }
.oncology thead th 															{ background-color: #E84E0F; color: #fff; }
.oncology .table-hover tbody tr:hover td, .oncology tr.active td 			{ background-color: #FFC6AF !important; }
.respiratoire thead th 														{ background-color: #77bbad; }
.respiratoire .table-hover tbody tr:hover td, .respiratoire tr.active td 	{ background-color: #d6eae6 !important; }
.urinaire thead th 															{ background-color: #d57b38; color: #fff; }
.urinaire .table-hover tbody tr:hover td, .urinaire tr.active td 			{ background-color: #f2d7c3 !important; }
.mostcare .table-hover tbody tr:hover td, .mostcare tr.active td 			{ background-color: #921238 !important; }

/* PATCH RESPONSIVE */
.table-bordered td.code {
	border-left: solid 1px #ddd;
}
.table.v2 thead tr th {
	background: #F0F0F0 !important;
	color: #000 !important;
}

.alr thead .titre 			{ background-color: #faa81f; }
.abord thead .titre 		{ background-color: #c61c20; color: #fff; }
.bloc thead .titre 			{ background-color: #9cbccd; }
.catheter thead .titre 		{ background-color: #055c2a; color: #fff; }
.digestif thead .titre 		{ background-color: #8c9517; color: #fff; }
.domicile thead .titre 		{ background-color: #5b6d7d; color: #fff; }
.enteral thead .titre 		{ background-color: #c24f97; color: #fff; }
.hemo thead .titre 			{ background-color: #c61c20; color: #fff; }
.neonat thead .titre 		{ background-color: #d40075; color: #fff; }
.oncology thead .titre 		{ background-color: #E84E0F; }
.respiratoire thead .titre	{ background-color: #77bbad; }
.urinaire thead .titre 		{ background-color: #d57b38; color: #fff; }
.mostcare thead .titre 		{ background-color: #921238; color: #fff; }


/* PATCH RESPONSIVE - FIN */
.abord a, a.abord, a.abord strong, strong.abord, .abord strong, #chemin.abord strong, #chemin.abord strong a, span.abord, .nav-tabs.abord > .active > a, .nav-tabs.abord a:hover { color: #c61c20; }
.alr a, a.alr, a.alr strong, strong.alr, .alr strong, #chemin.alr strong, #chemin.alr strong a, span.alr, .nav-tabs.alr > .active > a, .nav-tabs.alr a:hover { color: #faa81f; }
.bloc a, a.bloc, a.bloc strong, strong.bloc, .bloc strong, #chemin.bloc strong, #chemin.bloc strong a, span.bloc, .nav-tabs.bloc > .active > a, .nav-tabs.bloc a:hover { color: #9cbccd; }
.catheter a, a.catheter, a.catheter strong, strong.catheter, .catheter strong, #chemin.catheter strong, #chemin.catheter strong a, span.catheter, .nav-tabs.catheter > .active > a, .nav-tabs.catheter a:hover { color: #055c2a; }
.digestif a, a.digestif, a.digestif strong, strong.digestif, .digestif strong, #chemin.digestif strong, #chemin.digestif strong a, span.digestif, .nav-tabs.digestif > .active > a, .nav-tabs.digestif a:hover { color: #8c9517; }
.domicile a, a.domicile, a.domicile strong, strong.domicile, .domicile strong, #chemin.domicile strong, #chemin.domicile strong a, span.domicile, .nav-tabs.domicile > .active > a, .nav-tabs.domicile a:hover { color: #5b6d7d; }
.enteral a, a.enteral, a.enteral strong, strong.enteral, .enteral strong, #chemin.enteral strong, #chemin.enteral strong a, span.enteral, .nav-tabs.enteral > .active > a, .nav-tabs.enteral a:hover { color: #c24f97; }
.hemo a, a.hemo, a.hemo strong, strong.hemo, .hemo strong, #chemin.hemo strong, #chemin.hemo strong a, span.hemo, .nav-tabs.hemo > .active > a, .nav-tabs.hemo a:hover { color: #c61c20; }
.neonat a, a.neonat, a.neonat strong, strong.neonat, .neonat strong, #chemin.neonat strong, #chemin.neonat strong a, span.neonat, .nav-tabs.neonat > .active > a, .nav-tabs.neonat a:hover { color: #d40075; }
.oncology a, a.oncology, a.oncology strong, strong.oncology, .oncology strong, #chemin.oncology strong, #chemin.oncology strong a, span.oncology, .nav-tabs.oncology > .active > a, .nav-tabs.oncology a:hover { color: #E84E0F; }
.respiratoire a, a.respiratoire, a.respiratoire strong, strong.respiratoire, .respiratoire strong, #chemin.respiratoire strong, #chemin.respiratoire strong a, span.respiratoire, .nav-tabs.respiratoire > .active > a, .nav-tabs.respiratoire a:hover { color: #77bbad; }
.urinaire a, a.urinaire, a.urinaire strong, strong.urinaire, .urinaire strong, #chemin.urinaire strong, #chemin.urinaire strong a, span.urinaire, .nav-tabs.urinaire > .active > a, .nav-tabs.urinaire a:hover { color: #d57b38; }
.mostcare a, a.mostcare, a.mostcare strong, strong.mostcare, .mostcare strong, #chemin.mostcare strong, #chemin.mostcare strong a, span.mostcare, .nav-tabs.mostcare > .active > a, .nav-tabs.mostcare a:hover { color: #921238; }


.pharmacy a,
.clinicos a,
.antissepticos a,
.kitsandsets a,
a.pharmacy,
a.clinicos,
a.antissepticos,
a.kitsandsets,
a.pharmacy strong,
a.clinicos strong,
a.antissepticos strong,
a.kitsandsets strong,
strong.pharmacy,
strong.clinicos,
strong.antissepticos,
strong.kitsandsets,
.pharmacy strong,
.clinicos strong,
.antissepticos strong,
.kitsandsets strong,
#chemin.pharmacy strong,
#chemin.clinicos strong,
#chemin.antissepticos strong,
#chemin.kitsandsets strong,
#chemin.pharmacy strong a,
#chemin.clinicos strong a,
#chemin.antissepticos strong a,
#chemin.kitsandsets strong a,
span.pharmacy,
span.clinicos,
span.antissepticos,
span.kitsandsets,
.nav-tabs.pharmacy > .active > a,
.nav-tabs.clinicos > .active > a,
.nav-tabs.antissepticos > .active > a,
.nav-tabs.kitsandsets > .active > a,
.nav-tabs.pharmacy a:hover,
.nav-tabs.clinicos a:hover,
.nav-tabs.antissepticos a:hover,
.nav-tabs.kitsandsets a:hover {
	color: #595959;
}
.defaut a,
a.defaut,
a.defaut strong,
strong.defaut,
.defaut strong,
#chemin.defaut strong,
#chemin.defaut strong a,
span.defaut,
.nav-tabs.defaut > .active > a,
.nav-tabs.defaut a:hover {
	color: #595959;
}
a.defaut:hover,
a.defaut:hover strong,
a.abord:hover,
a.abord:hover strong,
a.alr:hover,
a.alr:hover strong,
a.antissepticos:hover,
a.antissepticos:hover strong,
a.bloc:hover,
a.bloc:hover strong,
a.catheter:hover,
a.catheter:hover strong,
a.clinicos:hover,
a.clinicos:hover strong,
a.digestif:hover,
a.digestif:hover strong,
a.domicile:hover,
a.domicile:hover strong,
a.enteral:hover,
a.enteral:hover strong,
a.hemo:hover,
a.hemo:hover strong,
a.kitsandsets:hover,
a.kitsandsets:hover strong,
a.neonat:hover,
a.neonat:hover strong,
a.pharmacy:hover,
a.pharmacy:hover strong,
a.oncology:hover,
a.oncology:hover strong
a.respiratoire:hover,
a.respiratoire:hover strong,
a.urinaire:hover,
a.urinaire:hover strong,
a.mostcare:hover,
a.mostcare:hover strong
{ color: #999; }

/*	=========================================================================
	CARTES DYNAMIQUES
	========================================================================= */
.cartes-container {
	clear: both;
	width: 720px;
	height: 400px;
	margin: 0 auto 1em;
	border-radius: 1em;
	background: #c8c8c8;
}
.page-template-templatemap-north-america-php .cartes-container {
	height: 670px;
	padding: 20px;
}
.page-template-templatemap-north-america-php #usa,
.page-template-templatemap-north-america-php #canada {
	background: #c8c8c8;
	border-radius: 1em;
}
.map-container {
	position: relative;
	border-radius: 1em;
}
.map-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-radius: 1em;
}
a.marker {
	display: block;
	position: absolute;
	z-index: 2;
	width: 28px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(./medias/img/cartes-dynamiques/marker.png) no-repeat -28px 0;
}
a.marker:hover {
	background-position: 0 0;
}

a.marker-world {
	display: block;
	position: absolute;
	z-index: 2;
	width: 125px;
	height: 76px;
	top: 322px;
	left: 2px;
}
a.marker-world img {
	border-radius: 0 0 0 12px;
}
.tooltip {
	z-index: 3;
}
.popover {
	z-index: 4;
	width: 276px;
}
/*	=========================================================================
	FOOTER
	========================================================================= */
#footer .logo {
	float: left;
	display: block;
	background: url(./medias/img/footer-bg.gif) no-repeat;
	height: 32px;
	width: 77px;
	text-indent: -9999em;
	margin-right: 1em;
}
#footer .adresse,
#footer address {
	float: left;
	display: block;
	white-space: nowrap;
	margin-right: 8em;
	margin-top: 8px;
	line-height: 1.5em;
}
#footer .link {
	float: left;
	display: block;
	margin-right: 1em;
}
#footer .copy {
	float: right;
	white-space: nowrap;
	clear: right;
}
#footer a {
	color: #888;
	display: inline-block;
	text-decoration: none;
	margin: 0 4px;
}
.lt-ie8 #footer a {
	display: inline;
	zoom: 1;
}
#footer a:hover {
	color: #666;
	text-decoration: underline;
}
.myvygon.myvygon-footer {
	display: none !important;
}
@media(max-width: 767px) {
	.myvygon.myvygon-footer {
		display: inline-block !important;
		float: none;
		width: 82px;
		position: inherit;
		margin: 0;
	}
	#footer .myvygon a {
		display: block;
		width: 82px;
		height: 29px;
		line-height: 27px;
		color: #fff;
		background: url(./medias/img/sprites-24.png) no-repeat -173px 0;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
		text-transform: uppercase;
	}
	#footer .myvygon a:hover {
		background-position: -173px -29px;
	}
}
#footer .social {
	display: block;
	float: right;
	text-align: center;
}
#footer .social a.button {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 24px;
	text-indent: -9999em;
	line-height: 36px;
	text-decoration: none;
	color: #fff;
	background: url(medias/img/social.png) no-repeat;
	opacity: .9;
	margin: 0 3px;
}
#footer .social a.button.e-news {
	background: #00ab67;
	text-indent: 0;
	width: auto;
	padding: 0 1em;
}
@media (max-width: 480px) {
	#footer .social {
		display: block;
		float: left;
		width: 100%;
		clear: both;
	}
	#footer .social .visible-phone {
		line-height: 8px;
	}
}
#footer .social a.button.youtube {
	background-position: -108px 0;
}
#footer .social a.button.linkedin {
	background-position: -36px 0;
}
#footer .social a.button.facebook {
	background-position: -72px 0;
}
#footer .social a.button.twitter {
	background-position: 0 0;
}
#footer .social a.button.instagram {
	background-position: -144px 0;
}
#footer .social a.button:hover {
	text-decoration: none;
	opacity: 1;
}
/*	=========================================================================
	SIDEBAR
	========================================================================= */
ul.sub-nav {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}
ul.sub-nav li,
ul.sub-nav li a,
ul.sub-nav li a span {
	display: block;
}
/*	=========================================================================
	BARRE DE LANGUE WPML
	========================================================================= */
#wrap div#lang_sel
{
	float: right;
	z-index: 0;
}
/*	=========================================================================
	FORMULAIRES PERSONNALISATION
	========================================================================= */
body.page-template form fieldset
{
	width: 550px;
	margin: auto;
}
/*	=========================================================================
	PAGES CONTACT
	========================================================================= */
.demi {
	width: 49%;
	margin-right: 1%;
	float: left;
}
.lt-ie8 .demi {
	margin-right: 0.5%;
}
/*	=========================================================================
	PAGES RESULTAT RECHERCHE
	========================================================================= */
h2.search-title {
	line-height: 1.1em;
}
h2.search-title a {
	display: block;
	color: inherit;
}
h2.search-title a:hover {
	text-decoration: none;
	color: #00ab67;
}
.search-ref {
	font-size: .7em;
	font-weight: normal;
	color: #00ab67;
}
/*	=========================================================================
	PAGE CARRIERE, cf template/job.php
	========================================================================= */
#job h1, #job h2 {
	clear: none !important;
}
#job div.contact {
	text-align: right;
}
#job div.contact a {
	max-width: 200px;
	text-align: center;
}
#job div.liste {
	clear: all;
	margin-top: 40px;
}
#job div.detail {
	padding: 10px;
	background-color: #F5F5F5;
}
/*	=========================================================================
	PAGES TRAINING
	========================================================================= */
.training .cadre {
	background-color: #FFFFFF;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	min-height: 20px;
	padding: 0 0 100px;
}
.training .cadre h3{
	color:#999999;
	font-weight: normal;
}
.training .video {
	text-align: center;
}
.training .linkhp {
	display:block;
	margin-top: 20px;
}
.training .linkhp span {
	display:inline-block;
	text-align: center;
	color:#bcbdc1;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	margin: 0 40px;
}
.training .linkhp span a{
	padding-top: 34px;
	color:#bcbdc1;
}
.training .linkhp span a:hover{
	color:#656565;
	text-decoration: none;
}
.training .linkhp a.hospital {
	display: block;
	background: url(./medias/img/hopital-website.png) no-repeat 50% 0;
}
.training .linkhp a.hospital:hover {
	display: block;
	background: url(./medias/img/hopital-website-hover.png) no-repeat 50% 0;
}
.training .linkhp a.contact {
	display: block;
	background: url(./medias/img/contact.png) no-repeat 50% 0;
}
.training .linkhp a.contact:hover {
	display: block;
	background: url(./medias/img/contact-hover.png) no-repeat 50% 0;
}
.training .linkhp a.map {
	display: block;
	background: url(./medias/img/map.png) no-repeat 50% 0;
}
.training .linkhp a.map:hover {
	display: block;
	background: url(./medias/img/map-hover.png) no-repeat 50% 0 ;
}
.training .more {
	min-height: 200px;
	display:block;
	margin-bottom: 20px;
	text-align: center;
}
.training .more a {
	color:#bcbdc1;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	padding-top: 160px;
	text-align: center;
}
.training .more a:hover {
	color:#656565;
}
.training .doctors a {
	display: block;
	background: url(./medias/img/doctors.png) no-repeat 50% 0;
}
.training .doctors a:hover {
	background: url(./medias/img/doctors-hover.png) no-repeat 50% 0;
}
.training .procedures a{
	display: block;
	background: url(./medias/img/procedures.png) no-repeat 50% 0;
}
.training .procedures a:hover {
	background: url(./medias/img/procedures-hover.png) no-repeat 50% 0;
}
.training .specialities a {
	display: block;
	background: url(./medias/img/specialities.png) no-repeat 50% 0;
}
.training .specialities a:hover {
	display: block;
	background: url(./medias/img/specialities-hover.png) no-repeat 50% 0;
}

.training .bibliography a{
	display: block;
	background: url(./medias/img/bibliography.png) no-repeat 50% 0;
}
.training .bibliography a:hover {
	background: url(./medias/img/bibliography-hover.png) no-repeat 50% 0;
}
.training .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
}
.training .video-container iframe,
.training .video-container object,
.training .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 480px) {
	.training .linkhp span {
		margin: 0 12px
	}
}
.lt-ie9 .cartes-training {height: 500px;}
/*	=========================================================================
	TRAINING V2
	========================================================================= */
.nav-tabs.training {
	margin-top: 2em;
}
.nav-tabs.training > li {
	padding: 0 0 0 1em;
	text-align: center
}
.nav-tabs.training > li {
	margin-bottom: -1px;
}
.nav-tabs.training > li > a > span {
	opacity: 1;
}
.nav-tabs.training li {
	min-width: 22%;
}
.nav-tabs.training li a span {
	color: #BCBDC1;
	font-size: 16px;
	font-weight: bold;
}
.nav-tabs.training li a:hover span, .nav-tabs.training li.active a span {
	color: #656565;
}
.nav-tabs.training a span {
	display:block;
	padding:80px 0 0 0 ;
}
.nav-tabs.training a span.doctors {
	background: url('./medias/img/doctors.png') no-repeat 50% 5px;
}
.nav-tabs.training a:hover span.doctors, .nav-tabs.training .active a span.doctors {
	background: url('./medias/img/doctors-hover.png') no-repeat 50% 5px;
}
.nav-tabs.training a span.procedures {
	background: url('./medias/img/procedures.png') no-repeat 50% 5px;
}
.nav-tabs.training a:hover span.procedures, .nav-tabs.training .active a span.procedures {
	background: url('./medias/img/procedures-hover.png') no-repeat 50% 5px;
}
.nav-tabs.training a span.specialities {
	background: url('./medias/img/specialities.png') no-repeat 50% 5px;
}
.nav-tabs.training a:hover span.specialities, .nav-tabs.training .active a span.specialities{
	background: url('./medias/img/specialities-hover.png') no-repeat 50% 5px;
}
.nav-tabs.training a span.bibliography {
	background: url('./medias/img/bibliography.png') no-repeat 50% 5px;
}
.nav-tabs.training a:hover span.bibliography, .nav-tabs.training .active a span.bibliography {
	background: url('./medias/img/bibliography-hover.png') no-repeat 50% 5px;
}
@media (max-width: 480px) {
	.nav-tabs.training  li {
		padding: 0;
		text-align: center;
		min-width: 54px;
	}
	.nav-tabs.training > li > a {
		padding-left: 3px;
		padding-right: 3px;
	}
	.nav-tabs.training li a span {
		color: #BCBDC1;
		font-size: 12px;
		font-weight: normal;
	}
	.nav-tabs.training li a:hover span,
	.nav-tabs.training li.active a span {
		color: #666;
	}
	.nav-tabs.training a span.doctors {
		background: url('./medias/img/doctors-small.png') no-repeat 50% 5px;
	}
	.nav-tabs.training a:hover span.doctors,
	.nav-tabs.training .active a span.doctors {
		background: url('./medias/img/doctors-hover-small.png') no-repeat 50% 5px;
	}
	.nav-tabs.training a span.procedures {
		background: url('./medias/img/procedures-small.png') no-repeat 50% 5px;
	}
	.nav-tabs.training a:hover span.procedures,
	.nav-tabs.training .active a span.procedures {
		background: url('./medias/img/procedures-hover-small.png') no-repeat 50% 5px;
	}
	.nav-tabs.training a span.specialities {
		background: url('./medias/img/specialities-small.png') no-repeat 50% 5px;
	}
	.nav-tabs.training a:hover span.specialities,
	.nav-tabs.training .active a span.specialities{
		background: url('./medias/img/specialities-hover-small.png') no-repeat 50% 5px;
	}
	.nav-tabs.training a span.bibliography {
		background: url('./medias/img/bibliography-small.png') no-repeat 50% 5px;
	}
	.nav-tabs.training a:hover span.bibliography,
	.nav-tabs.training .active a span.bibliography {
		background: url('./medias/img/bibliography-hover-small.png') no-repeat 50% 5px;
	}
	.nav-tabs.training a span.doctors,
	.nav-tabs.training a span.procedures,
	.nav-tabs.training a span.specialities,
	.nav-tabs.training a span.bibliography {
		background-size: 44px 44px;
		display: block;
		min-width: 44px;
		padding: 50px 0 0 0;
	}
}
/*	=========================================================================
	RESPONSIVE
	========================================================================= */
/*
================== DEBUG
*/
@media (max-width: 319px) {
	#logo,
	#more,
	#chemin,
	.hentry-content,
	.hentry-content *,
	#footer { display: none; }
}
/*
================== Tablettes et mobiles
*/
@media (max-width: 999px) {
	body {
		background: #fff;
	}
	#all {
		margin: 0 3%;
	}
	#footer {
		padding: 0 3%;
	}
	#wrap,
	#wrapper,
	#main-menu {
		max-width: 100%;
	}
}
/*
================== mobile only
*/
@media (max-width: 480px) {
	/* menu */
	* #main-menu > li > a > span {
		background-image: none !important;
	}
	#main-menu {
		background : none;
	}
	#main-menu > li {
		float : none;
	}
	#main-menu > li > a {
		text-indent : 0;
	}
	.fr #main-menu > li > a > span {
		background : none;
	}
	.en #main-menu > li > a > span {
		background : none;
	}
	#main-menu > li > a#home {
		width : auto;
		overflow : auto;
		margin-left : 0;
	}
	#main-menu > li#menu-catalogue {
		background : none;
		width : auto;
		overflow : auto;
	}
	/* Images WP */
	img.alignleft,
	img.alignright,
	img.alignnone {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		max-width: 100%;
		clear: both;
		display: block;
	}
	img.alignleft.styled,
	img.alignright.styled,
	img.alignnone.styled {
		clear: both;
		display: block;
		float: none;
		max-width: 96.7%;
		width: auto;
	}
}
/*	=========================================================================
	NAVBAR 13.05
	========================================================================= */
.navbar {
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	font-size: 18px;
}
.navbar-inner {
	background-color: #dadde5;
	background-image: linear-gradient(to bottom, #f7f6f9, #dadde5);
	background-repeat: repeat-x;
	border: 1px solid #e7e7e7;
	border-radius: 6px;
	box-shadow: none;
	min-height: 36px;
	padding-left: 20px;
	padding-right: 0;
}
.navbar-inner li a#home {
	background: url("./medias/img/main-menu-en.png") no-repeat 0 -2px;
	text-indent: -4000px;
	width:20px;
	padding-right:0;
}
.navbar .nav > li{
	line-height: 18px;
}
.navbar .nav > li > a, .navbar .nav > li > a:hover {
	color: #666;
	text-shadow: none;
}
.navbar .nav > li > a {
	color: #666;
	padding: 12px 12px;
}
body.sitees .navbar .nav > li > a {
	padding: 12px 10px;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background-color: transparent;
	color: #666;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	background-color: transparent;
	box-shadow: none;
	color: #666;
	text-decoration: none;
}
.dropdown-menu > li > a {
	color: #666666;
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	padding: 6px 10px;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	color: #00AB67;
	text-decoration: none;
	background-color: #fff;
  background-image: none;
  filter: none;
}
.navbar .nav li.catalogue > a,
.navbar .nav li.catalogue.dropdown.open > .dropdown-toggle,
.navbar .nav li.catalogue.dropdown.active > .dropdown-toggle,
.navbar .nav li.catalogue.dropdown.open.active > .dropdown-toggle {
	background-color: #ff6600;
	color:#FFF;
	border-radius: 6px;
}
.navbar .nav > li.catalogue > a {
	color: #FFF;
	font-weight: bold;
	padding: 12px 40px !important;
	text-shadow: none;
}
@media (max-width: 979px) {
	.navbar .nav > li.catalogue > a {
		padding: 12px 10px !important;
	}
}
.catalogue .dropdown-menu  li {
		min-width: 1000px;
		font-size: 13px;
}
/*	=========================================================================
	RESPONSIVE NAVBAR 13.05
	========================================================================= */
.navbar .brand {
	display: none;
}
@media (max-width: 480px) {
	#all {
		margin: 40px 3% 0 3%;
	}
	.navbar-default{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}
	.rich-menu-col9 {
		float: left;
		height: 140px;
		padding: 10px 0;
		text-align: center;
		width: 50%;
	}
	.rich-menu-col9 {
		float: left;
		height: 140px;
		padding: 10px 0;
		text-align: center;
		width: 50%;
	}
	.rich-menu-imageLeft a {
		border-radius: 0;
		color: #777777;
		font-weight: bold;
		padding: 0!important;
	}
	.rich-menu-imageLeft a:hover {
		background-color: transparent!important;
	}
}
/*	=========================================================================
	RESPONSIVE HEADER 13.05
	========================================================================= */
@media (max-width: 480px) {
	#logo {
		margin-top: 6px;
		position: relative;
		width: 40%;
	}
	#logo a {
		background: url("./medias/img/vygon-value-life-mobile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		float: left;
		text-indent: -9999em;
		width: 106px;
		height: 50px;
	}
	#more {
		margin-top:0;
		width:100%;
	}
	.myvygon {
		margin-bottom: 6px;
		width: 70px;
		margin-right: 10px;
	}
	.langue {
		float: right;
		font-size: 10px;
		position: absolute;
		top: 46px;
		right: 0;
		line-height: 25px;
	}
	.langue a:last-child {
		clear: left;
	}
	.moteur {
		margin: 0 auto;
		float: none;
	}
}
/*	=========================================================================
	RESPONSIVE HOME 13.05
	========================================================================= */
@media (max-width: 480px) {
	.slider {
			display: none;
	}
	.implantations {
			display: none;
	}
	.home h3{
			font-weight: normal;
	}
	#col1 {
		float: left;
		width: 100%;
	}
	#col22{
		width: 100%;
		float:right;
		text-align: center;
	}
	.home-video {
		background-image: none;
		position:relative;
		margin-bottom: 10px
	}
	.masque-video{
		position:absolute;
		top:0;
		left:0;
		max-width: 100%;
	}
	.home-video, .home-video a,.home-video  {
		max-width: 100%;
		height: auto;
	}
	.home-video a{
		max-width: 100%;
		display:block;
		background:none;
		text-indent: 0;
	}
	.activites {
		float: none;
		max-width: 100%;
	}
	.activites .cadre-table td {
		float: none;
		text-align: center;
		max-width: 100%;
	}
	.activites .cadre-inner{
		max-width: 100%;
	}
	.btnhome {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 196px;
	}
}
/*	=========================================================================
	RESPONSIVE HOME TEMPLATE 13.05
	========================================================================= */
@media (max-width: 480px) {
	.page-template-templateindex-filiale-php #col22 {
		width: 100%;
		float: right;
		text-align: center;
		margin-right: 0;
	}
	.hentry-home {
		max-width: 100%;
	}
	.country {
		position: absolute;
		top: 9px;
		left: 100px;
		float: none;
		font-size: 12px;
		margin-top: 0;
		width: 200px;
	}
}
/*	=========================================================================
	RESPONSIVE PAGE PRODUITS 13.05
	========================================================================= */
@media (max-width: 480px) {
	.nav-tabs > li {
		padding: 0;
	}
	.nav-tabs > li > a, .nav-pills > li > a {
		padding-left: 5px;
		padding-right: 5px;
	}
}
/*	=========================================================================
	RESPONSIVE PAGE CONTACT 13.05
	========================================================================= */
@media (max-width: 480px) {
	.page-template-templatecontact-php .nav-tabs,
	.page-template-templatecatalogue-php .nav-tabs {
		border: none;
	}
	.page-template-templatecontact-php .nav-tabs > li,
	.page-template-templatecatalogue-php .nav-tabs > li {
		padding: 0;
		float: none;
	}
	.page-template-templatecontact-php .nav-tabs > li > a,
	.page-template-templatecatalogue-php .nav-tabs > li > a,
	.page-template-templatecontact-php .nav-tabs > li > a:hover,
	.page-template-templatecatalogue-php .nav-tabs > li > a:hover {
		padding: 0 3px;
		border: none !important;
		font-size: 16px;
		line-height: 1.6em;
	}
	.page-template-templatecontact-php .nav-tabs > li > a:before,
	.page-template-templatecatalogue-php .nav-tabs > li > a:before {
		content: "\25b8\a0";
	}
	.page-template-templatecontact-php .nav-tabs > li.active > a:before,
	.page-template-templatecatalogue-php .nav-tabs > li.active > a:before {
		content: "\25be\a0";
	}
}
/*	=========================================================================
	TABS PAGE CONTACT POUR LES TABLETTES (ET +)
	========================================================================= */
/* 25/07/2014 - .nav-tabs - pour la page "contact" du site corpo, on agrandi les typos - mais pas sur mobile */
@media (min-width: 768px) {
	.page-template-templatecontact-php .nav-tabs > li > a {
		font-size: 16px;
		line-height: 36px;
	}
}
/*	=========================================================================
	RESPONSIVE FOOTER 13.05
	========================================================================= */
@media (max-width: 480px) {
	#footer {
		text-align: center;
	}
	#footer > div {
		padding: 2em 0;
	}
	#footer .logo {
		float: none;
		margin: 0 auto;
	}
	#footer .adresse, #footer address {
		float: none;
		margin-right: 0;
	}
	#footer .link {
		float: none;
		margin-right: 0;
	}
	#footer address {
		margin-bottom: 0;
	}
	#footer .copy {
		float: none;
	}
}
/*	=========================================================================
	TABLESAW CUSTOM STYLES
	========================================================================= */
.tablesaw * {
	font-family: 'Source Sans Pro',Verdana,sans-serif !important;
}
.tablesaw-columntoggle tbody td {
	line-height: normal;
}
.tablesaw thead tr:first-child th {
	border-right: none;
	text-align: center;
}
.table.tablesaw thead th {
	vertical-align: top;
	text-transform: none;
}
.table.tablesaw thead th span.titre {
	display: table;
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: -8px;
	margin-right: -8px;
	text-shadow: none;
	height: 4em;
	line-height: 1.2em;
}
label span.titre {
	display: block;
}
.btn-group label span.titre {
	white-space: normal;
}
.table.tablesaw thead th button span.titre {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}
.table.tablesaw thead th span.s-titre {
	display: table;
	height: 4em;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
}
.table.tablesaw thead th .trow {
	display: table-row;
	height: 4em;
	vertical-align: middle
}
.table.tablesaw thead th .tcell {
	display: table-cell;
	vertical-align: middle;
	min-height: 4em;
	width: 100%;
	line-height: 1;
	text-align: center;
	padding: 0 .2em;
}
.tablesaw-columntoggle-btnwrap .dialog-content {
	left: auto !important;
	right: 2em;
	top: 0 !important;
	width: 20em;
}
.tablesaw-enhanced .tablesaw-bar .btn {
	font-size: 12px;
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	font-weight: normal;
}
.tablesaw thead tr:first-child th {
	padding-bottom: 0;
	padding-top: 0;
}
.tablesaw-sortable th.sortable-head button {
	padding: 0 0 0 0;
}
/*	=========================================================================
	RESPONSIVE VIDEO 13.05
	========================================================================= */
.video-container {
	margin: 0 auto;
}
video {
	border-radius: 6px;
}
/* fix taille video pour IE9 */
.home .video-container video {width: 100%;}
@media (max-width: 480px) {
	.video-container {
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin: 10px auto;
	}
	.video-container iframe,
	.video-container object,
	.video-container embed {
		width: 100%;
		height: 100%;
	}
}
/* fix taille video pour la home sur iPad */
@media (max-width: 1024px) {
	.home .video-container,
	.home video {
		width: 432px;
		max-width: 100%;
		height: 243px;
	}
}
@media (max-width: 768px) {
	.home .video-container,
	.home video {
		width: 432px;
		max-width: 100%;
		height: 175px;
	}
}
@media (max-width: 480px) {
	.home .video-container {
		padding-bottom: 0;
		padding-top: 0;
		height: auto;
		overflow: auto;
		margin: 0 auto;
		-webkit-transform-style: preserve-3d; /* résout le problème du z-index sur les videos HTML 5 pour iOS; */
	}
	.home .video-container video {
		height: 170px;
		z-index: 2;
	}
}
/*	=========================================================================
	FOURMLAIRE CONTACT
	========================================================================= */
body.page-template .hentry-content form fieldset {
	margin: auto;
	width:auto;
}
body.page-template .hentry-content form{
	width:80%;
	margin: 0 auto;
}
.hentry-content input[type="radio"], input[type="checkbox"] {
	line-height: normal;
	margin: 0 4px 0 10px;
}
.hentry-content .form-inline input[type="text"], .form-inline textarea{
	width: 100%;
}
@media (max-width: 480px) {
	body.page-template .hentry-content form {
		width: 100%;
	}
	.hentry-content .form-inline input[type="text"], .form-inline textarea{
		width: 95%;
	}
}
/*	=========================================================================
	TABLETTE ET MOBILE
	========================================================================= */
@media (max-width: 980px) {
	.navbar {
		font-size: 14px;
	}
	.nav-collapse .nav:first-child {
		margin-bottom: 0;
	}
	.navbar-inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar .nav > li > a {
		padding: 5px 6px;
	}
	.navbar .nav > li > a:hover {
		background: #fff;
	}
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		background-color: #fff;
	}
	.catalogue .dropdown-menu li {
		background: #fff;
		width: 100%;
		min-width: 100%;
	}
	.navbar .nav > li.catalogue > a:hover {
		background-color: #f60;
		color: #fff;
		border-radius: 6px;
	}
	.navbar .nav > li.catalogue > .dropdown-menu a:hover {
		background-color: transparent;
	}
	.navbar .nav > li.catalogue > a {
		font-weight: normal;
		padding: 6px 10px;
	}
	.nav-collapse li.catalogue .dropdown-menu {
		margin: 0 ;
	}
	li.open.catalogue {
		background: #fff;
		border-radius: 6px;
	}
	#chemin {
		margin: 0 0 0.5em;
	}
	/*** 	PAGE PRODUITS ***/
	.nav-tabs > li > a > span {
		font-size: 12px;
		font-weight: normal;
		color: #808080;
		display: block;
		height: 34px;
		background-repeat: no-repeat;
		line-height: 32px;
	}
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
		font-weight: normal;
	}
}
@media (max-width: 480px) {
	/*** 	PAGE PRODUITS ***/
	.nav-tabs > li > a > span {
		font-size: 16px;
		display: inline-block;
		height: auto;
		line-height: normal;
	}
}
/*	=========================================================================
	NEWS - IMG PAS TROP GRANDES
	========================================================================= */
.news-visuel {
	float: right;
	margin: 0 0 1em 1em;
}
.news-visuel img {
	max-width: 100%;
}
@media (max-width: 480px) {
	.page-template-templatenews-php .hentry-content .news-visuel {
		max-width: 50%;
	}
	/* idem pour les images dans les pages de résultat de recherche */
	.search-results .hentry-content .span2 {
		text-align: center;
	}
	.search-results .hentry-content img {
		max-width: 50%;
	}
}
/* News, titres longs : on ajuste le line-height pour éviter d'avoir un titre qui prennent trop de hauteur sur téléphone */
@media (max-width: 480px) {
	h1 {
		font-size: 22px;
		line-height: normal;
	}
}
/* Recherche - on sépare un peu chaque résultat, pour éviter que les visuels ne se touchent entre eux */
.search .hentry-content .row-fluid {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: solid 1px #eee;
}
.search .hentry-content .row-fluid:last-child {
	border-bottom: none;
}
/*
|--------------------------------------------------------------------------
| UITOTOP jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(medias/img/ui.totop.png) no-repeat left top;
	opacity: .5;
	z-index: 2; /* c.a.d. au-dessus des cartes dynamiques (pour la version US notamment) */
}
#toTopHover {
	background:url(medias/img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}