/*
	Theme Name: GazeChim
	Author: Kairios
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{display:block;}
audio,
canvas,
video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html,
button,
input,
select,
textarea{font-family:sans-serif;}
body{margin:0;}
a: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,
samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,
q:after{content:'';content:none;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl,
menu,
ol,
ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
menu,
ol,
ul{padding:0 0 0 40px;}
nav ul,
nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}
button,
input,
select,
textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,
input{line-height:normal;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
html,
button,
input,
select,
textarea{color:#222;}
body{font-size:1em;line-height:1.4;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
img{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
.hidden{display:none !important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
@media only screen and (min-width:35em){}
@media print,
(-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi){}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
a,
a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after{content:"";}
pre,
blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,
img{page-break-inside:avoid;}
img{max-width:100% !important;}
@page{margin:0.5cm;}
p,
h2,
h3{orphans:3;widows:3;}
h2,
h3{page-break-after:avoid;}
}
.aligncenter{display:block;margin:0 auto}
.alignleft{float:left; margin-right:20px;}
.alignright{float:right; margin-left:20px;}
.wp-caption{border:1px solid #666;text-align:center;background:#ccc;padding:10px;margin:10px}
li#theme-switcher{background:#fff;border:10px solid 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{}




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



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

#content{
	padding-bottom:60px;
	border-bottom:solid 1px #d4d4d4;
}

.slider{
	width:100%;
	height:305px;
	padding-bottom:3px;
	background:url(images/bg-slider.jpg) no-repeat top center;
	border-bottom:solid 1px #d4d4d4;
}

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

header #header-top  #header-top-right 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;
	font-size:12px;
	text-decoration:none;
	margin:8px 0 0 30px;
	display:block;
	text-transform:uppercase;
}

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

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

header #header-top  #header-top-right li#menu-item-65 a{
	border-right:solid 1px #FFF;
	padding-right:10px;
}

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




header #header-bottom{
	width:100%;
	height:145px; 
}

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

header #header-bottom #searchform{
	float:right;
	margin-top:38px;
	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{
	height:22px;
	margin-top:25px;
	text-align:center;
	border-left:solid 1px #9c9e9f;
	border-right:solid 1px #9c9e9f;
}

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

header #header-bottom nav ul ul{
	position:absolute;
	z-index:9999;
	top:28px;
	left:0px;
	width:250px;
	background:#6f7273;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
}

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

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

header #header-bottom nav ul ul li{
	height:27px;
	float:none;
	text-align:left;
	padding-left:13px;
	border-top:solid 1px #FFF;
	padding:6px 0 0 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:12px;
	font-style:normal;
	background:none;
	display:block;
}

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

header #header-bottom nav ul a{
	display:block;
	height:22px;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#000;
	line-height:20px;
	padding:0 12px;
}

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

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

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


footer #footer-top{
	width:100%;
	height:250px;
	background:#6e7273;
	background-image: linear-gradient(bottom, #b7b8ba 0%, #6e7273 100%);
	background-image: -o-linear-gradient(bottom, #b7b8ba 0%, #6e7273 100%);
	background-image: -moz-linear-gradient(bottom, #b7b8ba 0%, #6e7273 100%);
	background-image: -webkit-linear-gradient(bottom, #b7b8ba 0%, #6e7273 100%);
	background-image: -ms-linear-gradient(bottom, #b7b8ba 0%, #6e7273 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #b7b8ba),
		color-stop(1, #6e7273)
	);
}
footer #footer-top .menu-header{
	width:780px;
	float:left;
}

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

footer #footer-top ul li{
	float:left;
	list-style:none;
	padding:0;
	width:195px;
	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:#FFF;
	display:block;
	text-decoration:none;
}

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

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-232 > a,
footer #footer-top ul li.menu-item-233 > a,
footer #footer-top ul li.menu-item-234 > a{
	cursor:default;
}

footer #footer-top  div.last{
	width:180px;
	padding:10px;
	margin:8px 0 0 0;
	background:#FFF;
	color:#000;
	font-size:12px;
	text-align:right;
	float:right;
}

footer #footer-top  div.last img{
	margin-left:38px;
}

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

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

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

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

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

}
#home .slider .slides li{
	position:relative;
}

#home .slider .caption{
	width:340px;
	height:150px;
	top:145px;
	left:0px;
	color:#272740;
	font-weight:bold;
	position:absolute;
}

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

#home .slider  .caption a{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	display:inline;
	padding:0 3px;
}

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

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

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

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

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

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

#home #content-home ul li.le-groupe{
	width:360px;
	height:160px;
	color:#FFF;
	padding:10px;
}

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

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

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

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

#home #content-home ul li span.over{
	background:rgba(0,0,0,0.0);
    display: block;
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 180px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#home #content-home ul li a:hover span.over{
	background:rgba(0,0,0,0.6);
}

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

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

#home #content-home ul li div.link-acti > span{
	float:left;
	height:19px;
	background:rgba(0,0,0,0.7);
	font-size:12px;
	color:#FFF;
	padding:2px 6px 0;
}


#home #content-home #actus{
	width:180px;
	height:380px;
	background:#5b595b;
	float:left;
}

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


#home #content-home #actus ul li{
	background:none;
	padding:10px;
	color:#e3e4e4;
	font-size:14px;
}

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

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

#home #content-home #actus ul li a{
	color:#fff;
	display:block;
}

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

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

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


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

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



/* 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:#0060AA;
}

#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: 29px;
    color: #FFFFFF;
    font-size: 25px;
    font-style: italic;
    margin: 0;
    padding: 8px 15px 0 8px;
}

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

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

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


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

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

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

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

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


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

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


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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

#metiers #title h1{
	float:left;
}

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

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

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

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

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

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


#metiers  #content-metier img {
    border: 1px solid #D9DADB;
	width:100%;
}

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


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


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

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


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


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

#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 #metier article div.content-block-metier a{
	text-decoration:underline;
}


/* xx - TEMPLATE RH
****************************************************/
#rh{
	width:100%;
	padding-bottom:3px;
	background:url(images/bg-slider.jpg) no-repeat top center #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

