/*
	Theme Name: GazeChim
	Author: Kairios
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block;}
audio,#home #content-home #actus
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,
body{margin:0;}
a:focus{outline:thin dotted;}
a:active,
a:hover{outline:0;}
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,
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 red;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   ******************************************/
/******************************************************************************************************/
/******************************************************************************************************/


/*********************************************************
	= FONTS
*********************************************************/





/* 01 - COMMON
****************************************************/
body{font-family: 'Open Sans', sans-serif; font-size:12px;line-height:18px; background:#f9fbfc;}
img{
	display:block;
}

#content{
	padding-bottom:20px;
	/*background:url(images/bg-content.jpg)repeat-x;*/
	background:url(images/bg-content.jpg) no-repeat center 0;
}

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

.slider{
	width:100%;
	height:327px;
	padding-bottom:3px;
	background:url(images/bg-slider.jpg) no-repeat top center;
	overflow:hidden
}

.slider .flexslider{
	width:2500px;
	height:327px;
	margin:0 auto;
}

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


/* 02 - HEADER
****************************************************/
header{
	width:100%;
	/*height:186px;*/
	height:204px;
	border-bottom:solid 1px #d4d4d4;
	margin-bottom:3px;
}

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

header #header-top{
	width:100%;
	height: 5px;
	background:#494949;
	border-bottom:solid 1px #9e9e9e;
}

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 ul{
	margin:0;
	padding:0;
}

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

header #header-top  #header-top-right li a{
	color:#FFF;
	text-decoration:none;
	margin:10px 0 0 30px;
	display:block;
	text-transform:uppercase;
	font-size:11px;
}

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-133 a{
	padding-right:10px;
}

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%;
	/*height:145px;*/
	height:163px;
	background: #fff;
}

header #header-bottom #logo{
	/*margin:20px 0 0 15px;*/
	margin:38px 0 0 15px;
	float:left;
}

header #header-bottom #searchform{
	float:right;
	margin-top:78px;
	width:260px;
}

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

header #header-bottom #searchform input{
	width:225px;
	height:20px;
	padding:2px 3px;
	border: solid 1px #c6c7c8;
	background:#f5f5f5;
	float:left;
	font-size:12px;
	color:#58585a;
}

header #header-bottom #searchform button{
	border:none;
	width:26px;
	height:26px;
	border: solid 1px #c6c7c8;
	background:url(images/loupe.png) no-repeat 4px 4px;
	float:left;
}

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

header #header-bottom nav{
	width:100%;
	height:48px;
	font-family: 'Open Sans', sans-serif;
	background:url(images/bg-header.png) repeat-x 0 0;
}

header #header-bottom nav section{
	text-align:center;
	border-left:solid 1px #9c9e9f;
	width:980px;
	margin:20px auto 0;
}

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:39px;
	left:0px;
	width:250px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background:#6f7273;
	display:none;
}

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;
	position:relative;
}

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

header #header-bottom nav ul ul li:last-child{
	border-top:solid 1px #FFF;
}

header #header-bottom nav ul ul li a{
	color:#FFF;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	background:none;
	display:block;
	line-height:16px;
	margin:0;
	border-right: 0;
}


header #header-bottom nav ul a{
	display:block;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	color:#fff;
	line-height:18px;
	padding:0 15px;
	margin:15px 0;
	border-right:solid 1px #fff;
}

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 section{
	width:980px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}


footer #footer-top{
	width:100%;
	height:276px;
	background:url(images/bg-footer.jpg) repeat-x #FFF;
}
footer #footer-top .menu-header{
	width:760px;
	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:#1a2445;
	display:block;
	text-decoration:none;
	line-height:18px;
	background:url(images/puce-footer.png) no-repeat 0 5px;
	padding-left:15px;
	text-transform:uppercase;
	font-size:11px;line-height:16px;
}

footer #footer-top .menu-header > ul > li > a{
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	margin:30px 0 20px 0;
	font-weight:normal;
	text-decoration:none;
	color:#1a2445;
	display:block;
	text-transform:none;
	background:none;
	padding:0;
}

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;

}

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

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

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;
	background:url(images/arrow-double.png) no-repeat 0 3px;
	padding-left:15px;
}

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:158px;
	padding:0 10px;
	margin:8px 0 0 0;
	background:#e8e8e8;
	color:#1a2445;
	font-size:12px;
	text-align:right;
	float:right;
}

