/*
	Theme Name: GazeChim
	Author: Kairios
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

body {
	margin: 0;
}
a{
	color:#0e4c9c;
}
a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline: 0;
	color:#91cef7;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

p,
pre {
	margin: 1em 0;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: '';
	content: none;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

menu,
ol,
ul {
	padding: 0 0 0 40px;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

@media only screen and (min-width:35em) {
}

@media print, (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

}

.aligncenter {
	display: block;
	margin: 0 auto
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.wp-caption {
	border: 1px solid #666;
	text-align: center;
	background: #ccc;
	padding: 10px;
	margin: 10px
}

li#theme-switcher {
	background: #fff;
	border: 10px solid #0e4c9c;
	padding: 20px;
	position: fixed;
	top: 0;
	right: 0
}

*/h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold
}

.alert {
	background: red;
	color: white
}

.wp-caption-text {
}

.gallery-caption {
}

.bypostauthor {
}

.sticky {
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.border-bottom-grey {
	border-bottom: 1px solid #ccc;
}

.border-top-grey {
	border-top: 1px solid #ccc;
}

/******************************************************************************************************/

/******************************************************************************************************/

/**************************************   WORDPRESS  THEME   ******************************************/

/******************************************************************************************************/

/******************************************************************************************************/

/* 01 - COMMON
****************************************************/
body {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 18px;
}

img {
	display: block;
}

#content {
	padding-bottom: 20px;
	border-bottom: solid 10px #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,f0f1f1+100 */
	background: #F6F6F6; /* Old browsers */
	background: -moz-linear-gradient(top,  #F6F6F6 0%, #FFF 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #F6F6F6 0%,#FFF 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #F6F6F6 0%,#FFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F6', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */

}

#content li {
	list-style-image: url(images/puce.png);
}

.slider {
	width: 100%;
	height: 304px;
	background-image: url(images/bg-slider.png);
	background-repeat: rtransparentt-x;
	background-color: transparent;
	background-position: center -1px;
}

.slider .flexslider {
	width: 980px;
	height: 305px;
	margin: 0 auto;
}

.title h1 {
	float: left;
}

.title hr {
	float: right;
	margin: 40px 0 0;
}

/* 02 - HEADER
****************************************************/
header {
	width: 100%;
}

header > div > section {
	width: 980px;
	margin: 0 auto;
}

header #header-top {
	width: 100%;
	height: 32px;
	background: #000;
	border-bottom: solid 1px #d4d4d4;
}

header #header-top #lang {
	margin: 8px 15px 0 0;
	border-right: solid 1px #FFF;
	float: left;
	display: none;
}

header #header-top #lang a {
	float: left;
	padding-right: 5px;
	height: 12px;
}

header #header-top #menu-site {
	float: left;
	margin: 6px 0 0 0;
	padding: 0;
	display: none;
}

header #header-top #menu-site li {
	list-style: none;
}

header #header-top #menu-site li a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}

header #header-top #menu-site > li > a {
	background: url(images/arrow.jpg) no-repeat 145px 2px;
	padding-right: 25px;
	display: block;
	height: 18px;
}

header #header-top #menu-site li ul {
	display: none;
	background: #000;
	position: absolute;
	margin: 0;
	padding: 5px 15px;
	top: 32px;
	left: -15px;
	width: 100%;
	z-index: 200;
}

header #header-top #menu-site li ul li {
	width: 980px;
	margin: 0 auto;
}

header #header-top #menu-site li ul li a {
	padding: 0 0 0 40px;
}

header #header-top #menu-site li ul a:hover {
	text-decoration: underline;
}

header #header-top  #header-top-right {
	float: right;
}

header #header-top  #header-top-right a {
	float: right;
    color: #FFF;
    text-decoration: none;
    margin: 5px 0 0 5px;
    text-transform: uppercase;
    font-size: 11px;
}

header #header-top  #header-top-right div {
	float: right;
}

header #header-top  #header-top-right ul {
	margin: 0;
	padding: 0;
}

header #header-top  #header-top-right li {
	list-style: none;
	float: left;
	margin-left: 0;
	height: 32px;
}

header #header-top  #header-top-right li a {
	color: #FFF;
	text-decoration: none;
	margin:5px 0 0 5px;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

header #header-top  #header-top-right li a:hover {
	text-decoration: underline;
}

header #header-top  #header-top-right li#menu-item-133 {
	background: url(images/picto-euro.jpg) no-repeat 0 0px;
}

header #header-top  #header-top-right li#menu-item-132 {
	background: url(images/picto-fds.jpg) no-repeat 0 0px;
}

header #header-bottom {
	width: 100%;
}

header #header-bottom #logo {
	margin: 10px 0;
	float: left;
}

header #header-bottom #searchform {
	float: right;
	margin-top: 38px;
	width: 325px;
}

header #header-bottom #searchform p {
	margin: 0;
}

header #header-bottom #searchform input {
	width: 280px;
	height: 27px;
	padding: 2px 5px;
	border: solid 1px transparent;
	background: #f5f5f5;
	float: left;
	font-size: 12px;
	color: #58585a;
}

header #header-bottom #searchform button {
	border: none;
	width: 33px;
	height: 33px;
	border: none;
	background: #91cef7 url(images/loupe.png) no-repeat center center;
	float: left;
}
header #header-bottom #searchform button:hover {
	background-color: #4bb4fb;
}

header #header-bottom #searchform a {
	font-size: 11px;
	color: #87888a;
	text-align: right;
	display: block;
	margin-top: 2px;
}

header #header-bottom nav {
	margin: 0 0 5px;
	text-align: center;
	width: 100%;
	float: left;
	background: #000;
	color: #FFF;
}

header #header-bottom nav section {
	width: 980px;
	margin: auto;
}

header #header-bottom section > a {
	float: right;
	width: 147px;
	margin-top: 20px;
}

header #header-bottom nav ul {
	padding: 0;
	margin: 0;
}

header #header-bottom nav ul ul {
	position: absolute;
	z-index: 9999;
	top: 25px;
	left: 0px;
	width: 250px;
	background: #FFF;
	display: none;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

header #header-bottom nav ul #menu-item-37 ul {
	width: 300px;
}

header #header-bottom nav ul li#menu-item-23 ul {
	left: -86px;
}

header #header-bottom nav ul li {
	float: left;
	padding: 0;
	margin: 9px 0;
	border-right: solid 2px #9c9e9f;
	position: relative;
}

header #header-bottom nav ul ul li {
	float: none;
	text-align: left;
	padding-left: 13px;
	border-top: solid 1px #cfcfcf;
	padding: 0;
	border-right: none;
	margin: 0;
}

header #header-bottom nav ul ul li a {
	color: #000;
	font-size: 12px;
	font-style: normal;
	background: none;
	display: block;
	padding: 10px;
	margin: 0;
}

header #header-bottom nav ul a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	color: #FFF;
	margin: 0 2px;
	padding: 0 14px;
}

header #header-bottom nav ul a:hover,
header #header-bottom nav ul li.current_page_item > a,
header #header-bottom nav ul li.current-menu-parent > a {
	color: #FFF;
}

#breadcrumb > a,
#breadcrumb > span {
	font-size: 12px;
}

/* 03 - FOOTER
****************************************************/
footer {
	margin-top: 7px;
}

footer section {
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}

footer #footer-top {
	width: 100%;
	background: #F1F1F1;
}

footer #footer-top .menu-header {
	width: 570px;
	float: left;
	padding-bottom: 10px;
}

footer #footer-top ul {
	margin: 0;
	padding: 0;
}

footer #footer-top ul li {
	float: left;
	list-style: none;
	padding: 0;
	width: 190px;
	color: #FFF;
	font-size: 12px;
}

footer #footer-top ul li li {
	float: none;
	display: block;
	width: 100%;
	line-height: 20px;
}

footer #footer-top .menu-header a {
	color: #222;
	display: block;
	text-decoration: none;
	line-height: 18px;
}


footer #footer-top .menu-header > ul > li > a {
	font-size: 15px;
	margin: 30px 0 5px 0;
	font-weight: bold;
	text-decoration: none;
	color: #0e4c9c;
	display: block;
}

footer #footer-top .menu-header .sub-menu a:before {
	content: "› ";
	color: #0e4c9c;
}

footer #footer-top .menu-header > ul > li > a:hover {
	text-decoration: none;
}

footer #footer-top ul li a:hover {
	text-decoration: underline;
}

/*
footer #footer-top ul li.menu-item-643{
	display:none;
}
*/
footer #footer-top ul li.menu-item-111 > a,
footer #footer-top ul li.menu-item-117 > a,
footer #footer-top ul li.menu-item-118 > a,
footer #footer-top ul li.menu-item-97 > a {
	cursor: default;
}

footer #footer-top ul li.menu-item-119,
footer #footer-top ul li.menu-item-120 {
	position: absolute;
	width: auto;
	top: 230px;
}

footer #footer-top ul li.menu-item-119 {
	left: 580px;
}

footer #footer-top ul li.menu-item-120 {
	left: 700px;
}

footer #footer-top ul li.menu-item-119 a,
footer #footer-top ul li.menu-item-120 a {
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

footer #footer-top ul li.menu-item-119 a:hover,
footer #footer-top ul li.menu-item-120 a:hover {
	text-decoration: underline;
}

footer #footer-top div.last {
	width: 180px;
	padding: 10px;
	margin: 8px 20px 0 0;
	color: #000;
	font-size: 12px;
	float: left;
}

footer #footer-top div.last img {
	display: block;
	float: left;
	margin-bottom: 10px;
	max-width: 100%;
	height: auto;
}

footer #footer-top  .last a {
	text-decoration: none;
}

footer #footer-top  .last a:hover {
	text-decoration: underline;
}

footer hr {
	width: 100%;
	height: 5px;
	margin: 5px 0;
	background: #F1F1F1;
	border: none;
}

footer #footer-bottom {
	width: 100%;
	height: 50px;
}

footer #footer-bottom ul {
	padding: 0;
	margin: 5px 0 0 0;
}

footer #footer-bottom ul li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 0 0 8px;
	line-height: 15px;
	border-right: solid 1px #000;
}

footer #footer-bottom ul li:last-child {
	border: none;
}

footer #footer-bottom ul li a {
	font-size: 12px;
	text-decoration: none;
	color: #000;
	padding-right: 8px;
	display: block;
}

footer #footer-bottom ul li a:hover {
	text-decoration: underline;
}

footer #newsletter {
	width: 190px;
	float: left;
}

footer #newsletter h3 {
	color: #0e4c9c;
	margin: 30px 0 5px;
}

footer #newsletter input {
	width: 150px;
	padding: 3px 5px;
	border: solid 1px transparent;
	height: 20px;
	float: left;
}

footer #newsletter button {
	color: #FFF;
	font-weight: bold;
	border: none;
	background: #91cef7;
	text-align: center;
	cursor: pointer;
	width: 28px;
	height: 28px;
	float: right;
}

footer #newsletter button:hover {
	background: #4bb4fb;
}

footer #newsletter ul {
	margin-top: 10px;
}

footer #newsletter ul li {
	display: inline-block;
	padding: 5px 15px 0 0;
	width: auto;
}

footer #newsletter ul li a {
	text-decoration: none;
	color: #222;
}

footer #newsletter ul li a:before {
	content: "› ";
	color: #0e4c9c;
}

.gform_wrapper.gf_browser_gecko .gfield.gsection {
	border: medium none;
}

/* 03 - FOOTER - NEWSLETTER
****************************************************/

/**** OVERLAY NEWSLETTER  ***/
#bg-overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000, endColorstr=#C0000000);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 15000;
}

#overlay-newsletter {
	width: 420px;
	height: auto;
	padding: 20px 40px;
	background: #FFF;
	position: fixed;
	top: -600px;
	left: 50%;
	margin-left: -250px;
	z-index: 16000;
	box-shadow: 1px 1px 12px #555;
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
}

#overlay-newsletter h2 {
	font-size: 18px;
	text-transform: uppercase;
}

#overlay-newsletter hr {
	width: 200px;
}

#overlay-newsletter  .gform_wrapper ul {
	padding: 0;
	margin: 0;
}

#overlay-newsletter .gform_wrapper  ul li {
	list-style: none;
	margin-bottom: 5px;
}

#overlay-newsletter input[type='text'],
#overlay-newsletter input[type='email'] {
	width: 400px;
	height: 22px;
	padding: 3px 5px;
	border: none;
	color: #90847e;
	font-size: 12px;
	border: solid 1px #c0b9b5;
	margin-right: 5px;
}

#overlay-newsletter .gform_wrapper input[type="submit"] {
	border: 1px solid #C6C6C6;
	color: #FFFFFF;
	font-family: tahoma;
	font-size: 14px;
	height: 34px;
	text-align: center;
	width: 212px;
	float: left;
	margin-right: 10px;
}