#rh .title{
	margin:0;
}

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

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

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

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

#rh #the_content_rh{
	margin-bottom:50px;
}

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

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

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

/*** LISTING METIER PAGE CULTURE ET METIER   ***/
#rh #listing-metier{
		margin:20px 0 0 0;
}
	
#rh #listing-metier article{
	margin:0px;
}

#rh #listing-metier article h3{
	font-size:21px;
	font-style:italic;
	color:#fff;
	display:block;
	padding:5px 0 5px 15px;
	width:645px;
	margin:0px;
}

#rh #listing-metier article ul{
	padding:15px 0 30px 15px;
	background:#f6f6f6;
	margin:0;
}

#rh #listing-metier article ul li {
	list-style:none;
	margin-bottom:3px;
}

#rh #listing-metier article ul a{
	color:#000;
	background:url(images/redarrow.png) no-repeat 0px 5px;
	padding-left:20px;
}

#rh #listing-metier article ul a.open{
	background:url(images/redarrow.png) no-repeat 0px -17px;
}

#rh #listing-metier article ul p{
	display:none;
	width:630px;
}

#rh  #content-rh  #voir-offre a{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    padding: 0px 8px;
    text-decoration: none;
	float:right;
	margin:15px 0 0 0;
}


/*** LISTING OFFRES PAGE OFFRES   ***/
#rh #search-offres-emplois{
	height:26px;
	padding:17px 14px;
	background:#f7f8f9;
	border:solid 1px #ececec;
	margin:15px 0;
}


#rh #search-offres-emplois select{
	height:24px;
	width:196px;
	margin:0 8px;
	padding:2px;
	color:#58585a;
	border:solid 1px #ececec;
	float:left;
}