footer #footer-top  div.last img{
	margin: 10px auto;
}

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

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

footer hr{
	width:100%;
	height:15px;
	margin:5px 0;
}

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

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

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

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

footer #footer-bottom ul li a{
	font-size:12px;
	text-decoration:none;
	color:#000;
	padding-left:10px;
	display:block;
	text-transform:uppercase;
}

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

footer #norme{
	display:block;
}

footer #norme span {
    color: #1a2445;
    float: left;
    font-size: 11px;
    line-height: 14px;
    margin: 16px 10px 0 0;
}

footer #norme img {
    float: right;
}

footer #newsletter{
	width:400px;
	margin-bottom:15px;
	/*position: absolute;
    top: 190px;*/
}

footer #newsletter h3{
	color:#FFF;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:5px;
	color: #3382FF;
}

footer #newsletter input{
	width:140px;
	padding:3px 5px;
	border:solid 1px #ccc;
	height:28px;
	float:left;
}

footer #newsletter button{
	color:#FFF;
	font-weight:bold;
	border:none;
	background:#3382FF;
	text-align:center;
	cursor:pointer;
	height:36px;
	padding:0 10px;
	float:left;
}

footer #newsletter button:hover{
	background:#1a2445;
}


.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-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;
}


.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;
	font-family: 'Open Sans', sans-serif;
	line-height:26px;
	/*font-style:italic;*/
	font-weight:normal;
	padding-left:58px;
	background:url(images/puce-h1.png) no-repeat 0px 2px;
	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: #1a2445;
    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:#1a2445;
	margin:2px 8px 0 8px;
	float:left;
	text-align:center;
	line-height:12px;
}

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

.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 #1a2445;
    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 #3382FF;
}

.overlay #annulerAjoutPanier {
    background: url("images/icon-annuler.png") no-repeat 5px 5px #3382FF;
    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 #1a2445;
}


/***   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:#1a2445;
	float:left;
	text-align:center;
	line-height:12px;
	margin:12px 6px 0 6px;
}

#overlay-panier a.btn-qte:hover{
	background:#3382FF;
}

#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 #1a2445;
    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 #3382FF;
}

#overlay-panier #backCatalogue{
	float:right;
    background: url("images/icon-annuler.png") no-repeat 5px 5px #1a2445;
    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 #3382FF;
}

/***  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 #1a2445;
	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 #3382FF;
}

#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 #1a2445;
    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 3px 3px #3382FF;
}


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

.form-devis p{
	margin-bottom:10px;
}

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

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

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

.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 button{
	background:#1a2445;
	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 #1a2445;
	float:right;
	margin-top:-25px;
}

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


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

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

#home .slider .caption{
	width:940px;
	height:56px;
	padding:12px;
	top:230px;
	left:50%;
	margin-left:-470px;
	color:#272740;
	font-weight:bold;
	position:absolute;
	background:rgba(255,255,255,0.75);
}

#home .slider .caption h3{
	font-weight: normal;
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	color:#3382FF;
	margin:0;
	line-height:28px;
	margin-bottom:10px;
	width:290px;
	float:left;
	margin-right:10px;
}


#home .slider .caption div{
	font-size:12px;
	line-height:16px;
	/*width:450px;*/
	padding-right: 160px;
	float:left;
	margin-right:10px;

	position: relative;
	margin-top: 6px;
	width: 440px;
	padding-right: 190px;
}

#home .slider  .caption a {
	color:#1a2445;
	background:#d6d6d6;
	text-decoration:none;
	display:inline;
	/*padding:15px 20px;*/
	font-weight: normal;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	/*font-weight:bold;*/
	text-transform:uppercase;
	/*float:left;*/

	display: inline-block;
	position: absolute;
	padding: 15px 20px 15px 15px;
	right: 0; top: 0;
	float: none;
	width: 130px;
	white-space: nowrap;
	background-image: url(images/arrow-double.png);
	background-repeat: no-repeat;
	background-position: 140px 17px;
}

#home .slider  .caption a  span{float:left;margin-right:5px;}
#home .slider  .caption a img{width:11px;height:10px;float:left;margin:4px 0 0 0 ;}