#overlay-newsletter .gform_wrapper  li.gfield.gfield_error.gfield_contains_required {
	padding: 0 !important;
	width: 100%;
}

#overlay-newsletter .gform_heading {
	display: none;
}

#overlay-newsletter  .validation_message,
#overlay-newsletter  .validation_error {
	color: red;
}

/****  OVERLAY QUANTITE PANIER ****/
.overlay {
	height: auto;
	font-size: 14px;
	padding: 20px 40px;
	background: #FFF;
	position: absolute;
	top: -600px;
	left: 50%;
	z-index: 16000;
	box-shadow: 1px 1px 12px #555;
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
}

#overlay-ajoutpanier {
	width: 580px;
	height: auto;
	margin-left: -320px;
	position: fixed;
}

.overlay a.close-overlay {
	position: absolute;
	top: -15px;
	right: -15px;
	font-size: 26px;
	text-decoration: none;
	color: #DDD5D0;
}

.overlay .title h1 {
	float: left;
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	width: auto;
}

#overlay-ajoutpanier .title hr {
	float: right;
	margin: 40px 0 0 5px;
	width: 200px;
}

.overlay article {
	margin-top: 20px;
}

.overlay article > img {
	border: 1px solid #CCCCCC;
	height: 160px;
	margin-right: 20px;
	width: 160px;
	float: left;
}

.overlay article > .info-prod {
	width: 396px;
	float: left;
}

.overlay article > .info-prod h2 {
	color: #0e4c9c;
	font-size: 16px;
	margin-top: 0;
}

.overlay article > .info-prod p {
	color: #1a171b;
	font-size: 14px;
	margin: 0;
}

.overlay article > .info-prod p a {
	height: 15px;
	width: 15px;
	color: #FFF;
	text-decoration: none;
	background: #0e4c9c;
	margin: 2px 8px 0 8px;
	float: left;
	text-align: center;
	line-height: 12px;
}

.overlay article > .info-prod p a:hover {
	background: #6A94CA;
}

.overlay article > .info-prod p span {
	float: left;
}

.overlay article > .info-prod p span#qte {
	font-size: 12px;
	padding: 2px 6px;
	border: 1px solid #CCCCCC;
	margin: -2px 0 0 0;
}

.overlay article > .info-prod p #qte-moins {
	margin-right: 15px;
}

.overlay article > .info-prod p #conditionnement {
	width: 130px;
	height: 26px;
	padding: 3px;
	border: solid 1px #ccc;
	margin: -3px 0 0 5px;
	text-align: center;
}

.overlay article > .info-prod #finaliserDevis,
.overlay article > .info-prod #ajouterPanier {
	background: url("images/icon-ajoutpanier.png") no-repeat 5px 5px #0e4c9c;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	margin: 10px 0 0 0;
	padding: 0 0 0 32px;
	text-decoration: none;
	text-align: left;
	width: 220px;
	display: block;
}

.overlay article > .info-prod #finaliserDevis:hover,
.overlay article > .info-prod #ajouterPanier:hover {
	background: url("images/icon-ajoutpanier.png") no-repeat 5px 5px #6A94CA;
}

.overlay #annulerAjoutPanier {
	background: url("images/icon-annuler.png") no-repeat 5px 5px #6A94CA;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	margin-top: 10px;
	padding: 0 0 0 32px;
	text-decoration: none;
	width: 80px;
}

.overlay #annulerAjoutPanier:hover {
	background: url("images/icon-annuler.png") no-repeat 5px 5px #0e4c9c;
}

/***   OVERLAY PANIER ***/
#overlay-panier {
	width: 860px;
	margin-left: -460px;
	position: absolute;
}

#overlay-panier .title hr {
	float: right;
	margin: 40px 0 0 5px;
	width: 640px;
}

#overlay-panier a.btn-qte {
	height: 15px;
	width: 15px;
	color: #FFF;
	text-decoration: none;
	background: #0e4c9c;
	float: left;
	text-align: center;
	line-height: 12px;
	margin: 12px 6px 0 6px;
}

#overlay-panier a.btn-qte:hover {
	background: #6A94CA;
}

#overlay-panier a#qte-plus {
	margin-left: 40px;
}

#overlay-panier span#qte {
	font-size: 12px;
	padding: 2px 8px;
	border: 1px solid #CCCCCC;
	margin: 7px 0 0 0;
	line-height: 18px;
	float: left;
}

#overlay-panier .conditionnement {
	width: 140px;
	height: 26px;
	padding: 3px;
	border: solid 1px #ccc;
	text-align: center;
}

#overlay-panier td img {
	float: right;
	margin-top: 6px;
}

#overlay-panier #validerDevis {
	float: right;
	background: url("images/icon-ajoutpanier.png") no-repeat 5px 5px #0e4c9c;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	margin: 0 0 0 15px;
	padding: 0 0 0 32px;
	text-decoration: none;
	width: 200px;
}

#overlay-panier  #validerDevis:hover {
	background: url("images/icon-ajoutpanier.png") no-repeat 5px 5px #6A94CA;
}

#overlay-panier #backCatalogue {
	float: right;
	background: url("images/icon-annuler.png") no-repeat 5px 5px #0e4c9c;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	margin: 0 0 0 15px;
	padding: 0 0 0 32px;
	text-decoration: none;
	width: 140px;
}

#overlay-panier  #backCatalogue:hover {
	background: url("images/icon-annuler.png") no-repeat 5px 5px #6A94CA;
}

/***  OVERLAY DEVIS ***/
#overlay-devis {
	width: 720px;
	margin-left: -400px;
	position: absolute;
}

#overlay-devis .title hr {
	width: 400px;
}

#overlay-devis #acces-catalogue {
	background: #FFF;
	border: solid 1px #CCC;
	padding: 2px;
	width: 580px;
	height: 150px;
	margin: 20px auto;
}

#overlay-devis #acces-catalogue a.inner {
	background: url(images/icon-accescatalogue.png) no-repeat 65px 45px #0e4c9c;
	width: 430px;
	height: 150px;
	display: block;
	padding: 0 0 0 150px;
	color: #FFF;
	text-decoration: none;
}

#overlay-devis #acces-catalogue a.inner:hover {
	background: url(images/icon-accescatalogue.png) no-repeat 65px 45px #6A94CA;
}

#overlay-devis #acces-catalogue a.inner b {
	display: block;
	padding-top: 60px;
	font-size: 23px;
	line-height: 24px;
}

#overlay-devis #acces-catalogue a.inner span {
	display: block;
	font-weight: bold;
}

#overlay-devis #devis-express {
	margin-top: 30px;
	border-top: dotted 4px #d9dadb;
	border-bottom: solid 1px #d9dadb;
	padding: 30px 0 10px 0;
	width: 586px;
	margin: 0 auto;
}

#overlay-devis #devis-express a {
	text-decoration: none;
	color: #4c4c4c;
}

#overlay-devis #devis-express a span {
	background: url("images/icon-devisexpress.png") no-repeat 4px 4px #0e4c9c;
	border: 1px solid #CCCCCC;
	float: right;
	height: 17px;
	padding: 4px;
	width: 17px;
	margin-left: 10px;
}

#overlay-devis #devis-express a b {
	float: right;
	padding-top: 4px;
}

#overlay-devis #devis-express a:hover span {
	background: url("images/icon-devisexpress.png") no-repeat 4px 4px #6A94CA;
}

/***  FORM DEVIS ***/
/***  FORM DEVIS ***/
.form-devis {
	display: none;
	margin: 20px auto 0;
}

.form-devis p {
	margin-bottom: 10px;
	float:left;
	width:100%;
}
.form-devis p.half {
	width:50%;
	margin:5px 0;
}

.form-devis label {
	display: block;
	font-weight: bold;
}

.form-devis input,
.form-devis textarea {
	border: solid 1px #ccc;
	padding: 3px 5px;
	height: 24px;
	width: 90%;
}

.form-devis textarea {
	height: 100px;
	width:95%;
}

.form-devis i {
	font-size: 10px;
}

.form-devis .msg-retour {
	display: none;
	font-weight: bold;
}

.form-devis .msg-retour.error {
	color: red;
}

.form-devis .msg-retour.succeed {
	color: green;
}

.form-devis .submitCtn {
	text-align:center;
}
.form-devis button {
	background: #0e4c9c;
	border: 1px solid #CCCCCC;
	padding: 10px 10px 10px 40px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	background: url("images/icon-ajoutpanier.png") no-repeat 8px 8px #0e4c9c;
	margin-top: -25px;
}

.form-devis button:hover {
	background: url("images/icon-ajoutpanier.png") no-repeat 8px 8px #6A94CA;
}


/* 04 - HOME
****************************************************/
#home {
}

#home .slider .slides li {
	position: relative;
	list-style: none;
}

#home .slider .caption {
	width: 340px;
	height: 150px;
	top: 125px;
	left: 245px;
	color: #FFF;
	font-weight: bold;
	position: absolute;
}

#home .slider .caption h3 {
	font-size: 25px;
	color: #FFF;
	margin: 0 0 10px -17px;
	line-height: 28px;
	font-style: italic;
}

#home .slider .caption h3 span {
	color: #4a95f3;
}

#home .slider  .caption a {
	color: #4a95f3;
	text-decoration: none;
	font-weight: border-left: ;
	font-size: 12px;
	display: inline-block;
	padding: 0 3px;
}

#home .slider  .caption a::before {
	content: '›';
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size: 11px;
	font-weight: normal;
	margin-right: 3px;
	text-align: center;
	line-height: 10px;
	color: #FFF;
	background: #4a95f3;
}

#home #content-home > section {
	width: 980px;
	margin: 20px auto;
}

#home #content-home #title {
	margin: 35px auto 25px;
	width: 980px;
}

#home #content-home #title hr {
	float: left;
	margin: 22px 0 0 0;
}

#home #content-home #title h1 {
	float: right;
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	padding-left: 58px;
	background: url(images/puce-h1.png) no-repeat 0px 2px;
	width: auto;
	margin: 0;
}

.le-groupe {
	background: #515151;
}

#home #content-home > section  > ul {
	margin: 0 auto;
	padding: 0;
	width: 802px;
	float: left;
}

#home #content-home > section > ul li {
	width: 179px;
	height: 180px;
	float: left;
	margin: 0 21px 20px 0;
	list-style: none;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#home #content-home > section > ul li a {
	text-decoration: none;
}

#home #content-home > section > ul li.wide {
	height: 140px;
}

#home #content-home > section > ul li.big-wide,
#home #content-home > section > ul li.big-wide a > img {
	height: 140px;
	width: 378px;
}

#home #content-home > section > ul li.le-groupe {
	width: 380px;
	color: #FFF;
}

#home #content-home ul li.le-groupe h3 {
	color: #FFF;
	font-size: 30px;
	font-style: italic;
	margin: 10px 15px 0 15px;
	line-height: 35px;
}

#home #content-home ul li.le-groupe p {
	font-size: 14px;
	margin: 5px 15px 0 15px;
	line-height: 20px;
}

#home #content-home ul li.le-groupe p a {
	color: #FFF;
	text-decoration: none;
}

#home #content-home ul li.le-groupe p a:hover {
	text-decoration: underline;
}

#home #content-home ul li a > img {
	position: absolute;
	top: 0;
	left: 0px;
	width: 180px;
	height: 180px;
}

#home #content-home ul li.wide a > img {
	width: 180px;
	height: 140px;
}

#home #content-home ul li span.over {
	background: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
	display: block;
	height: 185px;
	left: 0;
	position: absolute;
	top: 0;
	width: 180px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;	/*border:10px solid rgba(0,0,0,0);*/
}

#home #content-home ul li span.over img {

	/*position:relative;
	top:0;
	left:50%;
	margin-left:-19px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;*/
	display: none;
	opacity: 0;
}

#home #content-home ul li a:hover span.over {
	background: rgba(0, 0, 0, 0.45);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);	/*border:10px solid rgba(0,0,0,0.45);*/
}

#home #content-home ul li a:hover span.over img {

	/*top:40%;
	opacity:1;*/
}

#home #content-home ul li.wide span.over {
	height: 140px;
}

#home #content-home ul li.big-wide span.over {
	height: 140px;
	width: 378px;
}

#home #content-home ul li div.link-acti {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#home #content-home ul li div.link-acti > img {
	float: left;
}

#home #content-home ul li div.link-acti > span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	float: left;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000, endColorstr=#C0000000);
	font-size: 12px;
	color: #FFF;
	width: 100%;
	border-top: 1px solid #767574;

	text-align: right;
	font-weight: bold;

	padding: 5px 6px;
}