#rh #search-offres-emplois #type-contrat{
	float:left;
	margin-left:20px;
	padding:2px 0 0 0;
}

#rh #search-offres-emplois #type-contrat span{
	float:left;
	color:#1a171b;
	text-transform:uppercase;
	font-size:14px;
}


#rh #search-offres-emplois #type-contrat input{
	width:12px;
	height:12px;
	float:left;
	margin:4px 12px 0 6px;
}

#rh #listing-offres-emplois{
		margin:20px 0 0 0;
}

#rh #listing-offres-emplois a.header-offre{
	padding:4px 10px;
	color:#FFF;
	font-size:14px;
	display:block;
	text-decoration:none;
}

#rh #listing-offres-emplois .header-offre > div.clearfix{
	margin-bottom:4px;
}

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

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

#rh #listing-offres-emplois .header-offre b{
	float:right;
	padding-right:5px;
}
#rh #listing-offres-emplois .header-offre span{
	float:left;
	padding-left:20px;
}

#rh #listing-offres-emplois .content-offre{
	padding:5px 10px;
	background:#f6f6f6;
	color:#1a171b;
	font-size:14px;
	margin-bottom:15px;
	display:none;
}

#rh #listing-offres-emplois .content-offre a.postuler{
	width:100px;
	height:28px;
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #c99ea7;
	margin:35px auto;
	display:block;
	background-image:url(images/pencil-2.png) no-repeat 6px 4px;
	text-align:left;
	padding:6px 0 0 40px;
	text-decoration:none;
}

#rh #listing-offres-emplois .content-offre a.postuler:hover{
	background-image:url(images/pencil-2.png) no-repeat 6px 4px;
}

#rh #listing-offres-emplois .footer-offre{
	border-top:solid 1px #f6f6f6;
	margin-bottom:30px;
}

#rh #listing-offres-emplois .footer-offre 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;
}

#rh #listing-offres-emplois .footer-offre a.print:hover{
	text-decoration:underline;
}

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

#rh #listing-offres-emplois .footer-offre .share span {
    float: left;
}

#rh #listing-offres-emplois .footer-offre .share .addthis_toolbox {
    float: right;
}


/*** PAGE OFFRE EMPLOI SEULE   ***/
#rh #offres-emplois{
		margin:20px 0 0 0;
}

#rh #offres-emplois .header-offre{
	padding:4px 10px;
	color:#FFF;
	font-size:14px;
	display:block;
	text-decoration:none;
}


#rh #offres-emplois .header-offre > div.clearfix{
	margin-bottom:4px;
}

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

#rh #offres-emplois .header-offre b{
	float:right;
	padding-right:5px;
}
#rh #offres-emplois .header-offre span{
	float:left;
	padding-left:20px;
}

#rh #offres-emplois .content-offre{
	padding:5px 10px;
	background:#f6f6f6;
	color:#1a171b;
	font-size:14px;
	margin-bottom:15px;
}

#rh #offres-emplois .content-offre button.postuler{
	width:130px;
	height:34px;
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #c99ea7;
	margin:35px auto;
	display:block;
	background-image:url(images/pencil-2.png) no-repeat 6px 4px;
	text-align:left;
	padding:0 0 0 40px;
}

#rh #offres-emplois .content-offre button.postuler:hover{
	background-image:url(images/pencil-2.png) no-repeat 6px 4px;
}

#rh #offres-emplois .footer-offre{
	border-top:solid 1px #f6f6f6;
	margin-bottom:30px;
}

#rh #offres-emplois .footer-offre 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;
}

#rh #offres-emplois .footer-offre a.print:hover{
	text-decoration:underline;
}

#rh #offres-emplois .footer-offre .share{
	float:right;
	margin:15px 5px 0 0;
	color:#1a171b;
	font-size:12px;
}