#home .slider  .caption a:hover{
	color:#FFF;
	background-color:#1a2445;
}

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

#home #content-home #title{
	margin:15px auto 15px;
	width:980px;
	height:43px;
}

#home #content-home #title h1{
	float:left;
	height:43px;
	font-weight:normal;
	font-size:21px;
	font-family: 'Open Sans', sans-serif;
	line-height:40px;
	margin:0;
	color:#3382FF;
	font-weight: 600;
}
div.bg-h1{float:right;height:43px;background:url(images/bg-h1.jpg) no-repeat #1a2445;}
#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;
	background-color:#1a2445;
}

#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{
	color:#FFF;
}

#home #content-home ul li.le-groupe h3{
	color:#FFF;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	margin:5px 10px 0 10px;
	line-height:1.1;
}

#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.le-groupe img{
	
	width: 11px;
height: 10px;
position: static;
margin: 17px auto;
text-align: right;
float: right;
	
	
}

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

#home #content-home ul li a.excerpt > img{
	width: 10px;
	height: 10px;
    left: 8px;
    top: 30px;
}

#home #content-home #actus ul li > div > span {
	margin-left:12px;
}

#home #content-home ul li div.link-acti {
	position:absolute;
	bottom:5px;
	left:5px;
	width:163px;
	height:31px;
	background:#d6d6d6;
	border:solid 3px #FFF;
	text-align:center;
	color:#1a2445;
	line-height:28px;
	font-size:11px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	-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;
	font-weight: 400;
}

#home #content-home ul li div.link-acti:hover{
	background:#1a2445;
	border:solid 3px #1a2445;
	color:#fff;
}

#home #content-home ul li div.link-acti > img{
	display:inline-block;
}

#home #content-home ul li div.link-acti > span{
	display:inline-block;line-height: 29px
}

#home #content-home #home-right{float:right}
#home #content-home #actus{
	width:178px;
	height:302px;
	background:#1a2445;
	overflow: hidden;
}

#home #content-home #actus h3{
	color:#FFF;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	margin:20px 0 0 10px;

}


#home #content-home #actus ul li{
	background:none;
	color:#FFF;
	font-size:11px;
	width:178px;
	padding:10px 0;
}

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

#home #content-home #actus ul li span{
	display:block;
	font-size:12px;
	color:#FFF;
	padding:0 10px;
}
#home #content-home #actus .flex-viewport ul li  img{width:11px;height:10px;position:static;display:block;margin:10px auto;}

#home #content-home #actus ul li a.titre{
	color:#fff;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 10px;
}

#home #content-home #actus ul li a.excerpt {
    color: #fff;
    text-decoration: none;
	padding:0 10px;
	display: block;
}

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

#home #content-home #actus  .flex-direction-nav a{
	top:235px;
	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:178px;
	height:60px;
	margin-top:15px;
}
#home #content-home #bloc-contact a{
	color:#1a2445;
	font-size: 25px;
    font-weight: bold;
	text-align:right;
	text-decoration:none;
	display:block;
	text-align:center;
	background:#d6d6d6;
	width:178px;
	height:50px;
	padding-top:10px;
}
#home #content-home #bloc-contact a span{display:inline-block;vertical-align:middle;}
#home #content-home #bloc-contact a img{display:inline-block;vertical-align:middle;}
#home #content-home #bloc-contact a:hover{background:#1a2445;color:#fff;}

.title h2{
	font-size: 20px !important;
	line-height: 26px;
	font-weight: 600;
	font-style:italic;
	width:auto;
	float:left;
	color:#000 !important;
}



/****  MENU TAB ****/
.menu-tab{
	margin:20px 0 0 0;
	padding:0;
	border-bottom:solid 1px #1a2445;
}
.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:#1a2445;
}

.menu-tab li.selected,
.menu-tab li:hover{
	background:#1a2445;
	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.jpg) no-repeat top center #FFF;
}

#single-activite.bleu  section h2{
	color:#1a2445;
}

#single-activite  section{
	width:940px;
	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;
}

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