#home #content-home #actus {
	width: 178px;
	height: 497px;
	background: #0e4c9c;
	float: left;
}

#home #content-home #actus h3 {
	color: #FFF;
	font-size: 30px;
	font-style: italic;
	margin: 55px 0 0 10px;
}

#home #content-home #actus ul li {
	background: none;
	margin: 7px;
	color: #FFF;
	font-size: 14px;
	max-width: 164px;
}

#home #content-home #actus ul li div {
	margin: 15px 0;
}

#home #content-home #actus ul li span {
	display: block;
	font-size: 12px;
	color: #FFF;
}

#home #content-home #actus ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#home #content-home #actus ul li a.excerpt {
	color: #BBBDBE;
	text-decoration: none;
}

#home #content-home #actus ul li a.excerpt:hover {
	text-decoration: underline;
}

#home #content-home #actus  .flex-direction-nav a {
	top: -66px;
	border: none;
	width: 24px;
	height: 24px;
	background-position: 7px 7px;
}

#home #content-home #actus  .flex-direction-nav a.flex-prev {
	right: 44px;
}

#home #content-home #actus  .flex-direction-nav a.flex-next {
	background-position: -39px 7px;
	right: 10px;
}

#home #content-home #bloc-contact {
	width: 180px;
	height: 46px;
	background: url(images/bg-contact.jpg) no-repeat;
	float: right;
}

#home #content-home #bloc-contact a {
	color: #fff;
}

#home #content-home #bloc-contact a {
	font-size: 25px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	display: block;
	margin: 14px 10px 0 0;
}

.title h2 {
	font-size: 26px !important;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	padding-left: 58px;
	background: url(images/puce-h1.png) no-repeat 0px 2px;
	width: auto;
	float: left;
	color: #000 !important;
}

/****  MENU TAB ****/
.menu-tab {
	margin: 20px 0 0 0;
	padding: 0;
	border-bottom: solid 1px #0e4c9c;
}

.menu-tab li {
	list-style: none !important;
	float: left;
	background: #ebf3f8;
	margin: 0 5px 5px 0;
}

.menu-tab li a {
	padding: 5px 15px;
	text-decoration: none;
	font-size: 14px;
	display: block;
	color: #0e4c9c;
}

.menu-tab li.selected,
.menu-tab li:hover {
	background: #0e4c9c;
	margin: 0 5px 0 0;
	padding: 0 0 5px 0;
}

.menu-tab li.selected a,
.menu-tab li:hover a {
	color: #FFF;
}

.content-tab ul {
	padding: 0;
	margin: 0;
}

/* xx - SINGLE ACTIVITE
****************************************************/

/*
#single-activite{
width:100%;
padding-bottom:3px;
background:url(images/bg-slider.png) no-repeat center -1px transparent;
}

#single-activite.bleu  section h2{
color:#0e4c9c;
}

#single-activite  section{
width:937px;
margin:0 auto;
background:#FFF;
padding:0 20px 60px 20px;
}

#single-activite  section#header-activite{
position:relative;
width:980px;
padding:0;
}

#single-activite #header-activite #titre,
#single-activite #header-activite #breadcrumb{
position:absolute;
right:15px;
color:#58585a;
}

#single-activite #header-activite #titre{
    right: 0;
    top: 118px;
}

#single-activite #header-activite #titre img{
float:left;
}

#single-activite #header-activite #titre span{
float:left;
    height: 27px;
    color: #FFFFFF;
    font-size: 25px;
    font-style: italic;
    margin: 0;
    padding: 8px 15px 0 8px;
}

#single-activite #header-activite #breadcrumb{
top:172px;
}

#single-activite #header-activite #breadcrumb a{
color:#58585a;
text-decoration:none;
}

#single-activite #header-activite #breadcrumb a:hover{
text-decoration:underline;
}


#single-activite h2, #single-activite #header-activite #breadcrumb span.grey{
color:#58585a;
}

#single-activite  h1{
font-size:26px;
line-height:26px;
font-style:italic;
font-weight:bold;
padding-left:58px;
background:url(images/puce-h1.png) no-repeat 0px 2px;
width:auto;
}

#single-activite #title h1{
float:left;
}

#single-activite #title hr{
float:right;
margin:40px 0 0 0;
}

#single-activite #content-activite {
font-size:14px;
}


#single-activite  h2{
font-size:16px;
display:block;
margin-bottom:30px;
}

#single-activite  #content-activite h2{
margin:0 0 5px 0;
}


#single-activite  #content-activite img{
border:solid 1px #d9dadb;
}

#single-activite  #content-site-activite{
margin-top:10px;
}

#single-activite  #content-site-activite  .flex-control-nav {
top:-46px;
}

#single-activite  .site-activite{
width:240px;
float:left;
margin: 0 54px 0 0;
padding: 0 54px 0 0;
border-right:solid 1px #d9dadb;
}

#single-activite  .site-activite.last-site{
margin: 0;
padding: 0;
border:none;
}

#single-activite  .site-activite h4{
font-size:14px;
margin:10px 0 20px 0;
display:block;
}


#single-activite  .site-activite img{
border:solid 1px #d9dadb;
}

#single-activite  .site-activite p{
font-size:14px;
color:#000;
}

#single-activite  .site-activite a{
float:right;
padding:2px 10px;
background:#707374;
color:#FFF;
font-size:12px;
text-decoration:none;
}


#single-activite  #content-other-activite {
margin-top:40px;
}

#single-activite  #content-other-activite  .flex-control-nav {
top:-60px;
}

#single-activite  .other-activite{
width:220px;
float:left;
margin-right:20px;
position:relative;
}

#single-activite  .other-activite.last-activite{
margin-right:0px;
}

#single-activite  .other-activite >img{
display:block;
width:100%;
}

#single-activite  .other-activite > div{
position:absolute;
top:188px;
right:10px;
}

#single-activite  .other-activite > div img{
float:left;
}

#single-activite  .other-activite > div a{
float:left;
height:20px;
background:rgba(0,0,0,0.7);
font-size:12px;
color:#FFF;
padding:1px 6px 0;
}

#single-activite  .other-activite > div a:hover{
background:rgba(0,0,0,0.7);
text-decoration:underline;
}

#single-activite  .other-activite h4{
font-size:12px;
font-weight:bold;
margin-bottom:0;
}

#single-activite  .other-activite p{
font-size:11px;
color:#58585a;
margin-top:0;
}

#single-activite  .other-activite a{
float:right;
padding:2px 10px;
background:#707374;
color:#FFF;
font-size:11px;
text-decoration:none;
}
*/

/* xx - TEMPLATE METIER
****************************************************/
#metiers {
	width: 100%;
	padding-bottom: 3px;
	background: url(images/bg-slider.png) no-repeat center -1px transparent;
}

#metiers  section {
	width: 937px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 20px 0px 20px;
}

#metiers  section#header-metier {
	position: relative;
	width: 976px;
	padding: 0;
}

#metiers #header-metier #titre,
#metiers #header-metier #breadcrumb {
	position: absolute;
	right: 15px;
	color: #58585a;
}

#metiers #header-metier #titre {
	right: 0;
	top: 175px;
}

#metiers #header-metier #titre img {
	float: left;
}

#metiers #header-metier #titre span {
	float: left;
	height: 27px;
	color: #000;
	font-size: 25px;
	font-style: italic;
	margin: 0;
	padding: 8px 15px 0 8px;
}

#metiers #header-metier #breadcrumb {
	top: 220px;
}

#metiers #header-metier #breadcrumb a {
	color: #58585a;
	text-decoration: none;
}

#metiers #header-metier #breadcrumb a:hover {
	text-decoration: underline;
}

#metiers h2,
#metiers #header-metier #breadcrumb span.grey {
	color: #58585a;
}

#metiers  h1 {
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	width: auto;
}

#metiers #title h1 {
	float: left;
}

#metiers #title hr {
	float: right;
	margin: 40px 0 0 0;
}

#metiers  #content-metier {
	font-size: 14px;
	line-height: 20px;
}

#metiers  h2 {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

#metiers  #metier h2 {
	margin: 0 0 5px 0;
}

#metiers  #metier img {
	border: solid 1px #d9dadb;
}

#metiers  #content-metier ul li {
	list-style-image: url(images/puce.png);
	color: #1a171b;
}

#metiers  #content-metier img {

	/* border: 1px solid #D9DADB;
		width:100%;*/
}

#metiers  #content-metier a {
	font-weight: bold;
}

#metiers  #content-metier .two_third > * {
	padding-right: 20px;
}

#metiers #metier {
	margin-top: 50px;
}

#metiers #metier article {
	margin-bottom: 20px;
}

#metiers #metier article img {
	border: 1px solid #D9DADB;
	float: left;
	margin-right: 20px;
}

#metiers #metier article div.content-block-metier {
	font-size: 14px;
	line-height: 20px;
	    display: table;
		width: 76%;
}

#metiers #metier article div.content-block-metier > a {
	color: #FFFFFF;
	display: inline;
	font-size: 11px;
	font-weight: normal;
	padding: 0 3px;
	text-decoration: none;
	float:right;
}

#metiers #content-metier .three_fifth {
	width: 510px;
	margin-right: 30px;
}

#metiers #content-metier .three_fifth img {
	border: none;
}

#metiers #content-metier .two_fifth {
	width: 400px;
}

/* xx - TEMPLATE SUPPORT TECHNIQUE
****************************************************/
#st #section-content-st {
	background: url(images/bg-st.jpg) no-repeat scroll 721px 0 #FFFFFF;
}

#st {
	width: 100%;
	padding-bottom: 3px;
	background: url(images/bg-slider.png) no-repeat center -1px transparent;
}

#st  section {
	width: 937px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 20px 60px 20px;
}

#st  section#header-st {
	position: relative;
	width: 980px;
	padding: 0;
}

#st #header-st #titre,
#st #header-st #breadcrumb {
	position: absolute;
	right: 15px;
	color: #58585a;
}

#st #header-st #titre {
	right: 0;
	top: 118px;
}

#st #header-st #titre img {
	float: left;
}

#st #header-st #titre span {
	float: left;
	height: 27px;
	color: #FFFFFF;
	font-size: 25px;
	font-style: italic;
	margin: 0;
	padding: 8px 15px 0 8px;
}

#st #header-st #breadcrumb {
	top: 200px;
}

#st #header-st #breadcrumb a {
	color: #58585a;
	text-decoration: none;
}

#st #header-st #breadcrumb a:hover {
	text-decoration: underline;
}

#st  h1 {
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	padding-left: 58px;
	background: url(images/puce-h1.png) no-repeat 0px 2px;
	width: auto;
}

#st  h2 {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

/*
#st .title{
	margin:0;
}

#st .title h1{
	float:left;
	margin-top:0px;
}

#st .title hr{
	float:right;
	margin:22px 0 0 0;
}
*/
#st  #section-content-st {
	background: url(images/bg-st.jpg) no-repeat 721px 0px #FFF;
}

#st  #content-st {
	font-size: 14px;
	line-height: 20px;
}

#st #the_content_st {
	margin-bottom: 50px;
}

#st #content-st img {
	border: 1px solid #D9DADB;
}

#st  #content-st #content-st-left {
	width: 660px;
	margin: 0 60px 0 0;
	float: left;
}

#st  #content-st #content-st-right {
	width: 220px;
	float: left;
	margin: 15px 0 0 0;
}

/*** LISTING METIER PAGE CULTURE ET METIER   ***/
#st #content-st h3 {
	font-size: 21px;
	font-style: italic;
	color: #fff;
	display: block;
	padding: 5px 0 5px 15px;
	width: 645px;
	margin: 0px;
}

#st .one_fourth img {
	width: 96%;
	height: auto;
	display: block;
	padding: 2%;
	border: 1px solid #D4D4D4;
}

#st .three_fourth.last_column p,
#st .three_fourth.last_column h2 {
	padding-left: 15px;
	margin: 0 0 5px 0;
}

#st .three_fourth.last_column p {
}

/*  FORMULAIRE FORMATION */
#st #ressources,
#st #formation {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #D9DADB;
	height: 168px;
	padding: 3px;
	width: 200px;
	margin-bottom: 15px;
}

#st #content-st #ressources > a,
#st #content-st #formation > a {
	color: #FFFFFF;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 112px;
	padding-top: 40px;
	text-align: center;
	text-decoration: none;
	width: 184px;
	border: 8px solid #0e4c9c;
}

#st #content-st #ressources > a {
	background: url(images/picto_ressources.png) no-repeat 75px 72px #0e4c9c;
}

#st #content-st #formation > a {
	background: url(images/pencil.png) no-repeat 75px 91px #0e4c9c;
}