#rh #offres-emplois  .footer-offre .share span {
    float: left;
}

#rh #offres-emplois  .footer-offre .share .addthis_toolbox {
    float: right;
}


/*** COLONNE DROITE - CANDIDATURE   ***/
#rh #candidature{
	width:200px;
	height:164px;
    border: 1px solid #D9DADB;
	background:#FFF;
	padding:3px;
}

#rh #content-rh #candidature > a{
	width:200px;
	height:124px;
	background-image:url(images/bg-candidature.png) no-repeat 175px 10px;
	display:block;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	padding-top:40px;
}

#rh #candidature a:hover{
	background-image:url(images/bg-candidature.png) no-repeat 175px 10px;
}



#rh #candidature a img{
	border:none;
	display:block;
	margin:12px auto;
}


/*  FORMULAIRE CANDIDATURE */
#form-candidature.hide{
	display:none;
}

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

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

#rh .gform_wrapper #field_4_1 label,
#rh .gform_wrapper #field_4_3 label,
#rh .gform_wrapper #field_4_4 label,
#rh .gform_wrapper #field_4_5 label,
#rh .gform_wrapper #field_4_6 label{
	display:none;
	font-size:12px;
	color:#58585a;
	font-weight:bold;
	font-family:tahoma;
}

#rh .gform_wrapper #field_4_1{
	display:none;
}

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

#rh .gform_wrapper li#field_4_6{
	display:block;
	float:none !important;
}

#rh .gform_wrapper #field_4_8 label{
	visibility:hidden;
}

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

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

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

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

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

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


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

#rh .gform_wrapper input[type=submit]#gform_submit_button_4{
	float:right;
	margin-right:20px;
	width:190px;
}


/*** POSTULER OFFRES EMPLOI   ***/
#rh #postuler-offre{
	width:660px;
	background:#f6f6f6;
	margin:30px 0 0 0; 
}

#rh #postuler-offre h2{
	background:#FFF;
	padding:8px 18px;
	display:block;
	font-size:21px;
	font-style:italic;
}

#rh #postuler-offre #content-form-offre{
	padding:5px 0 35px 30px;
}

#rh #postuler-offre  #gform_wrapper_4{
	margin-top:0px;
}

#rh #postuler-offre input{
	width:270px;
}

#rh #postuler-offre #gform_4 ul{
	clear:both;
	overflow:hidden;
	width:630px;
}

#rh #postuler-offre #gform_4 li{
	width:315px;
	float:left;
	clear: none !important;
}


#rh #postuler-offre  .gfield.gfield_error{
	padding:0 !important;
	margin:0px 27px 10px 0  !important;
	width:282px !important;
}

#rh .gform_wrapper div.validation_error{
	color:red;
}

#rh #retour-offre{
	margin:15px 0 0 0;
}

#rh #content-rh #retour-offre a{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    padding: 0px 8px;
    text-decoration: none;
}



/*** POSTULER CANDIDATURE SPONTANEE  ***/
#rh .gform_wrapper#gform_wrapper_5 #field_5_1{
	display:none;
}

#rh .gform_wrapper#gform_wrapper_5 li{
	margin-bottom:22px;
}

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

#rh .gform_wrapper#gform_wrapper_5  #field_5_9 label,
#rh .gform_wrapper#gform_wrapper_5  #field_5_7 label,
#rh .gform_wrapper#gform_wrapper_5  #field_5_10 label{
	display:block;
}

#rh #gform_wrapper_5 li.gfield.gfield_error{
	padding-left:0px !important;
	padding-right:0px !important
}

#rh #gform_wrapper_5 .gfield_description{
	text-align:right;
}



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

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

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

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

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

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

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

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

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

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


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

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


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

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


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

#default .gform_wrapper .gform_button {
	background:#DB002F;
}