#metiers  section#header-metier {
	position:relative;
	/*width:980px;*/
	width: auto;
	padding:0;
	padding-top: 154px;
	text-align: center;
	background-color: transparent;
	/*background-color: red;*/
}

	section#header-metier > img {
		display: inline-block;
		position: absolute;
		left: 50%; top: 0;
		margin-left: -1240px;
	}

	section#header-metier > .clearfix,
	section#header-metier > .breadcrumb {
		margin:0 auto;
		background-color: #fff;
	}

	section#header-metier > .clearfix {
		position: relative;
		z-index: 10;
		width: 980px;
	}

	section#header-metier > .breadcrumb {
		width: 940px;
	}

.titre-header{color:#58585a;float:right;margin:0 !important;}
.titre-header img{float:left;}
.titre-header span{
	float:left;
    height: 43px;
	line-height:43px;
    color: #fff;
	background:#1a2445;
	font-weight: 600;
	font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    /*font-style: italic;*/
    margin: 0;
    padding: 0 25px;
}

.breadcrumb{
	text-align:right;
	padding-top: 10px;
	/*padding-right:25px;*/
	padding-right:20px;
	padding-left:20px;
}

.breadcrumb a{color:#573d3d;text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb span{color:#3382FF;}
.breadcrumb span.grey{color:#573d3d;}

#metiers  h1{
	font-size: 22px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	margin:0;
	line-height:40px;
	color:#1a2445;
	/*border-bottom:solid 1px #e2e2e2;*/
}


#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;
	max-width: 179px;
}

#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 {
    float: left;
    font-size: 14px;
    line-height: 20px;
    width: 735px;
}
#metiers #metier article div.content-block-metier ul {
	float:left;
}

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

#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;
}

#st  section{
	width:940px;
	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:172px;
}

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

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

#st  h1{
	font-size:25px;
	font-weight:bold;
	margin:0;
	line-height:40px;
	color:#1a2445;
	border-bottom:solid 1px #e2e2e2;
}

#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 #1a2445;
}

#st #content-st #ressources > a{background:url(images/picto_ressources.png) no-repeat 75px 72px #1a2445;}
#st #content-st #formation > a{background:url(images/pencil.png) no-repeat 75px 91px #1a2445;}

#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:#1a2445;}
#st #content-st #formation > a:hover, #st #content-st #formation > a.open{background:url(images/pencil-hover.png) no-repeat 75px 91px #FFF;color:#1a2445;}

#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;

	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;

}

#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;

}

#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;

	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: #1a2445;
	font-size: 14px;
    width: 206px;
}

#st .gform_wrapper .gfield_description.validation_message {
    color: #1a2445 !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:#1a2445;
	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;

}

#eservices h1{
	font-size:25px;
	font-weight:bold;
	margin:0;
	line-height:40px;
	color:#1a2445;
	border-bottom:solid 1px #e2e2e2;
}

#eservices  section{
	width:940px;
	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:172px;
}

#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 #1a2445;
    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 #3382FF;
}


#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 #1a2445;
	border:solid 8px #1a2445;
}

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

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

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


#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:940px;}
#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-size: 14px;
    height: 34px;
    text-align: center;
    width: 212px;
}

#eservices .gform_wrapper .gform_button {
	background:#1a2445;
}

#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: #1a2445;
	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: #1a2445 !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:#1a2445;
	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:#3382FF;
}

/* xx - TEMPLATE TIMELINE
****************************************************/
#timeline{
	width:100%;
	padding-bottom:60px;
}

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

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

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

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

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

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

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

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

#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:25px;
	font-weight:bold;
	margin:0;
	line-height:40px;
	color:#1a2445;
	border-bottom:solid 1px #e2e2e2;
}

#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');
	background-repeat: no-repeat;
}

/* 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:0;}
#applications{
	width:100%;
	padding-bottom:3px;
}

#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:172px;
}

#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:25px;
	font-weight:bold;
	margin:0;
	line-height:40px;
	color:#1a2445;
	border-bottom:solid 1px #e2e2e2;
}

#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 #1a2445;
}


#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:#1a2445;
	text-decoration:none;
	font-size:12px;
}

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

#applications #content-cas h2{
	color:#3382FF;
	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:#1a2445;
	font-size:16px;
}

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

#applications #content-cas article a{
	float:right;
	margin-right:30px;
	font-weight:bold;
	color:#1a2445;
	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:#1a2445;
	font-weight:bold;
	margin-top:10px;
	padding-top:1px;
	border-top:1px solid #1a2445;
	width:198px;
}



/* xx - TEMPLATE DEFAULT
****************************************************/
#default{
	width:100%;
	padding-bottom:3px;
}

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