#st #content-st #ressources > a:hover,
#st #content-st #ressources > a.open {
	background: url(images/picto_ressources-hover.png) no-repeat 75px 72px #FFF;
	color: #0e4c9c;
}

#st #content-st #formation > a:hover,
#st #content-st #formation > a.open {
	background: url(images/pencil-hover.png) no-repeat 75px 91px #FFF;
	color: #0e4c9c;
}

#st #ressources > a img,
#st #formation > a img {
	border: medium none;
	display: block;
	margin: 12px auto;
}

#form-formation.hide {
	display: none;
}

#form-formation.show {
	display: block;
}

#st .gform_wrapper {
	margin-top: 30px;
}

#st .gform_wrapper #field_1_1 label,
#st .gform_wrapper #field_1_2 label,
#st .gform_wrapper #field_1_3 label,
#st .gform_wrapper #field_1_4 label,
#st .gform_wrapper #field_1_5 label,
#st .gform_wrapper #field_1_6 label {
	font-size: 12px;
	color: #58585a;
	font-weight: bold;
	font-family: tahoma;
	margin: 0;
}

#st .gform_wrapper #field_1_1 {
	display: none;
}

#st .gform_wrapper #field_1_8 label {
	visibility: hidden;
}

#st .gform_wrapper label {
	font-size: 12px;
	color: #58585a;
	font-weight: bold;
	font-family: tahoma;
}

#st .gform_wrapper input[type=text],
#st .gform_wrapper select,
#st .gform_wrapper input.file {
	width: 194px;
	padding: 3px 5px 0 5px;
	height: 25px;
	border: solid 1px #c6c6c6;
	font-size: 12px;
	color: #58585a;
	font-family: tahoma;
}

#st .gform_wrapper input.file {
	width: 150px;
	padding: 4px 5px 0;
	margin-right: 3px;
}

#st .gform_wrapper select {
	width: 210px;
	padding: 4px 5px;
	border: solid 1px #c6c6c6;
	height: 28px;
}

#st .gform_wrapper .gfield {
	margin-bottom: 18px;
}

#st .gform_wrapper .gfield_description {
	color: #58585a;
	font-size: 11px;
}

#st .gform_wrapper input[type=submit] {
	width: 212px;
	height: 34px;
	border: none;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-family: tahoma;
	border: solid 1px #c6c6c6;
}

#st .gform_wrapper .top_label .gfield_error {
	width: 206px;
}

#st .gform_wrapper.top_label .gfield_error {
	width: 206px;
}

#st .gform_wrapper div.validation_error {
	color: #0e4c9c;
	font-size: 14px;
	width: 206px;
}

#st .gform_wrapper .gfield_description.validation_message {
	color: #0e4c9c !important;
	padding: 0 !important;
	text-align: center !important;
}

#st  .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	padding: 0 !important;
}

#st .gform_wrapper .gfield_description {
	color: #58585A;
	font-size: 11px;
	padding: 0;
}

/***   LISTING ACTIVITE  ***/
#st #activites article {
	margin-bottom: 20px;
}

#st #activites article img {
	border: 1px solid #D9DADB;
	float: left;
	margin-right: 20px;
}

#st #activites article div.content-block-activite {
	font-size: 14px;
	line-height: 20px;
	float: right;
	width: 435px;
}

#st #activites article div.content-block-activite  h2 {
	margin: 0;
}

#st #activites article div.content-block-activite a {
	color: #FFFFFF;
	display: inline;
	font-size: 11px;
	font-weight: normal;
	padding: 0 3px;
	text-decoration: none;
}

#st #activites article div.content-block-activite a:hover {
	text-decoration: underline;
}

/*  RESSOURCES SUPPORT TECHNIQUE */
#st #content-st .menu-tab {
	margin: 0;
	padding: 0;
}

#st #content-st .menu-tab li {
	list-style: none;
	float: left;
}

#st #content-st .menu-tab li a {
	padding: 5px 10px;
	color: #0e4c9c;
	text-decoration: none;
	font-size: 14px;
	display: block;
}

#st #content-st .menu-tab li a:hover,
#st #content-st .menu-tab li.selected a {
	color: #fff;
}

#st #content-st .content-tab > div {
	display: none;
	padding: 20px;
}

#st #content-st .content-tab > div.show {
	display: block;
}

/* xx - TEMPLATE ESERVICES
****************************************************/
#eservices {
	width: 100%;
	padding-bottom: 3px;
	background: url(images/bg-slider.png) no-repeat center -1px transparent;
}

#eservices h1 {
	background: url("images/puce-h1.png") no-repeat 0 2px rgba(0, 0, 0, 0);
	float: left;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	line-height: 26px;
	padding-left: 58px;
	width: auto;
}

#eservices  section {
	width: 937px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 20px 60px 20px;
}

#eservices  section#header-eservices {
	position: relative;
	width: 980px;
	padding: 0;
}

#eservices #header-eservices #titre,
#eservices #header-eservices #breadcrumb {
	position: absolute;
	right: 15px;
	color: #58585a;
}

#eservices #header-eservices #titre {
	right: 0;
	top: 118px;
}

#eservices #header-eservices #titre img {
	float: left;
}

#eservices #header-eservices #titre span {
	float: left;
	height: 27px;
	color: #FFFFFF;
	font-size: 25px;
	font-style: italic;
	margin: 0;
	padding: 8px 15px 0 8px;
}

#eservices #header-eservices #breadcrumb {
	top: 200px;
}

#eservices #header-eservices #breadcrumb a {
	color: #58585a;
	text-decoration: none;
}

#eservices #header-eservices #breadcrumb a:hover {
	text-decoration: underline;
}

#eservices .title hr.hr-centre {
	float: left;
	margin: 40px 0 0 20px;
}

#eservices .title #backEservices {
	background: url("images/icon-annuler.png") no-repeat 5px 7px #0e4c9c;
	color: #FFFFFF;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	margin-top: 16px;
	padding: 0 0 0 32px;
	text-decoration: none;
	width: 180px;
}

#eservices .title #backEservices:hover {
	background: url("images/icon-annuler.png") no-repeat 5px 7px #6A94CA;
}

#eservices  h2 {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

/*
#eservices  #section-content-eservices{
	background:url(images/bg-eservices.jpg) no-repeat 721px 0px #FFF;
}

#eservices  #content-eservices {
	font-size:14px;
	line-height:20px;
}

#eservices #the_content_eservices{
	margin-bottom:50px;
}

#eservices #content-eservices img{
 border: 1px solid #D9DADB;
}

#eservices  #content-eservices #content-eservices-left{
	width:660px;
	margin:0 60px 0 0;
	float:left;
}

#eservices  #content-eservices #content-eservices-right{
	width:220px;
	float:left;
	margin:15px 0 0 0;
}

*/
#eservices  #content-eservices > .clearfix > div {
	width: 330px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: 150px;
	margin: 30px 65px;
	padding: 2px;
	float: left;
}

#eservices  #content-eservices > .clearfix > div a.inner {
	color: #FFFFFF;
	display: block;
	height: 134px;
	padding: 0 0 0 100px;
	text-decoration: none;
	width: 214px;
}

#eservices  #content-eservices > .clearfix > div#bordereau a.inner {
	background: url("images/icon-bordereau.png") no-repeat scroll 30px 45px #0e4c9c;
	border: solid 8px #0e4c9c;
}

#eservices  #content-eservices > .clearfix > div#rapport a.inner {
	background: url("images/icon-rapport.png") no-repeat scroll 30px 45px #0e4c9c;
	border: solid 8px #0e4c9c;
}

#eservices  #content-eservices > .clearfix > div#bordereau a.inner:hover {
	background: url("images/icon-bordereau-hover.png") no-repeat scroll 30px 45px #FFF;
	color: #0e4c9c;
	border: solid 8px #0e4c9c;
}

#eservices  #content-eservices > .clearfix > div#rapport a.inner:hover {
	background: url("images/icon-rapport-hover.png") no-repeat scroll 30px 45px #FFF;
	color: #0e4c9c;
	border: solid 8px #0e4c9c;
}

#eservices  #content-eservices > .clearfix > div a.inner b {
	display: block;
	font-size: 18px;
	line-height: 22px;
	width: 190px;
}

#eservices  #content-eservices > .clearfix > div#bordereau a.inner b {
	padding-top: 50px;
}

#eservices  #content-eservices > .clearfix > div#rapport a.inner b {
	padding-top: 62px;
}

#eservices  #content-eservices #field_4_6 {
	margin-bottom: 0;
	padding-bottom: 0;
}

#eservices  #content-eservices #field_3_2 .gsection_description {
	font-size: 14px;
}

#eservices .gform_wrapper .top_label input.medium,
#eservices .gform_wrapper .top_label select.medium,
#eservices .gform_wrapper .top_label textarea.medium {
	width: 90%;
	border: 1px solid #C6C6C6;
	color: #58585A;
	height: 25px;
	padding: 3px 5px 0;
}

#eservices .gform_wrapper .top_label textarea.medium {
	height: 150px;
}

#eservices .gform_wrapper .top_label input.medium,
#eservices .gform_wrapper .top_label select.medium {
	width: 400px;
	clear: none;
}

#eservices #gform_wrapper_connexionEservices.gform_wrapper .gform_footer {
	position: relative;
	left: 430px;
	top: -65px
}

#eservices #gform_fields_3 {
	width: 937px;
}

#eservices  .gform_wrapper ul  li#field_3_3,
#eservices  .gform_wrapper ul  li#field_3_4,
#eservices  .gform_wrapper ul  li#field_3_5,
#eservices  .gform_wrapper ul  li#field_3_6 {
	float: left;
	width: 450px;
	clear: none;
}

#eservices .gform_wrapper .top_label #field_3_3 input.medium,
#eservices .gform_wrapper .top_label #field_3_4 input.medium,
#eservices .gform_wrapper .top_label #field_3_5 input.medium,
#eservices .gform_wrapper .top_label #field_3_6 input.medium {
	width: 400px
}

#eservices  .gform_wrapper ul  li#field_3_3,
#eservices  .gform_wrapper ul  li#field_3_5 {
	margin-right: 40px;
}

#eservices .gform_wrapper .gform_button {
	border: 1px solid #C6C6C6;
	color: #FFFFFF;
	font-family: tahoma;
	font-size: 14px;
	height: 34px;
	text-align: center;
	width: 212px;
}

#eservices .gform_wrapper .gform_button {
	background: #0e4c9c;
}

#eservices #content-eservices > .clearfix > div#gform_wrapper_3,
#eservices #content-eservices > .clearfix > div#gform_wrapper_connexionEservices,
#eservices #content-eservices > .clearfix > div#gform_wrapper_identifiantsEservices {
	width: 100%;
	background: #FFFFFF;
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 0;
	float: none;
}

#eservices #content-eservices > .clearfix > div#gform_confirmation_wrapper_4 {
	border: 0 none;
}

#gform_wrapper_identifiantsEservices {
	display: none;
}

#eservices  .gform_wrapper div.validation_error,
#eservices  .gform_wrapper .gfield_error .gfield_label {
	color: #0e4c9c;
	font-size: 13px;
}

#eservices  .gform_wrapper li.gfield.gfield_error {
	padding-left: 10px !important;
	padding-right: 10px !important;
	width: 412px !important;
}

#eservices .gform_wrapper .gfield_description.validation_message {
	color: #0e4c9c !important;
	padding: 0 !important;
	font-size: 13px;
}

/*  RESSOURCES SUPPORT TECHNIQUE */
#eservices #content-eservices .content-tab ul li {
	list-style: none;
	float: left;
	width: 22%;
	margin-left: 3%;
}

#eservices #content-eservices .content-tab > div {
	display: none;
	border-top: solid 1px #FFF;
}

#eservices #content-eservices .content-tab > div.show {
	display: block;
}

#eservices .table thead {
	border: solid 1px #ccc;
}

#eservices .table thead th {
	color: #FFF;
	text-align: left;
}

#eservices .table tr td:first-child {
	background: #f2f7fb;
}

#eservices .table .col1 {
	width: 410px;
}

#eservices .table .col2 {
	width: 180px;
}

#eservices .table .col3 {
	width: 140px;
}

#eservices .table .col4 {
	width: 140px;
}

#eservices .table a.dl {
	width: 102px;
	height: 25px;
	background: #0e4c9c;
	border: solid 1px #ccc;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
	display: block;
	margin: 6px 0 0 0;
}

#eservices .table a.dl:hover {
	background: #6A94CA;
}

/* xx - TEMPLATE TIMELINE
****************************************************/
#timeline {
	width: 100%;
	padding-bottom: 60px;
	background: url(images/bg-slider.png) no-repeat center -1px transparent;
}

#timeline #content-timeline {
	font-size: 14px;
}