/* xx - TEMPLATE TIMELINE
****************************************************/
#timeline{
	width:100%;
	padding-bottom:3px;
	background:url(images/bg-slider.jpg) no-repeat top center #FFF;
}

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

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


/* node on the timeline */
#timeline  .timelineLight a.t_line_node {
	height:22px;
	width:22px;
	text-decoration:none;
	top: -22px;
	padding:38px 0 0 0;
	background:url('images/puce-timeline.png') no-repeat 0 16px;
	color:#140F11;
}
/*
#timeline  .timelineLight a.t_line_node:hover {
	background:url('../images/timeline/light/dot-rollover.png') no-repeat center 24px;
}
#timeline  .timelineLight a.t_line_node.active {
	background:url('../images/timeline/light/dot-selected.png') no-repeat center 24px;
}
*/

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

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

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

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

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

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

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

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

	
}
#timeline  .timelineLight .item.item_node_hover {
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}
/* ----- content - non-plugin elements ----- */
#timeline  .timelineLight .item .item-header{
	height:66px;
	border-bottom:solid 1px #FFF;
}

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

/* left/right controles */
#timeline  .timelineLight .t_controles {
	text-align:center;
    background: #F6F6F6;
    border-bottom: 1px solid #D7D6D7;
    height: 80px;
    margin: 20px auto;
    width: 940px;
	position:absolute;
	left:0;
}
#timeline  .timelineLight .t_left,
#timeline  .timelineLight .t_right {
	width:42px;
	height:46px;
	display:inline-block;
	height:50px;
	margin:10px;
	cursor:pointer;
}
#timeline  .timelineLight .t_left{
	background:url(images/pagination-left.png) no-repeat 16px 17px #4c4c4c;
}

#timeline  .timelineLight .t_right{
	background:url(images/pagination-right.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 ACTUS
****************************************************/
#actus{
	width:100%;
	padding-bottom:3px;
	background:url(images/bg-slider.jpg) no-repeat top center #FFF;
}

#actus  section{
	width:940px;
	margin:0 auto;
	background:#FFF;
	padding:0 20px 60px 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: 29px;
    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{
}

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

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

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

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

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

#actus  #section-content-actus .content-actus{
	padding:20px 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{
	text-decoration:undelrine;
}

/* xx - TEMPLATE MEDIAS
****************************************************/
#medias{
	width:100%;
	padding-bottom:3px;
	background:url(images/bg-slider.jpg) no-repeat top center #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

#medias .title{
	margin:0;
}

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

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

#medias  #section-content-medias{
}

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

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

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

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

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


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

#medias  #section-content-medias article > a:hover{
	text-decoration:undelrine;
}

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

#medias #listing-medias .footer-medias a.telecharger{
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #c99ea7;
	text-align:center;
	padding:6px 20px;
	text-decoration:none;
	float:left;
}

#medias #listing-medias .footer-medias .share{
	float:left;
	margin:10px 0 0 20px;
	color:#1a171b;
	font-size:12px;
	border-left:solid 1px #000;
	padding:0 0 0 20px;
	font-weight:bold;
}

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

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



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

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



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

#carte #map-viewport {
	border:solid 7px #0060aa;
	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;
}


/***  TOOLTIP CARTE   ***/
#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:#0060aa;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	padding:13px 18px 0 18px;
}



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

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

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

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

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

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

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

/* Tooltip - Survol */
.ui-tooltip{border:4px solid #0060AA;}
.ui-tooltip-content{color:#0060AA;font-weight:bold;}

/* 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;} 

/* 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;}
.flex-direction-nav .flex-next {right: 18px;background-position: -32px 14px; }
.flex-direction-nav .flex-prev {right: 65px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; right:10px; text-align: right;}
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #d7d7d7; border:solid 1px #d7d7d7;cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);font-size:0px;}
.flex-control-paging li a:hover { background: #d8022c; }
.flex-control-paging li a.flex-active { background: #d8022c;cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

.flex-disabled{display:none !important;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}