#default  section#header-default,
#content > div > section:first-child {
	position:relative;
	overflow: hidden;
	/*width:980px;*/
	width: auto !important;
	padding:0;
	padding-top: 154px !important;
	text-align: center;
	background-color: transparent !important;
	/*background-color: red;*/
}

	section#header-default > img,
	#content > div > section:first-child > img {
		display: inline-block;
		position: absolute;
		left: 50%; top: 0;
		margin-left: -1240px;
	}

	section#header-default > .clearfix,
	section#header-default > .breadcrumb,
	#content > div > section:first-child > .clearfix,
	#content > div > section:first-child > .breadcrumb {
		margin:0 auto;
		background-color: #fff;
	}

	section#header-default > .clearfix,
	#content > div > section:first-child > .clearfix {
		position: relative;
		z-index: 10;
		width: 980px;
	}

	section#header-default > .breadcrumb,
	#content > div > section:first-child > .breadcrumb {
		width: 940px;
	}

#default  h1{
	font-size:25px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	margin:0;
	line-height:40px;
	color:#1a2445;
	border-bottom:solid 1px #e2e2e2;
}

#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:940px;}
#default .contact form{
	/*width:680px;*/
	width: 920px;
	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;*/
    width: 888px;
	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-size: 14px;
    height: 34px;
    text-align: center;
    width: 212px;
}

#default .gform_wrapper .gform_button {
	background:#1a2445;
}

#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;*/
	width: 450px;
	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;*/
	width: 418px;
}

#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;*/
    background: url("images/bg-st.jpg") no-repeat 920px 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/bg_CarteRegions.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:#1a2445;
	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:#3382FF;
	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 #1a2445;
	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: #1a2445;
    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-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:red;}
#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;

}

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

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

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

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

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

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

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

#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{
	   min-height: 410px;
}

#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;
}

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

#actus #listing-actus .header-actus strong{
	/*font-style:italic;*/
	font-weight: normal;
	font-size:17px;
	font-family: 'Open Sans', sans-serif;
	background:url(images/whitearrow.png) no-repeat 0px 2px;
	float:left;
	padding-left:20px;
}

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


#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:#3382FF;
}

#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:260px;
	float:right;
}

#actus #listing-medias h2{
	text-align:center;
	color:#FFF;
	font-weight: normal;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	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 #1a2445;
	width: 904px;
	height:570px;
    background:#fff;
	position: relative;
	padding:3px;
	background:url(images/map/carte.jpg) no-repeat 3px 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{
	width:530px;
	height:500px;
	margin:1px 0 0 156px;
}

.mapTooltip {
	background:#fff;
	border:4px solid #1a2445;
	color:#1a2445;
	font-weight:bold;
	position:fixed;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#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-image:url("images/close-tooltip-red.jpg");
	background-repeat: no-repeat;
}


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

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

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

#carte #map-viewport #tooltip .title {
	width:244px;
	background:#1a2445;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	padding:10px 18px;
	display:block;
}



#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: #1a2445;
	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: #1a2445;
	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:#1a2445;
}

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

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

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


/* xx - RESULTAS DE RECHERCHE
****************************************************/
#search{
	width:100%;
	padding-bottom:3px;
}

#search  section{
	width:940px;
	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:172px;
}

#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:underline;
}


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

/* xx - CATALOGUE
****************************************************/
.page-template-template-catalogue-php #familles, .page-template-template-catalogue-php  #produits{
	width:460px;
	margin-bottom: 20px;
}

.page-template-template-catalogue-php  #produits.FullWidth{
	width:100%;
	clear:both;
	overflow:hidden;
}

.page-template-template-catalogue-php #default #filtres .FullWidth .listing{width:938px;}

.page-template-template-catalogue-php #familles, .page-template-template-catalogue-php  #sf{
	width:460px;
}

.page-template-template-catalogue-php #default h3{
	background-color: #1a2445;
    color: #FFFFFF;
    height: 28px;
    padding-top: 10px;
    width: 100%;
	font-size:16px;
	font-weight:bold;
	margin:0;
}

.page-template-template-catalogue-php #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;
}

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