#timeline  section {
	width: 937px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 20px 60px 20px;
}

#timeline  section#header-timeline {
	position: relative;
	width: 977px;
	padding: 0;
}

#timeline #header-timeline #titre,
#timeline #header-timeline #breadcrumb {
	position: absolute;
	right: 15px;
	color: #58585a;
}

#timeline #header-timeline #titre {
	right: 0;
	top: 175px;
}

#timeline #header-timeline #titre img {
	float: left;
}

#timeline #header-timeline #titre span {
	float: left;
	height: 27px;
	color: #000;
	font-size: 25px;
	font-style: italic;
	margin: 0;
	padding: 8px 15px 0 8px;
}

#timeline #header-timeline #breadcrumb {
	top: 220px;
}

#breadcrumb a img {
	display: inline-block;
}

#timeline #header-timeline #breadcrumb a {
	color: #58585a;
	text-decoration: none;
}

#timeline #header-timeline #breadcrumb a:hover {
	text-decoration: underline;
}

#timeline h2,
#timeline #header-timeline #breadcrumb span.grey {
	color: #58585a;
}

#timeline  h1 {
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	width: auto;
	float: left;
}

#timeline #title hr {
	float: right;
	margin: 42px 0 0 0;
}

#timeline  h2 {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

#timeline  .timelineLight {
	display: none;
}

#timeline .timelineLoader {
	width: 100%;
	text-align: center;
	padding: 150px 0 50px;
}

#timeline .timelineLoader img {
	margin: 0 auto;
}

#content-timeline {
	position: relative;
}

/* fixed line holder */
#timeline  .timelineLight .timeline_line {
	margin: 10px 0 20px;
	width: 840px;
	height: 80px;
	padding: 0 50px;
	background: #f6f6f6;
	border-bottom: solid 1px #d7d6d7;
}

/* full (including months that are not shown) line holder */
#timeline  .timelineLight .t_line_holder {
	height: 80px;
	background: url('images/line.jpg') repeat-x 0px 46px;
}

/* 2 months are stored in one view */
#timeline  .timelineLight .t_line_view {
	height: 20px;
	width: 840px;
}

.t_line_view:last-child {
	display: none;
}

/* holder for 1 month (constist of nodes and month caption) - we use borders to separate months thats why it has width 2px less then 50% */
#timeline  .timelineLight .t_line_m {
	margin-top: 42px;
	height: 10px;
	border-left: 1px solid #909092;
	width: 419px;
}

/* month on the right side - has left set at 459 so border would overlap border from first element (to evade duplicated borders) */
#timeline  .timelineLight .t_line_m.right {
	left: 419px;
	width: 419px;
	border-right: 1px solid #909092;
}

/* month caption */
#timeline  .timelineLight h4.t_line_month {
	margin: -30px 0 0;
	color: #545454;
	visibility: hidden;
}

#timeline  .timelineLight h4.t_line_month  .t_line_month_year {
	visibility: visible;
}

/* node on the timeline */
#timeline  .timelineLight a.t_line_node {
	height: 22px;
	width: 50px;
	text-decoration: none;
	top: -22px;
	padding: 38px 0 0 0;
	background: url('images/puce-timeline.png') no-repeat 0 16px;
	color: #140F11;
	font-size: 0px;
}

/*
#timeline  .timelineLight a.t_line_node:hover {
	background:url('../images/timeline/light/dot-rollover.png') no-repeat center 24px;
}
#timeline  .timelineLight a.t_line_node.active {
	background:url('../images/timeline/light/dot-selected.png') no-repeat center 24px;
}
*/

/* node description */
#timeline  .timelineLight .t_node_desc {
	top: 38px;
	color: #fff;
	padding: 1px 5px;
	font-size: 11px;
	font-style: italic;
}

/* descriptions on right side go from right to left */
#timeline  .timelineLight .t_line_m.right .t_node_desc {
	right: 0;
}

/* line arrow left */
#timeline  .timelineLight #t_line_left {
	width: 32px;
	height: 32px;
	cursor: pointer;
	left: 0px;
	top: 30px;
	background: url('images/timeline-arrow-left.png') no-repeat 11px 11px #140f11;
	z-index: 10;
}

#timeline  .timelineLight #t_line_left:hover {
	background-image: url('images/timeline-arrow-left.png') no-repeat 11px 11px;
}

/* line arrow right */
#timeline  .timelineLight #t_line_right {
	width: 32px;
	height: 32px;
	cursor: pointer;
	right: 0px;
	top: 30px;
	background: url('images/timeline-arrow-right.png') no-repeat 11px 11px #140f11;
	z-index: 10;
}

#timeline  .timelineLight #t_line_right:hover {
	background-image: url('images/timeline-arrow-right.png') no-repeat 11px 11px #;
}

#timeline  .timelineLight {
	display: none;
}

/* items container */
#timeline  .timelineLight .timeline_items {
	padding: 10px 0;
}

/* single item (margines set from javascript) */
#timeline  .timelineLight .item {
	height: 310px;
	width: 220px;
	margin-right: 20px;
	text-align: center;
	background: url('images/bg-item.jpg') no-repeat  0 50px #787778;
}

#timeline  .timelineLight .item.item_node_hover {
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}

/* ----- content - non-plugin elements ----- */
#timeline  .timelineLight .item .item-header {
	height: 66px;
	border-bottom: solid 1px #FFF;
}

#timeline  .timelineLight .item .item-header span.dateY {
	width: 100px;
	height: auto;
	border-right: solid 1px #FFF;
	padding: 0 5px 0 20px;
	font-size: 35px;
	line-height: 25px;
	font-weight: 400;
	margin: 10px 0 0 0;
	color: #FFF;
	font-style: italic;
	float: left;
}

#timeline  .timelineLight .item .item-header span.dateM,
#timeline  .timelineLight .item .item-header span.dateD {
	float: left;
	width: 80px;
	color: #FFF;
	height: auto;
	line-height: 14px;
	padding: 0 0 0 10px;
	margin: 0;
	text-align: left;
	font-size: 12px;
	font-weight: 400;
}

#timeline  .timelineLight .item .item-header span.dateM {
	margin: 8px 0 0 0;
}

#timeline  .timelineLight .item img {
	margin: 18px auto;
	border: 1px solid #bab9ba;
}

#timeline  .timelineLight .item .content-item {
	text-align: left;
	font-size: 14px;
	color: #FFF;
	padding: 0 15px;
}

#timeline  .timelineLight .item .read_more {
	font-size: 12px;
	line-height: 18px;
	float: right;
	color: #ffffff;
	cursor: pointer;
	padding: 0 5px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

#timeline  .timelineLight .item .read_more:hover {
	text-decoration: underline;
}

/* ----------------------------------------- */

/* item details (margines set from javascript) */
#timeline  .timelineLight .item_open {
	height: 310px;
	position: relative;
	color: #fff;
	z-index: 2;
	width: 220px;
}

/* item details content wrapper (used for animation - shuld have same width as .item_open) */
#timeline  .timelineLight .item_open_cwrapper {
	width: 220px;
	height: 100%;
}

#timeline  .timelineLight .item_open_content {
	width: 100%;
	height: 100%;
	position: relative;
}

#timeline  .timelineLight .item_open_content .ajaxloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -100px;
}

/* ----- content - non-plugin elements ----- */
#timeline  .timelineLight .timeline_open_content {
	padding: 20px;
}

#timeline  .timelineLight .item_open h2 {
	margin-top: 10px;
	padding-top: 0;
	font-size: 28px;
}

#timeline  .timelineLight .item_open b {
	font-size: 18px;
	font-weight: 700;
	font-style: italic;
	padding: 50px 15px 0px;
	display: block;
}

#timeline  .timelineLight .item_open p {
	font-size: 14px;
	font-weight: 500;
	padding: 0 15px;
}

#timeline  .timelineLight .item_open .t_close {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0px;
	text-indent: -9999em;
	color: #ffffff;
	background: url(images/close-item.png) no-repeat 8px 8px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	z-index: 2;
	border: solid 1px #FFF;
}

#timeline  .timelineLight .item_open .t_close:hover {
	background-image: url(images/close-item.png) no-repeat 8px 8px;
}

/* ----------------------------------------- */

/* left/right controles */
#timeline  .timelineLight .t_controles {
	text-align: center;
	background: #F6F6F6;
	border-bottom: 1px solid #D7D6D7;
	height: 80px;
	margin: 20px auto;
	padding: 0 402px;
	width: 132px;
	position: absolute;
	left: 0;
}

#timeline  .timelineLight .t_left,
#timeline  .timelineLight .t_right {
	width: 42px;
	height: 46px;
	float: right;
	height: 50px;
	margin: 10px;
	cursor: pointer;
}

#timeline  .timelineLight .t_left {
	background: url(images/pagination-right.png) no-repeat 16px 17px #4c4c4c;
}

#timeline  .timelineLight .t_right {
	background: url(images/pagination-left.png) no-repeat 18px 17px #4c4c4c;
}

/*
#timeline  .timelineLight .t_left:hover:active {
	background: url('../images/timeline/light/big-arrow.png') no-repeat left top;
}
#timeline  .timelineLight .t_left:hover {
	background: url('../images/timeline/light/big-arrow.png') no-repeat left bottom;
}

#timeline  .timelineLight .t_right,
#timeline  .timelineLight .t_right:hover:active{
	background: url('../images/timeline/light/big-arrow.png') no-repeat right top;
}

#timeline  .timelineLight .t_right:hover {
	background: url('../images/timeline/light/big-arrow.png') no-repeat right bottom;
}
*/

/* xx - TEMPLATE APPLICATION
****************************************************/
.single #content {
	padding: 5px 0 0 0;
}

#applications {
	width: 100%;
	padding-bottom: 3px;
	background: url(images/bg-slider.png) no-repeat center -1px transparent;
}

#applications  section {
	width: 980px;
	margin: 0 auto;
	background: #FFF;
	padding: 0;
}

#applications  section#header-application {
	position: relative;
	width: 980px;
	padding: 0;
}

#applications #header-application #titre,
#applications #header-application #breadcrumb {
	position: absolute;
	right: 15px;
	color: #58585a;
}

#applications #header-application #titre {
	right: 0;
	top: 118px;
}

#applications #header-application #titre img {
	float: left;
}

#applications #header-application #titre span {
	float: left;
	height: 27px;
	color: #FFFFFF;
	font-size: 25px;
	font-style: italic;
	margin: 0;
	padding: 8px 15px 0 8px;
}

#applications #header-application #breadcrumb {
	top: 200px;
}

#applications #header-application #breadcrumb a {
	color: #58585a;
	text-decoration: none;
}

#applications #header-application #breadcrumb a:hover {
	text-decoration: underline;
}

#applications h2,
#applications #header-application #breadcrumb span.grey {
	color: #58585a;
}

#applications  h1 {
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	padding-left: 58px;
	background: url(images/puce-h1.png) no-repeat 0px 2px;
	width: auto;
}

#applications #title h1 {
	float: left;
}

#applications #title hr {
	float: right;
	margin: 40px 0 0 0;
}

#applications  #content-application {
	font-size: 14px;
	line-height: 20px;
}

#applications  h2 {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

#applications  #content-application ul li {
	list-style-image: url(images/puce.png);
	color: #1a171b;
}

#applications  #content-application img {
	border: 1px solid #D9DADB;
}

#applications  #content-application-left {
	width: 680px;
	float: left;
	margin-right: 40px;
}

#applications  #content-application-left  .content-tab > div {
	display: none;
	padding: 25px 0;
	border-bottom: solid 1px #0e4c9c;
}

#applications  #content-application-left  .content-tab > div.show {
	display: block;
}

#applications  #content-application-left  .content-tab > div a {
	float: right;
	margin-right: 30px;
	font-weight: bold;
	color: #0e4c9c;
	text-decoration: none;
	font-size: 12px;
}

#applications  #content-application-left  .content-tab > div a:hover {
	text-decoration: underline;
}

#applications #content-cas h2 {
	color: #6A94CA;
	font-size: 25px;
	font-style: italic;
	margin: 50px 0 20px 0;
}

#applications #content-cas > div.clearfix {
	width: 660px;
	padding: 20px 0;
	background: #f4f8fb;
}

#applications #content-cas article {
	width: 299px;
	padding: 0 15px;
	float: left;
}

#applications #content-cas article.marginR {
	border-right: 1px solid #fff;
}

#applications #content-cas article strong {
	color: #0e4c9c;
	font-size: 16px;
}

#applications #content-cas article p {
	color: #0e4c9c;
	margin: 5px 0;
	font-size: 14px;
}

#applications #content-cas article a {
	float: right;
	margin-right: 30px;
	font-weight: bold;
	color: #0e4c9c;
	text-decoration: none;
	font-size: 12px;
}

#applications #content-cas article a:hover {
	text-decoration: underline;
}

#applications  #content-application-right {
	width: 260px;
	float: left;
	background: url(images/bg-col-produit.jpg)no-repeat;
}

#applications  #content-application-right h2 {
	padding: 5px 0 10px 18px;
}

#applications  #content-application-right ul {
	width: 260px;
	margin: 0;
	padding: 0;
}

#applications  #content-application-right ul li {
	width: 210px;
	list-style: none;
	margin: 0 auto 40px;
	display: block;
}

#applications #content-application-right ul li a {
	text-decoration: none;
}

#applications #content-application-right ul li img {
	padding: 18px;
	border: solid 1px #ccc;
	background: #FFF;
}

#applications #content-application-right ul li span {
	display: block;
	color: #0e4c9c;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 1px;
	border-top: 1px solid #0e4c9c;
	width: 198px;
}

/* xx - TEMPLATE DEFAULT
****************************************************/
#default {
	width: 100%;
	padding-bottom: 3px;
	background: url(images/bg-slider.png) no-repeat center -1px transparent;
}

#default  section {
	width: 937px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 20px 60px 20px;
	font-size: 14px;
}

#default  section#header-default {
	position: relative;
	width: 977px;
	padding: 0;
}

#default #header-default #titre,
#default #header-default #breadcrumb {
	position: absolute;
	right: 15px;
	color: #58585a;
}

#default #header-default #titre {
	right: 0;
	top: 175px;
}

#default #header-default #titre img {
	float: left;
}

#default #header-default #titre span {
	float: left;
	height: 27px;
	color: #000;
	font-size: 25px;
	font-style: italic;
	margin: 0;
	padding: 8px 15px 0 8px;
}

#default #header-default #breadcrumb {
	top: 220px;
}

#default #header-default #breadcrumb a {
	color: #58585a;
	text-decoration: none;
}

#default #header-default #breadcrumb a:hover {
	text-decoration: underline;
}

#default  h1 {
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	width: auto;
	float: left;
}

#default  h2 {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

#default  h2.h1 {
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	padding-left: 58px;
	background: url(images/puce-h1.png) no-repeat 0px 2px;
	width: auto;
	float: left;
}

#default #title hr {
	float: right;
	margin: 40px 0 0;
}

/*** contact  && formulaire e-service***/
#default .gform_wrapper {
	max-width: 937px;
}

#default .contact form {
	width: 680px;
	float: left;
}

#default .gform_wrapper .top_label input.medium,
#default .gform_wrapper .top_label select.medium,
#default .gform_wrapper .top_label textarea.medium {
	width: 668px;
	border: 1px solid #C6C6C6;
	color: #58585A;
	height: 25px;
	padding: 3px 5px 0;
}

#default .gform_wrapper .top_label textarea.medium {
	height: 150px;
}

#default .gform_wrapper .gform_button {
	border: 1px solid #C6C6C6;
	color: #FFFFFF;
	font-family: tahoma;
	font-size: 14px;
	height: 34px;
	text-align: center;
	width: 212px;
}

#default .gform_wrapper .gform_button {
	background: #0e4c9c;
}

#eservices #field_3_1 {
	display: none;
}

#default  #field_3_2,
#default  #field_3_3,
#default  #field_3_8,
#default  #field_3_5 {
	float: left;
	width: 330px;
	clear: none;
}

#default .gform_wrapper .top_label #field_3_2 input.medium,
#default .gform_wrapper .top_label #field_3_3 input.medium,
#default .gform_wrapper .top_label #field_3_8 input.medium,
#default .gform_wrapper .top_label #field_3_5 input.medium {
	width: 318px
}

#default  #field_3_2,
#default  #field_3_8 {
	margin-right: 20px;
}

#default  #field_3_6 {
	clear: both;
}

#default .contact {
	background: url("images/bg-st.jpg") no-repeat 700px 40px #FFFFFF;
}

#default .contact #sidebar-contact {
	width: 220px;
	float: right;
	padding-top: 51px;
}

#default .contact #sidebar-contact .btSideBar_blancCarte {
	clear: both;
	background-color: #fff;
	border: 1px solid #C6C6C6;
	margin: 0px 0px 10px 0px;
	background: url(images/map_italy.jpg) center 40px  no-repeat #fff;
}

#default .contact #sidebar-contact a.bt_CarteRegions {
	display: block;
	width: auto;
	min-height: 125px;/*165*/
	background: url(images/picto_plus.gif) 93px 80px no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #0e4c9c;
	border: 3px solid #FFF;
	text-decoration: none;
	padding: 15px 4px 0px 4px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

#default .contact #sidebar-contact a.bt_CarteRegions:hover {
	color: #6A94CA;
	background: url(images/picto_plus.gif) 93px 70px no-repeat;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

#default .contact #sidebar-contact .link_CarteRegions {
	display: block;
	color: #4c4c4c;
	font-weight: normal;
	width: auto;
	text-align: left;
	border-top: 1px solid #0e4c9c;
	background: url(images/puce_fleche.gif) no-repeat 0px center;
	margin: 123px 0px 0px 0px;
	padding: 3px 0px 3px 15px;
}

#overlay-region {
	width: 900px;
	margin-left: -490px;
	top: -800px;
	background: url(images/bg_PopinCarte.jpg) no-repeat 620px 120px #FFF;
}

#overlay-region #content-region {
	width: 580px;
}

#overlay-region #content-region article {
	width: 260px;
	margin-right: 15px;
	float: left;
}

#overlay-region #content-region article h2 {
	color: #0e4c9c;
	font-size: 16px;
	margin: 0 0 5px;
	padding: 0;
}

#overlay-region #content-region article p {
	margin: 0;
}

#overlay-docT {
	width: 420px;
	height: auto;
	padding: 20px 40px;
	background: #FFF;
	position: absolute;
	top: -600px;
	left: 50%;
	margin-left: -250px;
	z-index: 16000;
	box-shadow: 1px 1px 12px #555;
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;
}

#overlay-docT #field_5_1 {
	display: none;
}

#overlay-docT input[type='text'],
#overlay-docT input[type='email'] {
	width: 400px;
	height: 22px;
	padding: 3px 5px;
	border: none;
	color: #90847e;
	font-size: 12px;
	border: solid 1px #c0b9b5;
	margin-right: 5px;
}

#overlay-docT .gform_wrapper input[type="submit"] {
	border: 1px solid #C6C6C6;
	color: #FFFFFF;
	font-family: tahoma;
	font-size: 14px;
	height: 34px;
	text-align: center;
	width: 212px;
	float: left;
	margin-right: 10px;
}

#overlay-docT .gform_wrapper  li.gfield.gfield_error.gfield_contains_required {
	padding: 0;
}

#overlay-docT .gform_heading {
	display: none;
}

#overlay-docT  .validation_message,
#overlay-docT  .validation_error {
	color: #0e4c9c;
}

#overlay-docT  #gform_ajax_spinner_5 {
	margin: 8px 0 0 0;
	padding: 0;
}

#overlay-docT .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	padding: 0 !important;
}

#overlay-docT .gform_wrapper .top_label .gfield_error {
	width: 100%;
}

/* xx - TEMPLATE ACTUS
****************************************************/
#actus {
	width: 100%;
	padding-bottom: 3px;
	background: url(images/bg-slider.png) no-repeat center -1px transparent;
}

#actus  section {
	width: 937px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 20px;
}

#actus  section#header-actus {
	position: relative;
	width: 977px;
	padding: 0;
}

#actus #header-actus #titre,
#actus #header-actus #breadcrumb {
	position: absolute;
	right: 15px;
	color: #58585a;
}

#actus #header-actus #titre {
	right: 0;
	top: 175px;
}

#actus #header-actus #titre img {
	float: left;
}

#actus #header-actus #titre span {
	float: left;
	height: 27px;
	color: #000;
	font-size: 25px;
	font-style: italic;
	margin: 0;
	padding: 8px 15px 0 8px;
}

#actus #header-actus #breadcrumb {
	top: 220px;
}

#actus #header-actus #breadcrumb a {
	color: #58585a;
	text-decoration: none;
}

#actus #header-actus #breadcrumb a:hover {
	text-decoration: underline;
}

#actus  h1 {
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	padding-left: 58px;
	background: url(images/puce-h1.png) no-repeat 0px 2px;
	width: auto;
}

#actus  h2 {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

#actus .title {
	margin: 0;
}

#actus .title h1 {
	float: left;
	margin-top: 0px;
}

#actus .title hr {
	float: right;
	margin: 22px 0 0 0;
}

#actus  #section-content-actus {
	padding-top: 30px;
}

#actus  #section-content-actus article {
	margin-bottom: 30px;
}

#actus #listing-actus {
	width: 660px;
	float: left;
	margin-right: 20px;
}

#actus #listing-actus a.header-actus {
	padding: 12px 10px;
	color: #FFF;
	font-size: 14px;
	display: block;
	text-decoration: none;
	background: #0e4c9c;
}

#actus #listing-actus .header-actus > div.clearfix {
	margin-bottom: 4px;
}

#actus #listing-actus .header-actus strong {
	font-style: italic;
	font-size: 21px;
	background: url(images/whitearrow.png) no-repeat 0px 5px;
	float: left;
	padding-left: 20px;
}

#actus #listing-actus a.header-actus.selected strong {
	background: url(images/whitearrow.png) no-repeat 0px -21px;
}

#actus #listing-actus .header-actus b {
	float: right;
	padding-right: 5px;
}

#actus  #section-content-actus .excerpt-actus {
	padding: 20px 10px;
	background: #f6f6f6;
	color: #1a171b;
	font-size: 14px;
}

#actus  #section-content-actus .content-actus {
	padding: 0 10px;
	background: #f6f6f6;
	color: #1a171b;
	font-size: 14px;
	display: none;
}

#actus  #section-content-actus article > a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#actus  #section-content-actus article > a:hover {
	background: #6A94CA;
}

#actus #listing-actus .footer-actus {
	border-top: solid 1px #f6f6f6;
	margin-bottom: 30px;
}

#actus #listing-actus .footer-actus a.print {
	float: left;
	margin: 15px 0 0 5px;
	background: url(images/print.jpg) no-repeat 0px 3px;
	color: #1a171b;
	font-size: 12px;
	padding-left: 22px;
	text-decoration: none;
}

#actus #listing-actus .footer-actus a.print:hover {
	text-decoration: underline;
}

#actus #listing-actus .footer-actus .share {
	float: right;
	margin: 15px 5px 0 0;
	color: #1a171b;
	font-size: 12px;
}

#actus #listing-actus .footer-actus .share span {
	float: left;
}

#actus #listing-actus .footer-actus .share .addthis_toolbox {
	float: right;
}

#actus203 {
	display: none;
}

#actus #listing-medias {
	width: 257px;
	float: left;
}

#actus #listing-medias h2 {
	text-align: center;
	color: #FFF;
	font-size: 21px;
	line-height: 22px;
	font-style: italic;
	padding: 10px 20px;
	margin: 0;
}

#actus #listing-medias p {
	padding: 0 20px;
}

#actus #listing-medias a {
	font-size: 14px;
}






/* xx - CARTE
****************************************************/
#carte{
	width:924px;
	height:592px;
	border:solid 1px #c5c4c5;
	padding:7px;
	background:#FFF;
	margin-top:40px;
}

#carte #map-viewport {
	border:solid 7px #0e4c9c;
	width: 904px;
	height:570px;
	background:#fff;
	position: relative;
	padding:3px;
}

#carte #map-viewport  h1{
	position:absolute;
	top:15px;
	left:15px;
	z-index: 2000;
	margin:0px;
	font-size:20px;
	line-height:20px;
	padding-left:40px;
	background:url(images/puce-h1-small.png) no-repeat 0px 3px;
}

#carte #map-viewport  > span{
	position:absolute;
	top:190px;
	left:20px;
	z-index: 2000;
	font-size:13px;
	line-height:18px;
	color:#FFF;
}

#carte #map-viewport #italy,
#carte #map-viewport #content-map-italy {
	width: 904px;
	height:570px;
	position: absolute;
	top: 3px;
	left: 3px;
}

#carte #map-viewport .content-map img {
	width: 904px;
	height:570px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-bottom: none;
}


#carte #map-viewport .hover{
	display: none;
	cursor:pointer;
}

#carte #map-viewport .hover.visible {
	display: block;
}



#carte #map-viewport .close-tooltip {
	width:24px;
	height:24px;
	position: absolute;
	right:15px;
	top: 14px;
	z-index: 5;
	background:url(images/close-tooltip.jpg) no-repeat 0px 0px;
}