.page-template-template-catalogue-php #default #title #voirPanier:hover{
    background:url(images/icon-panier.png) no-repeat 5px 5px #3382FF;
}

.page-template-template-catalogue-php #default #filtres{
	margin-top:15px;
}

.page-template-template-catalogue-php #default #filtres .listing{
	width:458px;
	border:1px solid #d9dadb;
}

.page-template-template-catalogue-php #default #filtres .listing img.aligncenter{
	padding:60px 0 0 0;
}

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

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


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

.page-template-template-catalogue-php #default #filtres .listing ul li a:hover,
.page-template-template-catalogue-php #default #filtres .listing ul li a.active{
	background-color:#3382FF;
	color:#fff;
}

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

.page-template-template-catalogue-php #default #produit h2.h1{
	color:#000;
}

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

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

.page-template-template-catalogue-php #default #produit #content-produit h3 span{
	float:left;
}

.page-template-template-catalogue-php #default #produit #content-produit h3 a{
	float:right;
}

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

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

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

.page-template-template-catalogue-php #default #produit #content-produit #afficherMasquer span{
	background-color:#1a2445;
	float:right;
	color:#fefefe;
	font-size:11px;
	padding:2px 5px 3px 11px;
	cursor:pointer;
}

.page-template-template-catalogue-php #default #produit #content-produit h4{
	font-weight:bold;
	color:#1a2445;
	font-size:16px;
	margin-bottom:10px;
}

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

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

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

.page-template-template-catalogue-php #default  #caracteristiques{
	display:none;
}


.page-template-template-catalogue-php #default  #caracteristiques a{color:#1a2445; font-weight:bold;}
.page-template-template-catalogue-php #default  #caracteristiques a:hover{color:#3382FF;}

.page-template-template-catalogue-php #default  #actions{
	margin-top:25px;
}


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

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

.page-template-template-catalogue-php #default  #actions ul li{
	list-style:none;
}

.page-template-template-catalogue-php #default  #actions ul li a{
	font-size:12px;
	font-weight:bold;
	color:#1a2445;
}

.page-template-template-catalogue-php #default  #actions ul li a:hover{
	color:#3382FF;
}

.page-template-template-catalogue-php #default  #ajoutDemandeDevis{
	border:solid 1px #ccc;
    background: url("images/ajout-panier.png") no-repeat scroll 15px 6px #1a2445;
    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 #1a2445;
}
.page-template-template-catalogue-php #default  #ajoutDemandeDevis:hover{
    background: url("images/ajout-panier.png") no-repeat scroll 15px 6px #3382FF;
	border:solid 5px #3382FF;
}

.page-template-template-catalogue-php #default #content-produit #produit-slider{
	border-top: 3px solid #1a2445;
    margin-top: 30px;
    padding-top: 40px;
}

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

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

.page-template-template-catalogue-php #default #content-produit .slider , .page-template-template-catalogue-php #default #content-produit .slider .flexslider{
	height:230px;
	width: 940px
}

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

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

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

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

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

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

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

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

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

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

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

.page-template-template-catalogue-php #default #content-produit .slider  .caption a{
	border-top: 1px solid #1a2445;
    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 #1a2445;
	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:#1a2445;
	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: #1a2445;
	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: #1a2445;
	text-decoration:none;
}

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

.ui-tooltip{border:4px solid #1a2445;}
.ui-tooltip-content{color:#1a2445;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 #1a2445;
    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 #3382FF;
}
#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: #1a2445;
    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: #3382FF;
}
#metiers #listing-partenaires .content-les-partenaires > div a.lien-producteur {
    background: none repeat scroll 0 0 #1a2445;
    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 #3382FF;
}

#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:0;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 {background-position: -32px 14px;}
.flex-direction-nav .flex-prev {}
.slider .flex-direction-nav .flex-next {left: 50%;background-position: -32px 14px; margin-left:430px;}
.slider  .flex-direction-nav .flex-prev {left: 50%; margin-left:380px;}
.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;}
}