/* #carte #map-viewport.rouge .close-tooltip {
	background:url(images/close-tooltip-red.jpg) no-repeat 0px 0px;
} */


#carte #map-viewport #tooltip {
	width:250px;
	height:auto;
	padding:3px;
	border:solid 1px #c5c4c5;
	background:#FFFFFF;
	display: none;
	position: absolute;
	z-index:2100;
	left: 500px;
	top: 140px;
}

#carte #map-viewport #tooltip > div{
	display:none;
}

#carte #map-viewport #tooltip > div.visible{
	display:block;
}

#carte #map-viewport #tooltip .title {
	width:214px;
	height:32px;
	background:#0e4c9c;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	padding:13px 18px 0 18px;
}



#carte #map-viewport  #tooltip .all-societe{
	overflow-y:auto;
}

#carte #map-viewport #tooltip .content-tooltip {
	padding:10px 25px;
}

#carte #map-viewport #tooltip .content-tooltip > h4{
	color: #005faa;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:0;
}

#carte #map-viewport #tooltip .content-tooltip > b{
	color: #4c4c4c;
	font-size:12px;
	font-weight:bold;
	display:block;
}

#carte #map-viewport #tooltip .content-tooltip > p{
	color: #4c4c4c;
	font-size:12px;
	margin:0;
}

#carte #map-viewport #tooltip .content-tooltip a{
	color: #0e4c9c;
	text-decoration:none;
}

#carte #map-viewport #tooltip .content-tooltip a:hover{
	text-decoration:underline;
}





#default section#contacts-strategiques ul {
	margin: 0;
	padding: 0;
}

#default section#contacts-strategiques li {
	width: 240px;
	padding: 0 49px;
	border-right: solid 1px #ccc;
	float: left;
	list-style: none;
}

#default section#contacts-strategiques li.no-paddingl {
	padding: 0 49px 0 0;
}

#default section#contacts-strategiques li.no-paddingr {
	padding: 0 0 0 49px;
}

#default section#contacts-strategiques li.no-border {
	border: none;
}

#default section#contacts-strategiques li h3 {
	font-size: 14px;
	color: #1a171b;
}

#default section#contacts-strategiques li h3 span {
	color: #2561aa;
	font-size: 16px;
}

#default section#contacts-strategiques li .inner-img {
	border: solid 1px #ccc;
	background: #fff;
	padding: 3px;
	width: 232px;
	height: 74px;
}

#default section#contacts-strategiques li .inner-img img {
	width: 100%;
	height: auto;
	display: block;
}

#default section#contacts-strategiques li h4 {
	font-size: 14px;
	margin-bottom: 0;
	color: #0e4c9c;
}

#default section#contacts-strategiques li p {
	font-size: 14px;
	color: #1a171b;
	margin: 0;
}

#default section#contacts-strategiques li a {
	text-decoration: none;
	color: #0e4c9c;
}

#default section#contacts-strategiques li a:hover {
	text-decoration: underline;
}

/* xx - RESULTAS DE RECHERCHE
****************************************************/
#search {
	width: 100%;
	padding-bottom: 3px;
	background: url(images/bg-slider.png) no-repeat center -1px transparent;
}

#search  section {
	width: 937px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 20px 60px 20px;
}

#search  section#header-search {
	position: relative;
	width: 980px;
	padding: 0;
}

#search #header-search #titre,
#search #header-search #breadcrumb {
	position: absolute;
	right: 15px;
	color: #58585a;
}

#search #header-search #titre {
	right: 0;
	top: 118px;
}

#search #header-search #titre img {
	float: left;
}

#search #header-search #titre span {
	float: left;
	height: 27px;
	color: #FFFFFF;
	font-size: 25px;
	font-style: italic;
	margin: 0;
	padding: 8px 15px 0 8px;
}

#search #header-search #breadcrumb {
	top: 200px;
}

#search #header-search #breadcrumb a {
	color: #58585a;
	text-decoration: none;
}

#search #header-search #breadcrumb a:hover {
	text-decoration: underline;
}

#search  h1 {
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	font-weight: bold;
	padding-left: 58px;
	background: url(images/puce-h1.png) no-repeat 0px 2px;
	width: auto;
}

#search  h2 {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

#search .title {
	margin: 0;
}

#search .title h1 {
	float: left;
	margin-top: 0px;
}

#search .title hr {
	float: right;
	margin: 22px 0 0 0;
}

#search  #content-search article {
	margin-top: 30px;
}

#search  #content-search .header-search {
	padding: 4px 10px;
	color: #FFF;
	font-size: 14px;
	display: block;
	text-decoration: none;
}

#search  #content-search .header-search h2 {
	color: #FFF;
	font-style: italic;
	float: left;
}

#search  #content-search .header-search b {
	color: #FFF;
	float: right;
	margin-top: 12px;
}

#search  #content-search .content-search {
	padding: 20px 10px;
	background: #f6f6f6;
	color: #1a171b;
	font-size: 14px;
}

#search  #content-search article .content-search a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	border-top: solid 1px #f6f6f6;
	margin-bottom: 30px;
	display: block;
}

#search  #content-search article .content-search a:hover {
	text-decoration: undelrine;
}

/* xx - FORMULAIRES DEMANDE DE DEVIS
****************************************************/

/* xx - CATALOGUE
****************************************************/

body.catalogue #default #produits.empty .menu-title {
	-webkit-opacity:0.3;
	   -moz-opacity:0.3;
	     -o-opacity:0.3;
			opacity:0.3;

	background:#333;
}

body.catalogue #familles,
body.catalogue #produits {
	width: 460px;
	margin-bottom: 20px;
}

body.catalogue #produits.FullWidth {
	width: 100%;
	clear: both;
	overflow: hidden;
}

body.catalogue #default #filtres .FullWidth .listing {
	width: 938px;
}

body.catalogue #familles,
body.catalogue #sf {
	width: 460px;
}

body.catalogue #default #filtres .listing ul li h2,
body.catalogue #default #filtres .listing ul li h3 {
	margin:0;
	text-align:left;
	font-weight:normal;
	background:none;
	height:auto;
	padding:0 0 1px 0;
	line-height:1.6;
}

body.catalogue #default .menu-title,
body.catalogue #default h3,
body.catalogue #default .h3 {
	background-color: #0e4c9c;
	color: #FFFFFF;
	height: 28px;
	padding-top: 10px;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height:1em;
}
body.catalogue #default .h3 {
	padding-left:0;
}

body.catalogue #default .menu-title img,
body.catalogue #default h3 img,
body.catalogue #default .h3 img {
	display: inline;
	margin-left: 14px;
	margin-right: 9px;
	margin-top: -2px;
	border-bottom: none;
}





body.catalogue #default h3 img {
	display: inline;
	margin-left: 14px;
	margin-right: 9px;
	margin-top: -2px;
}

#default #title hr.hr-centre {
	float: left;
	margin-left: 20px;
	width: 515px;
}

body.catalogue #default #title #voirPanier {
	width: 180px;
	height: 33px;
	float: right;
	background: url(images/icon-panier.png) no-repeat 5px 5px #0e4c9c;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 33px;
	padding: 0 0 0 32px;
	text-decoration: none;
	margin-top: 16px;
}

body.catalogue #default #title #voirPanier:hover {
	background: url(images/icon-panier.png) no-repeat 5px 5px #6A94CA;
}

body.catalogue #default #filtres {
	margin-top: 15px;
}

body.catalogue #default #filtres .listing {
	width: 458px;
	border: 1px solid #d9dadb;
}

body.catalogue #default #filtres .listing img.aligncenter {
	padding: 60px 0 0 0;
}

body.catalogue #default #filtres .listing ul,
body.catalogue #default #filtres .listing ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	line-height: 1.6;
}

body.catalogue #default #filtres .listing ul {
	width: 100%;
	height: 159px;
	display: block;
	overflow: auto;
	padding-top: 15px;
}

body.catalogue #default #filtres .listing ul li a {
	text-decoration: none;
	color: #1a171b;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 14px;
	padding-bottom: 2px;
}

body.catalogue #default #filtres .listing ul li a:hover,
body.catalogue #default #filtres .listing ul li a.active {
	background-color: #6A94CA;
	color: #fff;
}

body.catalogue #default #produit {
	margin-top: -15px;
	padding-bottom: 0;
}

body.catalogue #default #produit h2.h1 {
	color: #000;
}

body.catalogue #default #produit #content-produit {
	padding-bottom: 10px;
	margin-top: 15px;
}

body.catalogue #default #produit #content-produit h3 span,
body.catalogue #default #produit #content-produit h3 a {
	display: block;
}

body.catalogue #default #produit #content-produit h3 span {
	float: left;
}

body.catalogue #default #produit #content-produit h3 a {
	float: right;
}

body.catalogue #default #produit #content-produit img.visuel {
	width: 160px;
	height: 160px;
	border: 1px solid #ccc;
	margin-right: 23px;
	margin-top: 11px;
}

body.catalogue #default #produit #content-produit .description {
	font-size: 14px;
	color: #1a171b;
	width: 100%;
	margin-top: 19px;
	padding-bottom: 22px;
	min-height: 131px;
}

body.catalogue #default #produit #content-produit #afficherMasquer {
	display: block;
	text-decoration: none;
	margin-top: 15px;
}

body.catalogue #default #produit #content-produit #afficherMasquer span {
	background-color: #0e4c9c;
	float: right;
	color: #fefefe;
	font-size: 11px;
	padding: 2px 5px 3px 11px;
	cursor: pointer;
}

body.catalogue #default #produit #content-produit h4 {
	font-weight: bold;
	color: #0e4c9c;
	font-size: 16px;
	margin-bottom: 10px;
}

body.catalogue #default #produit #content-produit #plus-renseignements {
	font-size: 12px;
	padding-left: 5px;
}

body.catalogue #default #produit #content-produit table {
	width: 100%;
	display: block;
}

body.catalogue #default #produit #content-produit table td {
	padding: 5px;
}

body.catalogue #default  #caracteristiques {
}

body.catalogue #default  #caracteristiques a {
	color: #0e4c9c;
	font-weight: bold;
}

body.catalogue #default  #caracteristiques a:hover {
	color: #6A94CA;
}

body.catalogue #default  #actions {
	margin-top: 25px;
}

body.catalogue #default  #actions ul {
	list-style: none;
	padding: 0 0 8px 10px;
}

body.catalogue #default  #actions ul {
	margin: 0 0 0 10px;
	border-left: 1px solid #CCCCCC;
	height: 48px;
	padding: 4px 0 0 10px;
}

body.catalogue #default  #actions ul li {
	list-style: none;
}

body.catalogue #default  #actions ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #0e4c9c;
}

body.catalogue #default  #actions ul li a:hover {
	color: #6A94CA;
}

body.catalogue #default  #ajoutDemandeDevis {
	border: solid 1px #ccc;
	background: url("images/ajout-panier.png") no-repeat scroll 15px 6px #0e4c9c;
	color: #FFFFFF;
	float: right;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	height: 40px;
	padding: 8px 0 0 60px;
	text-decoration: none;
	width: 150px;
	border: solid 5px #0e4c9c;
}

body.catalogue #default  #ajoutDemandeDevis:hover {
	background: url("images/ajout-panier.png") no-repeat scroll 15px 6px #6A94CA;
	border: solid 5px #6A94CA;
}

body.catalogue #default #content-produit #produit-slider {
	border-top: 3px solid #0e4c9c;
	margin-top: 30px;
	padding-top: 40px;
}

body.catalogue #default #content-produit #produit-slider hr {
	float: right;
	margin: 40px 0 0;
}

body.catalogue #default #content-produit .slider {
	background-image: none;
	background-color: #fff;
	border: 0 none;
}

body.catalogue #default #content-produit .slider,
body.catalogue #default #content-produit .slider .flexslider {
	height: 230px;
	width: 937px
}

body.catalogue #default #content-produit .slider ul,
body.catalogue #default #content-produit .slider ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.catalogue #default #content-produit .slider .slides {
	position: absolute;
	z-index: 2;
	margin-left: 25px;
}

body.catalogue #default #content-produit .slider .flex-direction-nav {
	clear: both;
	height: 190px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 937px;
	z-index: 1;
}

body.catalogue #default #produit #content-produit .flexslider img.visuel {
	margin-right: 20px;
}

body.catalogue #default #content-produit .slider .flex-direction-nav li,
body.catalogue #default #content-produit .slider .flex-direction-nav li a {
	width: 22px;
	height: 51px;
}

body.catalogue #default #content-produit .slider .flex-direction-nav li {
	position: relative;
	top: 68px;
}

body.catalogue #default #content-produit .slider .flex-direction-nav li a {
	background-position: 0 0;
	border: 0 none;
	top: 0;
	left: 0;
}

body.catalogue #default #content-produit .slider .flex-direction-nav li:first-child {
	float: left;
}

body.catalogue #default #content-produit .slider .flex-direction-nav li:first-child a {
	background-image: url(images/flecheGauche.png);
}

body.catalogue #default #content-produit .slider .flex-direction-nav li:last-child {
	float: right;
}

body.catalogue #default #content-produit .slider .flex-direction-nav li:last-child a {
	background-image: url(images/flecheDroite.png);
}

body.catalogue #default #content-produit .slider  .caption a {
	border-top: 1px solid #0e4c9c;
	color: #4C4C4C;
	display: block;
	margin-top: 10px;
	padding-top: 1px;
	text-align: left;
	text-decoration: none;
	width: 162px;
}

/* xx - CARTE
****************************************************/

/*
#carte{
	width:924px;
	height:592px;
	border:solid 1px #c5c4c5;
	padding:7px;
	background:#FFF;
	margin-top:40px;
}

#carte #map-viewport {
	border:solid 7px #0e4c9c;
	width: 904px;
	height:570px;
 background:#fff;
	position: relative;
	padding:3px;
}

#carte #map-viewport  h1{
	position:absolute;
	top:15px;
	left:15px;
	z-index: 2000;
	margin:0px;
	font-size:20px;
	line-height:20px;
	padding-left:40px;
	background:url(images/puce-h1-small.png) no-repeat 0px 3px;
}

#carte #map-viewport  > span{
	position:absolute;
	top:190px;
	left:20px;
	z-index: 2000;
	font-size:13px;
	line-height:18px;
	color:#FFF;
}

#carte #map-viewport #europe,
#carte #map-viewport #content-map-europe {
	width: 904px;
	height:570px;
 position: absolute;
 top: 3px;
	left: 3px;
}

#carte #map-viewport .content-map img {
	width: 904px;
	height:570px;
 position: absolute;
 top: 0px;
	left: 0px;
}


#carte #map-viewport .hover{
 display: none;
	cursor:pointer;
}

#carte #map-viewport .hover.visible {
	display: block;
}



#carte #map-viewport .close-tooltip {
	width:24px;
	height:24px;
 position: absolute;
 right:15px;
 top: 14px;
 z-index: 5;
	background:url(images/close-tooltip.jpg) no-repeat 0px 0px;
}

#carte #map-viewport.rouge .close-tooltip {
	background:url(images/close-tooltip-red.jpg) no-repeat 0px 0px;
}


#carte #map-viewport #tooltip {
	width:250px;
	height:auto;
	padding:3px;
	border:solid 1px #c5c4c5;
 background:#FFFFFF;
 display: none;
 position: absolute;
 z-index:2100;
 left: 500px;
 top: 140px;
}

#carte #map-viewport #tooltip > div{
	display:none;
}

#carte #map-viewport #tooltip > div.visible{
	display:block;
}

#carte #map-viewport #tooltip .title {
	width:214px;
	height:32px;
	background:#0e4c9c;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	padding:13px 18px 0 18px;
}



#carte #map-viewport  #tooltip .all-societe{
	overflow-y:auto;
}

#carte #map-viewport #tooltip .content-tooltip {
 padding:10px 25px;
}

#carte #map-viewport #tooltip .content-tooltip > h4{
 color: #0e4c9c;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:0;
}

#carte #map-viewport #tooltip .content-tooltip > b{
 color: #4c4c4c;
	font-size:12px;
	font-weight:bold;
	display:block;
}

#carte #map-viewport #tooltip .content-tooltip > p{
 color: #4c4c4c;
	font-size:12px;
	margin:0;
}

#carte #map-viewport #tooltip .content-tooltip a{
 color: #0e4c9c;
	text-decoration:none;
}

#carte #map-viewport #tooltip .content-tooltip a:hover{
	text-decoration:underline;
}

.ui-tooltip{border:4px solid #0e4c9c;}
.ui-tooltip-content{color:#0e4c9c;font-weight:bold;}
*/

/* xx - PARTENAIRE
****************************************************/
#metiers #listing-partenaires {
	margin: 20px 0 0;
}

#metiers #listing-partenaires article {
	margin-top: 30px;
}

#metiers #listing-partenaires a.header-les-partenaires {
	background: none repeat scroll 0 0 #0e4c9c;
	color: #ffffff;
	display: block;
	font-size: 14px;
	padding: 12px 10px;
	text-decoration: none;
}

#metiers #listing-partenaires a.header-les-partenaires:hover,
#metiers #listing-partenaires a.header-les-partenaires.selected {
	background: none repeat scroll 0 0 #6A94CA;
}

#metiers #listing-partenaires .header-les-partenaires > div.clearfix {
	margin-bottom: 4px;
}

#metiers #listing-partenaires .header-les-partenaires strong {
	background: url("images/whitearrow.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
	float: left;
	font-size: 21px;
	font-style: italic;
	padding-left: 20px;
}

#metiers #listing-partenaires a.header-les-partenaires.selected strong {
	background: url("images/whitearrow.png") no-repeat scroll 0 -21px rgba(0, 0, 0, 0);
}

#metiers #listing-partenaires .header-les-partenaires b {
	float: right;
	padding-right: 5px;
}

#metiers #listing-partenaires .content-les-partenaires {
	background: none repeat scroll 0 0 #f6f6f6;
	color: #1a171b;
	display: none;
	font-size: 14px;
	padding: 20px 2px;
}

#metiers #listing-partenaires .content-les-partenaires > div {
	float: left;
	height: 125px;
	padding: 25px 36px;
	width: 240px;
}

#metiers #listing-partenaires .content-les-partenaires > div img {
	width: 100%;
}

#metiers #listing-partenaires .content-les-partenaires > div p {
	color: #000;
	font-size: 14px;
	margin: 10px 0 0;
}

#metiers #listing-partenaires .content-les-partenaires > div a.lien-ides {
	color: #0e4c9c;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 0 5px 0 0;
	text-align: right;
}

#metiers #listing-partenaires .content-les-partenaires > div a.lien-ides:hover {
	color: #6A94CA;
}

#metiers #listing-partenaires .content-les-partenaires > div a.lien-producteur {
	background: none repeat scroll 0 0 #0e4c9c;
	color: #fff;
	display: inline;
	float: right;
	font-size: 12px;
	margin: 5px 0 0;
	padding: 0 10px;
	text-align: right;
}

#metiers #listing-partenaires .content-les-partenaires > div a.lien-producteur:hover {
	background: none repeat scroll 0 0 #6A94CA;
}

#metiers #listing-partenaires a {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 15px 0 0;
	padding: 5px 8px;
	text-align: right;
	text-decoration: none;
}

/*** PAGE PRODUIT ***/
#metiers #listing-partenaires.page-produit .content-les-partenaires {
	display: block;
	background: #FFF;
	padding: 0 1px;
}

#metiers #listing-partenaires.page-produit .content-les-partenaires > div {
	padding: 25px 54px;
}

#metiers #listing-partenaires.page-produit .content-les-partenaires div.PLeft {
	padding-left: 0;
}

#metiers #listing-partenaires.page-produit .content-les-partenaires div.PCenter {
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

#metiers #listing-partenaires.page-produit .content-les-partenaires div.PRight {
	padding-right: 0;
}

/*** PAGE MARCHE ***/
#metiers #metier article div.content-block-metier > a.totop {
	background: none;
}

#metiers #metier article div.content-block-metier > a.totop img {
	border: none;
	margin: none;
	float: right;
}

/* xx - FLEXSLIDER
****************************************************/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .flex-direction-nav li {
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.slider .flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0 0 20px;
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 20;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px
}

/* Direction Nav */
.flex-direction-nav a {
	width: 38px;
	height: 38px;
	display: block;
	background: url(images/arrow-slider.png) no-repeat 14px 14px rgba(0, 0, 0, 0.55);
	border: solid 1px #FFF;
	position: absolute;
	top: 20px;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 200;
}

.flex-direction-nav .flex-next {
	right: 18px;
	background-position: -32px 14px;
}

.flex-direction-nav .flex-prev {
	right: 65px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .disabled {
	opacity: .3 !important;
	filter: alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #d7d7d7;
	border: solid 1px #d7d7d7;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	font-size: 0px;
}

.flex-control-paging li a:hover {
	background: #d8022c;
}

.flex-control-paging li a.flex-active {
	background: #d8022c;
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .active {
	opacity: 1;
	cursor: default;
}

.flex-disabled {
	display: none !important;
}

@media screen and (max-width:860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 0;
	}

	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 0;
	}

}











.wpml-ls-legacy-list-horizontal {
    padding: 0 !important; 
}
.wpml-ls-statics-shortcode_actions {
    background-color: transparent !important; 
}

.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
     border-color: transparent !important; 
}











/*
* jQuery Dynatable plugin 0.3.1
*
* Copyright (c) 2014 Steve Schwartz (JangoSteve)
*
* Dual licensed under the AGPL and Proprietary licenses:
*   http://www.dynatable.com/license/
*
* Date: Tue Jan 02 2014
*/
table {
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
}

.table {
	margin-bottom: 20px;
	width: 100%;
}

.table th,
.table td {
	border-bottom: 1px solid #DDDDDD;
	line-height: 40px;
	padding: 8px 15px;
	text-align: left;
	vertical-align: top;
}

.table thead th,
.table thead th.col1 {
	vertical-align: bottom;
	background: #0e4c9c;
	line-height: 20px;
	font-weight: bold;
}

.table thead th.col2,
.table thead th.col3 {
	text-align: center;
}

.table thead th.col4 {
	text-align: right;
}

.table  th a {
	color: #fff;
	text-decoration: none;
}

.table  th a:hover {
	color: #fff;
	text-decoration: underline;
}

.table .col1 {
	width: 40%;
	background: #f7fafd;
	color: #58585a;
	font-size: 14px;
}

.table .col2 {
	width: 20%;
}

.table .col3 {
	width: 20%;
}

.table .col4 {
	width: 20%;
}

/*** SITE MAP
*********************/
#wp-realtime-sitemap-pages h3,
#wp-realtime-sitemap-posts h3 {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	line-height: 24px;
	font-weight: bold;
}

#wp-realtime-sitemap-pages > ul,
#wp-realtime-sitemap-posts > ul {
	padding: 0 0 0 20px;
}

#wp-realtime-sitemap-pages code a,
#wp-realtime-sitemap-posts code a {
	font-family: Tahoma;
	text-decoration: none;
}

#wp-realtime-sitemap-pages code a:hover,
#wp-realtime-sitemap-posts code a:hover {
	text-decoration: underline;
}

code {
	font-family: tahoma;
}

/*#wp-realtime-sitemap-pages .page_item.page-item-2, #wp-realtime-sitemap-posts ul li:first-child{display:none;}*/



#catalogue h1 {
	font-size:20px;
}
p#titre {
	font-weight:bold;
}

#list_products h2 {
	color:#FFF;
	float:left;
}
#default #content-default #list_products h2 a {
	color:#FFF;
	text-decoration:none;
	padding:5px 10px;
	float:left;
	display:block;
	background:#0e4c9c;
}
#default #content-default #list_products h2 a:hover {
	background:#AB000F;
}

#content-default img {
	//border-bottom: 8px solid #000;
}

#list_products h3 {
	float:left;
}

#list_products h4.product_link,
#list_products h3.product_link {
	font-size:14px;
	font-weight:normal;
	float:left;
	margin:0;
	padding:2px 15px 2px 2px;
}
#list_products h4.product_link:before,
#list_products h3.product_link:before {
	content:"› ";
	font-weight:bold;
	color:#CB001F;
}

#list_products div {
	float:left;
	width:100%;
}


#default #content-default #list_products h4.product_link a,
#default #content-default #list_products h3.product_link a {
	color:#222;
	text-decoration:none;
}
#default #content-default #list_products h4.product_link a:hover,
#default #content-default #list_products h3.product_link a:hover {
	text-decoration:underline;
}

body.catalogue #default #filtres .listing h2.currentCat {
	text-align:center;
	font-weight:bold;
}

#product-table th {
	color:#FFF;
}

.nomarg-top {
	margin-top:0;
}


/**
 * BreadCrumb
 */
.breadcrumb {
	position: absolute;
	top: 220px;
	right: 15px;
	margin: 5px auto;
}

.breadcrumb span,
.breadcrumb a {
	text-decoration: none;
	color: #58585a;
	font-size: 12px;
	display: inline-block;
}

.breadcrumb a:hover {
	text-decoration: underline;
	color: #000;
}

.breadcrumb span.breadcrumb_last {
	color: #0e4c9c;
}

#lang_sel_list ul{
	border:none;
}
}