/*
 * 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:#1a2445;
    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%;
}

.gform_confirmation_message_3.gform_confirmation_message {
    margin-top: 30px;
}


/*** 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{ text-decoration:none;}
#wp-realtime-sitemap-pages code a:hover,#wp-realtime-sitemap-posts code a:hover{text-decoration:underline;}



.mapWrapper div {
	display: inline-block;
	vertical-align: top;
}

div#map_canvas {
	width: 100%;
	height: 300px;
}

.page-template-template-contact #default section#header-default{
	padding-top: 0 !important;
}

.ligne {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	vertical-align: top;
}

.leftImage{
	display: inline-block;
	width: 180px;
}

.rightContent {
	display: inline-block;
	width: 745px;
	padding: 0 20px;
	box-sizing: border-box;
	vertical-align: top;
}

#default section.margtopcontact{
	margin-top:20px;
}

.familleproduits#default h1 {
	font-size: 20px;
	font-weight: 800;
}
.familleproduits#default h2 {
	font-size: 17px;
	font-weight: 600;
}
.single-produits .familleproduits#default h2, .tax-famille_produits .familleproduits#default h2{
	    border-bottom: solid 1px #0096ff;
		    padding-bottom: 7px;
}
.catalogue p {
    text-align: justify;
}

.familleproduits#default h3 {
	font-size: 18px;
	font-weight: 600;
	border-bottom: solid 1px #0096ff;
	padding-bottom: 3px;
}

#default #content-default.catalogue a {
	text-decoration: none;
	font-weight: 400;
	font-size: 15px;
	transition: all 350ms;
}
#default #content-default.catalogue a:after {
	content: '»';
	margin-left: 7px;
	font-size: 18px;
	font-weight: 400;
}
#default #content-default.catalogue.pageparent a:after {
	content: '';
}
#default #content-default.catalogue.pageparent a .voir:after {
	content: '»';
	margin-left: 7px;
	font-size: 18px;
	font-weight: 400;
}


#default #content-default.catalogue a:hover {
color:#0096ff;
}


.dllpdf {
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 20px 0 0;
}
.dllpdf img{
	display: inline-block;
	text-align: center;
}
.dllpdf span{
text-align: center;
	width: 100%;
	display: block;
	font-size: 13px;
	margin-top: 10px;
}

#default #content-default.catalogue a.dllpdf:after{
	content: '';
}

.breadcrumb {
	font-size: 13px;
}

.ligne.tableau {
	background-color: #f6f6f6;
	padding: 20px;
}

.ligne.tableau {
	background-color: #f6f6f6;
	padding: 20px;
	box-sizing: border-box;
}

.familleproduits#default .ligne.tableau h3 {
	border-bottom: none;
	font-size: 16px;
	font-weight: 800;
	padding: 0;
}

.ligne.tableau table{
	width:100%;
}
.ligne.tableau thead{
	background-color: white;
}
.ligne.tableau thead td {
	padding: 5px 10px;
}
.ligne.tableau tbody td {
	padding:18px 10px;
}
.alcenter{
	text-align: center;
}
.alcenter img{
display: inline-block;
}
.aleft{
	text-align: left;
}
.autrecond {
	font-weight: 800;
	background-color: white;
	padding: 10px 10px;
}

.ligne.list a {
	width: 100%;
	display: block;
	margin: 12px 0;
}

.ligne.tableau tbody td.titreparent {
	 background-color: #1a2445;
	 font-weight: 400;
	 color: white;
 }

.ligne.tableau.taxo tbody td {
padding:10px;
}
#default.familleproduits section {
	padding: 0 20px 20px 20px;
}
#formDevis {
    margin-top: 20px;
	display:none;
}

#formDevis .gfield_label {
    width: 220px;
	    display: inline-block;
    vertical-align: top;
}
#formDevis .ginput_container {
        width: 660px;
    display: inline-block;
	margin: 0 0 5px; 0;
}
#default .gform_wrapper input[type="submit"] {
    margin-left: 220px;
    display: inline-block;
}
#formDevis .ginput_container input, #formDevis .ginput_container textarea {
    max-width: 100%;
	width:auto;
}

#formDevis .gform_wrapper ul li.gfield {
    margin-top: 0;
}
#btDevis img {
    display: inline-block;
    width: auto;
}

#btDevis h2 {
    display: inline-block;
    width: 840px;
	margin-left:10px;
}

header #header-bottom #searchform button {
    background-color: #1a2445;
}
/*#wp-realtime-sitemap-pages .page_item.page-item-2, #wp-realtime-sitemap-posts ul li:first-child{display:none;}
